@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{
  --font-ui:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bg:#eaf3ff;--bg2:#f7fbff;--surface:rgba(255,255,255,.88);--surface-solid:#fff;--surface-2:#f6f9fd;
  --text:#0e1a3a;--muted:#75829d;--line:#e7edf6;--blue:#0a66ff;--blue2:#4b95ff;--blue3:#dcecff;
  --green:#1fba70;--red:#ff505b;--amber:#f5a300;--purple:#895bff;--cyan:#2dbed2;
  --shadow:0 18px 55px rgba(32,90,172,.11);--shadow-sm:0 8px 26px rgba(32,90,172,.08);
  --r-xl:30px;--r-lg:22px;--r-md:16px;--r-sm:12px;--sidebar:190px;
  --ease:cubic-bezier(.2,.78,.22,1);
}
html[dir="rtl"]{--font-ui:"Cairo","Segoe UI",Arial,sans-serif;}
body[data-theme="dark"]{
  --bg:#07111f;--bg2:#0a1526;--surface:rgba(16,27,45,.88);--surface-solid:#111d30;--surface-2:#17243a;
  --text:#f7fbff;--muted:#9aa8be;--line:#22334e;--blue:#4d91ff;--blue2:#6da5ff;--blue3:#152c50;
  --shadow:0 18px 60px rgba(0,0,0,.3);--shadow-sm:0 10px 30px rgba(0,0,0,.22);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}
body{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;background:
 radial-gradient(circle at 12% 0%,rgba(90,163,255,.22),transparent 33%),
 radial-gradient(circle at 90% 12%,rgba(41,113,255,.12),transparent 28%),
 linear-gradient(135deg,var(--bg),var(--bg2));color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:.28s var(--ease)}
html[dir="rtl"] body{font-family:"Cairo","Segoe UI",Arial,sans-serif}
button,input,select,textarea{font:inherit}button{color:inherit}button,input,textarea,select{outline:none}
button:focus-visible,select:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 18%,transparent)}
/* Text fields keep a quiet border while editing, without the blue halo. */
input:focus-visible,textarea:focus-visible{border-color:color-mix(in srgb,var(--muted) 55%,var(--line))}
.hidden{display:none!important}

/* LOGIN */
.auth{min-height:100vh;display:grid;place-items:center;padding:26px;background:
 radial-gradient(circle at 20% 15%,rgba(0,102,255,.22),transparent 38%),
 radial-gradient(circle at 85% 70%,rgba(99,168,255,.22),transparent 30%),linear-gradient(145deg,#eef7ff,#dcecff)}
.auth-shell{width:min(1040px,100%);min-height:650px;border:1px solid rgba(255,255,255,.85);border-radius:38px;background:rgba(255,255,255,.68);box-shadow:0 30px 100px rgba(30,91,176,.16);backdrop-filter:blur(28px);padding:26px;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;animation:rise .75s var(--ease)}
.auth-visual{border-radius:30px;padding:42px;background:linear-gradient(145deg,#0f66ef,#4d98ff);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:38px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);backdrop-filter:blur(12px);transform:rotate(-8deg)}
.auth-visual:before{width:280px;height:370px;right:-70px;top:80px}.auth-visual:after{width:220px;height:290px;right:80px;top:190px;transform:rotate(7deg)}
.auth-brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em;font-size:18px;z-index:2}.logo-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#0a65ff,#7eb4ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 24px rgba(0,74,200,.22);transform:rotate(12deg)}
.auth-visual h1{font-size:46px;line-height:1.02;letter-spacing:-.05em;margin:0 0 14px;max-width:560px;position:relative;z-index:2}.auth-visual p{margin:0;opacity:.8;font-size:15px;position:relative;z-index:2}.auth-foot{position:relative;z-index:2;font-size:13px;opacity:.82}
.auth-panel{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}
.auth-panel h2{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}.auth-panel>p{margin:0 0 28px;color:#73819a;font-size:14px;line-height:1.6}.auth-btn{height:50px;border:0;border-radius:16px;background:#0d1a36;color:#fff;font-weight:700;cursor:pointer;transition:.22s var(--ease);box-shadow:0 10px 26px rgba(13,26,54,.14)}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(13,26,54,.2)}
.profiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profile-pick{border:1px solid #e2eaf5;background:rgba(255,255,255,.9);border-radius:18px;padding:14px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:.22s var(--ease)}.profile-pick:hover{border-color:#bdd6ff;transform:translateY(-2px);box-shadow:0 10px 28px rgba(30,91,176,.09)}.profile-pick strong{display:block;font-size:13px}.profile-pick span{display:block;font-size:11px;color:#8390a5;margin-top:3px}.profile-pick.admin{grid-column:1/-1;background:linear-gradient(145deg,#f5f9ff,#edf5ff)}
.avatar{width:38px;height:38px;aspect-ratio:1;min-width:0;min-height:0;position:relative;overflow:hidden;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex:0 0 auto;box-shadow:inset 0 0 0 2px rgba(255,255,255,.65),0 5px 16px rgba(28,73,146,.15)}.avatar>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:inherit}.a1{background:linear-gradient(145deg,#8b5cf6,#b792ff)}.a2{background:linear-gradient(145deg,#1a8ca5,#50c4d7)}.a3{background:linear-gradient(145deg,#ef7e35,#f7b272)}.a4{background:linear-gradient(145deg,#3569d9,#76a1ff)}.a5{background:linear-gradient(145deg,#d14c89,#f185b5)}.a6{background:linear-gradient(145deg,#168957,#54bd89)}
.pin-wrap{text-align:center}.pin-avatar{width:84px;height:84px;margin:0 auto 16px;font-size:22px}.pin-name{font-weight:800;font-size:22px}.pin-role{color:#8290a7;font-size:12px;margin-top:5px}.pin-input{width:100%;height:52px;border:1px solid #dce6f4;border-radius:16px;background:#fff;padding:0 16px;font-size:20px;letter-spacing:.4em;text-align:center;margin:24px 0 12px}.auth-link{border:0;background:transparent;color:#74829a;font-size:12px;cursor:pointer;margin-top:12px}

/* APP */
#app{min-height:100vh;padding:18px}
.app-frame{max-width:1500px;margin:0 auto;min-height:calc(100vh - 36px);background:var(--surface);border:1px solid color-mix(in srgb,#fff 75%,var(--line));border-radius:32px;box-shadow:var(--shadow);backdrop-filter:blur(26px);overflow:hidden;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);transition:.28s var(--ease)}
body[data-nav="horizontal"] .app-frame{grid-template-columns:1fr;grid-template-rows:74px minmax(0,1fr)}
.sidebar{padding:20px 15px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:18px;background:color-mix(in srgb,var(--surface-solid) 84%,transparent);position:relative;z-index:12}
body[data-nav="horizontal"] .sidebar{height:74px;padding:12px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-inline-end:0;border-bottom:1px solid var(--line);gap:22px}
.brand{display:flex;align-items:center;gap:10px;padding:2px 6px}.brand strong{font-size:18px;letter-spacing:.01em}.brand .logo-mark{width:29px;height:29px;border-radius:9px}
.nav{display:flex;flex-direction:column;gap:5px}.nav-item{position:relative;border:0;background:transparent;padding:10px 12px;border-radius:14px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;cursor:pointer;transition:.22s var(--ease);text-align:start;white-space:nowrap}.nav-item:hover{background:var(--surface-2);color:var(--text);transform:translateX(2px)}html[dir="rtl"] .nav-item:hover{transform:translateX(-2px)}.nav-item.active{background:linear-gradient(135deg,var(--blue),#297cff);color:#fff;box-shadow:0 10px 22px rgba(10,102,255,.18)}.nav-item svg{width:16px;height:16px;stroke-width:1.8}.nav-badge{margin-inline-start:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:800}
body[data-nav="horizontal"] .nav{flex-direction:row;gap:4px;overflow:hidden;align-items:center}.sidebar-footer{margin-top:auto;padding:13px;border-radius:18px;background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--blue3) 42%,var(--surface-2)));font-size:11px;line-height:1.45}.sidebar-footer strong{display:block;margin-bottom:5px}.sidebar-footer span{color:var(--muted)}.profile-mini{display:flex;align-items:center;gap:9px;padding-top:14px;border-top:1px solid var(--line);cursor:pointer}.profile-mini .meta{min-width:0}.profile-mini b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-mini small{color:var(--muted);font-size:12px}
body[data-nav="horizontal"] .sidebar-footer{display:none}body[data-nav="horizontal"] .profile-mini{border:0;padding:0;margin:0;justify-self:end}.main{min-width:0}.topbar{height:72px;padding:0 26px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(20px);z-index:10}body[data-nav="horizontal"] .topbar{display:none}
.search{height:42px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);display:flex;align-items:center;gap:9px;padding:0 13px;color:var(--muted);flex:1;max-width:650px;cursor:pointer}.search svg{width:16px}.search span{font-size:11px}.search kbd{margin-inline-start:auto;border:1px solid var(--line);background:var(--surface-solid);border-radius:7px;padding:2px 6px;font-size:12px}.top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.date-chip,.icon-btn{height:38px;border:1px solid var(--line);background:var(--surface-solid);border-radius:13px;display:flex;align-items:center;justify-content:center}.date-chip{padding:0 12px;gap:8px;color:var(--muted);font-size:12px}.icon-btn{width:38px;cursor:pointer;transition:.2s var(--ease)}.icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.icon-btn svg{width:16px}
.page{padding:26px;animation:pageIn .38s var(--ease)}.page-shell{display:flex;flex-direction:column;gap:14px}.hero{min-height:220px;border-radius:24px;background:linear-gradient(135deg,#f4f8ff 0%,#d8ebff 48%,#8fc3ff 100%);border:1px solid rgba(120,178,255,.25);padding:28px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}body[data-theme="dark"] .hero{background:linear-gradient(135deg,#142642,#183c70 55%,#2d67ad)}
.hero h1{margin:0;font-size:36px;letter-spacing:-.05em;line-height:1.05}.hero p{margin:8px 0 24px;color:#60769a;font-size:13px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.quick{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;color:#304468}.quick button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.66);backdrop-filter:blur(14px);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(33,91,167,.08);transition:.22s var(--ease)}.quick:first-child button{background:linear-gradient(145deg,#0c68ff,#498dff);color:white}.quick button:hover{transform:translateY(-4px) scale(1.03)}.quick svg{width:19px;height:19px}
.hero-art{position:absolute;right:35px;top:14px;width:360px;height:200px;pointer-events:none}.glass-sheet{position:absolute;border-radius:25px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.34);backdrop-filter:blur(12px);box-shadow:0 16px 35px rgba(38,98,169,.10)}.glass-sheet.one{width:160px;height:170px;right:30px;top:10px;transform:rotate(11deg)}.glass-sheet.two{width:150px;height:150px;right:120px;top:34px;transform:rotate(1deg)}.glass-sheet.three{width:145px;height:125px;right:205px;top:62px;transform:rotate(-7deg)}.hero-word{position:absolute;right:112px;top:80px;text-align:center;color:#55729a;font-weight:500;line-height:1.05;font-size:19px;z-index:2}.hero-word b{color:#0a58d9;font-size:21px}.hero-note{position:absolute;right:8px;bottom:18px;color:#4274b2;font-size:14px;font-style:italic;transform:rotate(-5deg)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card{background:var(--surface-solid);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.kpi{padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;min-height:90px;transition:.22s var(--ease)}.kpi:hover{transform:translateY(-3px)}.kpi-ico{width:42px;height:42px;border-radius:14px;background:var(--blue3);color:var(--blue);display:grid;place-items:center}.kpi-ico svg{width:19px}.kpi span{display:block;color:var(--muted);font-size:12px}.kpi b{display:block;font-size:25px;letter-spacing:-.04em;margin-top:2px}.delta{font-size:12px;color:var(--green)}
.content-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px}.panel{padding:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head h3{margin:0;font-size:13px}.panel-head button{border:0;background:transparent;color:var(--blue);font-size:12px;cursor:pointer}.activity{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--line)}.activity:first-of-type{border-top:0}.activity-copy{min-width:0;flex:1}.activity-copy b{display:block;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.activity-ico{width:28px;height:28px;border-radius:50%;background:var(--blue3);color:var(--blue);display:grid;place-items:center}.activity-ico svg{width:14px}.team-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.person-mini{text-align:center}.person-mini .avatar{margin:0 auto;width:48px;height:48px}.person-mini b{display:block;font-size:12px;margin-top:6px}.person-mini span{font-size:11px;color:var(--muted)}.featured-cover{height:108px;border-radius:14px;background:linear-gradient(135deg,#e9f4ff,#bddbff);position:relative;overflow:hidden}.featured-cover:before{content:"";position:absolute;width:130px;height:70px;border-radius:50% 50% 42% 55%;background:linear-gradient(145deg,#e5f4ff,#8bc2ff);left:44px;top:24px;transform:rotate(-8deg)}.featured-cover:after{content:"";position:absolute;width:58px;height:88px;border-radius:50px 50px 20px 20px;background:linear-gradient(145deg,#67aa7f,#1f7e4d);right:62px;top:8px;transform:rotate(17deg)}.feature-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.feature-meta b{font-size:12px}.feature-meta span{font-size:11px;color:var(--muted)}
.board{padding:14px}.board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.board-head h3{margin:0;font-size:13px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kan-col{border-radius:15px;background:var(--surface-2);padding:10px;min-height:220px}.kan-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;margin-bottom:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.dot.p{background:var(--purple)}.dot.g{background:var(--green)}.dot.a{background:var(--amber)}.kan-title .count{margin-left:2px;color:var(--muted);font-size:11px}.kan-title button{margin-inline-start:auto;border:0;background:var(--surface-solid);width:22px;height:22px;border-radius:50%;cursor:pointer}.task-card{background:var(--surface-solid);border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:7px;transition:.2s var(--ease);cursor:pointer}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.task-card b{display:block;font-size:12px}.task-card span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.task-meta{display:flex;align-items:center;gap:6px;margin-top:9px;color:var(--muted);font-size:11px}.task-meta .avatar{width:20px;height:20px;font-size:7px}.task-check{margin-inline-start:auto;width:14px;height:14px;border:1px solid var(--line);border-radius:50%}.task-check.done{background:var(--green);border-color:var(--green);position:relative}.task-check.done:after{content:"✓";font-size:8px;color:white;position:absolute;inset:0;display:grid;place-items:center}

/* inner pages */
.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.page-title h1{margin:0;font-size:30px;letter-spacing:-.04em}.page-title p{margin:6px 0 0;color:var(--muted);font-size:11px}.btn{height:38px;border:1px solid var(--line);background:var(--surface-solid);border-radius:13px;padding:0 13px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:.2s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn.primary{background:linear-gradient(135deg,var(--blue),#2d80ff);border-color:transparent;color:#fff}.btn svg{width:14px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.list-card{padding:16px}.row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.row:first-child{border-top:0}.row-main{flex:1;min-width:0}.row-main b{display:block;font-size:12px}.row-main span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.pill{padding:5px 8px;border-radius:999px;background:var(--blue3);color:var(--blue);font-size:11px;font-weight:700}.pill.green{background:#e8f8f0;color:#168753}.pill.amber{background:#fff4dc;color:#ad7100}.pill.red{background:#ffeaec;color:#ca3a45}.progress{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#69a8ff);border-radius:inherit}.workspace-strip{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:15px;background:linear-gradient(135deg,var(--blue3),var(--surface-solid));border:1px solid var(--line)}.workspace-strip .avatar{width:34px;height:34px}.workspace-strip b{font-size:12px}.workspace-strip span{font-size:11px;color:var(--muted)}.workspace-strip button{margin-inline-start:auto}
.inspiration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.insp{min-height:130px;border-radius:15px;border:1px solid var(--line);padding:12px;background:linear-gradient(145deg,var(--surface-solid),var(--surface-2));position:relative;overflow:hidden}.insp:before{content:"";position:absolute;width:90px;height:90px;border-radius:30px;background:linear-gradient(145deg,#d7eaff,#91c3ff);right:-18px;bottom:-18px;transform:rotate(22deg)}.insp b{font-size:12px;position:relative;z-index:1}.insp span{display:block;font-size:11px;color:var(--muted);margin-top:4px;position:relative;z-index:1}.insp a{position:absolute;left:12px;bottom:11px;color:var(--blue);font-size:11px;text-decoration:none;z-index:1}
.settings-grid{display:grid;grid-template-columns:240px 1fr;gap:12px}.settings-nav{padding:10px}.settings-nav button{width:100%;border:0;background:transparent;border-radius:11px;padding:10px 11px;text-align:start;font-size:12px;color:var(--muted);cursor:pointer}.settings-nav button.active{background:var(--blue3);color:var(--blue);font-weight:750}.setting-row{padding:15px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.setting-row:first-child{border-top:0}.setting-row>div{flex:1}.setting-row b{font-size:12px}.setting-row span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.seg{display:flex;gap:4px;padding:3px;background:var(--surface-2);border-radius:11px;border:1px solid var(--line)}.seg button{border:0;background:transparent;border-radius:8px;padding:7px 10px;font-size:11px;color:var(--muted);cursor:pointer}.seg button.active{background:var(--surface-solid);color:var(--text);box-shadow:0 3px 10px rgba(30,90,160,.08)}
.message-layout{display:grid;grid-template-columns:280px 1fr;min-height:520px;overflow:hidden}.contact-list{border-inline-end:1px solid var(--line);padding:10px}.contact{display:flex;align-items:center;gap:9px;padding:10px;border-radius:12px;cursor:pointer}.contact:hover,.contact.active{background:var(--surface-2)}.contact b{display:block;font-size:12px}.contact span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.chat{display:flex;flex-direction:column;padding:16px}.chat-head{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--line)}.bubble{max-width:65%;padding:10px 12px;border-radius:14px;background:var(--surface-2);font-size:12px;line-height:1.5;margin-top:10px}.bubble.me{margin-inline-start:auto;background:var(--blue);color:#fff}.chat-compose{margin-top:auto;display:flex;gap:8px;padding-top:16px}.chat-compose input{flex:1;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);padding:0 12px;color:var(--text);font-size:12px}

/* overlays / motion */
.overlay{position:fixed;inset:0;background:rgba(12,24,46,.28);backdrop-filter:blur(10px);display:grid;place-items:start center;padding-top:10vh;z-index:100;animation:fade .2s ease}.command{width:min(640px,92vw);border-radius:22px;background:var(--surface-solid);border:1px solid var(--line);box-shadow:0 30px 80px rgba(9,34,80,.22);padding:12px;animation:pop .28s var(--ease)}.command input{width:100%;height:48px;border:0;background:var(--surface-2);border-radius:14px;padding:0 14px;color:var(--text)}.command .result{padding:11px;border-radius:12px;font-size:12px;display:flex;justify-content:space-between;cursor:pointer}.command .result:hover{background:var(--surface-2)}
.toast{position:fixed;right:24px;bottom:24px;background:var(--text);color:var(--surface-solid);border-radius:14px;padding:12px 14px;font-size:12px;box-shadow:var(--shadow);z-index:200;animation:toastIn .32s var(--ease)}html[dir="rtl"] .toast{right:auto;left:24px}
.mobile-toggle{display:none}
@keyframes rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes pop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr 1fr}.content-grid>.panel:last-child{grid-column:1/-1}.hero-art{opacity:.58}.kanban{grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:1fr 1fr}.inspiration-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){#app{padding:0}.app-frame{min-height:100vh;border-radius:0;grid-template-columns:1fr}.sidebar{position:fixed;left:12px;right:12px;bottom:12px;top:auto;height:64px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:7px;z-index:50;display:block}.brand,.sidebar-footer,.profile-mini{display:none}.nav{height:100%;display:flex;flex-direction:row;gap:4px;overflow-x:auto}.nav-item{min-width:55px;flex:1;justify-content:center;padding:9px}.nav-item span:not(.nav-badge){display:none}.nav-badge{position:absolute;top:4px;right:4px}.topbar{padding:0 14px}.date-chip{display:none}.page{padding:16px 14px 90px}.hero{padding:22px;min-height:200px}.hero h1{font-size:29px}.hero-art{display:none}.kpi-grid,.content-grid,.two-col,.three-col,.settings-grid,.message-layout{grid-template-columns:1fr}.content-grid>.panel:last-child{grid-column:auto}.kanban{grid-template-columns:1fr}.inspiration-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-visual{min-height:280px}.auth-visual h1{font-size:35px}.auth-panel{padding:24px 10px}.profiles{grid-template-columns:1fr}.profile-pick.admin{grid-column:auto}}

/* =========================================================
   BECAL — STAGE 3 EXTERNAL LANDING
   Built as real HTML/CSS/JS, not a screenshot.
   ========================================================= */
.landing-shell{min-height:100vh;padding:28px;background:#f3f3f1;color:#111318;overflow:hidden;transition:.3s var(--ease)}
.landing-frame{width:min(1480px,100%);min-height:calc(100vh - 56px);margin:0 auto;border:1px solid rgba(25,35,48,.06);border-radius:34px;background:
 radial-gradient(circle at 9% 50%,rgba(255,116,25,.13),transparent 31%),
 radial-gradient(circle at 92% 45%,rgba(255,119,30,.13),transparent 30%),
 linear-gradient(180deg,#fff 0%,#fffaf6 100%);box-shadow:0 24px 80px rgba(28,24,20,.08);overflow:hidden;position:relative}
.landing-top{height:76px;margin:14px 46px 0;border:1px solid rgba(28,31,39,.055);border-radius:18px;background:rgba(255,255,255,.84);backdrop-filter:blur(24px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;box-shadow:0 8px 30px rgba(23,27,36,.035);position:relative;z-index:8}
.landing-brand{display:flex;align-items:center;gap:11px;justify-self:start}.becal-b{width:34px;height:38px;display:inline-block;background-image:url("data:image/png;base64,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");background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 6px 10px rgba(238,71,9,.13));flex:0 0 auto}
.landing-brand strong{font-family:"Plus Jakarta Sans",sans-serif;font-size:23px;letter-spacing:-.028em;font-weight:750}.landing-top-title{justify-self:center;color:#53627e;font-weight:500;font-size:14px;letter-spacing:.005em}.landing-controls{justify-self:end;display:flex;align-items:center;gap:9px}.landing-icon{width:38px;height:38px;border:1px solid #edf0f5;background:#fff;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#253b64;transition:.2s var(--ease)}.landing-icon:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(31,38,55,.08)}.landing-icon svg{width:17px;height:17px}.landing-icon.active{color:#ff640d}.landing-divider{width:1px;height:22px;background:#dce2ea;margin:0 4px}.landing-lang{height:38px;border:0;background:transparent;color:#334564;font-weight:650;font-size:12px;cursor:pointer;padding:0 7px}
.landing-main{position:relative;padding:68px 44px 0}.landing-hero{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:4}.landing-hero h1{font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;font-size:clamp(46px,5.25vw,76px);line-height:1.035;letter-spacing:-.038em;margin:0;font-weight:700;color:#0b0d11;text-wrap:balance}.landing-hero h1 .orange{color:#f45210}.landing-hero p{max-width:730px;margin:24px auto 0;color:#7b89a3;font-size:clamp(14px,1.26vw,17px);line-height:1.62;font-weight:400;letter-spacing:-.008em}.landing-ctas{display:flex;gap:16px;justify-content:center;margin-top:26px;flex-wrap:wrap}.landing-cta{height:54px;padding:0 28px;border-radius:999px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.24s var(--ease);border:1px solid #f3c6af}.landing-cta svg{width:18px;height:18px}.landing-cta.primary{border:0;color:#fff;background:linear-gradient(135deg,#ff720f,#f04a08);box-shadow:0 12px 25px rgba(246,79,10,.24)}.landing-cta.primary:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(246,79,10,.3)}.landing-cta.secondary{background:rgba(255,255,255,.7);color:#111318}.landing-cta.secondary:hover{transform:translateY(-3px);background:#fff;box-shadow:0 13px 26px rgba(31,35,45,.07)}

.admin-cta-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);flex:0 0 auto}
.admin-cta-icon svg{width:18px!important;height:18px!important;display:block}

.product-stage{width:min(1110px,92%);margin:38px auto 0;position:relative;z-index:3}.preview-window{height:510px;border:1px solid rgba(25,37,55,.08);border-radius:26px 26px 0 0;background:#fff;box-shadow:0 24px 70px rgba(51,45,40,.1);overflow:hidden;display:grid;grid-template-columns:190px 1fr;transform:translateY(8px)}.preview-side{border-right:1px solid #edf0f4;padding:23px 17px;background:rgba(255,255,255,.94)}.preview-brand{display:flex;align-items:center;gap:8px;margin-bottom:25px}.preview-brand .becal-b{width:24px;height:28px}.preview-brand b{font-size:15px}.preview-brand small{display:block;font-size:7px;color:#74829a;margin-top:1px}.preview-nav{display:flex;flex-direction:column;gap:3px}.preview-nav div{height:37px;padding:0 11px;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:10px;color:#52627e}.preview-nav div svg{width:15px;height:15px}.preview-nav .on{background:#fff0e9;color:#f15314;font-weight:700}.preview-content{min-width:0}.preview-top{height:64px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;padding:0 22px;gap:12px}.preview-search{height:36px;border-radius:18px;background:#f7f9fc;display:flex;align-items:center;gap:8px;padding:0 14px;color:#a3adbf;font-size:8px;flex:1;max-width:430px}.preview-search svg{width:13px}.preview-user{margin-left:auto;display:flex;align-items:center;gap:9px}.avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#eee}.preview-user small{display:block;color:#789;font-size:7px}.preview-user b{display:block;font-size:9px}.preview-page{padding:19px 22px}.preview-heading{display:flex;justify-content:space-between;align-items:flex-start}.preview-heading h2{font-size:19px;margin:0;letter-spacing:-.03em}.preview-heading p{font-size:8px;color:#7887a1;margin:2px 0 0}.preview-heading span{font-size:8px;color:#70809b}.preview-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:14px}.pkpi{min-width:0;border:1px solid #edf0f4;border-radius:12px;padding:11px 11px 9px;background:#fff;position:relative;overflow:hidden}.pkpi:after{content:"";position:absolute;inset:auto 0 0;height:28px;background:linear-gradient(180deg,transparent,rgba(246,249,253,.55));pointer-events:none}.pkpi-head{display:flex;align-items:center;gap:6px;color:#63718b;font-size:11px;white-space:nowrap}.pkpi-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff0e9;color:#f25515}.pkpi-icon.green{background:#e9f9f1;color:#18ae67}.pkpi-icon.blue{background:#edf5ff;color:#2575f1}.pkpi-icon svg{width:13px;height:13px}.pkpi strong{display:block;font-size:21px;margin:7px 0 5px;color:#111318;font-weight:700;letter-spacing:-.035em}.pkpi-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;position:relative;z-index:2}.spark{width:52px;height:23px;overflow:visible}.spark .grid{stroke:#edf1f5;stroke-width:1;fill:none}.spark .line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;animation:drawSpark 1.25s var(--ease) .15s forwards}.spark .area{opacity:.08}.spark.up .line{stroke:#16ad68}.spark.up .area{fill:#16ad68}.spark.down .line{stroke:#ef5961}.spark.down .area{fill:#ef5961}.spark.blue .line{stroke:#3a7fe8}.spark.blue .area{fill:#3a7fe8}.spark.orange .line{stroke:#f16a22}.spark.orange .area{fill:#f16a22}@keyframes drawSpark{to{stroke-dashoffset:0}}.trend{display:inline-flex;border-radius:5px;padding:2px 6px;font-size:11px;background:#eaf9f1;color:#0aa963}.trend.down{background:#fff0f1;color:#e34e55}.trend.blue{background:#edf5ff;color:#2672e9}.preview-lower{display:grid;grid-template-columns:1.25fr .95fr;gap:12px;margin-top:12px}.preview-card{border:1px solid #edf0f4;border-radius:12px;background:#fff;overflow:hidden}.pc-head{height:38px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #f0f2f5}.pc-head b{font-size:10px}.pc-head span{margin-left:auto;font-size:7px;color:#74829a}.project-line,.activity-line{display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid #f1f3f6}.project-line:last-child,.activity-line:last-child{border-bottom:0}.brand-thumb{width:32px;height:32px;border-radius:7px;object-fit:cover;border:1px solid #f0f0f0;background:#fff}.line-copy{min-width:0;flex:1}.line-copy b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-copy span{display:block;font-size:11px;color:#77869e;margin-top:2px}.avatar-stack{display:flex;align-items:center}.avatar-stack img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-6px}.avatar-stack img:first-child{margin-left:0}.plus-mini{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f3f6fb;color:#7a879d;font-size:11px;margin-left:-4px}.activity-line img{width:30px;height:30px;border-radius:50%;object-fit:cover}.activity-line .line-copy b{font-weight:650}.landing-glow-left,.landing-glow-right{position:absolute;border-radius:50%;pointer-events:none;filter:blur(.2px);opacity:.7}.landing-glow-left{width:420px;height:420px;left:-210px;bottom:40px;background:radial-gradient(circle,#ffb677 0%,rgba(255,178,119,.35) 44%,transparent 67%)}.landing-glow-right{width:420px;height:420px;right:-210px;bottom:85px;background:radial-gradient(circle,#ffa259 0%,rgba(255,162,89,.35) 44%,transparent 67%)}
/* PIN SHEET */
.pin-sheet-root{position:fixed;inset:0;z-index:999;display:none;place-items:center;background:rgba(17,20,27,.28);backdrop-filter:blur(14px);padding:20px}.pin-sheet-root.open{display:grid}.pin-sheet{width:min(430px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:28px;box-shadow:0 34px 90px rgba(23,24,30,.24);animation:pinPop .32s var(--ease)}.pin-sheet-top{display:flex;align-items:center;gap:12px}.pin-sheet-icon{width:44px;height:44px;border-radius:14px;background:#fff1e9;color:#ef5717;display:grid;place-items:center}.pin-sheet h3{margin:0;font-size:23px;letter-spacing:-.035em}.pin-sheet p{margin:5px 0 0;color:#7a879d;font-size:12px;line-height:1.5}.pin-close{margin-left:auto;border:0;background:#f5f6f8;width:34px;height:34px;border-radius:50%;cursor:pointer}.pin-code{width:100%;height:58px;margin:24px 0 12px;border:1px solid #e7e9ee;background:#fbfbfc;border-radius:16px;text-align:center;font-size:22px;letter-spacing:.45em;padding-left:.45em}.pin-continue{width:100%;height:52px;border:0;border-radius:15px;background:#111318;color:#fff;font-weight:750;cursor:pointer;transition:.2s var(--ease)}.pin-continue:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,19,24,.18)}.pin-error{min-height:18px;text-align:center;color:#dd4d49;font-size:12px;margin-top:8px}

/* STAGE 4 — refined access panels */
.pin-sheet-root{background:rgba(10,12,17,.42);backdrop-filter:blur(18px) saturate(112%)}
.pin-sheet{width:min(470px,100%);border-radius:30px;padding:30px;background:rgba(255,255,255,.975);border:1px solid rgba(220,225,234,.92);box-shadow:0 38px 100px rgba(15,18,26,.28)}
.pin-sheet-top{display:grid;grid-template-columns:56px minmax(0,1fr) 40px;align-items:start;gap:16px}
.pin-sheet-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#fff4ed,#ffe8dd);color:#ef5717;border:1px solid rgba(239,87,23,.16);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(239,87,23,.10)}
.pin-sheet-icon svg{width:27px;height:27px;stroke-width:1.8}
.pin-sheet-copy{min-width:0;padding-top:2px}
.pin-sheet h3{margin:0;font-size:25px;line-height:1.15;letter-spacing:-.035em;font-weight:760}
.pin-sheet p{margin:7px 0 0;color:#7d899c;font-size:12.5px;line-height:1.55;max-width:310px}
.pin-close{margin:0;width:40px;height:40px;border:1px solid #edf0f4;background:#f6f7f9;border-radius:14px;display:grid;place-items:center;cursor:pointer;font-size:23px;line-height:1;color:#5f6878;transition:.2s var(--ease)}
.pin-close:hover{transform:translateY(-1px);background:#eef1f5;color:#111318}
.pin-code{height:66px;margin:26px 0 14px;border:1px solid #e2e6ec;background:#f8f9fb;border-radius:19px;text-align:center;font-size:26px;font-weight:700;letter-spacing:.55em;padding:0 18px 0 calc(18px + .55em);color:#111318;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);transition:.2s var(--ease)}
.pin-code:focus{border-color:rgba(239,87,23,.46);background:#fff;box-shadow:0 0 0 4px rgba(239,87,23,.10)}
.pin-code::placeholder{color:#a7adb6;opacity:1}
.pin-continue{width:100%;height:58px;border:0;border-radius:18px;background:linear-gradient(135deg,#ff6824,#f04411);color:#fff;font-weight:760;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:11px;box-shadow:0 14px 28px rgba(240,68,17,.22);transition:.22s var(--ease)}
.pin-continue:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(240,68,17,.28)}
.pin-login-icon{width:34px;height:34px;border-radius:11px;background:#fff;color:#ed5017;display:grid;place-items:center;box-shadow:0 3px 10px rgba(112,36,11,.10)}
.pin-login-icon svg{width:18px;height:18px;stroke-width:2}
.pin-login-label{line-height:1}
.pin-error{min-height:18px;text-align:center;color:#dd4d49;font-size:12px;margin-top:9px}
@media (max-width:560px){.pin-sheet{padding:22px;border-radius:24px}.pin-sheet-top{grid-template-columns:50px minmax(0,1fr) 38px;gap:12px}.pin-sheet-icon{width:50px;height:50px;border-radius:16px}.pin-sheet h3{font-size:22px}.pin-sheet p{font-size:12px}.pin-code{height:60px}.pin-continue{height:56px}}

@keyframes pinPop{from{transform:translateY(18px) scale(.98);opacity:0}to{transform:none;opacity:1}}
/* LANDING DARK */
body[data-theme="dark"] .landing-shell{background:#08090b;color:#f5f5f4}.landing-shell.dark{}
body[data-theme="dark"] .landing-frame{border-color:#20242b;background:radial-gradient(circle at 10% 55%,rgba(238,85,19,.12),transparent 31%),radial-gradient(circle at 90% 45%,rgba(255,120,38,.1),transparent 29%),linear-gradient(180deg,#111317,#0d0f12);box-shadow:0 30px 90px rgba(0,0,0,.35)}
body[data-theme="dark"] .landing-top{border-color:#242931;background:rgba(20,22,27,.86)}body[data-theme="dark"] .landing-brand strong,body[data-theme="dark"] .landing-hero h1{color:#f7f7f5}body[data-theme="dark"] .landing-top-title,body[data-theme="dark"] .landing-lang{color:#b6c0cf}body[data-theme="dark"] .landing-icon{background:#181b21;border-color:#2a2f38;color:#dce4ef}body[data-theme="dark"] .landing-divider{background:#303640}body[data-theme="dark"] .landing-hero p{color:#99a6bb}body[data-theme="dark"] .landing-cta.secondary{background:#15181e;border-color:#323842;color:#f5f5f4}body[data-theme="dark"] .preview-window{background:#12151a;border-color:#252b34}body[data-theme="dark"] .preview-side{background:#12151a;border-color:#262c34}body[data-theme="dark"] .preview-brand b,body[data-theme="dark"] .preview-heading h2,body[data-theme="dark"] .pkpi strong,body[data-theme="dark"] .line-copy b,body[data-theme="dark"] .pc-head b,body[data-theme="dark"] .preview-user b{color:#f5f5f4}body[data-theme="dark"] .preview-nav div{color:#a8b3c4}body[data-theme="dark"] .preview-nav .on{background:#2a1b15}body[data-theme="dark"] .preview-top{border-color:#262c34}body[data-theme="dark"] .preview-search{background:#1b1f26}body[data-theme="dark"] .pkpi,body[data-theme="dark"] .preview-card{background:#15181d;border-color:#272d35}body[data-theme="dark"] .pkpi:after{background:linear-gradient(180deg,transparent,rgba(21,24,29,.72))}body[data-theme="dark"] .spark .grid{stroke:#2b3139}body[data-theme="dark"] .project-line,body[data-theme="dark"] .activity-line,body[data-theme="dark"] .pc-head{border-color:#272d35}body[data-theme="dark"] .brand-thumb{border-color:#353b44}body[data-theme="dark"] .pin-sheet{background:rgba(18,21,26,.97);border-color:#2b313a;color:#f5f5f4}body[data-theme="dark"] .pin-close,body[data-theme="dark"] .pin-code{background:#1c2027;border-color:#2b313a;color:#f5f5f4}body[data-theme="dark"] .pin-sheet{background:rgba(17,20,26,.985);border-color:#303640}body[data-theme="dark"] .pin-sheet-icon{background:linear-gradient(145deg,#2a1e19,#241914);border-color:#4a2a1d;color:#ff6a2a}body[data-theme="dark"] .pin-sheet p{color:#8f9bb0}body[data-theme="dark"] .pin-close{background:#1d2128;border-color:#2a3039;color:#d5dbe5}body[data-theme="dark"] .pin-close:hover{background:#252a32;color:#fff}body[data-theme="dark"] .pin-code{background:#1b1f26;border-color:#313740;color:#f7f7f5}body[data-theme="dark"] .pin-code:focus{border-color:rgba(255,106,42,.55);background:#1d222a;box-shadow:0 0 0 4px rgba(255,106,42,.10)}body[data-theme="dark"] .pin-code::placeholder{color:#70757e}
@media(max-width:900px){.landing-shell{padding:12px}.landing-frame{min-height:calc(100vh - 24px);border-radius:24px}.landing-top{margin:10px 12px 0;padding:0 12px;height:68px}.landing-top{grid-template-columns:1fr auto}.landing-top-title{display:none}.landing-brand strong{font-size:19px}.landing-main{padding:50px 10px 0}.landing-hero h1{font-size:clamp(43px,12vw,64px)}.landing-hero p{padding:0 12px}.product-stage{width:100%;overflow:hidden;margin-top:32px}.preview-window{width:920px;transform:scale(.72);transform-origin:top left;height:500px;margin-bottom:-140px}.landing-controls{gap:4px}.landing-divider{display:none}.landing-icon{width:34px;height:34px}.landing-lang{font-size:11px}}
@media(max-width:560px){.landing-top{margin:8px 8px 0}.landing-main{padding-top:42px}.landing-hero h1{font-size:44px}.landing-hero p{font-size:13px}.landing-ctas{flex-direction:column;align-items:stretch;padding:0 18px}.landing-cta{justify-content:center;width:100%}.preview-window{transform:scale(.54);margin-bottom:-220px}.landing-brand .becal-b{width:28px;height:32px}.landing-brand strong{font-size:17px}.landing-controls .landing-icon:first-child{display:none}}


/* STAGE 5 — balanced access panels + iOS-inspired liquid-glass icons */
.pin-sheet{
  width:min(470px,100%);
  padding:25px 26px 24px;
  border-radius:29px;
}
.pin-sheet-top{
  grid-template-columns:54px minmax(0,1fr) 40px;
  align-items:center;
  gap:15px;
}
.pin-sheet-copy{padding-top:0}
.pin-sheet h3{font-size:24px;line-height:1.12}
.pin-sheet p{margin-top:6px;line-height:1.45;max-width:320px}
.pin-code{
  height:62px;
  margin:21px 0 12px;
  border-radius:18px;
}
.pin-continue{height:56px;border-radius:17px}
.pin-error{min-height:0;margin:0;font-size:12px}
.pin-error:not(:empty){min-height:16px;margin-top:9px}

/* Shared liquid-glass treatment */
.pin-sheet-icon,
.pin-login-icon,
.admin-cta-icon,
.team-cta-icon{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  -webkit-backdrop-filter:blur(18px) saturate(175%);
  backdrop-filter:blur(18px) saturate(175%);
}
.pin-sheet-icon::before,
.pin-login-icon::before,
.admin-cta-icon::before,
.team-cta-icon::before{
  content:"";
  position:absolute;
  inset:1px 2px auto 2px;
  height:46%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.08));
  opacity:.72;
  pointer-events:none;
  z-index:-1;
}
.pin-sheet-icon::after,
.pin-login-icon::after,
.admin-cta-icon::after,
.team-cta-icon::after{
  content:"";
  position:absolute;
  width:52%;height:52%;
  left:-12%;top:-14%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.78),rgba(255,255,255,0) 70%);
  opacity:.7;
  pointer-events:none;
  z-index:-1;
}

/* Access-type icon in the modal */
.pin-sheet-icon{
  width:54px;height:54px;
  border-radius:18px;
  color:#f25a1b;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,235,224,.40));
  border:1px solid rgba(255,255,255,.82);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(236,91,29,.08),
    0 10px 26px rgba(239,87,23,.12),
    0 0 0 1px rgba(239,87,23,.08);
}
.pin-sheet-icon svg{position:relative;z-index:1;width:26px;height:26px;stroke-width:1.9}

/* Sign-in icon inside the orange modal button */
.pin-login-icon{
  width:34px;height:34px;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.12));
  border:1px solid rgba(255,255,255,.44);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 -1px 0 rgba(255,255,255,.10),
    0 6px 14px rgba(132,35,7,.14);
}
.pin-login-icon svg{position:relative;z-index:1;width:18px;height:18px;stroke-width:2.1}

/* External landing CTA icons */
.admin-cta-icon,.team-cta-icon{
  width:34px;height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  transition:transform .24s var(--ease),box-shadow .24s var(--ease);
}
.admin-cta-icon{
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 6px 15px rgba(125,35,7,.12);
}
.team-cta-icon{
  color:#ef5717;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,246,241,.56));
  border:1px solid rgba(255,255,255,.95);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(239,87,23,.07),0 7px 16px rgba(52,60,73,.08),0 0 0 1px rgba(239,87,23,.08);
}
.admin-cta-icon svg,.team-cta-icon svg{position:relative;z-index:1;width:18px!important;height:18px!important;display:block}
.landing-cta:hover .admin-cta-icon,.landing-cta:hover .team-cta-icon{transform:translateY(-1px) scale(1.035)}
.landing-cta .cta-arrow{width:17px;height:17px}

/* Dark-mode glass tuning */
body[data-theme="dark"] .pin-sheet-icon{
  color:#ff7137;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,112,52,.08));
  border-color:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 25px rgba(0,0,0,.20),0 0 0 1px rgba(255,110,44,.12);
}
body[data-theme="dark"] .team-cta-icon{
  color:#ff7137;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 16px rgba(0,0,0,.18),0 0 0 1px rgba(255,110,44,.10);
}
@media (max-width:560px){
  .pin-sheet{padding:22px 20px 20px}
  .pin-sheet-top{grid-template-columns:50px minmax(0,1fr) 38px;gap:12px}
  .pin-sheet-icon{width:50px;height:50px;border-radius:16px}
  .pin-code{height:58px;margin-top:18px}
  .pin-continue{height:54px}
}



/* STAGE 6 — full-button Liquid Glass treatment (icons stay natural) */
.landing-cta,
.pin-continue{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  -webkit-backdrop-filter:blur(22px) saturate(185%);
  backdrop-filter:blur(22px) saturate(185%);
}

/* Glass rim + reflected top light */
.landing-cta::before,
.pin-continue::before{
  content:"";
  position:absolute;
  inset:1px 2px auto 2px;
  height:48%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.13) 58%,rgba(255,255,255,0));
  opacity:.78;
  pointer-events:none;
  z-index:-1;
}
.landing-cta::after,
.pin-continue::after{
  content:"";
  position:absolute;
  width:58%;
  height:145%;
  left:-16%;
  top:-88%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.68) 0%,rgba(255,255,255,.22) 38%,rgba(255,255,255,0) 72%);
  filter:blur(5px);
  opacity:.7;
  pointer-events:none;
  z-index:-1;
}

/* Main orange action becomes translucent orange glass rather than flat orange */
.landing-cta.primary,
.pin-continue{
  color:#fff;
  border:1px solid rgba(255,255,255,.46);
  background:
    linear-gradient(135deg,rgba(255,116,35,.88),rgba(242,70,9,.80)),
    rgba(245,78,12,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -1px 0 rgba(121,30,0,.12),
    0 12px 30px rgba(238,77,13,.22),
    0 0 0 1px rgba(255,112,40,.10);
}
.landing-cta.primary:hover,
.pin-continue:hover{
  transform:translateY(-2px);
  background:
    linear-gradient(135deg,rgba(255,128,46,.92),rgba(244,75,12,.84)),
    rgba(245,78,12,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -1px 0 rgba(121,30,0,.14),
    0 17px 38px rgba(238,77,13,.29),
    0 0 0 1px rgba(255,118,46,.14);
}

/* Team action uses clear/frosted glass with the same physical language */
.landing-cta.secondary{
  color:#17191e;
  border:1px solid rgba(238,92,31,.28);
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,247,242,.52));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(239,87,23,.06),
    0 11px 28px rgba(65,54,48,.08),
    0 0 0 1px rgba(255,255,255,.34);
}
.landing-cta.secondary:hover{
  transform:translateY(-2px);
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,244,238,.62));
  box-shadow:
    inset 0 1px 0 #fff,
    0 16px 34px rgba(65,54,48,.11),
    0 0 0 1px rgba(239,87,23,.10);
}

/* Icons remain normal line/glyph icons — no separate glass tile around them */
.admin-cta-icon,
.team-cta-icon,
.pin-login-icon{
  width:22px;
  height:22px;
  border-radius:0;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:visible;
}
.admin-cta-icon::before,.admin-cta-icon::after,
.team-cta-icon::before,.team-cta-icon::after,
.pin-login-icon::before,.pin-login-icon::after{display:none!important}
.admin-cta-icon{color:#fff}
.team-cta-icon{color:#ef5717}
.pin-login-icon{color:#fff}
.admin-cta-icon svg,.team-cta-icon svg,.pin-login-icon svg{
  width:20px!important;
  height:20px!important;
  filter:none;
}
.landing-cta:hover .admin-cta-icon,
.landing-cta:hover .team-cta-icon{transform:none}

/* Keep text and glyphs above optical highlights */
.landing-cta > *,
.pin-continue > *{position:relative;z-index:2}

/* Dark mode: preserve the same glass physics instead of turning buttons flat */
body[data-theme="dark"] .landing-cta.primary,
body[data-theme="dark"] .pin-continue{
  border-color:rgba(255,255,255,.18);
  background:
    linear-gradient(135deg,rgba(255,108,39,.76),rgba(219,59,8,.70)),
    rgba(225,66,10,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,108,39,.12);
}
body[data-theme="dark"] .landing-cta.secondary{
  color:#f5f5f4;
  border-color:rgba(255,255,255,.14);
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 14px 30px rgba(0,0,0,.22);
}
body[data-theme="dark"] .team-cta-icon{color:#ff7137}

@media(max-width:560px){
  .landing-cta{min-height:56px}
}


/* STAGE 7 — ADMIN DASHBOARD, WEEKLY PERFORMANCE, PRESENCE & GROUP MESSAGING */
body[data-role="admin"]{--admin-accent:#f36a25}
body[data-role="admin"] .nav-item.active{background:linear-gradient(135deg,#ff7a31,#ef5218);box-shadow:0 10px 24px rgba(239,82,24,.20)}
body[data-role="admin"] .btn.primary{background:linear-gradient(135deg,#ff7a31,#ef5218);border-color:transparent;box-shadow:0 9px 22px rgba(239,82,24,.16)}
body[data-role="admin"] .search:focus-within{border-color:rgba(243,106,37,.38)}
.admin-dashboard{display:flex;flex-direction:column;gap:16px}
.admin-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}
.admin-period{height:36px;border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}
.admin-period svg{width:14px;height:14px}
.weekly-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.weekly-card{--metric:#f36a25;min-width:0;padding:16px 16px 13px;border-radius:19px;position:relative;overflow:hidden;background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:.22s var(--ease)}
.weekly-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.weekly-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--metric);opacity:.9}
.weekly-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.weekly-label{display:flex;align-items:center;gap:8px;min-width:0}
.weekly-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--metric);background:color-mix(in srgb,var(--metric) 11%,transparent)}
.weekly-icon svg{width:15px;height:15px;stroke-width:1.9}
.weekly-label span{font-size:12px;color:var(--muted);line-height:1.25}
.weekly-value{font-size:27px;line-height:1;font-weight:760;letter-spacing:-.05em;margin:12px 0 2px;color:var(--text)}
.weekly-sub{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;min-height:13px}
.weekly-sub b{font-size:11px;color:var(--metric);font-weight:700}
.spark-wrap{height:54px;margin-top:8px;position:relative}
.spark-wrap svg{width:100%;height:48px;overflow:visible}
.spark-grid{stroke:var(--line);stroke-width:.8;stroke-dasharray:2 4;opacity:.75}
.spark-area{opacity:.09}
.spark-line{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 5px color-mix(in srgb,var(--metric) 18%,transparent))}
.spark-dot{stroke:var(--surface-solid);stroke-width:2}
.week-days{display:grid;grid-template-columns:repeat(7,1fr);font-size:11px;color:var(--muted);opacity:.68;text-align:center;margin-top:-2px}
.weekly-card.zero .spark-area{display:none}.weekly-card.zero .weekly-sub b{color:#e74b51}
.admin-main-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}
.admin-team-panel,.admin-attention{padding:16px}
.admin-team-list{display:flex;flex-direction:column;margin-top:4px}
.presence-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.presence-row:last-child{border-bottom:0}
.presence-avatar{position:relative;width:38px;height:38px}
.presence-avatar>.avatar{width:38px!important;height:38px!important}
.presence-dot{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border-radius:50%;border:2px solid var(--surface-solid);background:#a6afbd}
.presence-dot.online{background:#20bd70;box-shadow:0 0 0 3px color-mix(in srgb,#20bd70 14%,transparent)}
.presence-copy b{display:block;font-size:12px}.presence-copy span{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.presence-state{font-size:11px;font-weight:650;color:var(--muted);white-space:nowrap}.presence-state.online{color:#19a863}
.workload-mini{width:76px;display:flex;align-items:center;gap:6px}.workload-track{height:5px;flex:1;background:var(--surface-2);border-radius:99px;overflow:hidden}.workload-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7a31,#ef5218)}.workload-mini span{font-size:11px;color:var(--muted);width:18px;text-align:right}
.attention-list{display:flex;flex-direction:column;margin-top:4px}
.attention-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.attention-item:last-child{border-bottom:0}
.attention-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--purple)}.attention-icon svg{width:14px;height:14px}
.attention-copy b{display:block;font-size:12px}.attention-copy span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.attention-badge{font-size:11px;padding:5px 7px;border-radius:999px;background:color-mix(in srgb,var(--purple) 10%,transparent);color:var(--purple);font-weight:700}
.projects-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.project-progress-card{padding:14px 15px}.project-progress-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-progress-top b{font-size:12px}.project-progress-top span{font-size:11px;color:var(--muted)}
.project-progress-card .progress{margin-top:12px}.project-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.project-progress-meta span{font-size:11px;color:var(--muted)}

/* Presence across team and messaging */
.presence-inline{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--muted);font-size:11px}.presence-inline i{width:7px;height:7px;border-radius:50%;background:#a6afbd;flex:0 0 auto}.presence-inline i.online{background:#20bd70;box-shadow:0 0 0 3px color-mix(in srgb,#20bd70 12%,transparent)}.presence-inline .online-text{color:#19a863;font-weight:650}

/* Messages v2 */
.messages-v2{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:570px;overflow:hidden;padding:0}
.msg-sidebar{border-inline-end:1px solid var(--line);padding:14px;background:color-mix(in srgb,var(--surface-solid) 88%,transparent);display:flex;flex-direction:column;min-width:0}
.msg-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.msg-side-head b{font-size:11px}.msg-new-group{height:32px;border:1px solid color-mix(in srgb,#f36a25 30%,var(--line));background:color-mix(in srgb,#f36a25 8%,var(--surface-solid));color:#ed5b1c;border-radius:10px;padding:0 9px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px}.msg-new-group svg{width:12px;height:12px}
.msg-section-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:11px 8px 5px}
.msg-contact{border:0;background:transparent;border-radius:13px;padding:9px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:start;cursor:pointer;color:inherit;transition:.18s var(--ease);width:100%}.msg-contact:hover{background:var(--surface-2)}.msg-contact.active{background:color-mix(in srgb,#f36a25 9%,var(--surface-2));box-shadow:inset 3px 0 0 #f36a25}
.msg-contact-copy b{display:block;font-size:12px}.msg-contact-copy span{display:block;font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-contact-state{font-size:11px;color:var(--muted);white-space:nowrap}.msg-contact-state.online{color:#19a863;font-weight:700}
.group-avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#f4eaff,#e7dcff);color:#7b4fe9;display:grid;place-items:center;font-weight:800;font-size:8px;position:relative;overflow:hidden}.group-avatar .stack{display:flex}.group-avatar .stack .avatar{width:20px!important;height:20px!important;margin-left:-5px;border:2px solid var(--surface-solid)}.group-avatar .stack .avatar:first-child{margin-left:0}
.msg-chat{display:flex;flex-direction:column;min-width:0;background:var(--surface-solid)}
.msg-chat-head{height:68px;border-bottom:1px solid var(--line);padding:0 17px;display:flex;align-items:center;gap:10px}.msg-chat-head .chat-title{min-width:0;flex:1}.msg-chat-head b{display:block;font-size:12px}.msg-chat-head span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.msg-member-stack{display:flex}.msg-member-stack .avatar{width:26px!important;height:26px!important;margin-left:-7px;border:2px solid var(--surface-solid)}.msg-member-stack .avatar:first-child{margin-left:0}
.msg-thread{flex:1;padding:22px;display:flex;flex-direction:column;gap:9px;overflow:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 55%,transparent),transparent)}
.msg-bubble{max-width:min(68%,520px);padding:10px 12px;border-radius:14px 14px 14px 4px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;line-height:1.45}.msg-bubble.me{align-self:flex-end;background:linear-gradient(135deg,#ff7a31,#ef5218);color:#fff;border-color:transparent;border-radius:14px 14px 4px 14px;box-shadow:0 9px 20px rgba(239,82,24,.14)}
.msg-compose{padding:12px 14px;border-top:1px solid var(--line);display:flex;gap:8px}.msg-compose input{flex:1;height:40px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:0 12px;color:var(--text);font-size:12px}.msg-compose .btn{height:40px}

/* Group creator */
.group-create{width:min(470px,calc(100% - 28px));border-radius:24px;background:var(--surface-solid);border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.22);padding:20px;animation:pinPop .28s var(--ease)}
.group-create-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.group-create-head h3{margin:0;font-size:18px;letter-spacing:-.03em}.group-name{height:44px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:0 12px;color:var(--text);font-size:12px;margin-bottom:12px}.group-member-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.group-member-option{border:1px solid var(--line);border-radius:13px;padding:9px;display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--surface-solid)}.group-member-option input{accent-color:#f36a25}.group-member-option span{font-size:12px;font-weight:650}.group-create-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}

body[data-theme="dark"] .weekly-card,body[data-theme="dark"] .msg-chat,body[data-theme="dark"] .group-create{background:var(--surface-solid)}
body[data-theme="dark"] .msg-contact.active{box-shadow:inset 3px 0 0 #ff7a31}
@media(max-width:1120px){.weekly-grid{grid-template-columns:repeat(3,1fr)}.admin-main-grid{grid-template-columns:1fr}.projects-strip{grid-template-columns:1fr 1fr}.messages-v2{grid-template-columns:230px 1fr}}
@media(max-width:760px){.weekly-grid{grid-template-columns:1fr 1fr}.projects-strip{grid-template-columns:1fr}.presence-row{grid-template-columns:38px minmax(0,1fr) auto}.workload-mini{display:none}.messages-v2{grid-template-columns:1fr}.msg-sidebar{border-inline-end:0;border-bottom:1px solid var(--line);max-height:290px}.msg-thread{min-height:330px}.group-member-list{grid-template-columns:1fr}}
@media(max-width:520px){.weekly-grid{grid-template-columns:1fr}.page{padding:18px}.admin-topline{align-items:flex-start;flex-direction:column}.messages-v2{min-height:620px}}



/* STAGE 8 — Admin refinement */
.brand .becal-b{width:27px;height:31px;flex:0 0 auto;background-size:contain;background-position:center;background-repeat:no-repeat}
.weekly-card:before{display:none!important}
.weekly-card{padding-top:16px}
.spark-line{fill:none;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--metric) 15%,transparent))}
.spark-area{opacity:.07}
.zero-spark .spark-line{stroke-width:1.8;opacity:.9;filter:none}
.zero-spark .spark-grid{opacity:.28}
.presence-dot{right:2px!important;bottom:2px!important;width:10px!important;height:10px!important;border:2px solid var(--surface-solid)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--surface-solid) 70%,transparent)}
.presence-inline{display:block!important;margin-top:5px!important;font-size:11px!important;color:var(--muted)}
.presence-inline.online-text{color:#19a863;font-weight:650}
.presence-inline i{display:none!important}
.msg-contact.active{background:color-mix(in srgb,var(--blue) 6%,var(--surface-2))!important;box-shadow:none!important}
body[data-theme="dark"] .msg-contact.active{box-shadow:none!important;background:color-mix(in srgb,var(--blue) 9%,var(--surface-2))!important}
.msg-contact.group{grid-template-columns:58px minmax(0,1fr) auto}
.group-stack{display:flex;align-items:center;width:58px;height:36px;padding-left:2px;overflow:visible}
.group-stack .avatar{width:30px!important;height:30px!important;margin-left:-10px;border:2px solid var(--surface-solid);box-shadow:0 4px 10px rgba(28,73,146,.08)}
.group-stack .avatar:first-child{margin-left:0}
.msg-chat-head>.group-stack{width:66px}
.msg-chat-head>.group-stack .avatar{width:32px!important;height:32px!important}
.group-avatar{display:none!important}
.date-chip-v2{height:36px;padding:0 11px 0 8px!important;border-radius:12px!important;gap:7px!important;color:var(--text)!important;background:color-mix(in srgb,var(--surface-solid) 94%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.date-glyph{width:24px;height:24px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;color:var(--blue)}
.date-glyph svg{width:13px!important;height:13px!important;stroke-width:1.8}
.date-line{font-size:12px;letter-spacing:.01em;white-space:nowrap;color:var(--muted)}
.lang-seg{flex-wrap:wrap}

/* Creative Board */
.creative-actions{display:flex;gap:8px;align-items:center}
.creative-board-shell{overflow:hidden;padding:0;min-height:620px}
.creative-toolbar{height:58px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-solid) 92%,transparent)}
.creative-filter{height:30px;padding:0 11px;border-radius:10px;display:flex;align-items:center;font-size:11px;color:var(--muted);cursor:pointer}
.creative-filter.active{background:var(--surface-2);color:var(--text);font-weight:700}
.creative-toolbar-note{margin-inline-start:auto;font-size:11px;color:var(--muted)}
.creative-canvas{height:560px;position:relative;overflow:hidden;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--blue) 5%,transparent),transparent 25%),linear-gradient(var(--surface-2),var(--surface-2));}
.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--line) 62%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--line) 62%,transparent) 1px,transparent 1px);background-size:28px 28px;opacity:.42}
.creative-tile{position:absolute;border:1px solid var(--line);background:var(--surface-solid);border-radius:18px;padding:0;overflow:hidden;box-shadow:0 16px 35px rgba(33,73,135,.09);text-align:start;color:inherit;cursor:pointer;transition:.24s var(--ease);width:230px}
.creative-tile:hover{transform:translateY(-4px) rotate(0deg)!important;box-shadow:var(--shadow)}
.creative-preview{height:132px;display:grid;place-items:center;font-size:24px;font-weight:800;position:relative;overflow:hidden}
.creative-preview:before,.creative-preview:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}
.creative-preview span{position:relative;z-index:2;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);display:grid;place-items:center;color:#313746;box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(25,38,70,.10)}
.creative-preview.image{background:linear-gradient(145deg,#f9d8e9,#fff2f7 55%,#d6ecff)}
.creative-preview.video{background:linear-gradient(145deg,#d8e7ff,#b8d1ff 48%,#eef5ff)}
.creative-preview.link{background:linear-gradient(145deg,#ffe6c7,#fff7e9 55%,#fff)}
.creative-preview.note{background:linear-gradient(145deg,#e8dcff,#f8f2ff 58%,#fff)}
.creative-copy{padding:12px 13px 13px}.creative-copy b{display:block;font-size:12px}.creative-copy span{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.tile-a{left:7%;top:9%;transform:rotate(-2deg)}.tile-b{left:36%;top:24%;transform:rotate(1.6deg)}.tile-c{right:8%;top:8%;transform:rotate(2deg)}.tile-d{right:19%;bottom:7%;transform:rotate(-1.4deg)}
.creative-add{position:absolute;left:12%;bottom:9%;border:1px dashed color-mix(in srgb,var(--blue) 35%,var(--line));background:color-mix(in srgb,var(--surface-solid) 74%,transparent);backdrop-filter:blur(12px);border-radius:16px;width:175px;height:68px;color:var(--blue);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s var(--ease)}
.creative-add:hover{transform:translateY(-3px);background:var(--surface-solid)}.creative-add svg{width:17px;height:17px}.creative-add span{font-size:11px;font-weight:700}
@media(max-width:900px){.creative-canvas{height:720px}.tile-a{left:5%}.tile-b{left:auto;right:5%;top:18%}.tile-c{left:8%;right:auto;top:48%}.tile-d{right:7%;bottom:8%}.creative-add{left:8%;bottom:5%}}
@media(max-width:600px){.creative-board-shell{min-height:780px}.creative-canvas{height:720px}.creative-tile{width:200px}.tile-a{left:5%;top:6%}.tile-b{right:5%;top:29%}.tile-c{left:5%;top:51%}.tile-d{right:5%;bottom:3%}.creative-add{display:none}.creative-toolbar{overflow-x:auto}.creative-toolbar-note{display:none}}

/* STAGE 9 — refined Team page, preserving the Stage 8 product shell */
.team-page-v2{display:flex;flex-direction:column;gap:16px}
.team-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.member-card-v2{padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--surface-solid);box-shadow:0 12px 34px rgba(18,24,35,.05);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}
.member-card-v2:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(18,24,35,.08);border-color:color-mix(in srgb,#f36a25 22%,var(--line))}
.member-card-top{display:grid;grid-template-columns:74px minmax(0,1fr);gap:15px;align-items:center}
.member-photo-wrap{width:74px;height:74px;position:relative;flex:0 0 auto}
.member-photo-wrap .avatar{width:74px!important;height:74px!important;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);box-shadow:0 8px 22px rgba(28,36,52,.10)}
.member-presence-marker{position:absolute;right:1px;bottom:3px;z-index:3;display:grid;place-items:center;box-shadow:0 0 0 3px var(--surface-solid)}
.member-presence-marker.online{width:15px;height:15px;border-radius:50%;background:#22c979;border:2px solid #fff}
.member-presence-marker.offline{height:20px;min-width:26px;padding:0 6px;border-radius:999px;background:#78869a;color:#fff;font-size:11px;font-weight:800;line-height:20px;letter-spacing:-.01em}
.member-copy{min-width:0}
.member-name-line{display:flex;align-items:center;gap:7px;min-width:0}
.member-name-line h3{margin:0;font-size:16px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.verify-badge{width:18px;height:18px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff7b31,#ed5318);color:#fff;box-shadow:0 5px 12px rgba(240,84,23,.22)}
.verify-badge svg{width:11px;height:11px;stroke-width:2.6}
.member-role{display:block;margin-top:4px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-status-copy{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:11px;color:var(--muted)}
.member-status-copy.online{color:#19ad68}.member-status-copy i{width:6px;height:6px;border-radius:50%;background:currentColor;display:block}
.member-stats-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 14px}
.member-stat-v2{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:10px 9px;display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}
.member-stat-icon{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--stat) 11%,var(--surface-solid));color:var(--stat)}
.member-stat-icon svg{width:14px;height:14px;stroke-width:2}
.member-stat-v2 strong{font-size:15px;line-height:1;letter-spacing:-.03em}
.member-stat-v2 span{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-actions-v2{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.member-actions-v2 .btn{justify-content:center;height:40px;border-radius:12px;font-size:11px;font-weight:760}
.member-actions-v2 .btn svg{width:14px;height:14px}
.member-actions-v2 .btn.primary{background:linear-gradient(135deg,#ff6f23,#ed5118);box-shadow:0 10px 22px rgba(240,82,23,.18)}
.member-actions-v2 .btn.primary:hover{transform:translateY(-1px);box-shadow:0 13px 26px rgba(240,82,23,.24)}
.member-workspace-modal{width:min(600px,calc(100% - 28px));border-radius:26px;background:var(--surface-solid);border:1px solid var(--line);box-shadow:0 32px 95px rgba(12,18,29,.24);padding:20px;animation:pinPop .28s var(--ease)}
.member-workspace-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.member-workspace-head .member-photo-wrap{width:48px;height:48px}.member-workspace-head .member-photo-wrap .avatar{width:48px!important;height:48px!important}.member-workspace-head-copy{min-width:0;flex:1}.member-workspace-head-copy b{display:block;font-size:14px}.member-workspace-head-copy span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.member-brand-title{font-size:12px;color:var(--muted);margin:4px 0 9px}.member-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.member-brand-choice{border:1px solid var(--line);border-radius:16px;background:var(--surface-2);padding:14px 12px;text-align:left;cursor:pointer;transition:.2s var(--ease);color:var(--text)}.member-brand-choice:hover{transform:translateY(-2px);border-color:color-mix(in srgb,#f36a25 32%,var(--line));box-shadow:0 12px 26px rgba(23,31,44,.08)}
.member-brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px;background:var(--surface-solid);border:1px solid var(--line);font-weight:850;font-size:11px;color:#f05a1b}.member-brand-choice b{display:block;font-size:12px}.member-brand-choice span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.member-workspace-footer{display:flex;justify-content:flex-end;margin-top:14px}
body[data-theme="dark"] .member-card-v2{box-shadow:0 12px 34px rgba(0,0,0,.16)}
body[data-theme="dark"] .member-presence-marker.online{border-color:#101419;box-shadow:0 0 0 3px var(--surface-solid)}
@media(max-width:1040px){.team-grid-v2{grid-template-columns:1fr}.member-brand-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.member-card-top{grid-template-columns:62px minmax(0,1fr)}.member-photo-wrap,.member-photo-wrap .avatar{width:62px!important;height:62px!important}.member-stats-v2{grid-template-columns:1fr}.member-actions-v2{grid-template-columns:1fr}.member-brand-grid{grid-template-columns:1fr}}


/* STAGE 10 — Team grid + disciplined messaging sidebar + glass orange icon treatment */

/* Team: three members per desktop row, no duplicated presence line under role */
.team-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.member-card-v2{padding:15px;border-radius:20px;box-shadow:0 10px 28px rgba(18,24,35,.045)}
.member-card-v2:hover{box-shadow:0 14px 34px rgba(18,24,35,.065)}
.member-card-top{grid-template-columns:68px minmax(0,1fr);gap:13px}
.member-photo-wrap{width:68px;height:68px}
.member-photo-wrap .avatar{width:68px!important;height:68px!important;box-shadow:none}
.member-status-copy{display:none!important}
.member-name-line{gap:6px}.member-name-line h3{font-size:13.5px}.member-role{font-size:11px;margin-top:4px}
.member-presence-marker{right:-1px;bottom:2px;box-shadow:none}
.member-presence-marker.online{width:14px;height:14px;border:3px solid var(--surface-solid);background:#21c779}
.member-presence-marker.offline{right:-8px;bottom:0;height:18px;min-width:24px;padding:0 6px;border:2px solid var(--surface-solid);background:#77869a;font-size:11px;line-height:14px;box-shadow:none}
.member-stats-v2{gap:6px;margin:14px 0 12px}.member-stat-v2{padding:9px 8px;grid-template-columns:25px 1fr;column-gap:7px;border-radius:12px}
.member-stat-icon{width:25px;height:25px;border-radius:8px;box-shadow:none}.member-stat-icon svg{width:13px;height:13px}.member-stat-v2 strong{font-size:13px}.member-stat-v2 span{font-size:11px}
.member-actions-v2{gap:7px;padding-top:12px}.member-actions-v2 .btn{height:38px;font-size:11px;border-radius:11px}
.member-actions-v2 .btn.primary{background:linear-gradient(135deg,rgba(255,119,54,.92),rgba(239,82,24,.88));border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.32);backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%)}
.member-actions-v2 .btn.primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.42);transform:translateY(-1px)}

/* Verification badge: orange liquid-glass, no orange cast shadow */
.verify-badge{width:18px;height:18px;border-radius:7px;background:linear-gradient(145deg,rgba(255,132,67,.44),rgba(239,82,24,.20));border:1px solid rgba(255,130,70,.48);color:#f05b1d;box-shadow:inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(10px) saturate(155%);-webkit-backdrop-filter:blur(10px) saturate(155%)}
.verify-badge svg{width:10px;height:10px;stroke-width:2.6}
.member-stat-v2[style*="#f36a25"] .member-stat-icon{background:linear-gradient(145deg,rgba(255,132,67,.24),rgba(239,82,24,.10));border:1px solid rgba(243,106,37,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.66);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}

/* Messages sidebar: balanced typography, larger avatars, precise status-dot placement */
.messages-v2{grid-template-columns:310px minmax(0,1fr);min-height:590px}
.msg-sidebar{padding:18px 16px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent)}
.msg-side-head{margin-bottom:15px}.msg-side-head b{font-size:13px;letter-spacing:-.015em}
.msg-new-group{height:38px;padding:0 12px;border-radius:12px;font-size:11px;border:1px solid rgba(243,106,37,.28);background:linear-gradient(145deg,rgba(255,132,67,.16),rgba(239,82,24,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.68);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}
.msg-new-group svg{width:13px;height:13px}
.msg-section-title{font-size:11px;letter-spacing:.16em;margin:16px 8px 8px}
.msg-contact{grid-template-columns:46px minmax(0,1fr) auto;gap:12px;min-height:66px;padding:9px 10px;border-radius:17px;align-items:center}
.msg-contact:hover{background:color-mix(in srgb,var(--blue) 4%,var(--surface-2))}
.msg-contact.active{background:color-mix(in srgb,var(--blue) 8%,var(--surface-2))!important;box-shadow:none!important}
.msg-contact .msg-presence-avatar{position:relative;width:46px!important;height:46px!important;display:block}
.msg-contact .msg-presence-avatar>.avatar{width:46px!important;height:46px!important;box-shadow:none}
.msg-contact .presence-dot{position:absolute!important;right:-1px!important;bottom:1px!important;width:14px!important;height:14px!important;border-radius:50%;background:#21c779!important;border:3px solid var(--surface-solid)!important;box-shadow:none!important;z-index:4}
.msg-contact-copy{min-width:0}.msg-contact-copy b{display:block;font-size:12px;line-height:1.12;letter-spacing:-.012em}.msg-contact-copy span{font-size:11px;margin-top:4px;line-height:1.2}
.msg-contact-state{font-size:11px;line-height:1;white-space:nowrap;padding-left:7px}.msg-contact-state.online{color:#17a861;font-weight:720}

/* Groups: avatar cluster gets its own column and never collides with the name */
.msg-contact.group{grid-template-columns:78px minmax(0,1fr);gap:12px;padding-top:10px;padding-bottom:10px}
.group-stack{display:flex;align-items:center;width:78px;height:44px;padding-left:1px;overflow:visible;flex:0 0 auto}
.group-stack .avatar{width:36px!important;height:36px!important;margin-left:-11px;border:2px solid var(--surface-solid);box-shadow:none}
.group-stack .avatar:first-child{margin-left:0}
.msg-contact.group .msg-contact-copy b{font-size:12px}.msg-contact.group .msg-contact-copy span{font-size:11px}
.msg-chat-head>.group-stack{width:82px;height:42px}.msg-chat-head>.group-stack .avatar{width:34px!important;height:34px!important;margin-left:-10px}

/* Remove orange drop-shadows from orange icon surfaces across this stage */
.verify-badge,.msg-new-group,.member-stat-icon{filter:none!important}

body[data-theme="dark"] .verify-badge{background:linear-gradient(145deg,rgba(255,139,78,.28),rgba(239,82,24,.12));border-color:rgba(255,139,78,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
body[data-theme="dark"] .member-card-v2{box-shadow:0 10px 28px rgba(0,0,0,.12)}
body[data-theme="dark"] .msg-contact.active{background:color-mix(in srgb,var(--blue) 10%,var(--surface-2))!important;box-shadow:none!important}

@media(max-width:1240px){.team-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.messages-v2{grid-template-columns:285px minmax(0,1fr)}}
@media(max-width:820px){.team-grid-v2{grid-template-columns:1fr}.messages-v2{grid-template-columns:1fr}.msg-sidebar{max-height:390px}.member-card-v2{padding:16px}}



/* STAGE 11 — team/message precision + glass navigation + profile controls */

/* Sidebar: quieter, consistent icon system with glass active state */
.nav{gap:4px}
.nav-item{min-height:44px;padding:7px 9px;border-radius:14px;gap:9px;border:1px solid transparent;box-shadow:none!important;transform:none!important}
.nav-item:hover{background:color-mix(in srgb,var(--surface-2) 82%,transparent);color:var(--text);transform:none!important}
.nav-item .nav-icon{width:29px;height:29px;flex:0 0 29px;border-radius:10px;display:grid;place-items:center;color:var(--muted);transition:.2s var(--ease);background:transparent;border:1px solid transparent;box-shadow:none}
.nav-item .nav-icon svg{width:16px;height:16px;stroke-width:1.75}
.nav-item.active{color:#e95a1c;background:linear-gradient(145deg,color-mix(in srgb,#ff8a4f 10%,var(--surface-solid)),color-mix(in srgb,#f05a1c 4%,var(--surface-2)))!important;border-color:rgba(242,102,42,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.68)!important;backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%)}
.nav-item.active .nav-icon{color:#ed5a1b;background:linear-gradient(145deg,rgba(255,137,77,.18),rgba(242,91,29,.07));border-color:rgba(243,112,53,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.nav-item.active:before{display:none!important}
body[data-theme="dark"] .nav-item.active{background:linear-gradient(145deg,rgba(255,126,64,.10),rgba(239,82,24,.035))!important;border-color:rgba(255,132,72,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
body[data-theme="dark"] .nav-item.active .nav-icon{background:linear-gradient(145deg,rgba(255,132,72,.16),rgba(239,82,24,.055));border-color:rgba(255,132,72,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}

/* Team cards: simple surfaces, no verification, no decorative strokes */
.member-card-v2{border:0!important;background:color-mix(in srgb,var(--surface-solid) 96%,transparent);box-shadow:0 8px 24px rgba(18,24,35,.04)!important}
.member-card-v2:hover{border-color:transparent!important;box-shadow:0 12px 30px rgba(18,24,35,.06)!important}
.member-photo-wrap .avatar{border:0!important;box-shadow:none!important}
.verify-badge{display:none!important}
.member-name-line{gap:0!important}
.member-stat-v2{border:0!important;background:color-mix(in srgb,var(--surface-2) 88%,transparent)}
.member-stat-icon{border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important}
.member-actions-v2{grid-template-columns:1.15fr .85fr;gap:8px;padding-top:10px;border-top:0!important}
.member-actions-v2 .btn{height:42px;border-radius:12px;font-size:12px!important;font-weight:735;gap:8px;letter-spacing:-.01em}
.member-actions-v2 .btn svg{width:16px;height:16px;stroke-width:1.9}
.member-actions-v2 .btn.primary{background:linear-gradient(145deg,rgba(255,125,61,.88),rgba(238,82,24,.80));border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)!important;backdrop-filter:blur(13px) saturate(150%);-webkit-backdrop-filter:blur(13px) saturate(150%)}
.member-actions-v2 .btn.primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important}
.member-actions-v2 .btn:not(.primary){background:color-mix(in srgb,var(--surface-solid) 76%,transparent);border-color:color-mix(in srgb,var(--line) 68%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body[data-theme="dark"] .member-card-v2{box-shadow:0 8px 22px rgba(0,0,0,.10)!important}
body[data-theme="dark"] .member-actions-v2 .btn:not(.primary){box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}

/* Presence markers remain anchored to the avatar edge */
.member-presence-marker.online{right:-1px!important;bottom:2px!important;box-shadow:none!important}

/* Chat header avatar: force status marker to bottom-right edge, never inside the face */
.chat-avatar-wrap{width:42px;height:42px;position:relative;flex:0 0 42px}
.chat-avatar-wrap>.avatar{width:42px!important;height:42px!important;border:0!important;box-shadow:none!important}
.chat-avatar-wrap>.presence-dot{position:absolute!important;right:-1px!important;bottom:-1px!important;width:14px!important;height:14px!important;border-radius:50%;background:#21c779!important;border:3px solid var(--surface-solid)!important;box-shadow:none!important;z-index:5}
.msg-chat-head{height:72px;padding:0 18px;gap:12px}
.msg-chat-head .chat-title b{font-size:12px}.msg-chat-head .chat-title span{font-size:11px}

/* Profile control and menu */
.profile-zone{position:relative;margin-top:auto}
.sidebar-footer+.profile-zone{margin-top:0}
.profile-mini{width:100%;border:0;background:transparent;color:inherit;text-align:start;position:relative;padding:14px 4px 0;cursor:pointer}
.profile-mini:hover .meta b{color:#ed5a1b}
.profile-mini .profile-chevron{margin-inline-start:auto;width:16px;height:16px;color:var(--muted)}
.profile-popover{position:absolute;left:0;right:0;bottom:58px;padding:7px;border-radius:16px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);border:1px solid color-mix(in srgb,var(--line) 75%,transparent);box-shadow:0 18px 50px rgba(20,27,40,.14);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);z-index:30;animation:pinPop .18s var(--ease)}
.profile-popover button{width:100%;height:38px;border:0;background:transparent;border-radius:11px;padding:0 10px;display:flex;align-items:center;gap:9px;color:var(--text);font-size:11px;font-weight:680;cursor:pointer;text-align:start}
.profile-popover button:hover{background:var(--surface-2)}
.profile-popover button.danger{color:#d84949}
.profile-popover svg{width:15px;height:15px;stroke-width:1.8}
.profile-popover .sep{height:1px;background:var(--line);margin:5px 2px}
body[data-nav="horizontal"] .profile-zone{margin-top:0;justify-self:end}
body[data-nav="horizontal"] .profile-popover{left:auto;right:0;width:190px;bottom:auto;top:48px}
.top-profile-trigger{border:0;background:transparent;padding:0;cursor:pointer;border-radius:50%;display:grid;place-items:center}.top-profile-trigger .avatar{box-shadow:none}

/* Profile editor */
.profile-editor{width:min(520px,calc(100% - 28px));border-radius:26px;background:var(--surface-solid);border:1px solid var(--line);box-shadow:0 32px 96px rgba(12,18,29,.24);padding:21px;animation:pinPop .24s var(--ease)}
.profile-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.profile-editor-head h3{margin:0;font-size:18px;letter-spacing:-.03em}.profile-editor-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.profile-editor-photo{display:flex;align-items:center;gap:14px;padding:13px;border-radius:17px;background:var(--surface-2);margin-bottom:14px}.profile-editor-photo .avatar{width:62px!important;height:62px!important;box-shadow:none}.profile-photo-actions{display:flex;gap:7px;flex-wrap:wrap}.profile-photo-actions label{height:34px;padding:0 11px;border-radius:10px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface-solid);font-size:11px;font-weight:700;cursor:pointer}.profile-photo-actions input{display:none}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field label{font-size:11px;color:var(--muted);font-weight:650}.profile-field input{height:42px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:0 11px;color:var(--text);font:inherit;font-size:12px}.profile-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.profile-editor-actions .btn{height:40px;font-size:11px}
@media(max-width:620px){.profile-form-grid{grid-template-columns:1fr}}



/* STAGE 12 — refined typography, balanced actions, quiet line icons */


body,
button,input,select,textarea{
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
}
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea{
  font-family:"Cairo","Tahoma","Segoe UI",Arial,sans-serif;
}

/* More composed typography across the app */
.page-title h1{font-weight:700;letter-spacing:-.032em;line-height:1.06}
.page-title p{font-size:11.25px;line-height:1.55;letter-spacing:-.006em}
.brand strong{font-weight:760;letter-spacing:-.03em}
.topbar,.sidebar,.page-shell{font-feature-settings:"ss01" 1,"cv02" 1,"cv03" 1}

/* Team action buttons: text/icon proportions now match the control size */
.member-actions-v2{grid-template-columns:1.18fr .82fr;gap:9px;padding-top:12px}
.member-actions-v2 .btn{
  height:44px!important;
  border-radius:13px!important;
  padding:0 14px!important;
  font-size:11.2px!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
  gap:8.5px!important;
  line-height:1!important;
}
.member-actions-v2 .btn svg{
  width:17px!important;
  height:17px!important;
  stroke-width:1.7!important;
  flex:0 0 17px!important;
}
.member-actions-v2 .btn:not(.primary){font-size:10.8px!important}

/* Sidebar: calm Lucide-like line language, no icon tiles or cast shadows */
.nav{gap:4px}
.nav-item{
  min-height:44px;
  padding:8px 10px;
  gap:10px;
  border-radius:14px;
  font-size:11.3px;
  font-weight:590;
  letter-spacing:-.006em;
  box-shadow:none!important;
}
.nav-item .nav-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:color-mix(in srgb,var(--muted) 92%,var(--text));
}
.nav-item .nav-icon svg{
  width:17px;
  height:17px;
  stroke-width:1.55!important;
}
.nav-item:hover .nav-icon{color:var(--text)}
.nav-item.active{
  color:#df5b22!important;
  background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,122,58,.07))!important;
  border:1px solid rgba(241,103,45,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74)!important;
  backdrop-filter:blur(14px) saturate(138%);
  -webkit-backdrop-filter:blur(14px) saturate(138%);
}
.nav-item.active .nav-icon{
  color:#e65b20!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-theme="dark"] .nav-item.active{
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,116,48,.075))!important;
  border-color:rgba(255,135,79,.105)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body[data-theme="dark"] .nav-item.active .nav-icon{background:transparent!important;box-shadow:none!important}

/* Keep message / status / utility icon sizing aligned with the same system */
.msg-new-group svg,.page-title .btn svg,.top-actions svg{stroke-width:1.6}
.btn{letter-spacing:-.01em}

@media(max-width:640px){
  .member-actions-v2 .btn{height:43px!important;font-size:10.7px!important}
  .member-actions-v2 .btn:not(.primary){font-size:12px!important}
}



/* =========================================================
   STAGE 13 — PREMIUM INTERNAL TYPOGRAPHY
   External landing remains visually unchanged.
   ========================================================= */
#app,
#app button,
#app input,
#app select,
#app textarea{
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
  font-optical-sizing:auto;
  font-synthesis:none;
}
html[dir="rtl"] #app,
html[dir="rtl"] #app button,
html[dir="rtl"] #app input,
html[dir="rtl"] #app select,
html[dir="rtl"] #app textarea{
  font-family:"Cairo","Segoe UI",sans-serif;
}
#app{
  letter-spacing:-.008em;
  font-weight:500;
}
#app .page-title h1,
#app .hero h1,
#app .panel-head h3,
#app .member-copy h3,
#app .chat-title b,
#app .brand strong,
#app .profile-mini b,
#app .kpi strong,
#app .pc-head b,
#app .admin-topline h2{
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  letter-spacing:-.035em;
  font-weight:700;
}
html[dir="rtl"] #app .page-title h1,
html[dir="rtl"] #app .hero h1,
html[dir="rtl"] #app .panel-head h3,
html[dir="rtl"] #app .member-copy h3,
html[dir="rtl"] #app .chat-title b,
html[dir="rtl"] #app .brand strong,
html[dir="rtl"] #app .profile-mini b,
html[dir="rtl"] #app .kpi strong,
html[dir="rtl"] #app .pc-head b,
html[dir="rtl"] #app .admin-topline h2{
  font-family:"Cairo","Segoe UI",sans-serif;
  letter-spacing:0;
}
#app .page-title h1{
  font-size:32px;
  line-height:1.08;
  font-weight:700;
}
#app .page-title p{
  font-size:12px;
  line-height:1.6;
  font-weight:450;
  letter-spacing:-.005em;
}
#app .nav-item{
  font-size:12.6px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.012em;
}
#app .nav-item .nav-icon svg{
  stroke-width:1.65;
}
#app .btn{
  font-size:11.7px;
  font-weight:650;
  line-height:1;
  letter-spacing:-.014em;
}
#app .member-actions-v2 .btn,
#app .member-actions-v2 .btn:not(.primary){
  font-size:12.2px!important;
  font-weight:650!important;
  letter-spacing:-.016em!important;
}
#app .member-copy h3{
  font-size:14px;
  line-height:1.16;
  font-weight:700;
}
#app .member-role{
  font-size:12px;
  line-height:1.45;
  font-weight:500;
  letter-spacing:-.004em;
}
#app .member-stat-v2 strong{
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.025em;
}
#app .member-stat-v2 span{
  font-size:11px;
  font-weight:550;
  letter-spacing:-.004em;
}
#app .msg-contact-copy b,
#app .msg-side-head b,
#app .group-name b{
  font-weight:650;
  letter-spacing:-.016em;
}
#app .msg-contact-copy b{font-size:11.5px}
#app .msg-contact-copy span{font-size:12px;line-height:1.45}
#app .chat-title b{font-size:12.5px;font-weight:700}
#app .chat-title span{font-size:12px;line-height:1.45}
#app .search span,
#app .date-chip,
#app .profile-mini small,
#app .pill,
#app .row-main span{
  font-weight:500;
}
#app .profile-mini b{font-size:11.5px;font-weight:650;letter-spacing:-.016em}
#app .profile-mini small{font-size:12px;letter-spacing:-.003em}
#app .kpi .label,
#app .kpi small,
#app .delta{
  font-weight:550;
}
#app .kpi strong{
  letter-spacing:-.03em;
  font-weight:700;
}
#app .panel-head,
#app .pc-head,
#app .row-main b{
  letter-spacing:-.014em;
}
#app .topbar,
#app .sidebar,
#app .page-shell{
  font-feature-settings:"ss01" 1,"ss02" 1,"cv02" 1,"cv03" 1;
}
@media(max-width:820px){
  #app .page-title h1{font-size:28px}
  #app .nav-item{font-size:12px}
  #app .member-actions-v2 .btn,
  #app .member-actions-v2 .btn:not(.primary){font-size:11.6px!important}
}


/* =========================================================
   STAGE 14 — BORDERLESS SURFACES + TRUE INTERNAL I18N + TOPBAR PROFILE
   ========================================================= */
/* Keep the same calm visual system without outlining every surface. */
#app .card,
#app .weekly-card,
#app .project-progress-card,
#app .member-card-v2,
#app .member-stat-v2,
#app .task-card,
#app .insp,
#app .creative-tile,
#app .workspace-strip,
#app .member-workspace-modal,
#app .member-brand-choice,
#app .member-brand-mark,
#app .group-create,
#app .profile-editor,
#app .settings-nav{
  border-color:transparent!important;
}
#app .card,
#app .weekly-card,
#app .project-progress-card,
#app .member-card-v2{
  box-shadow:0 12px 32px rgba(34,72,128,.055)!important;
}
body[data-theme="dark"] #app .card,
body[data-theme="dark"] #app .weekly-card,
body[data-theme="dark"] #app .project-progress-card,
body[data-theme="dark"] #app .member-card-v2{
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}

/* Top language control replaces the date chip. */
.top-lang-wrap{position:relative;display:flex;align-items:center}
.top-lang-select{
  height:38px;min-width:76px;padding:0 30px 0 12px;
  border:1px solid var(--line);border-radius:13px;
  background:var(--surface-solid);color:var(--text);
  font-family:inherit;font-size:12px;font-weight:650;
  letter-spacing:-.01em;cursor:pointer;appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 15px) 16px,calc(100% - 11px) 16px;
  background-size:4px 4px,4px 4px;background-repeat:no-repeat;
  transition:.2s var(--ease);
}
html[dir="rtl"] .top-lang-select{padding:0 12px 0 30px;background-position:15px 16px,11px 16px}
.top-lang-select:hover{transform:translateY(-1px);background-color:var(--surface-2)}

/* Profile menu now belongs to the profile in the top-right. */
.top-profile-wrap{position:relative;display:flex;align-items:center}
.top-profile-trigger{position:relative}
.top-profile-menu{
  position:absolute;top:48px;inset-inline-end:0;width:184px;padding:7px;
  border-radius:16px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);
  backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);
  box-shadow:0 18px 50px rgba(18,31,55,.16);z-index:80;
  animation:pop .2s var(--ease);
}
.top-profile-menu button{width:100%;height:38px;border:0;background:transparent;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 10px;color:var(--text);font:inherit;font-size:12px;font-weight:620;cursor:pointer;text-align:start}
.top-profile-menu button:hover{background:var(--surface-2)}
.top-profile-menu button svg{width:16px;height:16px;stroke-width:1.65}
.top-profile-menu .danger{color:#e24d53}
.top-profile-menu .sep{height:1px;background:var(--line);margin:5px 3px}

/* Sidebar profile remains clean; topbar owns the account menu. */
.profile-mini{cursor:pointer}

/* RTL fine tuning */
html[dir="rtl"] #app .topbar{direction:rtl}
html[dir="rtl"] #app .top-actions{margin-inline-start:auto}
html[dir="rtl"] #app .search{direction:rtl}
html[dir="rtl"] #app .search kbd{direction:ltr}
html[dir="rtl"] #app .page-title{text-align:right}
html[dir="rtl"] #app .btn svg{transform:none}

@media(max-width:820px){.top-lang-select{min-width:64px;height:36px}.top-profile-menu{top:44px}}



/* =========================================================
   STAGE 15 — PREMIUM PROFILE CARD + CLEAN SIDEBAR ICONS
   ========================================================= */
.profile-overlay{
  background:rgba(19,24,35,.30)!important;
  backdrop-filter:blur(12px) saturate(118%);
  -webkit-backdrop-filter:blur(12px) saturate(118%);
}
.profile-editor-premium{
  width:min(570px,calc(100% - 28px));
  padding:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:30px!important;
  background:var(--surface-solid)!important;
  box-shadow:0 34px 110px rgba(13,25,48,.24)!important;
}
.profile-editor-hero{
  position:relative;
  padding:22px 24px 25px;
  background:
    radial-gradient(circle at 86% -10%,rgba(255,138,67,.22),transparent 34%),
    linear-gradient(150deg,color-mix(in srgb,var(--surface-2) 78%,#fff 22%),var(--surface-solid));
  overflow:hidden;
}
.profile-editor-hero:after{
  content:"";position:absolute;width:170px;height:170px;border-radius:50%;
  right:-80px;bottom:-118px;
  background:rgba(255,121,42,.08);filter:blur(2px);pointer-events:none;
}
.profile-editor-brand{display:flex;align-items:center;gap:9px;color:var(--text);position:relative;z-index:1}
.profile-editor-brand .becal-b{width:24px;height:24px;flex:0 0 24px}
.profile-editor-brand strong{font-size:11px;letter-spacing:.08em;font-weight:750}
.profile-editor-close{
  position:absolute;top:18px;inset-inline-end:18px;width:34px;height:34px;border:0;
  border-radius:12px;background:color-mix(in srgb,var(--surface-solid) 72%,transparent);
  color:var(--muted);font-size:21px;line-height:1;cursor:pointer;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:.2s var(--ease);z-index:2;
}
.profile-editor-close:hover{background:var(--surface-solid);color:var(--text);transform:translateY(-1px)}
.profile-editor-identity{display:flex;align-items:center;gap:18px;margin-top:25px;position:relative;z-index:1}
.profile-avatar-wrap{position:relative;flex:0 0 auto}
.profile-avatar-wrap .avatar{width:82px!important;height:82px!important;box-shadow:0 14px 30px rgba(30,45,72,.14)!important}
.profile-camera{
  position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:11px;
  display:grid;place-items:center;background:rgba(242,104,35,.86);color:#fff;cursor:pointer;
  border:2px solid var(--surface-solid);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:none!important;
}
.profile-camera svg{width:13px;height:13px;stroke-width:1.9}.profile-camera input{display:none}
.profile-identity-copy{min-width:0}.profile-identity-copy h3{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.045em;font-weight:700}
.profile-identity-copy p{margin:7px 0 10px;color:var(--muted);font-size:12px;line-height:1.55;max-width:330px}
.profile-role-chip{
  display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;
  background:color-mix(in srgb,#f36b24 10%,var(--surface-solid));
  color:#d95716;font-size:12px;font-weight:700;letter-spacing:-.01em;
}
.profile-editor-body{padding:22px 24px 24px}
.profile-form-grid.premium-grid{gap:14px}
.profile-editor-premium .profile-field{gap:7px}
.profile-editor-premium .profile-field label{font-size:12px;font-weight:650;color:var(--muted)}
.profile-editor-premium .profile-field input{
  height:48px;border:0!important;background:var(--surface-2)!important;border-radius:15px!important;
  padding:0 14px;font-size:11.5px!important;font-weight:580;outline:none;
  box-shadow:inset 0 0 0 1px transparent;transition:.2s var(--ease);
}
.profile-editor-premium .profile-field input:focus{
  background:var(--surface-solid)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#f36b24 38%,var(--line));
}
.premium-photo-actions{margin-top:14px}
.premium-photo-actions label{
  height:38px!important;padding:0 13px!important;border:0!important;border-radius:12px!important;
  background:var(--surface-2)!important;font-size:12px!important;font-weight:650!important;
}
.premium-photo-actions label svg{width:15px;height:15px}
.profile-editor-actions.premium-actions{margin-top:22px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.profile-editor-actions.premium-actions .btn{height:44px!important;padding:0 17px;font-size:12px!important;border-radius:13px}
.profile-editor-actions.premium-actions .btn.primary{min-width:130px}
body[data-theme="dark"] .profile-editor-hero{
  background:radial-gradient(circle at 86% -10%,rgba(255,121,42,.17),transparent 34%),linear-gradient(150deg,#171b22,#12151b);
}
body[data-theme="dark"] .profile-role-chip{background:rgba(243,107,36,.12);color:#ff9b65}
@media(max-width:620px){
  .profile-editor-identity{align-items:flex-start}.profile-identity-copy h3{font-size:21px}
  .profile-form-grid.premium-grid{grid-template-columns:1fr}.profile-editor-body{padding:19px}
  .profile-editor-hero{padding:20px}.profile-editor-actions.premium-actions{flex-direction:column-reverse}
  .profile-editor-actions.premium-actions .btn{width:100%}
}


/* =========================================================
   STAGE 16 — PROFILE CARD REFINEMENT
   ========================================================= */
/* The profile editor is intentionally brand-neutral: the account itself is the focus. */
.profile-editor-premium .profile-editor-brand{display:none!important}
.profile-editor-premium .profile-editor-identity{margin-top:2px}
.profile-editor-premium .profile-editor-hero{padding-top:26px;padding-bottom:26px}

/* Photo editing lives only on the pencil attached to the avatar. */
.profile-editor-premium .premium-photo-actions{display:none!important}

/* Strong, centered and proportionally balanced primary action. */
.profile-editor-actions.premium-actions{align-items:center}
.profile-editor-actions.premium-actions .btn{
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  font-size:11.2px!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
}
.profile-editor-actions.premium-actions .btn:not(.primary){min-width:96px}
.profile-editor-actions.premium-actions .profile-save-btn{
  min-width:156px!important;
  padding:0 24px!important;
  background:linear-gradient(145deg,rgba(255,125,61,.92),rgba(238,82,24,.86))!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42)!important;
  backdrop-filter:blur(12px) saturate(145%);
  -webkit-backdrop-filter:blur(12px) saturate(145%);
}
.profile-editor-actions.premium-actions .profile-save-btn:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52)!important;
  transform:translateY(-1px);
}
@media(max-width:620px){
  .profile-editor-premium .profile-editor-identity{margin-top:0}
  .profile-editor-actions.premium-actions .profile-save-btn,
  .profile-editor-actions.premium-actions .btn:not(.primary){width:100%!important;min-width:0!important}
}



/* STAGE 18 — Creative Board: freeform personal canvases */
.cb-page{display:flex;flex-direction:column;gap:14px}
.cb-contextbar{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-solid);border-radius:18px;box-shadow:none;border:0;min-height:58px}
.cb-brand-select{height:38px;width:138px;min-width:138px;border:0;border-radius:12px;color:var(--text);padding:0 30px 0 12px;font:700 12px/1 var(--font-ui);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2375829d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:13px 13px;background-position:right 11px center}
html[dir="rtl"] .cb-brand-select{padding:0 12px 0 30px;background-position:left 11px center}
.cb-context-divider{width:1px;height:28px;background:var(--line);flex:0 0 auto}
.cb-member-strip{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;padding:2px 1px;scrollbar-width:none}.cb-member-strip::-webkit-scrollbar{display:none}
.cb-member-chip{height:38px;display:flex;align-items:center;gap:8px;padding:0 11px 0 5px;border:0;border-radius:13px;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap;transition:.2s var(--ease)}
.cb-member-chip:hover{background:var(--surface-2);color:var(--text)}
.cb-member-chip.active{background:color-mix(in srgb,#f36a25 8%,var(--surface-2));color:var(--text)}
.cb-member-chip .avatar{width:28px!important;height:28px!important;box-shadow:none!important;border:0!important}.cb-member-chip b{font-size:11px;font-weight:720}
.cb-member-chip .cb-online{width:7px;height:7px;border-radius:50%;background:#22c979;margin-inline-start:-12px;align-self:flex-end;margin-bottom:4px;box-shadow:0 0 0 2px var(--surface-solid)}
.cb-board-shell{background:var(--surface-solid);border:0!important;border-radius:22px;overflow:hidden;box-shadow:none!important;min-height:710px}
.cb-toolbar{min-height:56px;display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--surface-solid) 96%,transparent);position:relative;z-index:7}
.cb-tool{height:36px;min-width:36px;padding:0 10px;border:0;border-radius:11px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.18s var(--ease);font:700 12px/1 var(--font-ui)}
.cb-tool svg{width:16px;height:16px;stroke-width:1.8}.cb-tool:hover{background:var(--surface-2);color:var(--text)}.cb-tool.active{background:color-mix(in srgb,#f36a25 10%,var(--surface-2));color:#ef6223}
.cb-tool-sep{width:1px;height:24px;background:var(--line);margin:0 3px}.cb-spacer{flex:1}.cb-breadcrumb{display:flex;align-items:center;gap:5px;min-width:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden}.cb-breadcrumb button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:5px 4px;border-radius:7px}.cb-breadcrumb button:hover{background:var(--surface-2);color:var(--text)}
.cb-canvas{height:650px;position:relative;overflow:hidden;touch-action:none;background:radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--blue) 5%,transparent),transparent 24%),radial-gradient(circle at 78% 68%,color-mix(in srgb,#f36a25 4%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface-solid) 92%,var(--surface-2)),var(--surface-solid))}
body[data-theme="dark"] .cb-canvas{background:radial-gradient(circle at 18% 14%,rgba(86,138,255,.10),transparent 24%),radial-gradient(circle at 78% 68%,rgba(243,106,37,.08),transparent 28%),linear-gradient(180deg,#121d30,#0f1728)}
.cb-dots-layer{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:1}
.cb-empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1}.cb-empty-inner{text-align:center;color:var(--muted);max-width:310px}.cb-empty-icon{width:48px;height:48px;border-radius:15px;margin:0 auto 12px;background:var(--surface-2);display:grid;place-items:center;color:#ef6223}.cb-empty-icon svg{width:21px;height:21px}.cb-empty-inner b{display:block;color:var(--text);font-size:11px;margin-bottom:5px}.cb-empty-inner span{font-size:11px;line-height:1.6}
.cb-draw-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.cb-canvas.pen-mode .cb-draw-layer{pointer-events:auto;cursor:crosshair}
.cb-item{position:absolute;z-index:3;user-select:none;touch-action:none;cursor:grab}.cb-item:active{cursor:grabbing}.cb-item.is-text{cursor:text;user-select:text;touch-action:auto}.cb-item.is-text:active{cursor:text}
.cb-media{width:230px;background:transparent;border:0;box-shadow:none!important;border-radius:12px;overflow:hidden}.cb-media img,.cb-media video{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:12px;box-shadow:none!important;border:0!important;background:#0000}.cb-media-label{font-size:11px;color:var(--muted);margin-top:6px;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-note{width:210px;min-height:70px;padding:12px 13px;background:color-mix(in srgb,#fff2a8 74%,var(--surface-solid));border-radius:12px;color:#28231a;box-shadow:none!important;border:0;font:620 12px/1.45 var(--font-ui);outline:none;white-space:pre-wrap}.cb-note:focus{outline:2px solid color-mix(in srgb,#f36a25 36%,transparent)}
body[data-theme="dark"] .cb-note{background:#403a24;color:#fff6cc}
.cb-link-card{width:220px;min-height:78px;padding:12px;border-radius:13px;background:var(--surface-2);border:0;box-shadow:none!important;color:var(--text);display:flex;align-items:center;gap:10px;text-decoration:none}.cb-link-ico{width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:color-mix(in srgb,#f36a25 11%,var(--surface-solid));color:#ef6223;display:grid;place-items:center}.cb-link-ico svg{width:16px;height:16px}.cb-link-copy{min-width:0}.cb-link-copy b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-link-copy span{display:block;font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-folder{width:178px;height:104px;padding:12px;border:0;border-radius:14px;background:var(--surface-2);box-shadow:none!important;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;cursor:pointer;text-align:start}.cb-folder-icon{width:35px;height:35px;border-radius:11px;background:color-mix(in srgb,#f36a25 10%,var(--surface-solid));color:#ef6223;display:grid;place-items:center}.cb-folder-icon svg{width:18px;height:18px}.cb-folder b{font-size:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-folder span{font-size:11px;color:var(--muted)}
.cb-delete{position:absolute;right:-8px;top:-8px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(26,29,34,.78);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.9);transition:.16s;cursor:pointer;z-index:8;backdrop-filter:blur(10px)}html[dir="rtl"] .cb-delete{right:auto;left:-8px}.cb-item:hover .cb-delete{opacity:1;transform:scale(1)}.cb-delete svg{width:11px;height:11px}
.cb-pen-options{display:flex;align-items:center;gap:5px}.cb-color{width:24px;height:24px;padding:3px;border:0;border-radius:8px;background:var(--surface-2);cursor:pointer}.cb-color::-webkit-color-swatch{border:0;border-radius:5px}.cb-clear{color:#d85656}
.cb-file-input{display:none}
@media(max-width:920px){.cb-contextbar{align-items:flex-start;flex-wrap:wrap}.cb-context-divider{display:none}.cb-member-strip{width:100%}.cb-toolbar{overflow-x:auto;scrollbar-width:none}.cb-tool span{display:none}.cb-tool{min-width:36px;padding:0 9px}.cb-breadcrumb{display:none}.cb-canvas{height:720px}}


/* STAGE 22 — Team card metric balance */
.team-page-v2 .member-stats-v2{
  gap:8px;
  margin:15px 0 13px;
}

.team-page-v2 .member-stat-v2{
  min-height:64px;
  padding:10px 9px;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:9px;
  row-gap:2px;
  align-items:center;
  border-radius:13px;
  background:color-mix(in srgb,var(--surface-2) 78%,var(--surface-solid));
}

.team-page-v2 .member-stat-icon{
  grid-row:1/3;
  width:30px;
  height:30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  box-shadow:none!important;
}

.team-page-v2 .member-stat-icon svg{
  width:15px;
  height:15px;
  stroke-width:1.9;
}

.team-page-v2 .member-stat-v2 strong{
  font-size:14px;
  line-height:1;
  font-weight:760;
  letter-spacing:-.025em;
  align-self:end;
}

.team-page-v2 .member-stat-v2 span{
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  color:var(--muted);
  margin-top:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  align-self:start;
}

/* Created Tasks: quieter orange glass instead of a large saturated block */
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  width:28px;
  height:28px;
  border-radius:9px;
  background:linear-gradient(145deg,
    color-mix(in srgb,#f36a25 12%,transparent),
    color-mix(in srgb,#f36a25 5%,transparent));
  border:1px solid color-mix(in srgb,#f36a25 16%,var(--line));
  color:#e96428;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58)!important;
  -webkit-backdrop-filter:blur(8px) saturate(120%);
  backdrop-filter:blur(8px) saturate(120%);
}

body[data-theme="dark"] .team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  background:linear-gradient(145deg,rgba(243,106,37,.13),rgba(243,106,37,.055));
  border-color:rgba(243,106,37,.17);
  color:#ff8a4f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}

/* Keep blue/green stats equally quiet and visually balanced */
.team-page-v2 .member-stat-v2[style*="#2f80ed"] .member-stat-icon{
  background:color-mix(in srgb,#2f80ed 8%,transparent);
  border:1px solid color-mix(in srgb,#2f80ed 11%,var(--line));
}
.team-page-v2 .member-stat-v2[style*="#20b96f"] .member-stat-icon{
  background:color-mix(in srgb,#20b96f 8%,transparent);
  border:1px solid color-mix(in srgb,#20b96f 11%,var(--line));
}

@media(max-width:1180px){
  .team-page-v2 .member-stat-v2{
    grid-template-columns:28px minmax(0,1fr);
    column-gap:7px;
    padding-inline:8px;
  }
  .team-page-v2 .member-stat-icon{width:28px;height:28px}
  .team-page-v2 .member-stat-v2 strong{font-size:13.5px}
  .team-page-v2 .member-stat-v2 span{font-size:11px}
}


/* STAGE 23 — refine only the metric glyphs/text balance */
.team-page-v2 .member-stat-v2{
  min-height:62px;
  padding:10px 10px;
  grid-template-columns:27px minmax(0,1fr);
  column-gap:9px;
}

/* Keep the soft background container compact */
.team-page-v2 .member-stat-icon,
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  border-radius:8px!important;
}

/* Enlarge the actual task / clock / check glyphs */
.team-page-v2 .member-stat-icon svg{
  width:17px!important;
  height:17px!important;
  stroke-width:2.05!important;
}

/* Numeric hierarchy stays clear but not oversized */
.team-page-v2 .member-stat-v2 strong{
  font-size:13.5px!important;
  line-height:1!important;
  font-weight:760!important;
}

/* Labels must always show completely */
.team-page-v2 .member-stat-v2 span{
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:620!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  min-width:0!important;
}

/* Created Tasks needs a touch more room so it never truncates */
.team-page-v2 .member-stat-v2:first-child{
  grid-template-columns:27px minmax(74px,1fr);
}

/* Quieter orange backing — glyph remains the visual focus */
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  background:color-mix(in srgb,#f36a25 6%,var(--surface-solid))!important;
  border:1px solid color-mix(in srgb,#f36a25 12%,var(--line))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42)!important;
  color:#e96428!important;
}

body[data-theme="dark"] .team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  background:rgba(243,106,37,.065)!important;
  border-color:rgba(243,106,37,.14)!important;
}

@media(max-width:1180px){
  .team-page-v2 .member-stat-v2{
    grid-template-columns:27px minmax(0,1fr)!important;
  }
  .team-page-v2 .member-stat-v2:first-child{
    grid-template-columns:27px minmax(72px,1fr)!important;
  }
}


/* STAGE 24 — lighter, tighter team metric cards */
.team-page-v2 .member-stats-v2{
  gap:7px!important;
  margin:13px 0 12px!important;
}
.team-page-v2 .member-stat-v2{
  min-height:54px!important;
  padding:7px 8px!important;
  grid-template-columns:23px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:7px!important;
  row-gap:1px!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--surface-2) 70%,transparent)!important;
}
.team-page-v2 .member-stat-icon,
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  border-radius:7px!important;
  grid-row:1/3!important;
  box-shadow:none!important;
  border:0!important;
  background:color-mix(in srgb,var(--stat) 7%,transparent)!important;
  color:var(--stat)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.team-page-v2 .member-stat-icon svg{
  width:15px!important;
  height:15px!important;
  stroke-width:1.45!important;
  vector-effect:non-scaling-stroke;
}
.team-page-v2 .member-stat-v2 strong{
  font-size:12.7px!important;
  line-height:1!important;
  font-weight:730!important;
  letter-spacing:-.018em!important;
  align-self:end!important;
}
.team-page-v2 .member-stat-v2 span{
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:600!important;
  color:var(--muted)!important;
  margin:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  align-self:start!important;
}
.team-page-v2 .member-stat-v2:first-child{
  grid-template-columns:23px minmax(76px,1fr)!important;
}
body[data-theme="dark"] .team-page-v2 .member-stat-icon,
body[data-theme="dark"] .team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  background:color-mix(in srgb,var(--stat) 9%,transparent)!important;
}
@media(max-width:1180px){
  .team-page-v2 .member-stat-v2,
  .team-page-v2 .member-stat-v2:first-child{
    grid-template-columns:23px minmax(0,1fr)!important;
  }
  .team-page-v2 .member-stat-v2 span{font-size:11px!important}
}


/* STAGE 25 — Team metrics: balance the content inside each mini-card */
.team-page-v2 .member-stats-v2{
  gap:7px!important;
  margin:13px 0 12px!important;
}

.team-page-v2 .member-stat-v2,
.team-page-v2 .member-stat-v2:first-child{
  min-height:52px!important;
  padding:7px 7px!important;
  grid-template-columns:25px max-content!important;
  grid-template-rows:15px 12px!important;
  column-gap:7px!important;
  row-gap:2px!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--surface-2) 62%,var(--surface-solid))!important;
}

/* Compact icon surface; the actual glyph is larger, but remains thin */
.team-page-v2 .member-stat-icon,
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  grid-row:1/3!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb,var(--stat) 6%,transparent)!important;
  color:var(--stat)!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.team-page-v2 .member-stat-icon svg{
  width:16px!important;
  height:16px!important;
  stroke-width:1.35!important;
  vector-effect:non-scaling-stroke!important;
}

/* Make the information readable again without enlarging the container */
.team-page-v2 .member-stat-v2 strong{
  font-size:14.5px!important;
  line-height:15px!important;
  font-weight:750!important;
  letter-spacing:-.025em!important;
  margin:0!important;
  align-self:end!important;
}

.team-page-v2 .member-stat-v2 span{
  font-size:11px!important;
  line-height:12px!important;
  font-weight:620!important;
  color:var(--muted)!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  min-width:0!important;
  align-self:start!important;
}

/* Keep the orange task icon especially quiet */
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  background:color-mix(in srgb,#f36a25 5%,transparent)!important;
  color:#e9672d!important;
}

body[data-theme="dark"] .team-page-v2 .member-stat-v2{
  background:color-mix(in srgb,var(--surface-2) 76%,transparent)!important;
}
body[data-theme="dark"] .team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  background:rgba(243,106,37,.06)!important;
  color:#ff8b55!important;
}

/* Slightly tighter only on narrower desktop widths; keep text readable */
@media(max-width:1180px){
  .team-page-v2 .member-stat-v2,
  .team-page-v2 .member-stat-v2:first-child{
    grid-template-columns:24px max-content!important;
    column-gap:6px!important;
    padding-inline:6px!important;
  }
  .team-page-v2 .member-stat-icon,
  .team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
  }
  .team-page-v2 .member-stat-icon svg{
    width:15px!important;
    height:15px!important;
  }
  .team-page-v2 .member-stat-v2 strong{font-size:14px!important}
  .team-page-v2 .member-stat-v2 span{font-size:11px!important}
}


/* STAGE 26 — Team metric cards: proportional, readable, compact */
.team-page-v2 .member-stats-v2{
  display:grid!important;
  grid-template-columns:repeat(3,max-content)!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:7px!important;
  margin:13px 0 12px!important;
}

.team-page-v2 .member-stat-v2,
.team-page-v2 .member-stat-v2:first-child{
  width:max-content!important;
  min-width:92px!important;
  max-width:108px!important;
  min-height:46px!important;
  padding:6px 7px!important;
  grid-template-columns:29px auto!important;
  grid-template-rows:17px 13px!important;
  column-gap:7px!important;
  row-gap:1px!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:start!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--surface-2) 54%,var(--surface-solid))!important;
}

/* Icon container stays compact */
.team-page-v2 .member-stat-icon,
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  grid-row:1/3!important;
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* The actual glyph is now properly sized versus the number, but remains thin */
.team-page-v2 .member-stat-icon svg{
  width:18px!important;
  height:18px!important;
  stroke-width:1.35!important;
}

/* Numbers stay clearly readable */
.team-page-v2 .member-stat-v2 strong{
  font-size:15px!important;
  line-height:17px!important;
  font-weight:740!important;
  letter-spacing:-.025em!important;
  margin:0!important;
}

/* Full labels, no ellipsis */
.team-page-v2 .member-stat-v2 span{
  font-size:11px!important;
  line-height:13px!important;
  font-weight:620!important;
  color:var(--muted)!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}

/* Very light tonal backgrounds so the mini-card doesn't feel heavy */
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  background:color-mix(in srgb,#f36a25 5.5%,transparent)!important;
  color:#e9682f!important;
}
.team-page-v2 .member-stat-v2[style*="#2f80ed"] .member-stat-icon{
  background:color-mix(in srgb,#2f80ed 5.5%,transparent)!important;
  color:#2f80ed!important;
}
.team-page-v2 .member-stat-v2[style*="#20b96f"] .member-stat-icon{
  background:color-mix(in srgb,#20b96f 5.5%,transparent)!important;
  color:#20a965!important;
}

body[data-theme="dark"] .team-page-v2 .member-stat-v2{
  background:color-mix(in srgb,var(--surface-2) 64%,transparent)!important;
}

/* Preserve balance on narrower cards */
@media(max-width:1240px){
  .team-page-v2 .member-stats-v2{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .team-page-v2 .member-stat-v2,
  .team-page-v2 .member-stat-v2:first-child{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding-inline:6px!important;
    grid-template-columns:27px minmax(0,1fr)!important;
    column-gap:6px!important;
  }
  .team-page-v2 .member-stat-icon,
  .team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
  }
  .team-page-v2 .member-stat-icon svg{
    width:17px!important;
    height:17px!important;
  }
}


/* STAGE 27 — Team metrics: remove unnecessary gaps between the three stats */
.team-page-v2 .member-stats-v2{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  justify-content:stretch!important;
  align-items:stretch!important;
  gap:5px!important;
  margin:12px 0 11px!important;
}

/* Each stat now fills exactly one third — no empty dead space between cards */
.team-page-v2 .member-stat-v2,
.team-page-v2 .member-stat-v2:first-child{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:50px!important;
  padding:7px 8px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  grid-template-rows:18px 13px!important;
  column-gap:7px!important;
  row-gap:1px!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:start!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--surface-2) 56%,var(--surface-solid))!important;
}

/* Compact icon container, clear thin glyph */
.team-page-v2 .member-stat-icon,
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  grid-row:1/3!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  box-shadow:none!important;
}

.team-page-v2 .member-stat-icon svg{
  width:18px!important;
  height:18px!important;
  stroke-width:1.3!important;
}

/* Numbers and labels stay readable */
.team-page-v2 .member-stat-v2 strong{
  font-size:15.5px!important;
  line-height:18px!important;
  font-weight:740!important;
  letter-spacing:-.025em!important;
  margin:0!important;
}

.team-page-v2 .member-stat-v2 span{
  font-size:11px!important;
  line-height:13px!important;
  font-weight:620!important;
  color:var(--muted)!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}

/* Keep icon backgrounds very light so the content, not the box, leads */
.team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
  background:color-mix(in srgb,#f36a25 5%,transparent)!important;
  color:#e9682f!important;
}
.team-page-v2 .member-stat-v2[style*="#2f80ed"] .member-stat-icon{
  background:color-mix(in srgb,#2f80ed 5%,transparent)!important;
  color:#2f80ed!important;
}
.team-page-v2 .member-stat-v2[style*="#20b96f"] .member-stat-icon{
  background:color-mix(in srgb,#20b96f 5%,transparent)!important;
  color:#20a965!important;
}

body[data-theme="dark"] .team-page-v2 .member-stat-v2{
  background:color-mix(in srgb,var(--surface-2) 64%,transparent)!important;
}

/* On narrower layouts, preserve the same compact spacing */
@media(max-width:1240px){
  .team-page-v2 .member-stats-v2{
    gap:4px!important;
  }
  .team-page-v2 .member-stat-v2,
  .team-page-v2 .member-stat-v2:first-child{
    padding-inline:7px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    column-gap:6px!important;
  }
  .team-page-v2 .member-stat-icon,
  .team-page-v2 .member-stat-v2[style*="#f36a25"] .member-stat-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }
  .team-page-v2 .member-stat-icon svg{
    width:17px!important;
    height:17px!important;
  }
  .team-page-v2 .member-stat-v2 strong{
    font-size:15px!important;
  }
  .team-page-v2 .member-stat-v2 span{
    font-size:11px!important;
  }
}


/* STAGE 28 — Account access remains available in horizontal navigation */
body[data-nav="horizontal"] .profile-zone{
  position:relative;
  margin:0!important;
  justify-self:end;
  min-width:148px;
}

body[data-nav="horizontal"] .profile-mini{
  width:100%!important;
  min-width:148px;
  height:44px;
  padding:5px 7px!important;
  border:0!important;
  border-radius:13px;
  display:flex;
  align-items:center;
  gap:8px;
  background:transparent;
  transition:background .18s var(--ease);
}

body[data-nav="horizontal"] .profile-mini:hover{
  background:var(--surface-2);
}

body[data-nav="horizontal"] .profile-mini .avatar{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px;
}

body[data-nav="horizontal"] .profile-mini .meta{
  min-width:0;
  line-height:1.05;
}

body[data-nav="horizontal"] .profile-mini .meta b{
  display:block;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body[data-nav="horizontal"] .profile-mini .meta small{
  display:block;
  margin-top:3px;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body[data-nav="horizontal"] .profile-mini .profile-chevron{
  width:14px;
  height:14px;
  flex:0 0 14px;
}

body[data-nav="horizontal"] .profile-popover{
  left:auto!important;
  right:0!important;
  top:50px!important;
  bottom:auto!important;
  width:192px!important;
  padding:7px!important;
  z-index:80!important;
}

/* RTL: anchor the popup to the correct edge */
html[dir="rtl"] body[data-nav="horizontal"] .profile-popover{
  right:auto!important;
  left:0!important;
}


/* =========================================================
   STAGE 29 — Messages + Voice + Groups + Meetings
   ========================================================= */
.comms-page{display:flex;flex-direction:column;gap:14px}
.comms-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.comms-actions .btn{height:38px;padding:0 13px}
.comms-layout{
  display:grid;
  grid-template-columns:286px minmax(0,1fr) 270px;
  min-height:660px;
  overflow:hidden;
  background:var(--surface-solid);
  border:0!important;
  border-radius:22px;
  box-shadow:none!important;
}
.comms-sidebar{
  padding:14px 12px;
  border-inline-end:1px solid var(--line);
  background:color-mix(in srgb,var(--surface-solid) 96%,transparent);
  overflow:auto;
}
.comms-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px 4px 13px}
.comms-side-head b{font-size:12.5px;letter-spacing:-.02em}
.comms-mini-btn{
  width:32px;height:32px;border:0;border-radius:10px;background:var(--surface-2);
  display:grid;place-items:center;color:var(--muted);cursor:pointer
}
.comms-mini-btn:hover{color:var(--text)}
.comms-mini-btn svg{width:15px;height:15px;stroke-width:1.6}
.comms-section-title{
  margin:15px 7px 7px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase
}
.comms-contact{
  width:100%;border:0;background:transparent;color:var(--text);display:grid;
  grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;
  min-height:61px;padding:8px 9px;border-radius:15px;text-align:start;cursor:pointer;transition:.18s var(--ease)
}
.comms-contact:hover{background:var(--surface-2)}
.comms-contact.active{background:color-mix(in srgb,var(--blue) 7%,var(--surface-2))}
.comms-contact .msg-presence-avatar{width:43px;height:43px;position:relative}
.comms-contact .msg-presence-avatar>.avatar{width:43px!important;height:43px!important;box-shadow:none!important}
.comms-contact .presence-dot{
  position:absolute!important;right:0!important;bottom:0!important;width:12px!important;height:12px!important;
  border-radius:50%;border:2.5px solid var(--surface-solid)!important;background:#20c777!important;box-shadow:none!important
}
.comms-contact-copy{min-width:0}
.comms-contact-copy b{display:block;font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comms-contact-copy span{display:block;margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comms-contact-state{font-size:11px;color:var(--muted);white-space:nowrap}
.comms-contact-state.online{color:#18aa65;font-weight:700}
.comms-contact.group{grid-template-columns:70px minmax(0,1fr)}
.comms-group-stack{display:flex;align-items:center;width:70px;height:40px}
.comms-group-stack .avatar{width:34px!important;height:34px!important;margin-inline-start:-10px;border:2px solid var(--surface-solid);box-shadow:none!important}
.comms-group-stack .avatar:first-child{margin-inline-start:0}

.comms-chat{
  min-width:0;display:flex;flex-direction:column;background:var(--surface-solid)
}
.comms-chat-head{
  min-height:68px;padding:11px 15px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:11px
}
.comms-chat-head .chat-avatar-wrap{position:relative;width:42px;height:42px;flex:0 0 auto}
.comms-chat-head .chat-avatar-wrap>.avatar{width:42px!important;height:42px!important;box-shadow:none}
.comms-chat-head .presence-dot{position:absolute!important;right:-1px!important;bottom:-1px!important;width:13px!important;height:13px!important;border:3px solid var(--surface-solid)!important}
.comms-chat-title{min-width:0;flex:1}
.comms-chat-title b{display:block;font-size:11px;letter-spacing:-.015em}
.comms-chat-title span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.comms-chat-actions{display:flex;gap:5px}
.comms-chat-action{
  width:34px;height:34px;border:0;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;
  color:var(--muted);cursor:pointer;transition:.17s
}
.comms-chat-action:hover{color:var(--text);background:color-mix(in srgb,var(--blue) 6%,var(--surface-2))}
.comms-chat-action.primary{
  color:#ef6124;background:color-mix(in srgb,#f36a25 8%,var(--surface-2))
}
.comms-chat-action svg{width:16px;height:16px;stroke-width:1.6}

.comms-thread{
  flex:1;min-height:0;overflow:auto;padding:18px 18px 14px;display:flex;flex-direction:column;gap:10px;
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--blue) 4%,transparent),transparent 22%),
    var(--surface-solid)
}
.comms-message{display:flex;align-items:flex-end;gap:7px;max-width:78%}
.comms-message.me{align-self:flex-end;flex-direction:row-reverse}
.comms-message.other{align-self:flex-start}
.comms-message-avatar .avatar{width:26px!important;height:26px!important;box-shadow:none!important}
.comms-bubble{
  background:var(--surface-2);border:0;border-radius:15px 15px 15px 5px;padding:9px 11px;
  font-size:11px;line-height:1.55;color:var(--text);min-width:70px
}
.comms-message.me .comms-bubble{
  background:linear-gradient(145deg,color-mix(in srgb,#f36a25 90%,#ff8b53),#ed571d);
  color:#fff;border-radius:15px 15px 5px 15px
}
.comms-msg-time{display:block;margin-top:5px;font-size:11px;opacity:.55}
.comms-audio{
  display:flex;align-items:center;gap:8px;min-width:210px
}
.comms-audio audio{height:30px;width:190px;max-width:100%}
.comms-meeting-msg{
  min-width:250px;border-radius:13px;padding:11px;background:color-mix(in srgb,var(--surface-solid) 72%,transparent);
  color:var(--text)
}
.comms-meeting-msg h4{margin:0 0 4px;font-size:12px}
.comms-meeting-msg p{margin:0;color:var(--muted);font-size:11px}
.comms-meeting-msg-actions{display:flex;gap:6px;margin-top:9px}
.comms-meeting-msg-actions button{
  height:30px;border:0;border-radius:9px;padding:0 9px;background:var(--surface-2);font-size:11px;color:var(--text);cursor:pointer
}
.comms-meeting-msg-actions button.primary{background:#f36a25;color:#fff}

.comms-compose-wrap{padding:10px 12px 12px;border-top:1px solid var(--line);background:var(--surface-solid)}
.comms-rec-status{
  display:none;align-items:center;gap:7px;color:#e44f4f;font-size:11px;font-weight:700;margin:0 4px 7px
}
.comms-rec-status.show{display:flex}
.comms-rec-dot{width:7px;height:7px;border-radius:50%;background:#ef4f54;animation:recPulse 1s infinite}
@keyframes recPulse{50%{opacity:.35}}
.comms-compose{
  min-height:47px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);
  display:flex;align-items:flex-end;gap:7px;padding:6px 7px 6px 10px
}
.comms-compose textarea{
  flex:1;resize:none;border:0;background:transparent;color:var(--text);min-height:32px;max-height:90px;padding:8px 2px;
  font-size:11px;line-height:1.45
}
.comms-compose-btn{
  width:34px;height:34px;border:0;border-radius:11px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer
}
.comms-compose-btn:hover{background:var(--surface-solid);color:var(--text)}
.comms-compose-btn.recording{background:#fff0f0;color:#e74d54}
.comms-compose-btn.send{background:#f36a25;color:#fff}
.comms-compose-btn svg{width:16px;height:16px;stroke-width:1.7}

.meeting-rail{
  padding:14px 13px;border-inline-start:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 52%,var(--surface-solid));
  overflow:auto
}
.meeting-rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.meeting-rail-head b{font-size:11px}
.meeting-create{
  height:32px;padding:0 9px;border:0;border-radius:10px;background:color-mix(in srgb,#f36a25 9%,var(--surface-solid));
  color:#ec6328;font-size:11px;font-weight:750;cursor:pointer
}
.meeting-create svg{width:13px;height:13px;vertical-align:-3px;margin-inline-end:4px}
.meeting-instant{
  width:100%;min-height:86px;border:0;border-radius:16px;padding:13px;text-align:start;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#111b31,#243d68);position:relative;overflow:hidden;margin-bottom:13px
}
.meeting-instant:after{
  content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-36px;top:-46px;background:rgba(243,106,37,.22)
}
.meeting-instant b{display:block;font-size:12px;position:relative;z-index:1}
.meeting-instant span{display:block;font-size:11px;opacity:.72;margin-top:5px;position:relative;z-index:1}
.meeting-list-title{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin:12px 2px 7px}
.meeting-card{
  border:0;border-radius:14px;background:var(--surface-solid);padding:11px;margin-bottom:8px;box-shadow:none
}
.meeting-card-top{display:flex;align-items:flex-start;gap:8px}
.meeting-cal{
  width:35px;height:37px;border-radius:10px;background:color-mix(in srgb,#f36a25 8%,var(--surface-2));color:#ed6328;
  display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto
}
.meeting-cal strong{font-size:12px;line-height:1}.meeting-cal span{font-size:5.7px;margin-top:2px;text-transform:uppercase}
.meeting-card-copy{min-width:0;flex:1}
.meeting-card-copy b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meeting-card-copy span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.meeting-card-actions{display:flex;gap:5px;margin-top:9px}
.meeting-card-actions button{
  flex:1;height:29px;border:0;border-radius:9px;background:var(--surface-2);font-size:11px;color:var(--text);cursor:pointer
}
.meeting-card-actions button.primary{background:#f36a25;color:#fff}

/* scheduler */
.meeting-scheduler{
  width:min(590px,calc(100% - 28px));background:var(--surface-solid);border-radius:25px;padding:20px;
  box-shadow:0 34px 100px rgba(12,18,29,.24)
}
.meeting-scheduler-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.meeting-scheduler-head h3{margin:0;font-size:16px;letter-spacing:-.025em}
.meeting-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.meeting-field{display:flex;flex-direction:column;gap:6px}
.meeting-field.full{grid-column:1/-1}
.meeting-field label{font-size:11px;color:var(--muted);font-weight:700}
.meeting-field input{
  height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:0 11px;color:var(--text);font-size:11px
}
.meeting-participants{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:4px}
.meeting-person{
  border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--surface-2);display:flex;align-items:center;gap:7px;cursor:pointer
}
.meeting-person input{accent-color:#f36a25}
.meeting-person .avatar{width:27px!important;height:27px!important;box-shadow:none!important}
.meeting-person b{font-size:11px}
.meeting-scheduler-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:16px}

/* live meeting room */
.meeting-room-page{display:flex;flex-direction:column;gap:12px}
.meeting-room-card{background:var(--surface-solid);border-radius:22px;overflow:hidden;min-height:690px}
.meeting-room-top{
  min-height:66px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px
}
.meeting-back{
  width:34px;height:34px;border:0;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);cursor:pointer
}
.meeting-back svg{width:15px;height:15px}
.meeting-room-title{min-width:0;flex:1}
.meeting-room-title b{display:block;font-size:11px}
.meeting-room-title span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.meeting-room-top-actions{display:flex;gap:6px}
.meeting-room-top-actions .btn{height:34px;padding:0 10px;font-size:11px}
.meeting-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:624px}
.meeting-main{min-width:0;padding:12px;display:flex;flex-direction:column;gap:10px}
.meeting-stage{
  flex:1;min-height:530px;border-radius:18px;overflow:hidden;background:#0b101a;position:relative
}
.meeting-stage iframe{width:100%;height:100%;border:0;display:block;background:#0b101a}
.meeting-prejoin{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;
  background:
    radial-gradient(circle at 20% 15%,rgba(243,106,37,.26),transparent 28%),
    radial-gradient(circle at 84% 78%,rgba(52,128,255,.24),transparent 28%),
    linear-gradient(145deg,#101725,#0a0f18)
}
.meeting-prejoin-inner{max-width:420px;padding:30px}
.meeting-prejoin-icon{
  width:62px;height:62px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)
}
.meeting-prejoin-icon svg{width:27px;height:27px}
.meeting-prejoin h2{font-size:22px;margin:0 0 8px}
.meeting-prejoin p{font-size:12px;line-height:1.6;margin:0 auto 18px;opacity:.67}
.meeting-prejoin .btn{height:42px;padding:0 16px}
.meeting-bottom-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.meeting-bottom-actions .btn{height:36px;padding:0 11px;font-size:11px}
.meeting-collab{border-inline-start:1px solid var(--line);padding:13px;background:color-mix(in srgb,var(--surface-2) 50%,var(--surface-solid));overflow:auto}
.meeting-collab h3{font-size:12px;margin:0 0 10px}
.meeting-participant-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:11px;background:var(--surface-solid);margin-bottom:6px}
.meeting-participant-row .avatar{width:31px!important;height:31px!important;box-shadow:none!important}
.meeting-participant-row b{display:block;font-size:11px}
.meeting-participant-row span{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.meeting-link-box{
  margin-top:12px;padding:10px;border-radius:12px;background:var(--surface-solid)
}
.meeting-link-box b{display:block;font-size:11px}.meeting-link-box span{display:block;font-size:11px;color:var(--muted);margin-top:4px;word-break:break-all}

/* creative board overlay during the meeting */
.meeting-board-layer{
  position:fixed;inset:0;z-index:390;background:rgba(8,13,22,.34);backdrop-filter:blur(10px);
  padding:22px;display:flex;align-items:stretch;justify-content:center
}
.meeting-board-panel{
  width:min(1260px,100%);background:var(--surface-solid);border-radius:24px;overflow:auto;box-shadow:0 34px 110px rgba(0,0,0,.27)
}
.meeting-board-panel-head{
  position:sticky;top:0;z-index:20;height:54px;padding:0 14px;background:color-mix(in srgb,var(--surface-solid) 95%,transparent);
  border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(14px)
}
.meeting-board-panel-head b{font-size:12px}
.meeting-board-panel-body{padding:14px}
.meeting-board-panel .page-title{display:none}
.meeting-board-panel .cb-board-shell{min-height:620px}
.meeting-board-panel .cb-canvas{height:550px}

@media(max-width:1180px){
  .comms-layout{grid-template-columns:260px minmax(0,1fr)}
  .meeting-rail{display:none}
}
@media(max-width:860px){
  .comms-layout{grid-template-columns:1fr}
  .comms-sidebar{display:none}
  .meeting-workspace{grid-template-columns:1fr}
  .meeting-collab{display:none}
  .meeting-stage{min-height:480px}
}
@media(max-width:620px){
  .meeting-form-grid{grid-template-columns:1fr}
  .meeting-field.full{grid-column:auto}
  .meeting-participants{grid-template-columns:1fr 1fr}
  .comms-message{max-width:92%}
}


/* =========================================================
   STAGE 30 — Messages & Meetings typography / proportion pass
   Goal: premium readability without making the UI bulky.
   ========================================================= */

/* Page heading */
.comms-page .page-title h1{
  font-size:31px!important;
  line-height:1.08!important;
  font-weight:750!important;
  letter-spacing:-.035em!important;
}
.comms-page .page-title p{
  font-size:11px!important;
  line-height:1.5!important;
}

/* Main action buttons */
.comms-actions .btn{
  height:40px!important;
  padding:0 15px!important;
  font-size:12px!important;
  font-weight:700!important;
}
.comms-actions .btn svg{width:15px!important;height:15px!important}

/* Conversations sidebar */
.comms-side-head b{
  font-size:14px!important;
  font-weight:750!important;
}
.comms-section-title{
  font-size:11px!important;
  letter-spacing:.14em!important;
  margin-top:17px!important;
}
.comms-contact{
  min-height:66px!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  gap:11px!important;
  padding:9px 10px!important;
}
.comms-contact .msg-presence-avatar{
  width:46px!important;
  height:46px!important;
}
.comms-contact .msg-presence-avatar>.avatar{
  width:46px!important;
  height:46px!important;
}
.comms-contact-copy b{
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:720!important;
}
.comms-contact-copy span{
  font-size:11px!important;
  line-height:1.25!important;
}
.comms-contact-state{
  font-size:11px!important;
}
.comms-contact.group{
  grid-template-columns:74px minmax(0,1fr)!important;
}
.comms-group-stack{width:74px!important;height:42px!important}
.comms-group-stack .avatar{
  width:36px!important;
  height:36px!important;
}

/* Conversation header */
.comms-chat-head{
  min-height:74px!important;
  padding:12px 17px!important;
}
.comms-chat-head .chat-avatar-wrap{
  width:46px!important;
  height:46px!important;
}
.comms-chat-head .chat-avatar-wrap>.avatar{
  width:46px!important;
  height:46px!important;
}
.comms-chat-title b{
  font-size:12.5px!important;
  font-weight:750!important;
}
.comms-chat-title span{
  font-size:11px!important;
}
.comms-chat-action{
  width:37px!important;
  height:37px!important;
}
.comms-chat-action svg{
  width:17px!important;
  height:17px!important;
  stroke-width:1.55!important;
}

/* Messages */
.comms-thread{
  padding:20px 20px 16px!important;
  gap:11px!important;
}
.comms-bubble{
  padding:10px 12px!important;
  font-size:12px!important;
  line-height:1.55!important;
  border-radius:16px 16px 16px 6px!important;
}
.comms-message.me .comms-bubble{
  border-radius:16px 16px 6px 16px!important;
}
.comms-msg-time{
  font-size:11px!important;
  margin-top:6px!important;
}
.comms-message-avatar .avatar{
  width:29px!important;
  height:29px!important;
}
.comms-audio{
  min-width:225px!important;
  gap:9px!important;
}
.comms-audio audio{
  width:205px!important;
  height:32px!important;
}

/* Composer */
.comms-compose-wrap{
  padding:11px 13px 13px!important;
}
.comms-compose{
  min-height:52px!important;
  border-radius:16px!important;
  padding:7px 8px 7px 11px!important;
}
.comms-compose textarea{
  min-height:35px!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.comms-compose-btn{
  width:37px!important;
  height:37px!important;
}
.comms-compose-btn svg{
  width:17px!important;
  height:17px!important;
}
.comms-rec-status{
  font-size:11px!important;
}

/* Meetings right rail */
.meeting-rail-head b{
  font-size:12.5px!important;
  font-weight:750!important;
}
.meeting-create{
  height:34px!important;
  padding:0 10px!important;
  font-size:11px!important;
}
.meeting-instant{
  min-height:96px!important;
  padding:15px!important;
}
.meeting-instant b{
  font-size:11.5px!important;
}
.meeting-instant span{
  font-size:11px!important;
  line-height:1.45!important;
}
.meeting-list-title{
  font-size:11px!important;
}
.meeting-card{
  padding:12px!important;
}
.meeting-cal{
  width:38px!important;
  height:40px!important;
}
.meeting-cal strong{font-size:11px!important}
.meeting-cal span{font-size:11px!important}
.meeting-card-copy b{
  font-size:12px!important;
  line-height:1.2!important;
}
.meeting-card-copy span{
  font-size:11px!important;
  line-height:1.35!important;
}
.meeting-card-actions button{
  height:31px!important;
  font-size:11px!important;
}

/* Meeting card shared into chat */
.comms-meeting-msg{
  min-width:270px!important;
  padding:12px!important;
}
.comms-meeting-msg h4{
  font-size:12px!important;
}
.comms-meeting-msg p{
  font-size:11px!important;
}
.comms-meeting-msg-actions button{
  height:31px!important;
  font-size:11px!important;
}

/* Meeting creation modal */
.meeting-scheduler{
  padding:22px!important;
}
.meeting-scheduler-head h3{
  font-size:18px!important;
}
.meeting-field label{
  font-size:11px!important;
}
.meeting-field input{
  height:44px!important;
  font-size:12px!important;
}
.meeting-person b{
  font-size:11px!important;
}
.meeting-person .avatar{
  width:29px!important;
  height:29px!important;
}

/* Live meeting room */
.meeting-room-title b{
  font-size:12px!important;
}
.meeting-room-title span{
  font-size:11px!important;
}
.meeting-room-top-actions .btn,
.meeting-bottom-actions .btn{
  font-size:11px!important;
}
.meeting-prejoin h2{
  font-size:24px!important;
}
.meeting-prejoin p{
  font-size:12px!important;
  line-height:1.65!important;
}
.meeting-collab h3{
  font-size:11px!important;
}
.meeting-participant-row b{
  font-size:11px!important;
}
.meeting-participant-row span{
  font-size:11px!important;
}
.meeting-link-box b{
  font-size:11px!important;
}
.meeting-link-box span{
  font-size:11px!important;
  line-height:1.4!important;
}

/* Keep visual balance on narrower desktop */
@media(max-width:1180px){
  .comms-contact-copy b{font-size:12px!important}
  .comms-contact-copy span{font-size:11px!important}
  .comms-bubble{font-size:12px!important}
}


/* =========================================================
   STAGE 31 — Global typography & readability audit
   Keeps the approved layouts, but removes undersized UI text.
   ========================================================= */

/* Core controls */
#app .nav-item{
  font-size:13px!important;
}
#app .btn{
  font-size:11.8px!important;
  line-height:1.1!important;
}
#app .search span{
  font-size:12px!important;
}
#app .page-title p{
  font-size:12.2px!important;
  line-height:1.5!important;
}
#app .panel-head h3,
#app .board-head h3{
  font-size:13.5px!important;
}

/* Dashboard / home */
#app .activity-copy b{font-size:11.2px!important}
#app .activity-copy span{font-size:12px!important}
#app .person-mini b{font-size:12px!important}
#app .person-mini span{font-size:12px!important}
#app .feature-meta span{font-size:12px!important}
#app .kan-title{font-size:12px!important}
#app .kan-title .count{font-size:12px!important}
#app .task-card b{font-size:11px!important}
#app .task-card span{font-size:12px!important}
#app .task-meta{font-size:12px!important}
#app .task-meta .avatar{font-size:8.5px!important}
#app .task-check.done:after{font-size:9px!important}

/* General lists / status */
#app .row-main b{font-size:11.2px!important}
#app .row-main span{font-size:12px!important}
#app .pill{font-size:12px!important}
#app .workspace-strip b{font-size:11px!important}
#app .workspace-strip span{font-size:12px!important}
#app .insp b{font-size:11px!important}
#app .insp span,
#app .insp a{font-size:12px!important}

/* Weekly admin performance */
#app .weekly-label span{font-size:12px!important}
#app .weekly-sub,
#app .weekly-sub b{font-size:12px!important}
#app .week-days{font-size:11px!important}
#app .presence-copy b{font-size:11px!important}
#app .presence-copy span,
#app .presence-state{font-size:12px!important}
#app .workload-mini span{font-size:11px!important}
#app .attention-copy b{font-size:10.6px!important}
#app .attention-copy span{font-size:12px!important}
#app .attention-badge{font-size:11px!important}
#app .project-progress-top b{font-size:11px!important}
#app .project-progress-top span{font-size:12px!important}
#app .project-progress-meta span{font-size:12px!important}
#app .presence-inline{font-size:12px!important}

/* Team page */
#app .member-copy h3{font-size:15px!important}
#app .member-role{font-size:12px!important}
#app .member-stat-v2 strong{font-size:16px!important}
#app .member-stat-v2 span{font-size:12px!important}
#app .member-actions-v2 .btn{font-size:12.4px!important}
#app .member-workspace-head-copy b{font-size:15px!important}
#app .member-workspace-head-copy span{font-size:12px!important}
#app .member-brand-title{font-size:12px!important}
#app .member-brand-choice b{font-size:12px!important}
#app .member-brand-choice span{font-size:12px!important}

/* Settings */
#app .settings-nav button{font-size:11px!important}
#app .setting-row b{font-size:11.5px!important}
#app .setting-row span{font-size:12px!important;line-height:1.45!important}
#app .seg button{font-size:12px!important}

/* Profile menus / editor */
#app .top-profile-menu button{font-size:11px!important}
#app .profile-editor-head p{font-size:12px!important}
#app .profile-field label{font-size:12px!important}
#app .profile-field input{font-size:12px!important}
#app .profile-editor-actions .btn{font-size:12px!important}
#app .profile-mini small{font-size:12px!important}

/* Creative Board */
#app .cb-brand-select{
  font-size:12px!important;
}
#app .cb-member-chip b{font-size:12px!important}
#app .cb-tool{
  font-size:12px!important;
}
#app .cb-breadcrumb{
  font-size:12px!important;
}
#app .cb-note{
  font-size:12px!important;
}
#app .cb-link-card{
  font-size:12px!important;
}
#app .cb-folder{
  font-size:12px!important;
}
#app .cb-empty-inner b{font-size:12px!important}
#app .cb-empty-inner span{font-size:12px!important}

/* Messages + meetings */
#app .comms-section-title{font-size:11px!important}
#app .comms-contact-copy b{font-size:11.4px!important}
#app .comms-contact-copy span{font-size:12px!important}
#app .comms-contact-state{font-size:11px!important}
#app .comms-chat-title b{font-size:13px!important}
#app .comms-chat-title span{font-size:12px!important}
#app .comms-bubble{font-size:12px!important}
#app .comms-msg-time{font-size:11px!important}
#app .comms-compose textarea{font-size:12px!important}
#app .comms-rec-status{font-size:12px!important}

#app .meeting-create{font-size:11px!important}
#app .meeting-instant b{font-size:12px!important}
#app .meeting-instant span{font-size:12px!important}
#app .meeting-list-title{font-size:11px!important}
#app .meeting-cal span{font-size:11px!important}
#app .meeting-card-copy b{font-size:12px!important}
#app .meeting-card-copy span{font-size:11px!important}
#app .meeting-card-actions button{font-size:11px!important}
#app .comms-meeting-msg h4{font-size:10.8px!important}
#app .comms-meeting-msg p{font-size:11px!important}
#app .comms-meeting-msg-actions button{font-size:11px!important}
#app .meeting-field label{font-size:12px!important}
#app .meeting-field input{font-size:12px!important}
#app .meeting-person b{font-size:12px!important}
#app .meeting-room-title b{font-size:13px!important}
#app .meeting-room-title span{font-size:11px!important}
#app .meeting-room-top-actions .btn,
#app .meeting-bottom-actions .btn{font-size:11px!important}
#app .meeting-prejoin p{font-size:12px!important}
#app .meeting-collab h3{font-size:11.5px!important}
#app .meeting-participant-row b{font-size:12px!important}
#app .meeting-participant-row span{font-size:11px!important}
#app .meeting-link-box b{font-size:12px!important}
#app .meeting-link-box span{font-size:11px!important}

/* Group creation */
#app .group-name{font-size:12px!important}
#app .group-member-option span{font-size:12px!important}

/* Catch remaining dynamically-generated inline tiny text inside the application */
#app [style*="font-size:5px"],
#app [style*="font-size: 5px"],
#app [style*="font-size:6px"],
#app [style*="font-size: 6px"],
#app [style*="font-size:6.5px"],
#app [style*="font-size: 6.5px"]{
  font-size:11px!important;
}
#app [style*="font-size:7px"],
#app [style*="font-size: 7px"],
#app [style*="font-size:7.5px"],
#app [style*="font-size: 7.5px"]{
  font-size:12px!important;
}
#app [style*="font-size:8px"],
#app [style*="font-size: 8px"],
#app [style*="font-size:8.5px"],
#app [style*="font-size: 8.5px"]{
  font-size:12px!important;
}

/* Landing-page embedded dashboard preview:
   slightly more readable, without overpowering the hero. */
.preview-sidebar{font-size:9px!important}
.preview-brand small{font-size:8.3px!important}
.preview-search{font-size:9px!important}
.preview-user small{font-size:8.2px!important}
.preview-heading p,
.preview-heading span{font-size:9px!important}
.pkpi-head{font-size:11px!important}
.trend{font-size:11px!important}
.pc-head span{font-size:8.2px!important}
.line-copy b{font-size:12px!important}
.line-copy span{font-size:11px!important}
.plus-mini{font-size:11px!important}

/* Arabic keeps Cairo everywhere and gets a touch more line-height. */
html[dir="rtl"] #app,
html[dir="rtl"] #app button,
html[dir="rtl"] #app input,
html[dir="rtl"] #app textarea,
html[dir="rtl"] #app select{
  font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif!important;
}
html[dir="rtl"] #app{
  line-height:1.55;
}


/* STAGE 32 — Weekly KPI titles: stronger visual hierarchy */
#app .weekly-label span{
  font-size:12.2px!important;
  line-height:1.15!important;
  font-weight:730!important;
  letter-spacing:-.02em!important;
  color:var(--text)!important;
}

/* Keep "This week" clearly secondary */
#app .weekly-head > span{
  font-size:11px!important;
  line-height:1!important;
  font-weight:520!important;
  color:var(--muted)!important;
  opacity:.82;
}

/* Slightly strengthen the icon/title grouping without making it heavy */
#app .weekly-label{
  gap:9px!important;
  align-items:center!important;
}
#app .weekly-icon{
  flex:0 0 auto;
}

/* Preserve balanced spacing after the larger title */
#app .weekly-head{
  min-height:34px!important;
  align-items:flex-start!important;
}


/* =========================================================
   STAGE 33 — Team Member Experience
   ========================================================= */
body[data-role="member"] .admin-only{display:none!important}

.member-dashboard{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.member-welcome{
  min-height:154px;
  border-radius:24px;
  padding:22px 24px;
  background:
    radial-gradient(circle at 88% 18%,rgba(243,106,37,.11),transparent 25%),
    radial-gradient(circle at 18% 8%,rgba(69,132,255,.09),transparent 24%),
    color-mix(in srgb,var(--surface-solid) 96%,transparent);
  position:relative;
  overflow:hidden;
}
.member-welcome-top{
  display:flex;
  align-items:center;
  gap:14px;
}
.member-welcome-avatar{
  position:relative;
  width:62px;height:62px;
  flex:0 0 auto;
}
.member-welcome-avatar .avatar{
  width:62px!important;height:62px!important;
  box-shadow:none!important;border:0!important;
}
.member-welcome-avatar .presence-dot{
  right:1px!important;bottom:1px!important;
  width:14px!important;height:14px!important;
  border:3px solid var(--surface-solid)!important;
}
.member-welcome-copy{min-width:0}
.member-welcome-copy h1{
  margin:0;
  font-size:29px;
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:760;
}
.member-welcome-copy p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:11px;
}
.member-welcome-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:17px;
}
.member-welcome-actions .btn{
  height:38px;
  padding:0 13px;
  border-radius:12px;
  font-size:12px!important;
}
.member-welcome-actions .btn svg{
  width:15px;height:15px;
}
.member-week-label{
  position:absolute;
  right:22px;
  top:19px;
  color:var(--muted);
  font-size:12px;
  font-weight:650;
}
html[dir="rtl"] .member-week-label{
  right:auto;left:22px;
}

/* personal weekly stats */
.member-weekly-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.member-weekly-card{
  min-height:148px;
  padding:15px 15px 12px;
  border-radius:18px;
  background:var(--surface-solid);
  border:0;
  box-shadow:none;
}
.member-weekly-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.member-weekly-title{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.member-weekly-icon{
  width:30px;height:30px;
  border-radius:9px;
  display:grid;place-items:center;
  background:color-mix(in srgb,var(--metric) 9%,transparent);
  color:var(--metric);
}
.member-weekly-icon svg{
  width:16px;height:16px;stroke-width:1.45;
}
.member-weekly-title b{
  font-size:11.5px;
  line-height:1.1;
  font-weight:730;
  white-space:nowrap;
}
.member-weekly-head span{
  font-size:11px;
  color:var(--muted);
}
.member-weekly-value{
  margin-top:14px;
  font-size:28px;
  font-weight:780;
  letter-spacing:-.045em;
  line-height:1;
}
.member-weekly-meta{
  margin-top:5px;
  display:flex;gap:5px;align-items:center;
  font-size:11px;color:var(--muted);
}
.member-weekly-meta b{color:var(--metric)}
.member-mini-spark{
  margin-top:10px;
  height:34px;
}
.member-mini-spark svg{width:100%;height:100%;overflow:visible}

/* member content */
.member-main-grid{
  display:grid;
  grid-template-columns:1.25fr .85fr;
  gap:12px;
}
.member-panel{
  padding:16px;
  border-radius:19px;
  background:var(--surface-solid);
}
.member-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}
.member-panel-head h3{
  margin:0;
  font-size:13px;
  font-weight:740;
}
.member-panel-head span{
  color:var(--muted);
  font-size:12px;
}
.member-task-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.member-task{
  min-height:57px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:8px 9px;
  border-radius:13px;
  background:color-mix(in srgb,var(--surface-2) 62%,transparent);
}
.member-task-ico{
  width:34px;height:34px;
  border-radius:10px;
  display:grid;place-items:center;
  color:var(--task-color);
  background:color-mix(in srgb,var(--task-color) 7%,transparent);
}
.member-task-ico svg{width:16px;height:16px;stroke-width:1.45}
.member-task-copy{min-width:0}
.member-task-copy b{
  display:block;
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.member-task-copy span{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:var(--muted);
}
.member-task-status{
  height:28px;
  padding:0 9px;
  display:flex;align-items:center;
  border-radius:9px;
  font-size:11px;
  font-weight:700;
  background:color-mix(in srgb,var(--status-color) 8%,transparent);
  color:var(--status-color);
}
.member-brand-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}
.member-brand-row{
  min-height:58px;
  display:grid;
  grid-template-columns:37px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:8px 9px;
  border-radius:13px;
  background:color-mix(in srgb,var(--surface-2) 62%,transparent);
}
.member-brand-logo{
  width:37px;height:37px;
  border-radius:11px;
  display:grid;place-items:center;
  background:var(--surface-solid);
  font-size:12px;font-weight:800;
  color:#ef6223;
}
.member-brand-row b{display:block;font-size:12px}
.member-brand-row span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.member-brand-row button{
  width:31px;height:31px;border:0;border-radius:9px;
  display:grid;place-items:center;background:var(--surface-solid);color:var(--muted);cursor:pointer
}
.member-brand-row button svg{width:14px;height:14px}

.member-secondary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.member-feature-card{
  min-height:140px;
  padding:16px;
  border-radius:19px;
  background:var(--surface-solid);
  position:relative;
  overflow:hidden;
}
.member-feature-head{
  display:flex;
  align-items:center;
  gap:9px;
}
.member-feature-icon{
  width:35px;height:35px;
  border-radius:11px;
  display:grid;place-items:center;
  background:color-mix(in srgb,var(--accent) 8%,transparent);
  color:var(--accent);
}
.member-feature-icon svg{width:16px;height:16px;stroke-width:1.5}
.member-feature-head b{font-size:11.2px}
.member-feature-card p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.member-feature-card .btn{
  margin-top:13px;
  height:34px;
  padding:0 10px;
  font-size:12px!important;
}
.member-drive-row{
  margin-top:12px;
  min-height:36px;
  border-radius:10px;
  background:var(--surface-2);
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 9px;
  color:var(--muted);
  font-size:11px;
  overflow:hidden;
}
.member-drive-row svg{width:14px;height:14px;flex:0 0 auto}
.member-drive-row span{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

/* My Work member version */
.member-work-page{display:flex;flex-direction:column;gap:13px}
.member-work-actions{display:flex;gap:7px;flex-wrap:wrap}
.member-work-actions .btn{height:37px;font-size:12px!important}
.member-work-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:12px;
}
.member-daily-update{
  padding:15px;
  border-radius:18px;
  background:var(--surface-solid);
}
.member-daily-update textarea,
.member-link-input{
  width:100%;
  border:0;
  background:var(--surface-2);
  color:var(--text);
  border-radius:12px;
  padding:11px 12px;
  font-size:12px;
}
.member-daily-update textarea{
  min-height:112px;
  resize:vertical;
}
.member-link-input{
  height:42px;
}
.member-small-label{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.member-submit-row{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:9px;
}

/* member restricted brand/project/review cards */
.member-restricted-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.member-restricted-card{
  padding:15px;
  border-radius:18px;
  background:var(--surface-solid);
}
.member-restricted-card h3{
  margin:0;
  font-size:12px;
}
.member-restricted-card p{
  margin:6px 0 13px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.member-restricted-card .progress{
  margin-top:10px;
}
.member-restricted-meta{
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  color:var(--muted);
  font-size:11px;
}

@media(max-width:1100px){
  .member-weekly-grid{grid-template-columns:repeat(2,1fr)}
  .member-main-grid,.member-work-grid{grid-template-columns:1fr}
  .member-secondary-grid{grid-template-columns:1fr 1fr}
  .member-restricted-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .member-weekly-grid,.member-secondary-grid,.member-restricted-grid{grid-template-columns:1fr}
  .member-welcome{padding:18px}
  .member-welcome-copy h1{font-size:24px}
  .member-week-label{display:none}
}


/* =========================================================
   STAGE 34 — Member Dashboard + yearly weekly task planner
   ========================================================= */

/* Member navigation labels */
body[data-role="member"] .sidebar-footer{display:none}

/* Dashboard */
.member-dashboard-v3{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.member-greeting{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:2px 1px 4px;
}
.member-greeting-copy h1{
  margin:0;
  font-size:31px;
  line-height:1.08;
  font-weight:760;
  letter-spacing:-.04em;
}
.member-greeting-copy p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.5;
}
.member-greeting-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.member-greeting-actions .btn{
  height:39px;
  padding:0 14px;
  border-radius:12px;
  font-size:12px!important;
}
.member-greeting-actions .btn svg{
  width:15px;height:15px;
}

/* Same visual language as admin weekly KPI cards */
.member-adminlike-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.member-adminlike-grid .weekly-card{
  min-height:194px;
}
.member-adminlike-grid .weekly-label span{
  font-size:12.2px!important;
  font-weight:730!important;
}
.member-adminlike-grid .weekly-value{
  font-size:33px!important;
}
.member-adminlike-grid .weekly-head>span{
  font-size:11px!important;
}
.member-adminlike-grid .weekly-sub{
  font-size:12px!important;
}
.member-adminlike-grid .week-days{
  font-size:11px!important;
}

/* Dashboard lower area */
.member-v3-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:12px;
}
.member-v3-panel{
  background:var(--surface-solid);
  border-radius:19px;
  padding:16px;
  border:0;
}
.member-v3-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}
.member-v3-panel-head h3{
  margin:0;
  font-size:13.5px;
  font-weight:740;
}
.member-v3-panel-head span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
}
.member-v3-panel-head .btn{
  height:33px;
  padding:0 10px;
  font-size:12px!important;
}
.member-v3-task-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.member-v3-task{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:58px;
  padding:8px 9px;
  border-radius:13px;
  background:color-mix(in srgb,var(--surface-2) 60%,transparent);
}
.member-v3-task-icon{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  color:var(--task-color);
  background:color-mix(in srgb,var(--task-color) 7%,transparent);
}
.member-v3-task-icon svg{
  width:16px;height:16px;stroke-width:1.45;
}
.member-v3-task-copy{min-width:0}
.member-v3-task-copy b{
  display:block;
  font-size:10.7px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.member-v3-task-copy span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
}
.member-v3-task-status{
  height:28px;
  padding:0 9px;
  border-radius:9px;
  display:flex;
  align-items:center;
  color:var(--status);
  background:color-mix(in srgb,var(--status) 8%,transparent);
  font-size:11px;
  font-weight:700;
}
.member-v3-brands{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.member-v3-brand{
  min-height:56px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 31px;
  gap:9px;
  align-items:center;
  padding:8px 9px;
  border-radius:13px;
  background:color-mix(in srgb,var(--surface-2) 60%,transparent);
}
.member-v3-brand-logo{
  width:38px;height:38px;border-radius:10px;
  display:grid;place-items:center;
  background:var(--surface-solid);
  font-size:12px;font-weight:800;
}
.member-v3-brand b{display:block;font-size:12px}
.member-v3-brand span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.member-v3-brand button{
  width:31px;height:31px;border:0;border-radius:9px;
  background:var(--surface-solid);color:var(--muted);
  display:grid;place-items:center;cursor:pointer;
}
.member-v3-brand button svg{width:14px;height:14px}

/* My Tasks page */
.member-task-page{
  display:flex;
  flex-direction:column;
  gap:13px;
}
.member-task-topbar{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 11px;
  background:var(--surface-solid);
  border-radius:18px;
}
.member-task-brand-select{
  height:38px;
  min-width:165px;
  border:0;
  border-radius:11px;
  background:var(--surface-2);
  color:var(--text);
  padding:0 34px 0 11px;
  font-size:12px;
  font-weight:700;
}
html[dir="rtl"] .member-task-brand-select{padding:0 11px 0 34px}
.member-week-nav{
  display:flex;
  align-items:center;
  gap:6px;
  margin-inline-start:auto;
}
.member-week-nav button{
  width:34px;height:34px;
  border:0;border-radius:10px;
  background:var(--surface-2);
  color:var(--muted);
  display:grid;place-items:center;
  cursor:pointer;
}
.member-week-nav button svg{width:15px;height:15px}
.member-week-label-v2{
  min-width:165px;
  text-align:center;
}
.member-week-label-v2 b{
  display:block;
  font-size:12px;
}
.member-week-label-v2 span{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
}
.member-today-btn{
  height:34px!important;
  padding:0 10px!important;
  font-size:11px!important;
}

/* Week board */
.member-week-board{
  display:grid;
  grid-template-columns:repeat(7,minmax(145px,1fr));
  gap:7px;
  overflow-x:auto;
  padding-bottom:4px;
}
.member-day-col{
  min-height:470px;
  background:var(--surface-solid);
  border-radius:16px;
  padding:10px 9px;
  display:flex;
  flex-direction:column;
}
.member-day-col.today{
  background:linear-gradient(
    180deg,
    color-mix(in srgb,#f36a25 4%,var(--surface-solid)),
    var(--surface-solid) 34%
  );
}
.member-day-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  padding:0 2px 9px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);
}
.member-day-name b{
  display:block;
  font-size:12px;
}
.member-day-name span{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
}
.member-day-add{
  width:28px;height:28px;
  border:0;border-radius:9px;
  background:var(--surface-2);
  color:var(--muted);
  display:grid;place-items:center;
  cursor:pointer;
}
.member-day-add:hover{
  color:#ef6223;
  background:color-mix(in srgb,#f36a25 7%,var(--surface-2));
}
.member-day-add svg{width:13px;height:13px}
.member-day-tasks{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding-top:8px;
}
.member-calendar-task{
  padding:9px;
  border-radius:12px;
  background:var(--surface-2);
  border:0;
}
.member-calendar-task b{
  display:block;
  font-size:12px;
  line-height:1.35;
}
.member-calendar-task small{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-top:4px;
}
.member-calendar-task select{
  width:100%;
  height:31px;
  margin-top:8px;
  border:0;
  border-radius:9px;
  padding:0 8px;
  background:var(--surface-solid);
  color:var(--status-color);
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.member-empty-day{
  margin:auto 0;
  text-align:center;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
  padding:20px 5px;
}

/* Add task dialog */
.member-task-modal{
  width:min(470px,calc(100% - 28px));
  padding:20px;
  border-radius:23px;
  background:var(--surface-solid);
  box-shadow:0 35px 100px rgba(13,20,31,.24);
}
.member-task-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:15px;
}
.member-task-modal-head h3{
  margin:0;
  font-size:17px;
  letter-spacing:-.025em;
}
.member-task-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.member-task-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.member-task-field.full{grid-column:1/-1}
.member-task-field label{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.member-task-field input,
.member-task-field select{
  height:43px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
  color:var(--text);
  padding:0 10px;
  font-size:12px;
}
.member-task-modal-actions{
  margin-top:15px;
  display:flex;
  justify-content:flex-end;
  gap:7px;
}

/* Dashboard responsive */
@media(max-width:1150px){
  .member-adminlike-grid{grid-template-columns:repeat(2,1fr)}
  .member-v3-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .member-adminlike-grid{grid-template-columns:1fr}
  .member-greeting{
    align-items:flex-start;
    flex-direction:column;
  }
  .member-week-board{grid-template-columns:repeat(7,150px)}
  .member-task-topbar{flex-wrap:wrap}
  .member-week-nav{margin-inline-start:0;width:100%;justify-content:center}
  .member-task-form{grid-template-columns:1fr}
  .member-task-field.full{grid-column:auto}
}


/* =========================================================
   STAGE 35 — Member dashboard / tasks refinement
   ========================================================= */

/* 1) Weekly chart curves must never visually fall below their own baseline. */
.member-adminlike-grid .spark-wrap{
  overflow:hidden!important;
}
.member-adminlike-grid .spark-wrap svg{
  overflow:hidden!important;
}

/* 2) My Tasks: 3 days on first row, 4 days on second row. */
.member-week-board{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:9px!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
.member-week-board>.member-day-col:nth-child(-n+3){
  grid-column:span 4!important;
}
.member-week-board>.member-day-col:nth-child(n+4){
  grid-column:span 3!important;
}
.member-day-col{
  min-width:0!important;
  min-height:330px!important;
  padding:11px 10px!important;
}
.member-day-head{
  padding-bottom:10px!important;
}
.member-day-name b{
  font-size:11.2px!important;
  font-weight:740!important;
}
.member-day-name span{
  font-size:11px!important;
}
.member-day-add{
  width:30px!important;
  height:30px!important;
}
.member-day-add svg{
  width:14px!important;
  height:14px!important;
}

/* More room inside each task and status visible beside the task. */
.member-calendar-task{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "title status"
    "brand status"!important;
  column-gap:9px!important;
  row-gap:3px!important;
  align-items:center!important;
  padding:10px!important;
  min-height:61px!important;
}
.member-calendar-task b{
  grid-area:title!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
  white-space:normal!important;
}
.member-calendar-task small{
  grid-area:brand!important;
  font-size:11px!important;
  margin:0!important;
}
.member-calendar-task select{
  grid-area:status!important;
  width:112px!important;
  height:34px!important;
  margin:0!important;
  padding:0 24px 0 9px!important;
  font-size:11px!important;
  border-radius:10px!important;
  color:var(--status-color)!important;
  background-color:var(--surface-solid)!important;
  border:1px solid color-mix(in srgb,var(--status-color) 14%,var(--line))!important;
}
html[dir="rtl"] .member-calendar-task select{
  padding:0 9px 0 24px!important;
}
.member-day-tasks{
  gap:8px!important;
  padding-top:9px!important;
}
.member-empty-day{
  min-height:150px!important;
  display:grid!important;
  place-items:center!important;
  font-size:12px!important;
}

/* 3) Member brand rows open My Tasks and need a clearer affordance. */
.member-v3-brand button,
.member-restricted-card .btn{
  font-size:12px!important;
}

/* 4) Profile identity: tighter spacing + slightly larger type. */
.profile-mini .meta{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
  line-height:1.12!important;
}
#app .profile-mini b{
  font-size:12.2px!important;
  line-height:1.12!important;
  font-weight:700!important;
  margin:0!important;
}
#app .profile-mini small{
  font-size:12px!important;
  line-height:1.22!important;
  margin:0!important;
  color:var(--muted)!important;
}

/* Team/message identity blocks also use the same compact hierarchy. */
#app .comms-contact-copy b{
  font-size:11.8px!important;
  line-height:1.15!important;
}
#app .comms-contact-copy span{
  font-size:12px!important;
  line-height:1.25!important;
  margin-top:2px!important;
}

/* Responsive: preserve readable columns without horizontal scrolling. */
@media(max-width:1080px){
  .member-week-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .member-week-board>.member-day-col{
    grid-column:span 1!important;
  }
  .member-week-board>.member-day-col:last-child{
    grid-column:1/-1!important;
  }
}
@media(max-width:680px){
  .member-week-board{
    grid-template-columns:1fr!important;
  }
  .member-week-board>.member-day-col{
    grid-column:auto!important;
  }
  .member-calendar-task{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"title" "brand" "status"!important;
  }
  .member-calendar-task select{
    width:100%!important;
    margin-top:5px!important;
  }
}


/* =========================================================
   STAGE 36 — My Tasks layout / controls refinement
   ========================================================= */

/* 1) Four days on the first row, three equal-width days centered below */
.member-week-board{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:9px!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
.member-week-board>.member-day-col{
  flex:0 0 calc((100% - 27px)/4)!important;
  width:calc((100% - 27px)/4)!important;
  min-width:0!important;
  grid-column:auto!important;
}

/* 2) Cleaner task cards: brand is already selected above, so don't repeat it */
.member-calendar-task{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"title status"!important;
  min-height:54px!important;
  padding:9px 10px!important;
  column-gap:10px!important;
  row-gap:0!important;
}
.member-calendar-task b{
  grid-area:title!important;
  align-self:center!important;
  font-size:10.7px!important;
  line-height:1.38!important;
}
.member-calendar-task small{
  display:none!important;
}

/* 3) Brand selector: larger label, compact width, custom arrow close to text */
.member-task-brand-select{
  -webkit-appearance:none!important;
  appearance:none!important;
  min-width:0!important;
  width:176px!important;
  height:40px!important;
  padding:0 34px 0 12px!important;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  border-radius:12px!important;
  background-color:var(--surface-2)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23798599' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 11px center!important;
  background-size:12px 12px!important;
  color:var(--text)!important;
  font-size:10.6px!important;
  font-weight:720!important;
  line-height:1!important;
  cursor:pointer!important;
}
html[dir="rtl"] .member-task-brand-select{
  padding:0 12px 0 34px!important;
  background-position:left 11px center!important;
}

/* 4) Task status control: compact, balanced and custom arrow closer to the label */
.member-calendar-task select{
  -webkit-appearance:none!important;
  appearance:none!important;
  grid-area:status!important;
  align-self:center!important;
  width:116px!important;
  height:34px!important;
  margin:0!important;
  padding:0 29px 0 10px!important;
  border-radius:10px!important;
  border:1px solid color-mix(in srgb,var(--status-color) 16%,var(--line))!important;
  background-color:var(--surface-solid)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23798599' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 9px center!important;
  background-size:11px 11px!important;
  color:var(--status-color)!important;
  font-size:11px!important;
  font-weight:720!important;
  cursor:pointer!important;
}
html[dir="rtl"] .member-calendar-task select{
  padding:0 10px 0 29px!important;
  background-position:left 9px center!important;
}

/* 5) Week controls: make Today a clean, intentional pill */
.member-week-nav{
  gap:7px!important;
}
.member-today-btn{
  height:34px!important;
  min-width:58px!important;
  padding:0 12px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--surface-solid)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:700!important;
}
.member-today-btn:hover{
  background:var(--surface-2)!important;
}

/* Slightly refine week navigation arrows */
.member-week-nav>button:not(.member-today-btn){
  width:34px!important;
  height:34px!important;
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}
.member-week-nav>button:not(.member-today-btn):hover{
  background:var(--surface-2)!important;
  color:var(--text)!important;
}

/* Responsive */
@media(max-width:1080px){
  .member-week-board>.member-day-col{
    flex-basis:calc((100% - 9px)/2)!important;
    width:calc((100% - 9px)/2)!important;
  }
}
@media(max-width:680px){
  .member-week-board>.member-day-col{
    flex-basis:100%!important;
    width:100%!important;
  }
  .member-calendar-task{
    grid-template-columns:1fr!important;
    grid-template-areas:"title" "status"!important;
    row-gap:7px!important;
  }
  .member-calendar-task select{
    width:100%!important;
  }
  .member-task-brand-select{
    width:100%!important;
  }
}


/* =========================================================
   STAGE 37 — Weekly planner alignment + light-mode separation
   ========================================================= */

/* Always lay week columns from left to right.
   Top row = 4 days. Bottom row = 3 days aligned with the first 3 columns. */
.member-week-board{
  direction:ltr!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
}
.member-week-board>.member-day-col{
  flex:0 0 calc((100% - 27px)/4)!important;
  width:calc((100% - 27px)/4)!important;
  max-width:calc((100% - 27px)/4)!important;
}

/* Arabic text stays RTL inside each day card, while card order remains LTR. */
html[dir="rtl"] .member-day-col{
  direction:rtl!important;
  text-align:right!important;
}

/* Light mode: clearly separate each day without making the layout heavy. */
body:not([data-theme="dark"]) .member-day-col{
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
  border:1px solid #e9edf3!important;
  box-shadow:
    0 1px 0 rgba(17,24,39,.025),
    0 6px 18px rgba(27,45,77,.035)!important;
}

/* Keep today subtly distinct in light mode. */
body:not([data-theme="dark"]) .member-day-col.today{
  background:
    linear-gradient(180deg,#fffaf7 0%,#ffffff 34%,#fbfcfe 100%)!important;
  border-color:rgba(243,106,37,.18)!important;
}

/* Sharper separation between day header and tasks. */
body:not([data-theme="dark"]) .member-day-head{
  border-bottom-color:#e5eaf1!important;
}

/* Dark mode already reads well; keep it calm and unchanged-looking. */
body[data-theme="dark"] .member-day-col{
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
  box-shadow:none!important;
}

/* Responsive */
@media(max-width:1080px){
  .member-week-board>.member-day-col{
    flex-basis:calc((100% - 9px)/2)!important;
    width:calc((100% - 9px)/2)!important;
    max-width:calc((100% - 9px)/2)!important;
  }
}
@media(max-width:680px){
  .member-week-board>.member-day-col{
    flex-basis:100%!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* =========================================================
   STAGE 38 — Task start/end date workflow
   ========================================================= */
.member-task-modal-brand{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:42px;
  margin-bottom:12px;
  padding:8px 10px;
  border-radius:12px;
  background:var(--surface-2);
}
.member-task-modal-brand span{
  color:var(--muted);
  font-size:11px;
  font-weight:650;
}
.member-task-modal-brand b{
  font-size:12px;
  font-weight:740;
}

/* Show a subtle date-range cue instead of repeating the brand. */
.member-task-range{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  line-height:1.3;
}

/* Make the two date fields read as a pair. */
.member-task-date-pair{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
@media(max-width:620px){
  .member-task-date-pair{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   STAGE 39 — Task modal refinement
   ========================================================= */

/* Remove any leftover spacing reserved for the old current-brand block. */
.member-task-modal-brand{
  display:none!important;
}

/* Status select: custom compact arrow, moved inward from the far edge. */
.member-task-field select{
  -webkit-appearance:none!important;
  appearance:none!important;
  padding:0 34px 0 11px!important;
  background-color:var(--surface-2)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23798599' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 13px center!important;
  background-size:12px 12px!important;
}
html[dir="rtl"] .member-task-field select{
  padding:0 11px 0 34px!important;
  background-position:left 13px center!important;
}

/* Keep the field proportions clean and consistent. */
.member-task-field input,
.member-task-field select{
  font-size:12px!important;
  font-weight:620!important;
}


/* =========================================================
   STAGE 40 — Task deletion for task owner + Admin
   ========================================================= */

/* Task row now reserves a small, balanced delete action beside Status. */
.member-calendar-task{
  grid-template-columns:minmax(0,1fr) auto 30px!important;
  grid-template-areas:"title status delete"!important;
  column-gap:7px!important;
  align-items:center!important;
}

.member-task-delete{
  grid-area:delete;
  width:30px;
  height:30px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#a1a9b5;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.17s var(--ease);
}
.member-task-delete:hover{
  color:#e15151;
  background:color-mix(in srgb,#e15151 8%,var(--surface-2));
}
.member-task-delete svg{
  width:14px;
  height:14px;
  stroke-width:1.45;
}

/* Confirmation sheet */
.task-delete-sheet{
  width:min(410px,calc(100% - 28px));
  padding:20px;
  border-radius:22px;
  background:var(--surface-solid);
  box-shadow:0 34px 100px rgba(13,20,31,.24);
}
.task-delete-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,#e15151 8%,var(--surface-2));
  color:#df5050;
  margin-bottom:12px;
}
.task-delete-icon svg{
  width:18px;
  height:18px;
  stroke-width:1.5;
}
.task-delete-sheet h3{
  margin:0;
  font-size:16px;
  line-height:1.2;
  letter-spacing:-.025em;
}
.task-delete-sheet p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.task-delete-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:17px;
}
.task-delete-actions .danger{
  background:#e15151!important;
  color:#fff!important;
  border-color:#e15151!important;
}

/* Admin viewing a member task planner gets a subtle context strip. */
.admin-member-task-context{
  min-height:42px;
  padding:8px 11px;
  border-radius:12px;
  background:color-mix(in srgb,#f36a25 5%,var(--surface-2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:2px;
}
.admin-member-task-context b{
  font-size:12px;
}
.admin-member-task-context span{
  color:var(--muted);
  font-size:11px;
}

@media(max-width:680px){
  .member-calendar-task{
    grid-template-columns:minmax(0,1fr) 30px!important;
    grid-template-areas:"title delete" "status status"!important;
    row-gap:7px!important;
  }
  .member-calendar-task select{
    width:100%!important;
  }
}


/* =========================================================
   STAGE 41 — Open task details by clicking the task card
   ========================================================= */

/* Remove the dedicated inline delete-slot from task rows. */
.member-calendar-task{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"title status"!important;
  cursor:pointer!important;
  transition:background .16s var(--ease), transform .16s var(--ease)!important;
}
.member-calendar-task:hover{
  background:color-mix(in srgb,var(--surface-2) 80%,var(--surface-solid))!important;
}
.member-task-delete{
  display:none!important;
}

/* The status selector remains usable without opening the edit window. */
.member-calendar-task select{
  cursor:pointer!important;
}

/* Edit modal footer: Delete on the left, actions on the right. */
.member-task-edit-footer{
  margin-top:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.member-task-edit-right{
  display:flex;
  gap:7px;
  margin-inline-start:auto;
}
.member-task-delete-modal{
  height:38px;
  padding:0 11px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#d95151;
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.member-task-delete-modal:hover{
  background:color-mix(in srgb,#d95151 8%,var(--surface-2));
}
.member-task-delete-modal svg{
  width:14px;
  height:14px;
  stroke-width:1.45;
}

/* A slightly clearer hover state makes it obvious the task is clickable. */
.member-calendar-task::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:12px;
  pointer-events:none;
}
.member-calendar-task{
  position:relative!important;
}


/* =========================================================
   STAGE 42 — Private member Creative Board + true circular graph marker
   ========================================================= */

/* Team members see only their own Creative Board context.
   Their brand selector remains, but the people strip is completely hidden. */
body[data-role="member"] .cb-context-divider,
body[data-role="member"] .cb-member-strip{
  display:none!important;
}
body[data-role="member"] .cb-contextbar{
  justify-content:flex-start!important;
}
body[data-role="member"] .cb-brand-select{
  width:190px!important;
  min-width:190px!important;
}

/* Replace the stretched SVG endpoint with a real CSS circle. */
.spark-end-dot{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:2px solid var(--surface-solid);
  box-sizing:border-box;
  z-index:4;
  pointer-events:none;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--metric) 16%,transparent);
}


/* =========================================================
   STAGE 43 — Member Brands: clean, logo-led, no white cards
   ========================================================= */

.member-brand-clean-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px 22px;
}

.member-brand-clean{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:4px 2px 17px!important;
  position:relative;
}

/* subtle separation only — not a card background */
.member-brand-clean::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:color-mix(in srgb,var(--line) 78%,transparent);
}

.member-brand-clean-head{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:10px;
}

.member-brand-logo{
  width:43px;
  height:43px;
  flex:0 0 43px;
  border-radius:12px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:var(--surface-solid);
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
}

.member-brand-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.member-brand-logo.fallback{
  font-size:12px;
  font-weight:800;
  letter-spacing:-.03em;
  color:#ef6223;
  background:color-mix(in srgb,#f36a25 6%,var(--surface-solid));
}

.member-brand-clean-title{
  min-width:0;
}

.member-brand-clean-title h3{
  margin:0!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
}

.member-brand-clean-title span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

.member-brand-clean .progress{
  margin-top:12px!important;
}

.member-brand-clean .member-restricted-meta{
  margin-top:8px!important;
  font-size:12px!important;
}

.member-brand-clean .btn{
  margin-top:12px!important;
  height:35px!important;
  padding:0 11px!important;
  font-size:12px!important;
}

@media(max-width:1050px){
  .member-brand-clean-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .member-brand-clean-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   STAGE 44 — Member Brands: each brand gets its own clear card
   ========================================================= */

.member-brand-clean-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

/* Restore a distinct card for every brand */
.member-brand-clean{
  background:var(--surface-solid)!important;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  border-radius:18px!important;
  box-shadow:0 8px 22px rgba(25,43,74,.045)!important;
  padding:15px!important;
  min-height:205px!important;
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
}

/* Remove the old shared separator line */
.member-brand-clean::after{
  display:none!important;
}

.member-brand-clean-head{
  margin-bottom:12px!important;
}

.member-brand-logo{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-radius:12px!important;
}

.member-brand-clean-title h3{
  font-size:13.5px!important;
  line-height:1.15!important;
  font-weight:760!important;
}

.member-brand-clean-title span{
  font-size:12px!important;
  line-height:1.4!important;
}

.member-brand-clean .progress{
  margin-top:auto!important;
}

.member-brand-clean .member-restricted-meta{
  font-size:12px!important;
}

.member-brand-clean .btn{
  width:100%!important;
  margin-top:13px!important;
  height:36px!important;
  font-size:12px!important;
  justify-content:center!important;
}

/* Slightly clearer separation in light mode */
body:not([data-theme="dark"]) .member-brand-clean{
  background:#fff!important;
  border-color:#e8edf3!important;
}

/* Dark mode */
body[data-theme="dark"] .member-brand-clean{
  background:var(--surface-solid)!important;
  border-color:color-mix(in srgb,var(--line) 75%,transparent)!important;
  box-shadow:none!important;
}

@media(max-width:1050px){
  .member-brand-clean-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:650px){
  .member-brand-clean-grid{
    grid-template-columns:1fr!important;
  }
}


/* STAGE 45 — Member brand cards: no stroke, only soft separation */
.member-brand-clean{
  border:0!important;
  box-shadow:0 8px 24px rgba(25,43,74,.055)!important;
}

/* Light mode: clean white cards, no outline */
body:not([data-theme="dark"]) .member-brand-clean{
  background:#fff!important;
  border:0!important;
  box-shadow:0 8px 24px rgba(25,43,74,.055)!important;
}

/* Dark mode: keep separation with depth, not borders */
body[data-theme="dark"] .member-brand-clean{
  border:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}


/* =========================================================
   STAGE 46 — Member Projects: separated cards like Brands
   ========================================================= */

.member-project-clean-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.member-project-clean{
  min-height:205px;
  padding:15px;
  border-radius:18px;
  background:var(--surface-solid);
  border:0;
  box-shadow:0 8px 24px rgba(25,43,74,.055);
  display:flex;
  flex-direction:column;
}

.member-project-clean-head{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-bottom:11px;
}

.member-project-icon{
  width:43px;
  height:43px;
  flex:0 0 43px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#2f80ed;
  background:color-mix(in srgb,#2f80ed 7%,var(--surface-solid));
}

.member-project-icon svg{
  width:18px;
  height:18px;
  stroke-width:1.45;
}

.member-project-copy{
  min-width:0;
}

.member-project-copy h3{
  margin:0;
  font-size:13px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:-.02em;
}

.member-project-copy span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

.member-project-clean .progress{
  margin-top:auto;
}

.member-project-clean .member-restricted-meta{
  margin-top:8px;
  font-size:12px;
}

.member-project-clean .btn{
  width:100%;
  margin-top:13px;
  height:36px;
  justify-content:center;
  font-size:12px!important;
}

/* Dark mode: depth without outlines */
body[data-theme="dark"] .member-project-clean{
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}

@media(max-width:1050px){
  .member-project-clean-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .member-project-clean-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   STAGE 47 — Member Reviews: separated cards like Brands/Projects
   ========================================================= */

.member-review-clean-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.member-review-clean{
  min-height:190px;
  padding:15px;
  border-radius:18px;
  background:var(--surface-solid);
  border:0;
  box-shadow:0 8px 24px rgba(25,43,74,.055);
  display:flex;
  flex-direction:column;
}

.member-review-clean-head{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-bottom:12px;
}

.member-review-icon{
  width:43px;
  height:43px;
  flex:0 0 43px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--review-color) 7%,var(--surface-solid));
  color:var(--review-color);
}

.member-review-icon svg{
  width:18px;
  height:18px;
  stroke-width:1.45;
}

.member-review-copy{
  min-width:0;
}

.member-review-copy h3{
  margin:0;
  font-size:13px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:-.02em;
}

.member-review-copy span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
}

.member-review-status{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:12px;
}

.member-review-status .status{
  height:30px;
  padding:0 10px;
  border-radius:9px;
  display:flex;
  align-items:center;
  background:color-mix(in srgb,var(--review-color) 8%,transparent);
  color:var(--review-color);
  font-size:11px;
  font-weight:720;
}

.member-review-status time{
  color:var(--muted);
  font-size:11px;
}

.member-review-clean .btn{
  width:100%;
  margin-top:12px;
  height:36px;
  justify-content:center;
  font-size:12px!important;
}

/* Dark mode: separation through depth only */
body[data-theme="dark"] .member-review-clean{
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}

@media(max-width:1050px){
  .member-review-clean-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .member-review-clean-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   STAGE 48 — Team account profile control in the top bar
   ========================================================= */

.top-member-profile{
  position:relative;
  display:flex;
  align-items:center;
}

.top-member-profile-trigger{
  min-width:174px;
  height:46px;
  padding:5px 8px 5px 6px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:var(--text);
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 16px;
  align-items:center;
  gap:9px;
  text-align:start;
  cursor:pointer;
  transition:background .17s var(--ease);
}

.top-member-profile-trigger:hover{
  background:var(--surface-2);
}

.top-member-profile-trigger .avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  box-shadow:none!important;
  border:0!important;
}

.top-member-profile-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  line-height:1.1;
}

.top-member-profile-copy b{
  display:block;
  min-width:0;
  font-size:11.7px;
  line-height:1.15;
  font-weight:720;
  letter-spacing:-.018em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.top-member-profile-copy span{
  display:block;
  min-width:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
  font-weight:520;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.top-member-profile-chevron{
  width:16px;
  height:16px;
  color:var(--muted);
  transition:transform .18s var(--ease);
}

.top-member-profile-trigger[aria-expanded="true"] .top-member-profile-chevron{
  transform:rotate(180deg);
}

.top-member-profile-menu{
  position:absolute;
  top:52px;
  right:0;
  width:190px;
  padding:7px;
  border-radius:14px;
  background:var(--surface-solid);
  box-shadow:0 18px 45px rgba(15,23,42,.14);
  z-index:80;
}

html[dir="rtl"] .top-member-profile-menu{
  right:auto;
  left:0;
}

.top-member-profile-menu button{
  width:100%;
  height:39px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--text);
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 10px;
  text-align:start;
  font-size:12px;
  font-weight:620;
  cursor:pointer;
}

.top-member-profile-menu button:hover{
  background:var(--surface-2);
}

.top-member-profile-menu button svg{
  width:16px;
  height:16px;
  stroke-width:1.55;
}

.top-member-profile-menu .danger{
  color:#df5050;
}

.top-member-profile-menu .sep{
  height:1px;
  margin:5px 3px;
  background:var(--line);
}

/* Keep admin top profile exactly as before. */
body[data-role="member"] .top-profile-wrap{
  display:none!important;
}

@media(max-width:760px){
  .top-member-profile-trigger{
    min-width:0;
    width:40px;
    grid-template-columns:34px;
    padding:3px;
  }
  .top-member-profile-copy,
  .top-member-profile-chevron{
    display:none;
  }
}


/* =========================================================
   STAGE 49 — Member "My Tasks" = today's tasks
   4 cards per row, mixed brands clearly identified
   ========================================================= */

.member-today-tasks-page{
  display:flex;
  flex-direction:column;
  gap:13px;
}

.member-today-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:54px;
  padding:8px 10px;
  border-radius:16px;
  background:var(--surface-solid);
}

.member-today-summary{
  min-width:0;
}
.member-today-summary b{
  display:block;
  font-size:11.5px;
  line-height:1.2;
  font-weight:750;
}
.member-today-summary span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
}

.member-brand-filters{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.member-brand-filter{
  height:32px;
  padding:0 10px;
  border:0;
  border-radius:10px;
  background:var(--surface-2);
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:680;
  cursor:pointer;
  transition:.17s var(--ease);
}
.member-brand-filter:hover{
  color:var(--text);
}
.member-brand-filter.active{
  color:#ef6223;
  background:color-mix(in srgb,#f36a25 8%,var(--surface-2));
}
.member-brand-filter .mini-brand-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--brand-color);
}

/* Exactly four task cards per desktop row. */
.member-today-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}

.member-today-card{
  min-height:192px;
  padding:14px;
  border-radius:18px;
  background:var(--surface-solid);
  border:0;
  box-shadow:0 8px 24px rgba(25,43,74,.05);
  display:flex;
  flex-direction:column;
  cursor:pointer;
  transition:transform .17s var(--ease),box-shadow .17s var(--ease);
}
.member-today-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(25,43,74,.075);
}

.member-today-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:13px;
}

.today-brand-identity{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.today-brand-logo{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:var(--surface-2);
  color:#ef6223;
  font-size:12px;
  font-weight:800;
}
.today-brand-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.today-brand-name{
  min-width:0;
  font-size:12px;
  font-weight:720;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.member-today-status-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--status-color);
}

.member-today-card h3{
  margin:0;
  font-size:13px;
  line-height:1.35;
  font-weight:750;
  letter-spacing:-.02em;
}

.member-today-card-meta{
  margin-top:7px;
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:11px;
}
.member-today-card-meta svg{
  width:13px;
  height:13px;
  stroke-width:1.45;
}

.member-today-card-bottom{
  margin-top:auto;
  padding-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.member-today-card select{
  -webkit-appearance:none;
  appearance:none;
  width:120px;
  height:34px;
  border:1px solid color-mix(in srgb,var(--status-color) 14%,var(--line));
  border-radius:10px;
  padding:0 28px 0 9px;
  background-color:var(--surface-2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23798599' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 9px center;
  background-size:11px 11px;
  color:var(--status-color);
  font-size:11px;
  font-weight:720;
  cursor:pointer;
}
html[dir="rtl"] .member-today-card select{
  padding:0 9px 0 28px;
  background-position:left 9px center;
}

.member-today-open{
  width:32px;
  height:32px;
  border:0;
  border-radius:10px;
  background:var(--surface-2);
  color:var(--muted);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.member-today-open svg{
  width:14px;
  height:14px;
}

.member-today-empty{
  grid-column:1/-1;
  min-height:220px;
  border-radius:18px;
  background:var(--surface-solid);
  display:grid;
  place-items:center;
  text-align:center;
  color:var(--muted);
  padding:30px;
}
.member-today-empty b{
  display:block;
  color:var(--text);
  font-size:12px;
  margin-bottom:5px;
}
.member-today-empty span{
  font-size:12px;
}

/* Dark mode keeps cards separated only by depth */
body[data-theme="dark"] .member-today-card{
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}

/* Sidebar task icon gets a crisp task glyph, not a briefcase. */
body[data-role="member"] .nav-item[data-page="work"] .nav-icon svg{
  width:17px;
  height:17px;
}

@media(max-width:1180px){
  .member-today-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .member-today-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .member-brand-filters{
    justify-content:flex-start;
  }
  .member-today-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   STAGE 50 — My Tasks: simple daily tasks, one brand at a time
   ========================================================= */

.member-today-toolbar{
  min-height:56px!important;
  padding:9px 11px!important;
  border-radius:17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

.member-today-brand-control{
  display:flex;
  align-items:center;
  gap:9px;
}

.member-today-brand-control label{
  color:var(--muted);
  font-size:12px;
  font-weight:650;
}

.member-today-brand-select{
  -webkit-appearance:none;
  appearance:none;
  width:188px;
  height:40px;
  border:0;
  border-radius:12px;
  padding:0 35px 0 12px;
  background-color:var(--surface-2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23798599' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 11px center;
  background-size:12px 12px;
  color:var(--text);
  font-size:12px;
  font-weight:720;
  cursor:pointer;
}
html[dir="rtl"] .member-today-brand-select{
  padding:0 12px 0 35px;
  background-position:left 11px center;
}

.member-today-summary{
  text-align:end;
}
.member-today-summary b{
  font-size:11.2px!important;
}
.member-today-summary span{
  font-size:12px!important;
}

/* Four cards per row on desktop */
.member-today-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

/* Simplified task card */
.member-today-card{
  min-height:116px!important;
  padding:13px!important;
  border-radius:17px!important;
  background:var(--surface-solid)!important;
  box-shadow:0 8px 22px rgba(25,43,74,.05)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:
    "title status"
    "deadline status"!important;
  column-gap:10px!important;
  row-gap:6px!important;
  align-items:center!important;
  cursor:pointer!important;
}

/* Remove previous brand identity/dot design */
.member-today-card-head,
.today-brand-identity,
.today-brand-logo,
.today-brand-name,
.member-today-status-dot,
.member-today-card-bottom,
.member-today-open{
  display:none!important;
}

.member-today-card h3{
  grid-area:title!important;
  margin:0!important;
  font-size:12.2px!important;
  line-height:1.35!important;
  font-weight:750!important;
  letter-spacing:-.02em!important;
  align-self:end!important;
}

.member-today-card-meta{
  grid-area:deadline!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:var(--muted)!important;
  font-size:12px!important;
  align-self:start!important;
}
.member-today-card-meta svg{
  width:13px!important;
  height:13px!important;
  stroke-width:1.45!important;
}

/* Status is the only control shown opposite the task information */
.member-today-card select{
  grid-area:status!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  width:118px!important;
  height:35px!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--status-color) 14%,var(--line))!important;
  border-radius:10px!important;
  padding:0 29px 0 10px!important;
  background-color:var(--surface-2)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23798599' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 9px center!important;
  background-size:11px 11px!important;
  color:var(--status-color)!important;
  font-size:11px!important;
  font-weight:720!important;
  align-self:center!important;
  cursor:pointer!important;
}
html[dir="rtl"] .member-today-card select{
  padding:0 10px 0 29px!important;
  background-position:left 9px center!important;
}

/* No brand filter chips anymore */
.member-brand-filters{
  display:none!important;
}

body[data-theme="dark"] .member-today-card{
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}

@media(max-width:1180px){
  .member-today-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:720px){
  .member-today-toolbar{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .member-today-brand-control{
    width:100%;
  }
  .member-today-brand-select{
    width:100%;
  }
  .member-today-summary{
    text-align:start;
  }
  .member-today-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   STAGE 51 — My Tasks selector: All Brands + individual brands
   ========================================================= */

/* Remove the separate "Brand" label entirely. */
.member-today-brand-control label{
  display:none!important;
}

/* Let the selector stand on its own. */
.member-today-brand-control{
  gap:0!important;
}

.member-today-brand-select{
  width:205px!important;
  min-width:205px!important;
  font-size:10.6px!important;
  font-weight:720!important;
}


/* =========================================================
   STAGE 52 — Team sidebar footer
   Same motivational card used in Admin, directly above profile
   ========================================================= */

/* Restore the motivational card for team accounts in vertical navigation. */
body[data-role="member"]:not([data-nav="horizontal"]) .sidebar-footer{
  display:block!important;
  margin-top:auto!important;
}

/* Keep the profile at the absolute bottom, directly below the card. */
body[data-role="member"]:not([data-nav="horizontal"]) .sidebar-footer + .profile-zone{
  margin-top:0!important;
}

/* Slight spacing between quote card and profile, without lifting profile upward. */
body[data-role="member"]:not([data-nav="horizontal"]) .profile-zone{
  padding-top:2px;
}

/* Horizontal navigation stays compact, exactly as before. */
body[data-role="member"][data-nav="horizontal"] .sidebar-footer{
  display:none!important;
}


/* =========================================================
   STAGE 53 — My Tasks: compact task cards + clearer top toolbar
   ========================================================= */

/* Top filter bar: clearer, more intentional, still soft and minimal */
.member-today-toolbar{
  min-height:62px!important;
  padding:10px 13px!important;
  border-radius:17px!important;
  background:color-mix(in srgb,var(--surface-2) 72%,var(--surface-solid))!important;
  box-shadow:0 6px 18px rgba(25,43,74,.035)!important;
}

body[data-theme="dark"] .member-today-toolbar{
  background:color-mix(in srgb,var(--surface-2) 82%,var(--surface-solid))!important;
  box-shadow:none!important;
}

.member-today-brand-select{
  width:210px!important;
  min-width:210px!important;
  height:42px!important;
  border-radius:12px!important;
  background-color:var(--surface-solid)!important;
  font-size:10.8px!important;
  font-weight:730!important;
  box-shadow:0 2px 8px rgba(25,43,74,.035)!important;
}

/* Right side count/date becomes one balanced horizontal block */
.member-today-summary{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  text-align:start!important;
}

.member-today-summary b{
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:740!important;
  margin:0!important;
}

.member-today-summary span{
  margin:0!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  background:var(--surface-solid)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1!important;
  box-shadow:0 2px 8px rgba(25,43,74,.03)!important;
}

/* Task cards: remove the oversized white empty area */
.member-today-card{
  min-height:94px!important;
  padding:11px 12px!important;
  border-radius:15px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:
    "title status"
    "deadline status"!important;
  column-gap:10px!important;
  row-gap:4px!important;
  align-content:center!important;
  align-items:center!important;
  background:var(--surface-solid)!important;
  box-shadow:0 6px 18px rgba(25,43,74,.045)!important;
}

body[data-theme="dark"] .member-today-card{
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}

/* Main task content fills the card proportionally */
.member-today-card h3{
  font-size:12.4px!important;
  line-height:1.3!important;
  font-weight:750!important;
  align-self:end!important;
  margin:0!important;
}

.member-today-card-meta{
  font-size:12px!important;
  line-height:1.2!important;
  align-self:start!important;
  margin:0!important;
  gap:6px!important;
}

.member-today-card-meta svg{
  width:13.5px!important;
  height:13.5px!important;
}

/* Status stays compact, clear, and visually balanced with the text block */
.member-today-card select{
  width:116px!important;
  height:35px!important;
  border-radius:10px!important;
  font-size:11px!important;
  padding-right:28px!important;
}

html[dir="rtl"] .member-today-card select{
  padding-right:10px!important;
  padding-left:28px!important;
}

/* Slightly tighter grid gap so the cards read as a coherent set */
.member-today-grid{
  gap:9px!important;
}

/* Light mode: just enough depth to separate cards, no heavy outline */
body:not([data-theme="dark"]) .member-today-card{
  background:#fff!important;
  box-shadow:0 6px 18px rgba(25,43,74,.05)!important;
}

@media(max-width:720px){
  .member-today-toolbar{
    gap:10px!important;
  }
  .member-today-summary{
    width:100%;
    justify-content:space-between;
  }
  .member-today-brand-select{
    width:100%!important;
    min-width:0!important;
  }
}


/* =========================================================
   STAGE 56 — Admin Permissions + Task → Review workflow
   ========================================================= */

/* ---------- Permissions ---------- */
.permission-layout{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:12px;
}
.permission-members{
  padding:9px;
  border-radius:18px;
  background:var(--surface-solid);
}
.permission-members h3{
  margin:5px 7px 10px;
  font-size:12px;
}
.permission-member{
  width:100%;
  min-height:52px;
  border:0;
  border-radius:12px;
  background:transparent;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  padding:7px;
  color:var(--text);
  text-align:start;
  cursor:pointer;
}
.permission-member:hover{background:var(--surface-2)}
.permission-member.active{
  background:color-mix(in srgb,#f36a25 7%,var(--surface-2));
}
.permission-member .avatar{
  width:34px!important;height:34px!important;box-shadow:none!important;
}
.permission-member b{
  display:block;font-size:12px;line-height:1.2;
}
.permission-member span{
  display:block;margin-top:2px;color:var(--muted);font-size:11px;
}
.permission-panel{
  padding:17px;
  border-radius:18px;
  background:var(--surface-solid);
}
.permission-head{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:16px;
}
.permission-head .avatar{
  width:44px!important;height:44px!important;box-shadow:none!important;
}
.permission-head-copy{min-width:0;flex:1}
.permission-head-copy h3{
  margin:0;font-size:15px;letter-spacing:-.02em;
}
.permission-head-copy p{
  margin:4px 0 0;color:var(--muted);font-size:12px;
}
.permission-section{
  padding:14px 0;
  border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);
}
.permission-section:first-of-type{border-top:0}
.permission-section-title{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;
}
.permission-section-title b{font-size:11px}
.permission-section-title span{color:var(--muted);font-size:11px}
.permission-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.permission-check{
  min-height:44px;
  border-radius:11px;
  padding:7px 9px;
  background:var(--surface-2);
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}
.permission-check input{accent-color:#f36a25}
.permission-check .avatar{
  width:28px!important;height:28px!important;box-shadow:none!important;
}
.permission-check-copy{min-width:0}
.permission-check-copy b{display:block;font-size:12px}
.permission-check-copy span{display:block;margin-top:2px;color:var(--muted);font-size:11px}
.permission-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.permission-feature{
  min-height:58px;
  border-radius:12px;
  padding:9px 10px;
  background:var(--surface-2);
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.permission-feature b{display:block;font-size:12px}
.permission-feature span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.perm-toggle{
  position:relative;width:38px;height:22px;flex:0 0 auto;
}
.perm-toggle input{position:absolute;opacity:0;pointer-events:none}
.perm-toggle i{
  position:absolute;inset:0;border-radius:999px;background:#dfe4eb;transition:.18s;
}
.perm-toggle i:after{
  content:"";position:absolute;width:16px;height:16px;border-radius:50%;left:3px;top:3px;background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.18s;
}
.perm-toggle input:checked+i{background:#f36a25}
.perm-toggle input:checked+i:after{transform:translateX(16px)}
html[dir="rtl"] .perm-toggle i:after{left:auto;right:3px}
html[dir="rtl"] .perm-toggle input:checked+i:after{transform:translateX(-16px)}
.permission-actions{
  display:flex;justify-content:flex-end;gap:8px;margin-top:12px;
}

/* ---------- Review workflow ---------- */
.task-workflow-block{
  grid-column:1/-1;
  padding:12px;
  border-radius:13px;
  background:color-mix(in srgb,var(--surface-2) 74%,var(--surface-solid));
}
.task-workflow-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;
}
.task-workflow-head b{font-size:12px}
.review-state{
  height:27px;padding:0 9px;border-radius:9px;display:flex;align-items:center;
  color:var(--review-color);background:color-mix(in srgb,var(--review-color) 8%,transparent);
  font-size:11px;font-weight:720;
}
.task-delivery-input{
  width:100%;height:42px;border:1px solid var(--line);border-radius:11px;
  background:var(--surface-solid);color:var(--text);padding:0 10px;font-size:12px;
}
.task-feedback-box{
  margin-top:8px;padding:9px 10px;border-radius:10px;background:var(--surface-solid);
}
.task-feedback-box b{display:block;font-size:11px;margin-bottom:4px}
.task-feedback-box span{color:var(--muted);font-size:11px;line-height:1.45}
.task-review-action-row{
  display:flex;gap:7px;flex-wrap:wrap;margin-top:9px;
}
.task-review-action-row .btn{height:34px;font-size:11px!important}

.review-workflow-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.review-workflow-card{
  min-height:220px;padding:15px;border-radius:18px;background:var(--surface-solid);
  border:0;box-shadow:0 8px 24px rgba(25,43,74,.05);display:flex;flex-direction:column;
}
.review-workflow-top{display:flex;align-items:center;gap:9px}
.review-workflow-avatar .avatar{width:34px!important;height:34px!important;box-shadow:none!important}
.review-workflow-copy{min-width:0;flex:1}
.review-workflow-copy h3{
  margin:0;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.review-workflow-copy span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.review-workflow-meta{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;
}
.review-meta-item{
  padding:8px;border-radius:10px;background:var(--surface-2);
}
.review-meta-item span{display:block;color:var(--muted);font-size:11px}
.review-meta-item b{display:block;margin-top:3px;font-size:11px}
.review-delivery{
  margin-top:9px;min-height:36px;padding:8px 9px;border-radius:10px;background:var(--surface-2);
  display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;overflow:hidden;
}
.review-delivery svg{width:13px;height:13px;flex:0 0 auto}
.review-delivery a{color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.review-feedback-preview{
  margin-top:9px;padding:8px 9px;border-radius:10px;background:color-mix(in srgb,#f36a25 5%,var(--surface-2));
  color:var(--muted);font-size:8px;line-height:1.45;
}
.review-workflow-bottom{
  margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.review-workflow-bottom .btn{height:34px;font-size:11px!important}
.review-status-pill{
  height:29px;padding:0 9px;border-radius:9px;display:flex;align-items:center;
  color:var(--review-color);background:color-mix(in srgb,var(--review-color) 8%,transparent);
  font-size:11px;font-weight:720;
}
.review-detail-sheet{
  width:min(580px,calc(100% - 28px));padding:20px;border-radius:23px;background:var(--surface-solid);
  box-shadow:0 34px 100px rgba(13,20,31,.24);
}
.review-detail-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}
.review-detail-head .avatar{width:44px!important;height:44px!important;box-shadow:none!important}
.review-detail-head-copy{min-width:0;flex:1}
.review-detail-head-copy h3{margin:0;font-size:16px}
.review-detail-head-copy p{margin:4px 0 0;color:var(--muted);font-size:12px}
.review-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.review-detail-field{
  padding:10px;border-radius:11px;background:var(--surface-2);
}
.review-detail-field span{display:block;color:var(--muted);font-size:11px}
.review-detail-field b{display:block;margin-top:4px;font-size:12px}
.review-detail-link{
  grid-column:1/-1;padding:10px;border-radius:11px;background:var(--surface-2);
}
.review-detail-link a{font-size:12px;color:var(--blue);text-decoration:none;word-break:break-all}
.review-comment{
  width:100%;min-height:90px;margin-top:11px;border:1px solid var(--line);border-radius:12px;
  background:var(--surface-2);color:var(--text);padding:10px;font-size:12px;resize:vertical;
}
.review-detail-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
.review-detail-actions .approve{background:#20b96f!important;color:#fff!important}
.review-detail-actions .changes{background:#f36a25!important;color:#fff!important}

body[data-theme="dark"] .review-workflow-card{box-shadow:0 10px 28px rgba(0,0,0,.18)}

@media(max-width:1080px){
  .permission-layout{grid-template-columns:1fr}
  .permission-members{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  .review-workflow-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .permission-members,.permission-check-grid,.permission-feature-grid,.review-workflow-grid{grid-template-columns:1fr}
  .review-detail-grid{grid-template-columns:1fr}
  .review-detail-link{grid-column:auto}
}


/* =========================================================
   STAGE 57 — One Google Drive delivery link per day / brand
   ========================================================= */

.day-drive-delivery{
  margin-top:auto;
  padding-top:10px;
}

.day-drive-box{
  padding:9px;
  border-radius:12px;
  background:color-mix(in srgb,var(--surface-2) 72%,var(--surface-solid));
}

.day-drive-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}

.day-drive-title{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.day-drive-title svg{
  width:14px;
  height:14px;
  stroke-width:1.45;
  color:#2f80ed;
  flex:0 0 auto;
}

.day-drive-title b{
  font-size:11px;
  line-height:1.2;
  font-weight:720;
  white-space:nowrap;
}

.day-drive-head span{
  color:var(--muted);
  font-size:11px;
  white-space:nowrap;
}

.day-drive-row{
  display:flex;
  align-items:center;
  gap:6px;
}

.day-drive-input{
  flex:1;
  min-width:0;
  height:36px;
  border:0;
  border-radius:10px;
  background:var(--surface-solid);
  color:var(--text);
  padding:0 9px;
  font-size:11px;
}

.day-drive-input::placeholder{
  color:color-mix(in srgb,var(--muted) 78%,transparent);
}

.day-drive-save,
.day-drive-open{
  height:36px;
  padding:0 9px;
  border:0;
  border-radius:10px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:5px;
}

.day-drive-save{
  background:#2f80ed;
  color:#fff;
}

.day-drive-open{
  background:var(--surface-solid);
  color:var(--text);
}

.day-drive-save svg,
.day-drive-open svg{
  width:13px;
  height:13px;
  stroke-width:1.5;
}

.day-drive-readonly{
  flex:1;
  min-width:0;
  height:36px;
  padding:0 9px;
  border-radius:10px;
  background:var(--surface-solid);
  color:var(--muted);
  font-size:11px;
  display:flex;
  align-items:center;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* The task editor no longer owns the Drive field. */
.member-task-modal .task-workflow-block .task-delivery-input{
  display:none!important;
}

/* Slightly more space at the bottom of day cards with tasks. */
.member-day-col.has-day-tasks{
  padding-bottom:10px!important;
}

@media(max-width:680px){
  .day-drive-row{
    flex-wrap:wrap;
  }
  .day-drive-input,
  .day-drive-readonly{
    flex:1 1 100%;
  }
}


/* =========================================================
   STAGE 58 — Daily Drive link: auto-save, open icon only
   ========================================================= */

.day-drive-head{
  margin-bottom:7px!important;
}

/* Remove the secondary "Daily work link" text entirely */
.day-drive-head > span{
  display:none!important;
}

/* Cleaner row: input + one compact open-link icon */
.day-drive-row{
  gap:7px!important;
}

.day-drive-input{
  height:37px!important;
  font-size:12px!important;
}

/* Save button is no longer used */
.day-drive-save{
  display:none!important;
}

/* Small icon-only button for opening the Drive link */
.day-drive-open{
  width:37px!important;
  min-width:37px!important;
  height:37px!important;
  padding:0!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--surface-solid)!important;
  color:var(--muted)!important;
}

.day-drive-open:hover{
  color:#2f80ed!important;
  background:color-mix(in srgb,#2f80ed 6%,var(--surface-solid))!important;
}

.day-drive-open svg{
  width:14px!important;
  height:14px!important;
  margin:0!important;
}

/* Admin read-only display stays compact and aligned */
.day-drive-readonly{
  height:37px!important;
  font-size:11px!important;
}


/* =========================================================
   STAGE 59 — Messages / Conversation card redesign
   ========================================================= */

.comms-layout{
  background:
    radial-gradient(circle at 14% 10%, color-mix(in srgb,var(--blue) 4%, transparent), transparent 24%),
    radial-gradient(circle at 88% 88%, color-mix(in srgb,#f36a25 4%, transparent), transparent 26%),
    var(--surface-solid) !important;
  border-radius:24px !important;
  box-shadow:0 20px 60px rgba(23,43,77,.06), inset 0 1px 0 rgba(255,255,255,.35) !important;
  border:1px solid color-mix(in srgb,var(--line) 86%, transparent) !important;
}

.comms-sidebar{
  padding:16px 14px !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--surface-2) 78%, var(--surface-solid)),
      color-mix(in srgb,var(--surface-solid) 96%, transparent)) !important;
  border-inline-end:1px solid color-mix(in srgb,var(--line) 86%, transparent) !important;
}

.comms-side-head{
  margin:2px 4px 14px !important;
}

.comms-side-head b{
  font-size:13px !important;
  letter-spacing:-.02em;
}

.comms-mini-btn{
  background:color-mix(in srgb,var(--surface-solid) 92%, transparent) !important;
  border:1px solid color-mix(in srgb,var(--line) 76%, transparent);
  box-shadow:0 8px 18px rgba(23,43,77,.04);
}

.comms-section-title{
  margin:16px 8px 9px !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
}

/* Stronger conversation cards */
.comms-contact{
  min-height:68px !important;
  padding:10px 11px !important;
  margin-bottom:8px;
  border-radius:18px !important;
  background:color-mix(in srgb,var(--surface-solid) 88%, transparent) !important;
  border:1px solid color-mix(in srgb,var(--line) 70%, transparent);
  box-shadow:0 10px 26px rgba(25,38,70,.035);
}

.comms-contact:hover{
  transform:translateY(-1px);
  background:color-mix(in srgb,var(--surface-solid) 96%, transparent) !important;
  border-color:color-mix(in srgb,var(--blue) 16%, var(--line));
  box-shadow:0 14px 30px rgba(25,38,70,.06);
}

.comms-contact.active{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,#f36a25 8%, var(--surface-solid)),
      color-mix(in srgb,var(--blue) 4%, var(--surface-solid))) !important;
  border-color:color-mix(in srgb,#f36a25 20%, var(--line)) !important;
  box-shadow:
    0 16px 34px rgba(243,106,37,.08),
    inset 0 1px 0 rgba(255,255,255,.45) !important;
}

body[data-theme="dark"] .comms-contact{
  background:color-mix(in srgb,var(--surface-solid) 94%, transparent) !important;
  box-shadow:none;
}

body[data-theme="dark"] .comms-contact.active{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,#f36a25 10%, var(--surface-solid)),
      color-mix(in srgb,var(--blue) 8%, var(--surface-solid))) !important;
}

.comms-contact .msg-presence-avatar{
  width:45px !important;
  height:45px !important;
}

.comms-contact .msg-presence-avatar > .avatar{
  width:45px !important;
  height:45px !important;
}

.comms-contact-copy b{
  font-size:12px !important;
  font-weight:730 !important;
}

.comms-contact-copy span{
  font-size:11px !important;
}

.comms-contact-state{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  margin-top:2px;
  padding:5px 7px;
  border-radius:999px;
  background:color-mix(in srgb,var(--surface-2) 90%, transparent);
  font-size:11px !important;
  font-weight:700;
}

.comms-contact-state.online{
  background:color-mix(in srgb,#20bd70 10%, transparent);
  color:#14945a !important;
}

.comms-group-stack{
  width:74px !important;
  height:42px !important;
}

.comms-group-stack .avatar{
  width:36px !important;
  height:36px !important;
  box-shadow:0 7px 18px rgba(27,39,70,.06) !important;
}

/* Conversation area */
.comms-chat{
  background:transparent !important;
}

.comms-chat-head{
  min-height:74px !important;
  padding:14px 16px !important;
  background:color-mix(in srgb,var(--surface-solid) 90%, transparent);
  border-bottom:1px solid color-mix(in srgb,var(--line) 84%, transparent) !important;
  backdrop-filter:blur(8px);
}

.comms-chat-title b{
  font-size:11.3px !important;
  font-weight:760 !important;
}

.comms-chat-title span{
  font-size:11px !important;
}

.comms-chat-actions{
  gap:7px !important;
}

.comms-chat-action{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  background:color-mix(in srgb,var(--surface-solid) 90%, transparent) !important;
  border:1px solid color-mix(in srgb,var(--line) 78%, transparent);
  box-shadow:0 8px 18px rgba(23,43,77,.04);
}

.comms-chat-action.primary{
  background:color-mix(in srgb,#f36a25 10%, var(--surface-solid)) !important;
  border-color:color-mix(in srgb,#f36a25 16%, var(--line)) !important;
}

.comms-thread{
  padding:20px 20px 15px !important;
  background:
    radial-gradient(circle at 12% 14%, color-mix(in srgb,var(--blue) 4%, transparent), transparent 20%),
    radial-gradient(circle at 90% 85%, color-mix(in srgb,#f36a25 4%, transparent), transparent 20%),
    linear-gradient(180deg,
      color-mix(in srgb,var(--surface-2) 62%, transparent),
      color-mix(in srgb,var(--surface-solid) 92%, transparent)) !important;
}

.comms-bubble{
  border-radius:16px 16px 16px 6px !important;
  padding:10px 12px !important;
  font-size:11px !important;
  border:1px solid color-mix(in srgb,var(--line) 72%, transparent) !important;
  box-shadow:0 12px 24px rgba(31,45,78,.035);
}

.comms-message.me .comms-bubble{
  border:0 !important;
  box-shadow:0 14px 28px rgba(239,82,24,.13);
}

.comms-meeting-msg{
  background:color-mix(in srgb,var(--surface-solid) 88%, transparent) !important;
  border:1px solid color-mix(in srgb,var(--line) 72%, transparent);
  box-shadow:0 10px 24px rgba(31,45,78,.04);
}

.comms-compose-wrap{
  padding:12px 14px 14px !important;
  background:color-mix(in srgb,var(--surface-solid) 94%, transparent) !important;
  border-top:1px solid color-mix(in srgb,var(--line) 84%, transparent) !important;
}

.comms-compose{
  min-height:50px !important;
  border-radius:16px !important;
  background:color-mix(in srgb,var(--surface-solid) 90%, var(--surface-2)) !important;
  border:1px solid color-mix(in srgb,var(--line) 78%, transparent) !important;
  box-shadow:0 10px 28px rgba(25,38,70,.035);
}

.comms-compose textarea{
  font-size:11px !important;
}

.comms-compose-btn{
  width:35px !important;
  height:35px !important;
  border-radius:11px !important;
}

.comms-compose-btn.send{
  box-shadow:0 10px 20px rgba(239,82,24,.16);
}

/* Meetings rail aligned with the rest */
.meeting-rail{
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--surface-2) 68%, var(--surface-solid)),
      color-mix(in srgb,var(--surface-solid) 96%, transparent)) !important;
  border-inline-start:1px solid color-mix(in srgb,var(--line) 84%, transparent) !important;
}

.meeting-card{
  border-radius:16px !important;
  border:1px solid color-mix(in srgb,var(--line) 70%, transparent);
  box-shadow:0 10px 24px rgba(25,38,70,.035);
}

/* Mobile keep it clean */
@media(max-width:820px){
  .comms-contact{
    min-height:64px !important;
  }
}


/* =========================================================
   STAGE 60 — Messages for Admin + Team, group spacing,
   and compact member-brand cards
   ========================================================= */

/* 1) Conversation styling is shared by BOTH Admin and Team accounts. */
body[data-role="admin"] .comms-layout,
body[data-role="member"] .comms-layout{
  box-shadow:0 20px 60px rgba(23,43,77,.06), inset 0 1px 0 rgba(255,255,255,.32)!important;
}

body[data-role="admin"] .comms-contact,
body[data-role="member"] .comms-contact{
  background:color-mix(in srgb,var(--surface-solid) 90%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--line) 68%,transparent)!important;
}

body[data-role="admin"] .comms-contact.active,
body[data-role="member"] .comms-contact.active{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,#f36a25 7%,var(--surface-solid)),
      color-mix(in srgb,var(--blue) 4%,var(--surface-solid)))!important;
  border-color:color-mix(in srgb,#f36a25 18%,var(--line))!important;
}

/* 2) Group rows: let the avatar stack take its REAL width.
      No fixed empty column when only 2 profiles, no collision with 3 profiles. */
.comms-contact.group{
  grid-template-columns:max-content minmax(0,1fr)!important;
  column-gap:12px!important;
}

.comms-group-stack{
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding-inline:1px!important;
  overflow:visible!important;
}

.comms-group-stack .avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  margin-inline-start:-9px!important;
  border:2px solid var(--surface-solid)!important;
  box-shadow:0 6px 16px rgba(27,39,70,.055)!important;
}

.comms-group-stack .avatar:first-child{
  margin-inline-start:0!important;
}

.comms-contact.group .comms-contact-copy{
  padding-inline-start:1px!important;
  align-self:center!important;
}

.comms-contact.group .comms-contact-copy b{
  font-size:12px!important;
  line-height:1.15!important;
}

.comms-contact.group .comms-contact-copy span{
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.2!important;
}

/* Also keep group avatar spacing correct in the conversation header. */
.comms-chat-head > .comms-group-stack{
  margin-inline-end:1px!important;
}

.comms-chat-head > .comms-group-stack .avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  margin-inline-start:-8px!important;
}

/* 3) Member Brands: remove the meaningless vertical void.
      Keep each brand in its own card, but let content define height. */
.member-brand-clean-grid{
  align-items:start!important;
}

.member-brand-clean{
  min-height:0!important;
  height:auto!important;
  padding:15px!important;
}

.member-brand-clean-head{
  margin-bottom:13px!important;
}

.member-brand-clean .progress{
  margin-top:14px!important;
}

.member-brand-clean .member-restricted-meta{
  margin-top:8px!important;
}

.member-brand-clean .btn{
  margin-top:12px!important;
}

/* Brand cards remain visually separated without becoming oversized. */
body:not([data-theme="dark"]) .member-brand-clean{
  box-shadow:0 8px 22px rgba(25,43,74,.05)!important;
}

body[data-theme="dark"] .member-brand-clean{
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
}


/* =========================================================
   STAGE 61 — Messages: one highlighted container, zero strokes
   ========================================================= */

/* The large Conversations area is the only emphasized card */
.comms-layout{
  border:0!important;
  outline:0!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb,var(--blue) 3.5%, transparent), transparent 24%),
    radial-gradient(circle at 92% 88%, color-mix(in srgb,#f36a25 3.5%, transparent), transparent 24%),
    var(--surface-solid)!important;
  box-shadow:0 18px 48px rgba(24,42,73,.075)!important;
}

/* No separate card treatment for each person/group */
.comms-sidebar{
  border:0!important;
  background:color-mix(in srgb,var(--surface-2) 42%,var(--surface-solid))!important;
}

.comms-contact{
  margin-bottom:3px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:13px!important;
  transform:none!important;
}

.comms-contact:hover{
  border:0!important;
  background:color-mix(in srgb,var(--surface-2) 74%,transparent)!important;
  box-shadow:none!important;
  transform:none!important;
}

.comms-contact.active{
  border:0!important;
  background:color-mix(in srgb,#f36a25 6%,var(--surface-2))!important;
  box-shadow:none!important;
}

/* Status should remain simple, not pill-like */
.comms-contact-state{
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:11px!important;
}

.comms-contact-state.online{
  background:transparent!important;
  color:#18a963!important;
}

/* Chat area remains flat and clean inside the one large card */
.comms-chat{
  background:transparent!important;
}

.comms-chat-head{
  border:0!important;
  background:color-mix(in srgb,var(--surface-solid) 86%,transparent)!important;
  box-shadow:none!important;
}

.comms-chat-action{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:var(--surface-2)!important;
}

.comms-chat-action.primary{
  border:0!important;
  background:color-mix(in srgb,#f36a25 8%,var(--surface-2))!important;
}

/* Conversation canvas */
.comms-thread{
  border:0!important;
  background:
    radial-gradient(circle at 12% 14%, color-mix(in srgb,var(--blue) 3%, transparent), transparent 20%),
    radial-gradient(circle at 90% 85%, color-mix(in srgb,#f36a25 3%, transparent), transparent 20%),
    color-mix(in srgb,var(--surface-2) 52%,var(--surface-solid))!important;
}

/* Message bubbles without strokes */
.comms-bubble{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:color-mix(in srgb,var(--surface-solid) 82%,var(--surface-2))!important;
}

.comms-message.me .comms-bubble{
  border:0!important;
  box-shadow:none!important;
  background:linear-gradient(145deg,#ff7130,#ef571a)!important;
}

/* Meeting message block also follows the no-stroke language */
.comms-meeting-msg{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:color-mix(in srgb,var(--surface-solid) 88%,var(--surface-2))!important;
}

/* Composer: soft filled surface, no outline/stroke */
.comms-compose-wrap{
  border:0!important;
  background:color-mix(in srgb,var(--surface-solid) 92%,transparent)!important;
}

.comms-compose{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:var(--surface-2)!important;
}

.comms-compose-btn{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

.comms-compose-btn.send{
  box-shadow:none!important;
}

/* Meetings column follows the same system */
.meeting-rail{
  border:0!important;
  background:color-mix(in srgb,var(--surface-2) 42%,var(--surface-solid))!important;
}

.meeting-create,
.meeting-card,
.meeting-card-actions button{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

.meeting-card{
  background:color-mix(in srgb,var(--surface-solid) 88%,var(--surface-2))!important;
}

/* Group avatar spacing stays dynamically balanced from Stage 60 */
.comms-contact.group{
  grid-template-columns:max-content minmax(0,1fr)!important;
  column-gap:12px!important;
}

.comms-group-stack{
  width:auto!important;
  min-width:0!important;
  height:42px!important;
}

.comms-group-stack .avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  margin-inline-start:-9px!important;
  border:2px solid var(--surface-solid)!important; /* image separation only, not a UI stroke */
  box-shadow:none!important;
}

.comms-group-stack .avatar:first-child{
  margin-inline-start:0!important;
}

/* Dark mode: large card still distinct through depth, not borders */
body[data-theme="dark"] .comms-layout{
  border:0!important;
  box-shadow:0 20px 52px rgba(0,0,0,.20)!important;
}

body[data-theme="dark"] .comms-contact,
body[data-theme="dark"] .comms-contact.active,
body[data-theme="dark"] .comms-bubble,
body[data-theme="dark"] .meeting-card{
  border:0!important;
}


/* =========================================================
   STAGE 62 — Messages: only the large container is emphasized
   No individual conversation cards. No strokes.
   ========================================================= */

/* Main Messages container: the only highlighted surface */
.comms-layout{
  border:0!important;
  outline:0!important;
  border-radius:24px!important;
  background:var(--surface-solid)!important;
  box-shadow:0 18px 48px rgba(24,42,73,.075)!important;
}

/* Conversation sidebar stays flat */
.comms-sidebar{
  border:0!important;
  background:transparent!important;
}

/* People / groups are NOT cards */
.comms-contact{
  margin:0!important;
  padding:9px!important;
  min-height:61px!important;
  border:0!important;
  outline:0!important;
  border-radius:13px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Subtle hover only */
.comms-contact:hover{
  border:0!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Selected conversation: soft fill only */
.comms-contact.active{
  border:0!important;
  background:color-mix(in srgb,var(--blue) 6%,var(--surface-2))!important;
  box-shadow:none!important;
}

/* No pill / badge card styling on presence text */
.comms-contact-state{
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.comms-contact-state.online{
  background:transparent!important;
  color:#19a863!important;
}

/* Keep group avatar spacing balanced, but flat */
.comms-contact.group{
  grid-template-columns:max-content minmax(0,1fr)!important;
  column-gap:12px!important;
}

.comms-group-stack{
  width:auto!important;
  min-width:0!important;
  height:40px!important;
}

.comms-group-stack .avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  margin-inline-start:-8px!important;
  box-shadow:none!important;
}

.comms-group-stack .avatar:first-child{
  margin-inline-start:0!important;
}

/* Chat itself remains clean and flat inside the big card */
.comms-chat{
  background:transparent!important;
}

.comms-chat-head{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Remove any card-like border treatment from message bubbles / composer / meetings */
.comms-bubble,
.comms-meeting-msg,
.comms-compose,
.meeting-card,
.comms-chat-action{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

.comms-thread{
  border:0!important;
  background:color-mix(in srgb,var(--surface-2) 48%,var(--surface-solid))!important;
}

.comms-compose-wrap{
  border:0!important;
  background:transparent!important;
}

.comms-compose{
  background:var(--surface-2)!important;
}

.meeting-rail{
  border:0!important;
  background:color-mix(in srgb,var(--surface-2) 42%,var(--surface-solid))!important;
}

/* Dark mode: same logic — one container, no strokes */
body[data-theme="dark"] .comms-layout{
  border:0!important;
  box-shadow:0 20px 52px rgba(0,0,0,.20)!important;
}

body[data-theme="dark"] .comms-contact,
body[data-theme="dark"] .comms-contact:hover,
body[data-theme="dark"] .comms-contact.active{
  border:0!important;
  box-shadow:none!important;
}


/* =========================================================
   STAGE 63 — Conversation list restored to flat / quiet style
   ========================================================= */

/* No card / no stroke / no white box around each person or group */
.comms-contact,
.comms-contact.group{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:12px!important;
  margin:0!important;
  padding:9px 8px!important;
}

/* Hover remains very subtle */
.comms-contact:hover,
.comms-contact.group:hover{
  border:0!important;
  box-shadow:none!important;
  background:color-mix(in srgb,var(--surface-2) 58%,transparent)!important;
}

/* Selected conversation is only a soft fill, never a framed card */
.comms-contact.active,
.comms-contact.group.active{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:color-mix(in srgb,var(--blue) 5%,var(--surface-2))!important;
}

/* Remove any inherited border/background from light mode overrides */
body:not([data-theme="dark"]) .comms-contact,
body:not([data-theme="dark"]) .comms-contact.group{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body:not([data-theme="dark"]) .comms-contact.active,
body:not([data-theme="dark"]) .comms-contact.group.active{
  border:0!important;
  background:color-mix(in srgb,var(--blue) 5%,var(--surface-2))!important;
  box-shadow:none!important;
}

/* Dark mode same flat behavior */
body[data-theme="dark"] .comms-contact,
body[data-theme="dark"] .comms-contact.group{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body[data-theme="dark"] .comms-contact.active,
body[data-theme="dark"] .comms-contact.group.active{
  border:0!important;
  background:color-mix(in srgb,var(--blue) 7%,var(--surface-2))!important;
  box-shadow:none!important;
}

/* Keep group spacing balanced, but visually flat */
.comms-group-stack .avatar{
  box-shadow:none!important;
}

/* The large messages container remains the only elevated card */
.comms-layout{
  border:0!important;
  box-shadow:0 18px 48px rgba(24,42,73,.075)!important;
}
body[data-theme="dark"] .comms-layout{
  border:0!important;
  box-shadow:0 20px 52px rgba(0,0,0,.20)!important;
}


/* =========================================================
   STAGE 64 — Incoming messages clearly highlighted
   Conversation list stays flat; only message bubbles are emphasized.
   ========================================================= */

/* Incoming message */
.comms-message.other .comms-bubble{
  background:color-mix(in srgb,var(--surface-2) 82%,var(--surface-solid))!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 8px 20px rgba(27,43,72,.06)!important;
  border-radius:16px 16px 16px 6px!important;
  padding:11px 13px!important;
  color:var(--text)!important;
}

/* Keep the text comfortably readable */
.comms-message.other .comms-bubble{
  font-size:12px!important;
  line-height:1.55!important;
}

/* Time remains secondary */
.comms-message.other .comms-msg-time{
  margin-top:5px!important;
  color:var(--muted)!important;
  opacity:.8!important;
}

/* Own messages remain the orange BECAL bubble */
.comms-message.me .comms-bubble{
  background:linear-gradient(145deg,#ff7130,#ef571a)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 20px rgba(239,82,24,.12)!important;
}

/* Dark mode */
body[data-theme="dark"] .comms-message.other .comms-bubble{
  background:color-mix(in srgb,var(--surface-2) 86%,var(--surface-solid))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
}


/* =========================================================
   STAGE 65 — Messages + Meetings Pro
   Advanced messages workspace with chat, voice notes,
   group info and meeting scheduling, while keeping the
   overall BECAL visual language.
   ========================================================= */

.messages-v2{
  display:grid !important;
  grid-template-columns:320px minmax(0,1fr) 300px !important;
  min-height:760px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:color-mix(in srgb,var(--surface-solid) 95%,transparent) !important;
  box-shadow:0 18px 46px rgba(27,43,72,.06) !important;
}

.msg-sidebar,
.msg-chat,
.msg-info{
  min-width:0;
}

.msg-sidebar{
  background:color-mix(in srgb,var(--surface-solid) 98%,transparent) !important;
  border-inline-end:1px solid var(--line) !important;
  padding:18px 16px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}

.msg-side-top{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.msg-side-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.msg-side-title h3{
  margin:0;
  font-size:15px;
  line-height:1.1;
  letter-spacing:-.02em;
}

.msg-search{
  height:42px;
  border:0;
  border-radius:14px;
  background:var(--surface-2);
  padding:0 14px;
  font-size:12px;
  color:var(--text);
  outline:none;
}

.msg-search::placeholder{color:var(--muted)}

.msg-online-strip{
  display:flex;
  align-items:center;
  gap:10px;
  overflow:auto;
  padding-bottom:2px;
}

.msg-online-person{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  min-width:50px;
  color:var(--text);
  text-decoration:none;
  font-size:12px;
}

.msg-online-avatar{
  position:relative;
  width:44px;
  height:44px;
}
.msg-online-avatar .avatar{
  width:44px !important;
  height:44px !important;
}
.msg-online-avatar .presence-dot{
  width:12px !important;
  height:12px !important;
  right:0 !important;
  bottom:0 !important;
  border-width:2px !important;
}

.msg-list-wrap{
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:auto;
  gap:6px;
  padding-right:2px;
}

.msg-side-section{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:4px;
  padding:0 4px;
}
.msg-side-section span{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:700;
}
.msg-side-section button{
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:12px;
  cursor:pointer;
}

.msg-contact{
  width:100%;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:16px !important;
  padding:11px 10px !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  text-align:start !important;
  cursor:pointer !important;
  transition:.18s var(--ease) !important;
  color:inherit !important;
}
.msg-contact:hover{
  background:color-mix(in srgb,var(--surface-2) 72%,var(--surface-solid)) !important;
}
.msg-contact.active{
  background:color-mix(in srgb,#f36a25 8%,var(--surface-2)) !important;
}
.msg-contact.group{
  grid-template-columns:74px minmax(0,1fr) auto !important;
}
.msg-contact .presence-avatar,
.msg-contact .msg-presence-avatar{
  width:46px;
  height:46px;
  position:relative;
}
.msg-contact .presence-avatar .avatar,
.msg-contact .msg-presence-avatar .avatar{
  width:46px !important;
  height:46px !important;
}
.msg-contact .msg-presence-avatar .presence-dot{
  width:12px !important;
  height:12px !important;
  right:-1px !important;
  bottom:-1px !important;
  border-width:2px !important;
}

.msg-contact-copy{
  min-width:0;
}
.msg-contact-copy b{
  display:block;
  font-size:12px !important;
  line-height:1.14;
  letter-spacing:-.018em;
}
.msg-contact-copy span{
  display:block;
  margin-top:4px;
  font-size:12px !important;
  line-height:1.35;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.msg-contact-state{
  font-size:12px !important;
  line-height:1;
  color:var(--muted);
  white-space:nowrap;
  padding-left:6px;
  align-self:flex-start;
  padding-top:3px;
}
.msg-contact-state.online{
  color:#18ab62;
  font-weight:700;
}

.group-stack{
  display:flex !important;
  align-items:center !important;
  width:74px !important;
  height:46px !important;
  overflow:visible !important;
}
.group-stack .avatar{
  width:36px !important;
  height:36px !important;
  margin-left:-12px !important;
  border:2px solid var(--surface-solid) !important;
  box-shadow:none !important;
}
.group-stack .avatar:first-child{margin-left:0 !important;}

.msg-chat{
  background:color-mix(in srgb,var(--surface-solid) 96%,transparent);
  display:flex;
  flex-direction:column;
  min-width:0;
}

.msg-chat-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:18px 20px !important;
  border-bottom:1px solid var(--line) !important;
  background:color-mix(in srgb,var(--surface-solid) 96%,transparent) !important;
}

.msg-chat-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.chat-avatar-wrap{
  width:50px;height:50px;position:relative;flex:0 0 auto;
}
.chat-avatar-wrap .avatar{width:50px!important;height:50px!important}
.chat-avatar-wrap .presence-dot{
  width:13px!important;height:13px!important;right:1px!important;bottom:1px!important;border-width:2px!important
}
.msg-chat-main > .group-stack{
  width:88px !important;
  height:50px !important;
}
.msg-chat-main > .group-stack .avatar{
  width:42px !important;
  height:42px !important;
  margin-left:-12px !important;
}

.chat-title{
  min-width:0;
}
.chat-title b{
  display:block;
  font-size:14px;
  line-height:1.1;
  letter-spacing:-.02em;
}
.chat-title span{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:var(--muted);
}

.msg-chat-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.msg-soft-icon,
.msg-chat-actions .msg-call{
  width:38px;
  height:38px;
  border:0;
  border-radius:12px;
  background:var(--surface-2);
  color:var(--text);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.18s var(--ease);
}
.msg-soft-icon:hover,
.msg-chat-actions .msg-call:hover{transform:translateY(-1px)}
.msg-chat-actions .msg-call.meeting{
  background:linear-gradient(145deg,#ff7432,#ef5519);
  color:#fff;
  box-shadow:0 10px 22px rgba(239,82,24,.18);
}

.msg-toolbar-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 20px 0;
}
.msg-tab{
  border:0;
  border-radius:12px;
  padding:10px 14px;
  background:transparent;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.msg-tab.active{
  background:color-mix(in srgb,#f36a25 8%,var(--surface-2));
  color:#f06320;
}

.msg-chat-body{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
}

.msg-thread{
  flex:1 !important;
  min-height:0 !important;
  overflow:auto !important;
  padding:18px 20px 8px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-solid) 97%,transparent),color-mix(in srgb,var(--surface-2) 18%,var(--surface-solid))) !important;
}

.msg-day-divider{
  align-self:center;
  font-size:12px;
  color:var(--muted);
  background:color-mix(in srgb,var(--surface-solid) 92%,transparent);
  border-radius:999px;
  padding:6px 10px;
}

.comms-message{
  display:flex;
  gap:10px;
  align-items:flex-end;
  max-width:86%;
}
.comms-message.me{
  align-self:flex-end;
  flex-direction:row-reverse;
}
.comms-message .avatar{
  width:34px !important;
  height:34px !important;
  flex:0 0 auto;
}
.comms-stack{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.comms-author{
  font-size:12px;
  color:var(--muted);
  padding:0 2px;
}
.comms-bubble{
  border-radius:16px 16px 16px 7px;
  padding:12px 14px;
  font-size:10.8px;
  line-height:1.55;
  background:color-mix(in srgb,var(--surface-2) 80%,var(--surface-solid));
  color:var(--text);
  box-shadow:0 8px 18px rgba(27,43,72,.06);
}
.comms-message.me .comms-bubble{
  background:linear-gradient(145deg,#ff7432,#ef5519);
  color:#fff;
  border-radius:16px 16px 7px 16px;
  box-shadow:0 10px 22px rgba(239,82,24,.18);
}
.comms-meta{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  color:var(--muted);
  padding:0 2px;
}
.comms-message.me .comms-meta{
  justify-content:flex-end;
}
.comms-meta .ok{
  color:#20b96f;
  font-weight:700;
}

.msg-poll{
  margin-top:10px;
  display:grid;
  gap:8px;
}
.msg-poll-row{
  display:grid;
  grid-template-columns:86px 1fr 38px;
  align-items:center;
  gap:8px;
  font-size:12px;
}
.msg-poll-bar{
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:color-mix(in srgb,var(--surface-2) 82%,var(--surface-solid));
}
.msg-poll-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2f80ed,#1d63dc);
}

.msg-compose{
  padding:14px 20px 18px !important;
  border-top:1px solid var(--line) !important;
  background:color-mix(in srgb,var(--surface-solid) 97%,transparent);
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  gap:10px !important;
  align-items:center !important;
}
.msg-compose input{
  height:44px;
  border:0;
  border-radius:14px;
  padding:0 14px;
  background:var(--surface-2);
  color:var(--text);
  font-size:11px;
  outline:none;
}
.msg-compose .btn{
  height:44px;
  border-radius:14px;
  padding:0 16px;
  font-size:12px;
  font-weight:700;
}
.msg-compose .btn.ghost{
  background:var(--surface-2);
  color:var(--text);
}

.msg-meetings,
.msg-voice{
  padding:18px 20px 18px;
  overflow:auto;
  display:grid;
  gap:14px;
}
.meeting-hero{
  background:linear-gradient(135deg,#10203e,#17305d 58%,#1f4f89);
  border-radius:22px;
  padding:18px;
  color:#fff;
  box-shadow:0 18px 36px rgba(14,29,58,.18);
}
.meeting-hero-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.meeting-hero-copy h3{
  margin:0;
  font-size:16px;
  line-height:1.1;
}
.meeting-hero-copy p{
  margin:8px 0 0;
  font-size:12px;
  line-height:1.55;
  color:rgba(255,255,255,.82);
}
.meeting-actions{
  display:flex;
  gap:8px;
  margin-top:16px;
  flex-wrap:wrap;
}
.meeting-actions button{
  height:40px;
  border:0;
  border-radius:13px;
  padding:0 14px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.meeting-actions .primary{
  background:#fff;
  color:#15305d;
}
.meeting-actions .soft{
  background:rgba(255,255,255,.14);
  color:#fff;
  backdrop-filter:blur(10px);
}
.meeting-preview{
  display:grid;
  grid-template-columns:1fr 168px;
  gap:14px;
  margin-top:16px;
}
.meeting-stage{
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
  min-height:240px;
  padding:16px;
  position:relative;
  overflow:hidden;
}
.meeting-stage::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.10),transparent 26%);
}
.meeting-camera{
  position:absolute;
  inset:16px 16px 62px 16px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.06));
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:14px;
}
.meeting-camera .camera-person{
  width:88px;
  height:88px;
  border-radius:24px;
  background:linear-gradient(145deg,#ffb27b,#f36a25);
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
.meeting-controls{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.meeting-control{
  width:40px;height:40px;border-radius:50%;
  border:0;background:rgba(255,255,255,.16);color:#fff;
  display:grid;place-items:center;backdrop-filter:blur(12px);
}
.meeting-control.end{background:#ef5358}
.meeting-side-mini{
  display:grid;
  gap:10px;
}
.participant-tile{
  border-radius:16px;
  background:rgba(255,255,255,.12);
  padding:10px;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:56px;
}
.participant-tile .avatar{width:36px!important;height:36px!important}
.participant-tile b{display:block;font-size:12px;line-height:1.2}
.participant-tile span{display:block;font-size:11px;color:rgba(255,255,255,.76)}

.meeting-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.meeting-card{
  background:var(--surface-2);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 24px rgba(27,43,72,.04);
}
.meeting-card h4{
  margin:0;
  font-size:12px;
  line-height:1.2;
}
.meeting-card p{
  margin:7px 0 0;
  font-size:12px;
  line-height:1.55;
  color:var(--muted);
}
.meeting-link{
  margin-top:12px;
  padding:10px 12px;
  border-radius:12px;
  background:color-mix(in srgb,var(--surface-solid) 78%,var(--surface-2));
  font-size:12px;
  color:var(--text);
  word-break:break-all;
}
.meeting-row-actions{
  display:flex;
  gap:8px;
  margin-top:12px;
  flex-wrap:wrap;
}
.meeting-row-actions button{
  height:34px;
  border-radius:12px;
  border:0;
  padding:0 12px;
  font-size:12px;
  cursor:pointer;
  background:var(--surface-solid);
  color:var(--text);
}
.meeting-row-actions .accent{
  background:color-mix(in srgb,#f36a25 9%,var(--surface-solid));
  color:#e85e22;
}

.voice-card{
  background:var(--surface-2);
  border-radius:18px;
  padding:15px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.voice-main{
  display:flex;align-items:center;gap:12px;min-width:0;
}
.voice-play{
  width:42px;height:42px;border-radius:50%;border:0;
  background:linear-gradient(145deg,#ff7432,#ef5519);color:#fff;
  display:grid;place-items:center;cursor:pointer;flex:0 0 auto;
}
.voice-copy{min-width:0}
.voice-copy b{display:block;font-size:11px;line-height:1.2}
.voice-copy span{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
.voice-wave{
  flex:1;
  height:8px;
  min-width:140px;
  border-radius:999px;
  background:repeating-linear-gradient(90deg,color-mix(in srgb,#2f80ed 70%,transparent) 0 6px,transparent 6px 11px);
  opacity:.5;
}
.voice-time{font-size:12px;color:var(--muted)}

.msg-info{
  background:color-mix(in srgb,var(--surface-solid) 97%,transparent);
  border-inline-start:1px solid var(--line);
  padding:18px 18px 16px;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.msg-info-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.msg-info-head h4{
  margin:0;
  font-size:13px;
  letter-spacing:-.02em;
}
.msg-info-card{
  background:var(--surface-2);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 24px rgba(27,43,72,.04);
}
.msg-info-center{
  text-align:center;
}
.msg-info-center .avatar{
  width:62px !important;
  height:62px !important;
  margin:0 auto 10px;
}
.msg-info-center .group-stack{
  justify-content:center;
  width:auto !important;
  height:auto !important;
  margin-bottom:10px;
}
.msg-info-center b{
  display:block;
  font-size:13px;
  line-height:1.2;
}
.msg-info-center span{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:var(--muted);
  line-height:1.45;
}
.msg-quick-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.msg-quick-stats .mini{
  background:color-mix(in srgb,var(--surface-solid) 72%,var(--surface-2));
  border-radius:14px;
  padding:10px 8px;
  text-align:center;
}
.msg-quick-stats .mini b{
  display:block;
  font-size:11px;
}
.msg-quick-stats .mini span{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:var(--muted);
}

.info-list{
  display:grid;
  gap:10px;
}
.info-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.info-item b{
  display:block;
  font-size:12px;
}
.info-item span{
  display:block;
  margin-top:4px;
  font-size:12px;
  line-height:1.45;
  color:var(--muted);
}
.info-chip{
  padding:7px 10px;
  border-radius:999px;
  background:color-mix(in srgb,#20bd70 10%,var(--surface-solid));
  color:#17a861;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

.msg-mini-files{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.msg-file{
  display:flex;
  align-items:center;
  gap:10px;
  background:color-mix(in srgb,var(--surface-solid) 78%,var(--surface-2));
  border-radius:14px;
  padding:10px;
}
.msg-file .ico{
  width:34px;height:34px;border-radius:10px;
  background:color-mix(in srgb,#2f80ed 12%,var(--surface-solid));
  color:#2f80ed;
  display:grid;place-items:center;
  font-size:12px;font-weight:700;
  flex:0 0 auto;
}
.msg-file b{display:block;font-size:12px;line-height:1.3}
.msg-file span{display:block;margin-top:3px;font-size:11px;color:var(--muted)}

.msg-meeting-shortcut{
  display:grid;
  gap:10px;
}
.msg-meeting-shortcut button{
  height:40px;
  border:0;
  border-radius:14px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.msg-meeting-shortcut .primary{
  background:linear-gradient(145deg,#ff7432,#ef5519);
  color:#fff;
  box-shadow:0 10px 22px rgba(239,82,24,.14);
}
.msg-meeting-shortcut .secondary{
  background:var(--surface-solid);
  color:var(--text);
}

body[data-theme="dark"] .messages-v2{
  box-shadow:0 18px 46px rgba(0,0,0,.26) !important;
}
body[data-theme="dark"] .msg-contact:hover,
body[data-theme="dark"] .msg-contact.active{
  background:color-mix(in srgb,var(--surface-2) 92%,var(--surface-solid)) !important;
}
body[data-theme="dark"] .comms-bubble{
  background:color-mix(in srgb,var(--surface-2) 92%,var(--surface-solid));
  box-shadow:0 10px 22px rgba(0,0,0,.22);
}
body[data-theme="dark"] .meeting-card,
body[data-theme="dark"] .msg-info-card,
body[data-theme="dark"] .voice-card{
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

@media (max-width:1380px){
  .messages-v2{grid-template-columns:300px minmax(0,1fr) 270px !important;}
}
@media (max-width:1120px){
  .messages-v2{grid-template-columns:280px minmax(0,1fr) !important;}
  .msg-info{display:none !important;}
}
@media (max-width:820px){
  .messages-v2{grid-template-columns:1fr !important;min-height:980px !important;}
  .msg-sidebar{border-inline-end:0 !important;border-bottom:1px solid var(--line) !important;}
  .meeting-preview,.meeting-grid{grid-template-columns:1fr !important;}
}


/* =========================================================
   STAGE 67 — Messages refinement
   Smaller, cleaner scale + proper double-check read indicator
   ========================================================= */

/* Overall proportions */
#app .comms-layout{
  grid-template-columns:310px minmax(0,1fr) 300px!important;
  gap:14px!important;
}
#app .comms-sidebar,
#app .comms-chat,
#app .meeting-rail{
  border-radius:24px!important;
}
#app .comms-sidebar{
  padding:16px!important;
  min-height:720px!important;
}
#app .comms-chat,
#app .meeting-rail{
  min-height:720px!important;
}

/* Search: compact and balanced */
#app .comms-side-head{
  margin-bottom:10px!important;
}
#app .comms-side-head b{
  font-size:16px!important;
  line-height:1.1!important;
}
#app .comms-searchbar{
  height:42px!important;
  padding:0 12px!important;
  gap:8px!important;
  border-radius:13px!important;
  margin-bottom:12px!important;
}
#app .comms-searchbar svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  stroke-width:1.6!important;
}
#app .comms-searchbar input{
  font-size:11.2px!important;
}

/* Online strip */
#app .comms-top-online b,
#app .comms-top-online span{
  font-size:12px!important;
}
#app .comms-online-pill{
  min-width:50px!important;
  gap:5px!important;
}
#app .comms-online-avatar,
#app .comms-online-avatar .avatar{
  width:40px!important;
  height:40px!important;
}
#app .comms-online-pill span{
  font-size:11px!important;
}

/* Conversation rows */
#app .comms-section-title{
  font-size:12px!important;
  margin:7px 2px 8px!important;
}
#app .comms-contact{
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:15px!important;
}
#app .comms-contact.group{
  grid-template-columns:44px minmax(0,1fr) auto!important;
}
#app .comms-contact .msg-presence-avatar,
#app .comms-contact .msg-presence-avatar>.avatar{
  width:44px!important;
  height:44px!important;
}
#app .comms-group-logo{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  font-size:12px!important;
}
#app .comms-contact-copy b{
  font-size:12.8px!important;
  line-height:1.15!important;
}
#app .comms-contact-copy span{
  margin-top:3px!important;
  font-size:12px!important;
}
#app .comms-contact-state{
  font-size:11px!important;
}

/* Proper double-check read indicator */
#app .read-bars{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  height:12px!important;
}
#app .read-bars i{
  width:auto!important;
  height:auto!important;
  display:block!important;
  transform:none!important;
  background:transparent!important;
  font-style:normal!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#c5ccd8!important;
  margin-left:-2px!important;
}
#app .read-bars i::before{
  content:"✓";
}
#app .read-bars i:first-child{
  margin-left:0!important;
}
#app .read-bars.read i{
  color:#2f80ed!important;
}
#app .read-bars.unread i{
  color:#c5ccd8!important;
}

/* Chat header */
#app .comms-chat-head{
  padding:15px 18px!important;
}
#app .comms-chat-head .chat-avatar-wrap,
#app .comms-chat-head .chat-avatar-wrap .avatar{
  width:48px!important;
  height:48px!important;
}
#app .comms-chat-title b{
  font-size:16px!important;
}
#app .comms-chat-title span{
  font-size:12px!important;
}
#app .comms-chat-actions{
  gap:8px!important;
}
#app .comms-chat-action{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}
#app .comms-chat-action svg{
  width:16px!important;
  height:16px!important;
}

/* Message bubbles */
#app .comms-thread{
  padding:20px 18px 14px!important;
  gap:12px!important;
}
#app .comms-bubble{
  padding:11px 13px!important;
  border-radius:16px 16px 16px 7px!important;
  min-width:120px!important;
}
#app .comms-message.me .comms-bubble{
  border-radius:16px 16px 7px 16px!important;
}
#app .comms-text{
  font-size:11.8px!important;
  line-height:1.55!important;
}
#app .comms-meta{
  font-size:12px!important;
}

/* Double check in sent-message metadata too */
#app .comms-meta .msg-read{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
}
#app .comms-meta .msg-read i{
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  transform:none!important;
  font-style:normal!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  margin-left:-2px!important;
  color:currentColor!important;
}
#app .comms-meta .msg-read i::before{
  content:"✓";
}
#app .comms-meta .msg-read i:first-child{
  margin-left:0!important;
}

/* Composer */
#app .comms-compose-wrap{
  padding:14px 18px 17px!important;
}
#app .comms-compose{
  grid-template-columns:minmax(0,1fr) 42px 42px!important;
  gap:8px!important;
}
#app .comms-compose textarea{
  min-height:46px!important;
  padding:12px 14px!important;
  font-size:11.5px!important;
}
#app .comms-compose-btn{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
}

/* Meetings panel */
#app .meeting-rail{
  padding:16px!important;
}
#app .meeting-rail-head{
  margin-bottom:12px!important;
}
#app .meeting-rail-head b{
  font-size:16px!important;
}
#app .meeting-rail-head span{
  font-size:12px!important;
  line-height:1.4!important;
}
#app .meeting-create{
  height:40px!important;
  padding:0 13px!important;
  gap:7px!important;
  font-size:12px!important;
}
#app .meeting-create svg{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  stroke-width:1.7!important;
}
#app .meeting-hero{
  padding:15px!important;
  border-radius:19px!important;
}
#app .meeting-hero h4{
  font-size:15px!important;
}
#app .meeting-hero p{
  font-size:12px!important;
}
#app .meeting-hero-actions button{
  height:35px!important;
  padding:0 11px!important;
  font-size:12px!important;
}
#app .meeting-capabilities{
  gap:8px!important;
}
#app .meeting-cap{
  padding:10px!important;
  border-radius:13px!important;
}
#app .meeting-cap b{
  font-size:12px!important;
}
#app .meeting-cap span{
  font-size:11px!important;
}
#app .meeting-card{
  padding:13px!important;
  border-radius:16px!important;
}
#app .meeting-cal{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
}
#app .meeting-cal strong{
  font-size:15px!important;
}
#app .meeting-cal span{
  font-size:11px!important;
}
#app .meeting-card-copy b{
  font-size:12.5px!important;
}
#app .meeting-card-copy span{
  font-size:12px!important;
}
#app .meeting-card-actions button{
  height:32px!important;
  padding:0 10px!important;
  font-size:12px!important;
}

/* Top-right page action: make Create Meeting icon readable */
#app .comms-actions .btn.primary{
  min-height:40px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:12px!important;
  font-weight:720!important;
}
#app .comms-actions .btn.primary svg{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  stroke-width:1.7!important;
  color:currentColor!important;
}

/* Responsive */
@media(max-width:1350px){
  #app .comms-layout{
    grid-template-columns:290px minmax(0,1fr) 285px!important;
  }
}


/* =========================================================
   STAGE 68 — Proper double-check read status + phone call icon
   + remove orange glow/shadow from orange UI elements
   ========================================================= */

/* Proper double-check icon */
#app .read-check-icon{
  width:22px!important;
  height:14px!important;
  display:block!important;
  overflow:visible!important;
}

#app .read-check-icon path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.85!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

#app .read-check-icon.read{
  color:#2f80ed!important;
}

#app .read-check-icon.unread{
  color:#c6cedb!important;
}

/* Read-status wrapper no longer uses faux bars/text checks */
#app .read-bars,
#app .comms-meta .msg-read{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:14px!important;
  gap:0!important;
}

#app .read-bars i,
#app .comms-meta .msg-read i{
  display:none!important;
}

/* Top call / meeting controls */
#app .comms-chat-action svg{
  width:17px!important;
  height:17px!important;
  stroke-width:1.65!important;
}

/* Remove orange glow/drop-shadow from orange surfaces in Messages/Meetings */
#app .comms-chat-action.primary,
#app .comms-compose-btn.send,
#app .meeting-create,
#app .meeting-hero-actions .soft,
#app .meeting-card-actions .primary,
#app .comms-actions .btn.primary{
  box-shadow:none!important;
  filter:none!important;
}

/* Keep orange appearance clean, flat and premium */
#app .comms-chat-action.primary{
  background:color-mix(in srgb,#f36a25 12%,var(--surface-2))!important;
  color:#ef6124!important;
}

#app .meeting-create,
#app .comms-compose-btn.send,
#app .comms-actions .btn.primary{
  background:#f36a25!important;
  color:#fff!important;
}

/* No orange halo on hover either */
#app .comms-chat-action.primary:hover,
#app .meeting-create:hover,
#app .comms-compose-btn.send:hover,
#app .comms-actions .btn.primary:hover{
  box-shadow:none!important;
  filter:none!important;
}


/* ===== Stage 66 — Messages & Meetings full redesign ===== */
#app .comms-page .page-head-copy h1{font-size:26px!important}
#app .comms-layout{
  display:grid!important;
  grid-template-columns:340px minmax(0,1fr) 320px!important;
  gap:18px!important;
  align-items:stretch!important;
}
#app .comms-sidebar,
#app .comms-chat,
#app .meeting-rail{
  border:0!important;
  border-radius:28px!important;
  background:var(--surface-solid)!important;
  box-shadow:0 18px 42px rgba(27,43,72,.06)!important;
}
#app .comms-sidebar{
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:760px!important;
  overflow:hidden!important;
}
#app .comms-side-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important}
#app .comms-side-head b{font-size:22px!important;letter-spacing:-.03em!important;color:var(--text)!important}
#app .comms-mini-btn{width:40px!important;height:40px!important;border-radius:14px!important;border:0!important;background:var(--surface-2)!important;display:grid!important;place-items:center!important;color:var(--text)!important;box-shadow:none!important}
#app .comms-searchbar{display:flex!important;align-items:center!important;gap:10px!important;height:48px!important;padding:0 14px!important;border-radius:15px!important;background:var(--surface-2)!important;margin-bottom:14px!important;color:var(--muted)!important}
#app .comms-searchbar input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;color:var(--text)!important;font-size:13px!important}
#app .comms-top-online{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:2px 0 10px!important}
#app .comms-top-online b{font-size:11px!important;color:var(--muted)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.14em!important}
#app .comms-top-online span{font-size:11px!important;color:var(--muted)!important}
#app .comms-online-strip{display:flex!important;gap:10px!important;overflow:auto!important;padding-bottom:8px!important;margin-bottom:12px!important}
#app .comms-online-pill{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;background:transparent!important;border:0!important;min-width:56px!important;cursor:pointer!important}
#app .comms-online-pill .avatar{width:46px!important;height:46px!important;box-shadow:none!important}
#app .comms-online-pill span{font-size:12px!important;color:var(--muted)!important;white-space:nowrap!important}
#app .comms-online-avatar{position:relative!important}
#app .comms-online-avatar .presence-dot{width:12px!important;height:12px!important;right:0!important;bottom:0!important;border:2px solid var(--surface-solid)!important;background:#24c46b!important;position:absolute!important;border-radius:999px!important}
#app .comms-section-title{font-size:11px!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-weight:700!important;margin:8px 2px 10px!important}
#app .comms-list{display:flex!important;flex-direction:column!important;gap:6px!important;overflow:auto!important;padding-right:2px!important}
#app .comms-contact{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:13px 14px!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#app .comms-contact:hover{background:color-mix(in srgb,var(--surface-2) 78%,var(--surface-solid))!important}
#app .comms-contact.active{background:color-mix(in srgb,var(--surface-2) 82%,var(--surface-solid))!important}
#app .comms-contact.group{grid-template-columns:50px minmax(0,1fr) auto!important}
#app .comms-contact .msg-presence-avatar{width:50px!important;height:50px!important;position:relative!important}
#app .comms-contact .msg-presence-avatar>.avatar{width:50px!important;height:50px!important;box-shadow:none!important}
#app .comms-contact .presence-dot{width:13px!important;height:13px!important;right:1px!important;bottom:1px!important;border:2px solid var(--surface-solid)!important;background:#24c46b!important;position:absolute!important;border-radius:999px!important}
#app .comms-group-logo{width:50px!important;height:50px!important;border-radius:16px!important;display:grid!important;place-items:center!important;font-weight:800!important;font-size:14px!important;letter-spacing:-.02em!important;color:#fff!important;background:linear-gradient(145deg,#2f80ed,#1a5dda)!important;box-shadow:none!important}
#app .comms-group-logo.orange{background:linear-gradient(145deg,#ff7f3c,#ef5a1d)!important}
#app .comms-group-logo.purple{background:linear-gradient(145deg,#8f68ff,#7150ef)!important}
#app .comms-contact-copy{min-width:0!important}
#app .comms-contact-copy b{display:block!important;font-size:18px!important;line-height:1.1!important;letter-spacing:-.03em!important;color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#app .comms-contact-copy span{display:block!important;margin-top:5px!important;color:var(--muted)!important;font-size:12.6px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#app .comms-contact-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:8px!important;padding-left:10px!important}
#app .comms-contact-state{font-size:12px!important;color:var(--muted)!important;white-space:nowrap!important}
#app .comms-contact-state.online{color:#19af64!important;font-weight:700!important}
#app .read-bars{display:inline-flex!important;align-items:center!important;gap:3px!important}
#app .read-bars i{width:11px!important;height:2px!important;border-radius:999px!important;background:#c9d2e2!important;display:block!important;transform:rotate(-46deg)!important;transform-origin:center!important}
#app .read-bars.read i{background:#2f80ed!important}
#app .read-bars.unread i{background:#d2d8e4!important}
#app .comms-chat{display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:760px!important}
#app .comms-chat-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:18px 22px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:var(--surface-solid)!important}
#app .comms-chat-main{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
#app .comms-chat-head .chat-avatar-wrap{width:54px!important;height:54px!important;position:relative!important;flex:0 0 auto!important}
#app .comms-chat-head .chat-avatar-wrap .avatar{width:54px!important;height:54px!important}
#app .comms-chat-head .chat-avatar-wrap .presence-dot{width:13px!important;height:13px!important;right:2px!important;bottom:2px!important;border:2px solid var(--surface-solid)!important;background:#24c46b!important;position:absolute!important;border-radius:999px!important}
#app .comms-chat-title{min-width:0!important}
#app .comms-chat-title b{display:block!important;font-size:22px!important;line-height:1.1!important;letter-spacing:-.03em!important}
#app .comms-chat-title span{display:block!important;margin-top:5px!important;color:var(--muted)!important;font-size:13px!important;line-height:1.35!important}
#app .comms-chat-actions{display:flex!important;align-items:center!important;gap:10px!important}
#app .comms-chat-action{width:42px!important;height:42px!important;border-radius:14px!important;border:0!important;background:var(--surface-2)!important;color:var(--text)!important;display:grid!important;place-items:center!important;box-shadow:none!important}
#app .comms-chat-action.primary{background:linear-gradient(145deg,#ff7f3c,#ef5a1d)!important;color:#fff!important;box-shadow:0 12px 24px rgba(239,90,29,.18)!important}
#app .comms-thread{flex:1!important;overflow:auto!important;padding:24px 22px 18px!important;display:flex!important;flex-direction:column!important;gap:14px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-solid) 96%,transparent),color-mix(in srgb,var(--surface-2) 18%,var(--surface-solid)))!important}
#app .comms-date-separator{align-self:center!important;padding:7px 12px!important;border-radius:999px!important;background:color-mix(in srgb,var(--surface-solid) 92%,transparent)!important;font-size:11px!important;color:var(--muted)!important}
#app .comms-message{display:flex!important;gap:10px!important;align-items:flex-end!important;max-width:82%!important}
#app .comms-message.other{align-self:flex-start!important}
#app .comms-message.me{align-self:flex-end!important;flex-direction:row-reverse!important}
#app .comms-message-avatar .avatar{width:34px!important;height:34px!important;box-shadow:none!important}
#app .comms-bubble{padding:14px 16px!important;border-radius:18px 18px 18px 8px!important;background:var(--surface-solid)!important;box-shadow:0 10px 24px rgba(27,43,72,.07)!important;display:flex!important;flex-direction:column!important;gap:9px!important;min-width:140px!important}
#app .comms-message.me .comms-bubble{border-radius:18px 18px 8px 18px!important;background:linear-gradient(145deg,#2f80ed,#1a5dda)!important;color:#fff!important;box-shadow:0 14px 26px rgba(35,97,211,.18)!important}
#app .comms-text{font-size:14px!important;line-height:1.62!important;color:inherit!important}
#app .comms-meta{display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-end!important;font-size:11px!important;color:var(--muted)!important}
#app .comms-message.me .comms-meta{color:rgba(255,255,255,.82)!important}
#app .comms-meta .msg-read{display:inline-flex!important;align-items:center!important;gap:4px!important}
#app .comms-meta .msg-read i{width:9px!important;height:2px!important;border-radius:999px!important;background:currentColor!important;display:block!important;transform:rotate(-46deg)!important;opacity:.92!important}
#app .comms-meeting-card{display:flex!important;flex-direction:column!important;gap:10px!important;background:color-mix(in srgb,var(--surface-2) 52%,var(--surface-solid))!important;padding:12px!important;border-radius:14px!important}
#app .comms-meeting-card h4{margin:0!important;font-size:15px!important;line-height:1.2!important}
#app .comms-meeting-card p{margin:0!important;font-size:12px!important;line-height:1.45!important;color:inherit!important;opacity:.84!important}
#app .comms-meeting-msg-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
#app .comms-meeting-msg-actions button{height:34px!important;border:0!important;border-radius:12px!important;padding:0 12px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}
#app .comms-meeting-msg-actions .primary{background:#fff!important;color:#1d63dc!important}
#app .comms-audio{display:flex!important;align-items:center!important;gap:10px!important}
#app .comms-audio audio{width:230px!important;max-width:100%!important}
#app .comms-compose-wrap{padding:16px 22px 20px!important;border-top:1px solid var(--line)!important;background:var(--surface-solid)!important}
#app .comms-rec-status{display:none!important;font-size:12px!important;color:#e15c34!important;margin-bottom:10px!important;align-items:center!important;gap:8px!important}
#app .comms-rec-status.show{display:flex!important}
#app .comms-rec-dot{width:9px!important;height:9px!important;border-radius:999px!important;background:#ef5a1d!important;display:inline-block!important}
#app .comms-compose{display:grid!important;grid-template-columns:minmax(0,1fr) 46px 46px!important;gap:10px!important;align-items:end!important}
#app .comms-compose textarea{min-height:50px!important;max-height:150px!important;border:0!important;background:var(--surface-2)!important;border-radius:16px!important;padding:14px 16px!important;font-size:14px!important;line-height:1.45!important;color:var(--text)!important;resize:none!important;outline:0!important}
#app .comms-compose-btn{width:46px!important;height:46px!important;border-radius:14px!important;border:0!important;background:var(--surface-2)!important;color:var(--text)!important;display:grid!important;place-items:center!important;box-shadow:none!important}
#app .comms-compose-btn.send{background:linear-gradient(145deg,#ff7f3c,#ef5a1d)!important;color:#fff!important}
#app .comms-compose-btn.recording{background:#ef5a1d!important;color:#fff!important}
#app .meeting-rail{padding:18px!important;min-height:760px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
#app .meeting-rail-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important}
#app .meeting-rail-head b{font-size:22px!important;letter-spacing:-.03em!important;color:var(--text)!important}
#app .meeting-rail-head span{display:block!important;margin-top:4px!important;font-size:12px!important;color:var(--muted)!important;line-height:1.45!important}
#app .meeting-create{height:42px!important;padding:0 14px!important;border-radius:14px!important;border:0!important;background:linear-gradient(145deg,#ff7f3c,#ef5a1d)!important;color:#fff!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;font-weight:700!important;box-shadow:0 12px 24px rgba(239,90,29,.18)!important}
#app .meeting-hero{border-radius:22px!important;padding:18px!important;background:linear-gradient(145deg,#0f2040,#173664 58%,#1b4b82)!important;color:#fff!important;margin-bottom:16px!important;box-shadow:0 18px 36px rgba(14,29,58,.18)!important}
#app .meeting-hero h4{margin:0!important;font-size:18px!important;line-height:1.14!important}
#app .meeting-hero p{margin:8px 0 0!important;font-size:12px!important;line-height:1.6!important;color:rgba(255,255,255,.83)!important}
#app .meeting-hero-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:14px!important}
#app .meeting-hero-actions button{height:38px!important;padding:0 14px!important;border-radius:13px!important;border:0!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}
#app .meeting-hero-actions .primary{background:#fff!important;color:#173664!important}
#app .meeting-hero-actions .soft{background:rgba(255,255,255,.16)!important;color:#fff!important;backdrop-filter:blur(10px)!important}
#app .meeting-capabilities{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important}
#app .meeting-cap{background:rgba(255,255,255,.12)!important;border-radius:16px!important;padding:12px!important}
#app .meeting-cap b{display:block!important;font-size:12px!important}
#app .meeting-cap span{display:block!important;margin-top:5px!important;font-size:12px!important;color:rgba(255,255,255,.82)!important;line-height:1.45!important}
#app .meeting-list-title{margin:2px 0 10px!important;font-size:11px!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-weight:700!important}
#app .meeting-list{display:flex!important;flex-direction:column!important;gap:10px!important;overflow:auto!important;padding-right:2px!important}
#app .meeting-card{border:0!important;background:var(--surface-2)!important;border-radius:18px!important;padding:15px!important;box-shadow:none!important}
#app .meeting-card-top{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important}
#app .meeting-cal{width:52px!important;height:52px!important;border-radius:16px!important;background:var(--surface-solid)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
#app .meeting-cal strong{font-size:17px!important;line-height:1!important}
#app .meeting-cal span{font-size:12px!important;color:var(--muted)!important;margin-top:3px!important}
#app .meeting-card-copy{min-width:0!important}
#app .meeting-card-copy b{display:block!important;font-size:15px!important;line-height:1.2!important;letter-spacing:-.02em!important}
#app .meeting-card-copy span{display:block!important;margin-top:5px!important;font-size:12px!important;color:var(--muted)!important;line-height:1.42!important}
#app .meeting-card-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
#app .meeting-card-actions button{height:35px!important;border:0!important;border-radius:12px!important;padding:0 12px!important;font-size:11px!important;font-weight:700!important;background:var(--surface-solid)!important;color:var(--text)!important;cursor:pointer!important}
#app .meeting-card-actions .primary{background:color-mix(in srgb,#2f80ed 10%,var(--surface-solid))!important;color:#1e67e2!important}
#app .meeting-extra{margin-top:14px!important;padding-top:14px!important;border-top:1px dashed color-mix(in srgb,var(--muted) 22%,transparent)!important}
#app .meeting-extra b{display:block!important;font-size:12px!important;line-height:1.2!important}
#app .meeting-extra ul{margin:8px 0 0 16px!important;padding:0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.6!important}
body[data-theme="dark"] #app .comms-sidebar,
body[data-theme="dark"] #app .comms-chat,
body[data-theme="dark"] #app .meeting-rail{box-shadow:0 18px 42px rgba(0,0,0,.26)!important}
body[data-theme="dark"] #app .comms-bubble{box-shadow:0 10px 24px rgba(0,0,0,.22)!important}
@media (max-width:1350px){#app .comms-layout{grid-template-columns:300px minmax(0,1fr) 300px!important}}
@media (max-width:1180px){#app .comms-layout{grid-template-columns:300px minmax(0,1fr)!important}#app .meeting-rail{display:none!important}}
@media (max-width:840px){#app .comms-layout{grid-template-columns:1fr!important}#app .comms-sidebar{min-height:auto!important}#app .comms-chat{min-height:680px!important}}


/* =========================================================
   STAGE 70 — production UI correction pass
   ========================================================= */

/* PIN modal close button: optical + mathematical centering */
.pin-sheet-top{
  grid-template-columns:56px minmax(0,1fr) 42px!important;
  align-items:center!important;
}
.pin-close{
  width:42px!important;
  height:42px!important;
  padding:0!important;
  margin:0!important;
  align-self:center!important;
  justify-self:end!important;
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
}
.pin-close svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  stroke-width:1.8!important;
}

/* Admin Project page: equal width columns */
.projects-equal-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.projects-equal-grid>.card{
  min-width:0!important;
  width:100%!important;
}

/* Messages: bring people list back into scale with the rest of BECAL */
#app .comms-layout{
  grid-template-columns:300px minmax(0,1fr) 290px!important;
  gap:14px!important;
}
#app .comms-sidebar{
  padding:15px!important;
}
#app .comms-side-head b{
  font-size:16px!important;
}
#app .comms-searchbar{
  height:41px!important;
  border-radius:13px!important;
  margin-bottom:11px!important;
}
#app .comms-searchbar input{
  font-size:11px!important;
}
#app .comms-online-pill{
  min-width:48px!important;
  gap:4px!important;
}
#app .comms-online-pill .avatar{
  width:39px!important;
  height:39px!important;
}
#app .comms-online-pill span{
  font-size:11px!important;
}
#app .comms-section-title{
  font-size:12px!important;
  margin:7px 2px 8px!important;
}
#app .comms-contact,
#app .comms-contact.group{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:9px 8px!important;
  border-radius:14px!important;
}
#app .comms-contact .msg-presence-avatar,
#app .comms-contact .msg-presence-avatar>.avatar,
#app .comms-group-logo{
  width:40px!important;
  height:40px!important;
}
#app .comms-group-logo{
  border-radius:12px!important;
  font-size:11px!important;
}
#app .comms-contact-copy b{
  font-size:12.3px!important;
  line-height:1.14!important;
  letter-spacing:-.018em!important;
}
#app .comms-contact-copy span{
  margin-top:3px!important;
  font-size:12px!important;
  line-height:1.3!important;
}
#app .comms-contact-right{
  gap:5px!important;
  padding-left:6px!important;
}
#app .comms-contact-state{
  font-size:11px!important;
}
#app .comms-chat-head .chat-avatar-wrap,
#app .comms-chat-head .chat-avatar-wrap .avatar{
  width:46px!important;
  height:46px!important;
}
#app .comms-chat-title b{
  font-size:15px!important;
}
#app .comms-chat-title span{
  font-size:12px!important;
}

/* Meeting / group member selectors: compact instead of oversized gray cards */
.meeting-participants{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.meeting-person{
  min-height:52px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:13px!important;
  background:var(--surface-2)!important;
  gap:8px!important;
}
.meeting-person input{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
}
.meeting-person .avatar{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
}
#app .meeting-person b{
  font-size:12px!important;
  line-height:1.2!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.group-member-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.group-member-option{
  min-height:50px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:13px!important;
  background:var(--surface-2)!important;
  gap:8px!important;
}
.group-member-option input{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
}
.group-member-option .avatar{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
}
#app .group-member-option b,
#app .group-member-option span{
  font-size:12px!important;
  line-height:1.2!important;
}

/* Member projects: remove artificial vertical whitespace */
.member-project-clean{
  min-height:0!important;
  height:auto!important;
  padding:14px!important;
}
.member-project-clean-head{
  margin-bottom:0!important;
}
.member-project-clean .progress{
  margin-top:13px!important;
}
.member-project-clean .member-restricted-meta{
  margin-top:7px!important;
}
.member-project-clean .btn{
  margin-top:11px!important;
}

/* Real member dashboard */
.member-dashboard-title{
  margin-bottom:14px;
}
.member-dashboard-title h1{
  margin:0;
  font-size:24px;
  line-height:1.16;
  letter-spacing:-.035em;
}
.member-dashboard-title h1 span{
  color:#f36a25;
}
.member-dashboard-title p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.member-production-main{
  margin-top:12px;
}
.member-production-task{
  min-height:54px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border-radius:13px;
  background:var(--surface-2);
}
.member-production-task+.member-production-task{
  margin-top:7px;
}
.member-production-task b{
  display:block;
  font-size:12px;
  line-height:1.25;
}
.member-production-task span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
}
.member-production-task .pill{
  margin:0;
}
.member-production-brand{
  min-height:54px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px 9px;
  border-radius:13px;
  background:var(--surface-2);
}
.member-production-brand+.member-production-brand{
  margin-top:7px;
}
.member-production-brand img{
  width:36px;
  height:36px;
  border-radius:10px;
  object-fit:cover;
}
.member-production-brand b{
  display:block;
  font-size:12px;
}
.member-production-brand span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
}

/* Keep compact layout responsive */
@media(max-width:1100px){
  #app .comms-layout{grid-template-columns:280px minmax(0,1fr)!important}
  #app .meeting-rail{display:none!important}
  .projects-equal-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  .projects-equal-grid,
  .meeting-participants,
  .group-member-list{grid-template-columns:1fr!important}
}


/* =========================================================
   STAGE 75 — BRANDS ONLY
   Stage 70 design remains unchanged everywhere else.
   ========================================================= */

.brand-card-logo75{
  width:38px;height:38px;border-radius:50%;overflow:hidden;flex:0 0 38px;
  display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;
  background:linear-gradient(145deg,#3569d9,#76a1ff);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.65),0 5px 16px rgba(28,73,146,.15);
}
.brand-card-logo75 img{width:100%;height:100%;object-fit:cover;display:block}
.brand-card-foot75{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:9px;color:var(--muted);font-size:11px;
}
.brand-hub-link75{
  border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer;
  font-size:11px;display:inline-flex;align-items:center;gap:4px;
}
.brand-hub-link75:hover{color:var(--blue)}

.brand-edit75,
.brand-hub75{
  width:min(860px,94vw);
  max-height:86vh;
  overflow:auto;
  border-radius:24px;
  background:var(--surface-solid);
  border:1px solid var(--line);
  box-shadow:0 28px 80px rgba(9,34,80,.20);
  padding:18px;
}
.brand-hub75{width:min(980px,95vw)}
.brand-modal-head75{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  margin-bottom:16px;
}
.brand-modal-head75 h3{margin:0;font-size:16px;letter-spacing:-.025em}
.brand-modal-head75 p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.brand-modal-close75{
  width:34px;height:34px;border:0;border-radius:10px;background:var(--surface-2);
  display:grid;place-items:center;cursor:pointer;flex:0 0 34px
}

.brand-edit-main75{
  display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:start
}
.brand-logo-editor75{
  background:var(--surface-2);border-radius:18px;padding:14px;text-align:center
}
.brand-logo-preview75{
  width:88px;height:88px;border-radius:24px;margin:0 auto 10px;overflow:hidden;
  display:grid;place-items:center;background:var(--surface-solid);
  font-size:28px;font-weight:800;color:var(--blue);
}
.brand-logo-preview75 img{width:100%;height:100%;object-fit:cover}
.brand-logo-editor75 input{width:100%;font-size:11px;color:var(--muted)}
.brand-edit-fields75{display:grid;gap:12px}
.brand-field75{display:grid;gap:6px}
.brand-field75 label{
  font-size:11px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.05em
}
.brand-field75 input,.brand-field75 textarea{
  width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);
  border-radius:11px;padding:0 11px;font-size:12px
}
.brand-field75 input{height:40px}
.brand-field75 textarea{min-height:110px;padding-top:10px;resize:vertical;line-height:1.5}

.brand-people-title75{
  display:flex;align-items:end;justify-content:space-between;gap:12px;margin:18px 0 9px
}
.brand-people-title75 b{font-size:11px}
.brand-people-title75 span{font-size:11px;color:var(--muted)}
.brand-people75{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px
}
.brand-person75{
  min-height:52px;border:0;border-radius:13px;background:var(--surface-2);
  padding:8px 9px;display:grid;grid-template-columns:17px 32px minmax(0,1fr);
  align-items:center;gap:8px
}
.brand-person75 input{width:16px;height:16px;margin:0}
.brand-person75 .avatar{width:32px!important;height:32px!important;min-width:32px!important}
.brand-person75 b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-person75 span{display:block;margin-top:2px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-modal-actions75{
  display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)
}

/* Brand Hub */
.brand-drive75{
  position:sticky;top:-18px;z-index:4;
  margin:-2px -2px 16px;padding:14px;border-radius:17px;
  background:linear-gradient(145deg,var(--surface-solid),color-mix(in srgb,var(--blue3) 35%,var(--surface-solid)));
  border:1px solid var(--line);
  box-shadow:0 8px 20px rgba(32,90,172,.055);
}
.brand-drive-top75{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.brand-drive-title75{display:flex;align-items:center;gap:8px}
.brand-drive-icon75{
  width:34px;height:34px;border-radius:11px;background:var(--blue3);color:var(--blue);
  display:grid;place-items:center
}
.brand-drive-title75 b{display:block;font-size:12px}
.brand-drive-title75 span{display:block;margin-top:2px;color:var(--muted);font-size:11px}
.brand-drive-row75{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px}
.brand-drive-row75 input{
  height:40px;border:1px solid var(--line);background:var(--surface-solid);
  border-radius:11px;padding:0 11px;color:var(--text);font-size:12px
}
.brand-drive-row75 button{
  width:38px;height:40px;border:0;border-radius:11px;background:var(--surface-solid);
  display:grid;place-items:center;color:var(--blue);cursor:pointer
}

.brand-hub-grid75{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px
}
.brand-hub-section75{
  border-radius:17px;background:var(--surface-2);padding:14px
}
.brand-hub-section75 h4{margin:0 0 4px;font-size:11px}
.brand-hub-section75>p{margin:0 0 11px;color:var(--muted);font-size:11px;line-height:1.45}

.brand-products-head75{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px
}
.brand-products-count75{
  height:25px;padding:0 8px;border-radius:999px;background:var(--blue3);
  color:var(--blue);display:inline-flex;align-items:center;font-size:11px;font-weight:750
}
.brand-product75{
  display:grid;grid-template-columns:minmax(120px,.65fr) minmax(0,1.35fr) 30px;
  gap:7px;align-items:start;margin-top:7px
}
.brand-product75 input,.brand-product75 textarea{
  width:100%;border:1px solid var(--line);background:var(--surface-solid);
  border-radius:10px;color:var(--text);font-size:12px
}
.brand-product75 input{height:37px;padding:0 9px}
.brand-product75 textarea{min-height:58px;padding:8px 9px;resize:vertical;line-height:1.4}
.brand-product-remove75{
  width:30px;height:30px;border:0;border-radius:9px;background:var(--surface-solid);
  color:var(--red);display:grid;place-items:center;cursor:pointer
}
.brand-add-product75{
  margin-top:9px;height:34px;border:0;border-radius:10px;background:var(--surface-solid);
  color:var(--blue);padding:0 11px;font-size:11px;font-weight:750;cursor:pointer
}

.brand-social-grid75{display:grid;grid-template-columns:1fr;gap:8px}
.brand-social-row75{
  display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:center
}
.brand-social-row75 label{font-size:11px;font-weight:700;color:var(--muted)}
.brand-social-row75 input{
  height:38px;border:1px solid var(--line);background:var(--surface-solid);
  border-radius:10px;padding:0 9px;color:var(--text);font-size:12px
}

.brand-loading75{
  min-height:220px;display:grid;place-items:center;color:var(--muted);font-size:12px
}

@media(max-width:850px){
  .brand-edit-main75,.brand-hub-grid75{grid-template-columns:1fr}
  .brand-people75{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .brand-people75{grid-template-columns:1fr}
  .brand-product75{grid-template-columns:1fr}
  .brand-product-remove75{justify-self:end}
  .brand-social-row75{grid-template-columns:1fr}
}


/* =========================================================
   STAGE 76 — Brand edit / Brand Hub refinement
   Stage 70 remains the base design.
   ========================================================= */

/* No glow/shadow under buttons or profile avatars anywhere in the app. */
button,
.btn,
.icon-btn,
.avatar,
.member-photo-wrap .avatar,
.group-member-option .avatar,
.brand-person75 .avatar,
.brand-card-logo75,
.profile-avatar,
.top-avatar,
.sidebar-avatar{
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
button:hover,
.btn:hover,
.icon-btn:hover{
  box-shadow:none!important;
  filter:none!important;
}

/* Edit Brand: circular logo, compact pencil control, aligned with name. */
.brand-edit-main75{
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
}
.brand-logo-editor75{
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.brand-logo-preview75{
  width:82px!important;
  height:82px!important;
  border-radius:50%!important;
  margin:0 auto!important;
  background:var(--surface-2)!important;
  border:1px solid var(--line)!important;
  overflow:hidden!important;
  box-shadow:none!important;
  font-size:24px!important;
}
.brand-logo-preview75 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.brand-logo-edit-btn76{
  width:32px!important;
  height:32px!important;
  border:0!important;
  border-radius:50%!important;
  margin-top:-10px!important;
  background:var(--surface-solid)!important;
  color:var(--text)!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:2!important;
}
.brand-logo-edit-btn76:hover{
  background:var(--surface-2)!important;
}
.brand-logo-editor75 input[type="file"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.brand-edit-fields75{
  align-self:center!important;
}

/* Team options remain compact, shadow-free. */
.brand-person75{
  box-shadow:none!important;
}
.brand-person75 .avatar{
  box-shadow:none!important;
}

/* Brand Hub drive sections. */
.brand-drive75{
  box-shadow:none!important;
}
.brand-assets-drive76{
  margin-top:12px;
  border-radius:17px;
  background:var(--surface-2);
  padding:14px;
  border:0;
}
.brand-assets-drive76 .brand-drive-top75{
  margin-bottom:9px;
}
.brand-assets-drive76 .brand-drive-icon75{
  background:var(--surface-solid);
  color:var(--blue);
}
.brand-assets-drive76 .brand-drive-row75 input,
.brand-assets-drive76 .brand-drive-row75 button{
  background:var(--surface-solid);
}

/* Keep Brand Hub balanced after removing Products. */
.brand-hub-left76{
  display:grid;
  align-content:start;
  gap:12px;
}
.brand-hub-section75{
  box-shadow:none!important;
}

/* Slightly lighter overall modal depth: no glow. */
.brand-edit75,
.brand-hub75{
  box-shadow:0 16px 36px rgba(9,34,80,.10)!important;
}

@media(max-width:620px){
  .brand-edit-main75{
    grid-template-columns:1fr!important;
  }
}


/* STAGE 83 — function only. Stage 70 visual language is preserved. */

.today83-list{display:flex;flex-direction:column;gap:7px}
.today83-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) minmax(120px,.48fr) auto;
  gap:10px;align-items:center;
  min-height:64px;padding:9px 10px;
  border-radius:13px;background:var(--surface-2);
  cursor:pointer;transition:.16s ease;
}
.today83-row:hover{background:color-mix(in srgb,var(--surface-2) 82%,var(--blue3))}
.today83-person{display:flex;align-items:center;gap:8px;min-width:0}
.today83-person .avatar{width:34px!important;height:34px!important;min-width:34px!important;box-shadow:none!important}
.today83-copy{min-width:0}
.today83-copy b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.today83-copy span{display:block;margin-top:3px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.today83-assignee b{font-size:12px}
.today83-assignee span{font-size:11px;color:var(--muted)}
.today83-empty{padding:30px 14px;text-align:center;color:var(--muted);font-size:12px}
.today83-date{
  height:34px;padding:0 11px;border-radius:11px;background:var(--surface-2);
  display:inline-flex;align-items:center;color:var(--muted);font-size:12px;font-weight:700
}

.project83-card{cursor:pointer}
.project83-card:hover{background:color-mix(in srgb,var(--surface-solid) 94%,var(--blue3))}
.project83-meta{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  margin-top:9px;color:var(--muted);font-size:11px
}
.project83-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.project83-info{background:var(--surface-2);border-radius:13px;padding:11px}
.project83-info span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}
.project83-info b{font-size:12px}
.project83-description{margin:0 0 12px;padding:12px;border-radius:13px;background:var(--surface-2);font-size:12px;line-height:1.6;color:var(--muted)}
.project83-task{cursor:pointer}
.project83-member-list{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 0}
.project83-member{
  display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:11px;background:var(--surface-2);
  font-size:11px
}
.project83-member .avatar{width:27px!important;height:27px!important;min-width:27px!important;box-shadow:none!important}

@media(max-width:760px){
  .today83-row{grid-template-columns:34px minmax(0,1fr) auto}
  .today83-assignee{display:none}
  .project83-detail-grid{grid-template-columns:1fr}
}


#app:not(.hidden){height:100vh!important;min-height:0!important;overflow:hidden!important}
#app:not(.hidden) .app-frame{height:calc(100vh - 36px)!important;min-height:0!important}
#app:not(.hidden) .sidebar{height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable}
#app:not(.hidden) .main{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#app:not(.hidden) .topbar{flex:0 0 72px!important;position:relative!important;top:auto!important}
#app:not(.hidden) .page{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable}
body[data-nav="horizontal"] #app:not(.hidden) .sidebar{height:74px!important;overflow:hidden!important}
body[data-nav="horizontal"] #app:not(.hidden) .main{min-height:0!important}
@media(max-width:820px){#app:not(.hidden) .sidebar{height:64px!important}}

.brand-modal-close75{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}
.brand-modal-close75 svg{width:16px!important;height:16px!important;display:block!important}

.project84-select-shell{position:relative;width:100%}
.project84-select{width:100%!important;height:42px!important;appearance:none!important;-webkit-appearance:none!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface-2)!important;color:var(--text)!important;padding:0 38px 0 11px!important;font-size:12px!important;font-weight:600!important;outline:none!important;box-shadow:none!important;cursor:pointer!important}
html[dir="rtl"] .project84-select{padding:0 11px 0 38px!important}
.project84-select:focus,.project84-select:focus-visible{border-color:color-mix(in srgb,var(--blue) 45%,var(--line))!important;outline:none!important;box-shadow:none!important}
.project84-select-arrow{position:absolute;inset-inline-end:14px;top:50%;width:8px;height:8px;border-inline-end:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:translateY(-67%) rotate(45deg);pointer-events:none}

.project84-people-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:3px}
.project84-people-head b{font-size:12px}
.project84-people-head span{display:block;margin-top:3px;font-size:11px;color:var(--muted)}
.project84-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.project84-person{display:grid;grid-template-columns:17px 32px minmax(0,1fr);align-items:center;gap:8px;min-height:52px;padding:8px 9px;border:0;border-radius:13px;background:var(--surface-2);box-shadow:none!important}
.project84-person input{width:16px;height:16px;margin:0}
.project84-person .avatar{width:32px!important;height:32px!important;min-width:32px!important;box-shadow:none!important}
.project84-person b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project84-person span{display:block;margin-top:2px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project84-no-people{grid-column:1/-1;padding:12px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:11px;text-align:center}

@media(max-width:1050px){.project84-people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.project84-people{grid-template-columns:1fr}}

/* =========================================================
   STAGE 93
   Requested refinement only:
   1) Edit Brand becomes compact and uses two people per row.
   2) Member Workspace uses two brands per row with real logos.
   3) Close buttons are geometrically centered.
   ========================================================= */

/* ---------- EDIT BRAND ---------- */
.brand-edit75{
  width:min(720px,92vw)!important;
  max-height:84vh!important;
  padding:18px!important;
}

.brand-people-title75{
  display:block!important;
  margin:18px 0 10px!important;
}
.brand-people-title75 > div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
}
.brand-people-title75 b{
  display:block!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:var(--text)!important;
}
.brand-people-title75 span{
  display:block!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:500!important;
  color:var(--muted)!important;
}

.brand-people75{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

.brand-person75{
  min-width:0!important;
  min-height:54px!important;
  padding:8px 10px!important;
  grid-template-columns:17px 32px minmax(0,1fr)!important;
  gap:8px!important;
  border-radius:13px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
}
.brand-person75 > div{
  min-width:0!important;
}
.brand-person75 b{
  font-size:12px!important;
}
.brand-person75 span{
  font-size:11px!important;
}

/* ---------- MEMBER WORKSPACE ---------- */
.member-workspace-modal{
  width:min(640px,92vw)!important;
  padding:18px!important;
  border-radius:24px!important;
}

.member-workspace-head{
  align-items:center!important;
  margin-bottom:15px!important;
}
.member-workspace-head > .icon-btn{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  margin-inline-start:auto!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:20px!important;
  box-shadow:none!important;
}

.member-brand-title{
  margin:4px 0 9px!important;
}

.member-workspace-modal .member-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}

.member-workspace-modal .member-brand-choice{
  min-width:0!important;
  min-height:78px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  row-gap:2px!important;
  align-items:center!important;
  text-align:start!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
}
.member-workspace-modal .member-brand-choice:hover{
  transform:none!important;
  background:color-mix(in srgb,var(--surface-2) 90%,var(--blue3))!important;
  box-shadow:none!important;
}

.member-workspace-modal .member-brand-mark{
  grid-column:1!important;
  grid-row:1 / 3!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:var(--surface-solid)!important;
  border:1px solid var(--line)!important;
  font-size:12px!important;
  font-weight:800!important;
  color:var(--blue)!important;
  box-shadow:none!important;
}
.member-workspace-modal .member-brand-mark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  padding:3px!important;
}

.member-workspace-modal .member-brand-choice b{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  min-width:0!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.member-workspace-modal .member-brand-choice > span:last-child{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  margin:1px 0 0!important;
  min-width:0!important;
  font-size:11px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.member-workspace-footer{
  margin-top:12px!important;
}

/* Mobile only: one item per row. */
@media(max-width:620px){
  .brand-people75,
  .member-workspace-modal .member-brand-grid{
    grid-template-columns:1fr!important;
  }
  .brand-edit75,
  .member-workspace-modal{
    width:min(94vw,560px)!important;
  }
}


/* =========================================================
   STAGE 94 — real Admin → Team → Member → Brand workspace
   ========================================================= */

/* Brand chooser: tighter card/content ratio, two brands per row. */
.member-workspace-modal{
  width:min(560px,92vw)!important;
  padding:16px!important;
}
.member-workspace-head{
  margin-bottom:13px!important;
}
.member-workspace-head > .icon-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
  font-size:20px!important;
  box-shadow:none!important;
}
.member-brand-title{
  margin:2px 0 8px!important;
  font-size:12px!important;
}
.member-workspace-modal .member-brand-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.member-workspace-modal .member-brand-choice{
  min-height:60px!important;
  padding:8px 9px!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  column-gap:8px!important;
  row-gap:1px!important;
  border-radius:12px!important;
}
.member-workspace-modal .member-brand-mark{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  font-size:12px!important;
}
.member-workspace-modal .member-brand-mark img{
  padding:2px!important;
  object-fit:contain!important;
}
.member-workspace-modal .member-brand-choice b{
  font-size:11px!important;
  line-height:1.15!important;
}
.member-workspace-modal .member-brand-choice > span:last-child{
  font-size:11px!important;
  line-height:1.25!important;
  margin-top:1px!important;
}
.member-workspace-footer{
  margin-top:10px!important;
}

/* Admin viewing a member: weekly planner is exactly 4 days + 3 days. */
.admin-member-weekly94{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.admin-member-weekly94 .admin-member-task-context{
  margin:0!important;
}
.admin-member-weekly94 .member-task-topbar{
  min-height:54px!important;
}
.admin-member-weekly94 .member-week-board{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
.admin-member-weekly94 .member-day-col{
  min-width:0!important;
  min-height:285px!important;
  padding:10px!important;
}
.admin-member-weekly94 .member-day-col.today{
  outline:1px solid color-mix(in srgb,#f36a25 40%,transparent)!important;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,#f36a25 5%,var(--surface-solid)),
    var(--surface-solid) 38%
  )!important;
}
.admin-member-weekly94 .member-day-tasks{
  padding-top:7px!important;
}
.admin-member-weekly94 .member-calendar-task{
  margin:0!important;
}
.admin-member-weekly94 .day-drive-delivery{
  margin-top:auto!important;
}

/* Make the current day visually easy to land on. */
#admin-today-day94{
  scroll-margin-top:18px;
}

@media(max-width:1000px){
  .admin-member-weekly94 .member-week-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .member-workspace-modal .member-brand-grid,
  .admin-member-weekly94 .member-week-board{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   STAGE 95 — REAL workspace behavior
   - Admin identity remains Admin in sidebar + topbar
   - Weekly board is 4 days + 3 days
   - Every day has + Add Task and Google Drive
   - No unnecessary stroke / glow / shadow
   ========================================================= */

/* Weekly board: exactly 4 days on first row, 3 on second row. */
.member-task-page.workspace95 .member-week-board{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:9px!important;
  overflow:visible!important;
  padding:0!important;
  direction:ltr!important;
}
.member-task-page.workspace95 .member-week-board>.member-day-col{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
  grid-column:span 3!important;
}
.member-task-page.workspace95 .member-week-board>.member-day-col:nth-child(n+5){
  grid-column:span 4!important;
}
html[dir="rtl"] .member-task-page.workspace95 .member-day-col{
  direction:rtl!important;
  text-align:right!important;
}

/* Clean day cards: no visible stroke/glow/shadow. */
.member-task-page.workspace95 .member-day-col{
  min-height:300px!important;
  padding:10px!important;
  border:0!important;
  outline:0!important;
  border-radius:15px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-day-col.today{
  background:color-mix(in srgb,#f36a25 6%,var(--surface-2))!important;
  outline:0!important;
}
.member-task-page.workspace95 .member-day-head{
  padding:0 1px 8px!important;
  border-bottom:0!important;
}
.member-task-page.workspace95 .member-day-name b{
  font-size:12px!important;
  font-weight:800!important;
}
.member-task-page.workspace95 .member-day-name span{
  margin-top:2px!important;
  font-size:11px!important;
}
.member-task-page.workspace95 .member-day-add{
  width:27px!important;
  height:27px!important;
  border:0!important;
  border-radius:8px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-day-add:hover{
  box-shadow:none!important;
  transform:none!important;
}
.member-task-page.workspace95 .member-day-tasks{
  padding-top:6px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
.member-task-page.workspace95 .member-empty-day{
  min-height:56px!important;
  font-size:11px!important;
}

/* Real task cards. */
.member-task-page.workspace95 .member-calendar-task{
  min-height:48px!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:11px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-calendar-task:hover{
  box-shadow:none!important;
  transform:none!important;
}

/* Daily Google Drive field is always at the bottom. */
.workspace-drive95{
  margin-top:auto;
  padding-top:9px;
}
.workspace-drive95-box{
  border:0;
  border-radius:11px;
  background:color-mix(in srgb,var(--surface-solid) 78%,var(--surface-2));
  padding:8px;
  box-shadow:none!important;
}
.workspace-drive95-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  margin-bottom:6px;
}
.workspace-drive95-title{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
}
.workspace-drive95-title svg{
  width:12px!important;
  height:12px!important;
  color:var(--muted);
}
.workspace-drive95-title b{
  font-size:11px;
  font-weight:750;
}
.workspace-drive95-state{
  font-size:11px;
  color:var(--muted);
  white-space:nowrap;
}
.workspace-drive95-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  gap:5px;
}
.workspace-drive95-input{
  width:100%;
  height:29px;
  border:0!important;
  border-radius:8px;
  background:var(--surface-2)!important;
  color:var(--text);
  padding:0 8px;
  font-size:11px;
  box-shadow:none!important;
}
.workspace-drive95-input:focus{
  box-shadow:none!important;
  background:color-mix(in srgb,var(--surface-2) 85%,var(--blue3))!important;
}
.workspace-drive95-open{
  width:28px;
  height:29px;
  border:0;
  border-radius:8px;
  background:var(--surface-solid);
  color:var(--blue);
  display:grid;
  place-items:center;
  box-shadow:none!important;
}
.workspace-drive95-open:disabled{
  opacity:.35;
  cursor:default;
}
.workspace-drive95-open svg{
  width:12px!important;
  height:12px!important;
}

/* Workspace header text must describe the real context. */
.workspace95 .admin-member-task-context{
  min-height:46px!important;
  padding:9px 11px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
}
.workspace95 .admin-member-task-context b{
  font-size:12px!important;
}
.workspace95 .admin-member-task-context span{
  font-size:11px!important;
}
.workspace95 .member-task-topbar{
  min-height:50px!important;
  border:0!important;
  box-shadow:none!important;
}
.workspace95 .member-task-brand-select,
.workspace95 .member-week-nav button,
.workspace95 .member-today-btn{
  box-shadow:none!important;
}

/* Add/Edit Task modal: keep it light and clean. */
.member-task-modal,
.member-task-modal button{
  box-shadow:none!important;
}
.member-task-modal input,
.member-task-modal select{
  box-shadow:none!important;
}

/* Keep 4/3 layout on normal desktop/tablet widths. */
@media(max-width:560px){
  .member-task-page.workspace95 .member-week-board{
    grid-template-columns:1fr!important;
  }
  .member-task-page.workspace95 .member-week-board>.member-day-col,
  .member-task-page.workspace95 .member-week-board>.member-day-col:nth-child(n+5){
    grid-column:auto!important;
  }
}


/* =========================================================
   STAGE 96 — Weekly workspace visual clarity
   - All 7 day cards keep the same width.
   - Header / tasks / Drive are visually separated.
   - Remove the Admin "Exit workspace" context strip.
   - No glow, no heavy stroke, no decorative shadow.
   ========================================================= */

/* Four equal columns on desktop. Last row uses the first 3 columns only. */
.member-task-page.workspace95 .member-week-board{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  padding:0!important;
  align-items:stretch!important;
  direction:ltr!important;
}
.member-task-page.workspace95 .member-week-board>.member-day-col,
.member-task-page.workspace95 .member-week-board>.member-day-col:nth-child(n+5){
  grid-column:auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
}

/* Day card structure: one clean container with 3 clear zones. */
.member-task-page.workspace95 .member-day-col{
  min-height:312px!important;
  padding:8px!important;
  border:0!important;
  outline:0!important;
  border-radius:16px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  overflow:hidden!important;
}
.member-task-page.workspace95 .member-day-col.today{
  background:color-mix(in srgb,#f36a25 5%,var(--surface-2))!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Zone 1 — Day + date + plus */
.member-task-page.workspace95 .member-day-head{
  min-height:46px!important;
  padding:8px 9px!important;
  margin:0!important;
  border:0!important;
  border-radius:11px!important;
  background:var(--surface-solid)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.member-task-page.workspace95 .member-day-name{
  min-width:0!important;
}
.member-task-page.workspace95 .member-day-name b{
  display:block!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:var(--text)!important;
}
.member-task-page.workspace95 .member-day-name span{
  display:block!important;
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1!important;
  color:var(--muted)!important;
}
.member-task-page.workspace95 .member-day-add{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--surface-2)!important;
  color:var(--muted)!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-day-add:hover{
  background:color-mix(in srgb,var(--surface-2) 80%,var(--blue3))!important;
  color:var(--blue)!important;
  transform:none!important;
  box-shadow:none!important;
}

/* Zone 2 — Tasks */
.member-task-page.workspace95 .member-day-tasks{
  flex:1 1 auto!important;
  min-height:140px!important;
  padding:8px!important;
  margin:0!important;
  border:0!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--surface-solid) 66%,transparent)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
.member-task-page.workspace95 .member-empty-day{
  flex:1 1 auto!important;
  min-height:84px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  text-align:center!important;
}
.member-task-page.workspace95 .member-calendar-task{
  min-height:48px!important;
  padding:8px 9px!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-calendar-task:hover{
  transform:none!important;
  box-shadow:none!important;
}

/* Zone 3 — Google Drive */
.member-task-page.workspace95 .workspace-drive95{
  margin-top:0!important;
  padding-top:0!important;
}
.member-task-page.workspace95 .workspace-drive95-box{
  padding:8px!important;
  border:0!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--blue3) 24%,var(--surface-solid))!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .workspace-drive95-head{
  min-height:20px!important;
  margin-bottom:6px!important;
}
.member-task-page.workspace95 .workspace-drive95-title{
  gap:5px!important;
}
.member-task-page.workspace95 .workspace-drive95-title b{
  font-size:11px!important;
  color:var(--text)!important;
}
.member-task-page.workspace95 .workspace-drive95-state{
  font-size:11px!important;
}
.member-task-page.workspace95 .workspace-drive95-input{
  height:29px!important;
  background:var(--surface-solid)!important;
  border:0!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .workspace-drive95-open{
  width:28px!important;
  height:29px!important;
  background:var(--surface-solid)!important;
  border:0!important;
  box-shadow:none!important;
}

/* Top planner controls stay simple and separate from the days. */
.member-task-page.workspace95 .member-task-topbar{
  min-height:52px!important;
  padding:8px 10px!important;
  margin-bottom:0!important;
  border:0!important;
  border-radius:13px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-task-brand-select,
.member-task-page.workspace95 .member-week-nav button,
.member-task-page.workspace95 .member-today-btn{
  box-shadow:none!important;
}

/* The old admin context strip is removed entirely. */
.member-task-page.workspace95 .admin-member-task-context{
  display:none!important;
}

/* Responsive only when genuinely needed. */
@media(max-width:1050px){
  .member-task-page.workspace95 .member-week-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .member-task-page.workspace95 .member-week-board{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   STAGE 97 — Cleaner weekly workspace
   One main day surface only. Internal sections are separated
   by spacing and typography, not by additional cards.
   ========================================================= */

/* Planner controls: simple row, no extra card feeling. */
.member-task-page.workspace95 .member-task-topbar{
  min-height:48px!important;
  padding:4px 0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Each day is the only real card/surface. */
.member-task-page.workspace95 .member-day-col{
  min-height:300px!important;
  padding:12px!important;
  gap:10px!important;
  border:0!important;
  border-radius:15px!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
}

/* Current day: very subtle tint, no extra outline/card. */
.member-task-page.workspace95 .member-day-col.today{
  background:color-mix(in srgb,#f36a25 4%,var(--surface-2))!important;
}

/* Day header: no inner card, just clean hierarchy. */
.member-task-page.workspace95 .member-day-head{
  min-height:40px!important;
  padding:0 1px 8px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-day-name b{
  font-size:11px!important;
  font-weight:800!important;
  color:var(--text)!important;
}
.member-task-page.workspace95 .member-day-name span{
  margin-top:3px!important;
  font-size:11px!important;
  color:var(--muted)!important;
}
.member-task-page.workspace95 .member-day-add{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--muted)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-day-add:hover{
  background:color-mix(in srgb,var(--blue3) 48%,transparent)!important;
  color:var(--blue)!important;
}

/* Tasks area: no inner background/card. */
.member-task-page.workspace95 .member-day-tasks{
  flex:1 1 auto!important;
  min-height:145px!important;
  padding:7px 0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
.member-task-page.workspace95 .member-empty-day{
  flex:1 1 auto!important;
  min-height:90px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 4px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  text-align:center!important;
}

/* Real task cards stay distinct, but light. */
.member-task-page.workspace95 .member-calendar-task{
  min-height:46px!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}

/* Google Drive: not a card anymore.
   Just a subtle divider + compact input row. */
.member-task-page.workspace95 .workspace-drive95{
  margin-top:auto!important;
  padding-top:9px!important;
  border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
}
.member-task-page.workspace95 .workspace-drive95-box{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .workspace-drive95-head{
  min-height:18px!important;
  margin-bottom:6px!important;
}
.member-task-page.workspace95 .workspace-drive95-title b{
  font-size:11px!important;
  font-weight:750!important;
  color:var(--text)!important;
}
.member-task-page.workspace95 .workspace-drive95-title svg{
  color:var(--muted)!important;
}
.member-task-page.workspace95 .workspace-drive95-input{
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .workspace-drive95-open{
  width:28px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .workspace-drive95-open:not(:disabled):hover{
  background:color-mix(in srgb,var(--blue3) 48%,transparent)!important;
}

/* Brand selector / week nav also stay flat and clean. */
.member-task-page.workspace95 .member-task-brand-select{
  border:0!important;
  background:var(--surface-2)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-week-nav button{
  box-shadow:none!important;
}

/* Avoid decorative shadows/glows anywhere in this workspace. */
.member-task-page.workspace95 button,
.member-task-page.workspace95 input,
.member-task-page.workspace95 select{
  filter:none!important;
  text-shadow:none!important;
}

/* Keep the 4 + 3 layout from Stage 96. */
.member-task-page.workspace95 .member-week-board{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.member-task-page.workspace95 .member-week-board>.member-day-col,
.member-task-page.workspace95 .member-week-board>.member-day-col:nth-child(n+5){
  grid-column:auto!important;
}

@media(max-width:1050px){
  .member-task-page.workspace95 .member-week-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .member-task-page.workspace95 .member-week-board{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   STAGE 98 — Clean weekly planner with subtle separation.
   One day card only, with very light internal strokes.
   ========================================================= */

.member-task-page.workspace95 .member-week-board{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

/* Single day card */
.member-task-page.workspace95 .member-day-col{
  min-height:282px!important;
  padding:0!important;
  gap:0!important;
  border:1px solid color-mix(in srgb,var(--line) 58%,transparent)!important;
  border-radius:14px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.member-task-page.workspace95 .member-day-col.today{
  background:var(--surface-solid)!important;
  border-color:color-mix(in srgb,#f36a25 22%,var(--line))!important;
}

/* Header zone */
.member-task-page.workspace95 .member-day-head{
  min-height:48px!important;
  padding:9px 10px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 62%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-day-name b{
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.15!important;
  color:var(--text)!important;
}
.member-task-page.workspace95 .member-day-name span{
  margin-top:3px!important;
  font-size:11px!important;
  color:var(--muted)!important;
}
.member-task-page.workspace95 .member-day-add{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  border:1px solid color-mix(in srgb,var(--line) 56%,transparent)!important;
  border-radius:8px!important;
  background:var(--surface-solid)!important;
  color:var(--muted)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-day-add:hover{
  border-color:color-mix(in srgb,var(--blue) 22%,var(--line))!important;
  background:color-mix(in srgb,var(--blue3) 30%,var(--surface-solid))!important;
  color:var(--blue)!important;
}

/* Task zone */
.member-task-page.workspace95 .member-day-tasks{
  flex:1 1 auto!important;
  min-height:150px!important;
  padding:10px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 58%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
.member-task-page.workspace95 .member-empty-day{
  flex:1 1 auto!important;
  min-height:95px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  text-align:center!important;
}
.member-task-page.workspace95 .member-calendar-task{
  min-height:46px!important;
  padding:8px 9px!important;
  border:1px solid color-mix(in srgb,var(--line) 52%,transparent)!important;
  border-radius:9px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}

/* Drive zone */
.member-task-page.workspace95 .workspace-drive95{
  margin:0!important;
  padding:9px 10px 10px!important;
  border:0!important;
  background:color-mix(in srgb,var(--surface-2) 46%,var(--surface-solid))!important;
}
.member-task-page.workspace95 .workspace-drive95-box{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .workspace-drive95-head{
  margin-bottom:6px!important;
}
.member-task-page.workspace95 .workspace-drive95-title b{
  font-size:11px!important;
  font-weight:750!important;
}
.member-task-page.workspace95 .workspace-drive95-input{
  height:30px!important;
  border:1px solid color-mix(in srgb,var(--line) 58%,transparent)!important;
  border-radius:8px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .workspace-drive95-open{
  width:28px!important;
  height:30px!important;
  border:1px solid color-mix(in srgb,var(--line) 50%,transparent)!important;
  border-radius:8px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
}

/* Keep toolbar flat */
.member-task-page.workspace95 .member-task-topbar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:4px 0 9px!important;
}

@media(max-width:1050px){
  .member-task-page.workspace95 .member-week-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .member-task-page.workspace95 .member-week-board{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   STAGE 102
   1) Global canvas/card separation.
   2) Team dashboard uses Admin dashboard color language.
   3) Team My Tasks starts with assigned brands → Open Workspace.
   No Admin workflow redesign.
   ========================================================= */

:root{
  --app-canvas102:#f3f6fa;
  --app-card102:#ffffff;
}
body[data-theme="dark"]{
  --app-canvas102:#0b1422;
  --app-card102:#111d30;
}

/* The page canvas is different from cards across the entire app. */
#app .main,
#app .page{
  background:var(--app-canvas102)!important;
}
#app .topbar,
#app .sidebar{
  background:var(--app-card102)!important;
}
#app .page-shell{
  background:transparent!important;
}

/* Primary surfaces remain distinct from the app canvas. */
#app .card,
#app .panel,
#app .weekly-card,
#app .member-v3-panel,
#app .member-brand-clean,
#app .member-project-clean,
#app .member-card-v2,
#app .member-workspace-modal,
#app .member-task-modal,
#app .brand-edit75,
#app .brand-hub75{
  background:var(--app-card102)!important;
}

/* Remove decorative glow; color contrast does the separation. */
#app .card,
#app .panel,
#app .weekly-card,
#app .member-v3-panel,
#app .member-brand-clean,
#app .member-project-clean,
#app .member-card-v2{
  box-shadow:none!important;
}

/* ---------------- TEAM DASHBOARD ---------------- */
.team-dashboard102{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.team-dashboard102 .member-adminlike-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
}
.team-dashboard102 .weekly-card{
  min-height:188px!important;
  border:0!important;
  box-shadow:none!important;
  background:var(--app-card102)!important;
}
.team-dashboard102 .weekly-card:hover{
  transform:none!important;
  box-shadow:none!important;
}
.team-dashboard102 .weekly-icon{
  background:color-mix(in srgb,var(--metric) 10%,transparent)!important;
  color:var(--metric)!important;
}
.team-dashboard102 .weekly-icon svg{
  width:16px!important;
  height:16px!important;
  stroke-width:1.8!important;
}
.team-dashboard102 .weekly-label span{
  font-size:11.5px!important;
  font-weight:730!important;
}
.team-dashboard102 .weekly-value{
  font-size:32px!important;
}

/* Dashboard-only chart. Final endpoint is a real HTML circle. */
.team-spark102{
  position:relative;
  height:45px;
  margin-top:7px;
}
.team-spark102 svg{
  display:block;
  width:100%;
  height:45px;
  overflow:visible;
}
.team-spark102-dot{
  position:absolute;
  width:9px;
  height:9px;
  min-width:9px;
  min-height:9px;
  aspect-ratio:1/1;
  border-radius:50%;
  background:var(--metric);
  border:2px solid var(--app-card102);
  box-sizing:border-box;
  transform:translate(-50%,-50%);
  pointer-events:none;
  z-index:3;
}

.team-dashboard102 .member-v3-grid{
  display:grid!important;
  grid-template-columns:1.25fr .75fr!important;
  gap:12px!important;
}
.team-dashboard102 .member-v3-panel{
  border:0!important;
  box-shadow:none!important;
  background:var(--app-card102)!important;
}
.team-dashboard102 .member-v3-task,
.team-dashboard102 .member-v3-brand{
  background:var(--surface-2)!important;
}

/* ---------------- TEAM MY TASKS → WORKSPACES ---------------- */
.member-workspaces102{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.member-workspaces102-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.member-workspace102-card{
  min-height:92px;
  padding:12px;
  border:0;
  border-radius:15px;
  background:var(--app-card102);
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  box-shadow:none;
}
.member-workspace102-logo{
  width:46px;
  height:46px;
  border-radius:12px;
  background:var(--surface-2);
  display:grid;
  place-items:center;
  overflow:hidden;
  font-size:12px;
  font-weight:800;
  color:#f36a25;
}
.member-workspace102-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding:2px;
}
.member-workspace102-copy{
  min-width:0;
}
.member-workspace102-copy b{
  display:block;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.member-workspace102-copy span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}
.member-workspace102-open{
  min-height:32px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:var(--surface-2);
  color:var(--text);
  font-size:11px;
  font-weight:700;
  box-shadow:none;
}
.member-workspace102-open:hover{
  background:color-mix(in srgb,var(--blue3) 48%,var(--surface-2));
  color:var(--blue);
}

.workspace-back102{
  display:flex;
  align-items:center;
  margin-bottom:-4px;
}
.workspace-back102 button{
  height:32px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:var(--app-card102);
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  box-shadow:none;
}
.workspace-back102 button:hover{
  color:var(--text);
}

@media(max-width:1050px){
  .team-dashboard102 .member-adminlike-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .team-dashboard102 .member-v3-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:700px){
  .member-workspaces102-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .team-dashboard102 .member-adminlike-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   STAGE 103 — TEAM NOTES + MEMBER BRAND HUB
   ========================================================= */

/* ---------- Work Notes ---------- */
.work-notes103{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.work-notes103-compose{
  background:var(--app-card102,var(--surface-solid));
  border-radius:17px;
  padding:14px;
  box-shadow:none;
}
.work-notes103-compose-grid{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.work-notes103-field{
  display:grid;
  gap:6px;
}
.work-notes103-field label{
  font-size:11px;
  font-weight:750;
  color:var(--muted);
}
.work-notes103-field select,
.work-notes103-field textarea{
  width:100%;
  border:0;
  border-radius:10px;
  background:var(--surface-2);
  color:var(--text);
  box-shadow:none;
}
.work-notes103-field select{
  height:38px;
  padding:0 10px;
}
.work-notes103-field textarea{
  min-height:100px;
  padding:10px;
  resize:vertical;
  line-height:1.5;
}
.work-notes103-attach{
  margin-top:9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.work-notes103-file{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 10px;
  border-radius:9px;
  background:var(--surface-2);
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.work-notes103-file input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.work-notes103-save{
  min-height:34px;
  padding:0 12px;
  border:0;
  border-radius:9px;
  background:#f36a25;
  color:#fff;
  font-size:11px;
  font-weight:750;
  box-shadow:none;
}
.work-notes103-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.work-note103{
  min-width:0;
  background:var(--app-card102,var(--surface-solid));
  border-radius:15px;
  padding:12px;
  box-shadow:none;
}
.work-note103-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.work-note103-brand{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:750;
}
.work-note103-brand i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f36a25;
}
.work-note103-date{
  color:var(--muted);
  font-size:11px;
}
.work-note103-body{
  margin:10px 0 0;
  white-space:pre-wrap;
  font-size:12px;
  line-height:1.55;
}
.work-note103-image{
  width:100%;
  max-height:220px;
  margin-top:10px;
  object-fit:cover;
  border-radius:11px;
  display:block;
}
.work-note103-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:9px;
}
.work-note103-delete{
  height:29px;
  border:0;
  border-radius:8px;
  background:var(--surface-2);
  color:var(--muted);
  padding:0 9px;
  font-size:11px;
  box-shadow:none;
}
.work-note103-empty{
  grid-column:1/-1;
  min-height:100px;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:11px;
}

/* ---------- Member Brands ---------- */
.member-brand-actions103{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:10px;
}
.member-brand-actions103 .btn{
  width:100%;
  justify-content:center;
  box-shadow:none!important;
}
.member-brand-actions103 .btn.brand-hub103-btn{
  background:var(--surface-2);
  color:var(--text);
}

/* ---------- Read-only Member Brand Hub ---------- */
.member-hub103{
  width:min(860px,94vw)!important;
  max-height:84vh!important;
  overflow:auto;
}
.member-hub103 .brand-drive75{
  position:static!important;
  box-shadow:none!important;
}
.member-hub103-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:12px;
}
.member-hub103-section{
  background:var(--surface-2);
  border-radius:14px;
  padding:12px;
}
.member-hub103-section h4{
  margin:0;
  font-size:12px;
}
.member-hub103-section p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
  white-space:pre-wrap;
}
.member-hub103-link{
  margin-top:8px;
  min-height:34px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:var(--surface-solid);
  color:var(--blue);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  font-size:11px;
  font-weight:700;
  box-shadow:none;
}
.member-hub103-link.disabled{
  color:var(--muted);
  pointer-events:none;
}
.member-hub103-socials{
  display:grid;
  gap:7px;
  margin-top:9px;
}
.member-hub103-social{
  min-height:35px;
  border-radius:9px;
  background:var(--surface-solid);
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  font-size:11px;
}
.member-hub103-social span{
  color:var(--muted);
}
.member-hub103-social a{
  color:var(--blue);
  text-decoration:none;
  font-weight:700;
}

@media(max-width:800px){
  .work-notes103-compose-grid,
  .member-hub103-grid{
    grid-template-columns:1fr;
  }
  .work-notes103-list{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   STAGE 104 — TEAM DASHBOARD ONLY
   1) Primary Dashboard action = Add Task.
   2) Assigned Brands panel is compact and balanced.
   ========================================================= */

/* Compact Assigned Brands rows */
.team-dashboard102 .member-v3-brands{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
.team-dashboard102 .member-v3-brand{
  min-height:50px!important;
  padding:7px 8px!important;
  border-radius:11px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 28px!important;
  gap:8px!important;
  align-items:center!important;
  background:var(--surface-2)!important;
}
.team-dashboard102 .member-v3-brand-logo{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:9px!important;
  background:var(--app-card102,var(--surface-solid))!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.team-dashboard102 .member-v3-brand-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:2px!important;
}
.team-dashboard102 .member-v3-brand>div{
  min-width:0!important;
}
.team-dashboard102 .member-v3-brand b{
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.team-dashboard102 .member-v3-brand span{
  margin-top:2px!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.team-dashboard102 .member-v3-brand button{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

/* Quick Add Task modal */
.quick-task104{
  width:min(520px,94vw)!important;
  max-height:86vh!important;
  overflow:auto!important;
}
.quick-task104 .quick-task104-note{
  margin:0 0 12px;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}
.quick-task104 .quick-task104-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.quick-task104 .quick-task104-grid .full{
  grid-column:1/-1;
}
.quick-task104 .brand-field75 select{
  width:100%;
  height:40px;
  border:0;
  border-radius:10px;
  background:var(--surface-2);
  color:var(--text);
  padding:0 10px;
  box-shadow:none;
}
.quick-task104 .brand-field75 input,
.quick-task104 .brand-field75 textarea{
  border:0!important;
  box-shadow:none!important;
}
.quick-task104 .quick-task104-today{
  min-height:36px;
  border-radius:10px;
  background:color-mix(in srgb,#f36a25 7%,var(--surface-2));
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 10px;
  font-size:11px;
}
.quick-task104 .quick-task104-today span{
  color:var(--muted);
}
.quick-task104 .brand-modal-actions75 button{
  box-shadow:none!important;
}

@media(max-width:620px){
  .quick-task104 .quick-task104-grid{
    grid-template-columns:1fr;
  }
  .quick-task104 .quick-task104-grid .full{
    grid-column:auto;
  }
}


/* =========================================================
   STAGE 105
   - Remove the "My Workspaces" back button.
   - Make the workspace Brand selector a clear white control
     with a real dropdown arrow.
   - No changes to the weekly day-card design.
   ========================================================= */

.workspace-back102{
  display:none!important;
}

/* White, prominent brand selector with custom arrow. */
.member-task-page.workspace95 .member-task-brand-select{
  min-width:180px!important;
  height:40px!important;
  padding:0 38px 0 12px!important;
  border:0!important;
  border-radius:11px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background-color:var(--app-card102,var(--surface-solid))!important;
  background-image:
    linear-gradient(45deg,transparent 50%,var(--muted) 50%),
    linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;
  background-position:
    calc(100% - 15px) 17px,
    calc(100% - 10px) 17px!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  color:var(--text)!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:none!important;
}
.member-task-page.workspace95 .member-task-brand-select:focus{
  outline:0!important;
  box-shadow:none!important;
  background-color:var(--app-card102,var(--surface-solid))!important;
}


/* =========================================================
   STAGE 114 — STABILITY SYSTEM
   Consolidates the late workspace patches into ONE final layer.
   No day-height/layout changes. No page redesign.
   ========================================================= */

/* ---------- Global surface hierarchy ---------- */
:root{
  --professional-canvas:#f3f6fa;
  --professional-card:#ffffff;
}
body[data-theme="dark"]{
  --professional-canvas:#0b1422;
  --professional-card:#111d30;
}
#app .main,#app .page{background:var(--professional-canvas)!important}
#app .sidebar,#app .topbar{background:var(--professional-card)!important}
body[data-theme="dark"] .app-frame{border:0!important;box-shadow:none!important}

/* ---------- Workspace back button: removed ---------- */
.workspace-back102{display:none!important}

/* ---------- Task card ---------- */
.member-task-page .member-calendar-task,
.member-task-page.workspace95 .member-calendar-task{
  background:#edf3fb!important;
  border:1px solid rgba(117,130,157,.08)!important;
  box-shadow:none!important;
}
body[data-theme="dark"] .member-task-page .member-calendar-task,
body[data-theme="dark"] .member-task-page.workspace95 .member-calendar-task{
  background:#19283f!important;
  border-color:rgba(255,255,255,.04)!important;
}
.member-calendar-task:hover{transform:none!important;box-shadow:none!important}

/* ---------- Today: normal card + blue text badge only ---------- */
.member-task-page .member-day-col.today,
.member-task-page.workspace95 .member-day-col.today{
  background:var(--surface-solid)!important;
  color:var(--text)!important;
  border-color:color-mix(in srgb,var(--line) 58%,transparent)!important;
  outline:0!important;
  box-shadow:none!important;
}
.member-task-page .member-day-col.today::before,
.member-task-page .member-day-col.today::after{display:none!important}
.member-task-page .member-day-col.today .member-day-name b,
.member-task-page.workspace95 .member-day-col.today .member-day-name b{color:var(--text)!important}
.member-task-page .member-day-col.today .member-day-name span,
.member-task-page.workspace95 .member-day-col.today .member-day-name span{color:var(--muted)!important}
.member-day-name b{display:flex!important;align-items:center!important;flex-wrap:wrap!important}
.member-task-page .member-day-col.today .member-day-name b::after,
.member-task-page.workspace95 .member-day-col.today .member-day-name b::after{
  content:"Today";
  display:inline-flex;
  align-items:center;
  min-height:21px;
  margin-inline-start:12px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(10,102,255,.11);
  background-image:none!important;
  color:#0a66ff;
  font-size:7.2px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}

/* ---------- Status: semantic color + visible arrow in both modes ---------- */
.member-task-page .member-calendar-task select,
.member-task-page.workspace95 .member-calendar-task select{
  color:var(--status-color)!important;
  background-color:color-mix(in srgb,var(--status-color) 10%,var(--surface-solid))!important;
  border:0!important;
  font-weight:750!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-inline-end:30px!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#75829d 50%),
    linear-gradient(135deg,#75829d 50%,transparent 50%)!important;
  background-position:calc(100% - 15px) 50%,calc(100% - 11px) 50%!important;
  background-size:4px 4px,4px 4px!important;
  background-repeat:no-repeat!important;
}
body[data-theme="dark"] .member-task-page .member-calendar-task select,
body[data-theme="dark"] .member-task-page.workspace95 .member-calendar-task select{
  color:var(--status-color)!important;
  background-color:color-mix(in srgb,var(--status-color) 18%,#111d30)!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#d3dceb 50%),
    linear-gradient(135deg,#d3dceb 50%,transparent 50%)!important;
}
.member-calendar-task select option{color:#102044!important;background:#fff!important}
body[data-theme="dark"] .member-calendar-task select option{color:#f7fbff!important;background:#17243a!important}


/* =========================================================
   STAGE 115 — TEAM / MY TASKS brand chooser ONLY
   Requested changes:
   - 3 brand cards per row on desktop
   - tighter card height/padding
   - less empty space between logo, copy and Open Workspace
   - no unrelated page changes
   ========================================================= */

.member-workspaces102-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}

.member-workspace102-card{
  min-height:72px!important;
  padding:8px 9px!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:7px!important;
  border-radius:13px!important;
  align-items:center!important;
}

.member-workspace102-logo{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
}

.member-workspace102-copy b{
  font-size:12px!important;
  line-height:1.2!important;
}

.member-workspace102-copy span{
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.25!important;
}

.member-workspace102-open{
  min-height:30px!important;
  padding:0 8px!important;
  border-radius:8px!important;
  font-size:11px!important;
  white-space:nowrap!important;
}

/* Keep the 3-column layout useful instead of squeezing cards on narrower screens. */
@media(max-width:1080px){
  .member-workspaces102-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .member-workspaces102-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   STAGE 116 — ONLY the two requested changes
   1) Team > Brands: remove unnecessary vertical empty space.
   2) Dashboard > Add Task: remove descriptive copy under title.
   ========================================================= */

/* TEAM BRANDS — keep the same 3-column layout, just tighten each card. */
body[data-role="member"] .member-brand-clean{
  min-height:0!important;
  padding:11px 12px!important;
  justify-content:flex-start!important;
}

body[data-role="member"] .member-brand-clean-head{
  margin-bottom:5px!important;
  gap:9px!important;
}

body[data-role="member"] .member-brand-actions103{
  margin-top:5px!important;
  gap:6px!important;
}

body[data-role="member"] .member-brand-actions103 .btn{
  margin-top:0!important;
  height:33px!important;
  padding:0 9px!important;
}

/* DASHBOARD QUICK ADD TASK — title only, no explanatory copy beneath it. */
.quick-task104 .brand-modal-head75 p,
.quick-task104 .quick-task104-note{
  display:none!important;
}

.quick-task104 .brand-modal-head75{
  margin-bottom:12px!important;
}


/* =========================================================
   STAGE 117 — MESSAGES ONLY
   1) Remove duplicated top-right Create Meeting action.
   2) Remove orange glow from the Meeting Create button.
   3) Remove orange glow from the video-call button.
   No other Messages layout/function changes.
   ========================================================= */

/* The meeting rail already has Create Meeting, so remove only
   the duplicated primary Create Meeting button in the page header. */
#app .comms-page > .page-head .comms-actions .btn.primary,
#app .comms-page > .page-header .comms-actions .btn.primary,
#app .comms-page .page-title + .comms-actions .btn.primary{
  display:none!important;
}

/* Fallback for the current pageHeader structure:
   Create Meeting is the primary action inside .comms-actions.
   Keep New Group (plain .btn) untouched. */
#app .comms-page .comms-actions > .btn.primary{
  display:none!important;
}

/* Meeting rail — flat, clean orange button. */
#app .meeting-create,
#app .meeting-create:hover,
#app .meeting-create:focus,
#app .meeting-create:active{
  background:#f36a25!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  transform:none!important;
}

/* Conversation video call — keep the orange identity, remove glow/gradient. */
#app .comms-chat-action.primary,
#app .comms-chat-action.primary:hover,
#app .comms-chat-action.primary:focus,
#app .comms-chat-action.primary:active{
  background:#f36a25!important;
  background-image:none!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  transform:none!important;
}


/* =========================================================
   STAGE 118 — Dashboard > Add Task ONLY
   - Title remains "Add Task"
   - Remove both explanatory lines under it
   - Move Brand / Project dropdown arrows slightly inward
   ========================================================= */

/* Safety: keep explanatory copy hidden even if an older cached markup appears. */
.quick-task104 .brand-modal-head75 p,
.quick-task104 .quick-task104-note{
  display:none!important;
}

/* Clean spacing after removing the description. */
.quick-task104 .brand-modal-head75{
  margin-bottom:12px!important;
}

/* Quick task fields use the shared directional chevron. */
#quickTaskBrand104,#quickTaskProject104{
  padding-inline-start:10px!important;
  background-color:var(--surface-2)!important;
}

/* =========================================================
   STAGE 119 — PROFILE MEDIA + CREATIVE BOARD PRO CONTROLS
   ========================================================= */

/* ---------- image crop editor ---------- */
.crop119-modal{
  width:min(520px,92vw);
  padding:18px;
  border-radius:22px;
  background:var(--surface-solid);
  box-shadow:0 30px 80px rgba(15,25,43,.18);
}
.crop119-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:14px;
}
.crop119-head h3{margin:0;font-size:16px;letter-spacing:-.025em}
.crop119-close{
  width:32px;height:32px;border:0;border-radius:9px;
  background:var(--surface-2);color:var(--muted);
  display:grid;place-items:center;cursor:pointer;
}
.crop119-stage{
  width:min(360px,76vw);aspect-ratio:1/1;margin:0 auto;
  position:relative;overflow:hidden;border-radius:18px;
  background:#e9edf3;touch-action:none;cursor:grab;
}
.crop119-stage.avatar-mode{border-radius:50%}
.crop119-stage:active{cursor:grabbing}
#cropCanvas119{width:100%;height:100%;display:block}
.crop119-mask{
  position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.78);
  border-radius:inherit;
}
.crop119-controls{margin-top:15px}
.crop119-zoom-row{
  display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:9px;
}
.crop119-zoom-row button{
  width:28px;height:28px;border:0;border-radius:8px;background:var(--surface-2);
  color:var(--text);cursor:pointer;
}
.crop119-zoom{
  width:100%;accent-color:#f36a25;
}
.crop119-hint{
  margin-top:8px;color:var(--muted);font-size:11px;text-align:center;
}
.crop119-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:7px;
  margin-top:16px;padding-top:14px;border-top:1px solid var(--line);
}
.crop119-actions .danger{
  margin-inline-end:auto;color:#d94c55;background:transparent;border:0;
  font:700 12px/1 var(--font-ui);cursor:pointer;padding:9px 4px;
}
.crop119-actions .btn{height:37px}
body[data-theme="dark"] .crop119-modal{box-shadow:0 26px 70px rgba(0,0,0,.28)}
body[data-theme="dark"] .crop119-stage{background:#0c1626}

/* Profile photo controls */
.profile-photo-actions119{
  display:flex;align-items:center;gap:7px;margin-top:8px;flex-wrap:wrap;
}
.profile-photo-actions119 button{
  height:30px;padding:0 9px;border:0;border-radius:9px;
  background:var(--surface-2);color:var(--text);
  font:700 12px/1 var(--font-ui);cursor:pointer;
}
.profile-photo-actions119 .danger{color:#d94c55}
.member-photo-edit119{
  position:absolute;right:-2px;bottom:-2px;z-index:6;
  width:25px;height:25px;border:2px solid var(--surface-solid);
  border-radius:50%;background:#f36a25;color:#fff;
  display:grid;place-items:center;cursor:pointer;
}
.member-photo-edit119 svg{width:11px;height:11px}
.brand-logo-delete119{
  margin-top:7px;border:0;background:transparent;color:#d94c55;
  font:700 12px/1 var(--font-ui);cursor:pointer;
}

/* Responsive profile crop only */
@media(max-width:620px){
  .crop119-modal{padding:14px}
  .crop119-actions{flex-wrap:wrap}
  .crop119-actions .danger{width:100%;margin:0;text-align:start}
}



@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Reem+Kufi+Ink&display=swap');

/* =========================================================
   STAGE 128 — STABLE PROFESSIONAL UPDATE
   Built from Stage 125 stable behavior. No schema migration.
   ========================================================= */

/* ---------- Full-window application shell ---------- */
#app:not(.hidden){padding:0!important;height:100vh!important;min-height:100vh!important;overflow:hidden!important;background:#f3f6fa!important}
body[data-theme="dark"] #app:not(.hidden){background:#0b1422!important}
#app:not(.hidden) .app-frame{width:100%!important;max-width:none!important;height:100vh!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#app:not(.hidden) .sidebar{border-radius:0!important;box-shadow:none!important}
#app:not(.hidden) .main{border-radius:0!important}
#app:not(.hidden) .topbar{box-shadow:none!important}

/* Shared single-select chevrons, including dialogs outside #app.
   Reserve text space at the inline end; mirror with the field direction. */
:is(#auth,#app,#overlayRoot) select:not([multiple]):not([size]){
  appearance:none!important;-webkit-appearance:none!important;
  padding-inline-end:var(--select-end-space,36px)!important;
  background-repeat:no-repeat!important;
  background-position:right var(--select-arrow-inset,14px) center!important;
  background-size:var(--select-arrow-size,14px) var(--select-arrow-size,14px)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2375829d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
}
:is(#auth,#app,#overlayRoot) select:not([multiple]):not([size]):dir(rtl){
  background-position:left var(--select-arrow-inset,14px) center!important;
}
body[data-theme="dark"] :is(#auth,#app,#overlayRoot) select:not([multiple]):not([size]){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aeb9c8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
}

/* ---------- Close buttons: targeted, no DOM mutation ---------- */
.pin-sheet-top,
.brand-modal-head75,
.member-task-modal-head,
.group-create-head,
.meeting-scheduler-head,
.meeting-board-panel-head,
.review-detail-head,
.project83-detail-head,
.member-workspace-head,
.crop119-head{
  direction:ltr!important;
}
html[dir="rtl"] .pin-sheet-copy,
html[dir="rtl"] .brand-modal-head75>div:first-child,
html[dir="rtl"] .member-task-modal-head>h3,
html[dir="rtl"] .group-create-head>h3,
html[dir="rtl"] .meeting-scheduler-head>h3,
html[dir="rtl"] .review-detail-head>div,
html[dir="rtl"] .project83-detail-head>div,
html[dir="rtl"] .member-workspace-head-copy,
html[dir="rtl"] .crop119-head>h3{direction:rtl!important;text-align:right!important}

.pin-close,
.brand-modal-close75,
.member-task-modal-head>.icon-btn,
.group-create-head>.icon-btn,
.meeting-scheduler-head>.icon-btn,
.meeting-board-panel-head>.icon-btn,
.review-detail-head>.icon-btn,
.project83-detail-head>.icon-btn,
.member-workspace-head>.icon-btn,
.crop119-close{
  position:static!important;inset:auto!important;
  margin-left:auto!important;margin-right:0!important;
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  padding:0!important;border:0!important;border-radius:9px!important;
  background:var(--surface-2)!important;color:var(--muted)!important;
  display:grid!important;place-items:center!important;
  font-size:18px!important;line-height:1!important;font-weight:500!important;
  box-shadow:none!important;transform:none!important;z-index:auto!important
}
.pin-close:hover,.brand-modal-close75:hover,.member-task-modal-head>.icon-btn:hover,.group-create-head>.icon-btn:hover,.meeting-scheduler-head>.icon-btn:hover,.meeting-board-panel-head>.icon-btn:hover,.review-detail-head>.icon-btn:hover,.project83-detail-head>.icon-btn:hover,.member-workspace-head>.icon-btn:hover,.crop119-close:hover{background:color-mix(in srgb,var(--text) 6%,var(--surface-2))!important;color:var(--text)!important;transform:none!important}
.pin-sheet-top{grid-template-columns:56px minmax(0,1fr) 32px!important}
.pin-close{grid-column:3!important;justify-self:end!important}
.profile-editor-close{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;width:32px!important;height:32px!important;padding:0!important;border:0!important;border-radius:9px!important;background:var(--surface-2)!important;color:var(--muted)!important;display:grid!important;place-items:center!important;font-size:18px!important;line-height:1!important;box-shadow:none!important;transform:none!important}

/* ---------- Dashboard Add Task: remove orange strip only ---------- */
.quick-task104 .quick-task104-today{display:none!important}
.project84-select-arrow{display:none!important}

/* =========================================================
   CREATIVE BOARD — same calm BECAL language, real D1 data
   ========================================================= */
.cb128-page{display:flex;flex-direction:column;gap:12px}
.cb128-context{display:flex;align-items:center;gap:9px;min-height:50px;padding:7px 9px;background:var(--surface-solid);border-radius:14px}
.cb128-context select{height:36px!important;min-width:150px;border:0!important;border-radius:9px!important;background-color:var(--surface-2)!important;color:var(--text)!important;font-size:11px!important;font-weight:700!important}
.cb128-members{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.cb128-members::-webkit-scrollbar{display:none}
.cb128-member{height:34px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;padding:0 8px;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}
.cb128-member.active{background:var(--surface-2);color:var(--text)}.cb128-member .avatar{width:24px!important;height:24px!important;box-shadow:none!important}
.cb128-shell{background:var(--surface-solid);border-radius:15px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 68%,transparent)}
.cb128-toolbar{min-height:52px;display:flex;align-items:center;gap:4px;padding:7px 9px;border-bottom:1px solid var(--line);background:var(--surface-solid);overflow-x:auto;scrollbar-width:none}.cb128-toolbar::-webkit-scrollbar{display:none}
.cb128-tool{height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:6px;padding:0 8px;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}
.cb128-tool svg{width:15px;height:15px;stroke-width:1.55}.cb128-tool:hover{background:var(--surface-2);color:var(--text)}.cb128-tool.active{background:color-mix(in srgb,#f36a25 8%,var(--surface-2));color:#e75f22}.cb128-spacer{flex:1}.cb128-sep{width:1px;height:22px;background:var(--line);flex:0 0 1px;margin:0 2px}.cb128-zoom{min-width:42px;text-align:center;color:var(--muted);font-size:11px}.cb128-crumb{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px;white-space:nowrap}.cb128-crumb button{border:0;background:transparent;color:inherit;font:700 12px/1 var(--font-ui);padding:5px 4px;border-radius:6px;cursor:pointer}.cb128-crumb button:hover{background:var(--surface-2);color:var(--text)}
.cb128-canvas{height:calc(100vh - 260px);min-height:610px;position:relative;overflow:hidden;touch-action:none;overscroll-behavior:none;background-color:color-mix(in srgb,var(--surface-solid) 96%,var(--surface-2));background-image:radial-gradient(circle,color-mix(in srgb,var(--muted) 34%,transparent) .85px,transparent .95px);background-size:22px 22px;cursor:default}
body[data-theme="dark"] .cb128-canvas{background-color:#101a2b;background-image:radial-gradient(circle,rgba(167,182,204,.22) .85px,transparent .95px)}.cb128-canvas.panning{cursor:grabbing}
.cb128-world{position:absolute;left:0;top:0;width:12000px;height:9000px;transform-origin:0 0;will-change:transform}.cb128-svg{position:absolute;inset:0;width:12000px;height:9000px;overflow:visible;pointer-events:none;z-index:1}.cb128-path{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.cb128-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer}.cb128-path-sel{fill:none;stroke:#0a66ff;stroke-width:8;opacity:.15;pointer-events:none}
.cb128-item{position:absolute;z-index:4;user-select:none;box-sizing:border-box}.cb128-item.selected{outline:1.5px solid color-mix(in srgb,var(--text) 72%,transparent);outline-offset:3px}.cb128-item.dragging{z-index:999;cursor:grabbing}.cb128-grip{position:absolute;left:-20px;top:3px;width:16px;height:24px;border:0;border-radius:6px;background:var(--surface-solid);color:var(--muted);display:none;place-items:center;cursor:grab;box-shadow:0 1px 4px rgba(20,28,40,.08)}.cb128-grip:before{content:"⋮⋮";font-size:11px;letter-spacing:-3px;transform:rotate(90deg)}.cb128-item.selected .cb128-grip{display:grid}.cb128-delete{position:absolute;right:-10px;top:-10px;width:22px;height:22px;border:0;border-radius:50%;background:#2b3037;color:#fff;display:none;place-items:center;cursor:pointer;font-size:13px;line-height:1}.cb128-item.selected .cb128-delete{display:grid}.cb128-resize{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border-radius:3px;border:1px solid #7f8994;background:#fff;display:none;cursor:nwse-resize}.cb128-item.selected .cb128-resize{display:block}body[data-theme="dark"] .cb128-resize{background:#17243a;border-color:#aeb9c8}
.cb128-image{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-drag:none;background:transparent}.cb128-text{width:100%;height:100%;outline:none;background:transparent;border:0;color:var(--text);white-space:pre-wrap;overflow:hidden;line-height:1.35;user-select:text;cursor:text}.cb128-hand{font-family:"Caveat","Reem Kufi Ink","Cairo",cursive!important}.cb128-sticky{width:100%;height:100%;padding:12px;border-radius:9px;background:#fff2ad;color:#29271f;outline:none;white-space:pre-wrap;overflow:auto;line-height:1.42;user-select:text;cursor:text}.cb128-link{width:100%;height:100%;border-radius:10px;background:var(--surface-solid);border:1px solid var(--line);overflow:hidden;color:var(--text);text-decoration:none;display:flex;flex-direction:column}.cb128-link-cover{flex:1;min-height:60px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden}.cb128-link-cover img{width:100%;height:100%;object-fit:cover}.cb128-link-copy{padding:9px}.cb128-link-copy b{display:block;font-size:12px}.cb128-link-copy span{display:block;margin-top:4px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb128-file{width:100%;height:100%;border-radius:10px;border:1px solid var(--line);background:var(--surface-solid);display:flex;align-items:center;gap:10px;padding:10px;color:var(--text);text-decoration:none}.cb128-file-ico{width:34px;height:34px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:#2f80ed;flex:0 0 34px}.cb128-file-copy{min-width:0}.cb128-file-copy b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb128-file-copy span{display:block;margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb128-shape{width:100%;height:100%;border-radius:8px;background:#d9ebff}.cb128-shape.circle{border-radius:50%}.cb128-folder{width:100%;height:100%;border:0;border-radius:11px;background:var(--surface-2);color:var(--text);padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;cursor:pointer}.cb128-folder-ico{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,#f36a25 10%,var(--surface-solid));color:#e86527;display:grid;place-items:center}.cb128-folder b{font-size:12px}.cb128-folder span{font-size:11px;color:var(--muted)}.cb128-empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:var(--muted);font-size:12px}
.cb128-dialog{width:min(430px,calc(100vw - 28px));position:relative;background:var(--surface-solid);border-radius:16px;padding:16px}.cb128-dialog h3{margin:0 0 12px;font-size:14px}.cb128-dialog-close{position:absolute;top:12px;right:12px;left:auto;width:32px;height:32px;border:0;border-radius:9px;background:var(--surface-2);color:var(--muted);display:grid;place-items:center;font-size:18px;line-height:1;cursor:pointer}.cb128-dialog-close:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,var(--surface-2))}.cb128-dialog input{width:100%;height:40px;border:0;border-radius:10px;background:var(--surface-2);color:var(--text);padding:0 10px;font-size:12px}.cb128-dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}

/* =========================================================
   NOTES — notebook UX using the existing work_notes table
   ========================================================= */
.notes128-page{display:flex;flex-direction:column;gap:12px}.notes128-shell{background:var(--surface-solid);border:1px solid color-mix(in srgb,var(--line) 68%,transparent);border-radius:15px;overflow:hidden}.notes128-toolbar{min-height:54px;display:flex;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--surface-solid);overflow-x:auto;scrollbar-width:none}.notes128-toolbar::-webkit-scrollbar{display:none}.notes128-toolbar select{height:36px!important;border:0!important;border-radius:9px!important;background-color:var(--surface-2)!important;color:var(--text)!important;font-size:11px!important;font-weight:700!important}.notes128-brand{min-width:150px}.notes128-font{min-width:118px}.notes128-size{min-width:72px}.notes128-tool{height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:6px;padding:0 8px;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}.notes128-tool svg{width:15px;height:15px;stroke-width:1.55}.notes128-tool:hover,.notes128-tool.active{background:var(--surface-2);color:var(--text)}.notes128-color{width:27px;height:27px;border:0;background:transparent;padding:2px;cursor:pointer}.notes128-swatches{display:flex;gap:4px}.notes128-swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.09);cursor:pointer}
.notes128-paper{position:relative;min-height:760px;overflow:hidden;touch-action:none;background-color:#fffefa;background-image:linear-gradient(to right,rgba(240,109,109,.14) 1px,transparent 1px),repeating-linear-gradient(to bottom,transparent 0 31px,rgba(108,144,183,.18) 31px 32px);background-position:52px 0,0 0;color:#1f2a39}.notes128-layer{position:absolute;inset:0;min-height:760px}.notes128-svg{position:absolute;inset:0;width:100%;height:760px;pointer-events:none}.notes128-path{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.notes128-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}.notes128-path-sel{fill:none;stroke:#0a66ff;stroke-width:7;opacity:.15;pointer-events:none}.notes128-item{position:absolute;z-index:3;user-select:none}.notes128-item.selected{outline:1.5px solid rgba(45,55,67,.72);outline-offset:3px}.notes128-grip{position:absolute;left:-19px;top:2px;width:15px;height:23px;border:0;border-radius:6px;background:var(--surface-solid);color:var(--muted);display:none;place-items:center;cursor:grab}.notes128-grip:before{content:"⋮⋮";font-size:10px;letter-spacing:-3px;transform:rotate(90deg)}.notes128-item.selected .notes128-grip{display:grid}.notes128-delete{position:absolute;right:-10px;top:-10px;width:22px;height:22px;border:0;border-radius:50%;background:#2b3037;color:#fff;display:none;place-items:center;cursor:pointer;font-size:12px}.notes128-item.selected .notes128-delete{display:grid}.notes128-resize{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border-radius:3px;border:1px solid #818b96;background:#fff;display:none;cursor:nwse-resize}.notes128-item.selected .notes128-resize{display:block}.notes128-text{width:100%;height:100%;outline:none;background:transparent;color:inherit;white-space:pre-wrap;overflow:hidden;line-height:32px;user-select:text;cursor:text}.notes128-hand{font-family:"Caveat","Reem Kufi Ink","Cairo",cursive!important}.notes128-sticky{width:100%;height:100%;padding:12px;border-radius:8px;box-shadow:0 2px 8px rgba(35,42,50,.06);outline:none;overflow:auto;white-space:pre-wrap;line-height:1.45;color:#29271f;user-select:text;cursor:text}.notes128-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}.notes128-empty{position:absolute;inset:0;display:grid;place-items:center;color:rgba(90,101,114,.62);font-size:12px;pointer-events:none}.notes128-legacy{padding:12px;border-top:1px solid var(--line);background:var(--surface-solid)}.notes128-legacy-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.notes128-legacy-head b{font-size:12px}.notes128-legacy-head span{font-size:11px;color:var(--muted)}.notes128-legacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.notes128-old{padding:10px;border-radius:10px;background:var(--surface-2);font-size:11px;line-height:1.45}.notes128-old small{display:block;margin-top:6px;color:var(--muted)}.notes128-old img{width:100%;margin-top:7px;border-radius:8px;max-height:150px;object-fit:cover}
body[data-theme="dark"] .notes128-paper{background-color:#151b25;background-image:linear-gradient(to right,rgba(222,104,104,.11) 1px,transparent 1px),repeating-linear-gradient(to bottom,transparent 0 31px,rgba(117,148,187,.15) 31px 32px);color:#eef3f9}
@media(max-width:900px){.cb128-canvas{height:560px;min-height:560px}.notes128-legacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#app:not(.hidden){height:auto!important;min-height:100vh!important;overflow:visible!important}.app-frame{height:auto!important;min-height:100vh!important}.notes128-legacy-grid{grid-template-columns:1fr}.cb128-canvas{height:540px;min-height:540px}}


/* =========================================================
   STAGE 129 — ADMIN ACCOUNT ONLY
   1) Correct Needs Attention status semantics/colors/icons.
   2) Admin topbar profile = avatar + name + role, like sidebar.
   Team account is intentionally untouched.
   ========================================================= */

/* ---------- ADMIN: NEEDS ATTENTION ---------- */
body[data-role="admin"] .admin-attention .attention-list{
  margin-top:6px;
}

body[data-role="admin"] .admin-attention .attention-item.admin-attention129{
  --attention-status:#75829d;
  grid-template-columns:34px minmax(0,1fr) auto;
  min-height:54px;
  gap:10px;
  padding:9px 0;
}

body[data-role="admin"] .admin-attention .admin-attention129 .attention-icon{
  width:32px;
  height:32px;
  border-radius:10px;
  background:color-mix(in srgb,var(--attention-status) 10%,var(--surface-2));
  color:var(--attention-status);
  display:grid;
  place-items:center;
}

body[data-role="admin"] .admin-attention .admin-attention129 .attention-icon svg{
  width:15px;
  height:15px;
  stroke-width:1.7;
}

body[data-role="admin"] .admin-attention .admin-attention129 .attention-copy{
  min-width:0;
}

body[data-role="admin"] .admin-attention .admin-attention129 .attention-copy b{
  display:block;
  font-size:12px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body[data-role="admin"] .admin-attention .admin-attention129 .attention-copy span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body[data-role="admin"] .admin-attention .admin-attention129 .attention-badge{
  min-width:66px;
  padding:5px 8px;
  border-radius:999px;
  text-align:center;
  background:color-mix(in srgb,var(--attention-status) 10%,transparent);
  color:var(--attention-status);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}

body[data-role="admin"] .admin-attention-empty129{
  padding:18px 4px;
  color:var(--muted);
  font-size:11px;
}

/* ---------- ADMIN: TOPBAR PROFILE ---------- */
body[data-role="admin"] .admin-top-profile129{
  position:relative;
  display:flex;
  align-items:center;
}

body[data-role="admin"] .admin-top-profile129-trigger{
  min-width:172px;
  height:46px;
  padding:5px 8px 5px 6px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:var(--text);
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 15px;
  align-items:center;
  gap:9px;
  text-align:start;
  cursor:pointer;
  box-shadow:none;
}

body[data-role="admin"] .admin-top-profile129-trigger:hover{
  background:var(--surface-2);
}

body[data-role="admin"] .admin-top-profile129-trigger .avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  box-shadow:none!important;
  border:0!important;
}

body[data-role="admin"] .admin-top-profile129-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  line-height:1.1;
}

body[data-role="admin"] .admin-top-profile129-copy b{
  display:block;
  min-width:0;
  font-size:11.5px;
  line-height:1.15;
  font-weight:720;
  letter-spacing:-.018em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body[data-role="admin"] .admin-top-profile129-copy span{
  display:block;
  min-width:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
  font-weight:520;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body[data-role="admin"] .admin-top-profile129-chevron{
  width:15px;
  height:15px;
  color:var(--muted);
  display:grid;
  place-items:center;
  transition:transform .18s var(--ease);
}

body[data-role="admin"] .admin-top-profile129-chevron svg{
  width:14px;
  height:14px;
  stroke-width:1.55;
}

body[data-role="admin"] .admin-top-profile129-trigger[aria-expanded="true"] .admin-top-profile129-chevron{
  transform:rotate(180deg);
}

body[data-role="admin"] .admin-top-profile129-menu{
  position:absolute;
  top:51px;
  right:0;
  width:188px;
  padding:7px;
  border-radius:14px;
  background:var(--surface-solid);
  box-shadow:0 16px 42px rgba(15,23,42,.13);
  z-index:90;
}

html[dir="rtl"] body[data-role="admin"] .admin-top-profile129-menu{
  right:auto;
  left:0;
}

body[data-role="admin"] .admin-top-profile129-menu button{
  width:100%;
  height:39px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--text);
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 10px;
  text-align:start;
  font-size:12px;
  font-weight:620;
  cursor:pointer;
}

body[data-role="admin"] .admin-top-profile129-menu button:hover{
  background:var(--surface-2);
}

body[data-role="admin"] .admin-top-profile129-menu button svg{
  width:16px;
  height:16px;
  stroke-width:1.55;
}

body[data-role="admin"] .admin-top-profile129-menu .danger{
  color:#df5050;
}

body[data-role="admin"] .admin-top-profile129-menu .sep{
  height:1px;
  margin:5px 3px;
  background:var(--line);
}

@media(max-width:980px){
  body[data-role="admin"] .admin-top-profile129-trigger{
    min-width:46px;
    width:46px;
    grid-template-columns:34px;
    padding:5px 6px;
  }
  body[data-role="admin"] .admin-top-profile129-copy,
  body[data-role="admin"] .admin-top-profile129-chevron{
    display:none;
  }
}


/* =========================================================
   STAGE 131 — PROFILE / BRAND MEDIA EDITING
   Requested behavior:
   - Outside view: photo/logo + name/role + small pencil only.
   - NO Delete Profile / Delete Photo / Delete Logo text outside.
   - Pencil opens one clean media-management card.
   - Delete lives inside that card (and crop card), not outside.
   ========================================================= */

/* Safety: never expose old destructive text controls in the outer UI. */
.profile-photo-actions119,
.brand-logo-delete119{
  display:none!important;
}

/* Shared pencil position: bottom-right, slightly offset. */
.profile-camera,
.member-photo-edit119,
.brand-logo-edit-btn76{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  padding:0!important;
  border-radius:50%!important;
  border:2px solid var(--surface-solid)!important;
  background:#f36a25!important;
  color:#fff!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  z-index:8!important;
  margin:0!important;
}
.profile-camera:hover,
.member-photo-edit119:hover,
.brand-logo-edit-btn76:hover{
  background:#e95f20!important;
  transform:none!important;
}
.profile-camera svg,
.member-photo-edit119 svg,
.brand-logo-edit-btn76 svg{
  width:12px!important;
  height:12px!important;
  stroke-width:1.8!important;
}

/* Own profile */
.profile-avatar-wrap .profile-camera{
  position:absolute!important;
  right:-3px!important;
  bottom:-2px!important;
  left:auto!important;
  top:auto!important;
}

/* Team member workspace */
.member-workspace-head .member-photo-wrap{
  position:relative!important;
}
.member-workspace-head .member-photo-edit119{
  position:absolute!important;
  right:-3px!important;
  bottom:-3px!important;
  left:auto!important;
  top:auto!important;
}

/* Brand logo: wrap logo + pencil together so the pencil is tied to the logo. */
.brand-logo-editor75{
  position:relative!important;
}
.brand-logo-frame131{
  position:relative;
  width:88px;
  height:88px;
  margin:0 auto;
}
.brand-logo-frame131 .brand-logo-preview75{
  width:88px!important;
  height:88px!important;
  margin:0!important;
  position:relative!important;
}
.brand-logo-frame131 .brand-logo-edit-btn76{
  position:absolute!important;
  right:-3px!important;
  bottom:-3px!important;
  left:auto!important;
  top:auto!important;
}
.brand-logo-name131{
  margin-top:9px;
  font-size:12px;
  line-height:1.25;
  font-weight:750;
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.brand-logo-editor75 input[type="file"]{
  display:none!important;
}

/* The outer profile identity should read as identity, not as a button list. */
.profile-editor-identity{
  align-items:center!important;
}
.profile-identity-copy .profile-name131{
  margin:0;
  font-size:22px;
  line-height:1.12;
  letter-spacing:-.04em;
  font-weight:720;
}
.profile-identity-copy .profile-role131{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
  font-weight:550;
}

/* Media manager modal */
.media-manager131{
  width:min(470px,calc(100vw - 28px));
  border-radius:22px;
  background:var(--surface-solid);
  padding:18px;
  box-shadow:0 30px 90px rgba(13,20,31,.22);
}
.media-manager131-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.media-manager131-head h3{
  margin:0;
  font-size:16px;
  letter-spacing:-.025em;
}
.media-manager131-close{
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  background:var(--surface-2);
  color:var(--muted);
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:19px;
  line-height:1;
}
.media-manager131-identity{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px;
  border-radius:15px;
  background:var(--surface-2);
}
.media-manager131-preview{
  width:84px;
  height:84px;
  flex:0 0 84px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:var(--surface-solid);
  color:var(--text);
}
.media-manager131-preview.avatar-mode{
  border-radius:50%;
}
.media-manager131-preview.brand-mode{
  border-radius:18px;
}
.media-manager131-preview .avatar{
  width:84px!important;
  height:84px!important;
  min-width:84px!important;
  box-shadow:none!important;
  border:0!important;
}
.media-manager131-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.media-manager131-copy{
  min-width:0;
}
.media-manager131-copy b{
  display:block;
  font-size:13px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.media-manager131-copy span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.media-manager131-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.media-manager131-actions .delete{
  margin-inline-start:auto;
  border:0;
  background:transparent;
  color:#d94c55;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  padding:8px 4px;
}
.media-manager131-actions .delete[hidden]{
  display:none!important;
}
.media-manager131-actions .btn{
  height:38px!important;
}

/* Crop card: destructive option belongs INSIDE the editor only. */
.crop119-actions .media-delete131{
  margin-inline-end:auto!important;
  border:0!important;
  background:transparent!important;
  color:#d94c55!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
  padding:8px 4px!important;
}
.crop119-actions .media-delete131[hidden]{
  display:none!important;
}

@media(max-width:600px){
  .media-manager131-identity{
    align-items:flex-start;
  }
  .media-manager131-actions{
    flex-wrap:wrap;
  }
  .media-manager131-actions .delete{
    width:100%;
    order:3;
    margin:0;
    text-align:start;
  }
}


/* =========================================================
   STAGE 132 — ADMIN TEAM MANAGEMENT ONLY
   - Real D1 members
   - Add Member
   - Edit Member + name / role / PIN / profile photo
   - Workspace modal shows ONLY assigned brands
   - Team account untouched
   ========================================================= */

body[data-role="admin"] .team132-loading{
  padding:24px 4px;
  color:var(--muted);
  font-size:12px;
}

body[data-role="admin"] .team-grid-v2.team132-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

body[data-role="admin"] .team132-card{
  min-width:0;
}

body[data-role="admin"] .team132-card .member-card-top{
  min-height:72px;
}

body[data-role="admin"] .team132-card .member-photo-wrap{
  position:relative;
}

body[data-role="admin"] .team132-card .member-actions-v2{
  grid-template-columns:1.2fr .82fr .7fr!important;
  gap:6px!important;
}

body[data-role="admin"] .team132-card .member-actions-v2 .btn{
  min-width:0;
  padding:0 8px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:none!important;
}

body[data-role="admin"] .team132-card .member-actions-v2 .btn.primary{
  box-shadow:none!important;
}

body[data-role="admin"] .team132-edit-btn{
  background:var(--surface-2)!important;
  color:var(--text)!important;
}

body[data-role="admin"] .team132-edit-btn:hover{
  background:color-mix(in srgb,#f36a25 7%,var(--surface-2))!important;
  color:#e85f20!important;
}

/* Real Add/Edit member modal */
.team132-modal{
  width:min(520px,calc(100vw - 28px));
  border-radius:22px;
  background:var(--surface-solid);
  padding:18px;
  box-shadow:0 30px 90px rgba(13,20,31,.2);
}

.team132-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:15px;
}

.team132-head h3{
  margin:0;
  font-size:17px;
  letter-spacing:-.03em;
}

.team132-head p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}

.team132-close{
  width:32px;
  height:32px;
  min-width:32px;
  border:0;
  border-radius:9px;
  background:var(--surface-2);
  color:var(--muted);
  display:grid;
  place-items:center;
  padding:0;
  font-size:19px;
  line-height:1;
  cursor:pointer;
}

.team132-identity{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:15px;
  padding:11px;
  border-radius:14px;
  background:var(--surface-2);
}

.team132-avatar-wrap{
  position:relative;
  width:72px;
  height:72px;
  flex:0 0 72px;
}

.team132-avatar-wrap .avatar{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  box-shadow:none!important;
  border:0!important;
}

.team132-avatar-edit{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:28px;
  height:28px;
  border:2px solid var(--surface-2);
  border-radius:50%;
  background:#f36a25;
  color:#fff;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
}

.team132-avatar-edit svg{
  width:12px;
  height:12px;
  stroke-width:1.8;
}

.team132-identity-copy{
  min-width:0;
}

.team132-identity-copy b{
  display:block;
  font-size:12px;
  line-height:1.2;
}

.team132-identity-copy span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  line-height:1.3;
}

.team132-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.team132-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.team132-field.full{
  grid-column:1/-1;
}

.team132-field label{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}

.team132-field input{
  height:42px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--surface-2);
  color:var(--text);
  padding:0 10px;
  font-size:12px;
}

.team132-field small{
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}

.team132-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid var(--line);
}

/* Workspace chooser: brands only. No member profile/avatar/edit controls. */
.member-workspace-modal.team132-workspace{
  width:min(570px,92vw)!important;
  padding:16px!important;
}

.team132-workspace-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.team132-workspace-title{
  min-width:0;
}

.team132-workspace-title b{
  display:block;
  font-size:14px;
  line-height:1.25;
}

.team132-workspace-title span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}

.team132-workspace .member-brand-title{
  margin-top:0!important;
}

.team132-workspace .member-brand-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

.team132-workspace .member-brand-choice{
  min-height:64px!important;
  padding:8px 9px!important;
}

.team132-empty-brands{
  grid-column:1/-1;
  padding:18px 8px;
  border-radius:11px;
  background:var(--surface-2);
  color:var(--muted);
  font-size:11px;
  text-align:center;
}

@media(max-width:1080px){
  body[data-role="admin"] .team-grid-v2.team132-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  body[data-role="admin"] .team-grid-v2.team132-grid{
    grid-template-columns:1fr!important;
  }

  body[data-role="admin"] .team132-card .member-actions-v2{
    grid-template-columns:1fr!important;
  }

  .team132-form{
    grid-template-columns:1fr;
  }

  .team132-field.full{
    grid-column:auto;
  }

  .team132-workspace .member-brand-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   STAGE 133 — TEAM CARD PRIMARY ACTION ONLY
   Open Workspace keeps the orange identity, but removes
   the old glass blur / gradient / glow for a softer finish.
   ========================================================= */
body[data-role=admin] .team132-card .member-actions-v2 .btn.primary,
body[data-role=admin] .team132-card .member-actions-v2 .btn.primary:hover,
body[data-role=admin] .team132-card .member-actions-v2 .btn.primary:focus,
body[data-role=admin] .team132-card .member-actions-v2 .btn.primary:active{
  background:#f4773b!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid rgba(211,83,24,.12)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  text-shadow:none!important;
  transform:none!important;
}
body[data-role=admin] .team132-card .member-actions-v2 .btn.primary:hover{
  background:#ee6b31!important;
}


/* =========================================================
   STAGE 134 — MY PROFILE SELF-EDIT ONLY
   - Admin and members can edit their own name + role.
   - PIN changes require the current PIN first.
   - Profile avatar inside My Profile has no shadow.
   - Team / Edit Member screens are intentionally untouched.
   ========================================================= */
.profile-editor-premium .profile-avatar-wrap .avatar,
.profile-editor-premium #profilePhotoPreview .avatar{
  box-shadow:none!important;
}
.profile-editor-premium .profile-pin-help134{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.profile-editor-premium .profile-pin-divider134{
  grid-column:1/-1;
  height:1px;
  background:color-mix(in srgb,var(--line) 72%,transparent);
  margin:2px 0 1px;
}
@media(max-width:600px){
  .profile-editor-premium .profile-pin-divider134{grid-column:auto;}
}


/* =========================================================
   STAGE 138 — EDIT BRAND IDENTITY ROW
   - Remove the duplicate brand name shown below the logo.
   - Keep brand logo/profile and editable Brand Name field in one balanced row.
   - Preserve all existing brand editing behavior and media controls.
   ========================================================= */
.brand-edit75 .brand-logo-name131{
  display:none!important;
}
.brand-edit75 .brand-edit-main75{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
}
.brand-edit75 .brand-logo-editor75{
  width:96px!important;
  min-width:96px!important;
  min-height:88px!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.brand-edit75 .brand-logo-frame131{
  margin:0 auto!important;
}
.brand-edit75 .brand-edit-fields75{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
}
.brand-edit75 .brand-edit-fields75 .brand-field75{
  width:100%!important;
  margin:0!important;
}
.brand-edit75 .brand-edit-fields75 .brand-field75 input{
  width:100%!important;
}
@media(max-width:620px){
  .brand-edit75 .brand-edit-main75{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .brand-edit75 .brand-logo-editor75{
    width:88px!important;
    min-width:88px!important;
  }
}


/* =========================================================
   STAGE 139 — CREATIVE BOARD PRO WORKSPACE
   UI/interaction refinement only. No schema migration.
   ========================================================= */
.cb128-page{gap:10px!important}
#c128root{display:flex;flex-direction:column;gap:9px}
.cb139-toprow{display:flex;align-items:stretch;gap:10px;width:100%;min-width:0}
.cb128-context.cb139-brand-card{
  flex:0 0 176px!important;
  width:176px!important;
  min-height:50px!important;
  padding:7px 10px!important;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
  border-radius:13px!important;
  background:var(--surface-solid)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.cb128-context.cb139-brand-card select{
  width:100%!important;
  min-width:0!important;
  height:35px!important;
  padding-inline-start:13px!important;
  border-radius:9px!important;
  background-color:var(--surface-2)!important;
  font-size:11px!important;
  font-weight:690!important;
  letter-spacing:-.01em!important;
  text-overflow:ellipsis!important;
}
.cb128-toolbar.cb139-tools-card{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:50px!important;
  height:auto!important;
  padding:7px 9px!important;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
  border-radius:13px!important;
  background:var(--surface-solid)!important;
  overflow-x:auto!important;
  box-shadow:none!important;
}
.cb128-tool{
  height:35px!important;
  min-width:35px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  gap:5px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:680!important;
  letter-spacing:-.012em!important;
}
.cb128-tool svg{width:15.5px!important;height:15.5px!important;stroke-width:1.55!important;flex:0 0 auto}
.cb128-tool span{line-height:1!important}
.cb128-sep{height:21px!important;margin:0 3px!important}
.cb139-membersrow{min-height:38px;display:flex;align-items:center;padding:2px 4px;overflow:hidden}
.cb139-membersrow .cb128-members{width:100%;padding:0 2px}
.cb139-membersrow .cb128-member{height:32px!important;font-size:11px!important;padding:0 7px!important}
.cb139-breadcrumb{
  position:absolute;left:12px;top:12px;z-index:20;display:flex;align-items:center;gap:4px;
  min-height:30px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
  border-radius:9px;background:color-mix(in srgb,var(--surface-solid) 93%,transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--muted);font-size:11px
}
html[dir="rtl"] .cb139-breadcrumb{left:auto;right:12px}
.cb139-breadcrumb button{border:0;background:transparent;color:inherit;padding:4px;border-radius:6px;font:700 12px/1 var(--font-ui);cursor:pointer}
.cb139-breadcrumb button:hover{background:var(--surface-2);color:var(--text)}
.cb128-shell{overflow:visible!important;border:0!important;background:transparent!important}
.cb128-canvas{border:1px solid color-mix(in srgb,var(--line) 68%,transparent);border-radius:15px;overflow:hidden!important}

/* Calm, direct-manipulation items. */
.cb128-item{cursor:grab}
.cb128-item:active{cursor:grabbing}
.cb128-item.selected{outline:1px solid color-mix(in srgb,var(--text) 46%,transparent)!important;outline-offset:3px!important}
.cb128-item:hover .cb128-resize,.cb128-item.selected .cb128-resize{display:block!important}
.cb128-resize{width:14px!important;height:14px!important;right:-7px!important;bottom:-7px!important;border-radius:4px!important;z-index:20!important}
.cb128-image{border-radius:9px!important}
.cb128-link{border-radius:11px!important}
.cb128-link-cover{flex:0 0 auto!important;height:auto!important;aspect-ratio:16/9!important;min-height:0!important;background:var(--surface-2)!important}
.cb128-link-copy{padding:9px 10px!important}
.cb128-link-copy b{font-size:12px!important;line-height:1.2!important}
.cb128-link-copy span{font-size:11px!important}
.cb128-folder{cursor:pointer!important}
.cb128-shape{border-radius:0!important}
.cb128-shape.circle{border-radius:50%!important}
.cb128-shape.triangle{clip-path:polygon(50% 4%,97% 96%,3% 96%);border-radius:0!important}

/* Bottom-right navigation dock: zoom + fit content. */
.cb139-zoomdock{
  position:absolute;right:12px;bottom:12px;z-index:24;display:flex;align-items:center;gap:2px;
  padding:4px;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:10px;
  background:color-mix(in srgb,var(--surface-solid) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
html[dir="rtl"] .cb139-zoomdock{right:auto;left:12px}
.cb139-zoomdock button{
  height:29px;min-width:29px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--muted);
  display:grid;place-items:center;cursor:pointer;font:700 12px/1 var(--font-ui)
}
.cb139-zoomdock button:hover{background:var(--surface-2);color:var(--text)}
.cb139-zoomdock button svg{width:14px;height:14px;stroke-width:1.6}
.cb139-zoom-value{min-width:46px!important;color:var(--text)!important}
.cb139-fit{border-left:1px solid var(--line)!important;border-radius:0 7px 7px 0!important;margin-left:2px!important}
html[dir="rtl"] .cb139-fit{border-left:0!important;border-right:1px solid var(--line)!important;border-radius:7px 0 0 7px!important;margin-left:0!important;margin-right:2px!important}

/* Shape menu: only square / circle / triangle. */
.cb139-shape-menu{
  position:fixed;z-index:400;display:flex;align-items:center;gap:5px;padding:6px;border:1px solid var(--line);
  border-radius:11px;background:var(--surface-solid);box-shadow:0 14px 38px rgba(15,25,40,.13)
}
.cb139-shape-menu button{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.cb139-shape-menu button:hover{background:var(--surface-2);color:var(--text)}
.cb139-shape-preview{width:17px;height:17px;background:currentColor;opacity:.82}
.cb139-shape-preview.circle{border-radius:50%}.cb139-shape-preview.triangle{clip-path:polygon(50% 3%,98% 96%,2% 96%)}

@media(max-width:900px){
  .cb139-toprow{gap:7px;align-items:stretch}
  .cb128-context.cb139-brand-card{flex-basis:146px!important;width:146px!important}
  .cb128-tool span{display:none!important}
  .cb128-tool{padding:0 8px!important}
}
@media(max-width:650px){
  .cb139-toprow{flex-direction:column}
  .cb128-context.cb139-brand-card{width:100%!important;flex-basis:auto!important}
  .cb128-toolbar.cb139-tools-card{width:100%!important}
}


/* =========================================================
   STAGE 140 — CREATIVE BOARD FLUID INTERACTIONS
   - GPU-smooth direct dragging; persist only on pointer-up.
   - Clean blue selection + floating Move/Delete toolbar.
   - Folder cards with unread count, rename and delete.
   - Member seen-state is recorded; admin sees Seen / Not seen.
   - Free text: click canvas to create, double-click text to edit.
   ========================================================= */

/* Remove the old black X and dotted drag grip completely. */
.cb128-grip,
.cb128-delete{display:none!important}

/* Tight, professional selection directly on the element bounds. */
.cb128-item{will-change:auto;contain:layout style}
.cb128-item.dragging{will-change:transform!important;z-index:999!important;cursor:grabbing!important}
.cb128-item.selected:not(.cb140-folder-item){
  outline:2px solid #6676ff!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
.cb128-item.selected:not(.cb140-folder-item)::before{
  content:"";
  position:absolute;
  width:10px;height:10px;
  left:-6px;top:-6px;
  border:2px solid #6676ff;
  border-radius:50%;
  background:var(--surface-solid);
  z-index:31;
  pointer-events:none;
}
.cb128-item.selected:not(.cb140-folder-item)::after{
  content:"";
  position:absolute;
  width:10px;height:10px;
  right:-6px;top:-6px;
  border:2px solid #6676ff;
  border-radius:50%;
  background:var(--surface-solid);
  z-index:31;
  pointer-events:none;
}
.cb128-item.selected .cb128-resize,
.cb128-item:hover .cb128-resize{
  display:block!important;
}
.cb128-resize{
  width:15px!important;height:15px!important;
  right:-8px!important;bottom:-8px!important;
  border:2px solid #6676ff!important;
  border-radius:5px!important;
  background:var(--surface-solid)!important;
  box-shadow:0 2px 7px rgba(30,45,90,.10)!important;
  z-index:32!important;
  touch-action:none!important;
}

/* Text behaves as an object until the user double-clicks to edit it. */
.cb128-text[contenteditable="false"]{
  cursor:grab!important;
  user-select:none!important;
}
.cb128-text[contenteditable="true"]{
  cursor:text!important;
  user-select:text!important;
}
.cb128-text:empty::before{
  content:"Type here…";
  color:color-mix(in srgb,var(--muted) 72%,transparent);
  pointer-events:none;
}

/* Floating action bar — intentionally no Front action. */
.cb140-selection-toolbar{
  position:absolute;
  z-index:80;
  display:none;
  align-items:center;
  gap:3px;
  min-height:42px;
  padding:5px;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface-solid) 97%,transparent);
  box-shadow:0 12px 34px rgba(12,25,48,.14);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform:translateZ(0);
}
.cb140-selection-toolbar.show{display:flex}
.cb140-selection-toolbar button{
  height:32px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  font-size:11px;
  line-height:1;
  font-weight:720;
  white-space:nowrap;
}
.cb140-selection-toolbar button:hover{background:var(--surface-2);color:var(--text)}
.cb140-selection-toolbar button.danger{color:#ef5363}
.cb140-selection-toolbar button.danger:hover{background:color-mix(in srgb,#ef5363 9%,var(--surface-2));color:#e33f51}
.cb140-selection-toolbar svg{width:15px;height:15px;stroke-width:1.7}

/* Per-item seen state for the admin. */
.cb140-seen-badge{
  position:absolute;
  top:7px;
  right:7px;
  z-index:26;
  min-height:23px;
  padding:0 8px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  font-size:11px;
  line-height:1;
  font-weight:760;
  letter-spacing:-.01em;
  border:1px solid transparent;
}
.cb140-seen-badge.seen{
  color:#19704f;
  background:rgba(228,249,239,.95);
  border-color:rgba(31,186,112,.18);
}
.cb140-seen-badge.unseen{
  color:#8a5b06;
  background:rgba(255,247,224,.96);
  border-color:rgba(245,163,0,.20);
}
body[data-theme="dark"] .cb140-seen-badge.seen{color:#91e4bd;background:rgba(24,84,61,.90)}
body[data-theme="dark"] .cb140-seen-badge.unseen{color:#ffd887;background:rgba(105,72,15,.92)}

/* Selected pen / line path uses a subtle blue halo. */
.cb128-hit.cb140-path-selected{
  stroke:rgba(102,118,255,.30)!important;
  stroke-width:18!important;
}

/* Folder cards inspired by the supplied reference, adapted to BECAL. */
.cb128-item.cb140-folder-item{
  width:214px!important;
  height:222px!important;
  outline:0!important;
  cursor:default!important;
}
.cb128-item.cb140-folder-item .cb128-resize{display:none!important}
.cb140-folder-card{
  width:100%;height:100%;
  position:relative;
  border:1px solid color-mix(in srgb,var(--line) 88%,#8ba3c6);
  border-radius:17px;
  background:color-mix(in srgb,var(--surface-solid) 96%,var(--surface-2));
  color:var(--text);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:21px 14px 13px;
  box-shadow:none;
  overflow:hidden;
}
.cb140-folder-main{
  width:100%;
  flex:1;
  min-height:0;
  border:0;
  background:transparent;
  color:inherit;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer;
}
.cb140-folder-symbol{
  width:68px;height:54px;
  position:relative;
  display:block;
  margin-top:5px;
  margin-bottom:18px;
}
.cb140-folder-symbol::before{
  content:"";
  position:absolute;
  left:3px;right:3px;bottom:2px;top:13px;
  border-radius:5px 5px 4px 4px;
  background:#d99c39;
  box-shadow:inset 0 0 0 3px rgba(255,194,81,.42);
}
.cb140-folder-symbol::after{
  content:"";
  position:absolute;
  left:4px;top:7px;
  width:31px;height:17px;
  border-radius:5px 7px 0 0;
  background:#d99c39;
}
.cb140-folder-title{
  width:100%;
  min-height:35px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:12px;
  line-height:1.35;
  font-weight:790;
  letter-spacing:-.02em;
  overflow:hidden;
}
.cb140-folder-count{
  margin-top:7px;
  color:var(--muted);
  font-size:11px;
  font-weight:650;
}
.cb140-folder-unseen{
  position:absolute;
  top:15px;right:17px;
  min-width:30px;height:30px;
  padding:0 7px;
  border-radius:999px;
  background:#7580ff;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  line-height:1;
  font-weight:800;
  box-shadow:0 5px 14px rgba(84,97,220,.18);
}
.cb140-folder-actions{
  width:100%;
  min-height:30px;
  margin-top:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}
.cb140-folder-actions button{
  width:28px;height:28px;
  border:0;
  border-radius:8px;
  padding:0;
  background:transparent;
  color:var(--muted);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.cb140-folder-actions button:hover{background:var(--surface-2);color:var(--text)}
.cb140-folder-actions button.danger:hover{color:#e64d5e;background:color-mix(in srgb,#ef5363 8%,var(--surface-2))}
.cb140-folder-actions svg{width:15px;height:15px;stroke-width:1.65}

/* Move-to-folder sheet. */
.cb140-move-list{display:flex;flex-direction:column;gap:6px;max-height:310px;overflow:auto;margin-top:4px}
.cb140-move-option{
  width:100%;min-height:45px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--surface-solid);
  color:var(--text);
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 11px;
  cursor:pointer;
  text-align:start;
  font-size:12px;
  font-weight:700;
}
.cb140-move-option:hover{background:var(--surface-2)}
.cb140-move-option.current{opacity:.52;cursor:default}
.cb140-move-option svg{width:16px;height:16px;color:var(--muted)}
.cb140-dialog-copy{margin:-4px 0 12px;color:var(--muted);font-size:11px;line-height:1.55}

@media(max-width:700px){
  .cb140-selection-toolbar button{padding:0 8px}
  .cb128-item.cb140-folder-item{width:196px!important;height:210px!important}
}


/* =========================================================
   STAGE 141 — DIRECT SELECT / BLANK DESELECT / ATTACHED ACTIONS
   - Newly uploaded images are selected automatically.
   - Clicking any board item selects it directly; no Select tool required.
   - Clicking empty canvas clears selection and hides Move/Delete.
   - Move/Delete is physically attached to the selected item, so it follows drag.
   ========================================================= */

/* Keep selected object and its controls visually above neighbouring content. */
.cb128-item.selected:not(.cb140-folder-item){
  z-index:998!important;
}

/* When attached to an item, ignore the old canvas-level inline coordinates. */
.cb140-selection-toolbar.cb141-attached{
  position:absolute!important;
  left:auto!important;
  right:0!important;
  top:-51px!important;
  bottom:auto!important;
  transform:none!important;
  z-index:1200!important;
  pointer-events:auto!important;
}
.cb140-selection-toolbar.cb141-attached.cb141-below{
  top:calc(100% + 8px)!important;
}

/* The resize handle belongs to selection, not hover. */
.cb128-item:not(.selected) .cb128-resize{
  display:none!important;
}
.cb128-item.selected .cb128-resize{
  display:block!important;
}


/* =========================================================
   STAGE 145 — NATIVE CREATIVE BOARD HEADER
   Team Member selector is rendered by renderC itself (no observer).
   The root Board breadcrumb is not rendered at all.
   ========================================================= */
.cb139-toprow.cb145-toprow{
  display:grid!important;
  grid-template-columns:176px minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.cb139-toprow.cb145-toprow.cb145-admin-toprow{
  grid-template-columns:176px minmax(0,1fr) 190px!important;
}
.cb145-toprow>.cb139-brand-card{width:176px!important;min-width:176px!important;flex:none!important}
.cb145-toprow>.cb139-tools-card{width:auto!important;min-width:0!important;flex:none!important}
.cb145-team-card{
  position:relative;
  width:190px;
  min-width:190px;
  min-height:50px;
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  border-radius:13px;
  background:var(--surface-solid);
  box-shadow:none;
  overflow:visible;
  z-index:80;
}
.cb145-team-trigger{
  width:100%;height:35px;border:0;border-radius:9px;padding:0 9px;background:var(--surface-2);color:var(--text);
  display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer;
}
html[dir="rtl"] .cb145-team-trigger{text-align:right}
.cb145-team-trigger:hover{background:color-mix(in srgb,var(--surface-2) 82%,var(--line))}
.cb145-team-avatar{
  position:relative;width:23px;height:23px;min-width:23px;border-radius:50%;overflow:hidden;
  background:var(--surface-solid);border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  box-shadow:none;display:grid;place-items:center;color:var(--muted);
}
.cb145-team-avatar i{font-style:normal;font-size:7px;font-weight:760;line-height:1;display:grid;place-items:center;position:absolute;inset:0}
.cb145-team-avatar img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;z-index:2}
.cb145-team-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1}
.cb145-team-copy small{display:block;margin-bottom:3px;color:var(--muted);font-size:11px;font-weight:660;letter-spacing:.015em}
.cb145-team-copy b{display:block;max-width:116px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:11px;font-weight:730;letter-spacing:-.012em}
.cb145-team-chevron{margin-left:auto;width:14px;height:14px;display:grid;place-items:center;color:var(--muted);transition:transform .16s var(--ease)}
html[dir="rtl"] .cb145-team-chevron{margin-left:0;margin-right:auto}
.cb145-team-chevron svg{width:12px;height:12px;stroke-width:1.7}
.cb145-team-card.open .cb145-team-chevron{transform:rotate(180deg)}
.cb145-team-menu{
  position:absolute;top:calc(100% + 6px);right:0;width:228px;max-height:310px;overflow:auto;padding:6px;
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:12px;background:var(--surface-solid);
  box-shadow:0 18px 48px rgba(12,24,46,.14);z-index:1200;
}
html[dir="rtl"] .cb145-team-menu{right:auto;left:0}
.cb145-team-option{
  width:100%;min-height:42px;border:0;border-radius:9px;padding:6px 7px;background:transparent;color:var(--text);
  display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center;text-align:left;cursor:pointer;
}
html[dir="rtl"] .cb145-team-option{text-align:right}
.cb145-team-option:hover{background:var(--surface-2)}
.cb145-team-option.active{background:color-mix(in srgb,#6c78ff 8%,var(--surface-2))}
.cb145-team-option .cb145-team-avatar{width:27px;height:27px;min-width:27px}
.cb145-team-option-copy{min-width:0}
.cb145-team-option-copy b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.15;font-weight:720}
.cb145-team-option-copy span{display:block;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:11px;line-height:1.15}
.cb145-team-empty{padding:12px 9px;color:var(--muted);font-size:11px;text-align:center}

/* There is intentionally NO root Board breadcrumb/container. Folder navigation is plain. */
.cb128-crumb,.cb139-breadcrumb{display:none!important}
.cb145-folder-nav{
  position:absolute;left:13px;top:12px;z-index:24;display:flex;align-items:center;gap:5px;
  color:var(--muted);font-size:11px;font-weight:700;background:transparent;border:0;box-shadow:none;padding:0;
}
html[dir="rtl"] .cb145-folder-nav{left:auto;right:13px}
.cb145-folder-nav button{width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;border-radius:6px}
.cb145-folder-nav button:hover{background:var(--surface-2);color:var(--text)}
.cb145-folder-nav button svg{width:13px;height:13px;stroke-width:1.8;transform:rotate(180deg)}
html[dir="rtl"] .cb145-folder-nav button svg{transform:none}
.cb145-folder-nav span{white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}

@media(max-width:1100px){
  .cb139-toprow.cb145-toprow{grid-template-columns:150px minmax(0,1fr)!important;gap:7px!important}
  .cb139-toprow.cb145-toprow.cb145-admin-toprow{grid-template-columns:150px minmax(0,1fr) 170px!important}
  .cb145-toprow>.cb139-brand-card{width:150px!important;min-width:150px!important}
  .cb145-team-card{width:170px;min-width:170px}
  .cb145-team-copy b{max-width:96px}
}
@media(max-width:760px){
  .cb139-toprow.cb145-toprow{display:grid!important;grid-template-columns:138px minmax(190px,1fr)!important;overflow-x:auto!important;flex-direction:initial!important}
  .cb139-toprow.cb145-toprow.cb145-admin-toprow{grid-template-columns:138px minmax(190px,1fr) 154px!important}
  .cb145-toprow>.cb139-brand-card{width:138px!important;min-width:138px!important}
  .cb145-team-card{width:154px;min-width:154px}
  .cb145-team-copy small{display:none}
  .cb145-team-copy b{max-width:82px}
}


/* =========================================================
   STAGE 146 — FUNCTIONAL CREATIVE BOARD
   - Folder Library is separate from the dotted canvas.
   - A folder opens its own real board; Back returns to folders.
   - Old FOLDER_REF canvas artifacts are no longer rendered.
   - Drawings have reliable hit targets + Delete toolbar.
   - Social links show a thumbnail when available, platform identity otherwise.
   ========================================================= */
.cb146-library-toprow{margin-bottom:0!important}
.cb146-library-toolbar{
  min-width:0;min-height:50px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  border-radius:13px;background:var(--surface-solid);display:flex;align-items:center;gap:5px;overflow:hidden
}
.cb146-library-toolbar button{
  height:35px;border:0;border-radius:9px;padding:0 10px;background:transparent;color:var(--muted);
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:680 12px/1 var(--font-ui);white-space:nowrap
}
.cb146-library-toolbar button:hover{background:var(--surface-2);color:var(--text)}
.cb146-library-toolbar svg{width:15px;height:15px;stroke-width:1.6}
.cb146-library{
  min-height:calc(100vh - 290px);padding:18px 19px 24px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
  border-radius:15px;background:color-mix(in srgb,var(--surface-solid) 98%,var(--surface-2));overflow:auto
}
.cb146-library-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.cb146-library-head h3{margin:0;font-size:15px;letter-spacing:-.025em}
.cb146-library-head p{margin:5px 0 0;color:var(--muted);font-size:11px}
.cb146-new-folder{height:36px!important;flex:0 0 auto}
.cb146-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:14px;align-items:start}
.cb146-folder-tile{
  position:relative;min-width:0;min-height:194px;padding:13px 11px 10px;border:1px solid color-mix(in srgb,var(--line) 86%,#9fb0c9);
  border-radius:15px;background:var(--surface-solid);display:flex;flex-direction:column;align-items:center;box-shadow:none;
  transition:border-color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease)
}
.cb146-folder-tile:hover{border-color:color-mix(in srgb,#6676ff 35%,var(--line));background:color-mix(in srgb,var(--surface-solid) 95%,#f3f5ff);transform:translateY(-1px)}
.cb146-folder-open{width:100%;min-height:142px;flex:1;border:0;background:transparent;color:var(--text);padding:5px 5px 3px;display:flex;flex-direction:column;align-items:center;cursor:pointer}
.cb146-folder-icon{width:72px;height:57px;position:relative;display:block;margin:7px 0 13px}
.cb146-folder-icon::before{content:"";position:absolute;left:3px;right:3px;top:15px;bottom:1px;border-radius:6px 6px 5px 5px;background:#dca13f;box-shadow:inset 0 0 0 3px rgba(255,198,92,.42)}
.cb146-folder-icon::after{content:"";position:absolute;left:4px;top:7px;width:34px;height:19px;border-radius:6px 8px 0 0;background:#dca13f}
.cb146-folder-open strong{width:100%;min-height:30px;text-align:center;font-size:12px;line-height:1.3;font-weight:770;letter-spacing:-.018em;overflow:hidden;text-overflow:ellipsis}
.cb146-folder-open>span:last-child{margin-top:4px;color:var(--muted);font-size:11px;font-weight:620}
.cb146-folder-actions{width:100%;height:30px;margin-top:3px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);display:flex;align-items:center;justify-content:center;gap:18px}
.cb146-folder-actions button{width:28px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.cb146-folder-actions button:hover{background:var(--surface-2);color:var(--text)}
.cb146-folder-actions button.danger:hover{color:#e34b5c;background:color-mix(in srgb,#ef5363 8%,var(--surface-2))}
.cb146-folder-actions svg{width:14px;height:14px;stroke-width:1.65}
.cb146-folder-new{position:absolute;right:11px;top:11px;z-index:3;min-width:25px;height:25px;padding:0 6px;border-radius:999px;background:#6676ff;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:0 4px 12px rgba(77,91,215,.16)}
.cb146-general-tile .cb146-folder-open{justify-content:flex-start}
.cb146-general-icon{width:64px;height:64px;margin:4px 0 9px;border-radius:17px;background:color-mix(in srgb,#6676ff 10%,var(--surface-2));color:#6676ff;display:grid!important;place-items:center}
.cb146-general-icon svg{width:25px;height:25px;stroke-width:1.55}
.cb146-general-tile .cb146-folder-actions{display:none}
.cb146-canvas-back{position:absolute;left:13px;top:12px;z-index:32;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;font-weight:700}
html[dir="rtl"] .cb146-canvas-back{left:auto;right:13px}
.cb146-canvas-back button{width:27px;height:27px;padding:0;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);color:var(--muted);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.cb146-canvas-back button:hover{background:var(--surface-solid);color:var(--text)}
.cb146-canvas-back button svg{width:13px;height:13px;stroke-width:1.8;transform:rotate(180deg)}
html[dir="rtl"] .cb146-canvas-back button svg{transform:none}
.cb146-canvas-back span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
/* Make every saved drawing independently clickable, including older strokes. */
.cb128-hit{stroke:rgba(10,20,35,.001)!important;stroke-width:22!important;pointer-events:stroke!important;vector-effect:non-scaling-stroke!important}
.cb128-hit.cb140-path-selected{stroke:rgba(102,118,255,.30)!important;stroke-width:20!important}
/* Link preview: use real thumbnail when CSP/source permits; otherwise show platform identity. */
.cb146-link-cover{position:relative!important}
.cb146-platform-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:var(--surface-2);color:var(--muted)}
.cb146-link-cover.has-image .cb146-platform-fallback{display:none}
.cb146-platform-fallback i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-style:normal;font:800 19px/1 var(--font-ui);background:var(--surface-solid);box-shadow:0 4px 14px rgba(22,38,68,.07)}
.cb146-platform-fallback b{font-size:11px;font-weight:720;letter-spacing:-.01em}
.cb146-platform-youtube .cb146-platform-fallback{background:#fff4f4;color:#ff3030}.cb146-platform-youtube .cb146-platform-fallback i{background:#ff3030;color:#fff}
.cb146-platform-tiktok .cb146-platform-fallback{background:#f5f5f6;color:#111}.cb146-platform-tiktok .cb146-platform-fallback i{background:#111;color:#fff}
.cb146-platform-instagram .cb146-platform-fallback{background:linear-gradient(145deg,#fff5fb,#fff6ef);color:#bf3a8b}.cb146-platform-instagram .cb146-platform-fallback i{background:linear-gradient(145deg,#7b45df,#e14277,#f28a3c);color:#fff}
.cb146-platform-facebook .cb146-platform-fallback{background:#f1f6ff;color:#1877f2}.cb146-platform-facebook .cb146-platform-fallback i{background:#1877f2;color:#fff;font-family:Arial,sans-serif}
.cb146-platform-pinterest .cb146-platform-fallback{background:#fff3f4;color:#e60023}.cb146-platform-pinterest .cb146-platform-fallback i{background:#e60023;color:#fff;font-family:Georgia,serif}
body[data-theme="dark"] .cb146-platform-youtube .cb146-platform-fallback,body[data-theme="dark"] .cb146-platform-facebook .cb146-platform-fallback,body[data-theme="dark"] .cb146-platform-pinterest .cb146-platform-fallback,body[data-theme="dark"] .cb146-platform-instagram .cb146-platform-fallback,body[data-theme="dark"] .cb146-platform-tiktok .cb146-platform-fallback{background:var(--surface-2)}
@media(max-width:760px){
  .cb146-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cb146-library{padding:13px}.cb146-library-head p{display:none}.cb146-library-toolbar button span{display:none}
}
@media(max-width:500px){.cb146-folder-grid{grid-template-columns:1fr 1fr}.cb146-folder-tile{min-height:178px}.cb146-folder-icon{width:62px;height:50px}}


/* =========================================================
   STAGE 151 — CLEAN TEXT CONTROLS + TRUE MEDIA SCALE
   Preserve the stable drag model.
   One toolbar for text only; image/link resizing preserves the real visual aspect ratio.
   ========================================================= */

/* Folder library: compact cards that fit their content, no oversized empty space. */
.cb146-library{padding:16px 17px 22px!important}
.cb146-library-head{justify-content:flex-start!important;margin-bottom:13px!important}
.cb146-folder-grid{
  grid-template-columns:repeat(auto-fill,minmax(148px,168px))!important;
  gap:11px!important;
  justify-content:start!important;
}
.cb146-folder-tile{
  min-height:148px!important;
  padding:9px 9px 7px!important;
  border-radius:13px!important;
}
.cb146-folder-open{min-height:103px!important;padding:3px!important}
.cb146-folder-icon{width:54px!important;height:43px!important;margin:4px 0 9px!important}
.cb146-folder-icon::before{top:12px!important}
.cb146-folder-icon::after{top:5px!important;width:27px!important;height:15px!important}
.cb146-folder-open strong{min-height:25px!important;font-size:12px!important;line-height:1.25!important}
.cb146-folder-open>span:last-child{margin-top:2px!important;font-size:11px!important}
.cb146-folder-actions{height:27px!important;margin-top:2px!important;padding-top:3px!important;gap:13px!important}
.cb146-folder-actions button{width:26px!important;height:23px!important}
.cb146-folder-actions svg{width:13px!important;height:13px!important}
.cb146-folder-new{right:8px!important;top:8px!important;min-width:22px!important;height:22px!important;font-size:11px!important}
.cb146-general-icon{width:50px!important;height:50px!important;margin:3px 0 8px!important;border-radius:14px!important}
.cb146-general-icon svg{width:21px!important;height:21px!important}

/* Rename/New-folder dialogs: close icon is always in the physical top-right corner. */
.cb128-dialog{position:relative!important}
.cb128-dialog>h3{padding-right:42px!important}
.cb128-dialog .cb128-dialog-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  margin:0!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  z-index:8!important;
}
html[dir="rtl"] .cb128-dialog .cb128-dialog-close{right:12px!important;left:auto!important}

/* Free text is an object until double-click edit. No resize handle: text auto-fits itself. */
.cb128-item.cb149-text-item{min-width:0!important;min-height:0!important}
.cb128-item.cb149-text-item .cb128-resize{display:none!important}

/* Text has ONE control surface: the top inspector only. */
.cb128-item.cb149-text-item .cb128-grip,
.cb128-item.cb149-text-item .cb128-delete,
.cb128-item.cb149-text-item .cb128-resize{display:none!important}
#c128canvas.cb151-text-selected .cb140-selection-toolbar{display:none!important}

/* Media objects keep exact visual geometry while resizing. */
.cb128-item.cb151-image-item,
.cb128-item.cb151-link-item{box-sizing:border-box!important;overflow:visible!important}
.cb128-item.cb151-image-item{background:transparent!important;line-height:0!important}
.cb128-item.cb151-image-item .cb128-image{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:contain!important;object-position:center!important;background:transparent!important;
}
.cb128-item.cb151-link-item .cb128-link{
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  box-sizing:border-box!important;
}
.cb128-item.cb149-text-item .cb128-text{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-width:0!important;
  min-height:1.35em!important;
  padding:6px 8px!important;
  border-radius:7px!important;
  overflow:visible!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.cb128-item.cb149-text-item .cb128-text[contenteditable="false"]{cursor:grab!important;user-select:none!important}
.cb128-item.cb149-text-item .cb128-text[contenteditable="true"]{
  cursor:text!important;
  user-select:text!important;
  outline:1px dashed color-mix(in srgb,#6676ff 52%,transparent)!important;
}

/* Clear professional inspector; it never sits on top of the selected text. */
.cb149-text-inspector{
  position:absolute;
  top:13px;
  right:13px;
  z-index:75;
  display:none;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:6px 8px;
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface-solid) 97%,transparent);
  box-shadow:0 10px 28px rgba(16,30,55,.10);
  backdrop-filter:blur(12px);
}
.cb149-text-inspector.show{display:flex}
.cb149-text-group{display:flex;align-items:center;gap:5px}
.cb149-text-group+.cb149-text-group{padding-left:7px;border-left:1px solid var(--line)}
.cb149-text-inspector label{font-size:11px;color:var(--muted);font-weight:720;white-space:nowrap}
.cb149-text-inspector select{
  height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);
  padding:0 26px 0 8px;font-size:11px;font-weight:650
}
.cb149-align{display:flex;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}
.cb149-align button,.cb149-clear-bg{
  width:29px;height:27px;border:0;border-radius:6px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer
}
.cb149-align button.active{background:var(--surface-solid);color:#6676ff;box-shadow:0 1px 4px rgba(20,30,55,.07)}
.cb149-align svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;fill:none}
.cb149-color-wrap{display:flex;align-items:center;gap:6px}
.cb149-color-wrap input[type="color"]{
  width:28px!important;height:28px!important;min-width:28px!important;padding:2px!important;
  border:1px solid var(--line)!important;border-radius:50%!important;background:var(--surface-solid)!important;
  overflow:hidden!important;cursor:pointer!important;box-shadow:0 1px 4px rgba(20,30,55,.06)!important;
}
.cb149-color-wrap input[type="color"]::-webkit-color-swatch-wrapper{padding:0!important}
.cb149-color-wrap input[type="color"]::-webkit-color-swatch{border:0!important;border-radius:50%!important}
.cb149-color-wrap input[type="color"]::-moz-color-swatch{border:0!important;border-radius:50%!important}
.cb149-clear-bg{height:27px!important;width:auto!important;padding:0 8px!important;font-size:11px!important;font-weight:700!important;border:1px solid var(--line)!important;border-radius:8px!important}
.cb149-clear-bg:hover{background:var(--surface-2);color:var(--text)}
.cb149-text-actions{display:flex;align-items:center;gap:4px;padding-left:7px;border-left:1px solid var(--line)}
.cb149-text-actions button{
  height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:0 8px;
  display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:720;cursor:pointer;white-space:nowrap
}
.cb149-text-actions button:hover{background:var(--surface-2);color:var(--text)}
.cb149-text-actions button.danger{color:#e34c5c}
.cb149-text-actions button.danger:hover{background:color-mix(in srgb,#e34c5c 9%,var(--surface-2));color:#d84253}
.cb149-text-actions svg{width:13px;height:13px;stroke-width:1.6}

/* Path hit target stays invisible unless selected; selection gets toolbar and drag cursor. */
.cb128-hit{cursor:grab!important}
.cb128-hit.cb140-path-selected{cursor:grabbing!important}

@media(max-width:760px){
  .cb146-folder-grid{grid-template-columns:repeat(2,minmax(132px,158px))!important}
  .cb149-text-inspector{left:10px;right:10px;top:10px;overflow-x:auto;justify-content:flex-start}
}


/* =========================================================
   STAGE 152 — LINK CARD TRUE SCALE
   A link card is a fixed 250×170 component. Resizing scales the
   complete component uniformly instead of reflowing/stetching it.
   ========================================================= */
.cb128-item.cb152-link-scale{
  overflow:visible!important;
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:0!important;
}
.cb128-item.cb152-link-scale>.cb128-link{
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:250px!important;
  height:170px!important;
  min-width:250px!important;
  min-height:170px!important;
  max-width:none!important;
  max-height:none!important;
  transform-origin:0 0!important;
  transform:scale(var(--cb152-link-scale,1))!important;
  display:grid!important;
  grid-template-rows:118px 52px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:var(--surface-solid)!important;
  box-sizing:border-box!important;
}
.cb128-item.cb152-link-scale .cb128-link-cover{
  grid-row:1!important;
  width:250px!important;
  height:118px!important;
  min-width:250px!important;
  min-height:118px!important;
  max-height:118px!important;
  aspect-ratio:auto!important;
  flex:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.cb128-item.cb152-link-scale .cb128-link-cover>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
.cb128-item.cb152-link-scale .cb128-link-copy{
  grid-row:2!important;
  width:250px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  flex:none!important;
  padding:8px 10px!important;
  background:var(--surface-solid)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  display:block!important;
}
.cb128-item.cb152-link-scale .cb128-link-copy b{
  display:block!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:760!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cb128-item.cb152-link-scale .cb128-link-copy span{
  display:block!important;
  margin-top:4px!important;
  font-size:11px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Real, legible platform fallback icons — never a question-mark placeholder. */
.cb128-item.cb152-link-scale .cb146-platform-fallback{gap:7px!important}
.cb128-item.cb152-link-scale .cb146-platform-fallback i{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
.cb128-item.cb152-link-scale .cb146-platform-fallback i svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.cb128-item.cb152-link-scale .cb146-platform-fallback b{
  font-size:11px!important;
  line-height:1.2!important;
}
.cb128-item.cb152-link-scale .cb146-platform-youtube .cb146-platform-fallback i svg .cb152-fill,
.cb128-item.cb152-link-scale .cb146-platform-facebook .cb146-platform-fallback i svg .cb152-fill,
.cb128-item.cb152-link-scale .cb146-platform-pinterest .cb146-platform-fallback i svg .cb152-fill{
  fill:currentColor!important;
  stroke:none!important;
}


/* =========================================================
   STAGE 154 — NATIVE RENDER STABILITY
   No DOM/theme observers. Social icons, scale geometry and General icon are
   emitted by renderC itself, so theme changes cannot fight pointer resize.
   ========================================================= */
.cb146-general-tile .cb146-folder-new{display:none!important}
.cb146-general-icon.cb154-general-ios{
  width:50px!important;height:50px!important;margin:3px 0 8px!important;border-radius:14px!important;
  background:linear-gradient(160deg,#f3f6ff 0%,#e2e9ff 100%)!important;
  border:1px solid rgba(102,118,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 8px 20px rgba(66,82,175,.08)!important;
  display:grid!important;place-items:center!important;color:#6676ff!important;
}
body[data-theme="dark"] .cb146-general-icon.cb154-general-ios{
  background:linear-gradient(160deg,#202f4a 0%,#17243b 100%)!important;
  border-color:rgba(135,151,255,.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.15)!important;
}
.cb154-ios-folder{width:30px;height:30px;display:block;overflow:visible}
.cb154-ios-folder-back{fill:#91a0ff}.cb154-ios-folder-front{fill:#6676ff}.cb154-ios-folder-gloss{fill:rgba(255,255,255,.22)}
body[data-theme="dark"] .cb154-ios-folder-back{fill:#8e9cff}body[data-theme="dark"] .cb154-ios-folder-front{fill:#6f7fff}


/* =========================================================
   STAGE 155 — CREATIVE BOARD FINAL STABILITY
   One explicit render lifecycle; one canonical FREE_TEXT controller.
   No Creative Board MutationObservers.
   ========================================================= */

/* iOS-inspired folder reference supplied by the user: blue shell + white inner sheet. */
.cb146-folder-icon.cb155-ios-folder-icon,
.cb146-general-icon.cb154-general-ios{
  width:64px!important;
  height:52px!important;
  margin:3px 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  display:grid!important;
  place-items:center!important;
}
.cb146-folder-icon.cb155-ios-folder-icon::before,
.cb146-folder-icon.cb155-ios-folder-icon::after{display:none!important;content:none!important}
.cb146-folder-icon.cb155-ios-folder-icon .cb154-ios-folder,
.cb146-general-icon.cb154-general-ios .cb154-ios-folder{
  width:64px!important;
  height:52px!important;
  display:block!important;
  overflow:visible!important;
}
.cb155-folder-back{fill:#2ab3f5}
.cb155-folder-paper{fill:#fff;opacity:.96}
.cb155-folder-front{fill:#168ff2}
.cb155-folder-shine{fill:#39b8f6;opacity:.9}
body[data-theme="dark"] .cb155-folder-back{fill:#27aef1}
body[data-theme="dark"] .cb155-folder-front{fill:#1488e7}
body[data-theme="dark"] .cb155-folder-shine{fill:#35b5f3}

/* FREE_TEXT behaves as one real board object. */
.cb128-item.cb155-text-item{min-width:120px!important;min-height:36px!important;overflow:visible!important}
.cb128-item.cb155-text-item .cb128-text{
  width:100%!important;
  height:100%!important;
  min-height:36px!important;
  box-sizing:border-box!important;
  padding:6px 8px!important;
  overflow:visible!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.cb128-item.cb155-text-item .cb128-text[contenteditable="false"]{cursor:grab!important;user-select:none!important}
.cb128-item.cb155-text-item .cb128-text[contenteditable="true"]{
  cursor:text!important;user-select:text!important;
  outline:1.5px solid color-mix(in srgb,#6676ff 58%,transparent)!important;
  outline-offset:2px!important;
}


/* =========================================================
   STAGE 156 — PROFESSIONAL NOTES SYSTEM
   Dedicated Notes page for Admin + every member.
   Personal, brand-scoped notebook. No DOM observers.
   ========================================================= */
.notes156-page{display:flex;flex-direction:column;gap:12px}
#notes156root{display:flex;flex-direction:column;gap:19px}
.notes156-toprow{display:grid;grid-template-columns:185px minmax(0,1fr);gap:10px;align-items:stretch}
.notes156-toprow.has-member{grid-template-columns:185px minmax(0,1fr) 190px}
.notes156-brand-card,.notes156-tools-card,.notes157-member-card{background:var(--surface-solid);border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:14px;min-height:54px;box-shadow:none}
.notes156-brand-card{display:flex;align-items:center;padding:8px 10px}
.notes156-brand-mark{display:none!important}
.notes156-brand-mark svg{display:none!important}
.notes156-brand-copy{min-width:0;flex:1}.notes156-brand-copy>span{display:none!important}.notes156-brand-copy select,.notes156-brand-card>select,.notes157-member-card select{width:100%;height:36px!important;padding-block:0!important;padding-inline:13px 34px!important;border:0!important;border-radius:10px!important;background-color:var(--surface-2)!important;color:var(--text)!important;font-size:11px!important;font-weight:750!important;text-align:start!important}
.notes156-tools-card{display:flex;align-items:center;gap:4px;padding:7px 8px;overflow-x:auto;scrollbar-width:none}.notes156-tools-card::-webkit-scrollbar{display:none}
.notes156-tool{height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease}
.notes156-tool svg{width:14px;height:14px;stroke-width:1.65}.notes156-tool:hover{background:var(--surface-2);color:var(--text)}.notes156-tool.active{background:color-mix(in srgb,#f36a25 9%,var(--surface-2));color:#e9662a}.notes156-tool.danger{color:#d7525c}.notes156-tool.danger:not(:disabled):hover{background:color-mix(in srgb,#d7525c 8%,var(--surface-2))}.notes156-tool:disabled{opacity:.35;cursor:default;background:transparent!important}
.notes156-sep{width:1px;height:22px;background:var(--line);flex:0 0 1px;margin:0 2px}.notes156-grow{flex:1;min-width:8px}.notes156-save{display:inline-flex;align-items:center;color:var(--muted);font-size:11px;font-weight:750;padding:0 7px;white-space:nowrap}.notes156-save i{display:none!important}.notes157-member-card{display:flex;align-items:center;padding:8px 10px}.notes157-viewing{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:750;padding:0 5px}.notes157-viewing svg{width:14px;height:14px}.notes157-readonly{color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap;padding:0 7px}
.notes156-format{height:30px!important;border:0!important;border-radius:8px!important;background-color:var(--surface-2)!important;color:var(--text)!important;font-size:11px!important;font-weight:700!important}.notes156-font{min-width:106px}.notes156-size{min-width:65px}.notes156-color{width:27px;height:27px;padding:2px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);cursor:pointer;overflow:hidden}.notes156-color::-webkit-color-swatch-wrapper{padding:0}.notes156-color::-webkit-color-swatch{border:0;border-radius:50%}.notes156-swatches{display:flex;align-items:center;gap:4px}.notes156-swatch{width:18px;height:18px;border-radius:50%;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);cursor:pointer;padding:0}
.notes156-notebook{background:var(--surface-solid);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:16px;overflow:hidden;box-shadow:none}
.notes156-bookhead{min-height:48px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface-solid)}
.notes156-bookicon{width:31px;height:31px;border-radius:9px;background:color-mix(in srgb,#f36a25 9%,var(--surface-2));color:#ec672b;display:grid;place-items:center}.notes156-bookicon svg{width:14px;height:14px;stroke-width:1.65}.notes156-bookcopy{min-width:0;flex:1}.notes156-bookcopy b{display:block;font-size:12px}.notes156-bookcopy span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.notes156-count{font-size:11px;color:var(--muted);font-weight:700}
.notes156-viewport{height:calc(100vh - 290px);min-height:610px;overflow:auto;background:color-mix(in srgb,var(--surface-2) 52%,var(--surface-solid));padding:18px;scrollbar-width:thin}
.notes156-paper{position:relative;width:1500px;min-height:900px;margin:0 auto;background:#fffefa;color:#1f2937;border:1px solid rgba(139,151,165,.18);border-radius:13px;overflow:hidden;background-image:linear-gradient(to right,transparent 0 67px,rgba(238,103,103,.16) 67px 68px,transparent 68px),repeating-linear-gradient(to bottom,transparent 0 31px,rgba(109,145,184,.17) 31px 32px);box-shadow:0 14px 34px rgba(28,52,88,.05)}
body[data-theme="dark"] .notes156-paper{background-color:#151d29;color:#eef3f9;border-color:#26364c;background-image:linear-gradient(to right,transparent 0 67px,rgba(231,107,107,.12) 67px 68px,transparent 68px),repeating-linear-gradient(to bottom,transparent 0 31px,rgba(129,157,192,.13) 31px 32px);box-shadow:none}
.notes156-svg{position:absolute;inset:0;width:1500px;height:900px;overflow:visible;pointer-events:none;z-index:1}.notes156-path{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.notes156-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:grab}.notes156-path-select{fill:none;stroke:#5d78ff;stroke-width:8;opacity:.16;pointer-events:none}
.notes156-item{position:absolute;z-index:3;box-sizing:border-box;user-select:none}.notes156-item.selected{outline:1.5px solid #617bff;outline-offset:3px}.notes156-item.dragging{z-index:20;cursor:grabbing}.notes156-item .notes156-delete{position:absolute;right:-10px;top:-10px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#2b3037;color:#fff;display:none;place-items:center;font-size:13px;cursor:pointer}.notes156-item.selected .notes156-delete{display:grid}.notes156-resize{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border:1px solid #7f8994;border-radius:3px;background:#fff;display:none;cursor:nwse-resize}.notes156-item.selected .notes156-resize{display:block}
.notes156-text,.notes156-sticky{width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;outline:none}.notes156-text{padding:4px 7px;background:transparent;line-height:1.55;overflow:visible}.notes156-sticky{padding:12px;border-radius:10px;line-height:1.45;overflow:auto;box-shadow:0 4px 15px rgba(26,31,42,.06)}.notes156-text[contenteditable="false"],.notes156-sticky[contenteditable="false"]{cursor:grab;user-select:none}.notes156-text[contenteditable="true"],.notes156-sticky[contenteditable="true"]{cursor:text;user-select:text;outline:1.5px solid rgba(97,123,255,.54);outline-offset:2px}.notes156-hand{font-family:"Caveat","Reem Kufi Ink","Cairo",cursive!important}
.notes156-image{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.notes156-empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#8b96a6;text-align:center}.notes156-empty div{max-width:320px}.notes156-empty b{display:block;font-size:12px;color:#566276}.notes156-empty span{display:block;margin-top:5px;font-size:11px;line-height:1.5}
.notes156-legacy{margin-top:12px;background:var(--surface-solid);border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:14px;padding:11px}.notes156-legacy-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.notes156-legacy-head b{font-size:12px}.notes156-legacy-head span{font-size:11px;color:var(--muted)}.notes156-legacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.notes156-old{min-width:0;padding:10px;border-radius:10px;background:var(--surface-2);font-size:11px;line-height:1.5;white-space:pre-wrap}.notes156-old img{width:100%;max-height:150px;object-fit:cover;border-radius:8px;margin-top:7px}.notes156-old small{display:block;margin-top:7px;color:var(--muted)}
@media(max-width:1000px){.notes156-toprow,.notes156-toprow.has-member{grid-template-columns:175px minmax(0,1fr)}.notes157-member-card{grid-column:1/-1;max-width:240px}.notes156-legacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes156-viewport{min-height:560px}}
@media(max-width:680px){.notes156-toprow,.notes156-toprow.has-member{grid-template-columns:1fr}.notes156-brand-card,.notes157-member-card{max-width:none}.notes157-member-card{grid-column:auto}.notes156-legacy-grid{grid-template-columns:1fr}.notes156-viewport{height:620px;padding:10px}}

/* Shared message components; workspace layout lives in collaboration.css. */
#app #page:has(.comms-page){padding:16px 20px!important;overflow:hidden!important}
#app .comms-page{height:100%;min-height:0;display:flex!important;flex-direction:column;gap:16px}
body.becal-chat-focus:has(.comms-page) #app .app-frame{grid-template-columns:minmax(0,1fr)!important}
body.becal-chat-focus:has(.comms-page) #app #sidebar{display:none!important}
.chat-timeline{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;overscroll-behavior:contain}
/* Canonical message components: intentionally separate from retired bubble/card styles. */
#app .chat-timeline{gap:5px!important;padding:24px!important;background:radial-gradient(ellipse at top right,#f9eee830,transparent 50%),var(--surface-2)!important;scroll-behavior:smooth}
.chat-row{display:flex;flex:none;max-width:100%;margin:0 0 3px;align-items:flex-end}
.chat-row.outgoing{justify-content:flex-end}.chat-row.incoming{justify-content:flex-start}
.chat-bubble{max-width:min(78%,580px);min-width:66px;background:var(--surface-solid);border:1px solid var(--border);border-radius:16px 16px 16px 4px;padding:9px 12px 5px;color:var(--text);box-shadow:0 1px 2px #16233a08;overflow-wrap:anywhere;line-height:1.6}
.outgoing .chat-bubble{background:#fff0e4;color:#333044;border-color:#f4decf;border-radius:16px 16px 4px 16px}
body[data-theme="dark"] .outgoing .chat-bubble{background:#3a2d29;color:#f9ede4;border-color:#604439}
.chat-text{font-size:14px;white-space:pre-wrap;text-align:start}.chat-sender{display:block;font-size:11px;color:var(--accent);margin-bottom:3px}
.chat-meta{display:flex;justify-content:flex-end;gap:5px;font-size:10px;line-height:1.2;opacity:.6;margin-top:3px;white-space:nowrap}
.chat-date{align-self:center;font-size:10px;font-weight:600;color:var(--muted);background:var(--surface-solid);padding:4px 12px;border-radius:20px;margin:16px 0 12px;border:1px solid var(--border)}
.chat-empty{margin:auto;text-align:center;color:var(--muted);display:grid;gap:10px;justify-items:center;padding:30px}.chat-empty svg{width:36px;height:36px}.chat-empty b{font-size:16px;color:var(--text)}.chat-empty span{font-size:12px;max-width:280px}.chat-older{align-self:center;flex:none}
/* Voice-note geometry: play and waveform share row one; duration/time share row two. */
.chat-bubble:has(>.voice-player){background:var(--surface-solid);border-color:var(--line);padding:17px 15px 7px 22px;border-radius:22px 22px 5px 22px}
.incoming .chat-bubble:has(>.voice-player){border-radius:22px 22px 22px 5px}
.voice-player{display:grid;grid-template-columns:34px minmax(0,1fr) 54px;grid-template-rows:32px 22px;column-gap:15px;width:320px;max-width:100%;min-height:54px;direction:ltr;align-items:center;padding:0}
.voice-player audio{display:none}
.voice-play{grid-column:1;grid-row:1;width:34px;height:32px;align-self:center;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#707070;cursor:pointer}
.voice-play svg{width:32px;height:32px;fill:currentColor;display:block}
.voice-scrub{grid-column:2;grid-row:1;position:relative;height:32px;--voice-progress:0%;color:#b3b5b8;align-self:center}
.voice-scrub svg{position:absolute;inset:0;width:100%;height:32px;fill:currentColor}
.voice-scrub .voice-wave-progress{color:#e87935;clip-path:inset(0 calc(100% - var(--voice-progress)) 0 0)}
.voice-playhead{position:absolute;left:var(--voice-progress);top:9px;width:14px;height:14px;border-radius:50%;background:#e87935;transform:translateX(-50%);pointer-events:none}
.voice-scrub input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}
.voice-scrub:focus-within{outline:2px solid #e49a70;outline-offset:3px;border-radius:4px}
.voice-details{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;height:22px;line-height:22px;color:var(--muted)}
.voice-clock{font-size:13px;font-weight:400;line-height:22px;font-variant-numeric:tabular-nums}
.voice-details .chat-meta{margin:0;padding:0;gap:4px;font-size:12px;line-height:22px;opacity:1;color:var(--muted)}
.voice-avatar{grid-column:3;grid-row:1;position:relative;align-self:center;width:54px;height:54px;margin:0}
.voice-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#e5e8f4}
.voice-avatar>i{position:absolute;left:-7px;bottom:-2px;display:grid;place-items:center;color:#e87935;background:var(--surface-solid);border-radius:12px;width:19px;height:25px}
.voice-avatar svg{width:18px;height:23px;stroke-width:1.9}
.voice-speed{position:absolute;inset:12px 0 auto;width:54px;height:30px;border:0;background:#858585;color:#fff;border-radius:18px;font-size:17px;font-weight:700;line-height:30px;padding:0;cursor:pointer;opacity:0;pointer-events:none}
.voice-player.is-playing .voice-speed{opacity:1;pointer-events:auto}
.voice-player.is-playing .voice-avatar img,.voice-player.is-playing .voice-avatar>i{visibility:hidden}
.voice-speed:focus-visible{opacity:1;pointer-events:auto;outline:2px solid #e87935}
.is-playing .voice-play{color:#e87935}

body[data-theme="dark"] #app .chat-timeline{background:#151c2b!important}body[data-theme="dark"] .voice-player{color:#e4e8f4}body[data-theme="dark"] .voice-play{color:#c9cddd}body[data-theme="dark"] .voice-avatar>i{background:#3a2d29}body[data-theme="dark"] .voice-speed{background:#777;color:white}
#commAudioDraft:not(:empty){display:flex;align-items:center;gap:8px;padding:10px 0;flex-wrap:wrap}#commAudioDraft .voice-player{flex:1;min-width:160px;max-width:300px}
.chat-invitation{display:grid;gap:6px;min-width:190px}.chat-invitation span{font-size:11px}.chat-invitation .btn{justify-self:start}.chat-empty-meetings{font-size:12px;color:var(--muted);padding:12px}
.call-overlay{position:fixed;inset:0;z-index:10000;background:#101728e6;display:grid;place-items:center;padding:24px;backdrop-filter:blur(16px)}
.call-panel{width:min(920px,100%);max-height:94dvh;overflow:auto;border-radius:26px;background:radial-gradient(ellipse at top right,#63433055,transparent 60%),#192238;color:#fff;border:1px solid #ffffff12;box-shadow:0 30px 100px #0006;padding:28px}
.call-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.call-heading h2{font-size:22px;font-weight:500;margin:5px 0 8px;letter-spacing:-.02em}.call-brand{font-size:10px;font-weight:600;color:#e9ad87;letter-spacing:.15em}.call-heading .call-status{font-size:12px;color:#aebbd5}.call-status{color:#bbc7df;font-size:14px;min-height:22px}.call-incoming{text-align:center;width:min(420px,100%);padding:36px 28px}.call-incoming h2{font-size:28px;font-weight:500;margin:30px 0 10px}.call-ringing-avatar{display:grid;place-items:center;margin:46px auto 0;width:124px;height:124px;border:1px solid #e89a6350;border-radius:50%;box-shadow:0 0 0 14px #ed975908,0 0 0 28px #ed975904;animation:call-pulse 2s ease-in-out infinite}.call-incoming-actions{display:flex;justify-content:space-around;gap:36px;margin:44px 12px 28px}.call-incoming-actions>div{display:grid;justify-items:center;gap:12px}.call-incoming-actions span{font-size:12px;color:#bcc8de}.call-round{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:0;color:white;cursor:pointer}.call-round svg{width:25px;height:25px}.call-end{background:#eb4d5d}.call-end svg{transform:rotate(135deg)}.call-accept{background:#e87935}
.call-actions{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:28px}.call-control{display:grid;justify-items:center;gap:9px;background:transparent;border:0;color:#d5def0;padding:0;cursor:pointer;min-width:62px;font-size:11px}.call-control>i{width:52px;height:52px;position:relative;display:grid;place-items:center;border-radius:50%;background:#ffffff12;transition:background .2s,transform .2s}.call-control:hover>i{background:#ffffff20;transform:translateY(-2px)}.call-control svg{width:22px;height:22px}.call-control em{position:absolute;width:28px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:3px;box-shadow:0 0 0 2px #2a3448}.call-control.is-on>i{background:#f6dfcf;color:#76431f}.call-control.call-hangup>i{background:#e94d5d;color:white}.call-hangup svg{transform:rotate(135deg)}.call-end-all{background:transparent;color:#f3a3aa;border:1px solid #ffffff20;border-radius:20px;padding:8px 12px;font-size:11px;cursor:pointer}.call-actions button:disabled{opacity:.4;cursor:wait}
.call-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.call-tile{position:relative;aspect-ratio:16/11;background:#121b2d;border:1px solid #ffffff09;border-radius:18px;overflow:hidden;display:grid;place-items:center}.call-tile video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:transparent}.call-tile .call-identity{color:#97a6c3}.call-tile .call-name{position:absolute;bottom:12px;inset-inline-start:12px;background:#0c1428b0;border-radius:8px;padding:4px 9px;font-size:11px;z-index:1}.call-tile small{position:absolute;top:10px;inset-inline-start:12px;color:#c9d6ef;font-size:10px;z-index:1}.call-note{font-size:11px;line-height:1.6;color:#a2adc5;text-align:center;margin:24px auto 0;max-width:360px}.call-audio-mode .call-tile{aspect-ratio:1.5;background:transparent;border:0}.call-audio-mode .call-grid{max-width:650px;margin:auto}
@keyframes call-pulse{50%{box-shadow:0 0 0 18px #ed975908,0 0 0 36px #ed975904}}@media(prefers-reduced-motion:reduce){.call-ringing-avatar{animation:none}.call-control>i{transition:none}}
@media(max-width:700px){#app .chat-timeline{padding:14px!important}.chat-bubble{max-width:94%}.call-overlay{padding:8px}.call-panel{padding:20px 16px}.call-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.call-actions{gap:14px}.call-control{min-width:52px}.call-heading h2{font-size:18px}}
.meeting-summary{max-width:720px;margin:32px auto;padding:36px;background:var(--surface-solid);border:1px solid var(--line);border-radius:24px;text-align:center}.meeting-summary h1{font-size:26px;margin:16px 0 8px}.meeting-summary p{color:var(--muted);font-size:13px;line-height:1.7}.meeting-summary-icon{display:inline-grid;place-items:center;width:64px;height:64px;background:#e7efff;color:#3564bd;border-radius:20px}.meeting-summary-icon svg{width:28px;height:28px}.meeting-summary-members{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0}.meeting-summary-members>span{display:flex;gap:6px;align-items:center;font-size:12px}.meeting-summary-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}

.chat-bubble{position:relative;padding-inline-end:27px}.chat-text a{color:#a85c2d;text-decoration:underline;text-underline-offset:3px;word-break:break-word}body[data-theme="dark"] .chat-text a{color:#f5b489}
.chat-message-tools{position:absolute;inset-inline-end:3px;top:3px;opacity:.45}.chat-message-tools button{background:transparent;border:0;cursor:pointer;display:grid;place-items:center;width:22px;height:24px;border-radius:7px;color:var(--muted);padding:4px}.chat-message-tools svg{width:13px;height:13px}.chat-message-tools button:hover,.chat-message-tools button:focus-visible{background:#e8793518;color:#c96c32;opacity:1}.chat-deleted{font-size:12px;font-style:italic;color:var(--muted);padding:3px 0}
.chat-attachment{display:grid;gap:5px;width:320px;max-width:100%}.chat-attachment img,.chat-attachment video{width:100%;max-height:320px;object-fit:contain;border-radius:11px;background:#0f182b08}.chat-attachment video{background:#101a2e}.chat-image-open{padding:0;border:0;background:transparent;cursor:zoom-in;max-width:100%}.chat-attachment>a{font-size:11px;overflow-wrap:anywhere;color:inherit}.chat-attachment small{font-size:10px;color:var(--muted)}
.chat-upload-preview{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:var(--surface-2)}.chat-upload-preview img,.chat-upload-preview video{width:68px;height:60px;object-fit:contain;border-radius:8px}.chat-upload-preview>div{flex:1;min-width:100px;display:grid;gap:4px;font-size:11px;overflow-wrap:anywhere}.chat-upload-preview small,#chatUploadStatus{font-size:10px;color:var(--muted)}
.chat-dialog{width:min(600px,94vw);max-height:88dvh;overflow:auto;background:var(--surface-solid);color:var(--text);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #10172b35;padding:24px}.chat-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.chat-dialog h3{font-size:19px;margin:0 0 12px}.chat-dialog p{font-size:12px;line-height:1.6;color:var(--muted)}.chat-meeting-form{display:grid;gap:9px}.chat-meeting-form label{font-size:12px;font-weight:600;margin-top:6px}.chat-meeting-form input,.chat-meeting-form select{min-height:42px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:10px;width:100%}.chat-trash-row{display:flex;align-items:center;gap:14px;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.chat-trash-row>div{display:grid;gap:5px;min-width:0}.chat-trash-row b{font-size:12px;overflow-wrap:anywhere}.chat-trash-row small{color:var(--muted);font-size:10px}.chat-meeting-list{margin-top:15px}.chat-image-overlay>div{max-width:94vw;max-height:94dvh;display:grid;gap:10px}.chat-image-overlay img{max-width:94vw;max-height:82dvh;object-fit:contain;border-radius:12px}.chat-image-overlay button{justify-self:end}
@media(max-width:750px){#app #page:has(.comms-page){padding:10px!important}.chat-page-toolbar h1{font-size:20px}.chat-page-toolbar p{display:none}.chat-toolbar-actions .btn{font-size:10px;padding:0 9px;height:32px}.chat-attachment{width:240px}.chat-dialog{padding:18px}.chat-message-tools{opacity:.7}}
/* Message cards use BECAL colors; actions stay outside the reading surface. */
.chat-bubble{padding-inline-end:12px;position:relative;overflow:visible}
.chat-row{padding-inline:32px;position:relative}
.chat-message-tools{position:absolute;inset-inline-end:-30px;top:6px;opacity:0;transition:opacity .15s}
.chat-row:hover .chat-message-tools,.chat-row:focus-within .chat-message-tools{opacity:1}
.chat-message-tools button{border:0;background:var(--surface);color:var(--text);font-size:23px;border-radius:50%;width:27px;height:27px;line-height:20px;box-shadow:0 1px 5px #0001;cursor:pointer}
.chat-meta{gap:5px;white-space:nowrap;font-size:10px;line-height:16px;align-items:center}
.chat-receipt{font-size:12px;letter-spacing:-4px;padding-inline-end:4px;color:var(--muted)}
.chat-receipt.is-read{color:#d66b2b}
.chat-action-menu{position:fixed;z-index:100001;min-width:205px;max-width:calc(100vw - 16px);padding:6px;background:var(--surface,#fff);color:var(--text,#202b3c);border:1px solid var(--border,#ddd);border-radius:14px;box-shadow:0 12px 36px #10182826}
.chat-action-menu>button{display:block;width:100%;text-align:start;border:0;background:transparent;color:inherit;padding:11px 12px;border-radius:8px;cursor:pointer;font:inherit;font-size:13px}
.chat-action-menu button:hover,.chat-action-menu button:focus-visible{background:var(--surface2,#f3f4f6)}
.chat-action-menu .danger{color:#c44835}
.chat-reactions{position:absolute;bottom:-13px;inset-inline-start:10px;display:flex;gap:4px;flex-wrap:wrap;z-index:1}
.chat-row:has(.chat-reactions:not(:empty)){margin-bottom:20px}
.chat-reactions:empty{display:none}
.chat-reaction{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:3px 7px;cursor:pointer;margin-top:4px;font-size:16px}
.chat-reaction.mine{border-color:#e87935;background:#e8793515}
.chat-reaction small{color:var(--muted);font-size:10px}
.chat-quote,.chat-reply-draft{display:flex;flex-direction:column;gap:3px;border:0;border-inline-start:3px solid #e87935;border-radius:6px;background:#e8793510;padding:7px 10px;text-align:start;color:var(--text);margin-bottom:7px;max-width:100%;font-size:12px;cursor:pointer}
.chat-quote b,.chat-reply-draft b{font-size:11px;color:#ca6428}
.chat-quote span,.chat-reply-draft span{display:block;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-reply-draft{flex-direction:row;justify-content:space-between;align-items:center;margin:0 0 8px;cursor:default}
.chat-reply-draft button{border:0;background:transparent;color:var(--muted);font-size:23px;cursor:pointer}
.chat-highlight .chat-bubble{box-shadow:0 0 0 3px #e8793577}
@media(hover:none){.chat-message-tools{opacity:.65}}
@media(max-width:600px){.voice-player{width:270px;grid-template-columns:30px minmax(0,1fr) 48px;column-gap:12px}.voice-avatar{width:48px;height:48px}.voice-details .chat-meta{font-size:10px}.chat-row{padding-inline:25px}.chat-bubble{max-width:92%}.chat-message-tools{inset-inline-end:-26px}}
/* Action menu follows the reference hierarchy, with BECAL focus color. */
.chat-action-menu{min-width:240px;padding:7px;border-radius:16px;background:var(--surface-solid);border-color:var(--line);box-shadow:0 10px 32px #10182830}
.chat-action-menu>button{display:flex;align-items:center;gap:13px;padding:10px 13px;min-height:42px;font-size:14px;line-height:1.4}
.chat-action-menu>button svg{width:21px;height:21px;flex:none}
.chat-action-menu>button:disabled{opacity:.35;cursor:default}
.chat-action-menu>button:not(:disabled):hover,.chat-action-menu>button:not(:disabled):focus-visible{background:#e87935;color:#fff;outline:0}
.chat-action-menu hr{border:0;border-top:1px solid var(--line);margin:7px 11px}
.emoji-picker{width:352px;min-width:0;max-width:calc(100vw - 16px);padding:12px;border-radius:18px;display:flex;flex-direction:column;max-height:calc(100dvh - 16px)}
.emoji-picker-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}
.emoji-picker-head button{border:0;background:transparent;font-size:24px;color:var(--muted);cursor:pointer}
.emoji-search,.emoji-custom input{width:100%;min-width:0;background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:9px 11px;border-radius:10px;font:inherit;font-size:12px}
.emoji-categories{display:flex;gap:1px;justify-content:space-between;margin:9px 0 5px;flex:none}
.emoji-categories button{border:0;background:transparent;border-radius:7px;cursor:pointer;padding:5px 2px;font-size:19px}
.emoji-categories button[aria-pressed="true"]{background:#e8793525;box-shadow:inset 0 -2px #e87935}
.emoji-picker-caption{font-size:11px;color:var(--muted);padding:6px 1px}
.emoji-picker-scroll{max-height:242px;overflow:auto;min-height:60px;overscroll-behavior:contain}
.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px}
.emoji-picker-grid button{border:0;background:transparent;border-radius:8px;font-size:25px;line-height:1.2;min-height:36px;padding:4px 0;cursor:pointer}
.emoji-picker button:focus-visible{outline:2px solid #e87935;outline-offset:-2px}
.emoji-more{display:block;width:100%;padding:9px;border:0;background:var(--surface-2);border-radius:8px;color:var(--text);cursor:pointer}
.emoji-more[hidden]{display:none}
.emoji-custom{display:flex;gap:6px;border-top:1px solid var(--line);padding-top:10px;margin-top:9px;flex:none}
.emoji-custom button{border:0;background:#e87935;color:white;border-radius:9px;padding:7px 10px;cursor:pointer;font-size:12px}
.emoji-picker-error{font-size:11px;color:#c44835;margin-top:5px}
@media(max-height:600px){.emoji-picker-scroll{max-height:150px}.emoji-picker{padding:9px}.emoji-picker-grid button{min-height:32px}}
/* Aligned composer controls and media-first message cards. */
#app .chat-workspace .comms-compose{align-items:center!important}
#app .chat-workspace .comms-compose textarea{min-height:44px!important;padding:11px 12px!important;line-height:22px!important;margin:0!important;align-self:center!important}
#app .chat-workspace .comms-compose-btn{margin:0!important;align-self:center!important;padding:0!important}
.chat-message-tools button{display:grid;place-items:center;padding:0;line-height:1;background:var(--surface-solid)}
.chat-message-tools button svg{width:19px;height:19px;display:block;fill:currentColor;stroke:none}
.chat-media-bubble{padding:3px!important;background:transparent!important;border:0!important;box-shadow:none!important;position:relative;line-height:0}
.chat-media-bubble .chat-attachment{gap:0;width:320px;line-height:0}
.chat-media-bubble .chat-attachment img,.chat-media-bubble .chat-attachment video{display:block;max-height:360px;border-radius:13px;min-height:80px;object-fit:contain}
.chat-media-bubble>.chat-meta{position:absolute;bottom:10px;inset-inline-end:10px;background:#111a2b99;color:white;opacity:1;border-radius:9px;padding:2px 6px;line-height:16px;pointer-events:none}
.chat-media-bubble:has(video)>.chat-meta{bottom:45px}
.chat-media-bubble .chat-receipt{color:#fff}.chat-media-bubble .chat-receipt.is-read{color:#ffb77e}
.chat-media-bubble>.chat-quote{line-height:1.5;margin:0 0 6px}
.meeting-overlay{z-index:20000;padding:20px;place-items:center;overflow:auto}
.chat-dialog>header{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;min-height:34px}
.chat-dialog>header h3{margin:0;line-height:1.3;flex:1}
.chat-dialog>header>.icon-btn{position:static!important;inset:auto!important;transform:none!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;line-height:1!important;font-size:24px!important;border-radius:50%;align-self:center!important;color:var(--muted);background:var(--surface-2);border:0;cursor:pointer}
.meeting-people-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:6px}.meeting-people-label small,.meeting-hint{font-size:11px;color:var(--muted)}
.meeting-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:180px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);padding:7px;border-radius:12px;margin:6px 0 10px}
.chat-meeting-form .meeting-person,.meeting-person{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:400;min-width:0;padding:7px;border-radius:8px;margin:0;cursor:pointer}
.meeting-person:has(input:checked){background:#e8793514}.meeting-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-meeting-form .meeting-person input,.meeting-person input{width:15px;height:15px;min-height:0;margin:0;flex:0 0 15px;accent-color:#e87935;padding:0}
.meeting-hint{display:block;margin-bottom:12px;line-height:1.5}
@media(max-width:600px){.chat-media-bubble .chat-attachment{width:240px}.meeting-people{grid-template-columns:1fr;max-height:170px}.chat-dialog{max-height:calc(100dvh - 30px)}}

.chat-dialog:has(.chat-meeting-form){display:flex;flex-direction:column;max-height:calc(100dvh - 40px);overflow:hidden}
.chat-dialog:has(.chat-meeting-form)>header{flex:none}
.chat-dialog .chat-meeting-form{min-height:0;overflow:auto;overscroll-behavior:contain;padding-inline-end:3px}
.meeting-dialog-footer{flex:none;padding-top:14px}.meeting-dialog-footer .btn{width:100%;min-height:42px;justify-content:center}

.call-invitations{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.call-invitations:empty{display:none}.call-guest-status{display:flex;align-items:center;gap:9px;border:1px solid #ffffff16;background:#ffffff08;padding:7px 11px;border-radius:20px;font-size:11px}.call-guest-status b{font-weight:500}.call-guest-status small{font-size:10px;color:#acb9d2}.call-guest-status.ringing small{color:#e9ad87}.call-tile video[hidden]{display:none}

/* One close-icon primitive. Existing dialog layouts retain their own positioning. */
:is(#overlayRoot,#pinSheet,#chatMessageMenu,#app) button.becal-close.becal-close{display:grid!important;place-items:center!important;box-sizing:border-box!important;flex:0 0 32px!important;max-width:32px!important;max-height:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;line-height:0!important;vertical-align:middle!important;transform:none!important;border:0!important;border-radius:10px!important;background:var(--surface-2)!important;color:var(--muted)!important;cursor:pointer}
button.becal-close>svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;padding:0!important;transform:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;pointer-events:none}
button.becal-close:hover{transform:none!important;background:color-mix(in srgb,var(--text) 7%,var(--surface-2))!important;color:var(--text)!important}
button.becal-close:focus-visible{outline:2px solid var(--accent,#e87935)!important;outline-offset:3px!important}
/* Header buttons stay aligned even when titles wrap or the language changes. */
:is(.chat-dialog>header,.group-create-head,.member-task-modal-head,.review-detail-head,.project83-detail-head,.media-manager131-head,.team132-head,.crop119-head){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
:is(.chat-dialog>header,.group-create-head,.member-task-modal-head,.review-detail-head,.project83-detail-head,.media-manager131-head,.team132-head,.crop119-head)>button.becal-close{position:static!important;inset:auto!important;align-self:center!important;margin:0!important}
:is(.chat-dialog>header,.group-create-head,.member-task-modal-head,.media-manager131-head,.team132-head,.crop119-head)>h3{margin:0!important;line-height:1.35!important;min-width:0;flex:1}
.profile-editor:has(>button.becal-close),.profile-editor:has(.profile-editor-close),.cb128-dialog:has(.becal-close){position:relative}
.cb128-dialog:has(.becal-close)>h3{padding-inline-end:42px!important;min-height:32px;display:flex;align-items:center}
.chat-reply-draft>.becal-close,.emoji-picker-head>.becal-close{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}

/* Shared readable type and task surfaces for administrator and member views. */
body{--task-surface:#fff;--task-border:#dce3ed;--task-secondary:#526178;--readable-text:#14213d}
body[data-theme="dark"]{--task-card-fill:#203047;--task-surface:#203047;--task-border:#36475e;--task-secondary:#c2ccda;--readable-text:#f1f5fb}
#app .page-title h1,#app .member-greeting h1{font-size:clamp(23px,2vw,27px)!important;line-height:1.35!important}
#app .page-title p,#app .member-greeting-copy p{font-size:14px!important;line-height:1.65!important}
#app .nav-item,#app .nav-item>span:not(.nav-icon),#app .search span{font-size:13px!important;line-height:1.4}
#app .btn,#app .settings-nav button,#app .setting-row b{font-size:13px!important}
#app .profile-mini .meta b,#app .top-member-profile-copy b,#app .comms-contact-copy b,#app .weekly-label{font-size:14px!important}
#app .profile-mini .meta small,#app .comms-contact-copy span,#app .permission-check-copy span{font-size:12px!important;line-height:1.5}
#app .chat-text{font-size:14.5px!important;line-height:1.65}
#app .chat-meta{font-size:11px!important}
#app .setting-row span,#app .panel-head>div>span,#app .member-panel-head span{font-size:12px!important;line-height:1.55}
#app .panel-head h3,#app .member-v3-panel-head h3,#app .member-panel-head h3{font-size:16px!important;line-height:1.4}
/* Preserve the original card proportions; improve type and contrast only. */
#app .member-calendar-task,#app .task-card,#app .review-workflow-card{
 background:var(--task-surface)!important;border:1px solid var(--task-border)!important;
 border-radius:10px!important;box-shadow:none!important;color:var(--readable-text)!important;min-width:0;
}
#app .member-calendar-task{background:var(--task-card-fill,#f7f8fa)!important;min-height:46px!important;height:auto!important;padding:9px 10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title status"!important;align-items:center!important;gap:4px 8px!important}
#app .member-calendar-task>div{display:contents!important}
#app .member-calendar-task b{grid-area:title!important}
#app .member-calendar-task select{grid-area:status!important;max-width:none!important}
#app .member-calendar-task b,#app .task-card b,
#app .member-v3-task-copy b,#app .member-task-copy b,#app .review-workflow-copy h3,#app .row-main b{
 font-size:12.5px!important;font-weight:650!important;line-height:1.45!important;letter-spacing:normal!important;
 color:var(--readable-text)!important;white-space:normal!important;overflow-wrap:anywhere;
}
#app .member-task-range,#app .task-meta,#app .task-card span,#app .member-v3-task-copy span,
#app .member-task-copy span,#app .row-main span{font-size:11px!important;line-height:1.5!important;color:var(--task-secondary)!important}
#app .member-calendar-task select{font-size:11px!important;line-height:1.3!important;height:28px!important;min-height:28px!important;width:106px!important;max-width:48%;flex:0 0 auto;position:static!important;padding-inline-start:9px!important;--select-arrow-inset:9px;--select-arrow-size:10px;--select-end-space:25px;border-radius:7px!important;color:var(--status-ink,var(--readable-text))!important;background-color:var(--status-fill,var(--task-surface))!important;border:1px solid var(--status-edge,transparent)!important}
#app .member-empty-day{font-size:11px!important;line-height:1.5!important;color:var(--task-secondary)!important}
/* State colors remain legible against each theme, independent of card fill. */
#app :is(.member-calendar-task,.member-today-card):has(select option[value="completed"]:checked){--status-ink:#087443;--status-fill:#d6f3e2;--status-edge:#a9d9bf}
body[data-theme="dark"] #app :is(.member-calendar-task,.member-today-card):has(select option[value="completed"]:checked){--status-ink:#74e8a7;--status-fill:#173e32;--status-edge:#386c53}
#app :is(.member-calendar-task,.member-today-card):has(select option[value="inprogress"]:checked){--status-ink:#195ac5;--status-fill:#dce9ff;--status-edge:#b3cbef}
body[data-theme="dark"] #app :is(.member-calendar-task,.member-today-card):has(select option[value="inprogress"]:checked){--status-ink:#8ebcff;--status-fill:#203e67;--status-edge:#446b9c}
#app :is(.member-calendar-task,.member-today-card):has(select option[value="pending"]:checked){--status-ink:#af263b;--status-fill:#ffe1e6;--status-edge:#efb8c1}
body[data-theme="dark"] #app :is(.member-calendar-task,.member-today-card):has(select option[value="pending"]:checked){--status-ink:#ff9ca8;--status-fill:#512c3b;--status-edge:#87505f}
#app :is(.member-calendar-task,.member-today-card):has(select option[value="review"]:checked){--status-ink:#6f38bb;--status-fill:#eee1ff;--status-edge:#d4b9f3}
body[data-theme="dark"] #app :is(.member-calendar-task,.member-today-card):has(select option[value="review"]:checked){--status-ink:#ceb1ff;--status-fill:#40305f;--status-edge:#735a9c}
#app .member-today-card select{color:var(--status-ink)!important;background-color:var(--status-fill)!important;border:1px solid var(--status-edge)!important}
/* Shared list, form and settings copy follows the same modest type scale. */
#app .field input,#app .field select,#app .field textarea,#app .setting-row input,#app .setting-row select,#app .search input{font-size:13px!important}
#app .row-main p,#app .empty,#app .settings-section p,#app .permission-check-copy b,#app .team-card p{font-size:12.5px!important;line-height:1.55!important}
#app .field label,#app .table th,#app .table td,#app .brand-card span,#app .project-card p{font-size:12px!important;line-height:1.5!important}
#app .day-drive-title,#app .day-drive-input{font-size:11px!important}
#app .member-day-name b,#app .kan-title{font-size:13px!important}
#app .member-day-name span,#app .pill{font-size:11.5px!important;line-height:1.4}
#app .member-calendar-task:hover{border-color:color-mix(in srgb,var(--task-border) 70%,var(--task-secondary))!important}
#overlayRoot .profile-field input,#overlayRoot .member-task-field input,#overlayRoot .member-task-field textarea{font-size:14px!important;line-height:1.6}
#overlayRoot .profile-field label,#overlayRoot .member-task-field label{font-size:12px!important;line-height:1.5}
.comms-unread{margin-inline-start:auto;flex:0 0 auto;min-width:23px;height:23px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ee712c;color:#fff;font-size:12px!important;font-weight:800;line-height:1;box-sizing:border-box}
.comms-contact>.comms-unread{margin-inline:6px 0}
.sound-settings{margin-top:18px;padding:22px!important}
.sound-settings h3{font-size:17px;margin:0 0 8px}.sound-settings p{font-size:13px;line-height:1.7;color:var(--muted);max-width:740px}
.sound-settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sound-file{cursor:pointer}.sound-file input{display:none}.sound-settings small{display:block;margin-top:12px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:640px){#app .member-calendar-task{gap:8px!important}.sound-settings-actions>.btn{flex:1 1 150px}}
/* Presence labels use one live source across profiles and messages. */
.live-presence-caption{font-size:11px!important;color:var(--muted);line-height:1.4}
.live-presence-caption.is-online{color:#138a51!important}
body[data-theme="dark"] .live-presence-caption.is-online{color:#74e8a7!important}
.presence-avatar{position:relative}.presence-avatar .member-presence-marker.offline{display:none}
[data-presence-dot][hidden]{display:none!important}
.member-presence-marker.offline[data-presence-marker]{max-width:135px;white-space:nowrap;font-size:10px!important}

/* Project dialogs own their layout; brand-editor rules must not shape these forms. */
#overlayRoot .project-overlay{padding:24px;align-items:center;overflow:hidden}
#overlayRoot .project-dialog{box-sizing:border-box;display:flex;flex-direction:column;width:min(880px,100%);max-height:calc(100dvh - 48px);margin:auto;border:1px solid var(--line);border-radius:22px;background:var(--surface-solid);color:var(--text);box-shadow:0 24px 80px #0d183333;overflow:hidden;text-align:start}
.project-dialog *{box-sizing:border-box;min-width:0}
.project-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 22px;border-bottom:1px solid var(--line);flex:none}
.project-heading{display:flex;align-items:center;gap:13px;min-width:0}
.project-heading-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;background:color-mix(in srgb,#f97432 10%,var(--surface-solid));color:#ed712f;border-radius:13px}
.project-heading-icon svg{width:23px;height:23px;stroke-width:1.7}
.project-dialog h2{font-size:21px;line-height:1.35;letter-spacing:-.35px;margin:0;font-weight:750;overflow-wrap:anywhere}
.project-dialog h3{font-size:14px;line-height:1.5;margin:0;font-weight:700}
.project-dialog-head p{font-size:12.5px;line-height:1.6;color:var(--muted);margin:5px 0 0}
.project-brand-caption{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:5px;letter-spacing:.6px}
.project-dialog-head>.becal-close{position:static!important;inset:auto!important;flex-shrink:0;margin:0!important}
.project-dialog form{display:flex;flex-direction:column;min-height:0;overflow:hidden;margin:0}
.project-dialog-body{padding:24px 26px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.project-editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(225px,1fr);gap:26px}
.project-form-main{display:grid;align-content:start;gap:17px}
.project-section-label{font-size:14px;font-weight:750;line-height:1.5}
.project-section-hint{color:var(--muted);font-size:12px;line-height:1.65;margin:5px 0 15px}
.project-field{display:grid;gap:7px;margin:0;font-size:12px;line-height:1.45;color:var(--text);font-weight:650}
.project-field>span{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.project-field small{font-size:11px;color:var(--muted);font-weight:400}
.project-field :is(input,textarea,select){display:block;width:100%;min-height:44px;margin:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);color:var(--text);font:400 13px/1.5 var(--font-ui);box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s}
.project-field textarea{min-height:102px;resize:vertical;max-height:240px}
.project-field input[readonly]{background:var(--surface-2);color:var(--muted)}
.project-field :is(input,textarea)::placeholder{color:var(--muted);opacity:.8}
.project-field :is(input,textarea,select):focus{border-color:#ed783c;box-shadow:0 0 0 3px #ed783c18}
.project-date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.project-team-panel{padding-inline-start:24px;border-inline-start:1px solid var(--line)}
.project-people{display:grid;gap:8px;align-content:start}
.project-person{display:grid;grid-template-columns:16px 34px minmax(0,1fr);align-items:center;gap:10px;padding:11px 10px;border:1px solid transparent;border-radius:12px;background:var(--surface-2);cursor:pointer;transition:background .15s,border-color .15s}
.project-person:hover{border-color:var(--line)}
.project-person:has(input:checked){background:color-mix(in srgb,#f97432 7%,var(--surface-solid));border-color:color-mix(in srgb,#f97432 38%,var(--line))}
.project-person:focus-within{outline:2px solid #ed783c;outline-offset:2px}
.project-person input[type="checkbox"]{width:16px;height:16px;min-width:16px;margin:0;accent-color:#eb712f;cursor:pointer}
.project-dialog :is(.project-person,.project-person-summary) .avatar{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;aspect-ratio:1;flex:none;box-shadow:none!important;border-radius:50%;overflow:hidden}
.project-dialog .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.project-person b,.project-person-summary b{display:block;font-size:12px;line-height:1.45;font-weight:700;overflow-wrap:anywhere}
.project-person span,.project-person-summary small{display:block;font-size:11px;line-height:1.45;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.project-people-empty{font-size:12px;color:var(--muted);line-height:1.7;padding:16px;border:1px dashed var(--line);border-radius:12px}
.project-dialog-footer{padding:17px 26px;border-top:1px solid var(--line);background:var(--surface-solid);flex:none}
.project-footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.project-dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;font-size:12.5px;line-height:1.5;border-radius:11px;white-space:normal}
.project-dialog .btn svg{width:16px;height:16px;flex:none}
.project-dialog button:disabled{opacity:.6;cursor:wait}
.project-form-error{color:var(--red);font-size:12px;line-height:1.6;margin:0 0 12px}
.project-form-error[hidden]{display:none}
.project-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:7px;font-size:11px;line-height:1.4;font-weight:650;background:#e4edff;color:#245cb4;white-space:nowrap}
.project-status.green{background:#ddf4e7;color:#167443}.project-status.amber{background:#eee4ff;color:#713eb4}.project-status.red{background:#ffe6eb;color:#b53049}
.project-progress-summary{padding:18px 20px;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;margin-bottom:25px}
.project-progress-summary>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}
.project-progress-summary strong{font-size:16px;font-weight:750;color:var(--text)}
.project-progress-track{height:6px;background:color-mix(in srgb,var(--muted) 17%,var(--surface-solid));border-radius:20px;margin-top:15px;overflow:hidden}
.project-progress-track i{display:block;height:100%;border-radius:inherit;background:#f57732}
.project-progress-summary p{margin:8px 0 0;color:var(--muted);font-size:11px}
.project-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,1fr);gap:28px}
.project-detail-main{display:grid;align-content:start;gap:24px}
.project-description-section p{font-size:13px;line-height:1.8;color:var(--muted);margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.project-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.project-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;background:var(--surface-2);border-radius:7px;font-size:11px;font-weight:650;color:var(--muted)}
.project-task-list{display:grid;gap:8px}
.project-task-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;background:var(--surface-2);border:1px solid transparent;border-radius:11px;text-align:start;color:var(--text);font-family:inherit;cursor:pointer}
.project-task-row:hover{border-color:var(--line)}
.project-task-copy{flex:1;min-width:0}.project-task-copy b{display:block;font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}.project-task-copy small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:var(--muted)}
.project-task-row>svg{width:15px;height:15px;flex:none;color:var(--muted)}
html[dir="rtl"] .project-task-row>svg{transform:rotate(180deg)}
.project-detail-aside{display:grid;align-content:start;gap:24px;border-inline-start:1px solid var(--line);padding-inline-start:24px}
.project-timeline dl{margin:13px 0 0;display:grid;gap:15px}.project-timeline dt{font-size:11px;color:var(--muted);margin-bottom:4px}.project-timeline dd{font-size:13px;line-height:1.5;font-weight:650;margin:0}
.project-person-summary{display:flex;align-items:center;gap:10px;margin-top:13px}
.project-empty{display:grid;justify-items:center;gap:8px;padding:30px 16px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}
.project-empty>svg{width:24px;height:24px;opacity:.7}.project-empty b{font-size:13px;font-weight:650}.project-empty p{font-size:12px;line-height:1.65;margin:0}
body[data-theme="dark"] .project-dialog{color-scheme:dark}
body[data-theme="dark"] .project-status{background:#203e67;color:#a1c8ff}
body[data-theme="dark"] .project-status.green{background:#173e32;color:#82e7ad}
body[data-theme="dark"] .project-status.amber{background:#40305f;color:#d1b4ff}
body[data-theme="dark"] .project-status.red{background:#512c3b;color:#ffa4b0}
@media(max-width:720px){
 #overlayRoot .project-overlay{padding:12px}
 #overlayRoot .project-dialog{max-height:calc(100dvh - 24px);border-radius:17px}
 .project-dialog-head{padding:19px 18px;gap:12px}.project-heading{gap:10px}.project-heading-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}.project-heading-icon svg{width:20px;height:20px}
 .project-dialog h2{font-size:18px}.project-dialog-head p{font-size:12px}
 .project-dialog-body{padding:20px 18px}.project-editor-grid,.project-detail-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .project-team-panel,.project-detail-aside{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--line);padding-top:20px}
 .project-dialog-footer{padding:14px 18px}.project-footer-actions>.btn{flex:1}.project-task-row{gap:8px}
}
@media(max-width:390px){.project-date-fields{grid-template-columns:minmax(0,1fr)}.project-heading-icon{display:none}.project-task-row{flex-wrap:wrap}.project-task-copy{flex-basis:100%}}

/* BECAL Assistant: contained layout, shared light/dark identity. */
body{--ai-bg:#fff;--ai-side:#f7f8fb;--ai-line:#e6e9ef;--ai-ink:#18243b;--ai-muted:#6d788a;--ai-user:#eef1f6;--ai-accent:#e56c35}
body[data-theme="dark"]{--ai-bg:#162132;--ai-side:#121c2b;--ai-line:#2c394e;--ai-ink:#eef2f8;--ai-muted:#a9b6c9;--ai-user:#29374c;--ai-accent:#ff9862}
/* Compact assistant control with a warm, moving hover accent. */
@property --top-ai-orbit{syntax:"<angle>";inherits:true;initial-value:90deg}
#app .top-ai-button{
  --top-ai-face:color-mix(in srgb,var(--surface-solid) 96%,#ed853f);
  --top-ai-accent:#c6602b;--top-ai-edge:color-mix(in srgb,var(--line) 80%,#ed853f);
  --top-ai-highlight:var(--top-ai-edge);--top-ai-trail:var(--top-ai-edge);
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;
  height:38px;padding:0 12px;border:1px solid transparent;border-radius:13px;
  background:linear-gradient(var(--top-ai-face),var(--top-ai-face)) padding-box,
    conic-gradient(from var(--top-ai-orbit),var(--top-ai-highlight),var(--top-ai-trail) 45deg,var(--top-ai-edge) 105deg,var(--top-ai-edge) 290deg,var(--top-ai-highlight)) border-box;
  color:var(--text);font-family:inherit;font-size:12px;font-weight:550;line-height:1.3;
  white-space:nowrap;cursor:pointer;box-shadow:none;
}
#app .top-ai-button::before{
  content:"";position:absolute;inset:-8px;z-index:0;pointer-events:none;
  background:conic-gradient(from var(--top-ai-orbit),#f28b4140,transparent 75deg,transparent 285deg,#f28b4140);
  filter:blur(9px);opacity:0;transition:opacity .25s ease;
}
#app .top-ai-button>svg,#app .top-ai-button>span{position:relative;z-index:1}
#app .top-ai-button svg{display:block;width:16px;height:16px;flex:none;fill:currentColor;stroke:none;color:var(--top-ai-accent)}
#app .top-ai-button:hover{
  --top-ai-highlight:#ef8648;--top-ai-trail:#f2b282;
  animation:top-ai-orbit 3.6s linear infinite;
}
#app .top-ai-button:hover::before{opacity:1}
#app .top-ai-button:focus-visible{outline:2px solid var(--top-ai-accent);outline-offset:2px;box-shadow:none}
body[data-theme="dark"] #app .top-ai-button{--top-ai-accent:#f3a16c;--top-ai-face:color-mix(in srgb,var(--surface-solid) 97%,#ed853f);--top-ai-edge:color-mix(in srgb,var(--line) 78%,#ed853f)}
@keyframes top-ai-orbit{from{--top-ai-orbit:90deg}to{--top-ai-orbit:-270deg}}
@media(prefers-reduced-motion:reduce){#app .top-ai-button:hover{animation:none}#app .top-ai-button::before{transition:none}}
#app #topbar .search{min-width:0}
body[data-nav="horizontal"] #app #topbar{display:flex}
@media(max-width:900px){#app #topbar .search{max-width:38px;flex:0 0 38px;padding:0;justify-content:center}#app #topbar .search span{display:none}}
@media(max-width:520px){#app #topbar{gap:7px;padding-inline:10px}#app #topbar .top-actions{gap:5px}#app .top-ai-button{height:36px;padding:0 9px;gap:5px;font-size:11px}#app .top-ai-button svg{width:15px;height:15px}}
/* Assistant surfaces are owned here, using the shared BECAL palette. */
.ai-shell,.ai-dialog{--ai-bg:var(--ds-panel);--ai-side:var(--ds-inset);--ai-line:var(--ds-edge);--ai-ink:var(--ds-ink);--ai-muted:var(--ds-muted);--ai-accent:var(--ds-accent);--ai-glass:color-mix(in srgb,var(--ds-panel) 82%,transparent);--ai-user:color-mix(in srgb,var(--ds-soft) 65%,var(--ds-panel));--ai-shadow:0 12px 32px #202b3c08;--ai-highlight:#ffffffb3}
body[data-theme=dark] :is(.ai-shell,.ai-dialog){--ai-glass:color-mix(in srgb,var(--ds-panel) 86%,transparent);--ai-shadow:0 12px 32px #0002;--ai-highlight:#ffffff13}
#page:has(.ai-shell){display:flex;padding:18px!important;min-width:0}
.ai-shell{display:grid;grid-template-columns:244px minmax(0,1fr);gap:14px;flex:1;min-width:0;height:100%;min-height:0;position:relative;color:var(--ai-ink);font-size:15px;line-height:1.6}
.ai-shell *{box-sizing:border-box}
.ai-shell .ai-arabic-text,.ai-dialog .ai-arabic-text{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:normal}
.ai-shell button,.ai-dialog button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ai-shell button:disabled,.ai-dialog button:disabled{opacity:.45;cursor:not-allowed}
.ai-shell svg,.ai-dialog svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ai-shell button:focus-visible,.ai-dialog button:focus-visible{outline:2px solid var(--ai-accent);outline-offset:3px}
.ai-icon{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;min-width:36px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;line-height:1;transition:background .18s,color .18s,transform .18s}
.ai-icon:hover{background:var(--ai-side);color:var(--ai-ink)}
.ai-icon:active{transform:scale(.94)}
.ai-sidebar{background:linear-gradient(150deg,var(--ai-glass),color-mix(in srgb,var(--ai-side) 86%,transparent));border:1px solid var(--ai-line);border-radius:27px;box-shadow:inset 0 1px 0 var(--ai-highlight),var(--ai-shadow);backdrop-filter:blur(22px);padding:17px 12px 12px;display:flex;flex-direction:column;min-height:0;gap:16px;overflow:hidden}
.ai-side-head{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 2px}
.ai-side-title{display:flex;align-items:center;gap:8px;font-size:13px!important;font-weight:650;border:0;background:transparent;padding:0;text-align:start;line-height:1.35}
.ai-side-mark{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:10px;color:var(--ai-accent);background:var(--ai-user);box-shadow:inset 0 1px 0 var(--ai-highlight)}
.ai-side-mark svg{width:19px;height:19px}
.ai-side-head>.ai-icon{width:32px;height:32px;min-width:32px;color:var(--ai-muted)}
.ai-mobile-home{display:none}
.ai-new{display:flex;gap:10px;align-items:center;width:100%;border:1px solid color-mix(in srgb,var(--ai-accent) 17%,var(--ai-line));background:linear-gradient(135deg,var(--ai-bg),var(--ai-user));border-radius:100px;padding:9px 12px;text-align:start;font-size:13px!important;font-weight:600;box-shadow:inset 0 1px 0 var(--ai-highlight),0 3px 10px #202b3c04;transition:box-shadow .18s,border-color .18s}
.ai-new>svg{width:19px;height:19px;color:var(--ai-accent)}
.ai-new:hover{border-color:color-mix(in srgb,var(--ai-accent) 40%,var(--ai-line));box-shadow:0 4px 14px #c96b2110}
.ai-nav-scroll{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;padding-inline:2px}
.ai-section-label{display:flex;align-items:center;justify-content:space-between;color:var(--ai-muted);padding:8px 9px 6px;font-size:11px;font-weight:600;letter-spacing:.02em}
.ai-section-label>.ai-icon{width:28px;height:28px;min-width:28px}.ai-section-label svg{width:16px;height:16px}
.ai-nav-row{display:flex;gap:2px;align-items:center;border:1px solid transparent;border-radius:16px;margin:4px 0;min-width:0;transition:background .18s,border-color .18s}
.ai-nav-row:hover{background:color-mix(in srgb,var(--ai-bg) 70%,transparent)}
.ai-nav-row.active{background:var(--ai-bg);border-color:var(--ai-line);box-shadow:0 2px 6px #202b3c04}
.ai-nav-row>button:first-child{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-align:start;border:0;background:transparent;padding:10px 9px;font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden}
.ai-nav-row>button:first-child span{overflow:hidden;text-overflow:ellipsis}
.ai-nav-row>button:first-child>svg{width:18px;height:18px;color:var(--ai-muted)}
.ai-project-row>button:first-child>svg{color:var(--ai-accent)}
.ai-nav-row.active>button:first-child{font-weight:600}
.ai-nav-row>.ai-icon{width:28px;height:28px;min-width:28px;opacity:0;color:var(--ai-muted)}
.ai-nav-row>.ai-icon svg{width:16px;height:16px}
.ai-nav-row:hover>.ai-icon,.ai-nav-row:focus-within>.ai-icon{opacity:1}
.ai-nav-empty{padding:10px;color:var(--ai-muted);font-size:12px}
.ai-sidebar-foot{padding:11px 5px 0;border-top:1px solid var(--ai-line);font-size:11px;color:var(--ai-muted);display:flex;gap:4px;align-items:center}
.ai-sidebar-foot>span{flex:1;min-width:0;line-height:1.5}.ai-sidebar-foot .ai-icon{width:30px;height:30px;min-width:30px}.ai-sidebar-foot svg{width:17px;height:17px}
.ai-drawer-backdrop{display:none}
.ai-workspace{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;isolation:isolate;border:1px solid var(--ai-line);border-radius:30px;overflow:hidden;background:var(--ai-bg);box-shadow:inset 0 1px 0 var(--ai-highlight),var(--ai-shadow)}
.ai-workspace:has(.ai-welcome){background:radial-gradient(ellipse at 55% 25%,color-mix(in srgb,var(--ai-accent) 7%,transparent),transparent 56%),var(--ai-bg)}
.ai-header{min-height:66px;flex:none;display:flex;align-items:center;gap:9px;padding:12px 18px;z-index:2;background:color-mix(in srgb,var(--ai-bg) 60%,transparent);backdrop-filter:blur(18px)}
.ai-header>.ai-icon{background:var(--ai-glass);border-color:var(--ai-line);box-shadow:inset 0 1px 0 var(--ai-highlight);color:var(--ai-muted)}
.ai-header .ai-history-open{display:none}.ai-sidebar-hidden .ai-header .ai-history-open{display:inline-grid}
.ai-heading-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;flex:none;background:var(--ai-user);color:var(--ai-accent)}
.ai-heading{flex:1;min-width:0;text-align:left}html[dir=rtl] .ai-heading{text-align:right}
.ai-heading b{text-align:inherit;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;line-height:1.45}
.ai-heading small{display:block;font-size:10px;color:var(--ai-muted);line-height:1.5}
.ai-scope{display:flex;align-items:center;max-width:225px;min-width:0}
.ai-scope select{width:100%;min-height:36px;appearance:none;background-color:var(--ai-glass);color:var(--ai-ink);border:1px solid var(--ai-line);border-radius:100px;padding:7px 14px;font:inherit;font-size:12px;box-shadow:inset 0 1px 0 var(--ai-highlight);text-overflow:ellipsis;--select-arrow-inset:13px;--select-end-space:34px}
.ai-scope select:disabled{opacity:.7}
.ai-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable;scrollbar-width:thin}
.ai-transcript{max-width:820px;width:100%;margin:auto;padding:24px 34px 12px}
.ai-welcome{min-height:100%;display:flex;align-items:center;justify-content:center;padding:25px 28px}
.ai-welcome-inner{width:100%;max-width:570px;text-align:center}
.ai-mark{display:grid;place-items:center;isolation:isolate;position:relative;width:68px;height:68px;border:1px solid color-mix(in srgb,var(--ai-accent) 20%,var(--ai-line));border-radius:23px;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--ai-accent) 20%,transparent),transparent 75%),var(--ai-glass);color:var(--ai-accent);margin:0 auto 22px;box-shadow:inset 0 2px 1px var(--ai-highlight),inset 0 -2px 4px #c96b2108,0 12px 24px #c96b2112;transform:rotate(-7deg)}
.ai-mark svg{width:34px;height:34px;transform:rotate(7deg)}
.ai-welcome h1{font-size:clamp(25px,2.8vw,34px)!important;font-weight:650;line-height:1.3;margin:0 auto 28px;letter-spacing:-.035em;max-width:500px;overflow-wrap:anywhere;text-wrap:balance}
.ai-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ai-suggestions button{display:flex;align-items:center;gap:11px;min-height:68px;text-align:start;background:var(--ai-glass);border:1px solid var(--ai-line);border-radius:21px;padding:12px;font-size:13px;line-height:1.5;box-shadow:inset 0 1px 0 var(--ai-highlight),0 3px 9px #202b3c03;transition:transform .18s,box-shadow .18s,border-color .18s}
.ai-suggestions button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ai-accent) 30%,var(--ai-line));box-shadow:0 8px 18px #202b3c08}
.ai-suggestion-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:13px;background:var(--ai-side);color:var(--ai-accent)}
.ai-suggestion-icon svg{width:19px;height:19px}
.ai-message{margin-bottom:28px;min-width:0;overflow-wrap:anywhere}
.ai-message-user{display:flex;flex-direction:column;align-items:flex-end}
.ai-message-user .ai-message-body{background:var(--ai-user);border:1px solid color-mix(in srgb,var(--ai-accent) 8%,var(--ai-line));border-radius:24px 24px 8px 24px;padding:13px 18px;max-width:85%;white-space:pre-wrap}
html[dir=rtl] .ai-message-user .ai-message-body{border-radius:24px 24px 24px 8px}
.ai-message-body{font-size:15px;line-height:1.9;min-width:0}
.ai-message-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:12px;font-weight:600;color:var(--ai-muted)}
.ai-message-head>svg{width:28px;height:28px;padding:5px;border-radius:10px;background:var(--ai-user);color:var(--ai-accent)}
.ai-message-body p{margin:0 0 13px}.ai-message-body p:last-child{margin-bottom:0}
.ai-message-body h3{font-size:17px;margin:18px 0 8px;line-height:1.5}
.ai-message-body ul,.ai-message-body ol{padding-inline-start:23px;margin:8px 0 15px}.ai-message-body li{padding-inline-start:3px;margin:4px 0}
.ai-message-body a{color:var(--ai-accent);text-decoration:underline}.ai-message-body pre{background:var(--ai-side);border:1px solid var(--ai-line);border-radius:18px;padding:16px;overflow:auto;direction:ltr;text-align:left;line-height:1.55;font-size:13px}
.ai-message-body code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--ai-side);padding:2px 4px;border-radius:5px}.ai-message-body pre code{padding:0}
.ai-message-body hr{border:0;border-top:1px solid var(--ai-line);margin:24px 0}
.ai-message-image{display:block;max-width:min(300px,100%);max-height:240px;object-fit:contain;border-radius:20px;margin-bottom:9px;border:1px solid var(--ai-line)}
.ai-message-actions{display:flex;gap:5px;align-items:center;margin-top:7px;color:var(--ai-muted);font-size:12px}
.ai-message-actions .ai-icon{width:30px;height:30px;min-width:30px}.ai-message-actions svg{width:16px;height:16px}
.ai-typing{display:flex;gap:5px;padding:12px 0}.ai-typing i{width:6px;height:6px;background:var(--ai-accent);border-radius:50%;animation:ai-pulse 1.1s infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes ai-pulse{50%{opacity:.25;transform:translateY(-3px)}}
.ai-compose-area{flex:none;padding:12px 26px 22px;background:linear-gradient(transparent,var(--ai-bg) 45%);z-index:2}
.ai-compose{max-width:760px;margin:0 auto;border:1px solid var(--ai-line);box-shadow:inset 0 1px 0 var(--ai-highlight),0 8px 28px #202b3c0d;border-radius:28px;background:color-mix(in srgb,var(--ai-side) 70%,var(--ai-bg));backdrop-filter:blur(20px);padding:15px 15px 11px;transition:border-color .18s}
.ai-compose:focus-within{border-color:color-mix(in srgb,var(--ai-accent) 24%,var(--ai-line))}
.ai-compose textarea{display:block;resize:none;border:0;background:transparent;color:var(--ai-ink);width:100%;min-height:48px;max-height:180px;font:inherit;font-size:15px;line-height:1.6;outline:none;padding:2px 5px 8px}
.ai-compose textarea:focus,.ai-compose textarea:focus-visible{outline:none;box-shadow:none}.ai-compose textarea::placeholder{color:var(--ai-muted)}
.ai-compose textarea:placeholder-shown{direction:inherit;text-align:start}
.ai-compose-tools{display:flex;align-items:center;gap:8px;min-height:40px}.ai-compose-tools>span{flex:1;color:var(--ai-muted);font-size:11px}
.ai-compose-tools>.ai-icon{width:38px;height:38px;min-width:38px;color:var(--ai-muted)}
.ai-compose-tools>.ai-icon:hover{background:var(--ai-bg)}
.ai-compose-tools>[data-ai=record]{background:var(--ai-bg);border-color:var(--ai-line);box-shadow:0 2px 5px #202b3c04}
.ai-shell .ai-send{width:40px;height:40px;min-width:40px;background:linear-gradient(145deg,#fa8954,#e66b30)!important;color:white!important;border:1px solid #e9773c;box-shadow:inset 0 1px 0 #ffffff4a,0 4px 10px #db692527;border-radius:50%}
.ai-shell .ai-send:disabled{background:var(--ai-ink)!important;border-color:transparent;box-shadow:none;opacity:.22;color:var(--ai-bg)!important}
.ai-compose-foot{max-width:760px;margin:7px auto 0;display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--ai-muted);text-align:center;gap:8px}
.ai-alert{max-width:760px;margin:0 auto 9px;border:1px solid var(--ai-line);border-radius:16px;padding:10px 13px;background:var(--ai-user);font-size:13px;color:var(--ai-ink);display:flex;gap:10px;align-items:center}.ai-alert span{flex:1}
.ai-draft-image{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ai-draft-image img{width:58px;height:58px;object-fit:cover;border-radius:15px}.ai-draft-image span{font-size:12px;color:var(--ai-muted)}
.ai-recording,.ai-transcribing{display:flex;align-items:center;gap:14px;min-height:80px;padding:4px 0}.ai-recording-content{flex:1;min-width:0}
.ai-recording-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--ai-muted);margin:0 0 5px}.ai-recording-label{display:flex;align-items:center;gap:7px}.ai-recording-label i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--ai-accent)}.ai-recording-meta time{font-variant-numeric:tabular-nums;direction:ltr}
.ai-waveform{height:36px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden;direction:ltr}.ai-waveform span{height:4px;min-width:2px;max-width:5px;flex:1;border-radius:4px;background:var(--ai-accent);opacity:.85;transition:height 80ms linear}
.ai-transcribing-status{display:flex;flex:1;align-items:center;justify-content:center;gap:12px;min-width:0;font-size:14px;color:var(--ai-muted)}.ai-spinner{width:22px;height:22px;flex:none;border:2px solid var(--ai-line);border-top-color:var(--ai-accent);border-radius:50%;animation:ai-spin .8s linear infinite}
@keyframes ai-spin{to{transform:rotate(360deg)}}
.ai-button{border:1px solid var(--ai-line);background:var(--ai-bg);border-radius:100px;padding:9px 15px;font-size:13px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px}.ai-button.primary{background:linear-gradient(145deg,#fa8954,#e66b30);color:white;border-color:#e9773c;box-shadow:inset 0 1px 0 #ffffff4a}
.ai-dialog{background:var(--ai-glass);backdrop-filter:blur(26px);color:var(--ai-ink);border:1px solid var(--ai-line);border-radius:28px;padding:26px;width:min(520px,calc(100vw - 28px));font-size:14px;max-height:90dvh;overflow:auto;box-shadow:inset 0 1px 0 var(--ai-highlight),0 28px 90px #11182726}
.ai-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.ai-dialog header>.ai-icon{background:var(--ai-side);color:var(--ai-muted)}.ai-dialog h2{font-size:21px;font-weight:650;margin:0;line-height:1.4}.ai-dialog label{display:block;font-size:12px;font-weight:600;margin:16px 0 8px}
.ai-dialog input,.ai-dialog select,.ai-dialog textarea{display:block;width:100%;border:1px solid var(--ai-line);border-radius:15px;background:var(--ai-side);color:var(--ai-ink);padding:12px 14px;font:inherit;font-size:14px;line-height:1.5;--select-arrow-inset:16px;--select-end-space:40px}
.ai-dialog input:focus,.ai-dialog select:focus,.ai-dialog textarea:focus{outline:none;box-shadow:none;border-color:color-mix(in srgb,var(--ai-accent) 25%,var(--ai-line))}
.ai-dialog textarea{min-height:110px;resize:vertical}.ai-dialog p{font-size:12px;line-height:1.65;color:var(--ai-muted);margin:10px 0}.ai-dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.ai-dialog .ai-dialog-error{color:#d45242;font-size:13px}
.ai-archive-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ai-line)}.ai-archive-row span{flex:1;overflow-wrap:anywhere}
.ai-shell.ai-sidebar-hidden{grid-template-columns:minmax(0,1fr)}.ai-sidebar-hidden .ai-sidebar{display:none}
body.ai-focus #sidebar{display:none!important}body.ai-focus .app-frame{grid-template-columns:minmax(0,1fr)!important}body.ai-focus .main{margin-inline-start:0!important;width:100%!important}
.ai-message-menu{position:relative;flex:none}.ai-message-menu summary{list-style:none;cursor:pointer;color:var(--ai-muted)}.ai-message-menu summary::-webkit-details-marker{display:none}.ai-message-menu summary:focus-visible{outline:2px solid var(--ai-accent);outline-offset:2px}.ai-message-menu[open] summary{background:var(--ai-user)}
.ai-message-menu-panel{position:absolute;bottom:calc(100% + 6px);inset-inline-start:0;z-index:8;min-width:175px;padding:6px;border:1px solid var(--ai-line);border-radius:19px;background:var(--ai-glass);backdrop-filter:blur(20px);box-shadow:0 12px 30px #0002}
.ai-message-user .ai-message-menu-panel{inset-inline-start:auto;inset-inline-end:0}.ai-message-menu-panel button{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:13px;padding:10px;text-align:start;background:transparent;font-size:13px}.ai-message-menu-panel button:hover{background:var(--ai-user)}
.ai-shell .ai-danger,.ai-dialog .ai-danger{color:#bd3545}body[data-theme=dark] .ai-shell .ai-danger,body[data-theme=dark] .ai-dialog .ai-danger{color:#ff9eaa}.ai-dialog .ai-delete-confirm{background:#bd3545;color:#fff;border-color:#bd3545}
.ai-thread-footer{flex-wrap:wrap}.ai-thread-footer .ai-danger{margin-inline-end:auto}.ai-delete-preview{margin:18px 0 0;padding:12px 15px;background:var(--ai-side);border:1px solid var(--ai-line);border-radius:16px;max-height:145px;overflow:auto;overflow-wrap:anywhere;font-size:13px;white-space:pre-wrap}
.ai-trash-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--ai-line)}.ai-trash-row>div{flex:1;min-width:0}.ai-trash-row small{display:block;color:var(--ai-muted);font-size:11px;margin-bottom:3px}.ai-trash-row span{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.ai-dialog [dir=auto]{unicode-bidi:plaintext}
@media(max-width:1100px){.ai-shell{grid-template-columns:220px minmax(0,1fr);gap:10px}.ai-side-mark{display:none}.ai-transcript{padding:22px}.ai-header{padding:12px}.ai-scope{max-width:180px}.ai-compose-area{padding:12px 18px 18px}.ai-welcome{padding:24px}.ai-suggestions button{padding:10px;gap:9px}}
@media(max-width:760px){
 #page:has(.ai-shell){padding:8px!important}.ai-shell{display:flex;position:relative;min-height:0;height:100%;gap:0}.ai-workspace{flex:1;border-radius:25px}.ai-sidebar{display:none}.ai-shell.ai-mobile-open .ai-sidebar{display:flex;position:absolute;inset:0 auto 0 0;width:min(290px,calc(100% - 38px));z-index:12;box-shadow:12px 0 35px #0002;background:color-mix(in srgb,var(--ai-bg) 94%,transparent)}[dir=rtl] .ai-shell.ai-mobile-open .ai-sidebar{inset:0 0 0 auto}.ai-side-mark{display:grid}
 .ai-shell.ai-mobile-open .ai-drawer-backdrop{display:block;position:absolute;inset:0;z-index:11;background:#18213030;backdrop-filter:blur(4px);border:0;border-radius:25px}
 .ai-header{min-height:58px;gap:7px;padding:10px}.ai-heading b{font-size:13px}.ai-heading small{font-size:9px}.ai-heading-icon{width:28px;height:28px;border-radius:10px}.ai-heading-icon svg{width:17px;height:17px}.ai-header>.ai-focus-button{display:none}.ai-scope{max-width:150px}.ai-scope select{font-size:11px;min-height:34px;padding-inline-start:11px}
 .ai-transcript{padding:20px 16px}.ai-message-body{font-size:15px}.ai-message-user .ai-message-body{max-width:92%;padding:11px 15px}.ai-compose-area{padding:10px 11px 12px}.ai-compose{border-radius:24px;padding:12px 11px 9px}.ai-compose textarea{font-size:14px}
 .ai-welcome{padding:24px 18px}.ai-mark{width:59px;height:59px;border-radius:20px;margin-bottom:20px}.ai-mark svg{width:29px;height:29px}.ai-welcome h1{font-size:26px!important;margin-bottom:24px}.ai-suggestions{gap:8px}.ai-suggestions button{flex-direction:column;align-items:flex-start;min-height:104px;padding:12px;font-size:12px;gap:9px;border-radius:19px}.ai-suggestion-icon{width:30px;height:30px;border-radius:11px}.ai-suggestion-icon svg{width:17px;height:17px}.ai-nav-row>.ai-icon{opacity:1}.ai-compose-foot{font-size:10px}
 body:has(.ai-shell) #sidebar{display:none!important}body:has(.ai-shell) #topbar .search{width:38px;min-width:38px;flex:none;justify-content:center;padding:9px}body:has(.ai-shell) #topbar .search span{display:none}.ai-mobile-home{display:inline-grid}.ai-shell:not(.ai-mobile-open) .ai-header .ai-history-open{display:inline-grid}.ai-shell.ai-mobile-open .ai-header .ai-history-open{display:none}
 .ai-dialog{padding:22px;border-radius:25px}.ai-dialog h2{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.ai-typing i,.ai-spinner{animation:none}.ai-shell button,.ai-icon,.ai-nav-row,.ai-compose,.ai-waveform span{transition:none}.ai-suggestions button:hover{transform:none}}

/* BECAL shared visual system. Layout and behavior remain owned by each feature.
   This is the single adapter for the original screens; communication uses the same palette. */
body{
 --ds-canvas:#f5f5f8;--ds-panel:#fff;--ds-inset:#f7f7f9;--ds-ink:#222632;--ds-muted:#747b88;
 --ds-line:#202b3c0d;--ds-edge:#202b3c15;--ds-glass:#ffffffc9;--ds-accent:#e9652a;--ds-soft:#fff0e7;
 --ds-shadow:0 4px 18px #22263205,0 1px 3px #22263203;--ds-radius:25px;--ds-inner-radius:16px;
 --bg:var(--ds-canvas);--bg2:var(--ds-canvas);--surface:var(--ds-glass);--surface-solid:var(--ds-panel);--surface-2:var(--ds-inset);
 --text:var(--ds-ink);--muted:var(--ds-muted);--line:var(--ds-line);--border:var(--ds-edge);--accent:var(--ds-accent);
 --shadow:0 18px 55px #2226320d;--shadow-sm:var(--ds-shadow);--blue3:#eef1fb;
 --task-surface:var(--ds-panel);--task-card-fill:#f8f8fa;--task-border:var(--ds-edge);--task-secondary:#697180;--readable-text:var(--ds-ink);
 --ai-bg:var(--ds-panel);--ai-side:var(--ds-inset);--ai-line:var(--ds-edge);--ai-ink:var(--ds-ink);--ai-muted:var(--ds-muted);--ai-user:#f2f2f6;--ai-accent:var(--ds-accent);
 background:var(--ds-canvas);color:var(--ds-ink)
}
body[data-theme=dark]{
 --ds-canvas:#181b22;--ds-panel:#21252e;--ds-inset:#282d37;--ds-ink:#f0f1f5;--ds-muted:#a6aebb;
 --ds-line:#ffffff0d;--ds-edge:#ffffff18;--ds-glass:#242933d9;--ds-accent:#ff955c;--ds-soft:#382c28;
 --ds-shadow:0 6px 22px #00000018;--bg:var(--ds-canvas);--bg2:var(--ds-canvas);--surface:var(--ds-glass);--surface-solid:var(--ds-panel);--surface-2:var(--ds-inset);
 --text:var(--ds-ink);--muted:var(--ds-muted);--line:var(--ds-line);--border:var(--ds-edge);--accent:var(--ds-accent);--shadow:0 18px 55px #0002;--shadow-sm:var(--ds-shadow);--blue3:#2a3144;
 --task-surface:var(--ds-panel);--task-card-fill:#292e38;--task-border:var(--ds-edge);--task-secondary:#b0b8c5;--readable-text:var(--ds-ink);
 --ai-bg:var(--ds-panel);--ai-side:var(--ds-inset);--ai-line:var(--ds-edge);--ai-ink:var(--ds-ink);--ai-muted:var(--ds-muted);--ai-user:#303641;--ai-accent:var(--ds-accent)
}
/* The navigation is the only persistent glass layer. */
body #app:not(.hidden) .app-frame{background:var(--ds-canvas)!important;box-shadow:none!important;backdrop-filter:none!important}
body #app,body #app .main,body #app #page{background:var(--ds-canvas)!important}
body #app #sidebar{background:var(--ds-glass)!important;border-color:var(--ds-line)!important;box-shadow:none!important;backdrop-filter:blur(20px)}
body #app #sidebar .nav{gap:6px!important}
body #app #sidebar .nav-item{border:1px solid transparent!important;border-radius:100px!important;background:transparent!important;box-shadow:none!important;color:var(--ds-muted)!important;transition:background .18s,color .18s,box-shadow .18s!important}
body #app #sidebar .nav-item:hover{background:color-mix(in srgb,var(--ds-panel) 60%,transparent)!important;color:var(--ds-ink)!important;transform:none!important}
body #app #sidebar .nav-item.active{background:var(--ds-panel)!important;color:var(--ds-ink)!important;border-color:var(--ds-line)!important;box-shadow:var(--ds-shadow)!important}
body #app #sidebar .nav-item.active .nav-icon{color:var(--ds-accent)!important}.nav-item .nav-icon svg{stroke-width:1.75}
body #app #sidebar .sidebar-footer{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--ds-accent) 14%,transparent),transparent 78%),linear-gradient(145deg,color-mix(in srgb,var(--ds-panel) 86%,transparent),color-mix(in srgb,var(--ds-soft) 68%,var(--ds-panel)))!important;border:1px solid color-mix(in srgb,var(--ds-accent) 20%,var(--ds-line))!important;border-radius:20px!important;box-shadow:inset 0 1px 0 #ffffff38,0 6px 18px #b2642410!important;backdrop-filter:blur(16px);padding:15px 13px!important;color:var(--ds-ink)!important;font-size:12px!important;line-height:1.55}
body #app #sidebar .sidebar-footer strong{color:var(--ds-ink)!important;font-weight:650!important;margin-bottom:6px}
body #app #sidebar .sidebar-footer span{display:block;color:var(--ds-muted)!important;font-size:11px;line-height:1.5}
body[data-theme=dark] #app #sidebar .sidebar-footer{box-shadow:inset 0 1px 0 #ffffff10,0 6px 18px #00000018!important}
@media(min-width:821px){
 body:not([data-nav=horizontal]) #app #sidebar>.nav{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}
 body:not([data-nav=horizontal]) #app #sidebar>.sidebar-footer{flex:0 0 auto;margin-top:0!important}
 body:not([data-nav=horizontal]) #app #sidebar>.profile-zone{flex:0 0 auto}
}
body #app #sidebar .profile-mini{border-color:var(--ds-line)!important;border-radius:18px!important;background:transparent!important}
body #app #topbar{background:var(--ds-glass)!important;border-bottom:1px solid var(--ds-line)!important;box-shadow:0 1px 0 #ffffff08!important;backdrop-filter:blur(20px)!important}
body #app #topbar .search{background:var(--ds-inset)!important;border:1px solid var(--ds-line)!important;border-radius:100px!important;box-shadow:none!important}
body #app #topbar :is(.icon-btn,.lang-select,.topbar-lang,.top-lang-select,.language-select){border-radius:100px!important;background-color:var(--ds-panel)!important;border-color:var(--ds-line)!important;box-shadow:var(--ds-shadow)!important}
body #app #topbar select{border-radius:100px!important;border-color:var(--ds-line)!important;background-color:var(--ds-panel)!important}
body #app #topbar .top-ai-button{border-radius:100px!important}
body #app :is(.top-member-profile,.top-admin-profile){background:transparent!important;border:0!important;border-radius:100px!important}
/* Shared action buttons keep their existing dimensions and meaningful colors. */
body #app .btn,body #overlayRoot .btn{border-radius:100px!important;border:1px solid var(--ds-edge)!important;background:var(--ds-panel)!important;color:var(--ds-ink)!important;box-shadow:none!important;font-weight:600!important;transition:background .18s,box-shadow .18s,transform .18s!important}
body #app .btn:hover,body #overlayRoot .btn:hover{background:var(--ds-inset)!important;transform:none!important;box-shadow:0 3px 10px #18243a07!important}
body #app .btn.primary,body #overlayRoot .btn.primary,body #app .team132-card .member-actions-v2 .btn.primary{background:linear-gradient(145deg,#fa8346,#e9672b)!important;border-color:#e76c36!important;color:white!important;box-shadow:inset 0 1px 0 #ffffff40,0 3px 8px #cf582318!important}
body #app .btn.primary:hover,body #overlayRoot .btn.primary:hover{background:linear-gradient(145deg,#ff925b,#e76b30)!important;box-shadow:inset 0 1px 0 #ffffff40,0 4px 14px #cf58232a!important}
body #app .btn.danger,body #overlayRoot .btn.danger{color:var(--red)!important;background:color-mix(in srgb,var(--red) 6%,var(--ds-panel))!important;border-color:color-mix(in srgb,var(--red) 18%,var(--ds-line))!important}
body #app .icon-btn{border-radius:50%!important;background:var(--ds-panel)!important;border-color:var(--ds-line)!important;box-shadow:none!important;transform:none!important}
body #app .btn svg,body #overlayRoot .btn svg{stroke-width:1.75}.btn:active,.icon-btn:active{scale:.97}
body #app :is(.date-chip,.pill,.project-status){border-radius:100px!important}
body #app .seg{padding:4px!important;gap:3px!important;border:1px solid var(--ds-line)!important;border-radius:100px!important;background:var(--ds-inset)!important;box-shadow:inset 0 1px 0 #ffffff12}
body #app .seg button{border-radius:100px!important;color:var(--ds-muted)!important;background:none!important;box-shadow:none!important;font-weight:600}
body #app .seg button.active{background:var(--ds-panel)!important;color:var(--ds-ink)!important;box-shadow:var(--ds-shadow)!important}
/* Main surfaces. No universal card selector: canvas objects and media retain their own geometry. */
body #app :is(.card,.weekly-card,.member-card-v2,.member-panel,.member-v3-panel,.member-feature-card,.member-restricted-card,.member-workspace102-card,.member-weekly-card,.member-today-summary,.cb146-library,.notes156-notebook){
 background:var(--ds-panel)!important;border:1px solid var(--ds-line)!important;border-radius:var(--ds-radius)!important;box-shadow:var(--ds-shadow)!important;color:var(--ds-ink)!important
}
body #app :is(.card,.weekly-card,.member-card-v2,.member-panel,.member-v3-panel,.member-feature-card):hover{transform:none!important}
body #app :is(.weekly-card,.member-weekly-card){background:linear-gradient(150deg,var(--ds-panel),color-mix(in srgb,var(--ds-inset) 60%,var(--ds-panel)))!important}
body #app :is(.weekly-icon,.member-weekly-icon,.kpi-ico,.member-stat-icon){border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff22!important}
body #app :is(.panel-head,.member-panel-head,.member-v3-panel-head){border-color:var(--ds-line)!important}
body #app :is(.panel-head,.member-panel-head,.member-v3-panel-head)>button{color:var(--ds-muted)!important;font-weight:550!important}
body #app :is(.panel-head,.member-panel-head,.member-v3-panel-head)>button:hover{color:var(--ds-accent)!important}
body #app :is(.member-stat,.member-stat-v2,.member-stats-v2>div){background:var(--ds-inset)!important;border:1px solid var(--ds-line)!important;border-radius:18px!important;box-shadow:none!important}
body #app :is(.member-actions-v2,.brand-card-foot75,.project83-footer){border-color:var(--ds-line)!important}
body #app .brand-card-logo75{border-radius:18px!important;background:var(--ds-inset)!important;border:1px solid var(--ds-line)!important;box-shadow:none!important}
body #app :is(.brand-tile,.member-brand-tile,.member-brand-row,.member-brand-clean-row){background:var(--ds-inset)!important;border-color:var(--ds-line)!important;border-radius:18px!important}
body #app :is(.project83-card,.team132-card){overflow:hidden}
body #app .team-grid-v2.team132-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))!important}
body #app .project83-card :is(.project-progress,.progress){border-radius:100px!important}
/* Daily work and weekly task cards stay compact, with clear status colors. */
body #app :is(.member-today-toolbar,.member-week-nav,.member-task-toolbar){border-color:var(--ds-line)!important;border-radius:20px!important}
body #app :is(.review-workflow-card,.member-today-card,.task-card){background:var(--ds-panel)!important;border:1px solid var(--ds-edge)!important;border-radius:19px!important;box-shadow:0 2px 9px #22263204!important}
body #app .member-day-col{background:var(--ds-panel)!important;border:1px solid var(--ds-line)!important;border-radius:20px!important;box-shadow:var(--ds-shadow)!important}
body #app .member-calendar-task{background:var(--task-card-fill)!important;border:1px solid var(--ds-line)!important;border-radius:12px!important;box-shadow:none!important}
body #app .member-calendar-task:hover{border-color:var(--ds-edge)!important}
body #app :is(.member-calendar-task,.member-today-card) select{border-radius:100px!important}
body #app :is(.member-today-brand-control,.member-workspace-head,.workspace-strip){background:var(--ds-panel)!important;border:1px solid var(--ds-line)!important;border-radius:21px!important;box-shadow:var(--ds-shadow)!important}
body #app .member-task-brand-select{background-color:var(--ds-panel)!important;border-color:var(--ds-line)!important;border-radius:16px!important;color:var(--ds-ink)!important}
body #app .member-week-board{background:transparent!important;border:0!important;box-shadow:none!important}
body #app :is(.member-day-add,.member-week-nav button){border-radius:100px!important;border-color:var(--ds-edge)!important;background:var(--ds-panel)!important}
/* Form fields and settings use inset surfaces; typing never adds the old blue halo. */
body #app :is(.field,.setting-row) :is(input:not([type=checkbox]):not([type=range]):not([type=color]),textarea,select),
body #overlayRoot :is(.field,.profile-field,.member-task-field,.brand-field75,.project-field,.team132-field) :is(input:not([type=checkbox]):not([type=range]):not([type=color]),textarea,select){
 background-color:var(--ds-inset)!important;border:1px solid var(--ds-edge)!important;border-radius:14px!important;color:var(--ds-ink)!important;box-shadow:none!important
}
body #app .settings-nav{padding:10px!important}
body #app .settings-nav button{border-radius:100px!important;padding:12px 15px!important;margin-bottom:4px;background:none!important;color:var(--ds-muted)!important}
body #app .settings-nav button.active{background:var(--ds-inset)!important;color:var(--ds-ink)!important}
body #app .setting-row{border-color:var(--ds-line)!important;padding-block:20px!important}
body #app .permission-check{background:var(--ds-inset)!important;border-color:var(--ds-line)!important;border-radius:16px!important}
body #app .permission-check:has(input:checked){background:var(--ds-soft)!important;border-color:color-mix(in srgb,var(--ds-accent) 20%,var(--ds-line))!important}
body #app .table{border-color:var(--ds-line)!important}body #app .table th{background:var(--ds-inset)!important;color:var(--ds-muted)!important}body #app .table td{border-color:var(--ds-line)!important}
/* Profile, project, task, brand, review and assistant sheets. */
body #overlayRoot :is(.modal,.profile-editor,.profile-editor-premium,.member-task-modal,.member-task-delete-modal,.member-workspace-modal,.team132-modal,.brand-edit75,.brand-modal75,.review-detail,.review-detail-modal,.cb128-dialog,.project-dialog,.media-manager131){background:var(--ds-panel)!important;color:var(--ds-ink)!important;border:1px solid var(--ds-edge)!important;border-radius:28px!important;box-shadow:0 28px 90px #11182726!important}
body #overlayRoot :is(.project-heading-icon,.profile-editor-icon,.member-task-modal-brand){background:var(--ds-soft)!important;color:var(--ds-accent)!important;border-radius:16px!important}
body #overlayRoot :is(.project-person,.project-task-row,.project-progress-summary,.project-person-summary,.profile-section){border-radius:16px!important;border-color:var(--ds-line)!important}
body #overlayRoot .project-person:has(input:checked){background:var(--ds-soft)!important;border-color:color-mix(in srgb,var(--ds-accent) 20%,var(--ds-line))!important}
body #overlayRoot :is(.project-dialog-head,.project-dialog-footer,.profile-editor-head,.member-task-modal-head){border-color:var(--ds-line)!important}
body :is(#overlayRoot,#pinSheet,#chatMessageMenu,#app) button.becal-close.becal-close{border-radius:50%!important;background:var(--ds-inset)!important;color:var(--ds-muted)!important}
body #app :is(.profile-popover,.top-member-profile-menu,.top-admin-profile-menu),body .chat-action-menu{background:var(--ds-glass)!important;backdrop-filter:blur(20px);border:1px solid var(--ds-edge)!important;border-radius:20px!important;box-shadow:0 14px 40px #1118271a!important}
/* Creative and notes controls: adapt the chrome, never the user's canvas objects. */
body #app :is(.cb128-context.cb139-brand-card,.cb139-tools-card,.cb145-team-card,.cb146-library-toolbar,.notes156-brand-card,.notes156-tools-card,.notes157-member-card){background:var(--ds-glass)!important;border:1px solid var(--ds-line)!important;border-radius:19px!important;box-shadow:var(--ds-shadow)!important}
body #app :is(.cb146-library-toolbar button,.notes156-tool,.cb128-tool){border-radius:100px!important}
body #app :is(.notes156-tool.active,.cb128-tool.active){background:var(--ds-soft)!important;color:var(--ds-accent)!important}
body #app .notes156-bookhead{background:var(--ds-panel)!important;border-color:var(--ds-line)!important}
body #app .notes156-viewport{background:var(--ds-inset)!important}
body #app .cb146-folder-tile{border-radius:20px!important;border-color:var(--ds-line)!important;box-shadow:none!important}
body #app :is(.cb146-library-toolbar,.notes156-tools-card){backdrop-filter:blur(16px)}
/* Entry and account access share the same visual family. */
body #auth{background:var(--ds-canvas)!important}
body #auth .landing-frame{background:radial-gradient(ellipse at 8% 15%,color-mix(in srgb,var(--ds-soft) 75%,transparent),transparent 55%),var(--ds-panel)!important;border-color:var(--ds-line)!important;border-radius:32px!important;box-shadow:0 24px 70px #2226320c!important}
body #auth .landing-top{background:var(--ds-glass)!important;border-color:var(--ds-line)!important;backdrop-filter:blur(20px)}
body #auth :is(.landing-icon,.landing-lang){border-radius:100px!important;border-color:var(--ds-line)!important;background:var(--ds-inset)!important;color:var(--ds-ink)!important}
body #auth .landing-cta{border-radius:100px!important;box-shadow:none!important}
body #pinSheet{background:var(--ds-glass)!important;backdrop-filter:blur(24px);border:1px solid var(--ds-edge)!important;border-radius:30px!important;box-shadow:0 24px 80px #11182722!important;color:var(--ds-ink)!important}
body #pinSheet .pin-code{background:var(--ds-inset)!important;border-color:var(--ds-edge)!important;border-radius:18px!important;box-shadow:none!important;color:var(--ds-ink)!important}
body #pinSheet .pin-continue{border-radius:100px!important;background:linear-gradient(145deg,#fa8346,#e9672b)!important;box-shadow:inset 0 1px 0 #ffffff40!important}
body #pinSheet .pin-close{border-radius:50%!important;background:var(--ds-inset)!important;color:var(--ds-muted)!important}
@media(max-width:820px){
 body #app #sidebar .sidebar-footer{display:none!important}
 body #app #sidebar{border:1px solid var(--ds-edge)!important;border-radius:25px!important;box-shadow:0 7px 25px #2226320c!important;background:var(--ds-glass)!important;padding:8px!important}
 body #app #sidebar .nav{gap:4px!important}body #app #sidebar .nav-item{border-radius:100px!important}
 body #app #sidebar .nav-item{position:relative!important}
 body #app #sidebar .nav-item .nav-icon{display:flex!important;align-items:center;justify-content:center;width:24px!important;height:24px!important}
 body #app #sidebar .nav-item .nav-icon svg{width:21px!important;height:21px!important}
 body #app #sidebar .nav-item .comms-unread{display:flex!important;position:absolute;top:1px;inset-inline-end:3px;min-width:16px;height:16px;padding:0 4px;font-size:9px!important;border:2px solid var(--ds-panel);margin:0!important}
 body #app #topbar{backdrop-filter:blur(16px)!important}
 body #app :is(.card,.weekly-card,.member-card-v2,.member-panel,.member-v3-panel,.member-weekly-card,.member-today-summary){border-radius:21px!important}
 body #app .settings-grid{grid-template-columns:minmax(0,1fr)!important}
 body #app .settings-nav{display:flex;gap:4px;overflow-x:auto!important;white-space:nowrap;padding:7px!important;scrollbar-width:none}
 body #app .settings-nav button{flex:0 0 auto;margin:0;padding:10px 13px!important}
 body #app .setting-row{flex-wrap:wrap;gap:12px}
 body #overlayRoot :is(.profile-editor,.member-task-modal,.team132-modal,.project-dialog){border-radius:24px!important}
}
@media(prefers-reduced-motion:reduce){body #app :is(.btn,.icon-btn,.nav-item),body #overlayRoot .btn{transition:none!important;animation:none!important}}

/* Today's Work owns its cards; shared BECAL tokens supply both themes. */
.today-work-page{--tw-blue:#296bd3;--tw-purple:#8052c8;--tw-green:#20865a;--tw-red:#c54859;--tw-orange:#c9652a}
body[data-theme=dark] .today-work-page{--tw-blue:#91baff;--tw-purple:#c6a5ff;--tw-green:#80d9ad;--tw-red:#ff9eac;--tw-orange:#ffad7d}
.today-work-page .today83-date{height:36px;padding:0 14px;border-radius:100px;border:1px solid var(--ds-line);background:var(--ds-glass);font-weight:550;white-space:nowrap;flex:none}
.today-work-page .page-title>div:last-child{flex-shrink:0}
.today84-toolbar{display:flex;align-items:center;gap:18px;justify-content:space-between}
.today84-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1;max-width:920px;min-width:0}
.today84-chip{--tw-tone:var(--tw-orange);display:flex;align-items:center;gap:12px;min-width:0;min-height:82px;padding:16px;background:linear-gradient(140deg,var(--ds-glass),var(--ds-panel));border:1px solid var(--ds-edge);border-radius:22px;box-shadow:inset 0 1px 0 #ffffff24,var(--ds-shadow)}
.today84-chip[data-tone=inprogress]{--tw-tone:var(--tw-blue)}
.today84-chip[data-tone=review]{--tw-tone:var(--tw-purple)}
.today84-chip[data-tone=completed]{--tw-tone:var(--tw-green)}
.today84-metric-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:13px;color:var(--tw-tone);background:color-mix(in srgb,var(--tw-tone) 10%,var(--ds-panel));border:1px solid color-mix(in srgb,var(--tw-tone) 7%,transparent)}
.today84-metric-icon svg{width:21px;height:21px}
.today84-chip>div{min-width:0;display:flex;flex-direction:column;gap:6px}
.today84-chip b{font-size:23px;line-height:1;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ds-ink)}
.today84-chip>div>span{font-size:12px;font-weight:550;line-height:1.4;color:var(--ds-muted);overflow-wrap:anywhere}
.today86-refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;height:40px;padding:0 15px}
.today86-refresh-icon{width:16px;height:16px;flex:none}
.today84-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;align-items:stretch}
.today84-card{min-width:0;display:flex;flex-direction:column;gap:0;cursor:pointer;padding:18px;background:linear-gradient(150deg,var(--ds-panel),color-mix(in srgb,var(--ds-inset) 55%,var(--ds-panel)));border:1px solid var(--ds-edge);border-radius:23px;box-shadow:inset 0 1px 0 #ffffff20,var(--ds-shadow);color:var(--ds-ink);transition:border-color .18s,box-shadow .18s}
.today84-card:hover{border-color:color-mix(in srgb,var(--ds-accent) 28%,var(--ds-edge));box-shadow:0 5px 18px #19233309}
.today84-card:focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px}
.today84-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.today84-brand{display:flex;align-items:center;gap:7px;min-width:0;color:var(--ds-muted);font-size:11.5px;font-weight:550;line-height:1.5}
.today84-brand svg{width:15px;height:15px;flex:none}
.today84-brand>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.today84-status{--tw-tone:var(--tw-blue);flex:none;display:inline-flex;align-items:center;gap:5px;border-radius:100px;padding:5px 8px;background:color-mix(in srgb,var(--tw-tone) 12%,var(--ds-panel));color:var(--tw-tone);font-size:10.5px;font-weight:650;line-height:1.4;white-space:nowrap}
.today84-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.today84-status.completed{--tw-tone:var(--tw-green)}
.today84-status.review{--tw-tone:var(--tw-purple)}
.today84-status.blocked,.today84-status.pending{--tw-tone:var(--tw-red)}
.today84-card h3{font-size:15px;font-weight:650;line-height:1.55;letter-spacing:-.015em;margin:15px 0 0;overflow-wrap:anywhere;color:var(--ds-ink)}
.today84-project{font-size:12px;line-height:1.5;color:var(--ds-muted);margin:5px 0 0;overflow-wrap:anywhere}
.today84-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px}
.today84-person{display:flex;align-items:center;gap:9px;min-width:0}
.today84-person .avatar{width:30px!important;height:30px!important;min-width:30px!important;flex:none;box-shadow:none!important}
.today84-person b{font-size:12px;font-weight:550;line-height:1.5;color:var(--ds-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.today84-open{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--ds-panel);border:1px solid var(--ds-line);color:var(--ds-muted)}
.today84-open svg{width:16px;height:16px}
html[dir=rtl] .today84-open svg{transform:rotate(180deg)}
.today84-empty{grid-column:1/-1;min-height:160px;display:flex;align-items:center;justify-content:center;padding:20px;color:var(--ds-muted);font-size:13px;line-height:1.6;text-align:center}
@media(max-width:1100px){.today84-toolbar{align-items:flex-start;flex-wrap:wrap;gap:12px}.today84-summary{flex-basis:100%;max-width:none}.today86-refresh-btn{margin-inline-start:auto}}
@media(max-width:600px){.today-work-page .page-title{flex-wrap:wrap;gap:10px}.today-work-page .page-title>div:first-child{flex-basis:100%}.today-work-page .page-title>div:last-child{margin-inline-start:auto}.today84-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.today84-chip{padding:13px;gap:10px;min-height:76px;border-radius:20px}.today84-chip b{font-size:22px}.today84-metric-icon{width:34px;height:34px;flex-basis:34px;border-radius:12px}.today84-chip>div>span{font-size:11.5px}.today84-card{padding:16px;border-radius:21px}.today84-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.today84-card{transition:none}}

/* BECAL communication. One component system for inbox, meetings and calls. */
.cw-page,.cw-dialog,.cw-incoming{--cw-accent:#e9652a;--cw-panel:#fff;--cw-canvas:#f7f7f9;--cw-soft:#fff0e7;--cw-line:#1923330e;--cw-ink:#222632;--cw-muted:#737986;--cw-glass:#ffffffc9;--cw-shadow:0 4px 18px #22263206,0 1px 3px #22263204}
body[data-theme=dark] :is(.cw-page,.cw-dialog,.cw-incoming){--cw-accent:#ff955c;--cw-panel:#21242c;--cw-canvas:#191c23;--cw-soft:#382b26;--cw-line:#ffffff0e;--cw-ink:#f0f1f5;--cw-muted:#a5acb9;--cw-glass:#292d36d9;--cw-shadow:0 8px 24px #0000001a}
.cw-page{max-width:none;gap:20px!important;padding-bottom:4px;color:var(--cw-ink)}
.cw-page button,.cw-dialog button{cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}
.cw-glyph{width:21px;height:21px;flex:none;display:block}
.cw-page h1,.cw-page h2,.cw-page h3,.cw-dialog h3{margin:0;letter-spacing:-.03em}
.cw-toolbar,.cw-title,.cw-toolbar-actions,.cw-tabs,.cw-list-head,.cw-hub-head{display:flex;align-items:center;gap:14px}
.cw-toolbar{justify-content:space-between;flex-wrap:wrap;padding:2px 4px 0;flex:none}.cw-title{gap:28px}.cw-title h1{font-size:25px;font-weight:720}
.cw-tabs{gap:2px;padding:5px;background:color-mix(in srgb,var(--cw-panel) 60%,transparent);border:1px solid color-mix(in srgb,var(--cw-panel) 90%,var(--cw-line));border-radius:100px;box-shadow:inset 0 1px 0 #ffffff44,0 4px 16px #20273503;backdrop-filter:blur(16px)}
.cw-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:none;padding:10px 18px;border-radius:100px;font-size:13px;font-weight:650;color:var(--cw-muted);transition:background .2s,color .2s,box-shadow .2s}
.cw-tabs button[aria-pressed=true]{background:var(--cw-panel);color:var(--cw-ink);box-shadow:0 2px 7px #19233312,inset 0 0 0 1px var(--cw-line)}.cw-tabs button[aria-pressed=true] svg{color:var(--cw-accent)}
.cw-toolbar-actions{gap:10px}.cw-button,.cw-icon{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--cw-line,var(--line));background:var(--cw-panel,var(--surface-solid));color:var(--cw-ink,var(--text));border-radius:100px;box-shadow:none;flex:none;font-size:13px;font-weight:650;line-height:1.4;transition:background .18s,box-shadow .18s,transform .18s}
.cw-button{min-height:42px;padding:10px 17px}.cw-icon{width:40px;height:40px;padding:9px}.cw-button:hover,.cw-icon:hover{background:var(--cw-canvas,var(--surface-2));box-shadow:0 3px 10px #18243a08}.cw-button:active,.cw-icon:active{transform:scale(.96)}
.cw-button.primary{background:linear-gradient(145deg,#fa8346,#e9672b);border:1px solid #e76c36;color:#fff;box-shadow:inset 0 1px 0 #ffffff40,0 3px 8px #cf58231a}.cw-button.primary:hover{background:linear-gradient(145deg,#ff925b,#e76b30);box-shadow:inset 0 1px 0 #ffffff40,0 4px 14px #cf58232a}.cw-button:disabled{opacity:.5;cursor:wait}
.cw-page :is(button,input,textarea):focus-visible,.cw-dialog :is(button,input):focus-visible{outline:2px solid #e9976b;outline-offset:3px}
/* Separate the quiet contact rail from the floating conversation surface. */
.cw-page .chat-workspace{display:grid;grid-template-columns:286px minmax(0,1fr);gap:16px;flex:1;min-height:0;max-height:none;height:auto;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}
.cw-page .chat-workspace.has-details{grid-template-columns:258px minmax(0,1fr) 276px;gap:12px}
#app .cw-page .comms-sidebar{display:flex!important;flex-direction:column!important;gap:13px!important;min-height:0!important;padding:14px 0 4px!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
.cw-list-head{justify-content:space-between;padding:0 10px 3px}.cw-list-head h2{font-size:19px;font-weight:720}.cw-list-head .cw-icon{width:36px;height:36px;background:var(--cw-panel);box-shadow:var(--cw-shadow);border:0}
#app .cw-page .comms-searchbar{margin:0 5px!important;padding:11px 13px!important;display:flex!important;align-items:center!important;gap:9px!important;background:var(--cw-panel)!important;border:1px solid var(--cw-line)!important;border-radius:15px!important;color:var(--cw-muted)!important}
#app .cw-page .comms-searchbar input{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;outline:0;min-width:0!important;font-size:12px!important;color:var(--cw-ink)!important;width:100%!important}.comms-searchbar .cw-glyph{width:18px;height:18px}
.cw-filters{display:flex;align-items:center;gap:5px;padding:0 6px}.cw-filters button{border:0;background:none;color:var(--cw-muted);font-size:12px;font-weight:600;border-radius:100px;padding:7px 12px;white-space:nowrap;transition:background .18s,color .18s}.cw-filters button[aria-pressed=true]{background:var(--cw-ink);color:var(--cw-panel)}
#app .cw-page .comms-list{display:flex!important;flex-direction:column!important;gap:5px!important;padding:2px 4px 8px!important;min-height:0!important;overflow:auto!important;flex:1!important;scrollbar-width:thin}
#app .cw-page .comms-contact{display:flex!important;align-items:center!important;gap:12px!important;flex-shrink:0!important;width:100%!important;min-height:77px!important;padding:13px 12px!important;margin:0!important;background:transparent!important;border:1px solid transparent!important;border-radius:19px!important;box-shadow:none!important;text-align:start!important;transition:background .18s,box-shadow .18s}
#app .cw-page .comms-contact:hover{background:color-mix(in srgb,var(--cw-panel) 55%,transparent)!important}#app .cw-page .comms-contact.active{background:var(--cw-panel)!important;border-color:var(--cw-line)!important;box-shadow:var(--cw-shadow)!important}
#app .cw-page .comms-contact-copy{min-width:0!important;flex:1!important;gap:6px!important}#app .cw-page .comms-contact-copy b{font-size:13px!important;line-height:1.4!important;font-weight:700!important;color:var(--cw-ink)!important}#app .cw-page .comms-contact-copy span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;line-height:1.5!important;color:var(--cw-muted)!important}
.cw-contact-meta{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.cw-contact-meta time{font-size:10px;color:var(--cw-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.cw-contact-meta .comm-unread{position:static;background:var(--cw-accent);color:#fff;border:0;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;font-size:10px}
.cw-group-avatar{display:grid;place-items:center;background:var(--cw-soft,var(--surface-2));color:var(--cw-accent,#e9652a);border:0;border-radius:15px;flex:none}.cw-group-avatar svg{width:23px;height:23px}.cw-page .presence-dot{box-shadow:0 0 0 3px var(--cw-panel)}
.cw-page .chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:28px;overflow:hidden;box-shadow:var(--cw-shadow)}
#app .cw-page .comms-chat-head{min-height:83px!important;padding:18px 24px!important;gap:12px!important;border:0!important;background:var(--cw-panel)!important;box-shadow:0 1px 0 var(--cw-line)}#app .cw-page .comms-chat-main{min-width:0!important;gap:13px!important}#app .cw-page .comms-chat-title{min-width:0!important;gap:5px!important}#app .cw-page .comms-chat-title b{font-size:15px!important;font-weight:720!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--cw-ink)!important}#app .cw-page .comms-chat-title>span{font-size:11px!important;color:var(--cw-muted)!important}
#app .cw-page .comms-chat-actions{gap:7px!important;flex:none!important}#app .cw-page .comms-chat-actions .cw-icon{border:0!important;background:var(--cw-canvas)!important;width:37px!important;height:37px!important;padding:8px!important}#app .cw-page .comms-chat-actions .cw-icon:hover{background:var(--cw-soft)!important;color:var(--cw-accent)}
#app .cw-page .chat-timeline{flex:1;min-height:0;gap:5px!important;padding:24px 28px!important;background:radial-gradient(ellipse at 90% 5%,color-mix(in srgb,var(--cw-soft) 24%,transparent),transparent 65%),var(--cw-canvas)!important;overflow:auto;scrollbar-width:thin}
.cw-page .chat-bubble{max-width:min(86%,580px);box-shadow:0 2px 5px #19233304;border-color:var(--cw-line);background:var(--cw-panel);color:var(--cw-ink);border-radius:20px 20px 20px 7px;padding:11px 15px 7px}.cw-page .outgoing .chat-bubble{background:var(--cw-soft);border-color:transparent;border-radius:20px 20px 7px 20px}.cw-page .chat-row{margin-bottom:12px}.cw-page .chat-text{font-size:14px;line-height:1.8}.cw-page .chat-date{margin:14px auto 24px;font-size:10px;font-weight:500;background:none;border:0;color:var(--cw-muted)}
.cw-page .chat-bubble:has(>.voice-player){padding:17px 17px 8px 21px;border-radius:24px 24px 7px 24px;background:var(--cw-panel);border:1px solid var(--cw-line)}.cw-page .incoming .chat-bubble:has(>.voice-player){border-radius:24px 24px 24px 7px}.cw-page .voice-play{color:var(--cw-ink)}.cw-page .voice-scrub{color:color-mix(in srgb,var(--cw-muted) 55%,var(--cw-panel))}
#app .cw-page .comms-compose-wrap{padding:10px 20px 19px!important;border:0!important;background:var(--cw-canvas)!important}#app .cw-page .comms-compose{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:9px!important;background:var(--cw-panel)!important;border:1px solid var(--cw-line)!important;border-radius:26px!important;box-shadow:0 4px 20px #19233306,inset 0 1px 0 #ffffff20}
#app .cw-page .comms-compose textarea{flex:1!important;width:100%!important;min-width:0!important;min-height:38px!important;max-height:130px!important;padding:8px 3px!important;font-size:13px!important;line-height:1.6!important;background:none!important;color:var(--cw-ink)!important;outline:0;box-shadow:none!important}#app .cw-page .comms-compose-btn{flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important;padding:8px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:transparent!important;color:var(--cw-muted)!important;box-shadow:none!important}#app .cw-page .comms-compose-btn:hover{background:var(--cw-canvas)!important}#app .cw-page .comms-compose-btn.send{background:var(--cw-ink)!important;color:var(--cw-panel)!important}.cw-page .comms-sidebar>.cw-button{margin:0 5px;background:transparent;border-color:var(--cw-line);min-height:43px;font-size:12px;color:var(--cw-muted)}
.cw-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;padding:30px;background:radial-gradient(ellipse at 50% 20%,var(--cw-soft),transparent 65%)}.cw-welcome>span{width:76px;height:76px;border-radius:27px;display:grid;place-items:center;color:var(--cw-accent);background:linear-gradient(145deg,var(--cw-soft),var(--cw-panel));border:1px solid var(--cw-line);box-shadow:inset 0 1px 0 #ffffff66,0 8px 30px #cd642611;transform:rotate(-7deg)}.cw-welcome>span svg{width:34px;height:34px;transform:rotate(7deg)}.cw-welcome h2{font-size:24px;font-weight:680}
.cw-upcoming{width:min(420px,100%);margin-top:25px}.cw-upcoming h3{font-size:12px;color:var(--cw-muted);margin-bottom:12px;font-weight:550}.cw-upcoming>button{display:flex;align-items:center;gap:14px;width:100%;text-align:start;border:1px solid var(--cw-line);background:var(--cw-canvas);border-radius:18px;padding:16px;margin-top:9px}.cw-upcoming>button>span{color:var(--cw-accent)}.cw-upcoming>button>div{flex:1}.cw-upcoming b{font-size:13px}.cw-upcoming time{display:block;font-size:11px;color:var(--cw-muted);margin-top:6px}.cw-upcoming>button>svg{width:16px;transform:rotate(180deg)}
.cw-empty{padding:35px;text-align:center;font-size:13px;color:var(--cw-muted)}.cw-empty .cw-button{margin:12px}
/* Context is available on demand, without crowding the conversation. */
.cw-details{border:1px solid var(--cw-line);border-radius:24px;background:var(--cw-panel);min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:var(--cw-shadow)}.cw-details>header,.cw-meeting-people>header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;gap:10px}.cw-details h3,.cw-meeting-people h3{font-size:15px}.cw-details-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 10px 14px;gap:4px}.cw-details-tabs button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 2px;border-radius:14px;color:var(--cw-muted);font-size:10px}.cw-details-tabs button[aria-pressed=true]{background:var(--cw-soft);color:var(--cw-accent)}.cw-detail-content{padding:6px 18px 18px;overflow:auto;min-height:0;flex:1}.cw-person{display:flex;align-items:center;gap:12px;padding:12px 0}.cw-person>span{min-width:0}.cw-person b{display:block;font-size:13px;overflow-wrap:anywhere}.cw-person small{display:block;font-size:11px;color:var(--cw-muted);margin-top:5px}.cw-resource-search{display:flex;gap:6px;padding:14px}.cw-resource-search input{min-width:0;width:100%;font-size:12px;border:1px solid var(--cw-line);border-radius:14px;background:var(--cw-canvas);padding:10px}.cw-resource{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid var(--cw-line);background:none;padding:14px 0;text-align:start}.cw-resource>img{width:58px;height:58px;object-fit:cover;border-radius:13px}.cw-resource>svg{color:var(--cw-accent)}.cw-resource span{min-width:0}.cw-resource b{font-size:12px;font-weight:550;line-height:1.6;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cw-resource time{font-size:10px;color:var(--cw-muted);display:block;margin-top:6px}
/* Meeting and history cards use actual dates and participants. */
.cw-hub{min-height:0;overflow:auto;flex:1;padding:24px;background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:28px;box-shadow:var(--cw-shadow)}.cw-hub-head{justify-content:space-between;margin-bottom:25px}.cw-hub-head h2{font-size:22px;font-weight:700}.cw-meeting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.cw-meeting-card{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:1fr auto;gap:18px;padding:24px;background:linear-gradient(150deg,var(--cw-canvas),var(--cw-panel));border:1px solid var(--cw-line);border-radius:24px;box-shadow:inset 0 1px 0 #ffffff22;transition:box-shadow .2s,transform .2s}.cw-meeting-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1b233009}.cw-meeting-date{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--cw-panel);color:var(--cw-ink);padding:12px 5px;border:1px solid var(--cw-line);border-radius:17px;align-self:start;box-shadow:0 3px 10px #19233304}.cw-meeting-date b{font-size:25px;line-height:1.2;font-weight:600}.cw-meeting-date span{font-size:10px;color:var(--cw-accent);font-weight:700}.cw-meeting-copy h3{font-size:16px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}.cw-meeting-copy time{font-size:11px;color:var(--cw-muted);display:block;margin-top:8px}.cw-avatar-stack{display:flex;align-items:center;margin-top:20px;padding-inline-start:5px}.cw-avatar-stack .avatar{margin-inline-start:-5px;border:2px solid var(--cw-panel);flex:none}.cw-avatar-stack small{font-size:10px;color:var(--cw-muted);margin-inline-start:9px}.cw-meeting-card footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:8px;margin-top:3px}.cw-meeting-card footer .cw-button{min-height:36px;font-size:12px;padding:8px 15px}.cw-meeting-card footer .cw-glyph{width:17px;height:17px}
.cw-meeting-detail{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;overflow:auto;min-height:0;flex:1}.cw-meeting-preview{padding:24px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 22%,var(--cw-soft),var(--cw-panel) 70%);border-radius:28px;border:1px solid var(--cw-line);box-shadow:var(--cw-shadow)}.cw-meeting-preview>.cw-icon{align-self:flex-start}.cw-meeting-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 20px;text-align:center}.cw-meeting-hero>span{width:88px;height:88px;display:grid;place-items:center;border-radius:30px;background:var(--cw-panel);color:var(--cw-accent);border:1px solid var(--cw-line);box-shadow:inset 0 1px 0 #fff8,0 12px 30px #cc6a2510;transform:rotate(-6deg)}.cw-meeting-hero>span svg{width:36px;height:36px;transform:rotate(6deg)}.cw-meeting-hero h2{font-size:30px;letter-spacing:-.04em;font-weight:650;overflow-wrap:anywhere;max-width:100%}.cw-meeting-hero time{color:var(--cw-muted);font-size:13px}.cw-meeting-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.cw-meeting-people{border:1px solid var(--cw-line);border-radius:25px;background:var(--cw-panel);padding:8px 22px;box-shadow:var(--cw-shadow)}.cw-meeting-people>header{padding-inline:0}.cw-meeting-people h3 small{font-weight:500;color:var(--cw-muted);margin-inline-start:7px}.cw-meeting-people footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--cw-line);display:flex;flex-wrap:wrap;gap:8px}.cw-meeting-people footer .cw-button{font-size:11px;min-height:36px}
.cw-call-list{max-width:900px;display:grid;gap:8px}.cw-history-row{display:flex;align-items:center;gap:16px;padding:17px 18px;border:1px solid var(--cw-line);background:var(--cw-canvas);border-radius:20px}.cw-history-row>div:not(.avatar){flex:1;min-width:0}.cw-history-row b{font-size:14px}.cw-history-row small{display:block;margin-top:7px;font-size:11px;color:var(--cw-muted)}.cw-history-row .is-missed{color:var(--red)}
/* Sheets keep a precise close control and readable form spacing. */
.cw-dialog{width:min(540px,calc(100vw - 32px));padding:27px;border-radius:28px;background:var(--cw-panel);color:var(--cw-ink);border:1px solid var(--cw-line);box-shadow:0 30px 100px #0a152229}.cw-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:14px}.cw-dialog h3{font-size:21px;font-weight:700}.cw-dialog form>label{display:flex;flex-direction:column;gap:10px;font-size:13px;margin-bottom:20px}.cw-dialog input:not([type=checkbox]){border:1px solid var(--cw-line);background:var(--cw-canvas);border-radius:15px;padding:13px 15px;color:var(--cw-ink);width:100%}.cw-dialog p{font-size:12px;line-height:1.7;color:var(--cw-muted)}.cw-dialog footer{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.cw-people-list{max-height:60vh;overflow:auto}.cw-people-list>button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;text-align:start;padding:13px 3px;border-bottom:1px solid var(--cw-line)}.cw-people-list span:not(.presence-dot){flex:1}.cw-people-list b{font-size:13px}.cw-people-list small{font-size:11px;color:var(--cw-muted);display:block;margin-top:5px}.cw-resource-view{width:min(760px,calc(100vw - 32px))}.cw-resource-view>img,.cw-resource-view>video{max-height:65vh;max-width:100%;display:block;margin:auto;border-radius:18px}.cw-resource-view>audio{width:100%}.cw-mobile-back{display:none}
.cw-dialog .chat-meeting-form{gap:10px}.cw-dialog .chat-meeting-form>label{font-size:12px;color:var(--cw-muted);margin-top:10px}.cw-dialog .chat-meeting-form select{background-color:var(--cw-canvas);border:1px solid var(--cw-line);border-radius:15px;padding:12px 15px;color:var(--cw-ink)}.cw-dialog .meeting-people{border:0;padding:0;border-radius:0;gap:7px}.cw-dialog .meeting-person{background:var(--cw-canvas);border:1px solid transparent;border-radius:14px;padding:10px}.cw-dialog .meeting-person:has(input:checked){background:var(--cw-soft);border-color:color-mix(in srgb,var(--cw-accent) 20%,transparent)}.cw-dialog .meeting-people-label{margin-top:12px}.cw-dialog .meeting-hint{color:var(--cw-muted)}.cw-dialog .meeting-dialog-footer{padding-top:0;margin-top:20px}.cw-dialog .meeting-dialog-footer .cw-button{width:100%}.cw-dialog>.cw-button{margin-top:20px}#overlayRoot .cw-dialog button.becal-close.becal-close{border-radius:50%!important;background:var(--cw-canvas)!important;color:var(--cw-muted)!important}body[data-theme=dark] .cw-dialog input[type=datetime-local]{color-scheme:dark}
/* Calls: a dark stage with a separate floating control dock. */
#nativeCallRoot .cw-call-overlay{position:fixed;inset:0;z-index:200;background:#12162266;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px}
.cw-call-room{--cw-accent:#ff985f;--cw-ink:#f6f7fa;--cw-panel:#292e39;--cw-line:#ffffff12;--cw-canvas:#222732;--cw-muted:#a7afbf;--call-chat-width:0px;--call-strip-height:0px;--call-invite-height:0px;width:min(1280px,100%,max(340px,calc((100dvh - 232px - var(--call-strip-height) - var(--call-invite-height)) * 16 / 9 + 30px + var(--call-chat-width))));height:auto;max-height:calc(100dvh - 48px);background:#151921;border:1px solid #ffffff20;border-radius:30px;box-shadow:0 35px 110px #0006;overflow:hidden;display:flex;flex-direction:column;color:#f6f7fa;position:relative}
.cw-call-room .cw-glyph,.cw-incoming .cw-glyph{width:21px;height:21px;flex:none}.cw-call-room.has-chat{--call-chat-width:312px}
.cw-call-room:has(.cw-call-strip:not([hidden])){--call-strip-height:64px}
.cw-call-room:has(.call-invitations:not([hidden])){--call-invite-height:54px}
.cw-call-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 26px 18px}.cw-call-heading h2{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin:0;max-width:650px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650}.cw-call-heading>div:first-child{min-width:0}.cw-call-heading #nativeCallStatus{display:block;margin-top:6px;font-size:11px;color:#aab2c1;font-variant-numeric:tabular-nums}.cw-call-heading>div:last-child{display:flex;gap:7px}.cw-call-heading .cw-icon{background:#ffffff0a;border:1px solid #ffffff0e;color:#d5dae5}
.cw-call-body{display:flex;flex:none;min-height:0;padding:0 14px;gap:12px}.cw-call-visual{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}
.cw-call-room .call-grid{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:10px;flex:none;width:100%;aspect-ratio:16/9;min-height:0;margin:0;overflow:hidden;border-radius:22px;background:#242b36}
.cw-call-room .call-tile{position:relative;grid-area:1/1;min-width:0;min-height:0;aspect-ratio:auto;background:radial-gradient(ellipse at 40% 0%,#41404b,#2b303c 45%,#232936);border:0;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none}.cw-call-room .call-tile.is-featured{visibility:visible;pointer-events:auto;z-index:1}.cw-call-room .call-tile.is-self{visibility:visible;pointer-events:auto;z-index:3;position:absolute;width:166px;height:auto;aspect-ratio:16/9;bottom:18px;inset-inline-end:18px;border:1px solid #ffffff55;box-shadow:0 6px 24px #0005;background:#303744;border-radius:18px}.cw-call-room .call-tile.is-self .call-identity .avatar{width:42px!important;height:42px!important}.cw-call-room .call-grid.is-waiting .call-tile.is-self{width:135px;height:auto}.cw-call-room .call-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#10141b;opacity:0;visibility:visible}.cw-call-room .call-tile.has-video video{opacity:1}.cw-call-room .call-tile.is-screen video{object-fit:contain;background:#10141b}.cw-call-room .call-tile.is-self:not(.is-screen) video{transform:scaleX(-1)}
.cw-call-room .call-identity{position:relative;display:grid;place-items:center;inset:auto}.cw-call-room .call-name{position:absolute;bottom:18px;inset-inline-start:18px;font-size:12px;color:white;background:#161c2880;border:1px solid #ffffff18;border-radius:100px;padding:9px 14px;max-width:65%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;backdrop-filter:blur(12px)}.cw-call-room .call-tile small{position:absolute;bottom:62px;inset-inline-start:22px;font-size:10px;color:#c2ccdb}.cw-tile-mic{position:absolute;top:14px;inset-inline-end:14px;color:#fff;display:grid;place-items:center;width:30px;height:30px;background:#161c2877;border:1px solid #ffffff11;border-radius:50%}.cw-tile-mic:empty{display:none}.cw-tile-mic .cw-glyph{width:15px;height:15px}.cw-tile-mic em,.cw-call-room .call-control i em{position:absolute;height:2px;width:22px;background:currentColor;transform:rotate(-45deg);border-radius:1px;box-shadow:0 0 0 1px #2b303c}
.cw-call-room .call-grid[data-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-template-rows:none;background:none;border-radius:0}.cw-call-room .call-grid[data-layout=grid] .call-tile{grid-area:auto;aspect-ratio:auto;visibility:visible;pointer-events:auto;position:relative;width:auto;height:auto;inset:auto;min-height:0}.cw-call-room .call-grid[data-layout=grid] .call-tile.is-self{border:1px solid #ffffff22}
.cw-call-waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;z-index:2;color:white;pointer-events:none;text-align:center}.cw-wait-avatars{display:flex;gap:13px}.cw-wait-avatars .avatar{box-shadow:0 0 0 12px #ffffff05,0 0 0 25px #ffffff03;flex:none}.cw-call-waiting h3{margin:8px 0 0;font-size:27px;font-weight:600;letter-spacing:-.03em;line-height:1.5;max-width:80%;overflow-wrap:anywhere}.cw-call-waiting>span{font-size:12px;color:#b9c1d0}
.cw-call-strip{display:flex;justify-content:center;gap:8px;overflow:auto;padding:1px;flex:none}.cw-call-strip button{display:flex;align-items:center;gap:10px;border:1px solid #ffffff0e;border-radius:100px;background:#ffffff06;color:#dce0e9;padding:8px 15px 8px 9px;font-size:11px;flex:none;cursor:pointer}.cw-call-strip button.selected{background:#ffffff15;border-color:#ffffff30}.cw-call-strip button .cw-glyph{width:16px;height:16px;color:var(--cw-accent)}
.cw-call-room .call-invitations{padding:0;display:flex;gap:7px;flex-wrap:wrap;margin:0;max-height:42px;overflow:auto;flex:none}.cw-call-room .call-guest-status{background:#ffffff08;border:1px solid #ffffff12;padding:7px 11px;font-size:10px;border-radius:100px}.cw-call-room .call-guest-status small{margin-inline-start:8px;color:#b5bece}
.cw-call-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);flex:none;align-items:center;gap:15px;padding:16px 24px 18px}.cw-call-room .call-actions{padding:6px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;background:linear-gradient(145deg,#ffffff10,#ffffff05);border:1px solid #ffffff16;border-radius:100px;box-shadow:inset 0 1px 0 #ffffff0c,0 4px 18px #0002}.cw-call-room .call-control{display:flex;align-items:center;justify-content:center;padding:0;min-width:0;min-height:0;flex:0 0 auto;width:46px;height:46px;border-radius:50%;line-height:1;background:#ffffff0c;border:0;color:#fff;cursor:pointer;transition:background .18s,transform .18s}.cw-call-room .call-control:hover{background:#ffffff22}.cw-call-room .call-control:active{transform:scale(.92)}.cw-call-room .call-control i{display:grid;place-items:center;position:relative;width:100%;height:100%;margin:0;padding:0;border:0;background:none;box-shadow:none;transform:none;transition:none}.cw-call-room .call-control svg{display:block;flex:none;width:22px;height:22px}.cw-call-room .call-control.is-off{color:#c4cbd8}.cw-call-room .call-control.is-on{background:#f2f3f7;color:#242b38}.cw-call-room .call-control.call-hangup{background:#f25a65;color:#fff;width:65px;border-radius:100px}.cw-call-room .call-hangup svg{transform:rotate(135deg)}.cw-call-room .call-control i em{box-shadow:0 0 0 1px #303641}.cw-call-secondary{display:flex;gap:8px;align-items:center;min-width:0}.cw-call-secondary:last-child{justify-content:flex-end}.cw-call-secondary .cw-icon{background:#ffffff0c;border-color:#ffffff12;color:#dce1ea}.cw-call-end-all{font-size:11px;border:0;background:none;color:#ffabb2;padding:8px;cursor:pointer}
.cw-call-chat{width:300px;min-width:260px;display:flex;flex-direction:column;background:#20252f;border:1px solid #ffffff0a;border-radius:22px;color:#eef0f4;overflow:hidden}.cw-call-chat header{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.cw-call-chat h3{font-size:14px;margin:0}.cw-call-chat-log{overflow:auto;min-height:0;flex:1;padding:0 16px 14px}.cw-call-message{max-width:94%;padding:12px 14px;background:#2b313d;border:0;border-radius:17px 17px 17px 5px;margin:8px 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.cw-call-message.mine{margin-inline-start:auto;background:#3d332f;border-radius:17px 17px 5px 17px}.cw-call-message>b{font-size:10px;color:#b7c0d0;display:block;margin-bottom:5px}.cw-call-message time{display:block;text-align:end;font-size:9px;color:#aab1bf;margin-top:5px}.cw-call-chat form{display:flex;align-items:center;gap:6px;margin:12px;padding:6px;background:#303643;border:1px solid #ffffff0c;border-radius:100px}.cw-call-chat input{width:100%;min-width:0;border:0;background:none;box-shadow:none;font-size:12px;padding:8px;color:#fff}.cw-call-chat form .cw-icon{background:#f2f3f7;color:#242b38;border:0;width:35px;height:35px}
/* Voice calls keep the same media elements, in a compact card instead of a video stage. */
.cw-call-room.is-audio:not(.is-minimized){width:min(420px,100%);height:auto;max-height:calc(100dvh - 48px);border-radius:30px;background:radial-gradient(ellipse at 70% 0%,#57413540,transparent 65%),#1c212c;overflow:auto}
.cw-call-room.is-audio .cw-layout-control{display:none}
.cw-call-room.is-audio:not(.is-minimized) .cw-call-heading{padding:20px 22px 10px;align-items:flex-start}
.cw-call-room.is-audio:not(.is-minimized) .cw-call-heading h2{font-size:16px;max-width:245px}
.cw-call-room.is-audio:not(.is-minimized) .cw-call-heading .cw-icon{width:34px;height:34px;padding:7px}
.cw-call-room.is-audio:not(.is-minimized) .cw-call-body{flex:none;flex-direction:column;padding:10px 22px 4px;gap:16px}
.cw-call-room.is-audio:not(.is-minimized) .cw-call-visual{flex:none;gap:12px}
.cw-call-room.is-audio .call-grid{aspect-ratio:auto;flex:none;display:flex;flex-wrap:wrap;justify-content:center;gap:20px 16px;min-height:130px;max-height:260px;overflow:auto;padding:14px 0;background:none;border-radius:0}
.cw-call-room.is-audio .call-grid.is-waiting{display:none}
.cw-call-room.is-audio .call-tile:not(.is-self){position:relative;visibility:visible;pointer-events:auto;flex:0 0 100px;width:100px;height:auto;min-height:112px;inset:auto;background:none;border:0;border-radius:0;display:flex;flex-direction:column;gap:12px;overflow:visible}
.cw-call-room.is-audio .call-tile.is-self{display:none}
.cw-call-room.is-audio .call-identity .avatar{width:84px!important;height:84px!important;box-shadow:0 0 0 7px #ffffff04;border:1px solid #ffffff20}
.cw-call-room.is-audio .call-name{position:static;max-width:100%;padding:0;background:none;border:0;backdrop-filter:none;font-size:12px;text-align:center}
.cw-call-room.is-audio .call-tile:only-child .call-name{display:none}
.cw-call-room.is-audio .call-tile small{position:static;font-size:10px;line-height:1.4;text-align:center}
.cw-call-room.is-audio .cw-tile-mic{top:62px;inset-inline-end:5px;width:25px;height:25px;background:#343b49;border:2px solid #1c212c}
.cw-call-room.is-audio .cw-tile-mic .cw-glyph{width:13px;height:13px}
.cw-call-room.is-audio .cw-call-waiting{position:relative;inset:auto;min-height:140px;padding:16px 0;gap:0}
.cw-call-room.is-audio .cw-call-waiting h3,.cw-call-room.is-audio .cw-call-waiting>span,.cw-call-room.is-audio .cw-call-strip{display:none}
.cw-call-room.is-audio .cw-wait-avatars{gap:10px;flex-wrap:wrap;justify-content:center}
.cw-call-room.is-audio .cw-wait-avatars .avatar{box-shadow:0 0 0 9px #ffffff04}
.cw-call-room.is-audio:not(.is-minimized) .cw-call-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:16px 18px 20px}
.cw-call-room.is-audio:not(.is-minimized) .cw-call-secondary{min-width:0;flex-wrap:wrap;gap:6px}
.cw-call-room.is-audio:not(.is-minimized) .cw-call-secondary .cw-icon{width:32px;height:32px;padding:7px}
.cw-call-room.is-audio:not(.is-minimized) .call-control{width:40px;height:40px}
.cw-call-room.is-audio:not(.is-minimized) .call-control.call-hangup{width:55px}
.cw-call-room.is-audio:not(.is-minimized) .call-actions{gap:6px;padding:5px;flex-wrap:nowrap}
.cw-call-room.is-audio .cw-call-end-all{font-size:10px;line-height:1.5;padding:0;white-space:normal}
.cw-call-room.is-audio:not(.is-minimized) .cw-call-chat{position:static;flex:none;width:100%;min-width:0;height:220px;min-height:180px;border-radius:20px;box-shadow:none}
.cw-incoming.is-audio{width:330px;padding:22px 24px 24px;border-radius:30px}
.cw-incoming.is-audio .cw-incoming-kind{margin-bottom:22px;font-size:11px;padding:7px 11px}
.cw-incoming.is-audio .call-ringing-avatar{width:90px;height:90px;margin-bottom:18px;box-shadow:none;border:0;animation:none}
.cw-incoming.is-audio .call-ringing-avatar .avatar{width:80px!important;height:80px!important;box-shadow:0 0 0 7px color-mix(in srgb,var(--cw-accent) 5%,transparent);animation:none}
.cw-incoming.is-audio h2{font-size:22px;overflow-wrap:anywhere}
.cw-incoming.is-audio>p{margin:6px 0 22px}
.cw-incoming.is-audio .call-incoming-actions{gap:58px}
.cw-incoming.is-audio .call-round{width:52px;height:52px}
.cw-incoming.is-audio .call-incoming-actions>div{gap:8px}
.cw-call-restore{display:none}.cw-call-overlay.is-minimized{inset:auto 24px 24px auto!important;padding:0!important;background:none!important;backdrop-filter:none!important;pointer-events:none}.cw-call-room.is-minimized{width:330px;height:auto;border-radius:23px;pointer-events:auto;box-shadow:0 12px 40px #0004}.cw-call-room.is-minimized .cw-call-body,.cw-call-room.is-minimized .cw-call-heading>div:last-child,.cw-call-room.is-minimized .cw-call-secondary,.cw-call-room.is-minimized #callCam,.cw-call-room.is-minimized #callScreen{display:none}.cw-call-room.is-minimized .cw-call-heading{padding:17px 20px 7px}.cw-call-room.is-minimized .cw-call-heading h2{font-size:14px}.cw-call-room.is-minimized .cw-call-footer{display:flex;padding:9px 17px 14px;justify-content:flex-end}.cw-call-room.is-minimized .call-actions{border:0;background:none;box-shadow:none;padding:0}.cw-call-room.is-minimized .call-control{height:36px;width:40px;border-radius:100px}.cw-call-room.is-minimized .cw-call-restore{position:absolute;display:flex;align-items:center;gap:7px;bottom:25px;inset-inline-start:20px;background:none;border:0;font-size:11px;color:#dce1ea;cursor:pointer}.cw-call-room.is-minimized .cw-call-restore svg{width:16px}
.cw-incoming{width:370px;max-width:100%;padding:28px 28px 32px;background:linear-gradient(155deg,var(--cw-glass),var(--cw-panel));border:1px solid color-mix(in srgb,var(--cw-panel) 80%,transparent);color:var(--cw-ink);border-radius:35px;box-shadow:inset 0 1px 0 #ffffff44,0 30px 80px #0003;text-align:center;backdrop-filter:blur(24px)}.cw-incoming-kind{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--cw-muted);font-size:12px;margin-bottom:38px;padding:8px 12px;background:var(--cw-canvas);border:1px solid var(--cw-line);border-radius:100px}.cw-incoming .call-ringing-avatar{margin:0 auto 30px;display:grid;place-items:center}.cw-incoming .call-ringing-avatar .avatar{box-shadow:0 0 0 10px color-mix(in srgb,var(--cw-accent) 7%,transparent),0 0 0 22px color-mix(in srgb,var(--cw-accent) 3%,transparent);animation:cw-ring-breathe 2.8s ease-in-out infinite}.cw-incoming h2{font-size:27px;margin:0;line-height:1.5;letter-spacing:-.035em;font-weight:650}.cw-incoming>p{font-size:12px;color:var(--cw-muted);margin:9px 0 32px}.cw-incoming .call-incoming-actions{display:flex;justify-content:center;gap:65px;margin:0}.cw-incoming .call-incoming-actions>div{display:flex;flex-direction:column;gap:12px;align-items:center}.cw-incoming .call-incoming-actions span{font-size:11px;color:var(--cw-muted)}.cw-incoming .call-round{width:61px;height:61px;border-radius:50%;border:1px solid #ffffff25;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff35,0 5px 12px #121c2315}.cw-incoming .call-end{background:linear-gradient(145deg,#fa7180,#ed4e5c)}.cw-incoming .call-end svg{transform:rotate(135deg)}.cw-incoming .call-accept{background:linear-gradient(145deg,#4cc59c,#249c76)}
@keyframes cw-ring-breathe{50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--cw-accent) 5%,transparent),0 0 0 28px color-mix(in srgb,var(--cw-accent) 2%,transparent)}}
.cw-page [hidden],.cw-call-room [hidden],.cw-call-waiting[hidden]{display:none!important}.cw-call-message [dir=auto],.cw-page .chat-text{font-family:"Plus Jakarta Sans","Cairo",sans-serif}
@media(max-width:1200px){.cw-title h1{display:none}.cw-title{gap:14px}.cw-page .chat-workspace,.cw-page .chat-workspace.has-details{position:relative;grid-template-columns:246px minmax(0,1fr);gap:12px}.cw-details{position:absolute;inset-inline-end:0;top:0;bottom:0;width:285px;z-index:5;box-shadow:0 10px 40px #0002}.cw-meeting-detail{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:760px){
 body:not(.becal-chat-focus) #app #page:has(.cw-page){padding-bottom:88px!important}
 body:has(.cw-page) #app #sidebar .nav-item>.nav-icon{display:inline-flex!important;align-items:center;justify-content:center}body:has(.cw-page) #app #sidebar .nav-item>.nav-icon svg{width:21px;height:21px}
 .cw-page{gap:13px!important}.cw-toolbar{gap:10px;padding:0}.cw-title{width:100%}.cw-tabs{width:100%;justify-content:space-between}.cw-tabs button{flex:1;padding:10px 9px;font-size:12px;gap:6px}.cw-toolbar-actions{width:100%;justify-content:space-between}.cw-toolbar-actions .cw-button{min-height:37px;font-size:12px;padding:8px 14px}.cw-toolbar-actions .cw-icon{width:37px;height:37px}
 .cw-page .chat-workspace,.cw-page .chat-workspace.has-details{grid-template-columns:1fr;height:auto;min-height:0;gap:0}.cw-page .chat-workspace:not(.has-conversation) .chat-conversation{display:none}#app .cw-page .chat-workspace.has-conversation .comms-sidebar{display:none!important}.cw-mobile-back{display:inline-flex}.cw-page .chat-conversation{border-radius:22px}
 #app .cw-page .comms-chat-head{min-height:68px!important;padding:12px 10px!important;gap:5px!important}#app .cw-page .comms-chat-main{gap:5px!important}#app .cw-page .comms-chat-title b{font-size:13px!important}#app .cw-page .comms-chat-title>span{font-size:10px!important}#app .cw-page .comms-chat-main .avatar,#app .cw-page .comms-chat-main .cw-group-avatar{display:none!important}#app .cw-page .comms-chat-actions{gap:3px!important}#app .cw-page .comms-chat-actions .cw-icon{width:30px!important;height:30px!important;padding:7px!important}#app .cw-page .comms-chat-actions .cw-glyph{width:17px;height:17px}.cw-mobile-back{width:27px;height:32px;padding:5px;background:none;border:0}
 #app .cw-page .chat-timeline{padding:16px 10px!important}.cw-page .chat-bubble{max-width:100%;font-size:13px}.cw-page .chat-bubble:has(>.voice-player){padding:15px 12px 7px 14px}.cw-page .voice-player{width:250px;column-gap:10px;grid-template-columns:28px minmax(0,1fr) 44px}.cw-page .voice-avatar{width:44px;height:44px}.cw-page .voice-play,.cw-page .voice-play svg{width:28px}.cw-page .chat-row{padding-inline:16px}.cw-page .chat-message-tools{inset-inline-end:-22px}
 #app .cw-page .comms-compose-wrap{padding:8px 10px 12px!important}#app .cw-page .comms-compose{gap:3px!important;padding:6px!important;border-radius:24px!important}#app .cw-page .comms-compose-btn{width:33px!important;height:33px!important;flex-basis:33px!important;padding:7px!important}#app .cw-page .comms-compose textarea{font-size:13px!important}.cw-details{width:min(320px,100%);border-radius:22px}.cw-hub{padding:18px 14px;border-radius:22px}.cw-hub-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:20px}.cw-meeting-grid{grid-template-columns:1fr}.cw-meeting-card{padding:20px;gap:15px}.cw-meeting-detail{grid-template-columns:1fr;gap:12px;overflow:auto}.cw-meeting-preview{padding:18px;min-height:360px;border-radius:24px}.cw-meeting-people{padding:12px 20px}.cw-meeting-hero{padding:25px 10px}.cw-meeting-hero h2{font-size:24px}.cw-meeting-tools .cw-button{font-size:10px;min-height:36px;padding:8px 12px}.cw-dialog{padding:22px}.cw-history-row{padding:14px 12px}
}
@media(max-width:800px),(max-height:600px){#nativeCallRoot .cw-call-overlay{padding:10px}.cw-call-room{--call-chat-width:0px;width:min(100%,max(340px,calc((100dvh - 180px - var(--call-strip-height) - var(--call-invite-height)) * 16 / 9 + 20px)));height:auto;max-height:calc(100dvh - 20px);border-radius:24px;overflow:auto}.cw-call-room.has-chat{--call-chat-width:0px}.cw-call-heading{padding:17px 17px 14px;gap:8px}.cw-call-heading h2{font-size:14px}.cw-call-heading .cw-icon{width:32px;height:32px;padding:7px}.cw-call-heading>div:last-child{gap:4px}.cw-call-body{padding:0 9px;gap:8px}.cw-call-visual{gap:8px}.cw-call-room .call-tile.is-self{width:100px;height:auto;bottom:10px;inset-inline-end:10px;border-radius:14px}.cw-call-room .call-name{font-size:10px;bottom:12px;inset-inline-start:12px;padding:7px 10px}.cw-call-footer{padding:12px 10px;gap:6px}.cw-call-room .call-actions{gap:4px;padding:4px}.cw-call-room .call-control{width:40px;height:40px}.cw-call-secondary{min-width:30px}.cw-call-secondary .cw-icon{width:32px;height:32px;padding:7px}.cw-call-end-all{max-width:40px;padding:0;font-size:9px}.cw-call-room .call-hangup{width:48px!important}.cw-call-chat{position:absolute;top:78px;bottom:77px;inset-inline-end:10px;width:min(330px,calc(100vw - 40px));z-index:5;box-shadow:0 10px 30px #0004;border-radius:20px}.cw-call-waiting h3{font-size:24px}.cw-call-overlay.is-minimized{right:12px!important;bottom:12px!important}.cw-call-room.is-minimized{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.cw-page *,.cw-incoming *,.cw-call-room *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}