:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#132a2a;--muted:#647474;--line:#dce7e4;--paper:#fff;--canvas:#f2f7f5;--brand:#087f6f;--brand-dark:#075e54;--brand-soft:#e4f5f0;--amber:#b66a08;--amber-soft:#fff3d9;--danger:#b42318;--shadow:0 20px 60px #0d463d1a;font-family:Inter,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0%, #087f6f14, transparent 35rem), var(--canvas);color:var(--ink);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:28px;width:100%;max-width:440px;padding:36px}.brand-mark{background:linear-gradient(145deg, var(--brand), var(--brand-dark));color:#fff;letter-spacing:-.05em;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-weight:800;display:flex;box-shadow:0 12px 28px #087f6f3d}.eyebrow{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;margin:22px 0 4px;font-size:.72rem;font-weight:800}h1,h2,h3,p{margin-block-start:0}.auth-card h1{letter-spacing:-.055em;margin-block-end:14px;font-size:clamp(2rem,8vw,3rem);line-height:1}.muted{color:var(--muted);line-height:1.7}.auth-card form{gap:16px;margin-block:30px 20px;display:grid}label{color:#405452;gap:7px;font-size:.84rem;font-weight:700;display:grid}input,textarea,select{color:var(--ink);background:#fbfdfc;border:1px solid #cbdad6;border-radius:12px;outline:none;min-height:48px;padding:10px 13px}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #087f6f1f}.primary,.sync-button,.action-form button{background:var(--brand);color:#fff;border:0;border-radius:12px;min-height:48px;padding:10px 18px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.55}.text-button,.locale,.logout,.close{color:var(--brand-dark);background:0 0;border:0;font-weight:800}.text-button{width:100%}.error{color:var(--danger);background:#fff0ed;border-radius:10px;padding:10px;font-size:.8rem}.connection{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.connection span{background:#8b9b98;border-radius:50%;width:8px;height:8px}.connection.is-online span{background:#18a477;box-shadow:0 0 0 4px #18a4771f}.connection.is-offline{color:var(--amber)}.connection.is-offline span{background:var(--amber)}.auth-card>.connection{justify-content:center;margin-block-start:22px}.app-shell{min-height:100vh}.topbar{background:var(--paper);border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px clamp(18px,4vw,48px);display:flex}.topbar .eyebrow{margin:0 0 3px}.topbar h1{margin:0;font-size:1.15rem}.top-actions{align-items:center;gap:10px;display:flex}.locale{border:1px solid var(--line);border-radius:10px;min-width:42px;height:42px}.logout{color:var(--muted);font-size:.78rem}.status-strip{color:#fff;background:#0c3935;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:18px;padding:13px clamp(18px,4vw,48px);display:grid}.status-strip .connection{color:#fff}.status-strip strong,.status-strip small{display:block}.status-strip small{color:#a8c6c1;margin-block-start:3px;font-size:.7rem}.outbox-pill{background:#ffffff1a;border:1px solid #ffffff21;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.outbox-pill b{color:#7ce1cb;font-size:1.2rem}.outbox-pill span{font-size:.72rem}.sync-button{color:var(--brand-dark);background:#fff;min-height:42px}.update-banner{background:var(--amber-soft);color:#744200;justify-content:center;align-items:center;gap:16px;padding:10px;display:flex}.update-banner button{color:inherit;background:0 0;border:1px solid;border-radius:8px;padding:6px 10px;font-weight:800}.diagnostics{background:#fffaf0;border-block-end:1px solid #ecd9b6;padding:14px clamp(18px,4vw,48px)}.diagnostics h2{color:#744200;margin-block-end:9px;font-size:.8rem}.diagnostics>div{gap:8px;display:grid}.diagnostic{background:#fff;border:1px solid #eadcc2;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.diagnostic strong,.diagnostic span,.diagnostic code{margin-inline-end:10px;font-size:.7rem}.diagnostic span{color:var(--amber);font-weight:800}.diagnostic p{color:var(--muted);margin:4px 0 0;font-size:.7rem}.conflict-detail{gap:5px;margin:8px 0 0;font-size:.7rem;display:grid}.conflict-detail div{justify-content:space-between;gap:8px;display:flex}.conflict-detail dt{color:var(--muted)}.conflict-detail dd{margin:0}.diagnostic-actions{gap:8px;display:flex}.diagnostic-actions button{border:1px solid var(--amber);color:#744200;background:0 0;border-radius:8px;padding:7px 9px;font-size:.7rem;font-weight:800}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:24px;max-width:1440px;margin:0 auto;padding:30px clamp(18px,4vw,48px) 60px;display:grid}.queue-panel,.customer-panel{min-width:0}.section-heading{justify-content:space-between;align-items:end;margin-block-end:16px;display:flex}.section-heading .eyebrow{margin:0}.section-heading h2{margin:2px 0 0;font-size:1.55rem}.freshness{color:var(--muted);font-size:.72rem}.queue-list{gap:12px;display:grid}.queue-card{background:var(--paper);border:1px solid var(--line);color:inherit;text-align:start;border-radius:18px;grid-template-columns:minmax(200px,1fr) minmax(170px,.8fr) minmax(160px,.7fr);gap:16px;padding:18px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.queue-card:hover,.queue-card.is-selected{border-color:#83c9bc;transform:translateY(-1px);box-shadow:0 12px 34px #0d463d14}.customer-title{align-items:center;gap:12px;display:flex}.avatar{background:var(--brand-soft);color:var(--brand-dark);border-radius:13px;flex:0 0 42px;justify-content:center;align-items:center;height:42px;font-size:1.1rem;font-weight:900;display:flex}.customer-title strong,.customer-title small{display:block}.customer-title small,.detail-row small{color:var(--muted);margin-block-start:4px;font-size:.7rem}.money-grid{gap:14px;display:flex}.money-grid div{display:grid}.money-grid span{color:var(--muted);font-size:.68rem;font-weight:800}.money-grid b{font-size:1.05rem}.money-grid small{color:var(--amber);font-size:.66rem}.reason{border-inline-start:1px solid var(--line);align-self:center;padding-inline-start:16px;display:grid}.reason span{color:var(--muted);font-size:.67rem}.reason b{color:var(--brand-dark);margin-block-start:3px;font-size:.75rem}.empty-state,.customer-placeholder{background:var(--paper);color:var(--muted);text-align:center;border:1px dashed #bad0cb;border-radius:18px;justify-content:center;align-items:center;min-height:220px;padding:30px;display:flex}.customer-panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;align-self:start;min-height:420px;max-height:calc(100vh - 170px);padding:22px;position:sticky;top:18px;overflow:auto}.customer-placeholder{border:0;flex-direction:column;min-height:370px}.customer-header{justify-content:space-between;display:flex}.customer-header .eyebrow{margin:0 0 3px}.customer-header h2{margin-block-end:5px}.customer-header p{color:var(--muted);font-size:.8rem}.read-only-notice{color:#566865;background:#f5f8f7;border-inline-start:3px solid #96aaa6;margin-block:16px;padding:10px 12px;font-size:.72rem;line-height:1.6}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.summary-cards article{background:var(--brand-soft);border-radius:14px;padding:12px;display:grid}.summary-cards span,.summary-cards small{color:var(--muted);font-size:.68rem}.summary-cards b{font-size:1.2rem}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;margin-block:18px;display:grid}.quick-actions button{background:var(--brand);color:#fff;border:0;border-radius:12px;min-height:48px;font-weight:800}.quick-actions button+button{background:#163e3a}.action-form{border:1px solid var(--line);background:#f8fbfa;border-radius:16px;gap:12px;margin-block:12px 18px;padding:15px;display:grid}.promise-form{grid-template-columns:1fr 1fr}.promise-form .local-label,.promise-form button{grid-column:1/-1}.local-label{color:var(--amber);margin:0;font-size:.7rem}.detail-section{border-block-start:1px solid var(--line);margin-block-start:20px;padding-block-start:18px}.detail-section h3{font-size:.9rem}.detail-row{justify-content:space-between;align-items:center;padding-block:9px;display:flex}.detail-row+.detail-row{border-block-start:1px solid #edf2f0}.promise-actions{flex-direction:column;align-items:end;gap:.35rem;display:flex}.promise-actions button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.78rem}.activity-row{border-inline-start:2px solid #a4ccc4;margin-block:12px;padding-inline-start:12px}.activity-row b{color:var(--brand-dark);font-size:.72rem}.activity-row p{margin:3px 0;font-size:.8rem}.activity-row small{color:var(--muted);font-size:.68rem}@media (max-width:980px){.workspace{grid-template-columns:1fr}.customer-panel{z-index:10;width:min(100%,520px);min-height:100vh;max-height:100vh;transition:transform .18s;position:fixed;inset:0;transform:translate(110%)}[dir=ltr] .customer-panel{transform:translate(-110%)}.customer-panel.is-open{transform:translate(0)}}@media (max-width:680px){.topbar{padding:12px 16px}.logout{max-width:90px}.status-strip{grid-template-columns:1fr auto;gap:10px;padding:11px 16px}.status-strip>div:nth-child(2){grid-area:2/1}.outbox-pill{grid-area:1/2}.sync-button{grid-area:2/2}.workspace{padding:22px 14px 40px}.queue-card{grid-template-columns:1fr 1fr;gap:13px;padding:15px}.customer-title{grid-column:1/-1}.reason{padding-inline-start:12px}.customer-panel{border-radius:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}