/* Scoped to employee routes. Existing components and event handlers stay intact. */
:root[data-ayan-staff]{--bg-primary:#faf7f1;--bg-secondary:#efe5d7;--bg-card:#fffdfa;--bg-card-hover:#f3ebdf;--bg-glass:#fffdfaeb;--text-primary:#442d1d;--text-secondary:#745e4b;--text-muted:#816c5a;--accent:#74472e;--accent-glow:#b74f251a;--accent-light:#9b4323;--success:#3d6b50;--success-glow:#e5ede2;--warning:#91601e;--warning-glow:#f4e6ce;--danger:#a33f28;--danger-glow:#f5dfd5;--border:#e5dace;--border-hover:#b69070;--font:Manrope,Arial,sans-serif;--shadow-sm:0 2px 7px #442d1d08;--shadow-md:0 5px 18px #442d1d0e;--shadow-lg:0 12px 40px #442d1d24;--shadow-glow:none;--radius-md:15px;--radius-lg:19px;--radius-xl:24px;color-scheme:light}
html[data-ayan-staff] body{background:var(--bg-primary);color:var(--text-primary)}
html[data-ayan-staff] :is(button,input,select,textarea){font-family:var(--font)}
html[data-ayan-staff] :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #b74f25;outline-offset:3px}
html[data-ayan-staff] :is(.admin-page,.waiter-page){padding:30px 32px 55px;max-width:1280px}
html[data-ayan-staff] .waiter-page{max-width:900px}
html[data-ayan-staff] :is(.admin-header,.waiter-header){gap:20px;padding:12px 0 26px;margin-bottom:26px;border-color:var(--border)}
html[data-ayan-staff] :is(.admin-header,.waiter-header)::before{content:"";display:block;background:url('./logo.svg') left center/contain no-repeat;width:104px;height:50px;flex-shrink:0}
html[data-ayan-staff] :is(.admin-header h1,.waiter-header h1){font-size:27px;letter-spacing:-.8px;font-weight:650}
html[data-ayan-staff] .admin-header-actions{gap:8px;flex-wrap:wrap}
html[data-ayan-staff] :is(.admin-tabs,.bottom-nav){background:#efe5d7;border:1px solid var(--border);border-radius:14px;padding:6px;gap:5px;overflow-x:auto}
html[data-ayan-staff] .tab{min-height:45px;white-space:nowrap;padding:11px 15px;flex:1 0 auto}
html[data-ayan-staff] .tab--active{background:#442d1d;color:#fff9ed;box-shadow:none}
html[data-ayan-staff] .stats-row{gap:12px;margin-bottom:25px}
html[data-ayan-staff] .stat-card{text-align:left;padding:19px;background:#fffdfa}
html[data-ayan-staff] .stat-value{font-size:29px;font-weight:650;letter-spacing:-.7px;color:#442d1d}
html[data-ayan-staff] .stat-value--alert{color:var(--danger)}
html[data-ayan-staff] .stat-label{font-size:10px;letter-spacing:.4px}
html[data-ayan-staff] :is(.floor-grid,.tables-grid){gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
html[data-ayan-staff] :is(.floor-table,.table-tile){align-items:flex-start;padding:20px;border-width:1px;gap:10px;min-height:140px;background:#fffdfa}
html[data-ayan-staff] :is(.floor-table__num,.table-tile__num){font-size:30px;font-weight:650;letter-spacing:-1px}
html[data-ayan-staff] :is(.floor-table--calling,.table-tile--calling,.table-tile--has-calls){background:#f9eee3;border-color:#c9825b;animation:none}
html[data-ayan-staff] :is(.floor-table--cleanup,.table-tile--cleanup){background:#f7efdd;border-color:#c9a16b}
html[data-ayan-staff] :is(.floor-table--occupied,.table-tile--occupied){border-color:#d8bea2}
html[data-ayan-staff] :is(.badge,.call-type-label,.history-type){border-radius:6px;padding:5px 8px;font-size:11px}
html[data-ayan-staff] .badge--orange{color:#815019;background:#f4e6ce}
html[data-ayan-staff] :is(.btn,.waiter-chip,.shift-add-btn,.btn-enable-push){min-height:44px;border-radius:10px;font-weight:650}
html[data-ayan-staff] .btn--primary{background:#442d1d;color:#fff9ed;box-shadow:none}
html[data-ayan-staff] .btn--primary:hover{background:#654128}
html[data-ayan-staff] .btn--success{background:#e5ede2;color:#365b43;border:1px solid #b4c9b4}
html[data-ayan-staff] .btn--warning{background:#f4e6ce;color:#815019;border:1px solid #dcc298}
html[data-ayan-staff] .btn--danger{background:#f5dfd5;color:#923b24;border:1px solid #deb4a1}
html[data-ayan-staff] .btn--ghost{border:1px solid var(--border);background:transparent;color:var(--text-secondary)}
html[data-ayan-staff] :is(.input,select,textarea){background:#fffdfa;color:#442d1d;border:1px solid var(--border);border-radius:10px;min-height:44px}
html[data-ayan-staff] :is(.pending-banner,.calls-banner){background:#f3e2d5;border:1px solid #ddbaa0;animation:none;border-radius:16px;padding:20px}
html[data-ayan-staff] :is(.pending-call,.call-card,.order-card,.staff-row,.shift-row,.review-card){background:#fffdfa;border:1px solid var(--border);border-radius:15px;padding:20px;box-shadow:none}
html[data-ayan-staff] .call-card{border-left:3px solid #b74f25;animation:none;gap:18px;margin-bottom:14px;flex-wrap:wrap}
html[data-ayan-staff] .call-card__info{flex:1;min-width:0}
html[data-ayan-staff] .call-card--accepted{border-left-color:#47705b}
html[data-ayan-staff] :is(.call-card--escalated,.pending-call--escalated){background:#f9eee3;border-color:#c9825b}
html[data-ayan-staff] :is(.call-card__order,.order-card__iiko-error){background:#f3ebdf;border-radius:10px;padding:12px}
html[data-ayan-staff] :is(.calls-section,.tables-section){margin-bottom:30px}
html[data-ayan-staff] :is(.calls-section h2,.tables-section h2){font-size:22px;font-weight:650;letter-spacing:-.5px;margin-bottom:18px}
html[data-ayan-staff] :is(.order-card__header,.order-card__footer,.history-row,.staff-form-row){flex-wrap:wrap;gap:10px}
html[data-ayan-staff] :is(.modal-overlay,.notes-overlay,.table-detail-overlay){background:#2d201580;backdrop-filter:blur(4px)}
html[data-ayan-staff] :is(.modal-content,.table-detail,.notes-drawer){background:#faf7f1;color:#442d1d;border:1px solid var(--border);max-height:90dvh;overflow-y:auto}
html[data-ayan-staff] .modal-content{max-width:540px}
html[data-ayan-staff] :is(.modal-content,.notes-drawer) .input{max-width:100%}
html[data-ayan-staff] :is(.login-card,.admin-login-card){background:#fffdfa;border:1px solid var(--border);box-shadow:0 14px 60px #442d1d0a;padding:38px 30px}
html[data-ayan-staff] :is(.login-card,.admin-login-card)::before{content:"";display:block;background:url('./logo.svg') center/contain no-repeat;width:110px;height:55px;margin:0 auto 28px}
html[data-ayan-staff] .login-icon{font-size:24px;margin-bottom:12px}
html[data-ayan-staff] .toast{background:#442d1d;color:#fff9ed;border:1px solid #826348}
html[data-ayan-staff] .empty-msg{background:#f0ebe1;border-radius:14px;padding:32px}
html[data-ayan-staff] .shift-table-chip{min-height:36px;display:inline-flex;align-items:center}
html[data-ayan-staff] :is(.table-detail__close,.note-item__delete){min-width:44px;min-height:44px}
@media(min-width:1000px){html[data-ayan-staff=admin] .admin-page{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:28px;align-items:start}html[data-ayan-staff=admin] .admin-page> *{grid-column:2;min-width:0}html[data-ayan-staff=admin] .admin-page>.admin-header{grid-column:1/-1}html[data-ayan-staff=admin] .admin-page>.admin-tabs{grid-column:1;grid-row:2/12;position:sticky;top:24px;display:flex;flex-direction:column;background:transparent;border:0;padding:0}html[data-ayan-staff=admin] .admin-tabs .tab{text-align:left;flex:none}html[data-ayan-staff=admin] .admin-page>:is(.modal-overlay,.notes-overlay,.table-detail-overlay){grid-column:auto}html[data-ayan-staff] .stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){html[data-ayan-staff] :is(.admin-page,.waiter-page){padding:18px 14px 35px}html[data-ayan-staff] :is(.admin-header,.waiter-header){gap:12px;flex-wrap:wrap}html[data-ayan-staff] :is(.admin-header,.waiter-header)::before{width:78px;height:38px}html[data-ayan-staff] :is(.admin-header h1,.waiter-header h1){font-size:21px}html[data-ayan-staff] .admin-tabs{max-width:100%}html[data-ayan-staff] .tab{flex:0 0 auto;font-size:12px}html[data-ayan-staff] .stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}html[data-ayan-staff] .stat-card{padding:13px 9px}html[data-ayan-staff] .stat-value{font-size:24px}html[data-ayan-staff] :is(.floor-grid,.tables-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-ayan-staff] :is(.floor-table,.table-tile){padding:16px;min-height:130px}html[data-ayan-staff] .call-card>.btn{width:100%}html[data-ayan-staff] :is(.pending-call,.shift-row,.staff-row){flex-wrap:wrap;gap:12px;padding:15px}html[data-ayan-staff] :is(.history-left,.history-right){flex-wrap:wrap}html[data-ayan-staff] :is(.modal-content,.notes-drawer){padding:22px 18px}html[data-ayan-staff] .staff-form-row>*{min-width:0;max-width:100%}html[data-ayan-staff] .order-card__items{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html[data-ayan-staff] *,html[data-ayan-staff] *::before,html[data-ayan-staff] *::after{animation:none!important;transition:none!important}}

/* Review candidate: retain old events, limit queue height. */
.staff-queue-scroll{max-height:340px;overflow:auto;overscroll-behavior:contain;padding:2px}
.staff-queue-caption{font-weight:650;margin:8px 0 12px}
.staff-old-calls{margin-top:16px;border-top:1px solid #d8c7b8;padding-top:12px}
.staff-old-calls summary{cursor:pointer;font-weight:650;padding:8px 0}
.staff-old-calls p,.staff-old-calls small{color:#715e50;font-size:12px}
.staff-old-calls small{display:block;margin:10px 0 4px}
.admin-header-actions{flex-wrap:wrap}
@media(max-width:600px){.staff-queue-scroll{max-height:260px}.admin-header-actions .btn{white-space:normal}}

.staff-stats-caption{grid-column:1/-1;font-size:12px;color:#715e50;margin:0}.staff-hall-label{font-size:11px;line-height:1.3}