@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--primary:#2958ff;--ink:#04050f;--muted:#6d6d75;--border:#e5e5e7;--soft:#f3f3f5;--sidebar:#1d2330;--danger:#b91c1c;--radius:8px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}[hidden]{display:none!important}.icon{height:18px;width:18px;flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--sidebar);color:#d9d9d9;padding:0 12px;z-index:30;border-right:1px solid #333c4b;transition:width .18s}.brand{display:flex;align-items:center;justify-content:center;gap:9px;padding:21px 0 24px;color:#fff;font-size:22px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand:hover{color:#fff}.brand-light{font-weight:400}.brand-mark{border:2px solid #fff;border-radius:6px;line-height:24px;padding:0 4px;font-size:24px;letter-spacing:-3px}.brand-mark span{color:#7b9cff}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#9299a5;padding:22px 12px 10px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:6px;margin:3px 0;color:#d4d6dc}.nav-item .icon{width:20px;height:20px}.nav-item:hover,.nav-item.active{background:#293344;color:#fff}.nav-item.active{font-weight:500}.sidebar-footer{margin-top:auto;text-align:center;padding:25px 0 16px;color:#9098a6}.support-label{border:1px solid #3c465a;border-radius:24px;padding:10px;font-size:12px;margin-bottom:12px}.heart{color:#b91c1c}.workspace{margin-left:240px;min-width:0;flex:1;transition:margin .18s}.topbar{min-height:65px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px}.header-controls{display:flex;justify-content:flex-end;gap:12px;align-items:center;flex-wrap:wrap}.header-controls select{width:190px;height:40px}.role-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:6px;padding:9px 12px;min-width:150px}.icon-button{border:0;background:transparent;color:inherit;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:24px}.icon-button:hover{background:var(--soft)}main{padding:24px;min-width:0}h1{font-size:24px;line-height:1.3;margin:0;font-weight:700;letter-spacing:-.4px}h2{font-size:18px;line-height:1.4;margin:0;font-weight:700}h3{font-size:14px;font-weight:600}p{margin:4px 0 0}.muted,.eyebrow{color:var(--muted)}.eyebrow{margin:0 0 4px}.page-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.section-heading{margin-top:24px;margin-bottom:16px}.card .section-heading{margin-top:0}.page-heading p{font-size:14px}.inline-heading{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;min-height:40px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;background:white;white-space:nowrap}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:#204ce5}.button.outline{border-color:var(--border);color:var(--ink)}.button.outline:hover{background:var(--soft)}.button.small{min-height:32px;padding:5px 10px;font-size:12px}.button.small .icon{height:15px;width:15px}.text-link,.back-link{color:var(--primary);background:none;border:0;padding:0;display:inline-flex;align-items:center;gap:5px}.text-link:hover,.back-link:hover{text-decoration:underline}.back-link{margin-bottom:24px}.badges{display:flex;gap:8px;margin-top:10px}.badge{background:#e8e8eb;color:#6d6d75;border-radius:6px;padding:3px 9px;font-size:12px;white-space:nowrap;display:inline-block}.badge.outline{background:white;border:1px solid var(--border)}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin:24px 0;overflow-x:auto}.tab{display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;padding:0 0 12px;color:var(--muted);white-space:nowrap}.tab.active{border-color:var(--primary);color:var(--ink);font-weight:600}.filters{margin-bottom:24px}.search-wrap{position:relative;max-width:310px;margin-bottom:16px}.search-wrap .icon{position:absolute;top:12px;left:12px;color:var(--muted)}.search-wrap input{padding-left:38px}.filter-row{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.filter-menu{position:relative;min-width:208px}.filter-menu summary{cursor:pointer;padding:9px 12px;border:1px solid var(--border);border-radius:6px}.filter-menu summary span{float:right;color:var(--muted);padding-right:10px}.filter-options{position:absolute;top:44px;left:0;min-width:240px;background:white;border:1px solid var(--border);box-shadow:0 8px 25px #0001;border-radius:8px;padding:12px;z-index:10}.filter-options label,.check-label{display:flex;align-items:center;gap:8px;padding:6px 0}.filter-options input,.check-label input{width:16px;height:16px}.table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 16px;vertical-align:top}th{background:#f8f8f9;font-size:13px;font-weight:600;white-space:nowrap}td{border-top:1px solid var(--border)}td.strong,.strong{font-weight:600}tbody tr:hover{background:#fafafa}.actions{display:flex;gap:8px}.empty-state{text-align:center;padding:56px 24px;color:var(--muted)}.empty-state>.icon{height:40px;width:40px;margin-bottom:16px;color:#a4a4ac}.empty-state h2{color:var(--ink);margin-bottom:8px}.empty-state .button{margin-top:20px}.card{border:1px solid var(--border);border-radius:12px;padding:24px;background:#fff}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shortcut{display:flex;flex-direction:column;gap:16px}.tile-icon{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:8px;width:56px;height:56px}.tile-icon .icon{width:28px;height:28px}.settings-links{padding:0;list-style:none;margin:16px 0 0}.settings-links li{margin-top:12px}.settings-links a{display:flex;align-items:center;gap:10px;color:var(--muted)}.settings-links a:hover{color:var(--primary)}.card-description{font-size:14px;margin-top:4px}.modal{border:1px solid var(--border);border-radius:12px;width:calc(100% - 32px);max-width:512px;max-height:90vh;overflow:auto;padding:24px;color:var(--ink);box-shadow:0 20px 60px #0003}.modal::backdrop{background:#0009}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-heading h2{font-size:18px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.form-stack{display:flex;flex-direction:column;gap:16px}label{font-weight:500;font-size:14px}label>input:not([type=checkbox]),label>select{margin-top:6px}input,select,textarea{border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink);padding:9px 12px;min-width:0;width:100%;line-height:20px}input[type=checkbox]{accent-color:var(--primary)}input:invalid:not(:placeholder-shown){box-shadow:none}textarea{resize:vertical}fieldset{border:1px solid var(--border);border-radius:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-status{font-size:13px;color:var(--muted);white-space:pre-line}.error,.danger{color:var(--danger)!important}.settings-card{margin-bottom:24px}.setting-row{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--border)}.setting-row:last-of-type{border-bottom:0}.setting-copy{flex:1}.setting-copy label{font-weight:500}.setting-copy p{font-size:12px;color:var(--muted);max-width:620px}.setting-control{width:280px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.setting-control:has(.switch){width:130px}.switch{display:inline-flex;position:relative;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;position:absolute;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.switch span{background:#e5e5e7;border-radius:24px;width:44px;height:24px;transition:background .15s}.switch span:after{content:'';position:absolute;background:white;box-shadow:0 1px 3px #0002;width:20px;height:20px;border-radius:50%;top:2px;left:2px;transition:transform .15s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translateX(20px)}.switch input:focus-visible+span{outline:2px solid var(--primary);outline-offset:3px}.switch input:disabled+span{opacity:.5}.inherit-button{background:none;border:0;font-size:10px;color:var(--muted);padding:3px 0}.inherit-button:hover{color:var(--primary)}.save-indicator{font-size:12px;color:#178a3c;font-weight:500}.field-reason:empty{display:none}.colour-input{display:flex;gap:8px}.colour-input input[type=color]{width:42px;height:40px;padding:3px;flex-shrink:0}.colour-input input:not([type=color]){font-family:monospace}.coming-soon{max-width:650px;margin:70px auto}.coming-soon .tile-icon{margin:0 auto 20px}.coming-soon .badge{margin-bottom:12px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.asset-preview{height:180px;background:#f8f8fa;border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.asset-preview img{max-width:100%;max-height:100%;object-fit:contain}.asset-preview .icon{width:40px;height:40px;color:#aaa}.upload-label{width:100%;cursor:pointer}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.screen-preview{aspect-ratio:16/9;background:#f3f3f5;border-radius:8px;overflow:hidden;padding:10px;display:flex;flex-direction:column;margin-top:20px}.screen-banner{height:26%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.screen-columns{display:grid;grid-template-columns:1fr 1fr;flex:1;padding:10px 0;gap:12px}.screen-columns>div+div{border-left:1px solid var(--border);padding-left:12px}.screen-columns h3{text-align:center;font-size:15px;margin:3px 0 10px}.order{display:inline-block;width:46%;text-align:center;padding:8px 0;border-radius:5px;margin:0 1%;font-size:22px}.screen-footer{text-align:center;font-size:12px;padding:6px}.screen-preview.portrait{aspect-ratio:9/16;max-width:320px;margin-inline:auto}.portrait .order{display:block;width:100%;margin-bottom:8px}.footnote{font-size:12px}.mobile-cards{display:none}pre{max-width:400px;overflow:auto;font-size:12px}#toast{position:fixed;bottom:24px;right:24px;max-width:400px;padding:16px 24px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 5px 25px #0002;z-index:100}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-collapsed .sidebar{width:64px}.sidebar-collapsed .workspace{margin-left:64px}.sidebar-collapsed .nav-item span,.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-footer{display:none}.sidebar-collapsed .sidebar{padding:0 8px}.sidebar-collapsed .nav-item{padding:12px}.sidebar-collapsed .brand{padding:20px 0}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 12% 8%,#2958ff47,transparent 62%),radial-gradient(ellipse at 88% 92%,#2958ff29,transparent 60%),#0a0d1a;color:#e8edf5;padding:24px}.auth-card{width:440px;max-width:100%;padding:36px;background:#151b2d;border:1px solid #3c4560;border-radius:16px;box-shadow:0 20px 80px #0003}.auth-card h1{text-align:center;margin:10px 0}.auth-card>p{text-align:center;color:#b9c2d5;margin-bottom:28px}.auth-card input{background:#1c2336;color:#e8edf5;border-color:#45506b}.auth-card .button{width:100%;margin-top:8px}.auth-card .auth-note{font-size:12px;margin:24px 0 0}.auth-card .error{color:#ffb7b7!important}.auth-card .brand{padding-top:0}.auth-card label{color:#dbe2f0}.auth-card p{font-size:13px}nav[role=navigation]{display:flex;justify-content:space-between;margin-top:20px}nav[role=navigation] svg{width:20px}nav[role=navigation] a,nav[role=navigation] span[aria-current]{padding:6px;border:1px solid var(--border)}
@media(min-width:1800px){main{max-width:1800px}}@media(max-width:1279px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-controls select{width:160px}.role-chip{min-width:auto}.preview-grid{grid-template-columns:1fr}}@media(max-width:1023px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap:not(.always){display:none}.mobile-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.header-controls{gap:8px}.role-chip{font-size:12px;padding:8px}.topbar{padding:12px}.asset-grid{grid-template-columns:1fr}.workspace{margin-left:64px}.sidebar{width:64px;padding:0 8px}.nav-item span,.brand>span:last-child,.nav-label,.sidebar-footer{display:none}.sidebar-collapsed .sidebar{width:240px}.sidebar-collapsed .nav-item span,.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-footer{display:block}.sidebar-collapsed .workspace{margin-left:64px}.nav-item{padding:12px}.brand{padding:20px 0}}@media(max-width:639px){main{padding:16px}.card-grid,.mobile-cards{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading>.button{width:100%}.header-controls select{width:132px;font-size:12px}.header-controls .role-chip{display:none}.card{padding:20px}.setting-row{gap:12px;flex-wrap:wrap}.setting-control{width:100%}.setting-control:has(.switch){width:80px}.filter-row{gap:12px}.filter-menu{width:100%}.two-col{grid-template-columns:1fr}.section-heading{flex-wrap:wrap}.auth-card{padding:24px}.topbar{align-items:flex-start}h1{font-size:22px}}
.general-section+.general-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.general-options .setting-row{padding:8px 0;border:0;align-items:center}.general-options .setting-control{width:44px}.general-options .inherit-button{display:none}.general-options{gap:4px 24px}.general-section>h3{margin-top:24px}
.brand{padding:16px 4px 18px}.brand-full{width:200px;height:auto;max-width:100%;background:white;padding:8px 10px;border-radius:8px;object-fit:contain}.brand-compact{display:none;width:38px;height:38px;border-radius:6px}.auth-card .brand-full{width:240px;padding:12px 16px}.sidebar-collapsed .brand-full{display:none}.sidebar-collapsed .brand-compact{display:block}@media(max-width:1023px){.sidebar .brand-full{display:none}.sidebar .brand-compact{display:block}.sidebar-collapsed .sidebar .brand-full{display:block}.sidebar-collapsed .sidebar .brand-compact{display:none}}

/* Lovable settings primitives: foreground switches, compact rows and page-specific cards. */
body{background:hsl(240 33% 98%)}.topbar{background:white}.card{border-radius:8px;box-shadow:0 1px 2px #0000000d}.settings-grid .card{border-radius:12px;box-shadow:none}.settings-card{position:relative;margin-bottom:24px}.settings-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.settings-section-heading h2{font-size:16px;font-weight:600;line-height:24px}.settings-section-heading p{font-size:12px;color:var(--muted);margin-top:0}.section-icon{height:40px;width:40px;flex-shrink:0;border-radius:8px;background:#2958ff1a;color:var(--primary);display:flex;align-items:center;justify-content:center}.section-icon .icon{height:20px;width:20px}.setting-row{border:0;padding:0;align-items:flex-start;gap:16px}.setting-row+.setting-row,.setting-row+div[data-disable-unless],div[data-disable-unless]+.setting-row{margin-top:16px}.setting-copy p{max-width:none;margin-top:4px}.setting-control,.setting-control:has(.switch){width:auto;min-width:44px}.setting-control:not(:has(.switch)){width:280px}.switch input:checked+span{background:var(--ink)}.switch span:after{background:#fafafd}.switch input[type=radio]{opacity:0;position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.switch input:disabled{cursor:not-allowed}.workflow-options{margin-left:28px}.workflow-options>.setting-row+.setting-row{margin-top:16px}.nested-settings{border-left:2px solid var(--border);margin:16px 0 16px 16px;padding-left:20px}.nested-settings>.setting-row{margin-top:16px}.nested-settings>.setting-row:first-child{margin-top:0}.info-panel{display:flex;gap:10px;padding:12px;border:1px solid #2958ff33;border-radius:8px;background:#2958ff0d;margin-top:20px;font-size:12px}.info-panel p{margin:0}.info-panel .icon{width:16px;height:16px;flex-shrink:0;color:var(--primary);margin-top:2px}.info-panel.neutral{background:#f3f3f566;border-color:var(--border);margin:0 0 20px}.small-text{font-size:12px}.small-caps{text-transform:uppercase;letter-spacing:.05em;font-size:12px}.spread{justify-content:space-between}.setting-badge{font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-left:8px}.choice-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border);border-radius:8px;margin-top:12px;cursor:pointer}.choice-card p{font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.choice-card:has(input:checked){border-color:var(--primary);background:#2958ff0d}.section-action{position:absolute;right:24px;top:34px}.collection-secondary{gap:24px}.collection-secondary>.card{min-width:0;align-self:start}.number-setting+.number-setting{margin-top:20px}.number-setting>div{display:flex;gap:8px;align-items:center;margin-top:6px}.number-setting input{width:112px}.number-setting p{margin-top:6px}.setting-stacked{display:flex;flex-direction:column;gap:8px}.setting-stacked .setting-control{width:100%!important}.setting-stacked .setting-copy{width:100%}.setting-stacked label{font-weight:600}.save-feedback{min-height:20px;margin-top:-8px}.save-feedback .form-status:not(.error){color:#178a3c}.settings-page .form-status:empty{display:none}.channel-option{padding:16px;border:1px solid var(--border);border-radius:8px;background:#f3f3f54d;margin-top:12px}.channel-option .setting-row{align-items:center}.channel-sender{max-width:420px;padding-left:32px;margin-top:12px}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.palette-grid .setting-row{margin:0}.palette-grid .colour-input{flex-direction:column;width:100%}.palette-grid .colour-input input[type=color]{height:42px;width:100%;padding:4px}.palette-section+.palette-section{border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.palette-section h3{margin:0 0 16px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-grid{display:grid;gap:16px}.form-grid>.setting-row{margin:0}.general-section+.general-section{border:0;margin:0;padding:24px}.general-options .setting-row{margin:0;padding:6px 0}.general-default{max-width:400px;margin-top:24px}.general-default .setting-row{margin-top:0}.general-default .setting-copy p{display:none}.settings-section-heading:has(+.general-options){margin-bottom:16px}.module-card .setting-row{align-items:center}.module-card+.module-card{margin-top:16px}.template-layout{display:grid;grid-template-columns:260px 1fr;gap:24px}.template-nav{display:flex;flex-direction:column;gap:8px}.template-nav button{border:0;border-radius:8px;background:transparent;padding:12px;text-align:left}.template-nav button.active{background:#2958ff0d;color:var(--primary)}.integration-tabs{margin-top:0}.page-heading{align-items:flex-start}.back-link .icon{width:16px;height:16px}
@media(max-width:1023px){.collection-secondary{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-action{position:static;margin-bottom:16px;display:inline-flex}}
@media(max-width:639px){.settings-card{padding:24px}.setting-row{flex-wrap:nowrap}.setting-control:has(.switch){width:44px}.setting-control:not(:has(.switch)){max-width:50%}.setting-stacked .setting-control{max-width:none}.workflow-options{margin-left:16px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col,.template-layout{grid-template-columns:1fr}.info-panel{line-height:1.6}.spread{flex-wrap:wrap}.general-options{grid-template-columns:1fr}}

.module-control{flex:1}.legal-upload-link{margin-top:24px}.network-configuration{padding:0}.network-configuration>summary{padding:16px;background:#f3f3f54d;font-size:18px;font-weight:600;cursor:pointer}.network-content{padding:24px}.network-content>.two-col{gap:24px;align-items:start}.network-content .card:last-child{margin-bottom:0}.registration-choice{border:0;background:transparent!important;margin:0;padding:12px 0}.registration-choice:has(input:checked){border:0}.hardware-table{min-width:1100px}.hardware-table .setting-copy{display:none}.hardware-table input,.hardware-table select{min-width:110px}.door-total{font-size:24px}.locker-layout{display:grid;gap:8px;overflow:auto;padding:16px;border:2px dashed var(--border);border-radius:8px}.locker-door{border:1px solid #2958ff33;border-radius:6px;background:#2958ff0d;color:var(--primary);min-height:64px;min-width:44px;display:flex;align-items:center;justify-content:center}.integration-tabs button{border-top:0;border-right:0;border-left:0;background:transparent}.general-default{max-width:none;border-top:1px solid var(--border);padding-top:16px}.general-section h3{margin-bottom:4px}.general-options{margin-top:12px}.general-section>p{margin-bottom:16px}.settings-page .settings-section-heading:not(:has(.section-icon)) h2{font-size:18px;font-weight:700}.settings-page .settings-section-heading:not(:has(.section-icon)) p{font-size:14px;margin-top:4px}

.kiosk-dialog{width:80vw;height:80vh;max-width:none;max-height:90vh;padding:16px;overflow:hidden}.kiosk-dialog[open]{display:flex;flex-direction:column;gap:12px}.kiosk-dialog .modal-heading{margin:0}.kiosk-dialog .modal-heading p{font-size:13px}.kiosk-viewport{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#12141c;border-radius:12px}.kiosk-screen{position:absolute;flex-shrink:0;width:1180px;height:820px;display:flex;flex-direction:column;background:#fafafd;transform-origin:center}.kiosk-header{height:56px;background:#12141c;color:#f8fafc;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:4px solid #f9c62d;text-transform:uppercase;letter-spacing:.2em}.kiosk-header button{background:transparent;color:inherit;border:0;padding:8px;letter-spacing:0}.kiosk-body{flex:1;min-height:0;padding:24px 40px}.kiosk-body>section{height:100%;display:flex;flex-direction:column;gap:16px}.kiosk-body h1{font-size:36px;margin:0}.kiosk-body p{font-size:20px}.kiosk-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;flex:1;min-height:0;margin-top:12px}.kiosk-tiles:has(button:nth-child(5)){grid-template-columns:repeat(3,1fr)}.kiosk-tiles button,.kiosk-keypad button,.kiosk-letters button,.kiosk-confirm{background:#ebedf0;border:1px solid #12141c14;border-radius:16px;font-size:38px;font-weight:700;color:#12141c}.kiosk-tiles button:hover,.kiosk-keypad button:hover{filter:brightness(.95)}.kiosk-body input{height:100px;font-size:48px;font-weight:700;border-width:2px;border-radius:16px;padding:20px 32px}.kiosk-keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:12px;flex:1}.kiosk-keypad button{font-size:38px}.kiosk-letters{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.kiosk-letters button{font-size:22px;border-radius:8px}.kiosk-confirm{min-height:64px;font-size:30px}.kiosk-locker{background:#f9c62d;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:40px;padding:32px;font-size:48px;margin:auto;min-width:640px}.kiosk-locker strong{font-size:160px;line-height:1}.kiosk-body [data-kiosk-step=open]{text-align:center;align-items:stretch}.kiosk-body [data-kiosk-step=open] p{font-size:36px}.kiosk-body [data-kiosk-step=open] .kiosk-confirm{background:#f9c62d}.kiosk-footer{height:64px;background:#12141c;color:white;display:flex;gap:16px;align-items:center;padding:0 24px}.kiosk-footer img{height:36px;border-radius:6px}.kiosk-footer span:last-child{margin-left:auto;font-size:12px}.kiosk-brand{height:180px;text-align:center}.kiosk-brand img{height:100%;object-fit:contain}.kiosk-body [data-kiosk-step=start]{text-align:center}

.sidebar .brand{height:66px;padding:8px 0}.sidebar .brand-full{height:50px;width:auto;padding:4px 8px;border-radius:6px}.sidebar .brand-compact{width:30px;height:30px}.asset-box{border:1px solid var(--border);border-radius:8px;padding:16px}.asset-heading{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin-bottom:12px}.asset-remove{height:28px;width:28px;border-radius:50%;background:#b91c1c1a;color:#b91c1c;border:0;font-size:20px}.asset-preview{height:160px;border:0;padding:12px;background:#f3f3f54d}.asset-grid h3{margin:0 0 12px}.palette-grid .colour-input{flex-direction:row}.palette-grid .colour-input input[type=color]{width:40px;height:40px;flex-shrink:0}.palette-grid .colour-input input:not([type=color]){min-width:0;width:100%;background:#f3f3f54d}

.integration-heading{margin-bottom:16px}.integration-provider{padding:20px;margin-bottom:16px;box-shadow:none}.provider-letter{width:36px;height:36px;border-radius:50%;background:#2958ff1a;color:var(--primary);font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.provider-details{margin-top:16px}.provider-details>.setting-row+.setting-row{margin-top:16px}.provider-details h3{margin-top:20px}.connection-status{margin-top:16px;display:flex;gap:6px;align-items:center}.connection-status .icon{height:14px;width:14px}

/* Transparent platform logo: no white backing or inset frame. */
.brand .brand-full{background:transparent;padding:0;border-radius:0;filter:brightness(0) invert(1)}
.sidebar .brand{height:100px;padding:4px 16px}
.sidebar .brand-full{width:180px;height:auto;max-height:92px;padding:0;border-radius:0}
.auth-card .brand-full{width:240px;padding:0}
.sidebar-collapsed .sidebar .brand{height:66px;padding:12px 0}
@media(max-width:1023px){.sidebar .brand{height:66px;padding:12px 0}.sidebar-collapsed .sidebar .brand{height:100px;padding:4px 16px}}

.country-label{display:inline-flex;align-items:center;gap:8px}.country-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:18px;line-height:1;flex-shrink:0}

.webhook-panel{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:6px;background:#f3f3f580}.webhook-panel>label{display:block;font-size:12px;margin-bottom:4px}.webhook-copy-row{display:flex;gap:8px;align-items:center}.webhook-copy-row input{font-family:monospace;font-size:13px;background:transparent}.webhook-copy-row .button{flex-shrink:0;min-height:40px}.webhook-events-title{font-size:12px;font-weight:600;margin-top:12px}.webhook-events{list-style:none;padding:0;margin:4px 0 12px;font-size:12px;color:var(--muted)}.webhook-events li+li{margin-top:4px}.webhook-events code{font-weight:600;color:var(--ink)}

.webhook-dialog{width:min(960px,94vw);max-height:85vh;overflow:auto}.webhook-dialog .dialog-head,.webhook-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px}.webhook-pagination{margin-top:16px}.webhook-dialog td{overflow-wrap:anywhere;max-width:280px}

.webhook-status-row,.webhook-status-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.webhook-status-row{justify-content:space-between;margin-bottom:14px}.webhook-status-label>.icon{width:16px;height:16px;color:var(--muted)}.webhook-status-badge{background:#e7e7eb;color:var(--muted);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.webhook-status-badge.connected{background:var(--ink);color:white}.webhook-disabled{border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:11px}.webhook-explainer{margin:0 0 16px}.webhook-label{display:block;font-size:12px;font-weight:500;margin-bottom:4px}.webhook-help{margin:4px 0 0}.webhook-help strong{color:var(--ink)}.webhook-secret{margin-top:14px}.webhook-secret .setting-row{padding:0;border:0;gap:4px}.webhook-secret .setting-copy label{font-size:12px}.webhook-secret input{font-family:monospace;font-size:13px}.webhook-panel .webhook-events{margin-bottom:0}.webhook-panel .webhook-copy-row input,.webhook-panel .webhook-secret input{min-height:34px;height:34px}.webhook-panel .webhook-copy-row .button{min-height:32px;height:32px}

/* Order screens use the shared admin cards, forms and tables. */
.order-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:24px}.order-filters label{display:grid;gap:6px;flex:1;min-width:150px}.order-details{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:12px;margin:16px 0}.order-details dt{color:var(--muted-foreground,#64748b)}.order-details dd{margin:0;overflow-wrap:anywhere}.order-payload{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;font-size:12px}.order-event{padding:16px 0;border-bottom:1px solid #e2e8f0}.order-event summary{cursor:pointer;font-weight:600;overflow-wrap:anywhere}.order-item-row{display:grid;grid-template-columns:2fr 80px 2fr auto;gap:8px;align-items:end;margin-bottom:12px}.preserve-lines{white-space:pre-wrap}@media(max-width:640px){.order-item-row{grid-template-columns:1fr 80px}.order-details{grid-template-columns:1fr}.order-filters{align-items:stretch}}

[data-order-form] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:480px){[data-order-form] .form-grid{grid-template-columns:1fr}}

.order-overview{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:24px}.order-overview .order-details{display:block}.order-overview .order-details dt{margin-top:12px;margin-bottom:4px}.order-page>section.card{margin-bottom:24px}

/* Keep search fields, native selects and dropdown triggers aligned across filter bars. */
:is(.filters,.order-filters) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,.filter-menu summary,.button){height:40px;min-height:40px;line-height:20px;padding-top:9px;padding-bottom:9px}
.order-filters label>input,.order-filters label>select{margin-top:0}
.search-wrap .icon{top:50%;transform:translateY(-50%)}

.order-page .page-heading .actions{flex-wrap:wrap}