.customer-shell{color:#1f2928;background:#f7f5f0;min-height:100vh;padding:24px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.customer-header{justify-content:space-between;align-items:center;max-width:1100px;margin:auto;display:flex}.customer-header b{letter-spacing:.04em;font-size:1.35rem}.customer-header button,.link-button{color:#55746d;cursor:pointer;font:inherit;background:0 0;border:0;padding:8px}.customer-layout{grid-template-columns:220px 1fr;gap:24px;max-width:1100px;margin:56px auto;display:grid}.auth-card,.chat-card,.allowance{background:#fff;border:1px solid #e5e1d8;border-radius:20px;box-shadow:0 12px 35px #263c3510}.auth-card{max-width:430px;margin:12vh auto;padding:40px}.brand-mark{color:#31584f;background:#dcebe5;border-radius:15px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.auth-card h1{margin:24px 0 8px;font-size:2rem}.auth-card p{color:#65716d}.auth-card form,.composer{gap:14px;margin-top:28px;display:grid}label{gap:8px;font-weight:600;display:grid}input,textarea{font:inherit;background:#fcfdfb;border:1px solid #d6dcd7;border-radius:12px;padding:13px}textarea{resize:vertical;min-height:62px}.primary{color:#fff;font:inherit;cursor:pointer;background:#315f56;border:0;border-radius:12px;padding:13px 18px;font-weight:650}.primary:disabled{opacity:.5;cursor:wait}.allowance{gap:8px;height:max-content;padding:20px;display:grid}.allowance span,.allowance small{color:#6b7772}.allowance strong{font-size:2.2rem}.allowance-low{border-color:#dfbf69}.allowance-critical{border-color:#d58e65}.allowance-depleted{border-color:#c66b6b}.chat-card{flex-direction:column;min-height:65vh;padding:24px;display:flex}.messages{flex:1;align-content:start;gap:14px;display:grid}.message{background:#f0f4f1;border-radius:16px;max-width:75%;padding:12px 16px}.message-user{background:#dcebe5;margin-inline-start:auto}.message small{color:#64736d;font-weight:650}.message p{white-space:pre-wrap;margin:5px 0 0}.empty{text-align:center;color:#77827d;margin:auto}.notice{color:#a34f46}.composer{grid-template-columns:1fr auto;align-items:end}.composer .primary{height:48px}.composer textarea{min-height:48px}@media (width<=700px){.customer-shell{padding:16px}.customer-layout{flex-direction:column;margin:32px auto;display:flex}.allowance{order:0}.chat-card{min-height:65vh;padding:16px}.auth-card{margin:10vh auto;padding:28px}.message{max-width:88%}.composer{grid-template-columns:1fr}.composer .primary{width:100%}}.phone-control{background:#f2f2f2;border:1px solid #ededed;border-radius:17px;grid-template-columns:auto 1fr;align-items:center;display:grid;overflow:hidden}.country-picker{border-inline-end:1px solid #dedede;align-items:center;gap:8px;padding:0 12px;display:flex}.country-picker select{appearance:none;color:#17221f;cursor:pointer;background:0 0;border:0;outline:0;padding:15px 20px 15px 0;font-weight:700}.country-picker:after{content:"⌄";color:#74817d;pointer-events:none;margin-inline-start:-17px}.phone-control input{color:#17221f;background:0 0;border:0;border-radius:0;outline:0;min-width:0;padding:15px 14px}.phone-control input::placeholder{color:#b4b8ba}.phone-help{color:#7a8581;padding-inline:4px;font-size:.78rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.continue-button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#ed929e;border:0;border-radius:999px;padding:14px 18px;font-size:1.05rem;font-weight:700}.continue-button:disabled{opacity:.5;cursor:wait}.phone-control select{border-radius:0}.qatar-flag{flex:none;width:22px;height:15px;display:inline-flex}.qatar-flag svg{width:100%;height:100%;display:block}.dial-code{color:#17221f;white-space:nowrap;padding:15px 14px;font-weight:700}.country-picker:after{display:none}.continue-button{background:var(--primary,#0c714f);opacity:1}.continue-button:disabled{color:#7b8781;opacity:1;cursor:not-allowed;background:#d8e1dc}:root{--background:#f3f6f1;--foreground:#10231d;--card:#fff;--primary:#0c714f;--primary-foreground:#fff;--secondary:#e2efe7;--muted:#edf2ee;--muted-foreground:#5c6e66;--accent:#d8eee2;--border:#d8e1dc;--ring:#2b9671}*{box-sizing:border-box;border-color:var(--border)}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);margin:0;font-family:Segoe UI,Tahoma,Arial,sans-serif}button,textarea{font:inherit}button{cursor:pointer;justify-content:center;align-items:center;gap:.45rem;display:inline-flex}button:disabled,textarea:disabled{cursor:not-allowed}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--ring) 45%, transparent);outline-offset:2px}.skip-link{z-index:50;color:#0c5d43;background:#fff;border-radius:.65rem;padding:.75rem 1rem;font-weight:700;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-180%);box-shadow:0 10px 30px #10231d2e}.skip-link:focus{transform:translateY(0)}.app-shell{background:radial-gradient(circle at 62% 0%, #d3eddd8c, transparent 30rem), var(--background);grid-template-columns:17.5rem minmax(0,1fr) 19rem;min-height:100vh;display:grid}.sidebar{color:#effaf4;background:#102d25;border-inline-end:1px solid #ffffff14;flex-direction:column;min-height:100vh;padding:1.5rem 1.25rem;display:flex}.brand-row{align-items:center;gap:.8rem;min-width:0;display:flex}.brand-mark{border-radius:.9rem;width:2.75rem;height:2.75rem;box-shadow:0 8px 22px #0000003d}.brand-name{letter-spacing:.01em;margin:0;font-size:1.05rem;font-weight:750}.brand-state{color:#a9cabc;margin:.15rem 0 0;font-size:.78rem}.new-chat{color:#123c2f;opacity:.72;background:#d9f2e5;border:0;justify-content:flex-start;width:100%;height:2.75rem;margin-block:2rem 1.75rem;font-size:.92rem}.sidebar-nav{min-width:0}.nav-heading{color:#8cb5a5;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:700}.nav-heading-spaced{margin-block-start:1.75rem}.thread-row,.nav-row{color:#d9eee5;text-align:start;background:0 0;border:0;border-radius:.8rem;align-items:center;gap:.75rem;width:100%;padding:.75rem;display:flex}.thread-row{background:#ffffff17}.thread-row svg,.nav-row svg{flex:none;width:1.05rem}.thread-row span{gap:.15rem;min-width:0;display:grid}.thread-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.thread-row small{color:#9dbdaf;font-size:.76rem}.nav-row{opacity:.72;font-size:.92rem}.nav-row-active,.nav-row:hover:not(:disabled),.thread-row:hover{opacity:1;background:#ffffff1f}.sidebar-foot{color:#aed3c2;border:1px solid #ffffff1a;border-radius:.8rem;align-items:center;gap:.65rem;margin-block-start:auto;padding:.8rem;font-size:.8rem;display:flex}.sidebar-foot svg{flex:none;width:1rem}.workspace{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:100vh;display:grid}.topbar{border-block-end:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;align-items:center;gap:1rem;min-height:4.8rem;padding-inline:clamp(1rem,3vw,2.25rem);display:flex}.topbar-title{gap:.2rem;min-width:0;font-weight:700;display:grid}.connection-state{color:#a2483c;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.connection-state svg{width:.85rem}.language-button{color:#183e31;background:#fff;border:1px solid #cbd9d1;border-radius:.7rem;height:2.5rem;margin-inline-start:auto;padding-inline:.9rem;font-size:.88rem}.topbar-actions{align-items:center;gap:.55rem;margin-inline-start:auto;display:flex}.topbar-actions .language-button{margin-inline-start:0}.mobile-menu{display:none}.icon-button,.send-button{border:0;border-radius:.75rem;flex:none;width:2.5rem;height:2.5rem}.icon-button{color:#29483d;background:0 0}.send-button{color:#fff;opacity:.5;background:#0c714f}.send-button:not(:disabled){opacity:1}.conversation-pane{width:min(100%,51rem);margin-inline:auto;padding:clamp(2.25rem,6vh,5.5rem) clamp(1rem,4vw,2.5rem) 2rem}.welcome-block{text-align:center}.welcome-mark{background:#fff;border-radius:1.45rem;place-items:center;width:4.2rem;height:4.2rem;margin-inline:auto;padding:.35rem;display:grid;box-shadow:0 16px 44px #0e443229}.welcome-mark img{border-radius:1.1rem;width:100%;height:100%}.eyebrow{color:#167656;letter-spacing:.08em;text-transform:uppercase;margin:1.2rem 0 .55rem;font-size:.78rem;font-weight:800}h1{letter-spacing:-.045em;max-width:42rem;margin:0 auto;font-size:clamp(2rem,4.8vw,3.55rem);line-height:1.05}[dir=rtl] h1{letter-spacing:0;line-height:1.2}.intro{color:#54675f;max-width:42rem;margin:1.15rem auto 0;font-size:1rem;line-height:1.75}.suggestion-row{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-block-start:1.5rem;display:flex}.suggestion-row button{color:#577067;background:#ffffffc2;border:1px solid #cfddd5;border-radius:999px;padding:.65rem .9rem;font-size:.88rem}.fixture-message{background:#ffffffc7;border:1px solid #d6e2db;border-radius:1.1rem;gap:.9rem;margin-block-start:clamp(2.5rem,7vh,5rem);padding:1rem;display:flex;box-shadow:0 12px 36px #2745390f}.delivery-fixture{border:1px solid var(--border);background:#ffffffd6;border-radius:1.15rem;margin-block-start:1.5rem;padding:clamp(1rem,2.5vw,1.5rem);box-shadow:0 18px 45px #1e463614}.delivery-fixture-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.delivery-fixture-heading h2{margin:.2rem 0 0;font-size:clamp(1.05rem,2vw,1.3rem)}.fixture-sequence{background:var(--muted);min-width:2.4rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:.35rem .55rem;font-size:.78rem}.delivery-fixture-intro{max-width:65ch;color:var(--muted-foreground);margin:.85rem 0 1rem;font-size:.9rem;line-height:1.55}.fixture-live-state{border-inline-start:4px solid var(--primary);background:var(--secondary);color:#164a38;border-radius:.7rem;margin:0;padding:.8rem .9rem;font-size:.88rem;font-weight:650;line-height:1.45}.fixture-timeline{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.fixture-state-item{color:var(--muted-foreground);border:1px solid #0000;border-radius:.8rem;align-items:flex-start;gap:.7rem;padding:.72rem .8rem;display:flex}.fixture-state-item-active{color:var(--foreground);background:#f0faf4;border-color:#abd4c1}.fixture-state-dot{background:#fff;border:2px solid #8da69a;border-radius:999px;flex:none;width:.65rem;height:.65rem;margin-block-start:.3rem}.fixture-state-item-active .fixture-state-dot{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 4px #0c714f1f}.fixture-state-item span:last-child{gap:.18rem;display:grid}.fixture-state-item strong{font-size:.86rem}.fixture-state-item small{font-size:.78rem;line-height:1.4}.terminal-heading{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;margin:1.15rem 0 .55rem;font-size:.75rem;font-weight:750}.terminal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.terminal-grid .fixture-state-item{min-width:0;padding:.65rem}.fixture-controls{flex-wrap:wrap;gap:.65rem;margin-block-start:1rem;display:flex}.fixture-primary-button,.fixture-reset-button{border-radius:.72rem;min-height:2.6rem;padding-inline:1rem;font-size:.86rem;font-weight:700}.fixture-primary-button{border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground)}.fixture-primary-button:disabled{opacity:.5}.fixture-reset-button{color:#214b3b;background:#fff;border:1px solid #c5d6cd}@media (width<=620px){.terminal-grid{grid-template-columns:1fr}.fixture-controls>button{width:100%}}.fixture-avatar{color:#fff;background:#126d50;border-radius:.75rem;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-weight:800;display:grid}.fixture-label{color:#167656;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .25rem;font-size:.76rem;font-weight:800}.fixture-message p:last-child{color:#354b43;margin:0;font-size:.94rem;line-height:1.55}.engine-message{border-radius:1rem;width:min(84%,38rem);margin-block-start:.8rem;padding:.9rem 1rem;box-shadow:0 6px 18px #193e3012}.engine-message p{margin:0;line-height:1.55}.engine-message-user{background:#dcf2e5;border-end-end-radius:.3rem;margin-inline-start:auto}.engine-message-assistant{background:#fff;border:1px solid #dbe5df;border-end-start-radius:.3rem;margin-inline-end:auto}.composer-wrap{width:min(100%,51rem);margin-inline:auto;padding:0 2.5rem 1.4rem}.composer{background:#fff;border:1px solid #cbd9d1;border-radius:1rem;align-items:flex-end;gap:.65rem;padding:.55rem;display:flex;box-shadow:0 12px 35px #1e413417}.composer textarea{resize:none;color:#52665d;width:100%;min-height:2.6rem;box-shadow:none;background:0 0;border:0;outline:none;padding:.65rem;font-size:1rem}.composer-wrap>p{color:#6c7c75;text-align:center;margin:.5rem 0 0;font-size:.8rem}.status-rail{border-inline-start:1px solid var(--border);background:#f9fbf8d6;min-height:100vh;padding:1.6rem 1.25rem}.status-heading{align-items:center;gap:.65rem;margin-block-end:1.25rem;display:flex}.status-heading svg{color:#26775a;width:1.05rem}.status-heading h2{margin:0;font-size:1rem}.status-card{background:#fff;border:1px solid #dbe4df;border-radius:.9rem;align-items:flex-start;gap:.75rem;margin-block-end:.75rem;padding:.9rem;display:flex}.status-dot{border-radius:999px;flex:none;width:.6rem;height:.6rem;margin-block-start:.3rem}.status-dot-off{background:#c36755}.status-dot-planned{background:#d3a13c}.status-dot-safe{background:#2d936a}.status-card p{margin:0;font-size:.88rem;font-weight:750}.status-card span{color:#6c7c75;margin-block-start:.15rem;font-size:.78rem;line-height:1.4;display:block}.fixture-notice{color:#355c4d;background:#e5f1e9;border-radius:.9rem;margin-block-start:1.25rem;padding:1rem;font-size:.82rem;line-height:1.55}.support-workspace{min-width:0;padding:clamp(1rem,3vw,2.25rem);overflow:hidden}.support-intro{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-block-end:1.25rem;display:flex}.support-intro .eyebrow{margin-block-start:0}.support-intro h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.7rem,3vw,2.5rem)}.support-intro p:last-child{max-width:52rem;color:var(--muted-foreground);margin:.65rem 0 0;line-height:1.55}.support-fixture-badge{color:#725016;background:#fff1d7;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.78rem;font-weight:750;display:inline-flex}.support-fixture-badge svg{width:.95rem}.support-grid{border:1px solid var(--border);background:#fff;border-radius:1.2rem;grid-template-columns:minmax(15rem,.78fr) minmax(22rem,1.35fr);min-height:36rem;display:grid;overflow:hidden;box-shadow:0 18px 46px #1e463617}.support-ticket-pane{border-inline-end:1px solid var(--border);background:#f7faf8;min-width:0;padding:1rem}.support-pane-heading,.support-detail-heading,.support-ticket-topline{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.support-pane-heading h2,.support-detail-heading h2{margin:0;font-size:1rem}.support-pane-heading button{min-height:2.2rem;color:var(--muted-foreground);background:#fff;border:1px solid #cbd9d1;border-radius:.65rem;padding-inline:.7rem;font-size:.75rem}.support-ticket-list{gap:.55rem;margin-block-start:1rem;display:grid}.support-ticket{width:100%;color:var(--foreground);text-align:start;background:0 0;border:1px solid #0000;border-radius:.85rem;justify-content:stretch;gap:.4rem;padding:.85rem;display:grid}.support-ticket:hover,.support-ticket-active{background:#fff;border-color:#bdd8ca}.support-ticket-topline strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.88rem;overflow:hidden}.support-ticket-topline small,.support-ticket>span:nth-child(2){color:var(--muted-foreground);font-size:.75rem}.support-ticket>span:nth-child(2){line-height:1.4}.support-state{border-radius:999px;width:fit-content;padding:.25rem .48rem;font-size:.69rem;font-weight:750}.support-state-awaiting_staff{color:#795315;background:#fff0d4}.support-state-replied{color:#176147;background:#dff3e8}.support-state-closed{color:#55645e;background:#e9edeb}.support-detail{flex-direction:column;min-width:0;padding:clamp(1rem,2.4vw,1.5rem);display:flex}.support-back{display:none}[dir=rtl] .support-back svg{transform:scaleX(-1)}.support-detail-heading{border-block-end:1px solid var(--border);align-items:flex-start;padding-block-end:1rem}.support-detail-heading div>span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.75rem}.support-detail-heading h2{margin-block-start:.2rem;font-size:1.15rem}.support-messages{flex-direction:column;gap:.75rem;padding-block:1.25rem;display:flex}.support-message{border-radius:1rem;max-width:min(34rem,88%);padding:.9rem 1rem;box-shadow:0 6px 18px #193e3012}.support-message-user{background:#dcf2e5;border-end-end-radius:.3rem;align-self:flex-end}.support-message-staff{background:#fff;border:1px solid #dbe5df;border-end-start-radius:.3rem;align-self:flex-start}.support-message p{margin:0;font-size:.88rem;line-height:1.55}.support-message .support-message-label{color:#176147;align-items:center;gap:.35rem;margin-block-end:.25rem;font-size:.72rem;font-weight:800;display:flex}.support-message-label svg{width:.82rem}.support-message small{color:var(--muted-foreground);margin-block-start:.45rem;font-size:.68rem;display:block}.support-boundary{color:#315f4d;background:#edf6f1;border-radius:.75rem;align-items:flex-start;gap:.55rem;margin-block-start:auto;padding:.75rem;display:flex}.support-boundary svg{flex:none;width:1rem}.support-boundary p{margin:0;font-size:.75rem;line-height:1.45}.support-composer{background:#fafcfb;border:1px solid #d3ddd7;border-radius:.85rem;align-items:flex-end;gap:.5rem;margin-block-start:.8rem;padding:.5rem;display:flex}.support-composer textarea{resize:none;width:100%;min-height:2.6rem;color:var(--muted-foreground);background:0 0;border:0;outline:none;padding:.6rem}.support-composer button{background:var(--primary);color:#fff;opacity:.45;border:0;border-radius:.7rem;flex:none;width:2.5rem;height:2.5rem}.support-composer-note{color:var(--muted-foreground);text-align:center;margin:.45rem 0 0;font-size:.72rem}@media (width<=760px){.support-workspace{padding:.8rem}.support-intro{display:grid}.support-fixture-badge{justify-self:start}.support-grid{grid-template-columns:1fr;min-height:34rem}.support-grid-detail-open .support-ticket-pane,.support-grid:not(.support-grid-detail-open) .support-detail{display:none}.support-ticket-pane{border-inline-end:0}.support-back{color:#176147;background:0 0;border:0;align-self:flex-start;margin-block-end:.85rem;padding:0;font-size:.76rem;font-weight:750;display:inline-flex}.support-back svg{width:1rem}}.mobile-drawer-layer{display:none}@media (width<=1120px){.app-shell{grid-template-columns:15.5rem minmax(0,1fr)}.status-rail{display:none}.mobile-menu{display:inline-flex}.mobile-drawer-layer{z-index:40;display:block;position:fixed;inset:0}.mobile-drawer-backdrop{background:#03110d94;border:0;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}.mobile-drawer{color:#effaf4;background:#102d25;border:0;width:min(21rem,88vw);max-width:none;height:100%;margin:0;padding:1rem;position:absolute;inset-block:0;inset-inline-start:0;overflow-y:auto;box-shadow:0 0 42px #00000052}.mobile-drawer-heading{border-block-end:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding-block-end:1.25rem;display:flex}.mobile-drawer-close{color:#effaf4;background:#ffffff14}.mobile-drawer-nav{padding-block:1.25rem}.mobile-drawer-status{border-block-start:1px solid #ffffff1a;padding-block-start:1.25rem}.mobile-drawer-status .status-heading{color:#effaf4}.mobile-drawer-status .status-heading svg{color:#8ed0b2}.mobile-drawer-status .status-card{color:var(--foreground)}.mobile-drawer-status .fixture-notice{color:#244d3e;background:#dff1e7}}@media (width<=760px){.app-shell{display:block}.sidebar{display:none}.workspace{min-height:100svh}.topbar{min-height:4.25rem;padding-inline:.8rem}.language-button{padding-inline:.7rem}.conversation-pane{padding-block-start:clamp(2rem,6vh,3.5rem)}h1{font-size:clamp(2rem,10vw,2.75rem)}.intro{font-size:.96rem}.composer-wrap{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}