/* Premium shell v2 (Raj, 14 Oct): deep glass sidebar, colour-coded sections that fold, edge toggle, icon rail. */
.nav-sec { --hue: #4F7BFF; }
.nav-group { all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; width: 100%; cursor: pointer; font: 700 10.5px/1 var(--display); letter-spacing: .18em; text-transform: uppercase; color: #7E88A0; padding: 18px 12px 8px; }
.nav-group span { display: inline-flex; align-items: center; gap: 8px; }
.nav-group span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--hue); box-shadow: 0 0 10px var(--hue); }
.nav-group i { font-style: normal; font-size: 13px; opacity: .55; transition: transform .25s ease; }
.nav-group:hover { color: #C9D3E8; } .nav-group:hover i { opacity: 1; }
.nav-items { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .3s ease, opacity .25s ease; }
.nav-items > * { min-height: 0; }
.nav-sec .nav-items { overflow: hidden; }
.nav-sec.shut .nav-items { grid-template-rows: 0fr; opacity: 0; }
.nav-sec.shut .nav-group i { transform: rotate(-90deg); }
.nav-items { display: flex; flex-direction: column; gap: 2px; max-height: 1200px; transition: max-height .35s ease, opacity .25s ease; }
.nav-sec.shut .nav-items { max-height: 0; }
.nav a { position: relative; display: flex; align-items: center; gap: 11px; border-radius: 13px; border: 1px solid transparent; transition: background .2s, border-color .2s, transform .15s; }
.nav a .ni { flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.07); color: #C9D3E8; transition: background .2s, box-shadow .2s, color .2s; }
.nav a .ni svg { width: 17px; height: 17px; }
.nav a .nl { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.nav a:hover { background: rgba(255,255,255,.05); transform: translateX(2px); }
.nav a:hover .ni { color: #fff; border-color: color-mix(in srgb, var(--hue) 50%, transparent); box-shadow: 0 0 14px -4px var(--hue); }
.nav a.on { background: linear-gradient(90deg, color-mix(in srgb, var(--hue) 26%, transparent), rgba(255,255,255,.03) 85%); border-color: color-mix(in srgb, var(--hue) 35%, transparent); color: #fff; box-shadow: 0 10px 26px -16px var(--hue); }
.nav a.on::before { content: ""; position: absolute; left: -12px; top: 22%; bottom: 22%; width: 4px; border-radius: 0 4px 4px 0; background: var(--hue); box-shadow: 0 0 12px var(--hue); }
.nav a.on .ni { background: linear-gradient(135deg, var(--hue), color-mix(in srgb, var(--hue) 55%, #FF4D5E)); color: #fff; border-color: transparent; box-shadow: 0 6px 16px -6px var(--hue); }
.nav a.on::after { display: none !important; }
@media (min-width: 901px) {
  .side { background: radial-gradient(120% 50% at 0% 0%, rgba(79,123,255,.16), transparent 60%), radial-gradient(90% 40% at 100% 100%, rgba(168,85,247,.14), transparent 60%), linear-gradient(180deg, #0D0F1A, #0A0B13) !important; border-right: 1px solid rgba(255,255,255,.06); box-shadow: 18px 0 40px -30px rgba(0,0,0,.7); overflow: visible; height: 100vh; }
  .side .nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; margin: 0 -14px; padding: 0 14px 8px; }
  .side .nav::-webkit-scrollbar { width: 6px; } .side .nav::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 6px; }
  .side .theme-sw, .side .me { flex: none; }
  .side .nav { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.12) transparent; }
  .side-fold { display: none !important; }
  .side-edge { position: absolute; top: 74px; right: -14px; z-index: 30; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; color: #fff; border: 1px solid rgba(255,255,255,.18); background: linear-gradient(135deg, #2F5BFF, #7C3AED); box-shadow: 0 0 0 4px rgba(13,15,26,.9), 0 8px 20px -6px rgba(79,123,255,.9); transition: transform .3s ease, box-shadow .2s; }
  .side-edge:hover { transform: scale(1.12); box-shadow: 0 0 0 4px rgba(13,15,26,.9), 0 0 22px rgba(124,58,237,.9); }
  body.side-anim .side, body.side-anim .main { transition: all .3s cubic-bezier(.2,.8,.2,1); }
  body.side-mini { --side: 84px; }
  body.side-mini .side { padding-left: 12px; padding-right: 12px; }
  body.side-mini .side .nav { margin: 0 -12px; padding: 0 12px 8px; }
  body.side-mini .side-edge { transform: rotate(180deg); }
  body.side-mini .side-edge:hover { transform: rotate(180deg) scale(1.12); }
  body.side-mini .nav-group { justify-content: center; padding: 14px 0 6px; cursor: default; }
  body.side-mini .nav-group span { font-size: 0; gap: 0; } body.side-mini .nav-group i { display: none; }
  body.side-mini .nav-group span::before { width: 22px; height: 3px; border-radius: 3px; }
  body.side-mini .nav-sec.shut .nav-items { max-height: 1200px; opacity: 1; }
  body.side-mini .nav a { justify-content: center; padding: 6px 0; gap: 0; }
  body.side-mini .nav a .nl { display: none; }
  body.side-mini .nav a .ni { width: 42px; height: 42px; border-radius: 13px; }
  body.side-mini .nav a .ni svg { width: 19px; height: 19px; }
  body.side-mini .nav a:hover { transform: none; }
  body.side-mini .nav a.on::before { left: -12px; }
  body.side-mini .nav .count { position: absolute; top: 0; right: 6px; font-size: 10px; line-height: 16px; min-width: 16px; padding: 0 4px; text-align: center; }
  body.side-mini .brand span.sub, body.side-mini .theme-sw, body.side-mini .me .who, body.side-mini .me .out { display: none !important; }
  body.side-mini .brand { padding: 4px 0 18px; display: flex; justify-content: center; }
  body.side-mini .brand img { display: none; }
  body.side-mini .brand::before { content: ""; display: block; width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.06) url("brand/mark.webp") center / 26px no-repeat; border: 1px solid rgba(255,255,255,.1); }
  body.side-mini .me { justify-content: center; }
  body.side-mini .nav a:hover::after { display: none !important; }
  body.side-mini .nav a.x-unused::after { content: attr(data-tip); display: block !important; position: absolute; left: calc(100% + 16px); top: 50%; transform: translateY(-50%); padding: 8px 12px; border-radius: 10px; font: 600 12.5px/1 var(--body, inherit); color: #fff; background: rgba(20,22,40,.96); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 14px 30px -12px rgba(0,0,0,.8), 0 0 0 1px color-mix(in srgb, var(--hue) 30%, transparent); white-space: nowrap; z-index: 100; animation: none; width: auto; height: auto; margin: 0; }
}
@media (max-width: 900px) { .side-fold, .side-edge { display: none; } }

.side-tip { position: fixed; z-index: 1000; transform: translate(-6px, -50%); opacity: 0; pointer-events: none; padding: 8px 12px; border-radius: 10px; font: 600 12.5px/1 var(--body, inherit); color: #fff; background: rgba(20,22,40,.97); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 14px 30px -12px rgba(0,0,0,.8), inset 3px 0 0 var(--hue, #4F7BFF); white-space: nowrap; transition: opacity .15s, transform .15s; }
.side-tip.on { opacity: 1; transform: translate(0, -50%); }

/* ===================== Premium layer v3 (Raj, 14 Oct: every module rich, premium, advanced) ===================== */
:root { --pv-glow: 0 24px 48px -36px rgba(47, 107, 255, .55); --pv-ring: rgba(124, 108, 255, .22); }
/* Page titles */
.head h1 { letter-spacing: -.025em; background: linear-gradient(100deg, var(--text, #0B1120) 0%, #2B3A67 55%, #5B2370 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
html:not(.day) .head h1 { background: linear-gradient(100deg, #fff, #C9D3FF 60%, #F4B6D2); -webkit-background-clip: text; background-clip: text; }
/* Cards: soft glass, hover glow */
.card { border-radius: 20px; transition: box-shadow .25s, transform .25s, border-color .25s; }
.card:hover { box-shadow: var(--lift), var(--pv-glow); border-color: var(--pv-ring); }
.card > h3, .card > h2 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.card > h3 .btn.quiet, .card > h2 .btn.quiet { margin-left: auto; }
/* Task rows become soft cards with a status bar */
.card .tasks { display: grid; gap: 8px; }
.card .tasks .task { position: relative; border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px 12px 18px; background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,.2)); transition: transform .15s, box-shadow .15s, border-color .15s; }
.card .tasks .task:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.card .tasks .task::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: #2F6BFF; opacity: .55; }
.card .tasks .task:has(.late)::before { background: #D0111B; opacity: 1; }
.card .tasks .task:hover { transform: translateY(-1px); border-color: var(--pv-ring); box-shadow: 0 14px 26px -22px rgba(47,107,255,.7); }
.card .tasks .task .meta > span:first-child { font-weight: 600; color: var(--text); }
.card .tasks .task .meta .late { background: rgba(208,17,27,.08); padding: 1px 8px; border-radius: 99px; }
html:not(.day) .card .tasks .task { background: rgba(255,255,255,.03); }
/* Tables */
table.t tbody tr { transition: background .15s; }
table.t tbody tr:hover td { background: rgba(47,107,255,.04); }
/* Chips */
.chip { border-radius: 999px; font-weight: 700; letter-spacing: .01em; }
/* Buttons */
.btn { transition: transform .12s, box-shadow .2s, background .2s; }
.btn:hover { transform: translateY(-1px); }
.btn.primary { box-shadow: 0 12px 22px -14px rgba(208,17,27,.7); }

/* ---------- Control room ---------- */
#waiting h3 { display: flex; align-items: center; gap: 10px; font-size: 18px; }
#team > h3, #clients > h3, #mine > h3 { font-size: 15px; letter-spacing: .02em; }
.cr-need { position: relative; overflow: hidden; border-radius: 18px !important; background: var(--card); transition: transform .18s, box-shadow .18s, border-color .18s !important; }
.cr-need::after { content: ""; position: absolute; right: -40px; top: -40px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(124,108,255,.16), transparent 70%); pointer-events: none; }
.cr-need:hover { transform: translateY(-3px); box-shadow: 0 20px 36px -26px rgba(124,108,255,.9); border-color: rgba(124,108,255,.35) !important; }
.cr-need .ic { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(135deg, rgba(47,107,255,.12), rgba(226,54,111,.12)); font-size: 20px; flex: none; }
.cr-need b { font-family: Sora, inherit; font-size: 28px !important; background: linear-gradient(135deg, #2F6BFF, #D0111B); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.cr-row { position: relative; border-radius: 16px !important; transition: transform .15s, box-shadow .15s; }
.cr-row:hover { transform: translateY(-1px); box-shadow: 0 16px 30px -26px rgba(11,27,63,.7); }
.cr-row::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: #12B76A; }
.cr-row:has(.dot.red)::before { background: #D0111B; } .cr-row:has(.dot.amber)::before, .cr-row:has(.dot.orange)::before { background: #F59E0B; }
.cr-row .now { font-size: 12.5px; color: var(--muted); }
.cr-cl > a { position: relative; border-radius: 18px !important; overflow: hidden; transition: transform .18s, box-shadow .18s; }
.cr-cl > a::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, #F59E0B, #D0111B); }
.cr-cl > a:hover { transform: translateY(-3px); box-shadow: 0 20px 36px -26px rgba(208,17,27,.7); }
.cr-cl > a b { font-family: Sora, inherit; font-size: 15px; }

/* ---------- Talk to Squad: wide, premium chat ---------- */
.talk { max-width: none !important; border-radius: 22px; background: radial-gradient(600px 220px at 100% 0%, rgba(124,108,255,.10), transparent 60%), var(--card); }
.talk-log { padding: 8px 6px 4px !important; scroll-behavior: smooth; }
.bubble { box-shadow: 0 10px 22px -20px rgba(11,27,63,.8); }
.bubble.me { background: linear-gradient(120deg, #2F6BFF, #5B47E0) !important; border-bottom-right-radius: 6px !important; max-width: 70% !important; }
.bubble.squad { background: var(--card) !important; border: 1px solid var(--line); border-left: 3px solid #7C6CFF; border-bottom-left-radius: 6px !important; max-width: 75% !important; display: block !important; }
.bubble.squad time { text-align: right; }
.talk-chips .chip { transition: background .15s, border-color .15s, transform .12s; }
.talk-chips .chip:hover { background: rgba(124,108,255,.10); border-color: rgba(124,108,255,.4); transform: translateY(-1px); }
.talk-bar { padding: 8px; border-radius: 18px; background: rgba(124,108,255,.06); border: 1px solid var(--line); }
.talk-bar input { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.talk-bar .mic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--card); border: 1px solid var(--line); cursor: pointer; transition: transform .12s, box-shadow .15s; }
.talk-bar .mic:hover { transform: translateY(-1px); box-shadow: 0 10px 20px -14px rgba(124,108,255,.9); }
@media (max-width: 760px) { .bubble.me, .bubble.squad { max-width: 90% !important; } }

/* ---------- WhatsApp inbox v2 (14 Oct): real group pictures, softer premium list ---------- */
.gav{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;font:800 13px var(--display,inherit);background:#1d2733;color:#cfe3ff;box-shadow:0 0 0 2px rgba(255,255,255,.06),0 6px 16px -8px rgba(0,0,0,.5)}
.gav img{width:100%;height:100%;object-fit:cover;display:block}
.gav.team{background:linear-gradient(135deg,#2F6BFF,#B5179E);padding:6px}.gav.team img{object-fit:contain}
.wa-groups a{grid-template-columns:42px minmax(0,1fr) auto!important;border-radius:12px;margin:2px 6px;border-bottom:0!important;transition:background .15s,transform .15s}
.wa-groups a:hover{transform:translateX(2px)}
.wa-groups a .clogo,.wa-hd .clogo{border-radius:50%!important}
.wa-hd{align-items:center!important;flex-wrap:nowrap!important;gap:12px!important;backdrop-filter:blur(8px)}
.wa-hd b{font-size:15px}
.ado-act .btn{flex:0 0 auto}
.ad-media:has(> .muted:only-child){min-height:64px}

/* ---------- Reports (14 Oct): drafts as message cards ---------- */
.ob{border:1px solid var(--edge);border-radius:16px;padding:14px 16px;margin:12px 0;background:linear-gradient(135deg,rgba(47,107,255,.035),transparent 60%);position:relative;transition:box-shadow .18s}
.ob:hover{box-shadow:0 14px 30px -20px rgba(47,107,255,.45)}
.ob.draft{box-shadow:inset 3px 0 0 #E11D48}.ob.approved{box-shadow:inset 3px 0 0 #F59E0B}.ob.sent{box-shadow:inset 3px 0 0 #10B981}
.ob-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.ob-hd .chip{margin-left:auto}
.ob textarea{border-radius:12px;background:rgba(127,140,170,.06);line-height:1.55;font-size:14px}
.figs .fig{border-radius:16px;position:relative;overflow:hidden;transition:transform .18s}
.figs .fig:hover{transform:translateY(-2px)}
.figs .fig::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#2F6BFF,#B5179E,#E11D48);opacity:.55}
.figs .fig.warn b{background:linear-gradient(135deg,#E11D48,#F59E0B);-webkit-background-clip:text;background-clip:text;color:transparent}
.freq{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--edge)}.freq span{flex:1}

/* ---------- Websites (14 Oct): sites we look after ---------- */
.web-hero{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin:0 0 16px;padding:16px;border-radius:18px;background:linear-gradient(120deg,#0B1226,#1B1440 55%,#3A0D2E);color:#fff;box-shadow:0 18px 40px -24px rgba(47,107,255,.6)}
.web-hero .wh-k{flex:1 1 150px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.web-hero .wh-k b{display:block;font:800 28px var(--display,inherit)}.web-hero .wh-k span{font-size:12.5px;opacity:.75}
.web-hero .wh-k.warn b{color:#FFC861}
.web-hero .btn{align-self:center}
.web-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:16px}
.web-card{border:1px solid var(--edge);border-radius:16px;padding:14px 16px;background:var(--card,#fff);transition:transform .18s,box-shadow .18s}
.web-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(47,107,255,.5)}
.wc-top{display:flex;gap:12px;align-items:center;margin-bottom:10px}.wc-top h3{margin:0;font-size:15px}
.wc-dot{margin-left:auto;width:10px;height:10px;border-radius:50%;background:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,.18);animation:wcp 2.4s infinite}
@keyframes wcp{50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}
.wc-row{display:flex;gap:8px;align-items:center;padding:7px 0;border-top:1px dashed var(--edge);font-size:13.5px}.wc-n{flex:1;overflow-wrap:anywhere}

/* ---------- Google and Meta Ads (14 Oct) ---------- */
.adrow td{transition:background .15s}
.adrow:hover td{background:rgba(47,107,255,.05)}
.adrow .bar{height:8px;border-radius:99px}.adrow .bar i{border-radius:99px;background:linear-gradient(90deg,#2F6BFF,#B5179E)}

/* ---------- Control room / My day v4 (14 Oct) ---------- */
.stage-hero:has(.hx-bubble.on) .call.c1{opacity:0;transform:translateY(-6px);transition:.3s}
.cr-h{display:flex;align-items:center;gap:10px;margin:0;font-size:18px}
.cr-h i,.cr-n{font-style:normal;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;margin-right:8px;font:800 14px var(--display,inherit);color:#fff;background:linear-gradient(135deg,#2F6BFF,#B5179E);box-shadow:0 6px 16px -8px rgba(47,107,255,.8);vertical-align:middle}
.cr-h i{margin-right:0}
.cr-need{position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}
.cr-need:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(225,29,72,.55)}
.cr-need .ic{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(47,107,255,.12),rgba(181,23,158,.12));font-size:20px;flex:0 0 42px}
.cr-need b{background:linear-gradient(135deg,#E11D48,#B5179E);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-size:28px!important}
.cr-row{position:relative;transition:transform .15s,box-shadow .15s}
.cr-row:hover{transform:translateX(3px);box-shadow:0 10px 24px -18px rgba(47,107,255,.6)}
.cr-load{display:block;height:5px;border-radius:99px;background:rgba(225,29,72,.25);margin-top:6px;overflow:hidden;max-width:180px}
.cr-load i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#10B981,#34D399)}
.cr-cl a{position:relative;overflow:hidden;border-radius:14px!important;transition:transform .18s,box-shadow .18s}
.cr-cl a:hover{transform:translateY(-2px);box-shadow:0 14px 28px -20px rgba(47,107,255,.6)}
.cr-cl a.sev-hi{box-shadow:inset 0 3px 0 #E11D48}.cr-cl a.sev-mid{box-shadow:inset 0 3px 0 #F59E0B}.cr-cl a.sev-lo{box-shadow:inset 0 3px 0 #2F6BFF}
.cl-top{display:flex;align-items:center;gap:10px}.cl-top b{flex:1;min-width:0}
.cl-sev{width:46px;height:6px;border-radius:99px;background:var(--line);overflow:hidden;flex:0 0 46px}
.cl-sev i{display:block;height:100%;background:linear-gradient(90deg,#F59E0B,#E11D48)}
.cr-multi .title{font-weight:700}
.cr-mc{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cr-mc a{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;border:1px solid var(--line);font-size:12.5px;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}
.cr-mc a:hover{border-color:#2F6BFF;background:rgba(47,107,255,.06)}
.cr-mc .clogo{border-radius:50%!important}
.task.is-late{box-shadow:inset 3px 0 0 #E11D48}

/* ---------- My day: your own tasks as boxes (14 Oct) ---------- */
.mt-sum{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 12px}
.mt-sum span{font-size:12.5px;padding:5px 12px;border-radius:99px;font-weight:600}
.mt-sum b{font-size:14px;margin-right:2px}
.mt-sum .r{background:rgba(225,29,72,.1);color:#E11D48}.mt-sum .a{background:rgba(245,158,11,.14);color:#B45309}.mt-sum .b{background:rgba(47,107,255,.1);color:#2F6BFF}
.mt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.mt{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;border:1px solid var(--line);border-radius:16px;background:var(--card,#fff);overflow:hidden;transition:transform .18s,box-shadow .18s}
.mt::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:#2F6BFF}
.mt.late::before{background:linear-gradient(90deg,#E11D48,#F43F5E)}.mt.today::before{background:linear-gradient(90deg,#F59E0B,#FBBF24)}
.mt:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px rgba(47,107,255,.55)}
.mt-top{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mt-due{font-size:11.5px;font-weight:800;letter-spacing:.02em;padding:3px 9px;border-radius:99px;background:rgba(47,107,255,.1);color:#2F6BFF}
.mt.late .mt-due{background:rgba(225,29,72,.1);color:#E11D48}.mt.today .mt-due{background:rgba(245,158,11,.14);color:#B45309}
.mt-tag{font-size:11px;padding:3px 8px;border-radius:99px;background:var(--line);color:var(--muted)}
.mt-t{font-weight:700;font-size:14.5px;line-height:1.35;color:var(--text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
a.mt-t:hover{color:#2F6BFF}
.mt-cl{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-top:auto}
.mt-cl span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-cl .clogo,.mt-many .clogo{border-radius:50%!important}
.mt-go{font-weight:700;font-size:12px;color:#2F6BFF;text-decoration:none;white-space:nowrap}
.mt-many{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:auto}
.mt-many a{transition:transform .15s}.mt-many a:hover{transform:translateY(-2px) scale(1.08)}
.mt-many .muted{margin-left:6px}
.mt-more{display:none}.mt-open .mt-more{display:flex}
.mt-all{margin-top:12px}
.mt .mt-t,.mt a.mt-t{color:var(--text)!important}.mt a.mt-t:hover{color:#2F6BFF!important}

/* ---------- My day: Team today v2 (14 Oct) ---------- */
.tt-sum{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:-2px 0 12px}
.tt-sum>span:not(.muted){font-size:12.5px;padding:5px 12px;border-radius:99px;font-weight:600}
.tt-sum b{font-size:14px;margin-right:2px}
.tt-sum .g{background:rgba(16,185,129,.12);color:#059669}.tt-sum .a{background:rgba(245,158,11,.14);color:#B45309}.tt-sum .r{background:rgba(225,29,72,.1);color:#E11D48}.tt-sum .n{background:var(--line);color:var(--muted)}.tt-sum .b{background:rgba(47,107,255,.1);color:#2F6BFF}
.tt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.tt{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card,#fff);color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s}
.tt::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:#94A3B8}
.tt.ontime::before{background:linear-gradient(90deg,#10B981,#34D399)}.tt.late::before{background:linear-gradient(90deg,#F59E0B,#FBBF24)}.tt.notin::before{background:linear-gradient(90deg,#E11D48,#F43F5E)}.tt.wait::before{background:#2F6BFF}
.tt:hover{transform:translateY(-3px);box-shadow:0 16px 32px -20px rgba(47,107,255,.55)}
.tt-top{display:flex;align-items:center;gap:10px}
.tt-av{position:relative}.tt-av .avatar{width:40px;height:40px}
.tt-av .dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--card,#fff)}
.tt-av .dot.green{background:#22A06B}.tt-av .dot.amber{background:#E2A400}.tt-av .dot.red{background:#E11D48}
.tt-who{flex:1;min-width:0}.tt-who b{display:block;font-size:15px}.tt-who small{color:var(--muted);font-size:12px}
.tt-st{font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;white-space:nowrap;background:var(--line)}
.tt.ontime .tt-st{background:rgba(16,185,129,.12);color:#059669}.tt.late .tt-st{background:rgba(245,158,11,.14);color:#B45309}.tt.notin .tt-st{background:rgba(225,29,72,.1);color:#E11D48}.tt.wait .tt-st{background:rgba(47,107,255,.1);color:#2F6BFF}
.tt-clock{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tt-clock div{padding:8px 10px;border-radius:12px;background:rgba(127,140,170,.07)}
.tt-clock small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.tt-clock b{font:800 15px var(--display,inherit)}
.tt-day{position:relative;height:8px;border-radius:99px;background:repeating-linear-gradient(90deg,rgba(127,140,170,.16) 0 calc(11.11% - 2px),transparent calc(11.11% - 2px) 11.11%)}
.tt-day i{position:absolute;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#2F6BFF,#10B981)}
.tt.late .tt-day i{background:linear-gradient(90deg,#F59E0B,#10B981)}
.tt-day u{position:absolute;top:-3px;width:2px;height:14px;background:#E11D48;border-radius:2px}
.tt-dayl{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:-4px}
.tt-dayl span:nth-child(2){font-weight:600;color:var(--text)}
.tt-work{display:flex;flex-wrap:wrap;gap:6px}
.tt-work span{font-size:12px;padding:3px 9px;border-radius:99px;background:var(--line)}
.tt-work .r{background:rgba(225,29,72,.1);color:#E11D48}.tt-work .g{background:rgba(16,185,129,.12);color:#059669}.tt-work .a{background:rgba(245,158,11,.14);color:#B45309}
.tt-now{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px dashed var(--line);padding-top:8px}
.tt,.tt *{text-decoration:none!important}.tt .tt-who b{color:var(--text)}

/* ---------- Client care v2 (14 Oct) ---------- */
.cc-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;border-radius:20px;margin-bottom:20px;background:linear-gradient(120deg,#0B1226,#1B1440 55%,#3A0D2E);color:#fff;box-shadow:0 20px 44px -26px rgba(47,107,255,.65)}
.cc-k{padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}
.cc-k b{display:block;font:800 30px var(--display,inherit);line-height:1.1}.cc-k span{font-size:12.5px;opacity:.75}
.cc-k.hot b{color:#FF6B8B}.cc-k.warn b{color:#FFC861}
.cc-rule{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.cc-rule span{font-size:12px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
@media(max-width:760px){.cc-hero{grid-template-columns:1fr 1fr}}
.cc-h{display:flex;align-items:center;gap:10px;margin:6px 0 12px;font-size:17px}
.cc-h i{font-style:normal;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;font:800 14px var(--display,inherit);color:#fff;background:linear-gradient(135deg,#2F6BFF,#B5179E)}
.cc-clear{padding:16px;border-radius:14px;background:rgba(16,185,129,.1);color:#059669;font-weight:600;margin-bottom:20px}
.cc-drafts{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px;margin-bottom:22px}
@media(max-width:760px){.cc-drafts{grid-template-columns:1fr}}
.cc-draft{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--card,#fff);box-shadow:inset 0 3px 0 #E11D48}
.cc-dh{display:flex;gap:10px;align-items:center}.cc-dh b{display:block}.cc-dh small{color:var(--muted)}
.cc-dh .clogo,.cc-wt .clogo,.cc-pick .clogo,.cc-pbh .clogo{border-radius:50%!important}
.cc-in{align-self:flex-start;max-width:88%;padding:10px 14px;border-radius:4px 16px 16px 16px;background:rgba(127,140,170,.1);font-size:14px}
.cc-in small,.cc-out small{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:3px}
.cc-out{align-self:flex-end;width:92%;padding:10px 12px;border-radius:16px 4px 16px 16px;background:linear-gradient(135deg,rgba(47,107,255,.09),rgba(181,23,158,.08));border:1px solid rgba(47,107,255,.18)}
.cc-out textarea{width:100%;border:0;background:transparent;font-size:14px;line-height:1.5;resize:vertical;padding:0}
.cc-facts summary{font-size:12px;color:var(--muted);cursor:pointer}.cc-facts p{font-size:12.5px;color:var(--muted);margin:6px 0 0}
.cc-act{display:flex;gap:8px;flex-wrap:wrap}
.cc-wait{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:22px}
.cc-w{padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--card,#fff);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.cc-w::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:#10B981}.cc-w.a::before{background:#F59E0B}.cc-w.r::before{background:#E11D48}
.cc-wt{display:flex;align-items:center;gap:8px}.cc-wt b{flex:1;min-width:0}
.cc-timer{font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px;background:rgba(16,185,129,.12);color:#059669;white-space:nowrap}
.cc-w.a .cc-timer{background:rgba(245,158,11,.14);color:#B45309}.cc-w.r .cc-timer{background:rgba(225,29,72,.1);color:#E11D48;animation:ccp 2s infinite}
@keyframes ccp{50%{box-shadow:0 0 0 5px rgba(225,29,72,.12)}}
.cc-w p{margin:0;font-size:13.5px;color:var(--text)}
.cc-wf{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto}
.cc-pick{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin-bottom:12px}
.cc-pick a{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:99px;border:1px solid var(--line);background:var(--card,#fff);white-space:nowrap;text-decoration:none;color:inherit;font-weight:600;font-size:13.5px;transition:.15s}
.cc-pick a:hover{border-color:#2F6BFF}.cc-pick a.on{background:linear-gradient(135deg,#2F6BFF,#B5179E);color:#fff;border-color:transparent}
.cc-pick a i{font-style:normal}
.cc-pb{padding:18px;border-radius:20px;border:1px solid var(--line);background:var(--card,#fff);margin-bottom:16px}
.cc-pbh{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.cc-pbh>div{flex:1}
.cc-pbh h2{margin:0 0 4px;font-size:20px}.cc-pbh p{margin:0;font-size:14px;line-height:1.5}
.cc-pause{white-space:nowrap;font-size:13px}
.cc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.cc-tile{padding:14px;border-radius:16px;--t:#2F6BFF;background:color-mix(in srgb,var(--t) 6%,transparent);border:1px solid color-mix(in srgb,var(--t) 20%,transparent)}
.cc-tile.r{--t:#E11D48}.cc-tile.b{--t:#2F6BFF}.cc-tile.p{--t:#8B5CF6}.cc-tile.a{--t:#F59E0B}.cc-tile.g{--t:#10B981}
.cc-tile h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px}
.cc-tile h4 span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--t) 14%,transparent)}
.cc-tile h4 em{margin-left:auto;font-style:normal;font-size:11px;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--t) 14%,transparent);color:var(--t)}
.cc-tile ul{margin:0;padding-left:18px;font-size:13px;line-height:1.5}.cc-tile li{margin:3px 0}
.cc-tile li.more{display:none}.cc-tile.open li.more{display:list-item}
.cc-more{border:0;background:none;color:var(--t);font-weight:700;font-size:12.5px;cursor:pointer;padding:6px 0 0}
.cc-adv{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(127,140,170,.08);font-size:13.5px;line-height:1.5}
.cc-two{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start}
@media(max-width:1000px){.cc-two{grid-template-columns:1fr}}
.cc-rr{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.cc-r{padding:12px;border-radius:14px;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.cc-r b{font-size:13px}.cc-r p{margin:0;font-size:13px;color:var(--muted);line-height:1.5;flex:1}.cc-r .btn{align-self:flex-start}
.cc-lk{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.cc-lk div{padding:10px 12px;border-radius:12px;background:rgba(127,140,170,.08)}.cc-lk small{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.cc-lk b{font-size:13.5px}

/* ---------- New project v2 (14 Oct) ---------- */
.np{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
@media(max-width:1100px){.np{grid-template-columns:1fr}.np-side{position:static!important}}
.np-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.np-sec{padding:18px;border-radius:20px;border:1px solid var(--line);background:var(--card,#fff)}
.np-sec h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:17px}
.np-sec h3 i{font-style:normal;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;font:800 14px var(--display,inherit);color:#fff;background:linear-gradient(135deg,#2F6BFF,#B5179E);box-shadow:0 6px 16px -8px rgba(47,107,255,.8)}
.np-seg{display:inline-flex;padding:4px;border-radius:99px;background:rgba(127,140,170,.1);margin-bottom:12px}
.np-seg button{border:0;background:none;padding:8px 16px;border-radius:99px;font-weight:700;font-size:13px;color:var(--muted);cursor:pointer}
.np-seg button.on{background:linear-gradient(135deg,#2F6BFF,#B5179E);color:#fff}
.np-find{width:100%;margin-bottom:10px}
.np-clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}
.np-cl{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);cursor:pointer;font-weight:600;font-size:13.5px;transition:.15s}
.np-cl input{position:absolute;opacity:0;pointer-events:none}
.np-cl .clogo{border-radius:50%!important}
.np-cl:hover{border-color:#2F6BFF}.np-cl:has(input:checked){border-color:#2F6BFF;background:rgba(47,107,255,.08);box-shadow:0 0 0 3px rgba(47,107,255,.15)}
.np-cat{display:flex;align-items:center;gap:8px;margin:14px 0 8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--t)}
.np-cat::before{content:"";width:18px;height:2px;background:var(--t)}
.np-svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.np-svc{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);cursor:pointer;transition:.15s}
.np-svc input{position:absolute;opacity:0;pointer-events:none}
.np-svc .ic{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--t) 12%,transparent);font-size:17px;flex:0 0 34px}
.np-svc .nm{flex:1;font-weight:600;font-size:13.5px;line-height:1.25}.np-svc small{display:block;font-weight:400;font-size:11.5px;color:var(--muted)}
.np-svc .tick,.np-p .tick{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:transparent;border:1.5px solid var(--line)}
.np-svc:hover{border-color:var(--t);transform:translateY(-1px)}
.np-svc:has(input:checked){border-color:var(--t);background:color-mix(in srgb,var(--t) 7%,transparent);box-shadow:0 10px 24px -18px var(--t)}
.np-svc:has(input:checked) .tick{background:var(--t);border-color:var(--t);color:#fff}
.np-block{display:none;padding:14px;border-radius:16px;background:rgba(127,140,170,.06);margin:10px 0}
.np-block.on{display:block;animation:npIn .25s ease}
@keyframes npIn{from{opacity:0;transform:translateY(-4px)}}
.np-block h4{margin:0 0 10px;font-size:14px}
.np-step{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:180px}
.np-step button{border:0;background:rgba(127,140,170,.1);width:40px;font-size:18px;font-weight:700;cursor:pointer;color:var(--text)}
.np-step input{border:0!important;text-align:center;font-weight:800;font-size:16px;width:100%;min-width:0;border-radius:0!important}
.np-toggle{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;border-radius:12px;border:1px dashed var(--line);cursor:pointer}
.np-toggle b{display:block;font-size:13.5px}.np-toggle small{color:var(--muted);font-size:12.5px}
.np-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.np-p{position:relative;display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--line);cursor:pointer;transition:.15s}
.np-p input{position:absolute;opacity:0;pointer-events:none}
.np-p span:not(.tick){flex:1;min-width:0}.np-p b{display:block;font-size:13.5px}.np-p small{color:var(--muted);font-size:11.5px}
.np-p:has(input:checked){border-color:#10B981;background:rgba(16,185,129,.07)}.np-p:has(input:checked) .tick{background:#10B981;border-color:#10B981;color:#fff}
.np-side{position:sticky;top:16px}
.np-sum{padding:18px;border-radius:20px;color:#fff;background:linear-gradient(160deg,#0B1226,#1B1440 60%,#3A0D2E);box-shadow:0 24px 50px -28px rgba(47,107,255,.7)}
.np-sum .muted{color:rgba(255,255,255,.6)!important}
.np-sh{font:800 13px var(--display,inherit);letter-spacing:.12em;text-transform:uppercase;color:#9DB8FF;margin-bottom:12px}
.np-cli{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);margin-bottom:10px}.np-cli span{display:block;font-size:11px}.np-cli b{font-size:16px}
.np-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.np-li{font-size:13px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);border-left:3px solid #7C9CFF}
.np-kv{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:7px 0;border-top:1px solid rgba(255,255,255,.08)}.np-kv:empty{display:none}.np-kv span{opacity:.7}.np-kv b{text-align:right}
.np-auto{list-style:none;padding:10px 0 0;margin:6px 0 0;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;opacity:.85;display:grid;gap:4px}
.np-go{width:100%;justify-content:center}.np-go:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed}
.np-p .avatar{flex:0 0 36px!important;width:36px!important;height:36px}.np-sum .check{color:#fff!important;opacity:.9}

/* ---------- Raw visuals (14 Oct) ---------- */
.rw-pick em{font-style:normal;font-size:11px;padding:1px 7px;border-radius:99px;background:rgba(47,107,255,.12);color:#2F6BFF}.rw-pick a.on em{background:rgba(255,255,255,.25);color:#fff}
.rw-hero{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(3,1fr) auto;gap:12px;align-items:center;padding:16px 18px;border-radius:20px;margin-bottom:16px;color:#fff;background:linear-gradient(120deg,#0B1226,#1B1440 55%,#3A0D2E);box-shadow:0 20px 44px -26px rgba(47,107,255,.65)}
@media(max-width:900px){.rw-hero{grid-template-columns:1fr 1fr}.rw-id{grid-column:1/-1}}
.rw-id{display:flex;gap:12px;align-items:center}.rw-id h2{margin:0;font-size:20px;color:#fff}.rw-id span{font-size:12.5px;opacity:.7}.rw-id .clogo{border-radius:50%!important}
.rw-k{padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.rw-k b{display:block;font:800 24px var(--display,inherit)}.rw-k span{font-size:12px;opacity:.75}.rw-k.warn b{color:#FFC861}
.rw-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.rw-two{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:900px){.rw-two{grid-template-columns:1fr}}
.rw-drop{padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--card,#fff);display:flex;flex-direction:column;gap:10px}
.rw-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:170px;border-radius:16px;border:2px dashed rgba(47,107,255,.35);background:linear-gradient(135deg,rgba(47,107,255,.05),rgba(181,23,158,.05));cursor:pointer;text-align:center;padding:16px;transition:.2s}
.rw-zone:hover,.rw-zone.over{border-color:#B5179E;background:linear-gradient(135deg,rgba(47,107,255,.1),rgba(181,23,158,.1));transform:scale(1.005)}
.rw-ic{font-size:34px}.rw-zone b{font-size:15.5px}.rw-zone small{color:var(--muted)}
.rw-pend{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.rw-pend b{width:100%;font-size:13px}.rw-pend span{padding:3px 9px;border-radius:99px;background:var(--line);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rw-row{display:flex;gap:8px}.rw-row input{flex:1}
.rw-how{padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--card,#fff)}
.rw-how h4{margin:0 0 8px}.rw-how ol{margin:0;padding-left:20px;font-size:13.5px;line-height:1.55}.rw-how li{margin:4px 0}
.rw-auto{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(127,140,170,.08)}
.rw-auto span{flex:1}.rw-auto b{display:block;font-size:13.5px}.rw-auto small{color:var(--muted);font-size:12px}
.rw-sw{width:46px;height:26px;border-radius:99px;border:0;background:#CBD2DE;position:relative;cursor:pointer;transition:.2s}
.rw-sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.rw-sw.on{background:linear-gradient(135deg,#10B981,#2F6BFF)}.rw-sw.on i{left:23px}
.rw-mon{display:flex;align-items:center;gap:8px;margin:18px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.rw-mon::after{content:"";flex:1;height:1px;background:var(--line)}.rw-mon span{font-size:11px;padding:1px 8px;border-radius:99px;background:var(--line)}
.rw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.rw-it{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--card,#fff);transition:transform .18s,box-shadow .18s}
.rw-it:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px rgba(47,107,255,.55)}
.rw-th{position:relative;display:block;aspect-ratio:1/1;background:#0F1220;overflow:hidden}
.rw-th img,.rw-th video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.rw-it:hover .rw-th img{transform:scale(1.05)}
.rw-play{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6);pointer-events:none}
.rw-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:34px;color:#fff;background:linear-gradient(135deg,#1B1440,#3A0D2E)}.rw-ph small{font-size:11px;opacity:.7;margin-top:4px}
.rw-src,.rw-dr{position:absolute;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:99px;backdrop-filter:blur(6px)}
.rw-src{left:8px;top:8px;background:rgba(0,0,0,.45);color:#fff}
.rw-dr{right:8px;top:8px;background:rgba(255,255,255,.88);color:#334}.rw-dr.ok{background:rgba(16,185,129,.9);color:#fff}.rw-dr.bad{background:rgba(225,29,72,.9);color:#fff}
.rw-meta{padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.rw-meta b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rw-meta small{font-size:11.5px;color:var(--muted)}.rw-note{font-style:italic}
.rw-b{display:flex;gap:10px;margin-top:6px;font-size:12px;align-items:center}.rw-b a{font-weight:700;color:#2F6BFF;text-decoration:none}
.rw-b form{margin-left:auto}.rw-b button{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}.rw-b button:hover{color:#E11D48}
.raw-save{margin:4px 0 2px}.raw-save .btn{font-size:11px;padding:4px 10px}
.rw-id h2{color:#fff!important}