:root{--navy:#171d4f;--red:#d2380d;--ink:#161a30;--muted:#6a6f82;--line:#e3e0d8;--bg:#f4f2ee}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.75 Tahoma,"Segoe UI","Noto Sans Arabic","DejaVu Sans",sans-serif;background:var(--bg);color:var(--ink);padding-bottom:78px}
a{color:inherit;text-decoration:none}
.top{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20}.top-in{max-width:760px;margin:0 auto;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}.top-in span{opacity:.7;font-size:.85rem}
.wrap{max-width:760px;margin:0 auto;padding:18px}.pt{font-size:1.4rem;margin:6px 0 16px}h2{font-size:1.05rem;margin:0 0 10px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px;display:block}
.card label,.login-card label{display:block;font-weight:700;font-size:.9rem;margin-bottom:12px}
input,select,textarea{display:block;width:100%;margin-top:5px;font:inherit;padding:12px 14px;border:1px solid #cfccc3;border-radius:12px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--red) 45%,transparent);border-color:var(--red)}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:12px;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer;text-align:center}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.big{display:block;width:100%;padding:16px;font-size:1.05rem;margin-top:6px}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.alert{padding:13px 16px;border-radius:12px;margin-bottom:14px;font-weight:600}.alert.ok{background:#e4f6ea;color:#14673a}.alert.err{background:#fdeaea;color:#a02020}
.muted{color:var(--muted)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:block}.stat strong{display:block;font-size:1.5rem;color:var(--red);line-height:1.3}.stat span{color:var(--muted);font-size:.85rem}
.job{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:12px;border-inline-start:5px solid var(--line)}.job.st-new{border-inline-start-color:var(--red)}.job.st-active{border-inline-start-color:#e9a400}.job.st-done{border-inline-start-color:#1a8f4a}
.job-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.job-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.88rem;margin-top:4px}.job-visit{margin-top:6px;font-size:.88rem;color:var(--navy);font-weight:700}
.pill{padding:2px 12px;border-radius:999px;font-size:.78rem;font-weight:700;background:#eee}.pill.st-new{background:#fff1e6;color:#c2530a}.pill.st-active{background:#fff6dc;color:#8a6200}.pill.st-done{background:#e4f6ea;color:#14673a}
.seg{display:flex;background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px;margin-bottom:16px}.seg a{flex:1;text-align:center;padding:9px 6px;border-radius:10px;font-weight:700;font-size:.9rem}.seg a.on{background:var(--navy);color:#fff}
.dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin:0}.dl dt{color:var(--muted);font-size:.9rem}.dl dd{margin:0;word-break:break-word}.maplink{color:var(--red);font-weight:700;margin-inline-start:8px}
.irow{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}.irow-f{display:grid;grid-template-columns:90px 1fr;gap:10px;margin-top:8px}.irow-f label{margin:0}
.chk{display:flex!important;gap:10px;align-items:center}.chk input{width:22px;height:22px;margin:0}
.sumbox{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;border-radius:14px;padding:14px 18px;margin:14px 0}.sumbox strong{font-size:1.4rem}
.tabs{position:fixed;inset:auto 0 0 0;background:#fff;border-top:1px solid var(--line);display:flex;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.tabs a{flex:1;text-align:center;padding:14px 4px;font-size:.82rem;font-weight:700;color:var(--muted)}.tabs a.on{color:var(--red);box-shadow:inset 0 3px 0 var(--red)}
.login-body{display:grid;place-items:center;min-height:100vh;padding:20px;background:linear-gradient(160deg,#171d4f,#0d1134)}.login-card{background:#fff;border-radius:20px;padding:30px;width:min(420px,100%);display:grid;gap:6px}.login-card h1{margin:4px 0 10px;font-size:1.3rem}.login-logo{display:flex;justify-content:center;margin-bottom:6px}.login-logo img{height:58px;width:auto}
@media (min-width:720px){body{padding-bottom:0}.tabs{position:static;inset:auto;max-width:760px;margin:0 auto 30px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.stats{grid-template-columns:repeat(4,1fr)}}
@media print{.top,.tabs,.no-print{display:none!important}body{background:#fff;padding:0}.wrap{max-width:none;padding:0}.pt{display:none}}

.bdg{display:inline-block;background:var(--red);color:#fff;border-radius:999px;font-size:.68rem;padding:0 6px;margin-inline-start:3px}
.thread{display:grid;gap:10px;margin:14px 0}.bubble{padding:12px 14px;border-radius:16px;max-width:92%}.bubble small{display:block;color:var(--muted);margin-bottom:2px}.bubble p{margin:0}.bubble.ins{background:#fff1e6;justify-self:start}.bubble.adm{background:#fff;border:1px solid var(--line);justify-self:end}
body.sel{--navy:#8f2306}body.sel .top{background:#a22608}
.pwa-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}.pwa-bar .btn{padding:10px 18px}.pwa-bar p{margin:0;flex-basis:100%}
.prodlist{max-height:46vh;overflow:auto;border:1px solid var(--line);border-radius:14px;margin:6px 0 14px}.prow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.prow[hidden]{display:none}.prow:last-child{border-bottom:0}.prow small{display:block;color:var(--muted)}.prow input{width:84px;margin:0;text-align:center}.card .prow input{flex:none}
.tl{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tl small{color:var(--muted);margin-inline-start:8px}
.att{margin:8px 0 14px}.att-pick{display:flex!important;align-items:center;justify-content:center;gap:8px;border:2px dashed #cfccc3;border-radius:14px;padding:16px;cursor:pointer;font-weight:700;background:#fcfbf8}.att-pick input{display:none}.att-list{display:grid;gap:6px;margin-top:8px}
.att-chip{display:flex;align-items:center;gap:8px;background:#f1efe9;border-radius:10px;padding:8px 12px;font-size:.88rem}.att-chip .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:start}.att-chip.ok{background:#e4f6ea}.att-chip.err{background:#fdeaea;color:#a02020}.att-chip .x{border:0;background:none;font-size:1.2rem;cursor:pointer}
.atts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.atts img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.atts video{width:100%;max-height:260px;border-radius:12px;background:#000}.atts-file{display:inline-block;background:#f1efe9;border-radius:10px;padding:8px 12px;font-size:.85rem;direction:ltr}
.toast{position:fixed;inset-inline:12px;top:12px;background:#171d4f;color:#fff;border-radius:14px;padding:12px 16px;z-index:100;box-shadow:0 10px 30px #0006;cursor:pointer}.toast strong{display:block}.toast span{font-size:.88rem;opacity:.9}
.bdg[hidden]{display:none}