/* Phase 40 Inline Kiosk Flow */
body.phase40-kiosk{background:#030303;color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.phase40-wrap{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at top left,rgba(245,197,66,.14),transparent 35%),linear-gradient(180deg,#101010,#000)}
.phase40-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:3px solid #f5c542;background:rgba(0,0,0,.85)}
.phase40-brand{font-size:clamp(24px,3vw,38px);font-weight:1000;color:#fff}.phase40-brand span{color:#f5c542}
.phase40-room{color:#f5c542;font-size:clamp(16px,2vw,24px);font-weight:900;text-align:right}
.phase40-main{display:grid;grid-template-columns:1.05fr 1.25fr;gap:18px;padding:18px;min-height:0}
.phase40-entry,.phase40-current{background:rgba(18,18,18,.94);border:1px solid rgba(245,197,66,.28);border-radius:24px;padding:22px;box-shadow:0 18px 46px rgba(0,0,0,.38);min-height:0}
.phase40-entry h1,.phase40-current h1{margin:0 0 14px;color:#f5c542;font-size:clamp(26px,3vw,42px)}
.phase40-sub{color:#d4d4d4;margin:-6px 0 16px;font-weight:700}
.phase40-search-box input,.phase40-search-input{width:100%;box-sizing:border-box;font-size:clamp(26px,4vw,48px);padding:20px 22px;border-radius:22px;border:3px solid #f5c542;background:#050505;color:#fff;outline:none;font-weight:900}
.phase40-search-results{margin-top:12px;max-height:44vh;overflow-y:auto;background:#050505;border:2px solid #f5c542;border-radius:18px;box-shadow:0 14px 36px rgba(0,0,0,.55)}
.phase40-result{display:block;width:100%;text-align:left;background:#151515;color:#fff;border:0;border-bottom:1px solid rgba(245,197,66,.25);padding:18px 20px;cursor:pointer}
.phase40-result:hover,.phase40-result.selected{background:#f5c542;color:#000}.phase40-result strong{display:block;font-size:clamp(21px,2.4vw,30px);font-weight:1000}.phase40-result span{display:block;font-size:15px;opacity:.82;margin-top:4px;font-weight:800}
.phase40-selected{display:none}.phase40-selected.active{display:block}
.phase40-student-card{background:#070707;border:2px solid #f5c542;border-radius:22px;padding:20px}.phase40-student-name{font-size:clamp(28px,4vw,50px);font-weight:1000;color:#fff;line-height:1;margin-bottom:8px}.phase40-student-id{color:#cfcfcf;font-weight:800;margin-bottom:16px}
.phase40-dest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phase40-dest-btn{border:0;border-radius:18px;background:linear-gradient(180deg,#f8d35a,#f5c542);color:#000;padding:20px 16px;min-height:96px;font-size:clamp(18px,2.2vw,28px);font-weight:1000;cursor:pointer;box-shadow:0 10px 24px rgba(245,197,66,.22);width:100%}.phase40-dest-btn span{display:block;font-size:14px;margin-top:5px;opacity:.75}.phase40-cancel{margin-top:14px;width:100%;border:1px solid #555;background:#222;color:#fff;border-radius:16px;padding:14px 18px;font-size:18px;font-weight:900;cursor:pointer}
.phase40-list{display:grid;gap:10px;max-height:calc(100vh - 190px);overflow-y:auto;padding-right:4px}.phase40-out-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#0b0b0b;border:1px solid rgba(245,197,66,.25);border-left:8px solid #f5c542;border-radius:18px;padding:15px 16px;cursor:pointer;transition:.12s}.phase40-out-row:hover{transform:translateY(-1px);background:#161616;border-color:#f5c542}.phase40-out-row.overdue{border-left-color:#ff4b4b;background:#260808}.phase40-out-row.warning{border-left-color:#ffd966;background:#211c09}
.phase40-out-name{font-size:clamp(20px,2.4vw,30px);font-weight:1000;color:#fff}.phase40-out-meta{color:#d7d7d7;font-size:15px;margin-top:4px;font-weight:800}.phase40-out-timer{font-size:clamp(24px,3vw,40px);color:#f5c542;font-weight:1000;text-align:right;min-width:115px}.phase40-out-row.overdue .phase40-out-timer{color:#ff8080}
.phase40-empty{border:2px dashed rgba(245,197,66,.35);border-radius:22px;padding:34px;text-align:center;color:#d0d0d0;font-size:22px;font-weight:900}.phase40-toast{position:fixed;top:86px;right:18px;z-index:9999;max-width:440px;padding:13px 18px;border-radius:16px;background:#145c2d;color:#fff;border:2px solid #3fdd73;font-size:18px;font-weight:1000;box-shadow:0 14px 34px rgba(0,0,0,.5)}.phase40-toast.error{background:#5a0c0c;border-color:#ff6868}.phase40-footer{padding:10px 18px;color:#aaa;text-align:center;font-size:13px;border-top:1px solid rgba(245,197,66,.18);background:rgba(0,0,0,.7)}
@media(max-width:950px){body.phase40-kiosk{overflow:auto}.phase40-main{grid-template-columns:1fr}.phase40-list{max-height:none}.phase40-dest-grid{grid-template-columns:1fr}}
@media(max-width:650px){.phase40-header{display:block}.phase40-room{text-align:left;margin-top:6px}.phase40-main{padding:10px;gap:10px}.phase40-entry,.phase40-current{padding:14px;border-radius:18px}.phase40-out-row{grid-template-columns:1fr}.phase40-out-timer{text-align:left}}