.kiosk-toggle svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.renewal-quick {white-space:nowrap}
.renewal-page {max-width:960px;margin:0 auto;padding-bottom:30px}
.renewal-panel {padding:26px;margin-top:20px}
.renewal-panel h2 {font:700 20px Manrope,sans-serif;margin:0 0 20px}
.renewal-panel h2:not(:first-child) {margin-top:30px}
.renewal-panel label {display:block;font-size:15px;font-weight:700;color:#432050}
.renewal-panel input,.renewal-panel select {width:100%;min-height:48px;margin-top:8px;padding:10px 12px;border:1px solid #d6c7db;border-radius:9px;background:white;color:#432050;font:inherit}
.renewal-panel select:disabled {background:#f6f1f7}
.renewal-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.renewal-results {display:grid;gap:8px;margin-top:12px;max-height:320px;overflow:auto}
.renewal-results button {border:1px solid #e5d9e9;background:#fff;border-radius:10px;padding:14px;text-align:left;cursor:pointer;color:#432050}
.renewal-results button:hover,.renewal-results button:focus-visible {border-color:#823395;background:#faf3fc}
.renewal-results strong,.renewal-results small {display:block}.renewal-results small {font-size:14px;margin-top:4px;color:#6e6172}
.renewal-selected {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;margin-top:12px;background:#f6ebf8;border-radius:10px}
.renewal-selected span {margin-right:auto}.renewal-selected button {min-height:42px}
.renewal-existing-title {font-size:16px;font-weight:700;margin:0 0 12px}
.renewal-panel dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.renewal-panel dl div {padding:12px;background:#faf6fb;border-radius:8px}.renewal-panel dt {color:#6e6172;font-size:14px}.renewal-panel dd {margin:5px 0 0;font-weight:700;overflow-wrap:anywhere}
.renewal-note {color:#6e6172}.renewal-error {color:#9b183f;background:#fff0f3;padding:12px;border-radius:8px}
#renewalPay {min-height:50px;min-width:150px;font-size:16px}
.kiosk-mode .app-shell {display:block}.kiosk-mode .sidebar {display:none}.kiosk-mode main {width:100%}
.kiosk-mode .topbar {height:76px;padding:0 clamp(18px,4vw,64px)}
.kiosk-mode .menu-toggle,.kiosk-mode .role-switch,.kiosk-mode .notification-wrap,.kiosk-mode .identify-button,.kiosk-mode .quick-add,.kiosk-mode .renewal-quick {display:none!important}
.kiosk-mode .content {max-width:1200px;margin:0 auto;padding:clamp(24px,4vw,56px)}
.kiosk-home-button {white-space:nowrap;min-height:42px}

.kiosk-mode {background:#fcf9fc}
.kiosk-mode .topbar {background:#fff;box-shadow:0 6px 24px rgba(104,50,105,.05)}
.kiosk-mode .content {max-width:1160px;padding:clamp(24px,3vw,42px)}
.kiosk-home {max-width:1080px;margin:0 auto}
.kiosk-home h1 {font:800 clamp(27px,3.2vw,36px) Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 24px;color:#45224c}
.kiosk-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kiosk-grid .kiosk-card {position:relative;display:flex;align-items:center;min-height:284px;overflow:hidden;padding:34px;border:0;border-radius:23px;background-color:#e7d3f1;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 14px 30px rgba(73,31,82,.11);cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease}
.kiosk-grid .kiosk-card:hover {transform:translateY(-3px);box-shadow:0 19px 36px rgba(73,31,82,.17)}
.kiosk-grid .kiosk-card:focus-visible {outline:3px solid #5d2277;outline-offset:4px}
.kiosk-grid .kiosk-card strong {position:relative;z-index:1;max-width:53%;font:800 clamp(26px,2.8vw,36px)/1.12 Manrope,sans-serif;letter-spacing:-.025em;color:#4f225d;text-wrap:balance}
.kiosk-grid .kiosk-renew strong {color:#fff;text-shadow:0 2px 10px rgba(19,34,106,.18)}
.kiosk-grid .kiosk-card:disabled {opacity:.45;filter:grayscale(.45);cursor:not-allowed;transform:none}
.kiosk-home-button {white-space:nowrap;min-height:42px}
@media(max-width:780px) {
 .kiosk-toggle,.kiosk-mode .help-button {display:grid!important;place-items:center}
 .kiosk-mode .breadcrumb span {display:inline}
 .renewal-quick {font-size:14px;padding:9px 12px}
 .renewal-fields,.renewal-panel dl {grid-template-columns:1fr}
 .kiosk-grid {gap:14px}
 .kiosk-grid .kiosk-card {min-height:246px;padding:24px}
}
@media(max-width:620px) {
 .kiosk-grid {grid-template-columns:1fr}
 .kiosk-grid .kiosk-card {min-height:215px}
 .renewal-selected {display:grid}.renewal-panel {padding:18px}
}
@media(max-width:380px) {.kiosk-grid .kiosk-card {min-height:190px}.kiosk-grid .kiosk-card strong {font-size:26px}}
@media(prefers-reduced-motion:reduce) {.kiosk-grid .kiosk-card {transition:none}}

.kiosk-grid .kiosk-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}

.renewal-results button{position:relative}.renewal-results button .badge{display:inline-block;margin-top:8px;font-size:14px}.renewal-results button:disabled{cursor:default;background:#faf6fb;border-color:#eaddea}.renewal-results button:disabled strong{color:#78677e}