*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:'DM Sans',sans-serif;background:radial-gradient(circle at top left, rgba(201,243,29,.06), transparent 28%),linear-gradient(180deg,#111723 0%,#0e141d 100%);color:#F4F7FB}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
:root{--bg:#10151D;--sidebar:#131A24;--card:#19212D;--card2:#202A38;--border:#2A3647;--hover:#232F3E;--accent:#C9F31D;--accent-dim:rgba(201,243,29,.14);--muted:#9FA9B7;--muted2:#738194;--green:#3DD68C;--red:#FF6B6B;--orange:#FFB155;--blue:#6AA8FF;--purple:#A386FF;--radius:12px}
.app{display:flex;height:100vh}.sidebar{width:240px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{padding:20px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}.brandMark{width:34px;height:34px;border-radius:8px;background:var(--accent);color:#0A0B0D;font-weight:800;display:flex;align-items:center;justify-content:center}.brandTitle{font-size:15px;font-weight:700}.brandSub{font-size:11px;color:var(--muted)}.sideSection{padding:12px 14px 6px;color:var(--muted2);font-size:10px;letter-spacing:1px;text-transform:uppercase}.sideItem{padding:10px 14px;margin:3px 8px;border-radius:10px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:space-between}.sideItem:hover{background:var(--hover);color:#fff}.sideItem.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:58px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 22px}.topTitle{font-weight:700}.topSub{margin-left:8px;color:var(--muted);font-size:13px}.topActions{margin-left:auto;display:flex;gap:10px;align-items:center}.content{padding:24px;overflow:auto;display:flex;flex-direction:column;gap:18px}.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}.statLabel{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.statValue{font-size:28px;font-weight:700;margin-top:6px}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.btn{border:none;border-radius:10px;padding:9px 14px;cursor:pointer}.btnPrimary{background:var(--accent);color:#0A0B0D;font-weight:700}.btnGhost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btnDanger{background:rgba(255,82,82,.1);color:var(--red);border:1px solid rgba(255,82,82,.2)}.row{display:flex;gap:12px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:8px 12px;border-radius:10px;background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer}.tab.active{background:var(--accent-dim);color:var(--accent);border-color:rgba(201,243,29,.25)}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#111316;color:#F0F2F5}.textarea{min-height:88px;resize:vertical}.tableWrap{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}.table th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.table tr:hover td{background:var(--hover)}.badge{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.bGreen{background:rgba(61,214,140,.12);color:var(--green)}.bRed{background:rgba(255,82,82,.12);color:var(--red)}.bOrange{background:rgba(255,159,67,.12);color:var(--orange)}.bBlue{background:rgba(78,158,245,.12);color:var(--blue)}.bPurple{background:rgba(155,107,255,.12);color:var(--purple)}.bAccent{background:var(--accent-dim);color:var(--accent)}.bMuted{background:var(--card2);color:var(--muted)}.searchRow{display:flex;gap:10px;flex-wrap:wrap}.gridForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:14px;overflow:auto}.kanbanCol{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:10px;min-width:250px}.kanbanHead{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 10px 4px;color:var(--muted);font-size:12px;text-transform:uppercase}.kCard{background:var(--card2);border:1px solid var(--border);padding:12px;border-radius:12px;margin-bottom:8px;cursor:pointer}.kCard:hover{border-color:#3a404c}.modalBg{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:18px;z-index:30}.modal{width:min(860px,100%);max-height:90vh;overflow:auto;background:var(--card);border:1px solid #333a46;border-radius:20px;padding:22px}.loginWrap{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left, rgba(201,243,29,.08), transparent 30%), var(--bg)}.loginCard{width:min(420px,100%);background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px}.sectionTitle{font-size:20px;font-weight:700}.avatar{width:32px;height:32px;border-radius:999px;background:rgba(201,243,29,.18);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700}.empty{padding:40px;text-align:center;color:var(--muted)}.note{font-size:12px;color:var(--muted)}
/* Charts & misc additions (v32) */
.chart{display:flex;align-items:flex-end;gap:6px;height:140px;padding:6px 4px;border-bottom:1px solid var(--border)}
.chartCol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:100%}
.chartBar{width:100%;min-height:2px;border-radius:6px 6px 0 0;background:var(--accent);transition:height .3s}
.chartLbl{font-size:10px;color:var(--muted);margin-top:6px;white-space:nowrap}
.hbar{height:6px;background:var(--card2);border-radius:999px;overflow:hidden;margin-top:4px}
.hbarFill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s}
.chipCheck{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--card2);border:1px solid var(--border);cursor:pointer;font-size:13px}
.chipCheck input{accent-color:var(--accent)}
.assignRow{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card2);border:1px solid var(--border);border-radius:10px}
@media(max-width:1100px){.cards4,.cards3,.cards2,.gridForm,.kanban{grid-template-columns:1fr 1fr}.sidebar{width:220px}}
@media(max-width:760px){.sidebar{display:none}.cards4,.cards3,.cards2,.gridForm,.kanban{grid-template-columns:1fr}.content{padding:16px}}
/* v33 sidebar + sales filter polish */
.sideSection{padding:18px 16px 8px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#566176;font-weight:800}
.sideItem{display:flex;align-items:center;gap:12px;margin:3px 10px;padding:10px 12px;border-radius:11px;color:#A9C7E7;cursor:pointer;transition:.16s ease;border:1px solid transparent;font-weight:600}
.sideItem:hover{background:#151A20;color:#fff;border-color:#222A34}.sideItem.active{background:rgba(201,243,29,.13);color:var(--accent);border-color:rgba(201,243,29,.08)}
.sideIcon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.95;font-size:16px;font-weight:800}.sideLabel{white-space:nowrap}
.filterPanel{display:grid;grid-template-columns:2fr 180px 190px 150px 150px auto;gap:8px;margin:14px 0;padding:12px;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:14px}.filterPanel .input,.filterPanel .select{width:100%}
input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.35}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
@media(max-width:1100px){.filterPanel{grid-template-columns:1fr 1fr}}@media(max-width:760px){.filterPanel{grid-template-columns:1fr}}
/* v34 sidebar + chart polish */
.brandTitle{font-size:15px;font-weight:800;line-height:1.1}.brandSub{font-size:11px;color:var(--muted)}
.sideItem{justify-content:flex-start!important;gap:12px!important;display:flex!important;align-items:center!important}
.sideIcon{flex:0 0 20px!important;width:20px!important;text-align:center!important}
.sideLabel{flex:0 1 auto!important;margin-left:0!important;text-align:left!important}
.gpFilterGrid{display:grid;grid-template-columns:150px 150px 240px 220px auto;gap:10px;align-items:end}
.deptStats{display:flex;flex-direction:column;gap:12px}.deptStatRow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.chartBar{min-height:2px}.chartCol{position:relative}.chartCol:hover .chartBar{filter:brightness(1.2)}
@media(max-width:1100px){.gpFilterGrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.gpFilterGrid{grid-template-columns:1fr}.deptStatRow{align-items:flex-start;flex-direction:column}.deptStatRow .hbar{width:100%}}
/* v35 sales workspace */
.salesToolbar{gap:14px;flex-wrap:wrap;margin-bottom:12px}
.salesToolbarLeft{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.quickFilters{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 16px}
.quickFilter{border:1px solid var(--border);background:#111827;color:var(--text);padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:600}
.quickFilter.active{background:rgba(201,243,29,.14);border-color:rgba(201,243,29,.4);color:var(--accent)}
.salesCards{display:flex;flex-direction:column;gap:12px}
.salesCard{background:linear-gradient(180deg,rgba(17,24,39,.88),rgba(12,18,29,.92));border:1px solid var(--border);border-radius:18px;padding:18px;cursor:pointer;transition:.18s ease}
.salesCard:hover{border-color:rgba(201,243,29,.45);transform:translateY(-1px)}
.salesCardTitle{font-size:24px;font-weight:800;color:#fff;line-height:1.1}
.salesCardMeta{margin-top:10px;color:var(--muted);font-size:14px}
.salesCardNote{margin-top:10px;color:#cfd8e3;font-size:14px}
.emptyCard{padding:28px;border:1px dashed var(--border);border-radius:18px;color:var(--muted);text-align:center}
.modalWide{max-width:980px}
.salesDetailMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stagePills{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:16px}
.stagePill{padding:10px 16px;border-radius:12px;background:#1c2434;color:var(--muted);font-weight:700}
.stagePill.active{background:rgba(201,243,29,.14);border:1px solid rgba(201,243,29,.4);color:var(--accent)}
.stageArrow{color:var(--muted);font-weight:700}
.historyList{display:flex;flex-direction:column;gap:10px}
.historyItem{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#0f1622}
.sideItem{display:flex;align-items:center;gap:10px}
@media (max-width: 800px){
.salesDetailMeta{grid-template-columns:1fr}
.salesCardTitle{font-size:20px}
}
.contactBulkCheck,#selectAllContacts{accent-color:var(--accent);width:16px;height:16px}
.clickableRow{cursor:pointer}.clickableRow:hover td{background:rgba(201,243,29,.06)}
.linkAccent{color:var(--accent);font-weight:700;text-decoration:none}
.linkAccent:hover{text-decoration:underline}
.taskRelated{margin-top:6px;color:#a8c1e8;font-size:12px;line-height:1.4}
/* v42 department task workflow */
.deptTaskGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.deptTaskCard{background:linear-gradient(180deg,rgba(17,24,39,.9),rgba(12,18,29,.94));border:1px solid var(--border);border-radius:18px;padding:16px;cursor:pointer;transition:.18s ease}
.deptTaskCard:hover{border-color:rgba(201,243,29,.45);transform:translateY(-1px)}
.deptTaskCard .salesCardTitle{font-size:18px;line-height:1.25}
.historyItem,.deptLogItem{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#0f1622}
.timerRunning{background:rgba(201,243,29,.14)!important;border-color:rgba(201,243,29,.35)!important;color:var(--accent)!important}
/* v43 notifications + stability */
.sideNotifBadge{margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:var(--accent);color:#081014;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.notifTopBtn{gap:8px;box-shadow:0 0 0 1px rgba(201,243,29,.22),0 10px 30px rgba(201,243,29,.08)}
.notifTopBtn span{background:#0b0f14;color:var(--accent);border-radius:999px;padding:2px 7px;font-weight:900}
.notifHero{margin:16px 0;padding:18px 20px;border:1px solid rgba(201,243,29,.35);border-radius:18px;background:linear-gradient(135deg,rgba(201,243,29,.16),rgba(201,243,29,.045));display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;transition:.18s ease}
.notifHero:hover{transform:translateY(-1px);border-color:rgba(201,243,29,.55)}
.notifHeroTitle{font-size:18px;font-weight:900;color:#fff}
.notifHeroSub{margin-top:4px;color:var(--muted);font-size:14px}
#toastRoot{position:fixed;right:22px;top:22px;z-index:99999;display:flex;flex-direction:column;gap:10px}
.toastNotice{background:#111827;border:1px solid rgba(201,243,29,.4);color:#fff;border-radius:14px;padding:13px 16px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-weight:700;min-width:260px}
.loadingCard{min-height:180px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);border:1px solid var(--border);border-radius:18px;background:rgba(12,18,29,.55)}
.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.16);border-top-color:var(--accent);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.tab{user-select:none}.sideItem{user-select:none}.btn{user-select:none}
/* v44 notification/stats polish */
.quickFilters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.quickFilter{border:1px solid var(--border);background:#111827;color:var(--text);padding:9px 13px;border-radius:999px;cursor:pointer;font-weight:700}
.quickFilter.active{background:rgba(201,243,29,.14);border-color:rgba(201,243,29,.45);color:var(--accent)}
.progressTrack{height:7px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;margin-top:8px}
.progressFill{height:100%;background:var(--accent);border-radius:999px}
/* v45 department projects/stat filters */
.deptFilterPanel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:14px}
.projectTaskBlock{background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(10,15,24,.96));border:1px solid var(--border);border-radius:18px;padding:16px;margin-bottom:16px}
.projectTaskTitle{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em}
.projectTaskBlock .deptTaskGrid{margin-top:4px}
/* v46 brand + dashboard polish */
.sidebar{box-shadow:inset -1px 0 0 rgba(255,255,255,.03)}
.brand{padding:18px 18px 16px;min-height:84px}
.brandWithLogo{flex-direction:column;align-items:flex-start;gap:8px}
.brandLogo{width:156px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 8px 24px rgba(255,255,255,.04))}
.topbar{background:rgba(255,255,255,.02);backdrop-filter:blur(8px)}
.card,.tableWrap,.deptFilterPanel,.projectTaskBlock,.loadingCard,.modal,.loginCard{box-shadow:0 12px 32px rgba(0,0,0,.18)}
.input,.select,.textarea{background:#111a25;border-color:#334156}
.btnGhost{background:rgba(255,255,255,.02);color:#dce4ef;border:1px solid #334156}
.table th,.table td{border-bottom:1px solid rgba(255,255,255,.05)}
.deptOverviewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.deptOverviewCard{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.04));border:1px solid var(--border);border-radius:16px;padding:16px}
.deptOverviewTitle{font-size:17px;font-weight:800;color:#fff}
.deptOverviewStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.deptOverviewStats div{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:10px 12px}
.deptOverviewStats span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.deptOverviewStats strong{display:block;margin-top:5px;font-size:19px;color:#fff}
.loginWrap{background:radial-gradient(circle at top left, rgba(201,243,29,.08), transparent 30%),linear-gradient(180deg,#111723 0%,#0e141d 100%)}
/* v47 premium card + owner overview polish */
.brandWithLogo{min-height:86px;justify-content:center;padding:18px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.brandWithLogo .brandSub{display:none!important}
.brandLogo{width:176px!important;filter:drop-shadow(0 12px 26px rgba(0,0,0,.24))}
.card,.tableWrap,.deptOverviewCard,.projectTaskBlock,.deptFilterPanel{
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),var(--card);
border-color:rgba(255,255,255,.085);
box-shadow:0 16px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
}
.card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.card:hover{transform:translateY(-1px);border-color:rgba(201,243,29,.18);box-shadow:0 20px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)}
.cards4>.card:nth-child(1),.cards3>.card:nth-child(1){background:linear-gradient(145deg,rgba(201,243,29,.08),rgba(255,255,255,.025)),var(--card)}
.statValue{font-size:32px;letter-spacing:-.04em}.statLabel{color:#B5C0CF;font-weight:800}.sectionTitle{letter-spacing:-.02em}.note,.muted{color:#A8B3C2}
.ownerHero{margin-top:16px;padding:22px;border-radius:22px;border:1px solid rgba(201,243,29,.18);background:radial-gradient(circle at top right,rgba(201,243,29,.14),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02));display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;box-shadow:0 20px 52px rgba(0,0,0,.26)}
.ownerEyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:var(--accent);font-weight:900}.ownerTitle{font-size:26px;font-weight:900;color:#fff;letter-spacing:-.045em;margin-top:5px}.ownerSub{color:#A8B3C2;margin-top:6px;line-height:1.45}
.ownerHeroStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ownerHeroStats div{padding:14px;border-radius:16px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06)}.ownerHeroStats strong{display:block;font-size:28px;line-height:1;color:#fff}.ownerHeroStats span{display:block;margin-top:6px;color:#A8B3C2;font-size:12px}
.premiumPanel{min-height:280px}.ownerBars{display:flex;flex-direction:column;gap:13px;margin-top:14px}.ownerBarRow strong{font-size:13px;color:#fff}.ownerBarRow span{font-size:12px;color:#B8C4D2}.progressTrack{height:8px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin-top:8px}.progressFill{height:100%;background:linear-gradient(90deg,var(--accent),#E8FF7C);border-radius:999px;box-shadow:0 0 18px rgba(201,243,29,.22)}.progressFill.alt{background:linear-gradient(90deg,#6AA8FF,#A386FF)}.progressFill.soft{background:linear-gradient(90deg,#3DD68C,#C9F31D)}
.deptOverviewCard:hover{border-color:rgba(201,243,29,.2);transform:translateY(-1px)}
@media(max-width:1100px){.ownerHero{grid-template-columns:1fr}.ownerHeroStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ownerHeroStats{grid-template-columns:1fr}.ownerTitle{font-size:22px}.brandLogo{width:150px!important}}
/* v48 supervisor + attachments */
.attachmentList{display:flex;flex-direction:column;gap:8px}
.attachmentItem{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:10px 12px;color:#fff;transition:.16s ease}
.attachmentItem:hover{border-color:rgba(201,243,29,.35);background:rgba(201,243,29,.04)}
/* v52 global stats/pipeline polish */
.statsHero{background:linear-gradient(135deg,rgba(201,243,29,.08),rgba(25,33,45,.95));border-color:rgba(201,243,29,.18)}
.metricCard{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:.16s ease}
.metricCard:hover{transform:translateY(-2px);border-color:rgba(201,243,29,.24)}
.chartTall{height:190px}
.donutWrap{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center;margin-top:16px}
.donut{width:150px;height:150px;border-radius:999px;background:conic-gradient(var(--accent) calc(var(--p)*1%), rgba(255,255,255,.08) 0);display:flex;align-items:center;justify-content:center;position:relative}
.donut:after{content:'';position:absolute;width:106px;height:106px;border-radius:999px;background:var(--card)}
.donut>div{position:relative;z-index:2;text-align:center}.donut strong{display:block;font-size:24px}.donut span{font-size:12px;color:var(--muted)}
.legendList{display:flex;flex-direction:column;gap:12px}.legendItem{display:flex;gap:10px;align-items:flex-start}.legendItem .dot{width:10px;height:10px;border-radius:999px;background:var(--accent);margin-top:4px;box-shadow:0 0 0 4px rgba(201,243,29,.08)}
.drillList{display:flex;flex-direction:column;gap:10px;margin-top:12px}.drillRow{width:100%;text-align:left;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:14px;padding:12px;cursor:pointer;color:var(--text);transition:.16s ease}.drillRow:hover{border-color:rgba(201,243,29,.32);transform:translateY(-1px);background:rgba(201,243,29,.035)}.drillRow strong{display:block;color:#fff}.drillRow span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.miniBar{height:7px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin-top:10px}.miniBar i{display:block;height:100%;background:var(--green);border-radius:999px}.miniBar.blue i{background:var(--blue)}.miniBar.accent i{background:var(--accent)}
.stackBars{display:flex;flex-direction:column;gap:12px;margin-top:14px}.stackRow{padding:4px 0}.clickableRow{cursor:pointer}.clickableRow:hover td{background:rgba(201,243,29,.075)!important}
@media(max-width:900px){.donutWrap{grid-template-columns:1fr}.donut{margin:auto}}
/* v53 CSV import duplicate preview */
.csvImportRules{margin-top:12px;padding:12px 14px;border:1px solid rgba(255,177,85,.25);background:rgba(255,177,85,.08);border-radius:14px;color:#dbe4ef;font-size:13px}
.modalWide{width:min(1120px,100%)}
/* v55 line charts + not interested polish */
.lineChartWrap{position:relative;width:100%;height:240px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.025));border:1px solid rgba(255,255,255,.045);border-radius:16px;padding:8px;overflow:hidden}
.lineChart{width:100%;height:100%;display:block}
.lineGrid{stroke:rgba(255,255,255,.08);stroke-width:1}
.lineArea{fill:rgba(201,243,29,.10)}
.lineStroke{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 6px 18px rgba(201,243,29,.18))}
.lineDot{fill:var(--accent);stroke:#10151D;stroke-width:3;vector-effect:non-scaling-stroke}
.lineLabel{fill:var(--muted);font-size:11px}
.lineChartValue{position:absolute;right:16px;top:14px;color:var(--accent);font-size:18px;font-weight:900;background:rgba(16,21,29,.72);border:1px solid rgba(201,243,29,.18);border-radius:999px;padding:5px 10px}
/* v57 sales stats and global pipeline polish */
.performanceTable th,.performanceTable td{white-space:nowrap}.performanceTable tr.selectedRow td{background:rgba(201,243,29,.07)}
.salesKpiHero{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:stretch}.salesKpiBig{background:linear-gradient(135deg,rgba(201,243,29,.13),rgba(255,255,255,.025));border:1px solid rgba(201,243,29,.28);border-radius:18px;padding:20px}.salesKpiNumber{font-size:54px;line-height:1;font-weight:900;color:#fff;margin:10px 0}.salesKpiGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.miniKpi{background:var(--card2);border:1px solid var(--border);border-radius:16px;padding:16px}.miniKpi span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.miniKpi strong{display:block;margin-top:8px;font-size:28px;color:#fff}
@media(max-width:950px){.salesKpiHero{grid-template-columns:1fr}.salesKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v59 department dashboard + timer polish */
.timerPanel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:14px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,rgba(201,243,29,.08),rgba(255,255,255,.025));transition:.2s ease}
.timerPanel.timerRunning{border-color:rgba(201,243,29,.5);box-shadow:0 0 0 1px rgba(201,243,29,.18),0 12px 32px rgba(201,243,29,.06)}
.timerDisplay{font-size:28px;font-weight:900;letter-spacing:.08em;color:#fff;margin-top:2px;font-variant-numeric:tabular-nums}
.projectActivityHighlight .table tr:hover td{background:rgba(201,243,29,.055)}
/* v62 spacing polish */
.content{gap:28px!important;padding:30px!important;}
.card{padding:22px!important;}
.cards4,.cards3,.cards2,.deptOverviewGrid,.deptTaskGrid{gap:22px!important;}
.tabs{margin:10px 0 20px!important;gap:10px!important;}
.tableWrap{margin-top:18px!important;}
.between + .tableWrap,.between + .cards2,.between + .cards3,.between + .cards4{margin-top:18px!important;}
.filterPanel,.deptFilterPanel,.projectTaskBlock{margin:18px 0 22px!important;padding:18px!important;}
.quickFilters{margin:14px 0 24px!important;gap:12px!important;}
.salesToolbar{margin-bottom:18px!important;}
.salesCards{gap:18px!important;}
.salesCard{padding:22px!important;}
.sectionTitle{letter-spacing:-.01em;}
.modal{padding:28px!important;}
.gridForm{gap:18px!important;}
.row{gap:14px;}
/* add breathing room for dashboard stacked sections */
#dashboardPage > .card,#dashboardPage > .cards2,#dashboardPage > .cards3,#dashboardPage > .cards4,#dashboardPage > .notifHero{margin-top:24px!important;}
#dashboardPage > *:first-child{margin-top:0!important;}
@media(max-width:760px){.content{padding:20px!important;gap:20px!important}.card{padding:18px!important}}
/* v63 profile / topbar / light mode */
.topbar{min-height:74px;height:auto;padding:12px 24px!important;gap:16px;align-items:center}
.topTitle{font-size:21px;line-height:1.1}.topSub{margin-left:0;margin-top:4px;font-size:14px}.topActions{gap:12px;align-items:center}.topActions .btn{padding:12px 17px;border-radius:13px}.notifTopBtn{font-size:16px}.notifTopBtn span{margin-left:6px}
.sidebarFooter{margin-top:auto;padding:16px 14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.userMini{display:flex;gap:10px;align-items:center;cursor:pointer;padding:8px;border-radius:14px}.userMini:hover{background:var(--hover)}.userName{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatarImg{object-fit:cover}.themeToggleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;padding:0 8px}.themeSwitch{width:48px;height:28px;border-radius:999px;border:1px solid var(--border);background:#0f1722;position:relative;cursor:pointer;padding:0}.themeSwitch span{position:absolute;width:22px;height:22px;border-radius:999px;background:#dbe6f3;left:3px;top:2px;transition:.18s ease}.themeSwitch.on{background:var(--accent);border-color:rgba(201,243,29,.5)}.themeSwitch.on span{left:21px;background:#0a0d12}.profileHeader{display:flex;gap:14px;align-items:center;margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.025)}.profileAvatar{width:66px;height:66px;border-radius:20px;object-fit:cover;border:1px solid var(--border)}.profileAvatarFallback{display:flex;align-items:center;justify-content:center;background:rgba(201,243,29,.14);color:var(--accent);font-weight:900;font-size:20px}
html[data-theme="light"]{--bg:#F3F6FA;--sidebar:#FFFFFF;--card:#FFFFFF;--card2:#F5F7FB;--border:#DDE4EF;--hover:#EEF3F8;--muted:#64748B;--muted2:#94A3B8;color:#0E1726}html[data-theme="light"] body{background:#F3F6FA;color:#0E1726}html[data-theme="light"] .topbar{background:rgba(255,255,255,.86)}html[data-theme="light"] .brandLogo{filter:none}html[data-theme="light"] .card,html[data-theme="light"] .tableWrap,html[data-theme="light"] .modal,html[data-theme="light"] .loginCard{box-shadow:0 12px 30px rgba(15,23,42,.07)}html[data-theme="light"] .input,html[data-theme="light"] .select,html[data-theme="light"] .textarea{background:#F8FAFC;color:#0E1726}html[data-theme="light"] .sideItem{color:#334155}html[data-theme="light"] .sideItem:hover{color:#0E1726}html[data-theme="light"] .table tr:hover td{background:#F1F5F9}html[data-theme="light"] .sectionTitle,html[data-theme="light"] .salesCardTitle,html[data-theme="light"] .projectTaskTitle,html[data-theme="light"] .deptOverviewTitle{color:#0E1726!important}html[data-theme="light"] .salesCard,html[data-theme="light"] .deptTaskCard,html[data-theme="light"] .projectTaskBlock{background:#FFFFFF}html[data-theme="light"] .btnGhost{background:#FFFFFF;color:#334155;border-color:#DDE4EF}html[data-theme="light"] .modalBg{background:rgba(15,23,42,.35)}
@media(max-width:760px){.topbar{padding:12px 16px!important}.topActions{flex-wrap:wrap;justify-content:flex-end}.brandLogo{width:132px}}
/* v64 light-mode fixes + spacing/visibility polish */
html[data-theme="light"] .brandLogo{content:url('/assets/zenith-logo-dark.png')}
html[data-theme="light"] .sideItem:hover{background:#111827!important;color:#fff!important;border-color:#111827!important}
html[data-theme="light"] .sideItem:hover .sideIcon,
html[data-theme="light"] .sideItem:hover .sideLabel{color:#fff!important}
html[data-theme="light"] .sideItem.active{background:#111827!important;color:var(--accent)!important;border-color:#111827!important}
html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] .textarea,
html[data-theme="light"] input[type="date"],
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="number"]{background:#FFFFFF!important;color:#0F172A!important;border-color:#CBD5E1!important}
html[data-theme="light"] .input::placeholder,
html[data-theme="light"] .textarea::placeholder{color:#64748B!important}
html[data-theme="light"] .select option{background:#FFFFFF!important;color:#0F172A!important}
html[data-theme="light"] .quickFilter{background:#FFFFFF!important;color:#0F172A!important;border-color:#CBD5E1!important}
html[data-theme="light"] .quickFilter.active{background:#111827!important;color:var(--accent)!important;border-color:#111827!important}
html[data-theme="light"] .filterPanel,
html[data-theme="light"] .deptFilterPanel,
html[data-theme="light"] .gpFilterGrid{background:#F8FAFC!important;color:#0F172A!important}
html[data-theme="light"] .salesToolbar,
html[data-theme="light"] .searchRow{color:#0F172A!important}
html[data-theme="light"] .chartLbl,
html[data-theme="light"] .lineLabel{fill:#64748B;color:#64748B}
html[data-theme="light"] .lineGrid{stroke:#E2E8F0}
html[data-theme="light"] .lineStroke{stroke:#2563EB}
html[data-theme="light"] .lineArea{fill:rgba(37,99,235,.10)}
html[data-theme="light"] .lineDot{fill:#2563EB}
html[data-theme="light"] .profileHeader div[style*="color:#fff"]{color:#0F172A!important}
/* v65 robust light-mode contrast cleanup */
html[data-theme="light"]{
--bg:#F3F6FA;
--sidebar:#FFFFFF;
--card:#FFFFFF;
--card2:#F7FAFC;
--border:#D5DFEC;
--hover:#EEF4FA;
--muted:#5F6F85;
--muted2:#8FA0B6;
color:#0F172A;
}
html[data-theme="light"] body,
html[data-theme="light"] .app,
html[data-theme="light"] .main,
html[data-theme="light"] .content,
html[data-theme="light"] .modal,
html[data-theme="light"] .card,
html[data-theme="light"] .tableWrap,
html[data-theme="light"] .projectTaskBlock,
html[data-theme="light"] .deptTaskCard,
html[data-theme="light"] .salesCard,
html[data-theme="light"] .kCard,
html[data-theme="light"] .miniKpi,
html[data-theme="light"] .drillRow,
html[data-theme="light"] .historyItem,
html[data-theme="light"] .deptLogItem,
html[data-theme="light"] .kanbanCol,
html[data-theme="light"] .kanbanHead,
html[data-theme="light"] .stagePills,
html[data-theme="light"] .stagePill,
html[data-theme="light"] .attachmentItem,
html[data-theme="light"] .projectActivityHighlight,
html[data-theme="light"] .ownerBarRow,
html[data-theme="light"] .deptOverviewCard,
html[data-theme="light"] .projectTaskBlock,
html[data-theme="light"] .loadingCard{
color:#0F172A!important;
}
html[data-theme="light"] .card,
html[data-theme="light"] .tableWrap,
html[data-theme="light"] .modal,
html[data-theme="light"] .salesCard,
html[data-theme="light"] .deptTaskCard,
html[data-theme="light"] .projectTaskBlock,
html[data-theme="light"] .miniKpi,
html[data-theme="light"] .deptOverviewCard,
html[data-theme="light"] .historyItem,
html[data-theme="light"] .deptLogItem,
html[data-theme="light"] .drillRow,
html[data-theme="light"] .attachmentItem,
html[data-theme="light"] .stagePills,
html[data-theme="light"] .stagePill,
html[data-theme="light"] .projectActivityHighlight,
html[data-theme="light"] .ownerHeroStats div{
background:#FFFFFF!important;
border-color:#D5DFEC!important;
box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
}
html[data-theme="light"] .table,
html[data-theme="light"] .table th,
html[data-theme="light"] .table td,
html[data-theme="light"] td,
html[data-theme="light"] th{
color:#0F172A!important;
}
html[data-theme="light"] .table th{
color:#52647A!important;
background:#FFFFFF!important;
}
html[data-theme="light"] .table td{
border-color:#E5ECF5!important;
background:#FFFFFF!important;
}
html[data-theme="light"] .table tr:hover td{
background:#F1F6FB!important;
}
html[data-theme="light"] .sectionTitle,
html[data-theme="light"] .topTitle,
html[data-theme="light"] .statValue,
html[data-theme="light"] .salesCardTitle,
html[data-theme="light"] .projectTaskTitle,
html[data-theme="light"] .deptOverviewTitle,
html[data-theme="light"] .ownerTitle,
html[data-theme="light"] .ownerHeroStats strong,
html[data-theme="light"] .ownerBarRow strong,
html[data-theme="light"] .miniKpi strong,
html[data-theme="light"] .salesKpiNumber,
html[data-theme="light"] .timerDisplay,
html[data-theme="light"] .drillRow strong,
html[data-theme="light"] .deptOverviewStats strong,
html[data-theme="light"] strong,
html[data-theme="light"] b{
color:#0F172A!important;
}
html[data-theme="light"] .muted,
html[data-theme="light"] .note,
html[data-theme="light"] .topSub,
html[data-theme="light"] .ownerSub,
html[data-theme="light"] .ownerHeroStats span,
html[data-theme="light"] .ownerBarRow span,
html[data-theme="light"] .drillRow span,
html[data-theme="light"] .statLabel,
html[data-theme="light"] .brandSub{
color:#64748B!important;
}
html[data-theme="light"] .muted2,
html[data-theme="light"] .sideSection{
color:#7C8BA1!important;
}
html[data-theme="light"] .content [style*="color:#fff"],
html[data-theme="light"] .content [style*="color: #fff"],
html[data-theme="light"] .modal [style*="color:#fff"],
html[data-theme="light"] .modal [style*="color: #fff"],
html[data-theme="light"] .table [style*="color:#fff"],
html[data-theme="light"] .table [style*="color: #fff"],
html[data-theme="light"] .profileHeader [style*="color:#fff"],
html[data-theme="light"] .profileHeader [style*="color: #fff"]{
color:#0F172A!important;
}
html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] .textarea,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
background:#FFFFFF!important;
color:#0F172A!important;
border-color:#C8D3E2!important;
box-shadow:none!important;
}
html[data-theme="light"] .input::placeholder,
html[data-theme="light"] .textarea::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{
color:#7C8BA1!important;
}
html[data-theme="light"] select option{
color:#0F172A!important;
background:#FFFFFF!important;
}
html[data-theme="light"] .filterPanel,
html[data-theme="light"] .deptFilterPanel,
html[data-theme="light"] .gpFilterGrid,
html[data-theme="light"] .salesToolbar,
html[data-theme="light"] .searchRow{
background:#FFFFFF!important;
color:#0F172A!important;
border-color:#D5DFEC!important;
}
html[data-theme="light"] .tab,
html[data-theme="light"] .quickFilter,
html[data-theme="light"] .btnGhost{
background:#FFFFFF!important;
color:#334155!important;
border-color:#C8D3E2!important;
}
html[data-theme="light"] .tab.active,
html[data-theme="light"] .quickFilter.active{
background:rgba(201,243,29,.22)!important;
color:#111827!important;
border-color:rgba(201,243,29,.65)!important;
}
html[data-theme="light"] .btnPrimary{
background:var(--accent)!important;
color:#0A0D12!important;
}
html[data-theme="light"] .btnDanger{
background:#FFF1F2!important;
color:#DC2626!important;
border-color:#FECACA!important;
}
html[data-theme="light"] .badge{
color:#0F172A!important;
border:1px solid rgba(15,23,42,.06);
}
html[data-theme="light"] .bGreen{background:#DCFCE7!important;color:#166534!important}
html[data-theme="light"] .bRed{background:#FEE2E2!important;color:#991B1B!important}
html[data-theme="light"] .bOrange{background:#FEF3C7!important;color:#92400E!important}
html[data-theme="light"] .bBlue{background:#DBEAFE!important;color:#1E40AF!important}
html[data-theme="light"] .bPurple{background:#EDE9FE!important;color:#5B21B6!important}
html[data-theme="light"] .bAccent{background:rgba(201,243,29,.28)!important;color:#111827!important}
html[data-theme="light"] .bMuted{background:#EEF2F7!important;color:#475569!important}
html[data-theme="light"] .notifHero{
background:linear-gradient(135deg,rgba(201,243,29,.18),rgba(255,255,255,.98))!important;
border-color:rgba(201,243,29,.6)!important;
color:#0F172A!important;
}
html[data-theme="light"] .notifHeroTitle{color:#0F172A!important}
html[data-theme="light"] .sidebar{background:#FFFFFF!important}
html[data-theme="light"] .sideItem{color:#334155!important}
html[data-theme="light"] .sideItem:hover{background:#111827!important;color:#FFFFFF!important;border-color:#111827!important}
html[data-theme="light"] .sideItem:hover .sideIcon,
html[data-theme="light"] .sideItem:hover .sideLabel{color:#FFFFFF!important}
html[data-theme="light"] .sideItem.active{background:#111827!important;color:var(--accent)!important;border-color:#111827!important}
html[data-theme="light"] .sideItem.active .sideIcon,
html[data-theme="light"] .sideItem.active .sideLabel{color:var(--accent)!important}
html[data-theme="light"] .modalBg{background:rgba(15,23,42,.38)!important}
html[data-theme="light"] .modal{background:#FFFFFF!important}
html[data-theme="light"] .stagePill{background:#F1F5F9!important;color:#334155!important}
html[data-theme="light"] .stagePill.active{background:rgba(201,243,29,.25)!important;color:#111827!important;border-color:rgba(201,243,29,.65)!important}
html[data-theme="light"] .chart{border-bottom-color:#CBD5E1!important}
html[data-theme="light"] .chartLbl{color:#64748B!important}
html[data-theme="light"] .hbar,
html[data-theme="light"] .progressTrack{background:#E2E8F0!important}
html[data-theme="light"] .lineGrid{stroke:#E2E8F0!important}
html[data-theme="light"] .lineStroke{stroke:#2563EB!important}
html[data-theme="light"] .lineArea{fill:rgba(37,99,235,.10)!important}
html[data-theme="light"] .lineDot{fill:#2563EB!important}
html[data-theme="light"] .salesKpiBig,
html[data-theme="light"] .ownerHero,
html[data-theme="light"] .globalStatsHero{
background:linear-gradient(135deg,#FFFFFF,#F3F7FB)!important;
color:#0F172A!important;
border-color:#D5DFEC!important;
}
html[data-theme="light"] .attachmentItem:hover,
html[data-theme="light"] .drillRow:hover,
html[data-theme="light"] .salesCard:hover,
html[data-theme="light"] .deptTaskCard:hover{
background:#F8FAFC!important;
border-color:rgba(201,243,29,.65)!important;
}
html[data-theme="light"] .empty{
color:#64748B!important;
}
/* v66 time-format and overdue emphasis */
.overdueMetric{
background:linear-gradient(135deg,rgba(255,107,107,.18),rgba(255,107,107,.07))!important;
border-color:rgba(255,107,107,.45)!important;
box-shadow:0 18px 44px rgba(255,107,107,.10)!important;
}
.overdueMetric .statLabel{color:#ff8f8f!important}
.overdueMetric .statValue{color:var(--red)!important}
body.light .overdueMetric{background:linear-gradient(135deg,#fff0f0,#fffafa)!important;border-color:#ffc4c4!important}
body.light .overdueMetric .statLabel{color:#c93d3d!important}
body.light .overdueMetric .statValue{color:#e73838!important}
/* v67 content calendar + Web rename polish */
.calendarShell{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 14px 36px rgba(0,0,0,.12)}
.calendarHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.calendarWeekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:8px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:800}
.calendarWeekdays>div{padding:0 8px}
.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.calendarDay{min-height:142px;background:var(--card2);border:1px solid var(--border);border-radius:16px;padding:10px;cursor:pointer;transition:.16s ease;overflow:hidden}
.calendarDay:hover{border-color:rgba(201,243,29,.45);transform:translateY(-1px)}
.calendarDay.mutedDay{opacity:.45}
.calendarDay.todayDay{border-color:rgba(201,243,29,.55);box-shadow:0 0 0 1px rgba(201,243,29,.12) inset}
.calendarDayTop{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;color:var(--text,#fff)}
.calendarEvents{display:flex;flex-direction:column;gap:6px}
.calendarEvent{font-size:12px;line-height:1.25;background:rgba(201,243,29,.12);border:1px solid rgba(201,243,29,.18);color:var(--accent);border-radius:10px;padding:7px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendarEvent span{color:var(--muted);font-weight:800;margin-right:5px}
.calendarPeople{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
body.light .calendarShell,body.light .calendarDay{background:#fff;color:#0f172a}
body.light .calendarDayTop{color:#0f172a}
body.light .calendarEvent{background:#f2ffd5;color:#2f4500;border-color:#d6f985}
@media(max-width:900px){.calendarGrid,.calendarWeekdays{grid-template-columns:repeat(2,minmax(0,1fr))}.calendarDay{min-height:120px}}
/* v68 content calendar polish */
.calendarEventMeta{font-size:10px;opacity:.85;margin-top:2px;line-height:1.2}
.calendarEventInfo{margin-top:14px;padding:12px 14px;border:1px solid var(--border);background:var(--card2);border-radius:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.light .calendarEventInfo{background:#f6f9fe;color:#0b1220}
body.light .calendarEventMeta{color:#516076}
@media(max-width:760px){.calendarEventInfo{grid-template-columns:1fr}}
/* v76 automation dashboard */
.myDayGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.myDayItem{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.03);margin-top:8px}
.myDayItem strong{display:block;color:var(--text,#fff);font-weight:800}
.myDayItem span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.myDayItem.danger{border-color:rgba(255,82,82,.35);background:rgba(255,82,82,.08)}
.emptyMini{margin-top:8px;padding:12px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);font-size:13px}.healthList{display:flex;flex-direction:column;gap:10px}.healthItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.03)}.healthItem strong{color:var(--text,#fff)}.healthItem.risk{border-color:rgba(255,177,85,.45);background:rgba(255,177,85,.08)}.healthItem.late{border-color:rgba(255,107,107,.45);background:rgba(255,107,107,.08)}.healthItem.ok{border-color:rgba(61,214,140,.35);background:rgba(61,214,140,.06)}.nurtureBox{padding:12px 14px;border:1px solid rgba(201,243,29,.35);border-radius:14px;background:rgba(201,243,29,.08);color:var(--text,#fff)}
body.light .myDayItem strong, body.light .healthItem strong, body.light .nurtureBox{color:#0f172a}
@media(max-width:900px){.myDayGrid{grid-template-columns:1fr}}
/* v81 cleanup */
.actionMenu{position:relative;display:inline-flex;align-items:center}
.actionMenuDrop{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:10px;box-shadow:0 16px 40px rgba(0,0,0,.22);z-index:20;gap:8px;flex-direction:column}
.actionMenuDrop.open{display:flex}
.actionMenuDrop .btn{width:100%;justify-content:center}
body.light .actionMenuDrop{background:#fff;color:#0d1726}
.clickableRow{cursor:pointer}
.clickableRow:hover td{background:var(--hover)}
/* v82 task calendar + my stats polish */
.calendarTopNav{padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.02));margin-bottom:14px}
.calendarTopNav .btn{min-width:48px;font-weight:800}
.myDayCard{border-color:rgba(201,243,29,.22)!important;background:linear-gradient(135deg,rgba(201,243,29,.08),rgba(255,255,255,.02))!important}
.myDayGrid{gap:18px!important;align-items:start}
.myDayItem{position:relative;padding:14px 16px 14px 18px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))!important}
.myDayItem:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:var(--accent)}
.myDayItem.danger:before{background:var(--red)}
.myDayItem span{line-height:1.35}
.emptyMini{padding:14px 16px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);margin-top:8px}
html[data-theme="light"] .calendarTopNav,
html[data-theme="light"] .myDayItem{background:#fff!important;color:#0E1726!important}
html[data-theme="light"] .myDayItem strong{color:#0E1726!important}
/* v85 compact action menus */
.tasksFilterTabs{align-items:center}
.actionPlus{min-width:42px;font-weight:900;font-size:18px;line-height:1}
.actionMenuDrop .btnDanger{background:rgba(255,82,82,.12);color:var(--red);border:1px solid rgba(255,82,82,.28)}
body.light .actionMenuDrop .btnDanger{background:#fff0f0;color:#d12d2d;border-color:#ffcaca}
/* v86 fixes: dropdowns should not be clipped/hidden */
.tasksFilterTabs{position:relative;z-index:80;overflow:visible;margin-bottom:18px}
.tasksFilterTabs .actionMenu{position:relative;z-index:90}
.tasksFilterTabs .actionMenuDrop{z-index:9999;max-height:360px;overflow:auto}
.content .actionMenuDrop{z-index:9999}
.tableWrap{position:relative;z-index:1}
.actionMenu{position:relative;z-index:30}
.actionMenuDrop.open{display:flex}
/* v87 portal dropdown fix */
.portalActionMenu{position:fixed;display:flex;flex-direction:column;gap:8px;min-width:230px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:10px;box-shadow:0 22px 60px rgba(0,0,0,.38);z-index:2147483000}
.portalActionMenu .btn{width:100%;justify-content:center;white-space:nowrap}
html[data-theme="light"] .portalActionMenu, body.light .portalActionMenu{background:#fff;color:#0d1726;border-color:#dbe5f2;box-shadow:0 22px 60px rgba(15,23,42,.18)}
html[data-theme="light"] .portalActionMenu .btnGhost, body.light .portalActionMenu .btnGhost{background:#fff;color:#0d1726;border-color:#cbd5e1}
/* v88 cleanup: topbar/logout + stable action menus */
.topbar{min-height:66px;padding:10px 24px!important;}
.btnLogout{background:rgba(255,82,82,.10)!important;color:#ff8b8b!important;border:1px solid rgba(255,82,82,.28)!important;border-radius:13px;padding:12px 17px;font-weight:700;}
.btnLogout:hover{background:rgba(255,82,82,.18)!important;color:#fff!important;border-color:rgba(255,82,82,.45)!important;}
html[data-theme="light"] .btnLogout{background:#fff1f1!important;color:#cc3030!important;border-color:#ffc8c8!important;}
html[data-theme="light"] .btnLogout:hover{background:#ffe4e4!important;color:#9f1f1f!important;}
.contentActionRow{margin-bottom:4px;min-height:0;}
.actionMenuDrop{background:#172232!important;color:#f4f7fb!important;border:1px solid #334156!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important;opacity:1!important;backdrop-filter:none!important;}
.actionMenuDrop.open{z-index:2147482000!important;}
.portalActionMenu{background:#172232!important;color:#f4f7fb!important;border:1px solid #334156!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important;opacity:1!important;backdrop-filter:none!important;}
.portalActionMenu .btnGhost,.actionMenuDrop .btnGhost{background:#1d2a3a!important;color:#f4f7fb!important;border-color:#3a4a60!important;}
.portalActionMenu .btnPrimary,.actionMenuDrop .btnPrimary{background:var(--accent)!important;color:#0A0B0D!important;}
.portalActionMenu .btnDanger,.actionMenuDrop .btnDanger{background:rgba(255,82,82,.18)!important;color:#ff8b8b!important;border-color:rgba(255,82,82,.34)!important;}
html[data-theme="light"] .actionMenuDrop,html[data-theme="light"] .portalActionMenu{background:#ffffff!important;color:#0e1726!important;border-color:#dbe5f2!important;box-shadow:0 24px 70px rgba(15,23,42,.20)!important;}
html[data-theme="light"] .portalActionMenu .btnGhost,html[data-theme="light"] .actionMenuDrop .btnGhost{background:#f8fafc!important;color:#0e1726!important;border-color:#cbd5e1!important;}
html[data-theme="light"] .portalActionMenu .btnDanger,html[data-theme="light"] .actionMenuDrop .btnDanger{background:#fff1f1!important;color:#cc3030!important;border-color:#ffc8c8!important;}
/* v89 cleanup + speed polish */
.content > [id$="Page"] > .tabs:first-child,
.content > [id$="Page"] > .contentActionRow:first-child + .tabs {
margin-top: 0;
}
.statsFilterCard .quickFilters{margin:0;}
.card,.tableWrap,.modal,.calendarShell,.salesCard,.deptTaskCard{content-visibility:auto;contain-intrinsic-size:1px 420px;}
.dropdownMenu,.actionMenu,.floatingMenu,.quickMoreMenu{background:var(--card2)!important;border:1px solid var(--border)!important;box-shadow:0 18px 48px rgba(0,0,0,.32)!important;backdrop-filter:none!important;}
body.light .dropdownMenu,body.light .actionMenu,body.light .floatingMenu,body.light .quickMoreMenu{background:#fff!important;border-color:#d6e0ef!important;box-shadow:0 18px 44px rgba(15,23,42,.16)!important;}
/* v96 light-mode page background fix */
html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] .app,
html[data-theme="light"] .main,
html[data-theme="light"] .content{
background:#EEF3F9!important;
color:#0F172A!important;
}
html[data-theme="light"] body{
min-height:100vh!important;
}
html[data-theme="light"] .content{
min-height:calc(100vh - 58px)!important;
}
html[data-theme="light"] .sidebarFooter,
html[data-theme="light"] .userFooter,
html[data-theme="light"] .profileFooter{
background:#FFFFFF!important;
}
/* v98 company profile */
.companyProfileModal .profileHero{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.03)}
.companyProfileModal .historyList{display:flex;flex-direction:column;gap:10px}
.companyProfileModal .historyItem{border:1px solid var(--border);border-radius:14px;padding:12px;background:rgba(255,255,255,.03)}
body.light .companyProfileModal .profileHero, body.light .companyProfileModal .historyItem{background:#fff;color:#0f172a}
/* v99 inbox/search/mentions/duplicates */
.topSearch{margin-left:auto;margin-right:14px;min-width:280px;max-width:420px;flex:1;display:flex;justify-content:flex-end}.globalSearchInput{max-width:420px;background:rgba(255,255,255,.05)}
.ownerInboxGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.ownerInboxItem{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;cursor:pointer;transition:.16s}.ownerInboxItem:hover{border-color:rgba(201,243,29,.45);transform:translateY(-1px)}.ownerInboxTitle{font-weight:900;color:#fff;font-size:18px;margin-top:10px}.ownerInboxMeta{color:var(--muted);margin-top:6px}.ownerInboxNote{margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.03)}
.searchResultRow{padding:12px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;cursor:pointer;background:var(--card2)}.searchResultRow:hover{border-color:rgba(201,243,29,.45)}
.commentList{display:flex;flex-direction:column;gap:10px}.commentItem{border:1px solid var(--border);background:var(--card2);border-radius:14px;padding:12px}
.duplicateList{display:flex;flex-direction:column;gap:18px}.duplicateGroup{overflow:visible}
body.light .ownerInboxTitle{color:#172033}body.light .ownerInboxItem,body.light .commentItem,body.light .searchResultRow{background:#fff;color:#172033}
@media(max-width:1000px){.topSearch{display:none}}
/* v101 UX/performance polish */
.taskBulkCheck{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--muted);font-size:12px}
.bulkPanel{background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:14px;padding:10px 12px}
[data-theme='light'] .bulkPanel{background:#fff;border-color:#d7deea}
.portalActionMenu{max-height:min(75vh,520px);overflow:auto}
/* v104 tools, owner inbox and mobile polish */
.ownerInboxHero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(201,243,29,.10),rgba(255,255,255,.02));}
.ownerInboxStats{display:flex;gap:12px;flex-wrap:wrap}.ownerInboxStats div{min-width:110px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.03)}.ownerInboxStats strong{display:block;font-size:24px}.ownerInboxStats span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.ownerInboxBoard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.ownerInboxItem{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:16px;cursor:pointer;transition:.15s ease;box-shadow:0 10px 28px rgba(0,0,0,.10)}.ownerInboxItem:hover{transform:translateY(-1px);border-color:rgba(201,243,29,.45)}.ownerInboxItem_overdue,.ownerInboxItem_blocked{border-color:rgba(255,82,82,.38);background:linear-gradient(135deg,rgba(255,82,82,.09),var(--card))}.ownerInboxItem_high{border-color:rgba(255,177,85,.40);background:linear-gradient(135deg,rgba(255,177,85,.08),var(--card))}.ownerInboxTitle{font-weight:800;font-size:16px;margin-top:12px}.ownerInboxMeta{color:var(--muted);font-size:13px;margin-top:5px}.ownerInboxNote{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);color:var(--muted)}
.exportGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.exportCard{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--card2)}.auditBox{margin-top:16px;min-height:360px;max-height:620px;overflow:auto;background:#070b12;color:#dce7f7;border:1px solid var(--border);border-radius:14px;padding:16px;white-space:pre-wrap;font-size:13px;line-height:1.55}body.light .auditBox{background:#f7f9fc;color:#101828}
@media (max-width: 820px){
.app{grid-template-columns:1fr}.sidebar{position:relative;width:100%;height:auto;min-height:0;border-right:none;border-bottom:1px solid var(--border);display:block}.brand{padding:14px 16px}.brandLogo{width:132px}.sidebarFooter{position:relative;border-top:1px solid var(--border);padding:12px 16px}.sideSection{margin-top:12px}.sideItem{margin:4px 10px}.main{min-width:0}.topbar{position:sticky;top:0;z-index:50;padding:12px 14px;gap:10px;flex-wrap:wrap}.topTitle{font-size:18px}.topSub{font-size:12px}.topSearch{order:3;width:100%}.globalSearchInput{width:100%!important}.content{padding:16px}.cards4,.cards2,.deptOverviewGrid,.ownerInboxBoard,.exportGrid{grid-template-columns:1fr!important}.tableWrap{overflow:auto}.table{min-width:760px}.modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}.modalWide{width:calc(100vw - 24px)}.gridForm{grid-template-columns:1fr!important}.searchRow{width:100%}.searchRow .input,.searchRow .select{width:100%!important}.tabs{overflow:auto;white-space:nowrap}.btn{min-height:42px}.row{flex-wrap:wrap}.ownerInboxStats{width:100%}.ownerInboxStats div{flex:1}.contentActionRow{align-items:flex-start}.chart{overflow:auto}.chartCol{min-width:34px}
}
/* v105 real mobile + backup + Moj dan polish */
.mobileMenuBtn{display:none;border:1px solid var(--border);background:var(--card);color:#fff;border-radius:12px;padding:9px 12px;font-weight:900;cursor:pointer}
.mobileSidebarBackdrop{display:none}
.topTitleWrap{min-width:0}.topTitle,.topSub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topSearch{min-width:220px;max-width:360px;flex:1}.globalSearchInput{height:40px}
.fullBackupCard{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(201,243,29,.35);background:linear-gradient(135deg,rgba(201,243,29,.14),rgba(255,255,255,.02));border-radius:18px;padding:18px;margin-top:18px}.exportGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.exportCard{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--card2)}
.myDayFocus{border-color:rgba(201,243,29,.28);background:linear-gradient(135deg,rgba(201,243,29,.08),var(--card) 45%)}.myDaySummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.myDaySummaryBox{border:1px solid var(--border);border-radius:16px;padding:14px;background:rgba(255,255,255,.025)}.myDaySummaryBox strong{display:block;font-size:28px;color:#fff}.myDaySummaryBox span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.myDaySummaryBox.danger{border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.09)}.myDaySummaryBox.today{border-color:rgba(201,243,29,.35);background:rgba(201,243,29,.09)}.myDayList{display:flex;flex-direction:column;gap:10px;margin-top:16px}.myDayRow{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--card2);cursor:pointer}.myDayRow:hover{border-color:rgba(201,243,29,.35)}.myDayRow strong{display:block;color:#fff;margin-top:4px}.myDayRow small{display:block;color:var(--muted);margin-top:3px}.myDayRow.danger{border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.07)}.myDayPill{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent);font-weight:900}.myDayDue{font-weight:900;color:#fff;white-space:nowrap}.myDayDivider{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-top:8px}
html[data-theme="light"] .myDaySummaryBox strong,html[data-theme="light"] .myDayRow strong,html[data-theme="light"] .myDayDue{color:#0E1726!important}html[data-theme="light"] .mobileMenuBtn{background:#fff;color:#0E1726}html[data-theme="light"] .exportCard{background:#F8FAFC}html[data-theme="light"] .myDayFocus{background:linear-gradient(135deg,rgba(201,243,29,.12),#fff 45%)}
@media(max-width:900px){
html,body{overflow-x:hidden}.app{height:100dvh;overflow:hidden}.main{width:100%;min-width:0}.content{padding:14px!important;gap:16px;overflow:auto}.mobileMenuBtn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.sidebar{position:fixed!important;display:flex!important;left:0;top:0;bottom:0;width:min(86vw,320px)!important;max-width:320px;transform:translateX(-105%);transition:transform .22s ease;z-index:1000;box-shadow:20px 0 50px rgba(0,0,0,.35);overflow-y:auto;overflow-x:hidden}.mobileSidebarOpen .sidebar{transform:translateX(0)}.mobileSidebarBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999;display:none}.mobileSidebarOpen .mobileSidebarBackdrop{display:block}.brand{padding:18px 16px!important;min-height:auto}.brandLogo{width:150px!important;max-width:82%!important}.sideItem{margin:3px 10px;padding:12px 14px;justify-content:flex-start;gap:10px}.sideNotifBadge{margin-left:auto}.sidebarFooter{position:relative;background:var(--sidebar);padding-bottom:22px}.topbar{min-height:auto!important;padding:10px 12px!important;gap:10px;align-items:center;position:sticky;top:0;z-index:50}.topTitleWrap{flex:1;min-width:0}.topTitle{font-size:17px}.topSub{font-size:12px;margin-left:0}.topSearch{display:none}.topActions{gap:8px;flex:0 0 auto}.topActions .btn{padding:8px 10px;font-size:13px}.notifTopBtn{max-width:142px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cards4,.cards3,.cards2,.gridForm,.myDayGrid,.myDaySummary{grid-template-columns:1fr!important}.card{padding:16px;border-radius:18px}.tableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:720px}.modalBg{align-items:flex-end;padding:0;z-index:1200}.modal{width:100%;max-height:92dvh;border-radius:22px 22px 0 0;padding:18px}.tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.tab{white-space:nowrap}.searchRow{flex-direction:column;align-items:stretch}.searchRow .input,.searchRow .select,.searchRow .btn{width:100%!important}.between{align-items:flex-start;flex-direction:column}.between .row{width:100%;flex-wrap:wrap}.row{flex-wrap:wrap}.fullBackupCard,.exportCard,.myDayRow{align-items:flex-start;flex-direction:column}.myDayDue{align-self:flex-start}.chart{min-height:180px}.loginCard{margin:14px;width:calc(100% - 28px)}}
@media(min-width:901px){.mobileSidebarBackdrop{display:none!important}}
/* v106 Moj dan focus cleanup */
.myDayCommand{padding:26px!important;margin-bottom:28px;background:linear-gradient(135deg,rgba(201,243,29,.08),rgba(255,255,255,.02));border-color:rgba(201,243,29,.28)!important}
.myDaySummaryLarge{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;margin-bottom:18px}
.myDaySummaryBox.projects{border-color:rgba(106,168,255,.35);background:rgba(106,168,255,.08)}
.myDayFocusTask{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015));cursor:pointer;transition:.18s ease;box-shadow:0 18px 45px rgba(0,0,0,.12)}
.myDayFocusTask:hover{transform:translateY(-1px);border-color:rgba(201,243,29,.45)}
.myDayFocusTask h3{margin:8px 0 4px;font-size:24px;color:#fff;line-height:1.15}
.myDayFocusTask p{margin:0;color:var(--muted);font-weight:700}
.myDayFocusTask small{display:block;margin-top:8px;color:var(--muted2)}
.myDayFocusTask.danger{border-color:rgba(255,107,107,.55);background:linear-gradient(135deg,rgba(255,82,82,.13),rgba(255,255,255,.02))}
.myDayFocusTask.today{border-color:rgba(201,243,29,.45);background:linear-gradient(135deg,rgba(201,243,29,.12),rgba(255,255,255,.02))}
.myDayFocusTask.clean{cursor:default;box-shadow:none}
.myDayFocusRight{display:flex;align-items:center;gap:14px;flex-shrink:0}
.myDayDueBig{font-size:20px;font-weight:900;color:#fff;white-space:nowrap}
.myDayListCompact{margin-top:14px;display:grid;gap:10px}
[data-theme="light"] .myDayFocusTask h3,[data-theme="light"] .myDayDueBig{color:#0f172a}
[data-theme="light"] .myDayCommand{background:linear-gradient(135deg,rgba(201,243,29,.16),#fff);}
@media(max-width:760px){.myDaySummaryLarge{grid-template-columns:repeat(2,minmax(0,1fr))}.myDayFocusTask{flex-direction:column;align-items:flex-start}.myDayFocusRight{width:100%;justify-content:space-between}.myDayFocusTask h3{font-size:20px}}
/* v107 mobile sidebar + chart overflow polish */
@media(max-width:900px){
.mobileSidebarOpen .sidebar{transform:translateX(0)!important;}
.mobileSidebarOpen .mobileSidebarBackdrop{display:block!important;}
#dashboardPage .cards2,
#dashboardPage .card,
#dashboardPage .chart{min-width:0!important;max-width:100%!important;}
#dashboardPage .chart{
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:touch;
padding-bottom:12px!important;
scrollbar-width:thin;
}
#dashboardPage .chart .chartCol{
flex:0 0 42px!important;
min-width:42px!important;
}
#dashboardPage .chart .chartBar{min-width:22px!important;}
#dashboardPage .cards2 > .card{overflow:hidden!important;}
#dashboardPage .sectionTitle{line-height:1.25;}
}
@media(max-width:420px){
#dashboardPage .chart .chartCol{flex-basis:46px!important;min-width:46px!important;}
}
/* v108 mobile calendar + notification compact + business-overdue polish */
.mobileCalendarList{display:flex;flex-direction:column;gap:12px}
.mobileCalDay{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;border:1px solid var(--border);border-radius:16px;background:var(--card2);padding:12px;min-height:76px}
.mobileCalDay.todayDay{border-color:rgba(201,243,29,.65);box-shadow:0 0 0 1px rgba(201,243,29,.12) inset}
.mobileCalDate{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}
.mobileCalDate strong{font-size:24px;color:#fff;line-height:1}
.mobileCalDate span{font-size:12px;text-transform:capitalize;color:var(--muted);font-weight:800}
.mobileCalDate em{font-style:normal;font-size:10px;font-weight:900;color:#0A0B0D;background:var(--accent);border-radius:999px;padding:3px 8px;margin-top:2px}
.mobileCalEvents{display:flex;flex-direction:column;gap:8px;min-width:0}
.mobileCalEvents .calendarEvent{margin:0;padding:10px 11px;border-radius:12px;white-space:normal;line-height:1.25}
.mobileCalEvents .note{padding:10px 0;color:var(--muted)}
html[data-theme="light"] .mobileCalDay{background:#fff;color:#0f172a;border-color:#d8e2f0}
html[data-theme="light"] .mobileCalDate strong{color:#0f172a}
html[data-theme="light"] .mobileCalEvents .calendarEvent{background:#f3f7fd;color:#0f172a;border:1px solid #d8e2f0}
@media(max-width:760px){
.calendarShell{padding:14px!important;border-radius:18px!important;overflow:hidden!important}
.calendarWeekdays,.calendarGrid{display:none!important}
.calendarTopNav{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px!important}
.calendarTopNav .row{flex-wrap:nowrap!important;width:auto!important;justify-content:flex-end!important}
.calendarTopNav .sectionTitle{font-size:17px!important;line-height:1.2!important}
.calendarTopNav .muted{font-size:12px!important;line-height:1.25!important}
.calendarTopNav .btn{min-width:42px!important;padding:10px 12px!important}
.content .calendarHeader{display:block!important;margin-bottom:12px!important}
.content .calendarHeader .sectionTitle{font-size:16px!important}
.notifTopBtn{font-size:0!important;width:52px!important;height:42px!important;padding:0!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;position:relative!important;min-width:52px!important;max-width:52px!important;overflow:visible!important}
.notifTopBtn:before{content:'🔔';font-size:18px!important;line-height:1!important}
.notifTopBtn span{position:absolute;right:-6px;top:-6px;background:#0A0B0D;color:var(--accent);border:2px solid var(--accent);border-radius:999px;min-width:22px;height:22px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-size:12px!important;font-weight:900!important}
html[data-theme="light"] .notifTopBtn span{background:#0f172a;color:var(--accent)}
.topActions .btnLogout{font-size:0!important;width:46px!important;height:42px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.topActions .btnLogout:before{content:'⏻';font-size:18px!important}
}
/* v109 mobile notification badge visibility fix */
.notifTopBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;white-space:nowrap;}
.notifTopBtn .notifIcon{display:none;line-height:1;}
.notifTopBtn .notifText{display:inline;}
.notifTopBtn .notifCount{background:#0b0f14;color:var(--accent);border-radius:999px;padding:2px 7px;font-weight:900;margin-left:0;}
@media(max-width:900px){
.topActions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;}
.notifTopBtn{display:inline-flex!important;width:50px!important;min-width:50px!important;max-width:50px!important;height:42px!important;padding:0!important;border-radius:14px!important;overflow:visible!important;position:relative!important;flex:0 0 50px!important;}
.notifTopBtn:before{content:none!important;}
.notifTopBtn .notifText{display:none!important;}
.notifTopBtn .notifIcon{display:block!important;font-size:18px!important;line-height:1!important;}
.notifTopBtn .notifCount{position:absolute!important;right:-7px!important;top:-7px!important;margin:0!important;background:#0A0B0D!important;color:var(--accent)!important;border:2px solid var(--accent)!important;border-radius:999px!important;min-width:22px!important;height:22px!important;padding:0 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:900!important;line-height:1!important;}
html[data-theme="light"] .notifTopBtn .notifCount{background:#0f172a!important;color:var(--accent)!important;}
}
/* v110 real mobile notification badge fix */
.mobileNotifBtn{display:none;border:1px solid rgba(201,243,29,.45);background:var(--accent);color:#0A0B0D;border-radius:14px;width:44px;height:42px;align-items:center;justify-content:center;position:relative;flex:0 0 44px;font-weight:900;box-shadow:0 10px 24px rgba(201,243,29,.18);cursor:pointer}
.mobileNotifBtn span{font-size:18px;line-height:1;display:block}
.mobileNotifBtn strong{position:absolute;right:-8px;top:-8px;background:#0A0B0D;color:var(--accent);border:2px solid var(--accent);border-radius:999px;min-width:22px;height:22px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}
html[data-theme="light"] .mobileNotifBtn strong{background:#0f172a;color:var(--accent)}
@media(max-width:900px){
.mobileNotifBtn{display:inline-flex!important;order:2!important;z-index:80!important}
.mobileMenuBtn{order:1!important}
.topTitleWrap{order:3!important;min-width:0!important;flex:1 1 auto!important}
.topActions{order:4!important;flex:0 0 auto!important}
.topActions .notifTopBtn{display:none!important}
.topbar{overflow:visible!important}
}
@media(min-width:901px){.mobileNotifBtn{display:none!important}}
/* v112 notification button cleanup: no black label bubble, mobile is icon+count only */
.notifTopBtn span{background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.notifTopBtn .notifText,.notifTopBtn .notifIcon{background:transparent!important;color:inherit!important;box-shadow:none!important}
.notifTopBtn .notifCount{background:#0A0B0D!important;color:var(--accent)!important;border-radius:999px!important;padding:0 8px!important}
@media (min-width: 901px){
.topActions .mobileNotifBtn{display:none!important}
.topActions{gap:12px!important;align-items:center!important}
.topActions .notifTopBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;height:46px!important;padding:0 14px!important;border-radius:14px!important;width:auto!important;min-width:unset!important;max-width:none!important;background:linear-gradient(180deg, rgba(201,243,29,.15), rgba(201,243,29,.09))!important;border:1px solid rgba(201,243,29,.28)!important;color:#F8FAFC!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important;white-space:nowrap!important;overflow:hidden!important;flex:0 0 auto!important;}
.topActions .notifTopBtn .notifIcon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;border-radius:999px!important;background:rgba(10,11,13,.30)!important;color:var(--accent)!important;font-size:14px!important;flex:0 0 28px!important;}
.topActions .notifTopBtn .notifText{display:inline!important;font-size:14px!important;font-weight:800!important;color:#F8FAFC!important;}
.topActions .notifTopBtn .notifCount{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:28px!important;padding:0 8px!important;margin-left:2px!important;border-radius:999px!important;background:#0A0B0D!important;color:var(--accent)!important;border:1px solid rgba(201,243,29,.38)!important;font-size:13px!important;font-weight:900!important;line-height:1!important;}
html[data-theme="light"] .topActions .notifTopBtn{background:linear-gradient(180deg, #eff8c8, #e7f2a6)!important;color:#18212f!important;border-color:#d5e67d!important;}
html[data-theme="light"] .topActions .notifTopBtn .notifText{color:#18212f!important;}
html[data-theme="light"] .topActions .notifTopBtn .notifIcon{background:rgba(15,23,42,.08)!important;color:#557300!important;}
html[data-theme="light"] .topActions .notifTopBtn .notifCount{background:#18212f!important;color:#D7FF2F!important;border-color:#18212f!important;}
}
@media (max-width: 900px){
.topbar{display:flex!important;align-items:center!important;gap:10px!important;overflow:visible!important;}
.topTitleWrap{flex:1 1 auto!important;min-width:0!important;}
.topActions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;margin-left:auto!important;order:4!important;}
.topActions .notifTopBtn{display:none!important;}
.topActions .mobileNotifBtn{display:inline-flex!important;order:2!important;align-items:center!important;justify-content:center!important;width:46px!important;height:42px!important;flex:0 0 46px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(201,243,29,.42)!important;background:linear-gradient(180deg, rgba(201,243,29,.18), rgba(201,243,29,.11))!important;box-shadow:0 10px 22px rgba(0,0,0,.16)!important;position:relative!important;overflow:visible!important;color:inherit!important;}
.topActions .mobileNotifBtn span{display:block!important;font-size:18px!important;line-height:1!important;background:transparent!important;padding:0!important;}
.topActions .mobileNotifBtn strong{position:absolute!important;right:-6px!important;top:-6px!important;min-width:22px!important;height:22px!important;padding:0 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#0A0B0D!important;color:var(--accent)!important;border:2px solid var(--accent)!important;font-size:12px!important;font-weight:900!important;line-height:1!important;}
html[data-theme="light"] .topActions .mobileNotifBtn{background:linear-gradient(180deg, #eff8c8, #e7f2a6)!important;border-color:#d5e67d!important;}
html[data-theme="light"] .topActions .mobileNotifBtn strong{background:#18212f!important;color:#D7FF2F!important;border-color:#18212f!important;}
body > .mobileNotifBtn,.topbar > .mobileNotifBtn{display:none!important;}
.topActions .btnLogout{order:1!important;}
}
/* v113 system status / maintenance */
.maintenanceBanner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 24px 0 24px;padding:13px 15px;border:1px solid rgba(255,159,67,.34);background:linear-gradient(90deg,rgba(255,159,67,.16),rgba(201,243,29,.08));border-radius:16px;color:var(--text)}
.maintenanceBanner div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.maintenanceBanner strong{color:var(--orange)}.maintenanceBanner small{color:var(--muted)}.bannerClose{border:none;background:rgba(255,255,255,.06);color:var(--muted);border-radius:10px;width:32px;height:32px;cursor:pointer;font-size:18px}.bannerClose:hover{color:#fff;background:rgba(255,255,255,.12)}
.healthList{display:flex;flex-direction:column;gap:10px}.healthItem{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--border);background:var(--card2);border-radius:14px}.cronBox{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--card2);display:flex;flex-direction:column;gap:10px}.auditBox{margin-top:14px;max-height:360px;overflow:auto;background:#080a0d;color:#dbeafe;border:1px solid var(--border);border-radius:14px;padding:14px;font-size:12px;line-height:1.5;white-space:pre-wrap}
html[data-theme="light"] .maintenanceBanner{background:linear-gradient(90deg,#fff7ed,#f4ffd1);color:#0f172a;border-color:#fed7aa}html[data-theme="light"] .bannerClose{background:#fff;color:#64748b;border:1px solid #e2e8f0}html[data-theme="light"] .auditBox{background:#0f172a;color:#e2e8f0}
@media(max-width:900px){.maintenanceBanner{margin:10px 12px 0 12px;align-items:flex-start}.maintenanceBanner div{display:block}.maintenanceBanner span{display:block;margin-top:4px}.maintenanceBanner small{display:block;margin-top:4px}.healthItem{align-items:flex-start}.auditBox{max-height:300px}}
/* v115 polish */
.auditTimeline{display:flex;flex-direction:column;gap:10px;margin-top:10px}.auditItem{padding:12px;border:1px solid var(--border);background:var(--card2);border-radius:14px}.auditItem strong{display:inline-block;margin-right:8px}.auditItem span{color:var(--muted);font-size:12px}.actionMenuDrop{z-index:2147483000!important}.tableWrap{position:relative}.modalBg{z-index:2147482000}.modal{position:relative;z-index:2147482001}.select[multiple]{min-height:112px}.sideItem{gap:10px}.sideIcon{flex:0 0 22px;text-align:center}.sideLabel{flex:1;text-align:left}
/* v119: owner inbox dismiss + task chat polish */
.ownerInboxItem .btnDanger { padding: 8px 12px; }
.commentList { display:flex; flex-direction:column; gap:10px; }
.commentItem { border:1px solid var(--border); background:rgba(255,255,255,.035); border-radius:14px; padding:12px; }
.commentReply { background:rgba(201,243,29,.04); border-left:3px solid rgba(201,243,29,.45); }
.btnSmall { padding:6px 10px; font-size:12px; }
body.light .commentItem { background:#fff; color:var(--text); }
body.light .commentReply { background:#f6faed; }
/* v122 – nicer supervisor picker */
.gridForm .span2 { grid-column: 1 / -1; }
.supervisorPicker {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 10px;
margin-top: 8px;
}
.supervisorOption {
position: relative;
display: flex;
align-items: center;
gap: 11px;
padding: 12px 14px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 16px;
background: rgba(255,255,255,.045);
cursor: pointer;
transition: .16s ease;
min-height: 62px;
}
.supervisorOption:hover {
border-color: rgba(201,243,29,.42);
background: rgba(201,243,29,.08);
transform: translateY(-1px);
}
.supervisorOption input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.supervisorAvatar {
width: 36px;
height: 36px;
border-radius: 12px;
display: grid;
place-items: center;
font-weight: 800;
color: #0c1117;
background: linear-gradient(135deg, #C9F31D, #e7ff7a);
box-shadow: 0 8px 20px rgba(201,243,29,.15);
flex: 0 0 auto;
}
.supervisorText { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.supervisorText strong { color: var(--text, #fff); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.supervisorText small { color: var(--muted, #8f9aad); margin-top: 3px; }
.supervisorTick {
margin-left: auto;
width: 24px;
height: 24px;
border-radius: 999px;
display: grid;
place-items: center;
font-size: 13px;
font-weight: 900;
opacity: .22;
border: 1px solid rgba(255,255,255,.14);
color: var(--text, #fff);
}
.supervisorOption:has(input:checked) {
border-color: rgba(201,243,29,.82);
background: rgba(201,243,29,.14);
box-shadow: 0 0 0 1px rgba(201,243,29,.12), 0 12px 34px rgba(0,0,0,.18);
}
.supervisorOption:has(input:checked) .supervisorTick {
opacity: 1;
background: #C9F31D;
color: #0b1016;
border-color: #C9F31D;
}
body.light .supervisorOption,
.light .supervisorOption {
background: #fff;
border-color: rgba(15,23,42,.13);
}
body.light .supervisorOption:hover,
.light .supervisorOption:hover,
body.light .supervisorOption:has(input:checked),
.light .supervisorOption:has(input:checked) {
background: #f4fbe7;
border-color: rgba(132,170,0,.55);
}
body.light .supervisorText strong,
.light .supervisorText strong { color: #111827; }
body.light .supervisorText small,
.light .supervisorText small { color: #667085; }
body.light .supervisorTick,
.light .supervisorTick { color: #111827; border-color: rgba(15,23,42,.14); }
/* v125 Owner Inbox bulk actions */
.ownerInboxBulkBar {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin: 0 0 16px;
padding: 12px 14px;
border: 1px solid var(--border);
border-radius: 16px;
background: rgba(255,255,255,.04);
}
.checkLine,
.inboxCheck {
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
}
.inboxCheck input,
.checkLine input {
width: 16px;
height: 16px;
accent-color: var(--accent);
}
.ownerInboxItem .inboxCheck {
min-width: 0;
}
body.light .ownerInboxBulkBar {
background: rgba(15,23,42,.04);
}
/* v126 sales pipeline block view */
.viewSwitchRow{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 16px}
.viewSwitchBtn{border:1px solid var(--border);background:var(--card);color:var(--muted);padding:10px 15px;border-radius:12px;cursor:pointer;font-weight:800;display:inline-flex;align-items:center;gap:8px}
.viewSwitchBtn.active{background:var(--accent-dim);border-color:rgba(201,243,29,.45);color:var(--accent)}
.salesPipelineBoardWrap{width:100%;overflow-x:auto;padding:8px 0 22px}
.salesPipelineBoard{display:flex;align-items:flex-start;gap:16px;min-width:max-content;padding:4px 0 10px}
.pipelineBlock{width:316px;min-height:0;border:1px solid var(--border);border-radius:22px;padding:18px;background:linear-gradient(180deg,rgba(25,33,45,.97),rgba(15,22,34,.98));box-shadow:0 18px 42px rgba(0,0,0,.18);flex:0 0 316px;transition:.18s ease}
.pipelineBlock:hover{transform:translateY(-1px);box-shadow:0 22px 48px rgba(0,0,0,.2)}
.pipelineBlock.isOpen{border-color:rgba(201,243,29,.35);box-shadow:0 0 0 1px rgba(201,243,29,.12),0 22px 48px rgba(0,0,0,.22)}
.pipelineBlock-first_call{background:linear-gradient(180deg,rgba(49,87,126,.34),rgba(15,22,34,.98))}
.pipelineBlock-followup_email{background:linear-gradient(180deg,rgba(255,177,85,.22),rgba(15,22,34,.98))}
.pipelineBlock-second_call{background:linear-gradient(180deg,rgba(70,192,137,.22),rgba(15,22,34,.98))}
.pipelineBlock-nurture{background:linear-gradient(180deg,rgba(147,111,255,.22),rgba(15,22,34,.98))}
.pipelineBlock-consultation_booked{background:linear-gradient(180deg,rgba(255,147,85,.24),rgba(15,22,34,.98))}
.pipelineBlockHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;border:0;background:transparent;padding:0;width:100%;text-align:left}
.pipelineBlockToggle{cursor:pointer}
.pipelineBlockTitleWrap{min-width:0;flex:1}
.pipelinePhaseMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.pipelineStepTag,.pipelineSummaryTag{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:.01em}
.pipelineStepTag{background:rgba(201,243,29,.14);color:var(--accent)}
.pipelineSummaryTag{background:rgba(255,255,255,.08);color:#e7edf5}
.pipelineBlockTitle{font-size:22px;font-weight:950;color:#fff;display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:-.02em;line-height:1.1}
.pipelineBlockHelper{margin-top:8px;color:#cdd7e6;font-size:13px;line-height:1.45;max-width:230px}
.pipelineBlockHeadRight{display:flex;align-items:flex-start;gap:10px}
.pipelineBlockCountWrap{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:58px}
.pipelineBlockIcon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(201,243,29,.13);color:var(--accent);font-weight:900;font-size:18px}
.pipelineBlockCount{width:40px;height:40px;border-radius:999px;background:var(--accent);color:#081014;font-weight:950;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px rgba(201,243,29,.12)}
.pipelineCountLabel{font-size:10px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:#dce6f3}
.pipelineChevron{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff;font-weight:950;font-size:16px;margin-top:4px}
.pipelineInfoCard{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:18px;padding:14px 14px 12px;margin-bottom:12px}
.pipelineBlockImportant{font-size:12px;font-weight:950;color:#f7fbff;margin-bottom:10px;letter-spacing:.01em}
.pipelineBlockList{margin:0;padding-left:18px;color:#d5dfeb;line-height:1.42;font-size:13px;min-height:205px}
.pipelineBlockList li{margin:0 0 6px}.pipelineListHeading{list-style:none;margin-left:-18px!important;color:#fff;font-weight:950;font-size:12px;padding-top:3px;text-transform:uppercase;letter-spacing:.03em}
.pipelineAccordionBtn{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);background:rgba(201,243,29,.08);border-radius:16px;padding:12px 14px;color:#fff;font-weight:900;cursor:pointer;transition:.16s ease;margin-bottom:12px;text-align:left}
.pipelineAccordionBtn:hover{border-color:rgba(201,243,29,.45);background:rgba(201,243,29,.12)}
.pipelineAccordionMeta{font-size:11px;font-weight:900;color:#dce6f3;text-transform:uppercase;letter-spacing:.03em}
.pipelineAccordionChevron{font-size:14px;color:var(--accent)}
.pipelineBlockContacts{display:none;flex-direction:column;gap:10px}
.pipelineBlockContacts.open{display:flex}
.pipelineMiniCard{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px;cursor:pointer;transition:.16s ease}
.pipelineMiniCard:hover{transform:translateY(-1px);border-color:rgba(201,243,29,.45);background:rgba(201,243,29,.07)}
.pipelineMiniIcon{width:36px;height:36px;flex:0 0 36px;border-radius:999px;background:rgba(201,243,29,.12);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px}
.pipelineMiniMain{min-width:0;flex:1}
.pipelineMiniTop{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;font-size:13px}
.pipelineMiniTop strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.pipelineMiniContact{font-weight:700}
.pipelineMiniMeta{font-size:12px;color:#c7d4e4;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pipelineMiniHint{font-size:12px;color:#9fb2c8;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pipelineMiniBadge{font-size:10px;font-weight:900;border-radius:999px;padding:4px 8px;background:rgba(201,243,29,.14);color:var(--accent);text-transform:uppercase}
.pipelineMiniTag{display:inline-flex;margin-top:8px;font-size:10px;border-radius:999px;padding:4px 8px;background:rgba(106,168,255,.12);color:var(--blue);font-weight:800}
.pipelineEmptyMini{border:1px dashed rgba(255,255,255,.14);border-radius:16px;padding:18px;text-align:left;color:var(--muted);font-size:13px;background:rgba(255,255,255,.03)}
.pipelineEmptyTitle{font-size:13px;font-weight:900;color:#fff;margin-bottom:4px}
.pipelineEmptyText{font-size:12px;color:#bccbdd;line-height:1.4}
.pipelineArrow{align-self:flex-start;margin-top:120px;font-size:28px;color:var(--muted);font-weight:900;flex:0 0 auto}
html[data-theme="light"] .pipelineBlock{background:#fff;border-color:#d8e2ef;box-shadow:0 14px 36px rgba(15,23,42,.08)}
html[data-theme="light"] .pipelineBlock:hover{box-shadow:0 20px 40px rgba(15,23,42,.1)}
html[data-theme="light"] .pipelineBlock.isOpen{border-color:rgba(177,205,22,.55);box-shadow:0 0 0 1px rgba(177,205,22,.12),0 20px 40px rgba(15,23,42,.12)}
html[data-theme="light"] .pipelineBlock-first_call{background:linear-gradient(180deg,#eff7ff,#fff)}
html[data-theme="light"] .pipelineBlock-followup_email{background:linear-gradient(180deg,#fff8e5,#fff)}
html[data-theme="light"] .pipelineBlock-second_call{background:linear-gradient(180deg,#effcec,#fff)}
html[data-theme="light"] .pipelineBlock-nurture{background:linear-gradient(180deg,#f8f3ff,#fff)}
html[data-theme="light"] .pipelineBlock-consultation_booked{background:linear-gradient(180deg,#fff3e9,#fff)}
html[data-theme="light"] .pipelineSummaryTag{background:#edf2f8;color:#445468}
html[data-theme="light"] .pipelineBlockTitle,html[data-theme="light"] .pipelineListHeading,html[data-theme="light"] .pipelineMiniTop,html[data-theme="light"] .pipelineAccordionBtn,html[data-theme="light"] .pipelineEmptyTitle,html[data-theme="light"] .pipelineBlockImportant{color:#101828}
html[data-theme="light"] .pipelineBlockHelper,html[data-theme="light"] .pipelineMiniMeta,html[data-theme="light"] .pipelineMiniHint,html[data-theme="light"] .pipelineCountLabel,html[data-theme="light"] .pipelineEmptyText{color:#607086}
html[data-theme="light"] .pipelineChevron{background:#eef4fb;color:#334155}
html[data-theme="light"] .pipelineInfoCard{border-color:#e3ebf4;background:#fbfdff}
html[data-theme="light"] .pipelineBlockList{color:#334155}
html[data-theme="light"] .pipelineMiniCard{background:#fff;border-color:#e4ebf4;box-shadow:0 4px 14px rgba(15,23,42,.05)}
html[data-theme="light"] .pipelineEmptyMini{color:#64748b;background:rgba(15,23,42,.02);border-color:#d8e3ef}
html[data-theme="light"] .pipelineArrow{color:#8090a8}
html[data-theme="light"] .pipelineAccordionBtn{border-color:#dbe5f0;background:#f8fbff}
html[data-theme="light"] .pipelineAccordionBtn:hover{border-color:#bfd23d;background:#f5f9df}
@media(max-width:760px){.pipelineBlock{width:286px;flex-basis:286px;padding:16px}.pipelineArrow{display:none}.salesPipelineBoard{gap:12px}.pipelineBlockList{min-height:0}.pipelineAccordionBtn{padding:10px 12px;grid-template-columns:1fr auto}.pipelineAccordionMeta{display:none}.pipelineBlockTitle{font-size:20px}.pipelineBlockHelper{max-width:none}.pipelineArrow{margin-top:0}}
/* v129 sales board usability polish */
.pipelineBlock{width:328px;flex-basis:328px}
.pipelineBlockList{min-height:185px}
.pipelineAccordionBtn{position:relative;overflow:hidden}
.pipelineAccordionBtn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(201,243,29,.16),transparent 62%);opacity:.55;pointer-events:none}
.pipelineAccordionBtn>*{position:relative;z-index:1}
.pipelineMiniCard{position:relative;overflow:hidden;padding:13px 13px 12px}
.pipelineMiniCard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:rgba(201,243,29,.35)}
.pipelineMiniCard.isOverdue::before{background:#ff5252}.pipelineMiniCard.isToday::before{background:#ffb155}
.pipelineMiniBadges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.pipelineStatusBadge,.pipelinePriorityBadge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950;line-height:1;text-transform:uppercase;letter-spacing:.02em;border:1px solid transparent}
.pipelineStatusBadge.new{background:rgba(106,168,255,.14);color:#8fc0ff;border-color:rgba(106,168,255,.22)}
.pipelineStatusBadge.followup{background:rgba(255,177,85,.16);color:#ffd38c;border-color:rgba(255,177,85,.24)}
.pipelineStatusBadge.second{background:rgba(76,214,142,.14);color:#8df0b8;border-color:rgba(76,214,142,.22)}
.pipelineStatusBadge.nurture{background:rgba(163,134,255,.18);color:#c8b8ff;border-color:rgba(163,134,255,.25)}
.pipelineStatusBadge.consultation{background:rgba(201,243,29,.16);color:var(--accent);border-color:rgba(201,243,29,.28)}
.pipelineStatusBadge.today{background:rgba(255,177,85,.18);color:#ffd38c;border-color:rgba(255,177,85,.28)}
.pipelineStatusBadge.overdue{background:rgba(255,82,82,.18);color:#ff9b9b;border-color:rgba(255,82,82,.3)}
.pipelineStatusBadge.won{background:rgba(76,214,142,.16);color:#8df0b8;border-color:rgba(76,214,142,.24)}
.pipelineStatusBadge.lost{background:rgba(255,82,82,.16);color:#ff9b9b;border-color:rgba(255,82,82,.24)}
.pipelinePriorityBadge.high{background:rgba(255,82,82,.16);color:#ffb0b0;border-color:rgba(255,82,82,.24)}
.pipelinePriorityBadge.medium{background:rgba(255,177,85,.16);color:#ffd38c;border-color:rgba(255,177,85,.22)}
.pipelinePriorityBadge.low{background:rgba(148,163,184,.14);color:#cbd5e1;border-color:rgba(148,163,184,.2)}
.pipelineMiniNext{margin-top:9px;border-radius:12px;background:rgba(255,255,255,.045);padding:8px 9px;color:#d7e2ef;font-size:12px;line-height:1.35}
.pipelineMiniNext span{font-weight:950;color:#fff;margin-right:4px}
.pipelineMiniFooter{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.pipelineMiniSmall{font-size:11px;color:#9fb2c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:138px}
.pipelineMiniTag{margin-top:0}
html[data-theme="light"] .pipelineMiniCard::before{background:#bfd23d}
html[data-theme="light"] .pipelineMiniCard.isOverdue::before{background:#ef4444}html[data-theme="light"] .pipelineMiniCard.isToday::before{background:#f59e0b}
html[data-theme="light"] .pipelineMiniNext{background:#f7fafc;color:#334155}
html[data-theme="light"] .pipelineMiniNext span{color:#101828}
html[data-theme="light"] .pipelineMiniSmall{color:#607086}
html[data-theme="light"] .pipelineStatusBadge.new{background:#eaf3ff;color:#2563eb;border-color:#bfdbfe}
html[data-theme="light"] .pipelineStatusBadge.followup{background:#fff4df;color:#b45309;border-color:#fde2a6}
html[data-theme="light"] .pipelineStatusBadge.second{background:#e9fbf0;color:#047857;border-color:#bbf7d0}
html[data-theme="light"] .pipelineStatusBadge.nurture{background:#f4efff;color:#6d28d9;border-color:#ddd6fe}
html[data-theme="light"] .pipelineStatusBadge.consultation{background:#f3fbd0;color:#56690b;border-color:#d9ee78}
html[data-theme="light"] .pipelineStatusBadge.today{background:#fff4df;color:#b45309;border-color:#fde2a6}
html[data-theme="light"] .pipelineStatusBadge.overdue{background:#fee2e2;color:#b91c1c;border-color:#fecaca}
html[data-theme="light"] .pipelineStatusBadge.won{background:#dcfce7;color:#047857;border-color:#bbf7d0}
html[data-theme="light"] .pipelineStatusBadge.lost{background:#fee2e2;color:#b91c1c;border-color:#fecaca}
html[data-theme="light"] .pipelinePriorityBadge.high{background:#fee2e2;color:#b91c1c;border-color:#fecaca}
html[data-theme="light"] .pipelinePriorityBadge.medium{background:#fff4df;color:#b45309;border-color:#fde2a6}
html[data-theme="light"] .pipelinePriorityBadge.low{background:#f1f5f9;color:#475569;border-color:#e2e8f0}
@media(max-width:760px){.pipelineBlock{width:292px;flex-basis:292px}.pipelineMiniBadges{gap:5px}.pipelineMiniNext{font-size:11px}.pipelineMiniSmall{display:none}}
/* v130 light mode sales board contrast fixes */
html[data-theme="light"] .viewSwitchBtn{background:#ffffff;color:#475569;border-color:#cfd9e5;box-shadow:0 3px 10px rgba(15,23,42,.05)}
html[data-theme="light"] .viewSwitchBtn:hover{border-color:#b7c5d6;background:#f8fbff;color:#334155}
html[data-theme="light"] .viewSwitchBtn.active{background:#eff8be;border-color:#bfd23d;color:#55670c;box-shadow:0 0 0 3px rgba(201,243,29,.18),0 6px 16px rgba(15,23,42,.08)}
html[data-theme="light"] .pipelineBlock{border-color:#d2ddeb;box-shadow:0 16px 36px rgba(15,23,42,.09)}
html[data-theme="light"] .pipelineBlock.isOpen{border-color:#b6cd2b;box-shadow:0 0 0 1px rgba(182,205,43,.2),0 18px 40px rgba(15,23,42,.12)}
html[data-theme="light"] .pipelineStepTag{background:#dff18f;color:#506109;border:1px solid #c9df53}
html[data-theme="light"] .pipelineSummaryTag{background:#e8eef6;color:#344255;border:1px solid #d6e0eb}
html[data-theme="light"] .pipelineCountLabel{color:#5f6f84}
html[data-theme="light"] .pipelineInfoCard{background:#ffffff;border-color:#dbe6f1;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
html[data-theme="light"] .pipelineAccordionBtn{background:#ffffff;border-color:#d5e0eb;color:#182230;box-shadow:0 6px 16px rgba(15,23,42,.04)}
html[data-theme="light"] .pipelineAccordionBtn:hover{border-color:#bfd23d;background:#f5f9df}
html[data-theme="light"] .pipelineAccordionMeta{color:#6b7c92}
html[data-theme="light"] .pipelineMiniCard{background:#ffffff;border-color:#d5e0eb;box-shadow:0 10px 22px rgba(15,23,42,.08)}
html[data-theme="light"] .pipelineMiniCard:hover{border-color:#bfd23d;background:#ffffff;box-shadow:0 14px 26px rgba(15,23,42,.10)}
html[data-theme="light"] .pipelineMiniTop{color:#0f172a}
html[data-theme="light"] .pipelineMiniTop strong{color:#0f172a}
html[data-theme="light"] .pipelineMiniContact{color:#334155}
html[data-theme="light"] .pipelineMiniMeta{color:#475569}
html[data-theme="light"] .pipelineMiniHint{color:#64748b}
html[data-theme="light"] .pipelineMiniTag{background:#eaf2ff;color:#2457c5}
html[data-theme="light"] .pipelineMiniBadge{background:#ecf7be;color:#5f7306;border:1px solid #d4e86b}
html[data-theme="light"] .pipelineEmptyMini{background:#ffffff;border-color:#d7e2ee;box-shadow:0 6px 16px rgba(15,23,42,.04)}
/* v131 light mode task/calendar/owner inbox visibility fixes */
html[data-theme="light"] .calendarShell{background:#ffffff;border-color:#d6e0eb;box-shadow:0 14px 32px rgba(15,23,42,.06)}
html[data-theme="light"] .calendarWeekdays{color:#607086}
html[data-theme="light"] .calendarDay{background:#ffffff;border-color:#d8e2ee;box-shadow:0 6px 16px rgba(15,23,42,.04)}
html[data-theme="light"] .calendarDay:hover{border-color:#bfd23d;box-shadow:0 10px 22px rgba(15,23,42,.08)}
html[data-theme="light"] .calendarDay.mutedDay{background:#f7f9fc;opacity:.82}
html[data-theme="light"] .calendarDay.todayDay{background:#fbfde9;border-color:#bfd23d;box-shadow:0 0 0 1px rgba(191,210,61,.22) inset,0 8px 20px rgba(15,23,42,.07)}
html[data-theme="light"] .calendarDayTop strong{color:#0f172a}
html[data-theme="light"] .calendarEvent{background:#eef7c9;color:#33410a;border-color:#d9ea8c;box-shadow:0 4px 10px rgba(191,210,61,.12);white-space:normal}
html[data-theme="light"] .calendarEvent span{color:#5a6b10;font-weight:900}
html[data-theme="light"] .calendarEventMeta{color:#475569!important;opacity:1}
html[data-theme="light"] .calendarTopNav{background:linear-gradient(180deg,#ffffff,#f8fbff);border-color:#d8e2ee;box-shadow:0 8px 20px rgba(15,23,42,.05)}
html[data-theme="light"] .deptTaskCard{background:#ffffff!important;border-color:#d7e1ed!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important}
html[data-theme="light"] .deptTaskCard:hover{background:#ffffff!important;border-color:#bfd23d!important;box-shadow:0 16px 34px rgba(15,23,42,.1)!important}
html[data-theme="light"] .deptTaskCard .salesCardTitle{color:#0f172a!important}
html[data-theme="light"] .deptTaskCard .note{color:#516174!important}
html[data-theme="light"] .deptTaskCard .salesCardNote{color:#334155!important;line-height:1.5}
html[data-theme="light"] .taskBulkCheck{color:#607086!important}
html[data-theme="light"] .deptTaskCard .badge{border:1px solid rgba(15,23,42,.06)!important}
html[data-theme="light"] .ownerInboxBoard{gap:16px}
html[data-theme="light"] .ownerInboxItem{background:#ffffff!important;border-color:#d9e3ee!important;box-shadow:0 12px 28px rgba(15,23,42,.06)!important}
html[data-theme="light"] .ownerInboxItem:hover{background:#ffffff!important;border-color:#bfd23d!important;box-shadow:0 16px 34px rgba(15,23,42,.1)!important}
html[data-theme="light"] .ownerInboxTitle{color:#0f172a!important;font-weight:900!important}
html[data-theme="light"] .ownerInboxMeta{color:#516174!important}
html[data-theme="light"] .ownerInboxNote{background:#f8fbff!important;border-color:#d9e3ee!important;color:#334155!important}
html[data-theme="light"] .ownerInboxItem_deleted{border-color:#f5b0b0!important;background:linear-gradient(180deg,#fff5f5,#ffffff)!important;box-shadow:0 0 0 1px rgba(239,68,68,.12),0 12px 28px rgba(239,68,68,.08)!important}
html[data-theme="light"] .ownerInboxItem_deleted .ownerInboxTitle{color:#9f1239!important}
html[data-theme="light"] .ownerInboxItem_deleted .ownerInboxNote{background:#fff1f2!important;border-color:#fecdd3!important;color:#9f1239!important}
html[data-theme="light"] .ownerInboxItem_blockerTone{border-color:#fdba74!important;background:linear-gradient(180deg,#fff8f1,#ffffff)!important;box-shadow:0 0 0 1px rgba(249,115,22,.10),0 12px 28px rgba(249,115,22,.08)!important}
html[data-theme="light"] .ownerInboxItem_blockerTone .ownerInboxTitle{color:#9a3412!important}
html[data-theme="light"] .ownerInboxItem_blockerTone .ownerInboxNote{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important}
/* v132 global pipeline/admin stats improvements */
.gpHeroCard{background:linear-gradient(135deg,rgba(201,243,29,.08),rgba(255,255,255,.02));}
.gpStageGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.gpStageCard{border:1px solid var(--border);background:var(--card2);border-radius:16px;padding:14px;display:flex;gap:12px;align-items:center}
.gpStageIcon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(201,243,29,.12);font-size:18px}
.gpStageBody{min-width:0;flex:1}.gpStageName{font-size:13px;font-weight:800}.gpStageCount{font-size:26px;font-weight:900;margin-top:4px}
.gpInlineStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.gpInlineStats>div{border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:14px;padding:12px 14px}.gpInlineStats strong{display:block;font-size:22px}.gpInlineStats span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.gpActionList{display:flex;flex-direction:column;gap:10px}.gpActionRow{display:grid;grid-template-columns:1.3fr 1fr .9fr;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--border);background:var(--card2);border-radius:14px;cursor:pointer}.gpActionRow:hover{border-color:rgba(201,243,29,.45)}
html[data-theme="light"] .gpHeroCard{background:linear-gradient(135deg,#ffffff,#f5f9df)!important}
html[data-theme="light"] .gpStageCard,html[data-theme="light"] .gpActionRow,html[data-theme="light"] .gpInlineStats>div{background:#ffffff;border-color:#d8e2ee;box-shadow:0 8px 20px rgba(15,23,42,.05)}
html[data-theme="light"] .gpStageName,html[data-theme="light"] .gpStageCount{color:#0f172a}
html[data-theme="light"] .gpInlineStats span{color:#607086}
@media(max-width:980px){.gpStageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpActionRow{grid-template-columns:1fr}.gpInlineStats{grid-template-columns:1fr}}
/* v135 Moj dan / Owner Inbox decision center / Task Workspace */
.myDayPanel{margin-top:14px;border:1px solid var(--border);border-radius:16px;padding:14px;background:rgba(255,255,255,.035)}
.myDayGridMini{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}.myDayMini{border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--card2);cursor:pointer}.myDayMini:hover{border-color:rgba(201,243,29,.45)}.myDayMini strong{display:block}.myDayMini span,.myDayMini small{display:block;color:var(--muted);margin-top:4px}.myDayMini.danger{border-color:rgba(255,82,82,.35);background:rgba(255,82,82,.07)}.myDayMini.today{border-color:rgba(255,177,85,.35);background:rgba(255,177,85,.08)}
.ownerInboxActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ownerInboxItem_blocker,.ownerInboxItem_blocked,.ownerInboxItem_blockerTone{border-color:rgba(255,159,67,.55)!important;background:linear-gradient(135deg,rgba(255,159,67,.12),var(--card))!important}.ownerInboxItem_overdue,.ownerInboxItem_deleted{border-color:rgba(255,82,82,.55)!important;background:linear-gradient(135deg,rgba(255,82,82,.12),var(--card))!important}.ownerInboxItem .ownerInboxTitle{font-size:17px;font-weight:950}
.taskWorkspaceHero{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.taskWorkspaceHero>div,.taskWebLinks>div{border:1px solid var(--border);background:var(--card2);border-radius:14px;padding:12px}.pinnedComment{margin-top:14px;border:1px solid rgba(201,243,29,.35);background:rgba(201,243,29,.08);border-radius:14px;padding:12px}.pinnedComment strong{display:block;margin-bottom:6px}.taskWorkspaceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.taskWorkspaceCard .noteText{white-space:pre-wrap;color:var(--muted);margin-top:8px;line-height:1.5}.linkified a,.taskWebLinks a{color:var(--accent);font-weight:800;text-decoration:none}.taskWebLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px}.taskWebLinks span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.taskWebLinks small{white-space:pre-wrap}.checklistList{display:flex;flex-direction:column;gap:8px}.checklistItem{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--card2)}.checklistItem span{flex:1}.checklistItem input:checked+span{text-decoration:line-through;color:var(--muted)}
.activityTimeline{display:flex;flex-direction:column;gap:12px}.activityTimelineItem{display:grid;grid-template-columns:18px 1fr;gap:12px;border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--card2)}.activityTimelineDot{width:12px;height:12px;border-radius:999px;background:var(--accent);margin-top:4px}.activityTimelineItem.blocker .activityTimelineDot{background:var(--red)}.activityTimelineItem.won .activityTimelineDot{background:var(--green)}.activityTimelineItem.file .activityTimelineDot{background:var(--blue)}
html[data-theme="light"] .myDayPanel,html[data-theme="light"] .taskWorkspaceHero>div,html[data-theme="light"] .taskWebLinks>div,html[data-theme="light"] .taskWorkspaceCard,html[data-theme="light"] .checklistItem,html[data-theme="light"] .activityTimelineItem{background:#fff;border-color:#d8e2ee;color:#0f172a}html[data-theme="light"] .myDayMini{background:#fff;border-color:#d8e2ee;box-shadow:0 8px 18px rgba(15,23,42,.05)}html[data-theme="light"] .myDayMini span,html[data-theme="light"] .myDayMini small,html[data-theme="light"] .taskWorkspaceCard .noteText{color:#516174}html[data-theme="light"] .ownerInboxItem_blocker,html[data-theme="light"] .ownerInboxItem_blocked,html[data-theme="light"] .ownerInboxItem_blockerTone{background:linear-gradient(180deg,#fff8f1,#fff)!important;border-color:#fdba74!important}html[data-theme="light"] .ownerInboxItem_overdue,html[data-theme="light"] .ownerInboxItem_deleted{background:linear-gradient(180deg,#fff1f2,#fff)!important;border-color:#fecaca!important}.pinnedComment{color:var(--text)}
@media(max-width:760px){.taskWorkspaceGrid{grid-template-columns:1fr}.ownerInboxActions .btn{width:100%}}
/* v136 cleaner task workspace + accordion checklist */
.taskWorkspacePanel{border-color:rgba(201,243,29,.22)!important;background:linear-gradient(180deg,rgba(201,243,29,.045),rgba(255,255,255,.02))}
.taskPanelHead{align-items:flex-start!important;gap:16px;flex-wrap:wrap}
.workspaceBlockGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.workspaceBlockCard{border:1px solid var(--border);background:var(--card2);border-radius:16px;padding:14px;min-height:110px;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.workspaceBlockTitle{font-size:15px;font-weight:950;color:#fff;line-height:1.2}
.workspaceBlockDesc{margin-top:10px;color:#cbd5e1;font-size:13px;line-height:1.5;white-space:pre-wrap}
.workspaceBlockDesc a{color:var(--accent);font-weight:800;text-decoration:none}.workspaceBlockDesc a:hover{text-decoration:underline}
.workspaceFile{margin-top:12px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(201,243,29,.22);background:rgba(201,243,29,.09);color:var(--accent);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;text-decoration:none}
.workspaceEmpty{grid-column:1/-1;padding:18px!important}
.checklistAccordion{padding:0!important;overflow:hidden}
.checklistAccordionHead{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:var(--text);padding:18px;cursor:pointer}
.checklistAccordionHead:hover{background:rgba(201,243,29,.045)}
.checklistProgressPill{display:inline-flex;align-items:center;justify-content:center;min-width:54px;border-radius:999px;padding:7px 11px;background:rgba(201,243,29,.12);color:var(--accent);font-weight:950}
.checklistChevron{width:34px;height:34px;border-radius:999px;background:var(--card2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:950;font-size:18px}
.checklistAccordionBody{display:none;border-top:1px solid var(--border);padding:16px 18px 18px}.checklistAccordionBody.open{display:block}
.checklistAddBox{border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:16px;padding:14px}
.checklistList.improved{display:flex;flex-direction:column;gap:8px}.checklistList.improved .checklistItem{background:var(--card2);border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.btnSmall{padding:6px 10px!important;border-radius:9px!important;min-height:auto!important}
html[data-theme="light"] .taskWorkspacePanel{background:linear-gradient(180deg,#ffffff,#f8fbef)!important;border-color:#d8e88a!important}
html[data-theme="light"] .workspaceBlockCard{background:#ffffff;border-color:#d7e2ee;box-shadow:0 10px 22px rgba(15,23,42,.06)}
html[data-theme="light"] .workspaceBlockTitle{color:#0f172a}html[data-theme="light"] .workspaceBlockDesc{color:#334155}
html[data-theme="light"] .workspaceFile{background:#f2f9cf;color:#55670c;border-color:#d2e87a}
html[data-theme="light"] .checklistAccordionHead{color:#0f172a}html[data-theme="light"] .checklistAccordionHead:hover{background:#f8fbef}
html[data-theme="light"] .checklistAddBox{background:#ffffff;border-color:#d7e2ee}html[data-theme="light"] .checklistChevron{background:#f1f5f9;border-color:#d7e2ee;color:#0f172a}
html[data-theme="light"] .checklistList.improved .checklistItem{background:#ffffff;border-color:#d7e2ee;color:#0f172a}
/* v137 task workspace checklist polish */
.checklistQuickAdd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.bulkChecklistDetails{margin-top:10px;color:var(--muted)}
.bulkChecklistDetails summary{cursor:pointer;font-weight:800;color:var(--muted);padding:8px 0}
.bulkChecklistDetails .textarea{margin-top:8px}
.checklistFilterRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.checklistList.improved .checklistItem{align-items:flex-start}
.checklistList.improved .checklistItem span{display:flex;flex-direction:column;gap:4px;line-height:1.3}
.checklistList.improved .checklistItem span small{font-size:11px;color:var(--muted);font-weight:700}
.checklistList.improved .checklistItem.done span strong{text-decoration:line-through;color:var(--muted)}
html[data-theme="light"] .bulkChecklistDetails summary{color:#475569}
html[data-theme="light"] .checklistList.improved .checklistItem span small{color:#64748b}
/* v138 Komercialisti light mode polish */
html[data-theme="light"] .nurtureBox,
body.light .nurtureBox{
background:#f5f9df!important;
border-color:#bfd23d!important;
color:#182230!important;
box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
font-weight:700!important;
line-height:1.5!important;
}
html[data-theme="light"] #nurtureInfoWrap .note,
body.light #nurtureInfoWrap .note{
color:#344255!important;
font-weight:900!important;
}
html[data-theme="light"] .salesPipelineBoardWrap{
background:linear-gradient(180deg,#f8fbff,#eef4fb)!important;
border:1px solid #d7e2ee!important;
border-radius:22px!important;
padding:18px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 12px 28px rgba(15,23,42,.05)!important;
}
html[data-theme="light"] .salesPipelineBoard{
gap:20px!important;
padding:2px 4px 10px!important;
}
html[data-theme="light"] .pipelineBlock{
background:#ffffff!important;
border:1px solid #cbd8e6!important;
box-shadow:0 14px 34px rgba(15,23,42,.10)!important;
}
html[data-theme="light"] .pipelineBlock:hover{
border-color:#b8c8d9!important;
box-shadow:0 18px 40px rgba(15,23,42,.13)!important;
}
html[data-theme="light"] .pipelineBlock.isOpen{
border-color:#a9c41f!important;
box-shadow:0 0 0 2px rgba(201,243,29,.22),0 20px 46px rgba(15,23,42,.14)!important;
}
html[data-theme="light"] .pipelineBlock-first_call{background:linear-gradient(180deg,#f1f8ff 0%,#ffffff 48%)!important}
html[data-theme="light"] .pipelineBlock-followup_email{background:linear-gradient(180deg,#fff6df 0%,#ffffff 48%)!important}
html[data-theme="light"] .pipelineBlock-second_call{background:linear-gradient(180deg,#eefbea 0%,#ffffff 48%)!important}
html[data-theme="light"] .pipelineBlock-nurture{background:linear-gradient(180deg,#f5efff 0%,#ffffff 48%)!important}
html[data-theme="light"] .pipelineBlock-consultation_booked{background:linear-gradient(180deg,#fff0e4 0%,#ffffff 48%)!important}
html[data-theme="light"] .pipelineInfoCard{
background:#ffffff!important;
border:1px solid #d4e0ed!important;
box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
}
html[data-theme="light"] .pipelineAccordionBtn{
background:linear-gradient(90deg,#ffffff,#f7fbe9)!important;
border:1px solid #cfdceb!important;
box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
}
html[data-theme="light"] .pipelineAccordionBtn:hover{
border-color:#aec626!important;
background:#f4f9dc!important;
}
html[data-theme="light"] .pipelineMiniCard{
background:#ffffff!important;
border:1px solid #cfdceb!important;
box-shadow:0 10px 22px rgba(15,23,42,.08)!important;
}
html[data-theme="light"] .pipelineMiniCard:hover{
border-color:#aec626!important;
box-shadow:0 14px 28px rgba(15,23,42,.12)!important;
}
html[data-theme="light"] .pipelineArrow{
color:#61738b!important;
text-shadow:0 1px 0 #fff!important;
}
html[data-theme="light"] .pipelineStepTag{
background:#dff18f!important;
color:#364900!important;
border-color:#c4dd43!important;
}
html[data-theme="light"] .pipelineSummaryTag{
background:#e8eef6!important;
color:#263548!important;
border-color:#d0dbe8!important;
}
html[data-theme="light"] .pipelineBlockList,
html[data-theme="light"] .pipelineBlockHelper,
html[data-theme="light"] .pipelineMiniMeta,
html[data-theme="light"] .pipelineMiniHint,
html[data-theme="light"] .pipelineCountLabel,
html[data-theme="light"] .pipelineAccordionMeta{
color:#344255!important;
}
/* v139 client portal admin UI */
.clientPortalAdminHero{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(201,243,29,.10),rgba(255,255,255,.03));border-radius:16px;padding:14px 16px}
.clientPortalRow{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);background:var(--card2);border-radius:14px;padding:12px 14px}
.clientRequestItem{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border:1px solid var(--border);background:var(--card2);border-radius:16px;padding:14px;cursor:pointer;transition:.15s ease;margin-bottom:10px}
.clientRequestItem:hover{border-color:rgba(201,243,29,.45);transform:translateY(-1px)}
.clientRequestItem h3{margin:8px 0 6px;font-size:16px}.clientComment{background:rgba(201,243,29,.06);border-color:rgba(201,243,29,.2)}
.timelineItem{border-left:3px solid rgba(201,243,29,.55);padding:10px 0 10px 12px;border-bottom:1px solid var(--border)}
html[data-theme="light"] .clientPortalAdminHero{background:linear-gradient(135deg,#fff,#f4fad7);border-color:#d8e2ee}
html[data-theme="light"] .clientPortalRow,html[data-theme="light"] .clientRequestItem{background:#fff;border-color:#d8e2ee;box-shadow:0 8px 20px rgba(15,23,42,.05)}
html[data-theme="light"] .clientComment{background:#f6fbdc;border-color:#dbeaa2}
/* v142 client portal usability polish */
.clientPortalBetterModal .modal{max-width:1320px}
.clientPortalOverviewGrid{align-items:start}
.clientPortalMiniCard{border:1px solid var(--border);background:var(--card2);border-radius:14px;padding:12px 14px}
.clientPortalSteps{display:flex;flex-direction:column;gap:10px}
.clientPortalStep{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:14px;background:var(--card2);padding:12px 14px}
.clientPortalStep span{width:28px;height:28px;border-radius:999px;background:var(--accent);color:#111;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.clientPortalMilestoneRow{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:14px;background:var(--card2);padding:12px 14px}
html[data-theme="light"] .clientPortalMiniCard,
html[data-theme="light"] .clientPortalStep,
html[data-theme="light"] .clientPortalMilestoneRow{background:#fff;border-color:#d8e2ee;box-shadow:0 8px 20px rgba(15,23,42,.05)}
@media (max-width: 900px){
.clientPortalOverviewGrid{grid-template-columns:1fr !important}
}
/* v143 client portal clarity + design review */
.clientPortalBetterModal{max-width:1280px!important;width:min(1280px,calc(100vw - 44px))!important;}
.clientPortalBetterModal .tabs{position:sticky;top:0;z-index:2;background:var(--card);padding:10px 0;border-bottom:1px solid var(--border)}
.clientDesignReviewHint{border:1px solid rgba(106,168,255,.35);background:rgba(106,168,255,.08);border-radius:14px;padding:12px 14px;margin-top:12px;margin-bottom:12px}
html[data-theme="light"] .clientDesignReviewHint{background:#eef6ff;border-color:#cfe1ff}
html[data-theme="light"] .clientPortalBetterModal .tabs{background:#fff}
.clientPortalBetterModal .metricCard .statLabel{font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.clientPortalBetterModal .metricCard .statValue{font-size:34px}
@media(max-width:900px){.clientPortalBetterModal{width:calc(100vw - 20px)!important}.clientPortalBetterModal .tabs{overflow-x:auto;flex-wrap:nowrap}.clientPortalBetterModal .tab{white-space:nowrap}}
/* v158 client portal admin workspace polish */
.clientPortalAdminHero,
.clientPortalOverviewGrid > .card,
.clientPortalMiniCard,
.clientPortalMilestoneRow,
.clientRequestItem,
.attachmentItem,
.commentItem {
border-radius: 18px;
}
.clientPortalAdminHero {
background: linear-gradient(135deg, #ffffff, #f8fafc);
border: 1px solid rgba(148, 163, 184, .28);
box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
padding: 18px;
}
.clientPortalOverviewGrid .card,
#clientPortalAdminInner > .card,
#projectsPage > .card {
box-shadow: 0 12px 30px rgba(15, 23, 42, .055);
}
.clientRequestItem,
.clientPortalMiniCard,
.clientPortalMilestoneRow,
.attachmentItem,
.commentItem {
background: #fff;
border: 1px solid rgba(148, 163, 184, .25);
padding: 14px;
}
.clientComment {
background: #f8fafc;
border-color: rgba(37, 99, 235, .18);
}
.clientPortalSteps {
display: grid;
gap: 10px;
}
.clientPortalStep {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 12px;
border: 1px solid rgba(148, 163, 184, .25);
border-radius: 16px;
background: #fff;
}
.clientPortalStep span {
width: 26px;
height: 26px;
border-radius: 999px;
background: #C9F31D;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 900;
flex: 0 0 26px;
}
#clientPortalTabs .tab.active {
background: #0f172a;
color: white;
border-color: #0f172a;
}
#clientPortalTabs .tab {
border-radius: 999px;
}
.clientLinkedTaskBox{padding:10px 12px;border:1px solid var(--border);background:rgba(15,23,42,.03);border-radius:14px;color:var(--text)}
.clientPortalEvents{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.clientPortalEvent{padding:12px;border:1px solid rgba(201,243,29,.45);background:rgba(201,243,29,.07);border-radius:14px}
.clientPortalEvent strong{display:block;margin-bottom:4px}
/* v160 task detail polish */
.taskPrimaryActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.taskActionMenu{position:relative;display:inline-block}
.taskActionMenu>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.taskActionMenu>summary::-webkit-details-marker{display:none}
.taskActionMenuPanel{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.22);padding:10px;z-index:2147483002;display:flex;flex-direction:column;gap:8px}
.taskActionMenuPanel .btn{width:100%;justify-content:flex-start;text-align:left}
.taskDetailAccordion{margin-top:18px;border:1px solid var(--border);border-radius:16px;background:var(--card);overflow:hidden}
.taskDetailAccordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;user-select:none}
.taskDetailAccordion>summary::-webkit-details-marker{display:none}
.taskDetailAccordion>summary strong{font-size:16px;display:block}
.taskDetailAccordion>summary span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.taskDetailAccordionBody{padding:0 16px 16px}
.accordionCount{border:1px solid var(--border);background:var(--card2);border-radius:999px;min-width:28px;height:28px;display:inline-flex!important;align-items:center;justify-content:center;font-size:12px!important;font-weight:900;color:var(--text)!important;margin:0!important}
.clientPortalEvents.improved{gap:10px}
.clientPortalEvent{border-radius:14px!important;background:var(--card2)!important;border-color:var(--border)!important}
.clientPortalEvent.client{border-color:rgba(201,243,29,.45)!important;background:rgba(201,243,29,.08)!important}
.clientPortalEvent.revision{border-color:#fbbf24!important;background:rgba(251,191,36,.10)!important}
.clientPortalEvent.approved{border-color:#86efac!important;background:rgba(134,239,172,.10)!important}
.clientPortalEvent.file{border-color:#bfdbfe!important;background:rgba(191,219,254,.12)!important}
.clientPortalEventBody{margin-top:8px;line-height:1.55;white-space:pre-wrap}
.clientPortalEventBody a{font-weight:900;text-decoration:none;color:var(--accent)}
.auditTimeline{margin-top:0!important}
@media(max-width:760px){.taskActionMenu,.taskActionMenu>summary{width:100%}.taskActionMenuPanel{position:static;margin-top:8px}.taskPrimaryActions .btn{width:100%}}
/* v161 task detail polish */
.clientPortalEvents.grouped{gap:12px}
.clientPortalEvents.grouped .clientPortalEvent{padding:14px 16px;border-radius:16px!important;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.clientPortalEvents.grouped .clientPortalEvent.client{background:#fbffea!important;border-color:rgba(201,243,29,.55)!important}
.clientPortalEvents.grouped .clientPortalEvent.revision{background:#fff9e8!important;border-color:#f3ce69!important}
.clientPortalEvents.grouped .clientPortalEvent.approved{background:#f0fdf4!important;border-color:#bbf7d0!important}
.clientPortalEvents.grouped .clientPortalEvent.file{background:#f3f8ff!important;border-color:#cfe0ff!important}
.clientPortalFilesInline{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.clientPortalFilePill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:8px 11px;font-weight:900;color:var(--accent);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.taskPrimaryActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.taskActionSummary{border-radius:14px!important;padding:11px 14px!important;background:var(--card)!important;border-color:var(--border)!important;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.taskActionSummary span{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:rgba(201,243,29,.22);font-weight:900;color:var(--text)}
.taskActionMenu[open] .taskActionSummary{border-color:rgba(201,243,29,.75)!important;background:rgba(201,243,29,.08)!important}
.taskActionMenuPanel{min-width:260px!important;padding:8px!important;border-radius:18px!important;gap:6px!important;box-shadow:0 18px 44px rgba(15,23,42,.18)!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(10px)}
.taskActionMenuPanel .taskMenuBtn{border-radius:12px!important;padding:11px 12px!important;background:#fff!important;border:1px solid var(--border)!important;color:var(--text)!important;font-weight:800!important}
.taskActionMenuPanel .taskMenuBtn:hover{background:var(--card2)!important;transform:none!important}
.taskActionMenuPanel .taskMenuApprove{background:rgba(201,243,29,.18)!important;border-color:rgba(201,243,29,.6)!important;color:#203000!important}
.taskActionMenuPanel .taskMenuDanger{background:#fff1f2!important;border-color:#fecdd3!important;color:#b91c1c!important}
/* v162 task detail spacing + waiting client polish */
.taskDetailModal{width:min(1180px,calc(100vw - 28px))}
.taskDetailHeader{padding-bottom:6px;border-bottom:1px solid rgba(148,163,184,.18)}
.taskDetailContent{display:flex;flex-direction:column;gap:22px;margin-top:18px}
.taskDetailContent>*{margin-top:0!important}
.taskDetailContent .taskSectionCard{padding:16px 18px;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.taskDetailContent .taskActionsCard{padding:14px 16px}
.taskDetailContent .taskWorkspaceHero{gap:14px}
.taskDetailContent .taskWorkspaceHero>div,.taskDetailContent .taskWebLinks>div{border-radius:16px;padding:14px}
.taskDetailContent .pinnedComment{margin-top:0;border-radius:16px}
.taskDetailContent .workspaceBlockGrid{gap:14px}
.taskDetailContent .taskDetailAccordion{margin-top:0}
.taskDetailContent .commentList,.taskDetailContent .attachmentList{gap:10px}
.taskDetailContent .commentItem,.taskDetailContent .attachmentItem{border-radius:16px}
.taskDetailContent .tableWrap{margin-top:12px}
.taskDetailContent .taskOwnerNote .card{border-radius:16px}
.taskDetailContent .sectionTitle{letter-spacing:-.01em}
.deptTaskCard .badge.bOrange{box-shadow:0 6px 16px rgba(245,158,11,.18)}
html[data-theme="light"] .taskDetailHeader{border-bottom-color:#d9e2ee}
html[data-theme="light"] .taskDetailContent .taskSectionCard{background:#fff;border-color:#d8e2ee;box-shadow:0 10px 24px rgba(15,23,42,.05)}
@media(max-width:760px){.taskDetailModal{width:calc(100vw - 14px)}.taskDetailContent{gap:16px}.taskDetailContent .taskSectionCard{padding:14px}}
/* v163 sidebar premium dropdown refresh */
.sidebar{width:252px;padding-bottom:8px;overflow-y:auto;overflow-x:hidden}
.brand{padding:18px 18px 14px;border-bottom:none}
.brandLogo{max-width:154px}
.sideSection{padding:14px 18px 8px;font-size:10px;letter-spacing:1.5px;color:var(--muted2);font-weight:800}
.sideGroup{margin:0 10px 2px}
.sideItem{width:calc(100% - 0px);background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;margin:2px 10px;border-radius:12px;color:var(--muted);font-size:13px;font-weight:600;line-height:1.25;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.sideItem .sideIcon{flex:0 0 18px;width:18px;text-align:center;font-size:13px;opacity:.9}
.sideItem .sideLabel{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sideItemMain,.sideItemEnd{display:flex;align-items:center;gap:10px;min-width:0}
.sideItemEnd{margin-left:auto;gap:8px}
.sideItem:hover{background:var(--hover);border-color:rgba(255,255,255,.04);color:#fff}
.sideItem.active{background:rgba(201,243,29,.1);border-color:rgba(201,243,29,.18);color:#e9f2ff}
.sideGroup.active > .sideGroupToggle{background:rgba(201,243,29,.08);border-color:rgba(201,243,29,.14);color:#fff}
.sideChevron{font-size:11px;color:var(--muted2);transition:transform .16s ease,color .16s ease}
.sideGroup.open .sideChevron{transform:rotate(90deg);color:var(--accent)}
.sideNotifBadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:rgba(201,243,29,.14);color:var(--accent);font-size:10px;font-weight:800}
.sideSubmenu{display:none;padding:2px 0 8px 34px}
.sideGroup.open .sideSubmenu{display:flex;flex-direction:column;gap:4px}
.sideSubItem{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:transparent;border:none;border-radius:10px;padding:7px 10px;color:var(--muted);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}
.sideSubItem:hover{background:rgba(255,255,255,.04);color:#fff}
.sideSubItem.active{background:rgba(201,243,29,.12);color:var(--accent);font-weight:700}
.sidebarFooter{margin-top:14px;padding:16px 14px 18px;border-top:1px solid var(--border)}
.userMini{padding:10px 10px;border-radius:14px;background:rgba(255,255,255,.02)}
.userMini:hover{background:var(--hover)}
.themeToggleRow{padding:0 10px}
html[data-theme="light"] .sideItem{color:#334155;background:transparent}
html[data-theme="light"] .sideItem:hover{background:#F3F6FB!important;color:#0F172A!important;border-color:#DDE6F0!important}
html[data-theme="light"] .sideItem.active,html[data-theme="light"] .sideGroup.active>.sideGroupToggle{background:#111827!important;color:#fff!important;border-color:#111827!important}
html[data-theme="light"] .sideItem.active .sideChevron,html[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideChevron{color:var(--accent)!important}
html[data-theme="light"] .sideSubItem{color:#475569}
html[data-theme="light"] .sideSubItem:hover{background:#EFF4FA;color:#0F172A}
html[data-theme="light"] .sideSubItem.active{background:rgba(201,243,29,.18);color:#111827}
html[data-theme="light"] .userMini{background:#F8FAFC}
@media (max-width:760px){
.sideSubmenu{padding-left:26px}
}
/* v164 sidebar / module cleanup */
.moduleShell.compact{display:flex;flex-direction:column;gap:14px}
.moduleHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:2px}
.moduleEyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted2);font-weight:800}
.moduleTitle{font-size:22px;line-height:1.1;font-weight:800;color:inherit;margin-top:4px}
/* make sidebar closer to Linear/Notion */
.sidebar{width:258px;padding:10px 0 12px;background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), var(--sidebar)}
.sideSection{padding:16px 18px 8px;font-size:10px;letter-spacing:1.3px;color:var(--muted2);font-weight:700}
.sideGroup{margin:0 8px 2px}
.sideItem{position:relative;margin:2px 8px;padding:8px 10px;border-radius:10px;font-size:12.5px;font-weight:600;min-height:38px;background:transparent;border:1px solid transparent;box-shadow:none}
.sideItem::before{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:2px;border-radius:999px;background:transparent;transition:background .18s ease, opacity .18s ease;opacity:0}
.sideItem:hover{transform:translateX(0);background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.05)}
.sideItem:hover::before{opacity:.55;background:rgba(255,255,255,.18)}
.sideItem.active,.sideGroup.active>.sideGroupToggle{background:rgba(201,243,29,.11);border-color:rgba(201,243,29,.18)}
.sideItem.active::before,.sideGroup.active>.sideGroupToggle::before{opacity:1;background:var(--accent)}
.sideIcon{font-size:12px!important;opacity:.95}
.sideChevron{font-size:10px}
.sideSubmenu{display:block;overflow:hidden;max-height:0;opacity:0;transform:translateY(-4px);padding:0 0 0 28px;transition:max-height .24s ease, opacity .18s ease, transform .18s ease, padding .2s ease}
.sideGroup.open .sideSubmenu{max-height:260px;opacity:1;transform:translateY(0);padding:4px 0 10px 28px}
.sideSubItem{padding:7px 10px;border-radius:9px;font-size:12px;font-weight:550;min-height:32px}
.sideSubItem.active{box-shadow:inset 0 0 0 1px rgba(201,243,29,.18)}
.sideNotifBadge{min-width:17px;height:17px;padding:0 5px;font-size:10px;line-height:1;background:rgba(201,243,29,.16);color:#d6f94a;border:1px solid rgba(201,243,29,.16)}
.userMini{border:1px solid var(--border)}
.brand{padding-bottom:8px}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#FFFFFF 0%, #FBFCFE 100%)!important;box-shadow:inset -1px 0 0 #E6ECF5}
html[data-theme="light"] .sideSection{color:#8A96A8!important}
html[data-theme="light"] .sideItem{color:#334155!important;background:transparent!important;border-color:transparent!important}
html[data-theme="light"] .sideItem::before{background:transparent}
html[data-theme="light"] .sideItem:hover{background:#EEF3F8!important;color:#0F172A!important;border-color:#DCE5F0!important}
html[data-theme="light"] .sideItem:hover::before{opacity:1;background:#CBD5E1}
html[data-theme="light"] .sideItem:hover .sideIcon,
html[data-theme="light"] .sideItem:hover .sideLabel,
html[data-theme="light"] .sideItem:hover .sideChevron{color:#0F172A!important}
html[data-theme="light"] .sideItem.active,
html[data-theme="light"] .sideGroup.active>.sideGroupToggle{background:#111827!important;color:#FFFFFF!important;border-color:#111827!important}
html[data-theme="light"] .sideItem.active .sideIcon,
html[data-theme="light"] .sideItem.active .sideLabel,
html[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideIcon,
html[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideLabel{color:#FFFFFF!important}
html[data-theme="light"] .sideItem.active::before,
html[data-theme="light"] .sideGroup.active>.sideGroupToggle::before{background:var(--accent)!important;opacity:1}
html[data-theme="light"] .sideChevron{color:#64748B!important}
html[data-theme="light"] .sideSubItem{color:#475569!important}
html[data-theme="light"] .sideSubItem:hover{background:#F3F6FA!important;color:#0F172A!important}
html[data-theme="light"] .sideSubItem.active{background:#EAF6AF!important;color:#111827!important;border:1px solid #D8E98A}
html[data-theme="light"] .sideNotifBadge{background:#111827!important;color:#FFFFFF!important;border-color:#111827!important}
html[data-theme="light"] .sideSubItem .sideNotifBadge{background:var(--accent)!important;color:#111827!important;border-color:#C8E543!important}
/* hide old top tabs feel by tightening content tops */
#salesPage>.tabs,#deptPage>.tabs,#salesTabs{display:none!important}
@media (max-width:760px){
.moduleHeader{align-items:flex-start;flex-direction:column}
.moduleTitle{font-size:20px}
.sideItem{min-height:40px}
.sideGroup.open .sideSubmenu{padding-left:22px}
}
/* v165 ultra premium sidebar + topbar */
.sidebar{width:264px;padding-top:8px;border-right:1px solid var(--border);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 18%), var(--sidebar)}
.brand{padding:18px 18px 12px!important;border-bottom:none!important}
.brandWithLogo{min-height:auto}
.brandLogo{width:144px;opacity:.98}
.sideGroup,.sideItem{position:relative}
.sideItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin:2px 10px;border-radius:12px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;min-height:38px}
.sideItemMain{display:flex;align-items:center;gap:10px;min-width:0}
.sideLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sideIconWrap{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);flex:0 0 22px}
.sideIcon{font-size:10px!important;font-weight:800;letter-spacing:.2px}
.sideItem:hover .sideIconWrap{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}
.sideItem.active .sideIconWrap,.sideGroup.active>.sideGroupToggle .sideIconWrap{background:rgba(201,243,29,.15);border-color:rgba(201,243,29,.18);color:var(--accent)}
.sideItemEnd{display:flex;align-items:center;gap:7px;margin-left:auto}
.sideChevron{transition:transform .22s ease, color .18s ease}
.sideGroup.open .sideChevron{transform:rotate(90deg)}
.sideSubmenu{margin:0 8px 4px 8px;border-left:1px solid rgba(255,255,255,.06)}
.sideGroup.open .sideSubmenu{padding-left:10px}
.sideSubItem{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0;padding:7px 10px;border-radius:10px;border:1px solid transparent;background:transparent;transition:background .18s ease,border-color .18s ease}
.sideSubItem:hover{background:rgba(255,255,255,.03)}
.sideSubItem.active{background:rgba(201,243,29,.08)}
.sideSection{padding:14px 18px 6px;font-size:10px;font-weight:800;letter-spacing:1.35px;color:var(--muted2)}
.sidebarFooter{margin-top:auto;padding:14px 14px 18px;border-top:none;background:transparent}
.userMini{border-radius:14px;background:rgba(255,255,255,.02);padding:10px}
.themeToggleRow{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.02)}
.topbar{min-height:68px!important;padding:14px 22px!important;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0))!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(12px)}
.topEyebrow{font-size:10px;font-weight:800;letter-spacing:1.35px;text-transform:uppercase;color:var(--muted2);margin-bottom:3px}
.topTitle{font-size:21px;font-weight:800;letter-spacing:-.02em}
.topProfileMini{display:flex;align-items:center;padding:0 2px 0 8px;color:var(--muted)}
.topProfileName{font-size:12px;font-weight:700;color:var(--muted)}
.topSearch{max-width:420px}.globalSearchInput{height:42px;border-radius:14px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
.topActions .btn{height:42px;border-radius:12px}
.btnLogout{background:transparent;border:1px solid var(--border);color:var(--muted)}
.content{padding:22px;gap:18px;max-width:none}
html[data-theme="light"] .sideIconWrap{background:#F8FAFC;border-color:#E6ECF5;color:#475569}
html[data-theme="light"] .sideItem:hover .sideIconWrap{background:#EEF3F8;border-color:#DCE5F0;color:#0F172A}
html[data-theme="light"] .sideItem.active .sideIconWrap,
html[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideIconWrap{background:#E9F6A8;border-color:#D7E98A;color:#111827}
html[data-theme="light"] .sideSubmenu{border-left-color:#E7EDF5}
html[data-theme="light"] .userMini,html[data-theme="light"] .themeToggleRow{background:#FFFFFF;border:1px solid #E5ECF5}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.92)!important}
html[data-theme="light"] .globalSearchInput{background:#FFFFFF;border-color:#E1E8F2;color:#0F172A}
html[data-theme="light"] .topProfileName{color:#475569}
@media(max-width:760px){
.sidebar{width:min(84vw,320px)!important}
.topbar{padding:12px 14px!important;min-height:62px!important}
.topTitle{font-size:18px}
.topEyebrow{display:none}
}
/* v166 inbox chat center + calmer premium workspace */
.topbar{padding:12px 20px!important;min-height:64px!important}
.topActions{gap:10px!important}.topProfileMini{padding-left:2px}.topSearch{max-width:360px}
.topIconBtn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--card);display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--text);position:relative}
.topIconBtn strong{position:absolute;top:-6px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--accent);color:#101010;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
.topIconBtn:hover{transform:translateY(-1px);background:var(--card2)}
.card,.moduleShell,.clientRequestItem,.ownerInboxItem,.workspaceBlockCard,.taskWorkspacePanel,.checklistAccordion,.taskDetailAccordion,.emptyCard,.userMini,.themeToggleRow{box-shadow:0 1px 0 rgba(255,255,255,.02),0 8px 30px rgba(0,0,0,.06)}
html[data-theme="light"] .card,html[data-theme="light"] .moduleShell,html[data-theme="light"] .clientRequestItem,html[data-theme="light"] .workspaceBlockCard,html[data-theme="light"] .taskWorkspacePanel,html[data-theme="light"] .checklistAccordion{box-shadow:0 1px 1px rgba(16,24,40,.02),0 12px 24px rgba(16,24,40,.04)}
.moduleHeader.slim{margin-bottom:14px}
.moduleTitle{letter-spacing:-.03em}
.inboxChatPage{display:flex;flex-direction:column;gap:14px}
.chatCenterShell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;overflow:hidden;padding:0!important;min-height:640px}
.chatConversationRail{border-right:1px solid var(--border);background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0))}
.chatConversationRailHead{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;border-bottom:1px solid var(--border)}
.chatConversationList{padding:10px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 250px);overflow:auto}
.chatConversationItem{width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:12px;border-radius:14px;transition:all .18s ease}
.chatConversationItem:hover{background:rgba(255,255,255,.03);border-color:var(--border)}
.chatConversationItem.active{background:rgba(201,243,29,.08);border-color:rgba(201,243,29,.22)}
.chatConversationTitle{font-size:14px;font-weight:800;color:var(--text);line-height:1.3}
.chatConversationMeta{font-size:12px;color:var(--muted);margin-top:4px}
.chatConversationPreview{font-size:12px;color:var(--muted);margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
.chatThreadPanel{display:flex;flex-direction:column;min-height:640px}
.chatThreadHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--border)}
.chatThreadTitle{font-size:20px;font-weight:800;letter-spacing:-.03em}
.chatThreadMeta{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}
.chatThreadMessages{padding:18px;display:flex;flex-direction:column;gap:12px;overflow:auto;flex:1;background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0))}
.chatBubble{max-width:780px;border-radius:16px;padding:12px 14px;border:1px solid var(--border);background:var(--card);align-self:flex-start}
.chatBubble.mine{align-self:flex-end;background:rgba(201,243,29,.08);border-color:rgba(201,243,29,.18)}
.chatBubbleMeta{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px}
.chatBubbleBody{font-size:13px;line-height:1.6;color:var(--text);word-break:break-word}
.chatBubbleMention{margin-top:8px;font-size:11px;color:var(--muted2)}
.chatComposer{padding:16px 18px;border-top:1px solid var(--border);background:var(--panel)}
.chatComposer .textarea{min-height:110px}
.emptyStateCard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;min-height:420px;color:var(--muted)}
.modalWide.taskDetailModal{max-width:1040px!important;border-radius:26px!important;padding:24px!important}
.taskDetailHeader{padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:18px}
.taskDetailContent{gap:20px!important}
.taskWorkspaceHero.taskTopInfo{gap:14px!important}
.taskWorkspaceHero.taskTopInfo>div,.taskWorkspaceHero.taskTopInfo .pinnedComment{padding:16px 18px!important;border-radius:18px!important}
.taskWorkspacePanel,.checklistAccordion,.taskDetailAccordion{margin-top:18px!important;border-radius:20px!important}
.taskPanelHead,.checklistAccordionHead,details.taskDetailAccordion>summary{padding:18px 18px!important}
.taskDetailAccordionBody{padding:0 18px 18px!important}
.clientPortalEvents.grouped{gap:12px!important}
.clientPortalEvent{padding:16px 16px!important;border-radius:18px!important}
.actionFabMenu .btn,.portalMenu .btn{justify-content:flex-start}
#clientPortalPage .card,#projectsPage .card{border-radius:20px}
#clientPortalPage .contentActionRow{margin-bottom:18px}
.clientRequestItem{padding:16px!important;border-radius:18px!important}
.clientLinkedTaskBox{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--border)}
.projectCard,.projectRowCard{border-radius:20px!important}
html[data-theme="light"] .chatConversationItem:hover{background:#F8FBFD}
html[data-theme="light"] .chatConversationItem.active{background:#F5F9DE;border-color:#DCE999}
html[data-theme="light"] .chatBubble{background:#FFFFFF}
html[data-theme="light"] .chatBubble.mine{background:#F5F9DE;border-color:#DCE999}
html[data-theme="light"] .chatConversationRail{background:#FAFCFF}
html[data-theme="light"] .chatComposer{background:#FCFDFE}
html[data-theme="light"] .topIconBtn{background:#FFF;border-color:#E3EAF3}
@media(max-width:1024px){
.chatCenterShell{grid-template-columns:1fr;min-height:auto}
.chatConversationRail{border-right:none;border-bottom:1px solid var(--border)}
.chatConversationList{max-height:280px}
.chatThreadPanel{min-height:auto}
}
/* v167 task chat + task comment messenger polish */
.chatConversationItem{padding:14px!important;border-radius:16px!important}
.chatConversationTop{display:flex;align-items:flex-start;gap:12px}
.chatConversationAvatar,.chatAvatar,.commentAvatar{width:36px;height:36px;border-radius:12px;background:rgba(201,243,29,.12);border:1px solid rgba(201,243,29,.22);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--text);flex:0 0 auto}
.chatAvatar.mine{background:rgba(255,255,255,.06);border-color:var(--border)}
.chatConversationTitle{color:var(--text)!important;font-weight:800!important}
.chatConversationMeta,.chatConversationPreview{color:var(--muted)!important}
.chatStatePill{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--muted)}
.chatStatePill.seen{background:rgba(201,243,29,.08);border-color:rgba(201,243,29,.18);color:var(--text)}
.chatStatePill.read{background:rgba(255,255,255,.03)}
.chatOnlineDot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#34D399;box-shadow:0 0 0 3px rgba(52,211,153,.12)}
.chatMetaChip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.03);font-size:12px;color:var(--text)}
.chatThreadMessages{gap:14px!important}
.chatBubbleRow{display:flex;align-items:flex-end;gap:10px;max-width:100%}
.chatBubbleRow.mine{justify-content:flex-end}
.chatBubble{max-width:min(760px,78%);border-radius:18px!important;padding:12px 14px!important}
.chatBubble.theirs{background:rgba(255,255,255,.03)}
.chatBubble.mine{background:rgba(201,243,29,.1)!important;border-color:rgba(201,243,29,.22)!important}
.chatBubbleMeta strong{font-size:12px}
.chatBubbleMeta span{font-size:11px}
.chatBubbleBody{font-size:13px;line-height:1.65;color:var(--text)!important}
.chatComposer .textarea{border-radius:16px}
.commentList{gap:14px!important}
.commentItem{display:flex;align-items:flex-start;gap:12px;border:none!important;background:transparent!important;padding:0!important}
.commentItem.commentReply{margin-top:10px}
.commentBubble{flex:1;max-width:780px;border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:18px;padding:12px 14px;box-shadow:0 1px 0 rgba(255,255,255,.02)}
.commentText{margin-top:8px;font-size:13px;line-height:1.65;color:var(--text)}
.commentReply .commentBubble{background:rgba(255,255,255,.02)}
.taskSectionCard .sectionTitle{font-size:17px!important}
.taskSectionCard{padding:18px!important}
.taskDetailContent>.card,.taskDetailContent>details{margin-top:20px!important}
.taskDetailContent .card:first-child{margin-top:0!important}
.taskWorkspacePanel,.taskSectionCard,.taskDetailAccordion,.checklistAccordion{scroll-margin-top:24px}
.actionRow,.ownerTaskActionBar{gap:10px;flex-wrap:wrap}
html[data-theme="dark"] .chatConversationTitle, html[data-theme="dark"] .chatThreadTitle, html[data-theme="dark"] .commentText{color:#F5F7FB!important}
html[data-theme="dark"] .chatConversationItem.active{background:rgba(201,243,29,.08)!important}
html[data-theme="dark"] .chatConversationPreview{color:#A9B5C6!important}
html[data-theme="dark"] .chatBubble.theirs, html[data-theme="dark"] .commentBubble{background:#161D2A!important;border-color:#253046!important}
html[data-theme="dark"] .chatComposer{background:#111827!important}
html[data-theme="dark"] .chatConversationRail{background:#0E1624!important}
html[data-theme="dark"] .chatConversationItem:hover{background:#121C2D!important}
html[data-theme="dark"] .sideNotifBadge{color:#111!important}
html[data-theme="light"] .chatConversationAvatar, html[data-theme="light"] .chatAvatar, html[data-theme="light"] .commentAvatar{background:#F5F9DE;border-color:#DCE999}
html[data-theme="light"] .chatBubble.theirs, html[data-theme="light"] .commentBubble{background:#FFF}
html[data-theme="light"] .chatStatePill.read{background:#F7F9FC}
/* v168 chat presence polish */
.chatPresenceDot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#94A3B8;box-shadow:0 0 0 3px rgba(148,163,184,.12)}
.chatPresenceDot.bGreen{background:#34D399;box-shadow:0 0 0 3px rgba(52,211,153,.12)}
.chatPresenceDot.bAccent{background:#C9F31D;box-shadow:0 0 0 3px rgba(201,243,29,.14)}
.chatPresenceDot.bBlue{background:#60A5FA;box-shadow:0 0 0 3px rgba(96,165,250,.14)}
.chatPresenceDot.bMuted{background:#94A3B8;box-shadow:0 0 0 3px rgba(148,163,184,.12)}
.chatMetaChip{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatConversationItem.active .chatStatePill.seen{background:rgba(201,243,29,.14)}
html[data-theme="light"] .chatConversationItem.active .chatStatePill.seen{background:#EEF7B8}
/* v169 dashboard + sales focus polish */
.dashCleanHero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;padding:18px 20px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:var(--shadowSoft)}
.dashCleanTitle{font-size:28px;font-weight:780;letter-spacing:-.03em;color:var(--text)}
.dashCleanSub{margin-top:6px;color:var(--muted);font-size:14px;max-width:680px;line-height:1.45}.dashCleanActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dashCleanGrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.dashCleanMain,.dashCleanSide{padding:18px}.dashNextCard{margin-top:16px;border:1px solid var(--border);border-radius:18px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:rgba(255,255,255,.035);cursor:pointer}.dashNextCard:hover{border-color:rgba(199,255,44,.45);transform:translateY(-1px)}.dashNextCard span{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.dashNextCard strong{display:block;margin-top:6px;font-size:18px;color:var(--text)}.dashNextCard small{display:block;margin-top:4px;color:var(--muted)}.dashNextCard.danger{background:rgba(255,92,92,.08);border-color:rgba(255,92,92,.22)}.dashNextCard.today{background:rgba(255,184,77,.08);border-color:rgba(255,184,77,.24)}.dashMiniList{margin-top:12px;display:grid;gap:8px}.dashMiniRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer}.dashMiniRow strong{display:block;color:var(--text);font-size:14px}.dashMiniRow small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.dashMiniRow span{color:var(--muted);font-size:12px;white-space:nowrap}.dashPills{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.dashPills span{border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px;font-weight:700}.dashSideBlock{margin-top:14px;display:grid;gap:8px}.dashFocusBtn{width:100%;text-align:left;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025);padding:10px 12px;cursor:pointer;color:var(--text)}.dashFocusBtn strong{display:block;font-size:13px}.dashFocusBtn span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.dashFocusBtn.danger{border-color:rgba(255,92,92,.25);background:rgba(255,92,92,.07)}.dashFocusBtn.today{border-color:rgba(255,184,77,.25);background:rgba(255,184,77,.07)}.dashNotifBtn{width:100%;margin-top:12px;border:1px solid rgba(199,255,44,.35);border-radius:14px;background:rgba(199,255,44,.1);color:var(--text);font-weight:800;padding:12px;cursor:pointer}.salesTodayFocus{margin:12px 0 16px;padding:16px}.salesTodayGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px}.salesTodayCard{border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:16px;padding:14px;cursor:pointer;transition:.16s ease}.salesTodayCard:hover{transform:translateY(-1px);border-color:rgba(199,255,44,.38)}.salesTodayNext{margin-top:12px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid var(--border)}.salesTodayNext span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.salesTodayNext b{display:block;color:var(--text);font-size:14px;margin-top:3px}.salesTodayNext small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.salesTodayNote{margin-top:10px;color:var(--text);font-size:13px;line-height:1.45;border-left:3px solid var(--accent);padding-left:10px}.salesTodayNote.mutedTone{color:var(--muted);border-left-color:var(--border)}
html[data-theme="light"] .dashCleanHero, .app[data-theme="light"] .dashCleanHero{background:#fff;border-color:#e5e7eb;box-shadow:0 10px 28px rgba(15,23,42,.06)}
html[data-theme="light"] .dashNextCard, .app[data-theme="light"] .dashNextCard, html[data-theme="light"] .dashMiniRow, .app[data-theme="light"] .dashMiniRow, html[data-theme="light"] .salesTodayCard, .app[data-theme="light"] .salesTodayCard, html[data-theme="light"] .salesTodayNext, .app[data-theme="light"] .salesTodayNext{background:#fff;border-color:#e5e7eb;box-shadow:0 8px 20px rgba(15,23,42,.045)}
html[data-theme="light"] .dashPills span, .app[data-theme="light"] .dashPills span{background:#f8fafc;border-color:#e5e7eb;color:#475569}
@media(max-width:980px){.dashCleanHero{align-items:flex-start;flex-direction:column}.dashCleanGrid{grid-template-columns:1fr}.dashCleanSide{order:-1}.dashNextCard{grid-template-columns:1fr}.dashCleanActions{justify-content:flex-start}}
/* v170 cache + sales dashboard + compact pipeline today */
.salesDashGrid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.salesDashHero{align-items:center}.salesDashMain,.salesDashSide{padding:18px}.salesNextLead{margin-top:14px;border:1px solid var(--border);border-radius:18px;padding:16px;background:rgba(255,255,255,.035);cursor:pointer}.salesNextLead:hover{border-color:rgba(201,243,29,.38)}.salesNextLead span{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.salesNextLead h3{margin:6px 0 3px;font-size:20px;letter-spacing:-.02em;color:var(--text)}.salesNextLead p,.salesNextLead small{color:var(--muted);margin:0}.salesNextLead.danger{background:rgba(255,92,92,.08);border-color:rgba(255,92,92,.22)}.salesNextLead.today{background:rgba(255,184,77,.08);border-color:rgba(255,184,77,.24)}.salesDashList{display:grid;gap:8px;margin-top:12px}.salesDashRow{width:100%;text-align:left;border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.025);color:var(--text);cursor:pointer}.salesDashRow strong{display:block;font-size:13px}.salesDashRow span{display:block;margin-top:3px;font-size:12px;color:var(--muted)}.salesDashRow.danger{border-color:rgba(255,92,92,.22);background:rgba(255,92,92,.06)}.salesDashRow.today{border-color:rgba(255,184,77,.22);background:rgba(255,184,77,.06)}.salesDashPills{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.salesDashPills span{border:1px solid var(--border);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:750;color:var(--muted);background:rgba(255,255,255,.03)}
.salesTodayFocusCompact{margin:10px 0 14px;padding:14px;border-radius:18px}.salesTodayHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.salesTodayHead .sectionTitle{font-size:16px!important}.salesTodayCount{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:var(--accent-dim);color:var(--accent);font-weight:850;font-size:12px}.salesTodayList{display:grid;gap:7px;margin-top:12px}.salesTodayRow{display:grid;grid-template-columns:minmax(160px,1.1fr) 120px minmax(170px,1fr) minmax(190px,1.2fr);align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer;transition:.14s ease}.salesTodayRow:hover{background:rgba(255,255,255,.045);border-color:rgba(201,243,29,.28)}.salesTodayCompany strong{display:block;color:var(--text);font-size:13px}.salesTodayCompany small,.salesTodayAction small{display:block;color:var(--muted);font-size:11.5px;margin-top:1px}.salesTodayStage{justify-self:start;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:750;color:var(--muted);background:rgba(255,255,255,.025)}.salesTodayAction b{display:block;color:var(--text);font-size:12.5px}.salesTodayNoteText{color:var(--muted);font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.salesTodayNoteText:not(:empty){color:var(--text)}
html[data-theme="light"] .salesDashRow,html[data-theme="light"] .salesNextLead,html[data-theme="light"] .salesTodayRow,html[data-theme="light"] .salesTodayStage,html[data-theme="light"] .salesDashPills span{background:#fff;border-color:#E5EAF2;box-shadow:0 6px 18px rgba(15,23,42,.04)}html[data-theme="light"] .salesTodayRow:hover{background:#F8FAFC;border-color:#D8E1EE}html[data-theme="light"] .salesTodayNoteText:not(:empty){color:#334155}.app[data-theme="light"] .salesDashRow,.app[data-theme="light"] .salesNextLead,.app[data-theme="light"] .salesTodayRow{background:#fff;border-color:#E5EAF2}
@media(max-width:1050px){.salesDashGrid{grid-template-columns:1fr}.salesTodayRow{grid-template-columns:1fr}.salesTodayStage{justify-self:start}.salesTodayNoteText{white-space:normal}}
/* v171 premium ClickUp / Linear design pass */
:root{
--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;
--shadowSoft:0 14px 38px rgba(0,0,0,.14);
--shadowCard:0 1px 0 rgba(255,255,255,.03),0 10px 30px rgba(0,0,0,.10);
}
html[data-theme="light"]{--bg:#F7F8FB;--sidebar:#FFFFFF;--card:#FFFFFF;--card2:#F8FAFC;--border:#E4EAF2;--hover:#F2F5FA;--muted:#64748B;--muted2:#94A3B8;--shadowSoft:0 14px 34px rgba(15,23,42,.08);--shadowCard:0 1px 0 rgba(15,23,42,.03),0 12px 30px rgba(15,23,42,.055)}
html[data-theme="dark"]{--shadowSoft:0 20px 48px rgba(0,0,0,.22);--shadowCard:0 1px 0 rgba(255,255,255,.03),0 14px 38px rgba(0,0,0,.17)}
body{font-size:13.5px}.app{background:var(--bg)}.content{gap:14px;padding:18px 22px}.card,.tableWrap,.modal,.deptTaskCard,.salesCard,.ownerInboxItem,.clientRequestItem,.workspaceBlockCard,.projectCard,.salesTodayCard,.salesTodayRow{border-radius:var(--radius-lg)!important;box-shadow:var(--shadowCard);border-color:var(--border)}
.card{padding:16px}.sectionTitle{font-size:18px;letter-spacing:-.025em}.moduleTitle{font-size:26px!important;letter-spacing:-.045em}.moduleEyebrow,.statLabel,.sideSection{letter-spacing:.12em}.note,.muted,.muted2{line-height:1.45}.btn{border-radius:12px;padding:8px 12px;font-size:13px;font-weight:750;transition:.16s ease}.btn:hover{transform:translateY(-1px)}.btnPrimary{box-shadow:0 8px 22px rgba(201,243,29,.16)}.input,.select,.textarea{border-radius:12px;padding:9px 11px;font-size:13px}.badge{font-size:11px;padding:4px 8px;line-height:1.1;border:1px solid transparent}.table th{font-size:10.5px}.table td{font-size:13px}.table th,.table td{padding:10px 12px}.empty,.emptyCard,.emptyStateCard{border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px dashed var(--border);color:var(--muted)}
html[data-theme="light"] .empty,html[data-theme="light"] .emptyCard,html[data-theme="light"] .emptyStateCard{background:#FBFCFE;border-color:#DDE6F0;color:#64748B}
/* Sidebar: quieter, more premium */
.sidebar{width:238px;border-right:1px solid var(--border);background:linear-gradient(180deg,var(--sidebar),rgba(19,26,36,.97))}.brand{padding:16px 18px;border-bottom:1px solid var(--border)}.brandLogo{max-width:128px;height:auto}.sideSection{font-size:9px;font-weight:850;color:var(--muted2);padding:16px 16px 7px}.sideItem,.sideSubItem,.sideGroupToggle{min-height:34px;border-radius:11px!important;font-size:13px;font-weight:720;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.sideItem:hover,.sideSubItem:hover,.sideGroupToggle:hover{background:var(--hover)!important;color:var(--text)!important;border-color:var(--border)!important}.sideItem.active,.sideSubItem.active,.sideGroupToggle.active{background:rgba(201,243,29,.10)!important;color:var(--text)!important;border-color:rgba(201,243,29,.20)!important;box-shadow:inset 0 0 0 1px rgba(201,243,29,.08)}.sideSubItem{margin-left:16px!important}.sideNotifBadge{min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;background:var(--accent)!important;color:#111!important}.sideChildren{overflow:hidden;transition:max-height .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.sidebarFooter{padding:12px}.userMini,.themeToggleRow{border-radius:16px!important;background:rgba(255,255,255,.025);border:1px solid var(--border);padding:10px!important}
html[data-theme="light"] .sidebar{background:#fff}.app[data-theme="light"] .sidebar{background:#fff}.app[data-theme="light"] .sideItem:hover,.app[data-theme="light"] .sideSubItem:hover,.app[data-theme="light"] .sideGroupToggle:hover{background:#F3F6FA!important;color:#0F172A!important}.app[data-theme="light"] .sideItem.active,.app[data-theme="light"] .sideSubItem.active,.app[data-theme="light"] .sideGroupToggle.active{background:#F5F9DE!important;color:#0F172A!important;border-color:#DAEA8A!important}
/* Topbar: workspace style */
.topbar{height:58px;padding:0 20px;background:rgba(255,255,255,.018);backdrop-filter:saturate(1.2) blur(10px)}.topEyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted2);font-weight:850}.topTitle{font-size:15px;font-weight:850;letter-spacing:-.015em}.topSearch{max-width:440px;flex:1;margin-left:auto}.globalSearchInput{height:36px;background:rgba(255,255,255,.03);border-radius:999px;padding-left:14px}.topIconBtn{height:34px;min-width:34px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.025);color:var(--text)}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.82)}html[data-theme="light"] .globalSearchInput{background:#F8FAFC}
/* Sticky context headers */
.moduleHeader,.salesToolbar,.pipelineToolbar{position:sticky;top:0;z-index:6;background:linear-gradient(180deg,var(--bg) 72%,rgba(0,0,0,0));padding:2px 0 12px;margin-bottom:4px}.moduleHeader{align-items:flex-end}.moduleHeader .row{gap:8px}.quickFilters{gap:7px}.quickFilter,.tab,.navBtn{border-radius:999px!important;padding:7px 11px!important;font-size:12px!important;font-weight:800!important}
/* Right-side preview/drawer for task detail */
.modalBg:has(.taskDetailModal){justify-content:flex-end;align-items:stretch;padding:0;background:rgba(3,7,18,.52);backdrop-filter:blur(4px)}.modalBg:has(.taskDetailModal) .taskDetailModal{width:min(960px,calc(100vw - 248px))!important;height:100vh!important;max-height:100vh!important;border-radius:24px 0 0 24px!important;overflow:auto!important;animation:drawerIn .18s ease-out}.modalBg:has(.taskDetailModal) .taskDetailHeader{position:sticky;top:0;z-index:5;background:var(--card);padding-top:4px}.taskDetailContent{gap:18px!important}.taskDetailContent .taskSectionCard,.taskDetailAccordion,.taskWorkspacePanel,.checklistAccordion{border-radius:20px!important}.taskDetailContent .sectionTitle{font-size:16px!important}.taskDetailContent>.card,.taskDetailContent>details{margin-top:16px!important}@keyframes drawerIn{from{transform:translateX(24px);opacity:.6}to{transform:translateX(0);opacity:1}}@media(max-width:900px){.modalBg:has(.taskDetailModal) .taskDetailModal{width:100vw!important;border-radius:0!important}}
/* Command palette */
.commandPalette{width:min(680px,calc(100vw - 24px))!important;padding:12px!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.38)}.commandSearchWrap{display:flex;align-items:center;gap:10px;padding:8px 10px 12px;border-bottom:1px solid var(--border)}.commandSearchWrap>span{font-size:11px;font-weight:900;border:1px solid var(--border);border-radius:8px;padding:5px 7px;color:var(--muted);background:rgba(255,255,255,.03)}.commandSearchWrap .input{border:none!important;background:transparent!important;font-size:16px;padding:8px 4px!important;box-shadow:none!important}.commandList{display:grid;gap:5px;margin-top:10px;max-height:430px;overflow:auto}.commandItem{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;background:transparent;color:var(--text);border-radius:14px;padding:10px;text-align:left;cursor:pointer}.commandItem:hover,.commandItem.active{background:var(--hover);border-color:var(--border)}.commandIcon{width:32px;height:32px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(201,243,29,.10);color:var(--text);font-weight:900}.commandItem strong{display:block;font-size:14px}.commandItem small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.commandHint{border-top:1px solid var(--border);margin-top:10px;padding:10px 12px 2px;color:var(--muted);font-size:12px}
html[data-theme="light"] .commandItem:hover,html[data-theme="light"] .commandItem.active{background:#F4F7FB}
/* Compact dashboard + cards */
.dashCleanHero{padding:16px 18px!important;border-radius:24px!important}.dashCleanTitle{font-size:26px!important}.dashCleanSub{font-size:13px!important}.dashCleanMain,.dashCleanSide,.salesDashMain,.salesDashSide{padding:16px!important}.dashNextCard,.salesNextLead{padding:14px!important;border-radius:18px!important}.dashNextCard strong,.salesNextLead h3{font-size:17px!important}.dashMiniRow,.salesDashRow,.salesTodayRow{padding:9px 10px!important}.salesTodayFocusCompact{padding:12px!important}.salesTodayRow{box-shadow:none!important}.salesTodayNoteText{font-size:11.5px!important}
/* Inbox / messenger polish */
.chatCenterShell{border-radius:24px!important;overflow:hidden;box-shadow:var(--shadowSoft)}.chatConversationRailHead,.chatThreadHead{padding:16px!important}.chatConversationItem{border:1px solid transparent!important}.chatConversationItem.active{border-color:rgba(201,243,29,.20)!important}.chatBubble{box-shadow:0 8px 20px rgba(0,0,0,.08)}.chatComposer{border-top:1px solid var(--border);padding:16px!important}.chatComposer .textarea{min-height:76px}
/* Client/admin portal and project visual consistency */
.clientPortalWorkspace,.clientPortalPage,.projectWorkspace,.projectHub,.projectsPage{max-width:1280px}.clientPortalWorkspace .card,.clientPortalPage .card,.projectWorkspace .card{border-radius:22px!important}.clientRequestItem{padding:14px!important}.clientRequestItem strong{font-size:14px}.clientRequestMeta,.clientRequestItem .note{font-size:12px}.projectCard,.deptOverviewCard{transition:.16s ease}.projectCard:hover,.deptOverviewCard:hover,.deptTaskCard:hover,.salesCard:hover{transform:translateY(-1px);border-color:rgba(201,243,29,.28)!important}
/* Status color consistency */
.bGreen{background:rgba(61,214,140,.11)!important;color:var(--green)!important;border-color:rgba(61,214,140,.18)!important}.bRed{background:rgba(255,107,107,.11)!important;color:var(--red)!important;border-color:rgba(255,107,107,.18)!important}.bOrange{background:rgba(255,177,85,.13)!important;color:var(--orange)!important;border-color:rgba(255,177,85,.20)!important}.bBlue{background:rgba(106,168,255,.12)!important;color:var(--blue)!important;border-color:rgba(106,168,255,.20)!important}.bAccent{background:rgba(201,243,29,.12)!important;color:var(--accent)!important;border-color:rgba(201,243,29,.22)!important}.bMuted{background:rgba(148,163,184,.12)!important;color:var(--muted)!important;border-color:rgba(148,163,184,.16)!important}
html[data-theme="light"] .bAccent{color:#516200!important;background:#F0F7C3!important;border-color:#DDE999!important}html[data-theme="light"] .bMuted{background:#F1F5F9!important;color:#64748B!important;border-color:#E2E8F0!important}
/* Loading skeletons */
.skeleton,.loadingSkeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(148,163,184,.10),rgba(148,163,184,.18),rgba(148,163,184,.10));border-radius:12px}.skeleton:after,.loadingSkeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:skeletonMove 1.3s infinite}@keyframes skeletonMove{to{transform:translateX(100%)}}
@media(max-width:980px){.content{padding:16px}.topSearch{display:none}.moduleHeader,.salesToolbar,.pipelineToolbar{position:relative}.dashCleanGrid,.salesDashGrid{grid-template-columns:1fr!important}}
.sideSubmenu{overflow:hidden;max-height:0;opacity:.45;transition:max-height .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease,padding .18s ease}.sideGroup.open .sideSubmenu{max-height:360px;opacity:1}.sideChevron{transition:transform .18s ease}.sideGroup.open .sideChevron{transform:rotate(90deg)}
/* v172 permission-aware inbox + light mode sidebar contrast fixes */
.app[data-theme="light"] .sideItem.active,
.app[data-theme="light"] .sideGroup.active>.sideGroupToggle,
html[data-theme="light"] .sideItem.active,
html[data-theme="light"] .sideGroup.active>.sideGroupToggle{
background:#F4F8D5!important;
color:#172033!important;
border-color:#D8E780!important;
box-shadow:inset 3px 0 0 var(--accent), 0 8px 18px rgba(15,23,42,.05)!important;
}
.app[data-theme="light"] .sideItem.active .sideLabel,
.app[data-theme="light"] .sideItem.active .sideIcon,
.app[data-theme="light"] .sideItem.active .sideChevron,
.app[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideLabel,
.app[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideIcon,
.app[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideChevron,
html[data-theme="light"] .sideItem.active .sideLabel,
html[data-theme="light"] .sideItem.active .sideIcon,
html[data-theme="light"] .sideItem.active .sideChevron,
html[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideLabel,
html[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideIcon,
html[data-theme="light"] .sideGroup.active>.sideGroupToggle .sideChevron{
color:#172033!important;
}
.app[data-theme="light"] .sideItem:hover,
.app[data-theme="light"] .sideSubItem:hover,
html[data-theme="light"] .sideItem:hover,
html[data-theme="light"] .sideSubItem:hover{
background:#EEF3F8!important;
color:#172033!important;
border-color:#DDE6F0!important;
}
.app[data-theme="light"] .sideItem:hover .sideLabel,
.app[data-theme="light"] .sideItem:hover .sideIcon,
.app[data-theme="light"] .sideItem:hover .sideChevron,
html[data-theme="light"] .sideItem:hover .sideLabel,
html[data-theme="light"] .sideItem:hover .sideIcon,
html[data-theme="light"] .sideItem:hover .sideChevron{
color:#172033!important;
}
.app[data-theme="light"] .sideSubItem.active,
html[data-theme="light"] .sideSubItem.active{
background:#F4F8D5!important;
color:#172033!important;
border:1px solid #D8E780!important;
}
.app[data-theme="light"] .sideSubItem.active span,
html[data-theme="light"] .sideSubItem.active span{color:#172033!important}
.app[data-theme="light"] .sideNotifBadge,
html[data-theme="light"] .sideNotifBadge{
background:#111827!important;
color:#C9F31D!important;
border-color:#111827!important;
}
.app[data-theme="light"] .sideIconWrap,
html[data-theme="light"] .sideIconWrap{background:#F8FAFC!important;border-color:#E2E8F0!important;color:#334155!important}
.app[data-theme="light"] .sideItem.active .sideIconWrap,
html[data-theme="light"] .sideItem.active .sideIconWrap{background:#FFFFFF!important;border-color:#D8E780!important;color:#172033!important}
.inboxNotificationsPage{max-width:1180px}
.inboxNotificationsPage .tableWrap{border-radius:20px!important}
/* v173 · ClickUp-style task detail polish */
.clickTaskModal{padding:0!important;max-width:none!important;background:var(--bg)!important;border-radius:0!important;box-shadow:none!important}
.modalBg:has(.clickTaskModal){align-items:stretch!important;justify-content:flex-end!important;padding:0!important;background:rgba(2,6,23,.58)!important;backdrop-filter:blur(6px)}
.modalBg:has(.clickTaskModal) .clickTaskModal{width:min(1320px,calc(100vw - 220px))!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important;border-left:1px solid var(--border)!important}
.clickTaskTopbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 18px;border-bottom:1px solid var(--border);background:var(--card);position:sticky;top:0;z-index:8}
.clickBreadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);min-width:0}.clickBreadcrumb strong{color:var(--text);font-weight:700}.clickTopActions{display:flex;align-items:center;gap:8px}
.clickTaskLayout{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:calc(100vh - 44px);min-height:0}.clickTaskMain{overflow:auto;padding:30px 42px 88px;background:var(--bg)}.clickTaskActivityPanel{border-left:1px solid var(--border);background:color-mix(in srgb,var(--card) 74%,var(--bg));display:flex;flex-direction:column;min-height:0}.clickTaskTypeRow{display:flex;align-items:center;gap:9px;margin-bottom:14px}.clickTypePill{height:28px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--card);display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:var(--text)}.clickTaskId{font-size:12px;color:var(--muted)}.clickTaskTitle{font-size:30px;line-height:1.18;letter-spacing:-.035em;margin:0 0 14px;font-weight:800;color:var(--text)}.clickBrainBox{max-width:900px;border-radius:9px;background:color-mix(in srgb,var(--card) 86%,var(--bg));border:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:12px 14px;font-size:13px;color:var(--muted);margin-bottom:22px}.clickTaskFields{display:grid;grid-template-columns:1fr 1fr;gap:13px 28px;max-width:860px}.clickTaskField{display:grid;grid-template-columns:22px 132px minmax(0,1fr);align-items:center;min-height:32px;color:var(--muted);font-size:13px}.clickFieldIcon{opacity:.68;text-align:center}.clickFieldLabel{font-weight:650}.clickFieldValue{color:var(--text);display:flex;align-items:center;gap:8px;min-width:0}.clickFieldValue em{font-style:normal;color:var(--muted);opacity:.8}.clickArrow{color:var(--muted);padding:0 3px}.clickAvatarTiny{width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex:0 0 auto}.clickPriority{display:inline-flex;align-items:center;gap:5px;font-weight:700}.clickPriority:before{content:'⚑';color:#f59e0b}.clickTrackStart{border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;cursor:pointer;font:inherit}.clickTrackStart:hover{background:var(--hover);color:var(--text)}.clickTrackStart span{width:14px;height:14px;border-radius:50%;background:#9ca3af;box-shadow:inset 0 0 0 4px rgba(255,255,255,.72)}.clickTag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#6d5dfc;color:#fff;font-size:12px;font-weight:750}.clickTaskDivider{height:1px;background:var(--border);margin:26px 0 22px;max-width:880px}.clickDescription{max-width:900px;color:var(--text);line-height:1.75;font-size:14px}.clickDescription ul{padding-left:22px}.clickPinned{max-width:880px;margin-top:18px;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.08);border-radius:14px;padding:13px 15px}.clickPinned div{margin-top:6px;color:var(--text)}.clickActionStack{display:flex;flex-direction:column;gap:6px;margin:54px 0 18px;max-width:880px}.clickTaskLink{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);font-weight:650;padding:7px 8px;border-radius:9px;cursor:pointer;text-align:left}.clickTaskLink:hover{background:var(--hover)}.clickTaskAccordion{max-width:900px;border:0;border-top:1px solid var(--border);background:transparent;border-radius:0;margin:0!important}.clickTaskAccordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 2px;cursor:pointer;font-weight:750}.clickTaskAccordion>summary::-webkit-details-marker{display:none}.clickTaskAccordion>summary strong{font-size:12px;color:var(--muted);font-weight:700}.clickAccordionBody{padding:0 0 18px}.clickActivityHeader{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);font-size:14px}.clickActivityTools{display:flex;gap:14px;color:var(--muted)}.clickActivityList{flex:1;overflow:auto;padding:18px 16px;display:flex;flex-direction:column;gap:14px}.clickActivityItem{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px}.clickActivityDot{width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--muted);opacity:.55}.clickActivityBody{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:var(--card);border-radius:14px;padding:12px 13px}.clickActivityItem.comment .clickActivityBody{border-left:3px solid #a855f7}.clickActivityTitle{font-weight:750;font-size:13px;color:var(--text)}.clickActivityText{font-size:13px;line-height:1.55;color:var(--text);margin-top:7px}.clickActivityMeta{font-size:11px;color:var(--muted);margin-top:8px}.clickActivityFile{display:inline-flex;margin-top:8px;padding:6px 8px;border-radius:9px;border:1px solid var(--border);background:var(--bg);font-size:12px;text-decoration:none;color:var(--text)}.clickEmptyActivity{font-size:13px;color:var(--muted);border:1px dashed var(--border);border-radius:14px;padding:18px;text-align:center}.clickCommentComposer{border-top:1px solid var(--border);padding:12px;background:var(--card)}.clickCommentComposer textarea{min-height:70px;resize:vertical;background:var(--bg)}.clickComposerTools{display:flex;gap:10px;color:var(--muted);font-size:14px}.clickFloatingActions{position:absolute;left:42px;bottom:18px;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--border);box-shadow:0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(14px);border-radius:16px;padding:9px 10px;z-index:9}.clickTimePopover{display:none;position:absolute;right:418px;top:232px;width:350px;background:var(--card);border:1px solid var(--border);box-shadow:0 24px 70px rgba(0,0,0,.32);border-radius:18px;padding:14px;z-index:30}.clickTimePopover.open{display:block}.clickTimerUser{display:flex;align-items:center;gap:9px;margin:13px 0 10px}.clickTimeInput{height:50px;border-color:#a855f7!important;box-shadow:0 0 0 1px rgba(168,85,247,.35)!important}.clickTimeMeta{display:flex;flex-direction:column;gap:8px;margin:12px 0}.clickTimeMeta>div{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;color:var(--muted)}.clickMiniToggle{width:36px;height:22px;border-radius:999px;border:1px solid var(--border);background:var(--bg);padding:2px;cursor:pointer}.clickMiniToggle span{display:block;width:16px;height:16px;border-radius:50%;background:#9ca3af;transition:.18s}.clickMiniToggle.running{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.35)}.clickMiniToggle.running span{transform:translateX(13px);background:#22c55e}.taskActionMenuPanel{right:0;left:auto;min-width:210px;border-radius:14px;padding:6px}.taskMenuBtn{justify-content:flex-start;width:100%;border-radius:10px}.taskMenuDanger{color:#ef4444!important}.taskMenuApprove{color:#22c55e!important}
html[data-theme="light"] .clickTaskModal{background:#f7f9fc!important}.modalBg:has(.clickTaskModal) .clickTaskModal{background:var(--bg)!important}html[data-theme="light"] .clickTaskActivityPanel{background:#fbfcff}html[data-theme="light"] .clickBrainBox,html[data-theme="light"] .clickActivityBody{background:#fff;border-color:#dfe6f0}html[data-theme="light"] .clickFloatingActions{background:rgba(255,255,255,.92)}html[data-theme="light"] .clickTrackStart span{box-shadow:inset 0 0 0 4px #fff}.badge.bOrange,.badge.waiting_client{background:rgba(245,158,11,.16)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.32)!important}
@media(max-width:1050px){.modalBg:has(.clickTaskModal) .clickTaskModal{width:100vw!important}.clickTaskLayout{grid-template-columns:1fr}.clickTaskActivityPanel{display:none}.clickTaskMain{padding:24px 20px 92px}.clickTaskFields{grid-template-columns:1fr}.clickFloatingActions{left:18px;right:18px;justify-content:space-between}.clickTimePopover{right:16px;left:16px;width:auto;top:210px}}
/* v174 · centered ClickUp-style task modal + inline field editors */
.modalBg:has(.clickTaskCentered){align-items:center!important;justify-content:center!important;padding:28px!important;background:rgba(15,23,42,.52)!important;backdrop-filter:blur(8px)!important}
.modalBg:has(.clickTaskCentered) .clickTaskCentered{width:min(1360px,calc(100vw - 56px))!important;height:min(900px,calc(100vh - 56px))!important;max-height:calc(100vh - 56px)!important;border-radius:24px!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;box-shadow:0 30px 90px rgba(0,0,0,.38)!important;background:var(--bg)!important}
.clickTaskCentered .clickTaskLayout{height:calc(min(900px,calc(100vh - 56px)) - 44px)!important;grid-template-columns:minmax(0,1fr) 390px!important}
.clickTaskCentered .clickTaskMain{padding:32px 44px 92px!important}.clickTaskFieldsClean{grid-template-columns:1fr 1fr!important;gap:12px 30px!important}.taskInlineFieldBtn{border:0;background:transparent;color:inherit;border-radius:8px;padding:4px 7px;display:inline-flex;align-items:center;gap:7px;min-width:0;cursor:pointer;max-width:100%;font:inherit}.taskInlineFieldBtn:hover{background:var(--hover)}.taskInlineChevron{opacity:.55;font-size:11px}.taskFieldPopover{position:fixed;z-index:9999;width:min(360px,calc(100vw - 32px));background:var(--card);border:1px solid var(--border);border-radius:15px;box-shadow:0 24px 70px rgba(0,0,0,.32);padding:10px}.taskPopoverSearch{padding:0 0 8px}.taskPopoverSearch .input{height:38px;font-size:13px}.taskPopoverLabel{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin:8px 7px}.taskPopoverList{display:flex;flex-direction:column;gap:3px;max-height:280px;overflow:auto}.taskPopoverPerson{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;text-align:left;font-weight:650}.taskPopoverPerson:hover{background:var(--hover)}.taskPopoverPerson strong{margin-left:auto;color:var(--accent)}.taskPopoverPerson input{width:15px;height:15px}.taskPopoverSave{width:100%;margin-top:10px}.taskDatePopover{display:grid;gap:10px}.taskDatePopover .input{height:40px}.clickTaskCentered .clickBrainBox{display:none!important}.clickTaskCentered .clickTaskDivider{margin-top:24px!important}.clickTaskCentered .clickActionStack{margin-top:42px!important}.clickTaskCentered .clickFloatingActions{left:50%;transform:translateX(-50%);bottom:20px}.clickTaskCentered .clickTimePopover{right:420px;top:225px}.clickTaskCentered .clickFieldLabel{font-size:13px}.clickTaskCentered .clickTaskTitle{font-size:31px}.clickTaskCentered .clickDescription{font-size:15px;line-height:1.72}
html[data-theme="light"] .modalBg:has(.clickTaskCentered){background:rgba(15,23,42,.34)!important}html[data-theme="light"] .taskFieldPopover{background:#fff;border-color:#d9e2ef;color:#142033;box-shadow:0 24px 70px rgba(15,23,42,.17)}html[data-theme="light"] .taskPopoverPerson:hover,html[data-theme="light"] .taskInlineFieldBtn:hover{background:#f1f5f9}html[data-theme="light"] .clickTaskCentered{background:#f8fafc!important}html[data-theme="light"] .clickTaskCentered .clickTaskMain{background:#f8fafc!important}
@media(max-width:980px){.modalBg:has(.clickTaskCentered){padding:0!important}.modalBg:has(.clickTaskCentered) .clickTaskCentered{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.clickTaskCentered .clickTaskLayout{grid-template-columns:1fr!important;height:calc(100vh - 44px)!important}.clickTaskCentered .clickTaskActivityPanel{display:none!important}.clickTaskCentered .clickTaskFieldsClean{grid-template-columns:1fr!important}.clickTaskCentered .clickTaskMain{padding:24px 20px 92px!important}.clickTaskCentered .clickFloatingActions{left:18px!important;right:18px!important;transform:none!important}.clickTaskCentered .clickTimePopover{left:16px!important;right:16px!important;width:auto!important}}
/* v175 task detail premium centered modal + inline popovers */
.modalBg:has(.clickTaskModal){align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(15,23,42,.46)!important;backdrop-filter:blur(8px)!important}
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{width:min(1480px,calc(100vw - 64px))!important;height:min(920px,calc(100vh - 48px))!important;max-height:calc(100vh - 48px)!important;border-radius:28px!important;border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;box-shadow:0 40px 120px rgba(2,6,23,.36)!important;overflow:hidden!important;background:var(--bg)!important}
.clickTaskTopbar{height:54px!important;background:color-mix(in srgb,var(--card) 92%,var(--bg))!important;border-bottom:1px solid var(--border)!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{height:calc(min(920px,calc(100vh - 48px)) - 54px)!important;grid-template-columns:minmax(760px,1fr) 430px!important}
.clickTaskMain,.clickTaskCentered .clickTaskMain{padding:38px 54px 108px!important;background:var(--bg)!important}
.clickTaskActivityPanel{background:color-mix(in srgb,var(--card) 78%,var(--bg))!important}
.clickTaskTitle,.clickTaskCentered .clickTaskTitle{font-size:34px!important;line-height:1.12!important;letter-spacing:-.04em!important;margin-bottom:22px!important}
.clickTaskFields,.clickTaskFieldsClean{grid-template-columns:1fr 1fr!important;gap:16px 38px!important;max-width:980px!important}
.clickTaskField{grid-template-columns:24px 120px minmax(0,1fr)!important;min-height:42px!important;font-size:13px!important;border-radius:12px!important}
.clickFieldLabel{color:var(--muted)!important;font-weight:750!important}.clickFieldValue{font-weight:650!important}
.taskInlineFieldBtn{min-height:34px!important;padding:6px 9px!important;border:1px solid transparent!important;background:transparent!important;position:relative!important;z-index:2!important}.taskInlineFieldBtn:hover{border-color:var(--border)!important;background:var(--hover)!important}
.taskFieldPopover{position:fixed!important;z-index:2147483000!important;width:min(370px,calc(100vw - 32px))!important;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 30px 90px rgba(2,6,23,.34)!important;padding:10px!important;color:var(--text)!important}
.clickTaskDivider{max-width:980px!important;margin:30px 0 26px!important}.clickDescription{max-width:980px!important;font-size:15px!important}.clickPinned{max-width:980px!important}.clickTaskAccordion{max-width:980px!important}.clickActionStack{max-width:980px!important;margin:42px 0 18px!important}.clickActivityHeader{height:54px!important;padding:0 18px!important}.clickActivityList{padding:20px 18px!important}.clickActivityItem.system{display:none!important}.clickActivityBody{border-radius:16px!important}.clickCommentComposer{padding:14px!important}.clickFloatingActions{left:50%!important;transform:translateX(-50%)!important;bottom:20px!important}
.clickTimePopover,.clickTaskCentered .clickTimePopover{right:470px!important;top:252px!important;width:390px!important;border-radius:18px!important;z-index:2147482999!important}
html[data-theme="light"] .modalBg:has(.clickTaskModal){background:rgba(15,23,42,.32)!important}html[data-theme="light"] .clickTaskModal,html[data-theme="light"] .clickTaskCentered{background:#f8fafc!important}html[data-theme="light"] .clickTaskTopbar,html[data-theme="light"] .clickTaskActivityPanel{background:#fff!important}html[data-theme="light"] .clickActivityBody{background:#fff!important;border-color:#dbe4ef!important}html[data-theme="light"] .taskFieldPopover{background:#fff!important;border-color:#d7e0ec!important;box-shadow:0 30px 90px rgba(15,23,42,.18)!important}
@media(max-width:1180px){.modalBg:has(.clickTaskModal){padding:0!important}.modalBg:has(.clickTaskModal) .clickTaskModal{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.clickTaskLayout,.clickTaskCentered .clickTaskLayout{grid-template-columns:1fr!important;height:calc(100vh - 54px)!important}.clickTaskActivityPanel{display:none!important}.clickTaskMain,.clickTaskCentered .clickTaskMain{padding:28px 22px 100px!important}.clickTaskFields,.clickTaskFieldsClean{grid-template-columns:1fr!important}.clickFloatingActions{left:18px!important;right:18px!important;transform:none!important;justify-content:space-between}.clickTimePopover,.clickTaskCentered .clickTimePopover{left:16px!important;right:16px!important;top:210px!important;width:auto!important}}
/* v176 task detail polish */
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:min(1660px,calc(100vw - 38px))!important;
height:min(940px,calc(100vh - 32px))!important;
max-height:calc(100vh - 32px)!important;
}
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{
height:calc(min(940px,calc(100vh - 32px)) - 54px)!important;
grid-template-columns:minmax(920px,1fr) 430px!important;
}
.clickTaskMain,.clickTaskCentered .clickTaskMain{padding:40px 68px 112px!important}
.clickTaskFields,.clickTaskFieldsClean{max-width:1120px!important;grid-template-columns:1fr 1fr!important;gap:14px 56px!important}
.clickTaskField{grid-template-columns:26px 128px minmax(0,1fr)!important;min-height:48px!important}
.clickTaskTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;max-width:1120px;margin-bottom:22px}
.clickTaskTitleRow .clickTaskTitle{margin:0!important;min-width:0;max-width:820px}
.clickProjectHours{min-width:160px;border:1px solid var(--border);background:var(--card);border-radius:16px;padding:11px 14px;text-align:right;box-shadow:0 8px 26px rgba(2,6,23,.05)}
.clickProjectHours span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800;margin-bottom:4px}
.clickProjectHours strong{display:block;font-size:18px;color:var(--text);letter-spacing:-.02em}
.clickActionStack{margin-top:24px!important}
.clickFloatingActions{bottom:22px!important;z-index:50!important}
.taskActionMenu{position:relative}.taskActionMenu summary{list-style:none}.taskActionMenu summary::-webkit-details-marker{display:none}
.taskActionMenuPanel{position:absolute!important;right:0!important;bottom:calc(100% + 10px)!important;top:auto!important;background:var(--card)!important;border:1px solid var(--border)!important;box-shadow:0 22px 70px rgba(2,6,23,.28)!important;z-index:99999!important}
.clickTimePopover,.clickTaskCentered .clickTimePopover{right:500px!important;top:260px!important;width:420px!important}
.clickTimeMeta input[type="file"]{height:auto;padding:9px;background:var(--bg)}
.workLogList{display:flex;flex-direction:column;gap:10px}.workLogItem{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:12px 14px}.workLogTop{display:flex;justify-content:space-between;gap:12px;align-items:center}.workLogTop span{font-weight:850;color:var(--accent)}.workLogMeta{font-size:11px;color:var(--muted);margin-top:4px}.workLogNote{font-size:13px;line-height:1.5;margin-top:9px;color:var(--text)}.workLogBlocker{margin-top:9px;border-radius:10px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.28);padding:8px 10px;font-size:12px;color:#b45309;font-weight:700}.workLogFiles{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.workLogFiles a{font-size:12px;border:1px solid var(--border);background:var(--bg);border-radius:9px;padding:6px 8px;color:var(--text);text-decoration:none}
html[data-theme="light"] .clickProjectHours,html[data-theme="light"] .workLogItem{background:#fff;border-color:#dbe4ef}
@media(max-width:1280px){.clickTaskLayout,.clickTaskCentered .clickTaskLayout{grid-template-columns:1fr!important}.clickTaskActivityPanel{display:none!important}.clickTaskMain,.clickTaskCentered .clickTaskMain{padding:28px 24px 112px!important}.clickTaskTitleRow{flex-direction:column}.clickProjectHours{text-align:left}.clickTimePopover,.clickTaskCentered .clickTimePopover{left:16px!important;right:16px!important;top:220px!important;width:auto!important}}
/* v177 wider premium task detail */
.modalBg:has(.clickTaskModal),
.modalBg:has(.clickTaskCentered){padding:8px!important;background:rgba(15,23,42,.42)!important}
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:min(1880px,calc(100vw - 16px))!important;
height:min(968px,calc(100vh - 16px))!important;
max-height:calc(100vh - 16px)!important;
border-radius:28px!important;
overflow:visible!important;
}
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{
height:calc(min(968px,calc(100vh - 16px)) - 54px)!important;
grid-template-columns:minmax(0,1fr) 560px!important;
overflow:visible!important;
}
.clickTaskMain,.clickTaskCentered .clickTaskMain{padding:30px 38px 120px!important}
.clickTaskActivityPanel{min-width:0!important}
.clickTaskTypeRow{margin-bottom:10px!important}
.clickTypePill{height:26px!important;padding:0 10px!important;font-size:11px!important;border-radius:9px!important}
.clickTaskId{font-size:11px!important}
.clickTaskTitleRow{max-width:none!important;align-items:flex-start!important;gap:18px!important;margin-bottom:18px!important}
.clickTaskTitleRow .clickTaskTitle{font-size:26px!important;line-height:1.16!important;max-width:none!important}
.clickProjectHours{min-width:136px!important;padding:8px 12px!important;border-radius:14px!important;box-shadow:none!important}
.clickProjectHours span{font-size:10px!important;margin-bottom:2px!important}
.clickProjectHours strong{font-size:15px!important}
.clickTaskFields,.clickTaskFieldsClean{max-width:none!important;grid-template-columns:1fr 1fr!important;gap:10px 34px!important}
.clickTaskField{grid-template-columns:22px 110px minmax(0,1fr)!important;min-height:36px!important;font-size:13px!important}
.clickFieldLabel{font-size:13px!important}
.clickFieldValue{font-size:13px!important;line-height:1.35!important}
.taskInlineFieldBtn{min-height:30px!important;padding:4px 8px!important;border-radius:10px!important}
.clickAvatarTiny{width:22px!important;height:22px!important;font-size:10px!important}
.clickTrackStart{padding:4px 8px!important;border:1px solid transparent!important}
.clickTrackStart:hover{border-color:var(--border)!important}
.clickTaskDivider{max-width:none!important;margin:22px 0 18px!important}
.clickDescription,.clickPinned,.clickTaskAccordion,.clickActionStack{max-width:none!important}
.clickPinned{padding:12px 14px!important;border-radius:14px!important}
.clickActionStack{margin-top:16px!important}
.clickTaskLink{padding:6px 8px!important;font-size:13px!important}
.clickActivityHeader{height:52px!important;padding:0 18px!important;font-size:15px!important}
.clickActivityList{padding:18px!important;gap:12px!important}
.clickActivityBody{padding:14px 14px!important;border-radius:16px!important}
.clickActivityTitle{font-size:14px!important}
.clickActivityText{font-size:14px!important;line-height:1.6!important}
.clickActivityMeta{font-size:12px!important}
.clickCommentComposer{padding:14px!important}
.clickCommentComposer textarea{min-height:96px!important;border-radius:14px!important}
.clickComposerTools{gap:12px!important}
.clickFloatingActions{bottom:22px!important;z-index:200!important}
.taskActionMenu{position:relative!important}
.taskActionMenuPanel{position:absolute!important;right:0!important;bottom:calc(100% + 10px)!important;top:auto!important;z-index:2147483600!important}
.clickTimePopover,.clickTaskCentered .clickTimePopover{
left:50%!important;right:auto!important;top:auto!important;bottom:98px!important;transform:translateX(-50%)!important;
width:min(560px,calc(100vw - 28px))!important;border-radius:20px!important;z-index:2147483500!important;
}
.clickTimerEntry{position:relative;display:flex;align-items:center;margin-top:12px}
.clickTimeInput{height:56px!important;border-radius:16px!important;padding-right:68px!important;font-size:16px!important}
.clickMiniToggleRound{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid var(--border);padding:0!important}
.clickMiniToggleRound span{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #6b7280;border-radius:0;background:transparent;transform:none!important}
.clickMiniToggleRound.running{background:rgba(34,197,94,.14)!important;border-color:rgba(34,197,94,.35)!important}
.clickMiniToggleRound.running span{width:14px;height:14px;border:0;background:#22c55e;border-radius:4px!important}
.clickTimerHint{font-size:12px;color:var(--muted);margin-top:8px}
.clickTimeMeta{gap:10px!important;margin:14px 0!important}
.clickTimeMeta>div{gap:8px!important}
.clickTimeFooter{align-items:center;gap:12px}
.workLogList{gap:12px!important}
.workLogItem{padding:13px 14px!important;border-radius:16px!important}
.workLogTopRight{display:flex;align-items:center;gap:10px}
.workLogTop span{font-size:15px!important}
.workLogMeta{font-size:12px!important}
.workLogNote{font-size:13px!important}
html[data-theme="light"] .clickTaskModal,html[data-theme="light"] .clickTaskCentered{background:#f8fafc!important}
html[data-theme="light"] .clickTaskTopbar,html[data-theme="light"] .clickTaskActivityPanel{background:#fff!important}
html[data-theme="light"] .clickProjectHours,html[data-theme="light"] .workLogItem,html[data-theme="light"] .clickActivityBody,html[data-theme="light"] .clickTimePopover{background:#fff!important;border-color:#dbe4ef!important}
html[data-theme="light"] .clickMiniToggleRound{background:#fff!important}
@media(max-width:1440px){
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{grid-template-columns:minmax(0,1fr) 480px!important}
}
@media(max-width:1280px){
.modalBg:has(.clickTaskModal),.modalBg:has(.clickTaskCentered){padding:0!important}
.modalBg:has(.clickTaskModal) .clickTaskModal,.modalBg:has(.clickTaskCentered) .clickTaskCentered{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{grid-template-columns:1fr!important;height:calc(100vh - 54px)!important}
.clickTaskActivityPanel{display:none!important}
.clickTaskMain,.clickTaskCentered .clickTaskMain{padding:26px 20px 118px!important}
.clickTaskFields,.clickTaskFieldsClean{grid-template-columns:1fr!important}
.clickTimePopover,.clickTaskCentered .clickTimePopover{left:14px!important;right:14px!important;transform:none!important;width:auto!important;bottom:90px!important}
}
/* v178 task detail layout rescue: wider, readable, no overlapping fields */
.modalBg:has(.clickTaskModal),
.modalBg:has(.clickTaskCentered){
padding:6px!important;
align-items:center!important;
justify-content:center!important;
}
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:min(1940px,calc(100vw - 12px))!important;
height:min(980px,calc(100vh - 12px))!important;
max-height:calc(100vh - 12px)!important;
border-radius:26px!important;
overflow:hidden!important;
}
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{
height:calc(min(980px,calc(100vh - 12px)) - 54px)!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) clamp(420px,32vw,540px)!important;
min-width:0!important;
}
.clickTaskMain,.clickTaskCentered .clickTaskMain{
min-width:0!important;
overflow:auto!important;
padding:28px 46px 118px!important;
}
.clickTaskActivityPanel{
display:flex!important;
min-width:0!important;
width:auto!important;
overflow:hidden!important;
}
.clickTaskTitleRow{
max-width:none!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:start!important;
gap:18px!important;
}
.clickTaskTitleRow .clickTaskTitle{
font-size:28px!important;
line-height:1.12!important;
letter-spacing:-.035em!important;
overflow-wrap:anywhere!important;
}
.clickProjectHours{
align-self:start!important;
justify-self:end!important;
min-width:132px!important;
padding:8px 12px!important;
border-radius:14px!important;
}
.clickTaskFields,.clickTaskFieldsClean{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;
gap:10px 26px!important;
max-width:none!important;
min-width:0!important;
}
.clickTaskField{
display:grid!important;
grid-template-columns:22px 116px minmax(0,1fr)!important;
align-items:center!important;
column-gap:8px!important;
min-height:34px!important;
min-width:0!important;
overflow:visible!important;
}
.clickFieldIcon{width:22px!important;min-width:22px!important;text-align:center!important}
.clickFieldLabel{
min-width:0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
color:var(--muted)!important;
}
.clickFieldValue{
min-width:0!important;
max-width:100%!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
flex-wrap:wrap!important;
word-break:normal!important;
overflow-wrap:anywhere!important;
}
.taskInlineFieldBtn{
max-width:100%!important;
min-width:0!important;
white-space:normal!important;
flex-wrap:wrap!important;
justify-content:flex-start!important;
text-align:left!important;
line-height:1.3!important;
}
.taskInlineFieldBtn strong,
.clickFieldValue strong{min-width:0!important;overflow-wrap:anywhere!important}
.clickTaskDivider{margin:22px 0 18px!important;max-width:none!important}
.clickDescription{max-width:none!important}
.clickTaskAccordion{max-width:none!important}
.clickActivityList{min-height:0!important;overflow:auto!important}
.clickCommentComposer{flex:0 0 auto!important}
.clickFloatingActions{z-index:500!important}
.clickTimePopover,.clickTaskCentered .clickTimePopover{z-index:2147483600!important}
.taskFieldPopover{z-index:2147483600!important}
@media(max-width:1280px){
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{
grid-template-columns:minmax(0,1fr) 390px!important;
}
.clickTaskActivityPanel{display:flex!important}
.clickTaskMain,.clickTaskCentered .clickTaskMain{padding:24px 28px 118px!important}
.clickTaskFields,.clickTaskFieldsClean{grid-template-columns:1fr!important}
}
@media(max-width:980px){
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{grid-template-columns:1fr!important}
.clickTaskActivityPanel{display:none!important}
.clickTaskTitleRow{grid-template-columns:1fr!important}
.clickProjectHours{justify-self:start!important;text-align:left!important}
.clickTaskMain,.clickTaskCentered .clickTaskMain{padding:22px 18px 118px!important}
}
/* v179 clickup-style compact wide task detail */
.modalBg:has(.clickTaskModal),
.modalBg:has(.clickTaskCentered){
padding:10px !important;
align-items:center !important;
justify-content:center !important;
background:rgba(15,23,42,.48) !important;
backdrop-filter: blur(8px) !important;
}
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:min(1820px, calc(100vw - 20px)) !important;
height:min(980px, calc(100vh - 20px)) !important;
max-height:calc(100vh - 20px) !important;
border-radius:26px !important;
overflow:hidden !important;
border:1px solid var(--border) !important;
box-shadow:0 30px 80px rgba(2,6,23,.28) !important;
}
.clickTaskTopbar{
min-height:46px !important;
padding:0 20px !important;
border-bottom:1px solid var(--border) !important;
background:var(--card) !important;
}
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{
height:calc(min(980px, calc(100vh - 20px)) - 46px) !important;
grid-template-columns:minmax(0,1.7fr) minmax(420px,.9fr) !important;
}
.clickTaskMain,.clickTaskCentered .clickTaskMain{
padding:24px 28px 106px !important;
overflow:auto !important;
}
.clickTaskActivityPanel{
min-width:0 !important;
display:flex !important;
background:color-mix(in srgb, var(--card) 90%, var(--bg)) !important;
}
.clickTaskTypeRow{margin-bottom:10px !important}
.clickTypePill{
height:26px !important;
padding:0 10px !important;
border-radius:9px !important;
font-size:11px !important;
}
.clickTaskId{font-size:11px !important}
.clickTaskTitleRow{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:20px !important;
margin-bottom:18px !important;
max-width:none !important;
}
.clickTaskTitleRow .clickTaskTitle{
font-size:24px !important;
line-height:1.14 !important;
font-weight:800 !important;
letter-spacing:-.03em !important;
margin:0 !important;
max-width:none !important;
}
.clickProjectHours{
min-width:130px !important;
padding:8px 12px !important;
border-radius:14px !important;
text-align:center !important;
box-shadow:none !important;
}
.clickProjectHours span{font-size:10px !important;margin-bottom:2px !important}
.clickProjectHours strong{font-size:14px !important;line-height:1.1 !important}
.clickTaskFields,.clickTaskFieldsClean{
max-width:none !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
gap:8px 34px !important;
}
.clickTaskField{
grid-template-columns:18px 102px minmax(0,1fr) !important;
min-height:32px !important;
align-items:start !important;
column-gap:8px !important;
font-size:12px !important;
}
.clickFieldIcon{
width:18px !important;
line-height:20px !important;
margin-top:1px !important;
}
.clickFieldLabel{
font-size:12px !important;
font-weight:650 !important;
line-height:1.4 !important;
}
.clickFieldValue{
font-size:12px !important;
line-height:1.35 !important;
min-width:0 !important;
flex-wrap:wrap !important;
gap:6px !important;
overflow-wrap:anywhere !important;
}
.clickAvatarTiny{
width:22px !important;
height:22px !important;
font-size:10px !important;
flex:0 0 22px !important;
}
.taskInlineFieldBtn{
min-height:26px !important;
padding:2px 6px !important;
border-radius:8px !important;
white-space:normal !important;
flex-wrap:wrap !important;
justify-content:flex-start !important;
align-items:center !important;
text-align:left !important;
max-width:100% !important;
}
.taskInlineChevron{margin-left:2px !important}
.clickPriority{gap:4px !important;font-size:12px !important}
.clickTrackStart{
padding:2px 6px !important;
min-height:26px !important;
border-radius:8px !important;
font-size:12px !important;
}
.clickTrackStart span{width:12px !important;height:12px !important}
.clickTaskDivider{margin:18px 0 16px !important;max-width:none !important}
.clickDescription{max-width:none !important;font-size:14px !important;line-height:1.6 !important}
.clickPinned,.clickTaskAccordion,.clickActionStack{max-width:none !important}
.clickPinned{margin-top:16px !important;padding:12px 14px !important}
.clickActionStack{margin:14px 0 12px !important}
.clickTaskLink{padding:6px 8px !important;font-size:13px !important}
.clickTaskAccordion>summary{padding:12px 0 !important}
.clickActivityHeader{
height:46px !important;
padding:0 16px !important;
font-size:13px !important;
background:var(--card) !important;
}
.clickActivityHeader strong{font-size:13px !important}
.clickActivityList{
padding:14px 16px !important;
gap:10px !important;
}
.clickActivityItem{grid-template-columns:14px minmax(0,1fr) !important;gap:8px !important}
.clickActivityDot{margin-top:8px !important}
.clickActivityBody{
padding:12px 12px !important;
border-radius:14px !important;
}
.clickActivityTitle{font-size:13px !important}
.clickActivityText{font-size:13px !important;line-height:1.5 !important}
.clickActivityMeta{font-size:11px !important}
.clickEmptyActivity{padding:16px !important;font-size:13px !important}
.clickCommentComposer{
padding:12px !important;
background:var(--card) !important;
}
.clickCommentComposer textarea{
min-height:84px !important;
border-radius:14px !important;
}
.clickFloatingActions{
left:50% !important;
transform:translateX(-50%) !important;
bottom:18px !important;
z-index:200 !important;
}
.taskActionMenuPanel{
position:absolute !important;
bottom:calc(100% + 10px) !important;
top:auto !important;
right:0 !important;
z-index:2147483600 !important;
}
.clickTimePopover,.clickTaskCentered .clickTimePopover{
left:50% !important;
right:auto !important;
top:auto !important;
bottom:88px !important;
transform:translateX(-50%) !important;
width:min(540px, calc(100vw - 28px)) !important;
}
/* if values become long, stack fields instead of overlap */
@media (max-width: 1500px){
.clickTaskFields,.clickTaskFieldsClean{grid-template-columns:1fr !important}
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{grid-template-columns:minmax(0,1.45fr) minmax(380px,.85fr) !important}
}
@media (max-width: 1280px){
.modalBg:has(.clickTaskModal),.modalBg:has(.clickTaskCentered){padding:0 !important}
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{width:100vw !important;height:100vh !important;max-height:100vh !important;border-radius:0 !important}
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{grid-template-columns:1fr !important;height:calc(100vh - 46px) !important}
.clickTaskActivityPanel{display:none !important}
.clickTaskMain,.clickTaskCentered .clickTaskMain{padding:22px 18px 104px !important}
.clickTaskFields,.clickTaskFieldsClean{grid-template-columns:1fr !important}
}
html[data-theme="light"] .clickTaskTopbar,
html[data-theme="light"] .clickTaskActivityPanel,
html[data-theme="light"] .clickCommentComposer,
html[data-theme="light"] .clickActivityBody,
html[data-theme="light"] .clickProjectHours,
html[data-theme="light"] .clickTimePopover{
background:#fff !important;
}
/* v180 force near-fullscreen clickup width */
.modalBg:has(.clickTaskModal),
.modalBg:has(.clickTaskCentered){
padding:4px !important;
}
.modal.modalWide.taskDetailModal.clickTaskModal.clickTaskCentered,
.modalWide.taskDetailModal.clickTaskModal,
.clickTaskModal.clickTaskCentered,
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:calc(100vw - 8px) !important;
max-width:1920px !important;
height:calc(100vh - 8px) !important;
max-height:calc(100vh - 8px) !important;
border-radius:24px !important;
}
.clickTaskLayout,
.clickTaskCentered .clickTaskLayout{
height:calc(100vh - 54px - 8px) !important;
grid-template-columns:minmax(0, 1fr) 410px !important;
}
.clickTaskMain,
.clickTaskCentered .clickTaskMain{
padding:22px 26px 104px !important;
}
.clickTaskActivityPanel{width:410px !important;min-width:410px !important;max-width:410px !important}
.clickTaskTitleRow .clickTaskTitle{font-size:22px !important}
.clickTaskFields,.clickTaskFieldsClean{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px 28px !important}
.clickTaskField{grid-template-columns:16px 96px minmax(0,1fr) !important;min-height:30px !important}
.clickFieldLabel,.clickFieldValue,.taskInlineFieldBtn,.clickTrackStart{font-size:12px !important}
.clickProjectHours{margin-left:auto !important}
.clickDescription{font-size:14px !important}
.clickFloatingActions{bottom:14px !important}
@media (max-width: 1560px){
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{grid-template-columns:minmax(0,1fr) 380px !important}
.clickTaskActivityPanel{width:380px !important;min-width:380px !important;max-width:380px !important}
}
@media (max-width: 1280px){
.modal.modalWide.taskDetailModal.clickTaskModal.clickTaskCentered,
.modalWide.taskDetailModal.clickTaskModal,
.clickTaskModal.clickTaskCentered,
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:100vw !important;
height:100vh !important;
max-height:100vh !important;
border-radius:0 !important;
}
}
/* v181 task modal size + comment composer fix */
.modalBg:has(.clickTaskModal),
.modalBg:has(.clickTaskCentered){
padding:16px !important;
background:rgba(15,23,42,.40) !important;
}
.modal.modalWide.taskDetailModal.clickTaskModal.clickTaskCentered,
.modalWide.taskDetailModal.clickTaskModal,
.clickTaskModal.clickTaskCentered,
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:calc(100vw - 32px) !important;
max-width:1860px !important;
height:calc(100vh - 32px) !important;
max-height:calc(100vh - 32px) !important;
border-radius:24px !important;
}
.clickTaskLayout,
.clickTaskCentered .clickTaskLayout{
height:calc(100vh - 78px) !important;
grid-template-columns:minmax(0,1fr) 420px !important;
}
.clickTaskActivityPanel{width:420px !important;min-width:420px !important;max-width:420px !important}
.clickTaskMain,
.clickTaskCentered .clickTaskMain{padding:22px 26px 100px !important}
.clickFloatingActions{bottom:16px !important}
.clickCommentComposer{
position:sticky !important;
bottom:0 !important;
z-index:5 !important;
padding:10px 12px 12px !important;
border-top:1px solid var(--border) !important;
background:var(--card) !important;
}
.clickCommentComposer textarea{
min-height:62px !important;
max-height:120px !important;
margin-bottom:8px !important;
}
.clickCommentComposer .between{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
flex-wrap:nowrap !important;
}
.clickComposerTools{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:0 !important;
flex:1 1 auto !important;
}
.clickCommentComposer .btn{
min-height:36px !important;
padding:0 14px !important;
flex:0 0 auto !important;
}
.clickActivityList{
padding-bottom:10px !important;
}
@media (max-width: 1560px){
.clickTaskLayout,.clickTaskCentered .clickTaskLayout{grid-template-columns:minmax(0,1fr) 390px !important}
.clickTaskActivityPanel{width:390px !important;min-width:390px !important;max-width:390px !important}
}
@media (max-width: 1280px){
.modalBg:has(.clickTaskModal),.modalBg:has(.clickTaskCentered){padding:0 !important}
.modal.modalWide.taskDetailModal.clickTaskModal.clickTaskCentered,
.modalWide.taskDetailModal.clickTaskModal,
.clickTaskModal.clickTaskCentered,
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:100vw !important;
height:100vh !important;
max-height:100vh !important;
border-radius:0 !important;
}
}
/* v182 comment composer visibility + smoother inline save */
.clickCommentComposer{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:10px !important;
align-items:end !important;
padding:12px 12px 16px !important;
min-height:96px !important;
overflow:visible !important;
}
.clickCommentComposer textarea{
grid-column:1 !important;
min-height:70px !important;
max-height:100px !important;
margin:0 !important;
}
.clickCommentComposer .between{
grid-column:2 !important;
display:flex !important;
align-items:flex-end !important;
justify-content:flex-end !important;
height:auto !important;
margin:0 !important;
padding:0 !important;
min-width:74px !important;
}
.clickCommentComposer .clickComposerTools{display:none !important}
.clickCommentComposer #inlineTaskCommentSend{
display:inline-flex !important;
min-height:38px !important;
height:38px !important;
padding:0 16px !important;
align-items:center !important;
justify-content:center !important;
position:static !important;
transform:none !important;
margin:0 !important;
white-space:nowrap !important;
}
.taskInlineFieldBtn.saving,
.checklistItem.saving{opacity:.72;pointer-events:none}
@media(max-width:1280px){
.clickCommentComposer{grid-template-columns:1fr !important}
.clickCommentComposer .between{grid-column:1 !important;justify-content:flex-end !important}
}
/* v183 comment composer inside visible section */
.clickTaskActivityPanel{
display:grid !important;
grid-template-rows:54px minmax(0,1fr) auto !important;
min-height:0 !important;
overflow:hidden !important;
}
.clickActivityList{
min-height:0 !important;
overflow:auto !important;
padding-bottom:12px !important;
}
.clickCommentComposer{
position:relative !important;
bottom:auto !important;
z-index:3 !important;
margin:10px 12px 12px !important;
padding:10px !important;
min-height:auto !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:10px !important;
align-items:end !important;
border:1px solid var(--border) !important;
border-radius:16px !important;
background:var(--card) !important;
box-sizing:border-box !important;
}
.clickCommentComposer textarea{
grid-column:1 / -1 !important;
min-height:72px !important;
max-height:110px !important;
border:0 !important;
box-shadow:none !important;
background:transparent !important;
padding:6px 4px 2px !important;
margin:0 !important;
resize:vertical !important;
}
.clickCommentComposer .between{
grid-column:1 / -1 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
margin:0 !important;
padding:0 !important;
min-width:0 !important;
}
.clickCommentComposer .clickComposerTools{
display:flex !important;
align-items:center !important;
gap:12px !important;
min-width:0 !important;
flex:1 1 auto !important;
}
.clickCommentComposer #inlineTaskCommentSend{
display:inline-flex !important;
min-height:36px !important;
height:36px !important;
padding:0 16px !important;
align-items:center !important;
justify-content:center !important;
position:static !important;
transform:none !important;
margin:0 !important;
white-space:nowrap !important;
flex:0 0 auto !important;
border-radius:12px !important;
}
html[data-theme="light"] .clickCommentComposer{background:#fff !important;border-color:#dbe4ef !important}
@media(max-width:1280px){
.clickTaskActivityPanel{display:none !important}
}
/* v184 comment composer lift + clickup-like section rows */
.clickTaskActivityPanel{padding-bottom:10px !important}
.clickCommentComposer{
margin:10px 12px 22px !important;
padding:10px 12px !important;
border-radius:16px !important;
}
.clickCommentComposer textarea{
min-height:64px !important;
max-height:96px !important;
}
.clickCommentComposer .between{
align-items:center !important;
min-height:38px !important;
}
.clickCommentComposer #inlineTaskCommentSend{
min-height:38px !important;
height:38px !important;
margin-bottom:0 !important;
align-self:center !important;
}
.taskSectionAccordion{
border-top:0 !important;
margin:0 0 6px !important;
}
.taskSectionAccordion > summary{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
padding:11px 12px !important;
border-radius:12px !important;
border:1px solid transparent !important;
background:transparent !important;
transition:.15s ease !important;
}
.taskSectionAccordion > summary:hover{
background:var(--hover) !important;
border-color:var(--border) !important;
}
.taskSectionAccordion[open] > summary{
background:color-mix(in srgb,var(--card) 88%,transparent) !important;
border-color:var(--border) !important;
margin-bottom:8px !important;
}
.taskSectionAccordion > summary span{
position:relative;
display:flex;
align-items:center;
gap:10px;
font-size:14px;
font-weight:700;
color:var(--text);
}
.taskSectionAccordion > summary span:before{
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
text-align:center;
opacity:.82;
color:var(--muted);
font-size:14px;
}
.taskSecChecklist > summary span:before{content:'☑';}
.taskSecWorklog > summary span:before{content:'◴';}
.taskSecWorkspace > summary span:before{content:'⌘';}
.taskSecFiles > summary span:before{content:'📎';font-size:13px;}
.taskSectionAccordion > summary strong{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-width:28px !important;
height:24px !important;
padding:0 8px !important;
border-radius:999px !important;
background:color-mix(in srgb,var(--card) 94%,transparent) !important;
border:1px solid var(--border) !important;
color:var(--muted) !important;
font-size:12px !important;
font-weight:700 !important;
}
.taskSectionAccordion > summary:after{
content:'›';
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%) rotate(90deg);
color:var(--muted);
font-size:16px;
line-height:1;
}
.taskSectionAccordion[open] > summary:after{
transform:translateY(-50%) rotate(-90deg);
}
.taskSectionAccordion > .clickAccordionBody{
padding:2px 8px 14px 38px !important;
}
.taskSecChecklist .clickAccordionBody,
.taskSecWorklog .clickAccordionBody,
.taskSecWorkspace .clickAccordionBody,
.taskSecFiles .clickAccordionBody{
border-left:1px solid color-mix(in srgb,var(--border) 78%,transparent);
margin-left:9px;
}
html[data-theme="light"] .taskSectionAccordion[open] > summary,
html[data-theme="light"] .clickCommentComposer{
background:#fff !important;
border-color:#dbe4ef !important;
}
/* v185 logical inline actions + time emphasis */
.clickTaskField{grid-template-columns:108px minmax(0,1fr) !important;column-gap:10px !important}
.clickFieldIcon{display:none !important}
.clickFieldLabel{color:var(--muted) !important}
.taskTimeField{padding:8px 10px !important;border:1px solid color-mix(in srgb,var(--accent) 26%, var(--border)) !important;background:color-mix(in srgb,var(--card) 92%, rgba(201,243,29,.08)) !important;border-radius:14px !important}
.taskTimeField .clickFieldLabel{color:var(--text) !important;font-weight:800 !important}
.taskTimeField .clickTrackStart{font-weight:800 !important;color:var(--text) !important}
.taskInlineActionsBar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:18px 0 10px;max-width:none}
.inlineTaskActionsMenu summary{list-style:none}
.inlineTaskActionsMenu[open] .taskActionMenuPanel{display:block}
.inlineTaskActionsMenu .taskActionMenuPanel{position:absolute;right:0;top:calc(100% + 8px);bottom:auto;z-index:50}
.clickFloatingActions{display:none !important}
.inlineWorkspaceForm,.inlineLogEditForm{border:1px solid var(--border);background:color-mix(in srgb,var(--card) 96%, transparent);border-radius:16px;padding:14px;margin-top:12px}
.inlineLogEditForm .textarea,.inlineWorkspaceForm .textarea{min-height:82px}
.clickTaskActivityPanel{padding-bottom:20px !important}
.clickCommentComposer{margin:8px 12px 30px !important;padding:10px 12px 12px !important}
.clickCommentComposer textarea{min-height:62px !important;max-height:90px !important}
.clickCommentComposer #inlineTaskCommentSend{height:34px !important;min-height:34px !important;border-radius:10px !important}
.taskSectionAccordion > summary span:before{display:none !important}
.taskSectionAccordion > .clickAccordionBody{padding-left:18px !important}
.taskSecChecklist .clickAccordionBody,.taskSecWorklog .clickAccordionBody,.taskSecWorkspace .clickAccordionBody,.taskSecFiles .clickAccordionBody{border-left:0 !important;margin-left:0 !important}
@media(max-width:1280px){.clickTaskField{grid-template-columns:1fr !important}.taskInlineActionsBar{justify-content:flex-start;flex-wrap:wrap}}
/* v186 cleaner time highlight + closable popover */
.taskTimeField{
padding:0 !important;
border:0 !important;
background:transparent !important;
border-radius:0 !important;
box-shadow:none !important;
}
.taskTimeField .clickFieldLabel{
color:var(--text) !important;
font-weight:800 !important;
}
.taskTimeField .clickFieldValue{
justify-content:flex-start !important;
}
.taskTimeField .clickTrackStart{
padding:6px 10px !important;
border:1px solid var(--border) !important;
background:var(--card) !important;
border-radius:999px !important;
color:var(--text) !important;
font-weight:700 !important;
}
.taskTimeField .clickTrackStart:hover{
border-color:color-mix(in srgb,var(--accent) 28%,var(--border)) !important;
background:color-mix(in srgb,var(--card) 92%, transparent) !important;
}
.clickTimePopoverHead{
align-items:flex-start !important;
gap:10px !important;
}
.clickTimePopoverTitle{
display:flex;
flex-direction:column;
gap:3px;
}
.clickTimePopoverTitle span{
font-size:12px;
color:var(--muted);
font-weight:700;
}
.clickTimePopoverClose{
min-height:32px !important;
width:32px !important;
padding:0 !important;
border-radius:10px !important;
flex:0 0 auto;
}
html[data-theme="light"] .taskTimeField .clickTrackStart{
background:#fff !important;
border-color:#dbe4ef !important;
}
/* v187 functional comment tools */
.clickComposerTools{align-items:center !important}
.commentToolBtn{border:0;background:transparent;color:var(--muted);font:inherit;font-size:18px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
.commentToolBtn:hover{background:var(--hover);color:var(--text)}
.commentMentionWrap{position:relative}
.commentMentionMenu{position:absolute;left:0;bottom:calc(100% + 8px);min-width:220px;max-width:280px;background:var(--card);border:1px solid var(--border);box-shadow:0 18px 45px rgba(0,0,0,.16);border-radius:12px;padding:6px;z-index:60}
.commentMentionItem{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:9px 10px;border-radius:9px;font:inherit;cursor:pointer}
.commentMentionItem:hover{background:var(--hover)}
.commentMentionEmpty{padding:9px 10px;color:var(--muted);font-size:12px}
.commentToolMeta{font-size:12px;color:var(--muted);min-height:18px}
html[data-theme="light"] .commentMentionMenu{background:#fff;border-color:#dbe4ef}
/* v188 comment attachments preview */
.clickActivityImageLink{display:block;margin-top:10px}
.clickActivityImage{display:block;width:100%;max-width:260px;max-height:180px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#fff}
.clickActivityFile{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--text);text-decoration:none;font-size:12px;font-weight:700}
.clickActivityFile:hover{text-decoration:underline}
/* v190 sidebar badge fit fix */
.sidebar{width:246px !important}
.sideSubmenu,
.sideChildren{overflow:visible !important}
.sideSubItem,
.sideItem,
.sideGroupToggle{min-width:0 !important}
.sideSubItem{
padding-right:14px !important;
gap:8px !important;
}
.sideSubItem > span:first-child,
.sideItem > span:first-child,
.sideGroupToggle > span:first-child{
flex:1 1 auto;
min-width:0;
}
.sideNotifBadge{
flex:0 0 auto !important;
margin-left:8px !important;
min-width:20px !important;
padding:0 6px !important;
}
/* v191 sidebar collapsed submenu visibility fix */
.sideSubmenu,
.sideChildren{
overflow:hidden !important;
}
.sideSubmenu{
padding-right:8px !important;
}
.sideSubItem,
.sideItem,
.sideGroupToggle{
box-sizing:border-box !important;
}
.sideSubItem{
width:100% !important;
padding-right:16px !important;
}
/* v192 sidebar active subitem cut fix */
.sideSubmenu{
padding-right:10px !important;
box-sizing:border-box !important;
}
.sideSubItem{
width:calc(100% - 8px) !important;
margin-right:8px !important;
box-sizing:border-box !important;
}
.sideSubItem.active{
box-shadow:none !important;
}
.sideSubItem .sideNotifBadge{
margin-right:2px !important;
}
/* v193 global clickup-style theme pass */
:root{
--bg:#0D0F14;
--page:#0B0D11;
--sidebar:#161A20;
--card:#101419;
--card2:#131820;
--border:#232A35;
--hover:#1A202A;
--muted:#98A2B3;
--muted2:#727D90;
--text:#F3F5F8;
}
html,body,
body,
.app{background:var(--bg)!important;color:var(--text)!important}
body{background-image:none!important}
.main{background:var(--page)!important}
.topbar{
background:var(--page)!important;
border-bottom:1px solid var(--border)!important;
box-shadow:none!important;
}
.content{
background:var(--page)!important;
box-shadow:none!important;
}
.sidebar{
background:var(--sidebar)!important;
border-right:1px solid var(--border)!important;
box-shadow:none!important;
}
.brand,
.sidebarFooter,
.sideDivider{border-color:var(--border)!important}
.card,
.tableWrap,
.modal,
.loginCard,
.kanbanCol,
.kCard,
.salesCard,
.deptTaskCard,
.projectTaskBlock,
.miniKpi,
.timerPanel,
.profileHeader,
.assignRow,
.filterPanel,
.deptFilterPanel,
.gpFilterGrid,
.lineChartWrap,
.notifHero,
.workspaceBlockCard,
.emptyCard,
.clickCommentComposer,
.clickTaskCommentCard,
.clickActivityCard,
.clickTaskModal,
.clickTaskShell,
.clickTaskMain,
.clickTaskActivityPanel,
.clickTaskSummary,
.clickTaskInner,
.clickTaskAccordion > summary,
.inlineWorkspaceForm,
.inlineLogEditForm,
.clickTimePopover{
background:var(--card)!important;
border:1px solid var(--border)!important;
box-shadow:none!important;
}
.kCard,
.salesCard,
.timerPanel,
.miniKpi,
.lineChartWrap,
.filterPanel,
.deptFilterPanel,
.gpFilterGrid{background:var(--card)!important}
.input,.select,.textarea,
input[type="date"],input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea{
background:var(--card2)!important;
color:var(--text)!important;
border:1px solid var(--border)!important;
box-shadow:none!important;
}
.input::placeholder,.textarea::placeholder{color:var(--muted)!important}
.btn,.btnGhost,.btnPrimary,.btnDanger,.tab,.quickFilter,.chipCheck,.sideItem,.sideSubItem{
box-shadow:none!important;
}
.btnGhost,
.tab,
.quickFilter,
.chipCheck{
background:transparent!important;
border-color:var(--border)!important;
color:var(--muted)!important;
}
.tab.active,
.quickFilter.active,
.sideItem.active,
.sideSubItem.active{
background:rgba(201,243,29,.10)!important;
border-color:rgba(201,243,29,.18)!important;
}
.table th,.table td{border-bottom:1px solid var(--border)!important}
.table tr:hover td{background:rgba(255,255,255,.02)!important}
.sectionTitle,.topTitle,.salesCardTitle,.projectTaskTitle,.deptOverviewTitle,.workspaceBlockTitle{color:var(--text)!important}
.muted,.topSub,.note,.statLabel,.table th{color:var(--muted)!important}
.sideItem,.sideSubItem,.sideGroupToggle{color:#B3BDC9!important}
.sideItem:hover,.sideSubItem:hover,.sideGroupToggle:hover{background:var(--hover)!important;color:var(--text)!important}
.sideSection{color:var(--muted2)!important}
.badge,.bMuted{box-shadow:none!important}
.modalBg{background:rgba(6,8,11,.55)!important}
/* light mode */
html[data-theme="light"]{
--bg:#EEF2F6;
--page:#FFFFFF;
--sidebar:#F7F8FA;
--card:#FFFFFF;
--card2:#FAFBFC;
--border:#E7EBF0;
--hover:#F1F4F7;
--muted:#667085;
--muted2:#98A2B3;
--text:#1F2937;
}
html[data-theme="light"] body,
html[data-theme="light"] .app{background:var(--bg)!important;color:var(--text)!important}
html[data-theme="light"] .main,
html[data-theme="light"] .topbar,
html[data-theme="light"] .content{background:var(--page)!important}
html[data-theme="light"] .sidebar{background:var(--sidebar)!important;border-right:1px solid var(--border)!important}
html[data-theme="light"] .card,
html[data-theme="light"] .tableWrap,
html[data-theme="light"] .modal,
html[data-theme="light"] .loginCard,
html[data-theme="light"] .kanbanCol,
html[data-theme="light"] .kCard,
html[data-theme="light"] .salesCard,
html[data-theme="light"] .deptTaskCard,
html[data-theme="light"] .projectTaskBlock,
html[data-theme="light"] .miniKpi,
html[data-theme="light"] .timerPanel,
html[data-theme="light"] .profileHeader,
html[data-theme="light"] .assignRow,
html[data-theme="light"] .filterPanel,
html[data-theme="light"] .deptFilterPanel,
html[data-theme="light"] .gpFilterGrid,
html[data-theme="light"] .lineChartWrap,
html[data-theme="light"] .notifHero,
html[data-theme="light"] .workspaceBlockCard,
html[data-theme="light"] .emptyCard,
html[data-theme="light"] .clickCommentComposer,
html[data-theme="light"] .clickTaskCommentCard,
html[data-theme="light"] .clickActivityCard,
html[data-theme="light"] .clickTaskModal,
html[data-theme="light"] .clickTaskShell,
html[data-theme="light"] .clickTaskMain,
html[data-theme="light"] .clickTaskActivityPanel,
html[data-theme="light"] .clickTaskSummary,
html[data-theme="light"] .clickTaskInner,
html[data-theme="light"] .clickTaskAccordion > summary,
html[data-theme="light"] .inlineWorkspaceForm,
html[data-theme="light"] .inlineLogEditForm,
html[data-theme="light"] .clickTimePopover{
background:var(--card)!important;
border:1px solid var(--border)!important;
box-shadow:none!important;
}
html[data-theme="light"] .input,
html[data-theme="light"] .select,
html[data-theme="light"] .textarea,
html[data-theme="light"] input[type="date"],
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="number"],
html[data-theme="light"] select,
html[data-theme="light"] textarea{
background:var(--card)!important;
color:var(--text)!important;
border-color:var(--border)!important;
}
html[data-theme="light"] .table tr:hover td{background:#F8FAFC!important}
html[data-theme="light"] .sideItem,
html[data-theme="light"] .sideSubItem,
html[data-theme="light"] .sideGroupToggle{color:#475467!important}
html[data-theme="light"] .sideItem:hover,
html[data-theme="light"] .sideSubItem:hover,
html[data-theme="light"] .sideGroupToggle:hover{background:#EEF2F6!important;color:#1F2937!important;border-color:#EEF2F6!important}
html[data-theme="light"] .sideItem.active,
html[data-theme="light"] .sideSubItem.active{
background:rgba(201,243,29,.14)!important;
color:#1F2937!important;
border-color:rgba(201,243,29,.28)!important;
}
html[data-theme="light"] .sectionTitle,
html[data-theme="light"] .topTitle,
html[data-theme="light"] .salesCardTitle,
html[data-theme="light"] .projectTaskTitle,
html[data-theme="light"] .deptOverviewTitle,
html[data-theme="light"] .workspaceBlockTitle{color:var(--text)!important}
html[data-theme="light"] .muted,
html[data-theme="light"] .topSub,
html[data-theme="light"] .note,
html[data-theme="light"] .statLabel,
html[data-theme="light"] .table th{color:var(--muted)!important}
html[data-theme="light"] .modalBg{background:rgba(17,24,39,.22)!important}
/* v194 CRM flattening + exact light/dark palettes */
:root{
--bg:#090909;
--page:#090909;
--sidebar:#222222;
--card:#111111;
--card2:#111111;
--border:#1E1E1E;
--hover:#181818;
--text:#F5F5F5;
--muted:#A1A1AA;
--muted2:#71717A;
}
html[data-theme="light"]{
--bg:#F8F8F8;
--page:#F8F8F8;
--sidebar:#F9F9F9;
--card:#FFFFFF;
--card2:#FFFFFF;
--border:#EBEBEB;
--hover:#F3F3F3;
--text:#18181B;
--muted:#71717A;
--muted2:#A1A1AA;
}
html,body,body .app,.app{background:var(--bg)!important;color:var(--text)!important}
.main,.content,.topbar{background:var(--page)!important}
.sidebar{background:var(--sidebar)!important;border-right:1px solid var(--border)!important;box-shadow:none!important;background-image:none!important}
.topbar{background-image:none!important;backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid var(--border)!important}
.brand,.sidebarFooter,.sideDivider,.themeToggleRow,.userMini{background:transparent!important;box-shadow:none!important}
.userMini,.themeToggleRow{border:1px solid var(--border)!important}
.content{box-shadow:none!important}
/* flatten all cards / buttons / panels */
.card,.tableWrap,.modal,.loginCard,.kanbanCol,.kCard,.salesCard,.deptTaskCard,.projectTaskBlock,.miniKpi,.timerPanel,.profileHeader,.assignRow,.filterPanel,.deptFilterPanel,.gpFilterGrid,.lineChartWrap,.notifHero,.workspaceBlockCard,.emptyCard,.clickCommentComposer,.clickTaskCommentCard,.clickActivityCard,.clickTaskModal,.clickTaskShell,.clickTaskMain,.clickTaskActivityPanel,.clickTaskSummary,.clickTaskInner,.clickTaskAccordion>summary,.inlineWorkspaceForm,.inlineLogEditForm,.clickTimePopover,.moduleShell,.clientRequestItem,.ownerInboxItem,.checklistAccordion,.taskDetailAccordion,.taskWorkspacePanel,.projectCard,.historyItem,.salesTodayCard,.salesTodayRow,.stagePills,.stagePill,.profileHero,.companyProfileModal .profileHero,.companyProfileModal .historyItem,.actionMenuDrop{
background:var(--card)!important;
border:1px solid var(--border)!important;
box-shadow:none!important;
filter:none!important;
}
.moduleShell{background:transparent!important;border:none!important;padding:0!important}
.moduleHeader,.contentActionRow,.salesToolbar,.salesToolbarLeft,.salesToolbarRight,.dashCleanHero,.dashCleanMain,.dashCleanSide{background:transparent!important;border:none!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
/* no lifted hover anywhere */
.btn,.btnPrimary,.btnGhost,.btnDanger,.tab,.quickFilter,.chipCheck,.sideItem,.sideSubItem,.projectCard,.salesCard,.deptTaskCard,.kCard,.salesTodayCard,.salesTodayRow,.dashNextCard,.dashMiniRow,.dashFocusBtn,.taskInlineFieldBtn,.commentToolBtn,.actionMenuDrop .btn,#pipelineMoreBtn{
box-shadow:none!important;
transform:none!important;
transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease!important;
}
.btn:hover,.btnPrimary:hover,.btnGhost:hover,.btnDanger:hover,.tab:hover,.quickFilter:hover,.chipCheck:hover,.sideItem:hover,.sideSubItem:hover,.projectCard:hover,.salesCard:hover,.deptTaskCard:hover,.kCard:hover,.salesTodayCard:hover,.salesTodayRow:hover,.dashNextCard:hover,.dashMiniRow:hover,.dashFocusBtn:hover,.taskInlineFieldBtn:hover,.commentToolBtn:hover,#pipelineMoreBtn:hover{
transform:none!important;
box-shadow:none!important;
}
.btnPrimary{box-shadow:none!important}
.btn{border-radius:12px!important}
.btnGhost{background:transparent!important;border:1px solid var(--border)!important;color:var(--muted)!important}
.btnGhost:hover{background:var(--hover)!important;color:var(--text)!important}
.btnPrimary{background:var(--accent)!important;color:#101010!important;border:1px solid #d9ef4e!important}
.btnPrimary:hover{background:#d9ef4e!important}
#pipelineMoreBtn{
width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:999px!important;background:var(--accent)!important;color:#111!important;border:1px solid #d9ef4e!important
}
.actionMenuDrop{padding:8px!important;border-radius:16px!important}
.actionMenuDrop .btn{width:100%;justify-content:flex-start}
/* remove bluish title strips */
.moduleEyebrow{color:var(--muted2)!important;background:transparent!important}
.moduleTitle,.sectionTitle,.topTitle{color:var(--text)!important;background:transparent!important}
#salesPage .moduleHeader,#tasksPage .moduleHeader,#dashboardPage .moduleHeader,#projectsPage .moduleHeader,#ownerInboxPage .moduleHeader,#myStatsPage .moduleHeader,#deptPage .moduleHeader{background:transparent!important}
/* tables and forms */
.input,.select,.textarea,input[type="date"],input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea{
background:var(--card)!important;
color:var(--text)!important;
border:1px solid var(--border)!important;
box-shadow:none!important;
}
.input::placeholder,.textarea::placeholder{color:var(--muted)!important}
.tableWrap{background:var(--card)!important}
.table th,.table td{border-bottom:1px solid var(--border)!important}
.table tr:hover td{background:var(--hover)!important}
.clickableRow:hover td{background:var(--hover)!important}
.note,.muted,.muted2,.topSub,.statLabel,.table th{color:var(--muted)!important}
.statValue,.workspaceBlockTitle{color:var(--text)!important}
.empty,.emptyCard,.emptyStateCard{background:transparent!important;border:1px dashed var(--border)!important;box-shadow:none!important}
/* sidebar exact colors */
.sideItem,.sideSubItem,.sideGroupToggle{color:var(--text)!important}
.sideItem,.sideGroupToggle{background:transparent!important;border:1px solid transparent!important}
.sideSubItem{background:transparent!important;border:1px solid transparent!important}
.sideIconWrap{background:transparent!important;border:1px solid var(--border)!important;box-shadow:none!important}
.sideItem:hover,.sideGroupToggle:hover,.sideSubItem:hover{background:var(--hover)!important;border-color:var(--border)!important}
.sideItem.active,.sideGroup.active>.sideGroupToggle,.sideSubItem.active{background:rgba(201,243,29,.10)!important;border-color:rgba(201,243,29,.22)!important;color:var(--text)!important}
.sideNotifBadge{box-shadow:none!important}
html[data-theme="light"] .sideItem.active,html[data-theme="light"] .sideGroup.active>.sideGroupToggle,html[data-theme="light"] .sideSubItem.active{background:rgba(201,243,29,.12)!important;border-color:rgba(201,243,29,.24)!important;color:#18181B!important}
html[data-theme="light"] .sideIconWrap{background:#fff!important;border-color:#ECECEC!important;color:#52525B!important}
html[data-theme="light"] .sideItem:hover,html[data-theme="light"] .sideGroupToggle:hover,html[data-theme="light"] .sideSubItem:hover{background:#F3F3F3!important;border-color:#ECECEC!important}
/* sales / pipeline cleanup */
.salesToolbar{margin-bottom:6px!important}
.quickFilter,.tab,.viewSwitchBtn,.salesTodayStage{background:transparent!important;border:1px solid var(--border)!important;color:var(--muted)!important;box-shadow:none!important}
.quickFilter.active,.tab.active,.viewSwitchBtn.active{background:rgba(201,243,29,.10)!important;border-color:rgba(201,243,29,.20)!important;color:var(--text)!important}
.salesTodayStage{background:var(--card)!important}
.salesTodayRow,.salesTodayCard,.dashNextCard,.dashMiniRow,.salesNextLead,.salesDashRow{background:var(--card)!important;border:1px solid var(--border)!important;box-shadow:none!important}
html[data-theme="light"] .salesTodayRow,html[data-theme="light"] .salesTodayCard,html[data-theme="light"] .dashNextCard,html[data-theme="light"] .dashMiniRow,html[data-theme="light"] .salesNextLead,html[data-theme="light"] .salesDashRow{background:#FFFFFF!important;border-color:#EBEBEB!important;box-shadow:none!important}
/* generic wide modals for contact/company */
.modalBg{background:rgba(0,0,0,.45)!important;backdrop-filter:none!important}
html[data-theme="light"] .modalBg{background:rgba(24,24,27,.16)!important}
.modal.modalWide:not(.clickTaskModal):not(.clickTaskCentered),
.companyProfileModal{
width:min(1320px,calc(100vw - 56px))!important;
max-height:calc(100vh - 42px)!important;
border-radius:20px!important;
background:var(--card)!important;
border:1px solid var(--border)!important;
box-shadow:none!important;
}
.salesDetailMeta,.stagePills,.historyItem,.companyProfileModal .profileHero,.companyProfileModal .historyItem{background:var(--card)!important;border-color:var(--border)!important;box-shadow:none!important}
.stagePill{background:var(--card)!important;color:var(--muted)!important;border:1px solid var(--border)!important}
.stagePill.active{background:rgba(201,243,29,.10)!important;color:var(--text)!important;border-color:rgba(201,243,29,.25)!important}
.infoCallout{background:var(--card)!important;border:1px solid var(--border)!important;box-shadow:none!important}
/* task / contact detail drawers -> centered clickup-like sheet */
.modalBg:has(.clickTaskModal),.modalBg:has(.clickTaskCentered){
align-items:center!important;
justify-content:center!important;
padding:20px!important;
background:rgba(0,0,0,.42)!important;
backdrop-filter:none!important;
}
.modal.modalWide.taskDetailModal.clickTaskModal.clickTaskCentered,
.modalWide.taskDetailModal.clickTaskModal,
.clickTaskModal.clickTaskCentered,
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:min(1580px,calc(100vw - 56px))!important;
height:min(960px,calc(100vh - 42px))!important;
max-height:calc(100vh - 42px)!important;
border-radius:22px!important;
overflow:hidden!important;
background:var(--bg)!important;
border:1px solid var(--border)!important;
box-shadow:none!important;
}
.clickTaskTopbar{background:var(--card)!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important}
.clickTaskMain{background:var(--bg)!important;padding:28px 28px 34px!important}
.clickTaskActivityPanel{background:var(--card)!important;border-left:1px solid var(--border)!important;box-shadow:none!important}
.clickActivityHeader,.clickCommentComposer{background:var(--card)!important;border-color:var(--border)!important;box-shadow:none!important}
.clickActivityBody,.clickTaskCommentCard,.clickActivityCard,.clickBrainBox,.clickTimePopover,.taskFieldPopover,.clickTaskAccordion>summary,.clickAccordionBody,.workLogItem,.attachmentItem,.workspaceFile,.clickPinned,.clickProjectHours{background:var(--card)!important;border-color:var(--border)!important;box-shadow:none!important}
.clickTaskLayout{background:var(--bg)!important;height:calc(100% - 56px)!important}
.clickTaskTitle{letter-spacing:-.035em!important}
.clickTaskTypeRow,.clickTaskField,.clickTaskDivider{border-color:var(--border)!important}
.clickTaskField{background:transparent!important}
.taskInlineFieldBtn{background:transparent!important;border:none!important;color:var(--text)!important;padding:0!important}
.taskInlineFieldBtn:hover{color:var(--text)!important;opacity:.88}
.commentToolBtn{background:transparent!important;border:none!important;color:var(--muted)!important}
.commentToolBtn:hover{background:transparent!important;color:var(--text)!important}
.clickTrackStart{background:transparent!important;border:none!important;padding:0!important;color:var(--text)!important;font-weight:700!important}
.clickTrackStart span{box-shadow:inset 0 0 0 1.5px var(--border)!important;background:transparent!important}
html[data-theme="light"] .clickTaskModal,html[data-theme="light"] .clickTaskCentered,
html[data-theme="light"] .modalBg:has(.clickTaskModal) .clickTaskModal,
html[data-theme="light"] .modalBg:has(.clickTaskCentered) .clickTaskCentered{background:#F8F8F8!important;border-color:#EBEBEB!important}
html[data-theme="light"] .clickTaskTopbar,
html[data-theme="light"] .clickTaskActivityPanel,
html[data-theme="light"] .clickActivityHeader,
html[data-theme="light"] .clickCommentComposer,
html[data-theme="light"] .clickActivityBody,
html[data-theme="light"] .clickTaskCommentCard,
html[data-theme="light"] .clickActivityCard,
html[data-theme="light"] .clickBrainBox,
html[data-theme="light"] .clickTimePopover,
html[data-theme="light"] .taskFieldPopover,
html[data-theme="light"] .clickTaskAccordion>summary,
html[data-theme="light"] .clickAccordionBody,
html[data-theme="light"] .workLogItem,
html[data-theme="light"] .attachmentItem,
html[data-theme="light"] .workspaceFile,
html[data-theme="light"] .clickPinned,
html[data-theme="light"] .clickProjectHours{background:#FFFFFF!important;border-color:#EBEBEB!important;box-shadow:none!important}
html[data-theme="light"] .clickTaskMain,html[data-theme="light"] .clickTaskLayout{background:#F8F8F8!important}
html[data-theme="light"] .clickTaskField{background:transparent!important}
/* small responsive safety */
@media(max-width:1180px){
.modal.modalWide.taskDetailModal.clickTaskModal.clickTaskCentered,
.modalWide.taskDetailModal.clickTaskModal,
.clickTaskModal.clickTaskCentered,
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered,
.modal.modalWide:not(.clickTaskModal):not(.clickTaskCentered),
.companyProfileModal{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;height:calc(100vh - 20px)!important;border-radius:18px!important}
.modalBg:has(.clickTaskModal),.modalBg:has(.clickTaskCentered){padding:10px!important}
}
/* v195 task lists / owner inbox table / compact crm polish */
.table.compact th,.table.compact td{padding:10px 12px!important;font-size:13px!important;vertical-align:middle}
.table.compact th{font-size:11.5px!important;letter-spacing:.04em;text-transform:none;color:var(--muted)!important}
.table.compact tbody tr td{border-bottom:1px solid var(--border)!important}
.table.compact tbody tr:last-child td{border-bottom:none!important}
.table.compact tbody tr:hover td{background:var(--hover)!important}
#salesPage .table th,#salesPage .table td,#ownerInboxPage .table th,#ownerInboxPage .table td,#deptPage .table th,#deptPage .table td{padding:10px 12px!important}
#salesPage .tableWrap,#ownerInboxPage .tableWrap,#deptPage .tableWrap{border-radius:16px!important;overflow:hidden}
#salesPage .btnPrimary,#salesPage .btnGhost,#salesPage .iconBtn{box-shadow:none!important}
.taskStatusBoard{display:flex;flex-direction:column;gap:16px}
.taskStatusSection{border:1px solid var(--border);border-radius:18px;background:var(--card);overflow:hidden}
.taskStatusSectionHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.01)}
.taskStatusSectionTitle{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--text)}
.taskStatusSectionTitle span{color:var(--muted);font-size:12px;font-weight:700}
.taskStatusSectionDot{width:10px;height:10px;border-radius:999px;display:inline-block;background:#8b8b8b}
.taskStatusSection_todo .taskStatusSectionDot{background:#8b8b8b}
.taskStatusSection_progress .taskStatusSectionDot{background:#4f8cff}
.taskStatusSection_review .taskStatusSectionDot{background:#7c5cff}
.taskStatusSection_revision .taskStatusSectionDot{background:#ff9a3d}
.taskStatusSection_waiting .taskStatusSectionDot{background:#b3b3b3}
.taskStatusSection_done .taskStatusSectionDot{background:#3ecf8e}
.taskStatusSection_canceled .taskStatusSectionDot{background:#6b7280}
.taskListTableWrap{border:none!important;border-radius:0!important;background:transparent!important}
.taskListTable{min-width:860px}
.deptTaskTableRow{cursor:pointer}
.taskCellTitle{font-weight:800;color:var(--text)}
.taskCellMeta{margin-top:4px;font-size:12px;color:var(--muted)}
.taskPriority{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;border:1px solid var(--border);background:transparent;color:var(--muted)}
.taskPriority_high{color:#f59e0b;border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.08)}
.taskPriority_medium{color:#60a5fa;border-color:rgba(96,165,250,.24);background:rgba(96,165,250,.08)}
.taskPriority_low{color:#a1a1aa;border-color:rgba(161,161,170,.24);background:rgba(161,161,170,.08)}
.checkCell{width:44px}
.tableCheck{display:flex;align-items:center;justify-content:center}
.tableCheck input{width:15px;height:15px}
.projectTaskBlock{padding:14px!important}
.projectTaskTitle{font-size:16px!important;font-weight:850!important}
.ownerInboxTableWrap{margin-top:10px}
.ownerInboxTable{min-width:980px}
.ownerInboxRow .ownerInboxNoteCell{max-width:360px;color:var(--muted)}
.ownerInboxRow.ownerInboxItem_deleted td{background:rgba(239,68,68,.03)!important}
.ownerInboxRow.ownerInboxItem_blockerTone td{background:rgba(249,115,22,.04)!important}
.rowActionMenu{position:relative}
.rowActionMenu[open]{z-index:20}
.rowActionMenu>summary{list-style:none}
.rowActionMenu>summary::-webkit-details-marker{display:none}
.rowPlusBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:20px;line-height:1;cursor:pointer;box-shadow:none!important}
.rowPlusBtn:hover{background:var(--hover)}
.rowActionMenuPanel{position:absolute;right:0;top:calc(100% + 8px);display:flex;flex-direction:column;gap:6px;padding:8px;min-width:168px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:none!important}
.rowActionMenuPanel .btn{width:100%;justify-content:flex-start;min-height:34px!important;padding:8px 10px!important;border-radius:10px!important}
html[data-theme="light"] .rowPlusBtn{background:#fff!important;border-color:#ebebeb!important}
html[data-theme="light"] .rowActionMenuPanel{background:#fff!important;border-color:#ebebeb!important}
/* sidebar polish */
.sideSectionTitle{font-size:11px!important;letter-spacing:.12em!important;color:var(--muted2)!important;margin:18px 14px 8px!important}
.sideItem,.sideGroupToggle{min-height:42px!important;padding:9px 12px!important;font-size:14px!important;font-weight:700!important;border-radius:12px!important}
.sideSubItem{min-height:38px!important;padding:8px 12px 8px 18px!important;font-size:13.5px!important;font-weight:650!important;border-radius:12px!important;margin-left:14px!important;margin-right:10px!important}
.sideIconWrap{width:28px!important;height:28px!important;border-radius:9px!important}
.sideItem>span,.sideGroupToggle>span,.sideSubItem>span{line-height:1.2}
.sideNotifBadge{min-width:22px!important;height:22px!important;padding:0 7px!important;font-size:11px!important}
.sideGroupChildren{padding-left:10px!important}
/* task modal subtle polish */
.clickTaskTopbar{min-height:52px!important}
.clickTaskTitle{font-size:28px!important;font-weight:900!important}
.clickTaskField{padding:7px 0!important}
.clickTaskAccordion>summary{padding:14px 16px!important}
.clickAccordionBody{padding:14px 16px!important}
.clickActivityItem{padding:12px 0!important;border-bottom:1px solid var(--border)}
.clickActivityItem:last-child{border-bottom:none}
.clickCommentComposer{padding:12px!important;border-radius:16px!important}
.clickCommentComposer textarea{min-height:84px!important}
.taskInlineActionsBar{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:14px}
.inlineTaskActionsMenu .taskActionSummary{box-shadow:none!important}
@media(max-width:900px){
.taskListTable{min-width:720px}
.ownerInboxTable{min-width:760px}
}
/* v196 task actions + flatter task tab + owner inbox cleanup */
.taskActionSummary{border-radius:12px!important;padding:10px 14px!important;background:var(--card)!important;border:1px solid var(--border)!important;box-shadow:none!important;min-height:40px!important}
.taskActionSummary span{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:rgba(201,243,29,.16)!important;font-weight:900;color:var(--text);margin-right:2px}
.taskActionMenu[open] .taskActionSummary{border-color:rgba(201,243,29,.30)!important;background:var(--hover)!important}
.taskActionMenuPanel{min-width:230px!important;padding:8px!important;border-radius:14px!important;gap:6px!important;box-shadow:none!important;background:var(--card)!important;border:1px solid var(--border)!important;backdrop-filter:none!important}
.taskActionMenuPanel .taskMenuBtn{border-radius:10px!important;padding:10px 12px!important;background:transparent!important;border:1px solid transparent!important;color:var(--text)!important;font-weight:700!important;box-shadow:none!important}
.taskActionMenuPanel .taskMenuBtn:hover{background:var(--hover)!important;border-color:var(--border)!important}
.taskActionMenuPanel .taskMenuDanger{color:#ef4444!important}
.taskInlineActionsBar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:16px 0 8px!important}
.taskInlineApprove,.taskInlineRevision{min-height:40px!important;border-radius:12px!important;font-weight:800!important;box-shadow:none!important}
.taskInlineApprove{background:#c9f31d!important;border:1px solid #d8ef4f!important;color:#111!important}
.taskInlineApprove:hover{background:#d8ef4f!important}
.taskInlineRevision{background:#ef4444!important;border:1px solid #ef4444!important;color:#fff!important}
.taskInlineRevision:hover{background:#dc2626!important;border-color:#dc2626!important}
html[data-theme="dark"] .taskInlineRevision{background:#7f1d1d!important;border-color:#991b1b!important;color:#fff!important}
html[data-theme="dark"] .taskInlineRevision:hover{background:#991b1b!important;border-color:#b91c1c!important}
#deptPage .deptFilterPanel,
#deptPage .bulkPanel,
#deptPage .statsFilterCard,
#deptPage .filterPanel{
background:transparent!important;
border:none!important;
box-shadow:none!important;
padding:0!important;
}
#deptPage .deptFilterPanel{margin-bottom:10px!important}
#deptPage .deptFilterPanel .between{gap:12px!important}
#deptPage .bulkPanel{margin-top:8px!important;padding-top:0!important}
#deptPage #deptTaskViewBody{margin-top:10px!important}
#deptPage .muted[style*="Prikazujem"]{margin:8px 0!important}
#deptPage .tableWrap.taskListTableWrap{border:1px solid var(--border)!important;border-radius:14px!important;overflow:hidden;background:var(--card)!important}
#deptPage .taskStatusSection{border-radius:16px!important;box-shadow:none!important}
#deptPage .taskStatusSectionHeader{padding:10px 12px!important}
#deptPage .searchRow>.input,#deptPage .searchRow>.select,#deptPage .searchRow>.btn{min-height:40px!important}
.ownerInboxToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 12px}
.ownerInboxBulkBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ownerInboxBulkActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ownerInboxTableWrap{margin-top:10px!important}
.ownerInboxTable .rowPlusBtn{box-shadow:none!important;background:var(--card)!important}
.ownerInboxTable .rowActionMenuPanel{box-shadow:none!important;background:var(--card)!important;border-color:var(--border)!important}
.ownerInboxTable .rowActionMenuPanel .btnPrimary{background:#c9f31d!important;color:#111!important;border-color:#d8ef4f!important}
.ownerInboxTable .rowActionMenuPanel .btnDanger{background:transparent!important;color:#ef4444!important;border-color:rgba(239,68,68,.24)!important}
@media(max-width:980px){
.taskInlineActionsBar{justify-content:flex-start!important}
.ownerInboxToolbar,.ownerInboxBulkBar{align-items:flex-start}
}
/* v198 topbar notification/name cleanup */
.topProfileMini,.topProfileName{display:none!important}
.topIconBtn.hasNotif{position:relative;border-color:rgba(201,243,29,.35)!important;background:rgba(201,243,29,.08)!important}
.topIconBtn strong{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#111;font-size:11px;line-height:18px;font-weight:900;box-shadow:none!important}
.topActions{gap:10px!important}
/* v199 threaded task comments */
.clickActivityList{display:flex!important;flex-direction:column!important;gap:10px!important}
.taskCommentThreadItem{position:relative;margin-left:calc(var(--comment-depth,0) * 22px)}
.taskCommentThreadItem.isReply{margin-top:8px}
.taskCommentThreadItem.isReply:before{content:'';position:absolute;left:-14px;top:0;bottom:8px;border-left:1px solid var(--border)}
.taskCommentThreadItem.isReply .clickActivityDot{width:7px!important;height:7px!important;opacity:.65}
.taskCommentThreadItem .clickActivityItem{padding:0!important;border-bottom:0!important}
.clickActivityFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.taskReplyBtn{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer;padding:4px 7px;border-radius:8px}
.taskReplyBtn:hover{background:var(--hover);color:var(--text)}
.replyTargetChip{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);background:var(--hover);border-radius:12px;padding:8px 10px;margin-bottom:8px;color:var(--text);font-size:12px;font-weight:800}
.replyTargetChip[hidden]{display:none!important}
.replyTargetChip button{border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0 4px;border-radius:6px}
.replyTargetChip button:hover{color:var(--text);background:rgba(255,255,255,.06)}
html[data-theme="light"] .replyTargetChip{background:#f8f8f8;border-color:#ebebeb}
/* v203 immediate track-time feedback */
.workLogItem.justAdded{outline:1px solid rgba(201,243,29,.35);background:color-mix(in srgb,var(--card) 90%,rgba(201,243,29,.08))!important}
/* v204 sales pipeline contact modal redesign */
.salesContactModal{max-width:1140px!important;padding:18px 18px 22px!important}
.salesContactShell{display:flex;flex-direction:column;gap:14px}
.salesContactHeader{align-items:flex-start!important;padding-bottom:8px;border-bottom:1px solid var(--border)}
.salesContactCompany{font-size:28px;font-weight:800;line-height:1.1;color:var(--text)}
.salesContactPerson{margin-top:6px;font-size:16px;color:var(--muted);font-weight:600}
.salesCloseBtn{min-width:44px;padding:10px 12px!important}
.salesContactQuick{display:flex;flex-wrap:wrap;gap:10px}
.salesQuickItem{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.salesQuickLabel{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}
.salesActionRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.salesCurrentStagePill{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:12px;border:1px solid var(--border);background:var(--hover);color:var(--text);font-weight:800}
.salesStepRailWrap{padding:2px 0 8px}
.salesStepRail{display:flex;align-items:center;flex-wrap:wrap;gap:0}
.salesStepNode{border:none;background:transparent;color:var(--muted);font-weight:700;padding:10px 8px;cursor:pointer;border-radius:8px}
.salesStepNode:hover{color:var(--text);background:var(--hover)}
.salesStepNode.active{color:var(--text);background:var(--card);border:1px solid var(--border)}
.salesStepDivider{width:28px;height:1px;background:var(--border);margin:0 2px}
.salesSplitGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px}
.salesPanelBlock{border-top:1px solid var(--border);padding-top:14px}
.salesPanelTitle{font-size:12px;font-weight:800;letter-spacing:.9px;color:var(--muted);margin-bottom:14px}
.salesFieldGrid{display:grid;grid-template-columns:1fr;gap:14px}
.salesFieldGrid .span2{grid-column:1 / -1}
.salesRecordForm .input[disabled]{opacity:1;color:var(--text);cursor:default;background:var(--card)}
.salesHistoryList{border-top:1px solid var(--border);padding-top:16px}
html[data-theme="light"] .salesQuickItem,
html[data-theme="light"] .salesStepNode.active{background:#fff!important}
html[data-theme="light"] .salesCurrentStagePill{background:#F8FAFC!important}
@media (max-width: 860px){
.salesContactCompany{font-size:24px}
.salesSplitGrid{grid-template-columns:1fr}
.salesStepDivider{display:none}
}
/* v205 pipeline contact modal field reposition */
.salesContactQuickFields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.salesContactQuickFields .salesQuickItem{padding:0;border:none;background:transparent;gap:6px}
.salesContactQuickFields .salesQuickItem .input{background:var(--card)}
.salesQuickItemWide{grid-column:span 2}
@media (max-width: 1100px){.salesContactQuickFields{grid-template-columns:repeat(2,minmax(0,1fr))}.salesQuickItemWide{grid-column:span 2}}
@media (max-width: 640px){.salesContactQuickFields{grid-template-columns:1fr}.salesQuickItemWide{grid-column:auto}}
/* v206 sales contact polish */
.salesReadOnlyGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important}
.salesReadOnlyItem{display:flex;flex-direction:column;gap:8px;min-width:0}
.salesReadOnlyValue{min-height:44px;display:flex;align-items:center;padding:0 2px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border)}
.salesMediaList{display:flex;flex-wrap:wrap;gap:8px;min-height:24px}
.salesMediaChip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:var(--card)}
.salesMediaChip a{color:var(--text);text-decoration:none;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.salesMediaIcon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;border-radius:999px;background:var(--hover)}
.salesMediaRemove{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;line-height:1}
.salesMediaRemove:hover{color:#ef4444}
.salesActionDivider{height:1px;background:var(--border);margin:4px 0 2px}
.salesStatusMenu{margin-left:0}
.salesHistoryAccordion{border-top:1px solid var(--border);padding-top:14px}
.salesHistoryAccordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800;padding:8px 0;color:var(--text)}
.salesHistoryAccordion>summary::-webkit-details-marker{display:none}
.salesHistoryAccordionBody{padding-top:8px}
@media (max-width: 1000px){.salesReadOnlyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.salesQuickItemWide{grid-column:span 2}}
@media (max-width: 640px){.salesReadOnlyGrid{grid-template-columns:1fr}.salesQuickItemWide{grid-column:auto}}
/* v207 sales contact secondary polish */
.salesContactPerson{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.salesQuickItemFull{grid-column:1 / -1}
.salesAuxBtn{margin-top:12px}
.salesActionDivider{margin:12px 0 12px}
.salesActionRow{gap:14px}
.salesStatusMenu{position:relative}
.salesStatusMenu .taskActionMenuPanel{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;z-index:60}
.salesReadOnlyGrid{align-items:start}
.salesReadOnlyItem{padding-right:12px}
.salesReadOnlyValue{background:transparent;border-bottom:1px solid var(--border);border-radius:0;min-height:34px;padding:0 0 10px 0}
.salesContactsList{display:flex;flex-wrap:wrap;gap:10px}
.salesContactCard{min-width:220px;max-width:320px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.salesContactCard.base{background:var(--hover)}
.salesContactCardName{font-weight:800;color:var(--text);margin-bottom:4px}
.salesSplitGrid{align-items:start}
.salesPanelBlock:first-child{order:1}.salesPanelBlock:last-child{order:2}
.salesHistoryAccordion{margin-top:4px}
.salesHistoryAccordion > summary{padding:12px 0}
.salesHistoryAccordion[open] .salesHistoryAccordionBody{padding-top:10px}
@media (max-width: 640px){.salesStatusMenu .taskActionMenuPanel{left:auto;right:0}.salesContactCard{min-width:100%}}
/* v209 sales modal micro polish */
.salesFieldHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.salesMiniAdd{width:28px;height:28px;border:1px solid var(--border);background:var(--card);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.salesMiniAdd:hover{background:var(--hover);border-color:var(--accent);transform:translateY(-1px)}
.salesAuxBtn{display:none!important}
.salesActionRow{gap:12px;align-items:center}
.salesMediaChip{padding:7px 10px 7px 8px}
.salesMediaChip a{font-weight:700;max-width:none}
.salesStepRail{padding:2px 0 4px}
.salesStepNode{position:relative;padding:11px 10px;color:var(--muted)}
.salesStepNode.active{background:var(--card);border:1px solid var(--accent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}
.salesStepNode.active::after{content:'';position:absolute;left:10px;right:10px;bottom:-7px;height:3px;border-radius:999px;background:var(--accent)}
.salesStepDivider{opacity:.75}
html[data-theme="light"] .salesStepNode.active{background:#fff!important;border-color:#B5C8FF;box-shadow:inset 0 0 0 1px rgba(108,99,255,.16)}
html[data-theme="light"] .salesMiniAdd{background:#fff}
/* v210 sales next-step + inline add polish */
.salesMediaList,.salesContactsList{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.salesMiniAdd.inline{width:30px;height:30px;align-self:center;flex:0 0 auto}
.salesMiniAdd.inline.contact{margin-left:2px}
.salesMediaChip{display:inline-flex;align-items:center;gap:10px;max-width:260px}
.salesMediaChip a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
.salesActionRow{margin-top:6px}
.salesStepRail{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px}
.salesStepDivider{width:28px;min-width:28px;margin:0 2px;border-top:1px solid var(--border)}
.salesStepNode{min-width:unset;padding:10px 12px}
.salesStepNode.active{font-weight:800}
.salesFieldHead{margin-bottom:8px}
/* v213 sales workflow separation */
.salesWorkflowHint{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 10px}
.salesWorkflowHint>div{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.salesWorkflowHint span{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:800}
.salesWorkflowHint strong{font-size:15px;color:var(--text)}
.salesWorkflowHint small{color:var(--muted);font-weight:700}
.salesDueActionCard{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(201,243,29,.45);background:rgba(201,243,29,.08);border-radius:16px;padding:12px 14px;margin:10px 0 12px}
.salesDueActionCard>div{display:flex;flex-direction:column;gap:3px}.salesDueActionCard span{color:var(--muted);font-weight:700}
.salesStepRailLabel{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:800;margin:0 0 8px 2px}
@media(max-width:760px){.salesWorkflowHint{grid-template-columns:1fr}.salesDueActionCard{align-items:flex-start;flex-direction:column}}
/* v218 premium Pipeline (vsi) */
.gpPremiumHero{
background:var(--card);
border:1px solid var(--border);
border-radius:18px;
padding:18px 20px;
box-shadow:none;
}
.gpPremiumTop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.gpPeriodPill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--hover);border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;color:var(--muted)}
.gpPresetRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gpPremiumFilters{display:grid;grid-template-columns:150px 150px minmax(190px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:end;margin-top:14px}
.gpFilterActions{display:flex;gap:8px;align-items:end}
.gpKpiStrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
.gpKpi{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 15px;display:flex;flex-direction:column;gap:5px;min-height:96px;box-shadow:none}
.gpKpi span{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:900}
.gpKpi strong{font-size:30px;line-height:1;color:var(--text);letter-spacing:-.04em}
.gpKpi small{color:var(--muted);font-weight:600}
.gpKpi.hot{border-color:rgba(201,243,29,.45);background:color-mix(in srgb,var(--accent) 8%,var(--card))}
.gpKpi.danger{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.06)}
.gpKpi.danger strong{color:#ef4444}
.gpPremiumGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px;margin-top:14px}
.gpPremiumGrid.second{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)}
.gpPanel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:none}
.gpPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.gpPanelHead strong{font-size:15px}
.gpPanelHead span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.gpStageBars{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.gpStageBar{appearance:none;border:1px solid var(--border);background:transparent;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;color:var(--text);text-align:left;box-shadow:none}
.gpStageBar:hover,.gpStageBar.active{background:var(--hover);border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}
.gpStageBarMain{display:flex;align-items:center;gap:12px;min-width:0}
.gpStageIconClean{width:28px;height:28px;border-radius:9px;border:1px solid var(--border);background:var(--card);display:inline-flex;align-items:center;justify-content:center;font-weight:900}
.gpStageBarMain strong{display:block;font-size:14px}
.gpStageBarMain small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.gpStageBarRight{display:flex;align-items:center;gap:10px;min-width:130px;justify-content:flex-end}
.gpStageBarRight strong{font-size:20px}
.gpStageBarRight i{display:block;width:86px;height:7px;border-radius:999px;background:var(--hover);overflow:hidden}
.gpStageBarRight i b{display:block;height:100%;background:var(--accent);border-radius:999px}
.gpActionList.premium{display:flex;flex-direction:column;gap:8px}
.gpActionRow.premium{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--border);border-radius:14px;padding:11px 12px;background:transparent;cursor:pointer}
.gpActionRow.premium:hover{background:var(--hover)}
.gpActionRow.premium strong,.gpActionRow.premium b{display:block;color:var(--text);font-size:13px}
.gpActionRow.premium span,.gpActionRow.premium small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.gpActionRow.premium.today{border-color:rgba(201,243,29,.42)}
.gpActionRow.premium.overdue{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.04)}
.gpSellerList{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.gpSellerRow{appearance:none;border:1px solid var(--border);background:transparent;border-radius:14px;padding:11px 12px;display:grid;grid-template-columns:1fr 130px;gap:12px;text-align:left;color:var(--text);cursor:pointer}
.gpSellerRow:hover,.gpSellerRow.selected{background:var(--hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}
.gpSellerRow strong{display:block;font-size:13px}
.gpSellerRow span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.gpSellerScore{text-align:right}
.gpSellerScore b{display:block;font-size:16px}
.gpSellerScore small{display:block;color:var(--muted);font-size:11px}
.gpSellerScore i{display:block;height:6px;background:var(--hover);border-radius:999px;overflow:hidden;margin-top:6px}
.gpSellerScore i em{display:block;height:100%;background:var(--accent);border-radius:999px}
.gpPremiumTable{margin-top:14px;border-radius:18px;overflow:hidden}
.gpTableHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}
.gpTableHead strong{display:block}
.gpTableHead span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.gpDue{font-weight:800;color:var(--text)}
.gpDue.today{color:color-mix(in srgb,var(--accent) 78%,var(--text))}
.gpDue.overdue{color:#ef4444}
tr.rowToday{background:color-mix(in srgb,var(--accent) 5%,transparent)}
tr.rowOverdue{background:rgba(239,68,68,.04)}
html[data-theme="dark"] .gpKpi.hot{background:rgba(201,243,29,.07)}
html[data-theme="dark"] .gpKpi.danger{background:rgba(239,68,68,.08)}
@media(max-width:1100px){
.gpPremiumFilters{grid-template-columns:repeat(2,minmax(0,1fr))}
.gpFilterActions{grid-column:1/-1}
.gpKpiStrip{grid-template-columns:repeat(2,minmax(0,1fr))}
.gpPremiumGrid,.gpPremiumGrid.second{grid-template-columns:1fr}
}
@media(max-width:650px){
.gpKpiStrip{grid-template-columns:1fr}
.gpPremiumFilters{grid-template-columns:1fr}
.gpStageBar,.gpActionRow.premium,.gpSellerRow{grid-template-columns:1fr}
}
/* v219 premium personal sales stats + bonus */
.salesStatsPremium{display:flex;flex-direction:column;gap:16px}
.salesStatsTopbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--card)}
.salesStatsRange{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.salesStatsRange .input{width:145px;min-height:38px}
.salesStatsKpiStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.salesStatsKpi{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:15px 16px;min-height:94px;display:flex;flex-direction:column;justify-content:space-between}
.salesStatsKpi span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}
.salesStatsKpi strong{font-size:30px;line-height:1;color:var(--text)}
.salesStatsKpi small{color:var(--muted);font-size:12px}
.salesStatsMainGrid{display:grid;grid-template-columns:380px 1fr;gap:14px;align-items:stretch}
.salesBonusCard,.salesTodayCard,.salesStatsPanel{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:18px;box-shadow:none}
.salesBonusCard{display:flex;flex-direction:column;gap:14px}
.salesBonusHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.salesBonusHead span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.9px;color:var(--muted)}
.salesBonusHead strong{font-size:44px;line-height:1;color:var(--text)}
.salesBonusMonth{font-size:12px;font-weight:800;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--hover);white-space:nowrap}
.salesBonusProgress{height:9px;border-radius:999px;background:var(--hover);overflow:hidden;border:1px solid var(--border)}
.salesBonusProgress>div{height:100%;border-radius:999px;background:var(--accent)}
.salesBonusMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.salesBonusMeta b{font-size:18px;color:var(--text)}
.salesBonusMeta span{font-size:13px;color:var(--muted);font-weight:700}
.salesBonusRule{font-size:12px;color:var(--muted);line-height:1.45;border-top:1px solid var(--border);padding-top:12px}
.salesBonusWins{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.salesBonusWins>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;border-top:1px solid var(--border);padding-top:8px}
.salesBonusWins strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.salesBonusWins span{color:var(--muted)}
.salesTodayBubble{width:34px;height:34px;border-radius:999px;background:var(--accent);color:#111;display:flex;align-items:center;justify-content:center;font-weight:900}
.salesStatsActionTable{margin-top:14px;max-height:330px;overflow:auto}
.salesStatsActionTable .tableWrap,.salesStatsActionTable table{box-shadow:none}
.salesStatsActionTable tr{cursor:pointer}
.salesStatsActionTable tr.isOverdue td:first-child{border-left:3px solid #ef4444}
.salesStatsActionTable tr.isToday td:first-child{border-left:3px solid var(--accent)}
.salesStatsBottomGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}
.salesStatsChart{margin-top:12px}
.salesStageRows{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.salesStageStatRow>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.salesStageStatRow span{font-weight:700;color:var(--text)}
.salesStageStatRow strong{color:var(--muted)}
.salesStatsMore{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:0 16px}
.salesStatsMore>summary{list-style:none;cursor:pointer;padding:14px 0;font-weight:800;color:var(--text)}
.salesStatsMore>summary::-webkit-details-marker{display:none}
.salesStatsSecondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 0 16px}
.salesStatsSecondary>div{border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--hover)}
.salesStatsSecondary span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:800}
.salesStatsSecondary strong{display:block;margin-top:6px;font-size:22px;color:var(--text)}
html[data-theme="dark"] .salesBonusProgress>div, html[data-theme="dark"] .salesTodayBubble{background:#c9f31d}
@media(max-width:1100px){
.salesStatsMainGrid,.salesStatsBottomGrid{grid-template-columns:1fr}
.salesStatsKpiStrip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
.salesStatsKpiStrip,.salesStatsSecondary{grid-template-columns:1fr}
.salesStatsTopbar{padding:14px}
.salesStatsRange{justify-content:flex-start}
.salesStatsRange .input{width:100%}
}
/* v220 finance / payroll phase 1+2 */
.financeBox{border:1px solid var(--border);border-radius:16px;background:var(--card);padding:14px;box-shadow:none}
.financeMiniGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.financeMiniGrid>div{border:1px solid var(--border);border-radius:14px;background:var(--hover);padding:12px}
.financeMiniGrid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}.financeMiniGrid strong{font-size:18px;color:var(--text)}
.financeAssignRow{gap:12px;align-items:flex-end!important}.projectFeeInput{height:38px!important}.financeDashboard .financeTotal{font-size:26px;font-weight:900;color:var(--text)}
.table.compact th,.table.compact td{padding:10px 12px!important;font-size:13px!important}
@media(max-width:900px){.financeMiniGrid{grid-template-columns:1fr 1fr}.financeAssignRow{align-items:stretch!important}.financeAssignRow>div{width:auto!important}}
/* v221 payroll + no-code settings polish */
.payrollPanel .payrollToolbar,.payrollPanel .payrollActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.payrollTotal{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.payrollTotal span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.payrollTotal strong{font-size:26px;line-height:1}.payrollTotal small{color:var(--muted)}.settingsPremium .settingsHero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.settingsJson{min-height:230px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;line-height:1.45}.settingsPremium .card{box-shadow:none}.payrollPanel .table td{vertical-align:top}
@media(max-width:900px){.payrollTotal{align-items:flex-start}.settingsPremium .settingsHero{flex-direction:column}.settingsJson{min-height:180px}}
/* v222 Finance module */
.financeHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:6px}
.financeKpiGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.financeKpi{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:13px 14px;box-shadow:none}
.financeKpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:7px}
.financeKpi strong{display:block;font-size:22px;line-height:1.1;color:var(--text)}
.financeKpi small{display:block;color:var(--muted);margin-top:7px;font-size:12px}
.financeActionBar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}
.financeSplit{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}
.financeCreateCard{position:sticky;top:14px;border-radius:16px;box-shadow:none}
.financeTable th,.financeTable td{font-size:13px}
.financeTable td{vertical-align:top}
.flatCard{box-shadow:none;margin-bottom:12px}
@media(max-width:1100px){.financeSplit{grid-template-columns:1fr}.financeCreateCard{position:static}.financeKpiGrid{grid-template-columns:1fr}}
[data-theme="dark"] .financeKpi{background:#111;border-color:rgba(255,255,255,.08)}
[data-theme="light"] .financeKpi{background:#fff;border-color:rgba(0,0,0,.08)}
/* v225 finance invoice action polish */
.financeInvoicesWrap{overflow:visible!important;position:relative!important;min-height:220px;}
.financeTable .actionMenu{position:relative;display:inline-flex;justify-content:flex-end;}
.financeTable .actionPlus[data-invoice-actions]{background:transparent!important;border:1px solid var(--border)!important;box-shadow:none!important;color:var(--text)!important;min-width:34px!important;width:34px!important;height:30px!important;border-radius:10px!important;padding:0!important;font-size:18px!important;line-height:1!important;justify-content:center!important;}
.financeTable .actionPlus[data-invoice-actions]:hover{background:var(--card2)!important;box-shadow:none!important;transform:none!important;}
.financeTable .invoiceActionDrop{top:auto!important;bottom:calc(100% + 8px)!important;right:0!important;min-width:170px!important;padding:8px!important;border-radius:14px!important;box-shadow:none!important;}
.financeTable .invoiceActionDrop .btn{min-height:34px!important;padding:8px 10px!important;font-size:13px!important;}
html[data-theme="light"] .financeTable .actionPlus[data-invoice-actions]{background:transparent!important;color:#0e1726!important;border-color:#d8dee8!important;}
html[data-theme="light"] .financeTable .actionPlus[data-invoice-actions]:hover{background:#f6f7f9!important;}
/* v226 finance polish */
.financeTable .actionMenu{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;position:relative!important;z-index:80!important;}
.financeTable .actionPlus[data-invoice-actions]{background:transparent!important;border:1px solid var(--border)!important;box-shadow:none!important;color:var(--text)!important;min-width:32px!important;width:32px!important;height:30px!important;border-radius:9px!important;padding:0!important;font-size:17px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.financeTable .actionPlus[data-invoice-actions]:hover{background:var(--card2)!important;box-shadow:none!important;transform:none!important;}
.financeTable .invoiceActionDrop{top:calc(100% + 6px)!important;bottom:auto!important;right:0!important;min-width:168px!important;padding:8px!important;border-radius:14px!important;box-shadow:none!important;z-index:2147483000!important;}
.financeTable .invoiceActionDrop .btn{min-height:34px!important;padding:8px 10px!important;font-size:13px!important;justify-content:center!important;}
.financeInvoicesWrap,.financeInvoicesWrap .tableWrap{overflow:visible!important;}
html[data-theme="light"] .financeTable .actionMenu,body.light .financeTable .actionMenu{background:transparent!important;border:0!important;box-shadow:none!important;}
html[data-theme="light"] .financeTable .actionPlus[data-invoice-actions],body.light .financeTable .actionPlus[data-invoice-actions]{background:transparent!important;color:#0e1726!important;border-color:#d8dee8!important;box-shadow:none!important;}
html[data-theme="light"] .financeTable .actionPlus[data-invoice-actions]:hover,body.light .financeTable .actionPlus[data-invoice-actions]:hover{background:#f6f7f9!important;}
.payrollPanelReadonly .payrollToolbar{gap:10px;align-items:center;flex-wrap:wrap;}
.payrollPanelReadonly .payrollActions{display:none!important;}
/* v227 finance invoice row action menu fix */
.financeInvoicesWrap,
.financeInvoicesWrap .tableWrap,
.financeInvoicesWrap table,
.financeInvoicesWrap tbody,
.financeInvoicesWrap tr,
.financeInvoicesWrap td{overflow:visible!important;}
.financeInvoicesWrap .financeTable td:last-child{position:relative!important;width:58px!important;padding-right:40px!important;}
.financeInvoicesWrap .actionMenu{position:relative!important;z-index:20!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.financeInvoicesWrap .actionPlus[data-invoice-actions]{position:relative!important;z-index:3!important;background:transparent!important;border:1px solid var(--border)!important;box-shadow:none!important;color:var(--text)!important;min-width:32px!important;width:32px!important;height:30px!important;border-radius:9px!important;padding:0!important;font-size:17px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transform:none!important;}
.financeInvoicesWrap .actionPlus[data-invoice-actions]:hover{background:var(--card2)!important;box-shadow:none!important;transform:none!important;}
.financeInvoicesWrap .invoiceActionDrop{position:absolute!important;top:50%!important;right:42px!important;bottom:auto!important;transform:translateY(-50%)!important;min-width:162px!important;padding:8px!important;border-radius:14px!important;box-shadow:none!important;z-index:2!important;background:var(--card)!important;border:1px solid var(--border)!important;gap:7px!important;}
.financeInvoicesWrap .invoiceActionDrop.open{display:flex!important;}
.financeInvoicesWrap .invoiceActionDrop .btn{min-height:34px!important;padding:8px 10px!important;font-size:13px!important;justify-content:center!important;box-shadow:none!important;transform:none!important;}
html[data-theme="light"] .financeInvoicesWrap .actionPlus[data-invoice-actions],
body.light .financeInvoicesWrap .actionPlus[data-invoice-actions]{background:transparent!important;color:#0e1726!important;border-color:#d8dee8!important;box-shadow:none!important;}
html[data-theme="light"] .financeInvoicesWrap .invoiceActionDrop,
body.light .financeInvoicesWrap .invoiceActionDrop{background:#fff!important;border-color:#dbe5f2!important;box-shadow:none!important;}
html[data-theme="dark"] .financeInvoicesWrap .invoiceActionDrop,
body.dark .financeInvoicesWrap .invoiceActionDrop{background:#111!important;border-color:#2a2a2a!important;box-shadow:none!important;}
/* v228 finance invoice action menu: use global portal menu outside table/container */
.financeInvoicesWrap .invoiceActionDrop{display:none!important;}
.invoicePortalMenu{min-width:168px!important;padding:8px!important;border-radius:14px!important;gap:7px!important;box-shadow:none!important;z-index:2147483000!important;}
.invoicePortalMenu .btn{min-height:34px!important;padding:8px 10px!important;font-size:13px!important;justify-content:center!important;box-shadow:none!important;transform:none!important;}
.invoicePortalMenu .btnPrimary{background:var(--accent)!important;color:#0A0B0D!important;}
.invoicePortalMenu .btnDanger{background:rgba(255,82,82,.14)!important;color:#ff5f5f!important;border-color:rgba(255,82,82,.28)!important;}
html[data-theme="light"] .invoicePortalMenu,body.light .invoicePortalMenu{background:#fff!important;border-color:#dbe5f2!important;box-shadow:none!important;}
html[data-theme="light"] .invoicePortalMenu .btnGhost,body.light .invoicePortalMenu .btnGhost{background:#fff!important;color:#0e1726!important;border-color:#cbd5e1!important;}
html[data-theme="light"] .invoicePortalMenu .btnDanger,body.light .invoicePortalMenu .btnDanger{background:#fff1f1!important;color:#cc3030!important;border-color:#ffc8c8!important;}
html[data-theme="dark"] .invoicePortalMenu,body.dark .invoicePortalMenu{background:#111!important;border-color:#2a2a2a!important;box-shadow:none!important;}
/* v229 finance invoice table height fix */
.financeInvoicesWrap{
min-height:0!important;
height:auto!important;
padding-bottom:0!important;
}
.financeInvoicesWrap .financeTable{
margin-bottom:0!important;
}
.financeInvoicesWrap .financeTable tbody tr:last-child td{
border-bottom:0!important;
}
.financeInvoicesWrap:has(.financeTable tbody tr:only-child) {
min-height:0!important;
}
.financeInvoicesWrap.tableWrap{
content-visibility:visible!important;
contain-intrinsic-size:auto!important;
}
/* v231 invoice item fields readability */
.invoiceItemRow{display:grid!important;grid-template-columns:minmax(0,1fr) 86px 120px 36px!important;gap:10px!important;align-items:end!important;margin-top:12px!important;padding:12px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--panel)!important;}
.invoiceItemDescField{min-width:0!important;}
.invoiceItemDesc{min-width:0!important;width:100%!important;text-overflow:clip!important;overflow:visible!important;}
.invoiceItemDesc:focus{box-shadow:0 0 0 2px rgba(190,255,0,.16)!important;border-color:rgba(160,220,0,.55)!important;}
.invoiceItemRow .invoiceRemoveItem{height:38px!important;width:36px!important;min-width:36px!important;padding:0!important;}
@media(max-width:980px){.invoiceItemRow{grid-template-columns:1fr 86px 36px!important}.invoiceItemAmountField{grid-column:1 / span 2}.invoiceItemDescField{grid-column:1 / -1}}
@media(max-width:560px){.invoiceItemRow{grid-template-columns:1fr 36px!important}.invoiceItemDescField,.invoiceItemQtyField,.invoiceItemAmountField{grid-column:1 / -1}.invoiceItemRow .invoiceRemoveItem{grid-column:2;grid-row:1;justify-self:end}}
/* v238 invoice actions menu */
.invoicePortalMenu{min-width:156px!important;max-width:168px!important;padding:6px!important;border-radius:14px!important;gap:6px!important;box-shadow:none!important;}
.invoicePortalMenu .btn{min-height:32px!important;padding:7px 10px!important;font-size:13px!important;justify-content:center!important;border-radius:12px!important;}
.financeInvoicesWrap .actionPlus[data-invoice-actions]{z-index:1!important;}
/* v239 finance invoice create form polish */
.invoiceItemRow{display:grid!important;grid-template-columns:1fr 92px 120px 42px!important;gap:10px!important;align-items:end!important;margin-top:12px!important;padding:14px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--panel)!important;}
.invoiceItemDescField{grid-column:1 / -1!important;}
.invoiceItemDesc{width:100%!important;min-height:74px!important;resize:vertical!important;line-height:1.35!important;font-size:14px!important;padding:12px 14px!important;overflow:auto!important;}
.invoiceItemQtyField{grid-column:1 / 2!important;}
.invoiceItemAmountField{grid-column:2 / 4!important;}
.invoiceItemRemoveField{grid-column:4 / 5!important;}
.invoiceItemQtyField .input,.invoiceItemAmountField .input{height:44px!important;}
.invoiceItemRow .invoiceRemoveItem{height:44px!important;width:42px!important;min-width:42px!important;padding:0!important;border-radius:14px!important;}
@media(max-width:980px){.invoiceItemRow{grid-template-columns:1fr 1fr 42px!important}.invoiceItemDescField{grid-column:1 / -1!important}.invoiceItemQtyField{grid-column:1 / 2!important}.invoiceItemAmountField{grid-column:2 / 3!important}.invoiceItemRemoveField{grid-column:3 / 4!important}}
/* v240 final invoice item layout: keep fields inside card */
.financeCreateCard, .financeCreateCard *{box-sizing:border-box!important;}
#invoiceItemsBox{width:100%!important;max-width:100%!important;overflow:visible!important;}
#invoiceItemsBox .invoiceItemRow{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(92px,120px) 42px!important;gap:10px!important;align-items:end!important;margin-top:12px!important;padding:14px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--panel)!important;overflow:hidden!important;}
#invoiceItemsBox .invoiceItemDescField{grid-column:1 / -1!important;min-width:0!important;width:100%!important;}
#invoiceItemsBox .invoiceItemDesc{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:76px!important;resize:vertical!important;line-height:1.35!important;font-size:14px!important;padding:12px 14px!important;overflow:auto!important;border-radius:14px!important;}
#invoiceItemsBox .invoiceItemQtyField{grid-column:1 / 2!important;min-width:0!important;}
#invoiceItemsBox .invoiceItemAmountField{grid-column:2 / 3!important;min-width:0!important;}
#invoiceItemsBox .invoiceItemRemoveField{grid-column:3 / 4!important;min-width:42px!important;width:42px!important;}
#invoiceItemsBox .invoiceItemQty,#invoiceItemsBox .invoiceItemAmount{width:100%!important;min-width:0!important;height:44px!important;}
#invoiceItemsBox .invoiceRemoveItem{height:44px!important;width:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;border-radius:14px!important;position:static!important;transform:none!important;}
@media(max-width:980px){#invoiceItemsBox .invoiceItemRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px!important}#invoiceItemsBox .invoiceItemDescField{grid-column:1 / -1!important}#invoiceItemsBox .invoiceItemQtyField{grid-column:1 / 2!important}#invoiceItemsBox .invoiceItemAmountField{grid-column:2 / 3!important}#invoiceItemsBox .invoiceItemRemoveField{grid-column:3 / 4!important}}
/* v243 moj pipeline toolbar cleanup */
#salesPage .salesToolbar,
#salesPage .salesToolbarLeft,
#salesPage .salesToolbarRight,
#salesPage .searchRow,
#salesPage .pipelineToolbar{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
filter: none !important;
padding: 0 !important;
}
#salesPage .salesToolbar .actionMenu,
#salesPage .salesToolbar .row,
#salesPage .salesToolbar .between{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
#salesPage #pipelineMoreBtn{
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
border-radius: 999px !important;
padding: 0 !important;
box-shadow: none !important;
filter: none !important;
}
#salesPage #pipelineMoreBtn,
#salesPage #pipelineMoreBtn:hover,
#salesPage #pipelineMoreBtn:focus,
#salesPage #pipelineMoreBtn:active{
transform: none !important;
box-shadow: none !important;
}
html[data-theme="light"] #salesPage .salesToolbar,
html[data-theme="light"] #salesPage .salesToolbarLeft,
html[data-theme="light"] #salesPage .salesToolbar .actionMenu,
body.light #salesPage .salesToolbar,
body.light #salesPage .salesToolbarLeft,
body.light #salesPage .salesToolbar .actionMenu{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* v244 dashboard container restore */
#dashboardPage{display:grid;gap:16px;min-width:0;}
#dashboardPage .dashCleanHero{
background:var(--card) !important;
border:1px solid var(--border) !important;
border-radius:24px !important;
box-shadow:none !important;
padding:18px 20px !important;
align-items:flex-start !important;
}
#dashboardPage .dashCleanGrid{
display:grid !important;
grid-template-columns:minmax(0,1fr) 360px !important;
gap:16px !important;
align-items:start !important;
}
#dashboardPage .dashCleanMain,
#dashboardPage .dashCleanSide{
background:var(--card) !important;
border:1px solid var(--border) !important;
border-radius:22px !important;
box-shadow:none !important;
padding:18px !important;
min-width:0 !important;
overflow:hidden !important;
}
#dashboardPage .dashCleanActions{
display:flex !important;
gap:8px !important;
flex-wrap:wrap !important;
justify-content:flex-end !important;
}
#dashboardPage .dashSideBlock{margin-top:12px !important;}
#dashboardPage .dashFocusBtn,
#dashboardPage .dashNotifBtn,
#dashboardPage .dashNextCard,
#dashboardPage .dashMiniRow{
box-shadow:none !important;
}
html[data-theme="light"] #dashboardPage .dashCleanHero,
html[data-theme="light"] #dashboardPage .dashCleanMain,
html[data-theme="light"] #dashboardPage .dashCleanSide,
body.light #dashboardPage .dashCleanHero,
body.light #dashboardPage .dashCleanMain,
body.light #dashboardPage .dashCleanSide{
background:#fff !important;
border-color:#e5e7eb !important;
box-shadow:none !important;
}
@media(max-width:980px){
#dashboardPage .dashCleanHero{padding:16px !important;}
#dashboardPage .dashCleanGrid{grid-template-columns:1fr !important;}
#dashboardPage .dashCleanSide{order:2 !important;}
#dashboardPage .dashCleanActions{justify-content:flex-start !important;}
}
/* v245 remove white action wrappers and all shadows */
html, body, .app, .main, .content,
.card, .tableWrap, .modal, .loginCard, .kanbanCol, .kCard,
.btn, .btnPrimary, .btnGhost, .btnDanger, .tab, .quickFilter,
.actionMenu, .actionMenuDrop, .portalActionMenu, .dropdownMenu, .floatingMenu, .quickMoreMenu,
.rowPlusBtn, .actionPlus, #pipelineMoreBtn {
box-shadow: none !important;
filter: none !important;
}
/* no white wrapper/background around row action + buttons anywhere */
.actionMenu,
.table .actionMenu,
.tableWrap .actionMenu,
#contactsPage .actionMenu,
#projectsPage .actionMenu,
#teamPage .actionMenu,
#dashboardPage .actionMenu,
#salesPage .actionMenu,
#financePage .actionMenu,
#globalStatsPage .actionMenu,
#globalPipelinePage .actionMenu {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
}
/* flat plus buttons */
.actionPlus,
.rowPlusBtn,
#pipelineMoreBtn,
[data-contact-actions],
[data-project-actions],
[data-user-actions],
[data-invoice-actions] {
box-shadow: none !important;
filter: none !important;
transform: none !important;
}
.actionPlus:hover,
.rowPlusBtn:hover,
#pipelineMoreBtn:hover,
[data-contact-actions]:hover,
[data-project-actions]:hover,
[data-user-actions]:hover,
[data-invoice-actions]:hover {
box-shadow: none !important;
transform: none !important;
}
/* keep dropdowns clean without shadow */
.actionMenuDrop,
.portalActionMenu,
.dropdownMenu,
.floatingMenu,
.quickMoreMenu {
box-shadow: none !important;
}
html[data-theme="light"] .actionMenu,
html[data-theme="light"] .table .actionMenu,
html[data-theme="light"] .tableWrap .actionMenu,
body.light .actionMenu,
body.light .table .actionMenu,
body.light .tableWrap .actionMenu {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* v246 task modal spacing + flat accordion bodies */
.clickTaskMain,
.clickTaskCentered .clickTaskMain{
padding: 24px 24px 96px !important;
}
.clickTaskTitleRow,
.clickTaskFields,
.clickTaskFieldsClean,
.clickTaskDivider,
.clickDescription,
.clickPinned,
.clickActionStack,
.clickTaskAccordion,
.clickTaskCentered .clickTaskAccordion,
.clickTaskCentered .clickDescription,
.clickTaskCentered .clickPinned,
.clickTaskCentered .clickActionStack{
max-width: 100% !important;
}
.clickAccordionBody,
.clickTaskModal .checklistAddBox,
.clickTaskModal .inlineWorkspaceForm,
.clickTaskModal .emptyCard,
.clickTaskModal .workspaceBlockCard,
.clickTaskModal .attachmentItem,
.clickTaskModal .taskWorkspacePanel,
.clickTaskModal .taskSectionCard,
.clickTaskModal .taskDetailAccordion,
.clickTaskModal .bulkChecklistDetails,
.clickTaskModal .bulkChecklistDetails[open],
.clickTaskModal .checklistList.improved,
.clickTaskModal .attachmentList,
.clickTaskModal .workspaceBlockGrid{
background: transparent !important;
box-shadow: none !important;
}
.clickTaskModal .checklistAddBox,
.clickTaskModal .inlineWorkspaceForm,
.clickTaskModal .emptyCard,
.clickTaskModal .workspaceBlockCard,
.clickTaskModal .attachmentItem{
border-color: var(--border) !important;
}
.clickTaskModal .checklistAddBox{
padding: 14px 0 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
border-radius: 0 !important;
}
.clickTaskModal .checklistQuickAdd,
.clickTaskModal .checklistFilterRow,
.clickTaskModal .checklistList.improved,
.clickTaskModal .attachmentList,
.clickTaskModal .workspaceBlockGrid{
margin-left: 0 !important;
margin-right: 0 !important;
}
.clickTaskModal .checklistAccordion,
.clickTaskModal .taskDetailAccordion,
.clickTaskModal .taskWorkspacePanel{
background: transparent !important;
box-shadow: none !important;
}
html[data-theme="light"] .clickTaskModal .clickAccordionBody,
html[data-theme="light"] .clickTaskModal .checklistAddBox,
html[data-theme="light"] .clickTaskModal .inlineWorkspaceForm,
html[data-theme="light"] .clickTaskModal .emptyCard,
html[data-theme="light"] .clickTaskModal .workspaceBlockCard,
html[data-theme="light"] .clickTaskModal .attachmentItem,
body.light .clickTaskModal .clickAccordionBody,
body.light .clickTaskModal .checklistAddBox,
body.light .clickTaskModal .inlineWorkspaceForm,
body.light .clickTaskModal .emptyCard,
body.light .clickTaskModal .workspaceBlockCard,
body.light .clickTaskModal .attachmentItem{
background: transparent !important;
box-shadow: none !important;
}
@media(max-width:1180px){
.clickTaskMain,
.clickTaskCentered .clickTaskMain{
padding: 20px 16px 92px !important;
}
}
/* v247 dashboard recent tasks + in-progress tone */
.dashRecentBlock{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.dashRecentList{display:grid;gap:8px;margin-top:10px}
.dashRecentRow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);cursor:pointer;text-align:left;box-shadow:none!important}
.dashRecentRow strong{display:block;font-size:14px;color:var(--text)}
.dashRecentRow small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.dashRecentRow span{font-size:12px;color:var(--muted);white-space:nowrap}
.dashRecentRow.inprogress,.dashNextCard.inprogress,.dashMiniRow.inprogress{background:rgba(59,130,246,.09)!important;border-color:rgba(59,130,246,.26)!important}
.dashRecentRow.review,.dashNextCard.review,.dashMiniRow.review{background:rgba(99,102,241,.08)!important;border-color:rgba(99,102,241,.24)!important}
.dashRecentRow.revision,.dashNextCard.revision,.dashMiniRow.revision{background:rgba(245,158,11,.08)!important;border-color:rgba(245,158,11,.24)!important}
.dashRecentRow.waiting,.dashNextCard.waiting,.dashMiniRow.waiting{background:rgba(148,163,184,.09)!important;border-color:rgba(148,163,184,.26)!important}
.dashRecentRow.completed,.dashNextCard.completed,.dashMiniRow.completed{background:rgba(34,197,94,.08)!important;border-color:rgba(34,197,94,.22)!important}
html[data-theme="light"] .dashRecentRow{background:#fff!important;border-color:#ebebeb!important}
html[data-theme="light"] .dashRecentRow.inprogress,html[data-theme="light"] .dashNextCard.inprogress,html[data-theme="light"] .dashMiniRow.inprogress{background:#eef6ff!important;border-color:#bfdbfe!important}
html[data-theme="light"] .dashRecentRow.review,html[data-theme="light"] .dashNextCard.review,html[data-theme="light"] .dashMiniRow.review{background:#eef2ff!important;border-color:#c7d2fe!important}
html[data-theme="light"] .dashRecentRow.revision,html[data-theme="light"] .dashNextCard.revision,html[data-theme="light"] .dashMiniRow.revision{background:#fff7ed!important;border-color:#fed7aa!important}
html[data-theme="light"] .dashRecentRow.waiting,html[data-theme="light"] .dashNextCard.waiting,html[data-theme="light"] .dashMiniRow.waiting{background:#f8fafc!important;border-color:#cbd5e1!important}
html[data-theme="light"] .dashRecentRow.completed,html[data-theme="light"] .dashNextCard.completed,html[data-theme="light"] .dashMiniRow.completed{background:#ecfdf5!important;border-color:#bbf7d0!important}
/* v248 unified task status colors */
.taskStatusSection_review .taskStatusSectionDot{background:#9b6bff!important}
.taskStatusSection_waiting .taskStatusSectionDot{background:#94a3b8!important}
.taskStatusSection_canceled .taskStatusSectionDot{background:#94a3b8!important}
.badge.bPurple{background:rgba(155,107,255,.12)!important;color:var(--purple)!important;border-color:rgba(155,107,255,.22)!important}
html[data-theme="light"] .bPurple{background:#F3E8FF!important;color:#7E22CE!important;border-color:#E9D5FF!important}
/* v249 workspace instant add highlight */
.workspaceBlockJustAdded{border-color:rgba(201,243,29,.45)!important;background:rgba(201,243,29,.06)!important}
html[data-theme="light"] .workspaceBlockJustAdded{background:#f8ffe8!important;border-color:#d9ef4e!important}
/* v258 clean mobile reset — single source of truth */
@media (max-width: 760px){
html, body{
margin:0!important;
padding:0!important;
width:100%!important;
max-width:100%!important;
overflow-x:hidden!important;
background:var(--bg)!important;
}
.app{
width:100%!important;
height:100vh!important;
max-width:100%!important;
overflow:hidden!important;
background:var(--bg)!important;
}
.main{
min-width:0!important;
height:100vh!important;
overflow:hidden!important;
background:var(--bg)!important;
}
.topbar{
position:sticky!important;
top:0!important;
z-index:900!important;
min-height:58px!important;
background:var(--bg)!important;
border-bottom:1px solid var(--border)!important;
}
body.modalOpen .topbar{
position:relative!important;
z-index:1!important;
}
.content{
flex:1 1 auto!important;
min-height:0!important;
height:calc(100vh - 58px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
padding:14px!important;
padding-bottom:14px!important;
margin:0!important;
background:var(--bg)!important;
box-sizing:border-box!important;
}
.content > *{
max-width:100%!important;
box-sizing:border-box!important;
}
.moduleHeader,
.contentActionRow,
.salesToolbar,
.pipelineToolbar{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:10px!important;
width:100%!important;
max-width:100%!important;
}
.moduleHeader .row,
.contentActionRow .row,
.salesToolbar .row,
.pipelineToolbar .row,
.searchRow{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
width:100%!important;
gap:8px!important;
}
.input,.select,.textarea,
input,select,textarea{
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
.gridForm,
.cards2,.cards3,.cards4,
.dashCleanGrid,.salesDashGrid,
.financeSplit,.financeKpiGrid{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
width:100%!important;
max-width:100%!important;
}
.card,.tableWrap{
max-width:100%!important;
box-sizing:border-box!important;
}
.quickFilters,
.dashPills,
.salesDashPills,
.salesStepRail,
.tabs{
display:flex!important;
overflow-x:auto!important;
overflow-y:hidden!important;
flex-wrap:nowrap!important;
gap:8px!important;
padding-bottom:6px!important;
-webkit-overflow-scrolling:touch!important;
}
.quickFilter,
.dashPills span,
.salesDashPills span,
.salesStepNode,
.tab{
flex:0 0 auto!important;
white-space:nowrap!important;
}
/* Tables: horizontal scroll instead of broken mobile cards. */
.tableWrap{
overflow-x:auto!important;
overflow-y:visible!important;
-webkit-overflow-scrolling:touch!important;
}
.table,
.financeTable,
.taskListTable,
.ownerInboxTable{
display:table!important;
min-width:760px!important;
width:100%!important;
border-collapse:collapse!important;
}
.financeInvoicesWrap{
overflow-x:auto!important;
overflow-y:visible!important;
border:1px solid var(--border)!important;
background:var(--card)!important;
border-radius:16px!important;
padding:0!important;
min-height:0!important;
height:auto!important;
}
.financeInvoicesWrap .financeTable{
min-width:820px!important;
}
.financeTable thead,
.table thead{display:table-header-group!important;}
.financeTable tbody,
.table tbody{display:table-row-group!important;}
.financeTable tr,
.table tr{display:table-row!important;}
.financeTable th,
.financeTable td,
.table th,
.table td{
display:table-cell!important;
white-space:nowrap!important;
vertical-align:middle!important;
}
.financeTable td::before{display:none!important;content:none!important;}
.financeTable .invoiceActionsCell .actionPlus{
display:inline-flex!important;
}
.financeTable .invoiceActionsCell .actionMenu{
display:inline-flex!important;
width:auto!important;
background:transparent!important;
border:0!important;
padding:0!important;
}
.financeTable .invoiceActionDrop{
display:none!important;
}
.financeTable .invoiceActionDrop.open{
display:grid!important;
}
.financeCreateCard{
position:static!important;
margin-top:14px!important;
}
/* Modals: page does not scroll behind modal; modal itself scrolls. */
body.modalOpen{
overflow:hidden!important;
height:100vh!important;
}
body.modalOpen #app{
overflow:hidden!important;
height:100vh!important;
}
.modalBg{
position:fixed!important;
inset:0!important;
z-index:9999!important;
display:flex!important;
align-items:stretch!important;
justify-content:center!important;
overflow:hidden!important;
padding:0!important;
background:rgba(15,23,42,.35)!important;
}
.modalBg .modal{
width:100vw!important;
max-width:100vw!important;
height:100vh!important;
max-height:100vh!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
border-radius:0!important;
box-sizing:border-box!important;
padding:16px!important;
background:var(--card)!important;
}
/* Task modal mobile */
.modalBg:has(.clickTaskModal),
.modalBg:has(.clickTaskCentered){
padding:0!important;
background:rgba(15,23,42,.35)!important;
}
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
width:100vw!important;
height:100vh!important;
max-height:100vh!important;
border-radius:0!important;
overflow:hidden!important;
background:var(--bg)!important;
}
.clickTaskTopbar{
height:54px!important;
min-height:54px!important;
padding:0 12px!important;
}
.clickTaskLayout,
.clickTaskCentered .clickTaskLayout{
display:grid!important;
grid-template-columns:1fr!important;
height:calc(100vh - 54px)!important;
}
.clickTaskMain,
.clickTaskCentered .clickTaskMain{
height:calc(100vh - 54px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
padding:18px 14px!important;
padding-bottom:18px!important;
box-sizing:border-box!important;
-webkit-overflow-scrolling:touch!important;
}
.clickTaskActivityPanel{
display:none!important;
}
.clickTaskFields,
.clickTaskFieldsClean{
grid-template-columns:1fr!important;
gap:10px!important;
max-width:100%!important;
}
.clickTaskField{
grid-template-columns:1fr!important;
gap:4px!important;
align-items:start!important;
}
.clickTaskTitle{
font-size:24px!important;
}
.clickTaskAccordion,
.clickDescription,
.clickPinned,
.clickActionStack,
.clickTaskDivider{
max-width:100%!important;
}
.checklistQuickAdd{
grid-template-columns:1fr!important;
}
.workspaceBlockGrid,
.attachmentList{
grid-template-columns:1fr!important;
max-width:100%!important;
}
/* Sales contact modal mobile */
.modalBg:has(.salesContactModal){
padding:0!important;
background:rgba(15,23,42,.35)!important;
}
.salesContactModal,
.modalBg:has(.salesContactModal) .salesContactModal{
width:100vw!important;
height:100vh!important;
max-height:100vh!important;
border-radius:0!important;
overflow:hidden!important;
padding:0!important;
background:var(--bg)!important;
}
.salesContactShell{
height:100vh!important;
overflow-y:auto!important;
overflow-x:hidden!important;
padding:14px 12px!important;
padding-bottom:14px!important;
box-sizing:border-box!important;
background:var(--bg)!important;
-webkit-overflow-scrolling:touch!important;
}
.salesContactShell > *,
.salesContactModal *{
max-width:100%;
box-sizing:border-box;
}
.salesContactHeader{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:10px!important;
}
.salesContactHeader > .row{
width:100%!important;
justify-content:space-between!important;
}
.salesContactCompany{
font-size:22px!important;
line-height:1.2!important;
text-align:left!important;
}
.salesContactPerson{
justify-content:flex-start!important;
}
.salesReadOnlyGrid,
.salesContactQuickFields,
.salesSplitGrid,
.salesFieldGrid,
.salesActionRow{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
width:100%!important;
}
.salesQuickItemWide,
.salesQuickItemFull,
.span2{
grid-column:1!important;
}
.salesActionRow .btn,
.salesActionRow details,
.salesActionRow .taskActionSummary{
width:100%!important;
justify-content:center!important;
text-align:center!important;
}
.salesStatusMenu .taskActionMenuPanel{
left:0!important;
right:0!important;
width:100%!important;
}
.salesStepDivider{display:none!important;}
.salesWorkflowHint,
.salesDueActionCard{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
}
.salesTodayRow,
.salesDashRow{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
}
.content::after,
.modalBg::after,
.salesContactShell::after,
.salesContactModal::after,
.clickTaskMain::after{
display:none!important;
content:none!important;
height:0!important;
}
}
/* v259 real mobile viewport height: remove remaining in-contact bottom gap */
@media (max-width: 760px){
:root{
--zs-vh:100vh;
--zs-vtop:0px;
}
.app,
.main{
height:var(--zs-vh)!important;
max-height:var(--zs-vh)!important;
min-height:0!important;
}
.content{
height:calc(var(--zs-vh) - 58px)!important;
max-height:calc(var(--zs-vh) - 58px)!important;
padding-bottom:6px!important;
margin-bottom:0!important;
}
.modalBg{
height:var(--zs-vh)!important;
max-height:var(--zs-vh)!important;
min-height:0!important;
top:0!important;
bottom:auto!important;
}
.modalBg .modal{
height:var(--zs-vh)!important;
max-height:var(--zs-vh)!important;
min-height:0!important;
padding-bottom:10px!important;
}
.salesContactModal,
.modalBg:has(.salesContactModal) .salesContactModal{
height:var(--zs-vh)!important;
max-height:var(--zs-vh)!important;
min-height:0!important;
}
.salesContactShell{
height:var(--zs-vh)!important;
max-height:var(--zs-vh)!important;
min-height:0!important;
padding-bottom:6px!important;
margin-bottom:0!important;
}
.clickTaskModal,
.clickTaskCentered,
.modalBg:has(.clickTaskModal) .clickTaskModal,
.modalBg:has(.clickTaskCentered) .clickTaskCentered{
height:var(--zs-vh)!important;
max-height:var(--zs-vh)!important;
}
.clickTaskLayout,
.clickTaskCentered .clickTaskLayout{
height:calc(var(--zs-vh) - 54px)!important;
max-height:calc(var(--zs-vh) - 54px)!important;
}
.clickTaskMain,
.clickTaskCentered .clickTaskMain{
height:calc(var(--zs-vh) - 54px)!important;
max-height:calc(var(--zs-vh) - 54px)!important;
padding-bottom:10px!important;
}
/* delete any accidental spacer gap after the last section */
.salesContactShell > *:last-child,
.salesContactShell .historyItem:last-child,
.salesContactShell .salesHistoryAccordion:last-child,
.salesContactShell .salesContactCard:last-child{
margin-bottom:0!important;
}
}
/* v261 backup center */
#backupStatusBox code{font-size:12px;white-space:nowrap}
#backupStatusBox .tableWrap{overflow-x:auto}
@media(max-width:760px){
#backupStatusBox .cards3{grid-template-columns:1fr!important}
#backupStatusBox .row{flex-wrap:wrap}
}
/* v262 safety/control */
#trashBox .tableWrap, #auditEventsBox .tableWrap { overflow-x:auto; }
.restoreResultBox ol { margin-left:18px; }
@media(max-width:760px){
#trashBox .table, #auditEventsBox .table { min-width:760px!important; }
}
/* v263 client portal + company profile page */
.companyProfilePage,
.clientPortalAdminPage{
display:grid;
gap:16px;
}
.companyProfilePage .profileHero,
.clientPortalAdminHero{
box-shadow:none!important;
}
.clientVisiblePreview{
display:grid;
gap:14px;
}
.clientPortalPreviewHeader{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
padding:18px;
border:1px solid var(--border);
border-radius:20px;
background:var(--card);
}
.clientPortalPreviewGrid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.clientPortalPreviewPanel{
border:1px solid var(--border);
border-radius:18px;
padding:16px;
background:var(--card);
display:flex;
flex-direction:column;
gap:10px;
}
@media(max-width:860px){
.clientPortalPreviewGrid{grid-template-columns:1fr}
.clientPortalPreviewHeader{flex-direction:column}
}
/* v264 company profile/client portal page polish */
.companyProfilePage .profileHero,
.companyProfilePage .clientPortalAdminHero,
.clientPortalAdminHero{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
padding:16px!important;
border:1px solid var(--border)!important;
border-radius:20px!important;
background:var(--card)!important;
min-height:auto!important;
height:auto!important;
}
.companyProfilePage .profileHero > div,
.clientPortalAdminHero > div{
min-width:0!important;
}
.companyProfilePage .profileHero strong{
display:block!important;
font-size:15px!important;
line-height:1.3!important;
}
.companyProfilePage .profileHero .note{
word-break:break-word!important;
}
.companyProfilePage .contentActionRow,
.clientPortalAdminPage .contentActionRow{
align-items:flex-start!important;
}
.companyProfilePage .cards4,
.clientPortalAdminPage .cards4{
margin-top:14px!important;
}
.companyProfilePage .metricCard,
.clientPortalAdminPage .metricCard{
min-height:auto!important;
padding:16px!important;
}
.clientPortalAdminHero{
grid-template-columns:1.4fr .8fr!important;
}
@media(max-width:900px){
.companyProfilePage .profileHero,
.clientPortalAdminHero{
grid-template-columns:1fr!important;
}
.companyProfilePage .contentActionRow,
.clientPortalAdminPage .contentActionRow{
flex-direction:column!important;
align-items:stretch!important;
}
}
/* v265 client portal access tab fix */
.clientPortalRow .row{flex-wrap:wrap}
@media(max-width:760px){
.clientPortalRow{flex-direction:column!important;align-items:stretch!important}
.clientPortalRow .row .btn{width:100%;justify-content:center}
}
/* v266 speed/security polish */
.paginationBar{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin:12px 0;
padding:10px 12px;
border:1px solid var(--border);
border-radius:14px;
background:var(--card);
box-shadow:none!important;
}
.paginationBar .row{gap:8px;align-items:center}
.paginationBar button[disabled]{opacity:.45;cursor:not-allowed}
@media(max-width:760px){
.paginationBar{align-items:stretch}
.paginationBar .row{width:100%;justify-content:space-between;flex-wrap:wrap}
.paginationBar .select{width:88px!important}
}
/* v267 smoother SPA navigation */
.content#contentRoot{contain:layout paint;}
/* v268 Content Creative Growth + Media Buying Creative Feedback */
.cgHero{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
background:linear-gradient(135deg, rgba(201,243,29,.08), rgba(15,23,42,.02));
}
.cgFlow{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:8px;
}
.cgFlow div{
border:1px solid var(--border);
border-radius:14px;
padding:10px;
text-align:center;
font-weight:700;
font-size:12px;
background:var(--panel);
}
.cgGrid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.cgCard{
border:1px solid var(--border);
background:var(--card);
border-radius:18px;
padding:16px;
display:flex;
flex-direction:column;
gap:14px;
box-shadow:none!important;
}
.cgCardFooter{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:auto;
}
.cgCardFooter .btn{min-height:34px}
#cgDynamicFields{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
@media(max-width:900px){
.cgHero{flex-direction:column}
.cgGrid{grid-template-columns:1fr}
.cgFlow{grid-template-columns:repeat(2,minmax(0,1fr))}
#cgDynamicFields{grid-template-columns:1fr}
}
/* v270 visible Creative Growth/Feedback buttons */
.contentActionRow [data-dept-tab="creative_growth"],
.contentActionRow [data-dept-tab="creative_feedback"]{
border-color:rgba(201,243,29,.45)!important;
}
/* v271 Guided Creative Growth Workflow */
.cgGuideShell{display:grid;gap:16px}
.cgGuideTop{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
background:linear-gradient(135deg, rgba(201,243,29,.09), rgba(15,23,42,.02));
}
.cgProjectSelect{min-width:260px}
.cgGuideLayout{
display:grid;
grid-template-columns:280px minmax(0,1fr);
gap:16px;
align-items:start;
}
.cgStepRail{
position:sticky;
top:76px;
display:grid;
gap:8px;
max-height:calc(100vh - 110px);
overflow:auto;
padding-right:4px;
}
.cgStepBtn{
width:100%;
border:1px solid var(--border);
background:var(--card);
color:var(--text);
border-radius:16px;
padding:12px;
display:grid;
grid-template-columns:38px minmax(0,1fr);
gap:8px 10px;
text-align:left;
cursor:pointer;
box-shadow:none!important;
}
.cgStepBtn span:first-child{
width:34px;
height:34px;
border-radius:12px;
display:grid;
place-items:center;
background:var(--panel);
font-weight:800;
color:var(--muted);
}
.cgStepBtn strong{
line-height:1.2;
font-size:13px;
}
.cgStepBtn .badge{
grid-column:2;
justify-self:start;
}
.cgStepBtn.active{
border-color:rgba(201,243,29,.55);
background:rgba(201,243,29,.08);
}
.cgStepBtn.active span:first-child{
background:rgba(201,243,29,.16);
color:var(--accent);
}
.cgWorkspace{display:grid;gap:14px;min-width:0}
.cgInstruction{display:grid;gap:14px}
.cgGoal{
padding:14px;
border:1px solid rgba(201,243,29,.24);
background:rgba(201,243,29,.06);
border-radius:16px;
line-height:1.55;
}
.cgInstructionGrid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.cgInstructionGrid > div,
.cgChecklist,
.cgModalGuide,
.cgChecklistModal{
border:1px solid var(--border);
background:var(--panel);
border-radius:16px;
padding:14px;
}
.cgInstruction h4,
.cgModalGuide h4{
margin:0 0 8px;
}
.cgInstruction ul,
.cgModalGuide ul{
margin:8px 0 0 18px;
padding:0;
}
.cgInstruction li,
.cgModalGuide li{
margin:4px 0;
line-height:1.45;
}
.cgInstruction p,
.cgModalGuide p{
margin:8px 0 0;
line-height:1.55;
}
.cgChecklist{
display:grid;
gap:7px;
}
.cgChecklist label,
.cgChecklistModal label{
display:flex;
gap:8px;
align-items:flex-start;
color:var(--muted);
font-size:13px;
}
.cgExistingList{display:grid;gap:10px}
.cgExistingItem{
display:grid;
grid-template-columns:minmax(0,1fr) auto auto auto auto;
align-items:center;
gap:10px;
border:1px solid var(--border);
background:var(--card);
border-radius:16px;
padding:12px;
}
.cgProgress{
margin-top:8px;
height:6px;
border-radius:999px;
background:var(--border);
overflow:hidden;
}
.cgProgress span{
display:block;
height:100%;
background:var(--accent);
border-radius:999px;
}
.cgModalGuide{
margin-top:14px;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.cgChecklistModal{
margin-top:14px;
display:grid;
gap:8px;
}
.fieldHint{
font-size:12px;
color:var(--muted);
margin:3px 0 6px;
line-height:1.35;
}
.cgModal #cgDynamicFields{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
@media(max-width:980px){
.cgGuideLayout{grid-template-columns:1fr}
.cgStepRail{position:relative;top:auto;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}
.cgInstructionGrid,.cgModalGuide{grid-template-columns:1fr}
.cgExistingItem{grid-template-columns:1fr}
.cgProjectSelect{min-width:0;width:100%}
.cgGuideTop{flex-direction:column}
}
@media(max-width:760px){
.cgStepRail{grid-template-columns:1fr}
.cgModal #cgDynamicFields{grid-template-columns:1fr}
}
/* v272 simplified Creative Growth */
.cgSimple{display:grid;gap:16px}
.cgSimpleHero{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
background:linear-gradient(135deg, rgba(201,243,29,.08), rgba(15,23,42,.02));
}
.cgSimpleLayout{
display:grid;
grid-template-columns:300px minmax(0,1fr);
gap:16px;
align-items:start;
}
.cgSimpleSteps{
display:grid;
gap:10px;
position:sticky;
top:76px;
}
.cgSimpleStep{
text-align:left;
border:1px solid var(--border);
background:var(--card);
color:var(--text);
border-radius:16px;
padding:14px;
display:grid;
gap:6px;
cursor:pointer;
box-shadow:none!important;
}
.cgSimpleStep strong{font-size:14px}
.cgSimpleStep span{font-size:12px;color:var(--muted);line-height:1.4}
.cgSimpleStep.active{
border-color:rgba(201,243,29,.55)!important;
background:rgba(201,243,29,.08)!important;
}
.cgSimpleWork{display:grid;gap:14px;min-width:0}
.cgSimpleHelp{
margin-top:14px;
border:1px solid var(--border);
background:var(--panel);
border-radius:16px;
padding:14px;
}
.cgSimpleHelp p{margin:6px 0 12px;color:var(--muted);line-height:1.5}
.cgSimpleTextarea{
min-height:130px!important;
}
@media(max-width:900px){
.cgSimpleLayout{grid-template-columns:1fr}
.cgSimpleSteps{position:relative;top:auto}
.cgSimpleHero{flex-direction:column}
}
/* v273 Premium SaaS UX / smooth app feel */
:root{
--ease-premium:cubic-bezier(.22,1,.36,1);
}
.app{
opacity:0;
transform:translateY(4px);
transition:opacity .28s var(--ease-premium), transform .28s var(--ease-premium);
}
.app.appReady{
opacity:1;
transform:none;
}
.content#contentRoot{
contain:layout paint;
will-change:opacity, transform;
}
.contentEnter{
animation:contentFadeIn .22s var(--ease-premium);
}
@keyframes contentFadeIn{
from{opacity:.25; transform:translateY(8px)}
to{opacity:1; transform:none}
}
.sidebar{
transition:transform .24s var(--ease-premium), border-color .2s ease, background .2s ease;
}
.sideLink,
.sideGroupBtn,
.sideSubBtn,
.tab,
.btn,
.card,
.modal{
transition:background .18s ease, border-color .18s ease, transform .18s var(--ease-premium), opacity .18s ease, color .18s ease;
}
.sideLink:hover,
.sideSubBtn:hover,
.sideGroupBtn:hover{
transform:translateX(2px);
}
.card:hover{
border-color:rgba(255,255,255,.12);
}
.btn:hover{
transform:translateY(-1px);
}
.btn:active{
transform:translateY(0);
}
.modalBg{
animation:modalBackdropIn .18s ease;
}
.modal{
animation:modalIn .22s var(--ease-premium);
}
@keyframes modalBackdropIn{
from{opacity:0}
to{opacity:1}
}
@keyframes modalIn{
from{opacity:0; transform:translateY(10px) scale(.985)}
to{opacity:1; transform:none}
}
#toastRoot{
position:fixed;
top:18px;
right:18px;
z-index:999999;
display:grid;
gap:10px;
pointer-events:none;
}
.toastNotice{
min-width:260px;
max-width:380px;
display:flex;
align-items:flex-start;
gap:10px;
padding:12px 14px;
border:1px solid var(--border);
border-radius:16px;
background:rgba(9,14,31,.92);
color:var(--text);
box-shadow:0 14px 40px rgba(0,0,0,.28)!important;
backdrop-filter:blur(14px);
opacity:0;
transform:translateY(-8px) scale(.98);
transition:opacity .22s var(--ease-premium), transform .22s var(--ease-premium);
font-size:13px;
line-height:1.35;
}
.toastNotice.show{
opacity:1;
transform:none;
}
.toastDot{
width:9px;
height:9px;
border-radius:999px;
background:var(--accent);
margin-top:4px;
flex:0 0 auto;
box-shadow:0 0 12px rgba(201,243,29,.55);
}
.toast_error .toastDot{background:var(--red);box-shadow:0 0 12px rgba(255,77,109,.45)}
.toast_success .toastDot{background:var(--accent)}
.toast_info .toastDot{background:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.45)}
.skeletonPage{
display:grid;
gap:16px;
animation:contentFadeIn .2s var(--ease-premium);
}
.skeletonHero,
.skeletonCards i,
.skeletonTable b{
position:relative;
overflow:hidden;
border:1px solid var(--border);
background:linear-gradient(90deg, rgba(255,255,255,.035), rgba(255,255,255,.065), rgba(255,255,255,.035));
background-size:220% 100%;
animation:skeletonShimmer 1.25s linear infinite;
box-shadow:none!important;
}
.skeletonHero{
height:110px;
border-radius:22px;
display:flex;
justify-content:space-between;
align-items:center;
padding:18px;
}
.skeletonHero span,
.skeletonHero strong,
.skeletonHero p,
.skeletonHero em{
display:block;
border-radius:999px;
background:rgba(255,255,255,.08);
}
.skeletonHero span{width:120px;height:12px;margin-bottom:14px}
.skeletonHero strong{width:260px;height:22px;margin-bottom:12px}
.skeletonHero p{width:360px;height:12px}
.skeletonHero em{width:120px;height:38px}
.skeletonCards{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}
.skeletonCards i{
height:94px;
border-radius:20px;
}
.skeletonTable{
display:grid;
gap:10px;
}
.skeletonTable b{
height:46px;
border-radius:14px;
}
@keyframes skeletonShimmer{
0%{background-position:220% 0}
100%{background-position:-220% 0}
}
.loadingCard{
border:1px solid var(--border);
border-radius:18px;
padding:20px;
background:var(--card);
box-shadow:none!important;
}
.spinner{
border-color:rgba(255,255,255,.12)!important;
border-top-color:var(--accent)!important;
}
.topbar{
backdrop-filter:blur(16px);
}
.globalSearchInput:focus,
.input:focus,
.select:focus,
.textarea:focus{
border-color:rgba(201,243,29,.45)!important;
box-shadow:0 0 0 3px rgba(201,243,29,.08)!important;
}
.badge{
transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.emptyCard,
.emptyMini{
border-style:dashed!important;
}
@media(max-width:760px){
#toastRoot{
left:12px;
right:12px;
top:12px;
}
.toastNotice{
min-width:0;
max-width:none;
width:100%;
}
.skeletonCards{grid-template-columns:1fr 1fr}
.skeletonHero{height:auto;min-height:120px}
.skeletonHero p{width:220px}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}
/* v274 white-screen safety fix */
.app{
opacity:1!important;
transform:none!important;
}
.app.appReady{
opacity:1!important;
transform:none!important;
}
body, html{
background:#01071A!important;
}
/* v275 Onspace-like CRM platform feel */
html, body{
background:
radial-gradient(circle at 8% 0%, rgba(201,243,29,.08), transparent 26%),
radial-gradient(circle at 88% 6%, rgba(99,102,241,.10), transparent 30%),
#070B14!important;
color:var(--text)!important;
}
.app{
background:transparent!important;
}
.main{
background:
linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.006)),
var(--page)!important;
border-left:1px solid rgba(255,255,255,.035);
}
.sidebar{
width:268px!important;
background:
linear-gradient(180deg, rgba(15,23,42,.90), rgba(8,12,22,.96)),
rgba(8,12,22,.94)!important;
backdrop-filter:blur(20px);
border-right:1px solid rgba(255,255,255,.075)!important;
box-shadow:inset -1px 0 0 rgba(255,255,255,.025)!important;
}
.brand{
padding:22px 18px 18px!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.brandLogo{
max-width:154px!important;
filter:drop-shadow(0 8px 22px rgba(0,0,0,.24));
}
.sideSection{
margin:18px 14px 8px!important;
color:rgba(159,169,183,.72)!important;
letter-spacing:.16em!important;
font-size:10px!important;
font-weight:800!important;
}
.sideItem{
margin:3px 10px!important;
min-height:42px!important;
border-radius:14px!important;
border:1px solid transparent!important;
background:transparent!important;
color:rgba(232,237,245,.78)!important;
box-shadow:none!important;
}
.sideItem .sideIconWrap{
width:28px!important;
height:28px!important;
border-radius:10px!important;
background:rgba(255,255,255,.045)!important;
display:inline-grid!important;
place-items:center!important;
}
.sideItem:hover{
background:rgba(255,255,255,.055)!important;
border-color:rgba(255,255,255,.07)!important;
color:#fff!important;
}
.sideItem.active,
.sideGroup.active > .sideItem,
.sideGroupToggle.active{
background:linear-gradient(135deg, rgba(201,243,29,.16), rgba(201,243,29,.055))!important;
border-color:rgba(201,243,29,.28)!important;
color:#fff!important;
}
.sideItem.active .sideIconWrap,
.sideGroup.active > .sideItem .sideIconWrap{
background:rgba(201,243,29,.20)!important;
color:var(--accent)!important;
}
.sideSubmenu{
margin:4px 10px 8px 52px!important;
padding-left:10px!important;
border-left:1px solid rgba(255,255,255,.08)!important;
}
.sideSubItem{
min-height:34px!important;
border-radius:11px!important;
padding:7px 10px!important;
color:rgba(159,169,183,.90)!important;
background:transparent!important;
border:1px solid transparent!important;
transition:all .18s var(--ease-premium);
}
.sideSubItem:hover{
color:#fff!important;
background:rgba(255,255,255,.045)!important;
}
.sideSubItem.active{
color:#fff!important;
background:rgba(201,243,29,.10)!important;
border-color:rgba(201,243,29,.20)!important;
}
.sidebarFooter{
margin:12px!important;
padding:12px!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:18px!important;
background:rgba(255,255,255,.035)!important;
}
.userMini{
border-radius:14px!important;
}
.topbar{
height:72px!important;
margin:0!important;
padding:12px 24px!important;
background:rgba(9,13,24,.78)!important;
backdrop-filter:blur(18px);
border-bottom:1px solid rgba(255,255,255,.07)!important;
position:sticky!important;
top:0!important;
z-index:50!important;
}
.topEyebrow{
color:rgba(159,169,183,.78)!important;
font-size:10px!important;
letter-spacing:.17em!important;
}
.topTitle{
font-size:18px!important;
font-weight:850!important;
letter-spacing:-.02em!important;
}
.topSearch{
max-width:560px!important;
width:min(560px, 38vw)!important;
}
.globalSearchInput{
height:42px!important;
border-radius:999px!important;
background:rgba(255,255,255,.045)!important;
border:1px solid rgba(255,255,255,.08)!important;
color:#fff!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.globalSearchInput:focus{
background:rgba(255,255,255,.07)!important;
border-color:rgba(201,243,29,.35)!important;
}
.topIconBtn,
.btnLogout{
border-radius:14px!important;
min-height:42px!important;
box-shadow:none!important;
}
.content{
padding:24px!important;
gap:18px!important;
background:
radial-gradient(circle at 90% 0%, rgba(201,243,29,.055), transparent 22%),
transparent!important;
}
.card,
.tableWrap,
.modal,
.deptTaskCard,
.salesCard,
.ownerInboxItem,
.clientRequestItem,
.workspaceBlockCard,
.projectCard,
.salesTodayCard,
.salesTodayRow,
.metricCard,
.financeKpi,
.invoiceMobileCard{
background:
linear-gradient(180deg, rgba(255,255,255,.047), rgba(255,255,255,.026)),
rgba(11,16,29,.88)!important;
border:1px solid rgba(255,255,255,.085)!important;
box-shadow:none!important;
backdrop-filter:blur(10px);
}
.card,
.tableWrap,
.projectCard,
.deptTaskCard,
.salesCard{
border-radius:22px!important;
}
.card:hover,
.projectCard:hover,
.deptTaskCard:hover,
.salesCard:hover{
border-color:rgba(201,243,29,.18)!important;
background:
linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.030)),
rgba(11,16,29,.92)!important;
}
.sectionTitle{
letter-spacing:-.025em!important;
font-weight:850!important;
}
.muted,
.note{
color:rgba(159,169,183,.86)!important;
}
.btn{
border-radius:13px!important;
font-weight:750!important;
letter-spacing:-.01em!important;
box-shadow:none!important;
}
.btnPrimary,
.btnAccent{
background:linear-gradient(135deg, #C9F31D, #A8E600)!important;
color:#080B12!important;
border-color:rgba(201,243,29,.30)!important;
}
.btnGhost{
background:rgba(255,255,255,.035)!important;
border-color:rgba(255,255,255,.10)!important;
color:rgba(232,237,245,.92)!important;
}
.btnGhost:hover{
background:rgba(255,255,255,.07)!important;
border-color:rgba(201,243,29,.20)!important;
}
.input,
.select,
.textarea{
border-radius:14px!important;
background:rgba(255,255,255,.038)!important;
border:1px solid rgba(255,255,255,.09)!important;
color:var(--text)!important;
box-shadow:none!important;
}
.table{
border-collapse:separate!important;
border-spacing:0!important;
}
.table th{
background:rgba(255,255,255,.028)!important;
color:rgba(159,169,183,.88)!important;
font-size:11px!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.table td{
border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.table tr:hover td{
background:rgba(255,255,255,.025)!important;
}
.badge,
.statusPill,
.pipelineBadge{
border-radius:999px!important;
font-weight:800!important;
border:1px solid rgba(255,255,255,.10)!important;
}
.tabs{
background:rgba(255,255,255,.035)!important;
border:1px solid rgba(255,255,255,.08)!important;
border-radius:16px!important;
padding:4px!important;
display:inline-flex!important;
gap:4px!important;
}
.tab{
border-radius:12px!important;
border:0!important;
background:transparent!important;
}
.tab.active{
background:rgba(201,243,29,.15)!important;
color:#fff!important;
box-shadow:inset 0 0 0 1px rgba(201,243,29,.20)!important;
}
.modalBg{
background:rgba(1,7,26,.72)!important;
backdrop-filter:blur(12px);
}
.modal{
background:
linear-gradient(180deg, rgba(18,26,45,.98), rgba(8,12,22,.98))!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:0 24px 90px rgba(0,0,0,.45)!important;
}
.commandModal{
max-width:900px!important;
border-radius:26px!important;
}
.commandModal .searchResults .card{
background:rgba(255,255,255,.035)!important;
}
.searchResultRow{
border-radius:14px!important;
border:1px solid rgba(255,255,255,.065)!important;
background:rgba(255,255,255,.025)!important;
margin:8px 0!important;
transition:all .16s var(--ease-premium);
}
.searchResultRow:hover{
border-color:rgba(201,243,29,.23)!important;
background:rgba(201,243,29,.07)!important;
transform:translateY(-1px);
}
.paginationBar{
background:rgba(255,255,255,.032)!important;
border-color:rgba(255,255,255,.08)!important;
}
.emptyCard,
.emptyMini{
background:rgba(255,255,255,.025)!important;
border-color:rgba(255,255,255,.08)!important;
border-radius:18px!important;
}
.cgSimpleHero,
.cgSimpleStep,
.cgSimpleHelp,
.cgExistingItem{
background:rgba(255,255,255,.035)!important;
border-color:rgba(255,255,255,.085)!important;
}
.cgSimpleStep.active{
background:linear-gradient(135deg, rgba(201,243,29,.16), rgba(201,243,29,.055))!important;
border-color:rgba(201,243,29,.32)!important;
}
.skeletonHero,
.skeletonCards i,
.skeletonTable b{
background:linear-gradient(90deg, rgba(255,255,255,.035), rgba(201,243,29,.08), rgba(255,255,255,.035))!important;
background-size:220% 100%!important;
}
@media(max-width:900px){
.sidebar{width:286px!important}
.topSearch{width:100%!important;max-width:none!important}
.content{padding:16px!important}
.topbar{padding:10px 14px!important}
}
/* v276 fixes: sidebar submenu alignment + task modal no hard-refresh feel */
.sideSubmenu{
margin:4px 10px 8px 36px!important;
padding-left:8px!important;
display:grid!important;
gap:4px!important;
max-width:calc(100% - 46px)!important;
}
.sideSubItem{
width:100%!important;
justify-content:space-between!important;
text-align:left!important;
padding:8px 10px!important;
margin:0!important;
transform:none!important;
}
.sideSubItem span:first-child{
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.sideGroup.open .sideSubmenu{
animation:subMenuIn .16s var(--ease-premium);
}
@keyframes subMenuIn{
from{opacity:.45; transform:translateY(-4px)}
to{opacity:1; transform:none}
}
.taskPopoverPerson.active{
border-color:rgba(201,243,29,.35)!important;
background:rgba(201,243,29,.10)!important;
}
.justAdded,
.workspaceBlockJustAdded{
animation:justAddedPulse .45s var(--ease-premium);
}
@keyframes justAddedPulse{
0%{transform:translateY(6px);opacity:.25;background:rgba(201,243,29,.12)}
100%{transform:none;opacity:1}
}
#inlineTaskCommentSend:disabled,
#quickSaveTimeBtn:disabled{
opacity:.65!important;
cursor:progress!important;
}
/* v277 project client polish */
.projectClientStatCard{
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
padding:14px;
background:rgba(255,255,255,.035);
}
/* v279 client/project CRM polish */
.clientProfileProjectRow:hover{
background:rgba(201,243,29,.04)!important;
}
.projectClientStatCard{
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
padding:14px;
background:rgba(255,255,255,.035);
}
/* v280 project clients visible tab + SQL alias fixes */
.clientProfileProjectRow:hover{background:rgba(201,243,29,.04)!important;}
/* v281 ClickUp-style workspace shell prototype */
.mainRail{
width:64px!important;
min-width:64px!important;
background:linear-gradient(180deg,#7B1CD8,#5B14A7)!important;
border-right:1px solid rgba(255,255,255,.12)!important;
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
padding:12px 8px;
color:#fff;
z-index:80;
}
.mainRailBrand{
width:34px;height:34px;border-radius:12px;
display:grid;place-items:center;
background:rgba(255,255,255,.14);
font-weight:900;
margin-bottom:8px;
}
.mainRail nav{
display:grid;
gap:6px;
width:100%;
}
.mainRailBtn{
width:100%;
min-height:50px;
display:grid;
place-items:center;
gap:2px;
border:0;
border-radius:14px;
background:transparent;
color:#fff;
cursor:pointer;
}
.mainRailBtn span{
font-size:17px;
line-height:1;
}
.mainRailBtn em{
font-style:normal;
font-size:10px;
font-weight:800;
line-height:1;
}
.mainRailBtn:hover,
.mainRailBtn.active{
background:rgba(255,255,255,.16);
}
.railBottom{margin-top:auto}
.app{
display:flex!important;
}
.app > .sidebar{
margin-left:0!important;
}
.workspaceSideHeader{
padding:18px 16px 14px;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid rgba(255,255,255,.07);
}
.workspaceSideHeader strong{
display:block;
font-size:18px;
letter-spacing:-.02em;
}
.workspaceSideHeader span{
display:block;
color:var(--muted);
font-size:12px;
margin-top:2px;
}
.wsMiniBtn{
width:38px;height:38px;border-radius:13px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.04);
color:var(--text);
font-size:20px;
}
.workspaceNav{
padding:12px 10px;
display:grid;
gap:4px;
}
.workspaceNavItem{
min-height:38px;
padding:9px 12px;
border-radius:12px;
border:0;
background:transparent;
color:rgba(232,237,245,.78);
text-align:left;
font-weight:750;
display:flex;
justify-content:space-between;
align-items:center;
}
.workspaceNavItem:hover,
.workspaceNavItem.active{
background:rgba(255,255,255,.075);
color:#fff;
}
.workspaceNavItem span{
background:rgba(201,243,29,.18);
color:var(--accent);
border-radius:999px;
padding:2px 8px;
}
.workspacePanelMini{
margin:14px;
padding:14px;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.035);
}
.workspacePanelMini p{
color:var(--muted);
font-size:12px;
line-height:1.45;
margin:8px 0 0;
}
.wsEmptyStar{
text-align:center;
color:rgba(255,255,255,.22);
padding:20px 8px;
}
.wsEmptyStar span{
color:var(--muted);
font-size:12px;
}
.workspaceRecent{
padding:4px 14px 18px;
display:grid;
gap:6px;
}
.recentDoc{
border:0;
background:transparent;
color:var(--muted);
text-align:left;
padding:8px;
border-radius:10px;
}
.recentDoc.active,
.recentDoc:hover{
background:rgba(255,255,255,.06);
color:#fff;
}
.workspace-docs .content,
.workspace-planner .content,
.workspace-teamspace .content{
padding:0!important;
overflow:hidden;
}
.docsHome{
padding:22px;
min-height:calc(100vh - 72px);
background:#fff;
color:#171923;
}
[data-theme="dark"] .workspace-docs .docsHome,
[data-theme="dark"] .workspace-planner .plannerShell,
[data-theme="dark"] .workspace-teamspace .teamspaceShell{
background:#0B1020;
color:#F8FAFC;
}
.docsTopbar{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
padding-bottom:18px;
}
.docsTemplates{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin-bottom:22px;
}
.docTemplate{
display:flex;
gap:14px;
align-items:center;
border:1px solid #E5E7EB;
background:#fff;
color:#111827;
border-radius:14px;
padding:14px 16px;
text-align:left;
}
[data-theme="dark"] .docTemplate{
background:rgba(255,255,255,.035);
border-color:rgba(255,255,255,.08);
color:#fff;
}
.docTemplate span{
font-size:26px;
}
.docTemplate p{
margin:4px 0 0;
color:#6B7280;
font-size:13px;
}
.docsListTop{
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:1px solid #ECEFF3;
padding-bottom:12px;
}
[data-theme="dark"] .docsListTop{border-color:rgba(255,255,255,.08)}
.docSearch{
color:#6B7280;
}
.docTable{
display:grid;
}
.docRow{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr 1fr 50px;
gap:12px;
align-items:center;
min-height:42px;
border-bottom:1px solid #F0F1F4;
padding:0 8px;
cursor:pointer;
}
[data-theme="dark"] .docRow{border-color:rgba(255,255,255,.06)}
.docRow:hover{
background:rgba(123,28,216,.055);
}
.docHead{
color:#6B7280;
font-size:12px;
font-weight:800;
cursor:default;
}
.docEditorShell{
min-height:calc(100vh - 72px);
background:#F6F7F9;
color:#171923;
padding:12px;
}
[data-theme="dark"] .docEditorShell{
background:#080D18;
color:#F8FAFC;
}
.docBreadcrumb{
height:32px;
display:flex;
align-items:center;
gap:8px;
color:#6B7280;
padding:0 8px 8px;
}
.docCanvas{
background:#fff;
border:1px solid #E6E8EE;
border-radius:10px;
min-height:calc(100vh - 118px);
max-width:1540px;
margin:0 auto;
padding:52px clamp(28px, 20vw, 360px);
}
[data-theme="dark"] .docCanvas{
background:#101624;
border-color:rgba(255,255,255,.08);
}
.docToolbar{
display:flex;
gap:14px;
align-items:center;
color:#6B7280;
font-size:12px;
margin-bottom:22px;
}
.docToolbar button{
border:0;
background:transparent;
color:inherit;
cursor:pointer;
}
#docSaveState{
margin-left:auto;
}
.docTitleInput{
width:100%;
border:0;
background:transparent;
color:inherit;
font-size:34px;
font-weight:850;
outline:none;
margin-bottom:8px;
}
.docMeta{
display:flex;
gap:8px;
align-items:center;
color:#6B7280;
margin-bottom:28px;
}
.avatarMini{
width:24px;height:24px;border-radius:999px;
display:grid;place-items:center;
background:#7B1CD8;color:#fff;font-weight:900;
}
.docQuickActions{
display:flex;
gap:8px;
margin-bottom:10px;
}
.docQuickActions button{
border:1px solid #E5E7EB;
background:#fff;
border-radius:999px;
padding:5px 10px;
color:#4B5563;
}
[data-theme="dark"] .docQuickActions button{
background:rgba(255,255,255,.04);
border-color:rgba(255,255,255,.08);
color:#CBD5E1;
}
.docEditable{
min-height:520px;
outline:none;
line-height:1.65;
font-size:16px;
}
.docEditable h2,.docEditable h3{
margin:22px 0 8px;
}
.docEditable table{
width:100%;
border-collapse:collapse;
margin:16px 0;
}
.docEditable td,.docEditable th{
border:1px solid #E5E7EB;
padding:8px;
}
.plannerShell{
min-height:calc(100vh - 72px);
padding:22px;
background:#fff;
}
.plannerBoard{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
.plannerCol{
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.035);
border-radius:20px;
padding:14px;
}
.plannerColHead{
display:flex;
justify-content:space-between;
font-weight:850;
margin-bottom:12px;
}
.plannerItem{
padding:12px;
border-radius:14px;
background:rgba(255,255,255,.05);
margin-bottom:10px;
}
.plannerItem p{
color:var(--muted);
margin:6px 0;
}
.plannerItem span{
font-size:12px;
color:var(--accent);
}
.teamspaceShell{
min-height:calc(100vh - 72px);
display:grid;
grid-template-rows:auto 1fr auto;
background:#fff;
}
.teamChatTop{
padding:18px 22px;
border-bottom:1px solid rgba(255,255,255,.08);
display:flex;
justify-content:space-between;
}
.teamMessages{
padding:22px;
overflow:auto;
display:flex;
flex-direction:column;
gap:12px;
}
.teamMsg{
max-width:720px;
padding:12px 14px;
border-radius:16px;
background:rgba(255,255,255,.045);
border:1px solid rgba(255,255,255,.08);
}
.teamMsg strong{margin-right:8px}
.teamMsg span{color:var(--muted);font-size:12px}
.teamMsg p{margin:6px 0 0}
.teamComposer{
display:flex;
gap:10px;
padding:14px 22px;
border-top:1px solid rgba(255,255,255,.08);
}
@media(max-width:900px){
.mainRail{
position:fixed;
bottom:0;
left:0;
right:0;
width:100%!important;
height:64px;
flex-direction:row;
padding:6px 8px;
z-index:120;
}
.mainRailBrand,.railBottom{display:none}
.mainRail nav{display:flex;justify-content:space-around}
.mainRailBtn{min-height:52px}
.app{padding-bottom:64px}
.docsTemplates,.plannerBoard{grid-template-columns:1fr}
.docRow{grid-template-columns:1fr 1fr}
.docRow span:nth-child(n+3){display:none}
.docCanvas{padding:28px 18px}
}
/* v282 ClickUp-style shell refinement */
.mainRail{
width:58px!important;
min-width:58px!important;
background:#050507!important;
border-right:1px solid rgba(255,255,255,.08)!important;
padding:8px 5px!important;
gap:7px!important;
position:relative;
}
.railCollapseBtn{
position:absolute;
top:6px;
right:-14px;
width:28px;
height:28px;
border-radius:999px;
border:1px solid rgba(255,255,255,.14);
background:#050507;
color:#fff;
z-index:220;
display:grid;
place-items:center;
cursor:pointer;
font-size:16px;
box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.mainRailBrand{
width:38px!important;
height:38px!important;
border-radius:13px!important;
margin:0 auto 8px!important;
background:linear-gradient(135deg,#b026ff,#651fff)!important;
box-shadow:0 0 20px rgba(176,38,255,.35)!important;
position:relative;
}
.mainRailBrand span{
width:18px;
height:18px;
border-radius:7px;
border:2px solid #fff;
display:block;
}
.mainRailBtn{
min-height:49px!important;
border-radius:10px!important;
color:rgba(255,255,255,.86)!important;
}
.mainRailBtn span{
font-size:18px!important;
}
.mainRailBtn em{
font-size:9.5px!important;
font-weight:850!important;
}
.mainRailBtn:hover,
.mainRailBtn.active{
background:rgba(255,255,255,.11)!important;
}
.mainRailBtn.active{
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.railDivider{
width:28px;
height:1px;
background:rgba(255,255,255,.13);
margin:4px auto;
}
.app > .sidebar{
width:264px!important;
min-width:264px!important;
background:#F6F7F9!important;
color:#2F343D!important;
border-right:1px solid #E5E7EB!important;
box-shadow:none!important;
overflow:auto;
}
[data-theme="dark"] .app > .sidebar{
background:#F6F7F9!important;
color:#2F343D!important;
}
.app.secondaryCollapsed > .sidebar{
width:0!important;
min-width:0!important;
max-width:0!important;
overflow:hidden!important;
border-right:0!important;
padding:0!important;
}
.app.secondaryCollapsed .main{
border-left:0!important;
}
.homeSideHeader{
height:46px;
display:flex;
align-items:center;
justify-content:space-between;
padding:7px 9px 6px 13px;
color:#242832;
}
.homeSideTitle strong{
display:block;
font-size:17px;
font-weight:850;
letter-spacing:-.02em;
}
.homeSideTitle span{
display:block;
font-size:11px;
color:#8A9099;
}
.homeSideActions{
display:flex;
gap:4px;
}
.homeSideHeader .wsMiniBtn,
.workspaceSideHeader .wsMiniBtn{
width:30px!important;
height:30px!important;
border-radius:9px!important;
background:#fff!important;
border:1px solid #D9DDE4!important;
color:#4B5563!important;
font-size:16px!important;
}
.homeQuickRow{
padding:2px 9px 8px 13px;
display:grid;
gap:3px;
}
.homeQuick{
min-height:30px;
border:0;
border-radius:7px;
background:transparent;
text-align:left;
color:#666E79;
font-weight:700;
padding:0 10px;
}
.homeQuick.active,
.homeQuick:hover{
background:#EAECF0;
color:#262B35;
}
.app > .sidebar .sideSection{
margin:15px 20px 7px!important;
font-size:11px!important;
letter-spacing:.10em!important;
color:#8B929C!important;
}
.app > .sidebar .sideItem{
margin:1px 9px!important;
min-height:32px!important;
border-radius:7px!important;
color:#5B6370!important;
font-size:13px!important;
padding:0 8px!important;
}
.app > .sidebar .sideItem .sideIconWrap{
width:21px!important;
height:21px!important;
background:#fff!important;
border:1px solid #DFE3EA!important;
color:#7A828E!important;
border-radius:7px!important;
font-size:11px!important;
}
.app > .sidebar .sideLabel{
font-weight:750!important;
}
.app > .sidebar .sideItem:hover,
.app > .sidebar .sideItem.active,
.app > .sidebar .sideGroup.active > .sideItem,
.app > .sidebar .sideGroupToggle.active{
background:#EAECF0!important;
border-color:transparent!important;
color:#232832!important;
}
.app > .sidebar .sideGroup.active > .sideItem .sideIconWrap,
.app > .sidebar .sideItem.active .sideIconWrap{
color:#232832!important;
}
.app > .sidebar .sideItemEnd{
color:#8B929C!important;
}
.app > .sidebar .sideSubmenu{
margin:2px 10px 6px 35px!important;
padding-left:6px!important;
border-left:1px solid #E0E4EA!important;
max-width:calc(100% - 45px)!important;
}
.app > .sidebar .sideSubItem{
min-height:28px!important;
color:#6B7280!important;
border-radius:7px!important;
font-size:13px!important;
font-weight:700!important;
}
.app > .sidebar .sideSubItem:hover,
.app > .sidebar .sideSubItem.active{
background:#EAECF0!important;
color:#252B34!important;
border-color:transparent!important;
}
.app > .sidebar .sideNotifBadge{
background:#C9F31D!important;
color:#111!important;
}
.clickupFooter{
margin:12px!important;
padding:10px!important;
background:#fff!important;
border:1px solid #E3E6EB!important;
color:#232832!important;
}
.clickupFooter .note,
.app > .sidebar .note{
color:#8A9099!important;
}
.workspaceSideHeader{
color:#232832!important;
border-bottom:1px solid #E5E7EB!important;
background:#F6F7F9!important;
}
.workspaceSideHeader span{
color:#8A9099!important;
}
.workspaceNavItem{
color:#626B78!important;
border-radius:7px!important;
min-height:32px!important;
}
.workspaceNavItem:hover,
.workspaceNavItem.active{
background:#EAECF0!important;
color:#252B34!important;
}
.workspacePanelMini{
background:#fff!important;
border-color:#E4E7EC!important;
color:#4B5563!important;
}
.workspacePanelMini p,
.wsEmptyStar span,
.recentDoc{
color:#7B838F!important;
}
.recentDoc.active,
.recentDoc:hover{
background:#EAECF0!important;
color:#252B34!important;
}
.main{
min-width:0;
flex:1 1 auto;
}
.topbar{
height:64px!important;
}
.content{
min-width:0;
}
@media(max-width:900px){
.app > .sidebar{
position:fixed!important;
left:0!important;
top:0!important;
bottom:64px!important;
transform:translateX(-100%);
z-index:110;
}
.app.mobileSidebarOpen > .sidebar{
transform:translateX(58px)!important;
}
.app.secondaryCollapsed > .sidebar{
transform:translateX(-100%)!important;
}
.railCollapseBtn{
display:none;
}
}
/* v283 Real Docs database + Project Docs */
.docRow span small{
display:block;
color:#8A9099;
font-size:11px;
margin-top:2px;
}
.docToolbar label{
display:flex;
align-items:center;
gap:6px;
}
.docToolbar select{
border:1px solid #E5E7EB;
background:#fff;
color:#4B5563;
border-radius:999px;
padding:4px 9px;
}
[data-theme="dark"] .docToolbar select{
background:rgba(255,255,255,.05);
border-color:rgba(255,255,255,.10);
color:#E5E7EB;
}
.btnTiny{
min-height:26px!important;
padding:4px 9px!important;
font-size:12px!important;
}
.projectDocsMini{
display:grid;
gap:8px;
margin-top:12px;
}
.projectDocMiniRow{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 12px;
border:1px solid var(--border);
border-radius:14px;
background:rgba(255,255,255,.035);
}
.projectDocMiniRow strong{
font-size:13px;
}
/* v284 Docs access + client/project docs foundation */
.docAccessBtn{
border:1px solid #E5E7EB;
background:#fff;
color:#4B5563;
border-radius:999px;
padding:4px 10px;
cursor:pointer;
}
[data-theme="dark"] .docAccessBtn{
background:rgba(255,255,255,.05);
border-color:rgba(255,255,255,.10);
color:#E5E7EB;
}
.docAccessInfo{
margin:-12px 0 18px;
color:#6B7280;
font-size:13px;
}
[data-theme="dark"] .docAccessInfo{
color:#A7B0BF;
}
.docAccessGrid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:16px;
}
.docAccessOption{
display:flex;
gap:10px;
align-items:flex-start;
border:1px solid var(--border);
border-radius:16px;
padding:12px;
background:rgba(255,255,255,.035);
cursor:pointer;
}
.docAccessOption strong{
display:block;
font-size:14px;
}
.docAccessOption span{
display:block;
color:var(--muted);
font-size:12px;
line-height:1.35;
margin-top:3px;
}
.docUserList{
display:grid;
gap:8px;
margin-top:12px;
max-height:330px;
overflow:auto;
}
.docUserRow{
display:grid;
grid-template-columns:auto 30px minmax(0,1fr);
gap:10px;
align-items:center;
border:1px solid var(--border);
border-radius:14px;
padding:10px;
background:rgba(255,255,255,.025);
cursor:pointer;
}
.docUserRow > span{
width:26px;
height:26px;
border-radius:999px;
background:linear-gradient(135deg,#7B1CD8,#C9F31D);
}
.docUserRow strong{
display:block;
font-size:13px;
}
.docUserRow small{
display:block;
color:var(--muted);
font-size:11px;
margin-top:2px;
}
@media(max-width:760px){
.docAccessGrid{
grid-template-columns:1fr;
}
}
/* v285 main rail shortcuts */
.mainRail{
overflow:visible!important;
}
.mainRail nav{
overflow-y:auto;
overflow-x:hidden;
scrollbar-width:none;
max-height:calc(100vh - 132px);
}
.mainRail nav::-webkit-scrollbar{display:none}
.railSettings{
margin-top:4px;
}
.mainRailBtn.railSettings span{
font-size:17px!important;
}
/* v286 first-class rail modules */
.railAppHeader{
background:#F6F7F9!important;
}
.railAppNav .workspaceNavItem{
display:grid!important;
grid-template-columns:24px minmax(0,1fr);
justify-content:start!important;
gap:8px;
}
.railAppNav .workspaceNavItem b{
font-size:13px;
}
.railAppIcon{
background:#fff!important;
color:#6B7280!important;
border:1px solid #E0E4EA!important;
width:22px!important;
height:22px!important;
display:grid!important;
place-items:center!important;
border-radius:7px!important;
padding:0!important;
}
.app.workspace-projects .content,
.app.workspace-team .content,
.app.workspace-finance .content,
.app.workspace-global-stats .content,
.app.workspace-my-stats .content,
.app.workspace-scripts .content,
.app.workspace-tools .content{
padding:24px!important;
}
/* v287 cleanup: single rail app nav + docs focus safe */
.railAppNav.single{
padding-top:14px!important;
}
.railAppNav.single .workspaceNavItem{
pointer-events:none;
}
.workspacePanelMini .note:only-child{
display:none;
}
.mutedRecent{
opacity:.55;
cursor:default!important;
}
/* v288 permissions + home sidebar cleanup */
.homeQuickRow,
.clickupFooter{
display:none!important;
}
.homeNoticeEntry{
margin:6px 9px 10px 13px;
min-height:34px;
display:flex;
align-items:center;
gap:9px;
border-radius:8px;
padding:0 10px;
background:#EAECF0;
color:#252B34;
font-weight:850;
cursor:pointer;
}
.homeNoticeEntry span{
width:20px;
height:20px;
border-radius:7px;
background:#fff;
border:1px solid #DFE3EA;
display:grid;
place-items:center;
font-size:11px;
color:#7A828E;
}
.homeNoticeEntry em{
margin-left:auto;
min-width:22px;
height:22px;
border-radius:999px;
display:grid;
place-items:center;
background:#C9F31D;
color:#111;
font-style:normal;
font-size:12px;
}
.railSpacer{
margin-top:auto;
}
.railAvatarBtn{
min-height:54px!important;
}
.railAvatarBtn img{
width:28px;
height:28px;
object-fit:cover;
border-radius:999px;
border:2px solid rgba(201,243,29,.65);
}
.railAvatarBtn > span{
width:28px;
height:28px;
border-radius:999px;
display:grid;
place-items:center;
background:#C9F31D;
color:#111;
font-size:11px!important;
font-weight:900;
}
/* v289 Home sidebar rework: inbox + client/project tree */
.sidePlaceholder{
margin:4px 18px 10px 36px;
font-size:12px;
color:#8A9099;
}
.topInboxSub{
margin-bottom:12px!important;
}
.clientTree .sideItemEnd{
gap:6px!important;
}
.sideMiniPlus{
width:22px;
height:22px;
border-radius:7px;
border:0;
background:#EEF1F5;
color:#5B6370;
display:grid;
place-items:center;
font-weight:900;
cursor:pointer;
}
.sideMiniPlus:hover{
background:#C9F31D;
color:#111;
}
.sideTreeFolder{
min-height:28px;
display:flex;
align-items:center;
gap:8px;
padding:6px 10px;
color:#6B7280;
font-size:12px;
font-weight:850;
}
.projectLeaf span:first-child{
padding-left:10px;
}
.sideMiniCount{
margin-left:auto;
min-width:20px;
height:20px;
border-radius:999px;
background:#EEF1F5;
color:#6B7280;
font-size:11px;
display:grid;
place-items:center;
}
.clientSubmenu{
padding-bottom:4px!important;
}
.homeSideHeader{
margin-bottom:4px;
}
.sideGroup.clientTree > .sideItem .sideLabel{
max-width:150px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
/* v290 white-screen fix after v289 sidebar tree */
/* v291 maintenance banner render fix */
/* v292 Home sidebar docs under clients + inline home doc editor */
.clientTree > .sideItem .sideItemEnd{
gap:6px!important;
flex-direction:row!important;
}
.clientTree .sideMiniPlus{
order:2;
}
.clientTree .sideChevron{
order:1;
}
.sideDocsFolder{
margin-top:6px;
}
.docLeaf span:first-child{
padding-left:10px;
color:#4B5563;
}
.docLeaf.active span:first-child{
color:#111827;
font-weight:850;
}
.clientCreateMenu{
min-width:190px;
padding:6px;
}
.clientCreateMenu button{
width:100%;
border:0;
background:transparent;
color:var(--text);
text-align:left;
padding:9px 10px;
border-radius:10px;
font-weight:750;
cursor:pointer;
}
.clientCreateMenu button:hover{
background:rgba(201,243,29,.12);
}
#homeDocEditorPage .docEditorShell{
min-height:calc(100vh - 72px);
}
/* v293 Home sidebar client header fix */
.clientTreeHeader{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:6px!important;
padding:0 7px!important;
}
.clientTreeHeader .sideClientToggle{
flex:1 1 auto;
min-width:0;
height:100%;
border:0;
background:transparent;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
padding:0;
color:inherit;
cursor:pointer;
text-align:left;
}
.clientTreeHeader .sideItemMain{
min-width:0;
flex:1 1 auto;
}
.clientTreeHeader .sideLabel{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.clientTreeHeader .sideMiniPlus{
position:static!important;
flex:0 0 auto;
margin-left:auto;
}
.clientTreeHeader .sideChevron{
flex:0 0 auto;
margin-left:6px;
}
.clientTree > .sideItem .sideItemEnd{
display:none!important;
}
/* v294 project sidebar opens tasks only + clean filters + docs private/share */
.deptProjectTaskToolbar{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
margin-bottom:14px;
}
.deptProjectTaskToolbar .select{
min-width:210px;
}
.docShareDropdown{
border:1px solid #E5E7EB;
background:#fff;
color:#4B5563;
border-radius:999px;
padding:5px 11px;
font-weight:750;
cursor:pointer;
}
[data-theme="dark"] .docShareDropdown{
background:rgba(255,255,255,.05);
border-color:rgba(255,255,255,.10);
color:#E5E7EB;
}
/* v295 ClickUp polish: Home rail, hover collapse, project accordions */
.mainRailBrand{
display:none!important;
}
.mainRailBtn.homeRailBtn{
min-height:58px!important;
margin-bottom:2px;
}
.mainRailBtn.homeRailBtn.active{
background:rgba(201,243,29,.16)!important;
color:#fff!important;
}
.mainRailBtn.homeRailBtn.active span{
color:#C9F31D!important;
}
.mainRail nav > .railDivider:first-of-type{
display:none!important;
}
.railCollapseBtn{
display:none!important;
}
.app.secondaryCollapsed .railCollapseBtn.isOpenButton{
display:grid!important;
top:12px!important;
right:-15px!important;
}
.homeSideActions .sideCollapseHoverBtn{
opacity:0;
transform:translateX(4px);
transition:.15s ease;
}
.homeSideHeader:hover .sideCollapseHoverBtn{
opacity:1;
transform:translateX(0);
}
.deptAllTasks{
margin-top:3px!important;
}
.projectTaskAccordion{
border:1px solid var(--border);
border-radius:18px;
background:var(--card);
overflow:hidden;
margin-bottom:14px;
}
.projectTaskAccordionHead{
width:100%;
border:0;
background:transparent;
color:var(--text);
padding:16px 18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
text-align:left;
cursor:pointer;
}
.projectTaskAccordionHead:hover{
background:rgba(201,243,29,.035);
}
.projectTaskAccordionBody{
padding:0 18px 16px;
}
.projectAccordionChevron{
color:var(--muted);
font-weight:900;
min-width:24px;
text-align:center;
}
.projectTaskBlock.projectTaskAccordion{
padding:0!important;
}
/* v296 sidebar refresh + collapse hover everywhere + stronger Home */
.workspaceHeaderActions{
display:flex;
align-items:center;
gap:4px;
}
.workspaceSideHeader .sideCollapseHoverBtn{
opacity:0;
transform:translateX(4px);
transition:.15s ease;
}
.workspaceSideHeader:hover .sideCollapseHoverBtn{
opacity:1;
transform:translateX(0);
}
.homeSideActions .sideCollapseHoverBtn{
opacity:0;
}
.homeSideHeader:hover .sideCollapseHoverBtn{
opacity:1;
}
.mainRailBtn.homeRailBtn{
background:rgba(255,255,255,.08)!important;
border:1px solid rgba(255,255,255,.08)!important;
}
.mainRailBtn.homeRailBtn span{
color:#C9F31D!important;
}
.mainRailBtn.homeRailBtn em{
color:#fff!important;
}
.mainRailBtn.homeRailBtn.active{
background:rgba(201,243,29,.18)!important;
box-shadow:inset 3px 0 0 #C9F31D!important;
}
.app.secondaryCollapsed .railCollapseBtn.isOpenButton{
display:grid!important;
top:14px!important;
right:-16px!important;
z-index:260!important;
}
/* v297 Home rail colors + sidebar search */
.mainRailBtn.homeRailBtn{
background:transparent!important;
border:0!important;
}
.mainRailBtn.homeRailBtn span{
width:34px!important;
height:34px!important;
border-radius:12px!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(135deg,#B026FF 0%,#651FFF 46%,#00D1FF 100%)!important;
color:#fff!important;
box-shadow:0 0 22px rgba(176,38,255,.55),0 0 28px rgba(0,209,255,.25)!important;
margin-bottom:2px;
}
.mainRailBtn.homeRailBtn em{
color:#fff!important;
font-weight:900!important;
}
.mainRailBtn.homeRailBtn.active{
background:transparent!important;
box-shadow:none!important;
}
.mainRailBtn.homeRailBtn.active span{
box-shadow:0 0 26px rgba(176,38,255,.72),0 0 34px rgba(0,209,255,.35)!important;
}
.homeSideHeader{
margin-bottom:22px!important;
}
.homeSidebarBody{
padding-top:4px;
}
.homeSideActions .sidebarSearchHoverBtn{
opacity:0;
transform:translateX(4px);
transition:.15s ease;
}
.homeSideHeader:hover .sidebarSearchHoverBtn{
opacity:1;
transform:translateX(0);
}
.sidebarSearchBox{
height:34px;
margin:0 9px 18px 13px;
border:1px solid #1F2937;
border-radius:8px;
background:#fff;
display:flex;
align-items:center;
gap:6px;
padding:0 8px;
color:#8A9099;
}
.sidebarSearchBox input{
flex:1;
border:0;
outline:none;
min-width:0;
font-size:13px;
background:transparent;
color:#333;
}
.sidebarSearchBox button{
width:20px;
height:20px;
border:0;
border-radius:999px;
background:#8A8F98;
color:#fff;
display:grid;
place-items:center;
cursor:pointer;
line-height:1;
}
.homeSideActions .wsMiniBtn:not(.sideCollapseHoverBtn):not(.sidebarSearchHoverBtn){
display:none!important;
}
.app.secondaryCollapsed .railCollapseBtn.isOpenButton{
display:grid!important;
top:8px!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%)!important;
width:34px!important;
height:34px!important;
border-radius:10px!important;
}
/* v298 planner module + sidebar icon polish */
.mainRailBtn span{
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
font-weight:900!important;
}
.mainRailBtn:not(.homeRailBtn) span{
width:28px;
height:28px;
border-radius:9px;
display:grid;
place-items:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.07);
}
.mainRailBtn:not(.homeRailBtn).active span,
.mainRailBtn:not(.homeRailBtn):hover span{
background:rgba(201,243,29,.13);
border-color:rgba(201,243,29,.25);
color:#C9F31D;
}
.plannerProShell{
background:var(--bg)!important;
}
.plannerBoardPro{
align-items:start;
}
.plannerEventCard{
cursor:pointer;
border:1px solid var(--border);
background:var(--card);
}
.plannerEventCard:hover{
border-color:rgba(201,243,29,.35);
transform:translateY(-1px);
}
.plannerCardMeta{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:8px;
color:var(--muted);
font-size:12px;
}
.plannerInviteePills{
display:flex;
gap:5px;
align-items:center;
margin-top:10px;
}
.plannerInvitee{
width:24px;
height:24px;
border-radius:999px;
display:grid;
place-items:center;
font-size:10px;
font-weight:900;
background:#EEF1F5;
color:#48505C;
border:1px solid var(--border);
}
.plannerInvitee.accepted{background:rgba(34,197,94,.13);color:#15803d}
.plannerInvitee.declined{background:rgba(239,68,68,.12);color:#b91c1c}
.plannerInvitee.tentative{background:rgba(245,158,11,.14);color:#b45309}
.plannerStatus{
border-radius:999px;
padding:4px 9px;
font-size:11px;
font-weight:850;
border:1px solid var(--border);
background:#F5F7FA;
color:#4B5563;
}
.plannerStatus_accepted{background:rgba(34,197,94,.13);color:#15803d;border-color:rgba(34,197,94,.25)}
.plannerStatus_declined{background:rgba(239,68,68,.12);color:#b91c1c;border-color:rgba(239,68,68,.25)}
.plannerStatus_tentative{background:rgba(245,158,11,.14);color:#b45309;border-color:rgba(245,158,11,.28)}
.plannerStatus_pending{background:rgba(59,130,246,.12);color:#2563eb;border-color:rgba(59,130,246,.25)}
.plannerDetailGrid{
display:grid;
grid-template-columns:1.4fr 1fr;
gap:14px;
margin-top:16px;
}
.plannerInviteeList{
display:grid;
gap:8px;
margin-top:10px;
}
.plannerInviteeRow{
display:flex;
justify-content:space-between;
gap:10px;
align-items:center;
padding:10px;
border:1px solid var(--border);
border-radius:14px;
background:rgba(255,255,255,.035);
}
.plannerInviteeRow strong,
.plannerInviteeRow span,
.plannerInviteeRow small{
display:block;
}
.plannerInviteeRow span,
.plannerInviteeRow small{
color:var(--muted);
font-size:12px;
}
.plannerUserPicker{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
max-height:250px;
overflow:auto;
}
.plannerUserPicker label{
border:1px solid var(--border);
border-radius:12px;
padding:9px 10px;
display:flex;
gap:8px;
align-items:center;
background:rgba(255,255,255,.03);
}
.plannerConsultationList{
display:grid;
gap:10px;
}
.plannerConsultationCard{
display:flex;
justify-content:space-between;
gap:14px;
align-items:center;
border:1px solid var(--border);
border-radius:18px;
padding:14px;
background:var(--card);
}
.plannerConsultationCard p,
.plannerConsultationCard span{
color:var(--muted);
margin:4px 0 0;
}
@media(max-width:850px){
.plannerDetailGrid,.plannerUserPicker{grid-template-columns:1fr}
.plannerConsultationCard{align-items:flex-start;flex-direction:column}
}
/* v299 planner edit/delete/calendar + readability cleanup */
.plannerEventCard strong,
.plannerConsultationCard strong{
color:#111827!important;
}
[data-theme="dark"] .plannerEventCard strong,
[data-theme="dark"] .plannerConsultationCard strong{
color:#F8FAFC!important;
}
.plannerEventCard p,
.plannerCardMeta span{
color:#4B5563!important;
}
[data-theme="dark"] .plannerEventCard p,
[data-theme="dark"] .plannerCardMeta span{
color:#CBD5E1!important;
}
.plannerCalendar{
border:1px solid var(--border);
border-radius:20px;
overflow:hidden;
background:var(--card);
}
.plannerCalendarHead{
display:grid;
grid-template-columns:repeat(7,1fr);
border-bottom:1px solid var(--border);
background:rgba(255,255,255,.03);
}
.plannerCalendarHead span{
padding:10px;
font-size:12px;
font-weight:900;
color:var(--muted);
text-align:center;
}
.plannerCalendarGrid{
display:grid;
grid-template-columns:repeat(7,1fr);
}
.plannerCalendarDay{
min-height:118px;
border-right:1px solid var(--border);
border-bottom:1px solid var(--border);
padding:8px;
display:flex;
flex-direction:column;
gap:5px;
}
.plannerCalendarDay:nth-child(7n){
border-right:0;
}
.plannerCalendarDay strong{
color:var(--text);
font-size:13px;
}
.plannerCalendarDay.today{
background:rgba(201,243,29,.08);
}
.plannerCalendarDay button{
border:1px solid rgba(201,243,29,.25);
background:rgba(201,243,29,.09);
color:var(--text);
border-radius:8px;
padding:5px 6px;
text-align:left;
font-size:11px;
font-weight:800;
cursor:pointer;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.plannerCalendarDay small{
color:var(--muted);
font-size:11px;
}
@media(max-width:900px){
.plannerCalendarGrid,.plannerCalendarHead{
grid-template-columns:1fr;
}
.plannerCalendarHead{display:none}
.plannerCalendarDay{
min-height:auto;
border-right:0;
}
}
/* v300 Mini Word docs */
.miniWordToolbar{
flex-wrap:wrap;
gap:6px!important;
padding:8px 0;
border-bottom:1px solid rgba(0,0,0,.06);
margin-bottom:18px!important;
}
.miniWordToolbar button{
border:1px solid #E5E7EB!important;
background:#fff!important;
color:#374151!important;
border-radius:10px!important;
min-height:32px;
padding:6px 10px;
font-weight:800;
}
[data-theme="dark"] .miniWordToolbar button{
background:rgba(255,255,255,.05)!important;
border-color:rgba(255,255,255,.10)!important;
color:#E5E7EB!important;
}
.miniWordToolbar button:hover{
border-color:rgba(201,243,29,.5)!important;
background:rgba(201,243,29,.10)!important;
}
.docEditable img{
max-width:100%;
height:auto;
border-radius:12px;
margin:10px 0;
}
.docEditable hr{
border:0;
border-top:1px solid #E5E7EB;
margin:24px 0;
}
.docEditable table{
border-collapse:collapse;
width:100%;
margin:16px 0;
}
.docEditable td,.docEditable th{
border:1px solid #E5E7EB;
padding:8px;
min-width:80px;
}
.docEditable th{
background:rgba(201,243,29,.10);
}
/* v301 DOCX import stability + editable fix */
.docEditable{
user-select:text!important;
-webkit-user-select:text!important;
cursor:text!important;
pointer-events:auto!important;
}
.docEditable:focus{
outline:2px solid rgba(201,243,29,.25);
outline-offset:8px;
}
.docPageBreak{
border:0!important;
border-top:2px dashed #CBD5E1!important;
margin:34px 0!important;
}
/* v302 large docs scroll + autosave stability */
.workspace-docs .content,
.workspace-home .content{
overflow-y:auto!important;
overflow-x:hidden!important;
height:calc(100vh - 58px)!important;
min-height:0!important;
-webkit-overflow-scrolling:touch!important;
}
.workspace-docs .docEditorShell,
#homeDocEditorPage .docEditorShell{
min-height:auto!important;
height:auto!important;
overflow:visible!important;
padding-bottom:90px!important;
}
.workspace-docs .docCanvas,
#homeDocEditorPage .docCanvas{
min-height:calc(100vh - 150px)!important;
height:auto!important;
overflow:visible!important;
margin-bottom:80px!important;
}
.workspace-docs .docEditable,
#homeDocEditorPage .docEditable{
min-height:760px!important;
padding-bottom:120px!important;
overflow:visible!important;
}
.miniWordToolbar{
position:sticky;
top:0;
z-index:20;
background:inherit;
}
/* v303 docs stability, favorites and cursor insert */
.starBtn{
border:1px solid #D9DEE8;
background:#fff;
color:#6B7280;
width:28px;
height:28px;
border-radius:8px;
display:grid;
place-items:center;
cursor:pointer;
}
.starBtn.active{
background:rgba(201,243,29,.18);
color:#111;
border-color:rgba(201,243,29,.55);
}
#docsFavoriteList{
display:grid;
gap:4px;
margin-top:8px;
}
.favDoc{
color:#111827!important;
}
.docEditable hr{
cursor:text;
}
/* v304 Docs sidebar click/freeze fix */
#manualSaveDocBtn{
background:rgba(201,243,29,.14)!important;
border-color:rgba(201,243,29,.35)!important;
}
#docSaveState{
white-space:nowrap;
}
/* v305 Teams module + docs sidebar label */
.teamMsg.mine{
margin-left:auto;
background:rgba(201,243,29,.10);
border-color:rgba(201,243,29,.24);
}
.teamMsg > div{
display:flex;
gap:8px;
align-items:center;
}
.teamMsg span{
color:var(--muted);
font-size:12px;
}
.teamDocChip{
border:1px solid rgba(201,243,29,.28);
background:rgba(201,243,29,.10);
color:var(--text);
border-radius:999px;
padding:6px 10px;
font-weight:850;
cursor:pointer;
margin-top:8px;
}
.docShareList{
display:grid;
gap:8px;
margin-top:16px;
}
.docSharePick{
border:1px solid var(--border);
background:var(--card);
color:var(--text);
border-radius:14px;
padding:12px;
text-align:left;
display:flex;
justify-content:space-between;
gap:12px;
cursor:pointer;
}
.docSharePick:hover{
border-color:rgba(201,243,29,.35);
background:rgba(201,243,29,.06);
}
.docSharePick span{
color:var(--muted);
font-size:12px;
}
.teamComposer{
display:flex;
gap:10px;
padding:16px 22px;
border-top:1px solid rgba(255,255,255,.08);
}
.teamComposer .input{
flex:1;
}
/* v306 remove Teams rail + better docs templates/delete */
.premiumTemplate{
position:relative;
overflow:hidden;
min-height:96px;
}
.premiumTemplate::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:4px;
background:linear-gradient(180deg,#C9F31D,#7B1CD8);
opacity:.9;
}
.premiumTemplate strong{
font-size:15px;
}
.premiumTemplate em{
display:inline-block;
margin-top:8px;
color:#7C3AED;
font-style:normal;
font-size:12px;
font-weight:850;
}
[data-theme="dark"] .premiumTemplate em{
color:#C9F31D;
}
#deleteDocBtn[disabled]{
opacity:.65;
cursor:wait;
}
.recentDoc{
cursor:pointer;
}
.recentDoc.active{
pointer-events:auto!important;
}
/* v310 sales/contact speed polish */
.isSoftLoading { opacity: .72; pointer-events: none; transition: opacity .12s ease; }
.paginationBar .isLoading { opacity: .65; }
.contactPerfHint{font-size:12px;color:var(--muted);}
/* v311 dark-mode cleanup + calmer CRM contrast */
html[data-theme="dark"]{
--bg:#070B14;
--page:#080D18;
--sidebar:#090E19;
--card:#101827;
--card2:#151E2F;
--border:rgba(148,163,184,.16);
--hover:rgba(255,255,255,.055);
--text:#F4F7FB;
--muted:#A7B1C2;
--muted2:#6F7F94;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .app{
background:
radial-gradient(circle at 18% -8%, rgba(201,243,29,.055), transparent 30%),
radial-gradient(circle at 90% 0%, rgba(99,102,241,.07), transparent 28%),
#070B14!important;
color:var(--text)!important;
}
html[data-theme="dark"] .main{
background:linear-gradient(180deg,#0A0F1B 0%,#070B14 100%)!important;
}
html[data-theme="dark"] .mainRail{
background:linear-gradient(180deg,#050812,#0A1020)!important;
border-right:1px solid rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] .mainRailBtn:hover,
html[data-theme="dark"] .mainRailBtn.active{
background:rgba(201,243,29,.12)!important;
color:#fff!important;
}
html[data-theme="dark"] .sidebar{
background:linear-gradient(180deg,#0A101C,#070B14)!important;
border-right:1px solid rgba(255,255,255,.075)!important;
}
html[data-theme="dark"] .topbar{
background:rgba(8,12,22,.86)!important;
border-bottom:1px solid rgba(255,255,255,.075)!important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .tableWrap,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .deptTaskCard,
html[data-theme="dark"] .salesCard,
html[data-theme="dark"] .ownerInboxItem,
html[data-theme="dark"] .clientRequestItem,
html[data-theme="dark"] .workspaceBlockCard,
html[data-theme="dark"] .projectCard,
html[data-theme="dark"] .salesTodayCard,
html[data-theme="dark"] .salesTodayRow,
html[data-theme="dark"] .metricCard,
html[data-theme="dark"] .financeKpi,
html[data-theme="dark"] .invoiceMobileCard,
html[data-theme="dark"] .moduleShell,
html[data-theme="dark"] .emptyCard,
html[data-theme="dark"] .emptyMini,
html[data-theme="dark"] .workspacePanelMini,
html[data-theme="dark"] .plannerCol,
html[data-theme="dark"] .teamMsg{
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022)),#101827!important;
color:var(--text)!important;
border-color:rgba(148,163,184,.16)!important;
box-shadow:none!important;
}
html[data-theme="dark"] .content{
background:transparent!important;
}
html[data-theme="dark"] .docsHome,
html[data-theme="dark"] .docEditorShell,
html[data-theme="dark"] .plannerShell,
html[data-theme="dark"] .teamspaceShell{
background:#080D18!important;
color:var(--text)!important;
}
html[data-theme="dark"] .docCanvas{
background:#0F1726!important;
color:var(--text)!important;
border-color:rgba(148,163,184,.16)!important;
}
html[data-theme="dark"] .docTemplate,
html[data-theme="dark"] .docRow,
html[data-theme="dark"] .docQuickActions button{
background:rgba(255,255,255,.035)!important;
color:var(--text)!important;
border-color:rgba(148,163,184,.14)!important;
}
html[data-theme="dark"] .docTemplate p,
html[data-theme="dark"] .docSearch,
html[data-theme="dark"] .docHead,
html[data-theme="dark"] .docBreadcrumb,
html[data-theme="dark"] .docMeta,
html[data-theme="dark"] .docToolbar{
color:var(--muted)!important;
}
html[data-theme="dark"] .input,
html[data-theme="dark"] .select,
html[data-theme="dark"] .textarea,
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"]{
background:#0C1322!important;
color:var(--text)!important;
border-color:rgba(148,163,184,.18)!important;
box-shadow:none!important;
}
html[data-theme="dark"] .input::placeholder,
html[data-theme="dark"] .textarea::placeholder{
color:#758398!important;
}
html[data-theme="dark"] .table th{
background:rgba(255,255,255,.028)!important;
color:#96A3B5!important;
}
html[data-theme="dark"] .table td{
color:#E8EEF7!important;
border-color:rgba(148,163,184,.12)!important;
}
html[data-theme="dark"] .table tr:hover td,
html[data-theme="dark"] .docRow:hover{
background:rgba(201,243,29,.045)!important;
}
html[data-theme="dark"] .btnGhost,
html[data-theme="dark"] .wsMiniBtn{
background:rgba(255,255,255,.045)!important;
border-color:rgba(148,163,184,.16)!important;
color:#E8EEF7!important;
}
html[data-theme="dark"] .sideItem,
html[data-theme="dark"] .workspaceNavItem,
html[data-theme="dark"] .recentDoc{
color:#B6C1D1!important;
}
html[data-theme="dark"] .sideItem:hover,
html[data-theme="dark"] .sideItem.active,
html[data-theme="dark"] .workspaceNavItem:hover,
html[data-theme="dark"] .workspaceNavItem.active,
html[data-theme="dark"] .recentDoc:hover,
html[data-theme="dark"] .recentDoc.active{
color:#fff!important;
}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .note,
html[data-theme="dark"] .brandSub,
html[data-theme="dark"] .topEyebrow,
html[data-theme="dark"] .workspaceSideHeader span,
html[data-theme="dark"] .workspacePanelMini p{
color:var(--muted)!important;
}
html[data-theme="dark"] .modal{
background:linear-gradient(180deg,#121A2B,#0A0F1B)!important;
}
/* v312 sales follow-up template */
.salesFollowupTemplateWrap{
margin-top:12px;
padding:14px;
border:1px solid rgba(148,163,184,.22);
border-radius:18px;
background:linear-gradient(180deg, rgba(201,243,29,.08), rgba(15,23,42,.025));
}
.salesTemplateHead{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
.salesTemplateHead strong{
display:block;
margin-top:2px;
font-size:14px;
color:var(--text);
}
.salesFollowupTemplate{
min-height:320px;
resize:vertical;
font-size:14px;
line-height:1.58;
white-space:pre-wrap;
font-family:inherit;
color:var(--text) !important;
background:rgba(255,255,255,.72) !important;
border-color:rgba(15,23,42,.16) !important;
}
body.theme-dark .salesFollowupTemplate{
background:rgba(8,13,24,.72) !important;
border-color:rgba(201,243,29,.18) !important;
color:#EAF0F8 !important;
}
body.theme-dark .salesFollowupTemplateWrap{
background:linear-gradient(180deg, rgba(201,243,29,.075), rgba(7,10,18,.55));
border-color:rgba(201,243,29,.18);
}
@media(max-width:760px){
.salesFollowupTemplate{min-height:360px;font-size:13px;}
.salesTemplateHead{align-items:stretch;flex-direction:column;}
.salesTemplateHead .btn{width:100%;justify-content:center;}
}
/* v313 sales nurture guidelines */
.salesNurtureGuidelinesWrap{
background:linear-gradient(180deg, rgba(59,130,246,.08), rgba(15,23,42,.025));
}
.salesNurtureGuidelines{
padding:14px 16px;
border:1px solid rgba(148,163,184,.22);
border-radius:16px;
background:rgba(255,255,255,.72);
color:var(--text);
font-size:14px;
line-height:1.72;
white-space:pre-wrap;
}
body.theme-dark .salesNurtureGuidelinesWrap{
background:linear-gradient(180deg, rgba(59,130,246,.095), rgba(7,10,18,.55));
border-color:rgba(96,165,250,.20);
}
body.theme-dark .salesNurtureGuidelines{
background:rgba(8,13,24,.72);
border-color:rgba(96,165,250,.22);
color:#EAF0F8;
}
@media(max-width:760px){
.salesNurtureGuidelines{font-size:13px;line-height:1.65;}
}
/* v315 sales nested modal stack fix */
.salesActivityConfirmOverlay{
position:fixed;
inset:0;
z-index:2147483200!important;
display:flex;
align-items:center;
justify-content:center;
padding:18px;
background:rgba(8,12,18,.48);
backdrop-filter:blur(10px);
}
.salesActivityConfirmBox{
width:min(560px, calc(100vw - 28px));
border:1px solid rgba(148,163,184,.22);
border-radius:22px;
background:var(--surface, #fff);
color:var(--text, #0f172a);
box-shadow:0 24px 80px rgba(0,0,0,.22);
padding:18px;
}
.salesConfirmTitle{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:5px;color:var(--text,#0f172a)}
.salesConfirmGrid{display:grid;gap:14px;margin-top:16px}
.salesConfirmDoneOnly{border:1px solid rgba(148,163,184,.18);background:rgba(148,163,184,.08);border-radius:16px;padding:13px;font-weight:700;color:var(--text,#0f172a)}
.salesManualStageBox{
margin:12px 0 16px;
border:1px solid rgba(148,163,184,.16);
border-radius:18px;
background:rgba(148,163,184,.055);
padding:12px 14px;
}
.salesManualStageBox summary{
cursor:pointer;
list-style:none;
font-weight:800;
letter-spacing:.02em;
color:var(--text,#0f172a);
}
.salesManualStageBox summary::-webkit-details-marker{display:none}
.salesManualStageBox summary:after{content:'+';float:right;color:var(--muted,#64748b)}
.salesManualStageBox[open] summary:after{content:'–'}
.salesMiniStageRail{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.salesMiniStageBtn{
border:1px solid rgba(148,163,184,.22);
background:rgba(255,255,255,.58);
color:var(--text,#0f172a);
border-radius:999px;
padding:9px 12px;
font-weight:800;
cursor:pointer;
transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.salesMiniStageBtn:hover{transform:translateY(-1px);border-color:rgba(201,243,29,.55)}
.salesMiniStageBtn.active{background:rgba(201,243,29,.22);border-color:rgba(201,243,29,.75);color:#111827}
:root[data-theme="dark"] .salesActivityConfirmBox,
body.dark .salesActivityConfirmBox{
background:#101820;
color:#eef4ff;
border-color:rgba(255,255,255,.12);
}
:root[data-theme="dark"] .salesConfirmTitle,
body.dark .salesConfirmTitle,
:root[data-theme="dark"] .salesManualStageBox summary,
body.dark .salesManualStageBox summary{color:#f8fafc}
:root[data-theme="dark"] .salesConfirmDoneOnly,
body.dark .salesConfirmDoneOnly,
:root[data-theme="dark"] .salesManualStageBox,
body.dark .salesManualStageBox{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11);color:#eef4ff}
:root[data-theme="dark"] .salesMiniStageBtn,
body.dark .salesMiniStageBtn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#e5edf7}
:root[data-theme="dark"] .salesMiniStageBtn.active,
body.dark .salesMiniStageBtn.active{background:rgba(201,243,29,.18);border-color:rgba(201,243,29,.65);color:#f8fafc}
@media(max-width:760px){
.salesActivityConfirmOverlay{align-items:flex-end;padding:0;background:rgba(8,12,18,.55)}
.salesActivityConfirmBox{width:100vw;max-height:86vh;overflow:auto;border-radius:22px 22px 0 0;padding:16px}
.salesMiniStageRail{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
.salesMiniStageBtn{white-space:nowrap}
}
/* v317 Docs real typing fix + visible Home icon */
.workspace-docs .content,
.workspace-home .content{ pointer-events:auto!important; }
.docCanvas,
.docEditorShell,
.docEditable,
.docTitleInput{ pointer-events:auto!important; }
.docEditable{
user-select:text!important;
-webkit-user-select:text!important;
caret-color:var(--accent,#C9F31D)!important;
cursor:text!important;
outline:none!important;
min-height:680px!important;
white-space:normal!important;
overflow-wrap:anywhere;
}
.docEditable:empty:before{
content:'Začni pisati tukaj ...';
color:var(--muted,#64748b);
pointer-events:none;
}
.docEditable:focus{
outline:2px solid rgba(201,243,29,.22)!important;
outline-offset:10px!important;
border-radius:12px;
}
.docTitleInput{ caret-color:var(--accent,#C9F31D)!important; }
.docToolbar button,
.docQuickActions button{ user-select:none; }
html[data-theme="dark"] .docEditable:empty:before{ color:#94A3B8; }
/* v317 Docs real typing fix + visible Home icon */
.docEditable,
#docEditable{
-webkit-user-modify:read-write!important;
user-modify:read-write!important;
pointer-events:auto!important;
user-select:text!important;
-webkit-user-select:text!important;
cursor:text!important;
background:transparent!important;
}
.docEditable.isEditing,
.docEditable:focus{
outline:2px solid rgba(201,243,29,.28)!important;
outline-offset:10px!important;
border-radius:14px!important;
}
.docCanvas *{ -webkit-tap-highlight-color:transparent; }
.mainRailBtn.homeRailBtn span{
background:#C9F31D!important;
color:#071015!important;
box-shadow:0 0 0 1px rgba(201,243,29,.35),0 12px 28px rgba(201,243,29,.18)!important;
text-shadow:none!important;
font-size:18px!important;
}
.mainRailBtn.homeRailBtn.active span,
.mainRailBtn.homeRailBtn:hover span{
background:#D7FF3F!important;
color:#071015!important;
box-shadow:0 0 0 1px rgba(201,243,29,.55),0 14px 34px rgba(201,243,29,.25)!important;
}
.mainRailBtn.homeRailBtn em{color:#F8FAFC!important;}
/* v319 Docs native editor restore */
.docEditorShell{background:#f6f7f9!important;color:#0f172a!important;}
html[data-theme="dark"] .docEditorShell{background:#080d18!important;color:#f8fafc!important;}
.docCanvas{background:#fff!important;border:1px solid #e6e8ee!important;border-radius:18px!important;max-width:1180px!important;margin:0 auto 42px!important;padding:44px clamp(28px,9vw,140px)!important;box-shadow:none!important;}
html[data-theme="dark"] .docCanvas{background:#0f1726!important;border-color:rgba(148,163,184,.16)!important;color:#f8fafc!important;}
.docEditable,#docEditable{display:block!important;min-height:680px!important;width:100%!important;padding:8px 0 120px!important;line-height:1.72!important;font-size:16px!important;color:inherit!important;background:transparent!important;border:0!important;outline:none!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;cursor:text!important;caret-color:#C9F31D!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-webkit-user-modify:read-write!important;}
.docEditable:focus,#docEditable:focus{outline:2px solid rgba(201,243,29,.22)!important;outline-offset:12px!important;border-radius:14px!important;}
.docEditable:empty:before{content:'Začni pisati tukaj ...';color:#94a3b8;pointer-events:none;}
.docEditable h1,.docEditable h2,.docEditable h3{line-height:1.22;margin:24px 0 10px;color:inherit;}
.docEditable p{margin:10px 0;}
.docEditable table{width:100%;border-collapse:collapse;margin:16px 0;}
.docEditable td,.docEditable th{border:1px solid #e5e7eb;padding:8px;min-width:80px;}
html[data-theme="dark"] .docEditable td,html[data-theme="dark"] .docEditable th{border-color:rgba(148,163,184,.20)!important;}
.docToolbar.miniWordToolbar{position:sticky!important;top:0!important;z-index:25!important;background:inherit!important;border-bottom:1px solid rgba(148,163,184,.14);padding:0 0 12px;margin-bottom:22px;overflow-x:auto;}
.docToolbar button{white-space:nowrap;}
@media(max-width:760px){.docCanvas{padding:24px 18px!important;border-radius:14px!important}.docEditable,#docEditable{min-height:560px!important;font-size:15px!important}.docToolbar.miniWordToolbar{top:0!important}}
/* v320 Stable Docs textarea editor */
.stableDocEditorShell{background:#f6f7f9!important;color:#0f172a!important;min-height:100%;}
html[data-theme="dark"] .stableDocEditorShell{background:#080d18!important;color:#f8fafc!important;}
.stableDocCanvas{background:#fff!important;border:1px solid #e6e8ee!important;border-radius:18px!important;max-width:1080px!important;margin:0 auto 42px!important;padding:44px clamp(28px,8vw,118px)!important;box-shadow:none!important;}
html[data-theme="dark"] .stableDocCanvas{background:#0f1726!important;border-color:rgba(148,163,184,.16)!important;color:#f8fafc!important;}
.stableDocTextarea,
textarea#docEditable.docEditable{display:block!important;width:100%!important;min-height:680px!important;resize:vertical!important;padding:12px 0 120px!important;border:0!important;outline:none!important;background:transparent!important;color:inherit!important;font:inherit!important;font-size:16px!important;line-height:1.72!important;letter-spacing:0!important;caret-color:#C9F31D!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;cursor:text!important;white-space:pre-wrap!important;overflow-wrap:break-word!important;box-shadow:none!important;}
.stableDocTextarea:focus,textarea#docEditable.docEditable:focus{outline:2px solid rgba(201,243,29,.22)!important;outline-offset:12px!important;border-radius:14px!important;}
.stableDocTextarea::placeholder{color:#94a3b8!important;opacity:1!important;}
.docToolbar.miniWordToolbar{position:sticky!important;top:0!important;z-index:25!important;background:inherit!important;border-bottom:1px solid rgba(148,163,184,.14)!important;padding:0 0 12px!important;margin-bottom:22px!important;overflow-x:auto!important;}
.docToolbar.miniWordToolbar button{white-space:nowrap!important;}
@media(max-width:760px){.stableDocCanvas{padding:24px 18px!important;border-radius:14px!important}.stableDocTextarea,textarea#docEditable.docEditable{min-height:560px!important;font-size:15px!important}.docToolbar.miniWordToolbar{top:0!important}}
/* v321 Docs Word-like iframe editor fix */
.docEditorShellV321{width:100%;}
.docCanvasV321{background:#fff!important;border:1px solid #e6e8ee!important;border-radius:18px!important;max-width:1180px!important;margin:0 auto 42px!important;padding:44px clamp(28px,9vw,140px)!important;box-shadow:none!important;color:#111827!important;}
html[data-theme="dark"] .docCanvasV321{background:#fff!important;color:#111827!important;border-color:#e6e8ee!important;}
.docEditableFrame{display:block!important;width:100%!important;min-height:760px!important;border:0!important;background:#fff!important;color:#111827!important;outline:none!important;margin-top:18px!important;box-shadow:none!important;}
.docEditableFrame:focus{outline:2px solid rgba(201,243,29,.22)!important;outline-offset:12px!important;border-radius:14px!important;}
.docCanvasV321 .docToolbar.miniWordToolbar{background:rgba(255,255,255,.96)!important;border:1px solid #e5e7eb!important;color:#111827!important;}
.docCanvasV321 .docToolbar button{color:#111827!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;}
.docCanvasV321 .docToolbar button:hover{background:#eef2f7!important;}
.docCanvasV321 .docTitleInput{color:#0f172a!important;background:transparent!important;border:0!important;}
.docCanvasV321 .docMeta,.docCanvasV321 .docAccessInfo{color:#64748b!important;}
@media(max-width:760px){.docCanvasV321{padding:24px 18px!important;border-radius:14px!important}.docEditableFrame{min-height:560px!important}.docToolbar.miniWordToolbar{top:0!important;overflow-x:auto!important}}
/* v322 Docs final native Word-like editor - no iframe/textarea */
.docEditorShellV322{width:100%;}
.docCanvasV322{background:#fff!important;border:1px solid #e6e8ee!important;border-radius:18px!important;max-width:1180px!important;margin:0 auto 42px!important;padding:44px clamp(28px,9vw,140px)!important;box-shadow:none!important;color:#111827!important;}
html[data-theme="dark"] .docCanvasV322{background:#fff!important;color:#111827!important;border-color:#e6e8ee!important;}
.docCanvasV322 .docToolbar.miniWordToolbar{position:sticky!important;top:0!important;z-index:4!important;background:rgba(255,255,255,.96)!important;border:1px solid #e5e7eb!important;color:#111827!important;backdrop-filter:blur(12px)!important;}
.docCanvasV322 .docToolbar button{color:#111827!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;box-shadow:none!important;}
.docCanvasV322 .docToolbar button:hover{background:#eef2f7!important;}
.docCanvasV322 .docTitleInput{color:#0f172a!important;background:transparent!important;border:0!important;width:100%!important;font-size:38px!important;font-weight:850!important;line-height:1.15!important;margin:26px 0 8px!important;padding:0!important;}
.docCanvasV322 .docTitleInput:focus{outline:none!important;}
.docCanvasV322 .docMeta,.docCanvasV322 .docAccessInfo{color:#64748b!important;}
.docPageWrapV322{margin-top:20px!important;background:#fff!important;}
.docEditableV322{display:block!important;width:100%!important;min-height:760px!important;background:#fff!important;color:#111827!important;border:0!important;outline:none!important;font-size:16px!important;line-height:1.72!important;padding:8px 0 120px!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;caret-color:#84cc16!important;user-select:text!important;-webkit-user-select:text!important;}
.docEditableV322:focus{outline:2px solid rgba(201,243,29,.22)!important;outline-offset:14px!important;border-radius:14px!important;}
.docEditableV322:empty:before{content:'Začni pisati tukaj ...';color:#94a3b8;}
.docEditableV322 h1{font-size:34px;line-height:1.18;margin:24px 0 12px;font-weight:850;color:#0f172a}
.docEditableV322 h2{font-size:26px;line-height:1.22;margin:22px 0 10px;font-weight:800;color:#111827}
.docEditableV322 h3{font-size:20px;line-height:1.25;margin:20px 0 8px;font-weight:800;color:#1f2937}
.docEditableV322 p{margin:10px 0;min-height:1.2em}.docEditableV322 ul,.docEditableV322 ol{margin:10px 0 10px 24px;padding:0}.docEditableV322 li{margin:4px 0}.docEditableV322 a{color:#2563eb}
.docEditableV322 blockquote{border-left:4px solid #C9F31D;margin:16px 0;padding:8px 14px;background:#f8fafc;color:#334155;border-radius:0 12px 12px 0}
.docEditableV322 table{width:100%;border-collapse:collapse;margin:16px 0}.docEditableV322 td,.docEditableV322 th{border:1px solid #e5e7eb;padding:8px;min-width:80px}.docEditableV322 th{background:#f8fafc;font-weight:800}.docEditableV322 hr{border:0;border-top:1px solid #e5e7eb;margin:24px 0}.docEditableV322 img{max-width:100%;height:auto;border-radius:12px}
.docEditableV322 ::selection{background:rgba(201,243,29,.45)}
@media(max-width:760px){.docCanvasV322{padding:24px 18px!important;border-radius:14px!important}.docEditableV322{min-height:560px!important;font-size:15px!important}.docToolbar.miniWordToolbar{top:0!important;overflow-x:auto!important}.docCanvasV322 .docTitleInput{font-size:28px!important}}
/* v323 sales my stats cleanup + interactive trend */
.salesStatsHeroGrid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:14px;align-items:stretch}
.salesStatsHeroCard{min-height:285px}
.salesTrendPanel{min-height:285px;overflow:hidden}
.salesChartHint{font-size:11px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:999px;padding:5px 9px}
.lineChartWrap.premium{padding:10px 8px 8px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent);border:1px solid color-mix(in srgb,var(--border) 75%,transparent)}
.lineHoverDot{fill:var(--card);stroke:var(--accent);stroke-width:2;opacity:.0;transition:opacity .15s ease,r .15s ease}
.lineHitDot{fill:transparent;stroke:transparent;cursor:crosshair;pointer-events:all}
.lineHoverGroup:hover .lineHoverDot,.lineHoverGroup:focus .lineHoverDot{opacity:1;r:5px}
.lineHoverGroup:hover~.lineDot{opacity:.55}
.lineChartValue{display:flex!important;align-items:flex-end;gap:8px;right:14px!important;top:10px!important;background:color-mix(in srgb,var(--card) 84%,transparent);border:1px solid var(--border);border-radius:12px;padding:7px 10px;backdrop-filter:blur(8px)}
.lineChartValue span{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:900}
.lineChartValue strong{font-size:18px;color:var(--text);line-height:1}
.lineChartMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:11px;color:var(--muted);font-weight:700}
.lineChartMeta span{border:1px solid var(--border);background:var(--hover);border-radius:999px;padding:5px 8px}
.lineChartMeta b{color:var(--text)}
.salesFocusPanel{display:flex;flex-direction:column;justify-content:space-between}
.salesFocusGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.salesFocusGrid>div{border:1px solid var(--border);background:var(--hover);border-radius:14px;padding:12px}
.salesFocusGrid span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}
.salesFocusGrid strong{display:block;margin-top:6px;font-size:26px;line-height:1;color:var(--text)}
.salesStatsKpi{transition:transform .16s ease,border-color .16s ease,background .16s ease}
.salesStatsKpi:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:color-mix(in srgb,var(--card) 88%,var(--accent) 4%)}
@media (max-width: 980px){.salesStatsHeroGrid{grid-template-columns:1fr}.salesStatsHeroCard,.salesTrendPanel{min-height:0}}
/* v324 sidebar profile label + no horizontal scroll in secondary sidebar */
.mainRailBtn.railNastavitve em,
.mainRailBtn.railAvatarBtn em{font-size:9.5px!important;letter-spacing:-.01em!important;}
.app > .sidebar,
.sidebar{
overflow-x:hidden!important;
}
.app > .sidebar *{
max-width:100%;
box-sizing:border-box;
}
.workspaceNav,
.sideSubmenu,
.sideGroup,
.sideItem,
.sideSubItem,
.homeQuickRow,
.workspaceSideHeader,
.homeSideHeader{
overflow-x:hidden!important;
}
.sideSubmenu{
padding-right:8px!important;
}
.sideSubItem,
.workspaceNavItem{
min-width:0!important;
white-space:normal!important;
}
.sideSubItem b,
.workspaceNavItem b,
.sideLabel{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
@media (min-width:761px){
.app > .sidebar{overflow-y:auto!important;overflow-x:hidden!important;}
}
/* v325 secondary sidebar scrollbar + clipping fix */
.app > .sidebar,
.sidebar{
overflow-x:hidden!important;
scrollbar-width:none!important;
-ms-overflow-style:none!important;
}
.app > .sidebar::-webkit-scrollbar,
.sidebar::-webkit-scrollbar{
width:0!important;
height:0!important;
display:none!important;
}
.app > .sidebar{
min-width:0!important;
max-width:264px!important;
}
.app > .sidebar .sideGroup,
.app > .sidebar .sideItem,
.app > .sidebar .sideGroupToggle,
.app > .sidebar .sideSubItem{
max-width:calc(100% - 20px)!important;
width:auto!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.app > .sidebar .sideItem,
.app > .sidebar .sideGroupToggle{
margin-left:10px!important;
margin-right:10px!important;
}
.app > .sidebar .sideSubmenu{
width:calc(100% - 22px)!important;
max-width:calc(100% - 22px)!important;
margin-left:22px!important;
padding-left:0!important;
padding-right:0!important;
overflow:hidden!important;
}
.app > .sidebar .sideSubItem{
margin-left:0!important;
margin-right:0!important;
width:100%!important;
max-width:100%!important;
}
.app > .sidebar .sideItemMain,
.app > .sidebar .sideLabel,
.app > .sidebar .sideSubItem span:first-child{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.app > .sidebar .sideItemEnd{
flex:0 0 auto!important;
}
.app > .sidebar .sideIconWrap{
flex:0 0 28px!important;
}
@media(max-width:760px){
.app > .sidebar{max-width:min(84vw,320px)!important;}
}
/* v327 secondary sidebar full-width items + invisible scrollbars */
.app > .sidebar,
.sidebar{
overflow-x:hidden!important;
scrollbar-width:none!important;
-ms-overflow-style:none!important;
}
.app > .sidebar::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
.app > .sidebar *::-webkit-scrollbar,
.sidebar *::-webkit-scrollbar{
width:0!important;
height:0!important;
display:none!important;
background:transparent!important;
}
.app > .sidebar *,
.sidebar *{
scrollbar-width:none!important;
-ms-overflow-style:none!important;
}
.homeSidebarBody{
overflow:visible!important;
overflow-x:hidden!important;
height:auto!important;
min-height:0!important;
max-width:100%!important;
scrollbar-width:none!important;
-ms-overflow-style:none!important;
}
.homeSidebarBody::-webkit-scrollbar{
width:0!important;
height:0!important;
display:none!important;
}
.app > .sidebar .sideGroup,
.app > .sidebar .sideItem,
.app > .sidebar .sideGroupToggle{
width:calc(100% - 18px)!important;
max-width:none!important;
margin-left:9px!important;
margin-right:9px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.app > .sidebar .sideGroup{
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
}
.app > .sidebar .sideSubmenu{
width:calc(100% - 38px)!important;
max-width:none!important;
margin-left:31px!important;
margin-right:7px!important;
padding-left:8px!important;
padding-right:0!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.app > .sidebar .sideSubItem{
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
padding-left:14px!important;
padding-right:12px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.app > .sidebar .sideItem,
.app > .sidebar .sideGroupToggle,
.app > .sidebar .sideSubItem{
display:flex!important;
align-items:center!important;
min-width:0!important;
}
.app > .sidebar .sideLabel,
.app > .sidebar .sideSubItem span,
.app > .sidebar .workspaceNavItem span{
flex:1 1 auto!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
display:block!important;
}
.app > .sidebar .sideIconWrap{
flex:0 0 21px!important;
}
.app > .sidebar .sideItemEnd,
.app > .sidebar .sideChevron,
.app > .sidebar .sideMiniCount,
.app > .sidebar .sideNotifBadge{
flex:0 0 auto!important;
}
/* v327 worker main rail + secondary sidebar + scripts polish */
/* Hide native scrollbars in the secondary sidebar completely while keeping wheel/trackpad scroll working. */
.app > .sidebar,
.sidebar,
.homeSidebarBody,
.workspaceNav,
.railAppNav{
overflow-x:hidden!important;
scrollbar-width:none!important;
-ms-overflow-style:none!important;
}
.app > .sidebar::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
.homeSidebarBody::-webkit-scrollbar,
.workspaceNav::-webkit-scrollbar,
.railAppNav::-webkit-scrollbar,
.app > .sidebar *::-webkit-scrollbar,
.sidebar *::-webkit-scrollbar{
width:0!important;
height:0!important;
display:none!important;
}
/* Secondary sidebar items should use the full inner width, not be squeezed. */
.app > .sidebar .sideItem,
.app > .sidebar .sideGroupToggle{
width:calc(100% - 18px)!important;
max-width:calc(100% - 18px)!important;
margin-left:9px!important;
margin-right:9px!important;
padding-left:11px!important;
padding-right:11px!important;
gap:10px!important;
}
.app > .sidebar .sideSubmenu{
width:calc(100% - 36px)!important;
max-width:calc(100% - 36px)!important;
margin-left:28px!important;
margin-right:8px!important;
padding-left:10px!important;
box-sizing:border-box!important;
}
.app > .sidebar .sideSubItem{
width:100%!important;
max-width:100%!important;
padding-left:12px!important;
padding-right:12px!important;
justify-content:flex-start!important;
gap:8px!important;
}
.app > .sidebar .sideItemMain,
.app > .sidebar .sideLabel,
.app > .sidebar .sideSubItem span:first-child{
flex:1 1 auto!important;
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.app > .sidebar .sideItemEnd,
.app > .sidebar .sideChevron,
.app > .sidebar .sideMiniCount,
.app > .sidebar .sideNotifBadge{
margin-left:auto!important;
flex:0 0 auto!important;
}
/* Rail pages such as Moja statistika / Skripte: icon and text aligned like a clean app nav. */
.railAppNav.single .workspaceNavItem,
.app > .sidebar .workspaceNavItem{
width:calc(100% - 20px)!important;
max-width:calc(100% - 20px)!important;
margin-left:10px!important;
margin-right:10px!important;
padding:10px 12px!important;
justify-content:flex-start!important;
gap:12px!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.railAppNav.single .workspaceNavItem .railAppIcon,
.app > .sidebar .workspaceNavItem .railAppIcon,
.app > .sidebar .workspaceNavItem > span:first-child{
flex:0 0 28px!important;
width:28px!important;
height:28px!important;
display:grid!important;
place-items:center!important;
padding:0!important;
margin:0!important;
border-radius:9px!important;
background:rgba(17,24,39,.04)!important;
color:#6B7280!important;
}
.railAppNav.single .workspaceNavItem b,
.app > .sidebar .workspaceNavItem b{
flex:1 1 auto!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.railAppNav.single .workspaceNavItem.active .railAppIcon,
.app > .sidebar .workspaceNavItem.active .railAppIcon{
background:rgba(201,243,29,.24)!important;
color:#111827!important;
}
/* Scripts page: worker view should breathe and not look squeezed. */
#scriptsPage{
width:100%!important;
max-width:none!important;
}
#scriptsPage .contentActionRow{
padding:0 2px 12px!important;
}
#scriptsPage .scriptsTableWrap,
#scriptsPage .tableWrap{
width:100%!important;
max-width:100%!important;
overflow-x:auto!important;
border-radius:18px!important;
background:#fff!important;
border:1px solid var(--border)!important;
}
#scriptsPage .scriptsDocumentsTable,
#scriptsPage .table{
min-width:980px!important;
width:100%!important;
table-layout:auto!important;
}
#scriptsPage .scriptsDocumentsTable th,
#scriptsPage .scriptsDocumentsTable td,
#scriptsPage .table th,
#scriptsPage .table td{
padding:14px 16px!important;
vertical-align:middle!important;
white-space:nowrap!important;
}
#scriptsPage .scriptsDocumentsTable td:first-child,
#scriptsPage .table td:first-child{
min-width:300px!important;
}
#scriptsPage .scriptsDocumentsTable td:nth-child(3),
#scriptsPage .table td:nth-child(3){
min-width:280px!important;
}
#scriptsPage .btn.btnGhost{
white-space:nowrap!important;
}
html[data-theme="dark"] #scriptsPage .scriptsTableWrap,
html[data-theme="dark"] #scriptsPage .tableWrap{
background:rgba(15,23,42,.68)!important;
border-color:rgba(148,163,184,.18)!important;
}
/* v328 Creative Growth Board */
.cg328{display:flex;flex-direction:column;gap:16px}.cg328Hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,rgba(201,243,29,.10),rgba(255,255,255,.82) 42%,rgba(241,245,249,.9))}.cg328Hero .sectionTitle{font-size:22px}.cg328Layout{display:grid;grid-template-columns:220px minmax(0,1fr) 330px;gap:16px;align-items:start}.cg328Phases{position:sticky;top:88px;display:flex;flex-direction:column;gap:10px}.cg328Phase{width:100%;text-align:left;border:1px solid var(--border);background:var(--card);border-radius:18px;padding:14px;display:grid;grid-template-columns:34px 1fr;gap:4px 10px;align-items:center;cursor:pointer;transition:.16s ease}.cg328Phase:hover{transform:translateY(-1px);border-color:rgba(201,243,29,.55)}.cg328Phase.active{border-color:rgba(201,243,29,.85);background:linear-gradient(135deg,rgba(201,243,29,.14),var(--card))}.cg328Phase span{grid-row:1/4;width:32px;height:32px;border-radius:12px;background:rgba(15,23,42,.06);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--text)}.cg328Phase b{font-size:14px}.cg328Phase small{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.cg328Phase em{justify-self:start;font-style:normal;font-size:10px;font-weight:900;border-radius:999px;padding:4px 8px;text-transform:uppercase;letter-spacing:.06em;background:rgba(100,116,139,.12);color:#64748b}.cg328Phase em.approved{background:rgba(34,197,94,.12);color:#16a34a}.cg328Phase em.submitted{background:rgba(59,130,246,.12);color:#2563eb}.cg328Phase em.revision{background:rgba(244,63,94,.12);color:#e11d48}.cg328Phase em.draft{background:rgba(245,158,11,.12);color:#b45309}.cg328Main{display:flex;flex-direction:column;gap:14px;min-width:0}.cg328PhaseHead{border:1px solid var(--border);background:var(--card);border-radius:24px;padding:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cg328PhaseHead h2{margin:3px 0 6px;font-size:24px}.cg328PhaseHead p{margin:0;color:var(--muted);line-height:1.45}.cg328Gate{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.08);color:#92400e;padding:12px 14px;border-radius:16px;font-weight:800}.cg328TypePicker{display:flex;gap:8px;flex-wrap:wrap}.cg328Cards{display:flex;flex-direction:column;gap:12px}.cg328Card{border:1px solid var(--border);background:var(--card);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.cg328Type{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:4px}.cg328MiniText{color:var(--text);line-height:1.45;background:rgba(15,23,42,.035);border-radius:14px;padding:10px 12px}.cg328CardActions{gap:8px;justify-content:flex-end;flex-wrap:wrap}.cg328OutputPanel{position:sticky;top:88px;border:1px solid var(--border);background:var(--card);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 110px);overflow:auto}.cg328OutputHead strong{display:block;font-size:16px}.cg328OutputHead span{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.cg328OutputBlock{border:1px solid var(--border);background:rgba(248,250,252,.72);border-radius:18px;padding:12px}.cg328OutputLabel{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:6px}.cg328OutputBlock p{margin:0;color:var(--text);line-height:1.45}.cg328OutputEmpty{color:var(--muted);font-size:13px;line-height:1.45}.cg328OutputGrid{display:grid;gap:8px}.cg328OutputGrid b{font-size:12px}.cg328OutputGrid p{font-size:13px}.cg328AvatarGrid{display:grid;gap:8px}.cg328Avatar{border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:10px;background:#fff}.cg328Avatar strong,.cg328Avatar span,.cg328Avatar small{display:block}.cg328Avatar span{font-size:13px;margin-top:4px}.cg328Avatar small{color:var(--muted);margin-top:4px}.cg328Fields{border:1px solid var(--border);background:rgba(248,250,252,.7);border-radius:18px;padding:14px}.cg328Modal .textarea{min-height:74px}.btn.danger{color:#dc2626!important}
html[data-theme="dark"] .cg328Hero{background:linear-gradient(135deg,rgba(201,243,29,.12),rgba(15,23,42,.88) 45%,rgba(2,6,23,.88));border-color:rgba(148,163,184,.16)}html[data-theme="dark"] .cg328Phase,html[data-theme="dark"] .cg328PhaseHead,html[data-theme="dark"] .cg328Card,html[data-theme="dark"] .cg328OutputPanel{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.16)}html[data-theme="dark"] .cg328MiniText,html[data-theme="dark"] .cg328OutputBlock,html[data-theme="dark"] .cg328Fields{background:rgba(2,6,23,.45);border-color:rgba(148,163,184,.14)}html[data-theme="dark"] .cg328Avatar{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.16)}html[data-theme="dark"] .cg328Gate{color:#fde68a;background:rgba(245,158,11,.12)}
@media(max-width:1100px){.cg328Layout{grid-template-columns:1fr}.cg328Phases,.cg328OutputPanel{position:static}.cg328Phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cg328Hero,.cg328PhaseHead{flex-direction:column}.cg328OutputPanel{max-height:none}}@media(max-width:720px){.cg328Phases{grid-template-columns:1fr}.cg328CardActions{justify-content:flex-start}.cg328Hero{padding:14px}.cg328PhaseHead{padding:14px}.cg328Fields{padding:10px}}
/* v329 Creative Growth Builder UI */
.cg329{display:flex;flex-direction:column;gap:16px}.cg329Hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border:1px solid var(--border);border-radius:26px;padding:20px;background:radial-gradient(circle at 8% 0%,rgba(201,243,29,.22),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,250,252,.78))}.cg329Hero .sectionTitle{font-size:24px}.cg329Layout{display:grid;grid-template-columns:230px minmax(0,1fr) 340px;gap:16px;align-items:start}.cg329Rail{position:sticky;top:88px;display:flex;flex-direction:column;gap:10px}.cg329Phase{width:100%;border:1px solid var(--border);border-radius:20px;background:var(--card);padding:13px;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:3px 10px;align-items:center;cursor:pointer;transition:.15s ease}.cg329Phase:hover{border-color:rgba(201,243,29,.55);transform:translateY(-1px)}.cg329Phase.active{border-color:rgba(201,243,29,.85);background:linear-gradient(135deg,rgba(201,243,29,.16),var(--card))}.cg329Phase span{grid-row:1/4;width:32px;height:32px;border-radius:12px;background:rgba(201,243,29,.16);display:flex;align-items:center;justify-content:center;font-weight:900}.cg329Phase b{font-size:14px}.cg329Phase small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.cg329Phase em{font-style:normal;font-size:10px;font-weight:900;border-radius:999px;padding:4px 8px;width:max-content;background:rgba(100,116,139,.12);color:#64748b;text-transform:uppercase}.cg329Phase em.approved{background:rgba(34,197,94,.12);color:#16a34a}.cg329Phase em.submitted{background:rgba(59,130,246,.12);color:#2563eb}.cg329Phase em.revision{background:rgba(244,63,94,.12);color:#e11d48}.cg329Main{display:flex;flex-direction:column;gap:14px;min-width:0}.cg329PhaseGuide{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;border:1px solid var(--border);border-radius:26px;background:var(--card);padding:18px}.cg329PhaseGuide h2{margin:4px 0 8px;font-size:25px}.cg329PhaseGuide p{margin:0;color:var(--muted);line-height:1.5}.cg329DoneBox{border:1px solid var(--border);background:rgba(248,250,252,.78);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:8px}.cg329DoneBox label{font-size:13px;font-weight:800;color:var(--text);display:flex;gap:8px;align-items:center}.cg329ActionBar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.cg329TypeTabs{display:flex;gap:8px;flex-wrap:wrap}.cg329Cards{display:grid;gap:12px}.cg329WorkCard{border:1px solid var(--border);background:var(--card);border-radius:22px;padding:15px;display:flex;flex-direction:column;gap:12px}.cg329BuiltCard{border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:12px;background:linear-gradient(135deg,rgba(248,250,252,.9),rgba(255,255,255,.86));display:grid;gap:5px}.cg329BuiltCard b{font-size:15px}.cg329BuiltCard span{font-size:13px;color:var(--text);line-height:1.4}.cg329BuiltCard small{color:var(--muted);line-height:1.35}.cg329BuiltCard.avatar{background:linear-gradient(135deg,rgba(201,243,29,.12),rgba(255,255,255,.9))}.cg329BuiltCard.angle{background:linear-gradient(135deg,rgba(99,102,241,.10),rgba(255,255,255,.9))}.cg329BuiltCard.video{background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(255,255,255,.9))}.cg329Empty{border:1px dashed rgba(148,163,184,.45);background:rgba(248,250,252,.72);border-radius:22px;padding:22px}.cg329Empty p{margin:6px 0 0;color:var(--muted)}.cg329Output{position:sticky;top:88px;border:1px solid var(--border);background:var(--card);border-radius:26px;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 110px);overflow:auto}.cg329OutputTop strong{display:block;font-size:17px}.cg329OutputTop span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.cg329OutputSection{border:1px solid var(--border);background:rgba(248,250,252,.75);border-radius:18px;padding:12px}.cg329OutputSection label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.cg329OutputSection p{margin:6px 0 0;color:var(--text);line-height:1.45;font-size:13px}.cg329MiniList{display:grid;gap:8px;margin-top:8px}.cg329MiniList .cg329BuiltCard{padding:9px;border-radius:14px}.cg329Fields{border:1px solid var(--border);background:rgba(248,250,252,.72);border-radius:20px;padding:14px}.cg329BuilderGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cg329ChipGrid{display:flex;gap:8px;flex-wrap:wrap}.cg329Check input{display:none}.cg329Check span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;color:var(--text);background:var(--card);cursor:pointer;transition:.15s ease}.cg329Check input:checked+span{border-color:rgba(201,243,29,.9);background:rgba(201,243,29,.16);box-shadow:inset 0 0 0 1px rgba(201,243,29,.2)}.cg329SmallArea{min-height:58px!important}.cg329ModalShell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px}.cg329ModalPreview{border:1px solid var(--border);background:rgba(248,250,252,.8);border-radius:20px;padding:14px;align-self:start;position:sticky;top:12px}.cg329ModalPreview p{color:var(--muted);font-size:13px;line-height:1.45}.cg329PreviewChip{display:inline-flex;border-radius:999px;padding:8px 12px;background:rgba(201,243,29,.18);font-weight:900;margin:8px 0}.cg329PreviewList{display:grid;gap:8px;color:var(--text);font-size:13px;font-weight:800}.cg329Modal .textarea{resize:vertical}.btn.danger{color:#dc2626!important}
html[data-theme="dark"] .cg329Hero{background:radial-gradient(circle at 8% 0%,rgba(201,243,29,.16),transparent 26%),linear-gradient(135deg,rgba(15,23,42,.86),rgba(2,6,23,.78));border-color:rgba(148,163,184,.16)}html[data-theme="dark"] .cg329Phase,html[data-theme="dark"] .cg329PhaseGuide,html[data-theme="dark"] .cg329WorkCard,html[data-theme="dark"] .cg329Output{background:rgba(15,23,42,.76);border-color:rgba(148,163,184,.16)}html[data-theme="dark"] .cg329DoneBox,html[data-theme="dark"] .cg329OutputSection,html[data-theme="dark"] .cg329Fields,html[data-theme="dark"] .cg329ModalPreview,html[data-theme="dark"] .cg329Empty{background:rgba(2,6,23,.42);border-color:rgba(148,163,184,.14)}html[data-theme="dark"] .cg329BuiltCard{background:rgba(2,6,23,.38);border-color:rgba(148,163,184,.14)}html[data-theme="dark"] .cg329Check span{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.18)}html[data-theme="dark"] .cg329Check input:checked+span{background:rgba(201,243,29,.12);color:#f8fafc}
@media(max-width:1180px){.cg329Layout{grid-template-columns:1fr}.cg329Rail,.cg329Output{position:static}.cg329Rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cg329PhaseGuide{grid-template-columns:1fr}.cg329Output{max-height:none}}@media(max-width:720px){.cg329Hero,.cg329ActionBar,.cg329ModalShell{grid-template-columns:1fr;display:flex;flex-direction:column}.cg329Rail{grid-template-columns:1fr}.cg329BuilderGrid{grid-template-columns:1fr}.cg329Fields{padding:10px}.cg329PhaseGuide{padding:14px}.cg329Output{border-radius:20px}}
/* v330 consultation planner polish */
.consultationCalendar .plannerCalendarDay{min-height:118px}
.consultCalendarBtn{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:8px;text-align:left;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.consultCalendarBtn small{opacity:.72;font-weight:700;flex:0 0 auto}
.statusPill.ok{background:rgba(201,243,29,.16);border-color:rgba(201,243,29,.36);color:#6f8f00}
[data-theme="dark"] .statusPill.ok{color:#c9f31d}
/* v335: inline completion inside sales contact modal (no extra popup) */
.salesDueActionCardInline{display:block!important;align-items:stretch!important}
.salesDueActionHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.salesDueInlineGrid{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:12px;align-items:start;margin-top:10px}
.salesDueInlineGrid .textarea{min-height:74px}
@media(max-width:760px){.salesDueInlineGrid{grid-template-columns:1fr}}
.salesLandingLinks{display:flex;flex-wrap:wrap;gap:8px}
.salesLandingLinks a{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;text-decoration:none;color:var(--text);background:#fff}
.salesLandingLinks a:hover{border-color:var(--accent);box-shadow:0 8px 18px rgba(15,23,42,.08)}
/* v339 Work Board / Projects OS preview */
.workboardShell{display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 140px)}
.workboardHero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,rgba(204,255,0,.12),rgba(255,255,255,.9));border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:22px;box-shadow:0 18px 60px rgba(15,23,42,.06)}
.wbHeroStats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wbHeroStats span,.wbPill{border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;color:#475569}.wbTabs{display:flex;gap:8px;flex-wrap:wrap}.wbTabs button{border:1px solid rgba(15,23,42,.10);background:#fff;border-radius:12px;padding:10px 13px;font-weight:800;cursor:pointer}.wbTabs button.active{background:#0f172a;color:white;border-color:#0f172a}.wbLayout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.wbBoard{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:10px}.wbColumn{background:rgba(248,250,252,.92);border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:12px;min-height:520px}.wbColumn.dragOver{outline:2px solid #ccff00;background:rgba(204,255,0,.10)}.wbColumnHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wbColumnHead b{font-size:13px}.wbColumnHead span{background:#e2e8f0;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.wbDropzone{display:flex;flex-direction:column;gap:10px}.wbCard{background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:17px;padding:13px;box-shadow:0 10px 28px rgba(15,23,42,.06);cursor:grab}.wbCard.dragging{opacity:.55;transform:rotate(1deg)}.wbCardTop{display:flex;justify-content:space-between;gap:8px}.wbCardTop strong{font-size:14px}.wbCardTop span{font-size:11px;font-weight:900;color:#64748b;background:#f1f5f9;border-radius:999px;padding:4px 7px}.wbCardMeta,.wbCardNote{color:#64748b;font-size:12px;margin-top:7px;line-height:1.35}.wbPills{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.wbPill{font-size:10px;padding:5px 7px}.wbValue{margin-top:10px;font-weight:900;color:#0f172a}.wbEmpty{border:1px dashed rgba(100,116,139,.3);border-radius:14px;color:#94a3b8;padding:18px;text-align:center;font-size:13px}.wbInspector{display:flex;flex-direction:column;gap:10px;position:sticky;top:96px}.wbInspectorCard{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:15px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.wbInspectorCard b{display:block;margin-bottom:7px}.wbInspectorCard p{margin:0;color:#64748b;font-size:13px;line-height:1.45}@media(max-width:1200px){.wbLayout{grid-template-columns:1fr}.wbInspector{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.workboardHero{flex-direction:column}.wbInspector{display:flex}.wbBoard{grid-template-columns:repeat(5,260px)}}
/* v340 Linear-style Projects OS preview */
.linShell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;min-height:calc(100vh - 88px);background:#090b0f;color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden}
.linProjectList{background:#080a0d;border-right:1px solid rgba(255,255,255,.08);padding:14px;display:flex;flex-direction:column;gap:8px}.linListTop{display:flex;justify-content:space-between;color:#9ca3af;font-size:13px;margin:4px 4px 10px}.linProjectRow{width:100%;display:grid;grid-template-columns:24px 1fr 24px;gap:10px;align-items:center;background:transparent;color:#d1d5db;border:1px solid transparent;border-radius:12px;padding:10px;text-align:left;cursor:pointer}.linProjectRow:hover,.linProjectRow.active{background:#151820;border-color:rgba(255,255,255,.08)}.linProjectRow b{font-size:13px}.linProjectRow small{display:block;color:#7b8190;font-size:12px;margin-top:3px}.linProjectRow em{font-style:normal;background:#1f2430;border-radius:999px;padding:2px 7px;font-size:11px;color:#cbd5e1}.linCube,.linBigCube{display:grid;place-items:center;color:#c9ff00}.linMain{min-width:0;padding:16px 18px;overflow:auto}.linTopTabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;margin-bottom:18px}.linTopTabs button,.linGhostBtn{background:#11141b;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.linTopTabs button.active,.linViewSwitch button.active{background:#f1f5f9;color:#0f172a}.linViewSwitch{margin-left:auto;display:flex;gap:6px;background:#0d1016;border:1px solid rgba(255,255,255,.08);padding:4px;border-radius:999px}.linOverview{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.linOverviewMain{max-width:980px;margin:0 auto;width:100%;padding:40px 20px}.linCrumbs{color:#7b8190;font-size:13px;margin-bottom:54px}.linProjectTitle{display:flex;gap:18px;align-items:flex-start}.linBigCube{width:46px;height:46px;background:#171b23;border:1px solid rgba(255,255,255,.08);border-radius:14px;font-size:24px}.linProjectTitle h1{font-size:32px;margin:0 0 8px}.linProjectTitle p,.linMuted{color:#7b8190;margin:0;line-height:1.5}.linPropsInline{display:flex;gap:16px;flex-wrap:wrap;color:#cbd5e1;font-weight:800;font-size:13px;margin:24px 0}.linResourceBox{display:flex;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;margin:28px 0;background:#0d1016}.linSection{margin:36px 0}.linSection h3{font-size:15px;color:#aeb5c2;margin-bottom:12px}.linMilestones{display:flex;gap:10px;flex-wrap:wrap}.linMilestone{background:#11141b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;color:#cbd5e1}.linMilestone.done span{color:#c9ff00}.linActivity{display:flex;flex-direction:column;gap:10px}.linActivity div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;background:#11141b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}.linActivity small{color:#7b8190}.linInspector{border-left:1px solid rgba(255,255,255,.08);padding:16px;display:flex;flex-direction:column;gap:12px}.linPanel{background:#11141b;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}.linPanelHead{display:flex;justify-content:space-between;color:#d1d5db;font-weight:900;margin-bottom:12px}.linPanel dl{display:grid;grid-template-columns:100px 1fr;gap:12px;margin:0}.linPanel dt{color:#7b8190}.linPanel dd{margin:0;color:#e5e7eb;font-weight:800}.linProgress strong{font-size:24px}.linProgress div{height:6px;background:#222633;border-radius:999px;margin:10px 0;overflow:hidden}.linProgress span{display:block;height:100%;background:#c9ff00}.linBoardHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:10px 0 16px}.linBoardHeader h2{margin:0;font-size:24px}.linBoardHeader p{margin:6px 0 0;color:#7b8190}.linPrimary{background:#c9ff00;color:#111827;border:0;border-radius:12px;padding:10px 13px;font-weight:900;cursor:pointer}.linColumn{background:#0d1016;border-color:rgba(255,255,255,.08);min-height:560px}.linColumn .wbColumnHead b{color:#d1d5db}.linCard{background:#151820;border-color:rgba(255,255,255,.08);color:#e5e7eb;box-shadow:none}.linCard .wbCardMeta,.linCardFoot{color:#8b93a3}.linCardFoot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:12px}.linCardFoot b{color:#c9ff00}.prio.high{color:#fca5a5!important}.prio.medium{color:#fde68a!important}.prio.low{color:#86efac!important}.linAssignBtn{margin-top:10px;width:100%;background:#202634;color:#dbeafe;border:1px solid rgba(147,197,253,.2);border-radius:10px;padding:8px;font-weight:900;cursor:pointer}.linListView{background:#0d1016;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:auto}.linListView table{width:100%;border-collapse:collapse}.linListView th,.linListView td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;color:#cbd5e1}.linListView th{color:#7b8190;font-size:12px}.linShell .wbBoard{grid-template-columns:repeat(5,minmax(250px,1fr))}.linShell .wbPill{background:#202634;color:#cbd5e1;border-color:rgba(255,255,255,.08)}@media(max-width:1200px){.linShell{grid-template-columns:1fr}.linProjectList{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.linListTop{grid-column:1/-1}.linOverview{grid-template-columns:1fr}.linInspector{border-left:0}.linShell .wbBoard{grid-template-columns:repeat(5,260px)}}
/* v341 Linear-clean Projects inside Home */
.linShell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 112px);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:#0a0b0e;color:#d7dae0;font-weight:400;letter-spacing:-.01em}
.linProjectList{background:#08090b;border-right:1px solid rgba(255,255,255,.07);padding:10px;gap:4px}
.linListTop{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 10px;color:#737987;font-size:12px;font-weight:500;margin:0}.linListTop em{font-style:normal;color:#737987}
.linProjectRow{grid-template-columns:20px 1fr 20px;border-radius:8px;padding:8px;border-color:transparent;color:#c9ced8;transition:background .12s ease,border-color .12s ease}.linProjectRow:hover,.linProjectRow.active{background:#14161b;border-color:rgba(255,255,255,.06)}.linProjectRow b{font-size:13px;font-weight:500}.linProjectRow small{font-size:11px;color:#6f7583}.linProjectRow em{background:transparent;color:#7e8594;font-size:12px;padding:0}.linCube,.linBigCube{color:#c9f31d}
.linMain{background:#0a0b0e;padding:0;overflow:auto}.linTopTabs{height:48px;padding:0 14px;margin:0;border-bottom:1px solid rgba(255,255,255,.07);gap:4px}.linTopTabs button,.linGhostBtn{background:transparent;border:0;color:#8c93a1;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:500}.linTopTabs button:hover{background:#151820;color:#d7dae0}.linTopTabs button.active{background:#171a20;color:#fff}.linViewSwitch{margin-left:auto;background:#111318;border-color:rgba(255,255,255,.07);border-radius:10px;padding:3px}.linViewSwitch button.active{background:#262a33;color:#fff}
.linOverview{grid-template-columns:minmax(0,1fr) 338px;gap:0}.linOverviewMain{max-width:900px;padding:62px 34px 44px}.linCrumbs{font-size:12px;color:#707783;margin-bottom:46px}.linProjectTitle{gap:14px}.linBigCube{width:40px;height:40px;border-radius:12px;background:#171a20;border-color:rgba(255,255,255,.07);font-size:21px}.linProjectTitle h1{font-size:28px;line-height:1.1;font-weight:600;margin:0 0 7px;color:#f4f5f7}.linProjectTitle p,.linMuted{font-size:13px;color:#777e8c}.linPropsInline{gap:14px;font-size:12px;font-weight:500;color:#b6bbc5;margin:22px 0}.linResourceBox{background:#0c0e12;border-color:rgba(255,255,255,.07);border-radius:10px;padding:10px;margin:26px 0}.linSection{margin:32px 0}.linSection h3{font-size:13px;font-weight:500;color:#a1a7b3;margin-bottom:10px}.linSection p{font-size:13px;color:#8b92a0}.linMilestone{background:#111318;border-color:rgba(255,255,255,.07);border-radius:10px;padding:8px 10px;color:#c4c9d2;font-size:13px}.linActivity div{background:#111318;border-color:rgba(255,255,255,.07);border-radius:10px;padding:9px;font-size:13px}.linActivity b{font-weight:500}.linInspector{background:#0b0c10;border-left:1px solid rgba(255,255,255,.07);padding:10px;gap:10px}.linPanel{background:#111318;border-color:rgba(255,255,255,.07);border-radius:12px;padding:13px}.linPanelHead{font-size:13px;font-weight:500;color:#bfc4cd}.linPanel dl{grid-template-columns:92px 1fr;gap:10px;font-size:12px}.linPanel dt{color:#777e8c}.linPanel dd{color:#d5d9e1;font-weight:500}.linProgress strong{font-size:20px;font-weight:600}.linProgress div{height:4px;background:#262a33}.linProgress span{background:#c9f31d}
.linBoardHeader{height:44px;margin:0;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.linBoardHeader span{font-size:13px;color:#aeb4c0;font-weight:500}.linPrimary{background:#c9f31d;color:#08090b;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600}.linShell .wbBoard{grid-template-columns:repeat(5,minmax(246px,1fr));gap:0;padding:0;overflow:auto}.linColumn{border:0;border-right:1px solid rgba(255,255,255,.04);border-radius:0;background:#0a0b0e;min-height:calc(100vh - 206px);padding:12px}.wbColumnHead{margin-bottom:10px}.wbColumnHead b{font-size:13px;font-weight:500}.wbColumnHead span{background:transparent;color:#6f7583;font-weight:500;padding:0}.linCard{background:#15171d;border-color:rgba(255,255,255,.07);border-radius:9px;padding:10px;box-shadow:none}.wbCardTop strong{font-size:13px;font-weight:500;color:#f2f3f5}.wbCardTop span{font-size:10px;font-weight:500;background:#20232b}.wbCardMeta,.linCard .wbCardMeta,.linCardFoot{font-size:12px;color:#858d9a}.wbPills{margin-top:8px}.linShell .wbPill{font-size:10px;font-weight:500;background:#20232b;border-color:rgba(255,255,255,.06);padding:3px 6px;color:#adb3bf}.linAssignBtn{border-radius:8px;font-size:12px;font-weight:500;background:#20232b}.linListView{border-radius:0;border:0;background:#0a0b0e}.linListView th,.linListView td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.linListView th{font-size:11px;font-weight:500;color:#727986}.linListView td strong{font-weight:500}.wbEmpty{background:transparent;border-color:rgba(255,255,255,.07);color:#5f6674;font-size:12px;border-radius:9px}
html[data-theme="light"] .linShell{background:#fbfbfc;color:#20242c;border-color:#e6e8ee}html[data-theme="light"] .linProjectList,html[data-theme="light"] .linMain{background:#fbfbfc}html[data-theme="light"] .linProjectList{border-right-color:#e6e8ee}html[data-theme="light"] .linProjectRow:hover,html[data-theme="light"] .linProjectRow.active{background:#f0f2f6;border-color:#e2e5ec}html[data-theme="light"] .linProjectTitle h1{color:#111827}html[data-theme="light"] .linTopTabs{border-bottom-color:#e6e8ee}html[data-theme="light"] .linTopTabs button.active{background:#edf0f5;color:#111827}html[data-theme="light"] .linTopTabs button:hover{background:#f0f2f6;color:#111827}html[data-theme="light"] .linViewSwitch{background:#f2f4f8;border-color:#e5e7eb}html[data-theme="light"] .linViewSwitch button.active{background:#fff;color:#111827;box-shadow:0 1px 2px rgba(15,23,42,.08)}html[data-theme="light"] .linBigCube,html[data-theme="light"] .linResourceBox,html[data-theme="light"] .linMilestone,html[data-theme="light"] .linActivity div,html[data-theme="light"] .linPanel,html[data-theme="light"] .linCard{background:#fff;border-color:#e6e8ee}html[data-theme="light"] .linInspector{background:#f8f9fb;border-left-color:#e6e8ee}html[data-theme="light"] .linColumn{background:#fbfbfc;border-right-color:#eef0f4}html[data-theme="light"] .wbEmpty{border-color:#e2e8f0;color:#94a3b8}html[data-theme="light"] .linListView{background:#fff}html[data-theme="light"] .linListView th,html[data-theme="light"] .linListView td{border-bottom-color:#edf0f4;color:#334155}html[data-theme="light"] .linShell .wbPill,html[data-theme="light"] .wbCardTop span{background:#f1f5f9;border-color:#e2e8f0;color:#475569}
/* v342 Home sidebar Linear project navigation */
.homeSidebarBody{padding:10px 10px 18px;}
.homeSidebarBody .sideSection{padding:18px 8px 7px;font-size:11px;letter-spacing:.08em;font-weight:600;color:#7f8794;text-transform:uppercase;}
.linSideItem,.linSideProject{width:100%;display:grid;align-items:center;border:0;background:transparent;color:#a9b0bc;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease;border-radius:8px;}
.linSideItem{grid-template-columns:22px 1fr auto;gap:8px;padding:7px 8px;margin:1px 0;font-size:13px;}
.linSideItem b{font-weight:500;}
.linSideItem span{font-size:14px;color:#868e9b;}
.linSideItem em{font-style:normal;color:#777f8d;font-size:11px;}
.linSideItem:hover,.linSideItem.active,.linSideProject:hover,.linSideProject.active{background:rgba(255,255,255,.055);color:#f5f6f8;}
.linSideProjects{margin-top:2px;color:#d5d9e1;}
.linSideProject{grid-template-columns:18px minmax(0,1fr) auto;gap:8px;padding:7px 8px 7px 18px;margin:1px 0;font-size:13px;}
.linSideProject b{display:block;font-size:13px;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;}
.linSideProject small{display:block;font-size:11px;color:#777f8d;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.linSideProject em{font-style:normal;font-size:11px;color:#777f8d;}
.linSideDiamond{color:#c9f31d;font-size:11px;}
.linFilterCluster{margin-left:auto;display:flex;gap:8px;align-items:center;}
.linMiniSelect{height:30px;background:#111318;border:1px solid rgba(255,255,255,.08);color:#cbd1da;border-radius:8px;padding:0 26px 0 10px;font-size:12px;outline:none;}
.linEmptyMini{font-size:12px;color:#68707d;padding:8px;}
html[data-theme="light"] .linSideItem,html[data-theme="light"] .linSideProject{color:#374151;}
html[data-theme="light"] .linSideItem span,html[data-theme="light"] .linSideProject small,html[data-theme="light"] .linSideItem em,html[data-theme="light"] .linSideProject em{color:#6b7280;}
html[data-theme="light"] .linSideItem:hover,html[data-theme="light"] .linSideItem.active,html[data-theme="light"] .linSideProject:hover,html[data-theme="light"] .linSideProject.active{background:#e9edf3;color:#111827;}
html[data-theme="light"] .linMiniSelect{background:#fff;border-color:#d9dee8;color:#1f2937;}
/* v343 Linear project focus refinements */
body.linearProjectsActive .sidebar,
body.linearProjectsActive .homeSideHeader,
body.linearProjectsActive .homeSidebarBody{
background:#08090b!important;
color:#d7dae0!important;
border-color:rgba(255,255,255,.07)!important;
}
body.linearProjectsActive .homeSideTitle strong{color:#f2f3f5!important;font-weight:500!important;}
body.linearProjectsActive .homeSideTitle span,
body.linearProjectsActive .sideSection{color:#6f7583!important;}
body.linearProjectsActive .wsMiniBtn{background:#111318!important;color:#aeb4c0!important;border-color:rgba(255,255,255,.08)!important;}
body.linearProjectsActive .app,
body.linearProjectsActive .content,
body.linearProjectsActive .topbar{background:#0a0b0e!important;color:#d7dae0!important;border-color:rgba(255,255,255,.07)!important;}
body.linearProjectsActive .topTitle{color:#f4f5f6!important;font-weight:500!important;}
body.linearProjectsActive .topKicker{color:#6f7583!important;}
body.linearProjectsActive .topSearch{background:#111621!important;border-color:#253045!important;color:#cbd5e1!important;}
body.linearProjectsActive .sidebar .sideItem,
body.linearProjectsActive .sidebar .sideSubItem,
body.linearProjectsActive .sidebar .sideLabel{color:#a9b0bc!important;font-weight:500!important;}
body.linearProjectsActive .sidebar .sideItem:hover,
body.linearProjectsActive .sidebar .sideItem.active,
body.linearProjectsActive .sidebar .sideSubItem:hover,
body.linearProjectsActive .sidebar .sideSubItem.active{background:rgba(255,255,255,.055)!important;color:#f5f6f8!important;}
body.linearProjectsActive .mainRail{background:#05070a!important;border-color:rgba(255,255,255,.08)!important;}
.linShell.noProjects{grid-template-columns:minmax(0,1fr)}
.linShell.hasProjects{grid-template-columns:244px minmax(0,1fr)}
.linTopSpacer{flex:1 1 auto}
.linIconBtn{width:34px;height:34px;display:grid;place-items:center;border-radius:10px!important;background:#111318!important;border:1px solid rgba(255,255,255,.08)!important;color:#8c93a1!important;padding:0!important;font-size:14px!important;}
.linIconBtn:hover,.linIconBtn.active{background:#1a1e27!important;color:#fff!important;}
.linFilterWrap{position:relative;margin-left:auto;}
.linFilterMenu{position:absolute;right:0;top:42px;width:260px;background:#15171d;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);display:none;z-index:60;}
.linFilterMenu.open{display:flex;flex-direction:column;gap:12px;}
.linMenuTitle{font-size:12px;color:#8c93a1;font-weight:500;margin-bottom:2px;}
.linFilterMenu label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#8c93a1;}
.linFilterMenu .linMiniSelect{width:100%;}
.linMiniSelect{background:#111621;border:1px solid #253045;color:#d7dae0;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:500;}
.linQuickTabs{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);}
.linQuickTabs button{border:1px solid rgba(255,255,255,.07);background:#111318;color:#8c93a1;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:500;cursor:pointer;}
.linQuickTabs button:hover,.linQuickTabs button.active{background:#1b1e25;color:#fff;}
.linQuickTabs span{color:#6f7583;margin-left:5px;}
.linTopTabs .linViewSwitch{margin-left:0;}
.linTopTabs .linViewSwitch button{display:flex;align-items:center;gap:6px;}
.linOverviewMain{padding-top:54px;}
.linProjectList{min-height:calc(100vh - 112px);}
.linMain{min-height:calc(100vh - 112px);}
.linShell.noProjects .linMain{width:100%;}
html[data-theme="light"] body.linearProjectsActive .sidebar,
html[data-theme="light"] body.linearProjectsActive .homeSideHeader,
html[data-theme="light"] body.linearProjectsActive .homeSidebarBody{
background:#fbfbfc!important;color:#20242c!important;border-color:#e6e8ee!important;
}
html[data-theme="light"] body.linearProjectsActive .app,
html[data-theme="light"] body.linearProjectsActive .content,
html[data-theme="light"] body.linearProjectsActive .topbar{background:#fbfbfc!important;color:#20242c!important;border-color:#e6e8ee!important;}
html[data-theme="light"] .linFilterMenu{background:#fff;border-color:#e6e8ee;box-shadow:0 18px 50px rgba(15,23,42,.12)}
html[data-theme="light"] .linIconBtn{background:#f2f4f8!important;border-color:#e5e7eb!important;color:#64748b!important;}
html[data-theme="light"] .linIconBtn.active,html[data-theme="light"] .linIconBtn:hover{background:#fff!important;color:#111827!important;}
html[data-theme="light"] .linQuickTabs button{background:#f2f4f8;border-color:#e5e7eb;color:#64748b;}
html[data-theme="light"] .linQuickTabs button.active,html[data-theme="light"] .linQuickTabs button:hover{background:#fff;color:#111827;}