/* Digital Eight premium UI layer */
:root{
  --premium-bg:#07070a;
  --premium-panel:#0d0d12;
  --premium-elevated:#13131a;
  --premium-line:rgba(255,255,255,.085);
  --premium-violet:#9b7cff;
  --premium-violet-soft:#c9baff;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
html{background:var(--premium-bg);scroll-behavior:smooth}
body{background:radial-gradient(circle at 78% -15%,rgba(124,58,237,.13),transparent 34%),var(--premium-bg)}
button,input,select,textarea{font:inherit}
button,.btn,.sbi,.ccard,.calday,.mtask{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--premium-violet-soft);outline-offset:2px}

/* Premium login */
#lw{overflow:auto;background:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
  radial-gradient(circle at 50% 10%,rgba(139,92,246,.22),transparent 32%),
  #050507;background-size:34px 34px,34px 34px,auto,auto}
#lw:before,#lw:after{content:"";position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none}
#lw:before{width:340px;height:340px;left:-150px;bottom:-120px;background:rgba(76,29,149,.24)}
#lw:after{width:260px;height:260px;right:-90px;top:-80px;background:rgba(139,92,246,.18)}
.lcard{position:relative;width:min(440px,100%);padding:34px;border-color:rgba(167,139,250,.22);border-radius:22px;background:linear-gradient(155deg,rgba(20,20,28,.98),rgba(9,9,13,.98));box-shadow:0 34px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.045);animation:loginEnter .42s cubic-bezier(.2,.8,.2,1) both}
.loginbrand{display:flex;align-items:center;gap:12px;margin-bottom:34px}
.loginmark,.loader-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(167,139,250,.32);border-radius:13px;background:linear-gradient(145deg,rgba(139,92,246,.28),rgba(139,92,246,.06));color:#ddd6fe;font:600 14px var(--mono);box-shadow:0 0 28px rgba(139,92,246,.14)}
.loginbrand .llogo{margin:0;font-size:17px}.loginbrand .lsub{margin-top:2px}
.loginintro{margin-bottom:27px}.logineyebrow{display:block;margin-bottom:9px;color:var(--pll);font:9px var(--mono);letter-spacing:.16em}.loginintro h1{color:#fff;font-size:27px;letter-spacing:-.04em}.loginintro p{margin-top:8px;color:var(--w3);font-size:13px;line-height:1.55}
.llbl{margin-top:15px;margin-bottom:7px;color:var(--w2)}
.linp{height:48px;border-radius:12px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}
.linp:focus{border-color:rgba(167,139,250,.7);box-shadow:0 0 0 4px rgba(139,92,246,.1)}
.passwordfield{position:relative}.passwordfield .linp{padding-right:72px}.passwordtoggle{position:absolute;right:7px;top:7px;height:34px;padding:0 10px;border:0;border-radius:8px;background:rgba(255,255,255,.05);color:var(--w3);font-size:11px;cursor:pointer}.passwordtoggle:hover{color:#fff;background:rgba(255,255,255,.09)}
.lbtn{min-height:50px;margin-top:22px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#9b7cff);box-shadow:0 12px 30px rgba(124,58,237,.26);transition:filter .18s,box-shadow .18s,transform .18s}.lbtn:hover{filter:brightness(1.08);box-shadow:0 15px 36px rgba(124,58,237,.34);transform:translateY(-1px)}.lbtn:active{transform:translateY(0)}
.loginsecure{display:flex;align-items:flex-start;gap:8px;margin-top:18px;color:var(--w4);font-size:10px;line-height:1.45}.loginsecure span{width:7px;height:7px;margin-top:3px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(74,222,128,.65)}

/* App loading and sync */
.app-loader{position:absolute;inset:0;z-index:110;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#07070a;transition:opacity .24s,visibility .24s}
.app-loader.done{opacity:0;visibility:hidden}.loader-line{width:150px;height:2px;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.07)}.loader-line i{display:block;width:45%;height:100%;background:linear-gradient(90deg,transparent,var(--premium-violet),transparent);animation:loader 1.1s ease-in-out infinite}.app-loader>span{color:var(--w4);font:9px var(--mono);letter-spacing:.08em}
.syncstate{display:flex;align-items:center;gap:7px;margin-left:auto;min-height:32px;padding:0 10px;border:1px solid var(--premium-line);border-radius:10px;color:var(--w3);font:9px var(--mono);white-space:nowrap}.syncstate i{width:6px;height:6px;border-radius:50%;background:currentColor}.syncstate[data-state=saved]{color:var(--green)}.syncstate[data-state=saving],.syncstate[data-state=loading]{color:var(--yellow)}.syncstate[data-state=saving] i,.syncstate[data-state=loading] i{animation:pulse 1s infinite}.syncstate[data-state=error]{color:var(--red)}

/* Premium shell and dashboard */
.sidebar{background:linear-gradient(180deg,#0a0a0e,#070709);border-color:var(--premium-line);box-shadow:18px 0 50px rgba(0,0,0,.14)}
.sbr{height:64px;padding:0 18px}.sblogo{font-size:17px;letter-spacing:-.025em}.sbnav{padding:12px 10px}.sbsec{padding-left:10px;margin-top:18px;margin-bottom:6px;letter-spacing:.14em}.sbi{min-height:43px;margin-bottom:3px;border-radius:10px;transition:background .18s,color .18s,border-color .18s}.sbi:hover{background:rgba(255,255,255,.045)}.sbi.active{background:linear-gradient(90deg,rgba(139,92,246,.18),rgba(139,92,246,.06));box-shadow:inset 0 0 0 1px rgba(167,139,250,.12)}.sbi.active:before{height:19px;border-radius:2px;box-shadow:0 0 14px rgba(139,92,246,.55)}
.topbar{height:64px;min-height:64px;background:rgba(8,8,11,.9);border-color:var(--premium-line);backdrop-filter:blur(18px);position:relative;z-index:20}.tbtitle{font-size:14px;letter-spacing:-.01em}.tbsr{height:38px;border-radius:11px;background:rgba(255,255,255,.035)}
.dashwrap{max-width:1540px;margin:0 auto;padding:24px}.dashhero{position:relative;overflow:hidden;min-height:142px;padding:27px 29px;border-color:rgba(167,139,250,.18);border-radius:18px;background:radial-gradient(circle at 88% 15%,rgba(139,92,246,.2),transparent 32%),linear-gradient(135deg,#15111e,#0d0d12)}.dashhero:after{content:"D8";position:absolute;right:28px;bottom:-30px;color:rgba(255,255,255,.018);font:700 120px Inter;letter-spacing:-.1em;pointer-events:none}.dashhero h1{font-size:29px;letter-spacing:-.045em}.dashhero p{max-width:620px;line-height:1.55}.dashactions{position:relative;z-index:1}
.dashwrap .dgrid{gap:14px;margin-bottom:18px}.dc,.sc,.dashpanel,.cardpanel,.ccard{border-color:var(--premium-line);background:linear-gradient(155deg,rgba(18,18,24,.98),rgba(12,12,16,.98));box-shadow:0 12px 32px rgba(0,0,0,.13)}.dc{min-height:156px;padding:20px;border-radius:15px;transition:border-color .18s,background .18s}.dc:hover{border-color:rgba(167,139,250,.22);background:linear-gradient(155deg,#15151d,#0d0d12)}.dc.acc{background:radial-gradient(circle at 100% 0,rgba(139,92,246,.16),transparent 45%),linear-gradient(155deg,#15121d,#0d0d12)}.dcval{font-size:27px;letter-spacing:-.04em}.dashcols{gap:18px}.dashpanel{border-radius:15px}.dashpanelhead{min-height:67px;padding:16px 18px}.dashpanelbody{padding:17px 18px}
.page.active{animation:pageIn .24s cubic-bezier(.2,.8,.2,1) both}.page.active .dc,.page.active .sc,.page.active .dashpanel,.page.active .ccard{animation:cardIn .28s ease both}.page.active .dc:nth-child(2),.page.active .sc:nth-child(2),.page.active .ccard:nth-child(2){animation-delay:.035s}.page.active .dc:nth-child(3),.page.active .sc:nth-child(3),.page.active .ccard:nth-child(3){animation-delay:.07s}.page.active .dc:nth-child(4),.page.active .sc:nth-child(4),.page.active .ccard:nth-child(4){animation-delay:.105s}
.lead-mobile-list{display:none}.mobile-nav{display:none}

@keyframes loginEnter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes pageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cardIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes loader{from{transform:translateX(-130%)}to{transform:translateX(330%)}}
@keyframes pulse{50%{opacity:.35}}

@media(max-width:768px){
  body{padding-bottom:calc(76px + var(--safe-bottom))}
  .content{padding-bottom:18px}
  .topbar{position:sticky;top:0;height:58px;min-height:58px;padding:8px 12px;flex-wrap:nowrap;background:rgba(7,7,10,.94)}
  .tbtitle{font-size:15px}.tbsr{position:absolute;left:12px;right:12px;top:64px;width:auto;z-index:22;box-shadow:0 16px 40px rgba(0,0,0,.45)}
  .syncstate{margin-left:auto;max-width:126px;padding:0 8px}.syncstate span{overflow:hidden;text-overflow:ellipsis}
  .dashwrap{padding:12px}.dashhero{min-height:0;padding:20px;border-radius:15px}.dashhero:after{display:none}.dashhero h1{font-size:24px}.dashhero p{font-size:13px}
  .dashactions{display:grid;grid-template-columns:1fr 1fr!important;gap:8px}.dashactions .btn:last-child{grid-column:1/-1}.dashactions .btn{min-height:44px}
  .dashwrap .dgrid{grid-template-columns:1fr 1fr!important;gap:9px}.dc{min-height:132px;padding:15px}.dcval{font-size:22px}.dclbl{line-height:1.35}.dcico{display:none}
  .dashcols{grid-template-columns:1fr;gap:12px}.dashpanelhead{padding:14px}.dashpanelbody{padding:14px}
  .mobile-nav{position:fixed;z-index:90;left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:end;height:62px;padding:5px 7px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(15,15,20,.94);box-shadow:0 18px 55px rgba(0,0,0,.55);backdrop-filter:blur(20px)}
  .mobile-nav button{position:relative;display:flex;min-width:0;height:50px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:12px;background:none;color:var(--w4);font-size:9px;cursor:pointer}.mobile-nav button.active{color:var(--premium-violet-soft);background:rgba(139,92,246,.12)}.mobile-nav button b{position:absolute;top:3px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#7c3aed;color:white;font:8px/16px var(--mono)}.mobile-nav .mobile-add{align-self:start;width:56px;height:56px;margin:-19px auto 0;border:6px solid #07070a;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;box-shadow:0 8px 22px rgba(124,58,237,.4)}.mobile-add i{font-style:normal;font-size:25px;line-height:1}.mi{display:block;width:17px;height:17px;border:1.5px solid currentColor;border-radius:5px}.mi-leads{border-radius:50%}.mi-tasks{border-radius:3px;box-shadow:inset 0 -5px rgba(255,255,255,.08)}.mi-settings{border-radius:50%;border-style:dashed}
  #pgleads>.ptbar{position:relative;display:flex!important;overflow-x:auto;margin:8px 0 10px!important;padding:10px 12px!important;gap:8px;scrollbar-width:none}.ptbar::-webkit-scrollbar{display:none}#pgleads>.ptbar>*{flex:0 0 auto}#lfTabs{order:0;min-width:max-content}.leadfilterpicker{width:auto}.leadfilterpicker>.btn{width:auto;white-space:nowrap}.lead-addon.shown{min-width:170px}
  .filtermenu{position:fixed!important;z-index:120;left:8px!important;right:8px!important;bottom:calc(8px + var(--safe-bottom));top:auto!important;width:auto!important;max-height:min(70vh,560px);overflow:auto;padding:10px;border-radius:18px;background:#16161d;box-shadow:0 0 0 100vmax rgba(0,0,0,.62),0 25px 70px rgba(0,0,0,.8)}.filtermenu button{min-height:46px;padding:11px 12px}
  #pgleads>.twrap{margin:0 10px 16px!important;overflow:visible!important;border:0!important;background:transparent}#pgleads table{display:none!important}.lead-mobile-list{display:flex;flex-direction:column;gap:9px}.lead-mobile-list:empty{display:none}
  .lead-mobile-card{position:relative;padding:14px;border:1px solid var(--premium-line);border-radius:14px;background:linear-gradient(145deg,#121218,#0d0d12);box-shadow:0 9px 25px rgba(0,0,0,.16)}.lead-mobile-card:active{background:#171720}.lmc-head{display:flex;align-items:flex-start;gap:10px}.lmc-title{min-width:0;flex:1}.lmc-title strong{display:block;overflow:hidden;color:#fff;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.lmc-title span{display:block;margin-top:3px;color:var(--w4);font-size:10px}.lmc-score{flex:0 0 auto;padding:5px 7px;border-radius:8px;background:rgba(251,191,36,.1);color:var(--yellow);font:10px var(--mono)}.lmc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.lmc-chip{padding:5px 7px;border:1px solid var(--premium-line);border-radius:8px;background:rgba(255,255,255,.03);color:var(--w3);font-size:10px}.lmc-chip.good{color:var(--green);border-color:rgba(74,222,128,.18)}.lmc-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.lmc-actions button,.lmc-actions a{display:flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--premium-line);border-radius:10px;background:rgba(255,255,255,.035);color:var(--w2);font-size:11px;text-decoration:none}.lmc-actions .primary{border-color:rgba(167,139,250,.25);background:rgba(139,92,246,.14);color:var(--pll)}
  .leadsummary{margin:12px 10px 0!important;gap:8px!important}.leadsummary>div{min-width:0}.leadsummary strong{font-size:20px}.leadsummary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .modal,.lbm{max-height:calc(100dvh - 10px)!important;border-radius:18px 18px 0 0!important}.ov{align-items:flex-end}.mbody,.lbbody{overscroll-behavior:contain}.mfoot{padding-bottom:calc(14px + var(--safe-bottom))}
  .sgrid{grid-template-columns:1fr 1fr}.sc{padding:14px}.scval{font-size:21px}
  .cgrid{padding:0 10px 16px!important}.ccard{border-radius:14px}
  .taskmgr{padding:10px}.taskhero{border-radius:15px}.tasklayout{gap:10px}.cardpanel{border-radius:14px}
}

@media(max-width:420px){
  #lw{padding:12px}.lcard{padding:24px 20px;border-radius:18px}.loginbrand{margin-bottom:26px}.loginintro h1{font-size:24px}
  .dashwrap .dgrid{grid-template-columns:1fr!important}.dc{min-height:0}.dashactions{grid-template-columns:1fr!important}.dashactions .btn:last-child{grid-column:auto}
  .sgrid{grid-template-columns:1fr}.leadsummary{grid-template-columns:1fr 1fr!important}
  .syncstate{max-width:96px}.syncstate span{font-size:0}.syncstate span:after{content:"Запазено";font-size:9px}.syncstate[data-state=saving] span:after{content:"Запис..."}.syncstate[data-state=loading] span:after{content:"Зарежда..."}.syncstate[data-state=error] span:after{content:"Грешка"}
}

/* Mobile navigation and full-page layout pass */
.mobile-more-backdrop,.mobile-more-sheet{display:none}
@media(max-width:768px){
  html,body{width:100%;height:100%;padding:0;overflow:hidden}
  .app{width:100%;height:100dvh;min-height:100dvh}
  .sidebar,.sbd,.hmbg{display:none!important}
  .main{width:100%;height:100%;min-width:0}
  .content{min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 0 calc(92px + var(--safe-bottom));scroll-padding-bottom:calc(92px + var(--safe-bottom));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
  .page,.page.active{width:100%;height:auto;min-height:100%;overflow:visible}
  .topbar{position:sticky;top:0;z-index:70;height:auto;min-height:56px;padding:8px 12px;gap:8px;flex-wrap:wrap;background:rgba(7,7,10,.96)}
  .tbtitle{flex:1;min-width:0}.tbsep{display:none}.syncstate{flex:0 0 auto;margin-left:auto}
  .tbsr{position:relative;left:auto;right:auto;top:auto;order:10;width:100%;height:42px;flex:1 0 100%;box-shadow:none}
  .tbsr input,.tbsr input:focus{width:100%;height:42px}
  .mobile-nav{z-index:170}
  .mobile-more-backdrop{position:fixed;inset:0;z-index:160;display:block;background:rgba(0,0,0,.68);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
  .mobile-more-backdrop.open{opacity:1;visibility:visible}
  .mobile-more-sheet{position:fixed;z-index:180;left:8px;right:8px;bottom:calc(78px + var(--safe-bottom));display:block;padding:8px 14px 14px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(160deg,#191922,#101015);box-shadow:0 24px 70px rgba(0,0,0,.72);transform:translateY(calc(100% + 100px));opacity:0;visibility:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s,visibility .22s}
  .mobile-more-sheet.open{transform:translateY(0);opacity:1;visibility:visible}
  .mobile-more-handle{width:38px;height:4px;margin:2px auto 10px;border-radius:4px;background:rgba(255,255,255,.18)}
  .mobile-more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mobile-more-head span{color:var(--pll);font:9px var(--mono);letter-spacing:.12em}.mobile-more-head h3{margin-top:2px;color:#fff;font-size:17px}.mobile-more-head>button{width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.05);color:var(--w2);font-size:23px}
  .mobile-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-more-grid button{display:flex;min-width:0;min-height:58px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--premium-line);border-radius:13px;background:rgba(255,255,255,.035);color:var(--w1);text-align:left}.mobile-more-grid button:active{background:rgba(139,92,246,.16)}.mobile-more-grid i{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:9px;background:rgba(139,92,246,.13);color:var(--pll);font-style:normal}.mobile-more-grid span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
  .mobile-more-logout{width:100%;min-height:44px;margin-top:10px;border:1px solid rgba(248,113,113,.18);border-radius:12px;background:rgba(248,113,113,.06);color:var(--red)}
  .taskmgr{width:100%;padding:10px 10px 4px}.taskhero{padding:16px}.taskhero p{font-size:12px;line-height:1.45}.taskcomposer{display:grid;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:10px;padding:12px}.taskcomposer>*{width:100%;min-width:0;grid-column:auto!important}.taskcomposer .fi{height:48px;margin:0;padding:12px}.taskdatefield{display:grid;grid-template-columns:1fr;gap:5px;min-width:0}.taskdatefield span{position:static;display:block;padding-left:2px;color:var(--pll);font:9px var(--mono);letter-spacing:.1em}.taskdatefield .fi{width:100%;height:48px;padding:10px 12px;color-scheme:dark}.taskdatefield input[type=date]{min-width:0;max-width:100%}
  .tasklayout,.taskcalendar,.taskboard,.categorypanel{width:100%;min-width:0}.calweek,.calgrid{width:100%;min-width:0}.calday{min-width:0}.calhead{padding:12px}.calhead h3{min-width:0;text-align:center;font-size:14px}.managerlist{max-height:none}.categoryrow{min-width:0}
  .setwrap{width:100%;max-width:none;padding:16px 12px calc(12px + var(--safe-bottom))}
}
/* Telegram-style mobile navigation */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mobile-nav svg,.mobile-more-grid svg,.mobile-client-options svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-client-sheet{display:none}
@media(max-width:768px){
  .mobile-nav{position:fixed;display:grid;grid-template-columns:1fr 1fr 60px 1fr 1fr;align-items:start;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom,0px));padding:5px 8px max(5px,env(safe-area-inset-bottom,0px));border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;background:rgba(10,10,14,.94);box-shadow:0 -10px 30px rgba(0,0,0,.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .mobile-nav button{position:relative;display:flex;min-width:0;min-height:54px;padding:4px 2px;gap:3px;align-items:center;justify-content:center;flex-direction:column;border:0;border-radius:12px;background:transparent;color:#777781;font-size:10px;font-weight:650;line-height:1;letter-spacing:.01em;box-shadow:none;transition:color .18s ease,transform .18s ease}
  .mobile-nav button:hover,.mobile-nav button:focus-visible{background:rgba(255,255,255,.045);color:#ddd9e8}
  .mobile-nav button.active{background:transparent;color:#b87cff;box-shadow:none}
  .mobile-nav button.active:after{content:"";position:absolute;top:1px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
  .mobile-nav .nav-icon{width:22px;height:22px}
  .mobile-nav .mobile-add{align-self:start;width:50px;height:50px;min-height:50px;margin:-16px auto 0;padding:0;border:5px solid #07070a;border-radius:50%;background:linear-gradient(145deg,#9f5cff,#6f35e8);color:white;box-shadow:0 8px 22px rgba(123,61,230,.42);transform:none}
  .mobile-nav .mobile-add:hover,.mobile-nav .mobile-add:focus-visible{background:linear-gradient(145deg,#ae73ff,#7a42ea);color:#fff;transform:translateY(-1px)}
  .mobile-nav .mobile-add.current{box-shadow:0 0 0 3px rgba(185,124,255,.25),0 8px 24px rgba(123,61,230,.5)}
  .mobile-nav .mobile-add:after{display:none}
  .mobile-nav .mobile-add svg{width:23px;height:23px;stroke-width:2}
  .mobile-more-sheet,.mobile-client-sheet{position:fixed;display:block;z-index:181;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom,0px));max-height:min(72vh,620px);padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(18,18,23,.98);box-shadow:0 22px 70px rgba(0,0,0,.58);overflow:auto;overscroll-behavior:contain;transform:translateY(calc(100% + 100px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility .2s}
  .mobile-more-sheet.open,.mobile-client-sheet.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
  .mobile-more-grid svg{width:21px;height:21px}
  .mobile-more-grid button{min-height:68px}
  .mobile-client-options{display:grid;gap:9px}
  .mobile-client-options button{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:12px;width:100%;min-height:60px;padding:9px 12px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:#17171c;color:#f5f2fa;text-align:left}
  .mobile-client-options button:hover,.mobile-client-options button:focus-visible{border-color:rgba(185,124,255,.42);background:#1c1922}
  .mobile-client-options button>svg{box-sizing:border-box;width:42px;height:42px;padding:10px;border-radius:12px;background:rgba(160,92,255,.12);color:#b87cff}
  .mobile-client-options button>div{min-width:0}.mobile-client-options button>i{color:#66616e;font-size:22px;font-style:normal;text-align:right}
  .mobile-client-options strong,.mobile-client-options span{display:block}
  .mobile-client-options strong{font-size:14px}
  .mobile-client-options button>div span{margin-top:4px;color:#85818e;font-size:11px;line-height:1.35}
  .mobile-client-options .client-arrow{color:#66616e}
  .mobile-more-backdrop{z-index:180}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Desktop icon system + practical settings */
.sbi .ic{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px}.sbi .ic svg,.dcico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dashwrap .dcico{color:var(--pll);border:1px solid rgba(167,139,250,.16)}
.settings-shell{max-width:1180px!important;padding:28px!important}.settings-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}.settings-eyebrow{display:block;margin-bottom:7px;color:var(--pll);font:600 10px var(--mono);letter-spacing:.12em}.settings-hero h2{font-size:28px;margin-bottom:7px}.settings-hero .setsub{margin:0;max-width:650px;line-height:1.55}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--b1),rgba(18,18,22,.94))}.settings-card-wide{grid-column:span 2}.settings-card-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.settings-card-head h3{font-size:15px;color:var(--w0);margin-bottom:4px}.settings-card-head p{font-size:12px;line-height:1.45;color:var(--w3)}.settings-card-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(167,139,250,.18);border-radius:9px;background:var(--pdim);color:var(--pll);font:600 15px var(--mono)}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-fields>label:not(.setting-toggle){display:flex;flex-direction:column;gap:7px;color:var(--w3);font-size:11px}.settings-note{margin-top:10px;color:var(--w4);font-size:11px}.settings-actions,.settings-inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.settings-inline .fi{flex:1;min-width:230px}.setting-toggle{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--b2);cursor:pointer}.setting-toggle span b,.setting-toggle span small{display:block}.setting-toggle span b{font-size:12px;color:var(--w1)}.setting-toggle span small{margin-top:3px;font-size:10px;color:var(--w3)}.setting-toggle input{position:absolute;opacity:0;pointer-events:none}.setting-toggle i{position:relative;width:38px;height:22px;flex:0 0 38px;border-radius:12px;background:var(--b4);transition:.2s}.setting-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--w3);transition:.2s}.setting-toggle input:checked+i{background:var(--p)}.setting-toggle input:checked+i:after{transform:translateX(16px);background:#fff}.settings-danger{border-color:rgba(239,68,68,.2)}
body[data-density="compact"] .tr,body[data-density="compact"] td{padding-top:8px!important;padding-bottom:8px!important}body.compact-metrics .dashwrap .dc{min-height:106px;padding-top:16px;padding-bottom:14px}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
@media(max-width:700px){.settings-shell{padding:16px 12px 96px!important}.settings-hero{align-items:stretch;flex-direction:column;margin-bottom:14px}.settings-hero h2{font-size:24px}.settings-grid{grid-template-columns:1fr}.settings-card,.settings-card-wide{grid-column:auto;padding:16px}.settings-fields{grid-template-columns:1fr}.setting-toggle{grid-column:auto}.settings-inline{align-items:stretch}.settings-inline .fi,.settings-inline .btn{width:100%;min-width:0}.settings-inline .chip{align-self:flex-start}}
/* Brief post-login transition */
.app-loader{overflow:hidden}.app-loader .loader-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.24),transparent 68%);filter:blur(6px);animation:loaderGlow 1.8s ease-in-out infinite}.app-loader>*:not(.loader-glow){position:relative;z-index:1}.app-loader strong{color:var(--w0);font-size:15px;letter-spacing:-.01em}.app-loader.login-transition .loader-mark{animation:loaderMarkIn .45s cubic-bezier(.2,.8,.2,1) both}.app-loader.login-transition strong{animation:loaderTextIn .45s .08s both}.app-loader.login-transition .loader-line{animation:loaderTextIn .45s .14s both}@keyframes loaderMarkIn{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}@keyframes loaderTextIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes loaderGlow{50%{transform:scale(1.08);opacity:.72}}
/* Easier lead filters */
#leadFilterAddBtn{gap:7px}#leadFilterCount{display:none;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--p);color:#fff;font:600 9px var(--mono)}.filtermenu{width:300px!important;padding:10px!important}.filtermenuhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 5px 11px}.filtermenuhead b,.filtermenuhead span{display:block}.filtermenuhead b{font-size:14px;color:var(--w0)}.filtermenuhead span{margin-top:3px;font-size:10px;color:var(--w3)}.filtermenuhead>button{width:auto!important;padding:5px 8px!important;color:var(--pll)!important;font-size:11px}.quickfilters{display:flex;flex-wrap:wrap;gap:6px;padding:7px 4px 5px}.quickfilters button{width:auto!important;min-height:30px;padding:6px 9px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--b3)!important;color:var(--w1)!important;font-size:11px}.quickfilters button:hover{border-color:var(--p)!important;background:var(--pdim)!important}.activeleadfilters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:0;margin:0 20px}.activeleadfilters:not(:empty){margin-top:-2px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--b1)}.activeleadfilters>span{color:var(--w3);font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.activeleadfilters button{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border:1px solid rgba(139,92,246,.24);border-radius:14px;background:var(--pdim);color:var(--pll);font-size:11px;cursor:pointer}.activeleadfilters button b{font-size:14px;color:var(--w3)}.activeleadfilters .clearall{margin-left:auto;border-color:transparent;background:transparent;color:var(--w3)}.activeleadfilters .clearall:hover{color:var(--red)}
@media(max-width:768px){.activeleadfilters{margin-left:10px;margin-right:10px;overflow-x:auto;flex-wrap:nowrap}.activeleadfilters:not(:empty){padding:8px 10px}.activeleadfilters>*{flex:0 0 auto}.activeleadfilters .clearall{margin-left:0}.filtermenuhead{position:sticky;top:-10px;z-index:2;margin:-2px -2px 5px;padding:12px 7px;background:#16161d}.quickfilters{padding-bottom:10px}}
/* Full lead filter panel + branded loader */
.loader-mark.loader-logo{width:66px;height:66px;padding:8px;border-radius:18px}.loader-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:11px}.filterpanel{width:430px!important;max-height:min(76vh,680px);overflow:auto}.filterfields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 4px 14px}.filterfields label{display:flex;flex-direction:column;gap:6px;color:var(--w3);font-size:10px}.filterfields .fi{width:100%;min-height:38px;padding:8px 9px;background:var(--b1);font-size:11px}.prioritychoices{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px 4px 4px}.prioritychoices button{min-height:36px!important;border:1px solid var(--line)!important;background:var(--b1)!important}.prioritychoices button span{color:var(--pll)}
@media(max-width:768px){.filterpanel{max-height:min(82vh,720px)!important}.filterfields{grid-template-columns:1fr}.filterfields .fi{min-height:44px}.prioritychoices{grid-template-columns:1fr 1fr}.loader-mark.loader-logo{width:60px;height:60px}}
/* Calendar event type flow */
.taskcomposer{grid-template-columns:minmax(220px,1.6fr) minmax(220px,1.2fr) 145px 145px!important;align-items:end}.taskcomposer #tmTitle{grid-column:span 2}.eventtypepicker{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--b2)}.eventtypepicker>span{grid-column:span 2;color:var(--w4);font:9px var(--mono);letter-spacing:.08em}.eventtypepicker button{min-height:34px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--w3);cursor:pointer}.eventtypepicker button.active{border-color:rgba(139,92,246,.3);background:var(--pdim);color:var(--pll)}.periodfield{display:none}.periodfield.shown{display:flex}.taskdatefield{min-width:0}
/* Shared work task manager */
.workmgr{display:flex;flex-direction:column;gap:14px;padding:20px}.workhero{padding:22px 24px;border:1px solid var(--line);border-radius:15px;background:radial-gradient(circle at 90% 0,rgba(34,197,94,.1),transparent 34%),var(--b1)}.workhero h2{font-size:26px;color:var(--w0);margin-bottom:6px}.workhero p{color:var(--w3);font-size:13px}.workcomposerhead,.workboardhead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)}.workcomposerhead h3,.workboardhead h3{color:var(--w0);font-size:14px}.workcomposerhead span,.workboardhead span{display:block;margin-top:3px;color:var(--w3);font-size:11px}.workcomposergrid{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(190px,1.2fr) 120px 140px 155px auto;gap:9px;padding:14px 18px}.workcomposergrid .fi{margin:0}.workstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workstats>div{padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--b1)}.workstats strong,.workstats span{display:block}.workstats strong{color:var(--w0);font:600 22px var(--mono)}.workstats span{margin-top:4px;color:var(--w3);font-size:11px}.workboardhead>div:last-child{display:flex;gap:8px}.workboardhead .fi{min-width:165px;margin:0}.worktasklist{display:flex;flex-direction:column;gap:8px;padding:12px}.worktask{display:grid;grid-template-columns:32px minmax(220px,1fr) 135px 145px 28px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--b2)}.worktask.done{opacity:.62}.worktask.done .workbody>strong{text-decoration:line-through}.workcheck button{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line2);border-radius:7px;background:var(--b1);color:var(--green);cursor:pointer}.workbody{min-width:0}.workbody>strong{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--w0);font-size:13px}.workbody>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.workbody>div>span{font-size:10px;color:var(--w3)}.workbody .late{color:var(--red)}.workclient{padding:3px 7px;border:1px solid rgba(139,92,246,.22);border-radius:10px;background:var(--pdim);color:var(--pll);font-size:10px;cursor:pointer}.workclient.muted{border-color:var(--line);background:transparent;color:var(--w4)}.workassignee span,.workstatus span{display:block;margin-bottom:4px;color:var(--w4);font-size:9px}.workassignee .fi,.workstatus .fi{width:100%;margin:0;padding:7px 25px 7px 8px;font-size:10px}.workdelete{border:0;background:transparent;color:var(--w4);font-size:18px;cursor:pointer}.workdelete:hover{color:var(--red)}.workempty{display:flex;flex-direction:column;align-items:center;padding:50px 20px;color:var(--w3)}.workempty strong{color:var(--w1);margin-bottom:5px}.workempty span{font-size:12px}
@media(max-width:1100px){.workcomposergrid{grid-template-columns:1fr 1fr 1fr}.worktask{grid-template-columns:32px 1fr 130px 140px 28px}}
@media(max-width:768px){.taskcomposer{grid-template-columns:1fr!important}.taskcomposer #tmTitle{grid-column:auto}.eventtypepicker{grid-column:auto}.workmgr{padding:12px 10px 96px}.workhero{padding:18px}.workcomposergrid{grid-template-columns:1fr;padding:12px}.workstats{grid-template-columns:1fr 1fr}.workboardhead{align-items:flex-start;flex-direction:column}.workboardhead>div:last-child{width:100%;display:grid;grid-template-columns:1fr}.workboardhead .fi{min-width:0}.worktask{grid-template-columns:30px 1fr 24px;gap:9px}.workassignee,.workstatus{grid-column:2}.workdelete{grid-column:3;grid-row:1}.workbody>div{gap:5px}}
/* Final responsive alignment + floating pill navigation */
.taskcomposer>*,.tasklayout>*,.workcomposergrid>*,.worktask>*,.settings-grid>*,.dashcols>*{min-width:0}.taskcomposer .fi,.workcomposergrid .fi,.taskeditgrid .fi{max-width:100%}.workcomposergrid .btn{white-space:nowrap}.mobile-task-sheet{display:none}
@media(min-width:769px){.sbnav .sbsec{margin-top:15px}.sbnav .sbsec:first-child{margin-top:0}.taskmgr,.workmgr{max-width:1600px;margin:0 auto}.taskcomposer{grid-template-columns:minmax(210px,1.5fr) minmax(200px,1.15fr) minmax(135px,.8fr) minmax(135px,.8fr)!important}.taskcomposer #tmTitle{grid-column:span 2}.workcomposergrid{grid-template-columns:minmax(200px,1.45fr) minmax(180px,1.2fr) minmax(110px,.75fr) minmax(135px,.8fr) minmax(145px,.9fr) auto}.ptbar{align-items:center}}
@media(max-width:768px){
  :root{--mobile-pill-space:96px}.content{padding-bottom:var(--mobile-pill-space)}.page{max-width:100%;overflow-x:hidden}.main,.content,.taskmgr,.workmgr{min-width:0;max-width:100%}
  .mobile-nav{position:fixed!important;z-index:190!important;left:18px!important;right:18px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;height:68px!important;padding:5px 8px!important;border:2px solid rgba(255,255,255,.25)!important;border-radius:35px!important;background:rgba(8,8,11,.97)!important;box-shadow:0 18px 50px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.045)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
  .mobile-nav button,.mobile-nav .mobile-add{position:relative!important;display:flex!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;padding:3px 1px!important;align-items:center!important;justify-content:center!important;gap:3px!important;flex-direction:column!important;border:0!important;border-radius:28px!important;background:transparent!important;color:#a2a2ab!important;box-shadow:none!important;transform:none!important;font-size:10px!important;font-weight:650!important}
  .mobile-nav button:after{display:none!important}.mobile-nav .nav-icon-wrap{display:grid;place-items:center;width:34px;height:34px;border-radius:17px;transition:width .2s,height .2s,border-radius .2s,background .2s,color .2s,box-shadow .2s}.mobile-nav .nav-icon{width:20px!important;height:20px!important;stroke-width:1.8!important}.mobile-nav button.active{color:#f4efff!important}.mobile-nav button.active .nav-icon-wrap,.mobile-nav button.active>.nav-icon{width:38px;height:38px;padding:8px;border-radius:19px;background:linear-gradient(145deg,#8b2cff,#6d28d9);color:#fff;box-shadow:0 7px 18px rgba(124,58,237,.38)}.mobile-nav button.active>.nav-icon{padding:8px}.mobile-nav button>span:last-of-type{line-height:1;white-space:nowrap}.mobile-nav button b{top:1px!important;right:5px!important;min-width:15px!important;height:15px!important;font-size:8px!important;line-height:15px!important}
  .mobile-more-sheet,.mobile-client-sheet,.mobile-task-sheet{position:fixed;display:block;z-index:181;left:14px;right:14px;bottom:calc(88px + env(safe-area-inset-bottom,0px));max-height:min(72vh,620px);padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(17,17,22,.99);box-shadow:0 24px 75px rgba(0,0,0,.72);overflow:auto;overscroll-behavior:contain;transform:translateY(calc(100% + 120px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .2s,visibility .2s}
  .mobile-more-sheet.open,.mobile-client-sheet.open,.mobile-task-sheet.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.mobile-client-options button{min-width:0}.mobile-client-options button div{min-width:0}.mobile-client-options button strong,.mobile-client-options button span{overflow:hidden;text-overflow:ellipsis}
  .ptbar{max-width:100%;overflow-x:auto}.taskhero,.workhero{align-items:flex-start}.taskcomposer,.workcomposergrid{grid-template-columns:minmax(0,1fr)!important}.taskcomposer>*,.workcomposergrid>*{grid-column:auto!important;width:100%!important;min-width:0!important}.tasklayout{grid-template-columns:minmax(0,1fr)!important}.taskcalendar,.taskboard,.workboard{min-width:0;max-width:100%}.calgrid{grid-template-columns:repeat(7,minmax(0,1fr))}.calday{min-width:0}.worktask{max-width:100%}.workassignee .fi,.workstatus .fi{max-width:100%}.categoryrow{max-width:100%}.modal{max-width:100vw}.taskeditgrid{grid-template-columns:minmax(0,1fr)!important}.taskeditgrid>*{grid-column:auto!important;min-width:0}
}
@media(max-width:380px){.mobile-nav{left:8px!important;right:8px!important}.mobile-nav button{font-size:9px!important}.mobile-nav .nav-icon-wrap{width:31px;height:31px}.mobile-nav button.active .nav-icon-wrap{width:36px;height:36px}.mobile-nav .nav-icon{width:18px!important;height:18px!important}.workstats{grid-template-columns:1fr 1fr}.calday{min-height:40px!important}}
/* Calendar composer desktop alignment */
@media(min-width:769px){.taskcomposer{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:end!important;gap:10px!important}.taskcomposer #tmTitle{grid-column:span 5!important;height:44px}.taskcomposer[data-event-type="day"] #tmTitle{grid-column:span 6!important}.taskcomposer .eventtypepicker{grid-column:span 3!important;height:62px}.taskcomposer #tmDateField{grid-column:span 2!important}.taskcomposer[data-event-type="day"] #tmDateField{grid-column:span 3!important}.taskcomposer #tmEndDateField{grid-column:span 2!important}.taskcomposer #tmPriority{grid-column:span 3!important}.taskcomposer #tmCategory{grid-column:span 4!important}.taskcomposer #tmRepeat{grid-column:span 3!important}.taskcomposer>button{grid-column:span 2!important;height:44px}.taskcomposer .taskdatefield{display:grid;grid-template-rows:14px 44px;gap:4px;align-self:end}.taskcomposer .taskdatefield .fi{height:44px;margin:0}.taskcomposer>.fi{height:44px;margin:0}.eventtypepicker button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:768px){.mobile-nav button.active>.nav-icon{padding:0!important;background:transparent!important;box-shadow:none!important}.mobile-nav .nav-icon-wrap{box-sizing:border-box;overflow:visible}.mobile-nav button.active .nav-icon-wrap{display:grid!important;place-items:center!important}.mobile-nav button.active .nav-icon{display:block!important;width:20px!important;height:20px!important;padding:0!important;opacity:1!important;visibility:visible!important}.eventtypepicker button{width:auto!important;min-width:0}.taskcomposer[data-event-type="day"] #tmEndDateField{display:none!important}}.taskcomposer[data-event-type="day"] #tmEndDateField{display:none!important}.taskcomposer[data-event-type="period"] #tmEndDateField{display:grid!important}
/* Exclusive mobile navigation state + clean tap feedback */
@media(max-width:768px){
  .mobile-nav{-webkit-tap-highlight-color:transparent}
  .mobile-nav button{transition:color .18s ease!important}
  .mobile-nav button.active{background:transparent!important}
  .mobile-nav .nav-icon-wrap{transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease,color .18s ease,box-shadow .18s ease!important}
  .mobile-nav button:active .nav-icon-wrap{transform:scale(.84)}
  .mobile-nav button.active .nav-icon-wrap{animation:d8NavPop .28s cubic-bezier(.2,1.35,.4,1)}
  .mobile-nav button:focus-visible{outline:none}
  .mobile-nav button:focus-visible .nav-icon-wrap{box-shadow:0 0 0 2px #09090d,0 0 0 4px rgba(167,139,250,.68),0 7px 18px rgba(124,58,237,.32)!important}
  .mobile-client-options button,.mobile-more-grid button{transition:transform .16s ease,border-color .16s ease,background .16s ease!important;-webkit-tap-highlight-color:transparent}
  .mobile-client-options button:active,.mobile-more-grid button:active{transform:scale(.975)}
  .mobile-more-sheet.open,.mobile-client-sheet.open,.mobile-task-sheet.open{animation:d8SheetPop .26s cubic-bezier(.22,1,.36,1)}
}
@keyframes d8NavPop{0%{transform:scale(.82)}68%{transform:scale(1.07)}100%{transform:scale(1)}}
@keyframes d8SheetPop{0%{transform:translateY(18px) scale(.985);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
/* Desktop calendar composer baseline alignment */
@media(min-width:769px){
  .taskcomposer .taskdatefield{height:62px!important;grid-template-rows:14px 44px!important;gap:4px!important}
  .taskcomposer .taskdatefield>span{position:static!important;display:block!important;height:14px;padding:0 0 0 2px!important;line-height:14px!important}
  .taskcomposer .taskdatefield>.fi{grid-row:2;height:44px!important;padding:10px 12px!important}
  .taskcomposer .eventtypepicker{grid-template-rows:14px 34px!important;align-content:start!important}
  .taskcomposer .eventtypepicker>span{height:14px;line-height:14px}
}
/* Selected lead filters only */
.activeleadfilters{gap:6px!important}
.activeleadfilters:not(:empty){align-items:center}
.activeleadfilters button{min-height:30px;border-radius:999px!important}
.activeleadfilters button.priorityselected{border-color:rgba(167,139,250,.28);background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(124,58,237,.08));color:var(--pll)}
.activeleadfilters button b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.06);font-size:12px;line-height:1}
.activeleadfilters .clearall{padding-inline:10px;border:1px solid transparent!important;background:transparent!important}
/* Calendar event type label outside the control */
.eventtypefield{display:grid;grid-template-rows:14px 44px;gap:4px;min-width:0;align-self:end}
.eventtypefield>span{display:block;height:14px;padding-left:2px;color:var(--pll);font:9px/14px var(--mono);letter-spacing:.1em}
.eventtypefield .eventtypepicker{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr!important;height:44px!important;padding:4px!important}
@media(min-width:769px){
  .taskcomposer .eventtypefield{grid-column:span 3!important;height:62px!important}
  .taskcomposer .eventtypefield .eventtypepicker{grid-column:auto!important}
}
@media(max-width:768px){
  .taskcomposer .eventtypefield{grid-column:auto!important;width:100%;height:67px;grid-template-rows:14px 48px;gap:5px}
  .taskcomposer .eventtypefield .eventtypepicker{width:100%;height:48px!important}
}
/* Calendar composer for tablet and medium desktop widths */
@media(min-width:769px) and (max-width:1200px){
  .taskcomposer{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
  .taskcomposer #tmTitle,.taskcomposer[data-event-type="day"] #tmTitle{grid-column:span 3!important}
  .taskcomposer .eventtypefield{grid-column:span 3!important}
  .taskcomposer #tmDateField,.taskcomposer[data-event-type="day"] #tmDateField{grid-column:span 3!important}
  .taskcomposer #tmEndDateField{grid-column:span 3!important}
  .taskcomposer #tmPriority{grid-column:span 2!important}
  .taskcomposer #tmCategory{grid-column:span 2!important}
  .taskcomposer #tmRepeat{grid-column:span 2!important}
  .taskcomposer>button{grid-column:1/-1!important;justify-content:center}
  .taskcomposer[data-event-type="day"] #tmPriority{grid-column:span 3!important}
  .taskcomposer[data-event-type="day"] #tmCategory,.taskcomposer[data-event-type="day"] #tmRepeat{grid-column:span 3!important}
}
/* Larger responsive calendar with category labels */
.taskcalendar{min-width:0}
.calday{min-height:92px!important;padding:9px!important}
.calday em{left:7px!important;right:7px;bottom:7px!important;display:flex!important;flex-direction:column;gap:3px!important;min-width:0}
.calday em i{display:block!important;width:100%!important;height:17px!important;padding:2px 5px!important;border:1px solid color-mix(in srgb,var(--cat) 34%,transparent);border-radius:5px!important;background:color-mix(in srgb,var(--cat) 16%,#141419)!important;color:var(--cat);box-shadow:none!important;font-style:normal;line-height:11px;overflow:hidden}
.calday em i span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px/11px var(--mono)}
@media(min-width:1201px){.tasklayout{grid-template-columns:minmax(620px,1.35fr) minmax(330px,.65fr)!important}}
@media(min-width:769px) and (max-width:1200px){.calday{min-height:82px!important}.tasklayout{grid-template-columns:1fr!important}}
@media(max-width:768px){.calday{min-height:68px!important;padding:5px!important}.calgrid{gap:4px!important}.calday em{left:3px!important;right:3px;bottom:4px!important;gap:2px!important}.calday em i{height:14px!important;padding:1px 3px!important;border-radius:4px!important}.calday em i span{font-size:7px;line-height:10px}}
@media(max-width:380px){.calday{min-height:62px!important}.calday em i:nth-child(n+2){display:none!important}}
/* OneSignal phone notification settings */
.pushsettings{border-color:rgba(139,92,246,.2)}
#pushStatus[data-state="ready"]{border-color:rgba(74,222,128,.25);background:var(--gd);color:var(--green)}
#pushStatus[data-state="loading"]{border-color:rgba(251,191,36,.22);background:var(--yd);color:var(--yellow)}
#pushStatus[data-state="error"]{border-color:rgba(248,113,113,.25);background:var(--rd);color:var(--red)}
.onesignalverify{z-index:950}
.onesignalverifybox{max-width:470px;border-color:rgba(167,139,250,.28);box-shadow:0 30px 90px rgba(0,0,0,.72)}
.onesignalverifybox .mbody p{color:var(--w2);font-size:14px;line-height:1.65}
@media(max-width:768px){.onesignalverifybox{margin:auto 0 0;border-radius:20px 20px 0 0}.pushsettings .settings-actions{display:grid}.pushsettings .settings-actions>*{width:100%;justify-content:center}}
/* 2026-07-26: approved calendar time control and lead-filter lightbox */
.leadfilterbackdrop{position:fixed;inset:0;z-index:198;display:block;background:rgba(0,0,0,.74);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.leadfilterbackdrop.open{opacity:1;visibility:visible;pointer-events:auto}.lead-filter-open{overflow:hidden}
.filtermenu.filterpanel{position:fixed!important;z-index:199!important;inset:50% auto auto 50%!important;display:flex!important;flex-direction:column;width:min(680px,calc(100vw - 32px))!important;max-height:min(86dvh,760px)!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:22px!important;background:linear-gradient(155deg,#121219,#0b0b10)!important;box-shadow:0 40px 100px rgba(0,0,0,.78)!important;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-47%) scale(.975);transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1),visibility .2s}
.filtermenu.filterpanel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.filtermenuhead{position:sticky;top:0;z-index:3;flex:0 0 auto;margin:0!important;padding:20px 22px!important;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(14,14,20,.96);backdrop-filter:blur(18px)}
.filtermenuhead b{font-size:17px}.filtermenuhead span{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.filterheadbuttons{display:flex;align-items:center;gap:7px}.filterheadbuttons>button{width:auto!important;min-height:36px!important;padding:8px 11px!important}.filterheadbuttons .filterclose{display:grid!important;place-items:center;width:36px!important;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.055)!important;font-size:14px!important}
.filterpanel>.filterfields,.filterpanel>.filtertitle,.filterpanel>.quickfilters,.filterpanel>.filterdivider,.filterpanel>.prioritychoices{flex:0 0 auto;margin-left:22px;margin-right:22px}.filterpanel>.filterfields{margin-top:20px}.filterpanel>.prioritychoices{margin-bottom:18px}.filterpanel{overscroll-behavior:contain}.filterpanel>.filterfields,.filterpanel>.quickfilters,.filterpanel>.prioritychoices{overflow:visible}.filterpanel.open{overflow-y:auto!important}
.filtermenufooter{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:1fr;gap:10px;margin-top:auto;padding:14px 22px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.07);background:rgba(14,14,20,.97);backdrop-filter:blur(18px)}.filtermenufooter .btn{min-height:44px!important;justify-content:center!important}
.tasktimefield{position:relative}.tasktimefield>span{display:flex!important;align-items:center;gap:5px}.tasktimefield>span svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8}.tasktimefield>span em{font-style:normal;color:var(--w4);letter-spacing:0;text-transform:none}.tasktimefield>small{position:absolute;right:8px;bottom:-15px;color:var(--w4);font:8px var(--mono);white-space:nowrap}.tasktimefield .fi{padding-right:12px!important;border-color:rgba(139,92,246,.3)!important;background:linear-gradient(145deg,rgba(139,92,246,.08),var(--b2))!important}.taskedit-time .flbl span{color:var(--w4);font-weight:400}.calendar-time-hint{display:block;margin-top:6px;color:var(--w4);font-size:10px;line-height:1.4}
@media(min-width:1101px){.taskcomposer{grid-template-columns:repeat(12,minmax(0,1fr))!important}.taskcomposer #tmTitle,.taskcomposer[data-event-type="day"] #tmTitle{grid-column:span 4!important}.taskcomposer .eventtypefield{grid-column:span 3!important}.taskcomposer #tmDateField,.taskcomposer[data-event-type="day"] #tmDateField{grid-column:span 2!important}.taskcomposer .tasktimefield{grid-column:span 3!important}.taskcomposer #tmEndDateField,.taskcomposer #tmPriority,.taskcomposer #tmCategory,.taskcomposer #tmRepeat,.taskcomposer>button{grid-column:span 3!important}}
@media(min-width:769px) and (max-width:1100px){.taskcomposer{grid-template-columns:repeat(6,minmax(0,1fr))!important}.taskcomposer #tmTitle,.taskcomposer[data-event-type="day"] #tmTitle,.taskcomposer .eventtypefield{grid-column:span 3!important}.taskcomposer #tmDateField,.taskcomposer[data-event-type="day"] #tmDateField,.taskcomposer #tmEndDateField,.taskcomposer .tasktimefield,.taskcomposer #tmPriority,.taskcomposer #tmCategory,.taskcomposer #tmRepeat{grid-column:span 2!important}.taskcomposer>button{grid-column:span 4!important}}
@media(max-width:768px){.filtermenu.filterpanel{inset:auto 8px calc(8px + env(safe-area-inset-bottom,0px)) 8px!important;width:auto!important;max-height:min(88dvh,760px)!important;border-radius:24px!important;transform:translateY(calc(100% + 30px)) scale(.99)}.filtermenu.filterpanel.open{transform:translateY(0) scale(1)}.filtermenuhead{padding:17px 16px!important}.filtermenuhead>div:first-child span{max-width:190px}.filterheadbuttons>button:first-child{display:none!important}.filterpanel>.filterfields,.filterpanel>.filtertitle,.filterpanel>.quickfilters,.filterpanel>.filterdivider,.filterpanel>.prioritychoices{margin-left:16px;margin-right:16px}.filterfields{grid-template-columns:1fr!important}.prioritychoices{grid-template-columns:1fr 1fr!important}.filtermenufooter{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.taskcomposer .tasktimefield{width:100%!important;height:auto!important}.tasktimefield>small{position:static;display:block;margin-top:6px;padding-left:2px}.tasktimefield>span{height:auto!important}.taskcomposer .tasktimefield .fi{height:48px!important}.taskedit-time{grid-column:auto!important}}
@media(max-width:420px){.prioritychoices{grid-template-columns:1fr!important}.filtermenufooter{grid-template-columns:1fr}.filtermenufooter .btng{display:none!important}}
/* 2026-07-27: viewport-safe overlays and stable mobile sheets */
.page.active{animation-fill-mode:none}
.filtermenu.filterpanel{position:fixed!important;margin:0!important;isolation:isolate;contain:layout paint}
@media(max-width:768px){
  .mobile-more-backdrop{pointer-events:none;transition:opacity .18s ease,visibility 0s linear .22s!important}
  .mobile-more-backdrop.open{pointer-events:auto;transition-delay:0s!important}
  .mobile-more-sheet,.mobile-client-sheet,.mobile-task-sheet{animation:none!important;transform:translate3d(0,calc(100% + 120px),0)!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity;contain:layout paint;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s ease,visibility 0s linear .24s!important}
  .mobile-more-sheet.open,.mobile-client-sheet.open,.mobile-task-sheet.open{animation:none!important;transform:translate3d(0,0,0)!important;transition-delay:0s!important}
  .mobile-nav button.active .nav-icon-wrap{animation:none!important}
  .filtermenu.filterpanel{transform:translate3d(0,calc(100% + 30px),0)!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity;contain:layout paint}
  .filtermenu.filterpanel.open{transform:translate3d(0,0,0)!important}
}
/* 2026-07-27: cross-page responsive containment and iOS form stability */
.fi,.fsel,.fta,input,select,textarea{min-inline-size:0;max-inline-size:100%}
input[type="date"],input[type="time"]{display:block;inline-size:100%;min-inline-size:0!important;max-inline-size:100%!important}
input[type="date"]::-webkit-date-and-time-value,input[type="time"]::-webkit-date-and-time-value{min-inline-size:0;text-align:left}
.taskcomposer,.workcomposergrid,.taskeditgrid,.frow,.settings-grid,.settings-fields,.filterfields,.dashcols,.cgrid,.sgrid{min-inline-size:0;max-inline-size:100%}
.taskcomposer>*,.workcomposergrid>*,.taskeditgrid>*,.frow>*,.settings-grid>*,.settings-fields>*,.filterfields>*,.dashcols>*,.cgrid>*,.sgrid>*{min-inline-size:0;max-inline-size:100%}
.ccname,.cccat,.ccnote,.alerttitle,.alertmeta,.settings-card-head p{overflow-wrap:anywhere}
@media(max-width:768px){
  html,body,.app,.main,.content,.page{max-inline-size:100%;overflow-x:hidden}
  input,select,textarea,.fi,.fsel,.fta{font-size:16px!important}
  input[type="date"],input[type="time"]{position:relative;-webkit-appearance:none;appearance:none;block-size:48px!important;padding:10px 42px 10px 12px!important;border-radius:10px;text-align:left}
  input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:12px;width:20px;height:20px;margin:0;opacity:.72}
  .taskdatefield,.tasktimefield,.eventtypefield,.fg,.setting-toggle{inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important}
  .taskcomposer,.workcomposergrid{inline-size:100%!important;max-inline-size:100%!important;overflow:visible}
  .taskcomposer>*:not(datalist),.workcomposergrid>*{inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important}
  .taskcomposer .fi,.workcomposergrid .fi,.taskeditgrid .fi,.frow .fi,.frow .fsel{inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important}
  .modal,.lbm{inline-size:calc(100vw - 12px)!important;max-inline-size:calc(100vw - 12px)!important;margin-inline:auto!important}
  .mbody,.lbbody,.setwrap,.settings-card,.dashpanelbody,.ccard{min-inline-size:0;max-inline-size:100%;overflow-x:hidden}
  .settings-inline>*{min-inline-size:0!important;max-inline-size:100%!important}.settings-inline .fi{flex-basis:100%}
  .cctop>div,.workbody,.mtaskbody,.alertitem>div{min-inline-size:0}
  .content{scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))}
  .taskmgr,.workmgr,.setwrap{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:380px){
  .taskcomposer,.workcomposergrid,.settings-card{padding-inline:10px!important}
  .mobile-nav{left:6px!important;right:6px!important}.mobile-nav button{font-size:8.5px!important}
  .mobile-nav button>span:last-of-type{max-width:54px;overflow:hidden;text-overflow:ellipsis}
}
/* 2026-07-27: unified Digital Eight brand mark */
.loginmark{width:54px;height:54px;flex:0 0 54px;padding:0;border:0;background:none;overflow:hidden;box-shadow:0 10px 28px rgba(97,46,190,.28)}
.loginmark img,.loader-logo img,.sblogo img,.mobile-menu-brand img{display:block;width:100%;height:100%;object-fit:cover}
.loader-mark.loader-logo{width:72px;height:72px;padding:0;border:0;border-radius:20px;background:none;overflow:hidden;box-shadow:0 13px 38px rgba(96,45,190,.32)}
.loader-logo img{border-radius:20px}
.sblogo{display:flex;align-items:center;gap:9px;min-width:0}.sblogo img{width:34px;height:34px;flex:0 0 34px;border-radius:10px;box-shadow:0 7px 18px rgba(90,39,179,.25)}.sblogo>span{overflow:hidden;color:var(--w0);font:500 14px var(--mono);text-overflow:ellipsis;white-space:nowrap}
.mobile-menu-brand{display:flex;align-items:center;gap:10px;min-width:0}.mobile-menu-brand>img{width:38px;height:38px;flex:0 0 38px;border-radius:11px;box-shadow:0 7px 18px rgba(90,39,179,.28)}.mobile-menu-brand>div{min-width:0}
@media(max-width:420px){.loginmark{width:48px;height:48px;flex-basis:48px}.loader-mark.loader-logo{width:64px;height:64px}.mobile-menu-brand>img{width:34px;height:34px;flex-basis:34px}}

/* Simplified Leads workspace */
.leads-toolbar{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px var(--page-pad) 0!important;padding:10px!important;border:1px solid var(--line);border-radius:14px;background:var(--b1)}
.lead-quick-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--b2)}
.lead-more{position:relative}
.lead-more>summary{list-style:none;display:inline-flex;cursor:pointer}
.lead-more>summary::-webkit-details-marker{display:none}
.lead-more[open]>summary{border-color:var(--p);background:var(--pdim);color:var(--pll)}
.lead-more-menu{position:absolute;z-index:35;top:calc(100% + 8px);right:0;width:230px;padding:7px;border:1px solid var(--line2);border-radius:12px;background:#17171d;box-shadow:0 22px 60px rgba(0,0,0,.55)}
.lead-more-menu button{display:flex;width:100%;min-height:40px;align-items:center;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--w2);font-size:12px;text-align:left;cursor:pointer}
.lead-more-menu button:hover{background:var(--b4);color:var(--w0)}
.lead-more-menu button.danger{color:var(--red)}
.lead-more-menu label{display:block;padding:8px 9px;border-bottom:1px solid var(--line);color:var(--w3);font-size:10px}
.lead-more-menu label span{display:block;margin-bottom:6px}.lead-more-menu .fi{padding:8px;font-size:11px}
.leadsummary{grid-template-columns:repeat(4,minmax(110px,1fr));margin-top:12px!important}
.leadsummary>div{display:flex;align-items:baseline;gap:8px;padding:10px 13px}
.leadsummary strong{font-size:18px}.leadsummary span{font-size:11px}
.folderkpis{grid-template-columns:repeat(3,1fr)!important}.folderkpi:nth-child(n+4){display:none}
.outreach-simple-head small{display:block;margin-top:4px;color:var(--w4);font-size:10px}
.outreach-segment-picker{display:block;width:100%;padding:13px}
.outreach-segment-picker>span{display:block;margin-bottom:6px;color:var(--w4);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.outreachsegments{display:block;padding:0}.outreachsegments button{display:none}
.outreachactions.simplified{align-items:center}.outreachactions.simplified>.lead-more{order:-1}.outreachactions.simplified>.btnp{min-width:160px}
.outreach-more .lead-more-menu{top:calc(100% + 6px)}
@media(max-width:768px){
  #pgleads>.leads-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;margin:8px 10px 10px!important;padding:9px!important;overflow:visible}
  .lead-quick-tabs{grid-column:1/-1;overflow-x:auto;scrollbar-width:none}.lead-quick-tabs::-webkit-scrollbar{display:none}.lead-quick-tabs .btn{flex:0 0 auto;width:auto}
  .leadfilterpicker{width:auto}.leadfilterpicker>.btn{width:auto}
  .lead-more-menu{position:fixed;z-index:190;left:10px;right:10px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto;border-radius:18px;padding:10px}
  .lead-more-menu button{min-height:48px;font-size:13px}
  .leadsummary{grid-template-columns:1fr 1fr!important}.leadsummary>div{display:block}
  .folderkpis{grid-template-columns:1fr 1fr!important}.folderkpi:nth-child(3){grid-column:1/-1}
  .outreach-simple-head{align-items:flex-start}.outreach-simple-head>div:first-child{min-width:0}.outreach-simple-head small{white-space:nowrap}
  .outreachheadactions{margin-left:auto}.outreachheadactions #outreachSendAllBtn{position:fixed;z-index:25;left:12px;right:12px;bottom:12px;justify-content:center;min-height:48px}
  .outreachmodal{padding-bottom:72px}.outreachactions.simplified{display:flex;flex-direction:row}.outreachactions.simplified>.btnp{flex:1}
}
@media(max-width:430px){
  #pgleads>.leads-toolbar{grid-template-columns:1fr auto}.leadfilterpicker{order:3}.leads-toolbar>#leadOutreachBtn{order:4}.leads-toolbar>.btnp{grid-column:1/-1;order:2;justify-content:center;min-height:44px}.leads-toolbar>.lead-more{order:5}
  .outreach-simple-head small{display:none}
}
/* Leads workspace clarity pass */
.leads-toolbar{display:grid!important;grid-template-columns:minmax(230px,1fr) auto auto auto auto;grid-template-areas:"copy add history campaign more" "quick quick category filters filters";gap:10px 8px!important;padding:14px!important;overflow:visible!important;background:linear-gradient(145deg,rgba(139,92,246,.055),rgba(255,255,255,.018)),var(--b1)!important;border-color:rgba(167,139,250,.14)!important;box-shadow:0 14px 34px rgba(0,0,0,.15)}
.lead-quick-tabs{grid-area:quick;justify-self:start}.lead-category-picker{grid-area:category;display:flex;align-items:center;gap:7px;color:var(--w4);font-size:10px}.lead-category-picker .fi{width:180px;padding:8px 10px}.leadfilterpicker{grid-area:filters;justify-self:end}.campaign-history-cta{grid-area:history;min-height:42px}.campaign-cta{grid-area:campaign;min-height:42px;padding-inline:18px;box-shadow:0 9px 25px rgba(124,58,237,.28)}.add-leads-cta{grid-area:add;min-height:42px}.leads-toolbar>.lead-more{grid-area:more;align-self:center}
.leadfolderview.compact{margin-bottom:0!important;padding:16px 18px!important;border-color:rgba(167,139,250,.14)!important;background:radial-gradient(circle at 90% 0,rgba(139,92,246,.11),transparent 35%),var(--b1)!important}
.leadsummary{margin-top:8px!important;margin-bottom:0!important}
#pgleads>.twrap{overflow-x:hidden!important}
#pgleads table{width:100%!important;min-width:0!important;table-layout:fixed}
#pgleads th,#pgleads td{padding:10px 8px;overflow:hidden;vertical-align:middle}
#pgleads th:nth-child(1){width:24%}#pgleads th:nth-child(2),#pgleads td:nth-child(2){display:none}
#pgleads th:nth-child(3){width:9%}#pgleads th:nth-child(4){width:13%}#pgleads th:nth-child(5){width:12%}#pgleads th:nth-child(6){width:13%}#pgleads th:nth-child(7){width:20%}#pgleads th:nth-child(8){width:9%}#pgleads th:nth-child(9){width:100px}
#pgleads .tdn,#pgleads .tds,#pgleads td{overflow-wrap:anywhere}#pgleads .tds{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pgleads .leadweblink{display:none}#pgleads .stars{gap:1px}#pgleads .star{font-size:13px}#pgleads td:last-child{white-space:nowrap}#pgleads td:last-child .btn{padding:6px 8px}
@media(max-width:1280px) and (min-width:769px){
  #pgleads th:nth-child(6),#pgleads td:nth-child(6){display:none}
  #pgleads th:nth-child(1){width:28%}#pgleads th:nth-child(3){width:10%}#pgleads th:nth-child(4){width:14%}#pgleads th:nth-child(5){width:13%}#pgleads th:nth-child(7){width:23%}#pgleads th:nth-child(8){width:12%}
}
@media(max-width:900px) and (min-width:769px){
  .leads-toolbar{grid-template-columns:1fr auto auto auto;grid-template-areas:"copy history campaign more" "quick quick category filters" "add add add add"}.add-leads-cta{justify-content:center}
  #pgleads th:nth-child(4),#pgleads td:nth-child(4),#pgleads th:nth-child(8),#pgleads td:nth-child(8){display:none}
  #pgleads th:nth-child(1){width:34%}#pgleads th:nth-child(3){width:12%}#pgleads th:nth-child(5){width:17%}#pgleads th:nth-child(7){width:27%}
}
@media(max-width:768px){
  #pgleads>.leads-toolbar{grid-template-columns:1fr auto!important;grid-template-areas:"copy more" "campaign campaign" "history add" "quick quick" "category filters"!important;padding:12px!important}
  .campaign-cta{width:100%;justify-content:center;min-height:48px;font-size:14px}.add-leads-cta{width:auto!important;grid-column:auto!important;order:initial!important}.lead-category-picker{width:100%}.lead-category-picker .fi{width:100%}.leadfilterpicker{justify-self:end}.lead-quick-tabs{width:100%;justify-self:stretch}
}
/* Combined lead filter states */
.lead-quick-tabs [data-quick].active{border-color:rgba(167,139,250,.4);background:var(--pdim);color:var(--pll)}
/* Google Business profile action */
.scraper-profile-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--b2)}
.google-business-btn{display:flex;align-items:center;gap:11px;padding:12px;color:var(--w1);transition:background .15s,border-color .15s}
.google-business-btn:hover{background:rgba(139,92,246,.1)}
.google-business-btn>span{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid rgba(96,165,250,.25);border-radius:10px;background:rgba(96,165,250,.1);color:var(--blue);font:700 15px var(--sans)}
.google-business-btn strong,.google-business-btn small{display:block}.google-business-btn strong{font-size:12px}.google-business-btn small{margin-top:2px;color:var(--w4);font-size:9px}
.scraper-extra-list{padding:4px 11px 9px;border-top:1px solid var(--line)}
.scraper-extra-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:10px}.scraper-extra-list>div:last-child{border-bottom:0}.scraper-extra-list span{color:var(--w4)}.scraper-extra-list b{max-width:60%;color:var(--w2);font-weight:500;text-align:right;overflow-wrap:anywhere}.scraper-extra-list a{color:var(--blue)}

/* 2026-09-17 usability polish */
.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;padding:10px 14px;border-radius:9px;background:#fff;color:#09090d;font-weight:700;transition:top .18s}.skip-link:focus{top:12px}
button.syncstate{font:9px var(--mono);cursor:pointer;background:rgba(255,255,255,.025);transition:border-color .18s,background .18s,color .18s}button.syncstate:hover:not(:disabled){border-color:currentColor;background:rgba(255,255,255,.055)}button.syncstate:disabled{cursor:progress;opacity:1}.syncstate[data-state=error]{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08)}
.btn:disabled,button:disabled{cursor:not-allowed;opacity:.48}.btnp{box-shadow:0 8px 24px rgba(124,58,237,.18)}.btnp:hover{box-shadow:0 10px 28px rgba(124,58,237,.28)}
.leadfoldercard .folderopen{font-weight:600}.leadfoldercard:hover .folderopen{color:var(--folder-accent,var(--pll))}
@media(max-width:768px){.skip-link{display:none}.syncstate{min-width:34px}}
/* Reports, profitability and follow-up */
.reports-shell{max-width:1500px;margin:0 auto;padding:24px var(--page-pad) 70px}.reports-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.reports-hero>div>span{font:10px var(--mono);letter-spacing:.13em;color:var(--pll)}.reports-hero h2{margin-top:6px;color:var(--w0);font-size:clamp(25px,3vw,34px)}.reports-hero p{margin-top:7px;color:var(--w3);font-size:13px}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:12px}.report-kpi{position:relative;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--b1)}.report-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--line2)}.report-kpi.accent:before{background:var(--p)}.report-kpi.positive:before{background:var(--green)}.report-kpi.negative:before{background:var(--red)}.report-kpi span,.report-kpi strong,.report-kpi small{display:block}.report-kpi span{color:var(--w3);font-size:10px}.report-kpi strong{margin-top:10px;color:var(--w0);font:600 25px var(--mono)}.report-kpi small{margin-top:7px;color:var(--w4);font-size:10px}.reports-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:12px;margin-bottom:12px}.report-panel{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--b1)}.report-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid var(--line)}.report-panel>header h3{color:var(--w0);font-size:14px}.report-panel>header p{margin-top:4px;color:var(--w3);font-size:10px}.report-chip,.report-count{display:grid;place-items:center;min-height:27px;padding:0 9px;border:1px solid var(--pglow);border-radius:999px;background:var(--pdim);color:var(--pll);font:9px var(--mono);white-space:nowrap}.forecast-bars{display:grid;gap:15px;padding:20px}.forecast-bars>div{display:grid;grid-template-columns:90px 100px 1fr;align-items:center;gap:12px}.forecast-bars span{color:var(--w3);font-size:10px}.forecast-bars b{color:var(--w0);font:13px var(--mono);text-align:right}.forecast-bars i{height:7px;overflow:hidden;border-radius:99px;background:var(--b4)}.forecast-bars em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--p),var(--blue))}.followup-list{max-height:310px;overflow:auto;padding:9px}.followup-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid transparent;border-radius:10px}.followup-row:hover{background:var(--b2)}.followup-row.urgent{border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.05)}.followup-main{min-width:0;flex:1;border:0;background:none;text-align:left;cursor:pointer}.followup-main strong,.followup-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.followup-main strong{color:var(--w1);font-size:12px}.followup-main span{margin-top:4px;color:var(--w4);font-size:9px}.followup-row>div{display:flex;gap:6px}.report-empty{padding:32px 18px;color:var(--w3);font-size:11px;text-align:center}.report-empty.good{color:var(--green)}.profitability-head,.profit-row{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(85px,.65fr));gap:12px;align-items:center}.profitability-head{padding:10px 18px;color:var(--w4);font:9px var(--mono);letter-spacing:.06em}.profitability-rows{padding:0 9px 10px}.profit-row{position:relative;width:100%;min-height:62px;padding:10px 9px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--w2);text-align:left;cursor:pointer}.profit-row:hover{background:var(--b2)}.profit-row small,.profit-row b{display:block}.profit-row small{color:var(--w4);font-size:9px}.profit-row b{margin-top:4px;color:var(--w1);font:11px var(--mono)}.profit-client strong{display:block;overflow:hidden;color:var(--w0);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.profit-client small{margin-top:5px}.profit-row .positive b{color:var(--green)}.profit-row .negative b{color:var(--red)}.profit-row>i{position:absolute;left:9px;right:9px;bottom:3px;height:2px;overflow:hidden;border-radius:9px;background:transparent}.profit-row>i em{display:block;height:100%;background:var(--green)}.profit-row>i em.negative{background:var(--red)}
@media(max-width:1050px){.report-kpis{grid-template-columns:1fr 1fr}.reports-grid{grid-template-columns:1fr}.followup-list{max-height:none}}
@media(max-width:700px){.reports-shell{padding:16px 10px 100px}.reports-hero{align-items:stretch;flex-direction:column}.reports-hero .btn{width:100%}.report-kpis{grid-template-columns:1fr 1fr}.report-kpi{padding:14px}.report-kpi strong{font-size:20px}.profitability-head{display:none}.profit-row{grid-template-columns:1fr 1fr;gap:10px}.profit-client{grid-column:1/-1}.forecast-bars>div{grid-template-columns:75px 85px 1fr}.followup-row{align-items:flex-start;flex-direction:column}.followup-row>div{width:100%}.followup-row>div .btn{flex:1}.profitability-panel>header{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.report-kpis{grid-template-columns:1fr}.forecast-bars>div{grid-template-columns:70px 1fr}.forecast-bars i{grid-column:1/-1}.report-panel>header{padding:15px}.forecast-bars{padding:16px}}
/* 2026-09-17 spacious application layout */
@media(min-width:769px){
  :root{--page-pad:clamp(24px,2vw,36px);--section-gap:22px}
  .content{padding-bottom:32px}
  .dashwrap,.taskmgr,.workmgr,.reports-shell,.settings-shell{width:min(100%,1600px);margin-inline:auto}
  .dashwrap,.taskmgr,.workmgr,.reports-shell{padding:30px var(--page-pad) 64px}
  .settings-shell{max-width:1480px!important;padding:30px var(--page-pad) 64px!important}
  .dashwrap,.taskmgr,.workmgr{gap:22px}
  .dashhero,.taskhero,.workhero,.reports-hero{margin-bottom:2px}
  .dashwrap .dgrid,.sgrid,.report-kpis{gap:18px}
  .dashcols,.tasklayout,.reports-grid,.settings-grid{gap:20px}
  .dashpanelhead,.report-panel>header,.workcomposerhead,.workboardhead{padding:19px 22px}
  .dashpanelbody,.forecast-bars{padding:21px 22px}
  .dc,.sc,.report-kpi{padding:22px}
  .ccard{padding:21px}
  .taskcomposer,.workcomposergrid{padding:18px 20px;gap:12px}
  .managerlist,.worktasklist{padding:16px;gap:10px}
  .worktask,.mtask{padding:14px}
  .settings-card{padding:23px}
  .settings-card-head{margin-bottom:21px}
  .leadfolderview,#pgleads>.leadsummary,#pgleads>.ptbar,#pgleads>.activeleadfilters,#pgleads>.twrap,#pgsmm>.sgrid,#pgsmm>.ptbar,#pgsmm>.twrap,#pgweb>.sgrid,#pgweb>.ptbar,#pgweb>.twrap{width:min(calc(100% - (var(--page-pad) * 2)),1560px);margin-left:auto!important;margin-right:auto!important}
  .leadfolderview{padding:30px 0 8px}
  .leadfolderview.compact{margin-top:24px!important;padding:18px 21px!important}
  .folderhomehead{margin-bottom:24px}
  .folderkpis{margin-bottom:22px}
  .leadfoldergrid{gap:18px}
  .leadfoldercard{min-height:146px;padding:23px}
  #pgleads>.leadsummary{margin-top:18px!important}
  #pgleads>.ptbar{margin-top:18px!important;margin-bottom:14px!important;padding:14px 16px!important}
  #pgleads>.activeleadfilters:not(:empty){margin-top:0!important;margin-bottom:14px!important}
  #pgleads>.twrap{margin-bottom:32px!important}
  #pgsmm>.sgrid,#pgweb>.sgrid{padding:30px 0 18px}
  #pgsmm>.ptbar,#pgweb>.ptbar{margin-bottom:20px!important;padding:14px 16px}
  #pgsmm>.twrap>.cgrid,#pgweb>.twrap>.cgrid{width:100%;margin:0;padding:0 0 36px;gap:18px}
  .report-kpis{margin-bottom:20px}.reports-grid{margin-bottom:20px}
  .profitability-head{padding:13px 22px}.profitability-rows{padding:0 13px 14px}.profit-row{min-height:68px;padding:13px 9px}
}
@media(min-width:769px) and (max-width:1199px){
  :root{--page-pad:22px;--section-gap:18px}
  .dashwrap,.taskmgr,.workmgr,.reports-shell{padding-top:22px}
  .leadfolderview{padding-top:22px}
  .leadfoldergrid{gap:14px}
  .leadfoldercard{min-height:132px;padding:19px}
  .settings-card{padding:20px}
}
@media(max-width:768px){
  .dashwrap,.taskmgr,.workmgr,.reports-shell,.settings-shell{width:100%;margin-inline:0}
  .page>.sgrid:first-child{padding-top:16px}
  .dashwrap,.taskmgr,.workmgr{gap:14px}
  .report-kpis,.reports-grid{gap:10px}
}

.payment-confirm{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--b3)}.payment-confirm label{display:flex;align-items:center;gap:9px;color:var(--w2);font-size:12px;cursor:pointer}.payment-confirm input{accent-color:var(--p)}.fieldhint{display:block;margin-top:6px;color:var(--w4);font-size:10px;line-height:1.45}

/* Clear Leads folder navigation and reply inbox */
.lead-replies-cta{grid-area:replies;min-height:42px;border:1px solid rgba(74,222,128,.22);background:rgba(74,222,128,.07);color:var(--green)}
.lead-replies-cta.has-replies{border-color:rgba(74,222,128,.48);background:rgba(74,222,128,.15);box-shadow:0 0 0 3px rgba(74,222,128,.05)}
.lead-replies-cta:disabled{opacity:.48;cursor:not-allowed}
@media(min-width:1101px){.leads-toolbar{grid-template-columns:minmax(230px,1fr) auto auto auto auto;grid-template-areas:"copy replies campaign add more" "quick quick category filters history"}}
@media(min-width:701px) and (max-width:1100px){.leads-toolbar{grid-template-columns:minmax(200px,1fr) auto auto auto!important;grid-template-areas:"copy replies campaign more" "quick quick category filters" "history add add add"!important}}
@media(max-width:700px){#pgleads>.leads-toolbar{grid-template-areas:"copy more" "replies replies" "campaign campaign" "history add" "quick quick" "category filters"!important}.lead-replies-cta{width:100%;min-height:46px;justify-content:center}.campaign-history-cta{width:100%}}.reply-received-card{padding:13px 15px;border:1px solid rgba(74,222,128,.28);border-radius:11px;background:rgba(74,222,128,.08)}.reply-received-card span,.reply-received-card strong,.reply-received-card small{display:block}.reply-received-card span{color:var(--green);font:9px var(--mono);letter-spacing:.1em}.reply-received-card strong{margin-top:6px;color:var(--w0);font-size:13px}.reply-received-card small{margin-top:5px;color:var(--w3);font-size:10px}
/* Unified communication history inside the lead profile */
.lbcommunication{margin-bottom:20px;padding:16px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--b2)}
.lbcommunication.sent{border-color:rgba(59,130,246,.24)}.lbcommunication.replied{border-color:rgba(74,222,128,.35);background:linear-gradient(145deg,rgba(74,222,128,.07),transparent),var(--b2)}
.lbcommhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lbcommhead span{color:var(--w4);font:9px var(--mono);letter-spacing:.1em}.lbcommhead h3{margin-top:5px;color:var(--w0);font-size:15px}.lbcommhead i{padding:5px 8px;border-radius:999px;background:var(--b4);color:var(--w2);font:9px var(--mono);font-style:normal}.lbcommunication.replied .lbcommhead i{background:rgba(74,222,128,.12);color:var(--green)}
.lbcommsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:16px 0}.lbcommsteps div{display:flex;align-items:center;gap:7px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:9px;color:var(--w4);font-size:9px}.lbcommsteps b{display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:var(--b4);font:9px var(--mono)}.lbcommsteps .done{color:var(--w1);border-color:rgba(59,130,246,.2)}.lbcommsteps .done b{background:rgba(59,130,246,.15);color:var(--blue)}.lbcommsteps .reply{border-color:rgba(74,222,128,.25)}.lbcommsteps .reply b{background:rgba(74,222,128,.15);color:var(--green)}
.lbcommdetails{display:grid;gap:8px}.lbcommdetails>div,.lbcommdetails details{padding:10px 11px;border-radius:9px;background:var(--b1)}.lbcommdetails span,.lbcommdetails strong,.lbcommdetails small{display:block}.lbcommdetails span{color:var(--w4);font-size:9px}.lbcommdetails strong{margin-top:4px;color:var(--w1);font-size:11px;overflow-wrap:anywhere}.lbcommdetails small{margin-top:5px;color:var(--w3);font-size:9px}.lbcommdetails summary{color:var(--pll);font-size:10px;cursor:pointer}.lbcommdetails details p{margin-top:10px;color:var(--w2);font-size:11px;line-height:1.55}.lbcommreply{border:1px solid rgba(74,222,128,.2)}.lbcommerror{border:1px solid rgba(248,113,113,.2)}.lbcommerror strong{color:var(--red)}.lbcommactions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
@media(max-width:520px){.lbcommsteps{grid-template-columns:1fr}.lbcommactions .btn{flex:1;justify-content:center}}
/* Spacious lead profile with readable reply messages */
.lbm{width:min(1420px,calc(100vw - 40px));max-width:1420px}
.lbcommunication-pane{flex:0 1 auto;max-height:52dvh;overflow:auto;padding:18px 24px 0;border-top:1px solid var(--line)}
.lbcommunication-pane .lbcommunication{margin:0;padding:20px}
.lbcommunication-pane .lbcommdetails{grid-template-columns:repeat(2,minmax(0,1fr))}
.lbcommunication-pane .lbcommdetails details{grid-column:1/-1}
.lbreplylist{display:grid;gap:10px;margin:18px 0}.lbreplytitle{display:flex;align-items:center;justify-content:space-between;color:var(--green);font:9px var(--mono);letter-spacing:.1em}.lbreplytitle b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:rgba(74,222,128,.13);font-size:10px}.lbreplymessage{overflow:hidden;border:1px solid rgba(74,222,128,.22);border-radius:12px;background:var(--b1)}.lbreplymessage header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:13px 15px;border-bottom:1px solid var(--line)}.lbreplymessage header strong,.lbreplymessage header small{display:block}.lbreplymessage header strong{color:var(--w0);font-size:13px}.lbreplymessage header small{margin-top:5px;color:var(--w4);font-size:9px}.lbreplymessage header i{padding:4px 7px;border-radius:999px;background:rgba(74,222,128,.12);color:var(--green);font:9px var(--mono);font-style:normal}.lbreplybody{max-height:260px;overflow:auto;padding:16px;color:var(--w1);font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.lbreplybody em{color:var(--w4);font-style:normal}.lbbody{grid-template-columns:minmax(340px,.85fr) minmax(420px,1.15fr)}
@media(max-width:900px){.lbm{width:min(100%,820px)}.lbcommunication-pane{padding:14px 16px 0}.lbcommunication-pane .lbcommdetails{grid-template-columns:1fr}.lbbody{grid-template-columns:1fr}.lbcol{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:700px){.lbm{width:100%}.lbcommunication-pane{padding:12px 10px 0}.lbcommunication-pane .lbcommunication{padding:14px}.lbreplybody{max-height:none}.lbcommhead{align-items:flex-start}.lbcommhead h3{font-size:14px}}
/* Simplified lead profile: one scroll container */
#lbOv{overflow:hidden}
.lbm{overflow-y:auto;overscroll-behavior:contain}
.lbhdr{position:sticky;top:0;z-index:8;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--b1) 94%,transparent);backdrop-filter:blur(14px)}
.lbcommunication-pane{flex:none;max-height:none;overflow:visible;padding:22px 26px 0;border-top:0}
.lbcommunication-pane .lbcommunication{padding:22px}
.lbcommsteps{display:none}
.lbcommdetails{margin-top:14px}
.lbbody{display:grid;flex:none;grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);overflow:visible}
.lbcol{overflow:visible;border-bottom:0}
.lbm>.mfoot{position:sticky;bottom:0;z-index:8;border-top:1px solid var(--line);background:color-mix(in srgb,var(--b1) 96%,transparent);backdrop-filter:blur(14px)}
@media(max-width:900px){.lbbody{grid-template-columns:1fr}.lbcol{border-bottom:1px solid var(--line)}}
@media(max-width:700px){#lbOv{overflow:hidden}.lbm{overflow-y:auto}.lbhdr{position:sticky}.lbcommunication-pane{max-height:none;overflow:visible;padding:14px 12px 0}.lbbody{display:block;overflow:visible}.lbm>.mfoot{position:sticky}}.reply-received-card p{max-height:190px;margin-top:12px;padding:12px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--b1);color:var(--w1);font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.reply-received-card .reply-missing-body{color:var(--w4)}.reply-received-card .btn{margin-top:11px}