.appv{
  --bg:#070707; --surface:#141110; --surface-2:#1E1916; --line:#2E2622; --line-strong:#7A6C63;
  --ink:#F5F2EF; --ink-muted:#B0A59C;
  --orange:#E4670D; --on-orange:#070707; --orange-text:#E4670D;
  --brown:#562A09; --on-brown:#FFFFFF;
  --rec:#FF5C7A; --ok:#5CC08A; --focus-ring:#E4670D;
  
  --st-raw:#B0A59C; --st-editing:#D9A05B; --st-review:#E4670D; --st-client:#6FA8DC; --st-revisions:#FF5C7A; --st-delivered:#5CC08A;
  --grad:linear-gradient(180deg,#E4670D 0%,#9B480C 25%,#562A09 45%,#301909 60%,#070707 76%);
  --radius-sm:4px; --radius-md:10px; --radius-lg:18px; --radius-full:999px;
  --space-1:4px; --space-2:8px; --space-4:16px; --space-6:24px; --space-10:40px;
  --font-display:"Cairo","Segoe UI",Tahoma,sans-serif;
  --font-head:"Cairo","Segoe UI",Tahoma,sans-serif;
  --font-body:"Cairo","Segoe UI",Tahoma,system-ui,sans-serif;
  color-scheme:dark;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
.appv[data-theme="light"]{
  --bg:#F4F3F1; --surface:#FFFFFF; --surface-2:#EAE6E2; --line:#DAD4CE; --line-strong:#82766C;
  --ink:#1A1411; --ink-muted:#5E544C; --orange-text:#A8480A;
  --rec:#C0263F; --ok:#23744A; --focus-ring:#1A1411;
  --st-raw:#82766C; --st-editing:#B07A2A; --st-client:#2F6FA8; --st-revisions:#C0263F; --st-delivered:#23744A;
  color-scheme:light;
}
.appv *,.appv *::before,.appv *::after{box-sizing:inherit}
.appv{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:28px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
.appv button,.appv input,.appv select,.appv textarea{font:inherit;color:inherit}
.appv button{cursor:pointer}
.appv a{color:var(--orange-text)}
.appv :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.appv img{max-width:100%}
.appv .num{font-variant-numeric:tabular-nums}
.appv .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.appv .muted{color:var(--ink-muted)}
.appv .late{color:var(--rec)!important}
.appv .okc{color:var(--ok)!important}
.appv .hidden{display:none!important}
.appv .logo-light{display:none}
.appv[data-theme="light"] .logo-dark{display:none}
.appv[data-theme="light"] .logo-light{display:block}
.appv .login{min-height:100vh;min-height:100dvh;background:var(--grad);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6)}
.appv .login .brand{width:min(300px,78vw);margin-bottom:6px}
.appv .login .tag{font-family:"Cairo",sans-serif;font-weight:500;font-size:18px;color:rgba(255,255,255,.82);direction:ltr;margin:0 0 var(--space-10)}
.appv .login .box{width:100%;max-width:380px;background:#070707;border:1px solid #2E2622;border-radius:var(--radius-lg);padding:var(--space-6);color:#F5F2EF}
.appv .login h1{font-family:var(--font-head);font-weight:600;font-size:22px;line-height:32px;margin:0 0 4px}
.appv .login .sub{font-size:14px;line-height:22px;color:#B0A59C;margin:0 0 var(--space-6)}
.appv .login .field span{color:#B0A59C}
.appv .login .input{background:#141110;border-color:#7A6C63;color:#F5F2EF}
.appv .login .err{color:#FF5C7A;font-size:14px;line-height:22px;margin:0 0 12px;min-height:0}
.appv .login .fine{font-size:13px;line-height:20px;color:#B0A59C;margin:var(--space-4) 0 0;text-align:center}
.appv .demo-roles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}
.appv .demo-roles .btn{height:44px;padding:0 6px;font-size:14px;background:#1E1916;border-color:#7A6C63;color:#F5F2EF}
.appv .topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,calc((100% - 728px)/2))}
.appv .topbar .wm{height:22px;width:auto;display:block}
.appv .topbar .who{font-size:13px;color:var(--ink-muted);margin-inline-start:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}
.appv .icon-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink);flex:none}
.appv .icon-btn svg{width:20px;height:20px}
.appv main{max-width:760px;margin:0 auto;padding:4px 16px calc(120px + env(safe-area-inset-bottom,0px))}
.appv main.no-tabs{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}
.appv .page-head h1{font-family:var(--font-head);font-weight:700;font-size:30px;line-height:42px;margin:8px 0 0}
.appv .page-head .sub{margin:0;color:var(--ink-muted);font-size:14px;line-height:24px}
.appv .banner{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;line-height:22px;margin-top:12px}
.appv .banner.demo{border-color:var(--orange)}
.appv .loading{color:var(--ink-muted);text-align:center;padding:64px 0}
.appv section{margin-top:28px}
.appv .sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.appv .sec-head h2{font-family:var(--font-head);font-weight:600;font-size:20px;line-height:30px;margin:0}
.appv .aside{font-size:13px;line-height:20px;color:var(--ink-muted)}
.appv .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}
.appv .row{display:flex;align-items:center;gap:12px;padding:12px 14px;width:100%;background:none;border:0;border-top:1px solid var(--line);text-align:start;color:inherit}
.appv .panel>.row:first-child{border-top:0}
.appv button.row:hover{background:var(--surface-2)}
.appv .row .main{flex:1;min-width:0;display:block}
.appv .t{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appv .m{display:block;font-size:13px;line-height:20px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appv .end{font-size:13px;line-height:20px;color:var(--ink-muted);white-space:nowrap}
.appv .dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--c,var(--st-raw));flex:none;display:inline-block}
.appv .empty{padding:18px 16px;color:var(--ink-muted);font-size:14px;line-height:22px;margin:0}
.appv .line{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.appv .bar{display:block;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin-top:8px}
.appv .bar i{display:block;height:100%;background:var(--ok);border-radius:3px}
.appv .amount{font-weight:500;white-space:nowrap}
.appv .row.net .t,.appv .row.net .amount{font-weight:700}
.appv .row.link{color:var(--orange-text);font-size:14px}
.appv .tl{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch}
.appv .tl-grid{display:grid;grid-template-columns:88px repeat(14,58px);width:max-content;position:relative}
.appv .tl-corner{grid-row:1;grid-column:1;position:sticky;inset-inline-start:0;background:var(--surface);z-index:3;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line)}
.appv .tl-day{grid-row:1;text-align:center;padding:8px 0 10px;font-size:12px;line-height:16px;color:var(--ink-muted);border-bottom:1px solid var(--line);position:relative}
.appv .tl-day b{display:block;font-family:"Cairo",sans-serif;font-weight:700;font-size:17px;line-height:20px;color:var(--ink)}
.appv .tl-day::after{content:"";position:absolute;inset-inline:0;bottom:0;height:5px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 7px)}
.appv .tl-day.is-today::before{content:"";position:absolute;inset:5px 6px 9px;border-radius:var(--radius-sm);background:var(--orange)}
.appv .tl-day.is-today span,.appv .tl-day.is-today b{color:var(--on-orange);position:relative;z-index:1}
.appv .tl-day>*{position:relative}
.appv .tl-name{grid-column:1;position:sticky;inset-inline-start:0;background:var(--surface);z-index:3;padding:10px;font-size:13px;line-height:20px;font-weight:500;border-inline-end:1px solid var(--line);border-top:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appv .tl-cell{border-top:1px solid var(--line);padding:6px 3px;display:flex;flex-direction:column;gap:4px;min-height:52px;position:relative;z-index:2}
.appv .tl-cell.is-friday{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}
.appv .tl-clip{border:0;border-top:3px solid var(--c);border-radius:var(--radius-sm);padding:3px 5px;font-size:11px;line-height:16px;background:var(--surface-2);color:var(--ink);text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.appv .tl-clip.is-late{outline:1.5px solid var(--rec);outline-offset:1px}
.appv .tl-more{font-size:11px;color:var(--ink-muted);text-align:center}
.appv .tl-playhead{justify-self:center;width:2px;background:var(--orange);pointer-events:none;z-index:1}
.appv .legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;line-height:18px;color:var(--ink-muted)}
.appv .legend span{display:inline-flex;align-items:center;gap:6px}
.appv .legend .dot{width:8px;height:8px}
.appv .note{font-size:13px;line-height:20px;color:var(--ink-muted);margin:8px 0 0}
.appv .month{display:flex;align-items:center;justify-content:space-between;margin-top:34px}
.appv .month h2{font-family:var(--font-head);font-weight:600;font-size:22px;line-height:32px;margin:0}
.appv .month button{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);font-size:20px;line-height:1}
.appv .chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;margin-top:14px}
.appv .chips::-webkit-scrollbar{display:none}
.appv .chip{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-full);padding:5px 12px;font-size:13px;line-height:20px;display:inline-flex;gap:6px;align-items:center}
.appv .chip .dot{width:8px;height:8px}
.appv .chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.appv .vlist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;margin-top:6px}
.appv .vitem{padding:14px;border-top:1px solid var(--line)}
.appv .vitem:first-child{border-top:0}
.appv .vtop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.appv .vmain{background:none;border:0;padding:0;text-align:start;flex:1;min-width:0;color:inherit}
.appv .vtitle{display:block;font-family:var(--font-head);font-weight:600;font-size:18px;line-height:28px}
.appv .vmeta{display:block;font-size:13px;line-height:20px;color:var(--ink-muted)}
.appv .status{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:20px;font-weight:500;padding:2px 9px;border-radius:var(--radius-sm);background:var(--surface-2);white-space:nowrap;flex:none}
.appv .status .dot{width:8px;height:8px}
.appv .vfoot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px;flex-wrap:wrap}
.appv .vactions{display:flex;gap:6px;flex-wrap:wrap}
.appv .btn{border:1px solid var(--line-strong);background:transparent;border-radius:var(--radius-md);padding:0 14px;height:38px;font-size:14px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap}
.appv .btn.primary{background:var(--orange);color:var(--on-orange);border-color:var(--orange)}
.appv .btn.quiet{border-color:var(--line);background:var(--surface-2)}
.appv .btn.danger{color:var(--rec);border-color:var(--line)}
.appv .btn:disabled{opacity:.5;cursor:default}
.appv .btn svg{width:16px;height:16px}
.appv .clist{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.appv .ccard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;width:100%;text-align:start;display:block;color:inherit}
.appv .ccard.paused{opacity:.62}
.appv .cname{font-family:var(--font-head);font-weight:600;font-size:18px;line-height:28px}
.appv .kv{display:flex;flex-wrap:wrap;gap:2px 16px;font-size:13px;line-height:20px;color:var(--ink-muted);margin-top:2px}
.appv .access{display:inline-flex;align-items:center;gap:6px}
.appv .access .dot{width:7px;height:7px}
.appv .ehead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.appv .ename{font-family:var(--font-head);font-weight:600;font-size:18px;line-height:28px;background:none;border:0;padding:0;text-align:start;color:inherit}
.appv .ename .m{font-family:var(--font-body);font-weight:400}
.appv .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.appv .stat b{display:block;font-family:"Cairo",sans-serif;font-weight:700;font-size:24px;line-height:28px}
.appv .stat span{display:block;font-size:12px;line-height:18px;color:var(--ink-muted)}
.appv .stat.bad b{color:var(--rec)}
.appv .owed{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);gap:10px;flex-wrap:wrap}
.appv .steps{margin:0;padding:6px 16px;list-style:none;counter-reset:s}
.appv .steps li{counter-increment:s;display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.appv .steps li:first-child{border-top:0}
.appv .steps li::before{content:counter(s);flex:none;width:28px;height:28px;border-radius:var(--radius-full);background:var(--surface-2);display:grid;place-items:center;font-family:"Cairo",sans-serif;font-weight:700}
.appv .steps li p{flex:1;margin:0;font-size:14px;line-height:22px}
.appv .hero{margin-top:12px;border-radius:var(--radius-md);background:var(--brown);color:var(--on-brown);padding:18px 18px 16px}
.appv .hero h1{font-family:var(--font-head);font-weight:700;font-size:26px;line-height:36px;margin:0}
.appv .hero p{margin:2px 0 0;font-size:14px;line-height:22px;color:rgba(255,255,255,.82)}
.appv .hero .bar{background:rgba(255,255,255,.18);margin-top:12px}
.appv .hero .bar i{background:var(--orange)}
.appv .hero .figs{display:flex;gap:22px;margin-top:10px}
.appv .hero .figs b{display:block;font-family:"Cairo",sans-serif;font-weight:700;font-size:28px;line-height:30px}
.appv .hero .figs span{font-size:12px;line-height:18px;color:rgba(255,255,255,.78)}
.appv .review-item{padding:16px;border-top:1px solid var(--line)}
.appv .review-item:first-child{border-top:0}
.appv .review-item .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.appv .review-item .btns .btn{height:44px}
.appv .tabs{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.appv .tabs-in{display:flex;max-width:760px;margin:0 auto}
.appv .tab{flex:1;background:none;border:0;padding:8px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;line-height:16px;color:var(--ink-muted)}
.appv .tab svg{width:22px;height:22px}
.appv .tab[aria-current="page"]{color:var(--orange-text);font-weight:600}
.appv .fab{position:fixed;z-index:31;inset-inline-end:max(16px,calc((100% - 728px)/2));bottom:calc(76px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:var(--radius-md);border:0;background:var(--orange);color:var(--on-orange);display:grid;place-items:center}
.appv .fab svg{width:26px;height:26px}
.appv .backdrop{position:fixed;inset:0;z-index:50;background:rgba(7,7,7,.6);display:none;align-items:flex-end;justify-content:center}
.appv .backdrop.open{display:flex}
.appv .sheet{background:var(--surface);width:100%;max-width:640px;max-height:92%;overflow:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:8px 18px calc(20px + env(safe-area-inset-bottom,0px));animation:tp-up .14s ease-out;outline:none;border-top:1px solid var(--line)}
@keyframes tp-up{from{transform:translateY(20px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.appv .sheet{animation:none}}
.appv .grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 12px}
.appv .sheet h3{font-family:var(--font-head);font-weight:600;font-size:22px;line-height:32px;margin:0 0 16px}
.appv .field{display:block;margin-bottom:14px}
.appv .field>span,.appv .flabel{display:block;font-size:13px;line-height:20px;color:var(--ink-muted);margin-bottom:6px}
.appv .input{width:100%;height:46px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-2);padding:0 12px;font-size:16px}
.appv textarea.input{height:auto;min-height:80px;padding:10px 12px;resize:vertical;line-height:26px}
.appv input.ltr-in{direction:ltr;text-align:right}
.appv .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.appv .seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.appv .seg button{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;line-height:20px;display:inline-flex;align-items:center;gap:6px}
.appv .seg button[aria-pressed="true"]{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c);font-weight:600}
.appv .stepper{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.appv .stepper button{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface-2);font-size:20px;line-height:1}
.appv .stepper output{min-width:28px;text-align:center;font-family:"Cairo",sans-serif;font-weight:700;font-size:20px}
.appv .check{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.appv .check input{width:20px;height:20px;accent-color:var(--orange)}
.appv .sheet-actions{display:flex;gap:10px;margin-top:6px}
.appv .sheet-actions .btn{height:48px;padding:0 18px;font-size:15px}
.appv .grow{flex:1}
.appv .hint{font-size:13px;line-height:20px;color:var(--ink-muted);margin:-6px 0 14px}
.appv .wide{width:100%;height:46px;margin-bottom:12px}
.appv .facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px;line-height:22px;margin:0 0 16px}
.appv .facts dt{color:var(--ink-muted)}
.appv .facts dd{margin:0}
.appv .thread-tabs{display:flex;gap:6px;margin:6px 0 10px}
.appv .thread-tabs button{flex:1;height:38px;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);font-size:14px}
.appv .thread-tabs button[aria-pressed="true"]{border-color:var(--ink);font-weight:600}
.appv .thread{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-height:260px;overflow:auto}
.appv .msg{background:var(--surface-2);border-radius:var(--radius-md);padding:8px 12px;max-width:88%}
.appv .msg.mine{align-self:flex-start;background:color-mix(in srgb,var(--orange) 16%,var(--surface))}
.appv .msg.theirs{align-self:flex-end}
.appv .msg .by{font-size:12px;line-height:18px;color:var(--ink-muted)}
.appv .msg p{margin:0;font-size:15px;line-height:24px;white-space:pre-wrap;overflow-wrap:anywhere}
.appv .msg .fwd{border:0;background:none;padding:0;margin-top:2px;font-size:12px;color:var(--orange-text);text-decoration:underline}
.appv .compose{display:flex;gap:8px;align-items:flex-end}
.appv .compose textarea{min-height:46px;height:46px}
.appv .divider{height:1px;background:var(--line);margin:18px 0}
.appv .toast{position:fixed;z-index:60;left:50%;transform:translateX(-50%);bottom:calc(146px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:var(--radius-md);font-size:14px;line-height:22px;opacity:0;pointer-events:none;transition:opacity .15s;max-width:calc(100% - 32px);text-align:center}
.appv .toast.show{opacity:1}
.appv .no-tabs~.toast,.appv .toast.low{bottom:calc(32px + env(safe-area-inset-bottom,0px))}
@media (min-width:600px){.appv .page-head h1{font-size:34px;line-height:48px}}
/* portal container */
.appv{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--ink)}
body.in-app #top,body.in-app #page,body.in-app #foot,body.in-app #gl,body.in-app .loader{display:none!important}
.appv .login .brand{cursor:pointer}
.appv .auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px}
.appv .auth-links a,.appv .auth-links button{color:#F5A04A;background:none;border:0;padding:0;text-decoration:underline;font-size:14px}
.appv .demo-roles.four{grid-template-columns:1fr 1fr}
.appv .pickset{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.appv .pickset button{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:var(--radius-full);padding:6px 14px;font-size:14px;line-height:22px}
.appv .pickset button[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:var(--on-orange);font-weight:600}
.appv .req{color:var(--orange-text)}
.appv .apply{max-width:640px;margin:0 auto}
.appv .apply .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;margin-top:16px}
.appv .state{text-align:center;padding:36px 8px}
.appv .state h1{font-family:var(--font-head);font-weight:700;font-size:28px;line-height:40px;margin:0 0 8px}
.appv .state p{color:var(--ink-muted);margin:0 auto 18px;max-width:30em}
.appv .state .mark{width:64px;height:64px;border-radius:var(--radius-full);display:grid;place-items:center;margin:0 auto 18px;background:var(--surface-2)}
.appv .state .mark svg{width:30px;height:30px}
.appv .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.appv .tags span{font-size:12px;line-height:20px;padding:1px 8px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink)}
.appv .pay{color:var(--ok);font-weight:500}
.appv .count-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--orange);color:var(--on-orange);font-size:12px;font-weight:700;line-height:1}
.appv .tab{position:relative}
.appv .tab .count-badge{position:absolute;top:4px;inset-inline-end:calc(50% - 22px)}

/* timestamped review */
.appv .rv{margin:4px 0 10px}
.appv .rv-stage{background:#000;border-radius:12px;overflow:hidden}
.appv .rv-stage video{width:100%;max-height:56vh;display:block;background:#000}
.appv .rv-empty{padding:16px;margin:0;color:#B0A59C;font-size:14px;line-height:22px;text-align:center}
.appv .rv-track{position:relative;height:14px;margin:8px 2px 2px;border-radius:7px;background:var(--surface-2);direction:ltr}
.appv .rv-track button{position:absolute;top:1px;width:12px;height:12px;padding:0;border-radius:50%;border:2px solid var(--bg);background:var(--orange);transform:translateX(-50%);cursor:pointer}
.appv .rv-track button.done{background:var(--ok)}
.appv .rv-tools{display:flex;gap:8px;margin:10px 0 0}
.appv .rv-tools .btn{height:48px}
.appv .rv-tools .btn svg{width:18px;height:18px;flex:none}
.appv .rv-rec.on{background:var(--rec);border-color:var(--rec);color:#fff}
.appv .rv-textbox{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;margin-top:8px}
.appv .rv-textbox textarea{min-height:48px}
.appv .rv-textbox .btn{height:48px}
.appv .rv-list{margin-top:8px}
.appv .fb{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line)}
.appv .fb-t{font-weight:700;font-size:13px;line-height:22px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:0 8px;color:var(--orange-text);white-space:nowrap}
.appv button.fb-t{cursor:pointer}
.appv .fb-meta{font-size:12px;line-height:18px;color:var(--ink-muted)}
.appv .fb-task{margin:3px 0 0;font-weight:600;font-size:15px;line-height:24px;white-space:pre-line}
.appv .fb-tr{margin:3px 0 0;font-size:13px;line-height:21px;color:var(--ink-muted)}
.appv .fb audio{width:100%;height:34px;margin-top:6px}
.appv .fb.done .fb-task{text-decoration:line-through;color:var(--ink-muted)}
.appv .fb-round{font-size:12px;font-weight:700;color:var(--ink-muted);margin:12px 0 2px}
.appv .fb-x{background:none;border:0;color:var(--ink-muted);font-size:20px;line-height:1;padding:2px 6px}
.appv .fb-cb input{width:22px;height:22px;accent-color:var(--orange)}

/* notifications */
.appv .bell{position:relative}
.appv .bell .badge{position:absolute;top:-6px;inset-inline-end:-6px;box-shadow:0 0 0 2px var(--bg);min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--orange);color:var(--on-orange);font-size:11px;font-style:normal;font-weight:700;line-height:18px;text-align:center}
.appv .nlist{display:flex;flex-direction:column}
.appv .nitem{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;text-align:start;background:none;border:0;border-top:1px solid var(--line);padding:12px 2px;color:var(--ink);width:100%}
.appv .nitem:first-child{border-top:0}
.appv .nitem .dot{width:8px;height:8px;border-radius:50%;margin-top:9px;background:transparent}
.appv .nitem.new .dot{background:var(--orange)}
.appv .nitem .t{display:block;font-weight:700;font-size:15px;line-height:24px}
.appv .nitem .m{display:block;font-size:13px;color:var(--ink-muted);line-height:21px}
.appv .nitem .end{font-size:12px;color:var(--ink-muted);white-space:nowrap}
/* raw files */
.appv .files .fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.appv .files .fh b{font-size:17px}
.appv .upl{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.appv .upl svg{width:16px;height:16px}
.appv .frow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.appv .frow:first-child{border-top:0}
.appv .fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.appv .fsize{font-size:12px;color:var(--ink-muted)}
.appv .fup{display:grid;grid-template-columns:1fr 90px 44px;gap:8px;align-items:center;font-size:13px;margin-top:6px}
.appv .fup span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.appv .fup .bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;display:block}
.appv .fup .bar i{display:block;height:100%;width:0;background:var(--orange)}
.appv .btn.sm{height:34px;padding:0 12px;font-size:13px}
.appv .btns{display:flex;gap:6px}
/* money */
.appv .monthnav{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 4px}
.appv .monthnav b{font-size:17px;min-width:140px;text-align:center}
.appv .row .end{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-inline-start:auto;font-size:13px}
.appv .irow{display:grid;grid-template-columns:1fr 64px 96px 36px;gap:6px;margin-bottom:6px}
.appv .irow .input{height:42px;padding:0 10px}
/* printable documents */
#printv{position:fixed;inset:0;z-index:300;background:#5a514b;overflow:auto;display:none;font-family:"Cairo","Segoe UI",Tahoma,sans-serif}
#printv.open{display:block}
#printv .pbar{position:sticky;top:0;display:flex;gap:8px;justify-content:center;padding:10px;background:#1A1411;z-index:2}
#printv .pbtn{height:42px;padding:0 18px;border-radius:10px;border:1px solid #7A6C63;background:transparent;color:#F5F2EF;font:inherit;font-weight:700}
#printv .pbtn.primary{background:#E4670D;border-color:#E4670D;color:#070707}
#printv .page{background:#fff;color:#1A1411;max-width:210mm;min-height:280mm;margin:16px auto;padding:16mm 14mm;box-shadow:0 6px 30px rgba(0,0,0,.35);font-size:13px;line-height:1.8}
#printv .dhead{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #E4670D;padding-bottom:14px;margin-bottom:18px}
#printv .dlogo{height:30px;display:block;margin-bottom:8px}
#printv .dco{font-size:12px;color:#5E544C}
#printv .dmeta{text-align:left}
#printv .dmeta h1{font-size:26px;margin:0 0 6px;color:#E4670D}
#printv .dmeta div{display:flex;gap:10px;justify-content:flex-end;font-size:12px}
#printv .dmeta span{color:#5E544C}
#printv .dto{background:#F7EDE2;border-radius:8px;padding:10px 14px;margin-bottom:16px}
#printv .dto span{display:block;font-size:12px;color:#5E544C}
#printv .dto b{font-size:16px}
#printv .dtable{width:100%;border-collapse:collapse}
#printv .dtable th{background:#1A1411;color:#fff;font-weight:700;padding:8px 10px;text-align:right;font-size:12px}
#printv .dtable td{border-bottom:1px solid #EAE6E2;padding:9px 10px}
#printv .dtable tfoot td{font-weight:800;border-bottom:0;background:#F7EDE2}
#printv .num{font-variant-numeric:tabular-nums}
#printv .ltr{direction:ltr;unicode-bidi:isolate}
#printv .dstatus{display:inline-block;margin-top:14px;padding:4px 14px;border-radius:999px;font-weight:800;background:#FBEBDD;color:#A8480A}
#printv .dstatus.paid{background:#E2F3EA;color:#23744A}
#printv .dnote{margin-top:14px;padding:10px 14px;border:1px solid #EAE6E2;border-radius:8px;font-size:12px}
#printv .dfoot{margin-top:26px;font-size:11px;color:#82766C;border-top:1px solid #EAE6E2;padding-top:10px}
@media print{
  body *{visibility:hidden!important}
  #printv,#printv *{visibility:visible!important}
  #printv{position:absolute;inset:0;background:#fff;overflow:visible;display:block}
  #printv .pbar{display:none}
  #printv .page{box-shadow:none;margin:0;max-width:none;min-height:0;padding:0}
}
@page{size:A4;margin:14mm}

/* batch 2 */
.appv .seg2{display:flex;gap:4px;background:var(--surface-2);border-radius:12px;padding:4px;margin:12px 0 0}
.appv .seg2 button{flex:1;border:0;background:none;border-radius:9px;height:40px;font:inherit;font-size:14px;color:var(--ink-muted)}
.appv .seg2 button[aria-pressed="true"]{background:var(--orange);color:var(--on-orange);font-weight:700}
.appv .seg2 i{font-style:normal;display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--rec);color:#fff;font-size:11px;margin-inline-start:4px}
.appv .prow{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:none;border:0;border-top:1px solid var(--line);padding:10px 14px;color:var(--ink)}
.appv .prow:first-child{border-top:0}
.appv .pth{position:relative;flex:none;width:52px;height:64px;border-radius:8px;overflow:hidden;background:var(--surface-2)}
.appv .pth img{width:100%;height:100%;object-fit:cover;display:block}
.appv .pth i{position:absolute;bottom:3px;inset-inline-start:3px;font-style:normal;font-size:10px;line-height:16px;padding:0 5px;border-radius:4px;background:rgba(7,7,7,.75);color:#fff}
.appv .prow .main{flex:1;min-width:0}
.appv .prow .t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-weight:700;font-size:15px;line-height:24px;overflow:hidden}
.appv .prow .m{display:block;font-size:13px;color:var(--ink-muted)}
.appv .strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.appv .strip .sl{position:relative;flex:none;width:96px}
.appv .strip img{width:96px;height:120px;object-fit:cover;border-radius:8px;display:block;background:var(--surface-2)}
.appv .strip .sl>.num{position:absolute;top:4px;inset-inline-start:4px;font-size:11px;padding:0 6px;border-radius:4px;background:rgba(7,7,7,.75);color:#fff}
.appv .slb{display:flex;gap:4px;justify-content:center;margin-top:4px}
.appv .slb button{width:28px;height:28px;border-radius:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:14px;line-height:1}
.appv .gal{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:12px}
.appv .gal img{flex:none;width:100%;scroll-snap-align:center;border-radius:12px;background:var(--surface-2);aspect-ratio:4/5;object-fit:cover}
.appv .cap{background:var(--surface-2);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:14px;line-height:24px}
.appv .pick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.appv .pick button{border:1px solid var(--line-strong);background:transparent;border-radius:999px;height:36px;padding:0 14px;font:inherit;font-size:14px;color:var(--ink)}
.appv .pick button[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:var(--on-orange);font-weight:700}
.appv .onb,.appv .promise{border-radius:14px;padding:14px 16px;margin:0 0 14px}
.appv .onb{background:color-mix(in srgb,var(--orange) 16%,var(--surface));border:1px solid var(--orange)}
.appv .onb b,.appv .promise b{display:block;font-size:16px;margin-bottom:2px}
.appv .onb p,.appv .promise p{margin:0 0 10px;font-size:14px;line-height:23px;color:var(--ink-muted)}
.appv .promise{background:var(--surface);border:1px solid var(--line)}
.appv .promise p{margin:0}
.appv .promise .cr{margin-top:6px;color:var(--ok);font-weight:700}
.appv .sgh{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.appv .sgh img{height:44px;max-width:120px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}
.appv .sgh .sw{width:28px;height:28px;border-radius:8px;border:1px solid var(--line)}
.appv .ck{margin:4px 0 8px;padding-inline-start:20px;font-size:13px;line-height:21px;color:var(--st-revisions)}
.appv .ck.ok{padding:0;color:var(--ok)}
.appv .fupw{margin-top:6px}
.appv .cmp video{width:100%;max-height:46vh;border-radius:12px;background:#000;display:block}
.appv .hidden{display:none!important}

/* batch 3: delivery check, captions, style library, levels */
.appv .qc{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:8px 0}
.appv .qch{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}
.appv .qch .m{margin-inline-start:auto;font-size:12px;color:var(--ink-muted)}
.appv .qc ul{list-style:none;margin:0;padding:4px 0}
.appv .qc li{display:flex;gap:10px;padding:7px 14px;font-size:14px;line-height:22px}
.appv .qc li .dot{margin-top:7px;flex:none}
.appv .qc li .t{display:inline;font-weight:700}
.appv .qc li .lv{font-size:12px;color:var(--c)}
.appv .qc li p{margin:2px 0 0;color:var(--ink-muted);font-size:13px;line-height:21px}
.appv .qcd{margin:8px 0}
.appv .qcd summary{cursor:pointer;font-size:14px;color:var(--ink-muted);padding:6px 0}
.appv .capiss{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.appv .ci{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:start;width:100%;font:inherit;font-size:13px;line-height:20px;border:1px solid var(--line);border-inline-start:3px solid var(--st-editing);background:var(--surface);color:var(--ink);border-radius:8px;padding:7px 10px}
.appv .ci.error{border-inline-start-color:var(--rec)}
.appv .ci.sp{border-inline-start-color:var(--st-client)}
.appv .ci s{color:var(--rec)}
.appv .cues{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow-y:auto;padding-inline-end:2px}
.appv .cue{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:start}
.appv .cue .ct{font-size:11px;line-height:16px;color:var(--ink-muted);padding-top:8px;text-align:center}
.appv .cue textarea{min-height:42px;padding:8px 10px;font-size:15px;line-height:22px;resize:vertical}
.appv .sws{display:inline-flex;align-items:center;gap:6px}
.appv .sws .sw{display:inline-block;width:18px;height:18px;border-radius:5px;border:1px solid var(--line);vertical-align:middle}
.appv .lib{margin-bottom:12px}
.appv .lib .row{align-items:center}
.appv .lib .btns{display:flex;gap:6px;align-items:center;flex:none}
.appv .libadd{margin-top:14px}
.appv .lvl{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line-strong);color:var(--ink-muted);flex:none}
.appv .lvl.lv-pro{border-color:var(--st-client);color:var(--st-client)}
.appv .lvl.lv-lead{background:var(--brown);border-color:var(--brown);color:var(--on-brown)}
.appv .lvlrow{display:flex;align-items:flex-start;gap:10px;margin-top:10px;font-size:13px;line-height:20px;color:var(--ink-muted)}
.appv .lvlrow .m{white-space:normal;overflow:visible;text-overflow:clip}
.appv .lvlp .stats{padding:0 14px 10px}
.appv .needs{border-top:1px solid var(--line);padding:12px 14px}
.appv .needs>b{display:block;font-size:15px;margin-bottom:6px}
.appv .need{display:flex;align-items:center;gap:8px;font-size:14px;line-height:26px;--c:var(--line-strong)}
.appv .need.met{--c:var(--ok)}
.appv .need .m{margin-inline-start:auto;color:var(--ink-muted)}
.appv .okt{margin:8px 0 0;color:var(--ok);font-weight:700;font-size:14px}
.appv .lvset{border:1px solid var(--line);border-radius:12px;padding:10px 12px 2px;margin-bottom:10px}
.appv .lvset>b{display:block;margin-bottom:6px}
.appv .nitem .m{white-space:pre-line}
.appv #results .row .m{white-space:normal;overflow:visible;text-overflow:clip}
/* top bar: the bell sits next to settings at the end of the bar, not alone in the middle */
.appv .topbar .bell{margin-inline-start:auto}
.appv .topbar .who+.bell{margin-inline-start:0}
/* only one logo in the top bar: the white one on dark, the black one on light (the bar's own display:block was showing both) */
.appv .topbar .wm.logo-light{display:none}
.appv[data-theme="light"] .topbar .wm.logo-dark{display:none}
.appv[data-theme="light"] .topbar .wm.logo-light{display:block}
.appv .topbar .who{min-width:0}
/* a monthly result metric ("المشاهدات 402,000 (+26%)") never breaks in the middle */
.appv #results .row .m .rmet{white-space:nowrap}

/* ===== client and editor dashboards (Oct 2026): side menu on wide screens, bottom tabs on phones ===== */
.appv .dside{display:none}
.appv .dview .dhead{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:12px 0 18px}
.appv .dhead .grow{flex:1;min-width:0}
.appv .dhead h1{font-family:var(--font-head);font-weight:700;font-size:26px;line-height:38px;margin:0}
.appv .dhead p{margin:2px 0 0;color:var(--ink-muted);font-size:14px;line-height:23px}
.appv .dhead .bar{width:260px;max-width:100%;margin-top:10px}
.appv .dhead .bar i{background:var(--orange)}
.appv .dchip{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:8px 14px;font-size:13px;line-height:22px;color:var(--ink-muted);cursor:pointer}
.appv .dchip b{color:var(--ok);font-size:17px;margin-inline-start:6px}
.appv .dgrid{display:grid;gap:18px}
.appv .dcol{display:flex;flex-direction:column;gap:12px;min-width:0}
.appv .dcol>section{margin-top:0}
.appv .dcol>.dlbl:not(:first-child){margin-top:10px}
.appv .dlbl{font-size:14px;font-weight:700;color:var(--ink-muted);margin:0}
.appv .dview .onb{margin:0 0 18px}
.appv .dcard{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px}
.appv .dcard .m{font-size:13px;color:var(--ink-muted)}
.appv .dbig{font-size:30px;line-height:42px;font-weight:800}
.appv .panel .row .btns{display:flex;gap:6px;flex-wrap:wrap}
/* client: a video waiting for approval */
.appv .rcard{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px 14px;background:linear-gradient(160deg,color-mix(in srgb,var(--orange) 14%,var(--surface)),var(--surface) 70%);border:1px solid var(--orange);border-radius:14px;padding:14px}
.appv .rplay{width:72px;height:100px;border-radius:10px;border:0;background:linear-gradient(160deg,var(--brown),var(--surface-2));color:#fff;display:grid;place-items:center;cursor:pointer}
.appv .rplay svg{width:26px;height:26px;fill:currentColor}
.appv .rbody{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.appv .rt{font-family:var(--font-head);font-weight:700;font-size:18px;line-height:27px}
.appv .rbody p{margin:0;font-size:13.5px;line-height:22px;color:var(--ink-muted)}
.appv .rlong{display:none}
.appv .rshort{display:inline}
.appv .rcard>.btns{grid-column:1/-1;display:flex;gap:8px}
.appv .rcard>.btns .btn{flex:1;height:44px}
/* editor: the work board */
.appv .board{display:grid;gap:16px}
.appv .bcol{display:flex;flex-direction:column;gap:10px;min-width:0}
.appv .bcol h2{font-family:var(--font-head);font-weight:600;font-size:18px;line-height:28px;margin:0;display:flex;justify-content:space-between;align-items:center}
.appv .bcol h2 .num{font-size:13px;color:var(--ink-muted);font-weight:600}
.appv .bcol>.empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}
.appv .bcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;color:inherit;text-align:start}
.appv .bcard.hot{border-color:var(--orange)}
.appv .bcard .bt{display:flex;align-items:flex-start;gap:10px}
.appv .bcard .vtitle{font-size:16px;line-height:25px}
.appv .bdue{margin:6px 0 0;font-size:13px;color:var(--ink-muted)}
.appv .bcard .btns{display:flex;gap:8px;margin-top:10px}
.appv .bcard .btns .btn{flex:1;height:40px}
.appv .bcard.q{display:flex;align-items:center;gap:10px;width:100%;cursor:pointer}
.appv .bcard.q .main{flex:1;min-width:0}
.appv .bcard.q .m{font-size:13px;color:var(--ink-muted)}
/* phones: bottom tabs, plus the client's send-footage button above them */
.appv .dfab{position:fixed;z-index:31;inset-inline-end:16px;bottom:calc(78px + env(safe-area-inset-bottom,0px));height:48px;padding:0 18px;border-radius:24px;border:0;background:var(--orange);color:var(--on-orange);display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.appv .dfab svg{width:18px;height:18px}
.appv .dtabs .tab span{display:block}
.appv .dtabs .tab .count-badge{display:inline-grid}
@media (min-width:720px){
  .appv .dgrid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}
  .appv .board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
  .appv .rcard{grid-template-columns:120px minmax(0,1fr);grid-template-rows:1fr auto;padding:16px}
  .appv .rplay{grid-row:1/3;width:120px;height:176px}
  .appv .rt{font-size:20px;line-height:30px}
  .appv .rlong{display:inline}
  .appv .rshort{display:none}
  .appv .rcard>.btns{grid-column:2}
  .appv .rcard>.btns .btn{flex:none;padding:0 20px}
}
@media (min-width:980px){
  .appv .dash{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;min-height:100dvh}
  .appv .dside{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;height:100dvh;padding:22px 14px 16px;border-inline-end:1px solid var(--line);background:color-mix(in srgb,var(--surface) 45%,var(--bg))}
  .appv .dside .wm{height:22px;width:auto;align-self:flex-start;margin:4px 10px 26px;cursor:pointer}
  .appv .dnav{display:flex;flex-direction:column;gap:4px}
  .appv .dlink{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;border:0;border-radius:12px;background:none;color:var(--ink-muted);font-weight:600;font-size:15px;text-align:start;cursor:pointer}
  .appv .dlink svg{width:20px;height:20px;flex:none}
  .appv .dlink:hover{background:var(--surface-2);color:var(--ink)}
  .appv .dlink[aria-current="page"]{background:var(--surface-2);color:var(--ink)}
  .appv .dlink[aria-current="page"] svg{color:var(--orange-text)}
  .appv .dlink .count-badge{margin-inline-start:auto}
  .appv .dgap{flex:1}
  .appv .dside>.btn.wide{height:46px;margin-bottom:14px}
  .appv .dwho{display:flex;align-items:center;gap:10px;padding:14px 8px 2px;border-top:1px solid var(--line)}
  .appv .dwho .av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:14px;color:#070707;background:linear-gradient(160deg,var(--orange),var(--brown))}
  .appv .dwho .main{min-width:0;display:flex;flex-direction:column}
  .appv .dwho .t{font-size:14px;font-weight:700;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .appv .dwho .m{font-size:12px;color:var(--ink-muted);line-height:18px}
  .appv .dtabs,.appv .dfab{display:none}
  .appv .dmain .topbar{position:static;justify-content:flex-end;padding:16px 36px 0}
  .appv .dmain .topbar .wm,.appv .dmain .topbar .who{display:none!important}
  .appv main.dview{max-width:1200px;margin:0;padding:0 36px 56px}
  .appv .dview .dhead{margin-top:0}
  .appv .dview .dhead h1{font-size:30px;line-height:44px}
  .appv .toast{bottom:32px}
}

/* language switch (i18n.js) on the sign-in pages and in settings */
.appv .lang-link{margin-top:18px;background:none;border:0;color:rgba(255,255,255,.82);font-size:14px;text-decoration:underline;cursor:pointer}
html[lang="ar"] .appv .lang-link::after,html[lang="ar"] .appv .lang-set::after{content:"English"}
html[lang="en"] .appv .lang-link::after,html[lang="en"] .appv .lang-set::after{content:"العربية"}