:root{
  --bg:#f3f6f5;
  --surface:#ffffff;
  --surface-2:#f8faf9;
  --ink:#0b1411;
  --muted:#65736f;
  --muted-2:#8b9994;
  --line:#dbe5e1;
  --line-strong:#c4d2cd;
  --brand:#0d8f73;
  --brand-strong:#076550;
  --brand-soft:#e8f7f2;
  --dark:#091611;
  --dark-2:#10231d;
  --danger:#b4233a;
  --danger-soft:#fff1f3;
  --warning:#a16207;
  --shadow:0 16px 42px rgba(10,25,21,.08);
  --shadow-soft:0 8px 20px rgba(10,25,21,.06);
  --radius:22px;
  --top:env(safe-area-inset-top,0px);
  --bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Inter,Assistant,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#f7faf9 0%,#edf3f1 100%);color:var(--ink);direction:rtl;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
button,input,textarea,select{font:inherit}
button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
img{max-width:100%;display:block}.ltr{direction:ltr}.small{font-size:.82rem}.tiny{font-size:.74rem}.muted{color:var(--muted)}
.app-shell{width:100%;max-width:none;min-height:100svh;padding:calc(16px + var(--top)) clamp(12px,1.55vw,30px) calc(22px + var(--bottom))}
.shell{display:grid;grid-template-columns:clamp(270px,15vw,330px) minmax(0,1fr);gap:clamp(14px,1.2vw,24px);align-items:start;min-height:calc(100svh - 38px - var(--top))}
.sidebar{position:sticky;top:calc(16px + var(--top));height:calc(100svh - 32px - var(--top));background:linear-gradient(180deg,var(--dark),#0c1f19);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:18px;box-shadow:0 22px 60px rgba(5,16,12,.18);display:flex;flex-direction:column;gap:16px;overflow:hidden;color:#fff}
.main{min-width:0;min-height:calc(100svh - 38px - var(--top));display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#18a986,#076550);color:#fff;display:grid;place-items:center;font-weight:950;letter-spacing:.03em;box-shadow:0 10px 26px rgba(13,143,115,.28);flex:0 0 auto}.brand-mark-large{width:62px;height:62px;border-radius:18px;margin:0 auto 14px}.brand-name{font-weight:950;letter-spacing:.08em}.sidebar .muted{color:#9fb2ab}.user-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);min-width:0}.avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:var(--brand-soft);font-weight:950;color:var(--brand-strong);flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.row-main{min-width:0;display:grid;gap:3px}.row-title{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:.84rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.sidebar .row-sub{color:#94aaa2}.nav{display:grid;gap:6px;margin-top:2px}.nav button{border:0;background:transparent;color:#dce8e4;border-radius:16px;padding:11px 12px;text-align:start;display:flex;align-items:center;gap:10px;font-weight:800}.nav button:hover{background:rgba(255,255,255,.08)}.nav button.active{background:#fff;color:#0b1d17;box-shadow:0 12px 30px rgba(0,0,0,.18)}.nav-code{font-size:.67rem;font-weight:950;letter-spacing:.08em;min-width:28px;text-align:center;opacity:.68}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}.title-block h1{margin:0;font-size:clamp(1.9rem,2.15vw,3.15rem);line-height:1;letter-spacing:-.035em}.title-block p{margin:.45rem 0 0;color:var(--muted);font-weight:620}.top-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sync-strip{min-height:42px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;margin-bottom:14px;color:var(--muted);box-shadow:var(--shadow-soft)}.dot{width:8px;height:8px;border-radius:50%;background:#18a986;box-shadow:0 0 0 5px rgba(13,143,115,.11)}#screen{flex:1;min-height:0}.primary-btn,.soft-btn,.outline-btn,.danger-btn,.ghost-btn,.icon-btn,.attach-btn{border:0;border-radius:14px;padding:10px 14px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;transition:background .12s ease,border-color .12s ease,transform .12s ease}.primary-btn{background:#0d8f73;color:#fff;box-shadow:0 10px 22px rgba(13,143,115,.18)}.primary-btn:hover{background:#08735d}.soft-btn{background:var(--brand-soft);color:var(--brand-strong)}.soft-btn:hover{background:#d9f1ea}.outline-btn{background:#fff;color:var(--ink);border:1px solid var(--line)}.sidebar .outline-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.danger-btn{background:var(--danger-soft);color:var(--danger)}.ghost-btn{background:transparent;color:var(--brand-strong);padding-inline:8px}.icon-btn{width:40px;padding:0;border-radius:13px;background:#eef4f2;color:var(--ink)}.card,.kpi,.inner-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:18px}.inner-card{padding:16px;box-shadow:none;background:#fff}.grid{display:grid;gap:14px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-dashboard{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);gap:14px;margin-bottom:14px}.hero-card{border-radius:28px;padding:28px;background:linear-gradient(135deg,#071611,#102f27 62%,#0d8f73);color:#fff;box-shadow:0 24px 64px rgba(8,41,31,.20)}.hero-card h2{font-size:clamp(2rem,2.8vw,3.9rem);line-height:1.02;margin:.2rem 0 .8rem;letter-spacing:-.045em}.hero-card p{max-width:760px;color:rgba(255,255,255,.78);font-weight:600}.hero-actions{display:flex;gap:10px;margin-top:18px}.hero-card .soft-btn{background:rgba(255,255,255,.12);color:#fff}.eyebrow{font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;font-weight:950;color:var(--brand-strong)}.hero-card .eyebrow{color:#a7f3d0}.focus-card{min-height:100%}.kpi{padding:16px}.kpi span{display:block;color:var(--muted);font-size:.9rem;font-weight:760}.kpi b{display:block;font-size:clamp(1.35rem,1.65vw,2.25rem);letter-spacing:-.03em;margin-top:6px}.kpi small{display:block;color:var(--muted);margin-top:4px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head.mini{align-items:center;margin:12px 0 8px}.section-head h2,.section-head h3,.card h2,.card h3,.inner-card h2,.inner-card h3{margin:0}.list{display:grid;gap:8px}.compact-list{gap:7px}.row,.member-row,.file-row,.click-row{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;color:var(--ink)}button.row:hover,.click-row:hover,.row:hover,.member-row:hover,.file-row:hover{border-color:var(--line-strong);box-shadow:0 8px 18px rgba(14,56,44,.06)}.selected{border-color:#85d4c0;background:#effbf7}.chev{font-size:1.35rem;color:var(--muted)}.top-actions .danger-btn,.top-actions .soft-btn,.top-actions .primary-btn{min-height:34px;padding:7px 10px;border-radius:12px}.done-row{opacity:.64}.done-row .row-title{text-decoration:line-through}.pill{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;background:#f0f5f3;color:#31524a;padding:5px 10px;font-size:.78rem;font-weight:850}.pill.ok,.live-pill{background:#e7f7f1;color:#076550}.project-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.stack-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.project-room{display:grid;grid-template-columns:clamp(300px,20vw,420px) minmax(0,1fr);gap:14px;height:calc(100svh - 136px - var(--top));min-height:640px}.project-rail{min-height:0;display:flex;flex-direction:column;padding:16px}.rail-project-head h2{font-size:1.45rem;margin:5px 0 2px;letter-spacing:-.02em}.rail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.rail-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:6px 0 12px;padding:0;border:0}.rail-section{min-height:0;display:flex;flex-direction:column}.rail-project-list{overflow:auto;min-height:0;padding-inline-end:2px}.project-main{min-height:0;display:flex;flex-direction:column;padding:0;overflow:hidden}.project-main:not(.project-main-chat){padding:16px}.project-main-chat{background:#eef3f0}.project-tabs button,.filter-tabs button{border:0;background:#eef4f2;color:#2d443e;border-radius:13px;padding:9px 12px;font-weight:850}.project-tabs button.active,.filter-tabs button.active{background:#10231d;color:#fff}.scroll-area{min-height:0;overflow:auto;padding-inline-end:3px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chat-frame{display:flex;flex-direction:column;min-height:0;flex:1;height:100%}.pro-chat{background:linear-gradient(180deg,#f7faf8,#eef3f0);border-radius:var(--radius);overflow:hidden}.chat-header{min-height:76px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.chat-title-block{display:flex;align-items:center;gap:12px;min-width:0}.chat-avatar{width:48px;height:48px;border-radius:17px;background:#10231d;color:#fff;display:grid;place-items:center;font-weight:950}.chat-title-block h2{margin:0;font-size:1.25rem}.chat-title-block p{margin:3px 0 0;color:var(--muted);font-weight:650;font-size:.9rem}.chat-header-actions{display:flex;gap:8px}.messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:18px clamp(14px,1.5vw,26px) 14px;overscroll-behavior:contain;background:radial-gradient(circle at 100% 0%,rgba(13,143,115,.08),transparent 34%),#edf3f0}.msg{max-width:min(68%,860px);align-self:flex-start;border:1px solid #d8e2de;border-radius:18px 18px 18px 6px;background:#fff;padding:10px 12px;box-shadow:0 3px 8px rgba(11,20,17,.04)}.msg.mine{align-self:flex-end;background:#dcf8ec;border-color:#bbead9;border-radius:18px 18px 6px 18px}.msg.system{align-self:center;max-width:96%;background:#f8faf9;color:var(--muted);border-radius:999px}.msg-name{font-size:.78rem;font-weight:900;color:var(--brand-strong);margin-bottom:4px}.msg-text{white-space:pre-wrap;line-height:1.5}.file-chip{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:8px;padding:8px 10px;color:var(--brand-strong);font-weight:850}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end;border-top:1px solid var(--line);background:#fff;padding:12px 14px}.composer textarea{border:1px solid var(--line);background:#fff;outline:0;resize:none;min-height:46px;max-height:170px;padding:12px 14px;border-radius:18px}.composer textarea:focus{border-color:#85d4c0;box-shadow:0 0 0 4px rgba(13,143,115,.10)}.attach-btn{background:#eef4f2;color:#2d443e;position:relative;overflow:hidden}.attach{display:none}.file-grid{display:grid;gap:10px}.file-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto}.file-icon{width:50px;height:50px;border-radius:16px;background:#eef6f3;color:var(--brand-strong);display:grid;place-items:center;font-size:.75rem;font-weight:950}.member-row{padding:12px}.member-left{display:flex;align-items:center;gap:10px;min-width:0}.status-dot{width:10px;height:10px;border-radius:50%;background:#cbd5d1;box-shadow:0 0 0 5px #f2f5f4}.status-dot.live{background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.13)}.role{font-size:.76rem;font-weight:950;border-radius:999px;background:#eef6f3;padding:5px 9px;color:#31524a}
.calendar-workspace,.task-workspace{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,28vw,520px);gap:14px;align-items:start}.calendar-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.calendar-head h2{margin:0;font-size:1.9rem}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;direction:rtl}.weekday{font-weight:950;color:var(--muted);font-size:.78rem;text-align:center;padding:5px}.day-cell{direction:rtl;min-height:116px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:8px;text-align:start;position:relative;display:grid;align-content:start;gap:6px}.day-cell:hover{border-color:#85d4c0;box-shadow:0 8px 20px rgba(14,56,44,.07)}.day-cell.selected{border:2px solid var(--brand);background:#f0fbf7}.day-cell.today .day-num{background:#10231d;color:#fff}.day-cell.outside-month{background:#f7faf9;color:#9aa7a2}.day-cell.outside-month .day-lines{opacity:.72}.day-num{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:950}.day-count{position:absolute;top:8px;left:8px;min-width:24px;height:24px;border-radius:999px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:950}.day-lines{display:grid;gap:3px;margin-top:2px}.cal-line{font-style:normal;font-size:.72rem;color:#24463d;background:#f0f6f4;border-radius:8px;padding:3px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-inline-start:3px solid #8bbfb0}.cal-line.task{background:#eef7ff;border-inline-start-color:#3b82f6}.cal-line.note{background:#f1fbf6;border-inline-start-color:#10a77d}.cal-line.range-start{border-start-start-radius:12px;border-end-start-radius:12px}.cal-line.range-mid{border-radius:2px}.cal-line.range-end{border-start-end-radius:12px;border-end-end-radius:12px}.day-panel{position:sticky;top:calc(16px + var(--top));max-height:calc(100svh - 38px - var(--top));overflow:auto}.agenda{display:grid;gap:8px}.quick-create{display:grid;gap:12px;margin-top:14px}.mini-form{display:grid;gap:8px}.mini-form input,.mini-form textarea,.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:11px 12px;outline:0}.mini-form input:focus,.mini-form textarea:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#85d4c0;box-shadow:0 0 0 4px rgba(13,143,115,.10)}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.task-list{max-height:calc(100svh - 260px);overflow:auto;padding-inline-end:3px}.stat-stack{display:grid;gap:8px;margin:12px 0}.stat-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:15px;padding:10px 12px;background:#fff}.finance-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.form{display:grid;gap:12px}.compact-form{margin-top:16px}.field{display:grid;gap:6px}.field label{font-weight:850;color:#304b42}.check-line{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff;font-weight:800}.modal-backdrop{position:fixed;inset:0;background:rgba(5,11,9,.48);z-index:50;display:grid;place-items:center;padding:16px}.modal{width:min(720px,96vw);max-height:88svh;overflow:auto;background:#fff;border-radius:24px;padding:20px;border:1px solid var(--line);box-shadow:0 34px 100px rgba(0,0,0,.24)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.toast{position:fixed;z-index:80;left:50%;bottom:calc(22px + var(--bottom));transform:translateX(-50%) translateY(120%);background:#10231d;color:#fff;border-radius:999px;padding:12px 18px;box-shadow:0 16px 40px rgba(0,0,0,.22);transition:.25s;max-width:min(560px,92vw);text-align:center}.toast.show{transform:translateX(-50%) translateY(0)}.empty,.empty-state{border:1px dashed #c9d9d3;background:rgba(255,255,255,.80);border-radius:20px;padding:22px;text-align:center;color:var(--muted)}.empty-state{min-height:340px;display:grid;place-items:center;align-content:center}.error-box{margin-top:12px;padding:12px 14px;border:1px solid rgba(180,35,58,.25);background:var(--danger-soft);color:var(--danger);border-radius:16px}.code-box{border:1px solid var(--line);border-radius:16px;background:#f4f6f5;padding:12px;margin-top:12px}.danger-zone{border-color:rgba(180,35,58,.25)}
.splash{min-height:calc(100svh - 40px);display:grid;place-items:center}.splash-card{text-align:center;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:26px 34px}.splash-title{font-size:1.35rem;font-weight:950;letter-spacing:.08em}.splash-sub{color:var(--muted);font-weight:700;margin-top:4px}.loader{width:36px;height:3px;background:linear-gradient(90deg,transparent,var(--brand),transparent);border-radius:999px;margin:16px auto 0;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{transform:scaleX(1.7);opacity:.55}}
.login{min-height:calc(100svh - 40px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:18px;align-items:stretch}.login-hero,.login-card{border:1px solid var(--line);border-radius:28px;background:#fff;padding:30px;box-shadow:var(--shadow)}.login-hero{background:linear-gradient(135deg,#071611,#11352b);color:#fff}.login-logo{width:64px;height:64px;border-radius:18px;margin-bottom:18px}.login h1{font-size:clamp(2.1rem,3.65vw,4.65rem);line-height:1;margin:0 0 14px;letter-spacing:-.045em}.login-hero p{color:rgba(255,255,255,.78);font-weight:650}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.feature{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:16px;padding:13px}.feature b{display:block}.feature span{display:block;color:rgba(255,255,255,.72);font-size:.85rem;margin-top:3px}.login-card{display:grid;align-content:center}.google-slot{margin-top:16px}.firebase-login{min-width:260px}.trust-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.call-dock{position:fixed;inset:auto 18px calc(18px + var(--bottom)) auto;width:min(560px,calc(100vw - 36px));z-index:46;border-radius:24px;background:#07101d;color:#fff;box-shadow:0 22px 70px rgba(0,0,0,.32);overflow:hidden;border:1px solid rgba(255,255,255,.11);direction:ltr}.call-dock.full{inset:calc(12px + var(--top)) 12px calc(12px + var(--bottom)) 12px;width:auto;border-radius:24px}.call-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:rgba(255,255,255,.08)}.call-title{direction:rtl;font-weight:900}.call-controls{display:flex;gap:7px;align-items:center}.call-controls button{border:0;background:rgba(255,255,255,.13);color:#fff;border-radius:14px;padding:9px 11px;font-weight:800}.call-controls button.danger{background:#e11d48}.call-stage{height:320px;background:#020617}.call-dock.full .call-stage{height:calc(100% - 56px)}.video-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:8px}.video-tile{position:relative;background:#0f172a;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.video-tile video{width:100%;height:100%;object-fit:cover;background:#0b1120}.video-tile.local video{transform:scaleX(-1)}.video-label{position:absolute;right:8px;bottom:8px;direction:rtl;background:rgba(2,6,23,.68);padding:6px 9px;border-radius:12px;font-size:.78rem}.call-empty{height:100%;display:grid;place-items:center;text-align:center;color:#cbd5e1;padding:28px}.ring{width:62px;height:62px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:#34d399;animation:spin 1.2s linear infinite;margin:auto auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.incoming-call{position:fixed;z-index:70;inset:auto clamp(12px,2vw,28px) calc(24px + var(--bottom)) auto;width:min(620px,calc(100vw - 24px));direction:rtl}.incoming-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 80px rgba(4,18,14,.24)}.incoming-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;font-weight:950}
@media (min-width:1800px){.card{padding:22px}.project-room{grid-template-columns:clamp(330px,18vw,460px) minmax(0,1fr)}.msg{max-width:min(62%,940px)}.day-cell{min-height:132px}}
@media (max-width:1180px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;inset:auto 12px calc(10px + var(--bottom)) 12px;height:auto;display:block;padding:8px;border-radius:24px}.brand,.user-card,.sidebar-footer{display:none}.nav{grid-template-columns:repeat(8,1fr);display:grid;gap:4px}.nav button{justify-content:center;font-size:.76rem;padding:9px 4px;border-radius:17px;flex-direction:column;gap:2px}.app-shell{padding-bottom:126px}.main{min-height:auto}.project-room,.calendar-workspace,.task-workspace{height:auto;min-height:0;grid-template-columns:1fr}.project-rail,.day-panel{position:static;max-height:none}.project-main{min-height:620px}.finance-layout,.hero-dashboard{grid-template-columns:1fr}.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.app-shell{padding-left:8px;padding-right:8px}.topbar{display:block}.top-actions{justify-content:flex-start;margin-top:12px}.sync-strip{font-size:.78rem;overflow:hidden}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.login{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.project-tabs,.filter-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:8px}.project-tabs button,.filter-tabs button{white-space:nowrap}.rail-tabs{grid-template-columns:repeat(6,max-content)}.month-grid{gap:5px}.day-cell{min-height:88px;border-radius:13px;padding:7px}.day-lines{display:none}.composer{grid-template-columns:1fr}.chat-header{display:block}.chat-header-actions{margin-top:10px}.file-row{grid-template-columns:44px minmax(0,1fr)}.file-row .top-actions{grid-column:1/-1;justify-content:flex-start}.msg{max-width:94%}.incoming-call{inset:auto 8px calc(110px + var(--bottom)) 8px;width:auto}.incoming-card{flex-wrap:wrap}.call-dock{inset:auto 8px calc(102px + var(--bottom)) 8px;width:auto}.call-stage{height:270px}.call-dock.full{inset:0}.call-dock.full .call-stage{height:calc(100svh - 56px)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* V51.0.7 — world-class web flow polish */
:root{
  --bg:#f2f5f4;
  --surface:#ffffff;
  --ink:#07120f;
  --muted:#5f6f69;
  --line:#d7e1dd;
  --line-strong:#b9c9c3;
  --brand:#0b8f74;
  --brand-strong:#075d4d;
  --brand-soft:#e9f8f4;
  --accent:#1d4ed8;
  --shadow:0 18px 46px rgba(8,28,22,.09);
  --shadow-soft:0 9px 24px rgba(8,28,22,.055);
}
body{background:linear-gradient(180deg,#f8faf9 0%,#eef3f1 52%,#e9f0ed 100%)}
.sidebar{background:linear-gradient(180deg,#07130f 0%,#0c2019 74%,#09231d 100%);box-shadow:0 24px 70px rgba(4,17,13,.22)}
.card,.kpi,.inner-card,.sync-strip,.row,.member-row,.file-row,.click-row{border-color:var(--line)}
.card,.kpi{box-shadow:0 15px 42px rgba(7,18,15,.075)}
.primary-btn{background:linear-gradient(135deg,#0d9277,#07624f);box-shadow:0 12px 24px rgba(8,111,89,.18)}
.primary-btn:active,.soft-btn:active,.outline-btn:active,.danger-btn:active{transform:translateY(1px)}
.soft-btn{background:#eef8f5;color:#075d4d;border:1px solid #d5ede6}.soft-btn:hover{background:#e2f4ee;border-color:#b8ded3}
.outline-btn{border:1px solid var(--line-strong)}
.danger-btn{border:1px solid rgba(180,35,58,.16)}
.title-block h1{font-weight:950;letter-spacing:-.045em}.title-block p{max-width:920px}.sync-strip{box-shadow:none;background:rgba(255,255,255,.82)}
.hero-card{background:linear-gradient(135deg,#05110d 0%,#0b281f 54%,#0c8f73 100%)}
.project-room,.friends-room{border-radius:28px}.project-main-chat,.pro-chat{background:#eef3f1}.messages{background:linear-gradient(180deg,#eef4f2 0%,#e8efec 100%)}
.msg{box-shadow:0 9px 22px rgba(7,18,15,.045);border-color:#dce6e2}.msg.mine{background:linear-gradient(180deg,#dcf7ed,#d2f1e6);border-color:#b9e6d8}.msg.system{background:#fff;border-style:dashed;color:#64736d}.msg-text{line-height:1.5}.msg-name{letter-spacing:-.01em}
.composer{background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -10px 24px rgba(7,18,15,.04)}
.composer textarea{min-height:48px;border-radius:18px;border-color:#cfdcd7;background:#fbfdfc;line-height:1.45;resize:none}.composer textarea:focus{border-color:#74cbb7;box-shadow:0 0 0 4px rgba(11,143,116,.11);background:#fff}
.attach-btn{border:1px solid #d2e3de;background:#f3faf7;color:#075d4d}.attach-btn:hover{background:#e6f5ef}
.chat-header{background:rgba(255,255,255,.96);backdrop-filter:none}.chat-avatar{background:linear-gradient(135deg,#07130f,#0b8f74)}
.friends-room{height:calc(100svh - 136px - var(--top));min-height:650px;display:grid;grid-template-columns:clamp(320px,24vw,460px) minmax(0,1fr);gap:0;padding:0;overflow:hidden;background:#fff}
.friends-list{min-height:0;display:flex;flex-direction:column;border-inline-end:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f6faf8);padding:18px}.friends-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.friends-head h2{margin:.1rem 0 0;font-size:1.55rem;letter-spacing:-.035em}.friends-head p{margin:.35rem 0 0}.friend-list-scroll{overflow:auto;min-height:0;padding-inline-end:2px}.friend-row{width:100%;border:1px solid transparent;background:transparent;border-radius:20px;padding:11px;display:flex;align-items:center;gap:12px;text-align:start;color:var(--ink)}.friend-row:hover{background:#f0f6f3;border-color:var(--line)}.friend-row.selected{background:#eaf8f3;border-color:#b6dfd4;box-shadow:0 10px 24px rgba(10,115,92,.08)}.friend-avatar{width:46px;height:46px;border-radius:17px}.friend-chat-panel{min-width:0;min-height:0;display:flex;background:#eef3f1}.friend-chat{border-radius:0;min-height:0;width:100%}.friend-chat-header{min-height:78px}.friend-avatar-lg{overflow:hidden}.friend-avatar-lg img{width:100%;height:100%;object-fit:cover}.friend-empty{width:100%;border:0;background:transparent}.friend-empty-avatar{width:72px;height:72px;border-radius:24px;margin:0 auto 12px;font-size:1.4rem}.check-grid{display:grid;gap:8px;max-height:360px;overflow:auto;padding-inline-end:4px}.check-line small{margin-inline-start:auto;color:var(--muted);font-size:.78rem}.deleted-panel{margin-top:16px;background:#fffafa}.confirm-box h3{margin:0 0 8px}.confirm-box p{color:var(--muted);line-height:1.55}.calendar-card{background:#fff}.month-grid{background:#dce6e2;border:1px solid var(--line);border-radius:24px;padding:8px;gap:1px}.weekday{background:#f6faf8;border-radius:14px;padding:10px 0}.day-cell{border-radius:15px;border-color:#e2e9e6;box-shadow:none}.day-cell.selected{box-shadow:inset 0 0 0 1px var(--brand),0 10px 24px rgba(11,143,116,.10)}.cal-line{font-weight:850}.row-title{letter-spacing:-.01em}.top-actions .primary-btn,.top-actions .soft-btn,.top-actions .danger-btn{font-size:.9rem}.login-hero{background:linear-gradient(135deg,#05110d,#0b281f 64%,#0b8f74)}.login-logo{display:grid!important}.splash-card{box-shadow:0 20px 60px rgba(7,18,15,.10)}
@media (min-width:1800px){.friends-room{grid-template-columns:clamp(380px,21vw,520px) minmax(0,1fr)}.messages{padding-inline:clamp(26px,2.2vw,52px)}.composer{padding-inline:clamp(18px,1.7vw,34px)}}
@media (max-width:1180px){.friends-room{height:auto;min-height:0;grid-template-columns:1fr}.friends-list{border-inline-end:0;border-bottom:1px solid var(--line);max-height:330px}.friend-chat-panel{min-height:620px}.project-room,.calendar-workspace,.task-workspace,.friends-room{height:auto;min-height:0;grid-template-columns:1fr}.nav{grid-template-columns:repeat(8,1fr)}}
@media (max-width:720px){.friends-list{max-height:290px;padding:12px}.friends-head{display:block}.friend-chat-panel{min-height:560px}.friend-row{padding:10px 8px}.friend-avatar{width:40px;height:40px;border-radius:14px}.chat-header-actions{display:flex;overflow:auto;padding-bottom:4px}.composer{position:sticky;bottom:0;z-index:2}.composer textarea{font-size:16px}.nav{grid-template-columns:repeat(4,1fr)}.nav button{font-size:.72rem}.sync-strip{display:none}}

/* V51.0.8 — direct chat isolation and release hardening */
.friend-direct-badge{margin:4px 0 0;color:#075d4d;font-size:.78rem;font-weight:900;letter-spacing:.01em;background:#e7f7f1;border:1px solid #c4e7dc;border-radius:999px;display:inline-flex;padding:4px 9px;line-height:1.2}
.friend-chat[data-direct-id^="dm_"] .chat-header{border-bottom-color:#c8ded6}
.friend-chat[data-direct-id^="dm_"] .composer textarea{caret-color:#0b8f74}
.friend-chat[data-direct-id^="dm_"] .messages:before{content:"";position:sticky;top:0;z-index:1;height:0;display:block}
@media (max-width:720px){.friend-direct-badge{font-size:.72rem}.friend-chat-header .chat-title-block{align-items:flex-start}}

/* V51.0.9 — temporary editor / guest mode, WEB only */
.or-divider{display:flex;align-items:center;gap:12px;margin:16px 0 12px;color:var(--muted);font-size:.82rem;font-weight:850}.or-divider:before,.or-divider:after{content:"";height:1px;background:var(--line);flex:1}.guest-entry{display:grid;gap:10px;margin-top:2px;padding:14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fbfdfc,#f4faf8)}.guest-entry .field{display:grid;gap:6px}.guest-entry label{font-weight:900;color:#12332a}.guest-entry input{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:14px;padding:9px 12px;background:#fff;color:var(--ink);outline:0}.guest-entry input:focus{border-color:#74cbb7;box-shadow:0 0 0 4px rgba(11,143,116,.10)}.guest-login-btn{width:100%;background:#fff}.guest-note{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.guest-strip{background:#fff9ec;border-color:#f1d5a8;color:#7c4a03}.guest-strip .guest-dot{background:#d97706;box-shadow:0 0 0 5px rgba(217,119,6,.12)}.guest-tag{display:inline-flex;width:max-content;margin-top:3px;padding:3px 8px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-size:.72rem;font-weight:950}.locked-nav{position:relative;opacity:.78}.locked-nav small{margin-inline-start:auto;font-size:.62rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:2px 6px;color:inherit}.guest-shell .sidebar{background:linear-gradient(180deg,#07130f 0%,#172313 72%,#2b1b08 100%)}.guest-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:14px;background:linear-gradient(135deg,#ffffff 0%,#fffaf0 100%);border-color:#f0d6ac}.guest-intro h2{margin:.15rem 0 .35rem;font-size:clamp(1.2rem,1.55vw,2rem);letter-spacing:-.03em}.guest-intro p{margin:0;color:var(--muted);line-height:1.55}.guest-mini-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.guest-mini-stats span{border:1px solid #efd7ae;background:#fff;color:#7c4a03;border-radius:999px;padding:7px 10px;font-weight:900;font-size:.83rem}.guest-locked{min-height:clamp(430px,56svh,720px);display:grid;place-items:center;text-align:center;align-content:center;gap:12px;padding:clamp(28px,4vw,70px);background:radial-gradient(circle at 50% 0%,#fff7ed 0%,#fff 42%,#f7faf9 100%)}.guest-locked .brand-mark{margin:auto}.guest-locked h2{margin:.2rem 0 0;font-size:clamp(1.8rem,3vw,4rem);letter-spacing:-.055em}.guest-locked p{max-width:780px;margin:0 auto;color:var(--muted);font-weight:620;line-height:1.65}.guest-limit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(820px,100%);margin:6px auto}.guest-limit-grid span{background:#fff;border:1px solid #efd7ae;color:#7c4a03;border-radius:16px;padding:12px;font-weight:900}.guest-avatar{background:#fff7ed;color:#9a3412}@media (max-width:920px){.guest-intro{grid-template-columns:1fr}.guest-mini-stats{justify-content:flex-start}.guest-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.guest-entry{padding:12px}.locked-nav small{display:none}.guest-limit-grid{grid-template-columns:1fr}.guest-intro{margin-top:6px}}

/* V51.0.11 WEB production polish — Serjo Micoyan */
:root{--bottom-safe:clamp(18px,3.2vh,38px)}
body,.shell,.login,.modal,.nav button,input,textarea,select,button{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif!important;letter-spacing:normal}.brand-name,.nav-code,.ltr{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif!important}.nav-code{font-size:12px;font-weight:900;min-width:28px;text-align:center}.brand-real,.brand-mark{background:transparent!important;box-shadow:none!important;color:inherit!important}.brand-logo{width:38px;height:38px;object-fit:contain;display:block;border-radius:12px}.brand-logo-large{width:88px;height:88px;margin:auto}.login-logo-img{width:96px;height:96px;filter:drop-shadow(0 18px 32px rgba(0,0,0,.18))}.login-logo-wrap{display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}.user-card-action{width:100%;border:0;background:transparent;text-align:inherit;cursor:pointer}.user-card-action:hover{transform:translateY(-1px);background:rgba(16,167,125,.08)}.profile-edit-hint{opacity:.85}.copyright-line{font-size:11px;line-height:1.35;color:var(--muted);text-align:center;margin-top:10px}.sidebar-footer .copyright-line{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.store-stack{display:grid;gap:10px;margin-top:14px}.store-card{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:18px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(241,245,249,.72));box-shadow:0 12px 26px rgba(15,23,42,.08);transition:.18s ease}.store-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.12)}.store-card b{display:block;font-size:15px}.store-card small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.store-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#fff;border:1px solid var(--border);overflow:hidden}.store-app-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-weight:950}.forms-logo{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;letter-spacing:-1px}.real-logo{width:38px;height:38px;object-fit:contain}.store-arrow{margin-inline-start:auto;font-size:24px;color:var(--muted)}.home-store-row{margin-top:18px;max-width:460px}.mini-calendar-card .month-grid{min-height:unset;grid-auto-rows:minmax(72px,1fr)}.mini-month-title{font-weight:950;font-size:18px;margin:4px 0 10px;text-align:center}.mini-calendar-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.calendar-workspace{height:min(760px,calc(100dvh - 142px));min-height:0;align-items:stretch}.calendar-card,.day-panel{min-height:0}.calendar-card{display:flex;flex-direction:column}.calendar-card .month-grid{flex:1}.month-grid{gap:8px}.day-cell{min-height:74px;padding:8px 8px 7px}.day-num{font-size:15px;font-weight:950}.day-count{font-size:11px}.day-lines{gap:4px}.cal-line{font-size:12px!important;line-height:1.25!important;font-weight:850;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:3px 6px}.row-title{font-size:15px}.row-sub{font-size:13px}.finance-layout .card{overflow:hidden}.money-presets{margin:10px 0 14px}.money-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-top:8px}.amount-tile{border:1px solid var(--border);background:rgba(16,167,125,.07);border-radius:14px;padding:10px 8px;cursor:pointer}.amount-tile:hover{background:rgba(16,167,125,.14)}.amount-stepper{display:grid;grid-template-columns:46px 1fr 46px;gap:8px;align-items:center}.step-btn{border:1px solid var(--border);border-radius:14px;background:#fff;font-size:22px;font-weight:950;cursor:pointer}.step-btn:active{transform:scale(.96)}.profile-edit-preview{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:18px;background:rgba(15,23,42,.03)}.profile-preview-avatar{width:72px;height:72px;font-size:25px}.profile-preview-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.project-room,.friends-room{height:min(760px,calc(100dvh - 154px - var(--bottom-safe)));min-height:560px;padding-bottom:var(--bottom-safe)}.project-main,.friend-chat-panel{min-height:0}.chat-frame{height:100%;min-height:0}.messages{min-height:0;overscroll-behavior:contain}.composer{margin-top:8px}.composer textarea{min-height:44px;max-height:128px}.friend-chat .composer,.project-main-chat .composer{margin-bottom:8px}@media (min-width:1300px){.project-room,.friends-room{height:min(820px,calc(100dvh - 146px - var(--bottom-safe)))}.calendar-workspace{height:min(820px,calc(100dvh - 130px))}.day-cell{min-height:82px}.cal-line{font-size:12.5px!important}}@media (max-width:720px){body{overflow:hidden}.shell{height:100dvh;overflow:hidden}.main{height:100dvh;overflow:hidden}.topbar{padding:10px 12px}.sync-strip{font-size:11px}.project-room.chat-mode,.friends-room{height:calc(100dvh - 112px);min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:8px 8px max(12px,env(safe-area-inset-bottom))}.project-rail{max-height:186px;overflow:auto;flex:0 0 auto}.project-main,.friend-chat-panel{flex:1 1 auto;min-height:0;overflow:hidden}.friends-list{max-height:180px;overflow:auto;flex:0 0 auto}.chat-frame{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-header{flex:0 0 auto;padding:10px}.chat-header h2{font-size:17px}.chat-header-actions{gap:6px}.messages{flex:1 1 auto;overflow:auto;min-height:0;padding:10px}.composer{position:sticky;bottom:0;flex:0 0 auto;background:var(--card);padding:8px;border-top:1px solid var(--border);margin-bottom:0}.composer textarea{min-height:42px}.calendar-workspace{height:calc(100dvh - 112px);display:flex;flex-direction:column;overflow:auto}.day-cell{min-height:52px}.day-lines{display:block}.cal-line{font-size:10.5px!important}.mini-calendar-card .month-grid{grid-auto-rows:minmax(48px,1fr)}.store-card{padding:10px}.copyright-line{text-align:start}.login{height:auto;min-height:100dvh;overflow:auto}.login-hero,.login-card{min-width:0}}


/* V51.0.14 — surgical dashboard polish.
   Important: no global overflow lock, no cutting screens.
   This keeps the V51.0.12 design and only reduces the real oversized calendar areas. */
body,
.shell,
.login,
.modal,
.nav button,
input,
textarea,
select,
button,
.row-title,
.row-sub,
.card h2,
.card h3,
.kpi span,
.kpi b,
.title-block h1,
.title-block p,
.sync-strip,
.eyebrow,
.day-cell,
.cal-line,
.store-card{
  font-family:"Heebo","Assistant",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif!important;
}
.brand-name,.nav-code,.ltr{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
.eyebrow{letter-spacing:.045em}
.brand-name{letter-spacing:.025em}

/* Dark sidebar readability fix */
.sidebar,
.sidebar button,
.sidebar .user-card-action,
.sidebar .row-title,
.sidebar .guest-tag{
  color:#fff;
}
.sidebar .row-sub{color:#a7bbb4!important}
.sidebar .guest-tag{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
}

/* PDF Forms card: keep the red app mark visible, remove only the unnecessary white frame around it */
.forms-store-card .store-icon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.forms-store-card .store-app-logo{
  box-shadow:none!important;
}

/* Desktop fit tuning — not a screen crop. */
.hero-dashboard{margin-bottom:12px}
.hero-card{padding:24px 28px}
.hero-card h2{font-size:clamp(1.9rem,2.55vw,3.45rem);line-height:1.03;margin:.18rem 0 .65rem}
.hero-card p{font-size:.96rem;line-height:1.45}
.hero-actions{margin-top:14px}
.home-store-row{margin-top:14px;max-width:430px}
.kpi{padding:14px 16px}
.kpi b{font-size:clamp(1.25rem,1.45vw,2rem)}
.focus-card{overflow:hidden}
.focus-card .agenda{max-height:210px;overflow:auto;padding-inline-end:2px}

/* The real dashboard overflow source was the smart mini calendar. Keep it useful, just compact. */
.mini-calendar-card{padding:14px 16px}
.mini-calendar-card .section-head{margin-bottom:8px}
.mini-calendar-card .section-head p{display:none}
.mini-month-title{font-size:16px;margin:0 0 7px;text-align:center}
.mini-calendar-card .month-grid{
  gap:4px;
  padding:6px;
  border-radius:18px;
  grid-auto-rows:minmax(38px,auto)!important;
}
.mini-calendar-card .weekday{
  padding:3px 0;
  font-size:11px;
  border-radius:10px;
}
.mini-calendar-card .day-cell{
  min-height:38px!important;
  padding:4px 5px!important;
  border-radius:10px;
  gap:2px;
}
.mini-calendar-card .day-num{
  width:22px;
  height:22px;
  font-size:12px;
  border-radius:8px;
}
.mini-calendar-card .day-count{
  top:4px;
  left:4px;
  min-width:18px;
  height:18px;
  font-size:10px;
}
.mini-calendar-card .day-lines{display:none}
.mini-calendar-actions{margin-top:10px;gap:8px}
.mini-calendar-actions .primary-btn,
.mini-calendar-actions .soft-btn,
.mini-calendar-actions .ghost-btn{
  min-height:34px;
  padding:7px 10px;
  border-radius:12px;
  font-size:.88rem;
}

/* Full calendar page: compact, still readable, no forced clipping. */
.calendar-workspace{
  height:min(720px,calc(100svh - 150px));
  min-height:0;
  align-items:stretch;
}
.calendar-card{padding:15px}
.calendar-head{margin-bottom:9px}
.calendar-head h2{font-size:1.62rem}
.calendar-card .month-grid{
  gap:5px;
  padding:7px;
  border-radius:20px;
}
.calendar-card .weekday{
  padding:4px 0;
  font-size:.72rem;
}
.calendar-card .day-cell{
  min-height:60px!important;
  padding:5px 6px!important;
  border-radius:12px;
  gap:3px;
}
.calendar-card .day-num{
  width:24px;
  height:24px;
  font-size:13px;
  border-radius:8px;
}
.calendar-card .day-count{
  top:5px;
  left:5px;
  min-width:19px;
  height:19px;
  font-size:10px;
}
.calendar-card .day-lines{gap:2px}
.calendar-card .cal-line{
  font-size:10.5px!important;
  line-height:1.15!important;
  padding:2px 5px!important;
  border-radius:7px;
}
.day-panel{
  max-height:min(720px,calc(100svh - 150px));
}

/* If the browser height is smaller, reduce calendars a bit more instead of hiding the whole page. */
@media (min-width:1181px) and (max-height:860px){
  .app-shell{padding-top:10px;padding-bottom:10px}
  .topbar{margin-bottom:6px}
  .title-block h1{font-size:clamp(1.65rem,1.75vw,2.45rem)}
  .title-block p{font-size:.9rem;margin-top:.25rem}
  .sync-strip{min-height:36px;margin-bottom:9px}
  .hero-card{padding:20px 24px}
  .hero-card h2{font-size:clamp(1.7rem,2.25vw,2.9rem)}
  .hero-card p{margin:.45rem 0 0}
  .kpi{padding:12px 14px}
  .mini-calendar-card .day-cell{min-height:34px!important}
  .mini-calendar-card .day-num{width:20px;height:20px}
  .calendar-workspace{height:min(660px,calc(100svh - 138px))}
  .calendar-card .day-cell{min-height:52px!important}
  .day-panel{max-height:min(660px,calc(100svh - 138px))}
}

/* Keep mobile/web responsive behavior from V51.0.12, do not lock small screens. */
@media (max-width:1180px){
  .mini-calendar-card .day-lines{display:none}
  .calendar-workspace{height:auto}
  .day-panel{max-height:none}
}


/* V51.0.15 communication/presentation polish */
.presentation-file-card{width:100%;border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f6faf8);border-radius:16px;padding:10px 12px;margin-top:8px;display:flex;align-items:center;gap:12px;text-align:start;color:var(--ink);box-shadow:0 8px 18px rgba(14,56,44,.06)}
.presentation-file-card:hover{border-color:#85d4c0;box-shadow:0 14px 28px rgba(14,56,44,.10)}
.presentation-file-icon{width:46px;height:46px;border-radius:14px;background:#10231d;color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:950;letter-spacing:.03em;flex:0 0 auto}
.presentation-file-card b{display:block}
.presentation-file-card small{display:block;color:var(--muted);font-weight:750;margin-top:3px}
.presentation-open{margin-inline-start:auto;background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:6px 10px;font-weight:900;font-size:.78rem}
.preview-backdrop{position:fixed;inset:0;z-index:70;background:rgba(3,10,8,.72);display:grid;place-items:center;padding:18px}
.preview-room{width:min(1500px,96vw);height:min(900px,94svh);background:#0b1411;border:1px solid rgba(255,255,255,.12);border-radius:26px;box-shadow:0 34px 120px rgba(0,0,0,.42);display:flex;flex-direction:column;overflow:hidden;color:#fff}
.preview-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:linear-gradient(180deg,#10231d,#0b1713);border-bottom:1px solid rgba(255,255,255,.10)}
.preview-head h2{margin:.1rem 0 0;font-size:1.1rem;max-width:760px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.preview-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:#111}
.preview-media{width:100%;height:100%;object-fit:contain;border:0;background:#111}
.preview-pdf{background:#fff}
.preview-generic{display:grid;place-items:center;gap:16px;text-align:center}
.preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}
.preview-canvas.drawing{pointer-events:auto;cursor:crosshair}
.call-dock{touch-action:none}
.call-head[data-call-drag]{cursor:grab;user-select:none}
.call-head[data-call-drag]:active{cursor:grabbing}
.drag-hint{font-size:11px;color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:2px 8px;margin-inline-start:8px}
.video-tile video{will-change:auto;transform:translateZ(0);background:#0b1411}


/* V51.0.16 — live presentation precision */
.preview-backdrop{padding:18px!important;align-items:center!important;justify-items:center!important}
.preview-room{width:min(1060px,84vw)!important;height:min(700px,82svh)!important;resize:both;min-width:min(680px,92vw);min-height:min(460px,78svh);max-width:96vw;max-height:94svh}
.preview-room.preview-wide{width:min(1320px,92vw)!important;height:min(780px,88svh)!important}
.preview-room.preview-full{width:96vw!important;height:94svh!important;resize:none}
.preview-room.preview-fit{width:min(1060px,84vw)!important;height:min(700px,82svh)!important}
.preview-actions{gap:7px}
.preview-head{min-height:64px!important;padding:10px 14px!important}
.preview-head h2{font-size:1rem!important}
.preview-stage{overflow:hidden}
.preview-media{width:100%!important;height:100%!important;object-fit:contain!important}
.preview-pdf{background:#fff!important}
.preview-canvas{z-index:4}
.preview-canvas.drawing{pointer-events:auto}
.preview-actions .pill{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.18)}
.modal-backdrop{overscroll-behavior:contain}
.modal{max-height:min(88svh,820px);overflow:auto;overscroll-behavior:contain}
.modal textarea,.modal input,.modal select{scroll-margin:120px}
@media (max-width:980px){
  .preview-room,.preview-room.preview-fit,.preview-room.preview-wide,.preview-room.preview-full{width:96vw!important;height:88svh!important;min-width:0;min-height:0;resize:none}
  .preview-head{display:grid;gap:8px}
  .preview-actions{justify-content:flex-start}
}


/* V51.0.17 — mobile Web portrait scroll fix only.
   Cause found: older max-width:720px rule locked body/shell/main to 100dvh with overflow:hidden.
   Scope: mobile portrait only. Desktop and landscape keep the existing layout. */
@media (max-width:720px) and (orientation:portrait){
  html,
  body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:auto;
  }
  .app-shell{
    min-height:100dvh!important;
    height:auto!important;
    overflow:visible!important;
    padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;
  }
  .shell{
    height:auto!important;
    min-height:100dvh!important;
    overflow:visible!important;
  }
  .main{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #screen{
    min-height:0!important;
    overflow:visible!important;
  }
  .topbar,
  .sync-strip{
    flex-shrink:0;
  }
  .project-room:not(.chat-mode),
  .calendar-workspace,
  .task-workspace,
  .finance-layout{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
}


/* V51.0.18 — mobile WEB portrait layout polish only.
   Scope: phones in portrait. Desktop/tablet wide/landscape keep the existing exact layout. */
@media (max-width:720px) and (orientation:portrait){
  :root{--radius:18px}
  .app-shell{padding:8px 8px calc(96px + env(safe-area-inset-bottom,0px))!important}
  .shell{display:block!important;width:100%!important;max-width:100%!important;gap:0!important}
  .main{width:100%!important;max-width:100%!important}
  .sidebar{position:fixed!important;z-index:40!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;top:auto!important;height:auto!important;min-height:0!important;display:block!important;padding:7px!important;border-radius:20px!important;overflow:visible!important}
  .brand,.user-card,.sidebar-footer{display:none!important}
  .nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin:0!important}
  .nav button{min-height:42px!important;padding:6px 4px!important;border-radius:14px!important;font-size:11px!important;line-height:1.05!important;justify-content:center!important;text-align:center!important;flex-direction:column!important;gap:2px!important}
  .nav-code{font-size:10px!important;min-width:0!important}
  .locked-nav small{display:none!important}
  .topbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:0!important;margin-bottom:8px!important}
  .title-block h1{font-size:1.32rem!important;line-height:1.08!important;letter-spacing:-.02em!important}
  .title-block p{font-size:.82rem!important;line-height:1.35!important;margin:.25rem 0 0!important}
  .top-actions{justify-content:flex-start!important;gap:6px!important}
  .primary-btn,.soft-btn,.outline-btn,.danger-btn,.ghost-btn,.attach-btn{min-height:34px!important;padding:7px 10px!important;border-radius:12px!important;font-size:12px!important}
  .sync-strip{min-height:34px!important;padding:7px 10px!important;margin-bottom:8px!important;font-size:11px!important;line-height:1.25!important;overflow:hidden!important}
  .card{padding:12px!important;border-radius:18px!important}
  .inner-card{padding:12px!important;border-radius:16px!important}
  .grid,.hero-dashboard{gap:8px!important}
  .cols-2,.cols-3,.cols-4,.hero-dashboard,.finance-layout,.calendar-workspace,.task-workspace{grid-template-columns:1fr!important}
  .hero-card{padding:16px!important;border-radius:20px!important}
  .hero-card h2{font-size:1.55rem!important;line-height:1.08!important;margin:.2rem 0 .45rem!important}
  .hero-card p{font-size:.88rem!important;line-height:1.45!important;margin:.35rem 0!important}
  .hero-actions,.mini-calendar-actions,.guest-mini-stats{gap:6px!important;flex-wrap:wrap!important}
  .kpi{padding:11px!important;border-radius:16px!important}
  .kpi b{font-size:1.35rem!important;margin-top:2px!important}
  .kpi span,.kpi small{font-size:.78rem!important}
  .section-head{margin-bottom:8px!important;gap:8px!important;align-items:center!important}
  .section-head h2,.card h2,.inner-card h2{font-size:1.04rem!important}
  .row,.member-row,.file-row,.click-row{padding:9px 10px!important;border-radius:14px!important;gap:8px!important}
  .row-title{font-size:13.5px!important}.row-sub{font-size:11.5px!important}
  .project-room,.project-room.chat-mode,.friends-room{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important}
  .project-rail{position:static!important;max-height:none!important;min-height:0!important;padding:10px!important;margin-bottom:8px!important;border-radius:18px!important;overflow:visible!important}
  .rail-project-head h2{font-size:1.05rem!important}.rail-project-head .small{font-size:10px!important}
  .project-pills{margin-top:6px!important;gap:5px!important}.pill{min-height:22px!important;padding:3px 8px!important;font-size:11px!important}
  .rail-actions{margin:8px 0!important;gap:6px!important}.rail-tabs{gap:5px!important;margin:6px 0!important}
  .project-tabs button,.filter-tabs button{padding:7px 8px!important;border-radius:11px!important;font-size:12px!important}
  .rail-section{display:none!important}
  .project-main,.friend-chat-panel{min-height:0!important;overflow:visible!important;border-radius:18px!important}
  .project-main:not(.project-main-chat){padding:10px!important}
  .chat-frame{height:auto!important;min-height:calc(100dvh - 206px)!important;overflow:hidden!important;border-radius:18px!important}
  .chat-header{min-height:0!important;padding:9px 10px!important;gap:8px!important;align-items:flex-start!important}
  .chat-avatar{width:36px!important;height:36px!important;border-radius:13px!important}
  .chat-title-block{gap:8px!important}.chat-title-block h2{font-size:15px!important}.chat-title-block p{font-size:11px!important;line-height:1.25!important}
  .chat-header-actions{gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.chat-header-actions .primary-btn,.chat-header-actions .soft-btn{padding:6px 8px!important;min-height:30px!important}
  .messages{min-height:52dvh!important;max-height:none!important;padding:10px!important;gap:7px!important;overflow:auto!important}
  .msg{max-width:92%!important;padding:8px 10px!important;border-radius:15px 15px 15px 5px!important;font-size:13px!important}.msg.mine{border-radius:15px 15px 5px 15px!important}
  .msg-text{line-height:1.42!important}.msg-name{font-size:11px!important;margin-bottom:2px!important}
  .composer{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;padding:8px!important;margin:0!important;position:sticky!important;bottom:0!important;z-index:3!important}
  .composer textarea{grid-column:1 / -1!important;min-height:38px!important;max-height:110px!important;border-radius:14px!important;padding:9px 10px!important;font-size:14px!important}
  .attach-btn,.composer .primary-btn{width:100%!important}
  .presentation-file-card{padding:8px!important;border-radius:14px!important;gap:8px!important}.presentation-file-icon{width:36px!important;height:36px!important;border-radius:12px!important}.presentation-open{display:none!important}
  .mini-calendar-card .month-grid{grid-auto-rows:minmax(42px,1fr)!important}.day-cell{min-height:42px!important;padding:5px!important}.day-lines{display:none!important}
  .modal{width:calc(100vw - 16px)!important;max-height:86svh!important;border-radius:18px!important}.modal-head h2{font-size:1.05rem!important}
}
@media (max-width:720px) and (orientation:portrait){
  .login{grid-template-columns:1fr!important;gap:8px!important;min-height:100dvh!important;align-items:start!important}
  .login-hero,.login-card{padding:16px!important;border-radius:20px!important;min-width:0!important}
  .login h1{font-size:1.7rem!important;line-height:1.08!important;margin-bottom:8px!important}
  .login-hero p{font-size:.9rem!important;line-height:1.45!important}
  .feature-grid{grid-template-columns:1fr!important;gap:7px!important;margin-top:12px!important}
  .feature{padding:9px!important;border-radius:14px!important}.feature span{font-size:.78rem!important}
  .login-logo-img{width:72px!important;height:72px!important}.brand-logo-large{width:68px!important;height:68px!important}
  .guest-entry{padding:10px!important;border-radius:16px!important;gap:8px!important}.guest-note{font-size:.78rem!important}
}


/* V51.0.19 — final mobile Web usability only. Desktop/landscape untouched. */
@media (max-width:720px) and (orientation:portrait){
  html,body,#app{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  *,*::before,*::after{box-sizing:border-box}
  .shell,.main,#screen,.card,.inner-card,.project-room,.friends-room,.chat-frame,.messages,.composer{max-width:100%!important}
  .main{padding-inline:0!important}
  .topbar,.sync-strip,.hero-dashboard,.grid,.card,.inner-card{width:100%!important;min-width:0!important}
  .filter-tabs,.project-tabs,.rail-tabs,.top-actions{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .filter-tabs::-webkit-scrollbar,.project-tabs::-webkit-scrollbar,.rail-tabs::-webkit-scrollbar,.top-actions::-webkit-scrollbar{display:none}
  .task-workspace,.finance-layout,.calendar-workspace{display:block!important;width:100%!important;overflow:visible!important}
  .task-list{max-height:none!important;overflow:visible!important}
  .mobile-project-picker{margin-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}
  .mobile-project-list{display:grid!important;gap:8px!important;max-height:none!important;overflow:visible!important}
  .project-room.chat-mode{height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
  .project-room.chat-mode .project-rail{max-height:none!important;overflow:visible!important;margin-bottom:8px!important}
  .project-room.chat-mode .project-main-chat{height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important}
  .project-room.chat-mode .chat-frame,
  .friend-chat-panel .chat-frame{height:clamp(420px,calc(100svh - 214px),620px)!important;min-height:420px!important;max-height:620px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .project-room.chat-mode .messages,
  .friend-chat-panel .messages{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding-bottom:10px!important}
  .project-room.chat-mode .composer,
  .friend-chat-panel .composer{position:relative!important;bottom:auto!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;background:#fff!important;border-top:1px solid var(--line)!important;box-shadow:0 -8px 18px rgba(10,30,24,.06)!important;z-index:4!important}
  .project-room.chat-mode .composer textarea,
  .friend-chat-panel .composer textarea{grid-column:1/-1!important;width:100%!important}
  .friends-room{display:block!important;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
  .friends-list{max-height:none!important;min-height:0!important;overflow:visible!important;border:0!important;border-radius:18px 18px 0 0!important;padding:10px!important}
  .friend-list-scroll{display:grid!important;gap:8px!important;max-height:none!important;overflow:visible!important;padding:0!important}
  .friend-row{min-height:56px!important;width:100%!important;max-width:100%!important}
  .friend-chat-panel{min-height:220px!important;overflow:visible!important;border-radius:0 0 18px 18px!important}
  .friend-empty{min-height:210px!important;padding:18px 12px!important}
  .empty-state{min-height:220px!important}
  .sidebar{max-width:calc(100vw - 16px)!important}
  .nav button{overflow:hidden!important;text-overflow:ellipsis!important}
}


/* V51.0.20 — mobile project chooser: phone portrait only */
.mobile-projects-back{display:none}
@media (max-width:720px) and (orientation:portrait){
  .mobile-project-picker{margin-bottom:calc(170px + env(safe-area-inset-bottom))}
  .mobile-project-picker .mobile-project-list{display:grid;gap:10px;max-height:none;overflow:visible}
  .mobile-project-picker .row{min-height:62px;padding:12px 14px}
  .mobile-projects-back{display:inline-flex;margin-bottom:8px}
}


/* V51.0.21 — surgical mobile chat bottom-gap fix
   Phone portrait only. Keeps desktop and landscape untouched.
   The bottom nav already has safe spacing from .app-shell; these chat-only reserves caused the visible unused gap. */
@media (max-width:720px) and (orientation:portrait){
  .project-room.chat-mode{
    padding-bottom:14px!important;
  }
  .friends-room{
    padding-bottom:14px!important;
  }
  .project-room.chat-mode .chat-frame,
  .friend-chat-panel .chat-frame{
    margin-bottom:0!important;
  }
}

/* V51.0.22 — lecture files polish: Web only, no desktop structure rewrite */
.store-card-soon{cursor:default;opacity:.98}
.store-card-soon:hover{transform:none;box-shadow:0 12px 26px rgba(15,23,42,.08)}
.google-play-logo{background:conic-gradient(from 45deg,#34a853,#4285f4,#fbbc05,#ea4335,#34a853);color:#fff;font-size:19px;line-height:1}
.store-soon-badge{margin-inline-start:auto;border:1px solid var(--border);background:rgba(15,23,42,.05);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;white-space:nowrap}
.presentation-file-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;text-align:inherit}
.presentation-file-main{display:flex;align-items:center;gap:12px;width:100%;min-width:0;border:0;background:transparent;text-align:inherit;color:inherit;cursor:pointer;padding:0}
.presentation-file-main .row-main{min-width:0}
.presentation-live-btn{border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;padding:8px 11px;font-weight:950;white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px rgba(11,143,116,.18)}
.presentation-live-btn:hover{transform:translateY(-1px)}
.upload-progress-card{display:flex;align-items:center;gap:12px;margin:10px 0;padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f5fbf8);box-shadow:0 10px 24px rgba(10,30,24,.08)}
.upload-ring{--p:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:conic-gradient(var(--brand) calc(var(--p)*1%),rgba(15,23,42,.12) 0)}
.upload-ring::before{content:"";position:absolute;width:36px;height:36px;border-radius:50%;background:#fff}.upload-ring{position:relative}.upload-ring span{position:relative;z-index:1;font-size:11px;font-weight:950;color:var(--ink)}
.preview-download{text-decoration:none;color:inherit}
.readonly-pill{background:rgba(255,255,255,.12)!important;color:#e2e8f0!important;border-color:rgba(255,255,255,.18)!important}
.lecture-strip{position:absolute;left:14px;right:14px;bottom:14px;z-index:5;background:rgba(2,6,23,.82);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:8px;box-shadow:0 18px 52px rgba(0,0,0,.32);backdrop-filter:blur(10px);max-width:calc(100% - 28px)}
.lecture-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;font-weight:950;font-size:12px;padding:0 2px 7px;cursor:grab;user-select:none}.lecture-head:active{cursor:grabbing}
.lecture-actions{display:flex;gap:5px}.lecture-actions button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);color:#fff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;cursor:pointer}
.lecture-video-grid{display:grid;grid-auto-flow:column;grid-auto-columns:160px;gap:8px;overflow:auto;scrollbar-width:thin;direction:ltr;padding-bottom:1px}
.lecture-strip.lecture-sm .lecture-video-grid{grid-auto-columns:118px}.lecture-strip.lecture-lg .lecture-video-grid{grid-auto-columns:220px}
.lecture-tile{position:relative;height:94px;background:#0f172a;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.13)}
.lecture-sm .lecture-tile{height:72px}.lecture-lg .lecture-tile{height:128px}
.lecture-tile video{width:100%;height:100%;object-fit:cover;background:#0b1120}.lecture-tile.local video{transform:scaleX(-1)}
@media (max-width:720px) and (orientation:portrait){
  .presentation-file-card{grid-template-columns:1fr!important;padding:8px!important;gap:7px!important}
  .presentation-file-main{gap:8px!important}.presentation-live-btn{width:100%;padding:8px!important}
  .lecture-strip{left:8px;right:8px;bottom:8px;max-width:calc(100% - 16px);border-radius:16px}.lecture-video-grid{grid-auto-columns:118px}.lecture-tile{height:72px}.lecture-lg .lecture-video-grid{grid-auto-columns:148px}.lecture-lg .lecture-tile{height:88px}
  .preview-actions{max-height:138px;overflow:auto}
}

/* V51.0.23 — lecture video + recording polish: Web only */
.file-open-overlay{position:fixed;inset:0;z-index:69;display:grid;place-items:center;background:rgba(3,10,8,.42);backdrop-filter:blur(4px);pointer-events:auto}
.file-open-card{display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 28px));padding:18px 20px;border-radius:24px;background:#fff;color:#10231d;border:1px solid rgba(15,23,42,.12);box-shadow:0 30px 90px rgba(0,0,0,.26)}
.file-open-card b{display:block;font-size:17px}.file-open-card small,.file-open-card span{display:block;color:var(--muted);font-weight:800;margin-top:2px}.file-open-card .loader{width:34px;height:34px;flex:0 0 auto}
.preview-video-wrap{position:relative;width:100%;height:100%;background:#050807;display:grid;place-items:center;overflow:hidden}
.preview-video-wrap .preview-media{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;background:#050807}
.preview-video-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:grid;justify-items:center;gap:8px;width:min(420px,calc(100% - 28px));padding:18px 20px;border-radius:22px;background:rgba(2,6,23,.82);color:#fff;text-align:center;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 70px rgba(0,0,0,.36)}
.preview-video-state.hidden{display:none}.preview-video-state.ready{background:rgba(6,78,59,.86)}.preview-video-state.error{background:rgba(127,29,29,.9)}
.preview-video-state b{font-size:16px}.preview-video-state small{color:rgba(255,255,255,.84);font-weight:800;line-height:1.4}.tiny-loader{width:28px!important;height:28px!important;border-width:3px!important}
.recording-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(248,113,113,.42);background:rgba(185,28,28,.2);color:#fff;border-radius:999px;padding:8px 10px;font-weight:950;font-size:12px;animation:recordPulse 1.1s ease-in-out infinite}
@keyframes recordPulse{0%,100%{opacity:1}50%{opacity:.58}}
@media (max-width:720px){.file-open-card{padding:14px 15px;border-radius:20px}.preview-video-state{padding:14px 15px}.recording-pill{padding:7px 9px}}


/* V51.0.24 — Web permissions + guide page + safer video preview */
.help-page{display:grid;gap:16px}
.help-hero{background:linear-gradient(135deg,#ecfdf5,#f8fafc)}
.help-hero h2{font-size:clamp(1.8rem,3vw,3rem);margin:6px 0}
.help-hero p{max-width:960px;font-size:1.05rem;line-height:1.7;color:var(--muted)}
.help-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.help-steps>div{border:1px solid var(--line);background:#fff;border-radius:22px;padding:16px;box-shadow:var(--shadow-soft)}
.help-steps b{width:36px;height:36px;border-radius:13px;background:#08352b;color:#fff;display:grid;place-items:center;margin-bottom:10px}
.help-steps h3{margin:0 0 6px;font-size:1.02rem}
.help-steps p{margin:0;color:var(--muted);line-height:1.55;font-weight:750}
.safety-card{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fff7ed)}
.safety-steps>div{border-color:#fed7aa}
.switch-list{display:grid;gap:10px;margin-top:12px}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:18px;padding:12px 14px;background:#fbfdfc;cursor:pointer}
.switch-row span{display:grid;gap:3px}.switch-row small{color:var(--muted);font-weight:750;line-height:1.35}
.switch-row input{position:absolute;opacity:0;pointer-events:none}
.switch-row i{width:54px;height:30px;border-radius:999px;background:#dbe7e2;position:relative;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
.switch-row i:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:.18s ease}
.switch-row input:checked + i{background:#0b8f74}
.switch-row input:checked + i:before{transform:translateX(24px)}
.web-permissions-card{border-color:#cdeee5}
.preview-video-wrap video{z-index:1}
.preview-video-state{pointer-events:none}
@media (max-width:980px){.help-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){
  .help-page{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
  .help-steps{grid-template-columns:1fr}
  .switch-row{align-items:flex-start}
}

/* V51.0.25 — video timeline, visible download button, and large-room stability polish */
.preview-download{
  background:#0d8f73!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 10px 24px rgba(13,143,115,.28)!important;
  text-shadow:none!important;
}
.preview-download:hover{background:#08735d!important;color:#fff!important}
.preview-video-controls{
  position:absolute;
  left:16px;
  right:16px;
  bottom:54px;
  z-index:4;
  display:grid;
  grid-template-columns:auto minmax(160px,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border-radius:16px;
  background:rgba(2,6,23,.72);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  backdrop-filter:blur(10px);
  box-shadow:0 16px 48px rgba(0,0,0,.28);
  direction:ltr;
}
.preview-video-controls span{font-weight:900;font-size:12px;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.92)}
.preview-video-controls input[type="range"]{
  width:100%;
  accent-color:#10b981;
  cursor:pointer;
}
.preview-video-state{z-index:5}
@media (max-width:720px) and (orientation:portrait){
  .preview-video-controls{left:10px;right:10px;bottom:48px;grid-template-columns:auto minmax(80px,1fr) auto;padding:7px 9px;border-radius:13px;gap:7px}
  .preview-video-controls span{font-size:11px}
  .preview-download{min-width:72px!important}
}

/* V51.0.28 — login, about-page and sidebar logout surgical polish */
.distribution-card{
  border-color:rgba(13,143,115,.18)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(232,250,244,.92))!important;
}
.store-icon-brand{
  background:linear-gradient(135deg,#effcf8,#ffffff)!important;
  border-color:rgba(13,143,115,.16)!important;
}
.real-logo-app{width:34px;height:34px;object-fit:contain;display:block}

.entry-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 6px}
.entry-mode-card{border:1px solid var(--line);border-radius:18px;padding:12px 13px;background:#fbfdfc;display:grid;gap:5px}
.entry-mode-card b{font-size:14px}
.entry-mode-card span{font-size:12px;line-height:1.45;color:var(--muted);font-weight:780}
.entry-mode-card.guest{background:#fffaf2;border-color:#f5d8a6}
.entry-note{margin-top:10px;color:var(--muted);font-weight:780;line-height:1.45;font-size:12px}

.campaign-stage{margin-top:20px;border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));display:grid;grid-template-columns:minmax(0,.88fr) minmax(260px,1.12fr);gap:16px;align-items:center;overflow:hidden;position:relative;isolation:isolate}
.campaign-stage::before{content:"";position:absolute;inset:auto -12% -28% auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(16,167,125,.26),rgba(16,167,125,0));filter:blur(8px);z-index:-1}
.campaign-copy{display:grid;gap:10px;align-content:start}
.campaign-kicker{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:950;letter-spacing:.16em;color:#c7f9e8}
.campaign-copy strong{font-size:clamp(1.1rem,1.55vw,1.6rem);line-height:1.2}
.campaign-copy small{font-size:.95rem;line-height:1.55;color:rgba(255,255,255,.78);font-weight:720}
.campaign-visual{position:relative;min-height:260px;display:grid;place-items:center}
.campaign-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);opacity:.9;animation:campaignSpin 22s linear infinite}
.campaign-ring.ring-a{width:220px;height:220px}
.campaign-ring.ring-b{width:172px;height:172px;animation-direction:reverse;animation-duration:18s}
.campaign-ring.ring-c{width:128px;height:128px;animation-duration:14s}
.campaign-core{position:relative;width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#4df1c8 0,#149c7a 38%,#0a342a 100%);box-shadow:0 28px 60px rgba(1,18,14,.38),inset 0 0 0 2px rgba(255,255,255,.08)}
.campaign-globe{position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(255,255,255,.24);opacity:.75}
.campaign-globe::before,.campaign-globe::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.campaign-globe::before{transform:scaleX(.56)}
.campaign-globe::after{transform:scaleY(.56)}
.campaign-shine{position:absolute;inset:16px 54px 58px 22px;border-radius:50%;background:rgba(255,255,255,.24);filter:blur(2px)}
.campaign-ball{position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff 0,#d7fff3 42%,#0d8f73 100%);box-shadow:0 0 0 7px rgba(255,255,255,.06);animation:campaignFloat 3.4s ease-in-out infinite}
.campaign-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px rgba(0,0,0,.18);font-size:12px;font-weight:950;color:#fff;backdrop-filter:blur(8px)}
.chip-a{top:10px;inset-inline-start:12%}
.chip-b{top:18%;inset-inline-end:2%}
.chip-c{bottom:20px;inset-inline-start:10%}
.chip-d{bottom:8%;inset-inline-end:12%}
.chip-e{top:50%;inset-inline-start:4%}
@keyframes campaignSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes campaignFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(10px,-12px) scale(1.08)}}

.about-hero{background:linear-gradient(135deg,#ecfdf5,#f8fafc)!important}
.about-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.about-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:16px;box-shadow:var(--shadow-soft)}
.about-card b{display:block;font-size:1rem;margin-bottom:6px}
.about-card p{margin:0;color:var(--muted);line-height:1.62;font-weight:760}
.about-flow{margin-top:12px}
.about-focus{background:linear-gradient(180deg,#ffffff,#f8fbfa)}
.about-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:14px;align-items:start}
.about-side-panel{border:1px solid var(--line);border-radius:22px;background:#fff;padding:16px;box-shadow:var(--shadow-soft)}
.about-side-panel h3{margin:0 0 10px;font-size:1.05rem}
.about-list{margin:0;padding-inline-start:18px;display:grid;gap:10px;color:var(--muted);font-weight:760;line-height:1.55}

.sidebar .danger-btn{
  background:#d92d49!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 14px 26px rgba(217,45,73,.28)!important;
}
.sidebar .danger-btn:hover{background:#b4233b!important;color:#fff!important}

@media (max-width:980px){
  .campaign-stage{grid-template-columns:1fr;gap:12px}
  .campaign-visual{min-height:220px}
  .about-grid,.about-split{grid-template-columns:1fr}
}
@media (max-width:720px){
  .entry-mode-grid{grid-template-columns:1fr}
  .campaign-stage{padding:14px;border-radius:22px;margin-top:16px}
  .campaign-copy small{font-size:.86rem}
  .campaign-visual{min-height:200px}
  .campaign-ring.ring-a{width:184px;height:184px}
  .campaign-ring.ring-b{width:144px;height:144px}
  .campaign-ring.ring-c{width:108px;height:108px}
  .campaign-core{width:104px;height:104px}
  .campaign-chip{min-width:50px;height:30px;font-size:11px;padding:0 10px}
  .login-store-stack{margin-top:12px}
  .about-card,.about-side-panel{padding:14px}
}

/* V51.0.29 — Global Voice Manager: one stable button across every Web screen */
.voice-manager{
  position:fixed;
  inset:auto 24px 24px auto;
  z-index:12000;
  direction:rtl;
  font-family:Heebo, Inter, system-ui, sans-serif;
}
html[dir="ltr"] .voice-manager{direction:ltr; inset:auto auto 24px 24px;}
.voice-main-btn{
  position:relative;
  width:72px;
  height:72px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(145deg,#073b31,#10a77d 48%,#29d5a0);
  color:#fff;
  box-shadow:0 22px 54px rgba(4,120,87,.38), inset 0 1px 0 rgba(255,255,255,.30);
  display:grid;
  place-items:center;
  cursor:pointer;
  isolation:isolate;
}
.voice-main-btn .voice-icon{font-size:31px; filter:drop-shadow(0 8px 12px rgba(0,0,0,.22));}
.voice-pulse{
  position:absolute;
  inset:-7px;
  border-radius:34px;
  background:rgba(16,167,125,.18);
  opacity:.75;
  z-index:-1;
  animation:voicePulse 1.9s ease-in-out infinite;
}
.voice-manager.listening .voice-pulse{background:rgba(245,158,11,.22); animation-duration:.72s;}
.voice-manager.processing .voice-pulse{background:rgba(59,130,246,.18); animation-duration:1.05s;}
@keyframes voicePulse{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.08);opacity:.85}}
.voice-panel{
  position:absolute;
  right:0;
  bottom:86px;
  width:min(390px, calc(100vw - 28px));
  border:1px solid rgba(15,23,42,.09);
  border-radius:26px;
  padding:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 28px 82px rgba(15,23,42,.24);
  backdrop-filter:blur(18px);
}
html[dir="ltr"] .voice-panel{right:auto; left:0;}
.voice-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px;}
.voice-head strong{display:block; font-size:18px; color:#0f172a;}
.voice-head small{display:block; color:#64748b; margin-top:2px;}
.voice-control-btn{
  width:100%;
  min-height:58px;
  border:0;
  border-radius:20px;
  background:linear-gradient(135deg,#10a77d,#047857);
  color:#fff;
  font-weight:900;
  font-size:16px;
  box-shadow:0 14px 34px rgba(16,167,125,.24);
  cursor:pointer;
  touch-action:none;
}
.voice-manager.listening .voice-control-btn{background:linear-gradient(135deg,#f59e0b,#ef4444);}
.voice-control-btn:disabled{opacity:.65; cursor:wait;}
.voice-status{margin-top:10px; padding:10px 12px; border-radius:16px; background:#f1f5f9; color:#334155; font-size:14px; line-height:1.45;}
.voice-transcript{margin-top:10px; padding:12px; border-radius:16px; border:1px solid rgba(16,167,125,.18); background:#ecfdf5; color:#064e3b; font-weight:700;}
.voice-pending{margin-top:12px; padding:12px; border-radius:18px; background:#fff7ed; border:1px solid rgba(245,158,11,.30); color:#7c2d12;}
.voice-pending b,.voice-pending span{display:block;}
.voice-row{display:flex; gap:8px; margin-top:10px;}
.voice-manual{display:flex; gap:8px; margin-top:12px;}
.voice-manual input{flex:1; min-width:0; border:1px solid #dbe5ef; border-radius:14px; padding:11px 12px; font:inherit; background:#fff;}
@media (max-width:720px){
  .voice-manager{inset:auto 16px calc(16px + env(safe-area-inset-bottom)) auto;}
  html[dir="ltr"] .voice-manager{inset:auto auto calc(16px + env(safe-area-inset-bottom)) 16px;}
  .voice-main-btn{width:64px;height:64px;border-radius:24px;}
  .voice-panel{bottom:76px; width:calc(100vw - 32px);}
}


/* V51.0.43_CONTEXT_GATE_VOICE_BRAIN */
.voice-gate-title{margin:8px 2px 8px;color:#0f172a;font-weight:900;font-size:14px}
.voice-gate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.voice-gate-btn{border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:16px;padding:10px;text-align:right;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon hint";column-gap:8px;align-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.05);transition:.18s ease;font:inherit;color:#0f172a}
html[dir="ltr"] .voice-gate-btn{text-align:left}
.voice-gate-btn span{grid-area:icon;font-size:22px}
.voice-gate-btn b{grid-area:title;font-size:13px;line-height:1.15}
.voice-gate-btn small{grid-area:hint;color:#64748b;font-size:11px;line-height:1.15;margin-top:2px}
.voice-gate-btn:hover{transform:translateY(-1px);border-color:rgba(16,167,125,.35);box-shadow:0 10px 26px rgba(16,167,125,.12)}
.voice-gate-btn.active{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border-color:rgba(16,167,125,.55);box-shadow:0 10px 28px rgba(16,167,125,.18)}
.voice-gate-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
@media(max-width:640px){.voice-gate-grid{grid-template-columns:1fr}.voice-gate-btn{padding:9px 10px}.voice-gate-btn b{font-size:12.5px}.voice-gate-btn small{font-size:10.5px}}

/* V51.0.44 surgical contacts / day modal / voice-message polish */
.composer{grid-template-columns:minmax(0,1fr) auto auto auto}
.voice-msg-btn{width:46px;height:46px;border:0;border-radius:16px;background:#eef4f2;color:#24463d;font-size:20px;font-weight:950;cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line)}
.voice-msg-btn:hover{background:#e2f3ed}
.voice-msg-btn.recording{background:#fff1f2;color:#b4233a;box-shadow:0 0 0 5px rgba(180,35,58,.10),inset 0 0 0 1px rgba(180,35,58,.22)}
.friend-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:6px;align-items:center;border-radius:21px}
.friend-row-wrap.selected{background:#eaf8f3;box-shadow:0 10px 24px rgba(10,115,92,.08)}
.friend-row-wrap.selected .friend-row{background:transparent;border-color:#b6dfd4;box-shadow:none}
.friend-delete-btn{width:34px;height:34px;border:1px solid rgba(180,35,58,.20);border-radius:13px;background:#fff5f6;color:#b4233a;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}
.friend-delete-btn:hover{background:#ffe4e8}
.calendar-day-modal{display:grid;gap:14px}.calendar-day-agenda{max-height:min(44svh,420px);overflow:auto;padding-inline-end:4px}.calendar-day-create{align-items:start}.calendar-day-create .mini-form{background:#f8fbfa;border:1px solid var(--line);border-radius:18px;padding:12px}
.voice-head-actions{display:flex;align-items:center;gap:8px}.voice-reset-btn{padding:8px 11px;border-radius:13px;font-size:13px}
.help-page{display:grid;gap:16px;max-width:1180px;margin:0 auto;padding-inline:2px}.help-page>.card{border-radius:26px;overflow:hidden}.help-hero.about-hero{background:linear-gradient(135deg,#f8fffc,#eef7f3);border:1px solid rgba(16,167,125,.16);padding:26px}.help-hero.about-hero h2{font-size:clamp(28px,3vw,46px);letter-spacing:-.04em;margin:.2rem 0 .6rem}.help-hero.about-hero p{max-width:900px;line-height:1.7;font-size:1.02rem}.about-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.about-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;min-height:150px;display:grid;align-content:start;gap:8px}.about-card b{font-size:1.04rem;color:#10231d}.about-card p{margin:0;color:var(--muted);line-height:1.55}.help-steps.about-flow,.help-steps.safety-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.help-steps.about-flow>div,.help-steps.safety-steps>div{border:1px solid var(--line);border-radius:20px;background:#fff;padding:16px}.about-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:start}.about-side-panel{border:1px solid var(--line);border-radius:22px;background:#f8fbfa;padding:16px}.about-list{margin:10px 0 0;padding-inline-start:20px;line-height:1.75;color:var(--muted)}.safety-card{background:#fff}
@media (max-width:1180px){.about-grid,.help-steps.about-flow,.help-steps.safety-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.about-split{grid-template-columns:1fr}}
@media (max-width:720px){.composer{grid-template-columns:minmax(0,1fr) auto auto auto!important}.composer textarea{grid-column:1/-1}.voice-msg-btn{width:42px;height:42px;border-radius:14px}.friend-row-wrap{grid-template-columns:minmax(0,1fr) 34px}.about-grid,.help-steps.about-flow,.help-steps.safety-steps{grid-template-columns:1fr}.help-page{gap:12px}.help-hero.about-hero{padding:20px}.calendar-day-create{grid-template-columns:1fr!important}}
.preview-audio-wrap{display:grid;place-items:center;gap:16px;min-height:320px;background:#f8fbfa;border:1px solid var(--line);border-radius:24px;padding:24px}.preview-audio{width:min(560px,92%)}

/* V51.0.48 production polish */
.terms-check-wrap{display:grid;gap:8px;margin:12px 0 10px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#f8fcfa}
.terms-check{display:flex;align-items:flex-start;gap:10px;font-weight:850;color:var(--ink)}
.terms-check input{margin-top:3px;transform:scale(1.1)}
.terms-preview{font-size:.9rem;color:var(--muted)}
.terms-preview summary{cursor:pointer;font-weight:850;color:var(--brand-strong)}
.web-intro-backdrop{z-index:70}
.web-intro-modal{width:min(640px,94vw)}
.about-beta-warning{border-color:#facc15;background:linear-gradient(135deg,#fffbea,#ffffff)}
.icon-call-btn{min-width:42px;font-size:18px;line-height:1}
@media (max-width:720px){.terms-check-wrap{padding:10px}.web-intro-modal{max-height:82svh}}

.voice-manager{transform:translate(var(--voice-drag-x,0),var(--voice-drag-y,0)); touch-action:none;}
@media (max-width:720px){.voice-main-btn{width:54px!important;height:54px!important}.voice-panel{width:min(292px,calc(100vw - 28px))!important}}

/* V51.0.49 — surgical web terms, giant-screen sidebar, contacts CTA, mobile hamburger, voice-msg toggle */
.login-refined .login-card-refined{text-align:center;align-content:start;gap:12px;padding:28px;max-width:560px;margin-inline:auto}
.login-card-logo{width:64px;height:64px;margin:0 auto 4px;object-fit:contain}
.login-one-liner{max-width:420px;margin:0 auto 6px;line-height:1.55}
.google-slot-refined{display:grid;place-items:center;margin-top:10px}.google-login-big{min-width:min(340px,100%);min-height:52px;border-radius:18px;font-size:1.05rem;box-shadow:0 16px 34px rgba(13,143,115,.22)}
.terms-check-wrap-v5149{text-align:start;background:linear-gradient(180deg,#ffffff,#f8fcfa);border-color:#cceee4;max-width:100%}
.terms-preview-full pre{white-space:pre-wrap;max-height:320px;overflow:auto;line-height:1.65;font:inherit;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;margin:8px 0 0;text-align:start}
.guest-entry-details{margin-top:12px;text-align:start;border:1px solid var(--line);border-radius:16px;background:#fbfdfc;padding:10px}.guest-entry-details>summary{cursor:pointer;font-weight:900;color:var(--brand-strong)}
.friend-empty-v5149{padding:34px!important;background:radial-gradient(circle at 50% 0%,rgba(16,167,125,.14),transparent 40%),linear-gradient(180deg,#fff,#f6fbf9)}
.contact-big-plus{width:104px;height:104px;border:0;border-radius:34px;background:linear-gradient(135deg,#0d8f73,#29d5a0);color:#fff;font-size:58px;font-weight:950;line-height:1;box-shadow:0 24px 58px rgba(13,143,115,.30);display:grid;place-items:center;margin:0 auto 18px;transition:transform .16s ease,box-shadow .16s ease}
.contact-big-plus:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 30px 70px rgba(13,143,115,.36)}
.friend-empty-v5149 p{max-width:720px;margin-inline:auto;line-height:1.75;font-weight:760}.friend-empty-v5149 .primary-btn{margin-top:8px}
.mobile-menu-btn{display:none}.mobile-menu-backdrop{display:none}
@media (min-width:1500px){.sidebar{overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin}.nav{padding-bottom:10px}.sidebar-footer{position:sticky;bottom:0;background:linear-gradient(0deg,#0c1f19 70%,rgba(12,31,25,0));padding-top:12px}}
@media (max-width:720px) and (orientation:portrait){
  .app-shell{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}
  .topbar{grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important}
  .mobile-menu-btn{display:inline-grid!important;place-items:center;width:42px;height:42px;border:0;border-radius:15px;background:#10231d;color:#fff;font-size:24px;font-weight:950;box-shadow:0 12px 28px rgba(5,16,12,.20);position:sticky;top:calc(8px + env(safe-area-inset-top,0px));z-index:47}
  .topbar>.title-block{min-width:0}.topbar>.top-actions{grid-column:1 / -1}
  .sidebar{top:calc(10px + env(safe-area-inset-top,0px))!important;bottom:auto!important;left:10px!important;right:10px!important;height:auto!important;max-height:min(78dvh,640px)!important;overflow:auto!important;padding:12px!important;border-radius:24px!important;transform:translateY(calc(-100% - 24px));opacity:0;pointer-events:none;transition:transform .22s ease,opacity .18s ease;z-index:60!important;box-shadow:0 26px 80px rgba(2,8,6,.35)!important}
  .shell.mobile-nav-open .sidebar{transform:translateY(0);opacity:1;pointer-events:auto}
  .shell.mobile-nav-open .brand,.shell.mobile-nav-open .user-card,.shell.mobile-nav-open .sidebar-footer{display:flex!important}.shell.mobile-nav-open .sidebar-footer{display:grid!important}
  .nav{grid-template-columns:1fr!important;gap:7px!important;margin-top:10px!important}.nav button{flex-direction:row!important;justify-content:flex-start!important;text-align:start!important;min-height:44px!important;font-size:14px!important;padding:9px 12px!important}.nav-code{min-width:34px!important;font-size:11px!important}
  .mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:55;border:0;background:rgba(4,12,9,.38);backdrop-filter:blur(2px)}
  .project-room.chat-mode{padding-bottom:0!important}.mobile-project-picker{margin-bottom:0!important}.help-page{padding-bottom:0!important}
  .chat-frame{min-height:calc(100dvh - 170px)!important}.project-room.chat-mode .chat-frame,.friend-chat-panel .chat-frame{height:clamp(440px,calc(100svh - 176px),660px)!important;max-height:660px!important}.composer{bottom:0!important}
  .login-refined .login-card-refined{text-align:center;padding:16px!important}.terms-preview-full pre{max-height:260px;font-size:.84rem}.contact-big-plus{width:86px;height:86px;border-radius:28px;font-size:48px}.friend-empty-v5149{padding:22px!important}
}
.voice-manager{display:none!important}

/* V51.0.50 — privacy + shared contact feed + centered workspaces */
.feed-gold-nav{background:linear-gradient(135deg,#fff6cc,#f4c542)!important;color:#3b2700!important;border-color:#f7d66b!important;box-shadow:0 10px 26px rgba(212,161,20,.25)!important}
.nav button.feed-gold-nav.active{background:linear-gradient(135deg,#f7ca45,#ffe89c)!important;color:#2f2100!important}
.disabled-history-nav{opacity:.62;filter:grayscale(.35);cursor:not-allowed!important;background:#e5e7eb!important;color:#6b7280!important}
.disabled-history-nav small{color:#6b7280!important}.feed-gold-btn{background:linear-gradient(135deg,#d8a400,#ffe68a)!important;color:#312000!important;border:0!important;box-shadow:0 16px 38px rgba(216,164,0,.28)!important}
.feed-page{display:grid;gap:18px;max-width:1040px;margin:0 auto;width:100%}.feed-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 15% 0%,rgba(255,218,91,.32),transparent 38%),linear-gradient(135deg,#fffdf1,#fff);border-color:#f1d67a}.feed-hero h2{margin:4px 0}.feed-hero p{max-width:740px;line-height:1.7;color:var(--muted);font-weight:740}.feed-counter{min-width:138px;border-radius:24px;background:#fff8dc;border:1px solid #f1d67a;padding:18px;text-align:center}.feed-counter b{display:block;font-size:2.1rem;color:#926500}.feed-counter span{font-size:.85rem;color:#6d570f;font-weight:850}.feed-composer-card{position:sticky;top:8px;z-index:4;background:linear-gradient(180deg,#fff,#fffdf4);border-color:#ecd376}.feed-form textarea{width:100%;min-height:110px;border-radius:24px;border:1px solid var(--line);padding:16px;font:inherit;font-size:1.05rem;resize:vertical;background:#fff}.feed-upload-row,.feed-actions-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.feed-file-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #edd078;background:#fff7d3;color:#5d4300;border-radius:16px;padding:10px 14px;font-weight:950;cursor:pointer}.feed-file-btn input{display:none}.feed-acl{margin-top:14px;border:1px solid #eadfb8;border-radius:18px;background:#fffef7;padding:12px}.feed-acl summary{cursor:pointer;font-weight:950;color:#5d4300}.feed-acl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px}.feed-acl-person{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;border:1px solid #efe6c6;background:#fff;border-radius:14px;padding:9px}.feed-acl-person small{grid-column:2;color:var(--muted);font-size:.78rem}.feed-list-full{display:grid;gap:18px}.feed-post{padding:0;overflow:hidden}.feed-post-head{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.feed-avatar{width:48px;height:48px}.feed-post-menu{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.feed-post-text{font-size:1.08rem;line-height:1.75;padding:18px 18px 6px;white-space:normal}.feed-media{margin:10px 0 0;background:#050807}.feed-media img,.feed-media video{display:block;width:100%;max-height:72vh;object-fit:contain;background:#050807}.feed-media figcaption{padding:9px 14px;font-size:.84rem;color:#f9fafb;background:#0b120f}.feed-file-card{margin:14px 18px;padding:14px;border-radius:18px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.feed-post-foot{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px 16px}.feed-reaction{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:900}.feed-reaction.active{border-color:#f1c232;background:#fff4c4;box-shadow:0 8px 18px rgba(216,164,0,.18)}.feed-reaction small{margin-inline-start:5px;color:var(--muted)}
.task-workspace-centered,.notes-workspace-centered{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.task-side-list,.notes-side-list{max-height:calc(100dvh - 150px);overflow:auto}.task-center-composer,.notes-center-composer{min-height:520px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,#f7fffc)}.task-big-form textarea,.note-big-form textarea{font-size:1.05rem;line-height:1.7;border-radius:20px}.task-stats-wide{margin-top:16px}.settings-privacy-card{border-color:#bdebdc;background:linear-gradient(135deg,#f1fffa,#fff)}
@media (max-width:920px){.task-workspace-centered,.notes-workspace-centered{grid-template-columns:1fr}.task-side-list,.notes-side-list{max-height:none}.task-center-composer,.notes-center-composer{min-height:auto}.feed-page{max-width:100%}.feed-hero{align-items:stretch;flex-direction:column}.feed-counter{width:100%}}
@media (max-width:720px) and (orientation:portrait){.feed-page{gap:12px;margin:0!important;width:100%;min-height:calc(100svh - 88px)}.feed-hero,.feed-composer-card,.feed-post{border-radius:22px!important}.feed-composer-card{position:relative;top:auto}.feed-post-head{align-items:flex-start}.feed-post-menu{width:100%;justify-content:flex-start}.feed-media img,.feed-media video{max-height:68svh;width:100%}.feed-post-text{font-size:1.04rem;padding:15px}.feed-acl-grid{grid-template-columns:1fr}.feed-upload-row,.feed-actions-line{align-items:stretch}.feed-upload-row>*{width:100%}.task-workspace-centered,.notes-workspace-centered{gap:12px}.task-center-composer,.notes-center-composer{padding:14px!important}.task-side-list,.notes-side-list{padding:14px!important}}

/* V51.0.51 — feed publish hotfix, brand-green nav, exact sidebar order polish */
.feed-gold-nav{background:transparent!important;color:inherit!important;border-color:transparent!important;box-shadow:none!important}
.feed-brand-nav{background:rgba(16,185,129,.10)!important;color:#0b5f49!important;border-color:rgba(16,185,129,.22)!important;box-shadow:none!important}
.nav button.feed-brand-nav.active{background:linear-gradient(135deg,#0f9f76,#16c784)!important;color:#fff!important;border-color:rgba(15,159,118,.42)!important;box-shadow:0 10px 24px rgba(15,159,118,.18)!important}
.disabled-history-nav{background:#f1f3f4!important;color:#6b7280!important;border-color:#e5e7eb!important;box-shadow:none!important;opacity:.82!important;filter:none!important}
.nav button.disabled-history-nav.active{background:#f1f3f4!important;color:#6b7280!important;box-shadow:none!important}
.feed-brand-btn{background:linear-gradient(135deg,#0f9f76,#16c784)!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(15,159,118,.20)!important}
.feed-page{max-width:min(1180px,100%)!important;border-inline:2px solid rgba(15,159,118,.22);padding-inline:14px;box-sizing:border-box}
.feed-hero{background:radial-gradient(circle at 15% 0%,rgba(16,185,129,.16),transparent 38%),linear-gradient(135deg,#f4fffb,#fff)!important;border-color:rgba(15,159,118,.22)!important}
.feed-counter{background:#ecfdf5!important;border-color:rgba(15,159,118,.24)!important}.feed-counter b{color:#0f7d60!important}.feed-counter span{color:#0b5f49!important}
.feed-composer-card{background:linear-gradient(180deg,#fff,#f4fffb)!important;border-color:rgba(15,159,118,.22)!important}.feed-file-btn{border-color:rgba(15,159,118,.25)!important;background:#ecfdf5!important;color:#0b5f49!important}.feed-acl{border-color:rgba(15,159,118,.22)!important;background:#f7fffc!important}.feed-acl summary{color:#0b5f49!important}.feed-acl-person.feed-acl-green{border-color:rgba(15,159,118,.24)!important;background:#fff!important}.feed-acl-person.feed-acl-green:has(input:checked){background:#ecfdf5!important;border-color:#10b981!important}.feed-acl-empty{padding:10px 2px}.feed-reaction.active{border-color:#10b981!important;background:#ecfdf5!important;box-shadow:0 8px 18px rgba(15,159,118,.14)!important}
@media (max-width:720px) and (orientation:portrait){.feed-page{border-inline:1px solid rgba(15,159,118,.20);padding-inline:8px!important}}


/* V51.0.54 — mailbox + feed media polish */
.nav-badge{margin-inline-start:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#0f9f76;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:950;box-shadow:0 8px 18px rgba(15,159,118,.22)}
.mailbox-page{width:min(1180px,100%);margin:0 auto;display:grid;gap:16px;box-sizing:border-box;border-inline:2px solid rgba(15,159,118,.20);padding-inline:14px}.mailbox-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 10% 0%,rgba(16,185,129,.15),transparent 36%),linear-gradient(135deg,#f4fffb,#fff);border-color:rgba(15,159,118,.22)!important}.mailbox-hero h2{margin:4px 0}.mailbox-hero p{max-width:760px;line-height:1.7;color:var(--muted);font-weight:740}.mailbox-counter{min-width:128px;border-radius:24px;background:#ecfdf5;border:1px solid rgba(15,159,118,.24);padding:18px;text-align:center}.mailbox-counter b{display:block;font-size:2rem;color:#0f7d60}.mailbox-counter span{font-size:.85rem;color:#0b5f49;font-weight:850}.mailbox-list{display:grid;gap:10px}.mailbox-row{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}.mailbox-row.unread{border-color:rgba(15,159,118,.36);box-shadow:0 12px 30px rgba(15,159,118,.09)}.mailbox-main{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px}.mailbox-row.unread .mailbox-main{background:linear-gradient(90deg,rgba(15,159,118,.14),rgba(255,255,255,.94))}.mailbox-icon{width:42px;height:42px;border-radius:16px;background:#ecfdf5;color:#0b5f49;display:flex;align-items:center;justify-content:center;font-weight:950}.mailbox-main b{display:block}.mailbox-main small{display:block;color:var(--muted);margin-top:3px}.mailbox-main .row-main span{display:block;margin-top:7px;color:#27342f;line-height:1.55}.mailbox-main em{font-style:normal;background:#0f9f76;color:#fff;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:950}.feed-media img,.feed-media video{border-radius:0;outline:0}.feed-post{border-inline:1px solid rgba(15,159,118,.18)}
@media (max-width:720px) and (orientation:portrait){.mailbox-page{width:100%;border-inline:1px solid rgba(15,159,118,.18);padding-inline:8px!important;gap:12px}.mailbox-hero{flex-direction:column;align-items:stretch;border-radius:22px!important}.mailbox-counter{width:100%;box-sizing:border-box}.mailbox-main{grid-template-columns:auto 1fr;align-items:start}.mailbox-main em{grid-column:2;justify-self:start}.mailbox-list{gap:9px}.feed-media img,.feed-media video{max-height:70svh!important}}


/* V51.0.55 — secure feed media hydration + desktop sidebar spacing */
.feed-media-loading{display:grid;gap:0}.feed-media-placeholder{display:flex;align-items:center;justify-content:center;min-height:220px;padding:18px;color:#f9fafb;background:linear-gradient(180deg,#07130f,#0b1915);font-weight:850;letter-spacing:.01em}.feed-file-card small{display:block;color:var(--muted)}
@media (min-width:921px){.nav button.nav-gap-before{margin-top:10px}}
@media (max-width:920px){.nav button.nav-gap-before{margin-top:0}}


/* V51.0.57 — keep feed video stable while playing */
.feed-media video{background:#050807;min-height:240px}


/* V51.0.58 — compact feed composer, no change to published post design */
.feed-hero{padding:14px 16px!important;gap:12px!important}.feed-hero h2{font-size:1.36rem!important;line-height:1.2!important;margin:2px 0!important}.feed-hero p{font-size:.94rem!important;line-height:1.48!important;margin:4px 0 0!important}.feed-counter{min-width:104px!important;padding:11px 13px!important;border-radius:20px!important}.feed-counter b{font-size:1.55rem!important}.feed-composer-card{padding:13px 15px!important}.feed-form textarea{min-height:72px!important;padding:12px 14px!important;border-radius:18px!important;font-size:1rem!important}.feed-upload-row,.feed-actions-line{margin-top:8px!important;gap:8px!important}.feed-file-btn{padding:8px 11px!important;border-radius:14px!important}.feed-acl{margin-top:8px!important;padding:8px 10px!important;border-radius:15px!important}.feed-acl p{margin:6px 0!important}.feed-acl-grid{max-height:168px;overflow:auto;gap:6px!important}.feed-acl-person{padding:7px 8px!important;border-radius:12px!important}.feed-media-placeholder{min-height:180px!important}
@media (max-width:720px) and (orientation:portrait){.feed-hero{padding:12px 13px!important}.feed-hero h2{font-size:1.18rem!important}.feed-hero p{font-size:.9rem!important;line-height:1.42!important}.feed-counter{padding:10px!important}.feed-composer-card{padding:11px 12px!important}.feed-form textarea{min-height:66px!important}.feed-acl-grid{max-height:128px}.feed-upload-row>*{width:auto!important}.feed-upload-row{align-items:center!important}.feed-file-btn{width:auto!important}}


/* V51.0.59 — final category order separators + non-interrupting reactions */
.mailbox-nav{background:rgba(16,185,129,.12)!important;color:#0b5f49!important;border-color:rgba(16,185,129,.24)!important;box-shadow:none!important}
.nav button.mailbox-nav.active{background:linear-gradient(135deg,#0c7f63,#14b985)!important;color:#fff!important;border-color:rgba(15,159,118,.46)!important;box-shadow:0 12px 28px rgba(15,159,118,.20)!important}
.nav button.nav-gap-before{position:relative}
.nav button.nav-gap-before::before{content:"";position:absolute;left:12px;right:12px;top:-7px;height:1px;background:linear-gradient(90deg,transparent,rgba(148,170,162,.55),transparent);border-radius:999px}
.nav button.feed-brand-nav{font-weight:950!important}
.feed-reaction[data-busy="1"]{opacity:.72;pointer-events:none}
@media (max-width:1180px){.nav button.nav-gap-before::before{left:10px;right:10px;top:-5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent)}}


/* V51.0.60 — clean sidebar navigation + centered login card */
.nav button.mailbox-nav,
.nav button.feed-brand-nav,
.nav button.feed-gold-nav{
  background:transparent!important;
  color:inherit!important;
  border-color:transparent!important;
  box-shadow:none!important;
  font-weight:800!important;
}
.nav button.mailbox-nav.active,
.nav button.feed-brand-nav.active,
.nav button.feed-gold-nav.active{
  background:#fff!important;
  color:#0b1d17!important;
  border-color:transparent!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.nav button.disabled-history-nav,
.nav button.disabled-history-nav.active{
  background:transparent!important;
  color:inherit!important;
  border-color:transparent!important;
  box-shadow:none!important;
  opacity:.48!important;
  filter:none!important;
  cursor:default!important;
  pointer-events:none!important;
}
.disabled-history-nav small{color:inherit!important;opacity:.55!important;background:transparent!important}
.nav button.disabled-history-nav .nav-code{opacity:.45!important}

@media (min-width:921px){
  .login.login-refined{
    min-height:calc(100svh - 40px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    border-radius:32px!important;
  }
  .login.login-refined .login-hero{
    grid-area:1 / 1!important;
    width:100%!important;
    min-height:calc(100svh - 40px)!important;
    box-sizing:border-box!important;
    padding:42px!important;
    padding-inline-end:min(48vw,620px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    position:relative!important;
    z-index:0!important;
    border-radius:32px!important;
  }
  .login.login-refined .login-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.11),transparent 26%),linear-gradient(90deg,rgba(7,22,17,.18),rgba(7,22,17,.10));
    pointer-events:none;
  }
  .login.login-refined .login-card-refined{
    grid-area:1 / 1!important;
    z-index:2!important;
    width:min(560px,92vw)!important;
    max-width:560px!important;
    margin:0 auto!important;
    justify-self:center!important;
    align-self:center!important;
    padding:30px!important;
    border-radius:30px!important;
    box-shadow:0 28px 70px rgba(6,20,16,.28)!important;
  }
}
@media (max-width:920px){
  .login.login-refined{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;place-items:stretch!important}
  .login.login-refined .login-card-refined{width:100%!important;max-width:560px!important;margin-inline:auto!important;order:1!important}
  .login.login-refined .login-hero{order:2!important}
}

/* V51.0.61 — desktop sidebar fit + proportional desktop workspace polish
   Desktop only. Mobile web and Android layout are intentionally untouched. */
@media (min-width:1181px){
  .app-shell{padding:calc(10px + var(--top)) clamp(10px,1.1vw,22px) calc(14px + var(--bottom))!important}
  .shell{grid-template-columns:clamp(238px,14.2vw,294px) minmax(0,1fr)!important;gap:clamp(10px,1vw,18px)!important;min-height:calc(100svh - 24px - var(--top))!important}
  .main{min-height:calc(100svh - 24px - var(--top))!important}
  .sidebar{top:calc(10px + var(--top))!important;height:calc(100svh - 20px - var(--top))!important;padding:14px!important;border-radius:26px!important;gap:10px!important;overflow:hidden!important}
  .brand{gap:10px!important;min-height:36px!important;flex:0 0 auto!important}
  .brand-mark{width:36px!important;height:36px!important;border-radius:12px!important}
  .brand-name{font-size:.9rem!important;line-height:1.05!important}.brand .small{font-size:.72rem!important;line-height:1.15!important}
  .user-card{padding:8px 9px!important;border-radius:17px!important;gap:9px!important;min-height:50px!important;flex:0 0 auto!important}
  .user-card .avatar{width:36px!important;height:36px!important;border-radius:13px!important}
  .sidebar .row-title{font-size:.88rem!important;line-height:1.12!important}.sidebar .row-sub{font-size:.72rem!important;line-height:1.12!important}.sidebar .guest-tag{font-size:.68rem!important;padding:3px 7px!important;min-height:20px!important}
  .nav{gap:4px!important;margin-top:0!important;min-height:0!important;flex:1 1 auto!important;align-content:start!important;overflow:hidden!important}
  .nav button{min-height:34px!important;padding:7px 9px!important;border-radius:14px!important;gap:8px!important;font-size:.86rem!important;line-height:1.1!important}
  .nav-code{font-size:.62rem!important;min-width:24px!important;letter-spacing:.06em!important}.nav-badge{min-width:19px!important;height:19px!important;font-size:.68rem!important;padding:0 6px!important}
  .nav button.nav-gap-before{margin-top:8px!important}.nav button.nav-gap-before::before{top:-5px!important;left:10px!important;right:10px!important}
  .sidebar-footer{gap:6px!important;flex:0 0 auto!important}.sidebar-footer .outline-btn,.sidebar-footer .danger-btn{min-height:34px!important;padding:8px 10px!important;border-radius:14px!important;font-size:.84rem!important}.sidebar-footer .copyright-line{font-size:.58rem!important;line-height:1.15!important;margin-top:2px!important;opacity:.55!important}
  .topbar{margin-bottom:7px!important}.sync-strip{min-height:36px!important;margin-bottom:10px!important}.card{padding:16px!important}
}
@media (min-width:1181px) and (max-height:760px){
  .app-shell{padding-top:6px!important;padding-bottom:8px!important}
  .shell{grid-template-columns:clamp(230px,13.6vw,282px) minmax(0,1fr)!important;gap:10px!important}
  .sidebar{top:6px!important;height:calc(100svh - 12px)!important;padding:12px!important;gap:8px!important;border-radius:22px!important;overflow:auto!important;scrollbar-width:thin!important;overscroll-behavior:contain!important}
  .brand-mark{width:32px!important;height:32px!important}.brand-name{font-size:.82rem!important}.brand .small{font-size:.66rem!important}
  .user-card{min-height:44px!important;padding:7px!important}.user-card .avatar{width:32px!important;height:32px!important}.sidebar .guest-tag{display:none!important}
  .nav{gap:3px!important;overflow:visible!important}.nav button{min-height:31px!important;padding:6px 8px!important;font-size:.81rem!important;border-radius:12px!important}.nav-code{font-size:.58rem!important;min-width:22px!important}.nav button.nav-gap-before{margin-top:7px!important}.nav button.nav-gap-before::before{top:-4px!important}
  .sidebar-footer .outline-btn,.sidebar-footer .danger-btn{min-height:30px!important;padding:6px 8px!important;font-size:.8rem!important}.sidebar-footer .copyright-line{display:none!important}
}


/* V51.0.62 — compact feed composer only (web desktop + mobile web) */
.feed-composer-card{
  padding:10px 12px!important;
  border-radius:22px!important;
  top:6px!important;
  box-shadow:0 8px 22px rgba(15,159,118,.08)!important;
}
.feed-form{display:grid!important;gap:7px!important}
.feed-form textarea{
  min-height:54px!important;
  height:54px!important;
  max-height:96px!important;
  padding:9px 12px!important;
  border-radius:16px!important;
  font-size:.96rem!important;
  line-height:1.42!important;
}
.feed-upload-row,.feed-actions-line{margin-top:0!important;gap:7px!important}
.feed-upload-row{display:flex!important;align-items:center!important;justify-content:space-between!important}
.feed-file-btn{padding:7px 10px!important;border-radius:13px!important;font-size:.9rem!important;white-space:nowrap!important}
#feedFileName{font-size:.86rem!important;line-height:1.25!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:55%}
.feed-acl{margin-top:0!important;padding:7px 9px!important;border-radius:14px!important}
.feed-acl summary{font-size:.9rem!important;line-height:1.2!important}
.feed-acl p{font-size:.82rem!important;line-height:1.32!important;margin:5px 0!important}
.feed-acl-grid{max-height:118px!important;overflow:auto!important;gap:5px!important}
.feed-acl-person{padding:6px 7px!important;border-radius:11px!important;line-height:1.15!important}
.feed-acl-person small{font-size:.72rem!important}
.feed-actions-line{justify-content:flex-end!important}.feed-actions-line .primary-btn,.feed-actions-line .soft-btn{padding:8px 12px!important;border-radius:14px!important;font-size:.92rem!important}
@media (min-width:921px){
  .feed-composer-card{max-width:100%!important}
  .feed-form{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important}
  .feed-form textarea{grid-column:1 / -1!important}
  .feed-upload-row{grid-column:1!important}
  .feed-acl{grid-column:1!important}
  .feed-actions-line{grid-column:2!important;grid-row:2 / span 2!important;align-self:end!important;flex-direction:column!important;align-items:stretch!important;min-width:92px!important}
}
@media (max-width:720px) and (orientation:portrait){
  .feed-page{gap:10px!important}
  .feed-composer-card{position:relative!important;top:auto!important;padding:9px 10px!important;border-radius:19px!important}
  .feed-form textarea{min-height:50px!important;height:50px!important;max-height:86px!important;font-size:.94rem!important;padding:8px 10px!important}
  .feed-upload-row{gap:6px!important;flex-wrap:nowrap!important}.feed-upload-row>*{width:auto!important}
  .feed-file-btn{padding:7px 9px!important;font-size:.86rem!important}
  #feedFileName{max-width:48%;font-size:.78rem!important}
  .feed-acl{padding:6px 8px!important}.feed-acl summary{font-size:.86rem!important}.feed-acl p{display:none!important}.feed-acl-grid{max-height:98px!important}
  .feed-actions-line{display:flex!important;flex-direction:row!important;justify-content:flex-end!important}.feed-actions-line .primary-btn,.feed-actions-line .soft-btn{padding:7px 10px!important;font-size:.88rem!important}
}

/* V51.0.63 — production polish: feed share/link preview, search, desktop scale */
.feed-link-preview{display:grid;gap:4px;margin:10px 18px 4px;padding:12px 14px;border:1px solid rgba(15,159,118,.22);border-radius:18px;background:linear-gradient(135deg,#f6fffb,#fff);text-decoration:none;color:inherit;overflow:hidden}
.feed-link-preview span{font-size:.78rem;font-weight:900;color:#0f7d60;letter-spacing:.04em}.feed-link-preview b{font-size:1rem}.feed-link-preview small{direction:ltr;text-align:left;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-link-preview:hover{border-color:#10b981;box-shadow:0 10px 24px rgba(15,159,118,.10)}
.feed-post-highlight{outline:2px solid rgba(15,159,118,.36);box-shadow:0 14px 34px rgba(15,159,118,.14)!important}
.feed-legal-note{grid-column:1 / -1;color:var(--muted);font-size:.76rem;line-height:1.35;padding-inline:2px}
.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:7px 9px;margin:8px 0 10px}.search-box input{all:unset;flex:1;min-width:0;font:inherit;font-size:.92rem}.search-box span{color:var(--muted);font-weight:850;font-size:.78rem}.slim-search{margin:7px 0 8px;padding:6px 8px;border-radius:14px}.project-intro-mini{display:grid;gap:4px;margin:7px 0 8px;padding:10px 11px;border:1px solid rgba(15,159,118,.18);border-radius:16px;background:rgba(236,253,245,.55)}.project-intro-mini b{font-size:.9rem;color:#0b5f49}.project-intro-mini span{font-size:.8rem;line-height:1.38;color:var(--muted)}
@media (min-width:921px) and (max-width:1500px){
  .shell{gap:14px!important}.main{padding:12px 14px!important}.topbar{min-height:52px!important}.card{border-radius:24px}.section-head h2{font-size:1.24rem!important}.row-title{font-size:.96rem}.row-sub{font-size:.8rem}.login.login-refined{transform:scale(.97);transform-origin:top center;min-height:calc(100vh / .97)!important}.login.login-refined .login-card-refined{padding:22px!important}.login.login-refined .login-hero{padding:22px!important}.feature-grid{gap:8px!important}.feature{padding:10px!important}
}
@media (max-width:720px) and (orientation:portrait){.feed-link-preview{margin:8px 10px 4px;padding:10px 11px;border-radius:16px}.feed-legal-note{font-size:.72rem}.search-box{margin:7px 0 9px}}


/* V51.0.64 — desktop login fit + real link preview polish */
@media (min-width:921px){
  .login.login-refined{min-height:calc(100svh - 26px)!important;max-height:calc(100svh - 26px)!important;overflow:hidden!important;padding:8px!important;box-sizing:border-box!important;border-radius:28px!important}
  .login.login-refined .login-hero{min-height:calc(100svh - 42px)!important;padding:24px!important;padding-inline-end:min(44vw,560px)!important;border-radius:26px!important;overflow:hidden!important}
  .login.login-refined .login-hero h1{font-size:clamp(2rem,3vw,3.5rem)!important;line-height:1.02!important;margin-bottom:10px!important}
  .login.login-refined .login-hero p{font-size:.95rem!important;line-height:1.45!important;margin:0!important}.login.login-refined .feature-grid{gap:7px!important;margin-top:14px!important}.login.login-refined .feature{padding:9px!important;border-radius:14px!important}.login.login-refined .feature span{font-size:.78rem!important}
  .login.login-refined .campaign-stage{margin-top:14px!important;padding:12px!important;border-radius:20px!important;max-height:190px!important}.login.login-refined .campaign-copy strong{font-size:1rem!important}.login.login-refined .campaign-copy small{font-size:.78rem!important}
  .login.login-refined .login-card-refined{width:min(500px,88vw)!important;max-width:500px!important;max-height:calc(100svh - 58px)!important;overflow:auto!important;overscroll-behavior:contain!important;padding:18px 20px!important;border-radius:26px!important;gap:8px!important;scrollbar-width:thin!important}.login-card-logo{width:52px!important;height:52px!important}.login-card-refined h2{font-size:1.32rem!important;margin:2px 0!important}.login-one-liner{font-size:.86rem!important;margin:0!important}.terms-check-wrap-v5149{padding:9px!important;border-radius:16px!important}.terms-check{font-size:.82rem!important;line-height:1.35!important}.terms-preview-full summary{font-size:.82rem!important}.terms-preview-full pre{max-height:150px!important;font-size:.76rem!important}.google-slot-refined{margin-top:8px!important}.google-login-big{min-height:40px!important;padding:9px 16px!important}.guest-entry-details{margin-top:7px!important}.login-store-stack,.trust-line{margin-top:9px!important}.store-card{padding:8px 10px!important}.store-icon{width:38px!important;height:38px!important}.store-card small{font-size:.76rem!important}.trust-line .pill{padding:6px 8px!important;font-size:.75rem!important}
}
.feed-link-preview{grid-template-columns:minmax(0,1fr);position:relative}.feed-link-preview img{width:100%;max-height:220px;object-fit:cover;border-radius:14px;margin:2px 0 4px;background:#e5e7eb}.feed-link-preview em{font-style:normal;direction:ltr;text-align:left;color:#0f7d60;font-size:.78rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-link-preview-loading{opacity:.82}.feed-link-preview-compact{margin:4px 0 0!important;padding:9px 11px!important;border-radius:14px!important}.feed-link-preview-compact img{max-height:128px;border-radius:11px}.feed-composer-preview:empty{display:none}
@media (max-width:720px) and (orientation:portrait){.feed-link-preview img{max-height:160px}.feed-link-preview-compact img{max-height:110px}}

/* V51.0.65 — Personal Journal Word workspace + cinematic login polish */
.nav button.journal-nav{background:rgba(20,184,166,.10)!important;border:1px solid rgba(20,184,166,.18);font-weight:950!important}
.nav button.journal-nav.active{background:linear-gradient(135deg,#0f766e,#14b8a6)!important;color:#fff!important;box-shadow:0 12px 28px rgba(20,184,166,.20)!important}
.word-workspace{display:grid;grid-template-columns:clamp(300px,24vw,430px) minmax(0,1fr);gap:14px;height:calc(100svh - 136px - var(--top));min-height:680px}
.journal-side-list,.journal-editor-card{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.journal-side-list{background:linear-gradient(180deg,#ffffff,#f7fbfa)}
.journal-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 12px}.journal-stats span{border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:#fff;color:var(--muted);font-size:.78rem;font-weight:850}.journal-stats b{display:block;color:var(--ink);font-size:1.35rem;line-height:1.1}
.journal-list{overflow:auto;min-height:0;padding-inline-end:2px}.journal-row{padding:0;overflow:hidden;align-items:stretch}.journal-row-main{border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:start;width:100%;padding:12px}.journal-row-main .row-sub{white-space:nowrap}.journal-delete-small{margin:8px 8px 8px 0;width:34px;min-width:34px;height:34px;padding:0;border-radius:11px}
.journal-editor-card{padding:0;background:linear-gradient(180deg,#ffffff,#fbfdfc)}.journal-editor-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px 24px 18px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 10% 0%,rgba(16,185,129,.12),transparent 38%),linear-gradient(135deg,#fff,#f2fbf8)}.journal-editor-hero h2{font-size:clamp(1.6rem,2vw,2.6rem);letter-spacing:-.035em;margin:.15rem 0 .4rem}.journal-editor-hero p{margin:0;color:var(--muted);font-weight:650;max-width:860px}.journal-save-hint{white-space:nowrap;background:#10231d;color:#dffcf3;border-radius:999px;padding:8px 12px;font-weight:900;font-size:.78rem;box-shadow:0 8px 22px rgba(16,35,29,.15)}
.journal-form{padding:18px 24px 22px;display:flex;flex-direction:column;gap:13px;min-height:0;flex:1}.journal-meta-grid{flex:0 0 auto}.journal-content-field{display:flex;flex-direction:column;min-height:0;flex:1}.journal-textarea{min-height:420px;flex:1;resize:vertical;font-family:Heebo,Inter,system-ui,sans-serif;font-size:1.05rem;line-height:1.75;background:linear-gradient(180deg,#fff,#fcfffe);border:1px solid #cfe2dc;border-radius:22px;padding:18px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.journal-textarea:focus{outline:3px solid rgba(13,143,115,.15);border-color:#0d8f73}.journal-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px}.mini-empty{box-shadow:none!important;border:1px dashed var(--line);padding:16px!important}
.cinematic-stage{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(7,22,17,.94),rgba(13,143,115,.78)),radial-gradient(circle at 70% 30%,rgba(255,255,255,.24),transparent 32%);color:#fff;border:1px solid rgba(255,255,255,.14)}.cinematic-stage .campaign-kicker,.cinematic-stage small{color:rgba(255,255,255,.76)}.cinema-steps{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.cinema-steps span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900}.hollywood-visual .orbit{position:absolute;inset:18%;border:1px solid rgba(255,255,255,.20);border-radius:50%;animation:journalOrbit 7s linear infinite}.hollywood-visual .orbit-two{inset:29%;animation-duration:4.5s;animation-direction:reverse}.hollywood-visual .campaign-chip{box-shadow:0 10px 24px rgba(0,0,0,.20)}
.login.login-refined .login-hero{background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.18),transparent 22%),radial-gradient(circle at 88% 20%,rgba(16,185,129,.28),transparent 24%),linear-gradient(135deg,#06120f 0%,#0b241d 46%,#0d8f73 100%)!important;position:relative}.login.login-refined .login-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.09) 18%,transparent 34%);transform:translateX(-80%);animation:loginSweep 5.8s ease-in-out infinite;pointer-events:none}.login.login-refined .login-card-refined{backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.76)}
@keyframes journalOrbit{to{transform:rotate(360deg)}}@keyframes loginSweep{0%,45%{transform:translateX(-90%)}75%,100%{transform:translateX(90%)}}
@media (max-width:920px){.word-workspace{height:auto;min-height:0;grid-template-columns:1fr}.journal-side-list,.journal-editor-card{overflow:visible}.journal-list{max-height:38svh}.journal-meta-grid{grid-template-columns:1fr}.journal-textarea{min-height:54svh}.journal-editor-hero{flex-direction:column;padding:18px}.journal-form{padding:14px}.journal-bottom-bar{align-items:stretch;flex-direction:column}.journal-bottom-bar .top-actions{justify-content:stretch}.journal-bottom-bar .top-actions>*{flex:1}}
@media (max-width:720px) and (orientation:portrait){.word-workspace{gap:10px}.journal-side-list{padding:14px;border-radius:22px}.journal-editor-card{border-radius:22px}.journal-editor-hero h2{font-size:1.45rem}.journal-editor-hero p{font-size:.9rem}.journal-textarea{min-height:58svh;font-size:1rem;line-height:1.65;padding:14px}.journal-row-main{padding:10px}.cinema-steps{display:none}.cinematic-stage{min-height:170px}.login.login-refined .campaign-stage{max-height:none!important}}

/* V51.0.66 — world-class client polish: cinematic entry, support, calls, edit/read status */
.desktop-quick-actions{display:flex;align-items:center;gap:7px;margin-inline-end:6px;padding:4px;border:1px solid rgba(13,143,115,.16);background:linear-gradient(135deg,#ffffff,#f1fbf7);border-radius:18px;box-shadow:0 10px 24px rgba(13,143,115,.08)}
.quick-top-btn{border:0;border-radius:14px;background:#fff;color:#0b5f49;padding:8px 12px;font-weight:950;box-shadow:0 1px 0 rgba(255,255,255,.8),0 4px 12px rgba(13,143,115,.07);cursor:pointer}.quick-top-btn.primary{background:linear-gradient(135deg,#0d8f73,#10b981);color:#fff}.quick-top-btn:hover{transform:translateY(-1px)}
@media (max-width:920px){.desktop-quick-actions{display:none!important}}
.login-cinema .login-hero{isolation:isolate}.hero-logo-pulse{animation:heroLogoPulse 2.8s ease-in-out infinite}.cinema-story{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 4px}.cinema-story span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);color:#fff;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:950;backdrop-filter:blur(10px);animation:cinemaPop .72s ease both}.cinema-story span:nth-child(2){animation-delay:.16s}.cinema-story span:nth-child(3){animation-delay:.32s}.cinema-story span:nth-child(4){animation-delay:.48s}.phone-login-plan{display:grid;gap:4px;margin:10px 0 0;padding:11px 12px;border:1px solid rgba(245,158,11,.30);border-radius:16px;background:linear-gradient(135deg,#fff7ed,#fff);color:#7c2d12}.phone-login-plan b{font-size:.92rem}.phone-login-plan small{font-size:.78rem;line-height:1.35;color:#92400e}.cinematic-stage{box-shadow:0 18px 50px rgba(0,0,0,.25)}.campaign-core{animation:coreFloat 4.6s ease-in-out infinite}.campaign-chip{animation:chipFloat 3.8s ease-in-out infinite}.chip-b,.chip-d{animation-delay:.7s}.chip-c,.chip-e{animation-delay:1.1s}@keyframes heroLogoPulse{50%{transform:scale(1.035);filter:drop-shadow(0 0 22px rgba(16,185,129,.42))}}@keyframes cinemaPop{0%{opacity:0;transform:translateY(10px) scale(.96)}100%{opacity:1;transform:none}}@keyframes coreFloat{50%{transform:translateY(-8px) scale(1.025)}}@keyframes chipFloat{50%{transform:translateY(-6px)}}
.nav button.support-nav{border:1px solid rgba(37,99,235,.14);background:rgba(37,99,235,.05)!important}.nav button.support-nav.active{background:linear-gradient(135deg,#0f766e,#2563eb)!important;color:#fff!important}.support-page{display:grid;gap:14px}.support-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px;background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.12),transparent 34%),linear-gradient(135deg,#ffffff,#f3fbf8)}.support-hero h2{font-size:clamp(1.6rem,2.5vw,2.7rem);margin:.1rem 0 .4rem}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.support-card{border:1px solid var(--line);border-radius:22px;padding:16px;background:#fff}.support-card b{display:block;margin-bottom:6px}.support-card p{color:var(--muted);font-size:.92rem;line-height:1.45}.support-card.main{border-color:rgba(13,143,115,.28);box-shadow:0 12px 26px rgba(13,143,115,.08)}@media(max-width:720px){.support-hero{display:grid;padding:18px}.support-grid{grid-template-columns:1fr}}
.project-empty-pro{max-width:900px;margin:auto;padding:32px!important}.project-empty-pro h2{font-size:clamp(1.7rem,3vw,3rem);margin:.2rem 0 .6rem}.project-empty-pro p{max-width:760px;margin-inline:auto;color:var(--muted);line-height:1.55}.project-empty-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.project-empty-grid span{border:1px solid rgba(13,143,115,.18);background:#f6fffb;border-radius:999px;padding:7px 11px;font-weight:900;color:#0b5f49;font-size:.82rem}
.msg-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}.msg-action{border:0;background:rgba(13,143,115,.09);color:#0b5f49;border-radius:999px;padding:3px 8px;font-weight:900;font-size:.72rem;cursor:pointer}.msg-action:hover{background:rgba(13,143,115,.16)}.msg-edited{font-weight:850}.read-check{color:#0d8f73;font-weight:950;letter-spacing:-.08em}.read-receipt-toggle{min-width:42px}.read-receipt-toggle.active{background:rgba(13,143,115,.12)!important;color:#0b5f49!important;border-color:rgba(13,143,115,.22)!important}
.incoming-call{position:fixed;z-index:160;left:50%;top:18px;transform:translateX(-50%);width:min(620px,calc(100vw - 22px));pointer-events:auto}.incoming-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:26px;border:1px solid rgba(16,185,129,.32);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,253,245,.98));box-shadow:0 28px 70px rgba(5,21,17,.22);animation:incomingPulse 1.4s ease-in-out infinite}.incoming-icon{width:60px;height:60px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#0d8f73,#10b981);color:#fff;font-weight:1000;letter-spacing:.02em;box-shadow:0 12px 24px rgba(16,185,129,.22)}@keyframes incomingPulse{50%{transform:translateY(2px);box-shadow:0 18px 50px rgba(5,21,17,.18)}}@media(max-width:720px){.incoming-call{top:auto;bottom:14px}.incoming-card{align-items:flex-start;display:grid;grid-template-columns:auto 1fr}.incoming-card .top-actions{grid-column:1 / -1;display:flex}.incoming-card .top-actions button{flex:1}}
.feed-avatar-click{border:0;cursor:pointer;padding:0;background:transparent}.feed-avatar-click:hover{transform:scale(1.05)}.profile-photo-modal{text-align:center;display:grid;gap:10px;justify-items:center}.profile-photo-stage{width:min(72vw,440px);aspect-ratio:1/1;border-radius:38px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#e7f8f1,#ffffff);border:1px solid var(--line);box-shadow:0 22px 54px rgba(8,33,26,.18)}.profile-photo-stage img{width:100%;height:100%;object-fit:cover}.profile-photo-empty{font-size:5rem;font-weight:1000;color:#0d8f73}.mini-avatar{width:36px;height:36px}.quick-call-modal .click-row{text-align:start;width:100%}
.preview-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid var(--line);background:linear-gradient(135deg,#ffffff,#f7fbfa)}.preview-toolbar span{font-size:.78rem;font-weight:950;color:var(--muted)}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:var(--dot);box-shadow:0 0 0 1px rgba(15,23,42,.15);cursor:pointer}.color-dot.active{box-shadow:0 0 0 3px rgba(13,143,115,.22),0 0 0 1px rgba(15,23,42,.2)}.width-dot{border:1px solid var(--line);background:#fff;border-radius:999px;min-width:34px;height:28px;font-weight:950;cursor:pointer}.width-dot.active{background:#0d8f73;color:#fff;border-color:#0d8f73}.preview-stage,.video-tile,.lecture-tile{contain:layout paint;transform:translateZ(0);backface-visibility:hidden}.video-grid video,.call-dock video,.lecture-video-grid video,.video-tile video,.lecture-tile video{width:100%;height:100%;object-fit:cover;background:#050807;aspect-ratio:16/9}.call-dock.full .video-grid{align-items:stretch}.call-dock.full .video-tile video{object-fit:cover}@media(max-width:720px){.preview-toolbar{gap:6px;padding:7px 10px}.color-dot{width:25px;height:25px}.width-dot{min-width:31px;height:26px}.video-grid video,.call-dock video,.lecture-video-grid video{object-fit:cover}}


/* V51.0.67 — surgical client polish: desktop entry, link preview, call picker, read ticks */
@media (min-width:921px){
  .login.login-refined.login-cinema{min-height:calc(100vh - 24px)!important;max-height:calc(100vh - 24px)!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,480px)!important;gap:18px!important;align-items:stretch!important;overflow:hidden!important;padding:10px!important;transform:none!important;border-radius:30px!important;background:radial-gradient(circle at 12% 12%,rgba(16,185,129,.18),transparent 28%),linear-gradient(135deg,#eefaf6,#f8fbff)!important;box-sizing:border-box!important}
  .login.login-refined.login-cinema .login-card-refined{order:1!important;align-self:center!important;justify-self:center!important;width:min(460px,100%)!important;max-width:460px!important;max-height:calc(100vh - 54px)!important;overflow:auto!important;padding:18px 20px!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(15,23,42,.16)!important;z-index:2!important}
  .login.login-refined.login-cinema .login-hero{order:0!important;min-height:0!important;height:100%!important;padding:22px!important;padding-inline-end:22px!important;border-radius:26px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
  .login.login-refined.login-cinema .login-hero h1{font-size:clamp(2rem,3.1vw,3.65rem)!important;line-height:1.02!important;margin:6px 0 10px!important;max-width:780px!important}
  .login.login-refined.login-cinema .login-hero p{font-size:.96rem!important;line-height:1.48!important;max-width:760px!important}
  .login.login-refined.login-cinema .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}
  .login.login-refined.login-cinema .feature{padding:10px!important;border-radius:15px!important;min-height:86px!important}.login.login-refined.login-cinema .feature span{font-size:.76rem!important;line-height:1.35!important}
  .login.login-refined.login-cinema .campaign-stage{margin-top:12px!important;max-height:168px!important;padding:12px!important;border-radius:20px!important}.login.login-refined.login-cinema .cinema-story{margin:12px 0 2px!important}.login.login-refined.login-cinema .cinema-story span{padding:6px 10px!important;font-size:.76rem!important}
  .login.login-refined.login-cinema .login-card-logo{width:48px!important;height:48px!important}.login-card-refined h2{font-size:1.25rem!important}.terms-preview-full pre{max-height:128px!important}.login-store-stack,.trust-line{margin-top:8px!important}
}
.feed-link-preview{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;margin:12px 18px 6px!important;padding:10px!important;border-radius:22px!important;background:linear-gradient(135deg,#ffffff,#f2fbf8)!important;border:1px solid rgba(15,159,118,.20)!important;box-shadow:0 12px 28px rgba(15,23,42,.07)!important;text-decoration:none!important;color:inherit!important;overflow:hidden!important}.feed-link-preview:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(15,23,42,.11)!important;border-color:rgba(15,159,118,.38)!important}.feed-link-media{display:grid;place-items:center;min-height:112px;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#e5f7f0,#ffffff);border:1px solid rgba(15,159,118,.12)}.feed-link-media img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;margin:0!important}.feed-link-media-icon img{width:54px!important;height:54px!important;object-fit:contain!important;border-radius:14px!important}.feed-link-media-icon b{font-weight:950;color:#0b5f49;font-size:1.2rem}.feed-link-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}.feed-link-copy em{font-style:normal;direction:ltr;text-align:left;color:#0f7d60;font-size:.78rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-link-copy strong{font-size:1.05rem;line-height:1.25;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-link-copy small{direction:inherit!important;text-align:inherit!important;white-space:normal!important;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}.feed-link-preview-compact{grid-template-columns:82px minmax(0,1fr)!important;margin:6px 0 0!important;padding:8px!important;border-radius:16px!important}.feed-link-preview-compact .feed-link-media{min-height:74px;border-radius:12px}.feed-link-preview-compact .feed-link-copy strong{font-size:.92rem}.feed-link-preview-compact .feed-link-copy small{-webkit-line-clamp:1;font-size:.78rem}
.contact-call-list{max-height:min(420px,60vh)}.contact-call-row{width:100%;border:1px solid var(--border);border-radius:18px;background:#fff;padding:10px;display:flex;align-items:center;gap:12px;text-align:start;cursor:pointer;color:var(--ink)}.contact-call-row:hover{background:#f0f8f5;border-color:rgba(15,159,118,.28);box-shadow:0 10px 24px rgba(15,159,118,.08)}.quick-call-picker .empty-state{margin:0}.read-check{display:inline-flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:-.06em;border-radius:999px;padding:1px 4px;line-height:1}.read-check-single{color:#64748b}.read-check-double{color:#0d8f73}.read-receipt-toggle{display:none!important}
@media (max-width:720px) and (orientation:portrait){.feed-link-preview{grid-template-columns:88px minmax(0,1fr)!important;margin:9px 10px 5px!important;padding:8px!important;border-radius:18px!important}.feed-link-media{min-height:78px;border-radius:13px}.feed-link-copy strong{font-size:.94rem;-webkit-line-clamp:2}.feed-link-copy small{font-size:.78rem;-webkit-line-clamp:2}.feed-link-preview-compact{grid-template-columns:72px minmax(0,1fr)!important}.feed-link-preview-compact .feed-link-media{min-height:64px}.login.login-refined.login-cinema{transform:none!important}}

/* V51.0.68 — desktop entry canvas + sidebar bottom overlap fix (desktop only) */
@media (min-width:1181px){
  .login.login-refined.login-cinema{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    grid-template-columns:1fr!important;
    min-height:calc(100vh - 24px)!important;
    max-height:calc(100vh - 24px)!important;
    width:100%!important;
    padding:10px!important;
    overflow:hidden!important;
    border-radius:30px!important;
    background:
      radial-gradient(circle at 8% 14%,rgba(207,250,229,.36),transparent 28%),
      radial-gradient(circle at 90% 18%,rgba(16,185,129,.32),transparent 26%),
      linear-gradient(135deg,#07130f 0%,#0d2a22 52%,#0d8f73 100%)!important;
  }
  .login.login-refined.login-cinema .login-hero{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:28px clamp(26px,3.4vw,54px)!important;
    border-radius:30px!important;
    overflow:hidden!important;
    background:transparent!important;
    display:grid!important;
    grid-template-columns:minmax(300px,.86fr) minmax(430px,.92fr) minmax(250px,.54fr)!important;
    grid-template-rows:auto auto 1fr auto!important;
    align-items:center!important;
    gap:12px 24px!important;
    pointer-events:none!important;
    color:#fff!important;
    z-index:0!important;
  }
  .login.login-refined.login-cinema .login-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.10),transparent 32%),linear-gradient(90deg,rgba(6,18,15,.18),transparent 30%,transparent 70%,rgba(6,18,15,.24));
    pointer-events:none;
  }
  .login.login-refined.login-cinema .login-logo-wrap,
  .login.login-refined.login-cinema .login-hero .eyebrow,
  .login.login-refined.login-cinema .login-hero h1,
  .login.login-refined.login-cinema .login-hero p,
  .login.login-refined.login-cinema .cinema-story,
  .login.login-refined.login-cinema .feature-grid,
  .login.login-refined.login-cinema .campaign-stage{position:relative;z-index:1}
  .login.login-refined.login-cinema .login-logo-wrap{grid-column:1;grid-row:1;align-self:end;justify-self:start;opacity:.96}
  .login.login-refined.login-cinema .login-hero .eyebrow{grid-column:1;grid-row:2;justify-self:start;color:#a7f3d0!important}
  .login.login-refined.login-cinema .login-hero h1{grid-column:1;grid-row:3;align-self:start;justify-self:start;max-width:560px!important;font-size:clamp(2.05rem,3vw,3.55rem)!important;line-height:1.02!important;margin:4px 0 10px!important;text-shadow:0 8px 26px rgba(0,0,0,.24)}
  .login.login-refined.login-cinema .login-hero p{grid-column:1;grid-row:3;align-self:center;justify-self:start;max-width:520px!important;font-size:.98rem!important;line-height:1.55!important;color:rgba(255,255,255,.82)!important;margin-top:120px!important}
  .login.login-refined.login-cinema .cinema-story{grid-column:1;grid-row:4;align-self:start;justify-content:flex-start;margin:0!important;max-width:560px!important}
  .login.login-refined.login-cinema .feature-grid{grid-column:3;grid-row:1 / span 3;align-self:center;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;max-width:300px!important;justify-self:end!important}
  .login.login-refined.login-cinema .feature{min-height:0!important;padding:12px 13px!important;border-radius:18px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(10px)!important;color:#fff!important}
  .login.login-refined.login-cinema .feature span{font-size:.8rem!important;color:rgba(255,255,255,.78)!important;line-height:1.35!important}
  .login.login-refined.login-cinema .campaign-stage{grid-column:3;grid-row:4;align-self:end;justify-self:end;width:min(300px,100%)!important;max-height:148px!important;margin:0!important;padding:12px!important;border-radius:20px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(12px)!important}
  .login.login-refined.login-cinema .login-card-refined{
    position:relative!important;
    z-index:2!important;
    order:0!important;
    justify-self:center!important;
    align-self:center!important;
    width:min(462px,calc(100vw - 60px))!important;
    max-width:462px!important;
    max-height:calc(100vh - 54px)!important;
    overflow:auto!important;
    margin:0!important;
    padding:18px 20px!important;
    border-radius:28px!important;
    box-shadow:0 28px 80px rgba(0,0,0,.26)!important;
  }
  .login.login-refined.login-cinema .login-card-logo{width:48px!important;height:48px!important}
  .login.login-refined.login-cinema .login-card-refined h2{font-size:1.24rem!important;margin:3px 0!important}

  .sidebar{min-height:0!important;overflow:hidden!important}
  .sidebar .nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:8px!important;scrollbar-width:thin!important;overscroll-behavior:contain!important;align-content:start!important}
  .sidebar .nav button{flex:0 0 auto!important}
  .sidebar-footer{flex:0 0 auto!important;margin-top:0!important;padding-top:9px!important;background:linear-gradient(0deg,#0c2019 78%,rgba(12,32,25,0))!important;position:relative!important;z-index:2!important;border-top:1px solid rgba(255,255,255,.07)!important}
  .sidebar-footer .outline-btn,.sidebar-footer .danger-btn{width:100%!important}
  .nav button.support-nav{background:transparent!important;border-color:transparent!important;color:#dce8e4!important}
  .nav button.support-nav.active{background:#fff!important;color:#0b1d17!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;border-color:transparent!important}
}
@media (min-width:1181px) and (max-height:760px){
  .login.login-refined.login-cinema .login-hero{padding:18px 28px!important;grid-template-columns:minmax(260px,.8fr) minmax(420px,.9fr) minmax(230px,.46fr)!important}
  .login.login-refined.login-cinema .login-hero h1{font-size:clamp(1.75rem,2.55vw,3rem)!important}
  .login.login-refined.login-cinema .login-hero p{font-size:.9rem!important;margin-top:96px!important;max-width:480px!important}
  .login.login-refined.login-cinema .feature{padding:9px 11px!important}.login.login-refined.login-cinema .feature span{font-size:.74rem!important}
  .login.login-refined.login-cinema .campaign-stage{max-height:120px!important;padding:9px!important}
  .login.login-refined.login-cinema .login-card-refined{padding:15px 18px!important;max-height:calc(100vh - 36px)!important}
}



/* V51.0.69 — platform about + international desktop entry polish (desktop visual only) */
@media (min-width:1181px){
  .login.login-refined.login-cinema{
    background:
      radial-gradient(circle at 10% 16%,rgba(167,243,208,.34),transparent 28%),
      radial-gradient(circle at 86% 18%,rgba(20,184,166,.28),transparent 27%),
      radial-gradient(circle at 50% 92%,rgba(6,95,70,.26),transparent 34%),
      linear-gradient(135deg,#06110d 0%,#0b241d 48%,#0b8f74 100%)!important;
  }
  .login.login-refined.login-cinema .login-hero::after{
    background:
      radial-gradient(circle at 50% 50%,rgba(255,255,255,.10),transparent 31%),
      linear-gradient(90deg,rgba(6,18,15,.20),transparent 28%,transparent 70%,rgba(6,18,15,.28)),
      linear-gradient(180deg,rgba(255,255,255,.04),transparent 42%,rgba(0,0,0,.10))!important;
  }
  .login.login-refined.login-cinema .login-card-refined{
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,253,251,.92))!important;
    border-color:rgba(255,255,255,.84)!important;
  }
  .login.login-refined.login-cinema .feature{
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.07))!important;
    border-color:rgba(209,250,229,.24)!important;
  }
  .login.login-refined.login-cinema .feature b{color:#ffffff!important}
  .login.login-refined.login-cinema .campaign-stage{
    background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(16,185,129,.10))!important;
    border-color:rgba(209,250,229,.22)!important;
  }
  .hero-logo-pulse{animation-duration:4.2s!important}
  .login.login-refined .login-hero::before{animation-duration:8.5s!important;opacity:.74!important}
  .cinema-story span{animation-duration:.9s!important}
  .nav button.about-nav{background:rgba(167,243,208,.08)!important;border:1px solid rgba(167,243,208,.16);font-weight:950!important}
  .nav button.about-nav.active{background:linear-gradient(135deg,#0d8f73,#14b8a6)!important;color:#fff!important;box-shadow:0 12px 28px rgba(20,184,166,.20)!important;border-color:transparent!important}
}
.about-platform-hero{background:radial-gradient(circle at 12% 0%,rgba(16,185,129,.12),transparent 36%),linear-gradient(135deg,#ffffff,#f4fbf8)!important}
.about-card b{letter-spacing:-.015em}.about-list li{line-height:1.55}

/* V51.0.70 — production communication readiness and incoming-call center UI */
.comm-readiness{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px;padding:12px 14px;border-radius:22px;border:1px solid rgba(16,185,129,.28);background:linear-gradient(135deg,rgba(236,253,245,.98),rgba(255,255,255,.96));box-shadow:0 12px 34px rgba(4,18,14,.08);font-weight:800}.comm-readiness b{color:#064e3b}.comm-readiness span{color:var(--muted);font-weight:700;flex:1;min-width:220px}.comm-readiness.danger{border-color:rgba(239,68,68,.34);background:linear-gradient(135deg,#fff7f7,#fff)}.comm-readiness.danger b{color:#991b1b}.comm-status-box{display:grid;gap:8px;padding:12px;border:1px solid rgba(16,185,129,.22);border-radius:18px;background:#f8fffc}.comm-status-box span{color:var(--muted);font-size:.9rem;line-height:1.45}.incoming-call-center{position:fixed;z-index:180;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 28px));pointer-events:auto}.incoming-call-center .incoming-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:22px;border-radius:32px;border:1px solid rgba(16,185,129,.34);background:linear-gradient(145deg,#ffffff,#ecfdf5);box-shadow:0 32px 90px rgba(5,21,17,.30);animation:incomingCenterPulse 1.35s ease-in-out infinite}.incoming-call-center .incoming-icon{width:78px;height:78px;border-radius:28px;font-size:2rem;background:linear-gradient(135deg,#08a56e,#15c18d);box-shadow:0 16px 34px rgba(16,185,129,.26)}.incoming-actions{grid-column:1/-1;display:flex;justify-content:center;gap:18px;margin-top:4px}.answer-call-btn,.decline-call-btn{width:74px;height:74px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.9rem;font-weight:1000;cursor:pointer;box-shadow:0 18px 34px rgba(2,6,23,.18);transition:transform .18s ease,filter .18s ease}.answer-call-btn{background:linear-gradient(135deg,#10b981,#059669)}.decline-call-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.answer-call-btn:hover,.decline-call-btn:hover{transform:translateY(-2px) scale(1.03);filter:saturate(1.08)}@keyframes incomingCenterPulse{50%{transform:translateY(2px) scale(1.01);box-shadow:0 22px 70px rgba(5,21,17,.24)}}@media(max-width:720px){.comm-readiness{margin:8px 0 10px;padding:10px 11px;border-radius:18px}.comm-readiness span{min-width:0}.incoming-call-center{top:auto;bottom:calc(92px + var(--bottom));transform:translateX(-50%);width:calc(100vw - 18px)}.incoming-call-center .incoming-card{padding:16px;border-radius:26px;grid-template-columns:64px minmax(0,1fr)}.incoming-call-center .incoming-icon{width:64px;height:64px;border-radius:22px;font-size:1.55rem}.answer-call-btn,.decline-call-btn{width:64px;height:64px}}


/* V51.0.72 — Mobile Web final polish: ringing banner, feed actions, contacts density, modal layer, nav separators.
   Scope: phone portrait only. Desktop Web and Android app are intentionally untouched. */
.comm-copy-mobile,.comm-title-mobile,.comm-action-mobile{display:none}

/* V51.0.71 — Mobile Web contacts/full-screen direct chat + internal back polish.
   Scope: phone portrait only. Desktop Web and Android app are intentionally untouched. */
.mobile-friend-back{display:none!important}
@media (max-width:720px) and (orientation:portrait){
  .shell.mobile-friend-chat-mode .topbar,
  .shell.mobile-friend-chat-mode .sync-strip,
  .shell.mobile-friend-chat-mode .comm-readiness{display:none!important}
  .friends-room.friend-list-open{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0 0 calc(88px + env(safe-area-inset-bottom,0px))!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .friends-room.friend-list-open .friends-list{display:flex!important;flex-direction:column!important;height:calc(100dvh - 150px - env(safe-area-inset-bottom,0px))!important;max-height:none!important;min-height:360px!important;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:22px!important;background:linear-gradient(180deg,#ffffff,#f6faf8)!important;box-shadow:var(--shadow)!important;padding:12px!important}
  .friends-room.friend-list-open .friend-chat-panel{display:none!important}
  .friends-room.friend-list-open .friend-list-scroll{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;padding:2px 0 8px!important}
  .friends-room.friend-list-open .friends-head{flex:0 0 auto!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
  .friends-room.friend-list-open .friends-head p{font-size:.82rem!important;line-height:1.35!important;margin-top:4px!important}
  .friends-room.friend-list-open .search-box{flex:0 0 auto!important;margin:4px 0 10px!important}
  .friends-room.friend-list-open .friend-row-wrap{grid-template-columns:minmax(0,1fr) 36px!important;border-radius:18px!important}
  .friends-room.friend-list-open .friend-row{min-height:62px!important;padding:10px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(15,159,118,.10)!important}
  .friends-room.friend-chat-open{display:block!important;height:calc(100dvh - 82px - env(safe-area-inset-bottom,0px))!important;min-height:0!important;overflow:hidden!important;padding:0 0 max(6px,env(safe-area-inset-bottom,0px))!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .friends-room.friend-chat-open .friends-list{display:none!important}
  .friends-room.friend-chat-open .friend-chat-panel{display:flex!important;height:100%!important;min-height:0!important;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:22px!important;background:#eef3f1!important;box-shadow:var(--shadow)!important}
  .friends-room.friend-chat-open .friend-chat-panel .chat-frame,.friends-room.friend-chat-open .friend-chat{height:100%!important;min-height:0!important;max-height:none!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .friends-room.friend-chat-open .friend-chat-header{flex:0 0 auto!important;position:sticky!important;top:0!important;z-index:5!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;background:linear-gradient(180deg,#ffffff,#f8fcfa)!important;border-bottom:1px solid var(--line)!important}
  .friends-room.friend-chat-open .mobile-friend-back{display:inline-flex!important;width:max-content!important;min-height:32px!important;padding:6px 10px!important;border-radius:999px!important;background:#e8f7f1!important;color:#075f4e!important;font-size:12px!important}
  .friends-room.friend-chat-open .chat-title-block{min-width:0!important;align-items:center!important}
  .friends-room.friend-chat-open .chat-title-block h2,.friends-room.friend-chat-open .chat-title-block p{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .friends-room.friend-chat-open .friend-direct-badge{display:none!important}
  .friends-room.friend-chat-open .chat-header-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;overflow:visible!important;padding-bottom:0!important}
  .friends-room.friend-chat-open .chat-header-actions .soft-btn,.friends-room.friend-chat-open .chat-header-actions .primary-btn{width:100%!important;min-width:0!important;padding:7px 4px!important;white-space:nowrap!important}
  .friends-room.friend-chat-open .messages{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;padding:10px!important}
  .friends-room.friend-chat-open .composer{flex:0 0 auto!important;position:relative!important;bottom:auto!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;gap:6px!important;padding:8px!important;background:#fff!important;border-top:1px solid var(--line)!important;box-shadow:0 -8px 20px rgba(10,30,24,.07)!important;z-index:4!important}
  .friends-room.friend-chat-open .composer textarea{grid-column:1/-1!important;width:100%!important;min-height:40px!important;max-height:112px!important;font-size:16px!important}
  .friends-room.friend-chat-open .attach-btn,.friends-room.friend-chat-open .voice-msg-btn,.friends-room.friend-chat-open .composer .primary-btn{min-width:42px!important;height:42px!important}
}


/* V51.0.72 — mobile-only final fit and clarity pass. Desktop rules above remain unchanged. */
@media (max-width:720px) and (orientation:portrait){
  .comm-readiness{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px 8px!important;
    padding:8px 10px!important;
    margin:6px 0 9px!important;
    border-radius:17px!important;
  }
  .comm-readiness b{font-size:.88rem!important;line-height:1.2!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;min-width:0!important}
  .comm-readiness .comm-copy-full,.comm-readiness .comm-title-full,.comm-readiness .comm-action-full{display:none!important}
  .comm-readiness .comm-copy-mobile{display:block!important;grid-column:1 / -1;color:var(--muted);font-size:.78rem!important;line-height:1.28!important;font-weight:740!important;min-width:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
  .comm-readiness .comm-title-mobile{display:block!important}
  .comm-readiness .comm-action-mobile{display:inline!important}
  .comm-readiness .primary-btn{grid-column:2;grid-row:1;min-height:32px!important;padding:6px 10px!important;border-radius:12px!important;font-size:.84rem!important;white-space:nowrap!important}

  .feed-post-head{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    padding:12px!important;
  }
  .feed-post-head .row-main{min-width:0!important;overflow:hidden!important}
  .feed-post-head .row-main b,.feed-post-head .row-main small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .feed-avatar{width:46px!important;height:46px!important;border-radius:16px!important}
  .feed-post-menu{grid-column:1 / -1!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;justify-content:stretch!important;margin-top:2px!important;clear:both!important}
  .feed-post-menu .soft-btn,.feed-post-menu .danger-btn{width:100%!important;min-width:0!important;min-height:34px!important;padding:6px 4px!important;border-radius:12px!important;font-size:.76rem!important;line-height:1.15!important;white-space:normal!important;text-align:center!important}
  .feed-post-menu .soft-btn:nth-child(n+4),.feed-post-menu .danger-btn:nth-child(n+4){grid-column:auto!important}
  .feed-post-text{padding:13px 12px 5px!important;line-height:1.62!important}
  .feed-post-foot{padding:10px 12px 13px!important;gap:6px!important}
  .feed-reaction{padding:7px 10px!important}
  .feed-list-full{gap:12px!important}

  .friends-room.friend-list-open .friends-list{height:calc(100dvh - 124px - env(safe-area-inset-bottom,0px))!important;padding:9px!important;border-radius:20px!important}
  .friends-room.friend-list-open .friends-head{margin-bottom:6px!important;gap:7px!important;align-items:center!important}
  .friends-room.friend-list-open .friends-head h2{font-size:1.05rem!important;line-height:1.15!important;margin:0!important}
  .friends-room.friend-list-open .friends-head p{display:none!important}
  .friends-room.friend-list-open .friends-head .primary-btn{min-height:34px!important;padding:7px 10px!important;border-radius:12px!important}
  .friends-room.friend-list-open .search-box{margin:2px 0 7px!important;padding:6px 8px!important;border-radius:14px!important}
  .friends-room.friend-list-open .friend-row{min-height:58px!important;padding:8px 9px!important}
  .friends-room.friend-list-open .friend-row-wrap{grid-template-columns:minmax(0,1fr) 34px!important}

  .modal-backdrop{z-index:220!important;padding:10px!important;place-items:center!important}
  .modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:22px!important;padding:15px!important}
  .modal-head{margin-bottom:10px!important;gap:8px!important}.modal-head h2{font-size:1.14rem!important;line-height:1.2!important}
  .profile-edit-preview{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}.profile-preview-avatar{width:58px!important;height:58px!important;border-radius:20px!important}

  .shell.mobile-nav-open .nav{gap:8px!important;overflow:visible!important;padding:2px 0 6px!important}
  .shell.mobile-nav-open .nav button.nav-gap-before{margin-top:13px!important}
  .shell.mobile-nav-open .nav button.nav-gap-before::before{top:-8px!important;left:8px!important;right:8px!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(209,250,229,.62),rgba(255,255,255,.74),rgba(209,250,229,.62),transparent)!important}
  .shell.mobile-nav-open .nav button{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.045)!important}
  .shell.mobile-nav-open .nav button.active{background:#fff!important;color:#0b1d17!important;border-color:transparent!important}
}

/* V51.0.73 — production landing page: focused conversion, one primary CTA, stable mobile fit. */
.login-production-simple{min-height:100dvh;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(320px,430px)!important;align-items:center!important;gap:clamp(18px,4vw,48px)!important;padding:clamp(18px,4vw,56px)!important;overflow:auto!important}.login-production-simple .login-hero-simple{max-width:720px!important}.login-production-simple .login-hero-simple h1{font-size:clamp(2.35rem,5.6vw,5.2rem)!important;line-height:.96!important;letter-spacing:-.055em!important;margin:10px 0 14px!important}.login-production-simple .login-hero-simple p{font-size:clamp(1.02rem,1.65vw,1.28rem)!important;line-height:1.55!important;max-width:640px!important}.login-proof-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.login-proof-row span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(209,250,229,.22);color:#fff;font-weight:900;box-shadow:0 10px 26px rgba(0,0,0,.08)}.login-card-simple{max-width:430px!important;width:100%!important;align-self:center!important}.login-card-simple h2{font-size:1.65rem!important;margin-bottom:6px!important}.login-card-simple .terms-check-wrap{margin:14px 0!important;padding:10px 12px!important;border-radius:16px!important}.login-card-simple .terms-preview pre{max-height:190px!important}.login-card-simple .google-login-big{width:100%!important;min-height:56px!important;border-radius:18px!important;font-size:1.04rem!important}.guest-entry-quiet{margin-top:12px!important}.guest-entry-quiet summary{font-size:.88rem!important;color:var(--muted)!important}.trust-line-simple{justify-content:center!important;margin-top:12px!important}.login-production-simple .store-stack,.login-production-simple .feature-grid,.login-production-simple .campaign-stage{display:none!important}@media(max-width:860px){.login-production-simple{grid-template-columns:1fr!important;align-content:start!important;padding:18px 14px 24px!important;gap:16px!important}.login-production-simple .login-hero-simple{text-align:center!important;padding-top:4px!important}.login-production-simple .login-hero-simple h1{font-size:clamp(2.1rem,12vw,3.2rem)!important}.login-production-simple .login-hero-simple p{margin-inline:auto!important;font-size:1rem!important}.login-proof-row{justify-content:center!important;margin-top:12px}.login-proof-row span{padding:7px 10px;font-size:.86rem}.login-card-simple{max-width:none!important;border-radius:26px!important;padding:18px!important}.login-card-simple .login-card-brand{display:none!important}.login-card-simple .terms-preview pre{max-height:150px!important}.login-card-simple .google-login-big{min-height:54px!important}.login-production-simple .copyright{font-size:.76rem!important}}


/* V51.0.74 — surgical contacts + mobile chat polish. */
.login-proof-row{display:none!important}
.contact-phone-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:20px!important;padding:6px!important;box-shadow:0 8px 18px rgba(14,56,44,.05)!important}
.contact-phone-row.selected{border-color:#8ed8c6!important;background:#f0fbf7!important}
.contact-phone-row .friend-row{border:0!important;background:transparent!important;box-shadow:none!important;padding:8px!important;min-width:0!important;width:100%!important}
.friend-row-actions{display:flex!important;align-items:center!important;gap:6px!important}
.friend-video-btn{width:46px!important;height:46px!important;border:0!important;border-radius:16px!important;background:#0d8f73!important;color:#fff!important;font-size:20px!important;font-weight:900!important;display:inline-grid!important;place-items:center!important;box-shadow:0 10px 24px rgba(13,143,115,.18)!important;cursor:pointer!important}
.friend-video-btn:hover{filter:brightness(.96)!important;transform:translateY(-1px)!important}
.friend-delete-text{border:0!important;background:transparent!important;color:var(--muted)!important;font-size:.72rem!important;font-weight:800!important;padding:4px 3px!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;border-radius:8px!important;box-shadow:none!important}
.friend-delete-text:hover{color:var(--danger)!important;background:rgba(239,68,68,.06)!important}

@media(max-width:720px) and (orientation:portrait){
  .shell.mobile-friend-chat-mode #screen{height:calc(100dvh - 74px - env(safe-area-inset-bottom,0px))!important;overflow:hidden!important;padding-bottom:0!important}
  .friends-room.friend-chat-open{height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important;display:block!important}
  .friends-room.friend-chat-open .friend-chat-panel{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;border-radius:20px!important;overflow:hidden!important}
  .friends-room.friend-chat-open .friend-chat-header{padding:7px 8px!important;gap:6px!important;min-height:48px!important;flex:0 0 auto!important}
  .friends-room.friend-chat-open .friend-chat-header .row-title{font-size:.96rem!important;line-height:1.12!important}
  .friends-room.friend-chat-open .friend-chat-header .row-sub{font-size:.72rem!important;line-height:1.05!important}
  .friends-room.friend-chat-open .messages{flex:1 1 auto!important;min-height:0!important;padding:8px 9px 6px!important;overflow:auto!important}
  .friends-room.friend-chat-open .composer{position:relative!important;bottom:auto!important;flex:0 0 auto!important;padding:6px 7px max(6px,env(safe-area-inset-bottom,0px))!important;gap:5px!important;box-shadow:0 -6px 16px rgba(10,30,24,.06)!important;background:#fff!important}
  .friends-room.friend-chat-open .composer textarea{min-height:38px!important;max-height:96px!important;padding:8px 10px!important;border-radius:15px!important}
  .friends-room.friend-chat-open .composer .icon-btn,.friends-room.friend-chat-open .composer .send-btn{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important}

  .friends-room.friend-list-open .friends-list{height:calc(100dvh - 104px - env(safe-area-inset-bottom,0px))!important;padding:8px!important;border-radius:20px!important}
  .friends-room.friend-list-open .friends-head{margin-bottom:6px!important;gap:7px!important;align-items:center!important}
  .friends-room.friend-list-open .friends-head .eyebrow{display:none!important}
  .friends-room.friend-list-open .friends-head h2{font-size:1.12rem!important;line-height:1.12!important;margin:0!important;font-weight:950!important}
  .friends-room.friend-list-open .friends-head p{display:none!important}
  .friends-room.friend-list-open .search-box{margin:2px 0 8px!important;padding:7px 9px!important;border-radius:14px!important}
  .friends-room.friend-list-open .friend-list-scroll{gap:8px!important}
  .friends-room.friend-list-open .friend-row-wrap{grid-template-columns:minmax(0,1fr) auto!important;padding:6px!important;border-radius:20px!important}
  .friends-room.friend-list-open .friend-row{min-height:70px!important;padding:8px!important;gap:10px!important}
  .friends-room.friend-list-open .friend-avatar{width:52px!important;height:52px!important;border-radius:18px!important;font-size:1.05rem!important}
  .friends-room.friend-list-open .row-title{font-size:16px!important;font-weight:950!important;line-height:1.14!important}
  .friends-room.friend-list-open .row-sub{font-size:12px!important;line-height:1.15!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .friends-room.friend-list-open .friend-row-actions{flex-direction:column!important;gap:2px!important;align-items:center!important;justify-content:center!important}
  .friends-room.friend-list-open .friend-video-btn{width:50px!important;height:50px!important;border-radius:18px!important;font-size:21px!important}
  .friends-room.friend-list-open .friend-delete-text{font-size:10px!important;line-height:1!important;padding:2px 4px!important}
}


/* V51.0.75 — production client language, resize, mobile chat and contact-call polish. */
.language-switcher{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:rgba(255,255,255,.88);border-radius:999px;padding:4px;box-shadow:0 8px 20px rgba(14,56,44,.07);direction:ltr;white-space:nowrap}.language-switcher button{border:0;background:transparent;border-radius:999px;min-height:30px;padding:5px 9px;font-weight:900;color:#34534a;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.language-switcher button.active{background:#10231d;color:#fff}.login-language-switcher{position:absolute;top:16px;inset-inline-end:16px;z-index:6}.top-language-switcher{margin-inline-start:auto}.ltr-ui .row-sub:not(.ltr),.ltr-ui .muted,.ltr-ui .msg-text{direction:ltr;text-align:left}.rtl-ui .row-sub:not(.ltr),.rtl-ui .msg-text{direction:rtl;text-align:right}
.msg.deleted-message{opacity:.76;background:#f4f7f6!important;border-style:dashed!important}.msg.deleted-message .msg-text{font-style:italic;color:var(--muted)!important}.msg-action.danger{color:var(--danger)!important}
.friend-call-btn,.friend-video-btn{width:38px!important;height:38px!important;border:0!important;border-radius:14px!important;color:#fff!important;font-size:17px!important;font-weight:950!important;display:inline-grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(13,143,115,.14)!important;cursor:pointer!important;line-height:1!important}.friend-call-btn{background:#08785f!important}.friend-video-btn{background:#0d8f73!important;font-size:15px!important}.friend-call-btn:hover,.friend-video-btn:hover{filter:brightness(.96)!important;transform:translateY(-1px)!important}
@media (min-width:1181px){
  .desktop-split-handle{display:grid!important;place-items:center;min-width:10px;width:10px;cursor:col-resize;align-self:stretch;z-index:3;touch-action:none}.desktop-split-handle span{width:3px;height:54px;border-radius:999px;background:linear-gradient(180deg,#cfe3dc,#0d8f73,#cfe3dc);box-shadow:0 8px 18px rgba(13,143,115,.15);opacity:.78}.desktop-split-handle:hover span{opacity:1;width:4px}
  .project-room{grid-template-columns:var(--split-project,clamp(300px,20vw,420px)) 10px minmax(0,1fr)!important}.friends-room{grid-template-columns:var(--split-friends,clamp(320px,24vw,460px)) 10px minmax(0,1fr)!important}.task-workspace-centered{grid-template-columns:var(--split-tasks,minmax(280px,360px)) 10px minmax(0,1fr)!important}.notes-workspace-centered{grid-template-columns:var(--split-notes,minmax(280px,360px)) 10px minmax(0,1fr)!important}.word-workspace{grid-template-columns:var(--split-journal,minmax(300px,390px)) 10px minmax(0,1fr)!important}
}
@media (max-width:1180px){.desktop-split-handle{display:none!important}}
@media(max-width:720px) and (orientation:portrait){
  .language-switcher{transform:scale(.92);transform-origin:top right}.top-language-switcher{position:absolute;top:8px;inset-inline-end:10px;z-index:5}.top-language-switcher span{display:none}.login-language-switcher{top:10px;inset-inline-end:10px}.shell.mobile-friend-chat-mode #screen{height:calc(100dvh - 50px - env(safe-area-inset-bottom,0px))!important;overflow:hidden!important;padding-bottom:0!important}.friends-room.friend-chat-open{height:100%!important;padding:0!important;overflow:hidden!important}.friends-room.friend-chat-open .friend-chat-panel{height:100%!important;border-radius:18px!important;overflow:hidden!important}.friends-room.friend-chat-open .friend-chat-header{position:relative!important;top:auto!important;min-height:44px!important;padding:6px 7px!important;display:grid!important;grid-template-columns:1fr!important;gap:4px!important}.friends-room.friend-chat-open .chat-title-block{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:7px!important}.friends-room.friend-chat-open .chat-avatar{width:36px!important;height:36px!important;border-radius:13px!important}.friends-room.friend-chat-open .chat-title-block h2{font-size:.94rem!important;line-height:1.08!important}.friends-room.friend-chat-open .chat-title-block p{font-size:.68rem!important;line-height:1!important}.friends-room.friend-chat-open .chat-header-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}.friends-room.friend-chat-open .chat-header-actions .soft-btn,.friends-room.friend-chat-open .chat-header-actions .primary-btn{min-height:30px!important;padding:5px 3px!important;font-size:.72rem!important;border-radius:11px!important}.friends-room.friend-chat-open .messages{touch-action:pan-y!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:7px 8px 4px!important}.friends-room.friend-chat-open .composer{padding:5px 6px max(5px,env(safe-area-inset-bottom,0px))!important;gap:4px!important}.friends-room.friend-chat-open .composer textarea{min-height:36px!important;max-height:88px!important}.friends-room.friend-list-open .friend-row-actions{gap:3px!important}.friends-room.friend-list-open .friend-call-btn,.friends-room.friend-list-open .friend-video-btn{width:38px!important;height:38px!important;border-radius:14px!important;font-size:16px!important}.friends-room.friend-list-open .friend-delete-text{font-size:9px!important}.contact-phone-row{grid-template-columns:minmax(0,1fr) auto!important}.friend-row-actions{gap:4px!important}
}

/* V51.0.76 — final client micro-polish: flags, contact actions, desktop rail and mobile direct-chat frame. */
.language-switcher{font-family:Inter,system-ui,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important}
.language-switcher .flag-emoji{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;font-size:1.08rem;line-height:1;display:inline-block;filter:none!important}
.login-language-switcher{left:16px!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important}
.topbar{position:relative!important}.top-language-switcher{position:absolute!important;left:12px!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;margin:0!important;z-index:8!important}
.friend-row-actions{gap:5px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}
.friend-call-btn,.friend-video-btn{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;width:34px!important;height:34px!important;border-radius:13px!important;font-size:16px!important;line-height:1!important}
.friend-video-btn{font-size:15px!important;background:#0d8f73!important}.friend-call-btn{background:#08785f!important}
.friend-edit-text,.friend-delete-text{border:0!important;background:transparent!important;color:var(--muted)!important;font-size:10px!important;font-weight:850!important;line-height:1.05!important;padding:2px 3px!important;cursor:pointer!important;min-width:auto!important;height:auto!important;box-shadow:none!important}.friend-edit-text{color:#0b6f59!important}.friend-edit-text:hover,.friend-delete-text:hover{text-decoration:underline!important}
@media (min-width:1181px){
  .friends-head .muted{max-width:360px!important;font-size:.9rem!important;line-height:1.35!important}.friends-head{align-items:flex-start!important}
  .project-rail,.friends-list,.task-side-list,.notes-side-list,.journal-side-list{min-height:0!important;overflow:hidden!important}.project-rail{display:flex!important;flex-direction:column!important;height:100%!important}.project-rail .search-box{flex:0 0 auto!important}.project-rail .rail-project-list,.project-rail .list{flex:1 1 auto!important;min-height:110px!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}.project-rail .top-actions,.project-rail .section-head{flex:0 0 auto!important}
}
@media(max-width:720px) and (orientation:portrait){
  .top-language-switcher{left:10px!important;right:auto!important;top:8px!important;transform:scale(.92)!important;transform-origin:top left!important}.login-language-switcher{left:10px!important;right:auto!important;top:10px!important;transform-origin:top left!important}.top-language-switcher span:not(.flag-emoji){display:none!important}
  .friends-room.friend-list-open .contact-phone-row{grid-template-columns:minmax(0,1fr) 78px!important;gap:6px!important}.friends-room.friend-list-open .friend-row-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;align-items:center!important;justify-items:center!important;align-self:stretch!important}.friends-room.friend-list-open .friend-call-btn,.friends-room.friend-list-open .friend-video-btn{width:34px!important;height:34px!important;border-radius:13px!important;font-size:15px!important}.friends-room.friend-list-open .friend-edit-text,.friends-room.friend-list-open .friend-delete-text{font-size:9px!important;padding:1px!important;align-self:start!important}
  .shell.mobile-friend-chat-mode{height:100dvh!important;min-height:0!important;overflow:hidden!important}.shell.mobile-friend-chat-mode .main{height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:5px!important;display:flex!important;flex-direction:column!important}.shell.mobile-friend-chat-mode #screen{height:calc(100dvh - 10px - env(safe-area-inset-bottom,0px))!important;min-height:0!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important}.friends-room.friend-chat-open{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important}.friends-room.friend-chat-open .friends-list,.friends-room.friend-chat-open .desktop-split-handle{display:none!important}.friends-room.friend-chat-open .friend-chat-panel{display:flex!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--line)!important}.friends-room.friend-chat-open .friend-chat,.friends-room.friend-chat-open .chat-frame{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;overflow:hidden!important}.friends-room.friend-chat-open .friend-chat-header,.friends-room.friend-chat-open .chat-header{flex:0 0 auto!important;min-height:42px!important;padding:6px 7px!important;position:relative!important;top:auto!important;border-bottom:1px solid var(--line)!important}.friends-room.friend-chat-open .messages{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:8px 8px 6px!important}.friends-room.friend-chat-open .composer{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;align-items:end!important;padding:6px 7px max(8px,env(safe-area-inset-bottom,0px))!important;background:#fff!important;border-top:1px solid var(--line)!important}.friends-room.friend-chat-open .composer textarea{min-height:38px!important;max-height:92px!important}.friends-room.friend-chat-open .composer .primary-btn{min-height:38px!important;padding:0 9px!important}.friends-room.friend-chat-open .attach-btn,.friends-room.friend-chat-open .voice-msg-btn{min-height:38px!important;min-width:38px!important;border-radius:12px!important}
}

/* V51.0.77 — final read/mailbox/voice-call desktop and mobile polish. */
.language-switcher .flag-emoji{display:none!important}
.flag-icon{position:relative;display:inline-block;width:18px;height:18px;min-width:18px;border-radius:50%;overflow:hidden;border:1px solid rgba(15,23,42,.18);box-shadow:0 3px 9px rgba(15,23,42,.14);background:#fff;vertical-align:middle}
.flag-us{background:repeating-linear-gradient(to bottom,#b91c1c 0 2px,#fff 2px 4px)}
.flag-us:before{content:"";position:absolute;left:0;top:0;width:48%;height:56%;background:#1d4ed8}
.flag-il{background:#fff}
.flag-il:before{content:"";position:absolute;left:0;right:0;top:4px;height:3px;background:#2563eb;box-shadow:0 8px 0 #2563eb}
.flag-il:after{content:"✡";position:absolute;left:0;right:0;top:2px;text-align:center;font-size:9px;line-height:14px;color:#2563eb;font-weight:800}
.voice-call-dock .call-stage{background:radial-gradient(circle at 50% 22%,rgba(34,197,94,.22),rgba(15,23,42,.98) 48%,#020617 100%)}
.voice-call-stage-wrap{position:relative;display:grid;place-items:center;overflow:hidden}
.voice-call-stage{position:relative;z-index:2;text-align:center;color:#fff;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:250px}
.voice-call-stage h3{margin:0;font-size:1.15rem;font-weight:900}.voice-call-stage p{margin:0;max-width:360px;color:rgba(226,232,240,.86);line-height:1.45}
.voice-call-orb{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#22c55e,#0f766e);box-shadow:0 18px 48px rgba(34,197,94,.35),inset 0 1px 0 rgba(255,255,255,.32)}
.voice-hidden-grid{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:.01!important;pointer-events:none!important;overflow:hidden!important}
.voice-call-status{position:static!important;background:transparent!important;min-height:auto!important;padding-top:4px!important;color:rgba(226,232,240,.9)!important}
@media (min-width:1181px){
  .project-room{height:calc(100dvh - 122px)!important;min-height:0!important;overflow:hidden!important}
  .project-rail{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
  .project-rail .rail-section{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}
  .project-rail .project-intro-mini{padding:6px 8px!important;font-size:.72rem!important;line-height:1.2!important;max-height:44px!important;overflow:hidden!important}
  .rail-project-list{flex:1 1 auto!important;min-height:180px!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-inline-end:6px!important}
  .rail-project-list .row{min-height:42px!important;padding:7px 8px!important}
  .project-pills{gap:5px!important;margin:6px 0!important}.project-pills .pill{font-size:.74rem!important;padding:5px 8px!important;border-radius:999px!important}
  .rail-actions{gap:6px!important}.rail-actions .primary-btn,.rail-actions .soft-btn,.rail-tabs button{min-height:30px!important;padding:6px 8px!important;font-size:.82rem!important;border-radius:12px!important;line-height:1.15!important}
  .rail-tabs{gap:5px!important;flex-wrap:wrap!important}.rail-tabs button{flex:1 1 auto!important;min-width:88px!important}
}


/* V51.0.78 — final desktop language placement and Android editedAt build fix. */
@media (min-width:1181px){
  .topbar{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:14px!important;
    padding-left:156px!important;
  }
  .topbar .mobile-menu-btn{display:none!important}
  .top-language-switcher{
    position:absolute!important;
    left:12px!important;
    right:auto!important;
    top:0!important;
    margin:0!important;
    transform:none!important;
    z-index:8!important;
  }
  .topbar .title-block{min-width:0!important;grid-column:1!important}
  .topbar .top-actions{grid-column:2!important;justify-self:end!important;max-width:min(520px,42vw)!important}
  .login-language-switcher{
    left:22px!important;
    right:auto!important;
    top:22px!important;
    z-index:9!important;
  }
}

/* V51.0.79 — desktop-only project rail real scroll fix.
   Keeps Contacts/Mobile/Android untouched. The project browser now owns the remaining rail height,
   the search stays visible, and only the project rows scroll inside the desktop project sidebar. */
@media (min-width:1181px){
  .project-room .project-rail{
    height:100%!important;
    max-height:calc(100dvh - 122px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .project-room .rail-project-head,
  .project-room .project-pills,
  .project-room .rail-actions,
  .project-room .rail-tabs{
    flex:0 0 auto!important;
  }
  .project-room .rail-section{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .project-room .rail-section .section-head.mini,
  .project-room .rail-section .project-intro-mini,
  .project-room .rail-section .search-box{
    flex:0 0 auto!important;
  }
  .project-room .rail-project-list{
    flex:1 1 0!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    padding-inline-end:7px!important;
    padding-bottom:8px!important;
  }
  .project-room .rail-project-list::-webkit-scrollbar{width:8px}
  .project-room .rail-project-list::-webkit-scrollbar-thumb{background:rgba(13,143,115,.34);border-radius:999px}
  .project-room .rail-project-list::-webkit-scrollbar-track{background:rgba(15,35,29,.05);border-radius:999px}
}


/* V51.0.81 — PWA install access only: Android, iOS and desktop. No product logic changes. */
.install-webapp-btn{
  border:1px solid rgba(15,159,118,.26);
  background:linear-gradient(135deg,#0f9f76,#16c784);
  color:#fff;
  border-radius:16px;
  min-height:40px;
  padding:8px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:950;
  box-shadow:0 14px 30px rgba(15,159,118,.20);
  white-space:nowrap;
  line-height:1;
  cursor:pointer;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
}
.install-webapp-btn:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(15,159,118,.26);filter:saturate(1.04)}
.install-webapp-btn.installed{background:linear-gradient(135deg,#10231d,#24463d);border-color:rgba(255,255,255,.12);box-shadow:0 10px 22px rgba(15,23,42,.14)}
.install-webapp-logo{width:23px;height:23px;border-radius:8px;object-fit:contain;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);padding:2px;flex:0 0 auto}
.install-webapp-btn small{font-size:10px;font-weight:950;opacity:.84;margin-inline-start:-2px}
.install-webapp-btn-login{width:100%;min-height:48px;border-radius:18px;margin-top:10px;font-size:1rem}
.login-install-row{display:grid;width:100%;max-width:340px;margin:12px auto 0}
.sidebar-install-wrap{display:none}
.pwa-install-guide{display:grid;gap:14px}.pwa-install-hero{display:flex;align-items:center;gap:14px;padding:14px;border-radius:22px;background:linear-gradient(135deg,#ecfdf5,#ffffff);border:1px solid rgba(15,159,118,.20)}
.pwa-install-hero-logo{width:58px;height:58px;border-radius:18px;object-fit:contain;background:#fff;box-shadow:0 12px 30px rgba(15,159,118,.18);padding:5px}.pwa-install-hero b{display:block;font-size:1.18rem;color:#063f32}.pwa-install-hero span{display:block;color:var(--muted);font-weight:760;margin-top:3px;line-height:1.35}.pwa-install-steps{margin:0;padding-inline-start:22px;display:grid;gap:10px;color:#243f38;font-weight:780;line-height:1.55}.pwa-install-actions{display:flex;gap:10px;flex-wrap:wrap}.pwa-install-actions .primary-btn:disabled{display:none}
.top-actions>.install-webapp-btn-top{flex:0 0 auto}
@media (min-width:1181px){
  .topbar .top-actions>.install-webapp-btn-top{min-height:36px;padding:7px 11px;border-radius:14px}
}
@media (max-width:720px) and (orientation:portrait){
  .install-webapp-btn{min-height:36px;padding:7px 10px;border-radius:14px;font-size:12px;gap:6px}
  .install-webapp-logo{width:21px;height:21px;border-radius:7px}
  .install-webapp-btn-top small{display:none}
  .top-actions>.install-webapp-btn-top{position:sticky;inset-inline-start:0;z-index:3;box-shadow:0 12px 26px rgba(15,159,118,.22)}
  .shell.mobile-nav-open .sidebar-install-wrap{display:block!important;margin:4px 0 8px}
  .sidebar-install-wrap .install-webapp-btn{width:100%;justify-content:center;min-height:44px;border-radius:16px}
  .login-install-row{max-width:none;margin-top:10px}.install-webapp-btn-login{min-height:46px}
  .pwa-install-hero{padding:12px;border-radius:18px}.pwa-install-hero-logo{width:50px;height:50px;border-radius:16px}.pwa-install-actions{display:grid;grid-template-columns:1fr}.pwa-install-actions>*{width:100%}
}


/* V51.0.83 — client journey production layer: screen-level path, no product logic changes. */
.client-journey-card{display:grid;grid-template-columns:minmax(0,1.1fr) auto auto;gap:16px;align-items:center;margin-bottom:14px;background:linear-gradient(135deg,#ffffff 0%,#f0fbf7 100%);border-color:rgba(15,159,118,.22);box-shadow:0 18px 42px rgba(15,159,118,.09)}
.client-journey-card h2{margin:2px 0 6px;font-size:clamp(1.22rem,1.55vw,1.9rem);letter-spacing:-.025em}.client-journey-card p{margin:0;color:var(--muted);font-weight:650;line-height:1.5}.client-journey-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.client-journey-pills span{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;background:#e7f7f1;color:#075f4e;border:1px solid rgba(15,159,118,.18);padding:6px 10px;font-size:.78rem;font-weight:950;white-space:nowrap}.client-journey-login{margin-top:18px}.login-hero-simple .client-journey-pills span{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.2);color:#fff}.client-journey-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.client-journey-mini-stats{display:flex;gap:8px;align-items:stretch}.client-journey-mini-stats span{min-width:78px;border-radius:18px;background:#fff;border:1px solid var(--line);padding:10px;text-align:center;color:var(--muted);font-size:.78rem;font-weight:850}.client-journey-mini-stats b{display:block;color:var(--brand-strong);font-size:1.22rem;line-height:1;font-weight:950}.guest-intro-v5183{grid-template-columns:minmax(0,1fr) auto}.guest-intro-v5183 .guest-mini-stats{align-content:center}.guest-locked-v5183 .client-journey-pills{justify-content:center}.project-empty-pro .client-journey-pills,.friend-empty .client-journey-pills{justify-content:center;margin:14px auto;max-width:760px}.strategic-empty-note{border:1px dashed rgba(15,159,118,.32);background:#f6fffb;border-radius:20px;padding:16px;text-align:center}.strategic-empty-note h3{margin:4px 0 6px}.strategic-empty-note p{margin:0 0 12px;color:var(--muted);font-weight:650}@media(max-width:1180px){.client-journey-card{grid-template-columns:1fr}.client-journey-actions{justify-content:flex-start}.client-journey-mini-stats{justify-content:flex-start}}@media(max-width:720px){.client-journey-card{padding:14px!important;border-radius:20px;margin-bottom:10px}.client-journey-card h2{font-size:1.12rem}.client-journey-card p{font-size:.9rem}.client-journey-pills{gap:5px}.client-journey-pills span{font-size:.68rem;min-height:26px;padding:5px 8px}.client-journey-actions{display:grid;grid-template-columns:1fr;gap:7px}.client-journey-actions .primary-btn,.client-journey-actions .soft-btn{width:100%;min-height:38px}.client-journey-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.client-journey-mini-stats span{min-width:0;padding:8px 4px;border-radius:14px}.guest-intro-v5183{grid-template-columns:1fr}.login-hero-simple .client-journey-pills{justify-content:center}.project-empty-pro .client-journey-pills,.friend-empty .client-journey-pills{justify-content:center}}

/* V51.0.84 — surgical first-page conversion only (Web login screen) */
.login-first-action .login-hero-simple h1{max-width:920px}.login-first-action .login-hero-simple p{max-width:820px;font-size:clamp(1.02rem,1.18vw,1.22rem);line-height:1.58}.login-first-action .login-card-simple h2{font-size:clamp(1.45rem,1.85vw,2.2rem);letter-spacing:-.035em}.login-first-action .login-one-liner{font-size:1rem;line-height:1.5}.login-first-action .guest-entry-open{margin-top:14px;border-color:rgba(13,143,115,.25);background:linear-gradient(180deg,#f7fffc,#edf8f4);box-shadow:0 14px 34px rgba(13,143,115,.08)}.login-first-action .guest-login-primary{width:100%;min-height:54px;font-size:1.04rem;border-radius:16px}.login-first-action .guest-shock-line{font-weight:850;color:#075f4e;text-align:center}.login-first-action .google-login-big{width:100%;min-height:48px}.login-first-action .or-divider{margin:14px 0 10px}.login-first-action .terms-check-wrap{margin-top:0}.login-first-action .terms-preview summary{font-size:.82rem}.login-first-action .terms-preview pre{max-height:120px}.login-proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.login-proof-row span{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:900;font-size:.86rem}
@media(max-width:860px){.login-first-action .login-hero-simple p{font-size:.98rem}.login-first-action .guest-entry-open{padding:12px}.login-first-action .guest-login-primary{min-height:52px}.login-first-action .terms-preview pre{max-height:95px}.login-first-action .login-card-simple{padding:16px!important}.login-proof-row{justify-content:center;margin-top:12px}.login-proof-row span{min-height:28px;padding:6px 9px;font-size:.78rem}}


/* V51.0.84 hotfix — desktop first-entry fit only. Mobile keeps the existing responsive rules. */
@media (min-width:861px){
  .login-first-action.login-production-simple{
    min-height:100vh!important;
    height:100vh!important;
    overflow:hidden!important;
    align-items:center!important;
    grid-template-columns:minmax(0,1fr) minmax(340px,410px)!important;
    gap:clamp(18px,3vw,40px)!important;
    padding:clamp(14px,2.2vw,34px)!important;
  }
  .login-first-action .login-hero-simple{
    align-self:center!important;
  }
  .login-first-action .login-hero-simple h1{
    font-size:clamp(2.1rem,4.6vw,4.35rem)!important;
    line-height:.98!important;
    margin:8px 0 10px!important;
  }
  .login-first-action .login-hero-simple p{
    max-width:700px!important;
    font-size:clamp(.98rem,1.1vw,1.14rem)!important;
    line-height:1.48!important;
  }
  .login-first-action .login-proof-row{
    margin-top:12px!important;
  }
  .login-first-action .login-proof-row span{
    min-height:28px!important;
    padding:6px 10px!important;
    font-size:.82rem!important;
  }
  .login-first-action .login-card-simple{
    max-width:410px!important;
    padding:clamp(14px,1.45vw,20px)!important;
    align-self:center!important;
    max-height:calc(100vh - 36px)!important;
    overflow:hidden!important;
  }
  .login-first-action .login-card-logo{
    width:40px!important;
    height:40px!important;
  }
  .login-first-action .login-card-simple h2{
    font-size:1.34rem!important;
    margin:2px 0 3px!important;
  }
  .login-first-action .login-one-liner{
    font-size:.88rem!important;
    line-height:1.32!important;
    margin:0 0 8px!important;
  }
  .login-first-action .guest-entry-open{
    margin-top:8px!important;
    padding:10px!important;
    gap:8px!important;
    border-radius:16px!important;
  }
  .login-first-action .guest-entry-open .field{
    gap:4px!important;
  }
  .login-first-action .guest-entry-open input{
    min-height:38px!important;
    border-radius:12px!important;
    padding:7px 10px!important;
  }
  .login-first-action .guest-login-primary{
    min-height:42px!important;
    border-radius:14px!important;
    font-size:.96rem!important;
  }
  .login-first-action .guest-shock-line{
    font-size:.78rem!important;
    line-height:1.28!important;
  }
  .login-first-action .or-divider{
    margin:9px 0 7px!important;
  }
  .login-first-action .terms-check-wrap{
    margin:0!important;
    padding:8px 10px!important;
    border-radius:14px!important;
  }
  .login-first-action .terms-preview pre{
    max-height:70px!important;
  }
  .login-first-action .google-slot{
    margin-top:8px!important;
  }
  .login-first-action .google-login-big{
    min-height:42px!important;
    border-radius:14px!important;
    font-size:.92rem!important;
  }
  .login-first-action .login-install-row{
    margin-top:7px!important;
  }
  .login-first-action .trust-line-simple{
    margin-top:7px!important;
  }
  .login-first-action .copyright-line{
    margin-top:6px!important;
    font-size:10px!important;
  }
}

/* V51.0.84 desktop/mobile login micro-hotfix — tighter first fold + clearer Google CTA */
@media (min-width:861px){
  .login-first-action.login-production-simple{
    grid-template-columns:minmax(0,1fr) minmax(330px,392px)!important;
    gap:clamp(14px,2.3vw,32px)!important;
    padding:clamp(10px,1.7vw,26px)!important;
  }
  .login-first-action .login-logo-wrap{margin-bottom:6px!important}
  .login-first-action .eyebrow{font-size:.76rem!important;margin:2px 0!important}
  .login-first-action .login-hero-simple h1{
    font-size:clamp(1.9rem,4.1vw,3.9rem)!important;
    line-height:.97!important;
    margin:6px 0 8px!important;
  }
  .login-first-action .login-hero-simple p{
    max-width:660px!important;
    font-size:clamp(.92rem,1vw,1.06rem)!important;
    line-height:1.4!important;
  }
  .login-first-action .login-proof-row{margin-top:9px!important;gap:6px!important}
  .login-first-action .login-proof-row span{min-height:24px!important;padding:5px 8px!important;font-size:.76rem!important}
  .login-first-action .login-card-simple{
    max-width:392px!important;
    padding:12px 14px!important;
    max-height:calc(100vh - 24px)!important;
  }
  .login-first-action .login-card-logo{width:34px!important;height:34px!important}
  .login-first-action .login-card-simple h2{font-size:1.22rem!important;line-height:1.08!important;margin:1px 0 2px!important}
  .login-first-action .login-one-liner{font-size:.82rem!important;line-height:1.24!important;margin:0 0 6px!important}
  .login-first-action .guest-entry-open{margin-top:6px!important;padding:8px!important;gap:6px!important;border-radius:14px!important}
  .login-first-action .guest-entry-open label{font-size:.76rem!important}
  .login-first-action .guest-entry-open input{min-height:34px!important;padding:6px 9px!important;font-size:.9rem!important}
  .login-first-action .guest-login-primary{min-height:38px!important;font-size:.92rem!important;border-radius:12px!important}
  .login-first-action .guest-shock-line{font-size:.72rem!important;line-height:1.18!important;margin:2px 0 0!important}
  .login-first-action .or-divider{margin:7px 0 5px!important}
  .login-first-action .or-divider span{font-size:.72rem!important}
  .login-first-action .terms-check-wrap{padding:6px 8px!important;border-radius:12px!important}
  .login-first-action .terms-check{font-size:.74rem!important;line-height:1.18!important}
  .login-first-action .terms-preview summary{font-size:.72rem!important}
  .login-first-action .terms-preview pre{max-height:54px!important;font-size:.68rem!important}
  .login-first-action .google-slot{margin-top:7px!important}
  .login-first-action .google-login-big{
    min-height:48px!important;
    border-radius:15px!important;
    font-size:1rem!important;
    font-weight:950!important;
    border:2px solid rgba(15,159,118,.55)!important;
    background:#ffffff!important;
    color:#064e3b!important;
    box-shadow:0 14px 28px rgba(15,159,118,.24)!important;
    transform:translateY(0)!important;
  }
  .login-first-action .google-login-big:hover{transform:translateY(-1px)!important;box-shadow:0 18px 34px rgba(15,159,118,.3)!important}
  .login-first-action .login-install-row{margin-top:5px!important}
  .login-first-action .trust-line-simple{margin-top:5px!important;gap:5px!important}
  .login-first-action .trust-line-simple .pill{padding:4px 7px!important;font-size:.68rem!important}
  .login-first-action .copyright-line{margin-top:4px!important;font-size:9px!important}
}
@media (max-width:860px){
  .login-first-action.login-production-simple{padding:12px 12px 16px!important;gap:10px!important}
  .login-first-action .login-hero-simple h1{font-size:clamp(1.72rem,9.4vw,2.58rem)!important;line-height:1!important;margin:6px 0 7px!important}
  .login-first-action .login-hero-simple p{font-size:.9rem!important;line-height:1.36!important}
  .login-first-action .login-proof-row{margin-top:8px!important;gap:5px!important}
  .login-first-action .login-proof-row span{min-height:24px!important;padding:5px 7px!important;font-size:.7rem!important}
  .login-first-action .login-card-simple{padding:13px!important;border-radius:22px!important}
  .login-first-action .login-card-simple h2{font-size:1.2rem!important;margin:1px 0 3px!important}
  .login-first-action .login-one-liner{font-size:.82rem!important;line-height:1.3!important}
  .login-first-action .guest-entry-open{padding:9px!important;gap:7px!important;margin-top:7px!important}
  .login-first-action .guest-entry-open input{min-height:36px!important}
  .login-first-action .guest-login-primary{min-height:42px!important;font-size:.93rem!important}
  .login-first-action .guest-shock-line{font-size:.74rem!important;line-height:1.22!important;margin:2px 0 0!important}
  .login-first-action .or-divider{margin:8px 0 6px!important}
  .login-first-action .terms-check-wrap{padding:7px 8px!important}
  .login-first-action .terms-check{font-size:.74rem!important;line-height:1.2!important}
  .login-first-action .terms-preview pre{max-height:62px!important}
  .login-first-action .google-login-big{min-height:48px!important;font-size:.98rem!important;font-weight:950!important;border:2px solid rgba(15,159,118,.55)!important;box-shadow:0 12px 26px rgba(15,159,118,.22)!important}
}

/* V51.0.84 emergency desktop fit hotfix — login must occupy the first fold without page scrollbar */
#app.app-shell:has(.login-first-action){
  padding:0!important;
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
}
body:has(.login-first-action){overflow:hidden!important;}
.login-first-action.login-production-simple{box-sizing:border-box!important;}
@media (min-width:861px){
  .login-first-action.login-production-simple{
    height:100dvh!important;
    min-height:100dvh!important;
    padding:10px 18px!important;
    overflow:hidden!important;
  }
  .login-first-action .login-card-simple{max-height:calc(100dvh - 20px)!important;}
}
@media (min-width:861px) and (max-height:820px){
  .login-first-action.login-production-simple{padding:8px 16px!important;gap:18px!important;}
  .login-first-action .login-hero-simple h1{font-size:clamp(1.72rem,3.6vw,3.35rem)!important;margin:4px 0 6px!important;}
  .login-first-action .login-hero-simple p{font-size:.9rem!important;line-height:1.32!important;max-width:620px!important;margin:0!important;}
  .login-first-action .login-logo-img{width:70px!important;height:70px!important;}
  .login-first-action .login-proof-row{margin-top:7px!important;}
  .login-first-action .login-card-simple{padding:10px 12px!important;max-width:384px!important;}
  .login-first-action .login-card-brand{display:none!important;}
  .login-first-action .login-card-simple h2{font-size:1.12rem!important;margin:0 0 2px!important;}
  .login-first-action .login-one-liner{font-size:.78rem!important;line-height:1.18!important;margin:0 0 4px!important;}
  .login-first-action .guest-entry-open{margin-top:4px!important;padding:7px!important;gap:5px!important;}
  .login-first-action .guest-entry-open input{min-height:31px!important;font-size:.86rem!important;}
  .login-first-action .guest-login-primary{min-height:35px!important;font-size:.88rem!important;}
  .login-first-action .guest-shock-line{font-size:.68rem!important;line-height:1.1!important;}
  .login-first-action .or-divider{margin:5px 0 4px!important;}
  .login-first-action .terms-check-wrap{padding:5px 7px!important;}
  .login-first-action .terms-check{font-size:.7rem!important;line-height:1.12!important;}
  .login-first-action .terms-preview summary{font-size:.68rem!important;}
  .login-first-action .terms-preview pre{max-height:42px!important;}
  .login-first-action .google-slot{margin-top:5px!important;}
  .login-first-action .google-login-big{min-height:44px!important;font-size:.96rem!important;}
  .login-first-action .login-install-row{margin-top:4px!important;}
  .login-first-action .trust-line-simple{margin-top:4px!important;}
  .login-first-action .copyright-line{display:none!important;}
}

/* V51.0.88 — MOBILE ONLY first-entry restore: keep desktop untouched, allow phone scroll + full first page */
@media (max-width:860px){
  html:has(.login-first-action),
  body:has(.login-first-action){
    height:auto!important;
    min-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #app.app-shell:has(.login-first-action){
    height:auto!important;
    min-height:100dvh!important;
    overflow:visible!important;
    padding:0!important;
  }
  .login-first-action.login-production-simple{
    width:100%!important;
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px 10px calc(16px + env(safe-area-inset-bottom,0px))!important;
    overflow:visible!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }
  .login-first-action .login-language-switcher{
    position:static!important;
    order:-2!important;
    align-self:flex-end!important;
    margin:0 0 2px!important;
    transform:none!important;
  }
  .login-first-action .login-hero-simple{
    order:0!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    display:block!important;
    overflow:visible!important;
    padding:12px 12px 10px!important;
    border-radius:22px!important;
  }
  .login-first-action .login-logo-wrap{
    display:block!important;
    margin:0 0 5px!important;
  }
  .login-first-action .login-logo-img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
  }
  .login-first-action .eyebrow{
    display:block!important;
    font-size:.68rem!important;
    margin:0 0 4px!important;
  }
  .login-first-action .login-hero-simple h1{
    font-size:clamp(1.42rem,7.2vw,2.05rem)!important;
    line-height:1.04!important;
    margin:0 0 6px!important;
  }
  .login-first-action .login-hero-simple p{
    font-size:.82rem!important;
    line-height:1.34!important;
    margin:0!important;
    max-width:none!important;
  }
  .login-first-action .login-proof-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:8px!important;
  }
  .login-first-action .login-proof-row span{
    min-height:22px!important;
    padding:4px 6px!important;
    font-size:.66rem!important;
    line-height:1.1!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .login-first-action .login-card-simple{
    order:1!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:12px!important;
    border-radius:22px!important;
    align-self:stretch!important;
    justify-self:stretch!important;
  }
  .login-first-action .login-card-brand{
    display:none!important;
  }
  .login-first-action .login-card-simple h2{
    font-size:1.1rem!important;
    line-height:1.1!important;
    margin:0 0 3px!important;
  }
  .login-first-action .login-one-liner{
    font-size:.78rem!important;
    line-height:1.24!important;
    margin:0 0 6px!important;
  }
  .login-first-action .guest-entry-open{
    margin-top:6px!important;
    padding:8px!important;
    gap:6px!important;
    border-radius:14px!important;
  }
  .login-first-action .guest-entry-open label{
    font-size:.7rem!important;
    line-height:1.1!important;
  }
  .login-first-action .guest-entry-open input{
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:.88rem!important;
    border-radius:12px!important;
  }
  .login-first-action .guest-login-primary{
    min-height:38px!important;
    font-size:.9rem!important;
    border-radius:13px!important;
  }
  .login-first-action .guest-shock-line{
    font-size:.68rem!important;
    line-height:1.16!important;
    margin:1px 0 0!important;
  }
  .login-first-action .or-divider{
    margin:6px 0 5px!important;
  }
  .login-first-action .or-divider span{
    font-size:.68rem!important;
  }
  .login-first-action .terms-check-wrap{
    padding:6px 8px!important;
    border-radius:12px!important;
  }
  .login-first-action .terms-check{
    font-size:.69rem!important;
    line-height:1.16!important;
  }
  .login-first-action .terms-preview summary{
    font-size:.68rem!important;
  }
  .login-first-action .terms-preview pre{
    max-height:44px!important;
    font-size:.66rem!important;
  }
  .login-first-action .google-slot{
    margin-top:6px!important;
  }
  .login-first-action .google-login-big{
    width:100%!important;
    min-height:42px!important;
    font-size:.91rem!important;
    font-weight:950!important;
    border-radius:14px!important;
  }
  .login-first-action .login-install-row,
  .login-first-action .trust-line-simple{
    margin-top:5px!important;
  }
  .login-first-action .trust-line-simple{
    gap:5px!important;
  }
  .login-first-action .trust-line-simple .pill{
    padding:4px 7px!important;
    font-size:.66rem!important;
  }
  .login-first-action .copyright-line{
    display:block!important;
    margin-top:4px!important;
    font-size:9px!important;
  }
}

@media (max-width:390px){
  .login-first-action.login-production-simple{padding:6px 8px calc(14px + env(safe-area-inset-bottom,0px))!important;gap:6px!important}
  .login-first-action .login-hero-simple{padding:10px!important;border-radius:20px!important}
  .login-first-action .login-logo-img{width:42px!important;height:42px!important}
  .login-first-action .login-hero-simple h1{font-size:clamp(1.28rem,7vw,1.78rem)!important}
  .login-first-action .login-hero-simple p{font-size:.78rem!important;line-height:1.28!important}
  .login-first-action .login-proof-row{gap:4px!important;margin-top:6px!important}
  .login-first-action .login-card-simple{padding:10px!important;border-radius:20px!important}
  .login-first-action .login-one-liner{font-size:.74rem!important;line-height:1.18!important}
  .login-first-action .guest-entry-open input{min-height:32px!important}
  .login-first-action .guest-login-primary{min-height:36px!important}
  .login-first-action .google-login-big{min-height:40px!important;font-size:.88rem!important}
}

/* V51.0.88 — MOBILE FIRST-PAGE FINAL: page-one phone layout only, desktop untouched */
.mobile-entry-story{display:none!important;}
@media (max-width:860px){
  html:has(.login-first-action),
  body:has(.login-first-action){
    height:auto!important;
    min-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body:has(.login-first-action){
    position:static!important;
  }
  #app.app-shell:has(.login-first-action){
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
  }
  .login-first-action.login-production-simple{
    width:100%!important;
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:10px 10px calc(22px + env(safe-area-inset-bottom,0px))!important;
    overflow:visible!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }
  .login-first-action .login-language-switcher{
    position:static!important;
    order:0!important;
    align-self:flex-start!important;
    margin:0 0 2px!important;
    transform:none!important;
    z-index:5!important;
  }
  .login-first-action .login-hero-simple{
    order:1!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:14px 14px 12px!important;
    border-radius:24px!important;
    text-align:center!important;
  }
  .login-first-action .login-logo-wrap{
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0 auto 7px!important;
  }
  .login-first-action .login-logo-img{
    display:block!important;
    width:54px!important;
    height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .login-first-action .eyebrow{
    display:block!important;
    font-size:.7rem!important;
    margin:0 0 4px!important;
  }
  .login-first-action .login-hero-simple h1{
    display:block!important;
    font-size:clamp(1.42rem,7.1vw,2.04rem)!important;
    line-height:1.05!important;
    margin:0 0 7px!important;
  }
  .login-first-action .login-hero-simple p{
    display:block!important;
    font-size:.84rem!important;
    line-height:1.34!important;
    margin:0 auto!important;
    max-width:34rem!important;
  }
  .login-first-action .login-proof-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:9px!important;
  }
  .login-first-action .login-proof-row span{
    justify-content:center!important;
    text-align:center!important;
    min-height:24px!important;
    padding:5px 6px!important;
    font-size:.67rem!important;
    line-height:1.12!important;
  }
  .login-first-action .login-card-simple{
    order:2!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    padding:13px!important;
    border-radius:24px!important;
  }
  .login-first-action .login-card-brand{display:none!important;}
  .login-first-action .login-card-simple h2{font-size:1.12rem!important;line-height:1.12!important;margin:0 0 4px!important;}
  .login-first-action .login-one-liner{font-size:.78rem!important;line-height:1.25!important;margin:0 0 7px!important;}
  .login-first-action .guest-entry-open{margin-top:7px!important;padding:8px!important;gap:6px!important;border-radius:14px!important;}
  .login-first-action .guest-entry-open label{font-size:.7rem!important;line-height:1.1!important;}
  .login-first-action .guest-entry-open input{min-height:34px!important;padding:6px 9px!important;font-size:.88rem!important;border-radius:12px!important;}
  .login-first-action .guest-login-primary{min-height:38px!important;font-size:.9rem!important;border-radius:13px!important;}
  .login-first-action .guest-shock-line{font-size:.68rem!important;line-height:1.16!important;margin:1px 0 0!important;}
  .login-first-action .or-divider{margin:7px 0 5px!important;}
  .login-first-action .or-divider span{font-size:.68rem!important;}
  .login-first-action .terms-check-wrap{padding:6px 8px!important;border-radius:12px!important;}
  .login-first-action .terms-check{font-size:.69rem!important;line-height:1.16!important;}
  .login-first-action .terms-preview summary{font-size:.68rem!important;}
  .login-first-action .terms-preview pre{max-height:44px!important;font-size:.66rem!important;}
  .login-first-action .google-slot{margin-top:6px!important;}
  .login-first-action .google-login-big{width:100%!important;min-height:42px!important;font-size:.91rem!important;font-weight:950!important;border-radius:14px!important;}
  .login-first-action .login-install-row,.login-first-action .trust-line-simple{margin-top:5px!important;}
  .login-first-action .trust-line-simple{gap:5px!important;justify-content:center!important;}
  .login-first-action .trust-line-simple .pill{padding:4px 7px!important;font-size:.66rem!important;}
  .login-first-action .copyright-line{display:block!important;margin-top:4px!important;font-size:9px!important;text-align:center!important;}
  .mobile-entry-story{
    order:3!important;
    display:block!important;
    width:100%!important;
    padding:14px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,253,249,.94))!important;
    border:1px solid rgba(15,159,118,.18)!important;
    box-shadow:0 16px 38px rgba(13,143,115,.10)!important;
    color:#09231c!important;
    text-align:center!important;
  }
  .mobile-entry-story h3{margin:0 0 6px!important;font-size:1rem!important;line-height:1.15!important;font-weight:950!important;}
  .mobile-entry-story p{margin:0!important;color:#355a50!important;font-size:.82rem!important;line-height:1.42!important;font-weight:750!important;}
  .mobile-entry-story div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important;}
  .mobile-entry-story span{display:grid!important;place-items:center!important;min-height:30px!important;border-radius:999px!important;background:#e7f7f1!important;color:#075f4e!important;border:1px solid rgba(15,159,118,.18)!important;font-size:.7rem!important;font-weight:950!important;padding:5px 6px!important;}
}
@media (max-width:390px){
  .login-first-action.login-production-simple{padding:8px 8px calc(18px + env(safe-area-inset-bottom,0px))!important;gap:8px!important;}
  .login-first-action .login-hero-simple{padding:12px 10px!important;border-radius:21px!important;}
  .login-first-action .login-logo-img{width:46px!important;height:46px!important;}
  .login-first-action .login-hero-simple h1{font-size:clamp(1.28rem,6.8vw,1.72rem)!important;}
  .login-first-action .login-hero-simple p{font-size:.78rem!important;line-height:1.28!important;}
  .login-first-action .login-card-simple{padding:10px!important;border-radius:20px!important;}
  .login-first-action .login-one-liner{font-size:.74rem!important;line-height:1.18!important;}
  .mobile-entry-story{padding:12px!important;border-radius:20px!important;}
  .mobile-entry-story p{font-size:.76rem!important;line-height:1.34!important;}
}


/* V52.0.9 Samsung/mobile keyboard guard: keep chat composer focused and stable when the IME opens. */
@media (max-width:720px){
  html.chat-keyboard-active, body.chat-keyboard-active{overflow:hidden!important;}
  html.chat-keyboard-active .project-room,
  html.chat-keyboard-active .friends-room,
  html.chat-keyboard-active .shell.mobile-friend-chat-mode,
  html.chat-keyboard-active .shell.mobile-friend-chat-mode .main,
  html.chat-keyboard-active .shell.mobile-friend-chat-mode #screen{
    height:var(--imanager-keyboard-vh,100svh)!important;
    min-height:0!important;
  }
  html.chat-keyboard-active .project-main-chat,
  html.chat-keyboard-active .friend-chat-panel,
  html.chat-keyboard-active .chat-frame,
  html.chat-keyboard-active .messages{min-height:0!important;}
  html.chat-keyboard-active .composer{position:sticky!important;bottom:0!important;z-index:12!important;transform:translateZ(0)!important;}
  html.chat-keyboard-active #messageInput{font-size:16px!important;-webkit-user-select:text!important;user-select:text!important;touch-action:manipulation!important;}
}


/* V52.0.14 — Final Release Closure Pass P1
   Environment-specific stabilization only: mobile keyboard viewport and feed composer hierarchy. */
:root{--imanager-vh:100dvh;--keyboard-inset:0px}
.feed-composer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.feed-composer-head b{display:block;font-weight:950;color:#0b5f49}.feed-composer-head small{display:block;color:var(--muted);font-weight:800;margin-top:2px}.feed-composer-card-collapsed{padding:10px 12px!important}.feed-compose-open{width:100%;display:flex;align-items:center;gap:12px;text-align:inherit;border:1px dashed rgba(15,159,118,.32);background:linear-gradient(135deg,#f0fdf4,#ffffff);border-radius:18px;padding:13px 14px;cursor:pointer;color:inherit}.feed-compose-open span{width:36px;height:36px;border-radius:999px;background:#10b981;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:950;flex:0 0 auto}.feed-compose-open b{display:block;color:#0b5f49;font-weight:950}.feed-compose-open small{display:block;color:var(--muted);font-weight:800;margin-top:2px}
@media (max-width:720px) and (orientation:portrait){
  html.keyboard-open body{height:var(--imanager-vh)!important;min-height:var(--imanager-vh)!important}
  .shell,.main{height:var(--imanager-vh)!important;min-height:0!important}
  .project-room.chat-mode,.friends-room,.calendar-workspace{height:calc(var(--imanager-vh) - 112px)!important}
  .composer{padding-bottom:max(10px,env(safe-area-inset-bottom),var(--keyboard-inset))!important}
  .feed-page{min-height:calc(var(--imanager-vh) - 88px)!important}
  .feed-hero p{display:none!important}
  .feed-composer-card-collapsed{position:sticky!important;top:6px!important;z-index:5!important}
  .feed-compose-open{padding:10px 11px;border-radius:16px}.feed-compose-open span{width:32px;height:32px;font-size:20px}.feed-compose-open small{font-size:.78rem}
}

/* V52.0.14 — Final Release Closure Pass P1: modern chat actions, themes, project image, desktop virtual keyboard guard. */
:root{
  --theme-primary:#0f9f76;--theme-primary-strong:#075f4e;--theme-secondary:#14b8a6;--theme-accent:#f59e0b;--theme-bg:#eef7f3;
}
html[data-imanager-theme] body{background:linear-gradient(135deg,var(--theme-bg),#ffffff 62%,rgba(255,255,255,.72))!important;}
html[data-imanager-theme] .primary-btn,html[data-imanager-theme] .login-btn,html[data-imanager-theme] .project-tabs button.active,html[data-imanager-theme] .filter-tabs button.active{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;color:#fff!important;border-color:transparent!important;}
html[data-imanager-theme] .outline-btn:hover,html[data-imanager-theme] .soft-btn:hover,html[data-imanager-theme] .project-card:hover{border-color:color-mix(in srgb,var(--theme-primary) 34%,#d8e2de)!important;box-shadow:0 14px 32px color-mix(in srgb,var(--theme-primary) 12%,transparent)!important;}
html[data-imanager-theme] .chat-avatar,html[data-imanager-theme] .day-cell.today .day-num{background:linear-gradient(135deg,var(--theme-primary-strong),var(--theme-primary))!important;}
html[data-imanager-theme] .msg.mine{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 17%,#fff),color-mix(in srgb,var(--theme-secondary) 13%,#fff))!important;border-color:color-mix(in srgb,var(--theme-primary) 28%,#d8e2de)!important;}
html[data-imanager-theme] .messages{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--theme-primary) 12%,transparent),transparent 35%),linear-gradient(180deg,color-mix(in srgb,var(--theme-bg) 68%,#fff),#edf3f0)!important;}
.theme-settings-card{grid-column:1/-1;overflow:hidden;position:relative}.theme-settings-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--theme-primary),var(--theme-secondary),var(--theme-accent));}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.theme-choice{border:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--cbg,#f8fafc));border-radius:18px;padding:12px;text-align:start;display:grid;gap:8px;cursor:pointer;box-shadow:0 8px 22px rgba(7,18,15,.045);transition:.18s}.theme-choice:hover,.theme-choice.selected{transform:translateY(-1px);border-color:var(--c1);box-shadow:0 16px 34px color-mix(in srgb,var(--c1) 14%,transparent)}.theme-choice.selected{outline:3px solid color-mix(in srgb,var(--c1) 18%,transparent)}.theme-swatch{display:flex;gap:5px}.theme-swatch i,.theme-confirm-preview span{width:28px;height:28px;border-radius:999px;display:block}.theme-swatch i:nth-child(1),.theme-confirm-preview span:nth-child(1){background:var(--c1)}.theme-swatch i:nth-child(2),.theme-confirm-preview span:nth-child(2){background:var(--c2)}.theme-swatch i:nth-child(3),.theme-confirm-preview span:nth-child(3){background:var(--c3)}.theme-choice b{font-weight:950;color:#10231d}.theme-choice small{color:var(--muted);font-weight:850}.theme-confirm-box{text-align:center}.theme-confirm-preview{display:flex;justify-content:center;gap:8px;background:var(--cbg);border-radius:22px;padding:18px;margin-bottom:12px;border:1px solid var(--line)}
.msg{position:relative}.msg-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.msg-menu-wrap{position:relative;margin-inline-start:auto}.msg-kebab{border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;border-radius:999px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.msg-kebab:hover{background:#eef4f2;color:var(--theme-primary-strong)}.msg-menu{position:absolute;top:34px;inset-inline-end:0;z-index:35;min-width:172px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 18px 42px rgba(0,0,0,.16);display:grid;gap:4px}.msg-menu button{border:0;background:#fff;border-radius:12px;padding:9px 10px;text-align:start;font-weight:900;color:#18382f;cursor:pointer}.msg-menu button:hover{background:#eef6f3}.msg-menu button.danger{color:var(--danger)}.reply-ref,.reply-draft{border:1px solid color-mix(in srgb,var(--theme-primary) 18%,#d8e2de);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 10%,#fff),#fff);border-inline-start:4px solid var(--theme-primary);border-radius:15px;padding:8px 10px;margin:2px 0 8px;display:grid;gap:3px}.reply-ref b,.reply-draft b{font-size:.77rem;color:var(--theme-primary-strong);font-weight:950}.reply-ref span,.reply-draft span{font-size:.84rem;color:#2f5148;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-draft{margin:0 0 8px;grid-column:1/-1;position:relative}.reply-draft button{position:absolute;top:6px;inset-inline-end:6px;border:0;background:#eef4f2;border-radius:999px;width:26px;height:26px;font-weight:950;cursor:pointer}.msg-like-chip{margin-top:7px;border:1px solid color-mix(in srgb,var(--theme-primary) 24%,#d8e2de);background:#fff;color:var(--theme-primary-strong);border-radius:999px;padding:4px 9px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.msg-like-chip.liked{background:color-mix(in srgb,var(--theme-primary) 12%,#fff);color:#be123c;border-color:rgba(190,18,60,.22)}
.project-avatar-img{width:48px;height:48px;border-radius:17px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 20px rgba(7,18,15,.08);background:#eef4f2;display:grid;place-items:center;flex:0 0 auto}.project-avatar-img img{width:100%;height:100%;object-fit:cover;display:block}.project-image-settings .section-head{align-items:center}.project-image-settings .project-avatar-img{width:78px;height:78px;border-radius:24px}.project-image-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.project-image-actions label{cursor:pointer}.project-card .project-avatar-img,.workspace-row .project-avatar-img{width:42px;height:42px;border-radius:14px}.rail-project-head .project-avatar-img{width:58px;height:58px;border-radius:20px}
html.virtual-keyboard-open body{height:var(--imanager-vh)!important;min-height:0!important;overflow:hidden!important}html.virtual-keyboard-open .shell,html.virtual-keyboard-open .main{height:var(--imanager-vh)!important;min-height:0!important;overflow:hidden!important}html.virtual-keyboard-open .project-room,html.virtual-keyboard-open .friends-room{height:calc(var(--imanager-vh) - 118px)!important;min-height:0!important}html.virtual-keyboard-open .chat-frame,html.virtual-keyboard-open .project-main-chat,html.virtual-keyboard-open .friend-chat-panel{min-height:0!important}html.virtual-keyboard-open .messages{scroll-padding-bottom:calc(150px + var(--keyboard-inset));overscroll-behavior:contain}html.virtual-keyboard-open .composer{position:sticky!important;bottom:0!important;z-index:20!important;padding-bottom:max(10px,var(--keyboard-inset),env(safe-area-inset-bottom,0px))!important;transform:translateZ(0)!important}
@media (max-width:960px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msg-menu{position:fixed;top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));left:12px;right:12px;inset-inline-end:auto;min-width:0}.project-image-settings .section-head{display:flex}.reply-draft{margin-inline:0}.composer{grid-template-columns:minmax(0,1fr) auto auto!important}.composer .reply-draft{grid-column:1/-1}}
@media (max-width:520px){.theme-grid{grid-template-columns:1fr}.theme-choice{grid-template-columns:auto minmax(0,1fr);align-items:center}.theme-choice small{display:none}.msg{max-width:96%!important}.project-image-actions{display:grid}.project-image-actions>*{width:100%;justify-content:center}.project-image-settings .project-avatar-img{width:68px;height:68px}}
.project-row-with-image{display:flex!important;align-items:center;gap:10px}.project-list-avatar{width:42px!important;height:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--theme-primary-strong),var(--theme-primary))!important;color:#fff!important;font-weight:950;flex:0 0 auto;overflow:hidden}.project-list-avatar img{width:100%;height:100%;object-fit:cover;display:block}.rail-project-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.rail-project-head .mobile-projects-back,.rail-project-head .eyebrow,.rail-project-head h2,.rail-project-head .small{grid-column:1/-1}.rail-project-head .project-avatar-img{grid-column:auto}

/* V52.0.16 — Final Release Closure Pass P2: real theme coverage, reaction palette, safer quoted replies. */
html[data-imanager-theme] body,
html[data-imanager-theme] .app-shell{background:linear-gradient(135deg,var(--theme-bg),#fff 48%,color-mix(in srgb,var(--theme-secondary) 10%,#fff))!important;color:var(--ink)!important;}
html[data-imanager-theme] .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary-strong) 92%,#000),color-mix(in srgb,var(--theme-primary) 76%,#111827))!important;}
html[data-imanager-theme] .brand-mark,
html[data-imanager-theme] .project-list-avatar,
html[data-imanager-theme] .chat-avatar,
html[data-imanager-theme] .avatar:not(.friend-avatar),
html[data-imanager-theme] .voice-call-orb{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;color:#fff!important;box-shadow:0 14px 34px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important;}
html[data-imanager-theme] .hero-card,
html[data-imanager-theme] .login-hero,
html[data-imanager-theme] .login-hero-simple{background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--theme-secondary) 28%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--theme-primary-strong) 96%,#000),color-mix(in srgb,var(--theme-primary) 80%,#111827) 58%,var(--theme-secondary))!important;}
html[data-imanager-theme] .primary-btn,
html[data-imanager-theme] .login-btn,
html[data-imanager-theme] .guest-login-primary,
html[data-imanager-theme] .google-login-big:hover,
html[data-imanager-theme] .presentation-live-btn,
html[data-imanager-theme] .nav button.active,
html[data-imanager-theme] .nav button.feed-brand-nav.active,
html[data-imanager-theme] .nav button.journal-nav.active,
html[data-imanager-theme] .nav button.support-nav.active,
html[data-imanager-theme] .project-tabs button.active,
html[data-imanager-theme] .filter-tabs button.active{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 32px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important;}
html[data-imanager-theme] .soft-btn,
html[data-imanager-theme] .attach-btn,
html[data-imanager-theme] .icon-btn,
html[data-imanager-theme] .project-tabs button,
html[data-imanager-theme] .filter-tabs button,
html[data-imanager-theme] .pill.ok,
html[data-imanager-theme] .live-pill,
html[data-imanager-theme] .presentation-open,
html[data-imanager-theme] .mailbox-icon,
html[data-imanager-theme] .mailbox-counter{background:var(--theme-soft)!important;color:var(--theme-primary-strong)!important;border-color:var(--theme-line)!important;}
html[data-imanager-theme] .outline-btn,
html[data-imanager-theme] .card,
html[data-imanager-theme] .inner-card,
html[data-imanager-theme] .kpi,
html[data-imanager-theme] .row,
html[data-imanager-theme] .member-row,
html[data-imanager-theme] .file-row,
html[data-imanager-theme] .click-row,
html[data-imanager-theme] .login-card,
html[data-imanager-theme] .modal{border-color:var(--theme-line)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--theme-primary) 8%,transparent)!important;}
html[data-imanager-theme] .eyebrow,
html[data-imanager-theme] .ghost-btn,
html[data-imanager-theme] .msg-name,
html[data-imanager-theme] .row-sub b,
html[data-imanager-theme] .kpi b,
html[data-imanager-theme] .mailbox-counter b{color:var(--theme-primary-strong)!important;}
html[data-imanager-theme] .selected,
html[data-imanager-theme] .project-card:hover,
html[data-imanager-theme] .theme-choice.selected{border-color:var(--theme-primary)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 12%,#fff),#fff)!important;}
html[data-imanager-theme] input:focus,
html[data-imanager-theme] textarea:focus,
html[data-imanager-theme] select:focus,
html[data-imanager-theme] .composer textarea:focus{border-color:var(--theme-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary) 14%,transparent)!important;}
html[data-imanager-theme] .project-main-chat,
html[data-imanager-theme] .messages{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--theme-primary) 14%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--theme-bg) 82%,#fff),#f8fafc)!important;}
html[data-imanager-theme] .chat-header,
html[data-imanager-theme] .composer{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--theme-soft) 44%,#fff))!important;border-color:var(--theme-line)!important;}
html[data-imanager-theme] .msg.mine{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 20%,#fff),color-mix(in srgb,var(--theme-secondary) 15%,#fff))!important;border-color:color-mix(in srgb,var(--theme-primary) 32%,var(--theme-line))!important;}
html[data-imanager-theme] .msg:not(.mine):not(.system){background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--theme-soft) 20%,#fff))!important;border-color:var(--theme-line)!important;}
html[data-imanager-theme] .reply-ref,
html[data-imanager-theme] .reply-draft{border-color:color-mix(in srgb,var(--theme-primary) 28%,var(--theme-line))!important;border-inline-start-color:var(--theme-primary)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 13%,#fff),#fff)!important;}
html[data-imanager-theme] .feed-brand-btn,
html[data-imanager-theme] .nav-badge,
html[data-imanager-theme] .mailbox-main em{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;color:#fff!important;}
html[data-imanager-theme] .feed-post,
html[data-imanager-theme] .mailbox-page{border-color:color-mix(in srgb,var(--theme-primary) 22%,var(--theme-line))!important;}
html[data-imanager-theme] .mobile-entry-story span,
html[data-imanager-theme] .client-journey-pills span,
html[data-imanager-theme] .strategic-empty-note{background:var(--theme-soft)!important;color:var(--theme-primary-strong)!important;border-color:color-mix(in srgb,var(--theme-primary) 20%,var(--theme-line))!important;}
.msg-reaction-picker{display:flex;gap:6px;flex-wrap:wrap;padding:7px 6px;border-radius:14px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid var(--line);margin:4px 0}.msg-reaction-picker button{min-width:36px;height:34px;border:0!important;border-radius:12px!important;background:#fff!important;font-size:18px!important;display:grid!important;place-items:center!important;box-shadow:0 6px 14px rgba(15,23,42,.06);cursor:pointer}.msg-reaction-picker button:hover{transform:translateY(-1px);background:var(--theme-soft)!important}.msg-reactions-bar{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.msg-reaction-chip{border:1px solid color-mix(in srgb,var(--theme-primary) 22%,var(--line));background:#fff;color:var(--theme-primary-strong);border-radius:999px;padding:4px 8px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;gap:4px;line-height:1}.msg-reaction-chip.mine-reacted{background:color-mix(in srgb,var(--theme-primary) 13%,#fff);border-color:color-mix(in srgb,var(--theme-primary) 44%,var(--line));box-shadow:0 7px 18px color-mix(in srgb,var(--theme-primary) 12%,transparent)}.reply-draft-locked:before{content:"";position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:4px;border-radius:999px;background:var(--theme-primary)}
@media (max-width:960px){.msg-reaction-picker{justify-content:center}.msg-reaction-picker button{min-width:42px;height:38px;font-size:20px!important}.msg-reactions-bar{justify-content:flex-start}.msg-menu{max-height:min(360px,70dvh);overflow:auto}}

/* V52.0.16 P2 — hardcoded green cleanup: theme must be visibly different across customer surfaces. */
html[data-imanager-theme] input[type="checkbox"],
html[data-imanager-theme] input[type="radio"],
html[data-imanager-theme] input[type="range"]{accent-color:var(--theme-primary)!important;}
html[data-imanager-theme] .feed-counter,
html[data-imanager-theme] .feed-composer-card,
html[data-imanager-theme] .feed-acl,
html[data-imanager-theme] .feed-compose-open,
html[data-imanager-theme] .comm-status-box,
html[data-imanager-theme] .comm-readiness,
html[data-imanager-theme] .mailbox-hero,
html[data-imanager-theme] .mailbox-counter,
html[data-imanager-theme] .support-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 12%,#fff),#fff)!important;border-color:color-mix(in srgb,var(--theme-primary) 28%,var(--theme-line))!important;box-shadow:0 12px 30px color-mix(in srgb,var(--theme-primary) 9%,transparent)!important;}
html[data-imanager-theme] .feed-counter b,
html[data-imanager-theme] .feed-counter span,
html[data-imanager-theme] .feed-composer-head b,
html[data-imanager-theme] .feed-acl summary,
html[data-imanager-theme] .feed-link-copy em,
html[data-imanager-theme] .feed-link-preview em,
html[data-imanager-theme] .feed-link-preview span,
html[data-imanager-theme] .mailbox-counter b,
html[data-imanager-theme] .mailbox-counter span,
html[data-imanager-theme] .comm-readiness b,
html[data-imanager-theme] .quick-top-btn{color:var(--theme-primary-strong)!important;}
html[data-imanager-theme] .feed-compose-open span,
html[data-imanager-theme] .feed-brand-btn,
html[data-imanager-theme] .feed-reaction.active,
html[data-imanager-theme] .quick-top-btn.primary,
html[data-imanager-theme] .incoming-icon,
html[data-imanager-theme] .incoming-call-center .incoming-icon,
html[data-imanager-theme] .answer-call-btn,
html[data-imanager-theme] .voice-call-orb{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;color:#fff!important;box-shadow:0 14px 32px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important;}
html[data-imanager-theme] .feed-file-btn,
html[data-imanager-theme] .feed-acl-person.feed-acl-green:has(input:checked),
html[data-imanager-theme] .mailbox-row.unread .mailbox-main,
html[data-imanager-theme] .feed-link-media{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 16%,#fff),#fff)!important;border-color:color-mix(in srgb,var(--theme-primary) 30%,var(--theme-line))!important;color:var(--theme-primary-strong)!important;}
html[data-imanager-theme] .feed-link-preview,
html[data-imanager-theme] .mailbox-row.unread,
html[data-imanager-theme] .support-card.main{border-color:color-mix(in srgb,var(--theme-primary) 30%,var(--theme-line))!important;box-shadow:0 12px 28px color-mix(in srgb,var(--theme-primary) 9%,transparent)!important;}
html[data-imanager-theme] .decline-call-btn,
html[data-imanager-theme] button.danger,
html[data-imanager-theme] .danger-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:transparent!important;}


/* V52.0.16 — Final Release Closure Pass P3: dark mode, accessibility, contact presence, inline chat media. */
html[data-imanager-mode="dark"] body,
html[data-imanager-mode="dark"] .app-shell{background:linear-gradient(135deg,#06110f,#0b1518 52%,color-mix(in srgb,var(--theme-primary) 18%,#06110f))!important;color:#edfdf7!important;}
html[data-imanager-mode="dark"] .card,
html[data-imanager-mode="dark"] .inner-card,
html[data-imanager-mode="dark"] .modal,
html[data-imanager-mode="dark"] .friends-list,
html[data-imanager-mode="dark"] .friend-chat-panel,
html[data-imanager-mode="dark"] .project-main,
html[data-imanager-mode="dark"] .project-rail,
html[data-imanager-mode="dark"] .messages,
html[data-imanager-mode="dark"] .about-card,
html[data-imanager-mode="dark"] .about-side-panel{background:linear-gradient(180deg,var(--theme-surface),color-mix(in srgb,var(--theme-surface) 76%,#020617))!important;border-color:var(--theme-line)!important;color:#edfdf7!important;box-shadow:0 18px 48px rgba(0,0,0,.34)!important;}
html[data-imanager-mode="dark"] .row,
html[data-imanager-mode="dark"] .friend-row,
html[data-imanager-mode="dark"] .contact-phone-row,
html[data-imanager-mode="dark"] .project-row-with-image,
html[data-imanager-mode="dark"] .presentation-file-card,
html[data-imanager-mode="dark"] .feed-file-card{background:color-mix(in srgb,var(--theme-surface) 82%,#020617)!important;border-color:var(--theme-line)!important;color:#edfdf7!important;}
html[data-imanager-mode="dark"] .muted,
html[data-imanager-mode="dark"] .row-sub,
html[data-imanager-mode="dark"] small,
html[data-imanager-mode="dark"] .msg-meta{color:#b8cbc6!important;}
html[data-imanager-mode="dark"] input,
html[data-imanager-mode="dark"] textarea,
html[data-imanager-mode="dark"] select,
html[data-imanager-mode="dark"] .composer{background:#091412!important;color:#edfdf7!important;border-color:var(--theme-line)!important;}
html[data-imanager-mode="dark"] .msg:not(.mine):not(.system){background:#101d1b!important;color:#edfdf7!important;border-color:var(--theme-line)!important;}
html[data-imanager-mode="dark"] .msg.mine{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 42%,#0b1518),color-mix(in srgb,var(--theme-secondary) 28%,#0b1518))!important;color:#fff!important;}
html[data-imanager-mode="dark"] .msg-menu,
html[data-imanager-mode="dark"] .msg-menu button{background:#0b1518!important;color:#edfdf7!important;border-color:var(--theme-line)!important;}
html[data-imanager-mode="dark"] .theme-choice{background:linear-gradient(180deg,#101d1b,#07110f)!important;color:#edfdf7!important;border-color:var(--theme-line)!important;}
.theme-mode-row{margin:14px 0 4px}.theme-mode-toggle{width:100%;border:1px solid var(--theme-line);border-radius:18px;background:linear-gradient(135deg,var(--theme-soft),#fff);padding:13px 14px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;text-align:start;align-items:center;cursor:pointer}.theme-mode-toggle span{font-size:1.35rem}.theme-mode-toggle b{font-weight:950}.theme-mode-toggle small{grid-column:2;color:var(--muted);font-weight:800}.theme-mode-toggle.active{background:linear-gradient(135deg,#07110f,color-mix(in srgb,var(--theme-primary) 32%,#07110f));color:#fff;border-color:color-mix(in srgb,var(--theme-primary) 48%,#111827)}
.file-caption-input{min-width:150px;max-width:230px;border:1px solid var(--line);border-radius:16px;padding:10px 12px;font:inherit;font-weight:800;background:#fff;color:var(--ink)}
.chat-media-inline{display:block;width:min(520px,100%);border:0;background:transparent;padding:0;margin:8px 0;border-radius:18px;overflow:hidden;cursor:pointer}.chat-media-inline img,.chat-media-inline video{display:block;width:100%;max-height:420px;object-fit:contain;background:transparent;border-radius:18px}.chat-video-inline{background:#050807;padding:8px;border:1px solid var(--line)}.chat-media-loading{min-height:120px;border:1px dashed var(--theme-line);background:var(--theme-soft);display:grid;place-items:center;color:var(--theme-primary-strong);font-weight:950}
.chat-link{color:var(--theme-primary-strong);font-weight:900;text-decoration:underline;text-underline-offset:3px;word-break:break-word}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:999px;border:2px solid #fff;background:#94a3b8}.friend-presence-wrap{position:relative}.presence-dot.online{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14)}.presence-label{font-size:.72rem;margin-inline-start:6px;font-weight:950}.presence-label.online{color:#16a34a}.presence-label.offline{color:#94a3b8}
.msg-reaction-picker{display:flex;gap:4px;flex-wrap:wrap;padding:4px}.msg-reaction-picker button{font-size:1.05rem!important;min-width:34px!important;text-align:center!important}.msg-reactions-bar{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.msg-reaction-chip{border:1px solid var(--theme-line);background:#fff;border-radius:999px;padding:4px 8px;font-weight:950;cursor:pointer}.msg-reaction-chip.mine-reacted{background:var(--theme-soft);border-color:var(--theme-primary)}
.accessibility-widget{position:fixed;z-index:80;inset-inline-end:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:grid;justify-items:end;gap:8px}.accessibility-fab{width:46px;height:46px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));color:#fff;font-size:22px;box-shadow:0 14px 34px rgba(0,0,0,.22);cursor:pointer}.accessibility-panel{width:min(260px,calc(100vw - 32px));border:1px solid var(--theme-line);border-radius:20px;background:var(--theme-surface);box-shadow:0 22px 64px rgba(0,0,0,.25);padding:12px;display:grid;gap:8px}.accessibility-panel b{font-weight:950}.accessibility-panel button{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px;text-align:start;font-weight:900;cursor:pointer}.accessibility-panel button.active{background:var(--theme-soft);border-color:var(--theme-primary);color:var(--theme-primary-strong)}html.a11y-large-text{font-size:112%}html.a11y-high-contrast body{filter:contrast(1.12)}html.a11y-reduce-motion *,html.a11y-reduce-motion *:before,html.a11y-reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:720px){.accessibility-widget{inset-inline-end:10px;bottom:78px}.file-caption-input{grid-column:1/-1;max-width:100%;width:100%}.chat-media-inline img,.chat-media-inline video{max-height:52vh}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V52.0.17 — surgical customer polish: safer scroll, softer dark mode, login Google position, modern contact controls, feed comments. */
.google-slot-top{margin:12px auto 10px!important;justify-items:center!important}
.google-login-official{background:#fff!important;color:#202124!important;border:1px solid #dadce0!important;box-shadow:0 10px 24px rgba(60,64,67,.16)!important;font-weight:850!important}
.google-login-official:hover{background:#f8fafd!important;border-color:#c7cbd1!important;transform:translateY(-1px)}
.google-g-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-weight:950;margin-inline-end:8px}
.mm-line-icon{display:inline-grid;place-items:center;width:20px;height:20px;line-height:0}.mm-line-icon svg{width:20px;height:20px;display:block}.friend-call-btn,.friend-video-btn,.modern-call-btn,.modern-video-btn{font-size:0!important}.friend-call-btn .mm-line-icon,.friend-video-btn .mm-line-icon{width:18px;height:18px}.modern-video-btn{gap:7px!important}.modern-video-btn span{font-size:.92rem!important}.friends-head .ghost-btn[data-action="addContact"]{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;color:#fff!important;border-radius:14px!important;min-width:40px!important;min-height:40px!important;box-shadow:0 12px 24px color-mix(in srgb,var(--theme-primary) 20%,transparent)!important}.friend-empty-v5149{display:none}.friends-room:not(.friend-chat-open) .friend-empty-v5149{display:grid}
html[data-imanager-mode="dark"] body,html[data-imanager-mode="dark"] .app-shell{background:linear-gradient(135deg,#141C20,#182329 58%,color-mix(in srgb,var(--theme-primary) 10%,#172027))!important;color:#F3FAF8!important}
html[data-imanager-mode="dark"] .card,html[data-imanager-mode="dark"] .inner-card,html[data-imanager-mode="dark"] .modal,html[data-imanager-mode="dark"] .friends-list,html[data-imanager-mode="dark"] .friend-chat-panel,html[data-imanager-mode="dark"] .project-main,html[data-imanager-mode="dark"] .project-rail,html[data-imanager-mode="dark"] .messages,html[data-imanager-mode="dark"] .about-card,html[data-imanager-mode="dark"] .about-side-panel{background:linear-gradient(180deg,#19252A,#172126)!important;border-color:color-mix(in srgb,var(--theme-primary) 22%,#3A4850)!important;color:#F3FAF8!important;box-shadow:0 16px 40px rgba(0,0,0,.24)!important}
html[data-imanager-mode="dark"] .sync-strip,html[data-imanager-mode="dark"] .chat-header,html[data-imanager-mode="dark"] .composer,html[data-imanager-mode="dark"] .feed-comments,html[data-imanager-mode="dark"] .feed-comment{background:#1B282E!important;color:#F3FAF8!important;border-color:color-mix(in srgb,var(--theme-primary) 22%,#3A4850)!important}
html[data-imanager-mode="dark"] input,html[data-imanager-mode="dark"] textarea,html[data-imanager-mode="dark"] select{background:#223038!important;color:#F8FFFC!important;border-color:#526069!important}html[data-imanager-mode="dark"] input::placeholder,html[data-imanager-mode="dark"] textarea::placeholder{color:#AFC0BE!important}
html[data-imanager-mode="dark"] .primary-btn,html[data-imanager-mode="dark"] .soft-btn,html[data-imanager-mode="dark"] .outline-btn{color:#fff!important}html[data-imanager-mode="dark"] .outline-btn{background:#223038!important;border-color:#526069!important}html[data-imanager-mode="dark"] .soft-btn{background:color-mix(in srgb,var(--theme-primary) 18%,#223038)!important;color:#EFFFF9!important}
.feed-comments-toggle{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid color-mix(in srgb,var(--theme-primary) 26%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 9%,#fff),#fff);padding:11px 12px;margin-top:12px;cursor:pointer}.feed-comments-toggle input{margin-top:4px}.feed-comments-toggle b{display:block;color:var(--theme-primary-strong)}.feed-comments-toggle small{display:block;color:var(--muted);font-weight:750;line-height:1.35}.feed-discussion-open{color:var(--theme-primary-strong)!important;font-weight:950}.feed-comments{border-top:1px solid var(--line);padding:12px 16px 16px;background:#fff}.feed-comments-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.feed-comments-list{display:grid;gap:8px}.feed-comment{border:1px solid var(--line);border-radius:16px;background:#f8fbfa;padding:9px 11px;display:grid;gap:3px}.feed-comment b{font-size:.86rem;color:var(--theme-primary-strong)}.feed-comment span{line-height:1.45}.feed-comment small{color:var(--muted);font-size:.74rem}.feed-comment-empty,.feed-comments-closed{padding:10px 16px;color:var(--muted);font-weight:800;border-top:1px solid var(--line);background:#fbfdfc}.feed-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.feed-comment-form input{border:1px solid var(--line);border-radius:16px;padding:11px 13px;font:inherit;background:#fff;color:var(--ink)}
@media (max-width:720px){html,body{height:auto!important;min-height:100dvh!important;overflow:auto!important}.app-shell{min-height:100dvh!important;height:auto!important;overflow:visible!important}.shell{min-height:100dvh!important;height:auto!important;overflow:visible!important}.main{min-height:0!important;height:auto!important;overflow:visible!important}#screen{min-height:0!important;overflow:visible!important}.project-room.chat-mode,.friends-room{height:auto!important;min-height:calc(var(--imanager-vh,100dvh) - 112px)!important;overflow:visible!important}.project-room.chat-mode .chat-frame,.friend-chat-panel .chat-frame{height:calc(var(--imanager-vh,100dvh) - 196px - env(safe-area-inset-bottom,0px))!important;max-height:none!important;min-height:360px!important}.keyboard-open .project-room.chat-mode .chat-frame,.keyboard-open .friend-chat-panel .chat-frame{height:calc(var(--imanager-vh,100dvh) - 154px - env(safe-area-inset-bottom,0px))!important;min-height:280px!important}.composer{position:sticky!important;bottom:0!important;margin-bottom:0!important;z-index:20!important;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important}.feed-comment-form{grid-template-columns:1fr}.google-login-big{min-width:min(340px,100%)!important}.login-card-refined{overflow:visible!important}}

/* V52.0.18 — Final Release Closure Pass P5: desktop scroll recovery, official Google button, mobile keyboard, dark polish, natural file caption. */
html,body{scroll-behavior:smooth;}
@media (min-width:721px){
  html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;}
  #app.app-shell{height:auto!important;min-height:100svh!important;overflow:visible!important;}
  .shell{height:auto!important;min-height:calc(100svh - 38px - var(--top))!important;overflow:visible!important;}
  .main{height:auto!important;min-height:calc(100svh - 38px - var(--top))!important;overflow:visible!important;}
  body:has(.login-first-action){overflow-y:auto!important;}
  #app.app-shell:has(.login-first-action){height:auto!important;min-height:100svh!important;overflow:visible!important;}
  .login-first-action.login-production-simple{height:auto!important;min-height:100svh!important;overflow:visible!important;}
  html.virtual-keyboard-open body,
  html.virtual-keyboard-open .shell,
  html.virtual-keyboard-open .main{height:auto!important;min-height:100%!important;overflow:visible!important;}
}
.google-login-official{background:#fff!important;color:#3c4043!important;border:1px solid #dadce0!important;border-radius:18px!important;box-shadow:0 10px 22px rgba(60,64,67,.13)!important;font-weight:850!important;letter-spacing:.01em!important;}
.google-login-official:hover{background:#f8fafd!important;border-color:#c6cacf!important;box-shadow:0 14px 28px rgba(60,64,67,.18)!important;}
.google-g-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:0!important;background:transparent!important;color:inherit!important;margin-inline-end:10px!important;box-shadow:none!important;}
.google-g-mark svg{display:block!important;width:20px!important;height:20px!important;}
html[data-imanager-mode="dark"] .google-login-official{background:#fff!important;color:#202124!important;border-color:#dadce0!important;}
html[data-imanager-mode="dark"] .google-login-official .google-g-mark{background:transparent!important;}
html[data-imanager-mode="dark"] body,
html[data-imanager-mode="dark"] .app-shell{background:linear-gradient(135deg,#202A30,#243139 58%,color-mix(in srgb,var(--theme-primary) 12%,#26333B))!important;color:#F6FBFA!important;}
html[data-imanager-mode="dark"] .card,
html[data-imanager-mode="dark"] .inner-card,
html[data-imanager-mode="dark"] .modal,
html[data-imanager-mode="dark"] .friends-list,
html[data-imanager-mode="dark"] .friend-chat-panel,
html[data-imanager-mode="dark"] .project-main,
html[data-imanager-mode="dark"] .project-rail,
html[data-imanager-mode="dark"] .messages,
html[data-imanager-mode="dark"] .about-card,
html[data-imanager-mode="dark"] .about-side-panel,
html[data-imanager-mode="dark"] .feed-post,
html[data-imanager-mode="dark"] .feed-composer-card{background:linear-gradient(180deg,#27343C,#233038)!important;border-color:color-mix(in srgb,var(--theme-primary) 26%,#59666D)!important;color:#F6FBFA!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important;}
html[data-imanager-mode="dark"] .row,
html[data-imanager-mode="dark"] .friend-row,
html[data-imanager-mode="dark"] .contact-phone-row,
html[data-imanager-mode="dark"] .project-row-with-image,
html[data-imanager-mode="dark"] .file-row,
html[data-imanager-mode="dark"] .click-row,
html[data-imanager-mode="dark"] .feed-comments-toggle,
html[data-imanager-mode="dark"] .presentation-file-card,
html[data-imanager-mode="dark"] .feed-file-card,
html[data-imanager-mode="dark"] .theme-choice,
html[data-imanager-mode="dark"] .msg-menu,
html[data-imanager-mode="dark"] .msg-menu button,
html[data-imanager-mode="dark"] .accessibility-panel,
html[data-imanager-mode="dark"] .pending-file-draft{background:#2D3A43!important;border-color:#62717A!important;color:#F8FFFC!important;}
html[data-imanager-mode="dark"] .sync-strip,
html[data-imanager-mode="dark"] .chat-header,
html[data-imanager-mode="dark"] .composer,
html[data-imanager-mode="dark"] .feed-comments,
html[data-imanager-mode="dark"] .feed-comment,
html[data-imanager-mode="dark"] .feed-comment-empty,
html[data-imanager-mode="dark"] .feed-comments-closed{background:#2B3840!important;color:#F8FFFC!important;border-color:#62717A!important;}
html[data-imanager-mode="dark"] input,
html[data-imanager-mode="dark"] textarea,
html[data-imanager-mode="dark"] select,
html[data-imanager-mode="dark"] .feed-comment-form input,
html[data-imanager-mode="dark"] .file-caption-input{background:#33424C!important;color:#FFFFFF!important;border-color:#71808A!important;}
html[data-imanager-mode="dark"] input::placeholder,
html[data-imanager-mode="dark"] textarea::placeholder{color:#CAD7D4!important;}
html[data-imanager-mode="dark"] .muted,
html[data-imanager-mode="dark"] .row-sub,
html[data-imanager-mode="dark"] small,
html[data-imanager-mode="dark"] .msg-meta{color:#C7D4D1!important;}
html[data-imanager-mode="dark"] .pill{background:#34454F!important;color:#ECFFFA!important;border:1px solid #66757E!important;}
html[data-imanager-mode="dark"] .soft-btn{background:color-mix(in srgb,var(--theme-primary) 18%,#34454F)!important;color:#F3FFFC!important;border-color:#66757E!important;}
html[data-imanager-mode="dark"] .outline-btn,
html[data-imanager-mode="dark"] .icon-btn,
html[data-imanager-mode="dark"] .attach-btn{background:#34454F!important;color:#F8FFFC!important;border-color:#66757E!important;}
html[data-imanager-mode="dark"] .primary-btn{color:#fff!important;}
html[data-imanager-mode="dark"] .msg:not(.mine):not(.system){background:#33424C!important;color:#F8FFFC!important;border-color:#71808A!important;}
html[data-imanager-mode="dark"] .msg.mine{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 48%,#34454F),color-mix(in srgb,var(--theme-secondary) 34%,#34454F))!important;color:#fff!important;}
.pending-file-draft{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid color-mix(in srgb,var(--theme-primary) 24%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 9%,#fff),#fff);padding:9px 10px;margin-bottom:2px;}
.pending-file-draft b{display:block;font-weight:950;color:var(--theme-primary-strong);}
.pending-file-draft span{display:block;color:var(--muted);font-weight:800;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pending-file-draft button{border:0;border-radius:999px;width:28px;height:28px;background:#eef4f2;color:#10231d;font-weight:950;cursor:pointer;}
.pending-file-draft .file-caption-inline{grid-column:1/-1;max-width:none;width:100%;}
@media (max-width:720px){
  html.keyboard-open,body.keyboard-open{overflow:hidden!important;}
  html.keyboard-open .project-room.chat-mode,
  html.keyboard-open .friends-room{height:var(--imanager-vh,100dvh)!important;min-height:var(--imanager-vh,100dvh)!important;overflow:hidden!important;padding-bottom:0!important;}
  html.keyboard-open .project-main-chat,
  html.keyboard-open .friend-chat-panel{height:var(--imanager-vh,100dvh)!important;min-height:0!important;overflow:hidden!important;}
  html.keyboard-open .chat-frame{height:var(--imanager-vh,100dvh)!important;min-height:0!important;overflow:hidden!important;}
  html.keyboard-open .messages{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;}
  html.keyboard-open .project-main-chat .composer,
  html.keyboard-open .friend-chat-panel .composer{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--keyboard-inset,0px) + env(safe-area-inset-bottom,0px))!important;z-index:90!important;margin:0!important;border-radius:18px 18px 0 0!important;box-shadow:0 -14px 34px rgba(0,0,0,.18)!important;}
  .pending-file-draft{border-radius:14px;padding:8px;}
  .pending-file-draft .file-caption-inline{min-height:40px;}
}

/* V52.0.19 — Project lecture restore: mobile project chat gets the same stable full-screen keyboard behavior as direct chat. */
.mobile-projects-back.project-mobile-back{display:none!important}
@media (max-width:720px) and (orientation:portrait){
  .shell.mobile-project-chat-mode .topbar,
  .shell.mobile-project-chat-mode .sync-strip,
  .shell.mobile-project-chat-mode .comm-readiness{display:none!important}
  .shell.mobile-project-chat-mode{height:100dvh!important;min-height:0!important;overflow:hidden!important}
  .shell.mobile-project-chat-mode .main{height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:5px!important;display:flex!important;flex-direction:column!important}
  .shell.mobile-project-chat-mode #screen{height:calc(var(--imanager-vh,100dvh) - 10px - env(safe-area-inset-bottom,0px))!important;min-height:0!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important}
  .shell.mobile-project-chat-mode .project-room.chat-mode{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .shell.mobile-project-chat-mode .project-rail,
  .shell.mobile-project-chat-mode .desktop-split-handle{display:none!important}
  .shell.mobile-project-chat-mode .project-main-chat{display:flex!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#fff!important;padding:0!important;box-shadow:var(--shadow)!important}
  .shell.mobile-project-chat-mode .project-chat-frame,
  .shell.mobile-project-chat-mode .chat-frame{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;overflow:hidden!important;border-radius:18px!important}
  .shell.mobile-project-chat-mode .chat-header{flex:0 0 auto!important;position:relative!important;top:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:4px!important;min-height:42px!important;padding:6px 7px!important;background:linear-gradient(180deg,#ffffff,#f8fcfa)!important;border-bottom:1px solid var(--line)!important;z-index:4!important}
  .shell.mobile-project-chat-mode .mobile-projects-back.project-mobile-back{display:inline-flex!important;width:max-content!important;min-height:30px!important;padding:5px 9px!important;border-radius:999px!important;background:#e8f7f1!important;color:#075f4e!important;font-size:12px!important;align-items:center!important;justify-content:center!important}
  .shell.mobile-project-chat-mode .chat-title-block{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;min-width:0!important}
  .shell.mobile-project-chat-mode .chat-avatar,.shell.mobile-project-chat-mode .project-avatar-img{width:36px!important;height:36px!important;border-radius:13px!important}
  .shell.mobile-project-chat-mode .chat-title-block h2{font-size:.94rem!important;line-height:1.08!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .shell.mobile-project-chat-mode .chat-title-block p{font-size:.68rem!important;line-height:1!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .shell.mobile-project-chat-mode .chat-header-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;width:100%!important;overflow:visible!important;padding-bottom:0!important}
  .shell.mobile-project-chat-mode .chat-header-actions .soft-btn,
  .shell.mobile-project-chat-mode .chat-header-actions .primary-btn{width:100%!important;min-width:0!important;min-height:30px!important;padding:5px 3px!important;font-size:.72rem!important;border-radius:11px!important;white-space:nowrap!important}
  .shell.mobile-project-chat-mode .messages{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:8px 8px 6px!important}
  .shell.mobile-project-chat-mode .composer{flex:0 0 auto!important;position:relative!important;bottom:auto!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;align-items:end!important;gap:5px!important;padding:6px 7px max(8px,env(safe-area-inset-bottom,0px))!important;background:#fff!important;border-top:1px solid var(--line)!important;box-shadow:0 -8px 20px rgba(10,30,24,.07)!important;z-index:4!important}
  .shell.mobile-project-chat-mode .composer textarea{grid-column:1/-1!important;width:100%!important;min-height:38px!important;max-height:92px!important;font-size:16px!important}
  .shell.mobile-project-chat-mode .composer .primary-btn,
  .shell.mobile-project-chat-mode .attach-btn,
  .shell.mobile-project-chat-mode .voice-msg-btn{min-height:38px!important;min-width:38px!important;border-radius:12px!important;padding-inline:8px!important}
  html.keyboard-open .shell.mobile-project-chat-mode,
  html.chat-keyboard-active .shell.mobile-project-chat-mode{height:var(--imanager-vh,100dvh)!important;min-height:0!important;overflow:hidden!important}
  html.keyboard-open .shell.mobile-project-chat-mode #screen,
  html.chat-keyboard-active .shell.mobile-project-chat-mode #screen{height:var(--imanager-vh,100dvh)!important;min-height:0!important;overflow:hidden!important}
  html.keyboard-open .shell.mobile-project-chat-mode .project-main-chat,
  html.chat-keyboard-active .shell.mobile-project-chat-mode .project-main-chat{height:var(--imanager-vh,100dvh)!important;min-height:0!important;overflow:hidden!important}
  html.keyboard-open .shell.mobile-project-chat-mode .chat-frame,
  html.chat-keyboard-active .shell.mobile-project-chat-mode .chat-frame{height:var(--imanager-vh,100dvh)!important;min-height:0!important;overflow:hidden!important}
  html.keyboard-open .shell.mobile-project-chat-mode .messages,
  html.chat-keyboard-active .shell.mobile-project-chat-mode .messages{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
  html.keyboard-open .shell.mobile-project-chat-mode .composer,
  html.chat-keyboard-active .shell.mobile-project-chat-mode .composer{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--keyboard-inset,0px) + env(safe-area-inset-bottom,0px))!important;z-index:120!important;margin:0!important;border-radius:18px 18px 0 0!important;box-shadow:0 -14px 34px rgba(0,0,0,.18)!important}
  html[data-imanager-mode="dark"] .shell.mobile-project-chat-mode .project-main-chat,
  html[data-imanager-mode="dark"] .shell.mobile-project-chat-mode .chat-header,
  html[data-imanager-mode="dark"] .shell.mobile-project-chat-mode .composer{background:#2B3840!important;color:#F8FFFC!important;border-color:#62717A!important}
}
.preview-room{max-height:calc(100dvh - 24px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.preview-stage{min-height:0!important;flex:1 1 auto!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.preview-stage img,.preview-stage video,.preview-stage iframe{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.preview-canvas{touch-action:none!important}
.lecture-strip{border:1px solid color-mix(in srgb,var(--theme-primary,#10b981) 35%,rgba(255,255,255,.45))!important;background:rgba(15,23,42,.82)!important;backdrop-filter:blur(12px)!important}

/* V52.0.20 — direct chat unread badge for customer-level contact rotation. */
.contact-unread-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-inline-start:6px;border-radius:999px;background:var(--danger,#ef4444);color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 6px 18px rgba(239,68,68,.25)}


/* V52.0.21 — final stability/loading/lecture smoothness without changing approved layouts */
.google-login-official.google-login-loading{position:relative;pointer-events:none;opacity:.92;background:#fff!important;color:#1f2937!important;border-color:#d1d5db!important}
.login-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(66,133,244,.20);border-top-color:#4285f4;display:inline-block;animation:imanagerSpin .76s linear infinite;flex:0 0 auto}
@keyframes imanagerSpin{to{transform:rotate(360deg)}}
.login-card{position:relative}
.login-loading-layer{position:absolute;inset:10px;border-radius:24px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);display:grid;place-items:center;text-align:center;gap:8px;padding:20px;z-index:8;border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 54px rgba(15,23,42,.16)}
html.theme-dark .login-loading-layer{background:rgba(28,38,47,.88);color:#f8fafc;border-color:rgba(148,163,184,.22)}
.login-loader-ring{width:38px;height:38px;border-radius:999px;border:4px solid rgba(13,143,115,.18);border-top-color:var(--brand);animation:imanagerSpin .72s linear infinite}
.login-loading-layer small{color:var(--muted);font-weight:800}.login-loading-layer[hidden]{display:none!important}
.preview-canvas{touch-action:none}.lecture-video-grid video,.video-tile video{background:#0f172a}

/* V52.0.22 production surgical: current date + mailbox invite actions */
.current-date-badge{
  align-self:center;
  justify-self:start;
  padding:7px 12px;
  border:1px solid rgba(27,94,32,.12);
  border-radius:999px;
  background:rgba(232,245,233,.72);
  color:#255b2f;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  box-shadow:0 6px 18px rgba(22,101,52,.06);
}
.mailbox-action-line{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  padding:0 14px 12px;
  flex-wrap:wrap;
}
.mailbox-action-line button{ min-height:34px; padding:7px 12px; }
@media (max-width:720px){
  .current-date-badge{ font-size:12px; padding:6px 10px; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
  .topbar{ gap:8px; }
  .mailbox-action-line{ justify-content:stretch; }
  .mailbox-action-line button{ flex:1 1 120px; }
}

/* V52.0.23 — CV Builder production category */
.resume-workspace{display:grid;grid-template-columns:minmax(260px,330px) 10px minmax(0,1fr);gap:14px;align-items:start}
.resume-side-list,.resume-editor-card{min-height:calc(100dvh - 160px)}
.resume-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:16px;align-items:start}
.resume-editor-hero{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(240,253,244,.94));border:1px solid rgba(16,185,129,.16);margin-bottom:14px}
.resume-photo-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:20px;background:rgba(248,252,250,.82)}
.resume-photo-preview,.resume-preview-photo{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#047857;font-weight:1000;overflow:hidden;border:1px solid rgba(15,118,110,.18)}
.resume-photo-preview img,.resume-preview-photo img{width:100%;height:100%;object-fit:cover;display:block}
.resume-photo-btn{position:relative;overflow:hidden;cursor:pointer}.resume-photo-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.resume-preview-wrap{position:sticky;top:14px;display:grid;gap:8px}.resume-preview-label{font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.resume-preview{background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:24px;box-shadow:0 20px 48px rgba(15,23,42,.10);padding:24px;color:#0f172a;direction:rtl;line-height:1.55;max-height:calc(100dvh - 210px);overflow:auto}
.resume-preview header{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;align-items:center;border-bottom:3px solid #0f766e;padding-bottom:16px;margin-bottom:16px}
.resume-preview h2{margin:0;font-size:26px;color:#064e3b}.resume-preview header p{margin:3px 0 8px;color:#475569;font-weight:800}.resume-preview h3{margin:18px 0 6px;color:#0f766e;font-size:16px}.resume-preview p{margin:0;white-space:normal}.resume-preview-contacts{display:flex;gap:7px;flex-wrap:wrap}.resume-preview-contacts span{background:#ecfdf5;border:1px solid #d1fae5;border-radius:999px;padding:4px 9px;font-size:12px;color:#064e3b;font-weight:800}
.resume-row .journal-delete-small{min-width:48px;padding-inline:8px}
@media (max-width:1000px){.resume-workspace{grid-template-columns:1fr}.resume-workspace .split-handle{display:none}.resume-layout{grid-template-columns:1fr}.resume-preview-wrap{position:relative;top:auto}.resume-side-list,.resume-editor-card{min-height:auto}}
@media (max-width:720px){.resume-workspace{display:block}.resume-side-list{margin-bottom:12px}.resume-editor-hero{padding:14px;border-radius:20px}.resume-preview{max-height:none;padding:18px;border-radius:20px}.resume-preview header{grid-template-columns:70px minmax(0,1fr);gap:12px}.resume-preview-photo,.resume-photo-preview{width:70px;height:70px;border-radius:20px}.resume-preview h2{font-size:22px}.resume-form textarea{font-size:16px}.journal-bottom-bar{gap:8px}.journal-bottom-bar .top-actions{width:100%;justify-content:stretch}.journal-bottom-bar .top-actions button{flex:1 1 120px}}

/* V52.0.24 — final release polish: theme-safe contact actions, date badge, compact theme picker, chat loading, CV large preview */
.friend-call-btn,.friend-video-btn,.modern-call-btn,.modern-video-btn{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;
  color:#fff!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important;
}
.friend-call-btn:hover,.friend-video-btn:hover,.modern-call-btn:hover,.modern-video-btn:hover{filter:brightness(.97) saturate(1.06)!important;transform:translateY(-1px)!important}
.current-date-badge,.current-date-floating{
  display:grid;
  place-items:center;
  gap:2px;
  border:1px solid color-mix(in srgb,var(--theme-primary) 18%,rgba(15,23,42,.10));
  background:linear-gradient(135deg,rgba(255,255,255,.96),color-mix(in srgb,var(--theme-soft) 84%,#fff));
  color:var(--theme-primary-strong);
  border-radius:18px;
  pointer-events:none;
  user-select:none;
  box-shadow:0 14px 30px color-mix(in srgb,var(--theme-primary) 11%,transparent);
  white-space:nowrap;
  text-align:center;
}
.current-date-badge{min-width:152px;padding:9px 14px;justify-self:start}
.current-date-badge span,.current-date-floating span{font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;opacity:.72;line-height:1}
.current-date-badge b,.current-date-floating b{font-size:15px;font-weight:1000;line-height:1.12}
.current-date-floating{display:none}
.theme-settings-compact{padding:14px!important}
.theme-compact-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.theme-picker-toggle{display:none;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--theme-primary) 20%,rgba(15,23,42,.10));background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));color:#fff;font-weight:950;box-shadow:0 12px 26px color-mix(in srgb,var(--theme-primary) 18%,transparent)}
.theme-picker-body{display:grid;gap:10px}
.chat-loading-state{min-height:170px;display:grid;place-items:center;text-align:center;padding:26px;color:var(--muted)}
.chat-loading-card{display:grid;place-items:center;gap:12px;max-width:260px;padding:24px;border-radius:24px;border:1px solid color-mix(in srgb,var(--theme-primary) 14%,rgba(15,23,42,.08));background:linear-gradient(180deg,rgba(255,255,255,.92),color-mix(in srgb,var(--theme-soft) 74%,#fff));box-shadow:0 18px 40px rgba(15,23,42,.08)}
.chat-loading-ring{width:42px;height:42px;border-radius:999px;border:4px solid color-mix(in srgb,var(--theme-primary) 16%,#e5e7eb);border-top-color:var(--theme-primary);animation:imanagerSpin .72s linear infinite}
.chat-loading-card b{color:var(--theme-primary-strong);font-weight:1000}.chat-loading-card span{font-size:13px;font-weight:800}
.call-health-hint{margin-top:8px;padding:8px 10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--theme-primary) 18%,rgba(15,23,42,.10));background:color-mix(in srgb,var(--theme-soft) 82%,#fff);color:var(--theme-primary-strong);font-size:12px;font-weight:850;line-height:1.35}
.resume-preview-modal-backdrop{position:fixed;inset:0;z-index:240;background:rgba(15,23,42,.56);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}
.resume-preview-modal{width:min(1040px,100%);max-height:min(92dvh,960px);display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:28px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 32px 90px rgba(15,23,42,.30);border:1px solid rgba(255,255,255,.72);overflow:hidden;color:#0f172a}
.resume-preview-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92)}
.resume-preview-modal-head h2{margin:0;font-size:18px;color:#064e3b}.resume-preview-modal-actions{display:flex;gap:8px;flex-wrap:wrap}.resume-preview-modal-body{min-height:0;overflow:auto;padding:22px;background:linear-gradient(135deg,#eefdf6,#f8fafc)}
.resume-preview-modal-body .resume-preview{max-height:none;width:min(860px,100%);margin:0 auto;border-radius:24px;box-shadow:0 18px 48px rgba(15,23,42,.14)}
@media (max-width:720px){
  .topbar .current-date-badge{display:none!important}
  .current-date-floating{display:grid;position:fixed;top:calc(8px + env(safe-area-inset-top,0px));inset-inline-start:10px;z-index:72;min-width:112px;padding:7px 10px;border-radius:16px}
  .current-date-floating b{font-size:12px}.current-date-floating span{font-size:9px}
  .theme-settings-compact{padding:12px!important;border-radius:20px!important}
  .theme-picker-toggle{display:inline-flex;width:100%}
  .theme-settings-compact:not(.theme-mobile-open) .theme-picker-body{display:none!important}
  .theme-settings-compact.theme-mobile-open .theme-picker-body{display:grid;gap:10px;margin-top:8px}
  .theme-settings-compact .theme-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important}
  .resume-preview-modal-backdrop{padding:8px;align-items:stretch}
  .resume-preview-modal{max-height:calc(100dvh - 16px);border-radius:22px}
  .resume-preview-modal-head{align-items:flex-start;flex-direction:column;padding:12px}.resume-preview-modal-actions{width:100%}.resume-preview-modal-actions button{flex:1 1 120px}
  .resume-preview-modal-body{padding:10px}.resume-preview-modal-body .resume-preview{padding:16px;border-radius:18px}
}
.resume-preview-modal{grid-template-rows:auto minmax(0,1fr) auto!important}
.resume-preview-modal > .resume-preview-modal-actions{padding:12px 16px;border-top:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.94);justify-content:flex-end}

/* V52.0.25 — Global Radio production category + Mobile Web date safety */
.radio-nav .nav-code{color:#a7f3d0}.nav button.radio-nav{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(255,255,255,.03));border:1px solid rgba(167,243,208,.12)}.nav button.radio-nav.active{background:linear-gradient(135deg,#ecfdf5,#ffffff)!important;color:#064e3b!important}.nav button.radio-nav.active .nav-code{color:#047857!important;opacity:1}.radio-page{display:grid;gap:16px;max-width:1180px;margin:0 auto;width:100%}.radio-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:18px;align-items:center;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--theme-primary) 17%,transparent),transparent 36%),linear-gradient(135deg,#061812,#113329 58%,var(--theme-primary));color:#fff;border:0;overflow:hidden}.radio-hero .eyebrow{color:#a7f3d0}.radio-hero h2{font-size:clamp(2rem,3vw,3.7rem);line-height:1.02;margin:.2rem 0 .65rem;letter-spacing:-.045em}.radio-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.78);font-weight:760;line-height:1.65}.radio-player-card{border-radius:28px;padding:14px;background:linear-gradient(145deg,#1f2937,#0f172a 54%,#030712);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 62px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.14);min-width:0}.radio-retro-face{display:grid;grid-template-columns:86px minmax(0,1fr) 54px;gap:12px;align-items:center}.radio-dial{width:82px;height:82px;border-radius:28px;background:radial-gradient(circle at 34% 30%,#ffffff,#dbeafe 22%,#94a3b8 48%,#334155 78%);display:grid;place-items:center;position:relative;box-shadow:inset 0 4px 10px rgba(255,255,255,.48),inset 0 -12px 18px rgba(15,23,42,.42),0 10px 28px rgba(0,0,0,.34)}.radio-dial span{position:absolute;width:8px;height:31px;border-radius:999px;background:#0f172a;top:12px;transform:rotate(36deg);transform-origin:center 29px}.radio-dial b{font-size:13px;letter-spacing:.16em;color:#0f172a;margin-top:38px}.radio-display{min-width:0;border-radius:20px;padding:12px 13px;background:linear-gradient(180deg,#d9f99d,#bef264);color:#17340f;box-shadow:inset 0 2px 10px rgba(22,101,52,.18);font-family:Inter,system-ui,sans-serif}.radio-display span{display:block;font-size:10px;font-weight:1000;letter-spacing:.12em;opacity:.72}.radio-display strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px;font-weight:1000;margin:2px 0}.radio-display small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:850;opacity:.78}.radio-power{width:52px;height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#111827;color:#94a3b8;font-size:24px;font-weight:950;cursor:pointer}.radio-power.on{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 0 0 7px rgba(16,185,129,.16),0 14px 32px rgba(16,185,129,.24)}.radio-status{display:flex;align-items:center;gap:10px;color:#d1fae5;font-weight:850;margin-top:12px}.radio-status .chat-loading-ring{width:24px;height:24px;border-width:3px}.radio-error{margin-top:12px;background:#fff1f2!important;border-color:#fecdd3!important;color:#9f1239!important}.radio-country-card,.radio-stations-card{border-color:color-mix(in srgb,var(--theme-primary) 14%,var(--line));background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--theme-soft) 38%,#fff))}.radio-country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:9px;max-height:280px;overflow:auto;padding-inline-end:3px}.radio-country{border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);padding:10px;display:grid;gap:4px;justify-items:center;text-align:center;cursor:pointer;min-height:88px;box-shadow:0 10px 22px rgba(15,23,42,.04)}.radio-country:hover{border-color:color-mix(in srgb,var(--theme-primary) 34%,var(--line));transform:translateY(-1px)}.radio-country.active{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));color:#fff;border-color:transparent;box-shadow:0 16px 38px color-mix(in srgb,var(--theme-primary) 24%,transparent)}.radio-country span{font-size:25px;line-height:1}.radio-country b{font-size:13px;font-weight:1000;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-country small{font-size:11px;font-weight:850;opacity:.72}.radio-loading{grid-column:1/-1;padding:18px;text-align:center;color:var(--muted);font-weight:850}.radio-search{min-width:min(360px,100%)}.radio-station-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.radio-station{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:19px;background:#fff;color:var(--ink);padding:10px;text-align:start;cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.04)}.radio-station:hover{border-color:color-mix(in srgb,var(--theme-primary) 32%,var(--line));box-shadow:0 14px 28px rgba(15,23,42,.07)}.radio-station.active{border-color:color-mix(in srgb,var(--theme-primary) 55%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-soft) 80%,#fff),#fff)}.radio-station-logo{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#ecfdf5,#e0f2fe);display:grid;place-items:center;overflow:hidden;color:var(--theme-primary);font-weight:1000}.radio-station-logo img{width:100%;height:100%;object-fit:cover;display:block}.radio-station>b{font-size:12px;font-weight:1000;color:var(--theme-primary-strong);padding:6px 8px;border-radius:999px;background:color-mix(in srgb,var(--theme-soft) 80%,#fff);white-space:nowrap}
@media (max-width:920px){.radio-hero{grid-template-columns:1fr}.radio-country-grid{max-height:310px}.radio-station-list{grid-template-columns:1fr}.radio-search{width:100%}.radio-stations-card .section-head{display:grid}.radio-retro-face{grid-template-columns:72px minmax(0,1fr) 48px}.radio-dial{width:70px;height:70px;border-radius:23px}.radio-dial span{height:26px}.radio-display strong{font-size:15px}.radio-power{width:46px;height:46px;border-radius:16px}}
@media (max-width:720px){.current-date-floating{display:none!important}.radio-page{gap:12px;padding-bottom:4px}.radio-hero{padding:16px!important;border-radius:24px}.radio-hero h2{font-size:28px}.radio-hero p{font-size:14px;line-height:1.55}.radio-player-card{border-radius:22px;padding:12px}.radio-retro-face{grid-template-columns:58px minmax(0,1fr) 42px;gap:9px}.radio-dial{width:58px;height:58px;border-radius:20px}.radio-dial span{height:21px;top:10px}.radio-dial b{font-size:10px;margin-top:30px}.radio-display{border-radius:16px;padding:9px 10px}.radio-display strong{font-size:14px}.radio-display small{font-size:11px}.radio-power{width:40px;height:40px;border-radius:14px;font-size:20px}.radio-country-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:292px}.radio-country{min-height:76px;padding:8px 5px;border-radius:15px}.radio-country span{font-size:21px}.radio-country b{font-size:11px}.radio-country small{font-size:10px}.radio-station{grid-template-columns:42px minmax(0,1fr) auto;border-radius:17px;padding:9px}.radio-station-logo{width:42px;height:42px;border-radius:14px}.radio-station>b{padding:5px 7px;font-size:11px}.radio-stations-card .section-head{gap:8px}.radio-search input{min-width:0}}


/* V52.0.26 RADIO_PLAYBACK_FIX: explicit play/stop controls inside the retro mini radio. */
.radio-player-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:52px}.radio-play-now{width:52px;height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-size:21px;font-weight:1000;cursor:pointer;box-shadow:0 0 0 7px rgba(16,185,129,.13),0 14px 32px rgba(16,185,129,.22)}.radio-play-now:active,.radio-power:active{transform:translateY(1px)}
@media (max-width:920px){.radio-player-actions{gap:6px}.radio-play-now{width:46px;height:46px;border-radius:16px;font-size:19px}}
@media (max-width:720px){.radio-player-actions{gap:5px}.radio-play-now{width:40px;height:40px;border-radius:14px;font-size:18px}.radio-retro-face{grid-template-columns:58px minmax(0,1fr) auto!important}}

/* V52.0.27 RADIO FAILSAFE FLOATING PLAYER */
.radio-floating-dock{position:fixed;z-index:540;inset:auto max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) auto;width:min(360px,calc(100vw - 28px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border-radius:22px;background:linear-gradient(145deg,#111827,#0f172a 62%,#020617);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 52px rgba(2,6,23,.32),inset 0 1px 0 rgba(255,255,255,.13);color:#fff;pointer-events:auto}.radio-floating-main{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer;padding:0}.radio-floating-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:1000}.radio-floating-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:800;color:rgba(255,255,255,.68);margin-top:2px}.radio-floating-dot{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#d9f99d,#bef264);color:#17340f;font-weight:1000;letter-spacing:.05em;box-shadow:inset 0 2px 10px rgba(22,101,52,.20)}.radio-floating-dock.playing .radio-floating-dot{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 0 0 6px rgba(16,185,129,.16),inset 0 1px 0 rgba(255,255,255,.25)}.radio-floating-dock.error .radio-floating-dot{background:linear-gradient(135deg,#fecdd3,#fff1f2);color:#9f1239}.radio-floating-actions{display:flex;align-items:center;gap:6px}.radio-floating-actions button{width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-size:14px;font-weight:1000;cursor:pointer}.radio-floating-actions button:hover{background:rgba(255,255,255,.16)}
@media (max-width:720px){.radio-floating-dock{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;border-radius:20px;padding:8px}.radio-floating-main{grid-template-columns:38px minmax(0,1fr);gap:8px}.radio-floating-dot{width:38px;height:38px;border-radius:14px;font-size:12px}.radio-floating-main b{font-size:12px}.radio-floating-main small{font-size:10px}.radio-floating-actions button{width:34px;height:34px;border-radius:12px}}