/* CEO Dashboard — centralized application theme
   Visual-only layer: no routes, data attributes or interaction states are changed. */
:root{
  color-scheme:light;
  --app-bg:#f5f5f8;
  --surface:#ffffff;
  --surface-soft:#faf9fc;
  --surface-tint:#eee7f7;
  --nav:#130b21;
  --nav-raised:#2d1748;
  --primary:#8b45ff;
  --primary-strong:#7130dd;
  --primary-soft:#eee7f7;
  --text:#19171f;
  --text-soft:#85818e;
  --border:#e8e5ed;
  --success:#21a875;
  --warning:#e49a35;
  --danger:#d95872;
  --info:#4a8fe7;
  --shadow-sm:0 2px 10px rgba(42,25,68,.055);
  --shadow-md:0 14px 38px rgba(42,25,68,.09);
  --shadow-lg:0 28px 70px rgba(25,14,40,.16);
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --ink:var(--text);
  --muted:var(--text-soft);
  --line:var(--border);
  --soft:var(--app-bg);
  --green:var(--primary);
  --blue:var(--primary);
  --sidebar:264px;
}

html,body{background:var(--app-bg);color:var(--text)}
body{background-image:radial-gradient(circle at 84% -10%,rgba(139,69,255,.07),transparent 28%);background-attachment:fixed}
button,input,select,textarea{font-family:inherit}
button{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(139,69,255,.2);outline-offset:2px}

/* Navigation */
.sidebar{
  width:var(--sidebar);padding:14px 14px 16px;border:0;border-radius:0;
  background:radial-gradient(circle at 20% 0,rgba(139,69,255,.2),transparent 25%),linear-gradient(180deg,#170d27 0%,var(--nav) 46%,#0d0716 100%);
  box-shadow:18px 0 45px rgba(19,11,33,.14);color:#fff
}
.workspace{height:76px;margin:0 0 12px;padding:7px 7px 14px;border-color:rgba(255,255,255,.1)}
.workspace .iconButton{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#e9e0ef}
.workspace .iconButton:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}
.workspace .brandLockup{min-width:0;overflow:hidden;gap:7px;padding:5px 7px 5px 5px}
.workspace .brandLockup .brandLogo{width:50px;height:42px;flex:0 0 50px;object-fit:contain;background:rgba(255,255,255,.025);box-shadow:none}
.workspace .productName{min-width:0;overflow:hidden}
.workspace .productName small{font-size:7px;letter-spacing:.17em}
.workspace .productName strong{display:block;max-width:100%;overflow:hidden;color:#fff;font-size:11.5px;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}
.sidebar nav{gap:4px;padding-top:4px}
.sideNav{height:44px;padding:0 12px;border:1px solid transparent;border-radius:12px;color:#cfc6d5;font-size:13px;font-weight:600}
.sideNav span{color:#9d91aa}
.sideNav:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px)}
.sideNav.active{background:linear-gradient(100deg,var(--primary),#a864ff);border-color:rgba(255,255,255,.17);color:#fff;box-shadow:0 9px 24px rgba(139,69,255,.3),inset 0 1px rgba(255,255,255,.23)}
.sideNav.active span{color:#fff}
.sideNav.active:before{background:#d9c5ff;box-shadow:0 0 13px rgba(193,159,255,.9)}
.sideNav b{background:#eadfff;color:#35195b;box-shadow:none}
.navLabel{margin:21px 13px 7px;color:#7f7388;letter-spacing:1.5px}
.settings{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}

/* Main shell and top navigation */
main{background:transparent;color:var(--text)}
.topbar{height:62px;margin:14px 18px 0;padding:0 18px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm);backdrop-filter:blur(18px)}
.toplinks{gap:3px;color:var(--text-soft)}
.toplinks button{padding:10px 13px;color:var(--text-soft);border-radius:10px;font-size:12px;font-weight:650}
.toplinks button:hover{background:var(--surface-tint);color:var(--primary-strong)}
.toplinks button.active{background:var(--primary-soft);color:var(--primary-strong);box-shadow:inset 0 0 0 1px rgba(139,69,255,.12)}
.help{border-color:var(--border);background:var(--surface);color:#514c58;box-shadow:var(--shadow-sm)}
.help:hover{border-color:#cbb8ea;color:var(--primary-strong)}
.avatar{background:linear-gradient(135deg,var(--primary),#d56ebf);color:#fff;border:3px solid #fff;box-shadow:0 4px 14px rgba(87,50,128,.18)}

/* Shared typography and containers */
.contentView{margin:0;padding:28px 30px 36px;background:transparent;color:var(--text)}
.sectionHeading{align-items:center;margin-bottom:20px}
.titleRow h1,.sectionHeading h1,.detailTop h1{color:var(--text);letter-spacing:-.75px}
.sectionHeading h1{font-size:28px}
.sectionHeading p,.ruleCard p,.emptyPanel p{color:var(--text-soft)}
.eyebrow{color:var(--primary)!important;font-size:9px!important;letter-spacing:1.5px!important}
.pin{color:#a29ba8}
.create{min-height:40px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--primary),#a55cf7);color:#fff;padding:10px 17px;font-size:12px;font-weight:750;box-shadow:0 8px 20px rgba(139,69,255,.19)}
.create:hover{background:linear-gradient(135deg,var(--primary-strong),#9348e8);box-shadow:0 11px 24px rgba(139,69,255,.26);transform:translateY(-1px)}
.secondary,.automationShortcut{min-height:40px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:#514c58;padding:9px 15px;box-shadow:var(--shadow-sm)}
.secondary:hover,.automationShortcut:hover{border-color:#cab9e5;background:#faf7ff;color:var(--primary-strong)}
.toolButton,.iconButton{border-radius:11px}
.toolButton{background:var(--surface-soft);border:1px solid var(--border);color:#6f6976}
.toolButton:hover{background:var(--primary-soft);color:var(--primary-strong)}
.summaryCard,.emptyPanel,.dataPanel,.reportPanel,.settingsPanel,.stat,.ruleCard,.calendar,.executivePanel,.executiveMetricsBlock,.webAnalyticsBlock,.kpiPanel,.kpiSummary article{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text)
}
.stat strong,.summaryCard strong,.kpiSummary strong,.kpiPanelHead h2,.executivePanel h2{color:var(--text)}
.stat span,.summaryCard span,.kpiSummary span,.kpiSummary small{color:var(--text-soft)}
.stat:after,.kpiSummary article:after{opacity:.55}
.emptyPanel{min-height:230px;display:grid;place-content:center}
.emptyIcon{color:#b6a2d5}

/* Pipeline header */
#pipelineView>.pageHeader{margin:14px 18px 0;padding:22px 24px 18px;border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);box-shadow:var(--shadow-sm)}
.pipelineTitleCopy>span{color:var(--text-soft)}
.pipelineLive{background:#effaf5;border-color:#d9f0e6;color:#47866d}
.pipelinePicker,.search{height:42px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:11px}
.pipelineTitleCopy h1{color:var(--text)!important}
.pipelinePicker:focus-within,.search:focus-within{border-color:#b89be3;background:#fff;box-shadow:0 0 0 3px rgba(139,69,255,.11)}
.pipelinePicker select,.search input{color:var(--text);background:transparent}
.pipelinePicker select option,.settingsPanel select option,.dealField select option{background:#fff;color:var(--text)}
.search input::placeholder{color:#aaa5b0}
.search small{background:var(--primary-soft);color:var(--primary-strong)}
.pipelineControl .pipelinePicker{background:var(--surface-soft)}
.pageHeader .pipelineDropdown .pipelinePicker{border-color:var(--border)!important;background:var(--surface-soft)!important;color:var(--text)!important}
.pageHeader .pipelineDropdown .pipelinePicker>span{background:var(--primary-soft)!important;color:var(--primary-strong)!important}
.pageHeader .pipelineDropdown .pipelinePicker strong{color:var(--text)!important}
.pageHeader .pipelineDropdown .pipelinePicker b{color:var(--text-soft)!important}
.pageHeader .pipelineDropdown .pipelinePicker[aria-expanded="true"]{border-color:#b89be3!important;background:#fff!important;box-shadow:0 0 0 3px rgba(139,69,255,.11)!important}
.addStageButton{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),#a760f6);color:#fff}
#pipelineView>.subbar{height:58px;margin:0 18px;padding:9px 24px;border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}
.tabs{padding:4px;border:1px solid var(--border);background:var(--surface-soft);border-radius:11px}
.viewTab{color:var(--text-soft);border-radius:8px}
.viewTab.active{background:var(--surface);color:var(--primary-strong);box-shadow:0 3px 9px rgba(50,30,75,.09)}

/* Kanban */
.kanban{grid-auto-columns:minmax(286px,1fr);min-height:calc(100vh - 238px);margin:14px 18px 24px;padding:14px;gap:12px;border:1px solid #e3dce9;border-radius:var(--radius-lg);background:linear-gradient(145deg,#f2edf8,#f8f7fa)!important;box-shadow:var(--shadow-sm);scroll-padding-inline:14px}
.column,#kanban .column{min-width:286px;min-height:540px;padding:10px;border:1px solid rgba(111,87,137,.14)!important;border-radius:17px;background:rgba(255,255,255,.82)!important;box-shadow:0 8px 24px rgba(45,23,72,.055)!important}
.column:first-child{padding-left:10px}
.columnHead,.column:first-child .columnHead{height:auto;min-height:42px;padding:9px 12px;border-radius:11px;clip-path:none;box-shadow:none;font-size:10px;line-height:1.2}
.columnHead .count{background:rgba(255,255,255,.28)}
.columnTotal{padding:14px 5px 11px;color:var(--text)!important;font-size:20px;font-weight:750}
.quickAdd{height:36px;margin-bottom:10px;border:1px dashed #d7cbe4!important;border-radius:10px;background:#f7f3fb!important;color:#7c7185!important}
.quickAdd:hover{border-color:#b99cde;background:var(--primary-soft);color:var(--primary-strong)}
.dealList{min-height:390px}
.deal,#kanban .deal{margin-bottom:10px;padding:14px;border:1px solid var(--border)!important;border-left:4px solid var(--stage)!important;border-radius:13px;background:var(--surface)!important;color:var(--text)!important;box-shadow:0 6px 18px rgba(45,23,72,.07)!important}
.deal:hover{transform:translateY(-2px);border-color:#d8cee3;box-shadow:0 12px 25px rgba(45,23,72,.12)}
.dealTitle strong,#kanban .dealTitle strong{color:var(--text)!important;font-size:12px;letter-spacing:.05px}
.deal .amount,#kanban .deal .amount{color:var(--text)!important;font-size:18px;font-weight:650}
.deal .detail label,#kanban .deal .detail label{color:#8d8792!important}
.deal .detail span,#kanban .deal .detail span,.client{color:#5e5965!important}
.cardFooter{border-color:var(--border);color:var(--text-soft)}
.owner{background:var(--primary-soft);color:var(--primary-strong)}
.dealHoldHint,.moveDealControl{border-color:#e4dcee!important;background:#f7f2fb!important;color:#675f6e!important}
.dealHoldHint strong,.dealHoldHint span{color:#675f6e!important}
.moveDealControl select{color:#625b68!important}
.deleteDealButton{background:#fff7f8!important;border-color:#f2dce2!important;color:#b67583!important}
.dealTable{margin:18px;background:var(--surface);border-color:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.tableRow{border-color:var(--border);color:var(--text)}
.tableRow.head{background:#f8f7fa;color:#79737f}
.tableRow:not(.head):hover,.clientRow:not(.head):hover{background:#faf7ff}

/* Tables, clients and companies */
.dataPanel{overflow:hidden}
.clientRow{border-color:var(--border);color:var(--text)}
.clientRow.head{background:#f8f7fa;color:#79737f}
.clientAvatar,.companyMark{background:var(--primary-soft);color:var(--primary-strong)}
.clientToolbar{border-color:var(--border)!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important}
.clientResults{color:var(--text-soft)!important}
.clientResults b{color:var(--primary-strong)!important}

/* Popovers and data actions */
.pipelineOptions,.dataMenuOptions{border:1px solid var(--border)!important;background:rgba(255,255,255,.98)!important;color:var(--text)!important;box-shadow:var(--shadow-lg)!important;backdrop-filter:blur(18px)}
.pipelineMenuHead,.dataMenuHead{border-color:var(--border)!important;color:var(--text)!important}
.pipelineMenuHead small,.dataMenuHead small,.dataMenuOptions small,.dataMenuOptions>p{color:var(--text-soft)!important}
.pipelineOptions .pipelineMenuList button,.dataMenuOptions>button{color:var(--text)!important}
.pipelineOptions .pipelineMenuList button i,.dataMenuOptions>p{background:var(--surface-soft)!important}
.pipelineOptions .pipelineMenuList button:hover,.dataMenuOptions>button:hover{background:#f7f2fd!important}
.pipelineOptions .pipelineMenuList button.active{background:var(--primary-soft)!important;color:var(--primary-strong)!important;box-shadow:inset 3px 0 var(--primary)!important}
.pipelineOptions .pipelineMenuList button small{background:#f3eff6!important;color:var(--text-soft)!important}
.dataMenu>.toolButton{border-color:var(--border)!important;background:var(--surface-soft)!important;color:#6f6976!important}
.clientSearch,.documentToolbar label,.taskToolbar input,.taskToolbar select{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)}
.clientSearch input,.documentToolbar input{color:var(--text)!important}
.companySummary,.companyCard,.companyProfile,.companyTrace{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.companyCard:hover{border-color:#cdb9e6!important;box-shadow:var(--shadow-md)!important}
.companyCard small,.companyCard footer,.companyNotes p,.companyTraceEvent p{color:var(--text-soft)!important}
.companySummary b,.companyCardTop strong{color:var(--text)!important}
.companyCard footer b{color:var(--primary-strong)!important}
.companyCardMetrics span,.companyDealStats article,.companyTraceEvent{background:var(--surface-soft)!important;border-color:var(--border)!important}
.companyDetail{background:var(--app-bg)!important;color:var(--text)!important}
.companyDetailTop{background:rgba(255,255,255,.96)!important;border-color:var(--border)!important;box-shadow:var(--shadow-sm)!important}
.companyDetail h1,.companyDetail h2,.companyDetail strong,.companyDetail dd{color:var(--text)!important}

/* KPI, analytics and reports */
.kpiFilters{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}
.kpiFilters label{color:var(--text-soft)}
.kpiFilters select,.kpiFilters input,.analyticsPeriod select{border-color:var(--border);background:var(--surface-soft);color:var(--text);color-scheme:light}
.kpiBarRow>span,.kpiMetricRow>span,.webAnalyticsList span{color:#615b66}
.kpiBarRow>div,.kpiMetricRow,.kpiTrendChart,.webAnalyticsList i{border-color:var(--border);background:#f0edf3}
.kpiBarRow strong,.kpiMonth strong,.kpiMetricRow>strong,.webAnalyticsSummary strong,.webAnalyticsList strong{color:var(--text)}
.kpiPanelHead>span,.kpiMetricRow>small,.kpiMonth span{color:var(--text-soft)}
.executiveMetrics article,.webAnalyticsSummary article,.webAnalyticsGrid>section,.webAnalyticsDevices article{border:1px solid var(--border);background:var(--surface-soft);color:var(--text)}
.executiveMetrics article strong,.serviceMetricRow strong,.topicMetric strong{color:var(--text)}
.executiveMetrics article small,.executiveMetrics article p,.serviceMetricRow,.topicMetric{color:var(--text-soft)}
.executiveBlockHead h2,.webAnalyticsGrid h3,.webAnalyticsDevices strong,.serviceMetricRow>span b{color:var(--text)!important}
.executiveBlockHead>span,.webAnalyticsBlock .executiveBlockHead span{color:var(--text-soft)!important}
.webAnalyticsBlock{background:var(--surface)}
.reportBar{background:#efecf2}

/* Calendar and tasks */
#activitiesView>.sectionHeading{border-color:#472865!important;background:linear-gradient(135deg,var(--nav-raised),#1d102f)!important;color:#fff!important;box-shadow:var(--shadow-md)!important}
#activitiesView>.sectionHeading h1,#activitiesView>.sectionHeading p{color:#fff!important}
.calendarSearch{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.calendarSearch input{color:var(--text)!important}
.calendarSearch:focus-within{border-color:#b89be3!important;background:#fff!important;box-shadow:0 0 0 3px rgba(139,69,255,.11)!important}
.upcomingBlock,.calendarWorkspace{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.upcomingHead strong{color:var(--text)!important}
.calendarToolbar{border-color:var(--border)!important;background:var(--surface-soft)!important;color:var(--text)!important}
.calendarModes{border-color:var(--border)!important;background:#ece8f0!important}
.calendarModes button{color:#6f6876!important}
.calendarModes button.active{background:var(--primary)!important;color:#fff!important}
.calendarToolbar h2{color:var(--text)}
.calendar{overflow:hidden}
.weekdays{background:#f8f7fa;border-color:var(--border)}
.weekdays span{color:#77717e}
.timeLabel{background:#f8f7fa!important;border-color:var(--border)!important;color:var(--text-soft)!important}
.day,.weekSlot{background:#fff;border-color:var(--border);color:var(--text)}
.day.outside{background:#faf9fb;color:#b0aab5}
.day.today .dayNumber{background:var(--primary);color:#fff}
.calendarEvent,.weekEvent{background:#f1eafd;border-color:var(--primary);color:#3d2e51}
.calendarEvent span,.weekEvent span{color:#777080}
.upcomingCard,.responsiblePanel{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.taskToolbar{border-color:var(--border)!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important}
.taskBoard{gap:12px}
.taskLane{border-color:var(--border)!important;background:#f8f6fa!important;box-shadow:none!important}
.taskLane header{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important}
.taskCard{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.taskCard p,.taskMeta,.taskMoveHint{color:var(--text-soft)!important}
.taskStatus{background:var(--primary-soft)!important;color:var(--primary-strong)!important}
.taskReminderAlerts article{background:#fffaf0!important;border-color:#f0dfbd!important;color:var(--text)!important}

/* Documents */
.documentToolbar{border-color:var(--border)!important;background:transparent!important}
.documentGroupModes{background:#e9e4ef!important;border-color:var(--border)!important}
.documentGroupModes button{color:#716b77!important}
.documentGroupModes button.active{background:var(--surface)!important;color:var(--primary-strong)!important;box-shadow:var(--shadow-sm)!important}
.documentLibraryCard,.documentGroup{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.documentLibraryInfo strong,.documentLibraryEmpty h2{color:var(--text)!important}
.documentLibraryInfo span,.documentLibraryInfo small{color:var(--text-soft)!important}
.documentLibraryActions button,.documentLibraryActions a{background:var(--surface-soft)!important;border-color:var(--border)!important;color:var(--primary-strong)!important}

/* WhatsApp and Webmail */
.whatsappConnection,.whatsappWorkspace,.mailWorkspace,.mailNotConfigured{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.whatsappInbox,.whatsappContact,.whatsappChat,.mailFolders,.mailList,.mailReader{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
.whatsappInboxHead,.whatsappChatHead,.mailListHead,.mailAccountTitle,.mailActionBar,.mailReaderHead{border-color:var(--border)!important;background:#fcfbfd!important;color:var(--text)!important}
.whatsappInboxHead label,.mailSearch,.whatsappComposer{border-color:var(--border)!important;background:var(--surface-soft)!important}
.whatsappInboxHead input,.mailSearch input,.whatsappComposer textarea{color:var(--text)!important}
.whatsappContact select{border-color:var(--border)!important;background:var(--surface-soft)!important;color:var(--text)!important;color-scheme:light}
.whatsappFilters{border-color:var(--border)!important;background:#f8f6fa!important}
.whatsappFilters button,.mailFolderButton{color:#716b77!important}
.whatsappFilters button.active,.mailFolderButton.active{background:var(--primary-soft)!important;color:var(--primary-strong)!important}
.whatsappConversation,.mailItem{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important}
.whatsappConversation:hover,.whatsappConversation.active,.mailItem:hover{background:#f8f3ff!important}
.whatsappConversation.active{box-shadow:inset 3px 0 var(--primary)}
.whatsappConversation p,.whatsappConversation small,.whatsappConversation time,.mailItem span,.mailItem small{color:var(--text-soft)!important}
.waBubble.inbound{background:#f2eef6!important;color:var(--text)!important}
.waBubble.outbound{background:var(--primary)!important;color:#fff!important}
.mailHtmlBody{background:#fff!important}
.mailActionBar button,.mailActionBar select,.mailReplyActions button{border-color:var(--border)!important;background:var(--surface)!important;color:#5d5662!important}
.mailReaderHead h2,.mailReaderHead strong{color:var(--text)!important}

/* AI and automation: use deep brand panels as intentional accents */
.aiHero{border-color:#472865!important;background:linear-gradient(135deg,var(--nav-raised),#1d102f)!important;color:#fff!important;box-shadow:var(--shadow-md)!important}
.aiHero h1,.aiHero p{color:#fff!important}
.aiLayout,.aiSuggestions,.aiConversation{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.aiSuggestions p,.aiConversation small,.aiMessage p{color:var(--text-soft)!important}
.aiQuickPrompts button,.aiSafety,.aiConversation header,.aiComposer,.aiResults{border-color:var(--border)!important;background:var(--surface-soft)!important;color:var(--text)!important}
.aiQuickPrompts button:hover{border-color:#cbb4e8!important;background:var(--primary-soft)!important;color:var(--primary-strong)!important}
.aiMessage.assistant>div{background:#f6f2fa!important;border-color:var(--border)!important;color:var(--text)!important}
.aiMessage.user>div{background:var(--primary)!important;color:#fff!important}
.aiMessage.assistant strong{color:var(--primary-strong)!important}
.aiMessage.user p,.aiMessage.user strong{color:#fff!important}
.aiComposer textarea{background:#fff!important;color:var(--text)!important}
.automationHeader,.automationToolbar,.automationRegistry{color:var(--text)}
.automationHeader h1,.automationRegistry h2{color:var(--text)!important}
.automationWorkspace{border-color:var(--border)!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important}
.workflowLibrary,.workflowStudio,.workflowToolbar,.automationRules,.automationInspector{background:#faf9fc!important;border-color:var(--border)!important;color:var(--text)!important}
.workflowLibraryHead span,.workflowToolbar span,.workflowListItem strong,.automationInspector h3,.automationInspector dd{color:var(--text)!important}
.workflowLibraryHead small,.workflowListItem small,.workflowToolbar small,.automationInspector dt{color:var(--text-soft)!important}
.workflowLibraryHead button,.workflowToolbar button{border-color:var(--border)!important;background:var(--surface)!important;color:var(--primary-strong)!important}
.workflowListItem{color:var(--text)!important}
.workflowListItem:hover{background:#f6f1fb!important}
.workflowListItem.active{border-color:#cbb5e7!important;background:var(--primary-soft)!important;box-shadow:inset 3px 0 var(--primary)!important}
.automationSummary article,.automationRuleCard{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.automationSummary span,.automationRuleInfo p{color:var(--text-soft)!important}
.automationSummary strong,.automationRuleInfo strong{color:var(--text)!important}
.automationRuleItem,.executionRow{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important}
.automationRuleItem.active{border-color:#b99ce0!important;background:var(--primary-soft)!important}
.automationCanvas{background:radial-gradient(circle at 20% 20%,rgba(139,69,255,.12),transparent 35%),#f5f2f8!important}
.workflowNode{background:var(--surface)!important;border-color:#d9cde5!important;color:var(--text)!important;box-shadow:var(--shadow-md)!important}
.workflowNode strong{color:var(--text)!important}
.workflowNode p,.automationInspector dd,.inspectorNotice p{color:var(--text-soft)!important}
.automationInspector dl>div,.automationRegistry{border-color:var(--border)!important}

/* Settings and forms */
.settingsLayout{align-items:start}
.settingsPanel{max-width:none;color:var(--text)}
.settingsPanel h2,.userManagement h2{color:var(--text)}
.settingsPanel label,form>label,.grid label{color:#514b58}
.settingsPanel input,.settingsPanel select,.settingsPanel textarea,form input,form select,form textarea,.dealField input,.dealField select,.dealField textarea{
  min-height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text);padding:10px 12px;outline:0
}
.settingsPanel input:focus,.settingsPanel select:focus,.settingsPanel textarea:focus,form input:focus,form select:focus,form textarea:focus,.dealField input:focus,.dealField select:focus,.dealField textarea:focus{
  border-color:#b590e5;background:#fff;box-shadow:0 0 0 3px rgba(139,69,255,.11)
}
input::placeholder,textarea::placeholder{color:#aaa5af!important}
.pipelineHint,.permissionHint,.whatsappSetupNote{border-color:var(--border)!important;background:#f8f5fb!important;color:var(--text-soft)!important}
.userRow,.webhookRow,.pipelineItem{border-color:var(--border)!important;background:var(--surface-soft)!important;color:var(--text)!important}
.roleBadge,.userState.on{background:var(--primary-soft)!important;color:var(--primary-strong)!important}

/* Website editor */
.websitePageNav,.websiteFieldsPanel,.websitePreviewPanel{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-sm)!important}
.websitePageNav>strong,.websiteEditorActions>span,.websitePreviewPanel span{color:var(--text-soft)!important}
.websitePageNav button{color:#625c68!important}
.websitePageNav button:hover,.websitePageNav button.active{background:var(--primary-soft)!important;color:var(--primary-strong)!important}
.websitePageNav button.active{box-shadow:inset 3px 0 var(--primary)!important}
.websiteEditorTip,.websiteField{border-color:var(--border)!important;background:var(--surface-soft)!important}
.websiteEditorTip b,.websiteField>span,#websiteContentFields header h2{color:var(--text)!important}
.websiteEditorTip span,.websiteField small{color:var(--text-soft)!important}
.websiteField textarea{border-color:var(--border)!important;background:#fff!important;color:var(--text)!important}
.websitePreviewPanel>div{border-color:var(--border)!important}

/* Detail views and modals */
.dealDetail{background:var(--app-bg);color:var(--text)}
.detailTop{margin:12px 16px 0;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}
.detailTop h1{color:var(--text)}
.detailColumns{gap:14px;padding:14px 16px 20px}
.dealFieldsPanel,.timelinePanel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
.timelinePanel{background:#f8f7fa}
.panelHeading{border-color:var(--border)}
.dealField label,.fieldDivider,.eventHead time,.eventAuthor{color:var(--text-soft)}
.dealField .bigValue{background:transparent;color:var(--text)}
.documentItem,.timelineEvent,.commentComposer,.dealTask{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important}
.documentItem small,.timelineEvent p,.dealTask small{color:var(--text-soft)!important}
.timelineTabs button{color:var(--text-soft)}
.timelineTabs button.active{background:var(--primary-soft);color:var(--primary-strong)}
.timelineLabel{border-color:var(--border)}
.timelineLabel span{background:var(--primary);color:#fff}
.commentComposer textarea{background:transparent!important;color:var(--text)!important}
.detailMoreMenu{border-color:var(--border)!important;background:#fff!important;box-shadow:var(--shadow-md)!important}
.detailMoreMenu button{color:var(--text)!important}
.detailMoreMenu button:hover{background:var(--primary-soft)!important;color:var(--primary-strong)!important}

dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}
dialog::backdrop{background:rgba(19,11,33,.48);backdrop-filter:blur(5px)}
dialog form{background:transparent}
.dialogHead{padding-bottom:4px;border-bottom:1px solid var(--border)}
.dialogHead h2{color:var(--text)}
.dialogHead button{background:var(--surface-soft);border:1px solid var(--border);color:#6e6874}
.dialogHead button:hover{background:var(--primary-soft);color:var(--primary-strong)}
.dialogActions{padding-top:4px}
.dialogActions .secondary{border-color:var(--border)!important;background:var(--surface-soft)!important;color:#5d5662!important}
.dialogActions .create{background:linear-gradient(135deg,var(--primary),#a449ec)!important;color:#fff!important}
.activityDetailCard,.calendarConnectionsCard,.closeDealCard,.documentPreviewCard{background:var(--surface)!important;color:var(--text)!important}
.activityDate,.activityDetailGrid>div,.calendarProviderCard,.closeDealStatus,.documentPreviewBody{border-color:var(--border)!important;background:var(--surface-soft)!important;color:var(--text)!important}
.activityDate strong,.activityDetailGrid strong,.calendarProviderCard strong{color:var(--text)!important}
.activityDate p,.calendarProviderCard small{color:var(--text-soft)!important}
.toast{border:1px solid #39264d;background:var(--nav);color:#fff;border-radius:12px;box-shadow:var(--shadow-lg)}

/* Compact, safe responsive behavior */
@media(max-width:1180px) and (min-width:761px){
  :root{--sidebar:88px}
  .sidebar{width:88px;border-radius:0}
  .topbar{margin:10px 12px 0}
  #pipelineView>.pageHeader{margin:10px 12px 0}
  #pipelineView>.subbar{margin:0 12px}
  .kanban{margin:12px}
}
@media(max-width:760px){
  :root{--sidebar:0px}
  body{background:var(--app-bg)}
  .sidebar{width:min(300px,88vw);border-radius:0 22px 22px 0}
  .topbar{height:58px;margin:8px 8px 0;padding:0 10px;border-radius:15px}
  .mobileMenuButton{background:var(--primary-soft)!important;border:1px solid #dacbed!important;color:var(--primary-strong)!important}
  .topActions{gap:7px}
  .help{padding:7px 10px}
  .contentView{margin:0;padding:20px 14px 28px}
  .sectionHeading{align-items:flex-start;gap:15px}
  .sectionHeading h1{font-size:25px}
  #pipelineView>.pageHeader{margin:8px 8px 0!important;padding:17px 13px 14px!important;border-color:var(--border)!important;background:var(--surface)!important}
  #pipelineView>.subbar{margin:0 8px!important;padding:8px 10px!important;border-color:var(--border)!important;background:var(--surface)!important}
  .kanban{margin:10px 8px 18px;padding:10px;gap:10px;border-radius:17px;grid-auto-columns:minmax(270px,86vw)}
  .column{padding:8px;min-height:470px}
  .deal{padding:13px}
  .dealTable{margin:10px 8px}
  .detailTop{margin:8px 8px 0;border-radius:15px;background:#fff}
  .detailColumns{padding:8px;gap:9px}
  .dealFieldsPanel,.timelinePanel{border-radius:17px}
  dialog{background:#fff!important;color:var(--text)!important}
  dialog form{background:#fff!important}
  dialog .dialogHead,dialog .dialogActions{background:rgba(255,255,255,.96)!important;border-color:var(--border)!important}
  .whatsappChat{background:var(--surface)!important}
}
@media(prefers-reduced-motion:reduce){button,.deal,.companyCard{transition:none!important}}

/* Global client identity and safe import review */
.clientHeadingActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.clientFilters{display:flex;align-items:center;gap:8px;margin:-7px 0 14px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}
.clientFilters>button{min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-soft);font-weight:750;white-space:nowrap}
.clientFilters>button:hover,.clientFilters>button.active{background:var(--primary-soft);border-color:#d8c6ec;color:var(--primary-strong)}
.clientFilters label{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--text-soft);font-size:12px;font-weight:750;white-space:nowrap}
.clientFilters select{min-height:36px;max-width:260px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);padding:0 30px 0 10px}
#clientsTable .clientRow{grid-template-columns:minmax(210px,1.35fr) minmax(180px,1.2fr) minmax(130px,.9fr) minmax(130px,.9fr) minmax(90px,.55fr) minmax(180px,1.2fr)}
#clientsTable .clientRow>span{min-width:0;overflow-wrap:anywhere}
#clientsTable .clientRow>span b,#clientsTable .clientRow>span small,.clientIdentity>div{display:block}
#clientsTable .clientRow>span small{margin-top:4px;color:var(--text-soft);font-size:11px}
.clientStatusBadge{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.clientStatusBadge.new{background:#dcfce7;color:#167044}.clientStatusBadge.updated{background:#fef3c7;color:#915e08}.clientStatusBadge.imported{background:var(--primary-soft);color:var(--primary-strong)}
.importPreviewDialog{width:min(760px,calc(100vw - 30px));padding:0}.importPreviewCard,.importHistoryCard{padding:22px}
.importPreviewSummary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}
.importPreviewSummary article{padding:16px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);text-align:center}
.importPreviewSummary strong{display:block;color:var(--text);font-size:26px}.importPreviewSummary span{color:var(--text-soft);font-size:11px;font-weight:750}
.importPreviewSummary .new{background:#f0fdf4;border-color:#bbf7d0}.importPreviewSummary .updated{background:#fffbeb;border-color:#fde68a}.importPreviewSummary .skipped{background:#fff7ed;border-color:#fed7aa}
.importPreviewIssues{padding:13px 15px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#7c4813}.importPreviewIssues p{margin:6px 0;font-size:12px}
.importSafetyNote{color:var(--text-soft);font-size:12px}
.importHistoryDialog{width:min(900px,calc(100vw - 30px));padding:0}.importHistoryList{display:grid;gap:10px;max-height:65vh;margin-top:16px;overflow:auto}
.importHistoryItem{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.importHistoryItem header{display:flex;justify-content:space-between;gap:14px;align-items:center}.importHistoryItem header strong,.importHistoryItem header small{display:block}.importHistoryItem header small{margin-top:4px;color:var(--text-soft)}
.importHistoryItem header button{padding:8px 11px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--primary-strong);font-weight:750}
.importHistoryItem>div{display:flex;gap:15px;flex-wrap:wrap;margin-top:12px}.importHistoryItem>div span{color:var(--text-soft);font-size:12px}.importHistoryItem>div b{color:var(--text)}
.importRows{display:grid;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.importRows>div{display:grid;grid-template-columns:65px minmax(140px,1fr) 130px 1.4fr;gap:10px;padding:8px;border-radius:8px;background:#fff;align-items:center}.importRows em{font-style:normal;font-size:10px;font-weight:850;color:var(--primary-strong)}.importRows small{color:var(--text-soft)}
@media(max-width:1050px){#clientsTable{overflow-x:auto}#clientsTable .clientRow{min-width:1020px}}
@media(max-width:760px){.clientHeadingActions{width:100%}.clientHeadingActions>*{flex:1}.clientFilters{align-items:stretch}.clientFilters label{margin-left:0}.clientFilters select{max-width:190px}.importPreviewSummary{grid-template-columns:repeat(2,1fr)}.importRows>div{grid-template-columns:55px 1fr}.importRows>div small{grid-column:1/-1}#clientsTable .clientRow{min-width:0!important;grid-template-columns:1fr!important}#clientsTable .clientRow>span{display:block!important;padding-left:44px}}