/* =========================================================
   TBS CRM — LIGHT MULTI-COLOR THEME (FORCE FIX)
   Loaded AFTER app.css on every CRM entry page.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');


:root{
  --lm-page:#F4F7FB;
  --lm-surface:#FFFFFF;
  --lm-surface-soft:#F8FAFD;
  --lm-text:#172033;
  --lm-text-2:#475569;
  --lm-muted:#718096;
  --lm-border:#E3E9F1;
  --lm-gold:#C99B36;
  --lm-blue:#3B82F6;
  --lm-green:#10B981;
  --lm-purple:#8B5CF6;
  --lm-orange:#F59E0B;
  --lm-rose:#F43F5E;
  --lm-teal:#14B8A6;
  --lm-sky:#0EA5E9;
  --lm-indigo:#6366F1;
  --lm-shadow:0 8px 28px rgba(15,23,42,.055);
  --bg:var(--lm-page)!important;
  --card:var(--lm-surface)!important;
  --ink:var(--lm-text)!important;
  --muted:var(--lm-muted)!important;
  --line:var(--lm-border)!important;
  --brand:var(--lm-blue)!important;
  --brand2:#334155!important;
  --good:var(--lm-green)!important;
  --warn:var(--lm-orange)!important;
  --bad:#EF4444!important;
  --purple:var(--lm-purple)!important;
  --tbs-black:var(--lm-page)!important;
  --tbs-black-2:var(--lm-surface)!important;
  --tbs-black-3:var(--lm-surface)!important;
  --tbs-white:var(--lm-text)!important;
  --tbs-gold:var(--lm-gold)!important;
  --tbs-gold-2:#A67C21!important;
  --tbs-gold-pale:#FFF7E3!important;
  --tbs-gold-bdr:#E8D39C!important;
  --tbs-lime:var(--lm-green)!important;
}

html,body{
  color-scheme:light!important;
  background:var(--lm-page)!important;
  color:var(--lm-text)!important;
}
body{
  background:
    radial-gradient(700px 430px at 100% 0%,rgba(59,130,246,.055),transparent 60%),
    radial-gradient(650px 420px at 0% 100%,rgba(139,92,246,.045),transparent 60%),
    linear-gradient(180deg,#F8FAFD 0%,#F3F6FA 100%)!important;
}
body::before{display:none!important}
.app,.main,.content,.page-content,.content-wrapper,.main-content,.dashboard-content,.crm-content,#content{
  background:transparent!important;color:var(--lm-text)!important;
}

/* Sidebar */
.sidebar,.side-menu,.sidenav,#sidebar,.left-sidebar{
  background:#FFFFFF!important;color:var(--lm-text-2)!important;
  border-right:1px solid var(--lm-border)!important;
  box-shadow:8px 0 30px rgba(15,23,42,.045)!important;
}
.brand{color:#8A681B!important;border-bottom-color:#EDF1F5!important}
.brand small{color:#94A3B8!important}
.brand::before{filter:none!important}
.nav a,.sidebar a,#sidebar a{
  color:#526174!important;background:transparent!important;border-color:transparent!important;
  box-shadow:none!important;
}
.nav a:hover,.sidebar a:hover,#sidebar a:hover{
  background:#F5F7FA!important;color:#1E293B!important;border-color:#EAEFF5!important;
}
.nav a.active,.sidebar a.active,#sidebar a.active{
  color:#745510!important;background:#FFF8E8!important;border-color:#EED79D!important;
  box-shadow:inset 3px 0 0 var(--lm-gold)!important;font-weight:700!important;
}

/* Header */
.topbar,.top-bar,.header,.navbar,.app-header,.crm-header,header{
  background:rgba(255,255,255,.97)!important;color:var(--lm-text)!important;
  border-bottom:1px solid var(--lm-border)!important;
  box-shadow:0 3px 16px rgba(15,23,42,.035)!important;
  backdrop-filter:blur(14px)!important;
}

/* Main surfaces */
.card,.panel,.box,.widget,.crm-card,.dashboard-card,.filter-box,.report-card,.modal-content,.dropdown-menu{
  background:#FFFFFF!important;color:var(--lm-text)!important;
  border:1px solid var(--lm-border)!important;border-radius:14px!important;
  box-shadow:var(--lm-shadow)!important;
}
h1,h2,h3,h4,h5,h6,.card-title,.panel-title,.section-title{color:var(--lm-text)!important}
.muted,.text-muted,.subtitle,.description,.helper-text{color:var(--lm-muted)!important}

/* KPI cards: controlled multi-colour */
.grid-4>.kpi:nth-child(4n+1),.grid-3>.kpi:nth-child(3n+1){
  border-top:4px solid var(--lm-blue)!important;background:linear-gradient(180deg,#F3F8FF 0,#FFF 42%)!important;
}
.grid-4>.kpi:nth-child(4n+2),.grid-3>.kpi:nth-child(3n+2){
  border-top:4px solid var(--lm-green)!important;background:linear-gradient(180deg,#F0FCF7 0,#FFF 42%)!important;
}
.grid-4>.kpi:nth-child(4n+3),.grid-3>.kpi:nth-child(3n+3){
  border-top:4px solid var(--lm-purple)!important;background:linear-gradient(180deg,#F8F5FF 0,#FFF 42%)!important;
}
.grid-4>.kpi:nth-child(4n+4){
  border-top:4px solid var(--lm-orange)!important;background:linear-gradient(180deg,#FFF8ED 0,#FFF 42%)!important;
}
.kpi .label{color:#64748B!important;font-weight:700!important}
.kpi .value{color:#172033!important}.kpi .sub{color:#718096!important}

/* Tables */
table,.table{background:#FFFFFF!important;color:#334155!important}
thead,table thead,.table thead,th,.table th{
  background:#F7F9FC!important;color:#64748B!important;border-color:#E2E8F0!important;
}
td,.table td{background:#FFFFFF!important;color:#334155!important;border-color:#EDF1F5!important}
tbody tr:hover td,.table tbody tr:hover td{background:#F8FAFC!important}

/* Forms */
label{color:#475569!important}
input,select,textarea,.form-control,.form-select{
  background:#FFFFFF!important;color:#1E293B!important;border:1px solid #D7E0EA!important;
  box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#9CA9B8!important}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  border-color:#60A5FA!important;box-shadow:0 0 0 3px rgba(59,130,246,.12)!important;outline:none!important;
}

/* Buttons */
.btn-primary{background:linear-gradient(135deg,#3B82F6,#2563EB)!important;color:#FFF!important;border-color:#3B82F6!important}
.btn-primary:hover{background:linear-gradient(135deg,#2563EB,#1D4ED8)!important}
.btn-dark{background:#334155!important;color:#FFF!important;border-color:#334155!important}
.btn-dark:hover{background:#1E293B!important}
.btn-good{background:#10B981!important;color:#FFF!important}
.btn-danger{background:#EF4444!important;color:#FFF!important}
.btn-outline,.btn-light,.btn-secondary{
  background:#FFF!important;color:#475569!important;border:1px solid #D7E0EA!important;
}
.btn-outline:hover,.btn-light:hover,.btn-secondary:hover{background:#F8FAFC!important;color:#1E293B!important}

/* Status badges */
.badge{background:#EEF2FF!important;color:#4F46E5!important}
.badge.good{background:#ECFDF5!important;color:#047857!important}
.badge.warn{background:#FFF7ED!important;color:#C2410C!important}
.badge.bad{background:#FEF2F2!important;color:#B91C1C!important}
.badge.gray{background:#F1F5F9!important;color:#475569!important}
.status-dot.active{background:#10B981!important}.status-dot.idle{background:#F59E0B!important}.status-dot.offline{background:#94A3B8!important}

/* Call disposition / stat chips */
.call-outcome,.stat-chip{background:#FFF!important;color:#334155!important;border-color:#E3E9F1!important}
.call-grid>.call-outcome:nth-child(4n+1){border-top:3px solid var(--lm-blue)!important;background:#F7FAFF!important}
.call-grid>.call-outcome:nth-child(4n+2){border-top:3px solid var(--lm-green)!important;background:#F5FCF9!important}
.call-grid>.call-outcome:nth-child(4n+3){border-top:3px solid var(--lm-orange)!important;background:#FFFAF2!important}
.call-grid>.call-outcome:nth-child(4n+4){border-top:3px solid var(--lm-purple)!important;background:#FAF8FF!important}
.stat-strip>.stat-chip:nth-child(6n+1){border-left:3px solid var(--lm-blue)!important}
.stat-strip>.stat-chip:nth-child(6n+2){border-left:3px solid var(--lm-green)!important}
.stat-strip>.stat-chip:nth-child(6n+3){border-left:3px solid var(--lm-purple)!important}
.stat-strip>.stat-chip:nth-child(6n+4){border-left:3px solid var(--lm-orange)!important}
.stat-strip>.stat-chip:nth-child(6n+5){border-left:3px solid var(--lm-teal)!important}
.stat-strip>.stat-chip:nth-child(6n){border-left:3px solid var(--lm-rose)!important}

/* Pipeline */
.stage{background:#F5F7FA!important;border:1px solid #E3E9F1!important}
.stage:nth-child(7n+1){border-top:3px solid var(--lm-blue)!important}
.stage:nth-child(7n+2){border-top:3px solid var(--lm-teal)!important}
.stage:nth-child(7n+3){border-top:3px solid var(--lm-purple)!important}
.stage:nth-child(7n+4){border-top:3px solid var(--lm-orange)!important}
.stage:nth-child(7n+5){border-top:3px solid var(--lm-green)!important}
.stage:nth-child(7n+6){border-top:3px solid var(--lm-rose)!important}
.stage:nth-child(7n){border-top:3px solid var(--lm-gold)!important}
.lead-card{background:#FFF!important;border-color:#E0E7EF!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important}
.metric-line{border-bottom-color:#EEF2F6!important}
.timeline{border-left-color:#E2E8F0!important}.timeline-item:before{background:var(--lm-blue)!important}

/* Tabs and alerts */
.tabs{border-color:#E4EAF2!important}.tabs a{color:#64748B!important}.tabs a.active{color:#2563EB!important;border-color:#3B82F6!important}
.alert.good{background:#ECFDF5!important;color:#065F46!important;border:1px solid #A7F3D0!important}
.alert.warn{background:#FFF7ED!important;color:#9A3412!important;border:1px solid #FED7AA!important}
.alert.bad{background:#FEF2F2!important;color:#991B1B!important;border:1px solid #FECACA!important}

/* Attendance */
.attendance-banner{box-shadow:0 8px 26px rgba(15,23,42,.05)!important}
.attendance-banner.present{border-color:#A7F3D0!important;background:linear-gradient(135deg,#ECFDF5,#F8FFFB)!important}
.attendance-banner.present .attendance-count,.attendance-banner.present .attendance-note{color:#065F46!important}
.attendance-banner.absent{border-color:#FED7AA!important;background:linear-gradient(135deg,#FFF7ED,#FFFDF8)!important}
.attendance-banner.absent .attendance-count,.attendance-banner.absent .attendance-note{color:#9A3412!important}
.attendance-label,.attendance-helper,.attendance-rule,.attendance-progress-text{color:#64748B!important}
.attendance-progress{background:#E7EDF4!important;border-color:#DDE5EE!important}

/* Login */
.login-wrap{
  background:
    radial-gradient(700px 420px at 82% 8%,rgba(59,130,246,.11),transparent 60%),
    radial-gradient(650px 440px at 10% 90%,rgba(139,92,246,.09),transparent 62%),
    #F4F7FB!important;
}
.login-card{
  background:#FFF!important;color:#1E293B!important;border:1px solid #E3E9F1!important;
  box-shadow:0 24px 70px rgba(15,23,42,.12)!important;
}
.login-card h1{color:#1E293B!important}.login-card>p{color:#64748B!important}.login-card a{color:#2563EB!important}
.login-card::after{background:linear-gradient(90deg,#3B82F6,#8B5CF6,#10B981,#F59E0B)!important}
.login-card .btn-primary{background:linear-gradient(90deg,#3B82F6,#6366F1)!important;border:0!important}

/* Force any legacy dark utility containers light */
.bg-dark,.bg-black,.dark-card,.dark-panel,.black-box,[class*="bg-dark"],[class*="dark-bg"]{
  background:#FFF!important;color:#1E293B!important;border-color:#E3E9F1!important;
}

*{scrollbar-color:#C7D2DF #F4F7FB!important}
*::-webkit-scrollbar-track{background:#F4F7FB!important}
*::-webkit-scrollbar-thumb{background:#C7D2DF!important;border-color:#F4F7FB!important}

@media(max-width:760px){
  .sidebar{background:#FFF!important;box-shadow:20px 0 50px rgba(15,23,42,.12)!important}
  .topbar{background:#FFF!important}
  .card{box-shadow:0 5px 18px rgba(15,23,42,.045)!important}
}


/* =========================================================
   TYPOGRAPHY REFRESH — PLUS JAKARTA SANS
   Clean SaaS/business typography optimized for CRM density.
   ========================================================= */
html,body,
button,input,select,textarea,
table,.btn,.badge,.nav a,.sidebar,.topbar,.card,.panel,.box{
  font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body{
  font-weight:400!important;
  letter-spacing:-.005em!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
h1,h2,h3,h4,h5,h6,.page-title,.card-title,.panel-title,.section-title h2,.section-title h3{
  font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
.brand{
  font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.nav a,.btn,button,input[type="submit"]{
  font-weight:600!important;
  letter-spacing:-.008em!important;
}
label,th,.kpi .label,.attendance-label{
  font-weight:700!important;
  letter-spacing:.025em!important;
}
table,td,th,input,select,textarea{
  font-size:13px!important;
}
.kpi .value,.call-outcome .n,.attendance-count{
  font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  font-variant-numeric:tabular-nums!important;
}
.metric-line strong,.stat-chip strong,.badge{
  font-variant-numeric:tabular-nums!important;
}
.muted,.small,.kpi .sub,.attendance-note,.attendance-helper{
  letter-spacing:0!important;
}
@media(max-width:760px){
  table,td,th,input,select,textarea{font-size:13px!important}
  .kpi .value{font-size:27px!important}
}

/* =========================================================
   SALARY & PAYROLL MODULE
   ========================================================= */
.payroll-hero,.payroll-run-head,.payroll-slip-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:22px 24px;border:1px solid #DDE7F1;border-radius:18px;margin-bottom:16px;
  background:linear-gradient(120deg,#F3F8FF 0%,#FFFFFF 48%,#FFF8EA 100%);
  box-shadow:0 10px 32px rgba(15,23,42,.055)
}
.payroll-hero h3,.payroll-run-head h3,.payroll-slip-head h2{margin:5px 0 6px;color:#172033!important}
.payroll-hero p,.payroll-run-head p,.payroll-slip-head p{margin:0;color:#64748B;max-width:820px;font-size:13px}
.payroll-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#4F46E5}
.payroll-rule-card{min-width:190px;padding:15px 18px;border-radius:15px;background:#FFFFFF;border:1px solid #E5EAF1;box-shadow:0 7px 20px rgba(15,23,42,.045);text-align:center}
.payroll-rule-card strong{display:block;font-size:29px;line-height:1;color:#2563EB}.payroll-rule-card span{display:block;font-size:11px;font-weight:700;color:#475569;margin-top:6px}.payroll-rule-card small{display:block;font-size:10px;color:#10B981;margin-top:3px}
.payroll-layout{align-items:start}.payroll-profile-list{display:grid;gap:8px;max-height:560px;overflow:auto;padding-right:3px}
.payroll-profile-row{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(120px,.9fr) minmax(125px,.9fr) auto;gap:9px;align-items:end;padding:11px;border:1px solid #E7EDF4;border-radius:12px;background:#FBFCFE}
.payroll-profile-row label{font-size:10px;margin-bottom:4px}.payroll-profile-row input{padding:8px 9px;font-size:12px}.payroll-person{align-self:center;min-width:0}.payroll-person strong{display:block;color:#172033;font-size:13px}.payroll-person span{display:block;color:#8491A3;font-size:10px;margin-top:2px}.payroll-enable{display:flex;gap:8px;align-items:center;padding-bottom:1px}.payroll-enable label{display:flex;gap:5px;align-items:center;margin:0}.payroll-enable input[type="checkbox"]{width:auto}
.payroll-employee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payroll-employee{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #DFE7F0;border-radius:11px;background:#FFF;cursor:pointer}.payroll-employee:hover{background:#F7FAFF;border-color:#BFDBFE}.payroll-employee input{width:auto}.payroll-employee span{min-width:0}.payroll-employee strong,.payroll-employee small{display:block}.payroll-employee strong{font-size:12px;color:#263449}.payroll-employee small{font-size:10px;color:#718096;margin-top:2px}.payroll-employee.disabled{opacity:.5;cursor:not-allowed;background:#F8FAFC}
.payroll-date-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.payroll-date-actions{display:flex;gap:5px;flex-wrap:wrap}.payroll-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:9px}.payroll-date-chip{position:relative;border:1px solid #E1E8F0;border-radius:11px;background:#FFF;min-height:64px;display:grid;place-items:center;text-align:center;cursor:pointer;transition:.15s ease}.payroll-date-chip input{position:absolute;opacity:0;pointer-events:none}.payroll-date-chip strong{display:block;font-size:16px;color:#334155}.payroll-date-chip small{display:block;font-size:9px;color:#94A3B8;margin-top:2px}.payroll-date-chip:hover{border-color:#93C5FD;background:#F8FBFF}.payroll-date-chip.selected{border-color:#60A5FA;background:linear-gradient(180deg,#EFF6FF,#F8FBFF);box-shadow:inset 0 0 0 1px rgba(59,130,246,.12)}.payroll-date-chip.selected strong{color:#2563EB}.payroll-selection-summary{margin-top:8px;font-size:11px;color:#64748B}.payroll-selection-summary strong{color:#2563EB}.payroll-selection-summary span{margin:0 4px;color:#CBD5E1}
.payroll-run-actions{display:flex;gap:8px;flex-wrap:wrap}.payroll-run-actions form{margin:0}.payroll-kpis .value{font-size:22px!important}.payroll-table-card{padding:0!important;overflow:hidden}.payroll-table-card .section-title{padding:18px 18px 0}.table-scroll{overflow-x:auto}.payroll-table-card table{min-width:1500px}.payroll-adjust-form{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:5px;min-width:250px}.payroll-adjust-form label{font-size:9px;color:#64748B;margin:0}.payroll-adjust-form input{font-size:10px;padding:6px 7px}.payroll-adjust-form button{grid-column:1/-1}.payroll-net{color:#047857;font-size:15px}
.payroll-slip-head{background:linear-gradient(125deg,#F0FDF8 0%,#FFFFFF 48%,#F4F2FF 100%)}.payroll-slip-pay{min-width:210px;text-align:right}.payroll-slip-pay span,.payroll-slip-pay small{display:block;color:#718096;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.payroll-slip-pay strong{display:block;color:#047857;font-size:30px;margin:3px 0}.payroll-salary-breakdown .grid>div{padding:12px;border:1px solid #E8EDF3;border-radius:12px;background:#FBFCFE}.payroll-salary-breakdown span,.payroll-salary-breakdown strong{display:block}.payroll-salary-breakdown span{font-size:10px;color:#718096}.payroll-salary-breakdown strong{font-size:14px;margin-top:5px;color:#263449}
@media(max-width:1050px){.payroll-date-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.payroll-profile-row{grid-template-columns:1fr 1fr}.payroll-employee-grid{grid-template-columns:1fr}}
@media(max-width:760px){.payroll-hero,.payroll-run-head,.payroll-slip-head{padding:16px}.payroll-rule-card{width:100%}.payroll-profile-row{grid-template-columns:1fr}.payroll-date-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-date-chip{min-height:58px}.payroll-slip-pay{text-align:left}.payroll-adjust-form{min-width:210px}}
@media print{.sidebar,.topbar,.btn,.attendance-banner{display:none!important}.main{margin:0!important;width:100%!important}.content{padding:0!important}.payroll-slip-head,.card{box-shadow:none!important}.payroll-table-card{overflow:visible!important}.table-scroll{overflow:visible!important}}


/* =========================================================
   GLOBAL NATIVE SELECT / OPTION FIX
   Prevents old dark-theme option colors from leaking into any CRM dropdown.
   Applies to Team Monitor, Leads, Payroll, Reports, Settings and all filters.
   ========================================================= */
html,body{color-scheme:light!important}
select,.form-select{
  color-scheme:light!important;
  background:#FFFFFF!important;
  color:#1E293B!important;
  border:1px solid #D7E0EA!important;
}
select option,select optgroup,.form-select option,.form-select optgroup{
  color-scheme:light!important;
  background:#FFFFFF!important;
  color:#1E293B!important;
}
select option:checked,.form-select option:checked{
  background:#E8F1FF!important;
  color:#1D4ED8!important;
}
select option:disabled,.form-select option:disabled{
  background:#F8FAFC!important;
  color:#94A3B8!important;
}
select:disabled,.form-select:disabled{
  background:#F1F5F9!important;
  color:#94A3B8!important;
  opacity:1!important;
}

/* =========================================================
   LEAD DATA CENTER / STRUCTURED DATA MANAGEMENT
   ========================================================= */
.data-kpis .card:nth-child(1){border-top:3px solid #2563EB!important}.data-kpis .card:nth-child(2){border-top:3px solid #7C3AED!important}.data-kpis .card:nth-child(3){border-top:3px solid #10B981!important}.data-kpis .card:nth-child(4){border-top:3px solid #D4A843!important}
.ldc-upload{margin-top:16px;background:linear-gradient(135deg,#F7FAFF 0%,#FFFFFF 54%,#FFF8E8 100%)!important;border-color:#DDE6F1!important}
.ldc-format{margin:2px 0 14px;padding:10px 12px;border-radius:10px;background:#F8FAFC;border:1px dashed #CBD5E1;color:#334155;font-size:12px;line-height:1.5}
.ldc-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;align-items:end}.ldc-filter-grid .form-group{margin:0}.ldc-filter-submit{display:flex;align-items:flex-end}.ldc-filter-submit .btn{width:100%}
.ldc-actions{background:linear-gradient(135deg,#F7FBFF,#FFFFFF)!important}.ldc-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ldc-action-grid>form{padding:14px;border:1px solid #E1E8F0;border-radius:13px;background:#FCFDFE}.ldc-action-grid .btn{margin-top:6px}
.ldc-danger{border-color:#F2C7C7!important;background:linear-gradient(135deg,#FFF8F8,#FFFFFF)!important}.ldc-danger h3{color:#B42318!important}.ldc-danger .ldc-action-grid>form{border-color:#F2D0D0;background:#FFFDFD}
.ldc-checkall{display:flex;align-items:center;gap:7px;margin:0;color:#475569;font-size:12px}.ldc-table{min-width:1450px}.ldc-table td{vertical-align:middle}.ldc-table tr:hover td{background:#F8FBFF!important}
.lead-data-summary{background:linear-gradient(135deg,#F8FBFF,#FFFFFF 60%,#FFF9EB)!important}
@media(max-width:1250px){.ldc-filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}
@media(max-width:900px){.ldc-action-grid{grid-template-columns:1fr}.ldc-filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:600px){.ldc-filter-grid{grid-template-columns:1fr}.ldc-upload .section-title,.ldc-actions .section-title,.ldc-danger .section-title{align-items:flex-start;gap:10px}.ldc-table{min-width:1150px}}


/* =========================================================
   SORTABLE LEAD TABLE HEADERS
   Click Lead / Contact / Stage / Heat / Value / Assigned To / Next Action
   to sort the current filtered lead list without losing filters.
   ========================================================= */
.sort-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#50627A!important;
  font-weight:800!important;
  text-decoration:none!important;
  padding:6px 8px!important;
  border-radius:9px!important;
  transition:.16s ease!important;
  white-space:nowrap!important;
}
.sort-link:hover{
  background:#EEF6FF!important;
  color:#2563EB!important;
}
.sort-link.active{
  background:linear-gradient(135deg,#EAF2FF,#F7FAFF)!important;
  color:#1D4ED8!important;
  box-shadow:inset 0 0 0 1px #BFDBFE!important;
}
.sort-link .sort-icon{
  min-width:16px!important;
  height:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:10px!important;
  background:#F1F5F9!important;
  color:#64748B!important;
}
.sort-link.active .sort-icon{
  background:#2563EB!important;
  color:#FFFFFF!important;
}



/* Mobile final overrides loaded after base stylesheet */
@media(max-width:760px){
  .sidebar{display:block!important;transform:translateX(-105%)!important;background:#fff!important}
  body.sidebar-open .sidebar{transform:translateX(0)!important}
  .main{margin-left:0!important;width:100%!important}
  .content{padding:12px!important}
  .card{overflow-x:auto!important}
  .topbar{height:auto!important;min-height:58px!important}
  .filters{display:grid!important;grid-template-columns:1fr!important}
  input,select,textarea{font-size:16px!important;min-height:44px!important}
}