:root{--device-green:#123f33;--device-line:#d8e3de;--device-muted:#687871;--device-amber:#e8a825;--device-red:#b94a40}
.activation-code-banner{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin:0 0 22px;padding:22px 24px;border:1px solid #e5be5d;border-left:6px solid var(--device-amber);border-radius:16px;background:#fff8df;box-shadow:0 10px 28px rgba(74,52,4,.08)}.activation-code-banner span{color:#79580d;font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.activation-code-banner h2{margin:3px 0;font:800 30px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:4px}.activation-code-banner p{margin:0;color:#6f6242}.activation-code-banner button{height:42px;padding:0 18px;border:0;border-radius:9px;background:var(--device-green);color:#fff;font-weight:800;cursor:pointer}.activation-code-banner>small{grid-column:1/-1;color:#8a6c20}
.kiosk-device-create{margin-bottom:20px}.kiosk-device-create[hidden]{display:none}.device-form-grid{display:grid;grid-template-columns:1fr 1fr 220px;gap:14px;align-items:end}.device-form-grid label,.device-edit label{display:grid;gap:6px;color:#30483f;font-size:11px;font-weight:800}.device-form-grid input,.device-form-grid select,.device-form-grid textarea,.device-edit input,.device-edit select,.device-edit textarea,.device-filter-bar select{width:100%;min-height:44px;padding:9px 11px;border:1px solid #c8d6d0;border-radius:9px;background:#fff;font:inherit}.device-notes{grid-column:1/-1}.device-form-grid button{justify-self:start}
.device-filter-bar{display:flex;align-items:center;gap:9px;margin-bottom:17px}.device-filter-bar select{width:auto;min-width:180px}.device-filter-bar a{padding:10px;color:var(--device-green);font-weight:700}.device-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.device-summary article{padding:17px;border:1px solid var(--device-line);border-radius:13px;background:#fff}.device-summary span,.device-summary strong{display:block}.device-summary span{color:var(--device-muted);font-size:11px}.device-summary strong{font-size:27px;color:var(--device-green)}
.kiosk-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kiosk-device-card{overflow:hidden;border:1px solid var(--device-line);border-top:5px solid #a6b6b0;border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(10,51,40,.06)}.kiosk-device-card.status-active{border-top-color:#209267}.kiosk-device-card.status-pending{border-top-color:var(--device-amber)}.kiosk-device-card.status-disabled,.kiosk-device-card.status-revoked{opacity:.82}.kiosk-device-card>header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:18px}.device-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e6f2ed;color:var(--device-green);font:900 20px Georgia,serif}.kiosk-device-card header span{color:#63746d;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.kiosk-device-card h2{margin:1px 0;font:700 22px Georgia,serif}.kiosk-device-card header p{margin:0;color:var(--device-muted);font-size:11px}.device-status{padding:6px 9px;border-radius:999px;background:#edf1ef}.status-active .device-status{background:#dff3e9;color:#116143}.status-pending .device-status{background:#fff0c6;color:#75520a}.status-revoked .device-status{background:#f7dddd;color:#92372f}.device-presence{display:flex;align-items:center;gap:9px;margin:0 18px;padding:11px;border-radius:10px;background:#f5f7f6}.device-presence i{width:11px;height:11px;border-radius:50%;background:#9ba9a4}.device-presence i.online{background:#22a36e;box-shadow:0 0 0 5px rgba(34,163,110,.13)}.device-presence strong,.device-presence small{display:block}.device-presence small{color:var(--device-muted);font-size:9px}.kiosk-device-card dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:14px 18px;background:var(--device-line)}.kiosk-device-card dl div{padding:10px;background:#fff}.kiosk-device-card dt{color:var(--device-muted);font-size:8px;font-weight:800;text-transform:uppercase}.kiosk-device-card dd{margin:2px 0 0;font-size:11px;font-weight:750}.device-edit{margin:0 18px 14px;border-top:1px solid var(--device-line)}.device-edit summary{padding:12px 0;color:var(--device-green);font-size:10px;font-weight:800;cursor:pointer}.device-edit form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:12px}.device-edit label:last-of-type{grid-column:1/-1}.device-edit button{min-height:40px;border:0;border-radius:8px;background:var(--device-green);color:#fff;font-weight:800}.kiosk-device-card>footer{display:flex;flex-wrap:wrap;gap:7px;padding:13px 18px;background:#f5f7f6}.kiosk-device-card>footer form{margin:0}.kiosk-device-card>footer a,.kiosk-device-card>footer button{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid #cad7d2;border-radius:8px;background:#fff;color:var(--device-green);font:inherit;font-size:9px;font-weight:850;cursor:pointer}.kiosk-device-card>footer .danger{border-color:#edcbc7;color:#a03c33}.device-audit-panel{padding:0}.device-audit-panel .table-wrap{border:0}.registered-device-warning{margin:14px 0;padding:12px;border-radius:10px;background:#eef4f1}.registered-device-warning strong,.registered-device-warning span{display:block}.registered-device-warning span{color:var(--device-muted);font-size:11px}.device-security-note{display:block;margin-top:13px;color:var(--device-muted);line-height:1.5}.kiosk-device-identity{display:grid;padding-right:10px;border-right:1px solid #d7e1dd;text-align:right}.kiosk-device-identity b{font-size:10px}.kiosk-device-identity small{color:#74827d;font-size:8px}
@media(max-width:1050px){.kiosk-device-grid{grid-template-columns:1fr}.device-form-grid{grid-template-columns:1fr 1fr}.device-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.activation-code-banner{grid-template-columns:1fr}.activation-code-banner button{width:100%}.device-form-grid,.device-edit form{grid-template-columns:1fr}.device-notes,.device-edit label:last-of-type{grid-column:auto}.device-filter-bar{align-items:stretch;flex-direction:column}.device-filter-bar select,.device-filter-bar .button{width:100%}.device-summary{grid-template-columns:1fr 1fr}.kiosk-device-card>header{grid-template-columns:auto 1fr}.device-status{grid-column:1/-1;justify-self:start}.kiosk-device-card dl{grid-template-columns:1fr}.kiosk-device-identity{display:none}}