:root { --ink:#17212d; --muted:#6b7685; --paper:#f5f7fb; --line:#e4e9f0; --accent:#2563eb; --navy:#101827; --mint:#27c29a; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
button,select,input { font:inherit; }
.loading-screen { position:fixed; inset:0; display:grid; place-items:center; background:var(--navy); z-index:1000; }
.brand-mark { width:68px; height:68px; display:grid; place-items:center; border-radius:22px; color:white; font-size:28px; background:linear-gradient(145deg,var(--accent),#6945e8); box-shadow:0 20px 50px #2563eb55; animation:pulse 1.4s ease-in-out infinite; }
.brand-mark.small { width:42px; height:42px; border-radius:14px; font-size:18px; animation:none; flex:none; }
@keyframes pulse { 50% { transform:translateY(-4px); } }
.brand-lockup { display:flex; align-items:center; gap:12px; }
.brand-lockup strong,.brand-lockup small { display:block; }
.brand-lockup strong { font-size:16px; letter-spacing:-.02em; }
.brand-lockup small { color:#8e99aa; font-size:11px; margin-top:2px; }
.login-wrap { min-height:100vh; display:grid; grid-template-columns:minmax(320px,520px) 1fr; }
.login-card { background:white; padding:clamp(32px,7vw,88px); display:flex; flex-direction:column; justify-content:center; }
.login-card h1 { font-size:clamp(2.2rem,5vw,3.4rem); letter-spacing:-.055em; font-weight:750; }
.login-card .form-label { font-size:12px; font-weight:700; color:#54606f; text-transform:uppercase; letter-spacing:.08em; }
.input-icon { position:relative; }
.input-icon i { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#8d98a8; }
.input-icon .form-control { height:52px; padding-left:45px; border-color:var(--line); background:#f9fafc; border-radius:12px; }
.btn-primary { background:var(--accent); border-color:var(--accent); border-radius:12px; }
.login-visual { padding:9vw; display:flex; align-items:flex-end; color:white; background:radial-gradient(circle at 70% 20%,#3756ab 0,transparent 35%),linear-gradient(135deg,#101827,#172c4e 62%,#173e4b); }
.login-visual h2 { font-size:clamp(3.3rem,7vw,7rem); line-height:.92; letter-spacing:-.065em; margin:15px 0 25px; }
.login-visual p { max-width:500px; color:#bdc9dc; font-size:1.15rem; }
.eyebrow,.overline { font-size:10px; font-weight:800; letter-spacing:.18em; color:var(--accent); }
.app-layout { min-height:100vh; display:grid; grid-template-columns:250px 1fr; }
.sidebar { position:sticky; top:0; height:100vh; padding:24px 18px; display:flex; flex-direction:column; background:var(--navy); color:white; }
.app-layout,.sidebar,.topbar,.content-area { transition:.2s ease; }
.app-layout.sidebar-hidden { grid-template-columns:0 minmax(0,1fr); }
.app-layout.sidebar-hidden .sidebar { opacity:0; pointer-events:none; transform:translateX(-100%); overflow:hidden; }
.app-layout.topbar-hidden .topbar { min-height:0; height:0; padding-top:0; padding-bottom:0; opacity:0; pointer-events:none; overflow:hidden; border:0; }
.app-layout.chrome-focus .content-area { padding:14px; }
.app-layout.chrome-focus .chat-heading { display:none; }
.app-layout.chrome-focus .chat-shell { height:calc(100vh - 28px); min-height:600px; border-radius:16px !important; }
.chrome-restore { position:fixed; z-index:850; top:14px; right:14px; min-height:40px; padding:0 13px; display:flex; align-items:center; gap:8px; border:1px solid #dfe5ed; border-radius:12px; color:#4f5d72; background:#fff; box-shadow:0 12px 32px #17212d24; font-size:11px; font-weight:750; }
.chrome-restore:hover { color:#fff; border-color:#5e60ce; background:#5e60ce; }
.side-nav { display:grid; gap:6px; }
.side-nav button,.sidebar-bottom button { width:100%; display:flex; align-items:center; gap:12px; padding:12px 14px; border:0; border-radius:12px; color:#9ba8bc; background:transparent; text-align:left; }
.side-nav button:hover,.side-nav button.active,.sidebar-bottom button:hover { color:white; background:#ffffff10; }
.side-nav b { margin-left:auto; width:22px; height:22px; display:grid; place-items:center; border-radius:99px; color:#99a4b5; background:#ffffff12; font-size:10px; }
.sidebar-bottom { margin-top:auto; }
.workspace { min-width:0; }
.topbar { min-height:84px; padding:18px clamp(22px,4vw,54px); display:flex; justify-content:space-between; align-items:center; background:#fff; border-bottom:1px solid var(--line); }
.topbar .form-select { min-width:240px; padding:0 34px 0 0; border:0; font-weight:700; box-shadow:none; }
.tenant-switcher>div { display:flex; align-items:center; gap:7px; }
.tenant-add { width:36px; height:36px; flex:none; display:grid; place-items:center; border:1px solid #dfe5ed; border-radius:11px; color:#5e60ce; background:#f5f4ff; transition:.16s ease; }
.tenant-add:hover { color:#fff; border-color:#5e60ce; background:#5e60ce; transform:translateY(-1px); }
.overline { display:block; color:#919bab; margin-bottom:3px; }
.top-actions { display:flex; align-items:center; gap:8px; }
.top-actions button { width:40px; height:40px; border:0; border-radius:12px; color:#607086; background:#f2f5f9; }
.top-actions button.active { color:#fff; background:#5e60ce; }
.top-actions #push-status { position:relative; }.push-dot { width:7px; height:7px; position:absolute; right:7px; top:7px; border:2px solid #f2f5f9; border-radius:50%; background:#aab3bf; }.top-actions #push-status.push-active { color:#08745a; background:#dff8ef; }.top-actions #push-status.push-active .push-dot { border-color:#dff8ef; background:#13b889; }
.avatar { width:40px; height:40px; display:grid; place-items:center; margin-left:8px; border-radius:50%; font-weight:800; color:#174d42; background:#c9f5e8; }
.content-area { padding:clamp(24px,4vw,54px); }
.content-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:36px; }
.content-heading h1 { margin:6px 0; font-size:clamp(2.1rem,4vw,3.6rem); font-weight:750; letter-spacing:-.055em; }
.content-heading p { margin:0; color:var(--muted); }
.command-button { border:1px solid var(--line); background:white; border-radius:12px; padding:11px 17px; }
.module-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:15px; }
.module-card { min-height:178px; position:relative; padding:22px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:18px; background:#fff; cursor:pointer; transition:.18s ease; overflow:hidden; }
.module-card:hover { transform:translateY(-3px); box-shadow:0 18px 42px #29364b14; border-color:#cfd8e5; }
.module-card:after { content:""; position:absolute; width:95px; height:95px; right:-50px; bottom:-50px; border-radius:50%; background:var(--card-color,#2563eb); opacity:.09; }
.module-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; color:var(--card-color,#2563eb); background:color-mix(in srgb,var(--card-color,#2563eb) 12%,white); font-size:20px; }
.module-card h2 { margin:auto 0 4px; font-size:16px; font-weight:750; }
.module-card p { margin:0; color:var(--muted); font-size:12px; }
.module-card .dots { position:absolute; top:15px; right:13px; border:0; background:transparent; color:#98a2b1; }
.context-menu { position:fixed; z-index:900; min-width:210px; padding:7px; background:#fff; border:1px solid var(--line); border-radius:13px; box-shadow:0 24px 70px #1b263c30; }
.context-menu button { width:100%; padding:10px 11px; display:flex; gap:10px; align-items:center; border:0; border-radius:9px; background:transparent; text-align:left; font-size:13px; }
.context-menu button:hover { background:#f1f5fa; }
.receipt-wrap { min-height:100vh; padding:clamp(18px,5vw,70px); background:linear-gradient(135deg,#eff4fb,#f8fafc); }
.receipt-card { max-width:900px; margin:auto; padding:clamp(24px,5vw,55px); background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:0 25px 80px #26395917; }
.receipt-title { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding-bottom:25px; border-bottom:1px solid var(--line); }
.money { font-variant-numeric:tabular-nums; text-align:right; }
.status-chip { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border-radius:99px; color:#176b58; background:#d9f8ee; font-size:11px; font-weight:800; }
.toolbar-card { margin-bottom:14px; padding:12px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.search-box { max-width:680px; }
.search-box .input-group-text,.search-box .form-control,.search-box .form-select { min-height:44px; border-color:var(--line); background:#fff; }
.search-box .input-group-text { color:#8b96a6; }
.search-box .form-select { max-width:190px; }
.toolbar-hint { color:var(--muted); font-size:12px; white-space:nowrap; }
.data-table thead th { padding:15px 18px; color:#778395; background:#f9fafc; border-bottom-color:var(--line); font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.data-table tbody td { padding:14px 18px; border-bottom-color:#edf0f4; }
.data-table tbody tr { cursor:default; }
.data-table tbody tr:hover { background:#f8faff; }
.entity-cell { display:flex; align-items:center; gap:12px; }
.entity-cell strong,.entity-cell small { display:block; }
.entity-cell small { margin-top:2px; color:var(--muted); font-size:11px; }
.entity-icon { width:39px; height:39px; flex:none; display:grid; place-items:center; border-radius:12px; color:#5b54dc; background:#eeecff; }
.soft-badge,.status-badge { display:inline-flex; padding:5px 9px; border-radius:99px; font-size:10px; font-weight:750; background:#eef2f7; color:#506075; }
.status-issued { color:#5b43b2; background:#eee9ff; }.status-sent { color:#08745a; background:#dff8ef; }.status-draft { color:#6b7685; background:#edf0f4; }.status-accepted { color:#08745a; background:#dff8ef; }.status-rejected,.status-voided { color:#a23343; background:#ffe8eb; }
.row-dots { width:34px; height:34px; border:0; border-radius:10px; color:#8f9aaa; background:transparent; }
.row-dots:hover { color:#344256; background:#edf1f7; }
.empty-state { height:260px; text-align:center; color:var(--muted) !important; }
.empty-state i,.empty-state strong,.empty-state span { display:block; }
.empty-state i { margin-bottom:12px; color:#a4aebb; font-size:34px; }.empty-state strong { color:#4f5d6e; }.empty-state span { margin-top:4px; font-size:12px; }
.modal-form label { display:block; margin-bottom:6px; color:#667386; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.055em; }
.modal-form .form-control,.modal-form .form-select { min-height:42px; border-color:#dfe5ed; border-radius:10px; }
.modal-form hr { margin:22px 0 15px; border-color:#dfe5ed; }
.section-label { color:#313f51; font-size:12px; font-weight:800; }
.role-checks { min-height:42px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.role-checks label { margin:0; color:#3f4c5d; font-size:11px; font-weight:650; text-transform:none; letter-spacing:0; }
.party-quick-links { display:flex;flex-direction:column;align-items:flex-start;gap:3px; }.party-quick-links button { max-width:260px;padding:0;border:0;color:#405a78;background:transparent;font-size:10px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.party-quick-links button:hover { color:#2563eb;text-decoration:underline; }.party-quick-links i { width:17px;color:#6f7d90; }
.section-heading-inline { display:flex;align-items:center;justify-content:space-between;gap:12px; }.party-contact-list { max-height:330px;margin-top:10px;padding-right:5px;overflow:auto; }.party-contact-row { margin-bottom:9px;padding:12px;border:1px solid #e0e6ed;border-radius:13px;background:#f8fafc; }.party-contact-options { margin-top:8px;display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px; }.party-contact-options label { margin:0;color:#536176;font-size:9px;font-weight:700;text-transform:none;letter-spacing:0; }.pc-remove { width:30px;height:30px;margin-left:auto;border:0;border-radius:9px;color:#a23b4d;background:#ffe9ed; }
.party-contact-view { display:grid; gap:.65rem; max-height:65vh; overflow:auto; }.party-contact-view article { padding:.85rem; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:.7rem; align-items:start; border:1px solid #e3e8ef; border-radius:.9rem; }.party-contact-view article>span { width:38px; height:38px; display:grid; place-items:center; border-radius:.75rem; color:#5e60ce; background:#eeeeff; }.party-contact-view strong,.party-contact-view small { display:block; }.party-contact-view small { margin-top:.15rem; color:#7b8797; font-size:.72rem; }.party-contact-view article>div>div { margin-top:.55rem; display:flex; flex-wrap:wrap; gap:.45rem; }.party-contact-view button { padding:.35rem .55rem; border:0; border-radius:.55rem; color:#405a78; background:#f1f5f9; font-size:.72rem; }.party-contact-view button i { margin-right:.35rem; }.party-contact-view article>b { padding:.3rem .5rem; border-radius:99px; color:#08745a; background:#dff8ef; font-size:.65rem; }
.recipient-strip { min-height:45px; padding:10px 13px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; border-radius:11px; color:#58687b; background:#f1f5fa; font-size:12px; }
.recipient-strip label { margin:0; color:#3e4c5e; font-size:12px; font-weight:600; text-transform:none; letter-spacing:0; }
.quote-lines { padding:13px; border:1px solid var(--line); border-radius:14px; background:#fafbfd; overflow-x:auto; }
.quote-line { min-width:980px; display:grid; grid-template-columns:105px minmax(330px,1fr) 85px 90px 125px 125px 30px; gap:7px; align-items:center; margin-bottom:7px; }
.quote-line-head { margin-bottom:7px; padding:0 4px; color:#788496; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.quote-line .form-control,.quote-line .form-select { min-height:38px; padding:7px 9px; font-size:12px; }
.q-line-total { text-align:right; font-size:12px; font-variant-numeric:tabular-nums; }
.quote-catalog-hint { margin:3px 2px 0; color:#738094; font-size:10px; }.quote-catalog-hint i { margin-right:4px; color:#5e60ce; }
.quote-catalog-hint.success { color:#08745a; }.quote-catalog-hint.success i { color:#0b9f7c; }
.quote-line.catalog-match { border-radius:10px; box-shadow:0 0 0 2px #70d8b8; background:#effcf7; transition:.25s ease; }
.q-remove { width:30px; height:30px; border:0; border-radius:8px; color:#9b5963; background:#ffedf0; }
.quote-totals { margin-top:3px; padding:15px 18px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.quote-totals div { padding:7px 0; display:flex; align-items:center; justify-content:space-between; color:#667386; }
.quote-totals .grand-total { margin-top:7px; padding-top:14px; border-top:1px solid var(--line); color:var(--ink); font-size:19px; }
.detail-hero { margin-bottom:22px; padding:20px; display:flex; align-items:flex-end; justify-content:space-between; border-radius:16px; background:linear-gradient(135deg,#f0f4ff,#f4f0ff); }
.detail-hero h3 { margin:5px 0 0; font-size:21px; }.detail-hero>strong { font-size:25px; }
.detail-actions { display:flex; justify-content:flex-end; gap:8px; }
.recipient-summary { margin-top:15px; padding:10px 12px; border-radius:10px; color:#657285; background:#f4f6f9; font-size:11px; }
.recipient-summary i { margin-right:8px; }
.quote-detail-scroll { max-height:min(54vh,560px); overflow:auto; border:1px solid var(--line); border-radius:12px; }
.quote-detail-table { min-width:900px; margin:0; table-layout:fixed; }
.quote-detail-table th,.quote-detail-table td { padding:12px 10px; vertical-align:top; }
.quote-detail-table th:nth-child(1),.quote-detail-table td:nth-child(1) { width:105px; }
.quote-detail-table th:nth-child(2),.quote-detail-table td:nth-child(2) { width:auto; min-width:360px; overflow-wrap:anywhere; }
.quote-detail-table th:nth-child(3),.quote-detail-table td:nth-child(3) { width:80px; white-space:nowrap; }
.quote-detail-table th:nth-child(n+4),.quote-detail-table td:nth-child(n+4) { width:115px; white-space:nowrap; }
.quote-code { color:#59677a; font-size:10px; font-weight:750; }
.template-editor { display:grid; grid-template-columns:minmax(420px,.9fr) minmax(390px,1.1fr); gap:18px; align-items:start; }
.template-controls { max-height:67vh; padding-right:6px; overflow:auto; }.template-check { min-height:42px; width:100%; display:flex!important; align-items:center; gap:9px; padding:10px 12px; border-radius:10px; background:#f2f5f9; text-transform:none!important; letter-spacing:0!important; }
.template-paper { --tpl-primary:#172554;--tpl-accent:#b32649; position:relative; aspect-ratio:.707; min-height:610px; padding:42px 34px 28px; overflow:hidden; border:1px solid #dce2e9; color:#17212d; background:#fff; box-shadow:0 14px 35px #22334d1a; font-size:9px; }
.template-corner { position:absolute; width:120px; height:120px; pointer-events:none; }.template-corner.top { top:0;left:0;background:linear-gradient(135deg,var(--tpl-primary) 0 28%,transparent 29%),linear-gradient(135deg,transparent 0 35%,var(--tpl-accent) 36% 52%,transparent 53%); }.template-corner.bottom { right:0;bottom:0;transform:rotate(180deg);background:linear-gradient(135deg,var(--tpl-primary) 0 28%,transparent 29%),linear-gradient(135deg,transparent 0 35%,var(--tpl-accent) 36% 52%,transparent 53%); }
.template-preview-header { min-height:75px; display:flex; justify-content:space-between; gap:20px; text-align:right; }.template-preview-header>div:last-child strong,.template-preview-header>div:last-child small { display:block; }.template-preview-header strong { color:var(--tpl-primary); font-size:20px; }.template-logo { width:135px;height:65px;display:grid;place-items:center;color:#97a1ad;border:1px dashed #c9d1da; }.template-logo img { max-width:100%;max-height:100%;object-fit:contain; }
.template-client { margin:12px 0; padding:11px; display:flex; justify-content:space-between; gap:10px; border:1px solid #bfc7d0; }.template-client b,.template-client span { font-size:8px; }
.template-grid { display:grid;grid-template-columns:minmax(190px,1fr) 42px 48px 66px 70px;border:1px solid #49525c; }.template-grid>* { min-height:25px;padding:6px;border-right:1px solid #77808a;border-bottom:1px solid #77808a; }.template-grid>*:nth-child(5n) { border-right:0; }.template-grid b { color:#fff;background:var(--tpl-primary); }
.template-preview-bottom { margin-top:13px;display:grid;grid-template-columns:1fr 155px;gap:12px; }.template-preview-bottom>div { padding:10px;border:1px solid #c5ccd4; }.template-preview-bottom span,.template-preview-bottom b { display:block;padding:4px; }.template-preview-bottom>div:last-child b { color:#fff;background:var(--tpl-accent); }
.template-signature-preview { width:175px;margin:48px 0 0 auto;padding-top:8px;border-top:1px solid #4d5660;text-align:center;font-weight:800; }.template-footer-preview { position:absolute;left:35px;right:35px;bottom:20px;color:var(--tpl-primary);font-weight:750; }
@media (max-width:900px) { .template-editor { grid-template-columns:1fr; }.template-paper { min-height:560px; }.template-controls { max-height:none; } }
.action-cluster { display:flex; flex-wrap:wrap; gap:9px; }
.action-cluster .btn { border-radius:12px; }
.calendar-sync-note { margin-bottom:15px;padding:13px 16px;display:flex;align-items:center;gap:12px;border:1px solid #cddbf7;border-radius:14px;color:#405675;background:#f2f6ff; }.calendar-sync-note>i { width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#5e60ce; }.calendar-sync-note strong,.calendar-sync-note span { display:block; }.calendar-sync-note strong { font-size:11px; }.calendar-sync-note span { margin-top:2px;font-size:9px;line-height:1.5; }.calendar-help p { margin:0 0 10px;color:#536176;font-size:12px;line-height:1.55; }
.payslip-flow { margin-bottom:17px;padding:14px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #dce3eb;border-radius:15px;background:#fff; }.payslip-flow span { display:flex;align-items:center;gap:7px;color:#59687c;font-size:10px;font-weight:750; }.payslip-flow b { width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5e60ce; }.payslip-flow i { color:#b1bbc7;font-size:9px; }
@media(max-width:700px){.payslip-flow{align-items:flex-start;flex-direction:column}.payslip-flow>i{display:none}}
.purchase-section { min-width:0; }
.section-heading { margin:0 3px 12px; display:flex; align-items:center; justify-content:space-between; }
.section-heading>div { display:flex; align-items:center; gap:11px; }
.section-heading h2 { margin:0; font-size:16px; font-weight:800; }
.section-heading p { margin:2px 0 0; color:var(--muted); font-size:11px; }
.section-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; }
.section-icon.orange { color:#a5570c; background:#fff0da; }.section-icon.green { color:#08745a; background:#dff8ef; }
.count-pill { min-width:29px; height:29px; padding:0 9px; display:grid; place-items:center; border-radius:99px; color:#627086; background:#e9edf3; font-size:11px; font-weight:800; }
.empty-state.compact { height:180px; }
.pdf-chip { max-width:240px; display:inline-flex; align-items:center; gap:7px; color:#a03545; font-size:11px; font-weight:700; }
.pdf-chip i { color:#df3f55; font-size:16px; }
.detail-hero.purchase { background:linear-gradient(135deg,#fff3e2,#fff8ef); }
.file-drop { min-height:112px; margin:0 !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1.5px dashed #bec9d7; border-radius:14px; color:#536377 !important; background:#f7f9fc; cursor:pointer; text-transform:none !important; letter-spacing:0 !important; }
.file-drop:hover { border-color:var(--accent); background:#f1f5ff; }.file-drop i { color:#5a6bea; font-size:26px; }.file-drop strong { color:#344256; font-size:12px; }.file-drop span { color:#8a95a4; font-size:10px; }
.selected-file { min-height:20px; padding-top:7px; color:#a03545; font-size:11px; font-weight:700; }
.pdf-viewer-wrap { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#eef1f5; }
.pdf-viewer-meta { min-height:48px; padding:10px 15px; display:flex; align-items:center; justify-content:space-between; color:#526176; background:#fff; border-bottom:1px solid var(--line); font-size:12px; }
.pdf-viewer { width:100%; height:min(68vh,760px); display:block; border:0; background:#555; }
.metric-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; }
.metric-card { min-height:112px; padding:20px; display:flex; align-items:center; gap:15px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 8px 26px #23344b0a; }
.metric-card>span { width:48px; height:48px; flex:none; display:grid; place-items:center; border-radius:15px; color:var(--metric); background:color-mix(in srgb,var(--metric) 12%,white); font-size:19px; }
.metric-card small,.metric-card strong { display:block; }.metric-card small { color:var(--muted); font-size:11px; }.metric-card strong { margin-top:3px; font-size:22px; letter-spacing:-.035em; }
.activity-list { padding:8px 25px 22px; }.activity-list>div { min-height:57px; position:relative; display:flex; align-items:center; gap:13px; border-bottom:1px solid #eef1f4; }.activity-list>div:last-child { border-bottom:0; }.activity-list>div>i { width:33px; height:33px; display:grid; place-items:center; border-radius:10px; color:#5e60ce; background:#eeeeff; font-size:12px; }.activity-list p { margin:0; }.activity-list strong,.activity-list small { display:block; }.activity-list strong { font-size:12px; }.activity-list small { margin-top:2px; color:var(--muted); font-size:10px; }.activity-dot { width:6px; height:6px; border-radius:50%; background:#26b38e; }
.mine-check { margin-right:7px; display:flex; align-items:center; gap:7px; color:#5e6c7d; font-size:12px; white-space:nowrap; }
.inventory-warehouse-select { max-width:240px; }
.inventory-warehouse-strip { margin-top:15px; display:flex; gap:9px; overflow:auto; scrollbar-width:thin; }
.inventory-warehouse-strip button { min-width:210px; padding:12px 14px; display:flex; align-items:center; gap:11px; border:1px solid var(--line); border-radius:14px; color:#526176; background:#fff; text-align:left; }
.inventory-warehouse-strip button.active,.inventory-warehouse-strip button:hover { border-color:#b9c8ff; background:#f0f4ff; }
.inventory-warehouse-strip button>i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#5e60ce; background:#eeeeff; }
.inventory-warehouse-strip strong,.inventory-warehouse-strip small { display:block; }.inventory-warehouse-strip strong { color:#344256; font-size:11px; }.inventory-warehouse-strip small { margin-top:2px; font-size:9px; }
.entity-icon.inventory { color:#2563eb; background:#e7f0ff; }
.entity-icon.inventory.has-photo { overflow:hidden; border:1px solid #e1e6ed; background:#fff; }
.inventory-item-photo { width:100%; height:100%; display:block; object-fit:cover; }
.inventory-low-row { background:#fffafb; }
.inventory-status { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:99px; font-size:9px; font-weight:800; }
.inventory-status.ok { color:#08745a; background:#dff8ef; }.inventory-status.low { color:#a23343; background:#ffe8eb; }
.inventory-detail-hero { margin-bottom:15px; padding:18px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-radius:16px; background:linear-gradient(135deg,#e9f3ff,#f3f0ff); }
.inventory-detail-hero span,.inventory-detail-hero strong,.inventory-detail-hero small { display:block; }.inventory-detail-hero span { color:#6d7888; font-size:9px; font-weight:800; text-transform:uppercase; }.inventory-detail-hero strong { margin:4px 0 1px; font-size:25px; }.inventory-detail-hero small { color:#7d8997; font-size:10px; }
.inventory-movement-list { max-height:55vh; overflow:auto; }
.inventory-movement-list article { min-height:70px; padding:11px 3px; display:flex; align-items:center; gap:11px; border-bottom:1px solid #edf1f4; }
.inventory-movement-list article>span { width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:11px; }.inventory-movement-list article>span.in { color:#08745a; background:#dff8ef; }.inventory-movement-list article>span.out { color:#a23343; background:#ffe8eb; }
.inventory-movement-list article>div { min-width:0; flex:1; }.inventory-movement-list strong,.inventory-movement-list small,.inventory-movement-list em { display:block; }.inventory-movement-list strong { font-size:11px; }.inventory-movement-list small { margin-top:2px; color:#7c8998; font-size:9px; }.inventory-movement-list em { margin-top:3px; color:#5f6f84; font-size:9px; }.inventory-movement-list p { margin:3px 0 0; color:#667386; font-size:9px; }.inventory-movement-list article>b { font-size:11px; white-space:nowrap; }
.inventory-detail-layout { display:grid; grid-template-columns:235px minmax(0,1fr); gap:17px; }
.inventory-detail-gallery { padding:12px; border:1px solid #e2e7ed; border-radius:17px; background:#f7f9fc; }
.inventory-detail-cover { height:205px; display:grid; place-items:center; overflow:hidden; border-radius:14px; color:#5e60ce; background:#fff; font-size:44px; box-shadow:0 8px 22px #23344b0b; }
.inventory-detail-photo { width:100%; height:100%; display:block; object-fit:cover; }
.inventory-detail-thumbs { margin:9px 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.inventory-detail-thumbs button { aspect-ratio:1; padding:0; overflow:hidden; border:2px solid transparent; border-radius:8px; background:#fff; }
.inventory-detail-thumbs button.active { border-color:#6759d4; }
.inventory-detail-thumbs img { width:100%; height:100%; display:block; object-fit:cover; }
.inventory-detail-gallery>p { margin:10px 0; color:#7d8998; font-size:8px; line-height:1.5; text-align:center; }
.task-board { display:grid; grid-template-columns:repeat(3,minmax(250px,1fr)); gap:14px; align-items:start; }
.task-column { min-height:360px; padding:12px; border:1px solid var(--line); border-radius:17px; background:#edf1f6; }.task-column>header { padding:5px 5px 13px; display:flex; align-items:center; gap:8px; }.task-column>header strong { font-size:12px; }.task-column>header b { margin-left:auto; min-width:23px; padding:3px 7px; border-radius:99px; background:#fff; color:#687689; font-size:10px; text-align:center; }.status-dot { width:8px; height:8px; border-radius:50%; background:#98a3b2; }.status-dot.in_progress { background:#5c66dc; }.status-dot.completed { background:#20a583; }
.task-card { margin-bottom:9px; padding:15px; border:1px solid #e1e6ec; border-left:4px solid #9aa5b4; border-radius:13px; background:#fff; box-shadow:0 5px 15px #23344b09; cursor:pointer; }.task-card.priority-high { border-left-color:#ef8a2f; }.task-card.priority-urgent { border-left-color:#df5269; }.task-card.priority-low { border-left-color:#3aa995; }.task-card h3 { margin:7px 0 5px; font-size:14px; }.task-card p { margin:0 0 12px; color:var(--muted); font-size:11px; line-height:1.45; }.task-priority { color:#7b8797; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.task-card footer { display:grid; gap:5px; color:#7d8998; font-size:9px; }.task-card footer span,.task-card footer time { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.task-card footer .overdue { color:#c83f55; font-weight:750; }.task-empty,.empty-mini { padding:30px 12px; color:#8b96a4; font-size:11px; text-align:center; }
.permission-grid.compact { max-height:190px; margin-top:6px; padding:8px; display:grid; grid-template-columns:repeat(2,1fr); gap:6px; overflow:auto; border:1px solid var(--line); border-radius:12px; background:#f8fafc; }.permission-grid.compact label { margin:0; padding:8px; display:flex; gap:8px; align-items:center; border-radius:9px; background:#fff; }.permission-grid.compact span strong,.permission-grid.compact span small { display:block; }.permission-grid.compact span small { color:var(--muted); font-size:9px; }
.entity-icon.worker { color:#08745a; background:#dff8ef; }.entity-icon.settings { color:#aa650d; background:#fff1d9; }
.dossier-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr); gap:16px; align-items:start; }.file-kind { width:28px; display:inline-grid; place-items:center; color:#d33f55; }.ppe-list { padding:5px 22px 20px; }.ppe-list article { padding:14px 0; display:flex; gap:11px; border-bottom:1px solid #edf1f4; }.ppe-list article:last-child { border-bottom:0; }.ppe-list article>span { width:35px; height:35px; flex:none; display:grid; place-items:center; border-radius:11px; color:#997017; background:#fff1cf; }.ppe-list strong,.ppe-list small { display:block; }.ppe-list strong { font-size:11px; line-height:1.45; }.ppe-list small { margin-top:4px; color:var(--muted); font-size:9px; }.ppe-list p { margin:5px 0 0; color:#657285; font-size:10px; }
.ppe-lines,.dispatch-lines { padding:12px; border:1px solid var(--line); border-radius:14px; background:#fafbfd; overflow-x:auto; }.ppe-line { min-width:660px; margin-bottom:7px; display:grid; grid-template-columns:minmax(230px,1fr) 90px 100px 130px 30px; gap:7px; align-items:center; }.ppe-head,.dispatch-head { color:#788496; font-size:9px; font-weight:800; text-transform:uppercase; }.ppe-line .form-control,.dispatch-line .form-control { min-height:38px; padding:7px 9px; font-size:11px; }
.permission-modules { max-height:55vh; margin-top:7px; display:grid; grid-template-columns:repeat(3,minmax(190px,1fr)); gap:9px; overflow:auto; }.permission-module { padding:13px; border:1px solid var(--line); border-radius:13px; background:#f9fafc; }.permission-module header { margin-bottom:10px; display:flex; align-items:center; gap:8px; }.permission-module header i { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; color:#5e60ce; background:#eeeeff; }.permission-module header strong { font-size:11px; }.permission-module label { margin:6px 0; display:flex; align-items:center; gap:7px; color:#556376; font-size:10px; font-weight:600; text-transform:none; letter-spacing:0; }.settings-note { margin-top:18px; padding:18px; display:flex; align-items:flex-start; gap:13px; border:1px solid #d6e5ff; border-radius:16px; background:#eff6ff; }.settings-note>i { margin-top:2px; color:#2563eb; font-size:20px; }.settings-note strong { font-size:12px; }.settings-note p { margin:4px 0 0; color:#5f6e82; font-size:11px; }
.account-company-panel { margin-bottom:28px; padding:20px; border:1px solid var(--line); border-radius:19px; background:#fff; box-shadow:0 9px 28px #23344b0a; }
.section-icon.violet { color:#5e60ce; background:#eeeeff; }.section-icon.blue { color:#2563eb; background:#e7f0ff; }
.company-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:11px; }
.company-card { min-width:0; position:relative; padding:15px 42px 15px 14px; display:flex; align-items:center; gap:12px; border:1px solid #e2e7ee; border-radius:15px; background:#fafbfd; cursor:pointer; transition:.16s ease; }
.company-card:hover { border-color:#cbd5e4; background:#fff; transform:translateY(-1px); box-shadow:0 10px 25px #23344b10; }
.company-card.active { border-color:#b9c8ff; background:linear-gradient(135deg,#f0f4ff,#f7f5ff); box-shadow:inset 3px 0 #5e60ce; }
.company-card-icon { width:42px; height:42px; flex:none; display:grid; place-items:center; border-radius:13px; color:#5e60ce; background:#e9e8ff; }
.company-card>div { min-width:0; }.company-card small,.company-card strong,.company-card p { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.company-card small { color:#7d8998; font-size:8px; font-weight:800; letter-spacing:.07em; }.company-card strong { margin-top:2px; font-size:12px; }.company-card p { margin:2px 0 0; color:var(--muted); font-size:10px; }
.company-card .company-dots { position:absolute; top:10px; right:9px; width:30px; height:30px; border:0; border-radius:9px; color:#8f99a8; background:transparent; }.company-card .company-dots:hover { background:#e9edf4; }
.users-heading { margin-top:5px; }
.company-isolation-note { padding:11px 13px; display:flex; align-items:center; gap:9px; border:1px solid #d6e5ff; border-radius:12px; color:#50637a; background:#eff6ff; font-size:11px; }.company-isolation-note i { color:#2563eb; }
.compensation-metrics { grid-template-columns:repeat(4,minmax(180px,1fr)); }
.compensation-metrics .metric-card strong { font-size:clamp(14px,1.8vw,21px); }
.compensation-layout { display:grid; grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr); gap:15px; align-items:start; }
.pay-calendar-week,.pay-calendar-days { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; }.pay-calendar-week { margin:10px 0 5px; }.pay-calendar-week b { color:#8793a2; font-size:8px; text-align:center; }
.pay-calendar-days>span { min-height:48px; padding:6px; position:relative; display:flex; align-items:flex-start; justify-content:space-between; border:1px solid #e5eaf0; border-radius:10px; color:#7b8796; background:#f8fafc; }.pay-calendar-days>span b { font-size:9px; }.pay-calendar-days>span i { color:#0b8a69; font-size:9px; }.pay-calendar-days>span.worked { border-color:#bfe9dc; color:#08745a; background:#eaf9f4; }.pay-calendar-days>span.anomaly { border-color:#f1d090; color:#936313; background:#fff6df; }.pay-calendar-days>span.pay-calendar-empty { border-color:transparent; background:transparent; }
.payment-movement-list { padding:5px 22px 20px; }.payment-movement-list article { min-height:66px; padding:10px 0; display:flex; align-items:center; gap:11px; border-bottom:1px solid #edf1f4; }.payment-movement-list article:last-child { border-bottom:0; }.movement-icon { width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:11px; color:#5e60ce; background:#eeeeff; }.payment-movement-list article>div { min-width:0; flex:1; }.payment-movement-list strong,.payment-movement-list small { display:block; }.payment-movement-list strong { font-size:10px; }.payment-movement-list small { margin-top:2px; color:#8793a2; font-size:8px; }.payment-movement-list p { margin:3px 0 0; color:#657286; font-size:8px; }.payment-movement-list article>b { color:#344256; font-size:11px; white-space:nowrap; }
.internal-alert { padding:14px 17px; display:flex; gap:12px; align-items:center; border:1px solid #f0d79d; border-radius:15px; color:#76591d; background:#fff8e8; }.internal-alert i { font-size:19px; }.internal-alert strong,.internal-alert span { display:block; }.internal-alert strong { font-size:12px; }.internal-alert span { margin-top:2px; font-size:10px; }.dispatch-line { min-width:720px; margin-bottom:7px; display:grid; grid-template-columns:minmax(300px,1fr) 100px 90px 125px 30px; gap:7px; align-items:center; }.detail-hero.dispatch { background:linear-gradient(135deg,#e9f6ff,#f1f3ff); }
.status-valid { color:#08745a; background:#dff8ef; }.status-pending { color:#936313; background:#fff0cc; }.status-expired,.status-rejected { color:#a23343; background:#ffe8eb; }
.worker-login-link { margin-top:22px; display:flex; align-items:center; justify-content:center; gap:8px; color:#617086; font-size:12px; text-decoration:none; }.worker-login-link:hover { color:var(--accent); }
.worker-login-shell { min-height:100vh; display:grid; grid-template-columns:minmax(330px,520px) 1fr; background:#f5f7fb; }.worker-login-card { padding:clamp(30px,7vw,80px); display:flex; flex-direction:column; justify-content:center; background:#fff; }.worker-login-card h1 { margin:8px 0; font-size:clamp(2.2rem,5vw,3.4rem); font-weight:780; letter-spacing:-.055em; }.worker-login-card>p { margin-bottom:28px; color:var(--muted); }.worker-login-card .form-label { color:#5c6878; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.worker-login-card .form-control { min-height:52px; border-color:var(--line); border-radius:13px; background:#f9fafc; }.worker-brand { background:linear-gradient(145deg,#0aa47f,#2765df); }.worker-back-link { margin-top:22px; color:#758195; font-size:11px; text-align:center; text-decoration:none; }.worker-login-visual { padding:8vw; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; background:radial-gradient(circle at 75% 20%,#31c99d55 0,transparent 34%),linear-gradient(145deg,#10212e,#103a43 58%,#125e55); }.worker-login-visual>i { margin-bottom:auto; align-self:flex-end; color:#5ce1bc; font-size:80px; opacity:.55; }.worker-login-visual h2 { margin:0 0 18px; font-size:clamp(3rem,6vw,6.3rem); line-height:.92; letter-spacing:-.065em; }.worker-login-visual p { max-width:500px; color:#bcd8d4; }
.worker-portal-shell { min-height:100vh; background:linear-gradient(155deg,#edf5f5,#f7f9fc 45%,#edf2fb); }.worker-portal-header { min-height:76px; padding:14px clamp(18px,5vw,60px); display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid var(--line); }.worker-portal-header button { padding:10px 13px; display:flex; align-items:center; gap:8px; border:0; border-radius:11px; color:#657386; background:#f1f4f8; font-size:11px; }.worker-portal-main { max-width:940px; margin:auto; padding:clamp(25px,5vw,55px) 18px 70px; }.worker-welcome h1 { margin:5px 0; font-size:clamp(2.3rem,7vw,4.5rem); font-weight:790; letter-spacing:-.06em; }.worker-welcome p { color:var(--muted); }.worker-site-card { margin:28px 0 16px; padding:20px; display:flex; gap:15px; align-items:flex-start; border:1px solid #cceae2; border-radius:19px; background:#ecfbf7; }.worker-site-card.no-site { border-color:#f0d79d; background:#fff8e8; }.worker-site-card>span { width:49px; height:49px; flex:none; display:grid; place-items:center; border-radius:15px; color:#08745a; background:#c9f4e7; font-size:20px; }.worker-site-card.no-site>span { color:#9c6910; background:#ffe8b7; }.worker-site-card small,.worker-site-card strong,.worker-site-card p,.worker-site-card em { display:block; }.worker-site-card small { color:#66847d; font-size:9px; font-weight:800; letter-spacing:.09em; }.worker-site-card strong { margin-top:3px; font-size:17px; }.worker-site-card p { margin:3px 0; color:#62756f; font-size:11px; }.worker-site-card em { color:#08745a; font-size:9px; font-style:normal; font-weight:750; }
.worker-punch-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.worker-punch-grid button { min-height:135px; padding:17px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; border:1px solid #dfe6ee; border-radius:18px; color:#1e3042; background:#fff; box-shadow:0 8px 24px #213a4d09; text-align:left; transition:.18s ease; }.worker-punch-grid button:not(:disabled):hover { transform:translateY(-3px); border-color:#55bca3; box-shadow:0 17px 36px #0c5e4b15; }.worker-punch-grid button:disabled { opacity:.48; filter:grayscale(.8); }.worker-punch-grid button i { margin-bottom:auto; color:#0b9f7c; font-size:25px; }.worker-punch-grid button strong { font-size:13px; }.worker-punch-grid button span { margin-top:3px; color:#84909d; font-size:9px; }.worker-day-card { margin-top:16px; overflow:hidden; border:1px solid var(--line); border-radius:19px; background:#fff; box-shadow:0 8px 24px #213a4d09; }.worker-day-card>header { padding:16px 19px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #edf0f4; }.worker-day-card>header div { display:flex; align-items:center; gap:9px; }.worker-day-card>header i { color:#5e60ce; }.worker-day-card>header strong { font-size:12px; }.worker-day-card>header>span { color:#7b8797; font-size:10px; }.worker-timeline { padding:4px 19px 12px; }.worker-timeline article { min-height:62px; display:flex; align-items:center; gap:12px; border-bottom:1px solid #edf0f4; }.worker-timeline article:last-child { border-bottom:0; }.worker-timeline article>i { width:35px; height:35px; display:grid; place-items:center; border-radius:11px; color:#5e60ce; background:#eeeeff; }.worker-timeline article>div { flex:1; }.worker-timeline strong,.worker-timeline small { display:block; }.worker-timeline strong { font-size:11px; }.worker-timeline small { color:#8792a1; font-size:9px; }.worker-privacy { margin:18px 6px 0; color:#788594; font-size:9px; line-height:1.5; }.worker-privacy i { margin-right:5px; color:#0b9f7c; }
.attendance-date label { display:block; margin-bottom:5px; color:#7a8696; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.attendance-date .form-control { min-width:180px; border-color:var(--line); border-radius:11px; }.attendance-warning { margin-bottom:15px; }.attendance-metrics .metric-card { min-height:96px; }.attendance-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:16px; align-items:start; }.attendance-anomaly { background:#fffafb; }.punch-chip { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:99px; color:#38516b; background:#eef3f8; font-size:9px; font-weight:750; }.punch-chip.clock_in { color:#08745a; background:#dff8ef; }.punch-chip.clock_out { color:#5947ad; background:#eee9ff; }.punch-chip.break_start,.punch-chip.break_end { color:#936313; background:#fff0cc; }.geofence-badge { display:inline-flex; padding:5px 8px; border-radius:99px; font-size:9px; font-weight:750; }.geofence-badge.inside { color:#08745a; background:#dff8ef; }.geofence-badge.outside,.geofence-badge.no_location { color:#ad3448; background:#ffe7eb; }.geofence-badge.low_accuracy,.geofence-badge.not_configured { color:#936313; background:#fff0cc; }.missing-workers>div:last-child { padding:4px 19px 17px; }.missing-workers article { min-height:61px; display:flex; align-items:center; gap:10px; border-bottom:1px solid #edf0f4; }.missing-workers article:last-child { border-bottom:0; }.missing-workers article>span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#155a4a; background:#d8f4ec; font-size:10px; font-weight:800; }.missing-workers article>div { min-width:0; flex:1; }.missing-workers strong,.missing-workers small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.missing-workers strong { font-size:10px; }.missing-workers small { margin-top:2px; color:#818d9c; font-size:8px; }.missing-workers button { width:31px; height:31px; border:0; border-radius:9px; color:#5f68cf; background:#eeeeff; }
.side-nav b.has-items { color:#fff; background:#df5269; }
.notification-layout { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:16px; align-items:start; }.notification-feed { overflow:hidden; }.notification-list { padding:8px 18px; }.notification-item { min-height:84px; padding:14px 7px; display:flex; align-items:center; gap:13px; border-bottom:1px solid #edf0f4; cursor:pointer; }.notification-item:last-child { border-bottom:0; }.notification-item.unread { background:linear-gradient(90deg,#f3f6ff,transparent); }.notification-item>div { min-width:0; flex:1; }.notification-item strong,.notification-item small { display:block; }.notification-item strong { color:#344256; font-size:12px; }.notification-item p { margin:3px 0 5px; color:#687588; font-size:10px; line-height:1.45; }.notification-item small { color:#929caa; font-size:9px; }.notification-item>button { width:33px; height:33px; flex:none; border:0; border-radius:10px; color:#606bd5; background:#eeeeff; }.notification-icon { width:42px; height:42px; flex:none; display:grid; place-items:center; border-radius:13px; color:#5e60ce; background:#eeeeff; }.notification-icon.chat { color:#137a63; background:#dff8ef; }.notification-icon.task { color:#9b6811; background:#fff0cc; }.notification-icon.attendance,.notification-icon.email { color:#ad3448; background:#ffe7eb; }.section-icon.blue { color:#2563eb; background:#e7efff; }.mail-monitor { overflow:hidden; }.mail-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.mail-metrics span { padding:12px; border-radius:12px; color:#697689; background:#f3f5f8; font-size:9px; text-align:center; }.mail-metrics b { display:block; margin-bottom:2px; color:#344256; font-size:18px; }.mail-metrics span.danger { color:#a23343; background:#ffecef; }.mail-metrics span.danger b { color:#b52f46; }.mail-queue-list { max-height:460px; padding:0 18px 16px; overflow:auto; }.mail-queue-list article { padding:11px 2px; display:flex; gap:10px; align-items:flex-start; border-bottom:1px solid #edf0f4; }.mail-queue-list article:last-child { border-bottom:0; }.mail-queue-list article>div { min-width:0; }.mail-queue-list strong,.mail-queue-list small,.mail-queue-list em { display:block; }.mail-queue-list strong { font-size:10px; }.mail-queue-list small { margin-top:2px; color:#84909e; font-size:8px; }.mail-queue-list em { margin-top:5px; color:#a64655; font-size:8px; font-style:normal; line-height:1.4; }.mail-state { width:28px; height:28px; flex:none; display:grid; place-items:center; border-radius:9px; color:#8a96a5; background:#eef1f5; font-size:9px; }.mail-state.sent { color:#08745a; background:#dff8ef; }.mail-state.failed { color:#ad3448; background:#ffe7eb; }
.notification-side { display:grid; gap:16px; }.push-settings { padding:18px; }.push-settings-main { display:flex; align-items:flex-start; gap:12px; }.push-settings-main>span { width:43px; height:43px; flex:none; display:grid; place-items:center; border-radius:13px; }.push-settings-main>span.primary { color:#4f55c8; background:#eeeeff; }.push-settings-main>span.success { color:#08745a; background:#dff8ef; }.push-settings-main>span.warning { color:#936313; background:#fff0cc; }.push-settings-main>span.danger { color:#ad3448; background:#ffe7eb; }.push-settings-main>span.muted { color:#657286; background:#edf1f6; }.push-settings-main strong { display:block; color:#344256; font-size:12px; }.push-settings-main p { margin:4px 0 0; color:#748093; font-size:9px; line-height:1.55; }.push-actions { margin-top:14px; display:flex; flex-wrap:wrap; gap:7px; }.push-actions .btn { border-radius:10px; font-size:9px; }
.chat-shell { height:calc(100vh - 205px); min-height:520px; display:grid; grid-template-columns:260px minmax(360px,1fr) 235px; background:#fff; }.chat-room-list,.presence-panel { min-width:0; background:#f8fafc; }.chat-room-list { border-right:1px solid var(--line); }.presence-panel { border-left:1px solid var(--line); }.chat-room-list>header,.presence-panel>header { min-height:63px; padding:18px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.chat-room-list>header strong,.presence-panel>header strong { font-size:12px; }.chat-room-list>header span,.presence-panel>header span { color:#8793a2; font-size:9px; }.chat-room-list>div { padding:8px; }.chat-room-list button { width:100%; min-height:63px; padding:10px; display:flex; align-items:center; gap:10px; border:0; border-radius:12px; color:#405064; background:transparent; text-align:left; }.chat-room-list button:hover,.chat-room-list button.active { background:#fff; box-shadow:0 5px 16px #23344b0a; }.chat-room-list button>span { width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:11px; color:#5e60ce; background:#eeeeff; font-size:11px; }.chat-room-list button>div { min-width:0; flex:1; }.chat-room-list button strong,.chat-room-list button small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.chat-room-list button strong { font-size:10px; }.chat-room-list button small { margin-top:3px; color:#8a95a3; font-size:8px; }.chat-room-list button>b { min-width:20px; height:20px; padding:0 5px; display:grid; place-items:center; border-radius:99px; color:#fff; background:#df5269; font-size:8px; }.chat-conversation { min-width:0; display:flex; flex-direction:column; }.chat-conversation>header { min-height:63px; padding:12px 18px; display:flex; align-items:center; border-bottom:1px solid var(--line); }.chat-conversation>header>div { display:flex; align-items:center; gap:10px; }.chat-conversation>header strong,.chat-conversation>header small { display:block; }.chat-conversation>header strong { font-size:12px; }.chat-conversation>header small { color:#8a95a3; font-size:8px; }.chat-room-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; color:#08745a; background:#dff8ef; }.chat-message-list { min-height:0; flex:1; padding:20px; overflow-y:auto; background:linear-gradient(180deg,#fbfcfe,#f6f8fb); }.chat-message { margin-bottom:14px; display:flex; align-items:flex-end; gap:8px; }.chat-message>span { width:28px; height:28px; flex:none; display:grid; place-items:center; border-radius:50%; color:#535ec4; background:#e9ebff; font-size:8px; font-weight:800; }.chat-message>div { max-width:min(76%,620px); padding:10px 13px; border:1px solid #e2e7ed; border-radius:15px 15px 15px 4px; background:#fff; box-shadow:0 4px 14px #24384e08; }.chat-message strong { display:block; margin-bottom:3px; color:#657286; font-size:8px; }.chat-message p { margin:0; color:#334155; font-size:11px; line-height:1.5; word-break:break-word; }.chat-message small { display:block; margin-top:5px; color:#96a0ac; font-size:7px; }.chat-message.own { flex-direction:row-reverse; }.chat-message.own>span { color:#08745a; background:#dff8ef; }.chat-message.own>div { border-color:#ccebe3; border-radius:15px 15px 4px 15px; background:#eaf9f5; }.chat-composer { min-height:69px; padding:11px 15px; display:flex; gap:9px; align-items:flex-end; border-top:1px solid var(--line); background:#fff; }.chat-composer textarea { min-height:44px; max-height:110px; flex:1; padding:12px 14px; resize:none; border:1px solid var(--line); border-radius:14px; outline:none; font-size:11px; }.chat-composer textarea:focus { border-color:#8da9f6; box-shadow:0 0 0 3px #dce7ff; }.chat-composer button { width:44px; height:44px; flex:none; border:0; border-radius:13px; color:#fff; background:linear-gradient(145deg,#2563eb,#7656e8); }.presence-panel>div { padding:8px 15px; }.presence-panel article { min-height:53px; display:flex; align-items:center; gap:10px; }.presence-avatar { width:34px; height:34px; position:relative; flex:none; display:grid; place-items:center; border-radius:50%; color:#42526a; background:#e8edf4; font-size:8px; font-weight:800; }.presence-dot { width:9px; height:9px; position:absolute; right:-1px; bottom:0; border:2px solid #f8fafc; border-radius:50%; background:#aab3bf; }.presence-dot.online { background:#13b889; }.presence-dot.away { background:#f1a33c; }.presence-panel article strong,.presence-panel article small { display:block; }.presence-panel article strong { font-size:9px; }.presence-panel article small { margin-top:2px; color:#8b96a4; font-size:7px; }.member-picker { max-height:290px; padding:8px; overflow:auto; border:1px solid var(--line); border-radius:12px; background:#f8fafc; }.member-picker label { margin:0 0 5px; padding:9px; display:grid; grid-template-columns:20px 1fr; border-radius:9px; background:#fff; text-transform:none; letter-spacing:0; }.member-picker input { grid-row:1/3; align-self:center; }.member-picker span { color:#3d4b5d; font-size:10px; font-weight:700; }.member-picker small { color:#8994a2; font-size:8px; }
.chat-composer { min-height:82px; position:relative; display:block; padding:9px 12px 11px; }
.chat-compose-tools { height:30px; display:flex; align-items:center; gap:3px; }
.chat-composer .compose-tool { width:28px; height:28px; display:grid; place-items:center; border:0; border-radius:8px; color:#657286; background:transparent; font-size:12px; }
.chat-composer .compose-tool:hover { color:#5e60ce; background:#efefff; }.chat-composer .gif-tool { font-size:9px; font-weight:900; }
.composer-hint { margin-left:5px; color:#9aa4b1; font-size:8px; }
.chat-input-row { display:flex; align-items:flex-end; gap:7px; }.chat-input-row textarea { min-height:42px; }
.chat-composer .chat-mic,.chat-composer [data-send-chat] { width:42px; height:42px; flex:none; display:grid; place-items:center; border:0; border-radius:13px; color:#fff; background:linear-gradient(145deg,#2563eb,#7656e8); }
.chat-composer .chat-mic { color:#657286; background:#edf1f6; }.chat-composer .chat-mic.recording { color:#fff; background:#df5269; animation:pulse 1s ease-in-out infinite; }
.chat-picker { position:absolute; z-index:8; left:12px; bottom:82px; max-width:300px; padding:8px; display:grid; grid-template-columns:repeat(8,31px); gap:3px; border:1px solid var(--line); border-radius:13px; background:#fff; box-shadow:0 18px 45px #17212d24; }
.chat-picker button { width:31px; height:31px; display:grid; place-items:center; border:0; border-radius:8px; color:inherit; background:transparent; font-size:18px; }.chat-picker button:hover { background:#f1f4f8; transform:scale(1.08); }
.chat-picker.sticker-picker { grid-template-columns:repeat(6,40px); }.chat-picker.sticker-picker button { width:40px; height:40px; font-size:25px; }
.chat-compose-preview { max-height:88px; margin:4px 0 7px; display:flex; gap:5px; overflow:auto; }
.chat-compose-preview>span { max-width:225px; min-width:150px; padding:7px 8px; display:grid; grid-template-columns:22px minmax(0,1fr) 24px; align-items:center; border:1px solid #dfe5ed; border-radius:10px; color:#536277; background:#f7f9fc; }
.chat-compose-preview>span>i { grid-row:1/3; color:#5e60ce; }.chat-compose-preview b,.chat-compose-preview small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.chat-compose-preview b { font-size:8px; }.chat-compose-preview small { margin:1px 0 0; font-size:7px; }
.chat-compose-preview button { width:22px; height:22px; grid-column:3; grid-row:1/3; display:grid; place-items:center; border:0; border-radius:7px; color:#9a5360; background:#ffe9ed; }
.chat-media-preview { max-width:420px; display:block; margin:2px 0 7px; overflow:hidden; border-radius:11px; }.chat-media-preview img { max-width:100%; max-height:340px; display:block; object-fit:contain; background:#eef1f5; }
.chat-audio { min-width:min(360px,55vw); display:flex; align-items:center; gap:9px; margin:3px 0 7px; }.chat-audio>i { width:31px; height:31px; flex:none; display:grid; place-items:center; border-radius:50%; color:#fff; background:#5e60ce; }.chat-audio audio { width:100%; height:34px; }
.chat-file-card { min-width:min(330px,55vw); padding:10px; display:flex; align-items:center; gap:10px; border-radius:11px; color:#4d5d72; background:#f0f3f7; text-decoration:none; }.chat-file-card>i:first-child { color:#5e60ce; font-size:21px; }.chat-file-card>i:last-child { margin-left:auto; color:#8591a0; }.chat-file-card>div { min-width:0; }.chat-file-card strong,.chat-file-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.chat-file-card strong { margin:0; color:#344256; font-size:9px; }.chat-file-card small { margin-top:2px; }
.chat-message.sticker-message>div { padding:5px 9px; border-color:transparent; background:transparent; box-shadow:none; }.chat-sticker-body { font-size:48px; line-height:1.15; filter:drop-shadow(0 4px 5px #17212d1c); }
.chat-conversation>header { justify-content:space-between; gap:12px; }
.chat-header-actions { margin-left:auto; display:flex!important; align-items:center; gap:7px!important; }
.chat-header-actions .dots { width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:10px; color:#657286; background:#f1f4f8; }
.chat-header-actions .dots:hover { color:#5e60ce; background:#eeeeff; }
.chat-alert-state { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; color:#a36b13; background:#fff0cc; font-size:10px; }
.chat-alert-state.active { color:#08745a; background:#dff8ef; }
.chat-heading .push-ready { color:#08745a; border-color:#bee8db; background:#eaf9f4; }
.billing-alert { margin-bottom:15px; border-color:#cddbf7; color:#355074; background:#f1f6ff; }
.billing-metrics { grid-template-columns:repeat(4,minmax(180px,1fr)); }
.billing-metrics .metric-card strong { font-size:clamp(15px,2vw,22px); }
.dte-badge { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:99px; color:#58687b; background:#eef2f7; font-size:9px; font-weight:800; white-space:nowrap; }
.dte-badge.dte-accepted { color:#08745a; background:#dff8ef; }.dte-badge.dte-rejected,.dte-badge.dte-error { color:#a23343; background:#ffe8eb; }.dte-badge.dte-not_configured,.dte-badge.dte-observed { color:#936313; background:#fff0cc; }.dte-badge.dte-submitted,.dte-badge.dte-queued { color:#4350ad; background:#e9ebff; }
.billing-draft-note { padding:10px 13px; display:flex; align-items:center; gap:9px; border:1px solid #f0d79d; border-radius:12px; color:#795b1d; background:#fff8e8; font-size:10px; }
.billing-draft-note i { color:#c88a1c; }
.detail-hero.billing { background:linear-gradient(135deg,#eaf2ff,#f1efff); }
.dte-status-panel { margin-bottom:17px; padding:14px; display:flex; align-items:center; gap:12px; border:1px solid #ecd59f; border-radius:14px; background:#fff8e8; }
.dte-status-panel>span { width:39px; height:39px; flex:none; display:grid; place-items:center; border-radius:12px; color:#966719; background:#ffe8b6; }.dte-status-panel strong,.dte-status-panel small { display:block; }.dte-status-panel strong { font-size:11px; }.dte-status-panel small { margin-top:3px; color:#77694d; font-size:9px; line-height:1.45; }.dte-status-panel.ready { border-color:#bee8db; background:#eaf9f4; }.dte-status-panel.ready>span { color:#08745a; background:#ccefe4; }.dte-status-panel.danger { border-color:#f0c7cf; background:#fff0f2; }.dte-status-panel.danger>span { color:#aa3247; background:#ffdce2; }
.source-reference { padding:10px 12px; display:flex; align-items:center; gap:8px; border-radius:10px; color:#56657a; background:#f1f4f8; font-size:10px; }
.source-reference i { color:#5d66d5; }
.dte-connector-card { padding:15px; display:flex; align-items:center; gap:12px; border:1px solid #f0d79d; border-radius:14px; color:#755a20; background:#fff8e8; }.dte-connector-card>i { font-size:25px; }.dte-connector-card strong,.dte-connector-card span { display:block; }.dte-connector-card strong { font-size:11px; }.dte-connector-card span { margin-top:3px; font-size:9px; }.dte-connector-card.connected { border-color:#bee8db; color:#08745a; background:#eaf9f4; }
@media (max-width:800px) { .login-wrap { grid-template-columns:1fr; }.login-visual { display:none; }.app-layout { grid-template-columns:74px 1fr; }.app-layout.sidebar-hidden { grid-template-columns:0 minmax(0,1fr); }.sidebar { padding:20px 10px; }.sidebar .brand-lockup div,.side-nav span,.sidebar-bottom span { display:none; }.sidebar .brand-lockup { justify-content:center; }.side-nav button,.sidebar-bottom button { justify-content:center; }.top-actions button:not(#focus-mode):not(#push-status) { display:none; }.content-heading { align-items:flex-start; flex-direction:column; }.command-button { width:100%; }.module-grid { grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); }.topbar { padding:15px; }.topbar .form-select { min-width:0; width:min(43vw,200px); }.company-grid { grid-template-columns:1fr; }.chrome-restore span { display:none; } }
@media (max-width:1200px) { .chat-shell { grid-template-columns:230px minmax(340px,1fr); }.presence-panel { display:none; } }
@media (max-width:1000px) { .task-board,.dossier-grid,.attendance-layout,.notification-layout,.compensation-layout { grid-template-columns:1fr; }.billing-metrics,.compensation-metrics { grid-template-columns:repeat(2,1fr); }.permission-modules { grid-template-columns:repeat(2,1fr); }.worker-punch-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:700px) { .chat-shell { height:auto; min-height:620px; grid-template-columns:1fr; }.chat-room-list { max-height:190px; border-right:0; border-bottom:1px solid var(--line); overflow:auto; }.chat-conversation { min-height:480px; }.chat-message-list { min-height:330px; }.chat-room-list>div { display:flex; overflow:auto; }.chat-room-list button { min-width:210px; } }
@media (max-width:650px) { .metric-grid,.billing-metrics,.permission-modules,.permission-grid.compact { grid-template-columns:1fr; }.toolbar-card { align-items:stretch; flex-direction:column; }.mine-check { padding:4px; }.action-cluster { width:100%; }.action-cluster .btn { flex:1; }.mail-metrics { grid-template-columns:1fr; } }
@media (max-width:760px) { .worker-login-shell { grid-template-columns:1fr; }.worker-login-visual { display:none; }.worker-login-card { min-height:100vh; }.worker-portal-header button span { display:none; }.worker-punch-grid { grid-template-columns:repeat(2,1fr); }.worker-punch-grid button { min-height:120px; }.worker-site-card { align-items:center; } }

.forecast-total { margin-bottom:16px; padding:17px; display:flex; align-items:center; gap:13px; border:1px solid #bee8db; border-radius:16px; color:#08745a; background:#eaf9f4; }
.forecast-total>span { width:45px; height:45px; flex:none; display:grid; place-items:center; border-radius:14px; color:#fff; background:#0b9f7c; font-size:18px; }
.forecast-total small,.forecast-total strong { display:block; }.forecast-total small { font-size:8px; letter-spacing:.08em; }.forecast-total strong { margin-top:2px; font-size:22px; }
.epp-modal-actions { margin-bottom:13px; display:flex; justify-content:flex-end; gap:8px; }.epp-request-list { max-height:520px; padding:4px; overflow:auto; }
.epp-request-card { min-height:78px; padding:13px 10px; display:flex; align-items:center; gap:11px; border-bottom:1px solid #edf1f4; }.epp-request-card>span { width:39px; height:39px; flex:none; display:grid; place-items:center; border-radius:12px; color:#5e60ce; background:#eeeeff; }.epp-request-card.urgency-high>span { color:#a86b0d; background:#fff0cc; }.epp-request-card.urgency-urgent>span { color:#ad3448; background:#ffe7eb; }
.epp-request-card>div:nth-child(2) { min-width:0; flex:1; }.epp-request-title { display:flex; align-items:center; gap:8px; }.epp-request-title strong { font-size:11px; }.epp-request-card small,.epp-request-card p,.epp-request-card em { display:block; }.epp-request-card small { margin-top:3px; color:#8793a2; font-size:8px; }.epp-request-card p,.epp-request-card em { margin:4px 0 0; color:#657286; font-size:8px; line-height:1.45; }.epp-request-card em { color:#4d6b61; font-style:normal; }
.epp-request-buttons { display:flex; gap:4px; }.epp-request-buttons button { width:32px; height:32px; display:grid; place-items:center; border:0; border-radius:9px; color:#08745a; background:#dff8ef; }.epp-request-buttons button.danger { color:#ad3448; background:#ffe7eb; }
.epp-inbox-count { min-width:22px; height:22px; padding:0 6px; display:inline-grid; place-items:center; border-radius:99px; color:#8a5200; background:#fff; font-size:9px; font-weight:900; }.epp-inbox-toolbar { margin-bottom:12px; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:14px; background:#f3f6fa; }.epp-inbox-toolbar strong,.epp-inbox-toolbar small { display:block; }.epp-inbox-toolbar strong { font-size:11px; }.epp-inbox-toolbar small { margin-top:2px; color:#7a8798; font-size:8px; }.epp-inbox-toolbar .form-select { width:230px; font-size:9px; }.epp-global-list { max-height:64vh; display:grid; gap:8px; overflow:auto; padding:2px 5px 2px 0; }.epp-global-card { padding:13px; display:grid; grid-template-columns:43px minmax(0,1fr) auto; align-items:center; gap:12px; border:1px solid #e2e7ee; border-left:4px solid #8aa0b8; border-radius:14px; background:#fff; }.epp-global-card.urgency-high { border-left-color:#e09a2d; }.epp-global-card.urgency-urgent { border-left-color:#df5269; }.epp-global-avatar { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:#5f51ce; background:#efedff; font-size:10px; font-weight:900; }.epp-global-info>div { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }.epp-global-info>div>strong { font-size:10px; }.epp-global-info h3 { margin:5px 0 3px; color:#263349; font-size:12px; }.epp-global-info h3 b { color:#5d67d7; }.epp-global-info small { color:#7b8796; font-size:8px; }.epp-global-info p,.epp-global-info em { margin:5px 0 0; display:block; color:#59687c; font-size:8px; }.epp-global-info em { color:#537263; font-style:normal; }.epp-urgency { padding:3px 6px; border-radius:99px; color:#7b5b1b; background:#fff0cc; font-size:7px; font-weight:900; }.epp-global-actions { display:flex; align-items:center; gap:5px; }.epp-global-actions .btn { min-height:38px; display:flex; align-items:center; gap:6px; font-size:8px; }.epp-global-actions .btn i { font-size:10px; }
@media(max-width:760px){.epp-inbox-toolbar{align-items:stretch;flex-direction:column}.epp-inbox-toolbar .form-select{width:100%}.epp-global-card{grid-template-columns:40px minmax(0,1fr)}.epp-global-actions{grid-column:1/-1}.epp-global-actions .btn{flex:1;justify-content:center}.epp-global-actions .btn span{display:none}}

/* Comercio: POS y autoservicio */
.pos-heading { align-items:flex-end; }.pos-metrics { margin-bottom:16px; display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:10px; }.pos-metrics article { min-height:78px; padding:13px; display:flex; align-items:center; gap:11px; border:1px solid #e3e8ee; border-radius:15px; background:#fff; }.pos-metrics article>span { width:41px; height:41px; flex:none; display:grid; place-items:center; border-radius:13px; color:#5e60ce; background:#efedff; }.pos-metrics article.attention>span { color:#a4690b; background:#fff0cc; }.pos-metrics article.ready>span { color:#08745a; background:#dff8ef; }.pos-metrics small,.pos-metrics strong { display:block; }.pos-metrics small { color:#8994a2; font-size:7px; font-weight:850; letter-spacing:.08em; }.pos-metrics strong { margin-top:3px; color:#263349; font-size:16px; }
.pos-shell { min-height:640px; display:grid; grid-template-columns:minmax(0,1fr) 360px; overflow:hidden; border:1px solid #dfe5ed; border-radius:19px; background:#fff; box-shadow:0 12px 34px #20364f0c; }.pos-catalog { min-width:0; padding:16px; background:#f4f6f9; }.pos-toolbar { margin-bottom:13px; }.pos-toolbar .input-group { max-width:520px; }.pos-toolbar .input-group>* { min-height:42px; border-color:#dfe5ec; background:#fff; }.pos-categories { margin-top:10px; display:flex; gap:6px; overflow:auto; padding-bottom:2px; }.pos-categories button { padding:7px 11px; border:1px solid #dde3eb; border-radius:99px; color:#637086; background:#fff; font-size:8px; font-weight:850; white-space:nowrap; }.pos-categories button.active { border-color:#5e60ce; color:#fff; background:#5e60ce; }
.pos-product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:9px; }.pos-product { min-height:154px; padding:13px; position:relative; display:flex; align-items:flex-start; flex-direction:column; border:1px solid #e1e6ed; border-radius:16px; color:#29364b; background:#fff; text-align:left; transition:.18s ease; }.pos-product:hover { transform:translateY(-2px); border-color:var(--product-color); box-shadow:0 10px 24px #26364b12; }.pos-product>span { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:var(--product-color); background:color-mix(in srgb,var(--product-color) 13%,white); font-size:17px; }.pos-product>div { min-width:0; margin-top:11px; }.pos-product strong,.pos-product small { display:block; }.pos-product strong { display:-webkit-box; overflow:hidden; font-size:10px; line-height:1.35; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.pos-product small { margin-top:3px; overflow:hidden; color:#8a95a4; font-size:7px; white-space:nowrap; text-overflow:ellipsis; }.pos-product>b { margin-top:auto; color:#17212d; font-size:13px; }.pos-product.out { opacity:.5; filter:grayscale(.6); }.pos-edit-product { position:absolute; right:10px; top:10px; width:25px; height:25px; display:grid; place-items:center; border-radius:8px; color:#6b5ed7; background:#f0eeff; font-size:8px; }
.pos-cart { min-width:0; display:grid; grid-template-rows:auto minmax(220px,1fr) auto; border-left:1px solid #e2e7ed; background:#fff; }.pos-cart>header { min-height:70px; padding:13px 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e8ecf1; }.pos-cart>header>div { display:flex; align-items:center; gap:10px; }.pos-cart>header>div>span { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; color:#fff; background:linear-gradient(135deg,#5d54dc,#8771ec); }.pos-cart header strong,.pos-cart header small { display:block; }.pos-cart header strong { font-size:11px; }.pos-cart header small { margin-top:2px; color:#8a95a2; font-size:7px; }.pos-cart>header>button { width:31px; height:31px; display:grid; place-items:center; border:0; border-radius:9px; color:#ad4052; background:#ffeaed; }.pos-cart-lines { min-height:0; padding:8px 13px; overflow:auto; }.pos-cart-lines article { min-height:74px; padding:8px 0; display:grid; grid-template-columns:38px minmax(0,1fr) auto 24px; align-items:center; gap:8px; border-bottom:1px solid #edf0f4; }.pos-cart-lines article>span { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; color:var(--product-color); background:color-mix(in srgb,var(--product-color) 13%,white); }.pos-cart-lines article>div>strong,.pos-cart-lines article>div>small { display:block; }.pos-cart-lines article>div>strong { font-size:9px; }.pos-cart-lines article>div>small { color:#8c96a4; font-size:7px; }.pos-cart-lines article>div>div { margin-top:5px; display:flex; align-items:center; gap:5px; }.pos-cart-lines article>div>div button { width:23px; height:23px; flex:none; display:grid; place-items:center; border:0; border-radius:7px; color:#5d52c5; background:#efedff; }.pos-cart-lines article>div>div input { width:48px; height:25px; padding:2px 3px; border:1px solid #cfd5e7; border-radius:7px; color:#28364a; background:#fff; font-size:9px; font-weight:850; text-align:center; outline:0; }.pos-cart-lines article>div>div input:focus { border-color:#6a5de0; box-shadow:0 0 0 3px #6a5de019; }.pos-cart-lines article>strong { font-size:9px; }.pos-cart-lines article>button { border:0; color:#a1aab5; background:transparent; }.pos-cart-empty { height:100%; min-height:220px; display:grid; place-items:center; align-content:center; color:#9ca6b2; text-align:center; }.pos-cart-empty i { margin-bottom:8px; font-size:28px; }.pos-cart-empty strong,.pos-cart-empty span { display:block; }.pos-cart-empty strong { color:#687588; font-size:11px; }.pos-cart-empty span { margin-top:3px; font-size:8px; }.pos-cart>footer { padding:13px 16px 16px; border-top:1px solid #e8ecf1; box-shadow:0 -9px 22px #27364b08; }.pos-cart>footer>div { padding:3px 0; display:flex; justify-content:space-between; color:#6d798b; font-size:9px; }.pos-cart>footer .pos-grand { margin:8px 0 12px; padding-top:10px; align-items:center; border-top:1px dashed #cbd2dc; color:#243146; font-size:12px; }.pos-cart>footer .pos-grand strong { font-size:20px; }.pos-cart>footer .btn { width:100%; min-height:48px; border:0; border-radius:13px; background:linear-gradient(135deg,#5e60ce,#745be6); }.pos-history { margin-top:20px; }.channel-chip { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:99px; color:#4e59ba; background:#ececff; font-size:8px; font-weight:800; }.channel-chip.kiosk { color:#08745a; background:#dff8ef; }
.cash-close-summary>div { padding:8px 0; display:flex; justify-content:space-between; border-bottom:1px solid #eef1f4; }.cash-close-summary .total { margin-bottom:12px; color:#08745a; font-size:14px; }.cash-close-summary label { margin-bottom:6px; display:block; font-size:9px; font-weight:800; }.pos-payment-options { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.pos-payment-options input { position:absolute; opacity:0; }.pos-payment-options span { min-height:74px; padding:9px; display:grid; place-items:center; border:2px solid #e1e6ed; border-radius:13px; color:#5c687b; font-size:9px; font-weight:850; cursor:pointer; }.pos-payment-options i { display:block; color:#5e60ce; font-size:20px; }.pos-payment-options input:checked+span { border-color:#6658de; color:#5648c6; background:#f2efff; }
.commerce-receipt { max-width:390px; margin:auto; padding:18px; color:#263246; border:1px solid #dde3eb; border-radius:13px; background:#fff; }.commerce-receipt header { padding-bottom:11px; text-align:center; border-bottom:2px solid var(--receipt-primary); }.commerce-receipt header>i { display:block; margin-bottom:5px; color:var(--receipt-accent); font-size:20px; }.commerce-receipt header strong,.commerce-receipt header small { display:block; }.commerce-receipt header strong { font-size:13px; }.commerce-receipt header small { margin-top:3px; color:#798496; font-size:8px; }.commerce-receipt-meta { padding:8px 0; display:grid; gap:3px; border-bottom:1px dashed #cdd3dc; color:#738094; font-size:8px; }.commerce-receipt-items { padding:8px 0; }.commerce-receipt-items>div,.commerce-receipt-totals>span,.commerce-receipt-grand { padding:4px 0; display:flex; justify-content:space-between; gap:8px; font-size:9px; }.commerce-receipt-totals { padding-top:5px; border-top:1px dashed #d2d8df; }.commerce-receipt-grand { margin-top:7px; padding-top:9px; align-items:center; border-top:2px solid var(--receipt-primary); font-size:12px; }.commerce-receipt-grand strong { font-size:17px; }.commerce-receipt footer { margin-top:15px; color:var(--receipt-primary); font-size:9px; font-weight:800; text-align:center; }.commerce-receipt>p { margin:8px 0 0; color:#9a7a3b; font-size:7px; text-align:center; }.commerce-settings-editor { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:16px; }.receipt-template-preview { min-height:410px; padding:24px; align-self:start; border:1px solid #dce2e9; border-radius:12px; color:#344154; background:#fff; box-shadow:0 13px 35px #26364b10; }.receipt-template-preview>i { margin-bottom:7px; display:block; color:var(--receipt-accent); text-align:center; font-size:25px; }.receipt-template-preview>strong,.receipt-template-preview>small { display:block; text-align:center; }.receipt-template-preview>strong { color:var(--receipt-primary); font-size:13px; }.receipt-template-preview>small { margin:3px 0 30px; color:#8792a0; font-size:8px; }.receipt-template-preview>div { padding:8px 0; display:flex; justify-content:space-between; border-bottom:1px dashed #d1d7de; font-size:9px; }.receipt-template-preview h3 { margin-top:12px; padding-top:12px; display:flex; justify-content:space-between; border-top:2px solid var(--receipt-primary); color:var(--receipt-primary); font-size:14px; }.receipt-template-preview footer { margin-top:32px; color:#6c7889; font-size:8px; text-align:center; }.commerce-setting-checks { display:flex; flex-wrap:wrap; align-content:end; gap:8px; }.commerce-setting-checks label { color:#5d6a7d; font-size:8px; }
.kiosk-admin-grid { display:grid; grid-template-columns:minmax(470px,1.25fr) minmax(330px,.75fr); gap:16px; }.kiosk-device-card { min-height:620px; padding:28px; display:grid; place-items:center; overflow:hidden; border-radius:22px; background:radial-gradient(circle at top right,color-mix(in srgb,var(--kiosk-accent) 25%,white),transparent 38%),linear-gradient(135deg,#16243c,#2b3c58); }.kiosk-device { width:min(650px,100%); padding:16px; border:4px solid #0b1322; border-radius:34px; background:#101a2b; box-shadow:0 25px 55px #0007; }.kiosk-device-screen { min-height:500px; overflow:hidden; border-radius:20px; background:#f5f6f8; }.kiosk-device-screen>header { padding:17px; display:flex; align-items:center; gap:11px; color:#fff; background:var(--kiosk-primary); }.kiosk-device-screen>header>span { width:39px; height:39px; display:grid; place-items:center; border-radius:12px; background:var(--kiosk-accent); }.kiosk-device-screen header small,.kiosk-device-screen header strong { display:block; }.kiosk-device-screen header small { opacity:.75; font-size:7px; }.kiosk-device-screen header strong { font-size:13px; }.kiosk-preview-products { padding:16px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.kiosk-preview-products article { min-height:120px; padding:12px; display:flex; flex-direction:column; border-radius:13px; background:#fff; box-shadow:0 5px 14px #20344a0c; }.kiosk-preview-products i { color:var(--product-color); font-size:22px; }.kiosk-preview-products strong { margin-top:15px; font-size:8px; }.kiosk-preview-products b { margin-top:auto; font-size:10px; }.kiosk-device-screen>footer { padding:12px 16px; display:flex; align-items:center; justify-content:space-between; }.kiosk-device-screen>footer span { color:#7b8795; font-size:8px; }.kiosk-device-screen>footer button { padding:9px 13px; border:0; border-radius:10px; color:#fff; background:var(--kiosk-accent); font-size:8px; font-weight:900; }.kiosk-admin-panel { padding:18px; border:1px solid #e1e6ed; border-radius:19px; background:#fff; }.kiosk-status-card { margin-bottom:18px; padding:13px; display:flex; align-items:center; gap:10px; border-radius:13px; color:#08745a; background:#e8f9f3; }.kiosk-status-card.off { color:#8e651d; background:#fff5dc; }.kiosk-status-card>span { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:#fff8; }.kiosk-status-card strong,.kiosk-status-card small { display:block; }.kiosk-status-card strong { font-size:10px; }.kiosk-status-card small { margin-top:2px; font-size:8px; }.kiosk-admin-panel>label { margin-bottom:6px; color:#687589; font-size:8px; font-weight:850; }.kiosk-feature-list { margin:17px 0; display:grid; gap:7px; }.kiosk-feature-list article { padding:10px; display:flex; align-items:center; gap:10px; border-radius:12px; background:#f5f7fa; }.kiosk-feature-list article>i { width:31px; color:#5e60ce; text-align:center; }.kiosk-feature-list strong,.kiosk-feature-list small { display:block; }.kiosk-feature-list strong { font-size:9px; }.kiosk-feature-list small { color:#8591a1; font-size:7px; }
.kiosk-public-shell { min-height:100vh; background:#f1f3f6; }.public-kiosk { min-height:100vh; display:grid; grid-template-rows:86px minmax(0,1fr); color:#263247; background:#f2f4f7; }.public-kiosk>header { padding:13px 24px; display:flex; align-items:center; gap:18px; color:#fff; background:var(--kiosk-primary); }.public-kiosk-brand { display:flex; align-items:center; gap:12px; }.public-kiosk-brand>span { width:50px; height:50px; display:grid; place-items:center; border-radius:15px; color:var(--kiosk-primary); background:var(--kiosk-accent); font-size:20px; }.public-kiosk-brand small,.public-kiosk-brand strong { display:block; }.public-kiosk-brand small { opacity:.72; font-size:9px; }.public-kiosk-brand strong { font-size:20px; }.public-kiosk>header>#public-kiosk-clock { margin-left:auto; font-size:22px; font-weight:800; }.public-kiosk>header>button { min-width:175px; min-height:52px; padding:8px 13px; display:flex; align-items:center; gap:9px; border:0; border-radius:15px; color:var(--kiosk-primary); background:#fff; font-size:16px; }.public-kiosk>header>button span { min-width:28px; height:28px; display:grid; place-items:center; border-radius:99px; color:var(--kiosk-primary); background:var(--kiosk-accent); font-size:12px; font-weight:900; }.public-kiosk>header>button b { margin-left:auto; }.public-kiosk>main { min-height:0; display:grid; grid-template-columns:230px minmax(0,1fr); }.public-kiosk>main>aside { padding:25px 18px; color:#fff; background:color-mix(in srgb,var(--kiosk-primary) 92%,black); }.public-kiosk>main>aside h2 { margin:0 0 20px; font-size:18px; line-height:1.3; }.public-kiosk>main>aside>div { display:grid; gap:7px; }.public-kiosk>main>aside button { min-height:51px; padding:10px 13px; display:flex; align-items:center; gap:10px; border:0; border-radius:13px; color:#dce3ef; background:#ffffff0b; text-align:left; font-size:12px; font-weight:800; }.public-kiosk>main>aside button i { width:23px; color:var(--kiosk-accent); }.public-kiosk>main>aside button.active { color:var(--kiosk-primary); background:var(--kiosk-accent); }.public-kiosk>main>aside button.active i { color:inherit; }.public-kiosk>main>section { min-width:0; padding:24px; overflow:auto; }.public-kiosk-products { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:16px; }.public-kiosk-products>button { min-height:235px; padding:18px; position:relative; display:flex; align-items:flex-start; flex-direction:column; border:0; border-radius:22px; color:#253146; background:#fff; text-align:left; box-shadow:0 8px 24px #1e31470d; transition:.18s; }.public-kiosk-products>button:hover { transform:translateY(-3px); box-shadow:0 15px 30px #1e314719; }.public-kiosk-products>button>span { width:68px; height:68px; display:grid; place-items:center; border-radius:20px; color:var(--product-color); background:color-mix(in srgb,var(--product-color) 14%,white); font-size:29px; }.public-kiosk-products strong { margin-top:20px; font-size:16px; line-height:1.25; }.public-kiosk-products small { margin-top:4px; color:#8b96a4; font-size:10px; }.public-kiosk-products b { margin-top:auto; color:var(--kiosk-primary); font-size:20px; }.public-kiosk-products em { position:absolute; right:13px; top:13px; padding:5px 8px; border-radius:99px; color:#a13b4c; background:#ffe9ed; font-size:8px; font-style:normal; font-weight:900; }.public-kiosk-products>button:disabled { opacity:.5; filter:grayscale(1); }
.public-kiosk-cart-panel { position:fixed; z-index:100; inset:0; display:flex; justify-content:flex-end; visibility:hidden; background:#10182785; opacity:0; transition:.2s; }.public-kiosk-cart-panel.open { visibility:visible; opacity:1; }.public-kiosk-cart-panel>div { width:min(520px,100%); display:grid; grid-template-rows:auto minmax(0,1fr) auto; transform:translateX(100%); background:#fff; transition:.25s; }.public-kiosk-cart-panel.open>div { transform:none; }.public-kiosk-cart-panel>div>header { padding:22px; display:flex; align-items:center; justify-content:space-between; color:#fff; background:var(--kiosk-primary); }.public-kiosk-cart-panel header small,.public-kiosk-cart-panel header strong { display:block; }.public-kiosk-cart-panel header small { opacity:.7; font-size:9px; }.public-kiosk-cart-panel header strong { margin-top:3px; font-size:18px; }.public-kiosk-cart-panel header button { width:43px; height:43px; display:grid; place-items:center; border:0; border-radius:13px; color:var(--kiosk-primary); background:#fff; }.public-kiosk-cart-panel>div>div { padding:12px 22px; overflow:auto; }.public-kiosk-cart-panel article { min-height:84px; display:grid; grid-template-columns:48px minmax(0,1fr) auto auto; align-items:center; gap:10px; border-bottom:1px solid #e8ecf1; }.public-kiosk-cart-panel article>span { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; color:var(--product-color); background:color-mix(in srgb,var(--product-color) 13%,white); }.public-kiosk-cart-panel article strong,.public-kiosk-cart-panel article small { display:block; }.public-kiosk-cart-panel article strong { font-size:11px; }.public-kiosk-cart-panel article small { color:#8994a2; font-size:8px; }.public-kiosk-cart-panel article>div:nth-child(3) { display:flex; align-items:center; gap:7px; }.public-kiosk-cart-panel article>div:nth-child(3) button { width:31px; height:31px; display:grid; place-items:center; border:0; border-radius:9px; color:#5d52c6; background:#efedff; }.public-kiosk-cart-panel>div>footer { padding:18px 22px; border-top:1px solid #e6eaf0; }.public-kiosk-cart-panel>div>footer>div { margin-bottom:13px; display:flex; align-items:center; justify-content:space-between; font-size:17px; }.public-kiosk-cart-panel>div>footer strong { font-size:25px; }.public-kiosk-cart-panel>div>footer button { width:100%; min-height:56px; border:0; border-radius:15px; color:var(--kiosk-primary); background:var(--kiosk-accent); font-size:15px; font-weight:900; }.public-kiosk-empty { min-height:400px; display:grid; place-items:center; align-content:center; color:#9aa5b1; text-align:center; }.public-kiosk-empty i { margin-bottom:12px; font-size:45px; }.public-kiosk-empty strong,.public-kiosk-empty span { display:block; }.public-kiosk-empty strong { color:#58667a; font-size:15px; }.public-kiosk-empty span { margin-top:4px; font-size:10px; }.kiosk-order-number { padding:10px 18px; display:inline-block; border-radius:14px; color:#fff; background:#5e60ce; font-size:36px; }.kiosk-unavailable { min-height:100vh; display:grid; place-items:center; align-content:center; color:#6f7b8b; text-align:center; }.kiosk-unavailable i { font-size:60px; }.kiosk-unavailable h1 { margin:15px 0 3px; }.kiosk-unavailable p { margin:0; }
@media(max-width:1100px){.pos-shell{grid-template-columns:minmax(0,1fr) 330px}.pos-metrics{grid-template-columns:repeat(2,1fr)}.kiosk-admin-grid{grid-template-columns:1fr}.kiosk-device-card{min-height:520px}.public-kiosk>main{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){.pos-shell{display:block}.pos-cart{min-height:540px;border-left:0;border-top:1px solid #e2e7ed}.pos-metrics{grid-template-columns:1fr 1fr}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-settings-editor{grid-template-columns:1fr}.receipt-template-preview{display:none}.kiosk-admin-grid{grid-template-columns:1fr}.kiosk-device-card{min-height:0;padding:10px}.kiosk-device{padding:8px}.public-kiosk{grid-template-rows:auto minmax(0,1fr)}.public-kiosk>header{padding:9px 12px}.public-kiosk-brand strong{font-size:14px}.public-kiosk>header>#public-kiosk-clock{display:none}.public-kiosk>header>button{min-width:120px}.public-kiosk>main{display:block}.public-kiosk>main>aside{padding:12px}.public-kiosk>main>aside h2{display:none}.public-kiosk>main>aside>div{display:flex;overflow:auto}.public-kiosk>main>aside button{min-width:130px}.public-kiosk>main>section{padding:12px}.public-kiosk-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.public-kiosk-products>button{min-height:190px;padding:13px}.public-kiosk-products>button>span{width:52px;height:52px}.public-kiosk-products strong{font-size:13px}.pos-payment-options{grid-template-columns:1fr}}

/* Imposición gráfica y muebles */
.production-notice { margin-bottom:14px; padding:11px 13px; display:flex; align-items:center; gap:9px; border:1px solid #cddbf5; border-radius:13px; color:#405a7c; background:#f0f5ff; }.production-notice i { color:#4f6fd7; }.production-notice strong,.production-notice span { display:block; }.production-notice strong { font-size:9px; }.production-notice span { font-size:8px; }.production-notice.small { margin:15px 0 0; border-color:#ead49c; color:#765b20; background:#fff7e4; font-size:8px; }
.print-layout-shell,.furniture-shell { min-height:690px; display:grid; grid-template-columns:330px minmax(0,1fr); overflow:hidden; border:1px solid #dfe5ed; border-radius:19px; background:#fff; }.production-controls,.furniture-controls { padding:17px; overflow:auto; border-right:1px solid #e2e7ed; background:#fff; }.production-controls>label,.furniture-controls>label { margin:0 0 6px; display:block; color:#637086; font-size:8px; font-weight:850; }.production-controls>.form-control,.furniture-controls>.form-control { margin-bottom:12px; }.production-mode { margin:12px 0; padding:4px; display:grid; grid-template-columns:1fr 1fr; gap:4px; border-radius:11px; background:#f0f3f7; }.production-mode button { min-height:38px; display:flex; align-items:center; justify-content:center; gap:7px; border:0; border-radius:9px; color:#69768a; background:transparent; font-size:9px; font-weight:850; }.production-mode button.active { color:#5a4dcb; background:#fff; box-shadow:0 3px 9px #26364b10; }.production-grid-fields { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.production-grid-fields label { color:#6b7788; font-size:8px; font-weight:800; }.production-grid-fields .form-control { margin-top:4px; min-height:35px; font-size:9px; }.production-check { margin-top:11px!important; display:flex!important; align-items:center; gap:7px; }.production-section-title { margin:16px 0 8px; display:flex; align-items:center; justify-content:space-between; }.production-section-title strong { font-size:10px; }.production-section-title button { width:28px; height:28px; display:grid; place-items:center; border:0; border-radius:8px; color:#fff; background:#5e60ce; }
.print-part-list { display:grid; gap:6px; }.print-part-row { padding:8px; display:grid; grid-template-columns:minmax(0,1fr) 56px 56px 48px 25px 24px; align-items:end; gap:5px; border:1px solid #e3e8ee; border-radius:11px; background:#f8fafc; }.print-part-row label { color:#84909e; font-size:6px; }.print-part-row .form-control { min-height:31px; padding:5px; font-size:8px; }.print-part-color { width:24px; height:31px; padding:0; border:0; background:none; }.print-part-row>button { width:24px; height:31px; display:grid; place-items:center; border:0; border-radius:7px; color:#a64051; background:#ffe9ec; }
.production-preview { min-width:0; padding:18px; overflow:auto; background:#eef1f5; }.production-metrics { margin-bottom:13px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.production-metrics article { padding:11px; border:1px solid #e0e5ec; border-radius:12px; background:#fff; }.production-metrics article.danger { color:#ab3749; background:#fff0f2; }.production-metrics small,.production-metrics strong { display:block; }.production-metrics small { color:#8792a1; font-size:7px; }.production-metrics strong { margin-top:3px; font-size:15px; }.print-sheet-preview { min-height:575px; padding:35px; position:relative; display:grid; place-items:start center; overflow:auto; border-radius:16px; background-color:#dfe4eb; background-image:linear-gradient(45deg,#d7dde5 25%,transparent 25%),linear-gradient(-45deg,#d7dde5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7dde5 75%),linear-gradient(-45deg,transparent 75%,#d7dde5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.print-sheet { position:relative; flex:none; min-width:220px; min-height:200px; overflow:hidden; border:1px solid #aeb8c5; background:#fff; box-shadow:0 12px 35px #26364b2e; }.print-sheet-label { position:absolute; z-index:2; left:7px; top:7px; padding:4px 6px; border-radius:6px; color:#5b6879; background:#ffffffdd; font-size:7px; font-weight:850; }.print-placement { position:absolute; min-width:3px; min-height:3px; display:grid; place-items:center; overflow:hidden; border:1px solid #fff9; color:#fff; box-shadow:inset 0 0 0 1px #0001; text-align:center; }.print-placement b,.print-placement small { max-width:94%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-shadow:0 1px 2px #0006; }.print-placement b { font-size:7px; }.print-placement small { font-size:6px; }.print-sheet-pages { position:absolute; right:25px; bottom:20px; padding:7px 10px; border-radius:9px; color:#fff; background:#26364bd6; font-size:8px; }
.furniture-shell { grid-template-columns:320px minmax(0,1fr); }.furniture-workspace { min-width:0; padding:17px; overflow:auto; background:#f0f3f7; }.furniture-visual { min-height:510px; padding:20px; position:relative; display:grid; grid-template-columns:minmax(330px,1fr) 220px; align-items:center; gap:24px; overflow:hidden; border-radius:18px; background:radial-gradient(circle at 30% 20%,#fff,#e4e9ef); }.furniture-visual>#furniture-model { min-height:440px; position:relative; display:grid; place-items:center; perspective:900px; }.cabinet-model { position:relative; border:8px solid #c7a777; background:linear-gradient(135deg,#faf6ed,#eee2ce); box-shadow:var(--cabinet-depth) var(--cabinet-depth) 0 #9c7b4c,calc(var(--cabinet-depth) + 8px) calc(var(--cabinet-depth) + 12px) 30px #27364b32; }.cabinet-model:before { content:""; position:absolute; inset:0; background:linear-gradient(100deg,transparent,#fff5 40%,transparent 41%); pointer-events:none; }.cabinet-side,.cabinet-top,.cabinet-bottom { position:absolute; background:#a98554; }.cabinet-shelf { position:absolute; left:0; right:0; height:7px; background:#c7a777; box-shadow:0 2px 3px #0002; }.cabinet-doors { position:absolute; inset:0; display:flex; }.cabinet-doors>span { flex:1; position:relative; border:2px solid #aa8959; background:#e9d9bdcf; box-shadow:inset 0 0 15px #8c6d4025; }.cabinet-doors>span i { width:5px; height:22px; position:absolute; right:8px; top:50%; border-radius:4px; background:#5d6670; }.cabinet-dim { position:absolute; padding:4px 7px; border-radius:7px; color:#fff; background:#5e60ce; font-size:8px; font-weight:850; }.cabinet-dim.width { bottom:8px; left:50%; transform:translateX(-50%); }.cabinet-dim.height { left:5px; top:50%; transform:translateY(-50%) rotate(-90deg); }.cabinet-dim.depth { right:5px; top:14px; }.furniture-visual>#furniture-summary { display:grid; gap:8px; }.furniture-visual>#furniture-summary article { padding:12px; border:1px solid #e0e5eb; border-radius:13px; background:#fff; }.furniture-visual>#furniture-summary small,.furniture-visual>#furniture-summary strong { display:block; }.furniture-visual>#furniture-summary small { color:#8792a0; font-size:7px; }.furniture-visual>#furniture-summary strong { margin-top:3px; font-size:17px; }.furniture-cut-list { margin-top:14px; overflow:hidden; border:1px solid #e0e5ec; border-radius:16px; background:#fff; }.furniture-cut-list>header { min-height:57px; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; }.furniture-cut-list>header>div { display:flex; align-items:center; gap:8px; }.furniture-cut-list>header i { color:#5e60ce; }.furniture-cut-list>header strong { font-size:11px; }.furniture-cut-list>header span { color:#7f8b9a; font-size:8px; }.cut-color { width:10px; height:10px; margin-right:6px; display:inline-block; border-radius:3px; }

/* Solicitudes y soporte técnico */
.request-view-switch { padding:4px; display:flex; gap:4px; border-radius:12px; background:#edf1f5; }.request-view-switch button { min-height:38px; padding:7px 11px; display:flex; align-items:center; gap:7px; border:0; border-radius:9px; color:#687589; background:transparent; font-size:8px; font-weight:850; }.request-view-switch button.active { color:#5a4dc8; background:#fff; box-shadow:0 4px 10px #24364b10; }.request-view-switch b { min-width:20px; height:20px; display:grid; place-items:center; border-radius:99px; color:#fff; background:#df5269; font-size:7px; }.request-hub-metrics,.support-metrics { margin-bottom:14px; display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }.request-hub-metrics article,.support-metrics article { min-height:74px; padding:12px; display:flex; align-items:center; gap:10px; border:1px solid #e1e6ed; border-radius:14px; background:#fff; }.request-hub-metrics article>span,.support-metrics article>span { width:39px; height:39px; display:grid; place-items:center; border-radius:12px; color:var(--request-color,#5e60ce); background:color-mix(in srgb,var(--request-color,#5e60ce) 13%,white); }.request-hub-metrics small,.request-hub-metrics strong,.support-metrics small,.support-metrics strong { display:block; }.request-hub-metrics small,.support-metrics small { color:#8692a1; font-size:7px; }.request-hub-metrics strong,.support-metrics strong { margin-top:3px; font-size:16px; }.request-hub-list { display:grid; gap:8px; }.request-ticket { min-height:105px; padding:13px; display:grid; grid-template-columns:34px 43px minmax(0,1fr) auto; align-items:center; gap:10px; border:1px solid #e1e6ed; border-left:4px solid #8092aa; border-radius:15px; background:#fff; }.request-ticket.urgency-high { border-left-color:#e29a2d; }.request-ticket.urgency-urgent { border-left-color:#df5269; }.request-ticket.closed { opacity:.72; }.request-check input { position:absolute; opacity:0; }.request-check>span { width:27px; height:27px; display:grid; place-items:center; border:2px solid #ccd4de; border-radius:9px; color:transparent; cursor:pointer; }.request-check input:checked+span { border-color:#10a37f; color:#fff; background:#10a37f; }.request-kind { width:41px; height:41px; display:grid; place-items:center; border-radius:12px; color:#5e60ce; background:#efedff; }.request-ticket-body>div { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }.request-ticket-body>div>strong { font-size:11px; }.request-source { padding:3px 6px; border-radius:99px; color:#5262bf; background:#edf0ff; font-size:7px; font-weight:850; }.request-ticket-body h3 { margin:5px 0 0; font-size:10px; }.request-ticket-body h3 small { color:#8994a2; font-size:7px; font-weight:400; }.request-ticket-body p { margin:5px 0 0; color:#58677a; font-size:9px; }.request-ticket-body footer { margin-top:7px; display:flex; align-items:center; gap:9px; flex-wrap:wrap; color:#7f8b9a; font-size:7px; }.request-ticket-body footer span,.request-ticket-body footer button { display:flex; align-items:center; gap:4px; }.request-ticket-body footer button { padding:4px 7px; border:0; border-radius:7px; color:#5d52ca; background:#efedff; }.request-ticket-body>em { margin-top:6px; display:block; color:#527364; font-size:8px; font-style:normal; }.request-ticket-actions { display:flex; align-items:center; gap:5px; }.request-ticket-actions .btn { min-height:38px; display:flex; align-items:center; gap:6px; font-size:8px; }
.support-metrics article.warning>span { color:#af6a0a; background:#fff0cc; }.support-metrics article.ready>span { color:#08745a; background:#dff8ef; }.support-board { display:grid; grid-template-columns:repeat(4,minmax(230px,1fr)); gap:10px; overflow:auto; padding-bottom:5px; }.support-board>section { min-height:520px; padding:9px; border-radius:16px; background:#edf1f5; }.support-board>section>header { min-height:44px; padding:7px 5px; display:flex; align-items:center; justify-content:space-between; }.support-board>section>header>div { display:flex; align-items:center; gap:7px; }.support-board>section>header i { color:#5e60ce; }.support-board>section>header strong { font-size:10px; }.support-board>section>header b { min-width:23px; height:23px; display:grid; place-items:center; border-radius:99px; color:#667386; background:#fff; font-size:8px; }.support-board>section>div { display:grid; gap:7px; }.support-ticket { padding:12px; border:1px solid #e0e5ec; border-top:3px solid #8291a5; border-radius:13px; background:#fff; cursor:pointer; box-shadow:0 4px 12px #26364b08; }.support-ticket.priority-high { border-top-color:#e29a2d; }.support-ticket.priority-urgent { border-top-color:#df5269; }.support-ticket>div:first-child { display:flex; align-items:center; justify-content:space-between; color:#748196; font-size:7px; font-weight:850; }.support-ticket>div:first-child b { padding:3px 6px; border-radius:99px; color:#a45b12; background:#fff0cc; }.support-ticket.priority-urgent>div:first-child b { color:#a73749; background:#ffe7eb; }.support-ticket h3 { margin:9px 0 5px; color:#263348; font-size:11px; line-height:1.35; }.support-ticket>p { margin:0; color:#7b8797; font-size:8px; }.support-ticket>footer { margin-top:11px; padding-top:8px; display:grid; gap:5px; border-top:1px solid #edf0f3; }.support-ticket>footer span,.support-ticket>small { display:flex; align-items:center; gap:5px; color:#748196; font-size:7px; }.support-ticket>footer i,.support-ticket>small i { width:13px; color:#5e60ce; }.support-ticket>small { margin-top:5px; color:#9b6811; }.support-column-empty { min-height:180px; display:grid; place-items:center; align-content:center; color:#a2abb7; font-size:8px; }.support-column-empty i { margin-bottom:5px; font-size:6px; }
.support-detail>header { padding:16px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; border-left:5px solid #8796a9; border-radius:14px; background:#f3f6f9; }.support-detail>header.priority-high { border-left-color:#e29a2d; }.support-detail>header.priority-urgent { border-left-color:#df5269; }.support-detail>header span { color:#8a651b; font-size:8px; font-weight:850; text-transform:uppercase; }.support-detail>header h2 { margin:4px 0; font-size:17px; }.support-detail>header p { margin:0; color:#758296; font-size:9px; }.support-detail>header>strong { padding:6px 9px; border-radius:99px; color:#4f5f74; background:#fff; font-size:8px; white-space:nowrap; }.support-detail-meta { margin:10px 0; display:flex; flex-wrap:wrap; gap:6px; }.support-detail-meta span,.support-detail-meta a { padding:7px 9px; display:flex; align-items:center; gap:6px; border-radius:9px; color:#526176; background:#f1f4f8; font-size:8px; text-decoration:none; }.support-detail-meta a { color:#4e46b9; background:#efedff; }.support-problem { padding:13px; border:1px solid #e3e8ee; border-radius:13px; }.support-problem h3,.support-timeline>h3 { margin:0 0 7px; font-size:10px; }.support-problem p { margin:0; color:#4f5e72; font-size:9px; line-height:1.55; white-space:pre-wrap; }.support-timeline { margin-top:13px; }.support-timeline article { min-height:67px; display:grid; grid-template-columns:34px minmax(0,1fr); gap:9px; }.support-timeline article>span { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; color:#5e60ce; background:#efedff; }.support-timeline article>div { padding-bottom:10px; border-bottom:1px solid #edf0f4; }.support-timeline strong,.support-timeline small { display:block; }.support-timeline strong { font-size:9px; }.support-timeline small { color:#8a96a4; font-size:7px; }.support-timeline p { margin:4px 0 0; color:#526176; font-size:9px; white-space:pre-wrap; }.support-detail-actions { margin-top:14px; display:flex; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
@media(max-width:1100px){.print-layout-shell,.furniture-shell{grid-template-columns:300px minmax(500px,1fr)}.support-board{grid-template-columns:repeat(4,270px)}.request-hub-metrics,.support-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.print-layout-shell,.furniture-shell{display:block}.production-controls,.furniture-controls{border-right:0;border-bottom:1px solid #e2e7ed}.production-preview,.furniture-workspace{padding:10px}.production-metrics{grid-template-columns:repeat(2,1fr)}.print-part-row{grid-template-columns:minmax(0,1fr) 55px 55px 45px 23px 23px}.furniture-visual{grid-template-columns:1fr}.furniture-visual>#furniture-summary{grid-template-columns:repeat(2,1fr)}.request-hub-metrics,.support-metrics{grid-template-columns:1fr 1fr}.request-ticket{grid-template-columns:30px 38px minmax(0,1fr)}.request-ticket-actions{grid-column:1/-1}.request-ticket-actions .btn{flex:1;justify-content:center}.support-board{grid-template-columns:repeat(4,250px)}.support-detail-actions .btn{flex:1}.content-heading .request-view-switch{width:100%}}
.worker-portal-main { max-width:1060px; }.worker-portal-sections { margin-top:18px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }.worker-dashboard-card { overflow:hidden; border:1px solid var(--line); border-radius:19px; background:#fff; box-shadow:0 8px 24px #213a4d09; }.worker-dashboard-card>header { min-height:57px; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #edf0f4; }.worker-dashboard-card>header>div { display:flex; align-items:center; gap:9px; }.worker-dashboard-card>header i { color:#5e60ce; }.worker-dashboard-card>header strong { font-size:12px; }.worker-dashboard-card>header>span { color:#7b8797; font-size:9px; }.worker-pay-card { grid-column:1/-1; }
.worker-pay-metrics { padding:15px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.worker-pay-metrics article { padding:14px; border-radius:13px; background:#f3f6f9; }.worker-pay-metrics article.pending { color:#08745a; background:#eaf9f4; }.worker-pay-metrics small,.worker-pay-metrics strong { display:block; }.worker-pay-metrics small { color:#7e8997; font-size:8px; }.worker-pay-metrics strong { margin-top:3px; color:#344256; font-size:17px; }.worker-pay-metrics .pending strong { color:#08745a; }
.worker-pay-calendar { padding:2px 18px 16px; }.worker-pay-calendar>strong { display:block; margin:5px 0 8px; font-size:10px; }.worker-pay-calendar .pay-calendar-days>span { min-height:42px; }.worker-payment-history { padding:0 18px 8px; }.worker-payment-history article { min-height:54px; display:flex; align-items:center; gap:9px; border-top:1px solid #edf1f4; }.worker-payment-history article>span { width:31px; height:31px; flex:none; display:grid; place-items:center; border-radius:10px; color:#5e60ce; background:#eeeeff; }.worker-payment-history article>div { flex:1; }.worker-payment-history strong,.worker-payment-history small { display:block; }.worker-payment-history strong { font-size:9px; }.worker-payment-history small { color:#8994a2; font-size:8px; }.worker-payment-history b { font-size:10px; }.worker-card-caption { margin:0; padding:9px 18px 14px; color:#84909d; font-size:8px; }.worker-panel-note { margin:0 18px 14px; padding:11px; border-radius:11px; color:#7b5d20; background:#fff7e6; font-size:9px; }
.worker-task-list,.worker-epp-list { padding:4px 18px 13px; }.worker-task-list article,.worker-epp-list article { min-height:64px; display:flex; align-items:center; gap:10px; border-bottom:1px solid #edf1f4; }.worker-task-list article:last-child,.worker-epp-list article:last-child { border-bottom:0; }.worker-task-list article>span,.worker-epp-icon { width:35px; height:35px; flex:none; display:grid; place-items:center; border-radius:11px; color:#5e60ce; background:#eeeeff; }.worker-task-list article.priority-urgent>span,.worker-epp-icon.urgency-urgent { color:#ad3448; background:#ffe7eb; }.worker-task-list article.priority-high>span,.worker-epp-icon.urgency-high { color:#9b6811; background:#fff0cc; }.worker-task-list article>div,.worker-epp-list article>div { min-width:0; flex:1; }.worker-task-list strong,.worker-task-list small,.worker-task-list p,.worker-epp-list strong,.worker-epp-list small,.worker-epp-list p { display:block; }.worker-task-list strong,.worker-epp-list strong { font-size:10px; }.worker-task-list small,.worker-epp-list small { margin-top:2px; color:#8793a2; font-size:8px; }.worker-task-list p,.worker-epp-list p { margin:4px 0 0; color:#657286; font-size:8px; line-height:1.4; }.worker-small-action { padding:7px 10px; border:0; border-radius:9px; color:#08745a; background:#dff8ef; font-size:9px; font-weight:800; }.worker-small-action i { margin-right:3px; color:inherit!important; }
@media (max-width:760px) { .worker-portal-sections { grid-template-columns:1fr; }.worker-pay-card { grid-column:auto; }.worker-pay-metrics { grid-template-columns:1fr; }.epp-request-card { align-items:flex-start; }.epp-request-title { align-items:flex-start; flex-direction:column; }.epp-modal-actions { flex-direction:column; }.epp-modal-actions .btn { width:100%; } }

/* Vista detallada de rollos largos */
.print-sheet-preview.roll-preview{max-height:630px;display:grid;place-items:start center;align-content:start;overscroll-behavior:contain}.print-preview-toolbar{width:100%;min-height:54px;padding:8px 11px;position:sticky;z-index:20;top:-35px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce3eb;border-radius:12px;background:#fffefb;box-shadow:0 5px 15px #26364b18}.print-preview-toolbar>div:first-child{display:grid;grid-template-columns:28px 1fr;align-items:center}.print-preview-toolbar>div:first-child i{width:28px;height:28px;grid-row:1/3;display:grid;place-items:center;border-radius:9px;color:#5e60ce;background:#efedff}.print-preview-toolbar strong,.print-preview-toolbar span{display:block}.print-preview-toolbar strong{font-size:9px}.print-preview-toolbar span{color:#7b8796;font-size:7px}.print-preview-toolbar>div:last-child{display:flex;gap:4px}.print-preview-toolbar button{padding:7px 9px;border:0;border-radius:8px;color:#647287;background:#edf1f5;font-size:7px;font-weight:850}.print-preview-toolbar button.active{color:#fff;background:#5e60ce}.print-roll-ruler{position:absolute;z-index:4;right:4px;padding:2px 4px;transform:translateY(-50%);border-radius:4px;color:#536074;background:#ffffffdb;font-size:6px;font-weight:850}.print-roll-ruler:before{content:"";width:10px;position:absolute;right:100%;top:50%;border-top:1px solid #718096}.print-preview-limit{width:min(520px,100%);padding:9px 12px;position:sticky;bottom:5px;border-radius:10px;color:#765c1d;background:#fff4d8;font-size:8px}

/* Turnos de atención: administración */
.queue-metrics{margin-bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.queue-metrics article{min-height:82px;padding:13px;display:flex;align-items:center;gap:11px;border:1px solid #e1e6ed;border-radius:15px;background:#fff}.queue-metrics article>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#5e60ce;background:#efedff}.queue-metrics small,.queue-metrics strong{display:block}.queue-metrics small{color:#84909f;font-size:7px}.queue-metrics strong{margin-top:3px;font-size:17px}.queue-operation-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:13px}.queue-desk-panel,.queue-waiting-panel{overflow:hidden;border:1px solid #dfe5ec;border-radius:18px;background:#fff;box-shadow:0 8px 24px #26364b08}.queue-desk-panel>header{min-height:70px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f4}.queue-desk-panel>header>div{display:flex;align-items:center;gap:10px}.queue-desk-panel>header>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#172554}.queue-desk-panel>header small,.queue-desk-panel>header strong{display:block}.queue-desk-panel>header small{color:#8994a2;font-size:7px}.queue-desk-panel>header strong{font-size:12px}.queue-desk-panel>header select{max-width:180px}.queue-current{min-height:310px;padding:28px;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--queue-color,#5e60ce) 15%,white),#fff 62%)}.queue-current>small{color:#7d8998;font-size:8px;font-weight:900;letter-spacing:.14em}.queue-current>strong{margin:7px 0;color:var(--queue-color,#5e60ce);font-size:72px;line-height:1;font-weight:950;letter-spacing:-.05em}.queue-current>span{font-size:11px;font-weight:800}.queue-current>div{margin-top:22px;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.queue-current>div .btn{display:flex;align-items:center;gap:6px;font-size:8px}.queue-current.empty>i{width:68px;height:68px;margin-bottom:12px;display:grid;place-items:center;border-radius:22px;color:#5e60ce;background:#efedff;font-size:25px}.queue-current.empty>strong{margin:0;color:#26364b;font-size:20px;letter-spacing:0}.queue-current.empty>span{margin-top:5px;color:#7e8a99;font-size:9px;font-weight:400}.queue-desk-panel>footer{padding:13px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr);gap:8px;border-top:1px solid #edf0f4}.queue-desk-panel>footer button{font-size:10px;font-weight:850}.queue-waiting-panel>header{min-height:59px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.queue-waiting-panel>header>div{display:flex;align-items:center;gap:8px}.queue-waiting-panel>header i{color:#5e60ce}.queue-waiting-panel>header strong{font-size:11px}.queue-waiting-panel>header b{min-width:29px;height:29px;display:grid;place-items:center;border-radius:99px;color:#fff;background:#5e60ce;font-size:9px}.queue-waiting-panel>div{max-height:438px;overflow:auto}.queue-waiting-panel article{min-height:65px;padding:9px 13px;display:grid;grid-template-columns:24px 58px minmax(0,1fr);align-items:center;gap:8px;border-bottom:1px solid #edf0f4}.queue-waiting-panel article>b{color:#a0a9b5;font-size:8px}.queue-waiting-panel article>span{padding:8px;border-radius:10px;color:var(--queue-color);background:color-mix(in srgb,var(--queue-color) 12%,white);font-size:12px;font-weight:900;text-align:center}.queue-waiting-panel article strong,.queue-waiting-panel article small{display:block}.queue-waiting-panel article strong{font-size:9px}.queue-waiting-panel article small{color:#8a95a3;font-size:7px}.queue-empty-list{min-height:320px;display:grid;place-items:center;align-content:center;color:#8c97a5;text-align:center}.queue-empty-list i{margin-bottom:8px;font-size:28px}.queue-empty-list strong,.queue-empty-list span{display:block}.queue-empty-list strong{color:#425168;font-size:11px}.queue-empty-list span{max-width:220px;margin-top:4px;font-size:8px}.queue-recent{margin-top:15px}

/* Configuración del sistema de turnos */
.queue-config-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.queue-config-grid.lower{margin-top:13px;grid-template-columns:1fr 1fr}.queue-config-card{padding:16px;border:1px solid #dfe5ec;border-radius:18px;background:#fff;box-shadow:0 8px 22px #26364b08}.queue-config-card>header{min-height:44px;margin-bottom:13px;display:flex;align-items:center;gap:10px}.queue-config-card>header>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#5e60ce;background:#efedff}.queue-config-card>header>div:nth-child(2){min-width:0;flex:1}.queue-config-card>header strong,.queue-config-card>header small{display:block}.queue-config-card>header strong{font-size:11px}.queue-config-card>header small{color:#8793a1;font-size:8px}.queue-config-tip{margin-top:18px;padding:13px;display:flex;align-items:center;gap:10px;border-radius:12px;color:#52627a;background:#f0f4fa;font-size:8px}.queue-config-tip i{color:#5e60ce;font-size:18px}.queue-config-list{display:grid;gap:7px}.queue-config-list article{min-height:59px;padding:8px;display:flex;align-items:center;gap:8px;border:1px solid #e4e8ee;border-radius:12px;background:#fafbfd}.queue-config-list article>span{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:11px;color:var(--queue-color);background:color-mix(in srgb,var(--queue-color) 12%,white);font-size:12px;font-weight:900}.queue-config-list article>span.counter{color:#5e60ce;background:#efedff}.queue-config-list article>div{min-width:0;flex:1}.queue-config-list strong,.queue-config-list small{display:block}.queue-config-list strong{font-size:9px}.queue-config-list small{color:#8c97a5;font-size:7px}.queue-config-list article>button,.queue-media-list article>button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;color:#718096;background:#eef2f6}.queue-media-config{margin-top:13px}.queue-media-config>header>div:last-child{display:flex;gap:6px}.queue-media-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.queue-media-list article{min-height:67px;padding:9px;display:flex;align-items:center;gap:9px;border:1px solid #e3e8ee;border-radius:13px;background:#fafbfd}.queue-media-list article>b{width:23px;color:#9aa4b1;text-align:center;font-size:8px}.queue-media-list article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#dc3545;background:#ffe9ed;font-size:17px}.queue-media-list article>div{min-width:0;flex:1}.queue-media-list strong,.queue-media-list small{display:block}.queue-media-list strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.queue-media-list small{color:#8793a2;font-size:7px}.queue-media-empty{grid-column:1/-1;min-height:130px;display:grid;place-items:center;align-content:center;color:#8c97a5;text-align:center}.queue-media-empty i{font-size:25px}.queue-media-empty strong,.queue-media-empty span{display:block}.queue-media-empty strong{margin-top:7px;color:#435168;font-size:10px}.queue-media-empty span{margin-top:3px;font-size:8px}

/* Tótem público para solicitar número */
.queue-public-root{min-height:100vh;background:#eef2f7}.queue-kiosk{--queue-primary:#172554;--queue-accent:#2ec4b6;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;color:#1e2a3a;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--queue-accent) 18%,white),transparent 33%),#f4f7fa}.queue-kiosk>header{min-height:92px;padding:18px clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--queue-primary)}.queue-kiosk>header>div{display:flex;align-items:center;gap:13px}.queue-kiosk>header>div>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:var(--queue-primary);background:#fff;font-size:20px}.queue-kiosk>header small,.queue-kiosk>header strong{display:block}.queue-kiosk>header small{opacity:.72;font-size:10px;text-transform:uppercase}.queue-kiosk>header strong{font-size:19px}.queue-kiosk>header button{width:45px;height:45px;border:0;border-radius:13px;color:#fff;background:#ffffff1c}.queue-kiosk>main{width:min(1080px,calc(100% - 36px));margin:auto;padding:42px 0}.queue-kiosk-intro{text-align:center}.queue-kiosk-intro>span{color:var(--queue-accent);font-size:11px;font-weight:900;letter-spacing:.18em}.queue-kiosk-intro h1{margin:8px 0 5px;font-size:clamp(32px,5vw,57px);font-weight:900;letter-spacing:-.045em}.queue-kiosk-intro p{color:#68758a;font-size:16px}.queue-kiosk-services{margin-top:35px;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.queue-kiosk-services button{min-height:120px;padding:20px;display:grid;grid-template-columns:58px minmax(0,1fr) 25px;align-items:center;gap:14px;border:2px solid transparent;border-radius:22px;color:#1f2b3b;background:#fff;text-align:left;box-shadow:0 12px 32px #26364b10;transition:.18s ease}.queue-kiosk-services button:hover,.queue-kiosk-services button:active{border-color:var(--service-color);transform:translateY(-3px);box-shadow:0 18px 36px #26364b1b}.queue-kiosk-services button>span{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:var(--service-color);background:color-mix(in srgb,var(--service-color) 13%,white);font-size:22px}.queue-kiosk-services strong,.queue-kiosk-services small{display:block}.queue-kiosk-services strong{font-size:18px}.queue-kiosk-services small{margin-top:5px;color:#7b8798;font-size:11px}.queue-kiosk-services button>i{color:#a3acb8}.queue-kiosk>footer{min-height:62px;padding:12px clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;color:#fff;background:#111a2a}.queue-kiosk>footer span{display:flex;align-items:center;gap:9px;font-size:11px}.queue-kiosk>footer time{font-size:12px;font-weight:800}.queue-ticket-result>strong{display:block;color:var(--queue-color);font-size:80px;line-height:1;font-weight:950;letter-spacing:-.06em}.queue-ticket-result>span{display:block;margin-top:9px;font-size:16px;font-weight:800}.queue-ticket-result>p{margin:12px 0 0;color:#6f7d90}

/* Pantalla pública de llamados y multimedia */
.queue-display{--queue-primary:#172554;--queue-accent:#2ec4b6;--media-percent:50%;height:100vh;overflow:hidden;display:grid;grid-template-rows:86px minmax(0,1fr) 58px;color:#fff;background:#0a1020}.queue-display>header{padding:13px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,var(--queue-primary),#0d1830)}.queue-display>header>div{display:flex;align-items:center;gap:12px}.queue-display>header>div:first-child>span{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;color:var(--queue-primary);background:#fff;font-size:18px}.queue-display>header small,.queue-display>header strong{display:block}.queue-display>header small{color:#b9c5d9;font-size:9px;text-transform:uppercase}.queue-display>header strong{font-size:20px}.queue-display>header time{margin-right:9px;font-size:26px;font-weight:900}.queue-display>header button{height:40px;padding:0 12px;border:1px solid #ffffff28;border-radius:11px;color:#fff;background:#ffffff12}.queue-display>header button.active{color:#0d3028;background:var(--queue-accent)}.queue-display>header button span{margin-left:6px;font-size:9px}.queue-display>main{min-height:0;display:grid;grid-template-columns:calc(100% - var(--media-percent)) var(--media-percent)}.queue-call-side{min-width:0;padding:22px;overflow:hidden;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--queue-accent) 13%,transparent),transparent 35%),#10192a}.queue-call-side>#queue-display-calls{height:100%;display:grid;grid-template-rows:minmax(0,1.1fr) minmax(150px,.7fr);gap:14px}.queue-call-latest{min-height:0;display:grid;place-items:center;align-content:center;border:2px solid color-mix(in srgb,var(--queue-color) 65%,white);border-radius:28px;background:radial-gradient(circle,color-mix(in srgb,var(--queue-color) 30%,#111a2a),#111a2a 68%);box-shadow:0 0 50px color-mix(in srgb,var(--queue-color) 25%,transparent)}.queue-call-latest small{color:#c6d1e2;font-size:12px;font-weight:900;letter-spacing:.18em}.queue-call-latest strong{margin:8px 0;color:#fff;font-size:clamp(74px,11vw,155px);line-height:.9;font-weight:950;letter-spacing:-.07em;text-shadow:0 8px 25px #0008}.queue-call-latest>span{padding:9px 18px;border-radius:99px;color:#10192a;background:#fff;font-size:clamp(18px,2vw,30px);font-weight:950}.queue-call-latest p{margin:8px 0 0;color:#d2dbea;font-size:13px}.queue-call-history{overflow:hidden;border:1px solid #ffffff18;border-radius:19px;background:#ffffff09}.queue-call-history>header,.queue-call-history>article{min-height:46px;padding:7px 15px;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:10px;border-bottom:1px solid #ffffff12}.queue-call-history>header{min-height:36px;color:#96a5ba;font-size:9px;font-weight:900}.queue-call-history>article strong{font-size:23px}.queue-call-history>article span{font-size:17px;font-weight:800}.queue-call-empty{height:100%;display:grid;place-items:center;color:#7f8fa6;font-size:11px}.queue-display-idle{grid-row:1/3;display:grid;place-items:center;align-content:center;text-align:center}.queue-display-idle>span{width:110px;height:110px;display:grid;place-items:center;border-radius:35px;color:var(--queue-accent);background:#ffffff0e;font-size:42px}.queue-display-idle strong{margin-top:18px;font-size:31px}.queue-display-idle p{color:#96a5ba;font-size:15px}.queue-media-side{min-width:0;position:relative;overflow:hidden;background:#000}.queue-media-side>#queue-media-player{width:100%;height:100%;position:relative;display:grid;place-items:center}.queue-media-side video,.queue-media-side iframe{width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}.queue-media-title{max-width:80%;padding:7px 12px;position:absolute;left:16px;bottom:14px;overflow:hidden;border-radius:9px;color:#fff;background:#000a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.queue-media-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--queue-accent) 22%,#142038),#090e19)}.queue-media-placeholder>span{width:110px;height:110px;display:grid;place-items:center;border-radius:35px;color:#fff;background:#ffffff10;font-size:43px}.queue-media-placeholder strong{margin-top:16px;font-size:34px}.queue-media-placeholder p{color:#aab7c8;font-size:14px}.queue-display>footer{padding:9px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e8eef8;background:var(--queue-primary)}.queue-display>footer span{display:flex;align-items:center;gap:10px;font-size:13px}.queue-display>footer b{white-space:nowrap;font-size:12px}.queue-public-error{min-height:100vh;display:grid;place-items:center;align-content:center;color:#5d697a;background:#f1f4f8;text-align:center}.queue-public-error i{font-size:48px}.queue-public-error h1{margin:14px 0 4px;color:#26364b}

@media(max-width:1000px){.queue-metrics{grid-template-columns:repeat(2,1fr)}.queue-operation-grid{grid-template-columns:1fr}.queue-config-grid,.queue-config-grid.lower{grid-template-columns:1fr}.queue-display>header button span{display:none}.queue-display>main{grid-template-columns:48% 52%}.queue-call-latest strong{font-size:76px}.queue-call-history>article strong{font-size:18px}.queue-call-history>article span{font-size:13px}}
@media(max-width:680px){.queue-metrics{grid-template-columns:1fr 1fr}.queue-desk-panel>header{align-items:flex-start;flex-direction:column}.queue-desk-panel>header select{max-width:none}.queue-current{min-height:260px;padding:18px}.queue-current>strong{font-size:58px}.queue-desk-panel>footer{grid-template-columns:1fr}.queue-media-list{grid-template-columns:1fr}.queue-kiosk-services{grid-template-columns:1fr}.queue-kiosk>footer{align-items:flex-start;flex-direction:column}.queue-display{grid-template-rows:70px minmax(0,1fr) 48px}.queue-display>header{padding:9px 12px}.queue-display>header>div:first-child>span{width:38px;height:38px}.queue-display>header small{font-size:7px}.queue-display>header strong{font-size:13px}.queue-display>header time{font-size:17px}.queue-display>header button{width:35px;height:35px;padding:0}.queue-display>main{grid-template-columns:1fr;grid-template-rows:60% 40%}.queue-call-side{padding:9px}.queue-call-side>#queue-display-calls{grid-template-rows:1fr 100px}.queue-call-latest{border-radius:17px}.queue-call-latest strong{font-size:62px}.queue-call-latest>span{font-size:16px}.queue-call-history>header,.queue-call-history>article{min-height:31px}.queue-call-history>article strong{font-size:14px}.queue-call-history>article span{font-size:11px}.queue-display>footer{padding:7px 10px}.queue-display>footer span{font-size:8px}.queue-display>footer b{font-size:8px}}

.signature-capture>p { padding:11px 13px; border-radius:12px; color:#465873; background:#f1f5fb; font-size:10px; line-height:1.5; }.signature-capture>p i { margin-right:6px; color:#0b9f7c; }.signature-capture canvas { width:100%; height:auto; display:block; border:2px dashed #cbd5e1; border-radius:14px; background:#fff; cursor:crosshair; touch-action:none; }.signature-tools { margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; }.signature-capture>small { display:block; margin-top:9px; color:#7c8796; font-size:8px; }
.worker-signature-alert { margin:13px 16px 3px; padding:12px; display:flex; align-items:center; gap:10px; border:1px solid #f0d79d; border-radius:12px; color:#835c16; background:#fff8e8; }.worker-signature-alert>i { font-size:20px; }.worker-signature-alert strong,.worker-signature-alert small { display:block; }.worker-signature-alert strong { font-size:10px; }.worker-signature-alert small { margin-top:2px; font-size:8px; }.worker-signature-item { background:linear-gradient(90deg,#fffaf0,transparent); }
.worker-request-actions { padding:13px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px; }.worker-request-actions button { min-height:68px;padding:8px 4px;border:0;border-radius:12px;color:#526176;background:#f2f5f9;font-size:8px;font-weight:750; }.worker-request-actions button i,.worker-request-actions button span { display:block; }.worker-request-actions button i { margin-bottom:6px;color:#5e60ce;font-size:17px; }.worker-request-list { padding:0 16px 12px; }.worker-request-list article { min-height:61px;display:flex;align-items:center;gap:9px;border-top:1px solid #edf1f4; }.worker-request-list article>span:first-child { width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;color:#5e60ce;background:#eeeeff; }.worker-request-list article>div { min-width:0;flex:1; }.worker-request-list strong,.worker-request-list small,.worker-request-list p { display:block; }.worker-request-list strong { font-size:9px; }.worker-request-list small { color:#8793a2;font-size:8px; }.worker-request-list p { margin:3px 0 0;color:#657286;font-size:8px; }
.worker-payslip-list { padding:5px 16px 13px; }.worker-payslip-list>button { width:100%;min-height:63px;padding:8px 2px;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #edf1f4;color:#415067;background:#fff;text-align:left; }.worker-payslip-list>button>span { width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:11px;color:#08745a;background:#dff8ef; }.worker-payslip-list>button>div { min-width:0;flex:1; }.worker-payslip-list strong,.worker-payslip-list small { display:block; }.worker-payslip-list strong { font-size:9px; }.worker-payslip-list small { color:#8793a2;font-size:8px; }.worker-payslip-list b { color:#08745a;font-size:10px;white-space:nowrap; }.worker-payslip-list>button>i { color:#a1acb9;font-size:8px; }
@media(max-width:760px){.worker-request-actions{grid-template-columns:repeat(2,1fr)}}
.worker-admin-requests { display:grid; gap:.8rem; max-height:62vh; overflow:auto; padding:.15rem .35rem .15rem 0; }
.worker-admin-request { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:.85rem; align-items:start; border:1px solid #e5eaf2; border-radius:1rem; padding:1rem; background:#fff; }
.worker-admin-request-body>div:first-child { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; }.worker-admin-request-body small { display:block; color:#718096; margin-top:.18rem; }.worker-admin-request-body p { margin:.6rem 0 0; color:#334155; white-space:pre-wrap; }
.worker-request-meta { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; margin-top:.65rem; }.worker-request-meta>span { display:inline-flex; gap:.4rem; align-items:center; padding:.35rem .55rem; border-radius:.65rem; background:#f4f6fb; font-size:.8rem; color:#475569; }.worker-request-review { margin-top:.6rem; padding:.55rem .7rem; border-radius:.65rem; background:#f4f6fb; color:#475569; font-size:.8rem; }
.worker-admin-request-actions { display:flex; gap:.35rem; }.worker-admin-request-actions .btn { width:36px; height:36px; border-radius:.65rem; }
@media(max-width:650px){.worker-admin-request{grid-template-columns:40px minmax(0,1fr)}.worker-admin-request-actions{grid-column:2}.worker-admin-requests{max-height:70vh}}
.expense-metrics { grid-template-columns:repeat(4,minmax(170px,1fr)); }.entity-icon.expense { color:#936313; background:#fff0cc; }.expense-detail-hero { margin-bottom:13px; padding:18px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-radius:17px; color:#fff; background:linear-gradient(135deg,#17212d,#38516c); }.expense-detail-hero span,.expense-detail-hero small,.expense-detail-hero strong { display:block; }.expense-detail-hero span,.expense-detail-hero small { color:#cbd7e4; font-size:8px; }.expense-detail-hero strong { margin:4px 0; font-size:16px; }.expense-detail-hero>div:last-child { text-align:right; }.expense-detail-hero>div:last-child strong { color:#8ef0d2; font-size:24px; }.expense-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.expense-detail-grid>section { padding:14px; border:1px solid #e4e9ef; border-radius:14px; }.expense-detail-grid h3 { margin:0 0 8px; color:#46556a; font-size:11px; }.expense-movement-list article { min-height:62px; display:flex; align-items:center; gap:9px; border-bottom:1px solid #edf1f4; }.expense-movement-list article:last-child { border-bottom:0; }.expense-movement-list article>span { width:33px; height:33px; flex:none; display:grid; place-items:center; border-radius:10px; color:#5e60ce; background:#eeeeff; }.expense-movement-list article>div { min-width:0; flex:1; }.expense-movement-list strong,.expense-movement-list small { display:block; }.expense-movement-list strong { font-size:9px; }.expense-movement-list small { color:#8994a2; font-size:8px; }.expense-movement-list p { margin:3px 0 0; color:#657286; font-size:8px; }.expense-movement-list b { font-size:9px; white-space:nowrap; }
@media (max-width:1000px) { .expense-metrics { grid-template-columns:repeat(2,1fr); }.expense-detail-grid { grid-template-columns:1fr; } }
@media (max-width:650px) { .expense-metrics { grid-template-columns:1fr; }.expense-detail-hero { align-items:flex-start; flex-direction:column; }.expense-detail-hero>div:last-child { text-align:left; }.signature-tools .btn { flex:1; } }

/* Estudio visual de plantillas: editor tipo lienzo, sin dependencias externas. */
.quote-designer-popup { width:min(1540px,99vw)!important; padding:1rem!important; background:#f4f6fa!important; }
.quote-designer-popup .swal2-html-container { margin:.65rem 0 .25rem!important; overflow:visible!important; }
.quote-designer-popup .swal2-actions { margin:.85rem 0 0!important; }
.quote-designer-popup.tpl-designer-fullscreen { width:100vw!important; height:100vh!important; max-width:none!important; max-height:none!important; border-radius:0!important; }
.quote-designer-popup.tpl-designer-fullscreen .quote-canva { height:calc(100vh - 125px); }
.quote-canva { height:min(760px,75vh); display:grid; grid-template-columns:245px minmax(560px,1fr) 245px; overflow:hidden; border:1px solid #dfe5ee; border-radius:18px; background:#fff; box-shadow:0 18px 60px #1f2b3d19; }
.designer-sidebar { min-width:0; padding:16px; overflow:auto; background:#fff; }
.designer-left { border-right:1px solid #e6eaf0; }.designer-properties { border-left:1px solid #e6eaf0; }
.designer-panel-title { margin-bottom:17px; display:flex; align-items:center; gap:10px; }.designer-panel-title>i { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; color:#fff; background:linear-gradient(135deg,#6558e8,#8d72ef); }.designer-panel-title strong,.designer-panel-title small { display:block; }.designer-panel-title strong { color:#1f2937; font-size:12px; }.designer-panel-title small { margin-top:2px; color:#8a95a5; font-size:8px; }
.designer-sidebar>label,.designer-content-fields+label,.designer-elements-heading>label,.designer-properties #tpl-properties>label { display:block; margin:14px 0 7px; color:#5b6778; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.designer-presets { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }.designer-presets button { padding:7px 3px; display:grid; place-items:center; gap:4px; border:1px solid #e1e6ee; border-radius:10px; color:#586579; background:#fff; font-size:7px; font-weight:800; }.designer-presets button:hover { border-color:#7968e8; color:#5f50d0; background:#f5f3ff; }.preset-swatch { width:42px; height:25px; display:block; overflow:hidden; border-radius:5px; box-shadow:inset 0 0 0 1px #0000000b; }.preset-swatch.corporate { background:linear-gradient(135deg,#172554 0 42%,#b32649 43% 58%,#fff 59%); }.preset-swatch.clean { background:linear-gradient(#111827 0 25%,#16a085 26% 34%,#fff 35%); }.preset-swatch.modern { background:linear-gradient(90deg,#102a43 0 18%,#fff 19% 82%,#2ec4b6 83%); }
.designer-color-row { margin-top:11px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }.designer-color-row label,.designer-color-property label { padding:7px 8px; display:flex; align-items:center; justify-content:space-between; gap:6px; border:1px solid #e4e8ee; border-radius:10px; color:#647286; font-size:8px; font-weight:800; }.designer-color-row input,.designer-color-property input[type=color] { width:30px; height:24px; padding:0; border:0; border-radius:7px; background:none; }
.designer-content-fields { display:grid; gap:6px; }.designer-content-fields .form-control { min-height:34px; padding:7px 9px; border-color:#e1e6ed; border-radius:9px; font-size:9px; }.designer-upload { min-height:40px; margin:2px 0 0!important; display:flex!important; align-items:center; justify-content:center; gap:7px; border:1px dashed #afa6ee; border-radius:10px; color:#6657d4!important; background:#f5f3ff; cursor:pointer; }.designer-upload input { display:none; }
.designer-elements-heading { margin-top:4px; display:flex; align-items:center; justify-content:space-between; }.designer-elements-heading button { width:27px; height:27px; display:grid; place-items:center; border:0; border-radius:8px; color:#fff; background:#6658dd; }.designer-element-list { display:grid; gap:4px; }.designer-element-list button { width:100%; min-height:35px; padding:6px 8px; display:grid; grid-template-columns:24px minmax(0,1fr) 18px; align-items:center; border:1px solid transparent; border-radius:9px; color:#586579; background:#f5f7fa; text-align:left; font-size:8px; }.designer-element-list button>i:first-child { color:#7a6ce4; }.designer-element-list button>i:last-child { color:#a6afba; }.designer-element-list button.active { border-color:#c9c3f4; color:#4f43bd; background:#efedff; font-weight:900; }
.designer-workspace { min-width:0; display:flex; flex-direction:column; overflow:hidden; background:#e9edf3; }.designer-toolbar { min-height:48px; padding:7px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #d7dde7; color:#667386; background:#fff; font-size:9px; }.designer-toolbar>label { margin-left:auto; display:flex; align-items:center; gap:7px; }.designer-toolbar input[type=range] { width:95px; }.designer-toolbar button { width:32px; height:32px; display:grid; place-items:center; border:0; border-radius:9px; color:#566277; background:#f0f3f7; }
.designer-stage { flex:1; padding:28px; overflow:auto; display:grid; place-items:start center; background-color:#e9edf3; background-image:radial-gradient(#c6ceda 1px,transparent 1px); background-size:18px 18px; }.canva-page { position:relative; flex:none; width:595px; height:842px; margin:0!important; padding:0!important; overflow:hidden; transform-origin:top center; border:0!important; border-radius:2px!important; background:#fff; box-shadow:0 17px 55px #1d283a32; }
.canva-page[data-style=clean] .template-corner.top { width:100%; height:27px; clip-path:none; background:linear-gradient(var(--tpl-primary) 0 72%,var(--tpl-accent) 73%); }.canva-page[data-style=clean] .template-corner.bottom { display:none; }.canva-page[data-style=modern] { border-left:18px solid var(--tpl-primary)!important; }.canva-page[data-style=modern] .template-corner.top { left:0; width:100%; height:18px; clip-path:none; background:var(--tpl-accent); }.canva-page[data-style=modern] .template-corner.bottom { width:100%; height:9px; clip-path:none; background:var(--tpl-primary); }
.tpl-object { position:absolute; z-index:2; padding:5px; overflow:hidden; border:1px dashed transparent; color:#273245; line-height:1.25; cursor:grab; user-select:none; }.tpl-object:hover { border-color:#b7afea; background:#f5f3ff80; }.tpl-object.selected { border:2px solid #7565e5; background:#f2efff91; box-shadow:0 0 0 3px #7666e51b; }.tpl-object .tpl-drag-handle { position:absolute; right:3px; top:3px; display:none; color:#6c5dd5; font-size:8px; }.tpl-object.selected .tpl-drag-handle { display:block; }.tpl-object strong,.tpl-object small,.tpl-object span,.tpl-object b { display:block; }.tpl-object small { margin-top:3px; font-size:.55em; }.tpl-object p { margin:3px 0 0; font-size:.72em; white-space:pre-line; }.tpl-logo { display:grid; place-items:center; color:#8d96a2; border:1px dashed #ccd3dd; }.tpl-logo img { width:100%; height:100%; object-fit:contain; }.tpl-logo i { font-size:20px; }.tpl-title { color:var(--tpl-primary); text-align:right; }.tpl-title strong { font-size:1em; }.tpl-title small { font-size:.48em; }.tpl-client { padding:7px; border:1px solid #e1e5eb; }.tpl-client b { color:var(--tpl-primary); }.tpl-client span { margin-top:3px; font-size:.7em; }.tpl-items { padding:0; }.designer-table { display:grid; grid-template-columns:.8fr 3.2fr .55fr .65fr .9fr 1fr; border:1px solid #cfd5dd; }.designer-table>* { min-width:0; padding:4px 3px; overflow:hidden; border-right:1px solid #d8dde4; white-space:nowrap; text-overflow:ellipsis; }.designer-table b { color:#fff; background:var(--tpl-primary); font-size:.8em; }.designer-table span { font-size:.72em; }.tpl-totals { padding:8px; border:1px solid #d2d7df; }.tpl-totals span,.tpl-totals strong { padding:3px; display:flex; justify-content:space-between; }.tpl-totals strong { margin-top:3px; color:#fff; background:var(--tpl-primary); }.tpl-notes,.tpl-bank { padding:7px; border:1px solid #d8dde5; }.tpl-notes b,.tpl-bank b { color:var(--tpl-primary); }.tpl-signature { display:flex; align-items:end; justify-content:center; border-bottom:1px solid #596477; text-align:center; }.tpl-signature span { font-size:.75em; }.tpl-footer { color:var(--tpl-primary); border-top:1px solid var(--tpl-accent); text-align:center; }.tpl-custom { white-space:pre-wrap; }
.designer-property-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.designer-property-grid label { color:#677387; font-size:8px; font-weight:800; }.designer-property-grid input { width:100%; height:34px; margin-top:4px; padding:5px 7px; border:1px solid #e0e5ec; border-radius:8px; color:#344156; background:#f8fafc; font-size:9px; }.designer-color-property { margin-bottom:11px; display:grid; grid-template-columns:1fr; gap:6px; }.designer-properties .template-check { display:flex!important; align-items:center; gap:7px; color:#566478!important; font-size:9px!important; text-transform:none!important; letter-spacing:0!important; }.designer-nudge { width:116px; margin:14px auto 0; display:grid; grid-template-columns:repeat(3,34px); grid-template-rows:repeat(2,34px); gap:4px; }.designer-nudge button { display:grid; place-items:center; border:0; border-radius:8px; color:#5e52c7; background:#efedff; }.designer-nudge button:nth-child(1) { grid-column:2; }.designer-nudge button:nth-child(2) { grid-column:1; grid-row:2; }.designer-nudge button:nth-child(3) { grid-column:3; grid-row:2; }.designer-nudge button:nth-child(4) { grid-column:2; grid-row:2; }.designer-visibility { margin-top:18px; padding-top:13px; display:grid; gap:8px; border-top:1px solid #e7ebf0; }.designer-visibility label { display:flex; gap:7px; color:#59677a; font-size:8px; }.designer-tip { margin-top:16px; padding:11px; display:flex; gap:8px; border-radius:11px; color:#6f5c28; background:#fff6d8; font-size:8px; line-height:1.5; }.designer-tip i { color:#d19b18; }
@media(max-width:1150px){.quote-canva{grid-template-columns:220px minmax(500px,1fr)}.designer-properties{display:none}.quote-designer-popup{overflow:auto!important}}
@media(max-width:760px){.quote-canva{height:auto;grid-template-columns:1fr}.designer-left{max-height:330px;border-right:0;border-bottom:1px solid #e6eaf0}.designer-workspace{min-height:620px}.designer-toolbar>span{display:none}.designer-stage{padding:15px}.canva-page{transform-origin:top left}.designer-properties{display:none}}

/* Objetos decorativos editables del diseñador de documentos. */
.designer-add-elements{display:flex;gap:4px}.designer-add-elements button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:8px;color:#fff;background:#6658dd}.designer-add-elements button:hover{background:#4f43bd;transform:translateY(-1px)}
.tpl-shape{position:absolute;z-index:1;box-sizing:border-box;transform-origin:center;cursor:grab;user-select:none}.tpl-shape>i{position:absolute;left:50%;top:50%;display:none;padding:4px;border-radius:50%;color:#fff;background:#6658dd;font-size:7px;transform:translate(-50%,-50%)}.tpl-shape:hover,.tpl-shape.selected{outline:2px dashed #7565e5;outline-offset:3px}.tpl-shape.selected>i{display:block}.tpl-shape-circle{border-radius:50%}.tpl-shape-line{min-height:1px}
.designer-object-actions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.designer-object-actions .btn{font-size:8px}.designer-properties input[type=color][data-tpl-prop]{width:100%;height:34px;padding:2px;border:1px solid #e0e5ec;border-radius:8px;background:#f8fafc}
.print-preview-toolbar{top:0}

/* Portal de soporte externo y enlace compartible. */
.support-share-link{padding:10px 12px;overflow-wrap:anywhere;border:1px dashed #a8a0ea;border-radius:11px;color:#5043ba;background:#f4f2ff;font:700 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.support-public-shell{min-height:100vh;padding:clamp(18px,4vw,54px);background:radial-gradient(circle at 8% 7%,#7869ed33,transparent 28%),radial-gradient(circle at 92% 88%,#10a37f2c,transparent 26%),#f2f5f9}.support-public-layout{width:min(1180px,100%);min-height:calc(100vh - 108px);margin:auto;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 30px 90px #15223826}.support-public-hero{padding:clamp(35px,6vw,76px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;color:#fff;background:linear-gradient(145deg,#131f3d,#2e2f79 58%,#5d50cf)}.support-public-brand{width:68px;height:68px;margin-bottom:30px;display:grid;place-items:center;border-radius:22px;color:#2b2873;background:#fff;font-size:27px;box-shadow:0 15px 35px #0e153f55}.support-public-hero .eyebrow{color:#bdb9ff}.support-public-hero h1{max-width:470px;margin:10px 0 16px;font-size:clamp(32px,5vw,58px);line-height:1.02}.support-public-hero>p{max-width:480px;color:#d8daf4;font-size:14px;line-height:1.7}.support-public-hero>div{margin-top:32px;padding:15px;display:flex;gap:12px;border:1px solid #ffffff2e;border-radius:15px;color:#e9eaff;background:#ffffff10;font-size:10px;line-height:1.55}.support-public-card{padding:clamp(28px,5vw,62px);overflow:auto}.support-public-card>header{margin-bottom:30px;display:flex;align-items:center;gap:12px}.support-public-card>header>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#5e52cf;background:#eeecff}.support-public-card>header strong,.support-public-card>header small{display:block}.support-public-card>header strong{font-size:19px}.support-public-card>header small{margin-top:3px;color:#7e8a9b;font-size:9px}.support-public-card label,.support-public-reply label{margin-bottom:6px;color:#526176;font-size:9px;font-weight:850}.support-public-card .form-control,.support-public-card .form-select,.support-public-reply .form-control{min-height:44px;border-color:#dfe5ec;border-radius:12px;font-size:11px}.support-public-card textarea.form-control{min-height:120px}.support-ticket-public{width:min(900px,100%);margin:auto}.support-ticket-public>header{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;border-radius:15px 15px 0 0;color:#d9def8;background:#16213e;font-size:9px;font-weight:800}.support-ticket-public>header a{color:#fff;text-decoration:none}.support-ticket-public-hero{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(135deg,#26336a,#5d50cf)}.support-ticket-public-hero span{font-size:10px;font-weight:900}.support-ticket-public-hero h1{margin:6px 0;font-size:25px}.support-ticket-public-hero p{margin:0;color:#d9dcf2;font-size:8px}.support-ticket-public-hero>strong{padding:8px 11px;border-radius:999px;color:#24345a;background:#fff;font-size:8px;text-transform:uppercase}.support-public-conversation{padding:25px;background:#fff}.support-public-conversation h2{margin:0 0 20px;color:#354157;font-size:13px}.support-public-conversation article{margin-bottom:13px;display:flex;gap:11px}.support-public-conversation article>span{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:12px;color:#5c50cf;background:#eeecff}.support-public-conversation article.technical>span{color:#08785e;background:#ddf7ef}.support-public-conversation article>div{max-width:78%;padding:11px 13px;border-radius:3px 15px 15px;background:#f1f3f8}.support-public-conversation article.technical>div{background:#e7faf4}.support-public-conversation strong,.support-public-conversation small{display:block}.support-public-conversation strong{font-size:9px}.support-public-conversation small{margin-top:2px;color:#8792a2;font-size:7px}.support-public-conversation p{margin:7px 0 0;color:#4e5a6d;font-size:10px;line-height:1.55}.support-public-reply{padding:22px 25px;display:grid;gap:10px;border-top:1px solid #e5eaf0;background:#fff}.support-public-reply button{justify-self:end}.support-public-refresh{margin:14px auto 0;padding:8px 13px;display:block;border:0;border-radius:10px;color:#56647a;background:#fff;font-size:9px}.support-public-closed{padding:17px;text-align:center;color:#59677b;background:#fff}.support-public-error{width:min(520px,100%);margin:12vh auto;padding:45px;text-align:center;border-radius:24px;background:#fff;box-shadow:0 25px 70px #1d2b4024}.support-public-error>i{font-size:42px;color:#6a5bd8}.support-public-error h1{margin:18px 0 10px;font-size:27px}.support-public-error p{color:#748096}.support-ticket-public .status-waiting_customer{color:#98631b}.support-ticket-public .status-resolved,.support-ticket-public .status-closed{color:#08775c}
@media(max-width:800px){.support-public-shell{padding:0}.support-public-layout{min-height:100vh;grid-template-columns:1fr;border-radius:0}.support-public-hero{padding:36px 25px}.support-public-hero h1{font-size:36px}.support-public-card{padding:28px 20px}.support-ticket-public>header{border-radius:0}.support-ticket-public-hero{align-items:flex-start;flex-direction:column}.support-public-conversation{padding:18px}.support-public-conversation article>div{max-width:calc(100% - 46px)}}
.worker-card-actions{display:flex;align-items:center;gap:6px}.worker-small-action.ready{color:#08775c!important;background:#ddf8ef!important}.worker-saved-signature{margin:0 16px 10px;padding:9px 11px;display:flex;align-items:center;gap:8px;border-radius:11px;color:#08775c;background:#e6faf4;font-size:8px;font-weight:800}@media(max-width:650px){.worker-dashboard-card>header{align-items:flex-start}.worker-card-actions{align-items:stretch;flex-direction:column}.worker-card-actions .worker-small-action{justify-content:center}}

/* Favoritos persistentes por usuario y empresa. */
.module-card.is-favorite{box-shadow:0 13px 35px color-mix(in srgb,var(--card-color) 12%,transparent)}.module-favorite-indicator{position:absolute;right:46px;top:18px;color:#f2ad24;font-size:12px;filter:drop-shadow(0 2px 4px #d9972450)}.favorite-empty{min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed #d9deea;border-radius:22px;background:linear-gradient(145deg,#fff,#f7f8fc)}.favorite-empty>span{width:74px;height:74px;display:grid;place-items:center;border-radius:24px;color:#f0a621;background:#fff6da;font-size:29px}.favorite-empty h2{margin:19px 0 8px;font-size:23px}.favorite-empty p{max-width:470px;margin:0 0 20px;color:#738095;font-size:11px;line-height:1.6}

/* Respuestas comerciales y Checkout Pro dentro de soporte. */
.btn-mercadopago{color:#fff!important;background:#168ad7!important;border-color:#168ad7!important}.support-payment-settings{display:grid;gap:15px}.support-payment-brand{padding:17px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#126fb0,#19a4ea)}.support-payment-brand>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#1585cc;background:#fff;font-size:19px}.support-payment-brand strong,.support-payment-brand small,.support-payment-brand p{display:block}.support-payment-brand strong{font-size:16px}.support-payment-brand small{color:#cfeeff;font-size:8px;font-weight:900}.support-payment-brand p{margin:3px 0 0;color:#e5f5ff;font-size:8px}.support-payment-brand>b{padding:7px 10px;border-radius:999px;font-size:8px;white-space:nowrap}.support-payment-brand>b.ready{color:#08765b;background:#e0fff5}.support-payment-brand>b.pending{color:#8b6516;background:#fff1c9}.support-setting-toggle{display:flex;align-items:end;padding-bottom:10px}.support-setting-toggle label,.support-show-secrets{display:flex!important;align-items:center;gap:7px;color:#4f5d70!important;font-size:9px!important;font-weight:800!important}.support-webhook-box{padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dfe5ed;border-radius:13px;background:#f7f9fc}.support-webhook-box>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#5e60ce;background:#eceaff}.support-webhook-box strong,.support-webhook-box code{display:block}.support-webhook-box strong{font-size:9px}.support-webhook-box code{margin-top:3px;overflow-wrap:anywhere;color:#647286;font-size:8px}.support-billing-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.support-billing-selector label{margin:0!important;cursor:pointer}.support-billing-selector input{position:absolute;opacity:0;pointer-events:none}.support-billing-selector span{min-height:82px;padding:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #dfe4ec;border-radius:13px;color:#637086;background:#fff;text-align:center}.support-billing-selector i{font-size:17px}.support-billing-selector b{font-size:9px}.support-billing-selector small{color:#8b96a5;font-size:7px}.support-billing-selector input:checked+span{border-color:#7467dd;color:#594cc9;background:#f0eeff;box-shadow:0 0 0 3px #7668de17}.support-billing-fields{margin-top:10px;padding:13px;border:1px solid #e2e6ee;border-radius:14px;background:#f8f9fc}.support-payment-guidance{margin-top:10px;display:flex;align-items:center;gap:7px;color:#68758a;font-size:8px;font-weight:750}.support-payment-guidance .fa-circle-check{color:#0c9c75}.support-payment-guidance .fa-triangle-exclamation{color:#d99b1f}.support-detail-meta button{padding:7px 9px;display:flex;align-items:center;gap:6px;border:0;border-radius:9px;color:#4e46b9;background:#efedff;font-size:8px}.support-timeline strong em{margin-left:6px;padding:3px 5px;border-radius:5px;color:#68758a;background:#eef1f5;font-size:6px;font-style:normal;text-transform:uppercase}.support-offers{margin-top:14px}.support-section-title,.support-public-offers-title{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.support-section-title>div,.support-public-offers-title{gap:9px}.support-section-title>div{display:flex;align-items:center}.support-section-title i{color:#168ad7}.support-section-title strong{font-size:10px}.support-section-title>b{padding:4px 7px;border-radius:999px;color:#168ad7;background:#e8f6ff;font-size:8px}.support-offer-list{display:grid;gap:9px}.support-offer-card{position:relative;padding:14px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;overflow:hidden;border:1px solid #dde5ee;border-radius:15px;background:linear-gradient(135deg,#f8fbff,#f6f4ff)}.support-offer-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#168ad7}.support-offer-card.monthly:before{background:#6758d4}.support-offer-card.approved:before{background:#0c9d76}.support-offer-card.pending:before{background:#e6a324}.support-offer-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:#167fbf;background:#e4f4ff}.support-offer-card.monthly .support-offer-icon{color:#5d4ec4;background:#ece9ff}.support-offer-card.approved .support-offer-icon{color:#087a5c;background:#ddfaef}.support-offer-top,.support-offer-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.support-offer-top>span{color:#6a5ed1;font-size:7px;font-weight:900;letter-spacing:.07em}.support-offer-status{padding:3px 6px;border-radius:999px;color:#4f5d70;background:#fff;font-size:7px}.support-offer-content h4{margin:4px 0 2px;font-size:10px}.support-offer-content p{margin:0 0 6px;color:#657286;font-size:8px}.support-offer-bottom strong{font-size:15px}.support-offer-bottom small{color:#8793a4;font-size:7px}.support-offer-card>a{display:flex;gap:5px;font-size:8px}.support-public-offers{padding:24px 25px;border-top:1px solid #e4eaf1;background:#f8fafc}.support-public-offers-title{justify-content:flex-start}.support-public-offers-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#168ad7,#5e60ce)}.support-public-offers-title small,.support-public-offers-title h2{display:block}.support-public-offers-title small{color:#6e62ce;font-size:7px;font-weight:900;letter-spacing:.09em}.support-public-offers-title h2{margin:3px 0 0;font-size:13px}.support-offer-card.public{padding:20px;display:block;border-radius:19px;background:#fff;box-shadow:0 12px 35px #1829430c}.support-offer-card.public:before{width:5px}.support-offer-public-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px}.support-offer-public-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#168ad7;background:#e8f6ff}.support-offer-card.public.monthly .support-offer-public-head>span{color:#5c4fc5;background:#eeeaff}.support-offer-card.public.approved .support-offer-public-head>span{color:#087a5c;background:#ddfaef}.support-offer-public-head small{color:#6e62ce;font-size:7px;font-weight:900;letter-spacing:.08em}.support-offer-public-head h3{margin:3px 0 0;font-size:13px}.support-offer-public-head>b{padding:5px 8px;border-radius:999px;color:#58667a;background:#f0f3f7;font-size:7px}.support-offer-card.public>p{margin:14px 0 0;color:#617086;font-size:9px;line-height:1.55}.support-offer-price{margin:17px 0 12px;padding-top:14px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #e8edf3}.support-offer-price small{color:#8190a3;font-size:7px;font-weight:900}.support-offer-price strong{color:#17223b;font-size:26px}.support-offer-test{margin-bottom:11px;padding:7px 9px;border-radius:9px;color:#8c6617;background:#fff1cb;font-size:8px}.support-offer-pay{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;color:#fff!important;background:linear-gradient(135deg,#148bd4,#16a5e9);text-decoration:none;font-size:10px;font-weight:850;box-shadow:0 10px 25px #168ad72d}.support-offer-pay span{display:flex;align-items:center;gap:7px}.support-offer-monthly-note,.support-offer-paid-note,.support-offer-refunded-note{padding:11px;display:flex;align-items:center;gap:9px;border-radius:11px;font-size:9px;font-weight:800}.support-offer-monthly-note{color:#5548bd;background:#eeebff}.support-offer-paid-note{color:#08765a;background:#def9ef}.support-offer-refunded-note{color:#6b5d49;background:#f2eee7}
@media(max-width:720px){.support-payment-brand{grid-template-columns:42px minmax(0,1fr)}.support-payment-brand>b{grid-column:1/-1;text-align:center}.support-billing-selector{grid-template-columns:1fr}.support-billing-selector span{min-height:58px;align-items:center;justify-content:flex-start;flex-direction:row;text-align:left}.support-offer-card{grid-template-columns:34px minmax(0,1fr)}.support-offer-card>a{grid-column:1/-1;justify-content:center}.support-offer-public-head{grid-template-columns:38px minmax(0,1fr)}.support-offer-public-head>b{grid-column:2;justify-self:start}.support-offer-price{align-items:flex-start;flex-direction:column;gap:4px}}

/* Galería comercial compartida por POS, autoservicio y futuras tiendas. */
.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.pos-product{min-height:225px}.pos-product>.pos-product-media{width:100%;height:96px;overflow:hidden;border-radius:13px}.pos-product-photo,.pos-cart-photo,.kiosk-preview-photo,.public-kiosk-product-photo,.kiosk-cart-photo{width:100%;height:100%;display:block;object-fit:cover}.pos-cart-lines article>span.pos-cart-media,.public-kiosk-cart-panel article>span.kiosk-cart-media{overflow:hidden}.kiosk-preview-products article>span{width:100%;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:9px;color:var(--product-color);background:color-mix(in srgb,var(--product-color) 13%,white)}.kiosk-preview-products article>span>i{font-size:22px}.kiosk-preview-products strong{margin-top:8px}.public-kiosk-products>button>span.public-kiosk-product-media{width:100%;height:125px;overflow:hidden;border-radius:17px}.public-kiosk-products>button>span.public-kiosk-product-media>i{font-size:29px}.public-kiosk-products strong{margin-top:13px}.public-kiosk-products>button{min-height:292px}
.commerce-product-editor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:16px}.product-photo-editor{padding:14px;border:1px solid #e1e6ed;border-radius:16px;background:#f7f9fc}.product-photo-editor>header{margin-bottom:11px;display:flex;align-items:center;justify-content:space-between}.product-photo-editor>header>div{display:flex;align-items:center;gap:8px}.product-photo-editor>header i{color:#5e60ce}.product-photo-editor>header strong{font-size:10px}.product-photo-editor>header>span{padding:4px 7px;border-radius:99px;color:#6055c9;background:#eceaff;font-size:7px;font-weight:900}.product-photo-drop{min-height:100px;margin:0!important;padding:14px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #c9cde7;border-radius:13px;color:#6458cc!important;background:#fff;cursor:pointer;text-align:center}.product-photo-drop input{position:absolute;width:1px;height:1px;opacity:0}.product-photo-drop>i{font-size:23px}.product-photo-drop strong{margin-top:7px;font-size:9px}.product-photo-drop small{margin-top:3px;color:#8792a1;font-size:7px}.product-photo-pending{margin-top:8px;display:flex;gap:6px;overflow:auto}.product-photo-pending>span{width:54px;height:54px;position:relative;flex:none;overflow:hidden;border-radius:9px}.product-photo-pending img{width:100%;height:100%;object-fit:cover}.product-photo-pending button{position:absolute;right:3px;top:3px;width:18px;height:18px;display:grid;place-items:center;border:0;border-radius:99px;color:#fff;background:#1c263bc7;font-size:7px}.product-photo-gallery{max-height:315px;margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:auto}.product-photo-gallery article{position:relative;overflow:hidden;border:2px solid transparent;border-radius:12px;background:#fff;box-shadow:0 4px 14px #24354b0b}.product-photo-gallery article.primary{border-color:#6b5ddb}.product-photo-gallery article>img{width:100%;height:95px;display:block;object-fit:cover}.product-photo-gallery article>span{padding:5px 7px;display:block;color:#68768a;font-size:7px;font-weight:850}.product-photo-gallery article.primary>span{color:#5a4ec4}.product-photo-gallery article>div{padding:0 5px 5px;display:flex;gap:3px}.product-photo-gallery article button{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:7px;color:#5c51c7;background:#efedff;font-size:7px}.product-photo-gallery article button.danger{margin-left:auto;color:#ad4052;background:#ffe9ed}.product-photo-gallery article button:disabled{opacity:.3}.product-photo-empty{grid-column:1/-1;min-height:90px;display:grid;place-items:center;align-content:center;color:#929dab;text-align:center}.product-photo-empty i{font-size:22px}.product-photo-empty span{margin-top:5px;font-size:8px}.product-photo-editor>p{margin:10px 0 0;display:flex;gap:6px;color:#758296;font-size:7px;line-height:1.45}

/* Emparejamiento QR y pistola de códigos de barra desde el celular. */
.pos-scanner-pair{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;text-align:left}.pos-scanner-pair>section{padding:18px;display:flex;align-items:center;flex-direction:column;border-radius:18px;background:linear-gradient(145deg,#f4f3ff,#eef7ff)}#pos-scanner-qr{width:222px;min-height:222px;padding:6px;display:grid;place-items:center;border-radius:13px;background:#fff;box-shadow:0 12px 30px #24345916}#pos-scanner-qr img,#pos-scanner-qr canvas{max-width:100%;height:auto!important}#pos-scanner-qr>i{color:#5e60ce;font-size:74px}#pos-scanner-qr>small{font-size:8px;text-align:center}.pos-scanner-pair>section>span{margin-top:13px;padding:7px 10px;border-radius:99px;color:#865f1a;background:#fff1c8;font-size:8px;font-weight:850}.pos-scanner-pair>section>span.online{color:#08765a;background:#dcf8ee}.pos-scanner-pair h3{margin:6px 0 12px;font-size:20px}.pos-scanner-pair ol{padding-left:18px;color:#58667a;font-size:10px;line-height:1.85}.pos-scanner-live-status{min-height:62px;margin-top:13px;padding:11px;display:flex;align-items:center;gap:10px;border-radius:13px;color:#5c50ca;background:#efedff}.pos-scanner-live-status.success{color:#08775b;background:#dcf9ee}.pos-scanner-live-status>i{width:34px;font-size:20px;text-align:center}.pos-scanner-live-status strong,.pos-scanner-live-status small{display:block}.pos-scanner-live-status strong{font-size:9px}.pos-scanner-live-status small{margin-top:3px;font-size:7px}.pos-scanner-pair>div>button{margin-top:11px;padding:8px 11px;border:0;border-radius:9px;color:#574bc4;background:#efedff;font-size:8px;font-weight:850}.pos-scanner-pair>div>p{margin:11px 0 0;color:#8893a1;font-size:7px;line-height:1.5}
.action-cluster .scanner-linked{color:#08765a!important;border-color:#b8eadc!important;background:#e7fbf4!important}.pos-scanner-actions{margin-top:11px;display:flex;flex-wrap:wrap;gap:7px}.pos-scanner-actions button{padding:8px 11px;border:0;border-radius:9px;color:#574bc4;background:#efedff;font-size:8px;font-weight:850}.pos-scanner-actions button.danger{color:#a23a4b;background:#ffe9ed}.pos-scanner-pair>div>p b{color:#4f5d72}
.pos-scanner-public{min-height:100vh;background:#08101f}.mobile-pos-scanner{min-height:100vh;color:#fff;background:radial-gradient(circle at top,#263a69,#08101f 52%)}.mobile-pos-scanner>header{min-height:72px;padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff17;background:#0b1425d9;backdrop-filter:blur(12px)}.mobile-pos-scanner>header>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#141f3b;background:#2ec4b6;font-size:18px}.mobile-pos-scanner header small,.mobile-pos-scanner header strong{display:block}.mobile-pos-scanner header small{color:#8da1c0;font-size:7px;font-weight:900}.mobile-pos-scanner header strong{font-size:13px}.mobile-pos-scanner header>b{margin-left:auto;padding:6px 8px;border-radius:99px;color:#68e0bd;background:#123f38;font-size:7px}.mobile-pos-scanner header>b i{font-size:5px}.mobile-pos-scanner>main{width:min(620px,100%);margin:auto;padding:24px 15px 40px}.mobile-scanner-intro{text-align:center}.mobile-scanner-intro>span{color:#5de0be;font-size:8px;font-weight:900;letter-spacing:.14em}.mobile-scanner-intro h1{margin:7px 0;font-size:28px}.mobile-scanner-intro p{margin:0 auto 20px;max-width:450px;color:#adbad0;font-size:10px;line-height:1.6}.mobile-scanner-camera{min-height:270px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff20;border-radius:23px;background:#02060d;box-shadow:0 24px 55px #0006}.mobile-scanner-camera video{width:100%!important;height:100%!important;min-height:270px;object-fit:cover}.mobile-scanner-camera #mobile-barcode-reader{width:100%;min-height:270px}.mobile-scanner-camera #mobile-barcode-reader img{display:none}.mobile-scanner-camera>button{position:absolute;z-index:5;padding:13px 18px;border:0;border-radius:13px;color:#10223b;background:#2ec4b6;font-size:11px;font-weight:900;box-shadow:0 12px 30px #2ec4b644}.mobile-scanner-frame{position:absolute;z-index:4;inset:25% 8%;pointer-events:none}.mobile-scanner-frame i{width:38px;height:38px;position:absolute;border-color:#54e3bd}.mobile-scanner-frame i:nth-child(1){left:0;top:0;border-left:4px solid;border-top:4px solid;border-radius:12px 0 0}.mobile-scanner-frame i:nth-child(2){right:0;top:0;border-right:4px solid;border-top:4px solid;border-radius:0 12px 0 0}.mobile-scanner-frame i:nth-child(3){left:0;bottom:0;border-left:4px solid;border-bottom:4px solid;border-radius:0 0 0 12px}.mobile-scanner-frame i:nth-child(4){right:0;bottom:0;border-right:4px solid;border-bottom:4px solid;border-radius:0 0 12px}.mobile-scanner-result{min-height:66px;margin-top:13px;padding:12px;display:flex;align-items:center;gap:11px;border-radius:15px;color:#c4cdec;background:#1a2740}.mobile-scanner-result>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ffffff0d;font-size:17px}.mobile-scanner-result strong,.mobile-scanner-result small{display:block}.mobile-scanner-result strong{font-size:11px}.mobile-scanner-result small{margin-top:3px;color:inherit;opacity:.72;font-size:8px}.mobile-scanner-result.success{color:#73e5c3;background:#123f38}.mobile-scanner-result.warning{color:#ffd175;background:#4a3918}.mobile-scanner-result.error{color:#ff9dab;background:#49202b}.mobile-scanner-manual{margin-top:20px}.mobile-scanner-manual label{margin-bottom:6px;color:#a8b5ca;font-size:8px;font-weight:850}.mobile-scanner-manual>div{display:grid;grid-template-columns:minmax(0,1fr) 50px;gap:7px}.mobile-scanner-manual input{min-height:48px;padding:10px 13px;border:1px solid #ffffff20;border-radius:13px;color:#fff;background:#ffffff0c;outline:0}.mobile-scanner-manual button{border:0;border-radius:13px;color:#10223b;background:#2ec4b6}.mobile-scanner-help{margin:20px 0 0;display:flex;align-items:center;justify-content:center;gap:7px;color:#8090aa;font-size:7px;text-align:center}.mobile-scanner-expired{min-height:100vh;padding:30px;display:grid;place-items:center;align-content:center;color:#fff;background:#0a1222;text-align:center}.mobile-scanner-expired>i{color:#796be8;font-size:52px}.mobile-scanner-expired h1{margin:18px 0 8px}.mobile-scanner-expired p,.mobile-scanner-expired span{color:#9ba9be}.mobile-scanner-expired span{font-size:9px}
@media(max-width:760px){.commerce-product-editor{grid-template-columns:1fr}.product-photo-gallery{max-height:none}.pos-scanner-pair{grid-template-columns:1fr}.pos-scanner-pair>section{padding:10px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-product{min-height:205px;padding:9px}.pos-product>.pos-product-media{height:82px}.public-kiosk-products>button{min-height:245px}.public-kiosk-products>button>span.public-kiosk-product-media{height:100px}}
@media(max-width:760px){.inventory-detail-layout{grid-template-columns:1fr}.inventory-detail-gallery{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px}.inventory-detail-cover{height:120px}.inventory-detail-thumbs{margin:0;grid-template-columns:repeat(4,42px);align-content:start}.inventory-detail-gallery>p,.inventory-detail-gallery>.btn{grid-column:1/-1}}

/* Autoservicio visual con disponibilidad y confirmación inmediata. */
.public-kiosk>main>section{background:radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--kiosk-accent) 11%,transparent),transparent 30%),#f3f5f8}.public-kiosk-products{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.public-kiosk-products>button{overflow:hidden;border:1px solid #e6eaf0;box-shadow:0 12px 30px #1c2c460d}.public-kiosk-products>button:active{transform:scale(.97)}.public-kiosk-product-media{position:relative}.public-kiosk-product-media:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#1112)}.kiosk-product-stock{margin-top:8px!important;padding:5px 7px;display:inline-flex!important;align-items:center;gap:5px;border-radius:999px;color:#08765b!important;background:#e2f8f0;font-size:8px!important;font-weight:850}.kiosk-product-stock.unlimited{color:#5a4fc2!important;background:#eeebff}.public-kiosk-products>button>b{margin-top:11px}.kiosk-add-notice{width:min(430px,calc(100% - 30px));min-height:76px;padding:10px 13px;position:fixed;z-index:150;right:18px;top:101px;display:grid;grid-template-columns:50px minmax(0,1fr) 30px;align-items:center;gap:11px;border:1px solid #cceee3;border-radius:17px;color:#075d49;background:#ecfff8;box-shadow:0 22px 60px #13263b38;transform:translateY(-20px);opacity:0;transition:.22s ease}.kiosk-add-notice.show{transform:none;opacity:1}.kiosk-add-notice.error{color:#96394a;border-color:#f6cbd3;background:#fff0f3}.kiosk-add-notice>span{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:13px;color:var(--product-color);background:#fff;font-size:18px}.kiosk-notice-photo{width:100%;height:100%;object-fit:cover}.kiosk-add-notice strong,.kiosk-add-notice small{display:block}.kiosk-add-notice strong{font-size:12px}.kiosk-add-notice small{margin-top:3px;color:inherit;opacity:.72;font-size:8px}.kiosk-add-notice>i{width:28px;height:28px;display:grid;place-items:center;border-radius:99px;color:#fff;background:#11a77f}.kiosk-add-notice.error>i{background:#dc5268}.public-kiosk-cart-panel article button:disabled{opacity:.35}
.kiosk-cart-head-actions{display:flex;align-items:center;gap:9px}.kiosk-cart-head-actions button:first-child{color:#fff!important;background:#ffffff1c!important;border:1px solid #ffffff32!important}.kiosk-cart-head-actions button:first-child:hover{background:#ffffff30!important}.kiosk-cart-head-actions button:disabled{opacity:.45}
@media(max-width:760px){.kiosk-add-notice{right:15px;top:82px}.public-kiosk-products{grid-template-columns:repeat(2,minmax(0,1fr))}.kiosk-product-stock{font-size:7px!important}}

/* Autoservicio en modo kiosco y fotografías completas, sin recorte. */
.public-kiosk{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}.public-kiosk img{-webkit-user-drag:none;user-drag:none}.public-kiosk-products{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.public-kiosk-products>button{min-height:340px;padding:14px;background:linear-gradient(155deg,#fff,#f8faff);box-shadow:0 16px 40px #192b4814}.public-kiosk-products>button:hover{transform:translateY(-5px);box-shadow:0 24px 48px #192b4824}.public-kiosk-products>button>span.public-kiosk-product-media{height:180px;padding:8px;border:1px solid color-mix(in srgb,var(--product-color) 16%,#e6eaf0);background:radial-gradient(circle at center,color-mix(in srgb,var(--product-color) 9%,#fff),#fff 72%)}.public-kiosk-product-photo{object-fit:contain!important;border-radius:12px;background:transparent}.kiosk-cart-photo,.kiosk-notice-photo{object-fit:contain!important;padding:3px;background:#fff}.public-kiosk-products>button>strong{font-size:15px;line-height:1.25}.public-kiosk-products>button>b{font-size:18px}.public-kiosk-products>button:focus-visible{outline:4px solid color-mix(in srgb,var(--kiosk-accent) 55%,transparent);outline-offset:3px}
@media(max-width:760px){.public-kiosk-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-kiosk-products>button{min-height:275px;padding:9px}.public-kiosk-products>button>span.public-kiosk-product-media{height:130px;padding:5px}.public-kiosk-products>button>strong{font-size:12px}}

/* Roles de atención y activación independiente del audio de llamados. */
.queue-display-start{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#07101ee8;backdrop-filter:blur(9px)}.queue-display-start button{min-width:min(440px,88vw);padding:32px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:26px;color:#fff;background:linear-gradient(145deg,var(--queue-primary),#132749);box-shadow:0 30px 80px #0008}.queue-display-start i{width:76px;height:76px;display:grid;place-items:center;margin-bottom:15px;border-radius:23px;color:#09201b;background:var(--queue-accent);font-size:30px}.queue-display-start strong{font-size:24px}.queue-display-start span{margin-top:7px;color:#c5d1e2;font-size:12px}.queue-counter-lock{padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:11px;color:#667286;background:#eef2f7;font-size:10px;font-weight:800}.queue-desk-panel>header em{display:block;margin-top:2px;color:#748195;font-size:9px;font-style:normal}.queue-current.warning{color:#8a641c;background:#fff9e9}.queue-operator-rule{display:flex;align-items:center;gap:10px;color:#607083;font-size:10px}.queue-operator-rule i{color:#159b78;font-size:20px}.queue-assign-button{padding:8px 10px;display:flex;align-items:center;gap:6px;border:0;border-radius:10px;color:#fff;background:#5e60ce;font-size:9px;font-weight:850}.queue-assign-button:disabled{opacity:.4}.queue-waiting-panel article{grid-template-columns:24px 58px minmax(0,1fr) auto}
.queue-video-volume{height:40px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff28;border-radius:11px;color:#fff;background:#ffffff12}.queue-video-volume i{width:16px;text-align:center}.queue-video-volume input{width:120px;accent-color:var(--queue-accent);cursor:pointer}.queue-video-volume span{min-width:32px;font-size:10px;font-weight:900;text-align:right}@media(max-width:760px){.queue-video-volume{padding:0 8px}.queue-video-volume input{width:70px}.queue-video-volume span{display:none}}
.weight-sale-dialog{padding:10px;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:18px;text-align:left}.weight-sale-dialog>span{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(145deg,#5e60ce,#2ec4b6);font-size:26px}.weight-sale-dialog label{display:block;margin-bottom:7px;color:#637086;font-size:10px;font-weight:900;text-transform:uppercase}.weight-sale-dialog small{display:block;margin-top:8px;color:#718096}.bundle-product-editor{padding:14px;border:1px solid #dfe5ef;border-radius:15px;background:#f8fafc}.bundle-product-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.bundle-product-editor>header>div{display:flex;align-items:center;gap:8px}.bundle-product-editor>header i{color:#5e60ce}.bundle-product-editor>header small{color:#718096;font-size:9px}.bundle-product-add{display:grid;grid-template-columns:minmax(0,1fr) 105px auto;gap:8px}.bundle-product-editor #cp-bundle-list{display:grid;gap:6px;margin-top:10px}.bundle-product-editor #cp-bundle-list article{padding:8px 9px;display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:9px;border-radius:10px;background:#fff}.bundle-product-editor article span strong,.bundle-product-editor article span small{display:block}.bundle-product-editor article span small{color:#7b8799;font-size:9px}.bundle-product-editor article label{margin:0;color:#27364a;font-size:11px;font-weight:800}.bundle-product-editor article button{width:28px;height:28px;border:0;border-radius:8px;color:#c43e4f;background:#fff0f2}.bundle-product-empty{padding:12px;color:#7b8799;text-align:center;font-size:10px}.pos-payment-options.point-enabled{grid-template-columns:repeat(2,minmax(0,1fr))}.mercadopago-point-option span{min-height:74px;display:grid!important;grid-template-columns:25px minmax(0,1fr);align-items:center;text-align:left}.mercadopago-point-option span small{grid-column:2;display:block;color:#708096;font-size:8px}.point-payment-wait{display:grid;place-items:center}.point-payment-wait>span{width:82px;height:82px;display:grid;place-items:center;border-radius:27px;color:#fff;background:linear-gradient(145deg,#009ee3,#00b1ea);font-size:31px;box-shadow:0 18px 35px #009ee333}.point-payment-wait strong{margin-top:13px;font-size:29px}.point-payment-wait p{max-width:400px;margin:7px auto;color:#657286}.point-payment-wait small{padding:7px 12px;border-radius:99px;color:#27657c;background:#e6f7fd;font-weight:800}@media(max-width:650px){.bundle-product-add{grid-template-columns:1fr 90px}.bundle-product-add button{grid-column:1/3}.pos-payment-options.point-enabled{grid-template-columns:1fr 1fr}}
.inventory-count-create{text-align:left}.inventory-count-create>span{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 12px;border-radius:23px;color:#fff;background:linear-gradient(145deg,#5e60ce,#2ec4b6);font-size:27px}.inventory-count-create p{color:#687588;text-align:center}.inventory-count-create label{display:block;margin:11px 0 5px;color:#687588;font-size:9px;font-weight:900;text-transform:uppercase}.inventory-count-share{padding:14px;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:20px;border-radius:18px;background:#f4f7fb;text-align:left}.inventory-count-share #inventory-count-qr{width:180px;height:180px;padding:8px;border-radius:15px;background:#fff}.inventory-count-share h3{margin:4px 0}.inventory-count-share p{color:#69778a}.inventory-count-share>div:last-child>div{display:flex;gap:8px}.inventory-count-share button{padding:8px 11px;border:0;border-radius:9px;color:#303f55;background:#fff;font-size:10px;font-weight:800}.inventory-count-metrics{margin:12px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.inventory-count-metrics article{padding:11px;border:1px solid #e2e7ef;border-radius:13px;text-align:left}.inventory-count-metrics small,.inventory-count-metrics strong{display:block}.inventory-count-metrics small{color:#718096;font-size:8px;font-weight:900}.inventory-count-metrics strong{font-size:22px}.inventory-count-table{max-height:330px;overflow:auto;border:1px solid #e3e8f0;border-radius:14px}.inventory-count-table>header,.inventory-count-table>article{padding:9px 12px;display:grid;grid-template-columns:minmax(220px,1fr) 110px 110px 90px;align-items:center;gap:10px;text-align:left}.inventory-count-table>header{position:sticky;top:0;color:#718096;background:#f5f7fa;font-size:8px;font-weight:900;text-transform:uppercase}.inventory-count-table>article{border-top:1px solid #eef1f5;font-size:11px}.inventory-count-table article span strong,.inventory-count-table article span small{display:block}.inventory-count-table article span small{color:#8290a2;font-size:8px}.inventory-count-table b.positive{color:#10966f}.inventory-count-table b.negative{color:#d14d5f}.inventory-count-empty{padding:34px;display:grid;place-items:center;color:#7b889a;text-align:center}.inventory-count-empty i{font-size:28px}.inventory-count-empty strong,.inventory-count-empty span{display:block;margin-top:5px}.inventory-count-empty.compact{padding:18px}.inventory-count-public{min-height:100vh;background:#eef2f7}.mobile-inventory-count{min-height:100vh;color:#14223a;background:#f4f7fb}.mobile-inventory-count>header{padding:13px 16px;display:flex;align-items:center;gap:11px;color:#fff;background:#172554}.mobile-inventory-count>header>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#172554;background:#2ec4b6}.mobile-inventory-count>header>div{min-width:0;flex:1}.mobile-inventory-count>header small,.mobile-inventory-count>header strong,.mobile-inventory-count>header b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-inventory-count>header small{color:#9fb0cc;font-size:8px}.mobile-inventory-count>header b{color:#b8c7dc;font-size:9px}.mobile-inventory-count>header em{color:#71e2c6;font-size:9px;font-style:normal}.mobile-inventory-count>main{max-width:680px;margin:auto;padding:20px}.mobile-count-intro span{color:#5e60ce;font-size:9px;font-weight:950;letter-spacing:.15em}.mobile-count-intro h1{margin:3px 0}.mobile-count-intro p{color:#718096}.inventory-camera{margin:15px 0}.inventory-count-form{padding:14px;display:grid;gap:7px;border:1px solid #dfe5ee;border-radius:16px;background:#fff}.inventory-count-form>label,.inventory-count-form>div label{color:#6d7b90;font-size:8px;font-weight:900;text-transform:uppercase}.inventory-count-form>input,.inventory-count-form>div input,.inventory-count-form>div select{min-width:0;height:43px;padding:0 10px;border:1px solid #d9e0ea;border-radius:10px;background:#fff}.inventory-count-form>div{display:grid;grid-template-columns:90px minmax(140px,1fr) auto;align-items:end;gap:8px}.inventory-count-form>div label{grid-row:1}.inventory-count-form>div input,.inventory-count-form>div select,.inventory-count-form>div button{grid-row:2}.inventory-count-form>div button{height:43px;padding:0 13px;border:0;border-radius:10px;color:#fff;background:#5e60ce;font-weight:850}.mobile-count-recent{margin-top:14px;padding:13px;border-radius:16px;background:#fff}.mobile-count-recent>header{display:flex;justify-content:space-between;color:#657286;font-size:10px}.mobile-count-recent>div{display:grid;gap:5px;margin-top:8px}.mobile-count-recent article{padding:8px 9px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#f6f8fb}.mobile-count-recent article span strong,.mobile-count-recent article span small{display:block}.mobile-count-recent article span small{color:#8190a3;font-size:8px}@media(max-width:650px){.inventory-count-share{grid-template-columns:1fr;justify-items:center;text-align:center}.inventory-count-share>div:last-child>div{justify-content:center}.inventory-count-table>header,.inventory-count-table>article{grid-template-columns:minmax(150px,1fr) 75px 75px}.inventory-count-table>header span:nth-child(3),.inventory-count-table>article>b:nth-child(3){display:none}.inventory-count-form>div{grid-template-columns:78px minmax(100px,1fr)}.inventory-count-form>div button{grid-column:1/3;grid-row:3}}

/* Restaurante: salón, comandas en vivo, carta QR y seguimiento del pedido. */
.restaurant-admin{padding-bottom:50px}.restaurant-metrics{margin:17px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.restaurant-metrics article{min-height:78px;padding:14px;display:flex;align-items:center;gap:11px;border:1px solid #e0e6ed;border-radius:17px;background:#fff;box-shadow:0 8px 24px #17283f08}.restaurant-metrics article>span{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:13px;color:#d56819;background:#fff0e2}.restaurant-metrics article:nth-child(2)>span{color:#c43f55;background:#ffe9ed}.restaurant-metrics article:nth-child(3)>span{color:#08785b;background:#dff8ef}.restaurant-metrics article:nth-child(4)>span{color:#5549bd;background:#ece9ff}.restaurant-metrics article:nth-child(5)>span{color:#956712;background:#fff1ca}.restaurant-metrics small,.restaurant-metrics strong{display:block}.restaurant-metrics small{color:#8490a0;font-size:7px;font-weight:900;letter-spacing:.07em}.restaurant-metrics strong{margin-top:3px;color:#1d2939;font-size:19px}.restaurant-section{margin-top:22px}.restaurant-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:11px}.restaurant-table-card{min-height:108px;padding:15px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #e0e5ec;border-radius:17px;background:#fff;box-shadow:0 8px 25px #1b2c4308}.restaurant-table-card.busy{border-color:#f2c89d;background:linear-gradient(145deg,#fff,#fff8ef)}.restaurant-table-card>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#5a4ec3;background:#eeebff;font-size:18px}.restaurant-table-card.busy>span{color:#c75b13;background:#ffe8d2}.restaurant-table-card small,.restaurant-table-card strong,.restaurant-table-card p{display:block}.restaurant-table-card small{color:#8a95a4;font-size:7px;font-weight:900;letter-spacing:.08em}.restaurant-table-card strong{margin-top:2px;font-size:14px}.restaurant-table-card p{margin:3px 0 0;color:#6c798b;font-size:8px}.restaurant-table-card>div:last-child{display:flex;flex-direction:column;gap:5px}.restaurant-table-card button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:8px;color:#5b50c4;background:#efedff;font-size:8px}.restaurant-table-card button:nth-child(2){color:#08765a;background:#e0f8ef}.restaurant-empty{grid-column:1/-1;min-height:170px;display:grid;place-items:center;align-content:center;border:1px dashed #d8dee7;border-radius:19px;color:#8591a0;background:#fafbfc;text-align:center}.restaurant-empty i{font-size:30px}.restaurant-empty strong{margin-top:9px;color:#445166;font-size:12px}.restaurant-empty span{margin-top:3px;font-size:8px}.restaurant-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:10px;overflow-x:auto}.restaurant-board>section{min-height:390px;padding:10px;border:1px solid #e1e6ed;border-radius:18px;background:#f3f5f8}.restaurant-board>section>header{min-height:42px;padding:4px 5px 10px;display:flex;align-items:center;justify-content:space-between}.restaurant-board>section>header>div{display:flex;align-items:center;gap:7px}.restaurant-board>section>header i{color:#e26f1b}.restaurant-board>section>header strong{font-size:10px}.restaurant-board>section>header b{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:99px;color:#5b50c2;background:#e8e5ff;font-size:8px}.restaurant-board>section>div{display:grid;gap:8px}.restaurant-order-card{padding:13px;border:1px solid #e1e6ed;border-left:4px solid #7f8b9a;border-radius:14px;background:#fff;box-shadow:0 6px 17px #1b2d4508}.restaurant-order-card.status-new{border-left-color:#e5a129}.restaurant-order-card.status-confirmed{border-left-color:#5e60ce}.restaurant-order-card.status-preparing{border-left-color:#e15a45}.restaurant-order-card.status-ready{border-left-color:#10a47d;background:#f5fffb}.restaurant-order-card>header,.restaurant-order-card>footer{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.restaurant-order-card>header small,.restaurant-order-card>header strong{display:block}.restaurant-order-card>header small{color:#e26818;font-size:8px;font-weight:950}.restaurant-order-card>header strong{margin-top:2px;font-size:12px}.restaurant-order-card time{color:#8994a3;font-size:7px}.restaurant-order-info{margin:10px 0 7px;display:grid;gap:4px;color:#667487;font-size:8px}.restaurant-order-info span{display:flex;align-items:center;gap:6px}.restaurant-order-card>p{margin:8px 0;padding:8px;border-radius:9px;color:#75591b;background:#fff4d7;font-size:8px;line-height:1.45}.restaurant-order-card>p i{margin-right:5px}.restaurant-order-card>footer{margin-top:10px;padding-top:9px;border-top:1px solid #edf0f4;flex-direction:column}.restaurant-order-card>footer>div{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px}.restaurant-order-card>footer>div:first-child>strong{font-size:14px}.restaurant-pay{padding:4px 6px;display:inline-flex;align-items:center;gap:4px;border-radius:99px;color:#8a661b;background:#fff2cd;font-size:7px;font-weight:850}.restaurant-pay.paid{color:#08765b;background:#def8ee}.restaurant-order-card footer button{padding:7px 8px;display:flex;align-items:center;gap:5px;border:0;border-radius:8px;color:#fff;background:#5e60ce;font-size:7px;font-weight:850}.restaurant-order-card footer button.light{color:#08765b;background:#e0f8ef}.restaurant-column-empty{min-height:235px;display:grid;place-items:center;align-content:center;color:#9aa4b1}.restaurant-column-empty i{font-size:23px}.restaurant-column-empty span{margin-top:6px;font-size:8px}.restaurant-qr{display:grid;place-items:center}.restaurant-qr-code{padding:9px;border-radius:14px;background:#fff}.restaurant-qr strong{margin-top:13px;font-size:18px}.restaurant-qr span,.restaurant-qr small{color:#758196}.restaurant-qr span{font-size:10px}.restaurant-qr small{margin:6px 0 12px;font-size:8px}.restaurant-public-root{min-height:100vh;background:#f4f1ec}.restaurant-menu{--rest-primary:#172554;--rest-accent:#f97316;min-height:100vh;padding-bottom:110px;color:#1b2737;background:radial-gradient(circle at 94% 8%,color-mix(in srgb,var(--rest-accent) 14%,#fff),transparent 27%),#f7f4ef}.restaurant-menu>header{min-height:78px;padding:13px clamp(16px,5vw,55px);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;background:linear-gradient(120deg,var(--rest-primary),color-mix(in srgb,var(--rest-primary) 80%,#000))}.restaurant-menu>header>div{display:flex;align-items:center;gap:11px}.restaurant-menu>header>div:first-child>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--rest-primary);background:var(--rest-accent);font-size:18px}.restaurant-menu>header small,.restaurant-menu>header strong{display:block}.restaurant-menu>header small{color:#d7deeb;font-size:7px;font-weight:900;letter-spacing:.09em}.restaurant-menu>header strong{margin-top:2px;font-size:14px}.restaurant-menu>header>div:last-child{padding:8px 12px;display:block;border:1px solid #ffffff25;border-radius:11px;background:#ffffff0d;text-align:right}.restaurant-menu-hero{max-width:1180px;margin:auto;padding:clamp(28px,6vw,70px) 18px 24px}.restaurant-menu-hero>span{color:var(--rest-accent);font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.restaurant-menu-hero h1{max-width:760px;margin:8px 0 9px;font-size:clamp(31px,5vw,60px);line-height:1.02;font-weight:900;letter-spacing:-.055em}.restaurant-menu-hero p{margin:0;color:#6d7887;font-size:11px}.restaurant-categories{max-width:1180px;margin:0 auto 17px;padding:0 18px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.restaurant-categories button{padding:9px 13px;flex:none;border:1px solid #e1ddd6;border-radius:99px;color:#6a7482;background:#fff;font-size:9px;font-weight:850}.restaurant-categories button.active{color:#fff;border-color:var(--rest-primary);background:var(--rest-primary)}#restaurant-menu-products{max-width:1180px;margin:auto;padding:0 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.restaurant-menu-product>button{width:100%;min-height:145px;padding:10px;display:grid;grid-template-columns:125px minmax(0,1fr) 34px;align-items:center;gap:13px;border:1px solid #e3ded6;border-radius:19px;color:#1d2838;background:#fff;text-align:left;box-shadow:0 10px 30px #27374c0a;transition:.18s ease}.restaurant-menu-product>button:hover{transform:translateY(-3px);box-shadow:0 17px 38px #27374c18}.restaurant-menu-product>button>span{width:125px;height:125px;display:grid;place-items:center;overflow:hidden;border-radius:15px;color:var(--product-color);background:color-mix(in srgb,var(--product-color) 10%,#fff);font-size:30px}.restaurant-menu-product img{width:100%;height:100%;object-fit:cover}.restaurant-menu-product small,.restaurant-menu-product strong,.restaurant-menu-product p,.restaurant-menu-product b{display:block}.restaurant-menu-product small{color:var(--rest-accent);font-size:7px;font-weight:900;letter-spacing:.06em}.restaurant-menu-product strong{margin-top:4px;font-size:14px;line-height:1.25}.restaurant-menu-product p{margin:5px 0;color:#7a8594;font-size:8px}.restaurant-menu-product b{font-size:16px}.restaurant-menu-product>button>i{width:31px;height:31px;display:grid;place-items:center;border-radius:99px;color:#fff;background:var(--rest-accent);font-size:10px}.restaurant-menu-product.soldout{opacity:.55}.restaurant-floating-cart{min-width:190px;min-height:58px;padding:8px 10px 8px 15px;position:fixed;z-index:30;right:20px;bottom:18px;display:grid;grid-template-columns:30px minmax(0,1fr) 28px;align-items:center;gap:9px;border:0;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--rest-primary),#263c70);box-shadow:0 18px 45px #1725544a}.restaurant-floating-cart>span{text-align:left}.restaurant-floating-cart small,.restaurant-floating-cart strong{display:block}.restaurant-floating-cart small{color:#cbd5e5;font-size:7px}.restaurant-floating-cart strong{font-size:13px}.restaurant-floating-cart>b{height:28px;display:grid;place-items:center;border-radius:99px;color:#1d2939;background:var(--rest-accent);font-size:9px}.restaurant-cart-panel{position:fixed;z-index:80;inset:0;visibility:hidden;background:#10182780;backdrop-filter:blur(5px);opacity:0;transition:.2s ease}.restaurant-cart-panel.open{visibility:visible;opacity:1}.restaurant-cart-panel>div{width:min(470px,100%);height:100%;margin-left:auto;display:grid;grid-template-rows:auto 1fr auto;background:#fff;transform:translateX(100%);transition:.25s ease}.restaurant-cart-panel.open>div{transform:none}.restaurant-cart-panel header{padding:18px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--rest-primary)}.restaurant-cart-panel header small,.restaurant-cart-panel header strong{display:block}.restaurant-cart-panel header small{color:#cbd5e1;font-size:7px}.restaurant-cart-panel header strong{font-size:16px}.restaurant-cart-panel header button{width:35px;height:35px;border:0;border-radius:10px;color:#fff;background:#ffffff16}.restaurant-cart-panel>div>section{padding:9px 17px;overflow:auto}.restaurant-cart-panel article{padding:10px 0;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #edf0f3}.restaurant-cart-panel article>span{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:11px;color:var(--rest-accent);background:#fff4e9}.restaurant-cart-panel article img{width:100%;height:100%;object-fit:cover}.restaurant-cart-panel article strong,.restaurant-cart-panel article small{display:block}.restaurant-cart-panel article strong{font-size:10px}.restaurant-cart-panel article small{color:#8590a0;font-size:7px}.restaurant-cart-panel article>div>div{margin-top:5px;display:flex;align-items:center;gap:6px}.restaurant-cart-panel article button{width:24px;height:24px;border:0;border-radius:7px;color:#5b50c2;background:#eeebff}.restaurant-cart-panel>div>footer{padding:17px;border-top:1px solid #e4e8ed;background:#fafbfc}.restaurant-cart-panel footer>div{display:flex;align-items:center;justify-content:space-between}.restaurant-cart-panel footer>div strong{font-size:22px}.restaurant-cart-panel footer>button{width:100%;min-height:48px;margin-top:12px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--rest-accent),#ef5d0d);font-size:11px;font-weight:900;box-shadow:0 12px 28px color-mix(in srgb,var(--rest-accent) 30%,transparent)}.restaurant-cart-panel footer>button:disabled{opacity:.45}.restaurant-cart-empty{height:100%;display:grid;place-items:center;align-content:center;color:#909baa;text-align:center}.restaurant-cart-empty i{font-size:30px}.restaurant-cart-empty strong{margin-top:10px;color:#49576b}.restaurant-cart-empty span{margin-top:3px;font-size:8px}.restaurant-menu-notice{min-width:min(390px,calc(100% - 30px));padding:13px 15px;position:fixed;z-index:150;right:18px;top:92px;display:flex;align-items:center;gap:10px;border:1px solid #bfe9dc;border-radius:15px;color:#08755a;background:#e8fff7;box-shadow:0 20px 55px #15283e38;transform:translateY(-18px);opacity:0;transition:.22s}.restaurant-menu-notice.show{transform:none;opacity:1}.restaurant-menu-notice.error{color:#a23c4d;border-color:#f2c7ce;background:#fff0f3}.restaurant-menu-notice i{font-size:21px}.restaurant-menu-notice strong,.restaurant-menu-notice small{display:block}.restaurant-menu-notice strong{font-size:10px}.restaurant-menu-notice small{margin-top:2px;color:inherit;opacity:.72;font-size:8px}.restaurant-payment-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.restaurant-payment-choice label{margin:0!important}.restaurant-payment-choice input{position:absolute;opacity:0}.restaurant-payment-choice span{min-height:58px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e1e5eb;border-radius:12px;color:#657285;background:#fff;font-size:9px;font-weight:850}.restaurant-payment-choice input:checked+span{color:#fff;border-color:#168ad7;background:#168ad7;box-shadow:0 8px 22px #168ad72b}.restaurant-order-track{--rest-primary:#172554;--rest-accent:#f97316;min-height:100vh;padding-bottom:40px;color:#1c2838;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--rest-accent) 15%,#fff),transparent 35%),#f6f3ee}.restaurant-order-track>header{min-height:72px;padding:14px clamp(18px,5vw,55px);display:flex;align-items:center;gap:10px;color:#fff;background:var(--rest-primary)}.restaurant-order-track>header i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#172554;background:var(--rest-accent)}.restaurant-order-track>header span{font-size:13px;font-weight:850}.restaurant-order-track>main{width:min(820px,calc(100% - 30px));margin:clamp(28px,7vw,75px) auto;padding:clamp(24px,6vw,56px);border:1px solid #e4dfd8;border-radius:28px;background:#fff;box-shadow:0 25px 70px #1b2c4714;text-align:center}.restaurant-order-number{padding:7px 10px;border-radius:99px;color:#c65b14;background:#fff0e2;font-size:9px;font-weight:950}.restaurant-order-track h1{margin:16px 0 7px;font-size:clamp(32px,6vw,58px);letter-spacing:-.05em}.restaurant-order-track main>p{margin:0;color:#718094;font-size:11px}.restaurant-track-steps{margin:38px 0 30px;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.restaurant-track-steps:before{content:"";height:3px;position:absolute;left:8%;right:8%;top:24px;background:#e7e9ed}.restaurant-track-steps>span{position:relative;z-index:1;display:grid;place-items:center;color:#9aa3af}.restaurant-track-steps i{width:49px;height:49px;display:grid;place-items:center;border:4px solid #fff;border-radius:99px;background:#e8eaee}.restaurant-track-steps b{margin-top:7px;font-size:7px}.restaurant-track-steps>span.active{color:#08765a}.restaurant-track-steps>span.active i{color:#fff;background:#11a27b;box-shadow:0 7px 20px #11a27b38}.restaurant-order-track main>section{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);border-radius:16px;background:#f5f7fa}.restaurant-order-track main>section div+div{border-left:1px solid #dfe4ea}.restaurant-order-track main>section small,.restaurant-order-track main>section strong{display:block}.restaurant-order-track main>section small{color:#8994a2;font-size:7px;font-weight:900}.restaurant-order-track main>section strong{margin-top:4px;font-size:13px}.restaurant-order-track main>button{margin-top:22px;padding:12px 16px;border:0;border-radius:12px;color:#fff;background:var(--rest-primary);font-size:10px;font-weight:850}.restaurant-public-error{min-height:100vh;display:grid;place-items:center;align-content:center;color:#748095;background:#f5f3ef;text-align:center}.restaurant-public-error i{color:#ef6f18;font-size:52px}.restaurant-public-error h1{margin:14px 0 5px;color:#26364b}.restaurant-public-empty{grid-column:1/-1;padding:50px;color:#8792a1;text-align:center}
@media(max-width:1100px){.restaurant-metrics{grid-template-columns:repeat(3,1fr)}.restaurant-board{grid-template-columns:repeat(4,280px)}}
@media(max-width:720px){.restaurant-metrics{grid-template-columns:repeat(2,1fr)}.restaurant-table-grid{grid-template-columns:1fr}.restaurant-menu>header{min-height:68px;padding:10px 13px}.restaurant-menu>header>div:first-child>span{width:40px;height:40px}.restaurant-menu-hero{padding-top:30px}.restaurant-menu-hero h1{font-size:34px}#restaurant-menu-products{grid-template-columns:1fr;padding:0 12px}.restaurant-menu-product>button{min-height:125px;grid-template-columns:104px minmax(0,1fr) 30px}.restaurant-menu-product>button>span{width:104px;height:104px}.restaurant-categories{padding:0 12px}.restaurant-floating-cart{right:12px;bottom:12px}.restaurant-payment-choice{grid-template-columns:1fr}.restaurant-track-steps{margin:28px 0;grid-template-columns:repeat(5,1fr)}.restaurant-track-steps i{width:39px;height:39px}.restaurant-track-steps:before{top:19px}.restaurant-track-steps b{font-size:6px}.restaurant-order-track main>section{grid-template-columns:1fr;gap:10px}.restaurant-order-track main>section div+div{padding-top:9px;border-top:1px solid #dfe4ea;border-left:0}}

.queue-waiting-panel article{grid-template-columns:24px 58px minmax(0,1fr)}.queue-waiting-panel article:has(.queue-assign-button){grid-template-columns:24px 58px minmax(0,1fr) auto}#restaurant-qr-code{padding:9px;border-radius:14px;background:#fff}
/* Pedidos, cocina y reparto ------------------------------------------------ */
.order-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.order-summary article{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:17px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 28px rgba(27,42,82,.05)}.order-summary article>span{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#edf3ff;color:#315ed2}.order-summary article div{display:flex;flex-direction:column}.order-summary small{font-size:10px;font-weight:800;letter-spacing:.06em;color:#7c879b;text-transform:uppercase}.order-summary strong{font-size:24px;color:#15213a}.order-summary .tone-4>span{background:#e4f8f3;color:#087e67}.order-summary .tone-5>span{background:#ffe9eb;color:#d63e54}.order-control-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#fff;border:1px solid #e7ebf2;border-radius:16px;margin-bottom:12px}.order-control-toolbar>div{display:flex;gap:7px}.order-control-toolbar button{border:0;border-radius:11px;background:#f3f5f8;color:#657087;padding:8px 13px;font-weight:750}.order-control-toolbar button.active{background:#172554;color:#fff}.order-control-toolbar>span{color:#7c8799;font-size:12px}.order-table{background:#fff;border:1px solid #e4e9f0;border-radius:20px;overflow:hidden}.order-table>article{display:grid;grid-template-columns:1.25fr 1.2fr 1.25fr .8fr 1fr 36px;gap:16px;align-items:center;padding:15px 16px;border-bottom:1px solid #edf0f4;transition:.18s}.order-table>article:last-child{border-bottom:0}.order-table>article:hover{background:#f8faff}.order-table>article>div:not(.order-channel){display:flex;flex-direction:column;min-width:0}.order-table small{font-size:9px;font-weight:850;letter-spacing:.07em;color:#8792a4}.order-table strong{font-size:13px;color:#17223a}.order-table span{font-size:11px;color:#7b8595;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-channel{display:flex;align-items:center;gap:11px}.order-channel>span{width:42px;height:42px;border-radius:13px;background:#eef0ff;color:#5e60ce;display:grid;place-items:center}.order-channel>div{display:flex;flex-direction:column;min-width:0}.order-status{display:inline-flex;width:max-content;border-radius:999px;padding:5px 9px;background:#eef2f7;color:#596679;font-size:10px}.order-status.queued,.order-status.preparing{background:#fff0d8;color:#9b5b00}.order-status.ready,.order-status.assigned{background:#ddf8ec;color:#087f60}.order-status.out_for_delivery{background:#e2e9ff;color:#3451b2}.order-status.cancelled{background:#ffe5e8;color:#bc3345}.order-row-menu{border:0;background:transparent;color:#8b95a5}.order-empty,.delivery-empty{min-height:300px;display:grid;place-content:center;text-align:center;color:#8590a2}.order-empty i,.delivery-empty i{font-size:50px;margin-bottom:15px}.order-empty strong,.delivery-empty strong{font-size:20px;color:#344057}.order-empty span,.delivery-empty span{display:block}.order-detail header{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:#f1f3ff}.order-detail header>span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#5e60ce;color:#fff;font-size:21px}.order-detail header div{flex:1}.order-detail header small,.order-detail header p{display:block;margin:0;color:#7b8494}.order-detail header h2{margin:2px 0;color:#1b263c}.order-detail-items{padding:15px 4px}.order-detail-items article{display:flex;justify-content:space-between;padding:11px;border-bottom:1px solid #edf0f3}.order-notes{padding:13px;border-radius:13px;background:#fff3d8;color:#7b4b00}.order-notes i{margin-right:10px}.order-delivery-info{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:14px}.order-delivery-info>div{padding:12px;border-radius:12px;background:#f5f7fa}.order-delivery-info small{display:block;font-size:9px;color:#8791a1}.external-order-lines{min-height:70px;margin:14px 0;border:1px solid #e4e8ef;border-radius:14px;overflow:hidden}.external-order-lines article{display:grid;grid-template-columns:1fr auto 35px;align-items:center;gap:12px;padding:10px 13px;border-bottom:1px solid #edf0f4}.external-order-lines button{border:0;background:#ffe8eb;color:#ca3548;border-radius:9px;height:30px}
.kitchen-board{background:#101626;color:#fff;min-height:calc(100vh - 150px);border-radius:24px;padding:18px}.kitchen-board>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.kitchen-board>header>div{display:flex;align-items:center;gap:12px}.kitchen-board>header>div:first-child>span{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a36,#e84e42);font-size:20px}.kitchen-board>header small{display:block;color:#8e9ab3;font-weight:800;letter-spacing:.1em}.kitchen-board h1{font-size:25px;margin:1px 0}.kitchen-board>header button{border:1px solid #303a51;background:#1c2538;color:#dce3ef;border-radius:12px;padding:10px 13px}.kitchen-board>header button.active{background:#2ec4b6;color:#082b27}.kitchen-board>header time{font-size:22px;font-weight:850}.kitchen-board>#kitchen-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kitchen-board>#kitchen-metrics article{background:#1a2234;border:1px solid #2b354a;border-radius:14px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center}.kitchen-board>#kitchen-metrics span{color:#8e9ab2}.kitchen-board>#kitchen-metrics strong{font-size:23px}.kitchen-board>main{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;overflow-x:auto}.kitchen-column{min-width:250px;background:#171f30;border:1px solid #2a354a;border-radius:18px;overflow:hidden}.kitchen-column>header{display:flex;justify-content:space-between;padding:14px;background:#202a3e;border-bottom:1px solid #303a4f;font-weight:850}.kitchen-column>header span{display:flex;gap:9px;align-items:center}.kitchen-column>header b{background:#303b52;border-radius:999px;padding:2px 9px}.kitchen-column>div{padding:9px;display:grid;gap:9px}.kitchen-order{background:#fff;color:#17223a;border-radius:15px;overflow:hidden;border-left:5px solid #58a38f}.kitchen-order.warning{border-left-color:#f0a42b}.kitchen-order.critical{border-left-color:#e54858;animation:kitchenPulse 1.8s infinite}.kitchen-order>header{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;background:#f4f6f9}.kitchen-order>header span{font-weight:900}.kitchen-order>header time{font-size:12px;font-weight:800;color:#687487}.kitchen-source{padding:8px 12px;color:#6f7a8b;font-size:11px;border-bottom:1px solid #edf0f4}.kitchen-source i{margin-right:7px}.kitchen-order section{padding:7px 12px}.kitchen-order section p{display:grid;grid-template-columns:62px 1fr;gap:5px;margin:7px 0;line-height:1.2}.kitchen-order section b{color:#5e60ce}.kitchen-order aside{padding:9px 11px;background:#fff1d8;color:#744800;font-weight:700;font-size:12px}.kitchen-order aside i{margin-right:7px}.kitchen-order footer{display:flex;align-items:center;gap:7px;padding:9px}.kitchen-order footer button{border:0;background:#e8ebf2;color:#27334a;border-radius:10px;padding:9px 11px}.kitchen-order footer button:last-of-type{margin-left:auto;background:#5e60ce;color:#fff;font-weight:800}.kitchen-order footer strong{margin-left:auto;color:#087e64;font-size:11px}.kitchen-empty{padding:50px 10px;text-align:center;color:#69758d}.kitchen-print-frame{position:fixed;left:-9999px;width:1px;height:1px;border:0}.kitchen-modal-items article{display:grid;grid-template-columns:80px 1fr;padding:10px;border-bottom:1px solid #e8ebf0}.kitchen-modal-items>div{padding:12px;margin-top:12px;background:#fff0d7;border-radius:12px}.kitchen-modal-items>div i{margin-right:8px}@keyframes kitchenPulse{50%{box-shadow:0 0 0 3px rgba(229,72,88,.28)}}
.delivery-gps-status{display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:13px;background:#edf0f5;color:#677286}.delivery-gps-status.active{background:#dff8ee;color:#08765d}.delivery-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.delivery-card{background:#fff;border:1px solid #e4e9f0;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(28,42,75,.06)}.delivery-card>header{display:flex;justify-content:space-between;padding:17px 18px;background:linear-gradient(135deg,#182854,#5e60ce);color:#fff}.delivery-card>header small{display:block;opacity:.75}.delivery-card>header h2{margin:2px 0;font-size:24px}.delivery-card>header b{height:max-content;border-radius:999px;background:rgba(255,255,255,.17);padding:7px 10px;font-size:11px}.delivery-card>section{display:grid;gap:10px;padding:15px}.delivery-card>section>div{display:flex;gap:11px;align-items:center}.delivery-card>section i{width:37px;height:37px;border-radius:11px;background:#edf0ff;color:#5e60ce;display:grid;place-items:center}.delivery-card>section span{display:flex;flex-direction:column}.delivery-card>section small{font-size:9px;color:#8a94a4}.delivery-items{margin:0 15px;padding:12px;border-radius:12px;background:#f5f7fa;display:flex;flex-direction:column;font-size:12px;color:#5f6a7c}.delivery-card>footer{display:flex;flex-wrap:wrap;gap:8px;padding:15px}.delivery-card>footer button{border:0;border-radius:11px;background:#edf0f5;color:#334057;padding:10px 12px;font-weight:750}.delivery-card>footer button.primary,.delivery-card>footer button.active{background:#5e60ce;color:#fff}.delivery-card>footer button.success{background:#17a77f;color:#fff}.delivery-done{color:#168064;font-weight:750}
.order-tracking-public{min-height:100vh;background:#eef2f6}.public-order-track{max-width:880px;margin:auto;min-height:100vh;background:#fff;box-shadow:0 0 40px rgba(18,34,65,.1)}.public-order-track>header{display:flex;align-items:center;gap:12px;padding:18px 22px;background:#172554;color:#fff}.public-order-track>header>span{width:42px;height:42px;border-radius:13px;background:#2ec4b6;display:grid;place-items:center}.public-order-track>header>div{display:flex;flex-direction:column;flex:1}.public-order-track>header small{opacity:.65}.public-order-track>header>b{font-size:17px}.public-order-track>main{padding:22px}.order-track-hero{display:flex;align-items:center;gap:18px;padding:25px;border-radius:22px;background:linear-gradient(135deg,#eff1ff,#e7fbf6)}.order-track-hero>span{width:70px;height:70px;border-radius:22px;background:#5e60ce;color:#fff;display:grid;place-items:center;font-size:28px}.order-track-hero small{font-size:10px;font-weight:850;color:#6e7890}.order-track-hero h1{margin:4px 0;font-size:31px;color:#18243b}.order-track-hero p{margin:0;color:#6d7788}.order-track-steps{display:flex;justify-content:space-between;position:relative;margin:27px 0}.order-track-steps:before{content:'';position:absolute;left:6%;right:6%;top:23px;height:3px;background:#e1e5ec}.order-track-steps article{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;color:#9aa3b1;font-size:10px;text-align:center}.order-track-steps article>span{width:47px;height:47px;border-radius:50%;background:#eef1f5;display:grid;place-items:center;border:4px solid #fff}.order-track-steps article.done{color:#168269}.order-track-steps article.done>span{background:#2ec4b6;color:#fff}.order-pay-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border-radius:14px;background:#168ad7;color:#fff;text-decoration:none;font-weight:850;margin:18px 0}.order-track-delivery{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin:18px 0}.order-track-map{height:270px;border-radius:18px;overflow:hidden;background:#e9edf2;grid-row:span 2}.order-track-eta,.delivery-reception-code{border-radius:18px;padding:17px;background:#f3f5f8}.order-track-eta{display:flex;gap:11px}.order-track-eta>span{width:43px;height:43px;border-radius:13px;background:#5e60ce;color:#fff;display:grid;place-items:center}.order-track-eta small,.delivery-reception-code small{font-size:9px;color:#7d8797;font-weight:850}.order-track-eta strong{display:block;font-size:20px}.order-track-eta p{margin:3px 0;color:#798394;font-size:11px}.delivery-reception-code{background:#172554;color:#fff;text-align:center}.delivery-reception-code small{color:#9ca8c0}.delivery-reception-code strong{display:block;font-size:38px;letter-spacing:.13em;color:#2ec4b6}.delivery-reception-code p{font-size:11px;margin:4px}.order-track-items{border:1px solid #e4e8ef;border-radius:18px;overflow:hidden}.order-track-items header,.order-track-items article{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #edf0f4}.order-track-items article:last-child{border:0}.public-order-track>footer{text-align:center;padding:20px;color:#8993a1;font-size:11px}.public-order-track>footer i{margin-right:7px}.order-track-error{min-height:100vh;display:grid;place-content:center;text-align:center}.order-track-error i{font-size:55px;color:#75819a}.kiosk-payment-message{display:flex;gap:10px;align-items:center;margin-top:15px;padding:14px;border-radius:13px;background:#edf8f5;color:#18745e;font-weight:750}
@media(max-width:1100px){.order-summary{grid-template-columns:repeat(3,1fr)}.order-table>article{grid-template-columns:1.2fr 1fr 1fr .8fr 36px}.order-table>article>div:nth-child(4){display:none}.kitchen-board>main{grid-template-columns:repeat(4,280px)}}
@media(max-width:700px){.order-summary{grid-template-columns:repeat(2,1fr)}.order-control-toolbar{align-items:flex-start;gap:8px;overflow-x:auto}.order-control-toolbar>span{display:none}.order-table>article{grid-template-columns:1fr auto;padding:13px}.order-table>article>div:not(.order-channel){display:none}.kitchen-board{border-radius:0;margin:-20px;min-height:100vh}.kitchen-board>header>div:first-child>span,.kitchen-board>header small{display:none}.kitchen-board>header time{font-size:16px}.kitchen-board>#kitchen-metrics{grid-template-columns:repeat(2,1fr)}.delivery-card-list{grid-template-columns:1fr}.order-track-delivery{grid-template-columns:1fr}.order-track-map{grid-row:auto;height:230px}.public-order-track>main{padding:14px}.order-track-hero{padding:18px}.order-track-hero>span{width:55px;height:55px}.order-track-hero h1{font-size:24px}.order-track-steps article b{max-width:58px}.order-delivery-info{grid-template-columns:1fr}}

/* Código de barras interno por empresa. */
.barcode-generator-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.barcode-generator-control>button{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cfc9fa;border-radius:10px;color:#5548c7;background:#f2f0ff;font-size:10px;font-weight:850;white-space:nowrap}.barcode-generator-control>button:hover{color:#fff;background:#6254d9}.barcode-generator-control>button:disabled{opacity:.65}.barcode-generator-preview{min-height:21px;margin-top:7px;display:flex;align-items:center;gap:10px}.barcode-generator-preview svg{width:auto;max-width:290px;height:62px;border:1px solid #e2e6ed;border-radius:8px;background:#fff}.barcode-generator-preview small{color:#7c8797;font-size:9px;line-height:1.35}.inventory-product-editor .barcode-generator-preview{align-items:flex-start}
@media(max-width:620px){.barcode-generator-control{grid-template-columns:1fr}.barcode-generator-control>button{min-height:42px}.barcode-generator-preview{align-items:flex-start;flex-direction:column}}

/* Tiendas virtuales */
.store-hero{display:flex;justify-content:space-between;gap:24px;padding:24px;border-radius:24px;background:linear-gradient(125deg,#111827,#312e81 58%,#0f766e);color:#fff;margin-bottom:18px;box-shadow:0 20px 55px rgba(30,41,59,.18)}.store-hero>div{display:flex;gap:16px;align-items:center}.store-hero>div>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#ffffff24;font-size:24px}.store-hero small,.store-hero p{color:#cbd5e1}.store-hero h2{margin:2px 0 4px}.store-hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(96px,1fr));text-align:center}.store-hero-stats strong,.store-hero-stats small{display:block}.store-hero-stats strong{font-size:24px}.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.store-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;box-shadow:0 12px 35px #0f172a0f}.store-card>header{display:flex;gap:12px;align-items:flex-start}.store-card>header>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ede9fe;color:#5b21b6}.store-card>header>div{flex:1}.store-card p{margin:3px 0;color:#64748b;font-size:12px;word-break:break-all}.store-card>header>b{font-size:11px;padding:6px 9px;border-radius:99px;background:#dcfce7;color:#166534}.store-card.paused>header>b{background:#fef3c7;color:#92400e}.store-card.archived{opacity:.65}.store-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.store-card-stats>div{padding:11px;border-radius:14px;background:#f8fafc;text-align:center}.store-card-stats strong,.store-card-stats small{display:block}.store-card-stats small{font-size:10px;color:#64748b}.store-card footer{display:flex;flex-wrap:wrap;gap:7px}.store-card footer a,.store-card footer button{border:0;border-radius:10px;padding:8px 10px;background:#f1f5f9;color:#334155;font-size:12px;text-decoration:none}.store-card footer .technical{background:#ede9fe;color:#5b21b6}.store-empty,.store-event-empty{grid-column:1/-1;display:grid;place-items:center;gap:8px;min-height:210px;border:1px dashed #cbd5e1;border-radius:22px;color:#64748b;text-align:center}.store-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.store-toggle-grid>label{position:relative}.store-toggle-grid input{position:absolute;opacity:0}.store-toggle-grid span{display:block;padding:13px;border:1px solid #e2e8f0;border-radius:14px}.store-toggle-grid input:checked+span{border-color:#8b5cf6;background:#f5f3ff}.store-toggle-grid b,.store-toggle-grid small{display:block}.store-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.store-product-list{max-height:55vh;overflow:auto;display:grid;gap:8px}.store-product-list>label{display:grid;grid-template-columns:auto 52px 1fr auto;align-items:center;gap:11px;padding:9px;border:1px solid #e2e8f0;border-radius:14px}.store-product-photo{height:48px;border-radius:10px;overflow:hidden;background:#f1f5f9}.store-product-photo img{width:100%;height:100%;object-fit:cover}.store-credential-warning{display:flex;gap:12px;align-items:center;padding:13px;border-radius:14px;background:#eef2ff;color:#3730a3}.store-credential-warning strong,.store-credential-warning span{display:block}.store-credential-warning.danger{background:#fff7ed;color:#9a3412}.store-secret-help{display:block;margin-top:5px;color:#64748b}

/* Centro de monitoreo */
.monitoring-room{min-height:100%;border-radius:24px;padding:24px;background:radial-gradient(circle at 90% 0,#2563eb2b,transparent 30%),linear-gradient(145deg,#0b1322,#111c30);color:#e2e8f0}.monitoring-room .content-heading h1,.monitoring-room .eyebrow{color:#fff}.monitoring-room .content-heading p{color:#94a3b8}.monitor-health-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.monitor-health-grid article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #94a3b829;border-radius:17px;background:#0f172ab3}.monitor-health-grid article>span,.monitor-target-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#3b82f624;color:#60a5fa}.monitor-health-grid .up>span,.monitor-target-icon.up{background:#10b98124;color:#34d399}.monitor-health-grid .down>span,.monitor-target-icon.down{background:#ef444424;color:#fb7185}.monitor-health-grid .warning>span,.monitor-target-icon.warning{background:#f59e0b24;color:#fbbf24}.monitor-health-grid small,.monitor-health-grid p{display:block;margin:0;color:#64748b;font-size:10px}.monitor-health-grid strong{display:block;margin:2px 0;font-size:17px}.monitor-incidents,.monitor-section{margin-top:16px;border:1px solid #94a3b829;border-radius:20px;background:#0f172aad;overflow:hidden}.monitor-incidents>header,.monitor-section>header{display:flex;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #94a3b821}.monitor-incidents>header{justify-content:flex-start;background:#ef444414;color:#fda4af}.monitor-incidents article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:12px 18px;border-top:1px solid #94a3b814;align-items:center}.monitor-incidents small,.monitor-section small{display:block;color:#64748b}.monitor-dot{width:9px;height:9px;border-radius:50%;background:#f59e0b;box-shadow:0 0 14px currentColor}.monitor-dot.down{background:#f43f5e}.monitor-section h2{margin:0;font-size:18px}.monitor-limit{max-width:520px;color:#64748b;font-size:11px}.monitor-company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;padding:14px}.monitor-company-grid article{padding:14px;border-radius:15px;background:#111d31;border:1px solid #94a3b81c}.monitor-company-grid article>header{display:flex;align-items:center;gap:10px}.monitor-company-grid article>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#1e3a8a;color:#93c5fd;font-weight:800}.monitor-company-grid article>header>div{flex:1}.monitor-company-grid article>header>b{font-size:20px;color:#a7f3d0}.monitor-company-grid article>header>b.danger{color:#fda4af}.monitor-company-grid article>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.monitor-company-grid article>div span{padding:8px;border-radius:10px;background:#0b1424}.monitor-company-grid article>div strong{display:block}.monitor-target-list>article{display:grid;grid-template-columns:auto minmax(200px,1fr) 150px 90px auto auto;gap:12px;align-items:center;padding:13px 18px;border-top:1px solid #94a3b81a}.monitor-target-list strong,.monitor-target-list small,.monitor-target-list p{display:block;margin:0}.monitor-target-list small,.monitor-target-list p,.monitor-target-list time{color:#64748b;font-size:11px}.monitor-target-list button{width:34px;height:34px;border:0;border-radius:10px;background:#1e293b;color:#94a3b8}.monitor-empty{display:grid;place-items:center;gap:8px;padding:42px;color:#64748b}

/* Licitaciones */
.procurement-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.procurement-stats article{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}.procurement-stats article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eef2ff;color:#4f46e5}.procurement-stats small,.procurement-stats strong{display:block}.procurement-stats small{color:#64748b;font-size:10px}.procurement-stats strong{font-size:23px}.procurement-sync-note{display:flex;align-items:center;gap:12px;padding:12px 15px;margin-bottom:14px;border:1px solid #bae6fd;border-radius:15px;background:#f0f9ff;color:#075985}.procurement-sync-note.danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}.procurement-sync-note strong,.procurement-sync-note span{display:block}.procurement-sync-note span{font-size:12px;opacity:.8}.procurement-toolbar{display:flex;align-items:center;justify-content:space-between}.procurement-board{display:flex;gap:12px;overflow:auto;padding:3px 2px 15px;min-height:480px}.procurement-column{flex:0 0 330px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;overflow:hidden}.procurement-column>header{display:flex;justify-content:space-between;padding:13px 15px;border-top:4px solid var(--stage-color,#64748b);background:#fff}.procurement-column>header i{margin-right:7px;color:var(--stage-color,#64748b)}.procurement-column>header b{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:99px;background:#f1f5f9}.procurement-column>div{display:grid;gap:10px;padding:10px;min-height:420px}.procurement-column.drag-over>div{background:#eef2ff;outline:2px dashed #6366f1;outline-offset:-6px}.procurement-card{padding:13px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 7px 20px #0f172a0d;cursor:pointer}.procurement-card>header{display:flex;justify-content:space-between;align-items:center}.procurement-card>header>span,.procurement-detail>header>span{padding:5px 8px;border-radius:99px;background:#dbeafe;color:#1d4ed8;font-size:9px;font-weight:800;text-transform:uppercase}.procurement-card .source-ca,.procurement-detail .source-ca{background:#dcfce7;color:#15803d}.procurement-card .source-oc,.procurement-detail .source-oc{background:#fef3c7;color:#a16207}.procurement-card>header button{border:0;background:transparent;color:#cbd5e1}.procurement-card>header button.active{color:#f59e0b}.procurement-card>small{display:block;margin-top:7px;color:#64748b;font-size:10px}.procurement-card h3{font-size:14px;line-height:1.25;margin:7px 0 11px}.procurement-card>div{display:flex;justify-content:space-between;gap:5px}.procurement-card>div span{font-size:10px;color:#64748b}.procurement-card footer{display:flex;justify-content:space-between;gap:8px;align-items:end;margin-top:11px;padding-top:10px;border-top:1px solid #f1f5f9}.procurement-card footer strong{font-size:12px}.procurement-card footer span{max-width:130px;text-align:right;font-size:9px;color:#64748b}.procurement-empty{display:grid;place-items:center;min-height:100px;color:#94a3b8;font-size:11px;text-align:center}.procurement-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:22px;margin-top:16px}.procurement-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.procurement-facts span{padding:11px;border-radius:12px;background:#f8fafc}.procurement-facts small,.procurement-facts strong{display:block}.procurement-description{white-space:pre-line;max-height:210px;overflow:auto}.procurement-detail pre{max-height:220px;overflow:auto;padding:12px;border-radius:12px;background:#0f172a;color:#cbd5e1;font-size:10px}.procurement-detail aside{display:flex;flex-direction:column;gap:7px;padding:15px;border-radius:16px;background:#f8fafc}.proc-config-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.proc-config-summary section{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid #e2e8f0;border-radius:13px}.restaurant-payment-lock{display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:11px}.restaurant-track-pay{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:13px;background:#009ee3;color:#fff;text-decoration:none;font-weight:750}
@media(max-width:1100px){.monitor-health-grid{grid-template-columns:repeat(2,1fr)}.monitor-target-list>article{grid-template-columns:auto 1fr auto auto}.monitor-target-list time,.monitor-target-list>article>b{display:none}.procurement-stats{grid-template-columns:1fr 1fr}}@media(max-width:700px){.store-hero{display:block}.store-hero-stats{margin-top:15px}.store-toggle-grid{grid-template-columns:1fr}.monitoring-room{padding:14px;border-radius:0}.monitor-health-grid{grid-template-columns:1fr}.monitor-company-grid{grid-template-columns:1fr}.procurement-detail-grid{grid-template-columns:1fr}.procurement-facts,.proc-config-summary{grid-template-columns:1fr}}