:root{
  --bg:#f5f8fc;--panel:#fff;--panel2:#fbfdff;--text:#0d1733;--muted:#73809a;--soft:#96a2b7;--line:#e5ebf4;--blue:#136ff0;--blue2:#075ee1;
  --green:#12a86c;--amber:#ef9b16;--red:#e94a5d;--violet:#7357e7;--cyan:#2688f5;--shadow:0 18px 50px rgba(30,56,96,.075);--shadow-sm:0 8px 24px rgba(29,53,91,.055);
  --sidebar:232px;--topbar:74px;--radius:18px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(circle at 60% -15%,#fff 0,#f8fbff 33%,var(--bg) 62%);font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.svg-icon{display:block;flex:none}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) 354px}.workspace{grid-column:2;min-width:0}.page{padding:28px 28px 42px;max-width:1500px;width:100%;margin:0 auto}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:rgba(255,255,255,.94);backdrop-filter:blur(22px);border-right:1px solid var(--line);padding:18px 13px 14px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:11px;height:54px;padding:0 10px 12px;color:var(--text);text-decoration:none}.brand-symbol{width:35px;height:30px;position:relative;display:block}.brand-symbol i,.brand-symbol b,.brand-symbol em{position:absolute;display:block;width:13px;height:27px;border-radius:7px;background:linear-gradient(150deg,#54b4ff,#0a6df2);transform:skewY(-37deg)}.brand-symbol i{left:1px}.brand-symbol b{left:11px;opacity:.83}.brand-symbol em{left:21px;opacity:.58}.brand strong{display:block;font-size:20px;letter-spacing:-.6px;line-height:1}.brand strong>b{font-weight:500}.brand small{display:block;color:#8b98ac;font-size:10px;margin-top:5px}.main-nav{display:grid;gap:5px;margin-top:12px}.nav-item{min-height:45px;border-radius:12px;color:#3c4e6b;text-decoration:none;display:flex;align-items:center;gap:12px;padding:0 12px;font-weight:600;position:relative;transition:.18s}.nav-item>span{width:23px;color:#53698d;display:grid;place-items:center}.nav-item:hover{background:#f5f8fc;color:#172847}.nav-item.active{background:linear-gradient(90deg,#eaf3ff,#f3f8ff);color:#0566ea}.nav-item.active>span{color:#0566ea}.nav-item.active:before{content:"";position:absolute;left:-13px;top:9px;width:3px;height:27px;background:#1674f5;border-radius:0 4px 4px 0}.nav-count{margin-left:auto;background:#1070ef;color:#fff;min-width:21px;height:21px;border-radius:20px;display:grid;place-items:center;font-size:10px}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.system-card{border:1px solid #e5ecf6;border-radius:15px;background:linear-gradient(145deg,#fff,#f7fbff);padding:12px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow-sm)}.system-icon{width:34px;height:34px;border-radius:11px;background:#e8f8f1;color:#11a96b;display:grid;place-items:center}.system-card strong,.account-mini strong{font-size:11px;display:block}.system-card small,.account-mini small{color:#8996aa;font-size:9.5px;display:block;margin-top:3px}.account-mini{display:flex;align-items:center;gap:9px;padding:9px 8px;border-top:1px solid #edf1f6}.avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(145deg,#213759,#0e1c34);display:grid;place-items:center;color:#fff;font-size:11px;box-shadow:0 4px 10px rgba(27,47,78,.16)}.account-dots{margin-left:auto;color:#78869b}.topbar{height:var(--topbar);position:sticky;top:0;z-index:40;background:rgba(255,255,255,.84);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 22px}.context-pill{height:46px;min-width:176px;border:1px solid #e1e9f4;background:#fff;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:9px;color:#203453;box-shadow:0 3px 12px rgba(40,66,105,.035);cursor:pointer}.context-pill>span:first-child{color:#1475f5}.context-pill div{text-align:left;line-height:1.15;min-width:0;flex:1}.context-pill small{display:block;color:#8c99ac;font-size:9px}.context-pill strong{display:block;font-size:11px;margin-top:2px;white-space:nowrap}.context-pill>.svg-icon:last-child{color:#8492a6}.global-search{height:44px;max-width:500px;flex:1;margin-left:auto;background:#f3f6fa;border:1px solid #eaf0f6;border-radius:12px;padding:0 13px;display:flex;align-items:center;gap:9px;color:#8391a6}.global-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:#182b48;font-size:12px}.global-search input::placeholder{color:#9aa6b8}.global-search kbd{border:1px solid #e1e7ef;background:#ebf0f6;border-radius:6px;padding:3px 6px;font-size:9px;color:#94a0b1}.topbar-actions{display:flex;align-items:center;gap:11px;margin-left:6px}.icon-btn{width:42px;height:42px;border:1px solid #e1e8f2;background:#fff;border-radius:11px;display:grid;place-items:center;color:#314866;cursor:pointer;transition:.18s}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(25,54,96,.08)}.bell-btn{position:relative}.bell-btn b{position:absolute;right:-4px;top:-5px;width:19px;height:19px;border-radius:50%;background:#ed4352;color:#fff;display:grid;place-items:center;font-size:9px;border:2px solid #fff}.top-separator{height:27px;width:1px;background:#e4e9f1}.top-user{display:flex;align-items:center;gap:8px;min-width:154px}.top-user strong{font-size:11px;display:block}.top-user small{font-size:9px;color:#8996aa;display:block;margin-top:2px}.top-user>.svg-icon{margin-left:auto;color:#8290a3}.hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.hero-row h1{font-size:34px;letter-spacing:-1.25px;line-height:1.05;margin:4px 0 8px}.hero-row p{margin:0;color:#72809a;font-size:13px}.eyebrow{display:flex;align-items:center;gap:7px;color:#73829b;font-size:10px;font-weight:650}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#19b86f;box-shadow:0 0 0 4px #e9f9f2}.hero-actions{display:flex;gap:9px;margin-top:3px}.btn{height:42px;border-radius:11px;padding:0 14px;border:1px solid #dfe7f2;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#243a59;text-decoration:none;font-weight:650;font-size:12px;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(30,63,108,.09)}.btn.primary{background:linear-gradient(180deg,#1a7bf7,#0968e9);border-color:#0968e9;color:#fff;box-shadow:0 8px 18px rgba(11,106,234,.2)}.btn.secondary{background:rgba(255,255,255,.9)}.btn.danger{background:#fff1f2;border-color:#ffd7dc;color:#d83c4d}.btn.approve{background:#12aa6b;border-color:#12aa6b;color:#fff}.btn.reject{background:#fff1f2;border-color:#ffd9de;color:#d83f50}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:17px}.metric-card{min-height:98px;background:rgba(255,255,255,.93);border:1px solid #e6ecf5;border-radius:15px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.metric-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#edf4ff;color:#1370ef}.metric-card.green .metric-icon{background:#e8f8f1;color:#0f9b61}.metric-card.cyan .metric-icon{background:#eaf5ff;color:#2280ef}.metric-card.amber .metric-icon{background:#fff4e7;color:#e88b0a}.metric-card.violet .metric-icon{background:#f0ecff;color:#6f53dc}.metric-card small{display:block;color:#72819a;font-weight:600;font-size:10px}.metric-card strong{display:block;font-size:25px;letter-spacing:-.7px;margin:2px 0 0}.metric-card span:last-child{display:block;color:#9aa5b7;font-size:9px;margin-top:2px}.control-strip{display:flex;align-items:center;justify-content:space-between;margin:12px 0 14px}.view-switch{height:42px;padding:3px;background:#edf2f8;border-radius:11px;display:flex;gap:3px}.view-switch button{border:0;background:transparent;border-radius:8px;padding:0 13px;color:#66758e;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;cursor:pointer}.view-switch button.active{background:#fff;color:#116eed;box-shadow:0 4px 12px rgba(45,68,101,.08)}.strip-actions{display:flex;gap:8px}.compact-select{height:42px;border:1px solid #e1e8f1;border-radius:11px;background:#fff;display:flex;align-items:center;gap:6px;padding:0 10px;color:#6c7c95}.compact-select select{border:0;outline:0;background:transparent;color:#283e5d;font-weight:650;font-size:11px;padding-right:9px}.spinning .svg-icon{animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.zones-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zone-card{border-radius:18px;border:1px solid #e7ecf4;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,252,255,.9));box-shadow:var(--shadow-sm)}.zone-card.tone-rose{background:linear-gradient(145deg,#fffafb,#fff5f7);border-color:#f6d8df}.zone-card.tone-mint{background:linear-gradient(145deg,#fbfffd,#f2fbf6);border-color:#d9efe4}.zone-card.tone-sky{background:linear-gradient(145deg,#fbfdff,#f2f7ff);border-color:#dce8fa}.zone-card.tone-violet{background:linear-gradient(145deg,#fdfcff,#f7f4ff);border-color:#e5defa}.zone-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 3px}.zone-title{display:flex;align-items:center;gap:10px}.zone-icon{width:36px;height:36px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#2f70da;box-shadow:0 5px 14px rgba(28,49,82,.06)}.tone-rose .zone-icon{color:#e54060}.tone-mint .zone-icon{color:#0d9b5f}.tone-violet .zone-icon{color:#6c49d9}.zone-title strong{font-size:15px;display:block;letter-spacing:-.2px}.zone-title small{font-size:9px;color:#8b97aa;display:block;margin-top:3px}.zone-meta{text-align:right}.zone-meta b{display:block;font-size:11px}.zone-meta span{display:block;font-size:8.5px;color:#9ba6b7;margin-top:3px}.pc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pc-card{border:1px solid #e5ebf3;background:rgba(255,255,255,.94);border-radius:13px;padding:8px;text-align:left;cursor:pointer;min-width:0;transition:.18s;position:relative;box-shadow:0 5px 14px rgba(33,54,85,.035)}.pc-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,55,91,.09)}.pc-card.selected{border-color:#227cf2;box-shadow:0 0 0 2px rgba(34,124,242,.10),0 10px 24px rgba(31,55,91,.08)}.pc-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.pc-card-top strong{font-size:10px}.dots{color:#8492a5}.pc-visual{height:78px;display:block;position:relative;overflow:hidden}.pc-art{width:100%;height:100%;display:block}.pc-art.card{transform:scale(1.06)}.device-led{position:absolute;right:4px;top:8px;width:9px;height:9px;border-radius:50%;background:#aeb8c8;border:2px solid #fff;box-shadow:0 2px 7px rgba(20,37,65,.12)}.device-led.active{background:#14b36e}.device-led.available{background:#28a7f2}.device-led.request{background:#f5a21b}.device-led.offline{background:#c5ccd7}.device-led.printing{background:#7357e7}.pc-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:1px}.pc-card-bottom b{font-size:8.5px;color:#54647d}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 7px;font-size:8.5px;font-weight:700;line-height:1;background:#eef3f8;color:#65748b;white-space:nowrap}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.active{background:#e7f8f0;color:#0b995c}.status-pill.available{background:#ebf6ff;color:#1b7edb}.status-pill.request{background:#fff3e3;color:#d98208}.status-pill.offline{background:#f0f2f5;color:#8390a4}.status-pill.printing{background:#f0ebff;color:#6749d2}.pc-user{display:block;margin-top:6px;font-size:8.5px;font-weight:650;color:#485a74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-user.muted{color:#9ba6b6;font-weight:500}.device-drawer{grid-column:3;position:fixed;top:0;right:0;width:354px;height:100vh;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-left:1px solid #e3e9f2;z-index:45;padding:92px 15px 18px;overflow:auto;box-shadow:-18px 0 50px rgba(34,52,80,.04);transition:.28s}.device-drawer.collapsed{transform:translateX(100%)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:2px 4px 9px}.drawer-title-row{display:flex;align-items:center;gap:8px}.drawer-head h2{font-size:22px;margin:0;letter-spacing:-.55px}.drawer-head>div>small{display:block;color:#8b97aa;font-size:9px;margin-top:5px}.drawer-close{border:0;background:transparent;color:#60708a;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.drawer-hero{height:178px;border-radius:16px;background:radial-gradient(circle at 50% 30%,#f7fbff,#eef3f9 70%);position:relative;overflow:hidden;margin:4px 0 12px;border:1px solid #e8edf5}.pc-art.hero{width:90%;height:90%;position:absolute;left:5%;top:4%}.hero-glow{position:absolute;inset:auto 15% 2px;height:22px;background:radial-gradient(ellipse,#c7d3e4,transparent 70%);filter:blur(6px);opacity:.65}.request-box,.session-card,.info-card{background:#fff;border:1px solid #e4eaf3;border-radius:15px;padding:13px;margin-bottom:10px;box-shadow:0 6px 18px rgba(29,53,89,.035)}.section-title{display:flex;align-items:center;gap:7px}.section-title>span{color:#1371ee}.section-title strong{font-size:12px}.section-title small{margin-left:auto;color:#98a3b5;font-size:8.5px}.request-user{display:flex;gap:9px;align-items:center;background:#f7f9fc;border-radius:11px;padding:9px;margin-top:10px}.request-avatar{width:33px;height:33px;border-radius:10px;background:#eaf3ff;color:#1371ef;display:grid;place-items:center}.request-user strong{font-size:10px;display:block}.request-user small{font-size:8.5px;color:#8d99ab;display:block;margin-top:2px}.request-box p{font-size:10px;color:#53637d;background:#fbfcfe;border-radius:9px;padding:9px 10px;margin:8px 0}.request-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.session-time{display:flex;align-items:end;justify-content:space-between;margin-top:11px}.session-time strong{font-size:25px;letter-spacing:-.8px}.session-time span{font-size:9px;color:#6f7f97;margin-bottom:4px}.session-tags{display:flex;gap:6px;margin-top:8px}.session-tags span{font-size:8px;padding:5px 7px;border-radius:20px;background:#f0f5fb;color:#60718c}.session-empty{display:flex;align-items:center;gap:9px;padding:9px 0 2px;color:#65758e}.session-empty>span{width:36px;height:36px;border-radius:11px;background:#f1f5fa;display:grid;place-items:center}.session-empty strong{font-size:10px;display:block}.session-empty small{font-size:8.5px;color:#98a3b4;display:block;margin-top:2px}.info-card dl{margin:9px 0 0}.info-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #eff2f6;font-size:9.5px}.info-card dl>div:last-child{border:0}.info-card dt{color:#8190a5}.info-card dd{margin:0;font-weight:650;color:#31445f;text-align:right}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:2px 0 12px}.quick-actions button{min-height:56px;border:1px solid #e0e7f1;background:#fff;border-radius:12px;color:#315075;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:9.5px;font-weight:650;cursor:pointer}.quick-actions button:first-child{grid-column:1/-1;background:#edf5ff;color:#0767e8;border-color:#d5e6fb}.quick-actions .danger-action{color:#d94554;background:#fff7f8}.table-panel{background:#fff;border:1px solid #e5ebf4;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.device-table{width:100%;border-collapse:collapse}.device-table th,.device-table td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf1f5;font-size:10px}.device-table th{background:#f9fbfd;color:#75839a;font-size:9px;text-transform:uppercase;letter-spacing:.35px}.device-table tr:last-child td{border-bottom:0}.device-table tbody tr{cursor:pointer}.device-table tbody tr:hover{background:#f8fbff}.table-pc{display:flex;align-items:center;gap:8px}.mini-screen{width:29px;height:29px;border-radius:8px;background:#edf4ff;color:#1471ef;display:grid;place-items:center}.device-table code{font-family:inherit;color:#50627d}.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.live-card{border:1px solid #e2e9f2;background:#fff;border-radius:14px;padding:9px;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm)}.live-card.selected{border-color:#227cf2;box-shadow:0 0 0 2px rgba(34,124,242,.1)}.live-screen{height:125px;background:#eef3f8;border-radius:10px;overflow:hidden}.pc-art.live{width:100%;height:100%;transform:scale(1.05)}.live-card>div:nth-child(2){display:flex;align-items:center;justify-content:space-between;margin-top:7px}.live-card strong{font-size:10px}.live-card small{display:block;color:#8c98aa;font-size:8.5px;margin-top:4px}.search-results{grid-column:1/-1;background:#fff;border:1px solid #e5ebf3;border-radius:16px;padding:14px}.search-results>header{display:flex;justify-content:space-between;margin-bottom:12px}.search-results>header span{color:#8794a8;font-size:10px}.search-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #dce5ef;border-radius:16px;min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;color:#8b98aa}.empty-state strong{font-size:11px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#15263e;color:#fff;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;z-index:90;box-shadow:0 14px 35px rgba(17,34,56,.25);transition:.22s}.toast.show{transform:translate(-50%,0);opacity:1}.toast>span{color:#52d89a}.modal-backdrop{position:fixed;inset:0;background:rgba(13,24,42,.24);backdrop-filter:blur(3px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{width:min(440px,95vw);background:#fff;border-radius:18px;border:1px solid #e3e9f2;box-shadow:0 30px 80px rgba(15,31,54,.22);padding:18px}.modal-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}.modal-head h3{margin:0;font-size:18px}.modal-head p{margin:5px 0 0;color:#7f8da3;font-size:10px;line-height:1.45}.modal-x{width:32px;height:32px;border:0;background:#f3f6fa;border-radius:9px;display:grid;place-items:center;color:#617089;cursor:pointer}.field{display:grid;gap:6px;margin:11px 0}.field span{font-size:9px;font-weight:700;color:#53647e}.field input,.field select,.field textarea{border:1px solid #dfe6f0;border-radius:10px;padding:10px 11px;outline:0;background:#fbfdff;color:#213754;font-size:11px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6ca9f5;box-shadow:0 0 0 3px rgba(24,119,243,.09)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.compact-hero{margin-bottom:17px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:#8b97aa;font-size:9.5px;margin-bottom:7px}.breadcrumbs a{color:#71829b;text-decoration:none}.breadcrumbs strong{color:#31455f}.designer-toolbar{display:flex;justify-content:space-between;gap:12px;padding:10px;background:#fff;border:1px solid #e4eaf3;border-radius:15px;box-shadow:var(--shadow-sm);margin-bottom:12px}.toolbar-group{display:flex;gap:7px}.toolbar-right{margin-left:auto}.designer-shell{display:grid;grid-template-columns:184px minmax(600px,1fr) 254px;gap:12px;align-items:stretch}.component-panel,.properties-panel,.canvas-panel{background:#fff;border:1px solid #e3eaf3;border-radius:17px;box-shadow:var(--shadow-sm);min-height:620px}.component-panel{padding:13px}.panel-heading strong{display:block;font-size:11px}.panel-heading span{display:block;color:#94a0b2;font-size:8.5px;margin-top:2px}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.component-item{min-height:66px;border:1px solid #e3e9f2;background:#fbfdff;border-radius:11px;color:#32517a;display:grid;place-items:center;align-content:center;gap:6px;cursor:pointer}.component-item:hover{border-color:#bfd8fa;background:#f4f9ff}.component-item strong{font-size:9px}.templates-heading{margin-top:18px}.template-list{display:grid;gap:7px;margin-top:10px}.template-item{height:50px;border:1px solid #e2e8f1;background:#fbfdff;border-radius:11px;padding:0 9px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;column-gap:7px;align-items:center;text-align:left;cursor:pointer;color:#334c6e}.template-item>span{grid-row:1/3;width:28px;height:28px;border-radius:9px;background:#edf4ff;color:#236fd7;display:grid;place-items:center}.template-item strong{font-size:9px;align-self:end}.template-item small{font-size:7.5px;color:#9aa5b6;align-self:start}.template-item.tone-rose>span{background:#fff0f3;color:#e24661}.template-item.tone-mint>span{background:#eaf8f2;color:#0e9c60}.template-item.tone-violet>span{background:#f1edff;color:#6748d2}.canvas-panel{overflow:hidden;min-width:0}.canvas-topline{height:51px;border-bottom:1px solid #e9eef4;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.canvas-topline strong{display:block;font-size:10px}.canvas-topline span{font-size:8px;color:#96a1b2}.zoom-control{display:flex;align-items:center;border:1px solid #e1e7ef;border-radius:9px;overflow:hidden}.zoom-control button{width:31px;height:31px;border:0;background:#fff;color:#61728c;cursor:pointer}.zoom-control b{font-size:9px;width:45px;text-align:center}.canvas-scroll{height:568px;overflow:auto;background:linear-gradient(#fafdff,#f8fbfe)}.design-canvas{position:relative;width:960px;height:600px;transform-origin:top left;background-image:radial-gradient(#cbd5e4 1px,transparent 1px);background-size:20px 20px;margin:0 auto}.floor-boundary{position:absolute;inset:38px 45px;border:8px solid #aeb9c8;border-radius:3px;box-shadow:inset 0 0 0 1px #fff}.floor-boundary:before{content:"";position:absolute;left:42%;top:-8px;width:100px;height:12px;background:#fafdff}.floor-boundary:after{content:"";position:absolute;left:43%;bottom:-8px;width:90px;height:12px;background:#fafdff}.entry-label{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;color:#7c8ba0;z-index:2;display:flex;align-items:center;gap:4px}.entry-label.top{top:15px}.entry-label.bottom{bottom:14px}.design-zone{position:absolute;border:1.5px dashed #91b8ec;border-radius:14px;background:rgba(235,245,255,.72);padding:10px;cursor:move;transition:box-shadow .12s}.design-zone.tone-rose{background:rgba(255,239,243,.72);border-color:#ee8ea1}.design-zone.tone-mint{background:rgba(234,249,241,.75);border-color:#77cda5}.design-zone.tone-violet{background:rgba(242,238,255,.78);border-color:#9d8aea}.design-zone.tone-amber{background:rgba(255,247,229,.78);border-color:#e6b75a}.design-zone.tone-slate{background:rgba(241,244,248,.8);border-color:#9ba9bb}.design-zone.selected{box-shadow:0 0 0 3px rgba(27,116,238,.12),0 10px 28px rgba(30,61,102,.09);border-style:solid}.design-zone.drop-target{box-shadow:0 0 0 4px rgba(18,168,108,.18)}.zone-drag{display:flex;justify-content:space-between;align-items:center}.zone-drag>div{display:grid;grid-template-columns:29px auto;grid-template-rows:1fr 1fr;column-gap:7px}.zone-drag .zone-icon{grid-row:1/3;width:29px;height:29px;border-radius:9px;background:#fff;display:grid;place-items:center;color:#216fda}.zone-drag strong{font-size:10px;align-self:end}.zone-drag small{font-size:7.5px;color:#8593a8;align-self:start}.drag-dots{color:#7f8da1}.design-pc-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.design-pc{width:64px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.9);border-radius:10px;padding:3px;cursor:grab;position:relative}.pc-art.mini{height:43px;width:100%;display:block}.design-pc strong{display:block;text-align:center;font-size:7px}.mini-led{position:absolute;right:4px;bottom:4px;width:6px;height:6px;border-radius:50%;background:#aeb7c5;border:1px solid #fff}.mini-led.active{background:#12a86c}.mini-led.available{background:#2d9cf0}.mini-led.request{background:#ef9d12}.mini-led.offline{background:#aab4c2}.mini-led.printing{background:#7357e7}.resize-handle{position:absolute;right:-4px;bottom:-4px;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid #277df1;cursor:nwse-resize}.canvas-item{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:11px;border:1px solid #dce5ef;background:#fff;color:#46617f;display:grid;place-items:center;cursor:move;box-shadow:0 6px 16px rgba(35,57,86,.09);z-index:5}.properties-panel{padding:13px;overflow:auto}.properties-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.properties-head small{display:block;font-size:8px;color:#96a1b1}.properties-head strong{display:block;font-size:14px;margin-top:2px}.danger-soft{width:35px;height:35px;color:#dc4052;background:#fff4f5;border-color:#ffe0e4}.property-accent{border-radius:12px;padding:10px;background:#f3f7fc;display:flex;align-items:center;gap:9px;margin-bottom:12px}.property-accent>span{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;color:#2675db}.property-accent strong{display:block;font-size:10px}.property-accent small{display:block;font-size:7.5px;color:#8b98aa;margin-top:2px}.property-field{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px;margin:8px 0}.property-field>span{font-size:8.5px;color:#687993}.property-field input,.property-field select{height:34px;border:1px solid #dfe6ef;border-radius:9px;background:#fbfdff;padding:0 8px;outline:0;font-size:9px;color:#2b405e}.property-divider{height:1px;background:#edf1f6;margin:13px 0}.device-list-head{display:flex;justify-content:space-between;align-items:center}.device-list-head strong{font-size:9px;display:block}.device-list-head small{font-size:7.5px;color:#98a3b4;display:block;margin-top:2px}.text-btn{border:0;background:#edf5ff;color:#0b6bea;border-radius:8px;padding:7px 8px;font-size:8px;font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer}.property-device-list{display:grid;gap:6px;margin-top:10px}.property-device-list>div{height:36px;border:1px solid #e4eaf2;border-radius:9px;display:grid;grid-template-columns:28px 1fr 8px 55px;align-items:center;padding:0 7px;gap:5px}.property-device-list strong{font-size:8px}.property-device-list small{font-size:7px;color:#8693a7}.status-dot{width:7px;height:7px;border-radius:50%;background:#aab4c3}.status-dot.active{background:#12a86c}.status-dot.available{background:#2c9cf0}.status-dot.request{background:#ef9d12}.status-dot.offline{background:#aab4c3}.status-dot.printing{background:#7357e7}.properties-empty{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center;color:#8a97aa}.properties-empty strong{font-size:11px;margin-top:8px}.properties-empty p{font-size:8.5px;line-height:1.5;max-width:180px}.muted-note{font-size:8.5px;color:#929eaf}.designer-page .page{max-width:1600px}.designer-page .global-search{display:none}@media(max-width:1300px){.app-shell{grid-template-columns:210px minmax(0,1fr) 320px}.sidebar{width:210px}.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,1fr)}.designer-shell{grid-template-columns:165px minmax(540px,1fr) 230px}}@media(max-width:1040px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{width:76px}.brand>span:last-child,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center;padding:0}.nav-item>span{width:auto}.nav-count,.sidebar-bottom{display:none}.brand{justify-content:center;padding:0}.device-drawer{display:none}.zones-grid{grid-template-columns:1fr}.top-user{display:none}.context-pill{min-width:auto}.context-pill div{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.designer-shell{grid-template-columns:140px minmax(520px,1fr)}.properties-panel{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.topbar{padding:0 12px}.context-pill:nth-child(2){display:none}.global-search{display:none}.page{padding:20px 13px}.hero-row{display:block}.hero-actions{margin-top:15px}.metric-grid{grid-template-columns:1fr 1fr}.zones-grid{grid-template-columns:1fr}.pc-grid{grid-template-columns:1fr 1fr}.live-grid{grid-template-columns:1fr 1fr}.designer-shell{display:block}.component-panel{display:none}.canvas-panel{min-height:620px}.designer-toolbar{overflow:auto}.toolbar-group{flex:none}.device-table{min-width:700px}.table-panel{overflow:auto}}

/* ===== MyOps Desk module pages ===== */
.app-shell.no-drawer-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}
.no-drawer-shell .workspace{grid-column:2}
.module-page{max-width:1520px}
.module-card{background:rgba(255,255,255,.94);border:1px solid #e4eaf3;border-radius:18px;box-shadow:var(--shadow-sm);padding:18px}
.module-page .hero-row{margin-bottom:20px}
.module-page .hero-row h1{letter-spacing:-1.35px}
.compact-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.card-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.card-heading-row h3{margin:0;font-size:15px;letter-spacing:-.25px;color:#162847}
.card-heading-row p{margin:4px 0 0;color:#8a97aa;font-size:10px;line-height:1.45}
.card-kicker{display:block;font-size:8px;font-weight:800;letter-spacing:1.2px;color:#2478eb;margin-bottom:5px}
.text-link{border:0;background:transparent;color:#176ed9;font-weight:700;font-size:9px;text-decoration:none;display:flex;align-items:center;gap:5px;white-space:nowrap}
.soft-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:8px;background:#f1f5fa;color:#536985;font-size:8.5px;font-weight:700;border:1px solid #e7edf4}
.count-bubble{min-width:27px;height:27px;padding:0 8px;border-radius:20px;background:#edf5ff;color:#0d6ce8;display:grid;place-items:center;font-size:9px;font-weight:800}
.module-footer-link{margin:13px -18px -18px;border-top:1px solid #edf1f5;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;color:#1870dc;text-decoration:none;font-size:9px;font-weight:700}
.module-empty{min-height:150px;display:grid;place-items:center;align-content:center;text-align:center;color:#8b98aa;padding:20px}
.module-empty>span{width:48px;height:48px;border-radius:15px;background:#f1f6fc;display:grid;place-items:center;color:#5d7698;margin-bottom:8px}
.module-empty strong{font-size:11px;color:#3e516d}.module-empty p{font-size:9px;max-width:260px;line-height:1.5;margin:5px auto 0}

/* Dashboard */
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:16px;align-items:start}
.dash-main,.dash-side{display:grid;gap:16px}
.occupancy-card{min-height:300px}
.occupancy-content{display:grid;grid-template-columns:190px 1fr 1.15fr;gap:22px;align-items:center;padding:9px 6px 10px}
.occupancy-ring{--pct:50;width:154px;height:154px;border-radius:50%;background:conic-gradient(#1f78ee calc(var(--pct)*1%),#eaf0f7 0);display:grid;place-items:center;position:relative;margin:auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.occupancy-ring:before{content:"";position:absolute;inset:15px;background:#fff;border-radius:50%;box-shadow:0 8px 22px rgba(28,50,81,.08)}
.occupancy-ring>div{position:relative;text-align:center;z-index:1}.occupancy-ring strong{display:block;font-size:27px;letter-spacing:-1.2px}.occupancy-ring span{display:block;font-size:9px;color:#8895a8;margin-top:2px}
.occupancy-stats{display:grid;gap:10px}.occupancy-stats>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #edf1f6;padding-bottom:8px}.occupancy-stats>div:last-child{border:0}.occupancy-stats span{font-size:9.5px;color:#65758e}.occupancy-stats strong{font-size:12px}
.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.active{background:#12a86c}.legend-dot.available{background:#319af0}.legend-dot.offline{background:#a9b5c5}.legend-dot.request{background:#ef9b16}
.occupancy-copy{border-left:1px solid #e9eef5;padding-left:20px}.occupancy-copy>strong{display:block;font-size:16px;letter-spacing:-.4px;margin-top:12px}.occupancy-copy p{font-size:9.5px;color:#8390a5;line-height:1.6;margin:6px 0 0}.pulse-badge{display:inline-flex;align-items:center;gap:6px;background:#edf9f4;color:#128557;border:1px solid #d9f1e6;border-radius:20px;padding:6px 9px;font-size:8px;font-weight:800}
.zone-overview-list{display:grid;gap:12px}.zone-overview-row{display:grid;grid-template-columns:38px minmax(120px,.8fr) minmax(120px,1fr) 38px;align-items:center;gap:10px}.zone-overview-row>div:nth-child(2) strong{display:block;font-size:9.5px}.zone-overview-row>div:nth-child(2) small{display:block;font-size:8px;color:#8b98ab;margin-top:2px}.zone-overview-row>b{font-size:9px;text-align:right;color:#536680}.zone-overview-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eff5fd;color:#3177d3}.zone-overview-icon.tone-rose{background:#fff0f3;color:#df4864}.zone-overview-icon.tone-mint{background:#eaf9f2;color:#0a9b5d}.zone-overview-icon.tone-sky{background:#edf5ff;color:#2b78db}.zone-overview-icon.tone-violet{background:#f1edff;color:#6e4fd6}.zone-overview-icon.tone-amber{background:#fff6e6;color:#d88a0c}.zone-overview-icon.tone-slate{background:#f0f3f7;color:#62738c}
.zone-progress{height:7px;background:#eef2f7;border-radius:10px;overflow:hidden}.zone-progress i{display:block;height:100%;background:linear-gradient(90deg,#56a5ff,#166fe9);border-radius:10px}
.dash-queue{display:grid;gap:4px}.dash-queue-item{display:grid;grid-template-columns:36px 1fr auto 16px;align-items:center;gap:9px;padding:10px 7px;border-radius:12px;color:#263a58;text-decoration:none;transition:.16s}.dash-queue-item:hover{background:#f7faff}.dash-queue-item strong{display:block;font-size:9.5px}.dash-queue-item small{display:block;color:#8b98aa;font-size:7.8px;margin-top:3px}.dash-queue-item time{font-size:7.5px;color:#9aa5b6}.dash-queue-item>.svg-icon{color:#9aa7b8}
.request-type{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.request-type.blue{background:#edf5ff;color:#176fdb}.request-type.violet{background:#f1edff;color:#6c50d6}.request-type.amber{background:#fff5e6;color:#db8809}.request-type.rose{background:#fff0f2;color:#dc4960}.request-type.big{width:47px;height:47px;border-radius:14px}
.activity-timeline{display:grid;gap:0}.activity-row{display:grid;grid-template-columns:12px 38px 1fr;gap:8px;align-items:start;padding:8px 0;position:relative}.activity-row:not(:last-child):before{content:"";position:absolute;left:4px;top:22px;bottom:-4px;width:1px;background:#e7edf4}.activity-pin{width:9px;height:9px;border-radius:50%;margin-top:3px;border:2px solid #fff;box-shadow:0 0 0 1px #dfe6ef;z-index:1;background:#5e7899}.activity-pin.session{background:#11a76b}.activity-pin.request{background:#ed9b19}.activity-pin.print{background:#7357e7}.activity-pin.client{background:#e45162}.activity-row time{font-size:8px;color:#96a2b4}.activity-row strong{display:block;font-size:8.8px}.activity-row small{display:block;font-size:7.6px;color:#8c99ac;margin-top:2px}

/* Common module toolbar + tables */
.module-toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:15px}.toolbar-search{height:39px;min-width:290px;max-width:520px;flex:1;border:1px solid #e2e8f1;background:#f9fbfd;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#8290a5}.toolbar-search.small{max-width:320px;min-width:220px;height:35px}.toolbar-search input{width:100%;border:0;outline:0;background:transparent;font-size:9.5px;color:#263a57}.toolbar-search input::placeholder{color:#98a4b5}.toolbar-filters{display:flex;gap:8px}.toolbar-filters select{height:39px;border:1px solid #e1e8f1;border-radius:10px;background:#fff;padding:0 28px 0 10px;color:#425773;font-size:9px;outline:0}
.module-tabbar{display:flex;align-items:center;gap:3px;border-bottom:1px solid #e9eef4;margin:-4px 0 4px;padding-bottom:10px}.module-tabbar button{height:33px;border:0;border-radius:9px;background:transparent;color:#728198;font-size:9px;font-weight:700;padding:0 12px;cursor:pointer}.module-tabbar button.active{background:#edf5ff;color:#0f6fe9}.tab-spacer{flex:1}
.table-wrap{overflow:auto}.module-table{width:100%;border-collapse:collapse}.module-table th{text-align:left;color:#8a96a8;font-size:8px;font-weight:700;padding:11px 10px;border-bottom:1px solid #e8edf4;white-space:nowrap}.module-table td{padding:12px 10px;border-bottom:1px solid #edf1f5;font-size:9px;color:#435671;vertical-align:middle}.module-table tr:last-child td{border-bottom:0}.module-table tbody tr:hover{background:#fbfdff}.module-table .table-pc{display:flex;align-items:center;gap:8px}.module-table .table-pc>div strong{display:block;font-size:9px;color:#203451}.module-table .table-pc>div small{display:block;font-size:7.5px;color:#95a0b1;margin-top:2px}.mono-time{font-variant-numeric:tabular-nums;letter-spacing:.2px;color:#223955}.session-state{display:inline-flex;align-items:center;padding:5px 7px;border-radius:8px;font-size:7.7px;font-weight:800}.session-state.active{background:#eaf8f1;color:#118756}.session-state.completed{background:#f1f4f8;color:#687991}.table-action{width:30px;height:30px;border-radius:9px;border:1px solid #e1e8f1;background:#fff;color:#61748f;display:grid;place-items:center;cursor:pointer}.table-action:hover{border-color:#bdd7f8;color:#176fdc}

/* Clients */
.client-grid-premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.client-card-pro{border:1px solid #e3e9f2;border-radius:15px;background:#fff;padding:0;text-align:left;overflow:hidden;cursor:pointer;color:#213450;box-shadow:0 5px 18px rgba(31,52,83,.035);transition:.18s}.client-card-pro:hover{transform:translateY(-2px);border-color:#bed7f8;box-shadow:0 12px 28px rgba(27,60,105,.085)}.client-art{height:118px;background:linear-gradient(145deg,#f8fbff,#edf4fb);position:relative;display:grid;place-items:center;border-bottom:1px solid #edf1f6}.pc-art.client{height:102px;width:84%}.client-art .device-led{right:12px;top:11px}.client-card-head{display:flex;justify-content:space-between;gap:9px;padding:11px 12px 8px}.client-card-head strong{display:block;font-size:11px}.client-card-head small{display:block;font-size:7.8px;color:#8f9bae;margin-top:2px}.client-system{display:grid;gap:5px;padding:0 12px 10px}.client-system span{display:flex;align-items:center;gap:6px;color:#77869b;font-size:8px}.client-health{padding:8px 12px;border-top:1px solid #f0f3f7;display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-health>div{display:grid;grid-template-columns:1fr auto;gap:4px}.client-health span,.client-health b{font-size:7.5px}.client-health span{color:#8a97aa}.client-health b{color:#4a5d75}.client-health i{grid-column:1/3;height:4px;background:#edf1f5;border-radius:10px;overflow:hidden}.client-health em{display:block;height:100%;background:#398ff0;border-radius:10px}.client-card-foot{min-height:35px;background:#fafcff;border-top:1px solid #eef2f6;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#7b899d;font-size:8px}.client-modal-hero{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:16px;border:1px solid #e6ecf4;background:linear-gradient(145deg,#fbfdff,#f3f8fd);border-radius:14px;padding:10px 13px;margin-bottom:13px}.client-modal-hero>div:first-child{height:115px}.client-modal-hero .pc-art.hero{width:100%;height:110px}.client-modal-hero h4{font-size:15px;margin:11px 0 3px}.client-modal-hero p{font-size:8.5px;color:#8390a4;margin:0}.health-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.health-panel>div{border:1px solid #e6ecf3;border-radius:11px;padding:9px}.health-panel span{display:block;font-size:7.5px;color:#8996a9}.health-panel strong{display:block;font-size:12px;margin:3px 0 7px}.health-panel i{height:4px;background:#edf1f5;border-radius:10px;display:block;overflow:hidden}.health-panel em{display:block;height:100%;background:#318af0}.modal-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modal-action-grid button{height:42px;border:1px solid #e0e7f0;background:#fff;border-radius:10px;color:#36506f;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.modal-action-grid button:hover{background:#f6faff}.modal-action-grid .danger-soft-btn{background:#fff7f8;color:#d84a5a;border-color:#ffe2e6}.pairing-card{display:flex;gap:13px;align-items:flex-start;border:1px solid #dfe9f5;background:linear-gradient(145deg,#f7fbff,#edf6ff);padding:16px;border-radius:14px}.pairing-card>span{width:46px;height:46px;border-radius:13px;background:#fff;color:#176fdc;display:grid;place-items:center;box-shadow:0 6px 16px rgba(31,70,118,.08)}.pairing-card small{font-size:7.5px;color:#8090a6;letter-spacing:.7px}.pairing-card strong{display:block;font-size:21px;letter-spacing:2px;margin:3px 0 4px}.pairing-card p{font-size:8.5px;color:#73829a;line-height:1.5;margin:0}

/* Sessions */
.session-command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 16px}.session-command-grid button{height:78px;border:1px solid #e1e8f1;background:#fbfdff;border-radius:12px;cursor:pointer;color:#29435f}.session-command-grid button:hover{border-color:#bdd8f8;background:#f3f8ff}.session-command-grid strong{display:block;font-size:15px}.session-command-grid span{display:block;font-size:8px;color:#8795a8;margin-top:4px}

/* Requests */
.request-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:14px;align-items:start}.request-list-card,.request-detail-card{min-height:520px}.request-list-premium{display:grid;gap:4px;padding-top:5px}.request-row{width:100%;border:1px solid transparent;background:#fff;border-radius:13px;padding:10px;display:grid;grid-template-columns:38px 1fr auto 17px;gap:10px;align-items:center;text-align:left;color:#263b58;cursor:pointer;transition:.15s}.request-row:hover{background:#f8fbff}.request-row.selected{background:#f3f8ff;border-color:#cfe1fa}.request-row>div>span{display:flex;align-items:center;gap:7px}.request-row strong{font-size:9.5px}.request-row small{display:block;font-size:7.5px;color:#8492a6;margin-top:2px}.request-row p{font-size:8px;color:#677992;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:410px}.request-row time{font-size:7.5px;color:#9aa5b6}.request-row>.svg-icon{color:#9aa5b6}.priority-chip{font-size:6.5px;background:#fff0f2;color:#d94b5d;border-radius:6px;padding:3px 5px}.request-detail-head{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf1f5}.request-detail-head small{font-size:7.5px;color:#8a97aa}.request-detail-head h3{font-size:16px;margin:3px 0 0}.request-detail-head time{font-size:7.5px;color:#98a3b3}.request-origin{display:flex;align-items:center;gap:9px;margin:17px 0 11px}.request-origin .request-avatar{width:38px;height:38px}.request-origin strong{display:block;font-size:10px}.request-origin small{display:block;font-size:7.8px;color:#8b98aa;margin-top:2px}.request-detail-card blockquote{margin:0;border:0;background:#f6f9fd;border-radius:12px;padding:13px;color:#4e617b;font-size:10px;line-height:1.5}.request-device-mini{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;border:1px solid #e5ebf3;border-radius:13px;padding:8px 10px;margin-top:14px}.request-device-mini>div:first-child{height:76px}.pc-art.request{height:72px;width:100%}.request-device-mini>div:nth-child(2)>strong{display:block;font-size:10px;margin-bottom:5px}.request-device-mini>div:nth-child(2)>span:last-child{display:block;font-size:7.5px;color:#8c99ac;margin-top:5px}.request-device-mini>a{text-decoration:none;color:#176fdc;font-size:8px;font-weight:700;display:flex;align-items:center;gap:4px}.request-detail-actions{display:flex;gap:8px;margin-top:16px}.request-detail-actions .btn{flex:1}.resolved-banner{margin-top:16px;height:42px;border-radius:11px;background:#edf9f4;color:#108454;display:flex;align-items:center;justify-content:center;gap:7px;font-size:8.5px;font-weight:800}

/* Print center */
.print-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px;align-items:start}.print-queue{display:grid;gap:8px}.print-job{display:grid;grid-template-columns:48px 1fr 120px;gap:11px;align-items:center;border:1px solid #e5ebf3;border-radius:13px;padding:10px 11px;background:#fff}.print-job.pending{border-color:#f2dfbd;background:linear-gradient(90deg,#fffaf2,#fff 28%)}.print-job.approved{border-color:#d2e6fb;background:linear-gradient(90deg,#f5faff,#fff 28%)}.file-tile{width:45px;height:48px;border-radius:11px;background:#edf5ff;color:#2677db;display:grid;place-items:center;align-content:center;gap:2px}.file-tile small{font-size:6px;font-weight:800}.print-job-main>div:first-child{display:flex;align-items:center;gap:8px}.print-job-main strong{font-size:9.8px}.print-job-main>small{display:block;color:#8a97aa;font-size:7.5px;margin-top:3px}.print-status{font-size:6.8px;font-weight:800;border-radius:6px;padding:3px 5px}.print-status.pending{background:#fff3df;color:#d98107}.print-status.approved{background:#edf5ff;color:#176fdc}.print-status.printed{background:#eaf8f1;color:#108858}.print-status.rejected{background:#fff0f2;color:#db4d60}.print-specs{display:flex;gap:9px;flex-wrap:wrap;margin-top:7px}.print-specs span{font-size:7.3px;color:#62738b;display:flex;align-items:center;gap:3px}.print-price{text-align:right}.print-price>small{display:block;font-size:7px;color:#8e9aad}.print-price>strong{display:block;font-size:11px;margin:2px 0 7px}.print-price>div{display:flex;justify-content:flex-end;gap:5px}.mini-approve,.mini-reject{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.mini-approve{border:1px solid #cdebdc;background:#effaf5;color:#11905b}.mini-reject{border:1px solid #ffdfe4;background:#fff4f5;color:#d94759}.mini-complete{border:1px solid #cfe1f9;background:#f2f8ff;color:#176fdc;border-radius:8px;height:29px;padding:0 8px;font-size:7.5px;font-weight:700;display:inline-flex;gap:4px;align-items:center;cursor:pointer}.print-summary-hero{height:120px;border-radius:15px;background:linear-gradient(145deg,#edf5ff,#f8fbff);display:flex;align-items:center;justify-content:center;gap:15px;color:#176fdc;margin-bottom:14px}.print-summary-hero>span{width:52px;height:52px;border-radius:15px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(31,79,135,.09)}.print-summary-hero strong{font-size:26px;display:block;color:#142846;line-height:1}.print-summary-hero small{font-size:8px;color:#8190a5}.summary-list{display:grid;gap:0}.summary-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 2px;border-bottom:1px solid #edf1f5}.summary-list span{font-size:8.5px;color:#6e7d92}.summary-list strong{font-size:9px}.summary-list .summary-total{border:0;padding-top:12px}.summary-list .summary-total strong{font-size:13px;color:#176fdc}.printer-health{display:flex;align-items:center;gap:9px;border:1px solid #e5ebf3;background:#fbfdff;border-radius:12px;padding:9px;margin-top:13px}.printer-health>div{flex:1}.printer-health strong{display:block;font-size:8.8px}.printer-health small{display:block;font-size:7px;color:#8d99ab;margin-top:2px}

/* Reports */
.report-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px}.wide-chart{min-height:320px}.bar-chart{height:225px;display:flex;align-items:flex-end;gap:9px;padding:22px 3px 0;border-bottom:1px solid #e5ebf3;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f0f3f7 45px)}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-col>span{width:64%;min-width:12px;background:linear-gradient(to top,#287fe8,#72b5ff);border-radius:6px 6px 2px 2px;position:relative;transition:.2s}.bar-col>span:hover{filter:saturate(1.1);transform:translateY(-2px)}.bar-col i{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-style:normal;font-size:6.5px;color:#7c899c;opacity:0;transition:.15s}.bar-col>span:hover i{opacity:1}.bar-col small{font-size:6.7px;color:#8c99ab;white-space:nowrap}.revenue-total{border-radius:14px;background:linear-gradient(145deg,#162c4e,#213d68);padding:18px;color:#fff;margin:6px 0 14px}.revenue-total small{font-size:7.5px;opacity:.7}.revenue-total strong{display:block;font-size:23px;letter-spacing:-.6px;margin:4px 0}.revenue-total span{font-size:7.5px;opacity:.7}.revenue-breakdown{display:grid;gap:8px}.revenue-breakdown>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;padding:8px 0}.revenue-breakdown strong{display:block;font-size:8.7px}.revenue-breakdown small{display:block;font-size:7px;color:#8d9aac;margin-top:2px}.revenue-breakdown b{font-size:8.5px}.rev-dot{width:7px;height:7px;border-radius:50%}.rev-dot.blue{background:#2f85ee}.rev-dot.amber{background:#efa11f}.zone-report-list{display:grid;gap:12px}.zone-report-list>div{display:grid;grid-template-columns:36px 1fr 38px;align-items:center;gap:9px}.zone-report-list strong{display:block;font-size:8.7px;margin-bottom:5px}.zone-report-list i{height:5px;background:#edf1f5;border-radius:10px;overflow:hidden;display:block}.zone-report-list em{display:block;height:100%;background:linear-gradient(90deg,#5fa9fa,#267be6)}.zone-report-list b{font-size:8.5px;text-align:right}.health-score{height:155px;border-radius:15px;background:linear-gradient(145deg,#edf9f4,#f8fcfa);display:grid;place-items:center;align-content:center;color:#12935f;margin:5px 0 8px}.health-score>span{width:45px;height:45px;border-radius:14px;background:#fff;display:grid;place-items:center;margin-bottom:5px;box-shadow:0 8px 18px rgba(30,114,77,.08)}.health-score strong{font-size:25px;color:#17324b}.health-score small{font-size:7.5px;color:#7f918b}

/* Settings */
.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:start}.settings-nav{display:grid;gap:4px;padding:9px;position:sticky;top:92px}.settings-nav button,.settings-nav a{height:42px;border:0;background:transparent;border-radius:10px;padding:0 11px;color:#61738d;display:flex;align-items:center;gap:9px;text-decoration:none;text-align:left;font-size:9px;font-weight:700;cursor:pointer}.settings-nav button:hover,.settings-nav a:hover{background:#f5f8fc;color:#2d4767}.settings-nav button.active{background:#edf5ff;color:#0f6ee7}.settings-content{min-height:485px;padding:22px}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #eaf0f5;padding-bottom:15px;margin-bottom:17px}.settings-section-head h3{font-size:16px;margin:0}.settings-section-head p{font-size:9px;color:#8492a6;margin:4px 0 0}.settings-badge{display:flex;align-items:center;gap:5px;border:1px solid #d7eee4;background:#eff9f5;color:#108658;border-radius:9px;padding:6px 8px;font-size:7.5px;font-weight:800}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;max-width:780px}.settings-form-grid.single{grid-template-columns:1fr;max-width:380px;margin-top:14px}.settings-form-grid .field{margin:0}.settings-form-grid .field span{font-size:8px}.settings-form-grid .field input,.settings-form-grid .field select{height:39px;background:#fff}.setting-toggles{display:grid;gap:8px;max-width:780px;margin-top:16px}.toggle-row{min-height:58px;border:1px solid #e4eaf2;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:12px;position:relative;background:#fff}.toggle-row>div{flex:1}.toggle-row strong{display:block;font-size:9px}.toggle-row small{display:block;font-size:7.5px;color:#8b98aa;margin-top:3px;line-height:1.4}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row>span{width:36px;height:21px;border-radius:20px;background:#d8e0ea;position:relative;transition:.18s;flex:none}.toggle-row>span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 5px rgba(27,47,76,.18);transition:.18s}.toggle-row input:checked+span{background:#1775ef}.toggle-row input:checked+span:after{transform:translateX(15px)}.settings-note{max-width:780px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border:1px solid #e0e8f4;background:#f7faff;border-radius:13px;padding:12px;margin-top:18px;color:#3e5c7e}.settings-note>svg{width:34px;height:34px;padding:8px;border-radius:10px;background:#eaf3ff;color:#176fda}.settings-note strong{display:block;font-size:8.8px}.settings-note p{font-size:7.5px;color:#8290a4;margin:3px 0 0;line-height:1.4}.settings-note a{color:#176fda;text-decoration:none;font-size:8px;font-weight:800;white-space:nowrap}

@media(max-width:1300px){.client-grid-premium{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-layout{grid-template-columns:1fr}.dash-side{grid-template-columns:1fr 1fr}.occupancy-content{grid-template-columns:160px 1fr 1fr}.report-grid{grid-template-columns:1fr 1fr}.wide-chart{grid-column:1/3}}
@media(max-width:1040px){.app-shell.no-drawer-shell{grid-template-columns:76px minmax(0,1fr)}.no-drawer-shell .workspace{grid-column:2}.compact-metrics,.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.client-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.request-layout,.print-layout{grid-template-columns:1fr}.settings-layout{grid-template-columns:170px 1fr}.occupancy-content{grid-template-columns:150px 1fr}.occupancy-copy{grid-column:1/3;border-left:0;border-top:1px solid #e9eef5;padding:16px 0 0}.report-grid{grid-template-columns:1fr}.wide-chart{grid-column:auto}.dash-side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-shell.no-drawer-shell{display:block}.no-drawer-shell .workspace{display:block}.compact-metrics,.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-layout,.dash-side{grid-template-columns:1fr}.occupancy-content{display:block}.occupancy-stats{margin:18px 0}.occupancy-copy{border:0;padding:0}.client-grid-premium{grid-template-columns:1fr}.module-toolbar{display:block}.toolbar-search{min-width:0;max-width:none}.toolbar-filters{margin-top:8px}.toolbar-filters select{flex:1}.request-device-mini{grid-template-columns:80px 1fr}.request-device-mini>a{grid-column:1/3}.print-job{grid-template-columns:45px 1fr}.print-price{grid-column:2;text-align:left;display:flex;align-items:center;gap:10px}.settings-layout{display:block}.settings-nav{position:static;display:flex;overflow:auto;margin-bottom:10px}.settings-nav button,.settings-nav a{flex:none}.settings-form-grid{grid-template-columns:1fr}.report-grid{display:block}.report-grid>.module-card{margin-bottom:12px}.bar-chart{gap:4px}.bar-col small{font-size:5.8px}.request-layout{display:block}.request-detail-card{margin-top:12px}.client-modal-hero{grid-template-columns:120px 1fr}.health-panel{grid-template-columns:1fr}.module-tabbar{overflow:auto}.toolbar-search.small{display:none}}

/* Orders */
.nav-count.order-count{background:#f3a21a}.order-admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:14px;align-items:start}.order-queue-card{padding:0;overflow:hidden}.order-tabs{padding:12px 14px 0;border-bottom:1px solid #edf1f6}.order-search{margin-bottom:10px}.order-stream{display:grid}.order-stream-row{border:0;border-bottom:1px solid #edf1f6;background:#fff;min-height:82px;padding:13px 14px;display:grid;grid-template-columns:70px 145px minmax(180px,1fr) 84px 116px 20px;align-items:center;gap:11px;text-align:left;color:var(--text);cursor:pointer;transition:.16s;position:relative}.order-stream-row:last-child{border-bottom:0}.order-stream-row:hover{background:#fbfdff}.order-stream-row.selected{background:linear-gradient(90deg,#f6faff,#fbfdff)}.order-stream-row.selected:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 5px 5px 0;background:#1674f5}.order-sequence{display:grid;gap:3px}.order-sequence small{font-size:7px;color:#91a0b3}.order-sequence strong{font-size:9px;letter-spacing:.15px}.order-origin{display:flex;align-items:center;gap:8px}.order-pc-icon{width:33px;height:33px;border-radius:10px;background:#edf5ff;color:#1673ee;display:grid;place-items:center}.order-origin strong{display:block;font-size:9px}.order-origin small{display:block;font-size:7px;color:#8a98aa;margin-top:3px}.order-items-inline{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.order-product-chip{height:25px;padding:0 7px;border-radius:8px;background:#f5f7fb;border:1px solid #e8edf4;display:inline-flex;align-items:center;gap:4px;font-size:7px;color:#50627c;white-space:nowrap}.order-product-chip i{font-style:normal;color:#6680a5}.order-items-inline>em{font-style:normal;font-size:7px;color:#8694a7}.order-total{text-align:right}.order-total small{display:block;font-size:6.8px;color:#8c99ab}.order-total strong{display:block;font-size:10px;margin-top:3px}.order-status-chip{min-height:27px;border-radius:8px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:7px;font-weight:800;white-space:nowrap;border:1px solid transparent}.order-status-chip.amber{background:#fff6e9;border-color:#ffe6bc;color:#c77b05}.order-status-chip.blue{background:#eef6ff;border-color:#dcecff;color:#116cd9}.order-status-chip.green{background:#ecf9f3;border-color:#d4efe1;color:#0d8c57}.order-status-chip.slate{background:#f1f4f8;border-color:#e4e9f0;color:#627187}.order-status-chip.rose{background:#fff1f3;border-color:#ffdbe0;color:#d34456}.order-status-chip.large{min-height:31px;padding:0 10px}.order-row-chevron{color:#a2adbc}.order-side-stack{display:grid;gap:14px}.order-detail-card{padding:18px;min-height:356px;position:sticky;top:90px}.order-detail-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #edf1f5}.order-detail-header>div>span{font-size:7px;font-weight:800;color:#1472ee;letter-spacing:.45px}.order-detail-header h3{font-size:15px;margin:4px 0 3px;letter-spacing:-.25px}.order-detail-header p{font-size:7.5px;color:#8a97aa;margin:0}.order-detail-lines{display:grid;margin-top:10px}.order-detail-line{display:grid;grid-template-columns:38px minmax(0,1fr) 52px 65px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f0f3f7}.order-detail-line>div strong{display:block;font-size:8.5px}.order-detail-line>div small{display:block;font-size:6.7px;color:#8d99aa;margin-top:2px}.order-detail-line>b{font-size:7px;color:#697992;text-align:right}.order-detail-line>strong{font-size:8px;text-align:right}.product-mini-visual{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.product-mini-visual.tone-amber,.menu-category-icon.tone-amber{background:#fff3df;color:#d88408}.product-mini-visual.tone-blue,.menu-category-icon.tone-blue{background:#eaf4ff;color:#1974e5}.product-mini-visual.tone-violet,.menu-category-icon.tone-violet{background:#f1edff;color:#6c53dd}.product-mini-visual.tone-rose,.menu-category-icon.tone-rose{background:#fff0f3;color:#de4660}.order-note{display:flex;gap:9px;border:1px solid #e7edf5;background:#fafcff;border-radius:11px;padding:10px;margin:12px 0}.order-note>svg{color:#667f9f;flex:none}.order-note strong{display:block;font-size:7.7px}.order-note p{font-size:7.2px;color:#687990;line-height:1.45;margin:3px 0 0}.order-payment-row{display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:#f5f8fc;padding:11px;margin-top:12px}.order-payment-row>div{display:flex;align-items:center;gap:8px}.order-payment-row>div>svg{color:#196fd6}.order-payment-row>div strong{display:block;font-size:8px}.order-payment-row>div small{display:block;font-size:6.7px;color:#8794a7;margin-top:2px}.order-payment-row>strong{font-size:12px}.order-detail-actions{display:flex;gap:8px;margin-top:13px}.order-detail-actions .btn{flex:1}.delivered-banner{display:flex;align-items:center;gap:9px;border:1px solid #d7eee3;background:#effaf5;color:#10875a;border-radius:12px;padding:10px;margin-top:13px}.delivered-banner>div strong{display:block;font-size:8px}.delivered-banner>div small{display:block;font-size:6.8px;margin-top:2px;opacity:.76}.menu-snapshot-card{padding:16px}.text-button{border:0;background:transparent;color:#176fdc;font-size:7.5px;font-weight:800;cursor:pointer}.menu-category-summary{display:grid;gap:7px}.menu-category-summary>div{display:grid;grid-template-columns:34px 1fr 24px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f0f3f6}.menu-category-summary>div:last-child{border-bottom:0}.menu-category-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.menu-category-summary strong{display:block;font-size:8px}.menu-category-summary small{display:block;font-size:6.6px;color:#8e9aab;margin-top:2px}.menu-category-summary b{font-size:8px;text-align:right}.popular-products{border-top:1px solid #edf1f5;margin-top:10px;padding-top:11px}.popular-products>small{font-size:6px;font-weight:800;color:#9aa6b7;letter-spacing:.5px}.popular-products>div{display:grid;grid-template-columns:30px 1fr auto;gap:7px;align-items:center;padding:6px 0}.popular-products .product-mini-visual{width:29px;height:29px;border-radius:8px}.popular-products strong{font-size:7.5px}.popular-products b{font-size:7.5px}.menu-preview-link{height:36px;border:1px solid #dce8f7;background:#f5f9ff;border-radius:10px;margin-top:10px;color:#176fdc;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;font-size:7.5px;font-weight:800}.wide-modal{width:min(700px,95vw)!important;max-height:88vh;overflow:auto}.menu-manager-list{display:grid;gap:13px}.menu-manager-list section{border:1px solid #e8edf4;border-radius:13px;padding:10px}.menu-manager-cat{display:flex;align-items:center;gap:8px;padding:2px 2px 8px}.menu-manager-cat>div strong{display:block;font-size:9px}.menu-manager-cat>div small{display:block;font-size:6.8px;color:#8b98aa;margin-top:2px}.menu-manager-product{display:grid;grid-template-columns:34px 1fr 90px 40px;gap:8px;align-items:center;padding:7px 2px;border-top:1px solid #f0f3f7}.menu-manager-product>div strong{display:block;font-size:8px}.menu-manager-product>div small{display:block;font-size:6.5px;color:#8d99aa;margin-top:2px}.menu-manager-product>label:not(.mini-toggle){height:33px;border:1px solid #dfe6ef;border-radius:9px;display:flex;align-items:center;overflow:hidden;background:#fff}.menu-manager-product>label:not(.mini-toggle)>span{padding-left:8px;font-size:8px;color:#7e8c9f}.menu-manager-product>label:not(.mini-toggle)>input{width:100%;min-width:0;height:100%;border:0;outline:0;padding:0 7px;font-size:8px}.mini-toggle{display:grid;place-items:center;position:relative}.mini-toggle input{position:absolute;opacity:0}.mini-toggle span{width:32px;height:19px;border-radius:20px;background:#d8e0ea;position:relative;transition:.18s}.mini-toggle span:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 4px rgba(26,43,68,.18);transition:.18s}.mini-toggle input:checked+span{background:#1775ef}.mini-toggle input:checked+span:after{transform:translateX(13px)}.order-launch-note{display:flex;gap:9px;border:1px solid #e0e9f5;background:#f6faff;border-radius:12px;padding:11px;margin-top:12px;color:#315b89}.order-launch-note>svg{flex:none}.order-launch-note strong{display:block;font-size:8.5px}.order-launch-note p{font-size:7px;line-height:1.5;color:#7889a0;margin:3px 0 0}

/* Customer order screen */
.customer-order-page{background:#f5f7fb;min-height:100vh}.customer-order-shell{min-height:100vh}.customer-order-topbar{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid #e5ebf3;display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.customer-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0d1733;min-width:185px}.customer-brand .brand-symbol{transform:scale(.9);transform-origin:left center}.customer-brand strong{display:block;font-size:18px;letter-spacing:-.5px}.customer-brand strong>b{font-weight:500}.customer-brand small{display:block;font-size:9px;color:#8b98aa;margin-top:3px}.customer-station{margin:auto;display:flex;align-items:center;gap:9px;border:1px solid #e4eaf2;background:#fafcff;border-radius:12px;padding:8px 12px}.customer-station-icon{width:31px;height:31px;border-radius:9px;background:#eaf4ff;color:#176fe0;display:grid;place-items:center}.customer-station>div small{font-size:6.5px;color:#8a97aa;display:block}.customer-station>div strong{font-size:8.5px;display:block;margin-top:1px}.customer-station>i{height:25px;width:1px;background:#e2e7ee}.customer-cart-button{height:42px;border:1px solid #dce6f2;background:#fff;border-radius:11px;padding:0 11px;display:flex;align-items:center;gap:7px;color:#27425f;font-size:8px;font-weight:800;cursor:pointer}.customer-cart-button>b{min-width:20px;height:20px;border-radius:20px;background:#176fdf;color:#fff;display:grid;place-items:center;font-size:7px}.customer-order-main{max-width:1320px;margin:0 auto;padding:38px 34px 60px}.customer-order-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:25px}.customer-kicker{font-size:7px;letter-spacing:1.1px;color:#1770e3;font-weight:850}.customer-order-intro h1{font-size:38px;letter-spacing:-1.4px;margin:6px 0 8px}.customer-order-intro p{font-size:11px;color:#79879b;margin:0}.service-promise{display:flex;align-items:center;gap:9px;border:1px solid #e2e9f2;background:rgba(255,255,255,.8);border-radius:13px;padding:10px 12px}.service-promise>svg{color:#1572e7}.service-promise strong{font-size:8px;display:block}.service-promise small{font-size:6.8px;color:#8a97a9;display:block;margin-top:2px}.customer-category-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:3px;margin-bottom:20px}.customer-category-tabs button{height:42px;padding:0 14px;border:1px solid #e0e7f0;background:#fff;border-radius:12px;display:flex;align-items:center;gap:7px;color:#586c88;font-size:8.5px;font-weight:750;cursor:pointer;white-space:nowrap}.customer-category-tabs button>span{color:#667f9f}.customer-category-tabs button.active{background:#142b4c;color:#fff;border-color:#142b4c;box-shadow:0 8px 20px rgba(20,43,76,.12)}.customer-category-tabs button.active>span{color:#83baf8}.customer-order-grid-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.customer-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-product-card{background:#fff;border:1px solid #e5ebf2;border-radius:17px;padding:11px;box-shadow:0 8px 25px rgba(36,57,91,.045);position:relative;overflow:hidden;transition:.18s}.customer-product-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(33,57,96,.075)}.customer-product-card.selected{border-color:#c9dcf6;box-shadow:0 12px 28px rgba(25,100,190,.08)}.popular-ribbon{position:absolute;right:10px;top:10px;z-index:2;background:rgba(255,255,255,.94);border:1px solid rgba(231,235,241,.9);border-radius:20px;padding:4px 7px;font-size:6.3px;font-weight:850;color:#bd7507}.customer-product-art{height:112px;border-radius:13px;display:grid;place-items:center;position:relative;overflow:hidden}.customer-product-art>span{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.74);display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 13px 30px rgba(42,61,91,.08)}.customer-product-art>i{position:absolute;width:105px;height:105px;border-radius:50%;right:-27px;bottom:-40px;background:rgba(255,255,255,.33)}.customer-product-art.tone-amber{background:linear-gradient(145deg,#fff7e9,#ffedc9);color:#c67a08}.customer-product-art.tone-blue{background:linear-gradient(145deg,#eef7ff,#dbeeff);color:#1671e2}.customer-product-art.tone-violet{background:linear-gradient(145deg,#f5f1ff,#e9e0ff);color:#6c50da}.customer-product-art.tone-rose{background:linear-gradient(145deg,#fff3f5,#ffe2e8);color:#d8465c}.customer-product-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:11px 3px 8px}.customer-product-copy small{font-size:6.4px;color:#8b98ab}.customer-product-copy h3{font-size:13px;margin:3px 0 2px}.customer-product-copy p{font-size:7px;color:#8794a6;margin:0;line-height:1.4}.product-prep{display:flex;align-items:center;gap:3px;font-size:6.5px;color:#8492a5;white-space:nowrap;margin-top:3px}.customer-product-foot{border-top:1px solid #eef2f6;padding:9px 3px 2px;display:flex;align-items:center;justify-content:space-between}.customer-product-foot>strong{font-size:13px}.add-product{height:31px;border:1px solid #d8e5f6;background:#f2f7ff;color:#146dd8;border-radius:9px;padding:0 9px;font-size:7.5px;font-weight:850;display:flex;align-items:center;gap:4px;cursor:pointer}.qty-control{height:31px;border:1px solid #d9e3ee;border-radius:9px;display:flex;align-items:center;overflow:hidden}.qty-control button{width:29px;height:100%;border:0;background:#f5f8fc;color:#1b5faa;font-size:15px;cursor:pointer}.qty-control b{width:27px;text-align:center;font-size:8px}.customer-cart{background:#fff;border:1px solid #e2e9f2;border-radius:18px;padding:17px;box-shadow:0 18px 45px rgba(30,50,82,.07);position:sticky;top:96px}.customer-cart-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #eef2f6}.customer-cart-head small{font-size:6px;letter-spacing:.7px;font-weight:850;color:#8795a8}.customer-cart-head h2{font-size:17px;margin:3px 0 0}.customer-cart-head>span{font-size:7px;color:#728198;background:#f3f6fa;border-radius:20px;padding:5px 7px}.customer-cart-lines{display:grid;min-height:110px}.customer-cart-line{display:grid;grid-template-columns:30px 1fr auto 25px;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f3f6}.customer-cart-line .product-mini-visual{width:30px;height:30px;border-radius:9px}.customer-cart-line>div strong{display:block;font-size:8px}.customer-cart-line>div small{display:block;font-size:6.5px;color:#8c99ab;margin-top:2px}.customer-cart-line>b{font-size:8px}.customer-cart-line>button{width:24px;height:24px;border:0;border-radius:7px;background:#f5f7fa;color:#8693a5;display:grid;place-items:center;cursor:pointer}.customer-cart-empty{text-align:center;display:grid;place-items:center;align-content:center;min-height:145px;color:#8b99ab}.customer-cart-empty>span{width:46px;height:46px;border-radius:14px;background:#f1f5fa;display:grid;place-items:center;color:#7890ac;margin-bottom:7px}.customer-cart-empty strong{font-size:9px;color:#50627b}.customer-cart-empty p{font-size:7px;margin:3px 0 0}.customer-note{display:block;margin:12px 0}.customer-note>span{font-size:7px;font-weight:800;color:#60718a;display:block;margin-bottom:5px}.customer-note textarea{width:100%;resize:none;border:1px solid #dfe7ef;background:#fbfcfe;border-radius:10px;padding:9px;outline:0;font-size:8px;color:#263c58}.customer-note textarea:focus{border-color:#b7d0f3;box-shadow:0 0 0 3px #edf5ff}.customer-payment-info{display:flex;gap:8px;background:#f4f8fd;border:1px solid #e4edf7;border-radius:11px;padding:9px;color:#2c577f}.customer-payment-info>svg{flex:none;color:#1772e5}.customer-payment-info strong{display:block;font-size:7.5px}.customer-payment-info small{display:block;font-size:6.3px;color:#8090a4;margin-top:2px;line-height:1.4}.customer-cart-total{display:flex;align-items:center;justify-content:space-between;padding:14px 1px 10px}.customer-cart-total span{font-size:8px;color:#718096}.customer-cart-total strong{font-size:19px;letter-spacing:-.4px}.customer-submit-order{width:100%;height:44px;border:0;border-radius:11px;background:linear-gradient(180deg,#1a7af5,#0968e7);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:850;box-shadow:0 10px 22px rgba(14,106,231,.18);cursor:pointer}.customer-submit-order:disabled{background:#dce3ec;box-shadow:none;color:#8d99aa;cursor:not-allowed}.customer-order-legal{text-align:center;font-size:6.1px;line-height:1.45;color:#9aa6b6;margin:8px 6px 0}.order-success-card{text-align:center;padding:16px 4px 7px}.order-success-card>span{width:58px;height:58px;border-radius:18px;background:#eaf8f1;color:#0c9860;display:grid;place-items:center;margin:0 auto 9px}.order-success-card>small{font-size:7px;color:#1771e0;font-weight:850}.order-success-card h2{font-size:18px;margin:4px 0 6px}.order-success-card p{font-size:7.5px;line-height:1.5;color:#7d8b9e;margin:0 auto 13px;max-width:270px}.order-success-card>div{height:44px;border-radius:11px;background:#f5f8fc;display:flex;align-items:center;justify-content:space-between;padding:0 11px;margin-bottom:10px}.order-success-card>div b{font-size:8px}.order-success-card>div strong{font-size:12px}.order-success-card>button{width:100%;height:38px;border:1px solid #dbe5f1;background:#fff;border-radius:10px;color:#24507d;font-size:8px;font-weight:800;cursor:pointer}.customer-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#173253;color:#fff;border-radius:11px;padding:10px 13px;display:flex;align-items:center;gap:7px;font-size:8px;font-weight:700;box-shadow:0 16px 40px rgba(19,39,66,.2);transition:.2s;z-index:60}.customer-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1250px){.order-admin-layout{grid-template-columns:1fr}.order-side-stack{grid-template-columns:1fr 1fr}.order-detail-card{position:static}.customer-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-stream-row{grid-template-columns:65px 130px minmax(150px,1fr) 75px 105px 18px}}
@media(max-width:900px){.order-stream-row{grid-template-columns:60px 1fr auto 18px}.order-items-inline{grid-column:2/4}.order-total{grid-column:3;grid-row:1}.order-status-chip{grid-column:2}.order-row-chevron{grid-column:4;grid-row:1/3}.order-side-stack{grid-template-columns:1fr}.customer-order-topbar{padding:0 18px}.customer-station{display:none}.customer-order-main{padding:28px 18px 50px}.customer-order-grid-wrap{grid-template-columns:1fr}.customer-cart{position:static}.customer-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.customer-brand{min-width:0}.customer-order-intro{display:block}.service-promise{margin-top:16px}.customer-order-intro h1{font-size:31px}.customer-product-grid{grid-template-columns:1fr}.customer-order-topbar{height:68px}.customer-cart-button>span{display:none}.order-stream-row{grid-template-columns:58px 1fr 18px}.order-total{display:none}.order-status-chip{grid-column:2}.order-items-inline{grid-column:2}.order-row-chevron{grid-column:3}.hero-actions{flex-wrap:wrap}.order-search{display:none}.menu-manager-product{grid-template-columns:31px 1fr 78px 34px}.wide-modal{padding:14px!important}}
.drawer-order-box{border:1px solid #e6edf5;background:linear-gradient(145deg,#fffdf8,#fffaf0);border-radius:14px;padding:12px;margin-bottom:11px}.drawer-order-box .section-title>span{color:#d98a09}.drawer-order-row{display:grid;grid-template-columns:1fr auto 14px;gap:7px;align-items:center;text-decoration:none;color:#263a56;padding:8px 0;border-top:1px solid #f2eadb}.drawer-order-row:first-of-type{margin-top:8px}.drawer-order-row span>b{font-size:8px;display:block}.drawer-order-row span>small{font-size:6.6px;color:#8a96a7;display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.drawer-order-row>strong{font-size:8px}.drawer-order-row>svg{color:#9a876a}
.dashboard-queue-links{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f5;margin-top:9px;padding-top:4px}.activity-pin.order{background:#ee9a14;box-shadow:0 0 0 4px #fff6e7}.rev-dot.order{background:#7657e5}.settings-link-badge{text-decoration:none}.settings-link-badge:hover{background:#eaf6f0}
.pc-card-meta{display:flex;align-items:center;gap:5px}.pc-order-badge{font-style:normal;height:22px;padding:0 6px;border-radius:7px;background:#fff5e7;color:#cb7d05;border:1px solid #ffe4b6;display:inline-flex;align-items:center;gap:3px;font-size:6.5px;font-weight:850}.pc-order-badge .svg-icon{flex:none}
.dashboard-queue-links .module-footer-link{margin:0;border-top:0;padding:9px 2px;gap:5px;justify-content:flex-start}.dashboard-queue-links .module-footer-link:last-child{justify-content:flex-end}
.menu-add-product{width:100%;height:38px;margin-top:10px;border:1px dashed #cbd9ea;background:#f8fbff;border-radius:10px;color:#176fdc;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;font-weight:800;cursor:pointer}.menu-add-product:hover{background:#f0f6ff;border-color:#aac9ef}

/* MyOps Desk client experience */
.desk-client-page{margin:0;background:#edf4fb;color:#20344f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.desk-client-root{height:100vh;min-height:620px}.client-lock-shell,.client-desktop-shell{height:100%;position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fbff 0%,#edf5fc 45%,#e9f1f9 100%)}.client-lock-shell:before,.client-desktop-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(92,126,166,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(92,126,166,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.8),transparent)}.client-lock-ambient,.client-wallpaper-shape{position:absolute;border-radius:50%;filter:blur(2px);opacity:.75}.client-lock-ambient.a{width:620px;height:620px;right:-180px;top:-230px;background:radial-gradient(circle at 38% 40%,rgba(72,142,236,.24),rgba(140,194,242,.08) 55%,transparent 70%)}.client-lock-ambient.b{width:560px;height:560px;left:-200px;bottom:-260px;background:radial-gradient(circle at 55% 48%,rgba(112,98,225,.15),rgba(142,202,244,.06) 55%,transparent 72%)}.client-lock-top,.client-desktop-top{position:absolute;z-index:4;left:44px;right:44px;top:30px;display:flex;align-items:center;justify-content:space-between}.client-logo{display:flex;align-items:center;gap:11px}.client-brand-mark{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#1d83f5,#0c67d9);box-shadow:0 8px 24px rgba(14,104,220,.18);position:relative;display:block}.client-brand-mark i,.client-brand-mark b,.client-brand-mark em{position:absolute;background:#fff;border-radius:3px;display:block}.client-brand-mark i{width:8px;height:8px;left:8px;top:8px}.client-brand-mark b{width:8px;height:17px;left:19px;top:8px}.client-brand-mark em{width:8px;height:7px;left:8px;top:19px}.client-brand-copy strong{display:block;font-size:15px;letter-spacing:-.3px}.client-brand-copy strong>b{color:#1674e6}.client-brand-copy small{display:block;font-size:8px;color:#7e8fa5;margin-top:2px}.client-network{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.75);backdrop-filter:blur(18px);border:1px solid rgba(222,233,244,.9);height:38px;border-radius:12px;padding:0 12px;color:#61758f;font-size:9px;box-shadow:0 8px 28px rgba(53,76,103,.06)}.client-network b{color:#294460}.client-network i{width:4px;height:4px;border-radius:50%;background:#20b373;box-shadow:0 0 0 3px rgba(32,179,115,.1)}.client-lock-time{position:absolute;z-index:3;left:8%;top:50%;transform:translateY(-50%);display:grid}.client-lock-time strong{font-size:68px;line-height:.95;letter-spacing:-4px;font-weight:650;color:#253e5b}.client-lock-time span{margin-top:12px;font-size:13px;color:#6e829a;text-transform:capitalize}.client-login-card{position:absolute;z-index:5;right:8%;top:50%;transform:translateY(-50%);width:min(390px,38vw);min-width:330px;background:rgba(255,255,255,.88);backdrop-filter:blur(24px);border:1px solid rgba(220,230,240,.95);box-shadow:0 28px 70px rgba(41,67,97,.12);border-radius:26px;padding:30px}.client-login-head>span,.client-request-wait>span{width:50px;height:50px;border-radius:15px;background:#eef6ff;color:#1673e6;display:grid;place-items:center;margin-bottom:16px}.client-login-head>small,.client-request-wait>small,.client-eyebrow{font-size:8px;font-weight:850;letter-spacing:1px;color:#7c8ea3}.client-login-head h1,.client-request-wait h1{font-size:25px;line-height:1.15;letter-spacing:-.7px;margin:5px 0 7px}.client-login-head p,.client-request-wait p{font-size:10px;line-height:1.6;color:#78899d;margin:0 0 20px}.client-field{display:block;margin-top:12px}.client-field>span{display:block;font-size:8px;font-weight:800;color:#61758e;margin:0 0 6px 2px}.client-field>div{height:43px;border:1px solid #dce6f0;background:#fbfdff;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#8aa0b8;transition:.18s}.client-field>div:focus-within{border-color:#a8cbf3;box-shadow:0 0 0 4px rgba(31,127,238,.07);background:#fff}.client-field input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:#233b57}.client-primary-btn,.client-secondary-btn,.client-ghost-btn,.client-action-btn{width:100%;height:45px;border-radius:12px;font-weight:800;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.client-primary-btn{margin-top:18px;border:0;background:linear-gradient(180deg,#1a7df3,#0c6ce0);color:#fff;box-shadow:0 11px 24px rgba(14,108,224,.18)}.client-secondary-btn{border:1px solid #d7e3ef;background:#f8fbff;color:#31577e}.client-login-sep{display:flex;align-items:center;gap:10px;margin:15px 0}.client-login-sep span{height:1px;background:#e7edf4;flex:1}.client-login-sep b{font-size:7px;color:#9aa8b8}.client-login-note{font-size:7.5px!important;text-align:center;color:#98a5b4!important;margin:13px 10px 0!important}.client-request-wait{text-align:center}.client-request-wait>span{margin:0 auto 14px}.client-request-wait>div{height:40px;border-radius:11px;background:#f3f8fd;display:flex;align-items:center;justify-content:center;gap:8px;color:#3d607f;font-size:9px;margin:18px 0}.client-request-wait>div i{width:7px;height:7px;border-radius:50%;background:#f2a318;box-shadow:0 0 0 5px rgba(242,163,24,.11);animation:clientPulse 1.3s infinite}.client-ghost-btn{border:1px solid #e0e8f0;background:#fff;color:#718296}.client-lock-footer{position:absolute;z-index:4;left:44px;right:44px;bottom:28px;display:flex;justify-content:space-between;font-size:8px;color:#8696a8}.client-lock-footer span{display:flex;align-items:center;gap:5px}
.client-desktop-shell{background:linear-gradient(135deg,#eaf4ff 0%,#dfefff 45%,#eef4fb 100%)}.client-desktop-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 33% 34%,rgba(255,255,255,.76),transparent 31%),radial-gradient(circle at 70% 64%,rgba(77,147,233,.09),transparent 29%)}.client-wallpaper-shape.one{width:760px;height:760px;left:17%;top:-340px;border:110px solid rgba(47,124,235,.08);background:transparent}.client-wallpaper-shape.two{width:640px;height:640px;right:-190px;bottom:-340px;background:linear-gradient(145deg,rgba(78,164,241,.12),rgba(88,107,224,.08));transform:rotate(25deg)}.client-wallpaper-shape.three{width:310px;height:310px;left:28%;bottom:-190px;background:rgba(255,255,255,.55);box-shadow:0 0 90px rgba(255,255,255,.5)}.client-desktop-top{z-index:5}.client-logo.compact .client-brand-copy small{color:#758ca6}.client-desktop-session{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border:1px solid rgba(215,229,242,.95);border-radius:14px;padding:8px 13px;box-shadow:0 9px 30px rgba(42,69,100,.06)}.client-desktop-session span small,.client-desktop-session span b{display:block}.client-desktop-session span small{font-size:6.8px;color:#8998a9}.client-desktop-session span b{font-size:9px;color:#284761;margin-top:1px}.client-desktop-session i{height:24px;width:1px;background:#dfe7ef}.client-desktop-time{position:absolute;z-index:3;left:44px;bottom:70px;display:grid}.client-desktop-time strong{font-size:41px;line-height:1;letter-spacing:-2px;color:#2f4e6d}.client-desktop-time span{font-size:9px;color:#758ba2;margin-top:6px;text-transform:capitalize}.client-desktop-icons{position:absolute;z-index:4;left:44px;top:115px;display:grid;gap:18px}.client-desktop-icons button{width:72px;border:0;background:transparent;color:#365674;display:grid;justify-items:center;gap:6px;cursor:default}.client-desktop-icons button>svg{width:44px;height:44px;padding:10px;background:rgba(255,255,255,.72);border:1px solid rgba(216,228,240,.9);border-radius:13px;box-shadow:0 9px 24px rgba(38,63,92,.06)}.client-desktop-icons button span{font-size:8px;text-shadow:0 1px 0 rgba(255,255,255,.8)}.client-edge-toggle{position:absolute;z-index:21;right:18px;top:50%;transform:translateY(-50%);height:62px;border:1px solid rgba(209,224,239,.95);background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-radius:18px;padding:7px 10px 7px 7px;display:flex;align-items:center;gap:8px;box-shadow:0 14px 40px rgba(35,63,94,.14);color:#274966;cursor:pointer;transition:.2s}.client-edge-toggle:hover{transform:translateY(-50%) translateX(-3px)}.client-edge-toggle.open{right:430px}.edge-logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#1b82f3,#0f69db);display:grid;place-items:center;color:#fff;font-size:18px;font-weight:900}.edge-copy{text-align:left;min-width:92px}.edge-copy b,.edge-copy small{display:block}.edge-copy b{font-size:9px}.edge-copy small{font-size:6.8px;color:#8b9aab;margin-top:2px}.client-side-panel{position:absolute;z-index:20;right:-440px;top:16px;bottom:16px;width:410px;border:1px solid rgba(211,224,237,.96);border-radius:24px;background:rgba(255,255,255,.96);backdrop-filter:blur(28px);box-shadow:-15px 0 55px rgba(38,62,90,.14);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;transition:right .25s cubic-bezier(.2,.75,.2,1)}.client-side-panel.show{right:16px}.client-panel-head{height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eff5}.client-panel-head small,.client-panel-head strong{display:block}.client-panel-head small{font-size:7px;color:#8b99aa}.client-panel-head strong{font-size:13px;margin-top:2px}.client-panel-head button{width:34px;height:34px;border:1px solid #e2e9f0;background:#f8fafc;color:#718397;border-radius:10px;display:grid;place-items:center;cursor:pointer}.client-panel-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:10px 12px;border-bottom:1px solid #edf2f6}.client-panel-nav button{height:48px;border:0;border-radius:10px;background:transparent;color:#75879b;display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer}.client-panel-nav button b{font-size:6.3px}.client-panel-nav button.active{background:#eef6ff;color:#176fdc}.client-panel-body{overflow:auto;padding:19px 19px 24px}.client-panel-section h2{font-size:22px;letter-spacing:-.6px;margin:5px 0 5px}.client-panel-section>p{font-size:8.5px;color:#7d8da0;line-height:1.55;margin:0 0 16px}.client-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.client-overview-grid article{border:1px solid #e5ecf3;background:#fafcfe;border-radius:14px;padding:12px}.client-overview-grid article>span{width:31px;height:31px;border-radius:9px;background:#eef6ff;color:#2477d8;display:grid;place-items:center;margin-bottom:9px}.client-overview-grid small,.client-overview-grid strong{display:block}.client-overview-grid small{font-size:6.7px;color:#8998aa}.client-overview-grid strong{font-size:12px;margin-top:3px}.client-status-card{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;border:1px solid #ffe4b6;background:#fff9ee;border-radius:13px;padding:10px;margin-top:10px}.client-status-card>span{width:34px;height:34px;border-radius:10px;background:#fff1d8;color:#d48909;display:grid;place-items:center}.client-status-card small,.client-status-card strong{display:block}.client-status-card small{font-size:6.3px;color:#9b865f}.client-status-card strong{font-size:8px;margin-top:2px}.client-status-card button{border:0;background:transparent;color:#bc780b;font-size:7px;font-weight:850;cursor:pointer}.client-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.client-quick-grid button{min-height:68px;border:1px solid #e4ebf2;background:#fff;border-radius:13px;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;color:#315472;cursor:pointer;transition:.18s}.client-quick-grid button:hover{background:#f7fbff;border-color:#cfe0f3;transform:translateY(-1px)}.client-quick-grid button>svg{width:34px;height:34px;background:#f0f6fd;border-radius:10px;padding:8px}.client-quick-grid b,.client-quick-grid small{display:block}.client-quick-grid b{font-size:8px}.client-quick-grid small{font-size:6.3px;color:#8a99aa;margin-top:2px}.client-mini-products{display:grid;grid-template-columns:1fr 1fr;gap:8px}.client-mini-products button{border:1px solid #e5ebf2;background:#fff;border-radius:13px;padding:10px;display:grid;grid-template-columns:32px 1fr 22px;align-items:center;gap:7px;text-align:left;color:#34536f;cursor:pointer}.client-mini-products button>span{width:32px;height:32px;border-radius:10px;background:#f2f7fd;color:#2b77ca;display:grid;place-items:center}.client-mini-products b,.client-mini-products small{display:block}.client-mini-products b{font-size:7.5px}.client-mini-products small{font-size:6.6px;color:#8b99aa;margin-top:2px}.client-mini-products i{width:22px;height:22px;border-radius:7px;background:#edf6ff;color:#166ed8;font-size:9px;font-style:normal;font-weight:900;display:grid;place-items:center}.client-order-total{margin-top:12px;padding:12px;border-radius:13px;background:#f5f9fd;display:flex;align-items:center;justify-content:space-between}.client-order-total span small,.client-order-total span b{display:block}.client-order-total small{font-size:6.5px;color:#8797aa}.client-order-total b{font-size:15px;margin-top:2px}.client-order-total button,.client-action-btn{height:36px;border:0;border-radius:10px;background:#1674e6;color:#fff;font-size:7.5px;font-weight:850;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.client-order-total button:disabled{background:#d9e2ec;color:#8d9aab}.client-panel-link{margin-top:10px;height:35px;border:1px solid #e1e9f1;border-radius:10px;text-decoration:none;color:#356087;display:flex;align-items:center;justify-content:center;gap:5px;font-size:7.5px;font-weight:800}.client-field.slim{margin-top:10px}.client-field.slim>div{height:39px}.client-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.client-check{display:flex;align-items:center;gap:7px;font-size:8px;color:#54708c;margin:13px 0}.client-check input{display:none}.client-check>span{width:16px;height:16px;border:1px solid #cfdbe8;border-radius:5px;background:#fff}.client-check input:checked+span{background:#1674e6;border-color:#1674e6;box-shadow:inset 0 0 0 4px #fff}.client-action-btn{width:100%;height:40px}.client-help-options{display:grid;gap:8px}.client-help-options button{height:48px;border:1px solid #e2e9f1;background:#fff;border-radius:12px;display:grid;grid-template-columns:31px 1fr 15px;gap:8px;align-items:center;text-align:left;color:#365771;padding:0 10px;cursor:pointer}.client-help-options button>svg:first-child{width:31px;height:31px;padding:7px;border-radius:9px;background:#f1f6fc;color:#2f75bd}.client-help-options b{font-size:8px}.client-message-box{display:block;border:1px solid #dfe8f1;border-radius:13px;background:#fbfdff;padding:9px;margin-bottom:12px}.client-message-box textarea{width:100%;border:0;outline:0;resize:none;background:transparent;font:inherit;font-size:9px;color:#2b4562}.client-message-box small{display:block;text-align:right;font-size:6px;color:#99a6b5}.client-time-card{display:flex;align-items:center;gap:10px;border:1px solid #e1e9f2;background:#f8fbfe;border-radius:14px;padding:14px}.client-time-card>span{width:41px;height:41px;border-radius:12px;background:#eaf4ff;color:#1674e6;display:grid;place-items:center}.client-time-card small,.client-time-card strong{display:block}.client-time-card small{font-size:6.5px;color:#8a99aa}.client-time-card strong{font-size:18px;margin-top:2px}.client-time-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.client-time-options button{height:58px;border:1px solid #dfe8f0;background:#fff;border-radius:12px;color:#315678;cursor:pointer}.client-time-options strong,.client-time-options small{display:block}.client-time-options strong{font-size:15px;color:#176fdc}.client-time-options small{font-size:6.5px;color:#8d9aab;margin-top:2px}.client-panel-footer{height:58px;border-top:1px solid #e8eef4;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 13px}.client-panel-footer button{border:1px solid #dfe7ef;background:#f9fbfd;border-radius:10px;color:#526c85;font-size:7.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.client-panel-footer button:last-child{color:#b84c54;background:#fff8f8;border-color:#f0dfe0}.client-taskbar{position:absolute;z-index:5;left:50%;bottom:13px;transform:translateX(-50%);height:38px;padding:0 12px;border:1px solid rgba(210,225,239,.95);background:rgba(255,255,255,.77);backdrop-filter:blur(18px);border-radius:13px;display:flex;align-items:center;gap:11px;box-shadow:0 8px 28px rgba(39,64,91,.08)}.client-taskbar .task-dot{width:10px;height:10px;border-radius:4px;background:#1674e6;box-shadow:8px 0 0 #61a5ec,-8px 0 0 #92b7de}.client-taskbar>div{display:flex;gap:7px;color:#71869a}.client-taskbar>b{font-size:7px;color:#526b83}.client-toast{position:fixed;z-index:50;left:50%;bottom:70px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#183552;color:#fff;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:7px;font-size:8px;box-shadow:0 15px 38px rgba(30,52,75,.23);transition:.2s}.client-toast.show{opacity:1;transform:translate(-50%,0)}.client-toast.info{background:#5f6470}@keyframes clientPulse{50%{box-shadow:0 0 0 9px rgba(242,163,24,0)}}
@media(max-width:900px){.client-lock-time{display:none}.client-login-card{left:50%;right:auto;width:min(390px,88vw);transform:translate(-50%,-50%)}.client-side-panel{width:calc(100% - 24px);right:-105%;top:12px;bottom:12px}.client-side-panel.show{right:12px}.client-edge-toggle.open{display:none}.client-lock-top,.client-desktop-top{left:20px;right:20px}.client-desktop-icons{left:20px}.client-desktop-time{left:20px}.client-panel-nav button b{display:none}.client-lock-footer{left:20px;right:20px}}
/* MyOps Desk client experience refinements */
.client-desktop-session .remaining.warning b{color:#c87908}.edge-logo{position:relative}.edge-logo i{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#ef6f72;box-shadow:0 3px 10px rgba(239,111,114,.35)}
.client-time-warning{position:absolute;z-index:12;right:28px;top:108px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;width:360px;padding:11px 12px;border:1px solid rgba(238,198,126,.55);background:rgba(255,250,239,.92);backdrop-filter:blur(18px);border-radius:15px;box-shadow:0 14px 36px rgba(93,72,34,.09);animation:clientSlideIn .45s cubic-bezier(.2,.75,.2,1)}.client-time-warning>span{width:38px;height:38px;border-radius:11px;background:#fff0d4;color:#c47a09;display:grid;place-items:center}.client-time-warning small,.client-time-warning strong{display:block}.client-time-warning small{font-size:6px;letter-spacing:.8px;color:#a98d62;font-weight:850}.client-time-warning strong{font-size:9px;color:#594a35;margin-top:2px}.client-time-warning strong b{color:#be7200}.client-time-warning button{height:30px;border:0;border-radius:9px;background:#fff;color:#ad6b08;padding:0 10px;font-size:7px;font-weight:850;cursor:pointer;box-shadow:inset 0 0 0 1px #f0d9b0}
.client-admin-message{position:absolute;z-index:24;right:28px;bottom:72px;width:360px;display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid rgba(194,215,238,.9);background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 18px 44px rgba(32,62,94,.14);animation:clientSlideIn .38s cubic-bezier(.2,.75,.2,1)}.client-admin-message>span{width:39px;height:39px;border-radius:11px;background:#eaf4ff;color:#1874dd;display:grid;place-items:center}.client-admin-message small,.client-admin-message strong{display:block}.client-admin-message small{font-size:6.3px;color:#8192a5}.client-admin-message strong{font-size:8.5px;line-height:1.4;color:#294760;margin-top:2px}.client-admin-message button{height:30px;border:0;background:#edf6ff;color:#176fdc;border-radius:9px;font-size:7px;font-weight:850;padding:0 10px;cursor:pointer}
.client-session-locked{text-align:center}.client-session-locked>span{width:52px;height:52px;margin:0 auto 13px;border-radius:16px;background:#edf5ff;color:#176fdc;display:grid;place-items:center}.client-session-locked>small{font-size:7px;letter-spacing:1px;font-weight:850;color:#7f91a5}.client-session-locked h1{font-size:25px;margin:5px 0 5px;letter-spacing:-.6px}.client-session-locked>p{font-size:9.5px;line-height:1.55;color:#788b9f;margin:0 auto 17px;max-width:300px}.client-lock-session-meta{height:48px;background:#f6f9fc;border:1px solid #e5ecf3;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:12px}.client-lock-session-meta span small,.client-lock-session-meta span b{display:block}.client-lock-session-meta span small{font-size:6px;color:#8c9aab}.client-lock-session-meta span b{font-size:8.5px;margin-top:2px}.client-lock-session-meta>i{height:26px;width:1px;background:#dde7f0}
.client-active-order{border:1px solid #dce9f6;background:linear-gradient(145deg,#f8fbff,#fff);border-radius:15px;padding:12px;margin-bottom:12px}.client-active-order header{display:flex;justify-content:space-between;align-items:center}.client-active-order header span small,.client-active-order header span strong{display:block}.client-active-order header small{font-size:5.8px;letter-spacing:.8px;color:#8ba0b5;font-weight:850}.client-active-order header strong{font-size:11px;margin-top:2px}.client-active-order header>b{font-size:6.8px;color:#176fdc;background:#eaf4ff;border-radius:999px;padding:5px 8px}.client-order-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:12px 0 10px;position:relative}.client-order-progress:before{content:"";position:absolute;left:10%;right:10%;top:10px;height:2px;background:#e4ebf2}.client-order-progress>div{position:relative;z-index:1;display:grid;justify-items:center;gap:4px}.client-order-progress span{width:21px;height:21px;border-radius:50%;background:#eef2f6;color:#8495a7;display:grid;place-items:center;font-size:6.5px;font-weight:900;border:2px solid #fff;box-shadow:0 0 0 1px #e2e9f0}.client-order-progress b{font-size:5.4px;color:#8a99a9;text-align:center}.client-order-progress .done span{background:#e7f7ef;color:#179b61;box-shadow:0 0 0 1px #cfeede}.client-order-progress .current span{background:#1674e6;color:#fff;box-shadow:0 0 0 4px #e7f2ff}.client-order-progress .current b{color:#176fdc}.client-order-lines{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px;border-top:1px solid #edf2f6}.client-order-lines span{font-size:6.2px;color:#6f8296;background:#f3f7fb;border-radius:7px;padding:5px 7px}.client-order-lines span b{color:#34536f}
.client-message-history{display:grid;gap:6px;margin-bottom:10px}.client-message-history article{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;border:1px solid #e6edf4;background:#f9fbfd;border-radius:10px;padding:8px}.client-message-history article>span{width:27px;height:27px;border-radius:8px;background:#edf5ff;color:#1a73db;display:grid;place-items:center}.client-message-history small,.client-message-history b{display:block}.client-message-history small{font-size:5.8px;color:#8b99aa}.client-message-history b{font-size:7px;line-height:1.35;margin-top:2px;color:#385570}
.client-live-notice{position:fixed;z-index:80;right:28px;top:28px;width:330px;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:10px;padding:11px;border:1px solid #dce7f1;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border-radius:15px;box-shadow:0 18px 48px rgba(35,62,90,.17);opacity:0;transform:translateY(-14px) scale(.98);transition:.22s}.client-live-notice.show{opacity:1;transform:none}.client-live-notice>span{width:38px;height:38px;border-radius:11px;background:#edf5ff;color:#176fdc;display:grid;place-items:center}.client-live-notice.order>span{background:#fff4dd;color:#c87b08}.client-live-notice.message>span{background:#eef1ff;color:#5f63d9}.client-live-notice small,.client-live-notice strong{display:block}.client-live-notice small{font-size:6.2px;color:#8b99aa}.client-live-notice strong{font-size:8.5px;color:#304e69;margin-top:2px}.client-live-notice button{width:28px;height:28px;border:0;border-radius:8px;background:#f3f6f9;color:#7b8b9c;display:grid;place-items:center;cursor:pointer}
.client-confirm-layer{position:fixed;z-index:100;inset:0;background:rgba(31,48,66,.18);backdrop-filter:blur(5px);display:grid;place-items:center;opacity:0;transition:.2s}.client-confirm-layer.show{opacity:1}.client-confirm-card{width:min(390px,88vw);background:#fff;border:1px solid #e2e9f0;border-radius:22px;padding:27px;box-shadow:0 30px 80px rgba(32,52,76,.2);text-align:center;transform:translateY(10px) scale(.98);transition:.22s}.client-confirm-layer.show .client-confirm-card{transform:none}.client-confirm-card>span{width:48px;height:48px;margin:0 auto 13px;border-radius:14px;background:#fff1f1;color:#d65a61;display:grid;place-items:center}.client-confirm-card>small{font-size:6.5px;letter-spacing:1px;color:#9b7d80;font-weight:850}.client-confirm-card h3{font-size:20px;letter-spacing:-.4px;margin:6px 0}.client-confirm-card p{font-size:8.5px;line-height:1.55;color:#7e8c9d;margin:0 auto 18px;max-width:310px}.client-confirm-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.client-confirm-card button{height:40px;border-radius:11px;font-size:8px;font-weight:850;cursor:pointer}.client-confirm-card button:first-child{border:1px solid #dfe7ef;background:#f8fafc;color:#597087}.client-confirm-card button:last-child{border:0;background:#d95d65;color:#fff}
@keyframes clientSlideIn{from{opacity:0;transform:translateY(-8px) translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.client-time-warning,.client-admin-message{right:18px;left:18px;width:auto}.client-time-warning{top:92px}.client-admin-message{bottom:62px}.client-live-notice{right:16px;left:16px;width:auto}.client-desktop-session span:nth-of-type(2){display:none}.client-desktop-session i:nth-of-type(2){display:none}}

/* MyOps Desk — Kasa & Ödeme */
.payment-page{max-width:1540px}.pos-health-btn{gap:7px}.pos-health-btn b{font-size:11px;color:#198b5d}.payment-workspace{display:grid;grid-template-columns:minmax(420px,.88fr) minmax(500px,1.12fr);gap:14px;margin-bottom:14px}.payment-accounts-card,.payment-detail-card{min-height:548px}.payment-heading{gap:14px}.payment-search{width:210px}.account-list{display:grid;gap:8px;margin-top:15px;max-height:456px;overflow:auto;padding-right:4px}.account-list::-webkit-scrollbar{width:5px}.account-list::-webkit-scrollbar-thumb{background:#dfe7f1;border-radius:9px}.account-list-item{width:100%;min-height:88px;border:1px solid #e5ebf3;background:#fff;border-radius:15px;padding:10px 11px;display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:11px;text-align:left;color:#263b59;cursor:pointer;transition:.18s}.account-list-item:hover{border-color:#cfdef0;transform:translateY(-1px);box-shadow:0 10px 24px rgba(30,56,92,.055)}.account-list-item.active{border-color:#7bb4f6;background:linear-gradient(145deg,#f7fbff,#fff);box-shadow:0 0 0 2px #e6f1ff,0 12px 26px rgba(29,91,166,.07)}.account-pc-art{width:82px;height:56px;display:grid;place-items:center;overflow:hidden}.account-pc-art .pc-art{width:82px;height:auto}.account-main{min-width:0}.account-main strong{font-size:13px;display:flex;align-items:center;gap:7px}.account-main strong i{font-style:normal;font-size:9px;font-weight:600;color:#7d8ca1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-main small{display:block;color:#8e9caf;font-size:9px;margin-top:5px}.account-total{display:grid;grid-template-columns:auto 15px;align-items:center;column-gap:6px;text-align:right}.account-total small{grid-column:1/3;font-size:7px;color:#9aa5b6;letter-spacing:.65px}.account-total b{font-size:15px;color:#152b49;letter-spacing:-.3px}.account-total .svg-icon{color:#9aa9bb}.payment-detail-card{padding:19px}.account-detail-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #edf1f6}.account-detail-head>div{display:flex;align-items:center;gap:10px}.detail-pc-badge{width:39px;height:39px;border-radius:12px;background:#eaf4ff;color:#1472ee;display:grid;place-items:center}.account-detail-head small{font-size:7px;letter-spacing:.8px;color:#9aa5b7;font-weight:800}.account-detail-head h3{font-size:18px;margin:2px 0 1px;letter-spacing:-.4px}.account-detail-head p{font-size:9px;color:#7d8ca0;margin:0}.live-chip{display:flex;align-items:center;gap:6px}.live-chip i{width:7px;height:7px;border-radius:50%;background:#19ab6f;box-shadow:0 0 0 3px #e7f7f0}.account-balance-hero{margin:15px 0;border:1px solid #dfe9f6;border-radius:17px;background:linear-gradient(135deg,#f7fbff 0,#eef6ff 58%,#f9fcff 100%);padding:18px 18px 17px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.account-balance-hero:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-50px;top:-70px;border:22px solid rgba(40,126,235,.05)}.account-balance-hero small{display:block;font-size:7px;letter-spacing:1px;color:#7892ae;font-weight:800}.account-balance-hero strong{display:block;font-size:34px;letter-spacing:-1.3px;color:#102d52;margin:2px 0}.account-balance-hero p{font-size:8.5px;color:#8297ac;margin:0}.balance-mark{width:49px;height:49px;border-radius:15px;background:#fff;color:#176fdc;display:grid;place-items:center;box-shadow:0 9px 23px rgba(29,86,154,.09);z-index:1}.account-charges{border:1px solid #e8edf4;border-radius:15px;background:#fff;padding:3px 13px;margin-bottom:12px}.account-section-title{height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5}.account-section-title strong{font-size:10px}.account-section-title small{font-size:8px;color:#9aa5b5}.account-charge-line{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;min-height:58px;border-bottom:1px solid #f0f3f6}.account-charge-line:last-child{border-bottom:0}.charge-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#eaf4ff;color:#176fdc}.charge-icon.amber{background:#fff4df;color:#d9870d}.charge-icon.violet{background:#f0edff;color:#6d55db}.account-charge-line strong{display:block;font-size:10px}.account-charge-line small{display:block;font-size:8px;color:#8e9bad;margin-top:2px}.account-charge-line>b{font-size:11px}.account-total-row{height:48px;border-top:1px dashed #dfe6ef;border-bottom:1px dashed #dfe6ef;display:flex;align-items:center;justify-content:space-between;margin:12px 2px;color:#647890}.account-total-row strong{font-size:16px;color:#122a49}.pay-primary-action{width:100%;height:62px;border:0;border-radius:15px;background:linear-gradient(135deg,#1375f1,#075fd9);color:#fff;display:grid;grid-template-columns:30px 1fr 22px;align-items:center;gap:9px;padding:0 16px;text-align:left;cursor:pointer;box-shadow:0 12px 25px rgba(9,100,224,.2);transition:.18s}.pay-primary-action:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(9,100,224,.25)}.pay-primary-action small,.pay-primary-action b{display:block}.pay-primary-action small{font-size:7px;letter-spacing:.75px;opacity:.76}.pay-primary-action b{font-size:13px;margin-top:2px}.account-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.account-secondary-actions button{height:39px;border:1px solid #e1e7ef;background:#fbfcfe;border-radius:10px;color:#556c87;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:700;cursor:pointer}.payment-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.payment-history-card{min-width:0}.payment-filter-tabs{height:34px;padding:3px;background:#f0f4f8;border-radius:9px;display:flex;gap:2px}.payment-filter-tabs button{border:0;background:transparent;border-radius:7px;padding:0 10px;font-size:8px;font-weight:700;color:#73829a;cursor:pointer}.payment-filter-tabs button.active{background:#fff;color:#146fdf;box-shadow:0 3px 9px rgba(35,56,88,.07)}.payment-table td:first-child strong,.payment-table td:first-child small{display:block}.payment-table td:first-child small{font-size:7px;color:#99a5b5;margin-top:2px}.payment-table td:nth-child(5) strong,.payment-table td:nth-child(5) small{display:block}.payment-table td:nth-child(5) small{font-size:7px;color:#99a5b5;margin-top:2px}.payment-method{display:inline-flex;align-items:center;gap:5px;height:27px;padding:0 8px;border-radius:8px;font-size:8px;font-weight:750}.payment-method.card{background:#eaf4ff;color:#176fdc}.payment-method.cash{background:#eaf8f1;color:#15955e}.payment-method.mixed{background:#f0edff;color:#6c55d7}.pos-status-card{padding:16px;background:linear-gradient(160deg,#fbfdff,#f4f8fd)}.pos-card-top{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px}.pos-device-icon{width:42px;height:42px;border-radius:12px;background:#eaf4ff;color:#176fdc;display:grid;place-items:center}.pos-card-top small{font-size:7px;color:#98a4b5;letter-spacing:.7px;font-weight:800}.pos-card-top strong{display:block;font-size:12px;margin-top:2px}.pos-card-top p{font-size:8px;color:#8997aa;margin:2px 0 0}.pos-ready{height:24px;padding:0 8px;border-radius:999px;background:#e9f8f1;color:#168b59;display:flex;align-items:center;gap:5px;font-size:7px;font-weight:800}.pos-ready i{width:6px;height:6px;border-radius:50%;background:#19a96c}.pos-screen{height:126px;border-radius:16px;background:linear-gradient(145deg,#122840,#1c405f);color:#fff;margin:14px 0;padding:14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 10px 28px rgba(30,61,91,.12);position:relative;overflow:hidden}.pos-screen:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;border:21px solid rgba(255,255,255,.04);right:-60px;bottom:-70px}.pos-screen small{font-size:6px;letter-spacing:1px;opacity:.52}.pos-screen strong{grid-column:1;display:block;font-size:11px;margin-top:2px}.pos-screen>.svg-icon{grid-column:2;grid-row:1/4;align-self:center;color:#85c6ff;z-index:1}.pos-screen b{align-self:end;font-size:8px;color:#8ee0b4}.pos-mini-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e3eaf2;border-radius:11px;overflow:hidden;background:#fff}.pos-mini-stats>div{padding:10px}.pos-mini-stats>div+div{border-left:1px solid #e8edf3}.pos-mini-stats small,.pos-mini-stats strong{display:block}.pos-mini-stats small{font-size:7px;color:#96a2b3}.pos-mini-stats strong{font-size:9px;margin-top:3px}.pos-manage-link{width:100%;height:37px;border:0;background:transparent;color:#176fdc;font-size:8px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;margin-top:7px}.payment-modal{width:min(640px,94vw)!important}.payment-modal-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.payment-modal-summary>span{background:#f7f9fc;border:1px solid #e7ecf3;border-radius:11px;padding:10px}.payment-modal-summary small,.payment-modal-summary b{display:block}.payment-modal-summary small{font-size:7px;color:#8d9bad}.payment-modal-summary b{font-size:11px;margin-top:3px}.payment-modal-summary .total{background:#edf6ff;border-color:#d9eafb}.payment-modal-summary .total b{color:#156fdc}.discount-field{max-width:210px;margin-bottom:14px}.payment-method-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.payment-method-title strong{font-size:10px}.payment-method-title small{font-size:8px;color:#929eae}.payment-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.payment-choice{border:1px solid #e1e8f1;background:#fff;border-radius:13px;padding:12px;text-align:left;color:#405875;cursor:pointer;transition:.16s}.payment-choice>span{width:34px;height:34px;border-radius:10px;background:#f1f5fa;color:#55708d;display:grid;place-items:center;margin-bottom:8px}.payment-choice strong,.payment-choice small{display:block}.payment-choice strong{font-size:10px}.payment-choice small{font-size:7.5px;color:#94a0b0;margin-top:3px}.payment-choice.active{border-color:#77b3f7;background:#f7fbff;box-shadow:0 0 0 2px #e8f3ff}.payment-choice.active>span{background:#e7f3ff;color:#146fe0}.pos-route-box,.cash-entry-box{min-height:67px;border:1px solid #e3eaf2;background:#f8fafc;border-radius:13px;margin-top:10px;padding:10px 12px;display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px}.pos-route-icon,.cash-entry-box>span{width:39px;height:39px;border-radius:11px;background:#eaf4ff;color:#176fdc;display:grid;place-items:center}.cash-entry-box>span{background:#e9f8f1;color:#15955e}.pos-route-box small,.cash-entry-box small{font-size:6.5px;color:#8e9bac;letter-spacing:.7px;font-weight:800}.pos-route-box strong,.cash-entry-box strong{display:block;font-size:10px;margin-top:2px}.pos-route-box p,.cash-entry-box p{font-size:7.5px;color:#8c99a9;margin:2px 0 0}.pos-route-ready{display:flex;align-items:center;gap:5px;color:#158d59;font-size:7px;font-weight:800}.pos-route-ready i{width:6px;height:6px;border-radius:50%;background:#17a668}.split-payment-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.split-payment-box .field{margin:0}.split-rest{border:1px solid #e2e9f1;border-radius:12px;background:#f8fafc;padding:10px}.split-rest small,.split-rest strong,.split-rest span{display:block}.split-rest small{font-size:6.5px;color:#8998aa;letter-spacing:.7px}.split-rest strong{font-size:15px;color:#176fdc;margin:3px 0}.split-rest span{font-size:7px;color:#94a0af}.payment-final-total{height:55px;border-top:1px dashed #dce4ed;border-bottom:1px dashed #dce4ed;margin-top:13px;display:flex;justify-content:space-between;align-items:center}.payment-final-total small,.payment-final-total strong{display:block}.payment-final-total small{font-size:7px;color:#8c9aac;letter-spacing:.8px}.payment-final-total strong{font-size:18px;margin-top:1px}.payment-final-total>span:last-child{font-size:7.5px;color:#8392a4}.payment-submit{min-width:145px}.pos-processing{text-align:center;padding:16px 8px 8px}.pos-processing-icon{width:58px;height:58px;border-radius:18px;background:#e9f4ff;color:#176fdc;display:grid;place-items:center;margin:0 auto 11px;animation:posSoftPulse 1.1s infinite}.pos-processing>small{display:block;font-size:7px;letter-spacing:1px;color:#8d9bad;font-weight:800}.pos-processing h3{font-size:19px;margin:3px 0 5px}.pos-processing p{font-size:9px;color:#7f8d9f;margin:0}.pos-processing p strong{color:#163d68}.pos-progress-track{height:4px;border-radius:9px;background:#edf1f5;margin:18px auto 15px;max-width:350px;overflow:hidden}.pos-progress-track i{display:block;width:55%;height:100%;background:linear-gradient(90deg,#1777ed,#64b4ff);border-radius:9px;animation:posProgress 1.2s ease-in-out forwards}.pos-processing-state{display:grid;justify-items:center;gap:5px}.spinner-ring{width:23px;height:23px;border:3px solid #dfeaf5;border-top-color:#1776e8;border-radius:50%;animation:spin .75s linear infinite}.pos-processing-state strong{font-size:9px}.pos-processing-state small{font-size:7px;color:#94a0ae}.payment-success{text-align:center;padding:13px 4px 2px}.success-ring{width:60px;height:60px;border-radius:50%;background:#e8f8f1;color:#15945e;display:grid;place-items:center;margin:0 auto 11px;box-shadow:0 0 0 8px #f4fbf7}.payment-success>small{display:block;font-size:7px;letter-spacing:1px;color:#7d9b8d;font-weight:800}.payment-success h3{font-size:31px;letter-spacing:-1px;margin:4px 0}.payment-success>p{font-size:9px;color:#7f8d9f;margin:0 auto 14px;max-width:330px}.success-receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 auto 13px;max-width:360px}.success-receipt-meta span{border:1px solid #e4eaf1;border-radius:11px;background:#f9fbfd;padding:9px}.success-receipt-meta small,.success-receipt-meta strong{display:block}.success-receipt-meta small{font-size:6.5px;color:#96a2b1}.success-receipt-meta strong{font-size:9px;margin-top:2px}.payment-success .modal-actions{justify-content:center}.receipt-sheet{width:min(360px,100%);margin:0 auto;border:1px solid #e3e7ed;background:#fff;padding:20px 18px;box-shadow:0 10px 30px rgba(27,48,77,.05);font-family:"Segoe UI",system-ui,sans-serif}.receipt-brand{text-align:center;padding-bottom:12px;border-bottom:1px dashed #cfd8e3}.receipt-brand strong,.receipt-brand small{display:block}.receipt-brand strong{font-size:16px;letter-spacing:-.3px}.receipt-brand small{font-size:7px;color:#8b98a8;margin-top:3px}.receipt-title{text-align:center;font-size:7px;letter-spacing:1.4px;font-weight:800;color:#7e8b9b;padding:12px 0}.receipt-row{display:flex;justify-content:space-between;gap:16px;font-size:8px;padding:4px 0;color:#69798d}.receipt-row b{color:#273c57;font-weight:700;text-align:right}.receipt-row.discount b{color:#d55762}.receipt-divider{height:1px;border-top:1px dashed #d5dde6;margin:7px 0}.receipt-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dfe6ed;margin-top:8px;padding-top:11px}.receipt-total span{font-size:7px;letter-spacing:.8px;font-weight:800;color:#65778d}.receipt-total strong{font-size:18px}.receipt-ref{text-align:center;font-size:6.5px;color:#9ba6b4;margin-top:12px}.pos-health-panel{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;border:1px solid #dfe8f2;background:linear-gradient(145deg,#f8fbff,#fff);border-radius:14px;padding:13px}.pos-health-main{width:48px;height:48px;border-radius:14px;background:#e9f4ff;color:#176fdc;display:grid;place-items:center}.pos-health-panel small{font-size:6.5px;color:#92a0b1;letter-spacing:.8px}.pos-health-panel h3{font-size:14px;margin:2px 0}.pos-health-panel p{font-size:8px;color:#8a98a9;margin:0}.pos-health-rows{border:1px solid #e5ebf2;border-radius:12px;margin-top:9px;overflow:hidden}.pos-health-rows>div{height:42px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;font-size:8.5px}.pos-health-rows>div:last-child{border-bottom:0}.pos-health-rows span{color:#7f8e9f}.pos-health-rows strong{display:flex;align-items:center;gap:5px;color:#2c4867}.payment-account-picker{display:grid;gap:7px;max-height:430px;overflow:auto}.payment-account-picker button{border:1px solid #e4eaf1;background:#fff;border-radius:13px;padding:8px 10px;display:grid;grid-template-columns:75px 1fr auto 15px;align-items:center;gap:9px;text-align:left;color:#2d4563;cursor:pointer}.payment-account-picker button:hover{background:#f8fbff;border-color:#cfdff0}.payment-account-picker button>span{width:75px;height:48px;overflow:hidden}.payment-account-picker .pc-art{width:73px;height:auto}.payment-account-picker strong,.payment-account-picker small{display:block}.payment-account-picker small{font-size:8px;color:#91a0b1;margin-top:2px}.payment-account-picker>b{font-size:12px}.payment-account-picker>.svg-icon{color:#9ba9b8}
@keyframes posSoftPulse{50%{box-shadow:0 0 0 9px rgba(23,111,220,.07)}}@keyframes posProgress{from{width:8%}to{width:92%}}
@media(max-width:1180px){.payment-workspace{grid-template-columns:1fr}.payment-bottom-grid{grid-template-columns:1fr}.pos-status-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pos-screen{margin:0}.pos-manage-link{grid-column:1/3}.payment-accounts-card,.payment-detail-card{min-height:auto}.account-list{max-height:360px}}
@media(max-width:760px){.payment-modal-summary{grid-template-columns:1fr 1fr}.payment-method-grid{grid-template-columns:1fr}.payment-workspace{display:block}.payment-detail-card{margin-top:12px}.account-list-item{grid-template-columns:65px 1fr}.account-total{grid-column:2}.payment-bottom-grid{display:block}.pos-status-card{margin-top:12px;display:block}.pos-screen{margin:12px 0}.split-payment-box{grid-template-columns:1fr}.payment-final-total{align-items:flex-start;height:auto;padding:11px 0;gap:9px;flex-direction:column}.payment-search{width:100%}.payment-heading{align-items:flex-start;flex-direction:column}.account-secondary-actions{grid-template-columns:1fr}.payment-account-picker button{grid-template-columns:60px 1fr auto}.payment-account-picker button>span{width:60px}.payment-account-picker .pc-art{width:58px}}
.rev-dot.green{background:#16a36a}.activity-pin.payment{background:#16a36a;box-shadow:0 0 0 4px #eaf8f1}


/* V0.9 · canlı hesap + çoklu masaüstü POS */
.control-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.control-metrics .metric-card{min-width:0}.control-metrics .metric-card strong{font-size:21px;white-space:nowrap}
.pc-live-balance{margin-top:7px;border-top:1px solid #edf1f5;padding-top:7px;display:flex;align-items:center;justify-content:space-between;gap:6px}.pc-live-balance small{font-size:6px;letter-spacing:.65px;color:#92a0b2;font-weight:800}.pc-live-balance strong{font-size:9px;color:#116fdc;white-space:nowrap}.table-balance{color:#116fdc;font-size:9px;white-space:nowrap}
.drawer-live-account{border:1px solid #dbeaf9;background:linear-gradient(145deg,#f7fbff,#eef7ff);border-radius:14px;padding:13px;margin:10px 0;display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:center}.drawer-live-account>div:first-child small,.drawer-live-account>div:first-child strong,.drawer-live-account>div:first-child span{display:block}.drawer-live-account>div:first-child small{font-size:6.5px;letter-spacing:.9px;font-weight:850;color:#6f8aa7}.drawer-live-account>div:first-child strong{font-size:24px;letter-spacing:-.6px;color:#126fdc;margin:2px 0}.drawer-live-account>div:first-child span{font-size:7.5px;color:#8b9aad}.drawer-live-account-icon{width:42px;height:42px;border-radius:13px;background:#fff;color:#1674e8;display:grid;place-items:center;box-shadow:0 6px 15px rgba(31,84,145,.08)}.drawer-account-breakdown{grid-column:1/3;display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:3px}.drawer-account-breakdown>span{border-top:1px solid #dceaf8;padding-top:8px}.drawer-account-breakdown small,.drawer-account-breakdown b{display:block}.drawer-account-breakdown small{font-size:6.5px;color:#8395a9}.drawer-account-breakdown b{font-size:9px;margin-top:2px;color:#35516f}
.rate-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.rate-card{border:1px solid #e2e9f2;background:#fbfdff;border-radius:13px;padding:11px;display:grid;grid-template-columns:34px 1fr 66px auto;gap:8px;align-items:center}.rate-card>span{width:34px;height:34px;border-radius:10px;background:#eaf4ff;color:#176fdc;display:grid;place-items:center}.rate-card strong,.rate-card small{display:block}.rate-card strong{font-size:9px}.rate-card small{font-size:7px;color:#8f9cac;margin-top:2px}.rate-card input{height:34px;width:66px;border:1px solid #dfe7f0;border-radius:9px;padding:0 8px;text-align:right;color:#24415f;font-weight:750;background:#fff}.rate-card>b{font-size:7px;color:#8393a6;white-space:nowrap}.settings-head-actions{display:flex;align-items:center;gap:8px}.small-btn{height:34px;font-size:9px;padding:0 10px}.pos-terminal-section-head{margin:18px 0 9px;display:flex;align-items:end;justify-content:space-between}.pos-terminal-section-head strong,.pos-terminal-section-head small{display:block}.pos-terminal-section-head strong{font-size:10px}.pos-terminal-section-head small{font-size:7.5px;color:#8d9aab;margin-top:3px}.pos-terminal-section-head>span{font-size:7.5px;background:#eef5fd;color:#3570ae;border-radius:20px;padding:5px 8px;font-weight:750}.pos-terminal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pos-terminal-card{border:1px solid #e1e8f1;border-radius:14px;background:#fff;padding:11px;box-shadow:0 5px 15px rgba(29,53,84,.035)}.pos-terminal-card.selected{border-color:#8dbff7;background:linear-gradient(145deg,#fff,#f6fbff);box-shadow:0 0 0 2px #e7f3ff}.pos-terminal-card-top{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.pos-terminal-card-icon{width:38px;height:38px;border-radius:11px;background:#eaf4ff;color:#176fdc;display:grid;place-items:center}.pos-terminal-card-top small,.pos-terminal-card-top strong,.pos-terminal-card-top p{display:block;margin:0}.pos-terminal-card-top small{font-size:6px;color:#8797aa;letter-spacing:.7px;font-weight:850}.pos-terminal-card-top strong{font-size:10px;margin-top:2px}.pos-terminal-card-top p{font-size:7px;color:#95a1b1;margin-top:2px}.pos-terminal-state{font-size:7px;color:#a06b12;display:flex;align-items:center;gap:4px;font-weight:800}.pos-terminal-state i{width:6px;height:6px;border-radius:50%;background:#e5a32e}.pos-terminal-state.ready{color:#14875a}.pos-terminal-state.ready i{background:#19a568}.pos-terminal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.pos-terminal-meta span{background:#f7f9fc;border-radius:9px;padding:7px}.pos-terminal-meta small,.pos-terminal-meta b{display:block}.pos-terminal-meta small{font-size:6px;color:#93a0b0}.pos-terminal-meta b{font-size:7.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-terminal-actions{display:grid;grid-template-columns:1fr 1fr 34px;gap:6px;margin-top:8px}.pos-terminal-actions button{height:32px;border:1px solid #dfe7f0;background:#fff;border-radius:9px;color:#3b5877;font-size:7.5px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.pos-terminal-actions button:disabled{opacity:.48;cursor:default}.pos-terminal-actions .icon-danger{color:#d74655;background:#fff6f7;border-color:#ffe1e5}.pos-route-select{grid-template-columns:39px 1fr auto}.pos-terminal-select{display:block;width:100%;height:30px;border:0;background:transparent;color:#2a4665;font-size:9px;font-weight:750;outline:0;padding:0;margin-top:1px}.pos-health-rows span small{display:block;font-size:6px;color:#99a5b4;margin-top:2px}
@media(max-width:1350px){.control-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.rate-card-grid,.pos-terminal-list{grid-template-columns:1fr}.pos-terminal-meta{grid-template-columns:1fr 1fr}.settings-head-actions{align-items:flex-end;flex-direction:column}.control-metrics{grid-template-columns:repeat(2,1fr)}}

/* MyOps Desk işletme modu */
.mode-corporate .commercial-only{display:none!important}
.mode-corporate .corporate-hide{display:none!important}
.mode-commercial .corporate-only{display:none!important}
.business-mode-card{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px 18px;border:1px solid #e4eaf2;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fff)}
.business-mode-card>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:#2468d9;flex:0 0 auto}
.business-mode-card strong{display:block;color:#172033;font-size:14px;margin-bottom:3px}.business-mode-card p{margin:0;color:#6f7d91;font-size:12px;line-height:1.55}
.mode-corporate .business-mode-card>span{background:#eef6f4;color:#16856f}

.service-label{font-size:12px!important;color:#6d7d91!important;font-weight:750!important;letter-spacing:.01em}

/* V1.2 · gerçek Windows Agent cihazlarını ana panele bağlama */
.agent-live-zone{border-color:#cfe5ff!important;background:linear-gradient(145deg,#fbfdff,#f4f9ff)!important;box-shadow:0 14px 38px rgba(35,105,181,.06)!important}
.real-agent-badge{display:inline-flex;align-items:center;gap:3px;background:#e8f5ff;color:#1670d2;border:1px solid #cae5ff;border-radius:20px;padding:3px 5px;font-size:5.5px;font-style:normal;font-weight:900;letter-spacing:.45px;line-height:1}.real-agent-badge svg{width:9px;height:9px}.agent-card-health{display:flex;align-items:center;gap:5px;margin-top:5px}.agent-card-health i{font-style:normal;font-size:5.8px;color:#8998aa;background:#f4f7fa;border-radius:7px;padding:3px 5px}.agent-card-health b{color:#3b5877;font-size:6.2px}
.agent-live-panel{border:1px solid #d9e9f8;border-radius:14px;background:linear-gradient(145deg,#f9fcff,#f1f8ff);padding:12px;margin:10px 0}.agent-live-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.agent-live-head>div{display:flex;align-items:center;gap:7px;color:#1b5e9d}.agent-live-head>div>span{width:29px;height:29px;border-radius:9px;background:#e5f2ff;display:grid;place-items:center}.agent-live-head strong{font-size:9px;color:#254765}.agent-live-head>b{font-size:6.5px;border-radius:20px;padding:5px 7px}.agent-live-head>b.online{background:#e7f8f0;color:#15815b}.agent-live-head>b.offline{background:#fff0f1;color:#c44955}.agent-live-health{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.agent-live-health>span{background:#fff;border:1px solid #e6eef6;border-radius:10px;padding:8px}.agent-live-health small,.agent-live-health strong{display:block}.agent-live-health small{font-size:5.8px;color:#8d9bae}.agent-live-health strong{font-size:10px;color:#31506f;margin-top:2px}.agent-live-health i{display:block;height:3px;background:#e9eff5;border-radius:6px;overflow:hidden;margin-top:6px}.agent-live-health em{display:block;height:100%;background:#2c87e8;border-radius:6px}.agent-drawer-shot{display:block;position:relative;margin-top:9px;border-radius:11px;overflow:hidden;border:1px solid #dce8f4;background:#e9eef5;text-decoration:none}.agent-drawer-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.agent-drawer-shot>span{position:absolute;left:7px;right:7px;bottom:7px;background:rgba(18,36,58,.80);backdrop-filter:blur(6px);color:#fff;border-radius:8px;padding:6px 8px;font-size:6.5px;font-weight:750}.agent-drawer-shot-empty{margin-top:9px;min-height:70px;border:1px dashed #cfddeb;border-radius:11px;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;gap:7px;color:#8495a8;font-size:7px}.agent-live-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.agent-live-meta span{background:rgba(255,255,255,.65);border-radius:9px;padding:7px}.agent-live-meta small,.agent-live-meta b{display:block}.agent-live-meta small{font-size:5.5px;color:#91a0b1}.agent-live-meta b{font-size:6.7px;color:#3c5874;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inline-agent-mark{font-style:normal;font-size:5.5px;letter-spacing:.5px;background:#e8f5ff;color:#1670d2;border:1px solid #cae5ff;border-radius:12px;padding:2px 4px;vertical-align:2px;margin-left:3px}

/* MyOps Desk v1.3 - Agent Control Pack. Mevcut tasarım dili korunarak yalnızca drawer içi ek durum/işlem bileşenleri. */
.agent-live-meta.agent-live-meta-quad{grid-template-columns:1fr 1fr}
.agent-history-mount{margin-top:9px}
.agent-history-loading,.agent-history-empty{min-height:38px;border:1px dashed #d5e3f0;border-radius:10px;background:rgba(255,255,255,.58);display:flex;align-items:center;justify-content:center;gap:6px;color:#8898aa;font-size:6.6px;padding:8px;text-align:center}
.agent-history-block{border-top:1px solid #deebf6;padding-top:9px;margin-top:9px}
.agent-history-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.agent-history-title strong{font-size:7.6px;color:#345470}.agent-history-title small{font-size:5.8px;color:#91a0b1}
.agent-shot-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.agent-shot-strip a{display:block;position:relative;border-radius:8px;overflow:hidden;border:1px solid #dde8f2;background:#edf2f7;min-width:0}.agent-shot-strip img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.agent-shot-strip span{position:absolute;left:3px;bottom:3px;border-radius:5px;background:rgba(17,36,58,.78);color:#fff;font-size:5px;padding:2px 4px}
.agent-command-list{display:grid;gap:5px}.agent-command-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;border:1px solid #e4edf5;background:rgba(255,255,255,.72);border-radius:9px;padding:6px 7px}.agent-command-icon{grid-row:1/3;width:24px;height:24px;border-radius:7px;background:#edf5ff;color:#1670d2;display:grid;place-items:center}.agent-command-icon.failed{background:#fff0f1;color:#c94b59}.agent-command-icon.succeeded{background:#e9f8f1;color:#16875a}.agent-command-row>div{min-width:0}.agent-command-row>div strong,.agent-command-row>div small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-command-row>div strong{font-size:6.7px;color:#36536f}.agent-command-row>div small{font-size:5.4px;color:#8d9bad;margin-top:1px}.agent-command-row>b{font-size:5.2px;border-radius:20px;padding:3px 5px;background:#f1f4f7;color:#748397}.agent-command-row>b.succeeded{background:#e9f8f1;color:#16875a}.agent-command-row>b.failed{background:#fff0f1;color:#c94b59}.agent-command-row>b.queued,.agent-command-row>b.dispatched{background:#eef5ff;color:#2f73c8}.agent-command-row>time{grid-column:3;grid-row:2;font-size:5px;color:#a0aab7;text-align:right;margin-top:1px}
.quick-actions button[data-action="logoff"]{color:#7f5f2b;background:#fffbf3;border-color:#f2e5c9}