:root{--ink:#172e2a;--muted:#566762;--paper:#f6f3eb;--card:#fffdf7;--line:#dbddd1;--green:#174c3c;--mint:#dbe9d5;--orange:#a84925}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.6 Noto Sans Arabic,Geeza Pro,Tahoma,Arial,sans-serif}h1,h2,p{margin:0}h1{letter-spacing:-.035em;margin:1.1rem 0 .65rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}h2{margin-bottom:.6rem;font-size:1.15rem}p{color:var(--muted);margin-bottom:.85rem}button,input,textarea,select{font:inherit}button{cursor:pointer;color:var(--ink);border:1px solid var(--line);background:var(--card);border-radius:8px;padding:.55rem .9rem}button:hover{border-color:var(--green);background:var(--mint)}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline-offset:3px;outline:3px solid #b96a37}label{gap:.3rem;font-weight:700;display:grid}form{gap:1rem;max-width:36rem;display:grid}form button{justify-self:start}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #bcc5b9;border-radius:7px;padding:.62rem .75rem}textarea{resize:vertical;min-height:5rem}.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}.primary:hover{color:#fff;background:#25624d}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.rail{color:#fff;background:#192e28;flex-direction:column;gap:1rem;padding:1.6rem 1.1rem;display:flex}.brand{align-items:center;gap:.7rem;font-size:1.6rem;font-weight:800;line-height:1.2;display:flex}.brand span{color:#19382f;background:#d7e7c8;border-radius:10px;place-items:center;width:47px;height:47px;display:grid}.brand small{opacity:.75;margin-top:.22rem;font-size:.7rem;font-weight:500;display:block}.office-name{border-block:1px solid #466055;margin-top:.7rem;padding:.85rem 0;font-weight:700}nav{gap:.35rem;display:grid}nav button,.logout{text-align:start;color:#f2f7f0;background:0 0;border-color:#0000}nav button span{color:#bad4b9;width:1.6rem;display:inline-block}nav button:hover,.logout:hover,nav [aria-current]{color:#fff;background:#345547}.logout{margin-top:auto}.workspace{width:100%;max-width:1420px;padding:1.3rem clamp(1rem,4vw,3.7rem) 3rem}.top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:0 0 .9rem;font-size:.85rem;display:flex}.sandbox,.badge{background:var(--mint);color:#214634;white-space:nowrap;border-radius:20px;padding:.19rem .65rem;font-size:.78rem}.waiting{color:#823717;background:#f7e1d1}.hero{isolation:isolate;background:#e5eadb;border:1px solid #d2d9c7;border-radius:15px;margin:1.5rem 0 1rem;padding:clamp(1.3rem,4vw,3rem);position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;background:repeating-linear-gradient(132deg,#0000 0 13px,#93ad8b55 14px 15px);position:absolute;inset:0 55% 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.hero h1{margin-top:.45rem}.eyebrow{color:#32604a;font-size:.82rem;font-weight:800}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:0;margin-bottom:1rem;padding:1.2rem}.stats,.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.stat{display:grid;position:relative}.stat strong{font-variant-numeric:tabular-nums;font-size:2.35rem;line-height:1.25}.stat .ordinal{color:#78887b;font-size:.75rem;position:absolute;inset:.7rem auto auto 1rem}.strip,.row,.thread-title,.actions{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.strip p{margin:0}.row{text-align:start;border:0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;border-radius:0;width:100%;padding:.65rem .35rem}.row.selected{background:var(--mint)}.split{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.inbox{grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr)}.empty{margin:0;padding:1rem 0}.steps{flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.steps li{border:1px solid var(--line);border-radius:20px;padding:.3rem .7rem}.steps [aria-current]{background:var(--mint);font-weight:700}.thread{gap:.5rem;max-height:43vh;margin-bottom:.8rem;padding:.4rem;display:grid;overflow:auto}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#ecece1;border-radius:10px;justify-self:start;max-width:88%;padding:.6rem .75rem}.bubble small{color:var(--muted);font-weight:800;display:block}.bubble.assistant,.bubble.staff{background:#e1edda;justify-self:end}.actions{flex-wrap:wrap;margin-bottom:1rem}.error,.notice{color:#7b331b;background:#f9e1d0;border-radius:8px;margin:.85rem 0;padding:.65rem .85rem}.notice{color:#214634;background:var(--mint)}.login{max-width:33rem;min-height:100vh;margin:auto;padding:clamp(1rem,10vw,4rem) 1.2rem}.login-card{margin-top:1.7rem;padding:clamp(1.2rem,5vw,2rem)}.login h1{font-size:2.5rem}.wa-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.wa-status p{margin:0}.wa-more summary{cursor:pointer;color:var(--green);min-height:44px;padding:.45rem 0;font-weight:700}.channel-tag{color:var(--muted);font-size:.78rem;font-weight:500;display:block}.bubble .delivery-status{margin-top:.3rem;font-weight:500}.copy-value{flex-wrap:wrap;align-items:end;gap:.55rem;margin:.7rem 0;display:flex}.copy-value label{flex:16rem;min-width:0;max-width:35rem}.copy-value button{min-height:44px}.workspace a{color:var(--green);text-underline-offset:.2em}.mobile-nav,.mobile-inbox-back{display:none}@media (max-width:780px){.shell{grid-template-columns:minmax(0,1fr)}.rail{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;padding:.85rem 1rem;display:grid}.rail .office-name{grid-area:2/1/auto/-1;margin:0;padding:.4rem 0}.rail .logout{grid-area:1/2;min-height:44px;margin:0}.desktop-nav,.has-thread .inbox-list{display:none}.mobile-inbox-back{align-items:center;min-height:44px;margin-bottom:.7rem;display:inline-flex}.mobile-nav{z-index:2;padding:.3rem .45rem max(.35rem,env(safe-area-inset-bottom));background:#192e28;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #172e2a22}.mobile-nav>button{text-align:center;min-height:52px;padding:.2rem;font-size:.8rem}.mobile-nav>button span{width:auto;font-size:1.12rem;display:block}.mobile-more{background:#192e28;border-radius:11px;padding:.4rem;position:absolute;inset:auto .55rem calc(100% + .45rem);box-shadow:0 4px 22px #172e2a40}.mobile-more button{width:100%;min-height:44px;display:block}.workspace{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.split,.inbox,.board{grid-template-columns:minmax(0,1fr)}.stats{gap:.35rem}.stat{padding:.65rem}.stat .ordinal{display:none}.stat span{font-size:.78rem}.row,.primary,.actions button{min-height:44px}input,textarea,select{font-size:16px}}