:root{--bg:#f6f8fb;--card:#fff;--text:#172033;--muted:#667085;--border:#e5e7eb;--primary:#2563eb;--primary2:#1d4ed8;--success:#067647;--warn:#b54708;--danger:#b42318;--shadow:0 8px 30px rgba(16,24,40,.06)}
*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg)}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30}.brand{font-weight:800;color:#111827;font-size:18px}.topbar nav{display:flex;gap:8px}.topbar nav a{padding:9px 12px;border-radius:9px;color:#475467}.topbar nav a.active,.topbar nav a:hover{background:#f2f4f7;color:#101828}.page{max-width:1180px;margin:28px auto;padding:0 20px}.page.wide{max-width:1800px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.hero-row h1{font-size:28px;line-height:1.2;margin:0 0 6px}.hero-row p{margin:0;color:var(--muted)}.hero-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:600}.btn:hover{background:#f9fafb}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.ghost{background:transparent}.btn.full{width:100%}.btn.small{padding:6px 9px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px 16px;color:var(--text);box-shadow:var(--shadow)}.stat-card b{display:block;font-size:24px}.stat-card span{color:var(--muted)}.stat-card.warn b{color:var(--warn)}.stat-card.success b{color:var(--success)}.filters{display:grid;grid-template-columns:minmax(260px,1fr) 160px 160px 160px auto auto;gap:8px;margin:0 0 14px}.filters input,.filters select,input,select,textarea{width:100%;border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:9px 11px;outline:none;color:#101828}.filters input:focus,.filters select:focus,input:focus,select:focus,textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}table{border-collapse:separate;border-spacing:0;width:100%}.contacts-table{min-width:1800px}.contacts-table th,.contacts-table td{padding:11px 10px;border-bottom:1px solid #eef1f4;vertical-align:middle;text-align:left}.contacts-table th{font-size:12px;color:#667085;background:#f9fafb;position:sticky;top:0;z-index:2}.contacts-table tr:last-child td{border-bottom:0}.sticky-col{position:sticky;left:0;z-index:3;background:#fff}.contacts-table th.sticky-col{z-index:4;background:#f9fafb}.contact-col{min-width:190px}.contact-name{display:block;font-weight:750;color:#101828}.company{display:block;color:#667085;font-size:12px;margin-top:2px}.stack{display:flex;flex-direction:column;gap:2px;min-width:150px}.muted{color:var(--muted)}.social-head{min-width:94px;text-align:center!important}.social-cell{text-align:center!important}.social-chip{min-width:76px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:9px;padding:6px 7px;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:1px}.social-chip span{font-weight:700;font-size:12px}.social-chip small{font-size:10px;color:#667085}.social-chip:hover{border-color:#98a2b3;background:#fff}.action-dm_sent,.action-followup_sent{background:#eff6ff;border-color:#bfdbfe}.action-commented{background:#f5f3ff;border-color:#ddd6fe}.action-reply_received{background:#ecfdf3;border-color:#a6f4c5}.action-viewed{background:#f9fafb}.followup-btn{border:0;background:transparent;color:#344054;padding:4px 0;cursor:pointer;white-space:nowrap}.followup-btn.overdue{color:var(--danger);font-weight:700}.status-select{min-width:110px;padding:6px 8px}.action-menu{position:absolute;z-index:100;background:#fff;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 18px 48px rgba(16,24,40,.18);width:210px;overflow:hidden}.action-menu.hidden,.hidden{display:none!important}.action-menu-head{padding:11px 12px;border-bottom:1px solid #eaecf0;display:flex;flex-direction:column}.action-menu-head span{font-size:12px;color:#667085;text-transform:capitalize}.action-menu button{width:100%;border:0;background:#fff;text-align:left;padding:9px 12px;cursor:pointer;color:#344054}.action-menu button:hover{background:#f9fafb}.modal{position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:#fff;border-radius:14px;padding:22px;width:min(440px,100%);max-height:92vh;overflow:auto;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-card.large{width:min(760px,100%)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:26px;color:#667085;cursor:pointer}.modal-card h2{margin:0 0 8px}.modal-card label{display:block;margin:12px 0;font-weight:600}.quick-dates{display:flex;gap:7px;margin:-3px 0 14px}.quick-dates button{border:1px solid #d0d5dd;border-radius:8px;background:#fff;padding:6px 9px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-weight:600}.form-grid label small{display:block;font-weight:400;color:#667085;margin-top:4px}.span-2{grid-column:1/-1}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.card h2{margin:0 0 12px;font-size:18px}.dropzone{border:2px dashed #d0d5dd;border-radius:14px;padding:44px 20px;text-align:center;cursor:pointer;background:#fcfcfd}.dropzone.drag{border-color:#84adff;background:#eff6ff}.dropzone input{display:none}.dropzone h3{margin:0 0 4px}.dropzone p{margin:0;color:#667085}.import-summary{margin:16px 0;font-weight:700}.alert{padding:11px 12px;border-radius:9px;margin:12px 0}.alert.danger{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.alert.success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#eff6ff,#f8fafc 45%)}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px;box-shadow:0 22px 70px rgba(16,24,40,.12)}.auth-card.setup-card{width:min(720px,100%)}.auth-card h1{margin:12px 0 4px}.auth-card p{color:#667085}.auth-card label{display:block;font-weight:600;margin:12px 0}.copy-row{display:flex;gap:8px}.copy-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.social-overview{display:flex;flex-direction:column}.social-overview-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1f4;padding:10px 0;gap:10px}.social-overview-row:last-child{border:0}.social-overview-row>div{display:flex;flex-direction:column;gap:2px}.social-overview-row>div:last-child{align-items:flex-end}.badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:700}.badge.warn{background:#fff7ed;color:#9a3412}.timeline{display:flex;flex-direction:column}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:8px 0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#2563eb;margin-top:5px;box-shadow:0 0 0 4px #dbeafe}.timeline-item p{margin:3px 0;color:#475467}.timeline-item small{color:#98a2b3}.back{display:inline-block;margin-bottom:8px}.empty{text-align:center;padding:30px;color:#98a2b3}.card ol{margin:8px 0 0 20px;padding:0}.card li{margin:8px 0}code{background:#f2f4f7;padding:2px 5px;border-radius:5px}
@media(max-width:900px){.topbar{height:auto;align-items:flex-start;gap:10px;padding:14px 16px;flex-direction:column}.topbar nav{overflow:auto;width:100%}.hero-row{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.hero-actions{flex-wrap:wrap}.page{margin-top:18px}}
@media(max-width:560px){.stats-grid,.filters{grid-template-columns:1fr}.page{padding:0 12px}.auth-card{padding:20px}}
.extension-status{display:inline-flex;align-items:center;border:1px solid #f2c94c;background:#fff9db;color:#8a5a00;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;white-space:nowrap}.extension-status.connected{border-color:#a6f4c5;background:#ecfdf3;color:#067647}.extension-card{width:min(520px,100%);text-align:center}.extension-icon{width:48px;height:48px;border-radius:14px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:26px;font-weight:800;margin:0 auto 10px}.install-steps{text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:13px 14px;margin:14px 0;display:flex;flex-direction:column;gap:6px}.tiny{font-size:12px}.extension-install-modal .btn{margin-top:6px}

/* v1.2 import mapping */
.mapping-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.mapping-head h2{margin-bottom:4px}.mapping-help{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin-bottom:12px;color:#475467}.mapping-table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:11px}.mapping-table{min-width:760px}.mapping-table th,.mapping-table td{padding:11px 12px;border-bottom:1px solid #eef1f4;text-align:left;vertical-align:middle}.mapping-table th{background:#f9fafb;color:#667085;font-size:12px;position:sticky;top:0;z-index:2}.mapping-table tr:last-child td{border-bottom:0}.mapping-table td:first-child{min-width:190px}.mapping-table td:nth-child(2){width:44%}.mapping-table td:nth-child(3){min-width:210px}.sample-cell{color:#667085;font-size:12px;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-match{display:inline-flex;margin-left:8px;padding:2px 6px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:10px;font-weight:700;vertical-align:middle}.mapping-select.mapping-error{border-color:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.10)}.mapping-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}

/* v1.2 floating horizontal table navigator */
.table-hscroll-dock{position:fixed;left:20px;right:20px;bottom:12px;z-index:28;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;padding:7px 8px;background:rgba(255,255,255,.96);border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 12px 35px rgba(16,24,40,.18);backdrop-filter:blur(8px)}.hscroll-arrow{height:32px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}.hscroll-arrow:hover{background:#f9fafb;border-color:#98a2b3}.table-hscroll-track{overflow-x:auto;overflow-y:hidden;height:22px;scrollbar-width:auto;scrollbar-color:#98a2b3 #eaecf0}.table-hscroll-track::-webkit-scrollbar{height:12px}.table-hscroll-track::-webkit-scrollbar-track{background:#eaecf0;border-radius:999px}.table-hscroll-track::-webkit-scrollbar-thumb{background:#98a2b3;border-radius:999px;border:2px solid #eaecf0}.table-hscroll-spacer{height:1px;min-width:100%}
@media(max-width:700px){.table-hscroll-dock{left:8px;right:8px;bottom:8px}.mapping-head{flex-direction:column}.mapping-actions{justify-content:stretch}.mapping-actions .btn{flex:1}}

/* v1.3 WordPress-style admin layout, profile modal, follow-up filters */
.admin-layout{min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#101828;color:#d0d5dd;z-index:80;display:flex;flex-direction:column;border-right:1px solid #1d2939;box-shadow:8px 0 30px rgba(16,24,40,.08)}.sidebar-brand{min-height:76px;display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid #1f2937}.sidebar-brand img{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#fff;padding:3px}.brand-mark{width:42px;height:42px;border-radius:10px;background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:900}.sidebar-brand div{min-width:0}.sidebar-brand b{display:block;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand small{display:block;color:#98a2b3;font-size:10px;margin-top:2px}.sidebar-nav{padding:12px 9px;display:flex;flex-direction:column;gap:3px}.sidebar-nav a,.sidebar-bottom a{display:flex;align-items:center;gap:10px;color:#d0d5dd;padding:9px 10px;border-radius:7px;font-weight:650}.sidebar-nav a:hover,.sidebar-nav a.active,.sidebar-bottom a:hover{background:#1d2939;color:#fff}.sidebar-nav a.active{box-shadow:inset 3px 0 0 var(--primary)}.nav-icon{width:25px;height:25px;border-radius:6px;background:#344054;display:grid;place-items:center;color:#f2f4f7;font-size:11px;font-weight:800}.sidebar-nav a.active .nav-icon{background:var(--primary);color:#fff}.sidebar-settings-group{border-top:1px solid #1f2937;margin:4px 12px 0;padding:14px 6px;display:flex;flex-direction:column;gap:4px}.sidebar-settings-group small{color:#667085;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800;margin-bottom:4px}.sidebar-settings-group a{color:#98a2b3;padding:5px 7px;border-radius:6px;font-size:12px}.sidebar-settings-group a:hover{background:#1d2939;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #1f2937;padding:10px}.admin-main{margin-left:238px;min-width:0}.admin-page{margin-top:0;padding-top:28px}.sidebar-mobile-toggle{display:none;position:fixed;left:12px;top:12px;z-index:95;width:40px;height:40px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;box-shadow:var(--shadow);font-size:20px}.page.wide{max-width:none;padding-left:24px;padding-right:24px}.stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card.today b{color:#9a3412}.stat-card.tomorrow b{color:#6d28d9}

.filter-shell{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px;margin-bottom:10px;box-shadow:var(--shadow)}.filter-main-row{display:grid;grid-template-columns:minmax(300px,1fr) auto auto auto;gap:9px;align-items:center}.advanced-toggle{display:flex!important;align-items:center;gap:8px;margin:0!important;cursor:pointer;white-space:nowrap;color:#344054}.advanced-toggle input{position:absolute;opacity:0;pointer-events:none;width:auto}.toggle-ui{width:38px;height:21px;border-radius:999px;background:#d0d5dd;position:relative;transition:.18s}.toggle-ui:after{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s}.advanced-toggle input:checked+.toggle-ui{background:var(--primary)}.advanced-toggle input:checked+.toggle-ui:after{transform:translateX(17px)}.advanced-filters{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:10px;border-top:1px solid #eaecf0;margin-top:10px;padding-top:10px}.advanced-filters label{font-size:11px;font-weight:700;color:#667085}.advanced-filters select,.advanced-filters input{margin-top:4px}.followup-legend{display:flex;justify-content:flex-end;gap:7px;margin:7px 2px 9px}.legend{font-size:10px;font-weight:800;padding:3px 7px;border-radius:999px;border:1px solid}.legend.overdue{background:#fef3f2;color:#b42318;border-color:#fecdca}.legend.today{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.legend.tomorrow{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.legend.upcoming{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.contacts-table tr.followup-overdue td{background:#fffafa}.contacts-table tr.followup-overdue .sticky-col{background:#fffafa}.contacts-table tr.followup-today td{background:#fffbeb}.contacts-table tr.followup-today .sticky-col{background:#fffbeb}.contacts-table tr.followup-tomorrow td{background:#faf5ff}.contacts-table tr.followup-tomorrow .sticky-col{background:#faf5ff}.followup-btn{padding:6px 9px;border-radius:8px;font-weight:650}.followup-btn.followup-overdue{background:#fef3f2;color:#b42318}.followup-btn.followup-today{background:#ffedd5;color:#9a3412}.followup-btn.followup-tomorrow{background:#ede9fe;color:#6d28d9}.followup-btn.followup-upcoming{background:#eff6ff;color:#1d4ed8}.profile-open-btn{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit}.profile-open-btn:hover{color:var(--primary);text-decoration:underline}

.action-menu{width:310px;max-height:min(680px,80vh);overflow:auto}.action-menu-head{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px}.action-menu-head>div{display:flex;flex-direction:column}.mini-close{width:25px!important;height:25px!important;padding:0!important;border-radius:6px!important;text-align:center!important;font-size:18px!important}.action-menu .menu-primary{font-weight:800;color:var(--primary);background:#f8fbff}.action-menu-section{padding:8px 0;border-top:1px solid #eaecf0}.action-menu-section>small{display:block;padding:2px 12px 5px;color:#98a2b3;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.menu-message-list{padding:0 8px}.menu-message-list .copy-message-btn{border:1px solid #eaecf0;border-radius:7px;margin:3px 0;padding:7px 9px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.menu-message-list .copy-message-btn span{color:var(--primary);font-size:10px}.recent-links{padding:0 8px 6px}.recent-links a{display:flex;flex-direction:column;border:1px solid #eaecf0;border-radius:7px;padding:7px 8px;margin:4px 0;color:#344054}.recent-links a:hover{border-color:#98a2b3;background:#f9fafb}.recent-links a b{font-size:11px}.recent-links a span{font-size:10px;color:#667085}

.profile-modal{align-items:flex-start;padding-top:28px}.profile-card{width:min(1120px,calc(100vw - 40px));max-height:calc(100vh - 56px);padding:26px}.profile-loading{padding:60px;text-align:center;color:#667085}.profile-header{display:flex;justify-content:space-between;gap:16px;padding-right:38px;border-bottom:1px solid #eaecf0;padding-bottom:16px}.profile-header-main{flex:1 1 auto;min-width:0}.profile-header h2{font-size:27px;margin:2px 0 3px}.profile-header p{margin:0;color:#667085}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-weight:850}.profile-header-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;max-width:none;min-width:0;flex-wrap:nowrap}.profile-header-top-buttons{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.profile-header-top-buttons .btn{white-space:nowrap}.profile-header-status-row,.profile-header-delete-row{width:auto;flex:0 0 auto}.profile-header-actions select,.profile-header-status-row select,#profileStatusSelect{width:170px!important;max-width:170px;min-width:170px}.btn.danger,.ghost-danger{color:#b42318;border-color:#fda29b}.btn.danger:hover,.ghost-danger:hover{background:#fef3f2}.profile-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.profile-info-grid>div{border:1px solid #eaecf0;border-radius:10px;padding:11px;background:#fcfcfd;min-width:0}.profile-info-grid small{display:block;color:#98a2b3;font-size:10px;margin-bottom:3px}.profile-info-grid b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.profile-section{border:1px solid #eaecf0;border-radius:12px;padding:15px;margin:14px 0;background:#fff}.card.profile-section{margin-bottom:16px}.profile-section h3,.profile-section h2{font-size:16px;margin:0 0 11px}.profile-social-list{display:flex;flex-direction:column}.profile-social-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f2f4f7}.profile-social-row:last-child{border-bottom:0}.profile-social-row>div{display:flex;flex-direction:column;gap:2px}.profile-social-row>div:last-child{align-items:flex-end}.profile-social-row span,.profile-social-row small{color:#667085;font-size:10px}.profile-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-message{border:1px solid #eaecf0;border-radius:10px;padding:11px;background:#fcfcfd}.profile-message>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-message button{border:0;background:transparent;color:var(--primary);font-weight:800;cursor:pointer}.profile-message p{margin:8px 0 0;color:#475467;font-size:12px;max-height:130px;overflow:auto}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title-row h3,.section-title-row h2{margin:0}.profile-timeline{display:flex;flex-direction:column}.profile-timeline-item{display:grid;grid-template-columns:16px 1fr;gap:9px;padding:10px 2px;border-bottom:1px solid #f2f4f7}.profile-timeline-item:last-child{border:0}.profile-timeline-item .timeline-dot{margin-top:6px}.timeline-title{display:flex;justify-content:space-between;gap:10px}.timeline-title small{color:#98a2b3}.activity-target-link{display:inline-block;margin:4px 0;color:var(--primary);font-size:12px;font-weight:700}.source-pill{display:inline-flex;font-size:9px;padding:2px 6px;border-radius:999px;background:#f2f4f7;color:#667085}.crm-toast{position:fixed;right:20px;bottom:20px;z-index:300;padding:10px 13px;border-radius:9px;box-shadow:0 12px 30px rgba(16,24,40,.18);font-weight:700}.crm-toast.success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.crm-toast.danger{background:#fef3f2;color:#b42318;border:1px solid #fecdca}

.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start}.settings-tabs{background:#fff;border:1px solid var(--border);border-radius:12px;padding:7px;box-shadow:var(--shadow);position:sticky;top:18px}.settings-tabs a{display:block;padding:9px 10px;border-radius:7px;color:#475467;font-weight:650}.settings-tabs a.active,.settings-tabs a:hover{background:#f2f4f7;color:#101828}.settings-content{min-width:0}.settings-form{display:flex;flex-direction:column;gap:14px}.settings-form>label{font-weight:700}.settings-form small{display:block;color:#667085;font-weight:400;margin-top:4px}.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.image-preview{display:flex;align-items:center;justify-content:center;border:1px solid #eaecf0;border-radius:10px;background:#f9fafb;min-height:96px;margin:7px 0;padding:10px}.logo-preview img{max-width:220px;max-height:72px}.icon-preview img{width:64px;height:64px;object-fit:contain}.check-line{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#667085;margin-bottom:6px}.check-line input{width:auto}.color-row{display:grid;grid-template-columns:64px 180px;gap:8px}.color-row input[type=color]{height:42px;padding:3px}.setting-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-info-grid>div{border:1px solid #eaecf0;border-radius:10px;padding:12px}.setting-info-grid small{display:block;color:#98a2b3}.radio-card{display:flex!important;align-items:center;gap:11px;border:1px solid #eaecf0;border-radius:10px;padding:12px}.radio-card input{width:auto}.radio-card span{display:flex;flex-direction:column;gap:3px}.notice-box{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px;margin-top:15px}.notice-box p{margin:4px 0 0;color:#78716c}

.table-hscroll-dock{left:258px}
@media(max-width:1200px){.advanced-filters{grid-template-columns:repeat(3,minmax(160px,1fr))}.stats-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.admin-sidebar{transform:translateX(-102%);transition:.2s}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.sidebar-mobile-toggle{display:block}.admin-page{padding-top:66px}.table-hscroll-dock{left:8px}.filter-main-row{grid-template-columns:1fr auto}.filter-main-row .btn{min-height:40px}.advanced-filters{grid-template-columns:1fr 1fr}.stats-grid.five{grid-template-columns:1fr 1fr}.profile-columns,.settings-layout{grid-template-columns:1fr}.settings-tabs{position:static;display:flex;overflow:auto}.settings-tabs a{white-space:nowrap}.profile-message-grid{grid-template-columns:1fr}.profile-header{flex-direction:column}.profile-header-actions{align-items:flex-start;justify-content:flex-start;max-width:100%;min-width:0;flex:1 1 auto;flex-wrap:wrap}.profile-header-top-buttons{flex-wrap:wrap}.section-title-row{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.filter-main-row{grid-template-columns:1fr}.advanced-toggle{padding:5px 0}.advanced-filters,.stats-grid.five,.profile-info-grid,.branding-grid,.setting-info-grid{grid-template-columns:1fr}.profile-card{width:100%;max-height:100vh;border-radius:0}.profile-modal{padding:0}.profile-header-actions{flex-wrap:wrap}.profile-header-status-row,.profile-header-delete-row{width:100%}.profile-header-actions select,.profile-header-status-row select,#profileStatusSelect{width:100%!important;max-width:100%;min-width:0}.timeline-title{flex-direction:column;gap:2px}}
.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand img{max-width:52px;max-height:42px;object-fit:contain}

/* v1.4 compact contact list, bulk actions, column chooser, full-screen social activity */
body.modal-open{overflow:hidden}.compact-hero{margin-bottom:12px}.compact-hero h1{font-size:23px;margin-bottom:3px}.compact-hero p{font-size:12px}.title-count{font-size:15px;color:#667085;font-weight:700}.compact-hero .btn{padding:7px 10px;font-size:12px}.compact-hero .extension-status{padding:5px 8px;font-size:10px}
.filter-shell{position:relative;padding:8px}.filter-main-row{grid-template-columns:minmax(300px,1fr) auto 38px auto auto;gap:7px}.filter-main-row input,.filter-main-row select{padding:7px 9px;font-size:12px}.filter-main-row .btn{padding:7px 10px;font-size:11px}.advanced-toggle{font-size:11px}.icon-btn{height:36px;width:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:#f9fafb;border-color:#98a2b3}.column-icon{font-size:19px;line-height:1;transform:rotate(90deg)}
.column-chooser{position:absolute;right:92px;top:54px;z-index:70;width:330px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #d0d5dd;border-radius:11px;box-shadow:0 18px 50px rgba(16,24,40,.18);padding:11px}.column-chooser-head{display:flex;align-items:center;justify-content:space-between}.column-chooser-head b{font-size:12px}.column-chooser>p{margin:4px 0 9px;color:#667085;font-size:10px}.column-chooser-options{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;max-height:330px;overflow:auto}.column-chooser-options label{display:flex;align-items:center;gap:6px;margin:0;padding:5px 6px;border-radius:6px;font-size:11px;color:#344054;cursor:pointer}.column-chooser-options label:hover{background:#f9fafb}.column-chooser-options input{width:auto;margin:0}.column-chooser-actions{display:flex;justify-content:flex-end;gap:6px;border-top:1px solid #eaecf0;margin-top:8px;padding-top:8px}.column-hidden{display:none!important}
.bulk-action-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;background:#eef4ff;border:1px solid #c7d7fe;border-radius:9px;padding:6px 8px;margin:-2px 0 7px;font-size:11px}.bulk-action-bar label{display:flex;align-items:center;gap:5px;margin-right:auto}.bulk-action-bar input{width:auto}.btn.danger{background:#fff;color:#b42318;border-color:#fda29b}.btn.danger:hover{background:#fef3f2}
.contacts-table.compact-table{min-width:1710px;font-size:11px}.contacts-table.compact-table th,.contacts-table.compact-table td{padding:5px 6px;height:42px;line-height:1.25}.contacts-table.compact-table th{font-size:10px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.select-col{width:34px;min-width:34px;text-align:center!important;padding-left:5px!important;padding-right:5px!important}.select-col input{width:15px;height:15px;margin:0}.sticky-select{position:sticky;left:0;z-index:5;background:#fff}.contacts-table th.sticky-select{z-index:7;background:#f9fafb}.contacts-table .sticky-col{left:34px}.contacts-table th.sticky-col{z-index:6}.contact-col{min-width:175px}.contact-name{font-size:11.5px;line-height:1.2}.company{font-size:9.5px;margin-top:1px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-stack{gap:1px;min-width:145px}.compact-stack span,.compact-stack a,.compact-stack b{font-size:10.5px}.social-head{min-width:75px}.social-chip{min-width:58px;border-radius:7px;padding:3px 5px;gap:0}.social-chip span{font-size:10px}.social-chip small{font-size:8.5px}.status-select{min-width:90px;padding:4px 5px;font-size:10px;border-radius:6px}.followup-btn{font-size:9.5px;padding:4px 6px!important;border-radius:6px!important}.import-date{display:block;font-weight:650;white-space:nowrap;font-size:10px}.import-time{display:block;color:#98a2b3;font-size:8.5px;white-space:nowrap}.contacts-table tr.row-selected td{box-shadow:inset 0 0 0 9999px rgba(37,99,235,.045)}.contacts-table tr.row-selected .sticky-col,.contacts-table tr.row-selected .sticky-select{box-shadow:inset 0 0 0 9999px rgba(37,99,235,.045)}
.followup-legend{margin:4px 2px 6px}.legend{font-size:9px;padding:2px 6px}.stats-grid.five{gap:8px;margin-bottom:10px}.stats-grid.five .stat-card{padding:9px 11px;border-radius:9px}.stats-grid.five .stat-card b{font-size:18px}.stats-grid.five .stat-card span{font-size:10px}

.social-action-overlay{position:fixed;inset:0;z-index:180;background:rgba(15,23,42,.62);padding:14px;display:flex;align-items:stretch;justify-content:stretch}.social-action-panel{position:relative;background:#f8fafc;border:1px solid #d0d5dd;border-radius:15px;width:100%;height:100%;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.3);padding:18px}.social-action-close{position:fixed;right:27px;top:23px;z-index:3;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#667085;font-size:23px;line-height:1;cursor:pointer}.social-action-close:hover{background:#fef3f2;color:#b42318}.social-action-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:12px 54px 12px 13px;margin-bottom:10px}.social-action-header h2{font-size:19px;margin:1px 0 0}.social-action-header p{font-size:10px;color:#667085;margin:1px 0 0;text-transform:capitalize}.social-action-header .eyebrow{font-size:8.5px}.social-open-btn{font-size:11px;padding:7px 10px}.social-action-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.05fr) minmax(300px,1.05fr);gap:10px;align-items:start}.social-action-card{background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:11px;min-width:0}.social-action-card h3{font-size:12px;margin:0}.social-action-card .section-title-row{margin-bottom:7px}.social-action-card .tiny{font-size:8.5px}.menu-message-list{padding:0}.menu-message-list .copy-message-btn{width:100%;border:1px solid #eaecf0;border-radius:7px;margin:4px 0;padding:7px 8px;display:flex;justify-content:space-between;align-items:center;font-size:10.5px;background:#fcfcfd;color:#344054;cursor:pointer}.menu-message-list .copy-message-btn:hover{background:#f8fafc;border-color:#98a2b3}.menu-message-list .copy-message-btn span{font-size:9px;color:var(--primary);font-weight:800}.social-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.social-action-buttons button{border:1px solid #d0d5dd;background:#fff;border-radius:7px;padding:8px 9px;text-align:left;font-size:10.5px;color:#344054;cursor:pointer}.social-action-buttons button:hover{background:#eff6ff;border-color:#84adff;color:#1d4ed8}.social-action-note{font-size:9px;line-height:1.45;color:#667085;background:#f8fafc;border:1px solid #eef2f6;border-radius:7px;padding:7px;margin:8px 0 0}.recent-links{padding:0;display:grid;grid-template-columns:1fr;gap:4px}.recent-links a{margin:0;padding:7px 8px;border-radius:7px}.recent-links a b{font-size:10px}.recent-links a span{font-size:8.5px}.messages-card,.activity-card,.links-card{min-height:255px}
.profile-card{font-size:12px}.profile-info-grid.five-info{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-info-grid>div{padding:8px}.profile-info-grid small{font-size:8.5px}.profile-info-grid b{font-size:10.5px}.profile-section{padding:11px;margin:10px 0}.profile-section h3{font-size:13px}.profile-social-row{padding:6px 0}.profile-message{padding:8px}.profile-message p{font-size:10.5px;line-height:1.4}.profile-timeline-item{padding:7px 2px}.timeline-title b{font-size:10.5px}.timeline-title small,.activity-target-link{font-size:9.5px}.profile-header h2{font-size:21px}.profile-header p{font-size:10.5px}

@media(max-width:1200px){.social-action-grid{grid-template-columns:1fr 1fr}.links-card{grid-column:1/-1}.profile-info-grid.five-info{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.filter-main-row{grid-template-columns:1fr auto 38px}.filter-main-row .btn,.filter-main-row>a.btn{display:none}.column-chooser{right:8px;top:52px}.social-action-overlay{padding:0}.social-action-panel{border-radius:0;border:0}.social-action-grid{grid-template-columns:1fr}.links-card{grid-column:auto}.social-action-header{align-items:flex-start;flex-direction:column}.social-action-close{right:10px;top:10px}.profile-info-grid.five-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.column-chooser-options{grid-template-columns:1fr}.profile-info-grid.five-info{grid-template-columns:1fr}.contacts-table.compact-table th,.contacts-table.compact-table td{padding:5px}.social-action-panel{padding:10px}.social-action-header{padding:10px 42px 10px 10px}}
.social-contact-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px}.social-contact-meta span{font-size:9px;color:#667085}.social-header-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.social-profile-btn{font-size:10.5px;padding:7px 9px}
@media(max-width:900px){.social-header-actions{width:100%}.social-header-actions .btn{flex:1}}
.column-icon{transform:none!important;display:grid;place-items:center}

/* v1.5 Lists + message templates + merge tags */
.crm-two-col{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(420px,1.2fr);gap:14px;align-items:start}.compact-admin-table{overflow:auto}.compact-admin-table table{width:100%;border-collapse:collapse;font-size:11px}.compact-admin-table th,.compact-admin-table td{padding:8px 9px;border-bottom:1px solid #eaecf0;text-align:left;vertical-align:middle}.compact-admin-table th{font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:#667085;background:#f9fafb;white-space:nowrap}.compact-admin-table td small{display:block;color:#98a2b3;font-size:9px;margin-top:2px;max-width:420px}.compact-admin-table tr.active-row td{background:#eff6ff}.compact-admin-table a{text-decoration:none}.compact-form{margin-top:8px}.soft-rule{border:0;border-top:1px solid #eaecf0;margin:16px 0}.template-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0 12px}.check-card{display:flex!important;align-items:flex-start!important;gap:7px!important;border:1px solid #e4e7ec;border-radius:8px;padding:8px!important;margin:0!important;background:#fff;cursor:pointer}.check-card:hover{background:#f9fafb;border-color:#b2c4ff}.check-card input{width:15px!important;height:15px!important;margin:1px 0 0!important;flex:0 0 auto}.check-card span{min-width:0}.check-card b{display:block;font-size:10.5px;color:#101828;line-height:1.25}.check-card small{display:block;font-size:8.5px;color:#98a2b3;margin-top:2px}.template-builder-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:14px;align-items:start}.merge-tag-panel{position:sticky;top:16px}.merge-tag-panel>p{font-size:10px}.merge-tag-list{display:grid;gap:5px;max-height:520px;overflow:auto;padding-right:2px}.merge-tag-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid #eaecf0;border-radius:7px;background:#fff;padding:7px 8px;cursor:pointer;text-align:left}.merge-tag-btn:hover{background:#f8fafc;border-color:#98a2b3}.merge-tag-btn code{font-size:9.5px;color:#1d4ed8;word-break:break-all}.merge-tag-btn span{font-size:8.5px;color:#667085}.inline-check{display:flex!important;align-items:center!important;gap:7px!important;padding-top:24px}.inline-check input{width:auto!important}.row-actions{display:flex;align-items:center;gap:5px}.row-actions form{margin:0}.list-pill{display:inline-flex;align-items:center;border:1px solid #d6e4ff;background:#f5f8ff;color:#2455a6;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;white-space:nowrap;margin:1px 2px 1px 0}.tiny-pill{font-size:8px;padding:1px 5px}.list-more{font-size:8px;color:#667085;font-weight:700}.list-cell{min-width:120px;max-width:190px;display:flex;flex-wrap:wrap;gap:1px}.profile-list-pills{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.template-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.template-card-head>div{min-width:0}.template-card-head b{display:block}.template-card-head small{display:block;color:#98a2b3;font-size:8.5px;margin-top:1px}.template-source{font-size:8.5px;color:#667085;background:#f8fafc;border-radius:5px;padding:4px 6px;margin:6px 0}.template-copy-row{align-items:stretch!important}.template-copy-main{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:1px;min-width:0}.template-copy-main b{font-size:10px;color:#101828}.template-copy-main small{font-size:8.5px!important;color:#667085;white-space:normal;text-align:left}.copy-word{align-self:center!important;flex:0 0 auto}.bulk-list-select{height:30px;min-width:150px;max-width:220px;padding:4px 7px;border:1px solid #b9c6e2;border-radius:7px;background:#fff;font-size:10px}.import-list-box{border:1px solid #e4e7ec;border-radius:9px;background:#fcfcfd;padding:10px;margin:10px 0}.import-list-box h3{font-size:12px;margin:0 0 2px}.import-list-box p{font-size:9.5px;margin:0}.import-list-grid{margin-bottom:0}.compact-list-picker{grid-template-columns:repeat(3,minmax(0,1fr));max-height:230px;overflow:auto}.field-label{font-size:11px;display:block;margin-bottom:6px}.success-badge{background:#ecfdf3!important;color:#027a48!important}.muted-badge{background:#f2f4f7!important;color:#667085!important}.contacts-table [data-col="lists"]{min-width:145px}.contacts-table.compact-table{min-width:1860px}
@media(max-width:1150px){.crm-two-col,.template-builder-layout{grid-template-columns:1fr}.merge-tag-panel{position:static}.compact-list-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.template-check-grid,.compact-list-picker{grid-template-columns:1fr}.bulk-action-bar{overflow:auto;justify-content:flex-start}.bulk-action-bar label{min-width:max-content}.bulk-list-select{min-width:135px}.compact-admin-table table{min-width:620px}}


/* v1.5.1 readability + WordPress-style branding crop */
.contacts-table.compact-table{font-size:12px}
.contacts-table.compact-table th,.contacts-table.compact-table td{padding:6px 7px;height:46px;line-height:1.3}
.contacts-table.compact-table th{font-size:11px}
.contact-name{font-size:12.5px}
.company{font-size:10.5px}
.compact-stack span,.compact-stack a,.compact-stack b{font-size:11.5px}
.social-chip span{font-size:11px}.social-chip small{font-size:9.5px}
.status-select{font-size:11px}.followup-btn{font-size:10.5px}.import-date{font-size:11px}.import-time{font-size:9.5px}
.list-pill{font-size:10px}.tiny-pill{font-size:9px}.list-more{font-size:9px}

.social-action-header h2{font-size:21px}.social-action-header p{font-size:11.5px}.social-action-header .eyebrow{font-size:9.5px}
.social-open-btn,.social-profile-btn{font-size:12px}
.social-action-card h3{font-size:13.5px}.social-action-card .tiny{font-size:10px}
.menu-message-list .copy-message-btn{font-size:12px;padding:9px 10px}.menu-message-list .copy-message-btn span{font-size:10px}
.social-action-buttons button{font-size:12px;padding:9px 10px}.social-action-note{font-size:10.5px}
.recent-links a b{font-size:11.5px}.recent-links a span{font-size:10px}.social-contact-meta span{font-size:10.5px}
.template-copy-main b{font-size:11.5px}.template-copy-main small{font-size:10px!important}.template-source{font-size:10px}

.profile-card{font-size:13px}.profile-info-grid small{font-size:10px}.profile-info-grid b{font-size:12px}
.profile-section h3{font-size:14.5px}.profile-social-row span,.profile-social-row small{font-size:11px}
.profile-message p{font-size:12px}.timeline-title b{font-size:12px}.timeline-title small,.activity-target-link{font-size:10.5px}
.profile-header h2{font-size:23px}.profile-header p{font-size:12px}

.crop-file-row{display:flex;align-items:center;gap:8px}.crop-file-row input[type=file]{min-width:0}.crop-file-row .btn{flex:0 0 auto}
.crop-placeholder{color:#98a2b3;font-size:12px}.crop-placeholder span{display:block;text-align:center}
.crop-modal{position:fixed;inset:0;z-index:400;background:rgba(16,24,40,.62);display:grid;place-items:center;padding:20px}
.crop-dialog{width:min(900px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:15px;border:1px solid #d0d5dd;box-shadow:0 35px 100px rgba(0,0,0,.32);position:relative;padding:20px}
.crop-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#667085;font-size:24px;line-height:1;cursor:pointer;z-index:2}
.crop-close:hover{background:#fef3f2;color:#b42318}.crop-dialog-head{padding-right:44px;margin-bottom:16px}.crop-dialog-head h2{margin:2px 0 3px;font-size:22px}.crop-dialog-head p{margin:0;color:#667085;font-size:12px}
.crop-workspace{display:grid;grid-template-columns:minmax(360px,1fr) 220px;gap:20px;align-items:start}.crop-stage-shell{display:flex;flex-direction:column;align-items:center;gap:8px}.crop-stage-shell>small{color:#667085}
.crop-stage{width:min(520px,72vh);aspect-ratio:1/1;position:relative;overflow:hidden;background:repeating-conic-gradient(#f2f4f7 0 25%,#fff 0 50%) 50%/22px 22px;border:1px solid #d0d5dd;border-radius:10px;cursor:grab;touch-action:none;user-select:none}
.crop-stage.dragging{cursor:grabbing}.crop-stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center center;pointer-events:none;user-select:none;-webkit-user-drag:none}
.crop-grid-line{position:absolute;background:rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(16,24,40,.12);pointer-events:none}.crop-v1,.crop-v2{top:0;bottom:0;width:1px}.crop-v1{left:33.333%}.crop-v2{left:66.666%}.crop-h1,.crop-h2{left:0;right:0;height:1px}.crop-h1{top:33.333%}.crop-h2{top:66.666%}
.crop-controls{display:flex;flex-direction:column;gap:12px;border:1px solid #eaecf0;border-radius:11px;background:#f9fafb;padding:13px}.crop-controls label{font-weight:700;font-size:12px}.crop-controls output{float:right;color:#667085;font-weight:700}.crop-controls input[type=range]{width:100%;margin-top:10px}
.crop-result-preview{display:flex;flex-direction:column;gap:7px}.crop-result-preview small{color:#667085}.crop-result-preview canvas{width:128px;height:128px;border-radius:11px;border:1px solid #d0d5dd;background:#fff}
.crop-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eaecf0;margin-top:18px;padding-top:14px}
body.crop-open{overflow:hidden}
@media(max-width:760px){.crop-workspace{grid-template-columns:1fr}.crop-controls{width:100%}.crop-stage{width:min(100%,480px)}.crop-result-preview{align-items:flex-start}}


/* v1.5.2 contact list readability, sticky header, unobstructed floating horizontal scrollbar */
.contacts-table.compact-table{font-size:12.5px}
.contacts-table.compact-table th,.contacts-table.compact-table td{padding:7px 8px;height:47px;line-height:1.3}
.contacts-table.compact-table th{font-size:11.5px;font-weight:800;letter-spacing:.005em}
.contact-name{font-size:13px;line-height:1.22}
.company{font-size:11px;line-height:1.22;margin-top:2px}
.compact-stack span,.compact-stack a,.compact-stack b{font-size:12px}
.import-date{font-size:11.5px}.import-time{font-size:10px}
.social-chip{min-width:64px;padding:4px 6px}.social-chip span{font-size:11.5px}.social-chip small{font-size:9.5px}
.status-select{font-size:11.5px;padding:5px 6px}.followup-btn{font-size:11px}
.list-pill{font-size:10px}.tiny-pill{font-size:9.5px;padding:2px 6px}.list-more{font-size:9.5px}

/* Keep the contact headers visible while vertically scrolling the contact table area. */
#contactsTableWrap{max-height:calc(100vh - 285px);min-height:260px;overflow:auto;scrollbar-gutter:stable}
#contactsTable thead th{position:sticky;top:0;z-index:12;background:#f9fafb;box-shadow:0 1px 0 #e4e7ec}
#contactsTable thead th.sticky-select{z-index:15}
#contactsTable thead th.sticky-col{z-index:14}

/* Horizontal navigation is now only a clean scrollbar: no arrow buttons. */
.table-hscroll-dock{grid-template-columns:minmax(0,1fr);gap:0;padding:7px 10px;left:258px;right:14px;bottom:10px}
.table-hscroll-track{width:100%}
.hscroll-arrow{display:none!important}
body.table-scroll-dock-visible .admin-page{padding-bottom:76px}

@media(max-width:1200px){#contactsTableWrap{max-height:calc(100vh - 300px)}}
@media(max-width:900px){.table-hscroll-dock{left:8px;right:8px}#contactsTableWrap{max-height:calc(100vh - 230px)}body.table-scroll-dock-visible .admin-page{padding-bottom:72px}}


/* v1.5.3 readable-density restoration + Message/Comment template UI */
.contacts-table.compact-table{font-size:14px}
.contacts-table.compact-table th,.contacts-table.compact-table td{padding:8px 9px;height:50px;line-height:1.35}
.contacts-table.compact-table th{font-size:12.5px;font-weight:800}
.contact-name{font-size:14.5px;line-height:1.25}
.company{font-size:12.5px;line-height:1.25;margin-top:2px}
.compact-stack span,.compact-stack a,.compact-stack b{font-size:13.5px}
.import-date{font-size:12.5px}.import-time{font-size:11px}
.social-chip{min-width:68px;padding:5px 7px}.social-chip span{font-size:12.5px}.social-chip small{font-size:10.5px}
.status-select{font-size:12.5px}.followup-btn{font-size:12px}
.list-pill{font-size:11px}.tiny-pill{font-size:10.5px}.list-more{font-size:10.5px}
.social-action-header h2{font-size:23px}.social-action-header p{font-size:13px}.social-contact-meta span{font-size:12px}
.social-action-card h3{font-size:15px}.social-action-card .tiny{font-size:11.5px}
.menu-message-list .copy-message-btn{font-size:13px;padding:10px 11px}.menu-message-list .copy-message-btn span{font-size:11px}
.social-action-buttons button{font-size:13px;padding:10px 11px}.social-action-note{font-size:11.5px}
.recent-links a b{font-size:12.5px}.recent-links a span{font-size:11px}
.profile-card{font-size:14px}.profile-info-grid small{font-size:11px}.profile-info-grid b{font-size:13px}
.profile-section h3{font-size:15.5px}.profile-message p{font-size:13px}.timeline-title b{font-size:13px}.timeline-title small,.activity-target-link{font-size:11.5px}
.quick-template-group{display:grid;gap:6px;margin-bottom:12px}.quick-template-group:last-child{margin-bottom:0}.quick-template-group h4{margin:2px 0 1px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#475467}.comment-template-group h4{color:#7c3aed}
.message-template-badge{background:#eff6ff!important;color:#1d4ed8!important}.comment-template-badge{background:#f5f3ff!important;color:#6d28d9!important}
.comment-template-card{border-color:#ddd6fe!important;background:#fdfcff!important}

/* v1.5.4 top workspace readability: larger controls without losing compact layout */
.compact-hero{margin-bottom:15px}
.compact-hero h1{font-size:30px;line-height:1.18;margin-bottom:5px}
.compact-hero p{font-size:14.5px;line-height:1.45;color:#667085}
.title-count{font-size:18px;line-height:1;color:#667085;font-weight:750}
.compact-hero .btn{padding:9px 13px;font-size:14px;min-height:40px}
.compact-hero .extension-status{padding:7px 10px;font-size:12.5px;line-height:1.25}

.stats-grid.five{gap:10px;margin-bottom:13px}
.stats-grid.five .stat-card{padding:13px 14px;border-radius:11px;min-height:74px}
.stats-grid.five .stat-card b{font-size:23px;line-height:1.1;margin-bottom:7px}
.stats-grid.five .stat-card span{font-size:13.5px;line-height:1.25;font-weight:500}

.filter-shell{padding:10px;margin-bottom:11px}
.filter-main-row{gap:9px;grid-template-columns:minmax(300px,1fr) auto 42px auto auto}
.filter-main-row input,.filter-main-row select{padding:9px 11px;font-size:14.5px;min-height:42px}
.filter-main-row .btn{padding:9px 13px;font-size:13.5px;min-height:42px}
.advanced-toggle{font-size:13.5px;font-weight:650;gap:9px}
.toggle-ui{width:42px;height:24px}
.toggle-ui:after{width:20px;height:20px}
.advanced-toggle input:checked+.toggle-ui:after{transform:translateX(18px)}
.icon-btn{height:42px;width:42px;font-size:15px}
.column-icon{font-size:21px}

.followup-legend{gap:8px;margin:7px 2px 8px}
.legend{font-size:11.5px;line-height:1.15;padding:4px 8px}

@media(max-width:900px){
  .compact-hero h1{font-size:26px}
  .compact-hero p{font-size:14px}
  .filter-main-row{grid-template-columns:1fr auto 42px}
}

/* v1.5.9 multi-platform template picker */
.template-platform-field{display:block}.template-platform-field>.field-label{display:flex;align-items:baseline;gap:8px;font-weight:700;color:#101828}.template-platform-field>.field-label small{font-size:10px;font-weight:500;color:#667085}.platform-multi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}.platform-check-card{min-height:54px;align-items:center!important}.platform-check-card b{font-size:12px}.platform-check-card small{font-size:9.5px}.all-platform-card{grid-column:1/-1;background:#f8fbff;border-color:#c7d7fe}.platform-selection-summary{display:block;margin-top:7px;color:#475467;font-size:10px}.template-platform-pills{display:flex;flex-wrap:wrap;gap:4px;min-width:160px}.platform-pill{display:inline-flex;align-items:center;border:1px solid #d0d5dd;background:#f8fafc;color:#344054;border-radius:999px;padding:3px 7px;font-size:9.5px;font-weight:700;white-space:nowrap}.platform-pill.all{border-color:#b2ccff;background:#eff6ff;color:#175cd3}
@media(max-width:900px){.platform-multi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.platform-multi-grid{grid-template-columns:1fr}}

/* v1.6.1 — richer contact/imported-data profile */
.profile-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.profile-data-item{border:1px solid var(--border,#e5e7eb);border-radius:10px;padding:10px 12px;background:var(--card,#fff);min-width:0}
.profile-data-item small,.imported-data-row small{display:block;font-size:12px;font-weight:700;color:var(--muted,#64748b);margin-bottom:4px}
.profile-data-item div,.imported-data-row div{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.profile-data-item a,.imported-data-row a{color:var(--accent,#2563eb);text-decoration:none}
.profile-data-item a:hover,.imported-data-row a:hover{text-decoration:underline}
.imported-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.imported-data-row{border:1px solid var(--border,#e5e7eb);border-radius:9px;padding:9px 11px;background:rgba(148,163,184,.05);min-width:0}
.profile-social-url{display:block;max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#64748b);margin-top:3px}
@media(max-width:1100px){.profile-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.imported-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.profile-data-grid,.imported-data-grid{grid-template-columns:1fr}}

/* v1.6.2 custom fields + live row refresh */
.profile-custom-field{display:flex!important;flex-direction:column;gap:5px;border:1px solid #e4e7ec;border-radius:9px;padding:10px;background:#fff;min-width:0}.profile-custom-field small{font-size:10px;font-weight:700;color:#475467}.profile-custom-field input,.profile-custom-field select,.profile-custom-field textarea{width:100%;margin:0;font-size:12px}.profile-custom-field code{font-size:8.5px;color:#667085;word-break:break-all}.custom-profile-grid{align-items:start}.advanced-filters label input[name="custom_value"]{min-width:150px}.nav-icon{font-size:11px}.contacts-table [data-col^="custom_"]{min-width:130px;max-width:220px;white-space:normal;word-break:break-word}


/* v1.6.3 contact focus, password eye and polished scrollbar UX */
.contact-first-name,.contact-last-name{display:inline;font:inherit;color:inherit}
.contacts-table tr.social-active-row td{box-shadow:inset 0 0 0 9999px rgba(37,99,235,.075)}
.contacts-table tr.social-active-row .sticky-col,.contacts-table tr.social-active-row .sticky-select{box-shadow:inset 0 0 0 9999px rgba(37,99,235,.075)}
.contacts-table tr.social-active-row td:first-child{border-left:3px solid var(--primary)}
.contacts-table tr.social-active-row .contact-name{color:var(--accent,#2563eb);font-weight:800}

.password-field{position:relative;display:flex;align-items:center}
.password-field input{padding-right:48px!important}
.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;border-radius:8px;color:#667085;cursor:pointer;padding:7px}
.password-toggle:hover{background:#eef4ff;color:var(--primary)}
.password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.password-toggle .eye-closed{display:none}.password-toggle.showing .eye-open{display:none}.password-toggle.showing .eye-closed{display:block}

/* Hide the table's duplicate native horizontal bar in Chromium while preserving its vertical bar. */
#contactsTableWrap::-webkit-scrollbar{width:8px;height:0}
#contactsTableWrap::-webkit-scrollbar-track{background:#eef2f6;border-radius:999px}
#contactsTableWrap::-webkit-scrollbar-thumb{background:#a7b1c2;border-radius:999px;border:2px solid #eef2f6}
#contactsTableWrap::-webkit-scrollbar-thumb:hover{background:#7f8ca3}

/* The one horizontal navigator is slimmer, softer and uses much less screen height. */
.table-hscroll-dock{padding:3px 7px!important;bottom:7px!important;border-radius:9px!important;border-color:#d9e0e8!important;box-shadow:0 5px 18px rgba(16,24,40,.10)!important;background:rgba(255,255,255,.94)!important}
.table-hscroll-track{height:10px!important;scrollbar-width:thin!important;scrollbar-color:#9aa7b9 #edf1f5!important}
.table-hscroll-track::-webkit-scrollbar{height:6px!important}
.table-hscroll-track::-webkit-scrollbar-track{background:#edf1f5!important;border-radius:999px!important}
.table-hscroll-track::-webkit-scrollbar-thumb{background:#9aa7b9!important;border:0!important;border-radius:999px!important}
.table-hscroll-track::-webkit-scrollbar-thumb:hover{background:#74839a!important}
body.table-scroll-dock-visible .admin-page{padding-bottom:42px!important}

/* Consistent scrollbars across the rest of the CRM. */
html{scrollbar-width:thin;scrollbar-color:#9aa7b9 #edf1f5}
*::-webkit-scrollbar{width:9px;height:7px}
*::-webkit-scrollbar-track{background:#edf1f5;border-radius:999px}
*::-webkit-scrollbar-thumb{background:#9aa7b9;border-radius:999px;border:2px solid #edf1f5}
*::-webkit-scrollbar-thumb:hover{background:#74839a}
/* Re-assert the table-specific no-horizontal-bar rule after the global scrollbar rules. */
#contactsTableWrap::-webkit-scrollbar{width:8px;height:0}
#contactsTableWrap::-webkit-scrollbar-track{background:#eef2f6}
#contactsTableWrap::-webkit-scrollbar-thumb{background:#a7b1c2;border:2px solid #eef2f6}
.table-hscroll-track::-webkit-scrollbar{height:6px}
.table-hscroll-track::-webkit-scrollbar-track{background:#edf1f5}
.table-hscroll-track::-webkit-scrollbar-thumb{background:#9aa7b9;border:0}
@media(max-width:900px){body.table-scroll-dock-visible .admin-page{padding-bottom:38px!important}.table-hscroll-dock{bottom:5px!important}}

/* v1.6.4 — professional light UI + Fluent-style custom-field builder */
:root{
  --bg:#f7f9fc;--card:#ffffff;--text:#172033;--muted:#667085;--border:#e4e9f1;
  --input-border:#cfd7e4;--input-bg:#fff;--soft:#f8fafc;--soft-blue:#f4f7ff;
  --shadow:0 8px 28px rgba(31,41,55,.055);--shadow-sm:0 2px 9px rgba(31,41,55,.045)
}
body{background:linear-gradient(180deg,#f8faff 0,#f6f8fb 220px,#f7f9fc 100%);color:#172033;font-size:14px}

/* Cards, typography and spacing */
.card,.stat-card,.filter-shell,.table-wrap{border-color:#e4e9f1;box-shadow:var(--shadow-sm)}
.card{border-radius:13px;padding:22px}.hero-row h1{font-size:29px;letter-spacing:-.025em;color:#101828}.hero-row p,.muted{color:#667085}
.card h2{font-size:19px;letter-spacing:-.015em;color:#101828}.card h3{color:#101828}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:0 0 4px}.section-heading p{margin:0;color:#667085;font-size:13px}
.professional-card{background:#fff;border:1px solid #e3e8ef}

/* One consistent form design across the CRM */
label{color:#344054}.settings-form label,.form-grid>label,.professional-field,.modal-card>label{font-weight:650}
.control-label,.field-label{display:flex;align-items:center;gap:4px;font-size:13px;line-height:1.35;font-weight:700;color:#344054;margin:0 0 7px}
.control-label em{font-style:normal;color:#d92d20}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{
  min-height:44px;border:1px solid var(--input-border);border-radius:9px;background:var(--input-bg);color:#101828;
  padding:10px 12px;font-size:14px;line-height:1.4;box-shadow:0 1px 2px rgba(16,24,40,.02);transition:border-color .15s,box-shadow .15s,background .15s
}
textarea{min-height:96px;resize:vertical}select[multiple]{min-height:116px;padding:7px}
input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,select:hover,textarea:hover{border-color:#aeb9c8}
input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{border-color:#7aa2ff;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.10);outline:0}
input::placeholder,textarea::placeholder{color:#98a2b3}
.field-help{display:block;margin-top:6px;color:#7b8798;font-size:11.5px;line-height:1.45;font-weight:500}
.field-merge-tag{display:inline-block;margin-top:7px;font-size:10.5px;color:#175cd3;background:#eff6ff;border:1px solid #dbeafe;padding:3px 6px;border-radius:6px;word-break:break-all}
.professional-form .form-grid{gap:16px 18px}.professional-field{display:block;min-width:0}.professional-field.span-2{grid-column:1/-1}

/* Buttons */
.btn{min-height:39px;border-color:#cfd7e4;border-radius:8px;padding:8px 13px;background:#fff;color:#344054;font-size:13px;font-weight:700;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.btn:hover{background:#f8fafc;border-color:#b8c2d0}.btn.primary{box-shadow:0 2px 7px rgba(37,99,235,.18)}.btn.small{min-height:32px;padding:6px 10px;font-size:12px}

/* Builder layout and sections */
.custom-builder-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);gap:16px;align-items:start}
.form-section{border-top:1px solid #edf0f4;padding-top:18px;margin-top:18px}.form-section:first-of-type{border-top:0;padding-top:0;margin-top:0}
.form-section-title{display:flex;align-items:baseline;gap:9px;margin-bottom:13px}.form-section-title b{font-size:14px;color:#101828}.form-section-title span{font-size:11.5px;color:#98a2b3}
.field-builder-badge{display:inline-flex;align-items:center;background:#eff6ff;color:#175cd3;border:1px solid #dbeafe;padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:750;white-space:nowrap}
.form-actions{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid #edf0f4}
.field-preview-card{position:sticky;top:18px}.field-preview-shell{border:1px solid #e4e9f1;border-radius:11px;padding:15px;background:#f9fbfd;margin-bottom:14px}.preview-field{display:block}.preview-field>span{display:block;font-size:13px;font-weight:700;margin-bottom:7px;color:#344054}.preview-field>small:empty{display:none}

/* Fluent-style switches */
.switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.switch-card{display:grid!important;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;border:1px solid #e4e9f1;border-radius:10px;background:#fff;padding:11px 12px!important;margin:0!important;cursor:pointer;font-weight:500!important}.switch-card:hover{border-color:#c6d3e7;background:#fbfdff}.switch-card>input{position:absolute;opacity:0;pointer-events:none}.switch-card .switch-ui{width:34px;height:20px;border-radius:999px;background:#d0d5dd;position:relative;transition:.16s}.switch-card .switch-ui:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(16,24,40,.18);transition:.16s}.switch-card>input:checked+.switch-ui{background:var(--primary)}.switch-card>input:checked+.switch-ui:after{transform:translateX(14px)}.switch-card b{display:block;font-size:12.5px;color:#101828}.switch-card small{display:block;margin-top:2px;font-size:10.5px;line-height:1.35;color:#7b8798}

/* Radio, checkbox and multi-choice fields */
.choice-stack{display:flex;flex-wrap:wrap;gap:8px 12px;padding:7px 0}.choice-line{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-weight:600!important;color:#475467;font-size:12.5px}.choice-line input[type=checkbox],.choice-line input[type=radio]{width:16px!important;height:16px!important;margin:0!important;accent-color:var(--primary);flex:0 0 auto}.single-choice{min-height:42px;border:1px solid #e4e9f1;border-radius:9px;padding:9px 11px!important;background:#f9fafb}

/* Saved field table */
.compact-admin-table{border:1px solid #e6ebf2;border-radius:10px;overflow:auto}.compact-admin-table table{font-size:12.5px}.compact-admin-table th{font-size:10.5px;background:#f8fafc;color:#667085;padding:10px 11px}.compact-admin-table td{padding:10px 11px}.compact-admin-table td small{font-size:10.5px}.mini-badges{display:flex;flex-wrap:wrap;gap:4px}.mini-badges span{display:inline-flex;border:1px solid #d9e3f0;background:#f7faff;color:#475467;border-radius:999px;padding:2px 6px;font-size:9.5px;font-weight:700}

/* Custom fields in contact profile */
.profile-custom-field{padding:12px!important;border-color:#e4e9f1!important;background:#fff!important}.profile-custom-field .control-label{margin-bottom:1px}.profile-custom-field input,.profile-custom-field select,.profile-custom-field textarea{font-size:13px!important}.profile-field-full{grid-column:1/-1}.field-position-note{display:block;margin-top:5px;color:#98a2b3!important;font-size:9.5px!important;font-weight:600!important}

/* General settings/import/template forms get the same polish */
.settings-layout,.template-builder-layout,.crm-two-col{gap:16px}.mapping-table select,.bulk-list-select,.status-select{background:#fff;border-color:#cfd7e4}.mapping-help,.notice-box,.import-list-box{background:#f9fbfd;border-color:#e4e9f1}.check-card{border-color:#e4e9f1!important;border-radius:9px!important;padding:10px!important}.check-card:hover{background:#f8faff!important;border-color:#bfd0ef!important}.check-card b{font-size:12px!important}.check-card small{font-size:10px!important}
.auth-page{background:radial-gradient(circle at 50% 0,#eef4ff 0,#f8fafc 46%,#f7f9fc 100%)}.auth-card{border-color:#e2e8f0;box-shadow:0 24px 70px rgba(15,23,42,.10)}.auth-card label{font-size:13px;color:#344054}

@media(max-width:1100px){.custom-builder-layout{grid-template-columns:1fr}.field-preview-card{position:static}}
@media(max-width:760px){.switch-grid{grid-template-columns:1fr}.form-section-title{align-items:flex-start;flex-direction:column;gap:2px}}


/* v1.6.5 — profile edit mode + 90vh contact table + native slim horizontal scrollbar */
#contactsTableWrap{
  height:90vh!important;
  max-height:90vh!important;
  min-height:420px;
  overflow:auto!important;
  scrollbar-gutter:stable;
}
#tableHScrollDock,.table-hscroll-dock{display:none!important}
body.table-scroll-dock-visible .admin-page{padding-bottom:0!important}
#contactsTableWrap{scrollbar-width:thin;scrollbar-color:#9eabc0 #eef2f6}
#contactsTableWrap::-webkit-scrollbar{width:7px!important;height:7px!important}
#contactsTableWrap::-webkit-scrollbar-track{background:#eef2f6;border-radius:999px}
#contactsTableWrap::-webkit-scrollbar-thumb{background:#9eabc0;border:1px solid #eef2f6;border-radius:999px}
#contactsTableWrap::-webkit-scrollbar-thumb:hover{background:#7f8da3}
.profile-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.profile-edit-grid .span-2{grid-column:1/-1}
.profile-edit-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f4}
.custom-read-grid .profile-data-item{background:#fff}
.profile-data-item.profile-field-full{grid-column:1/-1}
#profileModalBody .profile-header-actions{align-items:center;flex-wrap:nowrap}
#profileModalBody .profile-section .profile-data-item{min-height:70px}
@media(max-width:900px){#contactsTableWrap{height:82vh!important;max-height:82vh!important;min-height:360px}.profile-edit-grid{grid-template-columns:1fr}.profile-edit-grid .span-2{grid-column:auto}}

/* v1.6.6 — restore dark sidebar and keep one unified profile save action */
.admin-sidebar{background:#101828!important;color:#d0d5dd!important;border-right:1px solid #1d2939!important;box-shadow:8px 0 30px rgba(16,24,40,.08)!important}
.sidebar-brand{border-bottom-color:#1f2937!important}
.sidebar-brand b{color:#fff!important}.sidebar-brand small{color:#98a2b3!important}
.sidebar-nav a,.sidebar-bottom a{color:#d0d5dd!important}
.sidebar-nav a:hover,.sidebar-nav a.active,.sidebar-bottom a:hover{background:#1d2939!important;color:#fff!important}
.sidebar-nav a.active{box-shadow:inset 3px 0 0 var(--primary)!important}
.nav-icon{background:#344054!important;color:#f2f4f7!important}
.sidebar-nav a.active .nav-icon{background:var(--primary)!important;color:#fff!important}
.sidebar-settings-group{border-top-color:#1f2937!important}
.sidebar-settings-group small{color:#667085!important}
.sidebar-settings-group a{color:#98a2b3!important}
.sidebar-settings-group a:hover{background:#1d2939!important;color:#fff!important}
.sidebar-bottom{border-top-color:#1f2937!important}
.profile-note-readonly{min-height:120px;padding:14px 15px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc;color:#344054;line-height:1.65;white-space:normal}
.profile-list-pills-large{padding-top:4px;gap:8px}.profile-list-pills-large .list-pill{font-size:12px;padding:7px 10px}
.unified-list-editor{margin-top:4px;padding:15px;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc}
.unified-list-editor .control-help{margin:4px 0 12px}
.profile-edit-actions{position:sticky;bottom:0;z-index:4;margin:18px -20px -20px;padding:14px 20px;background:rgba(255,255,255,.96);border-top:1px solid #e4e7ec;backdrop-filter:blur(8px);display:flex;justify-content:flex-end;gap:10px}
.section-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* v1.6.7 contact-name placeholders */
.contact-name-divider{color:#98a2b3;font-weight:500;margin:0 2px}
.contact-first-name,.contact-last-name{display:inline-block;min-width:10px}

/* v1.6.8 Follow-up preset visible-label sync */
.followup-select-shell{position:relative;width:100%}
.followup-select-shell #followupPreset{position:relative;z-index:2;color:transparent!important;caret-color:transparent;background:transparent!important;padding-right:38px!important}
.followup-select-shell #followupPreset option{color:#101828!important;background:#fff!important}
.followup-select-label{position:absolute;z-index:3;left:12px;right:34px;top:50%;transform:translateY(-50%);pointer-events:none;color:#101828;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.followup-select-arrow{position:absolute;z-index:3;right:13px;top:50%;transform:translateY(-54%);pointer-events:none;color:#475467;font-size:17px;line-height:1}
.followup-select-shell:focus-within{border-radius:9px}


/* Enhanced upload fields */
.visually-hidden-file{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.file-upload-field{display:flex;align-items:center;gap:14px;width:100%;min-height:74px;padding:14px 16px;border:1.5px solid #c9d6ea;border-radius:20px;background:linear-gradient(180deg,#fafdff 0%,#f3f8ff 100%);box-shadow:0 16px 38px rgba(16,24,40,.06), inset 0 1px 0 rgba(255,255,255,.85);position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.file-upload-field:hover{border-color:#9bb8ea;box-shadow:0 18px 42px rgba(16,24,40,.08), inset 0 1px 0 rgba(255,255,255,.95);}
.file-upload-field.drag-over,.file-upload-field:focus-within{border-color:var(--accent,#2563eb);box-shadow:0 0 0 4px rgba(37,99,235,.10),0 18px 42px rgba(16,24,40,.10);}
.file-upload-visual{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex:none;background:radial-gradient(circle at 30% 30%,#ffffff 0%,#d9e8ff 55%,#bfd6ff 100%);color:#2563eb;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 22px rgba(37,99,235,.12);font-size:25px;font-weight:800;}
.file-upload-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;}
.file-upload-title{font-size:15px;font-weight:800;color:#0f172a;line-height:1.2;}
.file-upload-name{font-size:13px;color:#64748b;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.file-upload-action{appearance:none;border:0;border-radius:14px;background:linear-gradient(180deg,#2f6fff 0%,#2356d8 100%);color:#fff;font-weight:800;font-size:14px;padding:12px 18px;box-shadow:0 10px 24px rgba(37,99,235,.20);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;flex:none;}
.file-upload-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.24);}
.file-upload-action:active{transform:translateY(0);}
.file-upload-field.compact{min-height:54px;padding:8px 10px;border-radius:16px;gap:10px;}
.file-upload-field.compact .file-upload-visual{width:38px;height:38px;border-radius:12px;font-size:18px;}
.file-upload-field.compact .file-upload-title{font-size:13px;}
.file-upload-field.compact .file-upload-name{font-size:12px;}
.file-upload-field.compact .file-upload-action{padding:9px 12px;font-size:12px;border-radius:12px;}
.crop-file-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;}
.crop-file-row .file-upload-field{flex:1;min-width:260px;}
.card label .file-upload-field{margin-top:10px;}
.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;padding:24px;border:2px dashed rgba(255,255,255,.82);border-radius:28px;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.16),rgba(255,255,255,.06) 40%,rgba(8,20,38,.22) 100%),linear-gradient(135deg,#e9f3ff 0%,#d8ecff 35%,#edf4ff 100%);box-shadow:0 24px 54px rgba(15,23,42,.12);overflow:hidden;text-align:center;cursor:pointer;}
.dropzone::before{content:"";position:absolute;inset:12px;border-radius:22px;background:rgba(255,255,255,.10);backdrop-filter:blur(10px);z-index:0;}
.dropzone>*{position:relative;z-index:1;}
.dropzone h3{font-size:28px;line-height:1.15;margin:0;color:#fff;text-shadow:0 2px 16px rgba(15,23,42,.28);}
.dropzone p{font-size:18px;margin:0;color:rgba(255,255,255,.92);} 
.dropzone.drag{transform:translateY(-1px);box-shadow:0 30px 64px rgba(15,23,42,.16);border-color:#fff;}
.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
@media (max-width: 720px){.file-upload-field{flex-wrap:wrap;align-items:flex-start;}.file-upload-action{width:100%;}.file-upload-copy{width:100%;}.dropzone{min-height:180px;padding:18px;}.dropzone h3{font-size:22px;}.dropzone p{font-size:15px;}}


/* v1.7.0 — unified professional drag-and-drop file upload design */
.file-upload-field{
  min-height:152px!important;
  padding:22px 24px!important;
  border:2px dashed #b8c7dd!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f5f9ff 100%)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.045)!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
  gap:9px!important;
  cursor:pointer!important;
}
.file-upload-field:hover{border-color:#7ea4e8!important;background:linear-gradient(180deg,#ffffff 0%,#f2f7ff 100%)!important;box-shadow:0 14px 34px rgba(37,99,235,.08)!important}
.file-upload-field.drag-over,.file-upload-field:focus-within{border-color:var(--accent,#2563eb)!important;background:#f4f8ff!important;box-shadow:0 0 0 4px rgba(37,99,235,.09),0 16px 36px rgba(37,99,235,.10)!important}
.file-upload-visual{
  width:54px!important;height:54px!important;border-radius:16px!important;
  background:#eaf2ff!important;color:var(--accent,#2563eb)!important;
  box-shadow:none!important;font-size:25px!important;
}
.file-upload-copy{align-items:center!important;gap:3px!important;width:100%!important}
.file-upload-title{font-size:16px!important;font-weight:800!important;color:#172033!important}
.file-upload-name{font-size:13px!important;color:#667085!important;max-width:min(620px,92%)!important;text-align:center!important}
.file-upload-action{
  margin-top:3px!important;border:1px solid #c8d6ec!important;
  background:#fff!important;color:#1d4ed8!important;
  box-shadow:0 4px 12px rgba(15,23,42,.045)!important;
  padding:9px 15px!important;border-radius:10px!important;font-size:13px!important
}
.file-upload-action:hover{transform:none!important;background:#f7faff!important;border-color:#8eb0e8!important;box-shadow:0 6px 16px rgba(37,99,235,.08)!important}

/* Logo / favicon fields stay compact beside the image previews, but use the same language. */
.crop-file-row .file-upload-field,.file-upload-field.compact{
  min-height:112px!important;padding:15px!important;border-radius:14px!important;gap:6px!important;
}
.crop-file-row .file-upload-visual,.file-upload-field.compact .file-upload-visual{width:40px!important;height:40px!important;border-radius:11px!important;font-size:19px!important}
.crop-file-row .file-upload-title,.file-upload-field.compact .file-upload-title{font-size:13.5px!important}
.crop-file-row .file-upload-name,.file-upload-field.compact .file-upload-name{font-size:11.5px!important}
.crop-file-row .file-upload-action,.file-upload-field.compact .file-upload-action{padding:7px 11px!important;font-size:11.5px!important;margin-top:1px!important}

/* CSV / XLSX import uses the same clean light drop-zone instead of a different visual language. */
.dropzone{
  min-height:220px!important;padding:30px!important;border:2px dashed #aebfd8!important;border-radius:18px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f3f8ff 100%)!important;
  box-shadow:0 12px 34px rgba(15,23,42,.055)!important;color:#172033!important;
}
.dropzone::before{display:none!important}
.dropzone h3{font-size:24px!important;color:#172033!important;text-shadow:none!important;font-weight:800!important}
.dropzone p{font-size:14px!important;color:#667085!important}
.dropzone.drag{border-color:var(--accent,#2563eb)!important;background:#f3f7ff!important;box-shadow:0 0 0 4px rgba(37,99,235,.08),0 16px 38px rgba(37,99,235,.08)!important}
#uploadCard .dropzone:after{
  content:'Browse or drag a file anywhere inside this area';
  display:inline-flex;align-items:center;justify-content:center;margin-top:2px;padding:8px 12px;border:1px solid #c8d6ec;border-radius:10px;background:#fff;color:#1d4ed8;font-size:12px;font-weight:750;
}

/* Native file controls never leak through after JS enhancement. */
.file-upload-field input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;pointer-events:auto!important}
.file-upload-field .file-upload-action{position:relative;z-index:2}

@media(max-width:720px){
  .file-upload-field{min-height:138px!important;padding:18px!important}
  .dropzone{min-height:185px!important;padding:22px 16px!important}
  .dropzone h3{font-size:20px!important}
}


/* v1.7.0 — unified dropdown appearance */
.followup-select-shell,.followup-select-label,.followup-select-arrow{display:contents!important}
#followupPreset{color:#101828!important;background:#fff!important;padding:10px 12px!important;min-height:44px!important}
select,select option,optgroup{font-weight:400!important}
.filter-main-row select,.advanced-filters select,.status-select,.bulk-list-select,.mapping-select,.professional-field select,.modal-card select{font-weight:400!important}
select:disabled{font-weight:400!important}

/* v1.7.1 — compact upload fields, polished updater actions, normal date typography */
/* Date controls must not inherit the bold label weight. */
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"]{
  font-weight:400!important;
  font-variation-settings:"wght" 400;
}
input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field,
input[type="datetime-local"]::-webkit-datetime-edit,
input[type="time"]::-webkit-datetime-edit{
  font-weight:400!important;
}

/* Keep the v1.7 upload language, but reduce vertical space substantially. */
.file-upload-field{
  min-height:104px!important;
  padding:14px 18px!important;
  gap:6px!important;
  border-radius:15px!important;
}
.file-upload-visual{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  font-size:20px!important;
}
.file-upload-title{font-size:14px!important;line-height:1.2!important}
.file-upload-name{font-size:12px!important;line-height:1.3!important}
.file-upload-action{
  margin-top:1px!important;
  padding:7px 13px!important;
  border-radius:9px!important;
  font-size:12px!important;
}

/* Logo/site-icon upload cards stay especially compact. */
.crop-file-row .file-upload-field,.file-upload-field.compact{
  min-height:78px!important;
  padding:10px 12px!important;
  gap:4px!important;
}
.crop-file-row .file-upload-visual,.file-upload-field.compact .file-upload-visual{
  width:34px!important;height:34px!important;border-radius:9px!important;font-size:16px!important;
}
.crop-file-row .file-upload-title,.file-upload-field.compact .file-upload-title{font-size:12.5px!important}
.crop-file-row .file-upload-name,.file-upload-field.compact .file-upload-name{font-size:10.8px!important}
.crop-file-row .file-upload-action,.file-upload-field.compact .file-upload-action{padding:6px 10px!important;font-size:11px!important}

/* Import CSV/XLSX drop area uses the same style without consuming a large block. */
.dropzone{
  min-height:142px!important;
  padding:18px 20px!important;
  gap:6px!important;
  border-radius:15px!important;
}
.dropzone h3{font-size:19px!important;line-height:1.2!important}
.dropzone p{font-size:12.5px!important}
#uploadCard .dropzone:after{
  margin-top:1px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  font-size:11.5px!important;
  font-weight:600!important;
}

/* Updater: keep the install action visually connected to the upload field. */
.update-upload-form{margin-top:14px}
.update-package-label{display:block;margin:0!important;font-weight:500!important}
.update-package-label>.file-upload-field{margin-top:7px!important}
.update-upload-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  margin-top:12px;
  padding-top:0;
}
.update-install-btn{
  min-width:142px;
  min-height:42px;
  padding:9px 18px;
  border-radius:9px;
  box-shadow:0 5px 13px rgba(37,99,235,.16);
}

@media(max-width:720px){
  .file-upload-field{min-height:96px!important;padding:12px 14px!important}
  .dropzone{min-height:126px!important;padding:15px 14px!important}
  .update-upload-actions{justify-content:stretch}
  .update-install-btn{width:100%}
}


/* v1.7.2 social activity summary/history */
.activity-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}
.activity-summary-item{min-width:0;border:1px solid #e4e7ec;background:#f8fafc;border-radius:9px;padding:8px 9px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1px 8px}
.activity-summary-item span{font-size:10.5px;color:#475467;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-summary-item strong{font-size:18px;line-height:1;color:#98a2b3;font-weight:700;grid-row:1/3;grid-column:2}
.activity-summary-item small{font-size:8.5px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-summary-item.has-activity{background:#eff6ff;border-color:#bfdbfe}
.activity-summary-item.has-activity strong{color:#2563eb}
.activity-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef2f6;padding-top:9px;margin:0 0 6px}
.activity-history-head>b{font-size:11px;color:#344054}
.activity-history-list{max-height:300px;overflow:auto;padding-right:2px}
.activity-history-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px;border:1px solid #eaecf0;border-radius:8px;padding:8px!important;margin:0 0 5px!important;color:#344054;background:#fff;text-decoration:none}
.activity-history-row.has-link:hover{background:#f8fbff;border-color:#93c5fd}
.activity-history-icon{width:26px;height:26px;flex:0 0 26px;border-radius:7px;background:#f2f4f7;display:grid;place-items:center;font-size:12px;color:#475467}
.activity-history-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px}
.activity-history-copy>b{font-size:11px!important;color:#101828}
.activity-history-copy>span{font-size:9.5px!important;color:#667085}
.activity-history-copy>small{font-size:9px;color:#475467;white-space:normal;line-height:1.35}
.activity-history-copy>em{font-size:8.5px;color:#2563eb;font-style:normal;margin-top:2px}
.activity-history-row:not(.has-link) .activity-history-copy>em{color:#98a2b3}
@media(max-width:1200px){.activity-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.activity-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.7.7: draggable column chooser */
.column-chooser>p{line-height:1.35}
.column-chooser-options{grid-template-columns:1fr 1fr;gap:4px 8px}
.column-chooser-options .column-option-row{position:relative;display:grid;grid-template-columns:16px 16px minmax(0,1fr);align-items:center;gap:6px;padding:6px 7px;border:1px solid transparent;background:#fff;user-select:none;cursor:grab;transition:background .12s ease,border-color .12s ease,transform .12s ease,opacity .12s ease}
.column-chooser-options .column-option-row:active{cursor:grabbing}
.column-chooser-options .column-option-row:hover{background:#f8fafc;border-color:#e4e7ec}
.column-chooser-options .column-option-row.dragging{opacity:.42;transform:scale(.985)}
.column-chooser-options .column-option-row.drag-over{background:#eff6ff;border-color:#84adff}
.column-drag-handle{display:inline-flex;align-items:center;justify-content:center;color:#98a2b3;font-size:14px;line-height:1;letter-spacing:-3px;cursor:grab}
.column-option-row:hover .column-drag-handle{color:#475467}
.column-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:560px){.column-chooser-options{grid-template-columns:1fr}}
/* v1.7.9 — all importable profile fields can be surfaced as table columns. */
.contacts-table .profile-data-head{min-width:130px}
.contacts-table .profile-data-cell{min-width:130px;max-width:240px}
.contacts-table .profile-data-cell .table-field-text,
.contacts-table .profile-data-cell .table-field-link{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contacts-table .social-url-cell{min-width:180px;max-width:280px}
.contacts-table .social-url-cell .table-field-link{max-width:260px}
.column-chooser{width:390px}
.column-chooser-options{max-height:420px}

/* v1.7.9 — reliable column drag handle + cache-busted assets */
.column-drag-handle{display:inline-flex!important;visibility:visible!important;opacity:1!important;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;font-weight:700}
.column-drag-handle:active{cursor:grabbing}
.column-option-row{touch-action:pan-y}


/* v1.8.0 imported social presence status */
.social-chip .social-presence{display:block;margin-top:1px;font-size:10px;line-height:1.05;font-weight:400;letter-spacing:.01em}
.social-presence.presence-active{color:#15803d!important}
.social-presence.presence-limited{color:#2563eb!important}
.social-presence.presence-other{color:#64748b!important}
.profile-social-row .social-presence{display:inline-flex;margin-top:4px;font-size:11px;font-weight:400}
.social-contact-meta .social-presence{font-weight:400;border-radius:999px;padding:2px 7px;background:#f8fafc}

/* v1.8.1: social availability status is intentionally normal-weight everywhere */
.social-presence,.social-presence.presence-active,.social-presence.presence-limited,.social-presence.presence-other{font-weight:400!important}
.profile-data-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.profile-data-item-head>small:first-child{margin:0}.profile-data-item .social-field-presence{display:inline-block;margin:0;font-size:11px;line-height:1.2;font-weight:400!important;white-space:nowrap}
.profile-data-item .social-field-presence.presence-active{color:#15803d}
.profile-data-item .social-field-presence.presence-limited{color:#2563eb}
.profile-data-item .social-field-presence.presence-other{color:#64748b}


/* v1.8.2: City is displayed beneath Imported time instead of as a separate table column. */
.contacts-table td[data-col="imported"]{overflow:visible}
.import-city{
  display:block;
  position:relative;
  width:max-content;
  max-width:120px;
  margin-top:1px;
  color:#98a2b3;
  font-size:11px;
  font-weight:400!important;
  line-height:1.2;
  white-space:nowrap;
  cursor:help;
}
.import-city::after{
  content:attr(data-tooltip);
  position:absolute;
  left:calc(100% + 8px);
  top:50%;
  transform:translateY(-50%) translateX(-2px);
  z-index:40;
  padding:5px 8px;
  border-radius:6px;
  background:#111827;
  color:#fff;
  font-size:11px;
  font-weight:400;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease, transform .12s ease, visibility .12s ease;
  box-shadow:0 4px 12px rgba(15,23,42,.2);
}
.import-city::before{
  content:"";
  position:absolute;
  left:100%;
  top:50%;
  transform:translateY(-50%);
  border:5px solid transparent;
  border-right-color:#111827;
  opacity:0;
  visibility:hidden;
  transition:opacity .12s ease, visibility .12s ease;
}
.import-city:hover::after,.import-city:hover::before{opacity:1;visibility:visible}
.import-city:hover::after{transform:translateY(-50%) translateX(0)}

/* v1.8.4 table header + extension package spacing */
thead th{font-weight:500!important}
.settings-content [data-extension-browser] > .btn.primary{margin-top:14px;margin-bottom:2px}
.extension-package-card{margin-top:18px;border-top:1px solid #eaecf0;padding-top:18px}
.extension-package-card h3{margin:0 0 5px;font-size:16px}
.extension-package-card p{margin:0 0 12px;color:#667085}
.extension-package-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.extension-package-upload{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:10px;align-items:end;margin-top:12px}
.extension-package-upload label{margin:0}
.extension-package-upload label span{display:block;font-size:12px;color:#475467;margin-bottom:5px}
@media(max-width:760px){.extension-package-upload{grid-template-columns:1fr}.extension-package-actions{align-items:stretch}.extension-package-actions .btn{width:100%}}

/* v1.9.0 — Updraft-style backup center */
.backup-page{max-width:1500px}
.backup-hero{align-items:flex-end}
.backup-hero .eyebrow{display:block;color:#2563eb;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}
.backup-hero-actions{display:flex;align-items:center;gap:10px}
.backup-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}
.backup-stat{display:flex;align-items:center;gap:12px;padding:16px 18px;margin:0;min-height:84px}
.backup-stat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-size:20px}
.backup-stat-icon.cloud{background:#ecfdf3;color:#047857}
.backup-stat div{display:flex;flex-direction:column;gap:3px;min-width:0}.backup-stat small{font-size:12px;color:#667085}.backup-stat b{font-size:15px;font-weight:600;color:#101828;white-space:normal}.backup-stat .text-success{color:#047857}
.backup-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;margin-bottom:16px}.backup-card{margin:0 0 16px}.backup-grid .backup-card{margin:0}
.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.card-title-row h2{margin:0 0 4px}.card-title-row p{margin:0}.backup-pill{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #d0d5dd;border-radius:999px;background:#f8fafc;color:#667085;font-size:11px;white-space:nowrap}.backup-pill.on{background:#ecfdf3;color:#047857;border-color:#a7f3d0}
.backup-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.backup-choice{display:flex!important;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #dbe3ef;border-radius:12px;background:#fbfdff;cursor:pointer;margin:0!important}.backup-choice:hover{border-color:#9dbcfb;background:#f7faff}.backup-choice input{width:17px;height:17px;margin-top:2px;accent-color:var(--accent)}.backup-choice span{display:flex;flex-direction:column;gap:3px}.backup-choice b{font-size:14px;font-weight:600}.backup-choice small{font-size:11.5px;color:#667085;line-height:1.4}
.backup-destination-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 0 15px;border-top:1px solid #eef2f6}.backup-destination-row>span{font-size:12px;color:#475467;font-weight:600;flex:0 0 auto}.switch-line,.restore-choice-row label{display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;margin:0!important;font-size:12px;color:#344054;line-height:1.35;white-space:nowrap;flex:0 0 auto;min-width:max-content}.switch-line input,.restore-choice-row input{accent-color:var(--accent);flex:0 0 auto}.switch-line span,.restore-choice-row label span{display:inline;white-space:nowrap}.is-disabled{opacity:.55}
.drive-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #d0d5dd;border-radius:999px;padding:5px 9px;color:#667085;font-size:11px}.drive-status i{width:7px;height:7px;border-radius:50%;background:#98a2b3}.drive-status.connected{color:#047857;background:#ecfdf3;border-color:#a7f3d0}.drive-status.connected i{background:#10b981}
.google-connected-panel{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:12px;margin-bottom:12px}.google-drive-mark,.google-mini{display:grid;place-items:center;font-weight:700;color:#1a73e8;background:#fff;border:1px solid #dbe3ef}.google-drive-mark{width:40px;height:40px;border-radius:11px;font-size:20px}.google-connected-panel b{display:block;font-size:14px}.google-connected-panel p{margin:3px 0 0;color:#667085;font-size:12px}.button-row.wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.button-row.wrap form{margin:0}.danger-ghost{border-color:#fecaca!important;color:#b42318!important;background:#fff!important}.danger-ghost:hover{background:#fff5f5!important}
.google-setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.google-setup-steps>div{position:relative;padding:12px 12px 12px 39px;border:1px solid #e4e7ec;border-radius:11px;background:#fbfcfe;min-height:82px}.google-setup-steps span{position:absolute;left:11px;top:11px;width:20px;height:20px;border-radius:6px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center;font-size:11px;font-weight:700}.google-setup-steps b{display:block;font-size:12.5px;margin-bottom:3px}.google-setup-steps small{display:block;font-size:10.5px;color:#667085;line-height:1.4}
.compact-google-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:12px}.compact-google-form label{margin:0}.connect-google-form{margin:12px 0 0}.google-connect-btn{display:inline-flex;align-items:center;gap:8px}.google-mini{width:23px;height:23px;border-radius:6px;font-size:13px}.security-note{margin:13px 0 0;padding-top:11px;border-top:1px solid #eef2f6;color:#667085;font-size:10.5px;line-height:1.45}
.schedule-master{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;margin:0 0 15px!important;padding:12px 14px;border:1px solid #dbe3ef;border-radius:11px;background:#fbfdff}.schedule-master input{width:18px;height:18px;accent-color:var(--accent);margin-top:2px}.schedule-master span{display:flex;flex-direction:column;gap:2px}.schedule-master b{font-size:13px}.schedule-master small{font-size:11px;color:#667085}.schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.schedule-contents{margin-top:12px}.schedule-grid label{margin:0}.schedule-options{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0;padding:12px 0;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6}.schedule-options label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:7px;margin:0!important;font-size:12px;color:#344054}.schedule-options input{accent-color:var(--accent)}.schedule-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.schedule-footer>div{display:flex;flex-direction:column;gap:3px}.schedule-footer small{color:#667085;font-size:11px}.schedule-footer b{font-size:13px;font-weight:600}
.cron-card .copy-row{max-width:none}.cron-command{margin-top:10px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:11px;background:#101828;color:#d0d5dd;overflow:auto}.cron-command small{display:block;color:#98a2b3;margin-bottom:5px}.cron-command code{color:#f2f4f7;font-size:11px;white-space:nowrap;background:transparent;padding:0}
.backup-table-wrap{overflow:auto;border:1px solid #e4e7ec;border-radius:12px}.backup-table{width:100%;border-collapse:collapse;min-width:900px}.backup-table thead th{background:#f8fafc;color:#475467;font-size:11px;font-weight:500!important;text-align:left;padding:10px 12px;border-bottom:1px solid #e4e7ec}.backup-table td{padding:11px 12px;border-bottom:1px solid #eef2f6;font-size:12px;vertical-align:middle}.backup-table tbody tr:last-child td{border-bottom:0}.backup-table td:first-child b{display:block;font-size:12px;font-weight:600}.backup-table td:first-child small,.backup-table td:nth-child(6) small{display:block;color:#98a2b3;font-size:10px;margin-top:2px}.destination-tags{display:flex;gap:5px;flex-wrap:wrap}.destination-tags span{padding:3px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px}.destination-tags span.drive{background:#eff6ff;color:#2563eb}.backup-run-status{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:10px;background:#f2f4f7;color:#475467}.backup-run-status.success{background:#ecfdf3;color:#047857}.backup-run-status.failed{background:#fff1f2;color:#b42318}.backup-run-status.partial{background:#fffaeb;color:#b54708}.backup-run-status.running{background:#eff6ff;color:#2563eb}.backup-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.backup-actions form{margin:0}.empty-state.compact{padding:30px 20px;text-align:center}.empty-state.compact p{margin:4px 0 0;color:#667085}
@media(max-width:1100px){.backup-stats{grid-template-columns:1fr 1fr}.backup-grid{grid-template-columns:1fr}.schedule-grid{grid-template-columns:1fr 1fr}.compact-google-form{grid-template-columns:1fr 1fr}.compact-google-form .btn{grid-column:1/-1;width:max-content}.google-setup-steps{grid-template-columns:1fr}}
@media(max-width:650px){.backup-stats,.schedule-grid,.backup-choice-grid,.compact-google-form{grid-template-columns:1fr}.backup-stat{min-height:72px}.schedule-footer{align-items:stretch;flex-direction:column}.schedule-footer .btn{width:100%}.backup-hero{align-items:flex-start}.backup-hero-actions{width:100%}.backup-hero-actions form,.backup-hero-actions .btn{width:100%}}
/* v1.9.1 FluentCRM-style advanced filter builder */
.fluent-advanced-builder{display:block!important;border-top:1px solid #eaecf0;margin-top:10px;padding-top:12px}.fluent-advanced-builder.hidden{display:none!important}.fluent-filter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.fluent-filter-head>div{display:flex;flex-direction:column;gap:2px}.fluent-filter-head>div>b{font-size:14px;font-weight:600;color:#101828}.fluent-filter-head>div>small,.filter-rule-title small,.date-filter-title small{font-size:11px;color:#667085;font-weight:400}.match-control{min-width:220px!important;margin:0!important;font-size:11px!important;color:#667085!important;font-weight:500!important}.match-control select{margin-top:4px!important;font-weight:400!important}.date-filter-panel{display:grid;grid-template-columns:minmax(185px,1.35fr) repeat(2,minmax(145px,.8fr)) minmax(190px,1fr);gap:10px;align-items:end;padding:12px;border:1px solid #e4e7ec;background:#f9fafb;border-radius:10px}.date-filter-title{grid-column:1/-1;display:flex;align-items:baseline;gap:10px}.date-filter-title b{font-size:12px;font-weight:600;color:#344054}.date-filter-panel label{font-size:11px!important;font-weight:500!important;color:#667085!important;margin:0!important}.date-filter-panel select,.date-filter-panel input{margin-top:4px!important;font-weight:400!important;background:#fff}.filter-rule-section{margin-top:12px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;padding:12px}.filter-rule-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.filter-rule-title>div{display:flex;flex-direction:column;gap:2px}.filter-rule-title b{font-size:12px;font-weight:600;color:#344054}.filter-rule-list{display:flex;flex-direction:column;gap:7px}.filter-rule-row{display:grid;grid-template-columns:28px minmax(170px,1.25fr) minmax(145px,.9fr) minmax(180px,1.25fr) 34px;gap:8px;align-items:center;padding:7px;border:1px solid #eaecf0;border-radius:8px;background:#fcfcfd}.rule-index{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#eef4ff;color:#175cd3;font-size:10px;font-weight:600}.filter-rule-row select,.filter-rule-row input{margin:0!important;min-height:38px!important;height:38px!important;font-size:12px!important;font-weight:400!important;background:#fff}.rule-date-values{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rule-value-spacer{min-height:38px;display:flex;align-items:center;padding:0 11px;border:1px dashed #d0d5dd;border-radius:8px;color:#98a2b3;font-size:11px;background:#fff}.rule-remove{width:32px;height:32px;border:1px solid #e4e7ec;background:#fff;border-radius:8px;color:#667085;font-size:18px;line-height:1;cursor:pointer}.rule-remove:hover{background:#fef3f2;border-color:#fecdca;color:#b42318}.filter-rule-empty{padding:15px;text-align:center;border:1px dashed #d0d5dd;border-radius:8px;color:#667085;font-size:11px;background:#f9fafb}.filter-rule-empty.hidden{display:none!important}
@media(max-width:1200px){.date-filter-panel{grid-template-columns:1fr 1fr}.date-filter-title{grid-column:1/-1}.filter-rule-row{grid-template-columns:28px 1fr 1fr}.rule-value-wrap{grid-column:2/4}.rule-remove{grid-column:4;grid-row:1}}
@media(max-width:760px){.fluent-filter-head{align-items:stretch;flex-direction:column}.match-control{min-width:0!important}.date-filter-panel{grid-template-columns:1fr}.filter-rule-row{grid-template-columns:28px 1fr 34px}.filter-rule-row .rule-op{grid-column:2}.rule-value-wrap{grid-column:2}.rule-remove{grid-column:3;grid-row:1}.rule-date-values{grid-template-columns:1fr}}


/* v1.9.2 — WordPress-style sidebar iconography */
.admin-sidebar .nav-icon{
  width:22px!important;height:22px!important;min-width:22px!important;
  border-radius:0!important;background:transparent!important;
  color:#98a2b3!important;display:grid!important;place-items:center!important;
}
.admin-sidebar .nav-icon svg{width:19px;height:19px;display:block;fill:currentColor}
.sidebar-nav a:hover .nav-icon,.sidebar-nav a.active .nav-icon,.sidebar-bottom a:hover .nav-icon{color:#fff!important;background:transparent!important}
.sidebar-nav a.active .nav-icon{color:var(--accent,#2563eb)!important}
.sidebar-settings-group a{display:flex!important;align-items:center!important;gap:8px!important}
.submenu-icon{width:16px;height:16px;min-width:16px;color:#667085;display:grid;place-items:center}
.submenu-icon svg{width:14px;height:14px;display:block;fill:currentColor}
.sidebar-settings-group a:hover .submenu-icon{color:#d0d5dd}
.sidebar-bottom .nav-icon{color:#98a2b3!important}
/* v1.9.3 Updraft-style backup/restore center */
.updraft-backup-page{max-width:1480px}
.backup-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid #dfe5ee;margin:-2px 0 18px;padding:0 4px;overflow:auto;scrollbar-width:none}.backup-tabs::-webkit-scrollbar{display:none}.backup-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;color:#475467;text-decoration:none;font-size:13px;font-weight:500;border-bottom:3px solid transparent;white-space:nowrap}.backup-tabs a:hover{color:#101828}.backup-tabs a.active{color:var(--accent);border-bottom-color:var(--accent);background:#f8fbff}
.updraft-main-card{max-width:none}.restore-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.restore-safety-note{padding:12px 14px;border:1px solid #fedf89;background:#fffaeb;border-radius:10px;color:#7a2e0e;font-size:12px;line-height:1.55}.restore-safety-note b{font-weight:600}.restore-form{margin-top:14px}.compact-file-drop{min-height:132px!important;padding:18px!important;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1.5px dashed #b8c7df;border-radius:14px;background:#f8fbff;cursor:pointer;text-align:center}.compact-file-drop:hover{border-color:#7ea5f8;background:#f4f8ff}.compact-file-drop input{position:absolute!important;opacity:0!important;pointer-events:none}.compact-file-drop .upload-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#2563eb;font-size:20px}.compact-file-drop b{font-size:13px;font-weight:600}.compact-file-drop small{font-size:11px;color:#667085}.restore-choice-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0}
.restore-list{display:flex;flex-direction:column;border:1px solid #e4e7ec;border-radius:12px;overflow:hidden;max-height:480px;overflow-y:auto}.restore-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-bottom:1px solid #eef2f6;background:#fff}.restore-item:last-child{border-bottom:0}.restore-item>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.restore-item b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restore-item small{font-size:10.5px;color:#667085}.restore-inline-form,.restore-item-actions form{margin:0}.restore-item-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.backup-pill.warn{background:#fffaeb;color:#b54708;border-color:#fedf89}
.google-updraft-card{max-width:1000px}.one-click-drive{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #dbe3ef;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f7faff);margin-bottom:14px}.google-drive-big-mark{width:54px;height:54px;border-radius:15px;background:#fff;border:1px solid #dbe3ef;display:grid;place-items:center;font-size:27px;font-weight:700;color:#4285f4;box-shadow:0 8px 22px rgba(16,24,40,.06)}.one-click-drive h3{margin:0 0 4px;font-size:17px}.one-click-drive p{margin:0;color:#667085;font-size:12px;line-height:1.55}.connect-drive-form{margin:0 0 16px}.google-connect-btn{min-width:210px}.managed-oauth-notice{padding:13px 14px;border:1px solid #f5c2c7;border-radius:12px;background:#fff7f7;color:#7a271a;margin:12px 0}.managed-oauth-notice b{display:block;font-size:12px;font-weight:600;margin-bottom:4px}.managed-oauth-notice p{margin:0;font-size:11.5px;line-height:1.55;color:#8a3d32}.advanced-oauth{border-top:1px solid #eef2f6;margin-top:16px;padding-top:14px}.advanced-oauth summary{cursor:pointer;color:#475467;font-size:12px;font-weight:500}.advanced-oauth-body{padding-top:13px}.google-connected-panel{margin-bottom:14px}
@media(max-width:900px){.restore-grid{grid-template-columns:1fr}.backup-tabs a{padding:0 11px}.one-click-drive{align-items:flex-start}}


/* v1.9.4 — backup UX polish + self-hosted Google OAuth setup guide */
.empty-state.compact .btn{margin-top:14px}
.empty-state.compact p + .btn{margin-top:16px}
.google-oauth-setup{margin-top:18px;padding:0;border:1px solid #dbe3ef;border-radius:16px;background:#fff;overflow:hidden}
.google-oauth-setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #eef2f6;background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)}
.google-oauth-setup-head h3{margin:0 0 5px;font-size:17px;color:#101828}
.google-oauth-setup-head p{margin:0;color:#667085;font-size:12px;line-height:1.55;max-width:760px}
.google-oauth-doc-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.google-oauth-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.google-oauth-step{position:relative;padding:18px 20px 18px 58px;border-bottom:1px solid #eef2f6;min-height:132px}
.google-oauth-step:nth-child(odd){border-right:1px solid #eef2f6}
.google-oauth-step:nth-last-child(-n+2){border-bottom:0}
.google-oauth-step-num{position:absolute;left:20px;top:18px;width:26px;height:26px;border-radius:8px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center;font-weight:600;font-size:12px}
.google-oauth-step h4{margin:0 0 6px;font-size:13px;color:#101828;font-weight:600}
.google-oauth-step p,.google-oauth-step li{font-size:11.5px;line-height:1.55;color:#475467}
.google-oauth-step p{margin:0}.google-oauth-step ul{margin:6px 0 0;padding-left:17px}
.google-oauth-step code{font-size:10.5px;word-break:break-all;background:#f2f4f7;border-radius:5px;padding:1px 4px;color:#344054}
.google-oauth-exact-uri{margin:16px 20px 0;padding:14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}
.google-oauth-exact-uri .control-label{display:block;margin-bottom:7px;color:#1d4ed8;font-weight:600}
.google-oauth-exact-uri .copy-row input{background:#fff}
.google-oauth-credentials-box{margin:16px 20px 20px;padding:16px;border:1px solid #e4e7ec;border-radius:12px;background:#fcfcfd}
.google-oauth-credentials-box h4{margin:0 0 5px;font-size:13px;color:#101828}.google-oauth-credentials-box>p{margin:0 0 12px;font-size:11.5px;color:#667085;line-height:1.5}
.google-oauth-credentials-box .compact-google-form{margin-top:0}
.google-oauth-after-save{margin:12px 0 0;color:#475467;font-size:11.5px;line-height:1.55}
.google-oauth-after-save b{font-weight:600;color:#344054}
.connect-drive-form{margin:16px 0 18px}
.google-connect-btn{margin-top:2px}
@media(max-width:900px){.google-oauth-setup-head{flex-direction:column}.google-oauth-steps{grid-template-columns:1fr}.google-oauth-step:nth-child(odd){border-right:0}.google-oauth-step:nth-last-child(-n+2){border-bottom:1px solid #eef2f6}.google-oauth-step:last-child{border-bottom:0}.google-oauth-doc-actions{width:100%}.google-oauth-doc-actions .btn{flex:1}.google-oauth-credentials-box .compact-google-form{grid-template-columns:1fr}}

@media(max-width:900px){.backup-destination-row{align-items:flex-start;gap:12px}.backup-destination-row>span{width:100%}.switch-line,.restore-choice-row label{white-space:normal;min-width:0}}


/* v1.9.6 — backup destination checkboxes forced inline */
.backup-destination-row{align-items:center!important;}
.backup-inline-options{display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:wrap!important;}
.backup-destination-row .switch-line,.restore-choice-row label{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;white-space:nowrap!important;line-height:1!important;}
.backup-destination-row .switch-line input,.restore-choice-row label input{margin:0!important;flex:0 0 auto!important;}
.backup-destination-row .switch-line-text,.restore-choice-row label span{display:inline-block!important;white-space:nowrap!important;line-height:1.25!important;}
@media(max-width:900px){.backup-inline-options{width:100%;gap:14px!important}.backup-destination-row .switch-line,.restore-choice-row label{white-space:nowrap!important}}

/* v1.9.8 — all checkbox inputs use natural width */
input[type="checkbox"]{width:unset!important;}


/* v1.9.9 — show website version below the extension badge in compact muted text */
.hero-actions{align-items:flex-start!important;}
.hero-version-stack{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:max-content;}
.website-version-mini{display:block;font-size:12px;line-height:1.25;color:#98a2b3;font-weight:400;letter-spacing:.01em;text-align:right;white-space:nowrap;}
@media(max-width:900px){
  .hero-version-stack{align-items:flex-start;}
  .website-version-mini{text-align:left;}
}


/* v2.0.0 — contacts pagination bar and drag-scroll improvements */
#contactsTableWrap{overflow:auto;cursor:grab;}
#contactsTableWrap.drag-scrolling{cursor:grabbing;}
#contactsTableWrap .social-chip,
#contactsTableWrap button,
#contactsTableWrap a,
#contactsTableWrap input,
#contactsTableWrap select,
#contactsTableWrap textarea,
#contactsTableWrap label{cursor:auto;}
body.table-dragging,body.table-dragging *{user-select:none!important;}
.table-pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin-top:10px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.05);}
.table-pagination-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#475467;font-size:13px;}
.table-page-size-form{display:flex;align-items:center;margin:0;}
.table-page-size-form .page-size-label{display:flex;align-items:center;margin:0;}
.table-page-size-form select{min-width:128px;height:40px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;}
.table-pagination-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pager-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;font-weight:600;text-decoration:none;}
.pager-btn:hover{background:#f8fafc;}
.pager-btn.active{border-color:#101828;color:#101828;background:#fff;}
.pager-btn.disabled{opacity:.45;pointer-events:none;}
@media (max-width: 900px){
  .table-pagination-bar{flex-direction:column;align-items:flex-start;}
  .table-pagination-actions{width:100%;justify-content:flex-end;}
}


/* v2.0.2 — subtle eye for social profiles that have no tracked activity yet */
.social-chip .social-eye-placeholder{
  width:18px!important;height:15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:#111827!important;opacity:.58!important;font-weight:400!important;line-height:1!important;
}
.social-chip .social-eye-placeholder svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;}
.social-chip:hover .social-eye-placeholder{opacity:.72!important;}


/* v2.0.3 — clean first/last name display without slash separator */
.contact-name-parts{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;}
.contact-name-divider{display:none!important;}
.contact-first-name,.contact-last-name{display:inline-block!important;min-width:0!important;}
.contact-first-name.name-missing,.contact-last-name.name-missing{color:#98a2b3!important;font-weight:400!important;}


/* v2.0.4 — website version sits in the extreme top-right of the CRM content */
.admin-page{position:relative;}
.hero-actions{align-items:center!important;}
.website-version-corner{
  position:absolute;
  top:-18px;
  right:20px;
  z-index:12;
  display:block;
  font-size:11px;
  line-height:1.2;
  color:#98a2b3;
  font-weight:400;
  letter-spacing:.01em;
  white-space:nowrap;
  text-align:right;
  pointer-events:none;
}
.hero-version-stack{display:contents!important;}
.website-version-mini{display:none!important;}
@media(max-width:900px){
  .website-version-corner{top:-10px;right:16px;font-size:10px;}
}


/* v2.0.5 — inline activity count controls in Social Activity Center */
.activity-summary-item{grid-template-columns:minmax(0,1fr) auto!important;}
.activity-summary-item .activity-summary-label{grid-column:1;grid-row:1;}
.activity-summary-item>small{grid-column:1;grid-row:2;}
.activity-count-stepper{grid-column:2;grid-row:1/3;display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;min-width:66px;}
.activity-count-stepper strong{grid-column:auto!important;grid-row:auto!important;min-width:18px;text-align:center;font-size:17px!important;line-height:1!important;}
.activity-count-btn{width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#98a2b3!important;font-size:14px!important;line-height:1!important;font-weight:500!important;cursor:pointer!important;opacity:.7;}
.activity-count-btn:hover:not(:disabled){background:#fff!important;border-color:#cbd5e1!important;color:#2563eb!important;opacity:1;}
.activity-count-btn:disabled{opacity:.22!important;cursor:default!important;}
.activity-summary-item.has-activity .activity-count-btn{color:#64748b!important;}
.activity-summary-item.has-activity .activity-count-btn:hover:not(:disabled){color:#2563eb!important;}
.activity-summary-item.is-adjusting{opacity:.65;pointer-events:none;}


/* v2.0.6 — custom social template types */
#customTemplateTypeField small{display:block;margin-top:5px;color:#667085;font-size:11px;font-weight:400;line-height:1.45}
.template-stage-muted{opacity:.48}
.platform-visibility-help{display:block;margin-top:7px;color:#667085;font-size:11px;line-height:1.45}
.custom-template-badge{background:#f5f3ff!important;color:#6d28d9!important}
.custom-template-type-name{display:block;margin-top:4px;color:#667085;font-size:10.5px;font-weight:400}
.quick-template-group.custom-template-group h4,.template-group.custom h3{color:#6d28d9}


/* v2.1.0 final AJAX shell */
#crmAjaxProgress{position:fixed;left:0;right:0;top:0;height:3px;z-index:2147483647;pointer-events:none;opacity:0;overflow:hidden;background:transparent;transition:opacity .12s ease}
#crmAjaxProgress.active{opacity:1}
#crmAjaxProgress span{display:block;width:28%;height:100%;background:var(--accent,#2563eb);transform:translateX(-120%);border-radius:0 999px 999px 0;box-shadow:0 0 10px rgba(37,99,235,.25)}
#crmAjaxProgress.run span{animation:crmAjaxProgress 1s ease-in-out infinite}
@keyframes crmAjaxProgress{0%{transform:translateX(-120%)}55%{transform:translateX(180%);width:44%}100%{transform:translateX(430%);width:24%}}
html.crm-ajax-busy .btn[type="submit"],html.crm-ajax-busy button[type="submit"]{cursor:wait}
#crmAjaxGlobalError{position:fixed;right:18px;bottom:18px;z-index:2147483646;max-width:min(420px,calc(100vw - 36px));padding:11px 14px;border-radius:10px;background:#b42318;color:#fff;box-shadow:0 14px 36px rgba(16,24,40,.25);font-size:13px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.16s ease}
#crmAjaxGlobalError.show{opacity:1;transform:translateY(0)}


/* v2.1.1 stable AJAX boot / preloader */
#crmAjaxPreloader{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(247,249,252,.72);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility .14s ease}
#crmAjaxPreloader.show{opacity:1;visibility:visible;pointer-events:all}
.crm-preload-card{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #e2e8f0;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(15,23,42,.12);font-size:12px;font-weight:500;color:#475467}
.crm-preload-spinner{width:18px;height:18px;border:2px solid #dbe6fb;border-top-color:var(--primary,#2563eb);border-radius:50%;animation:crmPreloadSpin .72s linear infinite}
@keyframes crmPreloadSpin{to{transform:rotate(360deg)}}
html.crm-ajax-busy{cursor:progress}
html.crm-ajax-busy body{overflow:hidden}


/* v2.1.3 — CRM-wide slim custom single-select dropdowns */
:root{
  --crm-select-h:38px;
  --crm-select-radius:9px;
  --crm-select-border:#cfd7e4;
  --crm-select-hover:#aeb9c8;
  --crm-select-focus:#7aa2ff;
}
/* Native fallback is also slimmer in case JS is unavailable. */
select:not([multiple]){
  min-height:var(--crm-select-h)!important;
  height:var(--crm-select-h)!important;
  padding:7px 34px 7px 11px!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:400!important;
  border-radius:var(--crm-select-radius)!important;
  border-color:var(--crm-select-border)!important;
}
.bulk-list-select{
  height:var(--crm-select-h)!important;
  min-height:var(--crm-select-h)!important;
  min-width:190px!important;
  max-width:260px!important;
  padding:7px 34px 7px 11px!important;
  font-size:13px!important;
  font-weight:400!important;
}

.crm-select{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  font:inherit;
}
.crm-select-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:1px!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.crm-select-button{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  height:var(--crm-select-h);
  min-height:var(--crm-select-h);
  padding:0 36px 0 11px;
  border:1px solid var(--crm-select-border);
  border-radius:var(--crm-select-radius);
  background:#fff;
  color:#101828;
  box-shadow:0 1px 2px rgba(16,24,40,.025);
  cursor:pointer;
  text-align:left;
  font-size:13px;
  font-weight:400;
  line-height:1.25;
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
  overflow:hidden;
}
.crm-select-button:hover{border-color:var(--crm-select-hover);background:#fff}
.crm-select.open .crm-select-button,
.crm-select-button:focus-visible{
  border-color:var(--crm-select-focus);
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
  outline:0;
}
.crm-select-button:disabled{background:#f8fafc;color:#98a2b3;cursor:not-allowed}
.crm-select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm-select-arrow{
  position:absolute;
  right:11px;
  top:50%;
  width:14px;
  height:14px;
  transform:translateY(-50%);
  pointer-events:none;
  color:#667085;
  transition:transform .14s ease,color .14s ease;
}
.crm-select-arrow svg{display:block;width:100%;height:100%;stroke:currentColor}
.crm-select.open .crm-select-arrow{transform:translateY(-50%) rotate(180deg);color:#344054}
.crm-select-menu{
  position:fixed;
  z-index:2147482500;
  display:none;
  min-width:150px;
  max-height:min(300px,calc(100vh - 24px));
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  touch-action:pan-y;
  padding:5px;
  background:rgba(255,255,255,.985);
  border:1px solid #d9e1ec;
  border-radius:11px;
  box-shadow:0 18px 48px rgba(15,23,42,.17),0 3px 10px rgba(15,23,42,.08);
  backdrop-filter:blur(8px);
  scrollbar-width:thin;
  scrollbar-color:#c7d0dd transparent;
}
.crm-select-menu.open{display:block;animation:crmSelectIn .11s ease-out}
@keyframes crmSelectIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
.crm-select-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#344054;
  text-align:left;
  cursor:pointer;
  font-size:12.5px;
  line-height:1.3;
  font-weight:400;
  transition:background .1s ease,color .1s ease;
}
.crm-select-option:hover,.crm-select-option.keyboard-active{background:#f2f6ff;color:#174ea6}
.crm-select-option.selected{background:#eef4ff;color:#175cd3}
.crm-select-option.selected::after{content:'✓';font-size:12px;font-weight:700;color:#2563eb;flex:0 0 auto}
.crm-select-option:disabled,.crm-select-option.disabled{color:#a4adba;cursor:not-allowed;background:transparent}
.crm-select-group{padding:7px 9px 4px;color:#98a2b3;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
.crm-select-empty{padding:10px;color:#98a2b3;font-size:12px;text-align:center}

/* Context sizing */
.bulk-action-bar .crm-select{width:220px;min-width:190px;flex:0 0 auto}
.bulk-action-bar .crm-select-button{font-size:13px!important}
.contacts-table td[data-col="status"] .crm-select{min-width:110px}
.contacts-table td[data-col="status"] .crm-select-button{height:36px;min-height:36px;font-size:12px;padding-left:10px}
.table-page-size-form .crm-select{width:132px}
.mapping-table .crm-select{min-width:190px}
.filter-rule-row .crm-select-button{height:38px;min-height:38px;font-size:12px}

@media(max-width:700px){
  .bulk-action-bar .crm-select{min-width:170px;width:190px}
  .crm-select-menu{max-width:calc(100vw - 16px)}
}


/* v2.1.4 — highlight the exact social card currently being worked on */
.contacts-table .social-chip.social-active-chip{
  background:rgba(250,204,21,.14)!important;
  border-color:rgba(234,179,8,.42)!important;
  box-shadow:0 0 0 2px rgba(250,204,21,.07), inset 0 0 0 999px rgba(250,204,21,.025)!important;
}
.contacts-table .social-chip.social-active-chip:hover{
  background:rgba(250,204,21,.19)!important;
  border-color:rgba(202,138,4,.5)!important;
}
.contacts-table .social-chip.social-active-chip .social-eye-placeholder{
  opacity:.34!important;
}


/* v2.1.5 — active social card + Users & Agent Permissions */
.contacts-table td.social-cell.social-active-cell .social-chip,.contacts-table .social-chip.social-active-chip,.contacts-table .social-chip[data-active-social="1"]{background:rgba(253,224,71,.34)!important;border-color:rgba(234,179,8,.68)!important;box-shadow:0 0 0 2px rgba(250,204,21,.14),inset 0 0 0 999px rgba(254,240,138,.08)!important}.contacts-table td.social-cell.social-active-cell .social-chip:hover,.contacts-table .social-chip.social-active-chip:hover{background:rgba(253,224,71,.44)!important;border-color:rgba(202,138,4,.72)!important}.contacts-table td.social-cell.social-active-cell{position:relative}
.user-admin-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:18px;align-items:start}.user-editor-card,.users-list-card{margin-bottom:0}.user-active-line{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:16px 0!important;padding:12px 14px;border:1px solid #e4e7ec;border-radius:12px;background:#fbfcfe}.user-active-line input{margin-top:3px!important;flex:0 0 auto}.user-active-line span{display:flex;flex-direction:column;gap:2px}.user-active-line small{font-weight:400;color:#667085}.permission-panel{margin-top:18px;border:1px solid #e4e7ec;border-radius:14px;overflow:hidden;background:#fff}.admin-access-note{display:none;padding:16px;background:#eff6ff;color:#1d4ed8}.admin-access-note b,.admin-access-note span{display:block}.admin-access-note span{margin-top:3px;color:#475467}.permission-panel.admin-role-selected .admin-access-note{display:block}.permission-panel.admin-role-selected .agent-permission-content{display:none}.agent-permission-content{padding:16px}.permission-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.permission-head h3{margin:0 0 3px}.permission-head p{margin:0;color:#667085;font-size:12px}.permission-section{padding:14px 0;border-top:1px solid #eef2f6}.permission-section:first-of-type{border-top:0}.permission-section h4{margin:0 0 9px;font-size:12px;color:#475467;text-transform:uppercase;letter-spacing:.04em}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.permission-card{display:flex!important;align-items:flex-start!important;gap:9px!important;margin:0!important;padding:11px 12px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;cursor:pointer}.permission-card:hover{background:#f8fafc;border-color:#cbd5e1}.permission-card input{margin-top:3px!important;flex:0 0 auto}.permission-card span{display:flex;flex-direction:column;gap:2px}.permission-card b{font-size:12px;font-weight:600;color:#101828}.permission-card small{font-size:10.5px;line-height:1.4;color:#667085;font-weight:400}.role-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:600}.role-badge.admin{background:#eef2ff;color:#4338ca}.role-badge.agent{background:#f2f4f7;color:#475467}.status-readonly{display:inline-flex;padding:5px 8px;border-radius:8px;background:#f2f4f7;color:#475467;font-size:11px}.users-list-card table small{display:block;color:#667085;margin-top:2px}.users-list-card .active-row td{background:#eff6ff}
@media(max-width:1100px){.user-admin-layout{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.permission-grid{grid-template-columns:1fr}.permission-head{flex-direction:column}}
.user-editor-standalone{max-width:980px;margin:0 auto 18px}

/* v2.1.11 — CRM-wide unified input height and normal field typography */
:root{--crm-field-h:var(--crm-select-h,38px)}

/* All ordinary one-line data-entry fields match the custom dropdown height. */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]){
  height:var(--crm-field-h)!important;
  min-height:var(--crm-field-h)!important;
  padding:7px 11px!important;
  line-height:1.25!important;
  font-weight:400!important;
}

/* Field content never inherits bold weight from labels or wrapper components. */
input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
select,
textarea,
.crm-select-button,
.crm-select-value,
.crm-select-option{
  font-weight:400!important;
}

input::placeholder,
textarea::placeholder{
  font-weight:400!important;
}

/* v2.1.12 — empty social-cell dash matches the eye placeholder tone */
.contacts-table td.social-cell > .muted{
  color:#64748b!important;
  opacity:.24!important;
  font-weight:400!important;
}



/* v2.1.13 — darker social eye + exact active social-cell focus */
.contacts-table td.social-cell.social-active-cell{
  position:relative!important;
  background:rgba(250,204,21,.13)!important;
  box-shadow:inset 0 0 0 1px rgba(202,138,4,.30)!important;
}
.contacts-table td.social-cell.social-active-cell .social-chip{
  background:rgba(253,224,71,.30)!important;
  border-color:rgba(202,138,4,.62)!important;
  box-shadow:0 0 0 2px rgba(250,204,21,.12),inset 0 0 0 999px rgba(254,240,138,.06)!important;
}
.contacts-table td.social-cell.social-active-cell .social-chip:hover{
  background:rgba(253,224,71,.38)!important;
  border-color:rgba(161,98,7,.66)!important;
}
.contacts-table td.social-cell.social-active-cell .social-eye-placeholder{
  color:#111827!important;
  opacity:.72!important;
}


/* v2.1.14 — active focus is the social chip only, with a clearly visible yellow state */
.contacts-table td.social-cell.social-active-cell{
  background:transparent!important;
  box-shadow:none!important;
}
.contacts-table td.social-cell.social-active-cell .social-chip:not(.social-active-chip){
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
  box-shadow:none!important;
}
.contacts-table .social-chip.social-active-chip,
.contacts-table .social-chip[data-active-social="1"]{
  background:rgba(250,204,21,.58)!important;
  border-color:rgba(180,120,0,.90)!important;
  box-shadow:0 0 0 2px rgba(245,158,11,.28),0 2px 8px rgba(161,98,7,.12)!important;
}
.contacts-table .social-chip.social-active-chip:hover,
.contacts-table .social-chip[data-active-social="1"]:hover{
  background:rgba(250,204,21,.70)!important;
  border-color:rgba(161,98,7,.96)!important;
  box-shadow:0 0 0 2px rgba(245,158,11,.34),0 3px 10px rgba(161,98,7,.15)!important;
}
.contacts-table .social-chip.social-active-chip .social-eye-placeholder,
.contacts-table .social-chip[data-active-social="1"] .social-eye-placeholder{
  color:#111827!important;
  opacity:.78!important;
}

/* v2.1.15 — exact requested active social-chip fill */
.contacts-table .social-chip.social-active-chip,
.contacts-table .social-chip[data-active-social="1"]{
  background:rgb(253, 228, 184)!important;
}
.contacts-table .social-chip.social-active-chip:hover,
.contacts-table .social-chip[data-active-social="1"]:hover{
  background:rgb(253, 228, 184)!important;
}

/* v2.1.16 — keep the requested active fill when a chip becomes action-viewed */
.contacts-table .social-chip.action-viewed.social-active-chip,
.contacts-table .social-chip.action-viewed[data-active-social="1"],
.contacts-table .social-chip.social-active-chip.action-viewed:hover,
.contacts-table .social-chip.action-viewed[data-active-social="1"]:hover{
  background:rgb(253, 228, 184)!important;
  background-color:rgb(253, 228, 184)!important;
}


/* v2.1.18 — requested color belongs only to the social chip whose profile was actually opened */
.contacts-table .social-chip.social-active-chip,
.contacts-table .social-chip[data-active-social="1"]{
  background:rgb(253, 228, 184)!important;
  background-color:rgb(253, 228, 184)!important;
}
.contacts-table .social-chip.social-active-chip:hover,
.contacts-table .social-chip[data-active-social="1"]:hover{
  background:rgb(253, 228, 184)!important;
  background-color:rgb(253, 228, 184)!important;
}


/* v2.1.20 — immediate opened-social chip marker; added on Open Social Profile click */
.contacts-table .social-chip.social-link-opened-active,
.contacts-table .social-chip.social-link-opened-active:hover{
  background:rgb(253, 228, 184)!important;
  background-color:rgb(253, 228, 184)!important;
  border-color:rgba(180,120,0,.90)!important;
  box-shadow:0 0 0 2px rgba(245,158,11,.28),0 2px 8px rgba(161,98,7,.12)!important;
}


/* v2.1.21 — exact opened social chip; class is added synchronously from the popup Open button */
#contactsTable .social-chip.social-link-opened-active,
#contactsTable .social-chip.social-link-opened-active:hover,
#contactsTable .social-chip.social-link-opened-active:focus,
#contactsTable .social-chip.social-link-opened-active.action-viewed,
#contactsTable .social-chip.social-link-opened-active.action-viewed:hover{
  background:rgb(253, 228, 184)!important;
  background-color:rgb(253, 228, 184)!important;
  background-image:none!important;
  border-color:rgba(180,120,0,.90)!important;
  box-shadow:0 0 0 2px rgba(245,158,11,.28),0 2px 8px rgba(161,98,7,.12)!important;
}

/* v2.1.23 — complete Add Contact form + compact social Active/Limited controls */
.add-contact-modal-card{width:min(940px,96vw)!important;max-height:94vh!important;}
.add-contact-intro{margin:-2px 0 16px!important;font-size:12px;}
.add-contact-full-form{gap:13px 16px!important;}
.social-add-field{margin:0!important;}
.social-add-url-label{display:block!important;margin:0!important;font-weight:400!important;}
.social-presence-mini{display:flex;align-items:center;gap:12px;margin-top:5px;min-height:15px;}
.modal-card .social-presence-mini label{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:1!important;color:#667085!important;font-weight:400!important;cursor:pointer;}
.modal-card .social-presence-mini input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;margin:0!important;padding:0!important;box-shadow:none!important;accent-color:#2563eb;}
.modal-card .social-presence-mini span{font-size:10px!important;font-weight:400!important;}
@media(max-width:760px){.add-contact-modal-card{width:min(96vw,620px)!important}.add-contact-full-form{grid-template-columns:1fr!important}.add-contact-full-form .span-2{grid-column:auto!important}}


/* v2.1.24 — keep close controls visible at the top-right of every scrollable popup */
.modal-card > .modal-close,
.crop-dialog > .crop-close{
  position:sticky!important;
  top:8px!important;
  right:auto!important;
  left:auto!important;
  margin-left:auto!important;
  margin-right:-10px!important;
  margin-top:-10px!important;
  margin-bottom:-36px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #d0d5dd!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.97)!important;
  color:#667085!important;
  font-size:24px!important;
  line-height:1!important;
  box-shadow:0 4px 14px rgba(16,24,40,.10)!important;
  cursor:pointer!important;
  z-index:1000!important;
}
.modal-card > .modal-close:hover,
.crop-dialog > .crop-close:hover{
  background:#fef3f2!important;
  border-color:#fda29b!important;
  color:#b42318!important;
}
/* Social Activity is a full-screen popup and already uses viewport-fixed positioning. */
.social-action-close{z-index:1000!important;}


/* v2.1.25 — Active/Limited controls under social URLs in Profile Edit */
.profile-edit-grid .social-profile-edit-field{margin:0!important;}
.profile-edit-grid .profile-social-presence-mini{margin-top:5px!important;}
.profile-edit-grid .profile-social-presence-mini label{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:1!important;color:#667085!important;font-weight:400!important;cursor:pointer;}
.profile-edit-grid .profile-social-presence-mini input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;margin:0!important;padding:0!important;box-shadow:none!important;accent-color:#2563eb;}
.profile-edit-grid .profile-social-presence-mini span{font-size:10px!important;font-weight:400!important;}


/* v2.1.26 — lock every standard popup close button to the popup's exact inner top-right corner */
.modal-card > .modal-close,
.crop-dialog > .crop-close{
  position:sticky!important;
  top:10px!important;
  right:auto!important;
  left:auto!important;
  float:right!important;
  margin:-12px -12px -36px 12px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #d0d5dd!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#667085!important;
  font-size:24px!important;
  line-height:1!important;
  box-shadow:0 3px 10px rgba(16,24,40,.08)!important;
  cursor:pointer!important;
  z-index:1200!important;
}
.modal-card > .modal-close.crm-popup-corner-locked,
.crop-dialog > .crop-close.crm-popup-corner-locked{
  position:fixed!important;
  top:var(--crm-popup-close-top)!important;
  left:var(--crm-popup-close-left)!important;
  right:auto!important;
  float:none!important;
  margin:0!important;
}
.modal-card > .modal-close:hover,
.crop-dialog > .crop-close:hover{
  background:#f8fafc!important;
  border-color:#b8c2d1!important;
  color:#344054!important;
}
/* Full-screen Social Activity Center already sits 10px inside its own panel corner. */
.social-action-close{
  right:24px!important;
  top:24px!important;
  z-index:1200!important;
}
@media(max-width:900px){
  .social-action-close{right:10px!important;top:10px!important;}
}

/* v2.1.27 — compact profile popup action header */
#profileModalBody .profile-header-top-buttons{display:flex;gap:8px;align-items:center;}
#profileModalBody .profile-header-delete-row .btn{white-space:nowrap;}


/* v2.1.28 — Fluent-style contact export menu and List-scoped CSV export */
.hero-actions{position:relative;}
.hero-more-menu{position:relative;display:inline-flex;align-items:center;}
.hero-more-menu>summary{list-style:none;user-select:none;white-space:nowrap;}
.hero-more-menu>summary::-webkit-details-marker{display:none;}
.hero-more-menu[open]>summary{background:#f8fafc;border-color:#98a2b3;}
.hero-more-caret{font-size:10px;color:#667085;margin-left:2px;}
.hero-more-popover{position:absolute;right:0;top:calc(100% + 7px);z-index:90;width:220px;padding:6px;background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-shadow:0 14px 38px rgba(16,24,40,.16);}
.hero-more-popover a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:#344054;}
.hero-more-popover a:hover{background:#f8fafc;}
.hero-more-popover a>span:last-child{display:flex;flex-direction:column;min-width:0;}
.hero-more-popover b{font-size:12px;font-weight:600;color:#101828;}
.hero-more-popover small{font-size:10px;color:#667085;margin-top:1px;}
.hero-more-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:15px;font-weight:700;flex:0 0 auto;}
.export-page{max-width:1040px;}
.export-card{padding:22px;}
.export-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.export-card-head h2{margin-bottom:4px;}
.export-card-head p{margin:0;}
.export-count-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:600;white-space:nowrap;}
.export-form{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.9fr) auto;gap:14px;align-items:end;}
.export-list-field{margin:0!important;}
.export-summary{min-height:60px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px;}
.export-summary b{font-size:12px;font-weight:600;color:#101828;}
.export-summary span{font-size:10.5px;line-height:1.4;color:#667085;}
.export-download-btn{min-height:38px;white-space:nowrap;}
.export-note-card p{margin:0;line-height:1.65;}
@media(max-width:820px){.export-form{grid-template-columns:1fr}.export-download-btn{width:100%}.hero-more-popover{right:auto;left:0}}

/* v2.1.32 — profile popup actions on one horizontal row */
#profileModalBody .profile-header-delete-row .btn{white-space:nowrap;}
#profileModalBody .profile-header-status-row{display:flex;align-items:center;}

/* v2.1.37 — follow-up off-day settings */
.off-day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.off-day-card{display:flex!important;align-items:center!important;gap:9px!important;border:1px solid #e4e7ec;border-radius:10px;padding:11px 12px!important;margin:0!important;background:#fff;cursor:pointer}.off-day-card:hover{background:#f8fafc;border-color:#b8c5d6}.off-day-card input{width:15px!important;height:15px!important;flex:0 0 auto;margin:0!important}.off-day-card span{display:flex;flex-direction:column;gap:1px}.off-day-card b{font-size:12px;font-weight:600}.off-day-card small{margin:0!important;font-size:9.5px!important;color:#98a2b3}.followup-offday-override{display:flex!important;align-items:flex-start!important;gap:9px!important;border:1px solid #e4e7ec;border-radius:9px;padding:9px 10px!important;margin:12px 0 8px!important;background:#fbfcfe;font-weight:400!important}.followup-offday-override input{width:15px!important;height:15px!important;flex:0 0 auto;margin:2px 0 0!important}.followup-offday-override span{display:flex;flex-direction:column;gap:2px}.followup-offday-override b{font-size:11px;font-weight:600;color:#344054}.followup-offday-override small{font-size:9.5px;color:#667085;font-weight:400}.followup-offday-note{font-size:10px;color:#667085;margin:0 0 12px;padding:7px 9px;border-radius:7px;background:#f8fafc;border:1px solid #eef2f6}@media(max-width:700px){.off-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.1.38 — automatic follow-up settings */
.settings-subheading{margin:18px 0 4px;font-size:14px;color:#344054;}

/* v2.1.39 — follow-up popup remove action */
.followup-modal-actions{display:flex;align-items:center;gap:9px;margin-top:12px}
.followup-modal-actions .followup-remove-btn{flex:0 0 auto;white-space:nowrap}
.followup-modal-actions .followup-save-btn{flex:1 1 auto}
@media(max-width:520px){.followup-modal-actions{flex-direction:column-reverse}.followup-modal-actions .btn{width:100%}}

/* v2.1.40 — four-stage automatic follow-up settings */
.auto-followup-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
.auto-followup-stage-grid>label{display:flex;flex-direction:column;gap:5px;font-weight:600;color:#344054;margin:0}
.auto-followup-stage-grid>label>span{font-size:11px}
.auto-followup-stage-grid input{height:38px!important;min-height:38px!important;font-weight:400!important}
.auto-followup-stage-grid small{margin:0!important;font-size:9.5px!important;color:#98a2b3!important;font-weight:400!important}
.auto-followup-stage-help{margin:0;color:#667085;font-size:11px;line-height:1.5}
@media(max-width:800px){.auto-followup-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.auto-followup-stage-grid{grid-template-columns:1fr}}

/* v2.1.41 — follow-up platform timeline picker */
.followup-platform-picker{display:block;margin:12px 0 14px}.followup-platform-label{display:block;font-weight:600;color:#344054;margin-bottom:8px}.followup-social-timeline{display:flex;align-items:flex-start;width:100%;min-height:58px;padding:4px 2px}.followup-social-step{position:relative;flex:1 1 0;min-width:0;border:0;background:transparent;padding:0 2px;cursor:pointer;text-align:center;color:#98a2b3;--platform-color:#667085}.followup-social-step:not(:last-child)::before{content:"";position:absolute;z-index:0;top:16px;left:50%;right:-50%;height:1px;background:#e4e7ec}.followup-social-node{position:relative;z-index:1;width:32px;height:32px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #d0d5dd;background:#fff;color:var(--platform-color);font-weight:850;box-shadow:0 0 0 3px #fff;transition:.15s ease}.followup-social-step small{display:block;margin-top:5px;font-size:9px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.followup-social-step.selected .followup-social-node{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px #dbeafe}.followup-social-step.selected small{color:#1d4ed8;font-weight:700}.followup-social-step:hover .followup-social-node{border-color:#93c5fd}.followup-social-glyph{font-size:12px;line-height:1;font-family:Arial,sans-serif}.followup-social-step[data-followup-platform="linkedin"]{--platform-color:#0a66c2}.followup-social-step[data-followup-platform="facebook"]{--platform-color:#1877f2}.followup-social-step[data-followup-platform="instagram"]{--platform-color:#c13584}.followup-social-step[data-followup-platform="reddit"]{--platform-color:#ff4500}.followup-social-step[data-followup-platform="x"]{--platform-color:#111827}.followup-social-step[data-followup-platform="youtube"]{--platform-color:#ff0000}.followup-social-step[data-followup-platform="tiktok"]{--platform-color:#111827}.followup-social-step[data-followup-platform="pinterest"]{--platform-color:#e60023}.followup-social-step[data-followup-platform="threads"]{--platform-color:#111827}.followup-platform-empty{display:block;width:100%;padding:10px;border:1px dashed #d0d5dd;border-radius:9px;color:#98a2b3;text-align:center;font-size:11px}

/* v2.1.42 — real social action check marks in follow-up timeline */
.followup-social-check,.followup-social-check-placeholder{display:block;height:13px;line-height:12px;margin:2px auto 0;font-size:13px;font-weight:900;}
.followup-social-check{color:#16a34a;}
.followup-social-check-placeholder{visibility:hidden;}
.followup-social-step.has-real-action:not(:last-child)::before{background:#bbf7d0;}

/* v2.1.44 — staged follow-up action buttons */
#menuActionButtons .followup-stage-action{background:#f8fafc;border-color:#cbd5e1;color:#344054;}
#menuActionButtons .followup-stage-action:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;}
#menuActionButtons [data-action="followup_completed"]{background:#ecfdf3;border-color:#86efac;color:#067647;}

/* v2.1.44 — compact follow-up stage boxes in activity panel and follow-up popup */
.social-action-buttons{display:block}
.social-action-main-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.followup-stage-box{margin-top:8px;padding:9px;border:1px solid #e4e7ec;border-radius:9px;background:#f8fafc}
.followup-stage-box>small{display:block;margin:0 0 7px;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.followup-stage-mini-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.followup-stage-mini-buttons .followup-stage-action,.followup-stage-mini-buttons [data-followup-stage-action]{border:1px solid #cbd5e1;background:#fff;color:#344054;border-radius:8px;padding:7px 8px;font-size:10px;line-height:1.2;font-weight:700;cursor:pointer;min-height:34px;text-align:center}
.followup-stage-mini-buttons .followup-stage-action:hover,.followup-stage-mini-buttons [data-followup-stage-action]:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
.followup-stage-mini-buttons [data-followup-stage-action].success-action,.followup-stage-mini-buttons .success-action{background:#ecfdf3;border-color:#86efac;color:#067647}
.followup-stage-box-modal{margin:0 0 12px}
.followup-stage-mini-buttons-modal .followup-stage-action,.followup-stage-mini-buttons-modal [data-followup-stage-action]{font-size:10.5px;padding:7px 6px;min-height:32px}
@media(max-width:520px){.followup-stage-mini-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.1.46 — follow-up stage button visibility follows global settings. */


.followup-completed{background:#ecfdf3!important;border-color:#86efac!important;color:#067647!important}
.followup-not-interested{background:#fef3f2!important;border-color:#fda29b!important;color:#b42318!important}
.danger-action{background:#fef3f2!important;border:1px solid #fda29b!important;color:#b42318!important}
.followup-stage-mini-buttons .danger-action,.followup-stage-mini-buttons-modal .danger-action{background:#fef3f2;border-color:#fda29b;color:#b42318}


/* v2.1.48 — tiny green active follow-up stage before due date */
.followup-btn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px}
.active-followup-stage-label{display:inline-block;color:#15803d!important;font-size:9px!important;line-height:1.15!important;font-weight:700!important;white-space:nowrap}
.followup-date-text{display:inline-block;white-space:nowrap}
.followup-date-title{display:flex;align-items:center;gap:7px}
.followup-date-title .active-followup-stage-label{transform:translateY(1px)}

/* v2.1.57 — keep the follow-up picker scoped, compact, aligned, and free of horizontal scrolling */
#followupModal .modal-card{overflow-x:hidden!important;}
#followupModal .followup-platform-picker{max-width:100%;overflow:hidden;}
#followupModal .followup-social-timeline{max-width:100%;min-width:0;overflow:hidden;padding:3px 0 1px;gap:1px;}
#followupModal .followup-social-step{flex:1 1 0;min-width:0;padding:0 1px;overflow:visible;}
#followupModal .followup-social-step:not(:last-child)::before{top:13px;left:50%;right:-50%;}
#followupModal .followup-social-node{width:26px;height:26px;box-shadow:0 0 0 2px #fff;}
#followupModal .followup-social-step.selected .followup-social-node{box-shadow:0 0 0 2px #dbeafe;}
#followupModal .followup-social-glyph{width:13px;height:13px;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;}
#followupModal .followup-social-glyph svg{display:block;width:13px;height:13px;fill:currentColor;stroke:currentColor;overflow:visible;}
#followupModal .followup-social-fallback{display:block;font-size:9px;font-weight:800;line-height:1;}
#followupModal .followup-social-step small{margin-top:4px;font-size:8px;line-height:1.05;min-height:9px;}
#followupModal .followup-social-check,#followupModal .followup-social-check-placeholder{height:11px;line-height:10px;margin-top:1px;font-size:11px;}
@media(max-width:520px){
  #followupModal .followup-social-node{width:24px;height:24px;}
  #followupModal .followup-social-step:not(:last-child)::before{top:12px;}
  #followupModal .followup-social-glyph,#followupModal .followup-social-glyph svg{width:12px;height:12px;}
  #followupModal .followup-social-step small{font-size:7.5px;}
}

/* v2.1.61: use a hand cursor for every clearly interactive control/link in CRM tables and activity UI. */
a[href],
button,
summary,
[role="button"],
[onclick],
[data-profile-id],
[data-social-open],
[data-action],
.social-chip,
.followup-btn,
.profile-open-btn,
.table-field-link,
.activity-target-link,
.list-pill[onclick],
.list-more[onclick] {
  cursor: pointer !important;
}

/* Keep disabled controls visually non-interactive. */
button:disabled,
input:disabled,
select:disabled,
textarea:disabled,
[aria-disabled="true"] {
  cursor: not-allowed !important;
}

/* v2.1.62 — System / Light / soft Dark appearance ------------------------- */
.theme-mode-fieldset{border:0;padding:0;margin:0}.theme-mode-fieldset>legend{font-weight:800;font-size:13px;margin-bottom:8px}.theme-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-choice{display:block!important;margin:0!important;cursor:pointer}.theme-choice>input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.theme-choice-card{display:flex;flex-direction:column;gap:3px;height:100%;padding:11px;border:1px solid #d0d5dd;border-radius:11px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.theme-choice:hover .theme-choice-card{border-color:#98a2b3;transform:translateY(-1px)}.theme-choice>input:checked+.theme-choice-card{border-color:var(--accent,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#2563eb) 14%,transparent)}.theme-choice-card b{font-size:12px;color:#101828}.theme-choice-card small{font-size:9.5px;color:#667085;font-weight:400}.theme-preview{display:grid;grid-template-columns:29% 1fr;height:48px;overflow:hidden;border:1px solid #cfd7e4;border-radius:8px;margin-bottom:5px;background:#f6f8fb}.theme-preview i:first-child{background:#172033}.theme-preview i:last-child{margin:7px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px #e5e7eb}.theme-preview-dark{background:#333C4D;border-color:#566276}.theme-preview-dark i:first-child{background:#2a3240}.theme-preview-dark i:last-child{background:#414b5e;box-shadow:0 0 0 1px #5a687e}.theme-preview-system{background:linear-gradient(135deg,#f6f8fb 0 50%,#333C4D 50% 100%)}.theme-preview-system i:first-child{background:linear-gradient(135deg,#172033 0 50%,#2a3240 50% 100%)}.theme-preview-system i:last-child{background:linear-gradient(135deg,#fff 0 50%,#414b5e 50% 100%);box-shadow:0 0 0 1px #8e99a9}.settings-subheading{display:flex;align-items:baseline;gap:8px;border-top:1px solid #eaecf0;padding-top:14px;margin-top:1px}.settings-subheading>b{font-size:13px}.settings-subheading>small{margin:0!important}.theme-choice:focus-within .theme-choice-card{outline:2px solid color-mix(in srgb,var(--accent,#2563eb) 45%,transparent);outline-offset:2px}
@media(max-width:700px){.theme-mode-grid{grid-template-columns:1fr}.theme-preview{height:40px}}

html[data-theme="dark"]{
  --bg:#333C4D;
  --card:#3b4557;
  --text:#f2f4f7;
  --muted:#b7c0cd;
  --border:#536075;
  --success:#6ce9a6;
  --warn:#fdb022;
  --danger:#fda29b;
  --shadow:0 8px 28px rgba(8,13,23,.16);
}
html[data-theme="dark"] body{background:#333C4D;color:#f2f4f7}
html[data-theme="dark"] body,
html[data-theme="dark"] .admin-main,
html[data-theme="dark"] .page{color:#f2f4f7}
html[data-theme="dark"] .admin-main{background:#333C4D;min-height:100vh}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] h5,html[data-theme="dark"] h6,
html[data-theme="dark"] .contact-name,html[data-theme="dark"] .brand,html[data-theme="dark"] .card b,html[data-theme="dark"] .section-heading b{color:#f6f8fb}
html[data-theme="dark"] .muted,html[data-theme="dark"] .hero-row p,html[data-theme="dark"] .company,html[data-theme="dark"] small{color:#b7c0cd}
html[data-theme="dark"] code{background:#2f3848;color:#dbe7ff}
html[data-theme="dark"] a{color:#9ec1ff}

/* Sidebar remains darker than the content, but avoids pure black. */
html[data-theme="dark"] .admin-sidebar{background:#2a3240;border-right-color:#465166;box-shadow:8px 0 28px rgba(10,15,24,.14)}
html[data-theme="dark"] .sidebar-brand{border-bottom-color:#465166}
html[data-theme="dark"] .sidebar-nav a:hover,html[data-theme="dark"] .sidebar-nav a.active,html[data-theme="dark"] .sidebar-bottom a:hover,html[data-theme="dark"] .sidebar-settings-group a:hover{background:#3a4558}
html[data-theme="dark"] .sidebar-settings-group,html[data-theme="dark"] .sidebar-bottom{border-color:#465166}
html[data-theme="dark"] .nav-icon{background:#465166;color:#edf2f7}
html[data-theme="dark"] .sidebar-brand small,html[data-theme="dark"] .sidebar-settings-group a{color:#b2bcc9}
html[data-theme="dark"] .sidebar-settings-group small{color:#8f9bad}

/* Main surfaces */
html[data-theme="dark"] .card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .filter-shell,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .settings-tabs,
html[data-theme="dark"] .table-pagination-bar,
html[data-theme="dark"] .professional-card,
html[data-theme="dark"] .users-list-card,
html[data-theme="dark"] .user-editor-card,
html[data-theme="dark"] .backup-card,
html[data-theme="dark"] .backup-stat,
html[data-theme="dark"] .backup-choice,
html[data-theme="dark"] .restore-item,
html[data-theme="dark"] .cron-card,
html[data-theme="dark"] .import-list-box,
html[data-theme="dark"] .merge-tag-panel,
html[data-theme="dark"] .permission-card,
html[data-theme="dark"] .permission-panel,
html[data-theme="dark"] .profile-section,
html[data-theme="dark"] .export-summary{background:#3b4557!important;border-color:#536075!important;color:#f2f4f7}
html[data-theme="dark"] .setting-info-grid>div,html[data-theme="dark"] .image-preview,html[data-theme="dark"] .mapping-help,html[data-theme="dark"] .mapping-table-wrap{background:#414b5e;border-color:#536075;color:#eef2f7}
html[data-theme="dark"] .settings-tabs a{color:#c8d0da}
html[data-theme="dark"] .settings-tabs a.active,html[data-theme="dark"] .settings-tabs a:hover{background:#4a566b;color:#fff}
html[data-theme="dark"] .settings-subheading{border-color:#536075}

/* Inputs and controls */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .crm-select-button,
html[data-theme="dark"] .bulk-list-select{background:#374153!important;border-color:#5a687e!important;color:#f2f4f7!important;box-shadow:none}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#929eae}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus,html[data-theme="dark"] .crm-select.open .crm-select-button{border-color:#84adff!important;box-shadow:0 0 0 3px rgba(132,173,255,.12)!important}
html[data-theme="dark"] .btn,html[data-theme="dark"] .quick-dates button,html[data-theme="dark"] .pager-btn,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .hscroll-arrow{background:#414b5e;border-color:#5a687e;color:#eef2f7}
html[data-theme="dark"] .btn:hover,html[data-theme="dark"] .quick-dates button:hover,html[data-theme="dark"] .pager-btn:hover,html[data-theme="dark"] .icon-btn:hover{background:#4a566b;border-color:#69778e}
html[data-theme="dark"] .btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
html[data-theme="dark"] .btn.ghost{background:transparent}
html[data-theme="dark"] .pager-btn.active{background:#536075;border-color:#7d899a;color:#fff}
html[data-theme="dark"] .sidebar-mobile-toggle{background:#414b5e;border-color:#5a687e;color:#fff}
html[data-theme="dark"] .toggle-ui,html[data-theme="dark"] .switch-ui{background:#647187}
html[data-theme="dark"] .toggle-ui:after,html[data-theme="dark"] .switch-ui:after{background:#f7f9fc}

/* Contact tables */
html[data-theme="dark"] .contacts-table th,html[data-theme="dark"] .mapping-table th,html[data-theme="dark"] .backup-table th,html[data-theme="dark"] .compact-admin-table th{background:#384254!important;color:#c7d0dc!important;border-color:#536075}
html[data-theme="dark"] #contactsTable thead th,html[data-theme="dark"] #contactsTable thead th.sticky-col,html[data-theme="dark"] #contactsTable thead th.sticky-select{background:#384254!important;box-shadow:0 1px 0 #536075}
html[data-theme="dark"] .contacts-table td,html[data-theme="dark"] .mapping-table td,html[data-theme="dark"] .backup-table td,html[data-theme="dark"] .compact-admin-table td{border-bottom-color:#4b576c;color:#e9edf4}
html[data-theme="dark"] .sticky-col{background:#3b4557}
html[data-theme="dark"] .contacts-table tr:hover td,html[data-theme="dark"] .contacts-table tr:hover .sticky-col{background:#404b5e}
html[data-theme="dark"] .contacts-table tr.social-active-row td,html[data-theme="dark"] .contacts-table tr.social-active-row .sticky-col{background:#3c4a61}
html[data-theme="dark"] .contact-name{color:#f5f7fa}
html[data-theme="dark"] .company,html[data-theme="dark"] .import-time,html[data-theme="dark"] .import-city{color:#aeb8c6}
html[data-theme="dark"] .table-field-text{color:#e8edf5}
html[data-theme="dark"] .table-hscroll-dock{background:rgba(59,69,87,.97);border-color:#5a687e;box-shadow:0 12px 35px rgba(8,13,23,.25)}
html[data-theme="dark"] .table-hscroll-track{scrollbar-color:#8390a2 #465166}
html[data-theme="dark"] .table-hscroll-track::-webkit-scrollbar-track{background:#465166}
html[data-theme="dark"] .table-hscroll-track::-webkit-scrollbar-thumb{background:#8390a2;border-color:#465166}

/* Social cells and activity state */
html[data-theme="dark"] .social-chip{background:#414b5e;border-color:#56647a;color:#eef2f7}
html[data-theme="dark"] .social-chip:hover{background:#4a566b;border-color:#75839a}
html[data-theme="dark"] .social-chip small{color:#b4bdc9}
html[data-theme="dark"] .social-chip .social-eye-placeholder{color:#e9edf4!important;opacity:.72!important}
html[data-theme="dark"] .action-viewed{background:#414b5e!important}
html[data-theme="dark"] .action-dm_sent,html[data-theme="dark"] .action-followup_sent{background:#314963!important;border-color:#4f77a5!important}
html[data-theme="dark"] .action-commented{background:#463f61!important;border-color:#6d6194!important}
html[data-theme="dark"] .action-reply_received{background:#31534a!important;border-color:#4e8274!important}
html[data-theme="dark"] .contacts-table .social-chip.social-active-chip,html[data-theme="dark"] .contacts-table td.social-cell.social-active-cell .social-chip,html[data-theme="dark"] .contacts-table .social-chip[data-active-social="1"]{background:rgba(189,148,28,.28)!important;border-color:rgba(245,194,49,.70)!important;box-shadow:0 0 0 2px rgba(245,194,49,.12)!important}
html[data-theme="dark"] .presence-active,html[data-theme="dark"] .text-success{color:#6ce9a6!important}
html[data-theme="dark"] .presence-limited{color:#84adff!important}

/* Menus, custom selects, dropdowns */
html[data-theme="dark"] .action-menu,html[data-theme="dark"] .crm-select-menu,html[data-theme="dark"] .hero-more-popover,html[data-theme="dark"] .column-chooser{background:#3b4557;border-color:#5a687e;box-shadow:0 18px 48px rgba(8,13,23,.32);color:#eef2f7}
html[data-theme="dark"] .action-menu-head{border-color:#536075}
html[data-theme="dark"] .action-menu button,html[data-theme="dark"] .crm-select-option{background:transparent;color:#e8edf5}
html[data-theme="dark"] .action-menu button:hover,html[data-theme="dark"] .crm-select-option:hover,html[data-theme="dark"] .crm-select-option.keyboard-active,html[data-theme="dark"] .hero-more-popover a:hover{background:#4a566b;color:#fff}
html[data-theme="dark"] .crm-select-option.selected{background:#3d5271;color:#b9d2ff}
html[data-theme="dark"] .hero-more-popover a,html[data-theme="dark"] .hero-more-popover b{color:#edf2f7}
html[data-theme="dark"] .hero-more-popover small,html[data-theme="dark"] .crm-select-group,html[data-theme="dark"] .crm-select-empty{color:#aeb8c6}
html[data-theme="dark"] .hero-more-icon{background:#334b6d;color:#a8c8ff}

/* Modals and social activity center */
html[data-theme="dark"] .modal,html[data-theme="dark"] .profile-modal,html[data-theme="dark"] .social-action-overlay,html[data-theme="dark"] .crop-modal{background:rgba(24,30,41,.64)}
html[data-theme="dark"] .modal-card,html[data-theme="dark"] .profile-card,html[data-theme="dark"] .crop-dialog{background:#3b4557;border-color:#5a687e;color:#f2f4f7}
html[data-theme="dark"] .modal-close,html[data-theme="dark"] .social-action-close,html[data-theme="dark"] .crop-close{background:#414b5e;border-color:#5a687e;color:#c7d0dc}
html[data-theme="dark"] .social-action-panel{background:#333C4D;border-color:#536075}
html[data-theme="dark"] .social-action-header,html[data-theme="dark"] .social-action-card{background:#3b4557;border-color:#536075;color:#f2f4f7}
html[data-theme="dark"] .menu-message-list .copy-message-btn,html[data-theme="dark"] .social-action-buttons button{background:#414b5e;border-color:#56647a;color:#eef2f7}
html[data-theme="dark"] .menu-message-list .copy-message-btn:hover,html[data-theme="dark"] .social-action-buttons button:hover{background:#4a566b;border-color:#7890b6;color:#cfe0ff}
html[data-theme="dark"] .social-action-note,html[data-theme="dark"] .template-source,html[data-theme="dark"] .profile-note-readonly{background:#374153;border-color:#4f5c71;color:#bfc8d4}
html[data-theme="dark"] .recent-links a{background:#414b5e;border-color:#536075}
html[data-theme="dark"] .profile-info-grid>div,html[data-theme="dark"] .profile-data-item,html[data-theme="dark"] .profile-custom-field{background:#414b5e;border-color:#536075}
html[data-theme="dark"] .profile-social-row,html[data-theme="dark"] .profile-timeline-item,html[data-theme="dark"] .timeline-item{border-color:#4f5c71}
html[data-theme="dark"] .crop-controls{background:#414b5e;border-color:#536075}
html[data-theme="dark"] .crop-stage{border-color:#5a687e;background:repeating-conic-gradient(#3f495b 0 25%,#4a566b 0 50%) 50%/22px 22px}
html[data-theme="dark"] .crop-actions{border-color:#536075}

/* Import, templates, fields, users */
html[data-theme="dark"] .dropzone,html[data-theme="dark"] .compact-file-drop{background:#374153;border-color:#66748a;color:#e9edf4}
html[data-theme="dark"] .dropzone:hover,html[data-theme="dark"] .dropzone.drag{background:#3c4d68;border-color:#84adff}
html[data-theme="dark"] .check-card,html[data-theme="dark"] .off-day-card,html[data-theme="dark"] .followup-offday-override,html[data-theme="dark"] .radio-card,html[data-theme="dark"] .platform-check-card,html[data-theme="dark"] .switch-card{background:#414b5e!important;border-color:#536075!important;color:#edf2f7}
html[data-theme="dark"] .check-card:hover,html[data-theme="dark"] .off-day-card:hover,html[data-theme="dark"] .radio-card:hover,html[data-theme="dark"] .platform-check-card:hover{background:#4a566b!important;border-color:#718097!important}
html[data-theme="dark"] .check-card b,html[data-theme="dark"] .followup-offday-override b,html[data-theme="dark"] .template-copy-main b{color:#f3f5f8}
html[data-theme="dark"] .merge-tag-btn{background:#414b5e;border-color:#536075;color:#eef2f7}
html[data-theme="dark"] .merge-tag-btn:hover{background:#4a566b;border-color:#718097}
html[data-theme="dark"] .merge-tag-btn code{color:#a8c8ff}
html[data-theme="dark"] .template-source{background:#374153}
html[data-theme="dark"] .permission-head,html[data-theme="dark"] .section-heading,html[data-theme="dark"] .card-title-row{border-color:#536075}

/* Backup / update / connection panels */
html[data-theme="dark"] .backup-tabs,html[data-theme="dark"] .backup-destination-row,html[data-theme="dark"] .backup-inline-options,html[data-theme="dark"] .restore-safety-note,html[data-theme="dark"] .security-note,html[data-theme="dark"] .install-steps,html[data-theme="dark"] .google-oauth-credentials-box,html[data-theme="dark"] .google-oauth-step{background:#374153!important;border-color:#536075!important;color:#e8edf5}
html[data-theme="dark"] .cron-command{background:#2f3848;border-color:#536075;color:#dfe8f6}
html[data-theme="dark"] .notice-box{background:#4b4739;border-color:#7f7449;color:#f3e9b2}
html[data-theme="dark"] .notice-box p{color:#d8cf9f}
html[data-theme="dark"] .alert.success{background:#2f5148;border-color:#4e8274;color:#a6f4c5}
html[data-theme="dark"] .alert.danger{background:#593d42;border-color:#8a5660;color:#fecaca}
html[data-theme="dark"] .extension-status{background:#4d4735;border-color:#8d7a3d;color:#f7d774}
html[data-theme="dark"] .extension-status.connected{background:#31534a;border-color:#4e8274;color:#a6f4c5}

/* Auth/login follows saved System/Light/Dark choice. */
html[data-theme="dark"] .auth-page{background:radial-gradient(circle at top,#414b5e,#333C4D 52%)}
html[data-theme="dark"] .auth-card{background:#3b4557;border-color:#536075;box-shadow:0 22px 70px rgba(8,13,23,.28);color:#f2f4f7}
html[data-theme="dark"] .auth-card p{color:#b7c0cd}
html[data-theme="dark"] .password-toggle{color:#c7d0dc}

/* Theme picker itself */
html[data-theme="dark"] .theme-choice-card{background:#414b5e;border-color:#5a687e}
html[data-theme="dark"] .theme-choice:hover .theme-choice-card{border-color:#78869b}
html[data-theme="dark"] .theme-choice-card b{color:#f5f7fa}
html[data-theme="dark"] .theme-choice-card small{color:#b7c0cd}
html[data-theme="dark"] .settings-subheading{border-color:#536075}

/* Keep colored informational pills legible in dark mode. */
html[data-theme="dark"] .list-pill{background:#344b6b;border-color:#4f6d96;color:#bcd3ff}
html[data-theme="dark"] .badge{background:#443f62;color:#d8d0ff}
html[data-theme="dark"] .badge.warn{background:#594733;color:#ffd3a4}
html[data-theme="dark"] .success-badge{background:#31534a!important;color:#a6f4c5!important}
html[data-theme="dark"] .muted-badge{background:#4a566b!important;color:#c1c9d5!important}
html[data-theme="dark"] .export-count-badge{background:#334b6d;color:#bcd3ff}
html[data-theme="dark"] .followup-offday-note{background:#374153;border-color:#4f5c71;color:#b7c0cd}

@media(max-width:900px){html[data-theme="dark"] .admin-sidebar{box-shadow:12px 0 38px rgba(8,13,23,.34)}}

/* v2.1.63 — four Track activity buttons per row + fast debounced summary steppers */
#menuActionButtons .social-action-main-buttons{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}
#menuActionButtons .social-action-main-buttons button{
  min-width:0!important;
  padding:8px 7px!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  white-space:normal!important;
  text-align:center!important;
}
.activity-summary-item.is-pending .activity-count-stepper strong{font-variant-numeric:tabular-nums;}
.activity-summary-item.is-pending .activity-count-btn{opacity:1!important;}
@media(max-width:700px){
  #menuActionButtons .social-action-main-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* v2.1.64 — Social Activity Center vertical workspace order */
.social-action-grid.social-action-grid-stacked{
  grid-template-columns:minmax(300px,.82fr) minmax(620px,1.9fr)!important;
  align-items:start!important;
}
.social-activity-workspace{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.social-action-grid-stacked .links-card,
.social-action-grid-stacked .activity-card{grid-column:auto!important;min-height:0;}
.social-action-grid-stacked .links-card{order:1;}
.social-action-grid-stacked .activity-card{order:2;}
.social-action-grid-stacked .activity-history-list{max-height:250px;}
@media(max-width:1200px){
  .social-action-grid.social-action-grid-stacked{grid-template-columns:minmax(270px,.8fr) minmax(500px,1.6fr)!important;}
}
@media(max-width:900px){
  .social-action-grid.social-action-grid-stacked{grid-template-columns:1fr!important;}
  .social-activity-workspace{grid-template-columns:1fr;}
}

/* v2.1.64 — CRM-wide meaningful action progress */
.crm-preload-card{
  min-width:min(360px,calc(100vw - 32px));
  max-width:460px;
  align-items:flex-start!important;
}
.crm-preload-copy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:5px;}
.crm-preload-copy b{font-size:12.5px;line-height:1.25;color:#344054;font-weight:700;}
.crm-preload-copy small{font-size:9.5px;line-height:1.35;color:#7b8798;font-weight:400;}
.crm-operation-track{position:relative;width:100%;height:5px;overflow:hidden;border-radius:999px;background:#e7edf6;margin-top:1px;}
.crm-operation-track span{display:block;height:100%;width:24%;border-radius:999px;background:var(--accent,#2563eb);transform:translateX(-120%);box-shadow:0 0 8px color-mix(in srgb,var(--accent,#2563eb) 32%,transparent);animation:crmOperationSweep 1.05s ease-in-out infinite;transition:width .22s ease,transform .22s ease;}
.crm-operation-track.determinate span{animation:none;transform:none;}
@keyframes crmOperationSweep{0%{transform:translateX(-130%);width:20%}55%{transform:translateX(175%);width:42%}100%{transform:translateX(480%);width:20%}}
html[data-theme="dark"] #crmAjaxPreloader{background:rgba(35,42,55,.72);}
html[data-theme="dark"] .crm-preload-card{background:rgba(59,69,87,.98);border-color:#5a687e;box-shadow:0 18px 44px rgba(8,13,23,.34);}
html[data-theme="dark"] .crm-preload-copy b{color:#f2f4f7;}
html[data-theme="dark"] .crm-preload-copy small{color:#b7c0cd;}
html[data-theme="dark"] .crm-operation-track{background:#2f3848;}
html[data-theme="dark"] .crm-preload-spinner{border-color:#536075;border-top-color:var(--primary,#84adff);}

/* v2.1.66 — keep Recent activity history in the right column */
.social-action-grid.social-action-grid-stacked{
  grid-template-columns:minmax(300px,.82fr) minmax(500px,1.18fr) minmax(390px,1.08fr)!important;
  align-items:start!important;
}
.social-activity-workspace{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.social-action-grid-stacked .summary-card,
.social-action-grid-stacked .activity-card,
.social-action-grid-stacked .links-card{
  grid-column:auto!important;
  min-height:0;
}
.social-action-grid-stacked .summary-card{order:1;}
.social-action-grid-stacked .activity-card{order:2;}
.social-action-grid-stacked .activity-history-card{
  align-self:start;
  min-height:0;
}
.social-action-grid-stacked .activity-history-card .activity-history-head{
  margin-top:0;
}
.social-action-grid-stacked .activity-history-list{
  max-height:440px;
  overflow:auto;
}
@media(max-width:1400px){
  .social-action-grid.social-action-grid-stacked{
    grid-template-columns:minmax(260px,.78fr) minmax(430px,1.16fr) minmax(330px,1.02fr)!important;
  }
}
@media(max-width:1050px){
  .social-action-grid.social-action-grid-stacked{
    grid-template-columns:minmax(260px,.8fr) minmax(500px,1.6fr)!important;
  }
  .social-action-grid-stacked .activity-history-card{
    grid-column:2!important;
  }
}
@media(max-width:900px){
  .social-action-grid.social-action-grid-stacked{grid-template-columns:1fr!important;}
  .social-action-grid-stacked .activity-history-card{grid-column:auto!important;}
  .social-action-grid-stacked .activity-history-list{max-height:300px;}
}

/* v2.1.66 — real operation progress only; normal page navigation keeps the compact preloader */
#crmAjaxPreloader:not(.with-progress) .crm-operation-track,
#crmAjaxPreloader:not(.with-progress) .crm-preload-copy small{display:none!important;}
#crmAjaxPreloader:not(.with-progress) .crm-preload-card{min-width:0;max-width:none;align-items:center!important;padding:11px 15px;}
#crmAjaxPreloader:not(.with-progress) .crm-preload-copy{display:block;flex:0 1 auto;}
#crmAjaxPreloader.with-progress .crm-operation-track{display:block;}
#crmAjaxPreloader.with-progress .crm-preload-card{min-width:min(380px,calc(100vw - 32px));max-width:480px;}
#crmAjaxPreloader.with-progress .crm-preload-spinner{margin-top:1px;}
#crmAjaxPreloader.with-progress .crm-operation-track span{transition:width .12s linear;}

/* v2.1.67 — follow-up lock visibility + calmer typography + dark table/card fixes */
h1,h2,h3,h4,h5,h6{font-weight:600!important}
.contacts-table th,.mapping-table th,.backup-table th,.compact-admin-table th{font-weight:600!important}
.title-count{font-weight:600!important}
.sidebar-nav a,.sidebar-bottom a,.sidebar-settings-group a{font-weight:400!important}
.sidebar-nav a.active,.sidebar-bottom a.active,.sidebar-settings-group a.active{font-weight:400!important}
.sidebar-brand b{font-weight:600!important}

/* Light/system-light uses #3b3b3b for primary black-looking text instead of full/near black. */
html[data-theme="light"]{--text:#3b3b3b}
html[data-theme="light"] body{color:#3b3b3b}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] h5,html[data-theme="light"] h6,
html[data-theme="light"] .brand,html[data-theme="light"] .contact-name,html[data-theme="light"] .profile-header h2,
html[data-theme="light"] .card h2,html[data-theme="light"] .card h3{color:#3b3b3b!important}

.followup-locked-time{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;margin:-2px 0 12px;padding:9px 10px;border:1px solid #dbe4ef;border-radius:9px;background:#f8fafc;color:#475467}
.followup-locked-time>span{font-size:10px;text-transform:uppercase;letter-spacing:.045em;font-weight:600;color:#667085}
.followup-locked-time>b{font-size:11.5px;font-weight:600;color:#3b3b3b;text-align:right}
.followup-locked-time>small{grid-column:1/-1;font-size:9.5px;line-height:1.4;color:#7b8798}

/* The highlighted social card keeps its warm fill, but its main/head text stays dark and readable. */
#contactsTable .social-chip.social-active-chip>span:first-child,
#contactsTable .social-chip[data-active-social="1"]>span:first-child,
#contactsTable .social-chip.social-link-opened-active>span:first-child{color:#3b3b3b!important}
#contactsTable .social-chip.social-active-chip .social-eye-placeholder,
#contactsTable .social-chip[data-active-social="1"] .social-eye-placeholder,
#contactsTable .social-chip.social-link-opened-active .social-eye-placeholder{color:#3b3b3b!important}

/* Dark mode: sticky checkbox/select column must never fall back to a white light-theme surface. */
html[data-theme="dark"] .contacts-table td.sticky-select{background:#3b4557!important}
html[data-theme="dark"] .contacts-table tr:hover td.sticky-select{background:#404b5e!important}
html[data-theme="dark"] .contacts-table tr.row-selected td.sticky-select,
html[data-theme="dark"] .contacts-table tr.social-active-row td.sticky-select{background:#3c4a61!important}
html[data-theme="dark"] .followup-locked-time{background:#374153;border-color:#536075;color:#c7d0dc}
html[data-theme="dark"] .followup-locked-time>span{color:#aeb8c6}
html[data-theme="dark"] .followup-locked-time>b{color:#eef2f7}
html[data-theme="dark"] .followup-locked-time>small{color:#aeb8c6}
/* Header-like labels that previously used 700–900 weight are capped at 600. */
.file-upload-title,.theme-mode-fieldset>legend,.eyebrow,.action-menu-section>small,.followup-stage-box>small,
.settings-subheading>b,.form-section-title>b,.fluent-filter-head>div>b,.date-filter-title>b,.filter-rule-title b,
.column-chooser-head>b,.template-card-head>b{font-weight:600!important}
.sidebar-settings-group>small{font-weight:400!important}

/* Remaining near-black text roles in Light/System-Light use the requested neutral #3b3b3b. */
html[data-theme="light"] .topbar nav a.active,html[data-theme="light"] .topbar nav a:hover,
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
html[data-theme="light"] select,html[data-theme="light"] textarea,
html[data-theme="light"] .settings-tabs a.active,html[data-theme="light"] .settings-tabs a:hover,
html[data-theme="light"] .check-card b,html[data-theme="light"] .template-copy-main b,
html[data-theme="light"] .template-platform-field>.field-label,html[data-theme="light"] .form-section-title b,
html[data-theme="light"] .switch-card b,html[data-theme="light"] .followup-select-label,
html[data-theme="light"] #followupPreset,html[data-theme="light"] #followupPreset option,
html[data-theme="light"] .activity-history-copy>b,html[data-theme="light"] .backup-stat b,
html[data-theme="light"] .fluent-filter-head>div>b,html[data-theme="light"] .google-oauth-setup-head h3,
html[data-theme="light"] .google-oauth-step h4,html[data-theme="light"] .google-oauth-credentials-box h4,
html[data-theme="light"] .permission-card b,html[data-theme="light"] .hero-more-popover b,
html[data-theme="light"] .export-summary b,html[data-theme="light"] .theme-choice-card b{color:#3b3b3b!important}

/* v2.1.68 — normal-weight UI text + dark-mode label contrast */
/* All controls/buttons use regular text. */
button,.btn,[role="button"],.icon-btn,.pager-btn,.hscroll-arrow,.quick-dates button,
.action-menu button,.social-action-buttons button,.activity-count-btn,.followup-stage-action,
.followup-social-step,.crm-select-option,.merge-tag-btn,.copy-message-btn,.extension-status{
  font-weight:400!important;
}

/* Outside real headings/table headings, textual emphasis is intentionally regular. */
body b,body strong,
.contact-name,.social-chip span,.stat-card b,.badge,.list-pill,.list-more,.platform-pill,.auto-match,
.import-summary,.followup-btn.overdue,.legend,.role-badge,.success-badge,.muted-badge,.export-count-badge,
.active-followup-stage-label,.followup-social-step.selected small,.followup-social-node,
.followup-social-check,.followup-social-check-placeholder,.followup-locked-time>span,.followup-locked-time>b,
.file-upload-title,.eyebrow,.action-menu-section>small,.followup-stage-box>small,.settings-subheading>b,
.form-section-title>b,.fluent-filter-head>div>b,.date-filter-title>b,.filter-rule-title b,
.column-chooser-head>b,.template-card-head>b,.theme-mode-fieldset>legend,.control-label,.field-label,
.advanced-toggle,.advanced-filters label,.modal-card label,.form-grid label,.auth-card label,
.auto-followup-stage-grid>label,.followup-platform-label,.template-platform-field>.field-label{
  font-weight:400!important;
}

/* Actual headers stay semibold, never extra-bold. */
h1,h2,h3,h4,h5,h6,
.contacts-table th,.mapping-table th,.backup-table th,.compact-admin-table th,
.title-count,.sidebar-brand b{
  font-weight:600!important;
}

/* Dark theme: labels/control captions must not inherit old light-theme near-black colors. */
html[data-theme="dark"] .admin-main label,
html[data-theme="dark"] .admin-main .field-label,
html[data-theme="dark"] .admin-main .control-label,
html[data-theme="dark"] .admin-main .advanced-toggle,
html[data-theme="dark"] .admin-main .advanced-toggle b,
html[data-theme="dark"] .admin-main .advanced-filters label,
html[data-theme="dark"] .admin-main .followup-select-label,
html[data-theme="dark"] .admin-main .template-platform-field>.field-label,
html[data-theme="dark"] .admin-main .form-section-title,
html[data-theme="dark"] .admin-main .form-section-title b,
html[data-theme="dark"] .admin-main .file-upload-title,
html[data-theme="dark"] .admin-main .theme-mode-fieldset>legend,
html[data-theme="dark"] .admin-main .settings-subheading,
html[data-theme="dark"] .admin-main .settings-subheading>b,
html[data-theme="dark"] .admin-main .permission-head,
html[data-theme="dark"] .admin-main .section-heading,
html[data-theme="dark"] .admin-main .card-title-row{
  color:#f2f4f7!important;
}

/* Keep muted/helper copy softer, while never allowing it to become near-black on dark surfaces. */
html[data-theme="dark"] .admin-main .muted,
html[data-theme="dark"] .admin-main label small,
html[data-theme="dark"] .admin-main .field-label small,
html[data-theme="dark"] .admin-main .control-label small{
  color:#c7d0dc!important;
}


/* v2.1.69 — dark surface cleanup + accent-matched icons */
/* Decorative icons follow the admin accent color instead of a fixed blue. */
.extension-icon,
.backup-stat-icon,
.compact-file-drop .upload-icon,
.file-upload-visual,
.activity-history-icon,
.hero-more-icon,
.rule-index{
  color:var(--accent,#2563eb)!important;
  background:color-mix(in srgb,var(--accent,#2563eb) 14%, transparent)!important;
  border-color:color-mix(in srgb,var(--accent,#2563eb) 28%, transparent)!important;
}
html[data-theme="dark"] .extension-icon,
html[data-theme="dark"] .backup-stat-icon,
html[data-theme="dark"] .compact-file-drop .upload-icon,
html[data-theme="dark"] .file-upload-visual,
html[data-theme="dark"] .activity-history-icon,
html[data-theme="dark"] .hero-more-icon,
html[data-theme="dark"] .rule-index{
  color:var(--accent,#2563eb)!important;
  background:color-mix(in srgb,var(--accent,#2563eb) 17%, #374153)!important;
  border-color:color-mix(in srgb,var(--accent,#2563eb) 34%, #536075)!important;
  box-shadow:none!important;
}

/* Dark mode: remove remaining light cards/panels from filters, activity summary/history, update and upload areas. */
html[data-theme="dark"] .activity-summary-item{
  background:#414b5e!important;
  border-color:#56647a!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .activity-summary-item span,
html[data-theme="dark"] .activity-summary-item .activity-summary-label{
  color:#eef2f7!important;
}
html[data-theme="dark"] .activity-summary-item small{
  color:#b7c0cd!important;
}
html[data-theme="dark"] .activity-summary-item strong{
  color:#c7d0dc!important;
}
html[data-theme="dark"] .activity-summary-item.has-activity{
  background:color-mix(in srgb,var(--accent,#2563eb) 12%, #414b5e)!important;
  border-color:color-mix(in srgb,var(--accent,#2563eb) 34%, #56647a)!important;
}
html[data-theme="dark"] .activity-summary-item.has-activity strong,
html[data-theme="dark"] .activity-summary-item .activity-count-btn:hover:not(:disabled){
  color:var(--accent,#2563eb)!important;
}
html[data-theme="dark"] .activity-summary-item .activity-count-btn{
  color:#c7d0dc!important;
}
html[data-theme="dark"] .activity-history-row{
  background:#414b5e!important;
  border-color:#56647a!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .activity-history-row.has-link:hover{
  background:#4a566b!important;
  border-color:color-mix(in srgb,var(--accent,#2563eb) 34%, #56647a)!important;
}
html[data-theme="dark"] .activity-history-copy>b{
  color:#eef2f7!important;
}
html[data-theme="dark"] .activity-history-copy>span,
html[data-theme="dark"] .activity-history-copy>small{
  color:#c7d0dc!important;
}
html[data-theme="dark"] .activity-history-copy>em{
  color:color-mix(in srgb,var(--accent,#2563eb) 78%, white)!important;
}
html[data-theme="dark"] .activity-history-row:not(.has-link) .activity-history-copy>em{
  color:#aeb8c6!important;
}

html[data-theme="dark"] .date-filter-panel,
html[data-theme="dark"] .filter-rule-section,
html[data-theme="dark"] .filter-rule-row,
html[data-theme="dark"] .filter-rule-empty,
html[data-theme="dark"] .rule-value-spacer,
html[data-theme="dark"] .match-control select,
html[data-theme="dark"] .fluent-advanced-builder .match-control,
html[data-theme="dark"] .filter-rule-row select,
html[data-theme="dark"] .filter-rule-row input,
html[data-theme="dark"] .date-filter-panel select,
html[data-theme="dark"] .date-filter-panel input{
  background:#414b5e!important;
  border-color:#56647a!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .date-filter-panel label,
html[data-theme="dark"] .date-filter-title b,
html[data-theme="dark"] .filter-rule-title b,
html[data-theme="dark"] .fluent-filter-head>div>b{
  color:#eef2f7!important;
}
html[data-theme="dark"] .fluent-filter-head>div>small,
html[data-theme="dark"] .filter-rule-title small,
html[data-theme="dark"] .date-filter-title small,
html[data-theme="dark"] .filter-rule-empty{
  color:#c7d0dc!important;
}
html[data-theme="dark"] .rule-remove{
  background:#374153!important;
  border-color:#56647a!important;
  color:#c7d0dc!important;
}
html[data-theme="dark"] .rule-remove:hover{
  background:#4a4046!important;
  border-color:#8a5660!important;
  color:#fecaca!important;
}

html[data-theme="dark"] .file-upload-field,
html[data-theme="dark"] .crop-file-row .file-upload-field,
html[data-theme="dark"] .file-upload-field.compact{
  background:linear-gradient(180deg,#3a4456 0%,#374153 100%)!important;
  border-color:#66748a!important;
  color:#eef2f7!important;
  box-shadow:0 10px 26px rgba(8,13,23,.16)!important;
}
html[data-theme="dark"] .file-upload-field:hover{
  background:linear-gradient(180deg,#404b5e 0%,#394456 100%)!important;
  border-color:color-mix(in srgb,var(--accent,#2563eb) 36%, #66748a)!important;
}
html[data-theme="dark"] .file-upload-field.drag-over,
html[data-theme="dark"] .file-upload-field:focus-within{
  background:#3c4d68!important;
  border-color:var(--accent,#2563eb)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#2563eb) 18%, transparent),0 16px 36px rgba(8,13,23,.18)!important;
}
html[data-theme="dark"] .file-upload-title,
html[data-theme="dark"] .dropzone h3{
  color:#eef2f7!important;
}
html[data-theme="dark"] .file-upload-name,
html[data-theme="dark"] .dropzone p,
html[data-theme="dark"] .compact-file-drop small{
  color:#c7d0dc!important;
}
html[data-theme="dark"] .file-upload-action{
  background:#414b5e!important;
  border-color:#5a687e!important;
  color:#eef2f7!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .file-upload-action:hover{
  background:#4a566b!important;
  border-color:color-mix(in srgb,var(--accent,#2563eb) 32%, #5a687e)!important;
}

html[data-theme="dark"] .image-preview,
html[data-theme="dark"] .logo-preview,
html[data-theme="dark"] .icon-preview,
html[data-theme="dark"] .dropzone::before{
  background:rgba(255,255,255,.03)!important;
}
html[data-theme="dark"] .settings-tabs a.active,
html[data-theme="dark"] .settings-tabs a:hover,
html[data-theme="dark"] .backup-tabs a.active{
  background:#4a566b!important;
}


/* v2.1.70 — active sidebar icon follows the selected accent color */
.sidebar-nav a.active .nav-icon,
.sidebar-bottom a.active .nav-icon,
.sidebar-settings-group a.active .submenu-icon,
.sidebar-settings-group a:hover .submenu-icon{
  color:var(--accent,#2563eb)!important;
}
html[data-theme="dark"] .sidebar-nav a.active .nav-icon,
html[data-theme="dark"] .sidebar-bottom a.active .nav-icon,
html[data-theme="dark"] .sidebar-settings-group a.active .submenu-icon,
html[data-theme="dark"] .sidebar-settings-group a:hover .submenu-icon{
  color:var(--accent,#2563eb)!important;
}

/* v2.1.71 — WordPress-style accent picker + accent-colored links */
.accent-picker-setting{display:flex;flex-direction:column;gap:9px}
.accent-picker-heading{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.accent-picker-heading>span{font-size:13px;color:var(--text);font-weight:400}
.accent-picker-heading>small{margin:0!important;color:#667085;font-size:10.5px}
.wp-accent-picker{border:1px solid #dcdcde;border-radius:10px;background:#fff;padding:14px;max-width:620px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.accent-preset-grid{display:grid;grid-template-columns:repeat(12,32px);gap:8px;margin-bottom:12px}
.accent-preset{position:relative;width:32px;height:32px;padding:0;border:1px solid rgba(0,0,0,.16);border-radius:50%;background:var(--preset-color);cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 3px #c3c4c7;transition:transform .12s ease,box-shadow .12s ease}
.accent-preset:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #fff,0 0 0 3px #787c82}
.accent-preset.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--preset-color)}
.accent-preset-check{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#fff;font-size:15px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.accent-preset.selected .accent-preset-check{display:flex}
.accent-custom-row{display:flex;align-items:center;gap:9px;padding-top:12px;border-top:1px solid #dcdcde;flex-wrap:wrap}
.accent-color-well{position:relative!important;width:44px;height:38px;margin:0!important;border:1px solid #8c8f94;border-radius:5px;background:#fff;padding:4px;cursor:pointer;overflow:hidden;flex:0 0 auto}
.accent-color-well input[type="color"]{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer;padding:0;border:0}
.accent-color-preview{display:block;width:100%;height:100%;border-radius:3px;background:var(--current-accent);pointer-events:none}
.accent-hex-field{height:38px;display:flex;align-items:center;border:1px solid #8c8f94;border-radius:5px;background:#fff;overflow:hidden;min-width:132px}
.accent-hex-field:focus-within{border-color:var(--accent,#2271b1);box-shadow:0 0 0 1px var(--accent,#2271b1)}
.accent-hex-field>span{padding:0 0 0 10px;color:#646970;font-size:13px}
.accent-hex-field input{width:92px!important;height:36px!important;border:0!important;border-radius:0!important;padding:0 9px 0 3px!important;background:transparent!important;box-shadow:none!important;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#1d2327!important}
.accent-default-btn{height:38px}
@media(max-width:760px){.accent-preset-grid{grid-template-columns:repeat(6,32px)}}

html[data-theme="dark"] .accent-picker-heading>small{color:#c7d0dc}
html[data-theme="dark"] .wp-accent-picker{background:#414b5e;border-color:#5a687e;box-shadow:none}
html[data-theme="dark"] .accent-custom-row{border-color:#5a687e}
html[data-theme="dark"] .accent-preset{border-color:rgba(255,255,255,.22);box-shadow:0 0 0 2px #414b5e,0 0 0 3px #75839a}
html[data-theme="dark"] .accent-preset:hover{box-shadow:0 0 0 2px #414b5e,0 0 0 3px #c7d0dc}
html[data-theme="dark"] .accent-preset.selected{box-shadow:0 0 0 2px #414b5e,0 0 0 4px var(--preset-color)}
html[data-theme="dark"] .accent-color-well,html[data-theme="dark"] .accent-hex-field{background:#374153;border-color:#75839a}
html[data-theme="dark"] .accent-hex-field>span{color:#c7d0dc}
html[data-theme="dark"] .accent-hex-field input{color:#eef2f7!important}

/* v2.1.72 — complete dark-surface pass (color behavior restored to v2.1.70) */
/* FULL DARK MODE SURFACE NORMALIZATION.
   These are UI fields/cards only; intentional image/theme previews keep their content. */
html[data-theme="dark"] .dropzone,
html[data-theme="dark"] #uploadCard .dropzone,
html[data-theme="dark"] #uploadCard .dropzone:after,
html[data-theme="dark"] .file-upload-field,
html[data-theme="dark"] .compact-file-drop,
html[data-theme="dark"] .field-preview-shell,
html[data-theme="dark"] .unified-list-editor,
html[data-theme="dark"] .column-chooser,
html[data-theme="dark"] .column-chooser-options,
html[data-theme="dark"] .crm-select-menu,
html[data-theme="dark"] .hero-more-popover,
html[data-theme="dark"] .action-menu,
html[data-theme="dark"] .crop-dialog,
html[data-theme="dark"] .crop-controls,
html[data-theme="dark"] .social-action-panel,
html[data-theme="dark"] .social-action-header,
html[data-theme="dark"] .social-action-card,
html[data-theme="dark"] .activity-summary-item,
html[data-theme="dark"] .activity-history-row,
html[data-theme="dark"] .followup-stage-box,
html[data-theme="dark"] .followup-social-node,
html[data-theme="dark"] .off-day-card,
html[data-theme="dark"] .followup-offday-override,
html[data-theme="dark"] .followup-offday-note,
html[data-theme="dark"] .check-card,
html[data-theme="dark"] .switch-card,
html[data-theme="dark"] .radio-card,
html[data-theme="dark"] .platform-check-card,
html[data-theme="dark"] .single-choice,
html[data-theme="dark"] .profile-message,
html[data-theme="dark"] .profile-section,
html[data-theme="dark"] .profile-info-grid>div,
html[data-theme="dark"] .profile-data-item,
html[data-theme="dark"] .profile-custom-field,
html[data-theme="dark"] .profile-note-readonly,
html[data-theme="dark"] .custom-read-grid .profile-data-item,
html[data-theme="dark"] .mapping-help,
html[data-theme="dark"] .mapping-table-wrap,
html[data-theme="dark"] .import-list-box,
html[data-theme="dark"] .notice-box,
html[data-theme="dark"] .install-steps,
html[data-theme="dark"] .backup-choice,
html[data-theme="dark"] .backup-run-status,
html[data-theme="dark"] .restore-item,
html[data-theme="dark"] .restore-safety-note,
html[data-theme="dark"] .schedule-master,
html[data-theme="dark"] .google-connected-panel,
html[data-theme="dark"] .google-setup-steps>div,
html[data-theme="dark"] .google-oauth-setup,
html[data-theme="dark"] .google-oauth-step,
html[data-theme="dark"] .google-oauth-credentials-box,
html[data-theme="dark"] .managed-oauth-notice,
html[data-theme="dark"] .permission-panel,
html[data-theme="dark"] .permission-card,
html[data-theme="dark"] .export-summary,
html[data-theme="dark"] .table-pagination-bar,
html[data-theme="dark"] .date-filter-panel,
html[data-theme="dark"] .filter-rule-section,
html[data-theme="dark"] .filter-rule-row,
html[data-theme="dark"] .filter-rule-empty,
html[data-theme="dark"] .rule-value-spacer,
html[data-theme="dark"] .wp-accent-picker{
  background:#414b5e!important;
  border-color:#56647a!important;
  color:#eef2f7!important;
  box-shadow:none!important;
}

html[data-theme="dark"] .dropzone::before{background:rgba(255,255,255,.025)!important}
html[data-theme="dark"] .dropzone{border-color:#66748a!important;background:#374153!important}
html[data-theme="dark"] .dropzone:hover,html[data-theme="dark"] .dropzone.drag{background:#3c4d68!important;border-color:#84adff!important}
html[data-theme="dark"] .dropzone h3,html[data-theme="dark"] .dropzone p{color:#eef2f7!important;text-shadow:none!important}
html[data-theme="dark"] #uploadCard .dropzone:after{color:#c7d0dc!important}

/* White/light buttons inside dark upload and option fields become normal dark controls. */
html[data-theme="dark"] .file-upload-action,
html[data-theme="dark"] .compact-file-drop .btn,
html[data-theme="dark"] .dropzone .btn,
html[data-theme="dark"] .column-chooser-options .column-option-row,
html[data-theme="dark"] .crm-select-button,
html[data-theme="dark"] .crm-select-option,
html[data-theme="dark"] .hero-more-popover a,
html[data-theme="dark"] .action-menu button,
html[data-theme="dark"] .menu-message-list .copy-message-btn,
html[data-theme="dark"] .social-action-buttons button,
html[data-theme="dark"] #menuActionButtons .followup-stage-action,
html[data-theme="dark"] .followup-stage-mini-buttons .followup-stage-action,
html[data-theme="dark"] .followup-stage-mini-buttons [data-followup-stage-action],
html[data-theme="dark"] .quick-dates button,
html[data-theme="dark"] .pager-btn,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .hscroll-arrow{
  background:#414b5e!important;
  border-color:#5a687e!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .file-upload-action:hover,
html[data-theme="dark"] .column-chooser-options .column-option-row:hover,
html[data-theme="dark"] .crm-select-option:hover,
html[data-theme="dark"] .crm-select-option.keyboard-active,
html[data-theme="dark"] .hero-more-popover a:hover,
html[data-theme="dark"] .action-menu button:hover{
  background:#4a566b!important;
  border-color:#718097!important;
}

/* Dark inputs everywhere, including nested builders and picker inputs. */
html[data-theme="dark"] .admin-main input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
html[data-theme="dark"] .admin-main select,
html[data-theme="dark"] .admin-main textarea,
html[data-theme="dark"] .mapping-table select,
html[data-theme="dark"] .bulk-list-select,
html[data-theme="dark"] .status-select,
html[data-theme="dark"] .professional-field select,
html[data-theme="dark"] #followupPreset,
html[data-theme="dark"] #followupPreset option,
html[data-theme="dark"] .table-page-size-form select,
html[data-theme="dark"] .google-oauth-exact-uri .copy-row input{
  background:#374153!important;
  border-color:#5a687e!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .admin-main input::placeholder,html[data-theme="dark"] .admin-main textarea::placeholder{color:#aeb8c6!important}

/* Dark activity cards and history rows. */
html[data-theme="dark"] .activity-summary-item.has-activity{
  background:color-mix(in srgb,var(--accent,#2563eb) 12%,#414b5e)!important;
  border-color:color-mix(in srgb,var(--accent,#2563eb) 34%,#56647a)!important;
}
html[data-theme="dark"] .activity-summary-item span,
html[data-theme="dark"] .activity-summary-item .activity-summary-label,
html[data-theme="dark"] .activity-history-copy>b{color:#eef2f7!important}
html[data-theme="dark"] .activity-summary-item small,
html[data-theme="dark"] .activity-history-copy>span,
html[data-theme="dark"] .activity-history-copy>small{color:#c7d0dc!important}
html[data-theme="dark"] .activity-history-row.has-link:hover{background:#4a566b!important;border-color:color-mix(in srgb,var(--accent,#2563eb) 34%,#56647a)!important}
html[data-theme="dark"] .activity-history-copy>em{color:color-mix(in srgb,var(--accent,#2563eb) 78%, white)!important}
html[data-theme="dark"] .activity-history-icon{color:var(--accent,#2563eb)!important;background:color-mix(in srgb,var(--accent,#2563eb) 17%,#374153)!important;border-color:color-mix(in srgb,var(--accent,#2563eb) 34%,#536075)!important}

/* Dark advanced filter builder, including the screenshot's white Date Filter panel. */
html[data-theme="dark"] .fluent-advanced-builder{border-color:#536075!important}
html[data-theme="dark"] .date-filter-panel label,
html[data-theme="dark"] .date-filter-title b,
html[data-theme="dark"] .filter-rule-title b,
html[data-theme="dark"] .fluent-filter-head>div>b,
html[data-theme="dark"] .match-control{color:#eef2f7!important}
html[data-theme="dark"] .fluent-filter-head>div>small,
html[data-theme="dark"] .filter-rule-title small,
html[data-theme="dark"] .date-filter-title small{color:#c7d0dc!important}

/* Semantic light pills are converted to dark tints rather than white cards. */
html[data-theme="dark"] .legend.overdue{background:#553b40!important;border-color:#8a5660!important;color:#fecaca!important}
html[data-theme="dark"] .legend.today{background:#574634!important;border-color:#8d6a3d!important;color:#fed7aa!important}
html[data-theme="dark"] .legend.tomorrow{background:#463f61!important;border-color:#6d6194!important;color:#ddd6fe!important}
html[data-theme="dark"] .legend.upcoming{background:#334b6d!important;border-color:#4f6d96!important;color:#bfdbfe!important}
html[data-theme="dark"] .contacts-table tr.followup-overdue td,html[data-theme="dark"] .contacts-table tr.followup-overdue .sticky-col{background:#463b45!important}
html[data-theme="dark"] .contacts-table tr.followup-today td,html[data-theme="dark"] .contacts-table tr.followup-today .sticky-col{background:#494239!important}
html[data-theme="dark"] .contacts-table tr.followup-tomorrow td,html[data-theme="dark"] .contacts-table tr.followup-tomorrow .sticky-col{background:#423f55!important}

/* Color-role picker itself is fully dark in dark mode. */
html[data-theme="dark"] .accent-custom-row{border-color:#5a687e!important}
html[data-theme="dark"] .accent-color-well,html[data-theme="dark"] .accent-hex-field{background:#374153!important;border-color:#75839a!important}
html[data-theme="dark"] .accent-hex-field input{background:transparent!important;color:#eef2f7!important}
html[data-theme="dark"] .accent-picker-heading>small{color:#c7d0dc!important}


/* v2.1.73 — compact top/filter controls + select-style More chevron */
/* Keep the primary desktop actions compact while preserving a comfortable click target. */
.compact-hero .hero-actions{gap:8px!important}
.compact-hero .hero-actions>.btn,
.compact-hero .hero-more-menu>summary.btn{
  min-height:34px!important;
  height:34px!important;
  padding:5px 11px!important;
  border-radius:8px!important;
  font-size:12.5px!important;
  line-height:1!important;
}
.compact-hero .extension-status{
  min-height:32px!important;
  height:32px!important;
  padding:4px 10px!important;
  font-size:11.5px!important;
  line-height:1!important;
}

/* The More menu uses the same simple chevron language as CRM select/dropdown controls. */
.hero-more-menu>summary.btn{gap:7px!important}
.hero-more-caret{
  display:inline-block!important;
  width:7px!important;
  height:7px!important;
  margin:-3px 1px 0 1px!important;
  border:0!important;
  border-right:1.5px solid currentColor!important;
  border-bottom:1.5px solid currentColor!important;
  color:currentColor!important;
  font-size:0!important;
  line-height:0!important;
  transform:rotate(45deg)!important;
  transform-origin:center!important;
  opacity:.72!important;
  flex:0 0 7px!important;
}

/* Compact the Advanced Filter toolbar buttons called out in the screenshot. */
.filter-main-row{gap:7px!important}
.filter-main-row .btn,
.filter-main-row .icon-btn{
  min-height:34px!important;
  height:34px!important;
  padding:5px 10px!important;
  border-radius:8px!important;
  font-size:12px!important;
  line-height:1!important;
}
.filter-main-row .icon-btn{
  width:36px!important;
  padding:0!important;
}
.filter-main-row .advanced-toggle{
  min-height:34px!important;
  height:34px!important;
  align-items:center!important;
  font-size:12px!important;
}
.filter-main-row .toggle-ui{
  width:36px!important;
  height:20px!important;
}
.filter-main-row .toggle-ui:after{
  width:16px!important;
  height:16px!important;
}
.filter-main-row .advanced-toggle input:checked+.toggle-ui:after{
  transform:translateX(16px)!important;
}

@media(max-width:900px){
  .compact-hero .hero-actions>.btn,
  .compact-hero .hero-more-menu>summary.btn,
  .filter-main-row .btn,
  .filter-main-row .icon-btn{min-height:34px!important;height:34px!important}
}


/* v2.1.75 — login page logo-only header and centered title */
.login-card .auth-brand-logo-only{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin-bottom:10px;
}
.login-card .auth-brand-logo-only img{
  max-width:240px;
  max-height:64px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.login-card .login-title{
  text-align:center;
  margin:0 0 8px;
}
.login-card .login-subtitle{
  text-align:center;
  margin:0 0 18px;
}
html[data-theme="dark"] .login-card .login-title{color:#f2f4f7;}
html[data-theme="dark"] .login-card .login-subtitle{color:#b7c0cd;}


/* v2.1.76 — restore v2.1.70 accent scope: one accent controls primary actions and accent icons;
   links, selection tints and semantic statuses keep the v2.1.70 palette. */


/* v2.1.77 — active contact name follows the accent color */
html[data-theme="dark"] .contacts-table tr.social-active-row .contact-name,
html[data-theme="light"] .contacts-table tr.social-active-row .contact-name,
.contacts-table tr.social-active-row .contact-name{
  color:var(--accent,#2563eb)!important;
}


/* v2.1.78 — deep dark-mode readability + remaining light-surface cleanup */
/* Social activity center: ensure every text role stays readable in dark mode. */
html[data-theme="dark"] .social-action-header h2,
html[data-theme="dark"] .social-action-card h3,
html[data-theme="dark"] .activity-history-head>b,
html[data-theme="dark"] .template-copy-main b,
html[data-theme="dark"] .recent-links a b,
html[data-theme="dark"] .profile-header h2,
html[data-theme="dark"] .profile-section h2,
html[data-theme="dark"] .profile-section h3,
html[data-theme="dark"] .profile-info-grid b,
html[data-theme="dark"] .profile-message>div b,
html[data-theme="dark"] .timeline-title b,
html[data-theme="dark"] .compact-admin-table td b,
html[data-theme="dark"] .import-list-box h3{
  color:#eef2f7!important;
}
html[data-theme="dark"] .social-action-header p,
html[data-theme="dark"] .social-action-header .eyebrow,
html[data-theme="dark"] .social-contact-meta span,
html[data-theme="dark"] .social-action-card .tiny,
html[data-theme="dark"] .social-action-card p,
html[data-theme="dark"] .social-action-card small,
html[data-theme="dark"] .social-action-note,
html[data-theme="dark"] .activity-history-head span,
html[data-theme="dark"] .activity-history-head small,
html[data-theme="dark"] .recent-links a,
html[data-theme="dark"] .recent-links a span,
html[data-theme="dark"] .template-copy-main small,
html[data-theme="dark"] .template-source,
html[data-theme="dark"] .profile-header p,
html[data-theme="dark"] .profile-info-grid small,
html[data-theme="dark"] .profile-social-row span,
html[data-theme="dark"] .profile-social-row small,
html[data-theme="dark"] .profile-message p,
html[data-theme="dark"] .timeline-title small,
html[data-theme="dark"] .profile-timeline-item p,
html[data-theme="dark"] .profile-timeline-item small,
html[data-theme="dark"] .compact-admin-table td small,
html[data-theme="dark"] .import-list-box p,
html[data-theme="dark"] .social-presence-mini label,
html[data-theme="dark"] .social-presence-mini span,
html[data-theme="dark"] .profile-edit-grid .profile-social-presence-mini label,
html[data-theme="dark"] .profile-edit-grid .profile-social-presence-mini span{
  color:#c7d0dc!important;
}
html[data-theme="dark"] .activity-history-head{
  border-top-color:#536075!important;
}

/* Remaining white/light cards inside dark dialogs and profile areas become dark surfaces. */
html[data-theme="dark"] .recent-links a,
html[data-theme="dark"] .profile-info-grid>div,
html[data-theme="dark"] .profile-message,
html[data-theme="dark"] .profile-section,
html[data-theme="dark"] .profile-data-item,
html[data-theme="dark"] .profile-custom-field,
html[data-theme="dark"] .compact-admin-table,
html[data-theme="dark"] .compact-admin-table th,
html[data-theme="dark"] .compact-admin-table td,
html[data-theme="dark"] .source-pill,
html[data-theme="dark"] .list-pill,
html[data-theme="dark"] .muted-badge,
html[data-theme="dark"] .social-contact-meta .social-presence,
html[data-theme="dark"] .profile-social-row .social-presence,
html[data-theme="dark"] .template-source,
html[data-theme="dark"] .import-list-box,
html[data-theme="dark"] .check-card,
html[data-theme="dark"] .merge-tag-btn,
html[data-theme="dark"] .bulk-list-select{
  background:#414b5e!important;
  border-color:#56647a!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .recent-links a:hover,
html[data-theme="dark"] .check-card:hover,
html[data-theme="dark"] .merge-tag-btn:hover{
  background:#4a566b!important;
  border-color:color-mix(in srgb,var(--accent,#2563eb) 34%,#56647a)!important;
}
html[data-theme="dark"] .compact-admin-table th{
  background:#374153!important;
  color:#c7d0dc!important;
}
html[data-theme="dark"] .compact-admin-table td{
  background:#414b5e!important;
}
html[data-theme="dark"] .compact-admin-table tr.active-row td,
html[data-theme="dark"] .profile-timeline-item.active-row{
  background:color-mix(in srgb,var(--accent,#2563eb) 12%,#414b5e)!important;
}

/* Accent-aware links remain readable on dark surfaces. */
html[data-theme="dark"] .social-action-panel a:not(.btn):not(.file-upload-action):not(.pager-btn):not(.icon-btn),
html[data-theme="dark"] .profile-card a:not(.btn):not(.file-upload-action):not(.pager-btn):not(.icon-btn){
  color:color-mix(in srgb,var(--accent,#2563eb) 78%,white)!important;
}
html[data-theme="dark"] .social-action-panel a:hover:not(.btn):not(.file-upload-action):not(.pager-btn):not(.icon-btn),
html[data-theme="dark"] .profile-card a:hover:not(.btn):not(.file-upload-action):not(.pager-btn):not(.icon-btn){
  color:color-mix(in srgb,var(--accent,#2563eb) 92%,white)!important;
}

/* Dark badges/pills should not stay white. */
html[data-theme="dark"] .badge,
html[data-theme="dark"] .role-badge,
html[data-theme="dark"] .success-badge,
html[data-theme="dark"] .legend,
html[data-theme="dark"] .source-pill,
html[data-theme="dark"] .list-pill,
html[data-theme="dark"] .social-contact-meta .social-presence,
html[data-theme="dark"] .profile-social-row .social-presence{
  box-shadow:none!important;
}
html[data-theme="dark"] .badge{
  background:color-mix(in srgb,var(--accent,#2563eb) 16%,#414b5e)!important;
  color:color-mix(in srgb,var(--accent,#2563eb) 78%,white)!important;
}
html[data-theme="dark"] .success-badge{background:#2f5a47!important;border-color:#4f8a6e!important;color:#c8f1d8!important}
html[data-theme="dark"] .muted-badge,
html[data-theme="dark"] .source-pill{background:#374153!important;color:#c7d0dc!important}
html[data-theme="dark"] .list-pill{background:color-mix(in srgb,var(--accent,#2563eb) 10%,#414b5e)!important;border-color:color-mix(in srgb,var(--accent,#2563eb) 28%,#56647a)!important;color:color-mix(in srgb,var(--accent,#2563eb) 76%,white)!important}
html[data-theme="dark"] .social-contact-meta .social-presence,
html[data-theme="dark"] .profile-social-row .social-presence{
  background:#374153!important;
  border:1px solid #56647a!important;
}

/* Keep helper/secondary text visible in all remaining dark cards. */
html[data-theme="dark"] .template-card-head small,
html[data-theme="dark"] .list-more,
html[data-theme="dark"] .company,
html[data-theme="dark"] .import-time,
html[data-theme="dark"] .social-chip small{
  color:#b7c0cd!important;
}


/* v2.1.79 — full CRM dark-mode audit: global text contrast + remaining light surfaces */
/* Make dark surfaces readable by default, then soften only helper copy. */
html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .filter-shell,
html[data-theme="dark"] .settings-tabs,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .social-action-panel,
html[data-theme="dark"] .action-menu,
html[data-theme="dark"] .dropzone,
html[data-theme="dark"] .import-list-box,
html[data-theme="dark"] .check-card,
html[data-theme="dark"] .switch-card,
html[data-theme="dark"] .radio-card,
html[data-theme="dark"] .platform-check-card,
html[data-theme="dark"] .followup-offday-override,
html[data-theme="dark"] .off-day-card,
html[data-theme="dark"] .notice-box,
html[data-theme="dark"] .install-steps,
html[data-theme="dark"] .permission-card,
html[data-theme="dark"] .google-oauth-step,
html[data-theme="dark"] .google-oauth-credentials-box,
html[data-theme="dark"] .backup-run-status,
html[data-theme="dark"] .restore-item,
html[data-theme="dark"] .restore-safety-note,
html[data-theme="dark"] .mapping-table-wrap,
html[data-theme="dark"] .date-filter-panel,
html[data-theme="dark"] .filter-rule-section,
html[data-theme="dark"] .filter-rule-row,
html[data-theme="dark"] .filter-rule-empty,
html[data-theme="dark"] .wp-accent-picker{
  color:#eef2f7!important;
}

/* Headings/titles on dark surfaces */
html[data-theme="dark"] .card h1,
html[data-theme="dark"] .card h2,
html[data-theme="dark"] .card h3,
html[data-theme="dark"] .card h4,
html[data-theme="dark"] .card h5,
html[data-theme="dark"] .card h6,
html[data-theme="dark"] .modal-card h1,
html[data-theme="dark"] .modal-card h2,
html[data-theme="dark"] .modal-card h3,
html[data-theme="dark"] .modal-card h4,
html[data-theme="dark"] .modal-card h5,
html[data-theme="dark"] .modal-card h6,
html[data-theme="dark"] .settings-panel h1,
html[data-theme="dark"] .settings-panel h2,
html[data-theme="dark"] .settings-panel h3,
html[data-theme="dark"] .settings-panel h4,
html[data-theme="dark"] .settings-panel h5,
html[data-theme="dark"] .settings-panel h6,
html[data-theme="dark"] .social-action-panel h1,
html[data-theme="dark"] .social-action-panel h2,
html[data-theme="dark"] .social-action-panel h3,
html[data-theme="dark"] .profile-card h1,
html[data-theme="dark"] .profile-card h2,
html[data-theme="dark"] .profile-card h3,
html[data-theme="dark"] .section-title-row h1,
html[data-theme="dark"] .section-title-row h2,
html[data-theme="dark"] .section-title-row h3,
html[data-theme="dark"] .section-title-row h4,
html[data-theme="dark"] .page h1,
html[data-theme="dark"] .page h2,
html[data-theme="dark"] .page h3,
html[data-theme="dark"] .page h4{
  color:#eef2f7!important;
}

/* Labels and normal body copy — fixes Add Contact modal and similar forms */
html[data-theme="dark"] .modal-card label,
html[data-theme="dark"] .modal-card .form-grid label,
html[data-theme="dark"] .modal-card .field-label,
html[data-theme="dark"] .modal-card .control-label,
html[data-theme="dark"] .modal-card .followup-select-label,
html[data-theme="dark"] .modal-card .theme-mode-fieldset>legend,
html[data-theme="dark"] .card label,
html[data-theme="dark"] .card .field-label,
html[data-theme="dark"] .card .control-label,
html[data-theme="dark"] .card .followup-select-label,
html[data-theme="dark"] .admin-main label,
html[data-theme="dark"] .admin-main .field-label,
html[data-theme="dark"] .admin-main .control-label,
html[data-theme="dark"] .admin-main .section-heading,
html[data-theme="dark"] .admin-main .settings-subheading,
html[data-theme="dark"] .admin-main .card-title-row,
html[data-theme="dark"] .admin-main .permission-head,
html[data-theme="dark"] .advanced-filters label,
html[data-theme="dark"] .advanced-toggle,
html[data-theme="dark"] .activity-history-head>b,
html[data-theme="dark"] .social-contact-meta span,
html[data-theme="dark"] .template-card-head b,
html[data-theme="dark"] .template-copy-main b,
html[data-theme="dark"] .recent-links a b,
html[data-theme="dark"] .check-card b,
html[data-theme="dark"] .switch-card b,
html[data-theme="dark"] .radio-card b,
html[data-theme="dark"] .platform-check-card b,
html[data-theme="dark"] .compact-admin-table td b,
html[data-theme="dark"] .import-list-box h3,
html[data-theme="dark"] .profile-info-grid b,
html[data-theme="dark"] .profile-message>div b,
html[data-theme="dark"] .timeline-title b,
html[data-theme="dark"] .followup-locked-time>b,
html[data-theme="dark"] .followup-locked-time>span{
  color:#eef2f7!important;
}

/* Secondary/helper copy on dark surfaces */
html[data-theme="dark"] .card p,
html[data-theme="dark"] .card small,
html[data-theme="dark"] .modal-card p,
html[data-theme="dark"] .modal-card small,
html[data-theme="dark"] .modal-card .muted,
html[data-theme="dark"] .modal-card .form-grid label small,
html[data-theme="dark"] .admin-main p,
html[data-theme="dark"] .admin-main small,
html[data-theme="dark"] .admin-main .muted,
html[data-theme="dark"] .admin-main label small,
html[data-theme="dark"] .admin-main .field-label small,
html[data-theme="dark"] .admin-main .control-label small,
html[data-theme="dark"] .social-action-header p,
html[data-theme="dark"] .social-action-card .tiny,
html[data-theme="dark"] .social-action-note,
html[data-theme="dark"] .template-card-head small,
html[data-theme="dark"] .template-copy-main small,
html[data-theme="dark"] .template-source,
html[data-theme="dark"] .recent-links a,
html[data-theme="dark"] .recent-links a span,
html[data-theme="dark"] .activity-history-copy>span,
html[data-theme="dark"] .activity-history-copy>small,
html[data-theme="dark"] .activity-history-copy>em,
html[data-theme="dark"] .profile-header p,
html[data-theme="dark"] .profile-info-grid small,
html[data-theme="dark"] .profile-social-row span,
html[data-theme="dark"] .profile-social-row small,
html[data-theme="dark"] .profile-message p,
html[data-theme="dark"] .timeline-title small,
html[data-theme="dark"] .profile-timeline-item p,
html[data-theme="dark"] .profile-timeline-item small,
html[data-theme="dark"] .company,
html[data-theme="dark"] .social-chip small,
html[data-theme="dark"] .list-more,
html[data-theme="dark"] .import-list-box p,
html[data-theme="dark"] .compact-admin-table td small,
html[data-theme="dark"] .followup-locked-time>small{
  color:#c7d0dc!important;
}

/* Inputs/selects/textareas inside all dark dialogs/cards */
html[data-theme="dark"] .modal-card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
html[data-theme="dark"] .modal-card select,
html[data-theme="dark"] .modal-card textarea,
html[data-theme="dark"] .card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
html[data-theme="dark"] .card select,
html[data-theme="dark"] .card textarea,
html[data-theme="dark"] .profile-card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
html[data-theme="dark"] .profile-card select,
html[data-theme="dark"] .profile-card textarea{
  background:#374153!important;
  border-color:#5a687e!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .modal-card input::placeholder,
html[data-theme="dark"] .modal-card textarea::placeholder,
html[data-theme="dark"] .card input::placeholder,
html[data-theme="dark"] .card textarea::placeholder,
html[data-theme="dark"] .profile-card input::placeholder,
html[data-theme="dark"] .profile-card textarea::placeholder{
  color:#aeb8c6!important;
}

/* Remaining light/white UI pieces in dark mode */
html[data-theme="dark"] .profile-section,
html[data-theme="dark"] .profile-message,
html[data-theme="dark"] .profile-info-grid>div,
html[data-theme="dark"] .profile-data-item,
html[data-theme="dark"] .profile-custom-field,
html[data-theme="dark"] .compact-admin-table td,
html[data-theme="dark"] .compact-admin-table th,
html[data-theme="dark"] .recent-links a,
html[data-theme="dark"] .source-pill,
html[data-theme="dark"] .muted-badge,
html[data-theme="dark"] .template-source,
html[data-theme="dark"] .social-contact-meta .social-presence,
html[data-theme="dark"] .profile-social-row .social-presence,
html[data-theme="dark"] .google-oauth-exact-uri .copy-row input,
html[data-theme="dark"] .copy-row input,
html[data-theme="dark"] code{
  background:#414b5e!important;
  border-color:#56647a!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .compact-admin-table th{
  background:#374153!important;
}
html[data-theme="dark"] .compact-admin-table tr.active-row td{
  background:color-mix(in srgb,var(--accent,#2563eb) 12%,#414b5e)!important;
}

/* Links remain readable on dark surfaces */
html[data-theme="dark"] .card a:not(.btn),
html[data-theme="dark"] .modal-card a:not(.btn),
html[data-theme="dark"] .profile-card a:not(.btn),
html[data-theme="dark"] .social-action-panel a:not(.btn),
html[data-theme="dark"] .action-menu a:not(.btn){
  color:color-mix(in srgb,var(--accent,#2563eb) 82%, white)!important;
}
html[data-theme="dark"] .card a:hover:not(.btn),
html[data-theme="dark"] .modal-card a:hover:not(.btn),
html[data-theme="dark"] .profile-card a:hover:not(.btn),
html[data-theme="dark"] .social-action-panel a:hover:not(.btn),
html[data-theme="dark"] .action-menu a:hover:not(.btn){
  color:color-mix(in srgb,var(--accent,#2563eb) 95%, white)!important;
}


/* v2.1.80 — premium slim animated scrollbar system */
:root{
  --scrollbar-size:8px;
  --scrollbar-size-hover:10px;
  --scrollbar-track:rgba(148,163,184,.10);
  --scrollbar-thumb:rgba(100,116,139,.42);
  --scrollbar-thumb-hover:rgba(71,85,105,.62);
  --scrollbar-thumb-active:rgba(51,65,85,.78);
}
html[data-theme="dark"]{
  --scrollbar-track:rgba(255,255,255,.05);
  --scrollbar-thumb:rgba(148,163,184,.30);
  --scrollbar-thumb-hover:rgba(148,163,184,.48);
  --scrollbar-thumb-active:rgba(226,232,240,.60);
}
html{
  scrollbar-gutter:stable;
}
*{
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb) transparent;
}
@supports selector(::-webkit-scrollbar){
  *::-webkit-scrollbar{
    width:var(--scrollbar-size);
    height:var(--scrollbar-size);
    background:transparent;
  }
  *::-webkit-scrollbar-track{
    background:transparent;
    border-radius:999px;
  }
  *::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--scrollbar-thumb),color-mix(in srgb,var(--scrollbar-thumb) 78%, transparent));
    border-radius:999px;
    border:2px solid transparent;
    background-clip:padding-box;
    min-height:32px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
    transition:background .22s ease, border-color .22s ease, box-shadow .22s ease, opacity .22s ease;
  }
  *::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,color-mix(in srgb,var(--accent,#2563eb) 26%, var(--scrollbar-thumb-hover)),var(--scrollbar-thumb-hover));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 1px color-mix(in srgb,var(--accent,#2563eb) 16%, transparent);
  }
  *::-webkit-scrollbar-thumb:active{
    background:linear-gradient(180deg,color-mix(in srgb,var(--accent,#2563eb) 36%, var(--scrollbar-thumb-active)),var(--scrollbar-thumb-active));
  }
  *::-webkit-scrollbar-corner{
    background:transparent;
  }
  *::-webkit-scrollbar-button{
    width:0;
    height:0;
    display:none;
    background:transparent;
  }
  .table-wrap:hover::-webkit-scrollbar,
  .modal-card:hover::-webkit-scrollbar,
  .social-action-history:hover::-webkit-scrollbar,
  .activity-history-list:hover::-webkit-scrollbar,
  .admin-sidebar:hover::-webkit-scrollbar,
  .settings-tabs:hover::-webkit-scrollbar,
  body:hover::-webkit-scrollbar,
  html:hover::-webkit-scrollbar{
    width:var(--scrollbar-size-hover);
    height:var(--scrollbar-size-hover);
  }
}


/* v2.1.81 — premium global scrollbar redesign (slim, arrowless, animated) */
:root{
  --sb-size:7px;
  --sb-size-hover:9px;
  --sb-radius:999px;
  --sb-track:rgba(148,163,184,.08);
  --sb-thumb:rgba(100,116,139,.46);
  --sb-thumb-hover:color-mix(in srgb,var(--accent,#2563eb) 18%, rgba(71,85,105,.74));
  --sb-thumb-active:color-mix(in srgb,var(--accent,#2563eb) 28%, rgba(51,65,85,.88));
  --sb-ring:rgba(255,255,255,.48);
}
html[data-theme="dark"]{
  --sb-track:rgba(255,255,255,.04);
  --sb-thumb:rgba(203,213,225,.28);
  --sb-thumb-hover:color-mix(in srgb,var(--accent,#2563eb) 22%, rgba(203,213,225,.50));
  --sb-thumb-active:color-mix(in srgb,var(--accent,#2563eb) 30%, rgba(241,245,249,.68));
  --sb-ring:rgba(255,255,255,.08);
}
html,
body,
.table-wrap,
#contactsTableWrap,
.modal-card,
.social-action-history,
.activity-history-list,
.settings-tabs,
.admin-sidebar,
.backup-tabs,
.dropzone,
.import-list-box,
.mapping-table-wrap,
.card,
.profile-card,
.action-menu,
.filter-rule-section,
.date-filter-panel,
.table-hscroll-track{
  scrollbar-width:thin;
  scrollbar-color:var(--sb-thumb) transparent;
}
@supports selector(::-webkit-scrollbar){
  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  .table-wrap::-webkit-scrollbar,
  #contactsTableWrap::-webkit-scrollbar,
  .modal-card::-webkit-scrollbar,
  .social-action-history::-webkit-scrollbar,
  .activity-history-list::-webkit-scrollbar,
  .settings-tabs::-webkit-scrollbar,
  .admin-sidebar::-webkit-scrollbar,
  .backup-tabs::-webkit-scrollbar,
  .dropzone::-webkit-scrollbar,
  .import-list-box::-webkit-scrollbar,
  .mapping-table-wrap::-webkit-scrollbar,
  .card::-webkit-scrollbar,
  .profile-card::-webkit-scrollbar,
  .action-menu::-webkit-scrollbar,
  .filter-rule-section::-webkit-scrollbar,
  .date-filter-panel::-webkit-scrollbar,
  .table-hscroll-track::-webkit-scrollbar{
    width:var(--sb-size)!important;
    height:var(--sb-size)!important;
    background:transparent!important;
  }
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track,
  .table-wrap::-webkit-scrollbar-track,
  #contactsTableWrap::-webkit-scrollbar-track,
  .modal-card::-webkit-scrollbar-track,
  .social-action-history::-webkit-scrollbar-track,
  .activity-history-list::-webkit-scrollbar-track,
  .settings-tabs::-webkit-scrollbar-track,
  .admin-sidebar::-webkit-scrollbar-track,
  .backup-tabs::-webkit-scrollbar-track,
  .dropzone::-webkit-scrollbar-track,
  .import-list-box::-webkit-scrollbar-track,
  .mapping-table-wrap::-webkit-scrollbar-track,
  .card::-webkit-scrollbar-track,
  .profile-card::-webkit-scrollbar-track,
  .action-menu::-webkit-scrollbar-track,
  .filter-rule-section::-webkit-scrollbar-track,
  .date-filter-panel::-webkit-scrollbar-track,
  .table-hscroll-track::-webkit-scrollbar-track{
    background:var(--sb-track)!important;
    border-radius:var(--sb-radius)!important;
  }
  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb,
  .table-wrap::-webkit-scrollbar-thumb,
  #contactsTableWrap::-webkit-scrollbar-thumb,
  .modal-card::-webkit-scrollbar-thumb,
  .social-action-history::-webkit-scrollbar-thumb,
  .activity-history-list::-webkit-scrollbar-thumb,
  .settings-tabs::-webkit-scrollbar-thumb,
  .admin-sidebar::-webkit-scrollbar-thumb,
  .backup-tabs::-webkit-scrollbar-thumb,
  .dropzone::-webkit-scrollbar-thumb,
  .import-list-box::-webkit-scrollbar-thumb,
  .mapping-table-wrap::-webkit-scrollbar-thumb,
  .card::-webkit-scrollbar-thumb,
  .profile-card::-webkit-scrollbar-thumb,
  .action-menu::-webkit-scrollbar-thumb,
  .filter-rule-section::-webkit-scrollbar-thumb,
  .date-filter-panel::-webkit-scrollbar-thumb,
  .table-hscroll-track::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--sb-thumb),color-mix(in srgb,var(--sb-thumb) 76%, transparent))!important;
    border-radius:var(--sb-radius)!important;
    border:1.5px solid transparent!important;
    background-clip:padding-box!important;
    min-height:30px!important;
    box-shadow:inset 0 0 0 1px var(--sb-ring)!important;
    transition:background .22s ease, box-shadow .22s ease, opacity .22s ease, transform .22s ease!important;
  }
  html::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover,
  .table-wrap::-webkit-scrollbar-thumb:hover,
  #contactsTableWrap::-webkit-scrollbar-thumb:hover,
  .modal-card::-webkit-scrollbar-thumb:hover,
  .social-action-history::-webkit-scrollbar-thumb:hover,
  .activity-history-list::-webkit-scrollbar-thumb:hover,
  .settings-tabs::-webkit-scrollbar-thumb:hover,
  .admin-sidebar::-webkit-scrollbar-thumb:hover,
  .backup-tabs::-webkit-scrollbar-thumb:hover,
  .dropzone::-webkit-scrollbar-thumb:hover,
  .import-list-box::-webkit-scrollbar-thumb:hover,
  .mapping-table-wrap::-webkit-scrollbar-thumb:hover,
  .card::-webkit-scrollbar-thumb:hover,
  .profile-card::-webkit-scrollbar-thumb:hover,
  .action-menu::-webkit-scrollbar-thumb:hover,
  .filter-rule-section::-webkit-scrollbar-thumb:hover,
  .date-filter-panel::-webkit-scrollbar-thumb:hover,
  .table-hscroll-track::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,var(--sb-thumb-hover),color-mix(in srgb,var(--sb-thumb-hover) 82%, transparent))!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#2563eb) 18%, var(--sb-ring)), 0 0 0 1px color-mix(in srgb,var(--accent,#2563eb) 15%, transparent)!important;
  }
  html::-webkit-scrollbar-thumb:active,
  body::-webkit-scrollbar-thumb:active,
  .table-wrap::-webkit-scrollbar-thumb:active,
  #contactsTableWrap::-webkit-scrollbar-thumb:active,
  .modal-card::-webkit-scrollbar-thumb:active,
  .social-action-history::-webkit-scrollbar-thumb:active,
  .activity-history-list::-webkit-scrollbar-thumb:active,
  .settings-tabs::-webkit-scrollbar-thumb:active,
  .admin-sidebar::-webkit-scrollbar-thumb:active,
  .backup-tabs::-webkit-scrollbar-thumb:active,
  .dropzone::-webkit-scrollbar-thumb:active,
  .import-list-box::-webkit-scrollbar-thumb:active,
  .mapping-table-wrap::-webkit-scrollbar-thumb:active,
  .card::-webkit-scrollbar-thumb:active,
  .profile-card::-webkit-scrollbar-thumb:active,
  .action-menu::-webkit-scrollbar-thumb:active,
  .filter-rule-section::-webkit-scrollbar-thumb:active,
  .date-filter-panel::-webkit-scrollbar-thumb:active,
  .table-hscroll-track::-webkit-scrollbar-thumb:active{
    background:linear-gradient(180deg,var(--sb-thumb-active),color-mix(in srgb,var(--sb-thumb-active) 82%, transparent))!important;
  }
  html::-webkit-scrollbar-corner,
  body::-webkit-scrollbar-corner,
  .table-wrap::-webkit-scrollbar-corner,
  #contactsTableWrap::-webkit-scrollbar-corner,
  .modal-card::-webkit-scrollbar-corner,
  .social-action-history::-webkit-scrollbar-corner,
  .activity-history-list::-webkit-scrollbar-corner,
  .settings-tabs::-webkit-scrollbar-corner,
  .admin-sidebar::-webkit-scrollbar-corner,
  .backup-tabs::-webkit-scrollbar-corner,
  .dropzone::-webkit-scrollbar-corner,
  .import-list-box::-webkit-scrollbar-corner,
  .mapping-table-wrap::-webkit-scrollbar-corner,
  .card::-webkit-scrollbar-corner,
  .profile-card::-webkit-scrollbar-corner,
  .action-menu::-webkit-scrollbar-corner,
  .filter-rule-section::-webkit-scrollbar-corner,
  .date-filter-panel::-webkit-scrollbar-corner,
  .table-hscroll-track::-webkit-scrollbar-corner{
    background:transparent!important;
  }
  html::-webkit-scrollbar-button,
  body::-webkit-scrollbar-button,
  .table-wrap::-webkit-scrollbar-button,
  #contactsTableWrap::-webkit-scrollbar-button,
  .modal-card::-webkit-scrollbar-button,
  .social-action-history::-webkit-scrollbar-button,
  .activity-history-list::-webkit-scrollbar-button,
  .settings-tabs::-webkit-scrollbar-button,
  .admin-sidebar::-webkit-scrollbar-button,
  .backup-tabs::-webkit-scrollbar-button,
  .dropzone::-webkit-scrollbar-button,
  .import-list-box::-webkit-scrollbar-button,
  .mapping-table-wrap::-webkit-scrollbar-button,
  .card::-webkit-scrollbar-button,
  .profile-card::-webkit-scrollbar-button,
  .action-menu::-webkit-scrollbar-button,
  .filter-rule-section::-webkit-scrollbar-button,
  .date-filter-panel::-webkit-scrollbar-button,
  .table-hscroll-track::-webkit-scrollbar-button{
    display:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
  }
  html:hover::-webkit-scrollbar,
  body:hover::-webkit-scrollbar,
  .table-wrap:hover::-webkit-scrollbar,
  #contactsTableWrap:hover::-webkit-scrollbar,
  .modal-card:hover::-webkit-scrollbar,
  .social-action-history:hover::-webkit-scrollbar,
  .activity-history-list:hover::-webkit-scrollbar,
  .settings-tabs:hover::-webkit-scrollbar,
  .admin-sidebar:hover::-webkit-scrollbar,
  .backup-tabs:hover::-webkit-scrollbar,
  .dropzone:hover::-webkit-scrollbar,
  .import-list-box:hover::-webkit-scrollbar,
  .mapping-table-wrap:hover::-webkit-scrollbar,
  .card:hover::-webkit-scrollbar,
  .profile-card:hover::-webkit-scrollbar,
  .action-menu:hover::-webkit-scrollbar,
  .filter-rule-section:hover::-webkit-scrollbar,
  .date-filter-panel:hover::-webkit-scrollbar,
  .table-hscroll-track:hover::-webkit-scrollbar{
    width:var(--sb-size-hover)!important;
    height:var(--sb-size-hover)!important;
  }
}


/* v2.1.80 — unified professional slim scrollbar system */
:root{
  --crm-scrollbar-size:10px;
  --crm-scrollbar-radius:999px;
  --crm-scrollbar-track:rgba(148,163,184,.14);
  --crm-scrollbar-track-hover:rgba(148,163,184,.18);
  --crm-scrollbar-thumb:color-mix(in srgb,var(--accent,#2563eb) 52%, #94a3b8);
  --crm-scrollbar-thumb-hover:color-mix(in srgb,var(--accent,#2563eb) 68%, #cbd5e1);
  --crm-scrollbar-thumb-active:color-mix(in srgb,var(--accent,#2563eb) 82%, #ffffff);
}
html[data-theme="dark"]{
  --crm-scrollbar-track:rgba(203,213,225,.10);
  --crm-scrollbar-track-hover:rgba(203,213,225,.14);
  --crm-scrollbar-thumb:color-mix(in srgb,var(--accent,#2563eb) 48%, #6b7280);
  --crm-scrollbar-thumb-hover:color-mix(in srgb,var(--accent,#2563eb) 64%, #9ca3af);
  --crm-scrollbar-thumb-active:color-mix(in srgb,var(--accent,#2563eb) 78%, #d1d5db);
}

/* Firefox */
html,body,*{
  scrollbar-width:thin;
  scrollbar-color:var(--crm-scrollbar-thumb) var(--crm-scrollbar-track);
}

/* Chromium / WebKit */
*::-webkit-scrollbar{
  width:var(--crm-scrollbar-size);
  height:var(--crm-scrollbar-size);
}
*::-webkit-scrollbar-track{
  background:var(--crm-scrollbar-track);
  border-radius:var(--crm-scrollbar-radius);
  transition:background-color .22s ease, box-shadow .22s ease;
}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--crm-scrollbar-thumb),color-mix(in srgb,var(--crm-scrollbar-thumb) 84%, #0000));
  border-radius:var(--crm-scrollbar-radius);
  border:2px solid transparent;
  background-clip:padding-box;
  min-height:28px;
  transition:background .22s ease, border-color .22s ease, opacity .22s ease, transform .22s ease;
}
*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,var(--crm-scrollbar-thumb-hover),color-mix(in srgb,var(--crm-scrollbar-thumb-hover) 84%, #0000));
  border:1px solid transparent;
  background-clip:padding-box;
}
*::-webkit-scrollbar-thumb:active{
  background:linear-gradient(180deg,var(--crm-scrollbar-thumb-active),color-mix(in srgb,var(--crm-scrollbar-thumb-active) 84%, #0000));
}
*::-webkit-scrollbar-track:hover{
  background:var(--crm-scrollbar-track-hover);
}
*::-webkit-scrollbar-corner{
  background:transparent;
}
*::-webkit-scrollbar-button{
  width:0!important;
  height:0!important;
  display:none!important;
  background:transparent!important;
}

/* Scroll containers get slightly inset-looking overlay style */
.table-wrap,
.modal-card,
.settings-tabs,
.settings-panel,
.social-action-history,
.activity-history-list,
.contacts-table-wrap,
.admin-main,
.dropzone,
.profile-card,
.social-action-panel,
.action-menu,
textarea,
pre,
code{
  scrollbar-gutter:stable;
}

/* Optional polish for very slim modern feel in key panels */
.table-wrap::-webkit-scrollbar,
.modal-card::-webkit-scrollbar,
.settings-tabs::-webkit-scrollbar,
.settings-panel::-webkit-scrollbar,
.social-action-history::-webkit-scrollbar,
.activity-history-list::-webkit-scrollbar,
.admin-main::-webkit-scrollbar{
  width:9px;
  height:9px;
}


/* v2.1.83 — selected-row and bulk-action dark-mode consistency */
html[data-theme="dark"] .bulk-action-bar{
  background:#374153!important;
  border-color:#56647a!important;
  color:#eef2f7!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .bulk-action-bar label,
html[data-theme="dark"] .bulk-action-bar label b,
html[data-theme="dark"] .bulk-action-bar #selectedContactCount{
  color:#eef2f7!important;
}
html[data-theme="dark"] .bulk-action-bar .btn,
html[data-theme="dark"] .bulk-action-bar .btn.ghost,
html[data-theme="dark"] .bulk-action-bar .btn.small,
html[data-theme="dark"] .bulk-action-bar .crm-select-button,
html[data-theme="dark"] .bulk-action-bar .bulk-list-select{
  background:#414b5e!important;
  border-color:#5a687e!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] .bulk-action-bar .btn:hover,
html[data-theme="dark"] .bulk-action-bar .btn.ghost:hover,
html[data-theme="dark"] .bulk-action-bar .crm-select-button:hover{
  background:#4a566b!important;
  border-color:#718097!important;
  color:#fff!important;
}
html[data-theme="dark"] .bulk-action-bar .btn.danger{
  background:#4a4046!important;
  border-color:#8a5660!important;
  color:#fecaca!important;
}
html[data-theme="dark"] .bulk-action-bar .btn.danger:hover{
  background:#593d42!important;
  color:#fff!important;
}

/* A checked contact must stay a dark row; no follow-up or legacy light cell may leak through. */
html[data-theme="dark"] #contactsTable tbody tr.row-selected>td,
html[data-theme="dark"] #contactsTable tbody tr.row-selected>td.sticky-col,
html[data-theme="dark"] #contactsTable tbody tr.row-selected>td.sticky-select{
  background:#3c4a61!important;
  color:#eef2f7!important;
  box-shadow:inset 0 0 0 9999px color-mix(in srgb,var(--accent,#2563eb) 8%, transparent)!important;
}
html[data-theme="dark"] #contactsTable tbody tr.row-selected:hover>td,
html[data-theme="dark"] #contactsTable tbody tr.row-selected:hover>td.sticky-col,
html[data-theme="dark"] #contactsTable tbody tr.row-selected:hover>td.sticky-select{
  background:#42506a!important;
}
html[data-theme="dark"] #contactsTable tbody tr.row-selected .contact-name,
html[data-theme="dark"] #contactsTable tbody tr.row-selected .company,
html[data-theme="dark"] #contactsTable tbody tr.row-selected .import-date,
html[data-theme="dark"] #contactsTable tbody tr.row-selected .import-time,
html[data-theme="dark"] #contactsTable tbody tr.row-selected .import-city,
html[data-theme="dark"] #contactsTable tbody tr.row-selected .muted,
html[data-theme="dark"] #contactsTable tbody tr.row-selected .stack,
html[data-theme="dark"] #contactsTable tbody tr.row-selected .stack span,
html[data-theme="dark"] #contactsTable tbody tr.row-selected .stack b{
  color:#eef2f7!important;
}
html[data-theme="dark"] #contactsTable tbody tr.row-selected.social-active-row .contact-name{
  color:var(--accent,#2563eb)!important;
}
html[data-theme="dark"] #contactsTable tbody tr.row-selected .social-chip{
  background:#414b5e!important;
  border-color:#5a687e!important;
}
html[data-theme="dark"] #contactsTable tbody tr.row-selected .social-chip span{color:#eef2f7!important}
html[data-theme="dark"] #contactsTable tbody tr.row-selected .social-chip small{color:#c7d0dc!important}


/* v2.1.84 — live row sync polish: neutral row surfaces + custom status display */
/* Completed/Not Interested styling belongs to the Next Follow-up pill only.
   Never allow those utility classes to paint an entire contact row after live sync. */
#contactsTable tbody tr.followup-completed>td,
#contactsTable tbody tr.followup-not-interested>td{
  background:inherit;
}
html[data-theme="dark"] #contactsTable tbody tr.followup-completed>td,
html[data-theme="dark"] #contactsTable tbody tr.followup-not-interested>td{
  background:#3b4557!important;
  color:#eef2f7!important;
}
html[data-theme="dark"] #contactsTable tbody tr.followup-completed:hover>td,
html[data-theme="dark"] #contactsTable tbody tr.followup-not-interested:hover>td,
html[data-theme="dark"] #contactsTable tbody tr:not(.row-selected):not(.social-active-row):hover>td{
  background:#404b5e!important;
}
html[data-theme="dark"] #contactsTable tbody tr.social-active-row.followup-completed>td,
html[data-theme="dark"] #contactsTable tbody tr.social-active-row.followup-not-interested>td,
html[data-theme="dark"] #contactsTable tbody tr.social-active-row:hover>td{
  background:#3c4a61!important;
}
html[data-theme="dark"] #contactsTable tbody tr.row-selected:hover>td{
  background:#42506a!important;
}
/* Keep custom status select visible button text high contrast after programmatic updates. */
html[data-theme="dark"] #contactsTable .status-select+.crm-select-button .crm-select-value,
html[data-theme="dark"] #contactsTable .status-select~.crm-select-button .crm-select-value{
  color:#eef2f7!important;
}


/* v2.1.85 — Interested contact gold star */
.contact-name{display:inline-flex!important;align-items:center;gap:0;}
.interested-star{
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:7px;flex:0 0 auto;
  color:#f4b400!important;font-size:14px;line-height:1;
  text-shadow:0 1px 0 rgba(120,76,0,.24),0 0 7px rgba(244,180,0,.18);
  transform:translateY(-.5px);
  transition:transform .16s ease,filter .16s ease,text-shadow .16s ease;
}
.contact-name:hover .interested-star{
  transform:translateY(-.5px) scale(1.08);
  filter:brightness(1.06);
  text-shadow:0 1px 0 rgba(120,76,0,.24),0 0 9px rgba(244,180,0,.28);
}
html[data-theme="dark"] .interested-star{color:#f8c64a!important;}

/* v2.1.98 — dark highlighted social chip metadata color */
html[data-theme="dark"] #contactsTable .social-chip.social-active-chip .activity-date,
html[data-theme="dark"] #contactsTable .social-chip[data-active-social="1"] .activity-date,
html[data-theme="dark"] #contactsTable .social-chip.social-link-opened-active .activity-date,
html[data-theme="dark"] #contactsTable td.social-cell.social-active-cell .social-chip .activity-date,
html[data-theme="dark"] #contactsTable .social-chip.social-active-chip .social-presence,
html[data-theme="dark"] #contactsTable .social-chip[data-active-social="1"] .social-presence,
html[data-theme="dark"] #contactsTable .social-chip.social-link-opened-active .social-presence,
html[data-theme="dark"] #contactsTable td.social-cell.social-active-cell .social-chip .social-presence,
html[data-theme="dark"] #contactsTable .social-chip.social-active-chip:hover .activity-date,
html[data-theme="dark"] #contactsTable .social-chip.social-active-chip:hover .social-presence,
html[data-theme="dark"] #contactsTable .social-chip.social-link-opened-active:hover .activity-date,
html[data-theme="dark"] #contactsTable .social-chip.social-link-opened-active:hover .social-presence{
  color:#515151!important;
}

/* v2.1.98 — globally deeper dark palette, preserving contrast and accent states */
html[data-theme="dark"]{
  --bg:#2c3442;
  --card:#343e4f;
  --text:#f1f4f8;
  --muted:#b8c1ce;
  --border:#48566b;
  --shadow:0 10px 30px rgba(5,10,18,.22);
}
html[data-theme="dark"] body,
html[data-theme="dark"] .admin-main,
html[data-theme="dark"] .page{background:#2c3442!important;color:#f1f4f8}

/* Sidebar */
html[data-theme="dark"] .admin-sidebar{background:#232b38!important;border-right-color:#3c485b!important;box-shadow:8px 0 30px rgba(4,8,15,.22)!important}
html[data-theme="dark"] .sidebar-brand,
html[data-theme="dark"] .sidebar-settings-group,
html[data-theme="dark"] .sidebar-bottom{border-color:#3c485b!important}
html[data-theme="dark"] .sidebar-nav a:hover,
html[data-theme="dark"] .sidebar-nav a.active,
html[data-theme="dark"] .sidebar-bottom a:hover,
html[data-theme="dark"] .sidebar-settings-group a:hover,
html[data-theme="dark"] .sidebar-settings-group a.active{background:#303b4d!important}
html[data-theme="dark"] .nav-icon{background:#394659!important}

/* Primary content surfaces */
html[data-theme="dark"] .card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .filter-shell,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .settings-tabs,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .table-pagination-bar,
html[data-theme="dark"] .professional-card,
html[data-theme="dark"] .users-list-card,
html[data-theme="dark"] .user-editor-card,
html[data-theme="dark"] .backup-card,
html[data-theme="dark"] .backup-stat,
html[data-theme="dark"] .backup-choice,
html[data-theme="dark"] .restore-item,
html[data-theme="dark"] .cron-card,
html[data-theme="dark"] .import-list-box,
html[data-theme="dark"] .merge-tag-panel,
html[data-theme="dark"] .permission-card,
html[data-theme="dark"] .permission-panel,
html[data-theme="dark"] .profile-section,
html[data-theme="dark"] .export-summary,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .crop-dialog,
html[data-theme="dark"] .social-action-header,
html[data-theme="dark"] .social-action-card,
html[data-theme="dark"] .activity-summary-item,
html[data-theme="dark"] .activity-history-row,
html[data-theme="dark"] .followup-stage-box,
html[data-theme="dark"] .off-day-card,
html[data-theme="dark"] .followup-offday-override,
html[data-theme="dark"] .check-card,
html[data-theme="dark"] .switch-card,
html[data-theme="dark"] .radio-card,
html[data-theme="dark"] .platform-check-card,
html[data-theme="dark"] .single-choice,
html[data-theme="dark"] .profile-message,
html[data-theme="dark"] .profile-data-item,
html[data-theme="dark"] .profile-custom-field,
html[data-theme="dark"] .date-filter-panel,
html[data-theme="dark"] .filter-rule-section,
html[data-theme="dark"] .filter-rule-row,
html[data-theme="dark"] .filter-rule-empty,
html[data-theme="dark"] .wp-accent-picker{background:#343e4f!important;border-color:#48566b!important;color:#f1f4f8!important}

/* Secondary/inset surfaces */
html[data-theme="dark"] .setting-info-grid>div,
html[data-theme="dark"] .image-preview,
html[data-theme="dark"] .mapping-help,
html[data-theme="dark"] .mapping-table-wrap,
html[data-theme="dark"] .recent-links a,
html[data-theme="dark"] .profile-info-grid>div,
html[data-theme="dark"] .profile-data-item,
html[data-theme="dark"] .profile-custom-field,
html[data-theme="dark"] .crop-controls,
html[data-theme="dark"] .menu-message-list .copy-message-btn,
html[data-theme="dark"] .social-action-buttons button,
html[data-theme="dark"] .file-upload-action,
html[data-theme="dark"] .compact-file-drop .btn,
html[data-theme="dark"] .dropzone .btn,
html[data-theme="dark"] .crm-select-option,
html[data-theme="dark"] .hero-more-popover a,
html[data-theme="dark"] .action-menu button,
html[data-theme="dark"] .quick-dates button,
html[data-theme="dark"] .pager-btn,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .hscroll-arrow,
html[data-theme="dark"] .theme-choice-card{background:#394456!important;border-color:#4d5b70!important;color:#eef2f7!important}

/* Inputs, builders and upload areas */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .crm-select-button,
html[data-theme="dark"] .bulk-list-select,
html[data-theme="dark"] .dropzone,
html[data-theme="dark"] .compact-file-drop,
html[data-theme="dark"] .file-upload-field,
html[data-theme="dark"] .field-preview-shell,
html[data-theme="dark"] .unified-list-editor,
html[data-theme="dark"] .column-chooser,
html[data-theme="dark"] .column-chooser-options,
html[data-theme="dark"] .google-oauth-exact-uri .copy-row input,
html[data-theme="dark"] .copy-row input{background:#303948!important;border-color:#4d5b70!important;color:#f1f4f8!important}
html[data-theme="dark"] .dropzone:hover,
html[data-theme="dark"] .dropzone.drag,
html[data-theme="dark"] .file-upload-field:hover,
html[data-theme="dark"] .file-upload-field.drag-over,
html[data-theme="dark"] .file-upload-field:focus-within{background:#354257!important}

/* Buttons and hover states */
html[data-theme="dark"] .btn:not(.primary),
html[data-theme="dark"] .quick-dates button,
html[data-theme="dark"] .pager-btn,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .hscroll-arrow,
html[data-theme="dark"] .modal-close,
html[data-theme="dark"] .social-action-close,
html[data-theme="dark"] .crop-close{background:#394456!important;border-color:#4d5b70!important;color:#eef2f7!important}
html[data-theme="dark"] .btn:not(.primary):hover,
html[data-theme="dark"] .quick-dates button:hover,
html[data-theme="dark"] .pager-btn:hover,
html[data-theme="dark"] .icon-btn:hover,
html[data-theme="dark"] .menu-message-list .copy-message-btn:hover,
html[data-theme="dark"] .social-action-buttons button:hover,
html[data-theme="dark"] .crm-select-option:hover,
html[data-theme="dark"] .crm-select-option.keyboard-active,
html[data-theme="dark"] .hero-more-popover a:hover,
html[data-theme="dark"] .action-menu button:hover,
html[data-theme="dark"] .settings-tabs a.active,
html[data-theme="dark"] .settings-tabs a:hover{background:#404c60!important;border-color:#5b6a80!important}
html[data-theme="dark"] .btn.primary{background:var(--accent,#218c2c)!important;border-color:var(--accent,#218c2c)!important;color:#fff!important}

/* Table */
html[data-theme="dark"] .contacts-table th,
html[data-theme="dark"] .mapping-table th,
html[data-theme="dark"] .backup-table th,
html[data-theme="dark"] .compact-admin-table th,
html[data-theme="dark"] #contactsTable thead th,
html[data-theme="dark"] #contactsTable thead th.sticky-col,
html[data-theme="dark"] #contactsTable thead th.sticky-select{background:#303949!important;border-color:#48566b!important;color:#c9d1dc!important}
html[data-theme="dark"] .contacts-table td,
html[data-theme="dark"] .mapping-table td,
html[data-theme="dark"] .backup-table td,
html[data-theme="dark"] .compact-admin-table td{border-bottom-color:#414d61!important;color:#e9edf4!important}
html[data-theme="dark"] .sticky-col,
html[data-theme="dark"] .contacts-table td.sticky-select{background:#343e4f!important}
html[data-theme="dark"] .contacts-table tr:hover td,
html[data-theme="dark"] .contacts-table tr:hover .sticky-col,
html[data-theme="dark"] .contacts-table tr:hover td.sticky-select{background:#394558!important}
html[data-theme="dark"] .contacts-table tr.social-active-row td,
html[data-theme="dark"] .contacts-table tr.social-active-row .sticky-col,
html[data-theme="dark"] .contacts-table tr.social-active-row td.sticky-select{background:#34445c!important}
html[data-theme="dark"] .contacts-table tr.row-selected td,
html[data-theme="dark"] .contacts-table tr.row-selected .sticky-col,
html[data-theme="dark"] .contacts-table tr.row-selected td.sticky-select{background:#364458!important}

/* Social/activity surfaces */
html[data-theme="dark"] .social-chip{background:#394456!important;border-color:#4d5b70!important;color:#eef2f7!important}
html[data-theme="dark"] .social-chip:hover{background:#404c60!important;border-color:#64748b!important}
html[data-theme="dark"] .action-viewed{background:#394456!important}
html[data-theme="dark"] .action-dm_sent,
html[data-theme="dark"] .action-followup_sent{background:#2d435b!important;border-color:#466b94!important}
html[data-theme="dark"] .action-commented{background:#403955!important;border-color:#625781!important}
html[data-theme="dark"] .action-reply_received{background:#2c4b43!important;border-color:#467569!important}
html[data-theme="dark"] .activity-summary-item.has-activity{background:color-mix(in srgb,var(--accent,#218c2c) 11%,#343e4f)!important;border-color:color-mix(in srgb,var(--accent,#218c2c) 30%,#48566b)!important}
html[data-theme="dark"] .activity-history-row.has-link:hover{background:#404c60!important}

/* Menus/dropdowns/popovers */
html[data-theme="dark"] .action-menu,
html[data-theme="dark"] .crm-select-menu,
html[data-theme="dark"] .hero-more-popover,
html[data-theme="dark"] .column-chooser{background:#343e4f!important;border-color:#4d5b70!important;box-shadow:0 20px 52px rgba(3,7,13,.42)!important}
html[data-theme="dark"] .crm-select-option.selected{background:#354760!important}

/* Social Activity Center / modals */
html[data-theme="dark"] .modal,
html[data-theme="dark"] .profile-modal,
html[data-theme="dark"] .social-action-overlay,
html[data-theme="dark"] .crop-modal{background:rgba(12,17,25,.72)!important}
html[data-theme="dark"] .social-action-panel{background:#2c3442!important;border-color:#48566b!important}
html[data-theme="dark"] .social-action-header,
html[data-theme="dark"] .social-action-card{background:#343e4f!important;border-color:#48566b!important}
html[data-theme="dark"] .social-action-note,
html[data-theme="dark"] .template-source,
html[data-theme="dark"] .profile-note-readonly,
html[data-theme="dark"] .followup-offday-note{background:#303948!important;border-color:#445166!important}
html[data-theme="dark"] .activity-history-head{border-color:#48566b!important}

/* Backup, update, import and setup blocks */
html[data-theme="dark"] .backup-tabs,
html[data-theme="dark"] .backup-destination-row,
html[data-theme="dark"] .backup-inline-options,
html[data-theme="dark"] .restore-safety-note,
html[data-theme="dark"] .security-note,
html[data-theme="dark"] .install-steps,
html[data-theme="dark"] .google-oauth-credentials-box,
html[data-theme="dark"] .google-oauth-step,
html[data-theme="dark"] .google-connected-panel,
html[data-theme="dark"] .google-setup-steps>div,
html[data-theme="dark"] .google-oauth-setup,
html[data-theme="dark"] .managed-oauth-notice{background:#303948!important;border-color:#48566b!important;color:#e8edf5!important}
html[data-theme="dark"] .cron-command{background:#252e3b!important;border-color:#445166!important}

/* Auth/login */
html[data-theme="dark"] .auth-page{background:radial-gradient(circle at top,#354052,#2c3442 55%)!important}
html[data-theme="dark"] .auth-card{background:#343e4f!important;border-color:#48566b!important;box-shadow:0 24px 76px rgba(3,7,13,.36)!important}

/* Preloader and progress */
html[data-theme="dark"] #crmAjaxPreloader{background:rgba(20,25,34,.78)!important}
html[data-theme="dark"] .crm-preload-card{background:rgba(52,62,79,.98)!important;border-color:#4d5b70!important;box-shadow:0 20px 48px rgba(3,7,13,.42)!important}
html[data-theme="dark"] .crm-operation-track{background:#252e3b!important}

/* Scrollbar track is deeper too. */
html[data-theme="dark"]{
  --crm-scrollbar-track:rgba(8,13,22,.26);
  --crm-scrollbar-track-hover:rgba(8,13,22,.34);
  --crm-scrollbar-thumb:color-mix(in srgb,var(--accent,#218c2c) 45%,#647083);
  --crm-scrollbar-thumb-hover:color-mix(in srgb,var(--accent,#218c2c) 60%,#8995a6);
}

/* Preserve the requested metadata color on the gold active social chip. */
html[data-theme="dark"] .contacts-table .social-chip.social-active-chip small,
html[data-theme="dark"] .contacts-table td.social-cell.social-active-cell .social-chip small,
html[data-theme="dark"] .contacts-table .social-chip[data-active-social="1"] small,
html[data-theme="dark"] .contacts-table .social-chip.social-active-chip .social-presence,
html[data-theme="dark"] .contacts-table td.social-cell.social-active-cell .social-chip .social-presence,
html[data-theme="dark"] .contacts-table .social-chip[data-active-social="1"] .social-presence{color:#515151!important}


/* v2.1.98 — dark-mode full text contrast audit + transparent icon treatment */
html[data-theme="dark"]{
  --text:#f6f8fb;
  --muted:#d2dae5;
}

/* Bright primary and secondary copy throughout the dark CRM. */
html[data-theme="dark"] body,
html[data-theme="dark"] .admin-main,
html[data-theme="dark"] .page,
html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .social-action-panel,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .table-pagination-bar,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .settings-tabs{
  color:#f6f8fb!important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .contact-name,
html[data-theme="dark"] .import-date,
html[data-theme="dark"] .activity-history-copy>b,
html[data-theme="dark"] .template-copy-main b,
html[data-theme="dark"] .template-card-head b,
html[data-theme="dark"] .profile-info-grid b,
html[data-theme="dark"] .profile-message b,
html[data-theme="dark"] .timeline-title b,
html[data-theme="dark"] .backup-stat b,
html[data-theme="dark"] .filter-rule-title b,
html[data-theme="dark"] .date-filter-title b,
html[data-theme="dark"] .fluent-filter-head b{
  color:#f6f8fb!important;
}

html[data-theme="dark"] .hero-row p,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .company,
html[data-theme="dark"] .import-time,
html[data-theme="dark"] .stack small,
html[data-theme="dark"] .compact-stack small,
html[data-theme="dark"] .stat-card span,
html[data-theme="dark"] .field-label,
html[data-theme="dark"] .control-label,
html[data-theme="dark"] .followup-select-label,
html[data-theme="dark"] .form-grid label,
html[data-theme="dark"] .modal-card label,
html[data-theme="dark"] .settings-form>label,
html[data-theme="dark"] .check-line,
html[data-theme="dark"] .advanced-toggle,
html[data-theme="dark"] .advanced-filters label,
html[data-theme="dark"] .date-filter-panel label,
html[data-theme="dark"] .match-control,
html[data-theme="dark"] .table-pagination-meta,
html[data-theme="dark"] .page-size-label,
html[data-theme="dark"] .profile-header p,
html[data-theme="dark"] .profile-info-grid small,
html[data-theme="dark"] .profile-social-row span,
html[data-theme="dark"] .profile-social-row small,
html[data-theme="dark"] .profile-message p,
html[data-theme="dark"] .timeline-title small,
html[data-theme="dark"] .profile-timeline-item p,
html[data-theme="dark"] .profile-timeline-item small,
html[data-theme="dark"] .activity-history-copy>span,
html[data-theme="dark"] .activity-history-copy>small,
html[data-theme="dark"] .social-action-header p,
html[data-theme="dark"] .social-contact-meta span,
html[data-theme="dark"] .social-action-card .tiny,
html[data-theme="dark"] .template-copy-main small,
html[data-theme="dark"] .template-card-head small,
html[data-theme="dark"] .template-source,
html[data-theme="dark"] .recent-links a span,
html[data-theme="dark"] .list-more,
html[data-theme="dark"] .crm-preload-copy small,
html[data-theme="dark"] .auth-card p{
  color:#d7dfe9!important;
}

html[data-theme="dark"] .field-label small,
html[data-theme="dark"] .control-label small,
html[data-theme="dark"] label small,
html[data-theme="dark"] .filter-rule-title small,
html[data-theme="dark"] .date-filter-title small,
html[data-theme="dark"] .fluent-filter-head small,
html[data-theme="dark"] .activity-summary-item small,
html[data-theme="dark"] .followup-locked-time small,
html[data-theme="dark"] .tiny,
html[data-theme="dark"] .source-pill,
html[data-theme="dark"] .muted-badge{
  color:#c7d1de!important;
}

/* Sidebar copy was still too dim after the deeper-dark pass. */
html[data-theme="dark"] .sidebar-brand b{color:#f7f9fc!important}
html[data-theme="dark"] .sidebar-brand small{color:#c7d1de!important}
html[data-theme="dark"] .sidebar-nav a,
html[data-theme="dark"] .sidebar-bottom a{color:#dbe3ed!important}
html[data-theme="dark"] .sidebar-nav a:hover,
html[data-theme="dark"] .sidebar-nav a.active,
html[data-theme="dark"] .sidebar-bottom a:hover{color:#ffffff!important}
html[data-theme="dark"] .sidebar-settings-group>small{color:#9fabbc!important}
html[data-theme="dark"] .sidebar-settings-group a{color:#c3cedb!important}
html[data-theme="dark"] .sidebar-settings-group a:hover,
html[data-theme="dark"] .sidebar-settings-group a.active{color:#f6f8fb!important}

/* Table header/body and pagination are deliberately brighter. */
html[data-theme="dark"] .contacts-table th,
html[data-theme="dark"] .mapping-table th,
html[data-theme="dark"] .backup-table th,
html[data-theme="dark"] .compact-admin-table th,
html[data-theme="dark"] #contactsTable thead th{
  color:#dce4ee!important;
}
html[data-theme="dark"] .contacts-table td,
html[data-theme="dark"] .mapping-table td,
html[data-theme="dark"] .backup-table td,
html[data-theme="dark"] .compact-admin-table td{
  color:#eef2f7!important;
}
html[data-theme="dark"] .table-pagination-meta,
html[data-theme="dark"] .table-pagination-meta span,
html[data-theme="dark"] .table-pagination-meta label,
html[data-theme="dark"] .table-pagination-meta small{
  color:#dce4ee!important;
}
html[data-theme="dark"] .table-page-size-form select,
html[data-theme="dark"] .table-page-size-form .crm-select-button,
html[data-theme="dark"] .pager-btn{
  color:#eef2f7!important;
}
html[data-theme="dark"] .pager-btn.disabled{opacity:.68!important;color:#c5cfdb!important}

/* Inputs and placeholders stay clear against the deep background. */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .crm-select-button{
  color:#f2f5f9!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{
  color:#aeb9c7!important;
  opacity:1!important;
}

/* Icons are glyphs only: no colored square/circle backgrounds or icon shadows. */
html[data-theme="dark"] .nav-icon,
html[data-theme="dark"] .submenu-icon,
html[data-theme="dark"] .extension-icon,
html[data-theme="dark"] .backup-stat-icon,
html[data-theme="dark"] .file-upload-visual,
html[data-theme="dark"] .activity-history-icon,
html[data-theme="dark"] .hero-more-icon,
html[data-theme="dark"] .compact-file-drop .upload-icon{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .nav-icon,
html[data-theme="dark"] .submenu-icon{color:#b9c5d4!important}
html[data-theme="dark"] .sidebar-nav a.active .nav-icon,
html[data-theme="dark"] .sidebar-bottom a.active .nav-icon,
html[data-theme="dark"] .sidebar-settings-group a.active .submenu-icon,
html[data-theme="dark"] .sidebar-settings-group a:hover .submenu-icon,
html[data-theme="dark"] .extension-icon,
html[data-theme="dark"] .backup-stat-icon,
html[data-theme="dark"] .file-upload-visual,
html[data-theme="dark"] .activity-history-icon,
html[data-theme="dark"] .hero-more-icon,
html[data-theme="dark"] .compact-file-drop .upload-icon{
  color:var(--accent,#218c2c)!important;
}

/* Keep the intentionally dark metadata on the gold active social chip exactly as requested. */
html[data-theme="dark"] .contacts-table .social-chip.social-active-chip small,
html[data-theme="dark"] .contacts-table td.social-cell.social-active-cell .social-chip small,
html[data-theme="dark"] .contacts-table .social-chip[data-active-social="1"] small,
html[data-theme="dark"] .contacts-table .social-chip.social-active-chip .social-presence,
html[data-theme="dark"] .contacts-table td.social-cell.social-active-cell .social-chip .social-presence,
html[data-theme="dark"] .contacts-table .social-chip[data-active-social="1"] .social-presence{
  color:#515151!important;
}


/* v2.1.98 — exhaustive dark-mode neutral text audit */
html[data-theme="dark"] .brand{color:#f3f6fa!important;}
html[data-theme="dark"] .topbar nav a{color:#f3f6fa!important;}
html[data-theme="dark"] .topbar nav a.active{color:#f3f6fa!important;}
html[data-theme="dark"] .topbar nav a:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .btn{color:#f3f6fa!important;}
html[data-theme="dark"] .filters input{color:#f3f6fa!important;}
html[data-theme="dark"] .filters select{color:#f3f6fa!important;}
html[data-theme="dark"] input{color:#f3f6fa!important;}
html[data-theme="dark"] select{color:#f3f6fa!important;}
html[data-theme="dark"] textarea{color:#f3f6fa!important;}
html[data-theme="dark"] .contacts-table th{color:#f3f6fa!important;}
html[data-theme="dark"] .contact-name{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-btn{color:#f3f6fa!important;}
html[data-theme="dark"] .action-menu button{color:#f3f6fa!important;}
html[data-theme="dark"] .modal-close{color:#f3f6fa!important;}
html[data-theme="dark"] .mapping-table th{color:#f3f6fa!important;}
html[data-theme="dark"] .sample-cell{color:#f3f6fa!important;}
html[data-theme="dark"] .hscroll-arrow{color:#f3f6fa!important;}
html[data-theme="dark"] .advanced-toggle{color:#f3f6fa!important;}
html[data-theme="dark"] .advanced-filters label{color:#f3f6fa!important;}
html[data-theme="dark"] .recent-links a{color:#f3f6fa!important;}
html[data-theme="dark"] .settings-tabs a{color:#f3f6fa!important;}
html[data-theme="dark"] .settings-tabs a.active{color:#f3f6fa!important;}
html[data-theme="dark"] .settings-tabs a:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .check-line{color:#f3f6fa!important;}
html[data-theme="dark"] .title-count{color:#f3f6fa!important;}
html[data-theme="dark"] .icon-btn{color:#f3f6fa!important;}
html[data-theme="dark"] .column-chooser-options label{color:#f3f6fa!important;}
html[data-theme="dark"] .social-action-close{color:#f3f6fa!important;}
html[data-theme="dark"] .social-action-close:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .menu-message-list .copy-message-btn{color:#f3f6fa!important;}
html[data-theme="dark"] .social-action-buttons button{color:#f3f6fa!important;}
html[data-theme="dark"] .social-action-buttons button:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .social-action-note{color:#f3f6fa!important;}
html[data-theme="dark"] .compact-admin-table th{color:#f3f6fa!important;}
html[data-theme="dark"] .check-card b{color:#f3f6fa!important;}
html[data-theme="dark"] .merge-tag-btn code{color:#f3f6fa!important;}
html[data-theme="dark"] .template-source{color:#f3f6fa!important;}
html[data-theme="dark"] .template-copy-main b{color:#f3f6fa!important;}
html[data-theme="dark"] .crop-close{color:#f3f6fa!important;}
html[data-theme="dark"] .crop-close:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .crop-controls output{color:#f3f6fa!important;}
html[data-theme="dark"] .quick-template-group h4{color:#f3f6fa!important;}
html[data-theme="dark"] .template-platform-field>.field-label{color:#f3f6fa!important;}
html[data-theme="dark"] .platform-selection-summary{color:#f3f6fa!important;}
html[data-theme="dark"] .platform-pill{color:#f3f6fa!important;}
html[data-theme="dark"] .profile-custom-field code{color:#f3f6fa!important;}
html[data-theme="dark"] .password-toggle{color:#f3f6fa!important;}
html[data-theme="dark"] body{color:#f3f6fa!important;}
html[data-theme="dark"] .hero-row h1{color:#f3f6fa!important;}
html[data-theme="dark"] .card h2{color:#f3f6fa!important;}
html[data-theme="dark"] .card h3{color:#f3f6fa!important;}
html[data-theme="dark"] label{color:#f3f6fa!important;}
html[data-theme="dark"] .control-label{color:#f3f6fa!important;}
html[data-theme="dark"] .field-label{color:#f3f6fa!important;}
html[data-theme="dark"] .control-label em{color:#f3f6fa!important;}
html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=range]){color:#f3f6fa!important;}
html[data-theme="dark"] .form-section-title b{color:#f3f6fa!important;}
html[data-theme="dark"] .switch-card b{color:#f3f6fa!important;}
html[data-theme="dark"] .choice-line{color:#f3f6fa!important;}
html[data-theme="dark"] .auth-card label{color:#f3f6fa!important;}
html[data-theme="dark"] .profile-note-readonly{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-select-shell #followupPreset option{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-select-label{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-select-arrow{color:#f3f6fa!important;}
html[data-theme="dark"] .file-upload-title{color:#f3f6fa!important;}
html[data-theme="dark"] .file-upload-action{color:#f3f6fa!important;}
html[data-theme="dark"] .dropzone{color:#f3f6fa!important;}
html[data-theme="dark"] .dropzone h3{color:#f3f6fa!important;}
html[data-theme="dark"] #uploadCard .dropzone:after{color:#f3f6fa!important;}
html[data-theme="dark"] #followupPreset{color:#f3f6fa!important;}
html[data-theme="dark"] .activity-history-head>b{color:#f3f6fa!important;}
html[data-theme="dark"] .activity-history-row{color:#f3f6fa!important;}
html[data-theme="dark"] .activity-history-copy>b{color:#f3f6fa!important;}
html[data-theme="dark"] .activity-history-copy>em{color:#f3f6fa!important;}
html[data-theme="dark"] .column-option-row:hover .column-drag-handle{color:#f3f6fa!important;}
html[data-theme="dark"] .backup-stat b{color:#f3f6fa!important;}
html[data-theme="dark"] .switch-line{color:#f3f6fa!important;}
html[data-theme="dark"] .restore-choice-row label{color:#f3f6fa!important;}
html[data-theme="dark"] .security-note{color:#f3f6fa!important;}
html[data-theme="dark"] .schedule-options label{color:#f3f6fa!important;}
html[data-theme="dark"] .backup-table thead th{color:#f3f6fa!important;}
html[data-theme="dark"] .fluent-filter-head>div>b{color:#f3f6fa!important;}
html[data-theme="dark"] .match-control{color:#f3f6fa!important;}
html[data-theme="dark"] .date-filter-title b{color:#f3f6fa!important;}
html[data-theme="dark"] .date-filter-panel label{color:#f3f6fa!important;}
html[data-theme="dark"] .filter-rule-title b{color:#f3f6fa!important;}
html[data-theme="dark"] .rule-remove{color:#f3f6fa!important;}
html[data-theme="dark"] .rule-remove:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .filter-rule-empty{color:#f3f6fa!important;}
html[data-theme="dark"] .backup-tabs a{color:#f3f6fa!important;}
html[data-theme="dark"] .backup-tabs a:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .restore-safety-note{color:#f3f6fa!important;}
html[data-theme="dark"] .managed-oauth-notice{color:#f3f6fa!important;}
html[data-theme="dark"] .advanced-oauth summary{color:#f3f6fa!important;}
html[data-theme="dark"] .google-oauth-setup-head h3{color:#f3f6fa!important;}
html[data-theme="dark"] .google-oauth-step h4{color:#f3f6fa!important;}
html[data-theme="dark"] .google-oauth-step li{color:#f3f6fa!important;}
html[data-theme="dark"] .google-oauth-step code{color:#f3f6fa!important;}
html[data-theme="dark"] .google-oauth-exact-uri .control-label{color:#f3f6fa!important;}
html[data-theme="dark"] .google-oauth-credentials-box h4{color:#f3f6fa!important;}
html[data-theme="dark"] .google-oauth-after-save{color:#f3f6fa!important;}
html[data-theme="dark"] .google-oauth-after-save b{color:#f3f6fa!important;}
html[data-theme="dark"] .table-page-size-form select{color:#f3f6fa!important;}
html[data-theme="dark"] .pager-btn{color:#f3f6fa!important;}
html[data-theme="dark"] .activity-count-btn:hover:not(:disabled){color:#f3f6fa!important;}
html[data-theme="dark"] .activity-summary-item.has-activity .activity-count-btn{color:#f3f6fa!important;}
html[data-theme="dark"] .activity-summary-item.has-activity .activity-count-btn:hover:not(:disabled){color:#f3f6fa!important;}
html[data-theme="dark"] .custom-template-type-name{color:#f3f6fa!important;}
html[data-theme="dark"] .quick-template-group.custom-template-group h4{color:#f3f6fa!important;}
html[data-theme="dark"] .template-group.custom h3{color:#f3f6fa!important;}
html[data-theme="dark"] .crm-preload-card{color:#f3f6fa!important;}
html[data-theme="dark"] .crm-select-button{color:#f3f6fa!important;}
html[data-theme="dark"] .crm-select-arrow{color:#f3f6fa!important;}
html[data-theme="dark"] .crm-select.open .crm-select-arrow{color:#f3f6fa!important;}
html[data-theme="dark"] .crm-select-option{color:#f3f6fa!important;}
html[data-theme="dark"] .crm-select-option:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .crm-select-option.keyboard-active{color:#f3f6fa!important;}
html[data-theme="dark"] .admin-access-note{color:#f3f6fa!important;}
html[data-theme="dark"] .permission-section h4{color:#f3f6fa!important;}
html[data-theme="dark"] .permission-card b{color:#f3f6fa!important;}
html[data-theme="dark"] .modal-card .social-presence-mini label{color:#f3f6fa!important;}
html[data-theme="dark"] .modal-card > .modal-close{color:#f3f6fa!important;}
html[data-theme="dark"] .crop-dialog > .crop-close{color:#f3f6fa!important;}
html[data-theme="dark"] .modal-card > .modal-close:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .crop-dialog > .crop-close:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .profile-edit-grid .profile-social-presence-mini label{color:#f3f6fa!important;}
html[data-theme="dark"] .hero-more-caret{color:#f3f6fa!important;}
html[data-theme="dark"] .hero-more-popover a{color:#f3f6fa!important;}
html[data-theme="dark"] .hero-more-popover b{color:#f3f6fa!important;}
html[data-theme="dark"] .export-summary b{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-offday-override b{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-offday-note{color:#f3f6fa!important;}
html[data-theme="dark"] .settings-subheading{color:#f3f6fa!important;}
html[data-theme="dark"] .auto-followup-stage-grid>label{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-platform-label{color:#f3f6fa!important;}
html[data-theme="dark"] #menuActionButtons .followup-stage-action{color:#f3f6fa!important;}
html[data-theme="dark"] #menuActionButtons .followup-stage-action:hover{color:#f3f6fa!important;}
html[data-theme="dark"] #menuActionButtons [data-action="followup_completed"]{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-stage-mini-buttons .followup-stage-action{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-stage-mini-buttons [data-followup-stage-action]{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-stage-mini-buttons .followup-stage-action:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-stage-mini-buttons [data-followup-stage-action]:hover{color:#f3f6fa!important;}
html[data-theme="dark"] .theme-choice-card b{color:#f3f6fa!important;}
html[data-theme="dark"] .crm-preload-copy b{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-locked-time{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-locked-time>b{color:#f3f6fa!important;}
html[data-theme="dark"] .backup-destination-row>span{color:#f3f6fa!important;}
html[data-theme="dark"] .backup-destination-row .switch-line{color:#f3f6fa!important;}
html[data-theme="dark"] .backup-destination-row .switch-line-text{color:#f3f6fa!important;}
html[data-theme="dark"] .restore-choice-row label span{color:#f3f6fa!important;}
html[data-theme="dark"] .backup-choice b{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-stage-box>small{color:#f3f6fa!important;}
html[data-theme="dark"] .followup-stage-action{color:#f3f6fa!important;}
html[data-theme="dark"] .platform-pill:not(.all){color:#f3f6fa!important;}
html[data-theme="dark"] .mini-badges span{color:#f3f6fa!important;}
html[data-theme="dark"] .cron-command{color:#f3f6fa!important;}
html[data-theme="dark"] .role-badge.agent{color:#f3f6fa!important;}
html[data-theme="dark"] .status-readonly{color:#f3f6fa!important;}
html[data-theme="dark"] .company{color:#d3dce8!important;}
html[data-theme="dark"] .social-chip small{color:#d3dce8!important;}
html[data-theme="dark"] .action-menu-head span{color:#d3dce8!important;}
html[data-theme="dark"] .form-grid label small{color:#d3dce8!important;}
html[data-theme="dark"] .dropzone p{color:#d3dce8!important;}
html[data-theme="dark"] .auth-card p{color:#d3dce8!important;}
html[data-theme="dark"] .timeline-item p{color:#d3dce8!important;}
html[data-theme="dark"] .mapping-help{color:#d3dce8!important;}
html[data-theme="dark"] .sidebar-settings-group small{color:#d3dce8!important;}
html[data-theme="dark"] .recent-links a span{color:#d3dce8!important;}
html[data-theme="dark"] .profile-loading{color:#d3dce8!important;}
html[data-theme="dark"] .profile-header p{color:#d3dce8!important;}
html[data-theme="dark"] .profile-social-row span{color:#d3dce8!important;}
html[data-theme="dark"] .profile-social-row small{color:#d3dce8!important;}
html[data-theme="dark"] .profile-message p{color:#d3dce8!important;}
html[data-theme="dark"] .source-pill{color:#d3dce8!important;}
html[data-theme="dark"] .settings-form small{color:#d3dce8!important;}
html[data-theme="dark"] .notice-box p{color:#d3dce8!important;}
html[data-theme="dark"] .column-chooser>p{color:#d3dce8!important;}
html[data-theme="dark"] .social-action-header p{color:#d3dce8!important;}
html[data-theme="dark"] .social-contact-meta span{color:#d3dce8!important;}
html[data-theme="dark"] .merge-tag-btn span{color:#d3dce8!important;}
html[data-theme="dark"] .list-more{color:#d3dce8!important;}
html[data-theme="dark"] .template-copy-main small{color:#d3dce8!important;}
html[data-theme="dark"] .crop-dialog-head p{color:#d3dce8!important;}
html[data-theme="dark"] .crop-stage-shell>small{color:#d3dce8!important;}
html[data-theme="dark"] .crop-result-preview small{color:#d3dce8!important;}
html[data-theme="dark"] .compact-hero p{color:#d3dce8!important;}
html[data-theme="dark"] .template-platform-field>.field-label small{color:#d3dce8!important;}
html[data-theme="dark"] .profile-custom-field small{color:#d3dce8!important;}
html[data-theme="dark"] .hero-row p{color:#d3dce8!important;}
html[data-theme="dark"] .muted{color:#d3dce8!important;}
html[data-theme="dark"] .section-heading p{color:#d3dce8!important;}
html[data-theme="dark"] .field-help{color:#d3dce8!important;}
html[data-theme="dark"] .preview-field>span{color:#d3dce8!important;}
html[data-theme="dark"] .switch-card small{color:#d3dce8!important;}
html[data-theme="dark"] .file-upload-name{color:#d3dce8!important;}
html[data-theme="dark"] .activity-summary-item span{color:#d3dce8!important;}
html[data-theme="dark"] .activity-history-copy>span{color:#d3dce8!important;}
html[data-theme="dark"] .activity-history-copy>small{color:#d3dce8!important;}
html[data-theme="dark"] .extension-package-card p{color:#d3dce8!important;}
html[data-theme="dark"] .extension-package-upload label span{color:#d3dce8!important;}
html[data-theme="dark"] .backup-stat small{color:#d3dce8!important;}
html[data-theme="dark"] .backup-choice small{color:#d3dce8!important;}
html[data-theme="dark"] .backup-destination-row>span{color:#d3dce8!important;}
html[data-theme="dark"] .google-setup-steps small{color:#d3dce8!important;}
html[data-theme="dark"] .schedule-master small{color:#d3dce8!important;}
html[data-theme="dark"] .schedule-footer small{color:#d3dce8!important;}
html[data-theme="dark"] .destination-tags span{color:#d3dce8!important;}
html[data-theme="dark"] .empty-state.compact p{color:#d3dce8!important;}
html[data-theme="dark"] .fluent-filter-head>div>small{color:#d3dce8!important;}
html[data-theme="dark"] .filter-rule-title small{color:#d3dce8!important;}
html[data-theme="dark"] .date-filter-title small{color:#d3dce8!important;}
html[data-theme="dark"] .compact-file-drop small{color:#d3dce8!important;}
html[data-theme="dark"] .restore-item small{color:#d3dce8!important;}
html[data-theme="dark"] .one-click-drive p{color:#d3dce8!important;}
html[data-theme="dark"] .managed-oauth-notice p{color:#d3dce8!important;}
html[data-theme="dark"] .google-oauth-setup-head p{color:#d3dce8!important;}
html[data-theme="dark"] .google-oauth-step p{color:#d3dce8!important;}
html[data-theme="dark"] .google-oauth-credentials-box>p{color:#d3dce8!important;}
html[data-theme="dark"] .table-pagination-meta{color:#d3dce8!important;}
html[data-theme="dark"] .social-chip .social-eye-placeholder{color:#d3dce8!important;}
html[data-theme="dark"] #customTemplateTypeField small{color:#d3dce8!important;}
html[data-theme="dark"] .platform-visibility-help{color:#d3dce8!important;}
html[data-theme="dark"] .user-active-line small{color:#d3dce8!important;}
html[data-theme="dark"] .admin-access-note span{color:#d3dce8!important;}
html[data-theme="dark"] .permission-head p{color:#d3dce8!important;}
html[data-theme="dark"] .permission-card small{color:#d3dce8!important;}
html[data-theme="dark"] .users-list-card table small{color:#d3dce8!important;}
html[data-theme="dark"] .contacts-table td.social-cell > .muted{color:#d3dce8!important;}
html[data-theme="dark"] .hero-more-popover small{color:#d3dce8!important;}
html[data-theme="dark"] .export-summary span{color:#d3dce8!important;}
html[data-theme="dark"] .followup-offday-override small{color:#d3dce8!important;}
html[data-theme="dark"] .auto-followup-stage-help{color:#d3dce8!important;}
html[data-theme="dark"] .followup-social-step small{color:#d3dce8!important;}
html[data-theme="dark"] .followup-social-step.selected small{color:#d3dce8!important;}
html[data-theme="dark"] .followup-stage-box>small{color:#d3dce8!important;}
html[data-theme="dark"] .theme-choice-card small{color:#d3dce8!important;}
html[data-theme="dark"] .crm-preload-copy small{color:#d3dce8!important;}
html[data-theme="dark"] .followup-locked-time>span{color:#d3dce8!important;}
html[data-theme="dark"] .followup-locked-time>small{color:#d3dce8!important;}
html[data-theme="dark"] #contactsTable .social-chip.social-link-opened-active>span:first-child{color:#d3dce8!important;}
html[data-theme="dark"] #contactsTable .social-chip.social-link-opened-active .social-eye-placeholder{color:#d3dce8!important;}
html[data-theme="dark"] .backup-table td:first-child small{color:#d3dce8!important;}
html[data-theme="dark"] .backup-table td:nth-child(6) small{color:#d3dce8!important;}
html[data-theme="dark"] .security-note{color:#d3dce8!important;}
html[data-theme="dark"] .google-connected-panel p{color:#d3dce8!important;}
html[data-theme="dark"] .google-oauth-step li{color:#d3dce8!important;}
html[data-theme="dark"] .followup-offday-note{color:#d3dce8!important;}

/* Backup/restore specificity gaps, including Destination and its option labels. */
html[data-theme="dark"] .backup-destination-row>span,
html[data-theme="dark"] .backup-destination-row .switch-line,
html[data-theme="dark"] .backup-destination-row .switch-line-text,
html[data-theme="dark"] .restore-choice-row label,
html[data-theme="dark"] .restore-choice-row label span,
html[data-theme="dark"] .backup-tabs a,
html[data-theme="dark"] .backup-choice b{color:#eef3f8!important;}
html[data-theme="dark"] .backup-stat small,
html[data-theme="dark"] .backup-choice small,
html[data-theme="dark"] .security-note,
html[data-theme="dark"] .schedule-master small,
html[data-theme="dark"] .schedule-footer small{color:#d3dce8!important;}

/* Icons are glyph-only in dark mode: no tile/circle background. */
html[data-theme="dark"] .nav-icon,
html[data-theme="dark"] .submenu-icon,
html[data-theme="dark"] .extension-icon,
html[data-theme="dark"] .backup-stat-icon,
html[data-theme="dark"] .file-upload-visual,
html[data-theme="dark"] .activity-history-icon,
html[data-theme="dark"] .hero-more-icon,
html[data-theme="dark"] .upload-icon,
html[data-theme="dark"] .compact-file-drop .upload-icon,
html[data-theme="dark"] .google-mini,
html[data-theme="dark"] .google-drive-mark,
html[data-theme="dark"] .google-drive-big-mark,
html[data-theme="dark"] .rule-index,
html[data-theme="dark"] .social-eye-placeholder{
  background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important;
}

/* Restore semantic/accent colors after the neutral audit. */
html[data-theme="dark"] .contacts-table tr.social-active-row .contact-name{color:var(--accent,#218c2c)!important;}
html[data-theme="dark"] .sidebar-nav a.active .nav-icon,
html[data-theme="dark"] .sidebar-bottom a.active .nav-icon,
html[data-theme="dark"] .sidebar-settings-group a.active .submenu-icon,
html[data-theme="dark"] .sidebar-settings-group a:hover .submenu-icon,
html[data-theme="dark"] .extension-icon,
html[data-theme="dark"] .backup-stat-icon,
html[data-theme="dark"] .file-upload-visual,
html[data-theme="dark"] .activity-history-icon,
html[data-theme="dark"] .hero-more-icon,
html[data-theme="dark"] .compact-file-drop .upload-icon{color:var(--accent,#218c2c)!important;}
html[data-theme="dark"] .social-presence.presence-active{color:#6ce9a6!important;}
html[data-theme="dark"] .social-presence.presence-limited{color:#9ec1ff!important;}
html[data-theme="dark"] .social-presence.presence-other{color:#c7d1de!important;}
html[data-theme="dark"] .alert.success,
html[data-theme="dark"] .success-badge,
html[data-theme="dark"] .backup-run-status.success{color:#a6f4c5!important;}
html[data-theme="dark"] .alert.danger,
html[data-theme="dark"] .backup-run-status.failed{color:#fecaca!important;}
html[data-theme="dark"] .backup-run-status.partial{color:#fbd38d!important;}
html[data-theme="dark"] .backup-run-status.running{color:#bfdbfe!important;}

/* Keep intentionally dark metadata on the warm/gold active social chip. */
html[data-theme="dark"] .contacts-table .social-chip.social-active-chip small,
html[data-theme="dark"] .contacts-table td.social-cell.social-active-cell .social-chip small,
html[data-theme="dark"] .contacts-table .social-chip[data-active-social="1"] small,
html[data-theme="dark"] .contacts-table .social-chip.social-active-chip .social-presence,
html[data-theme="dark"] .contacts-table td.social-cell.social-active-cell .social-chip .social-presence,
html[data-theme="dark"] .contacts-table .social-chip[data-active-social="1"] .social-presence{color:#515151!important;}

/* Warm highlighted social chip keeps its dark head/eye text for contrast. */
html[data-theme="dark"] #contactsTable .social-chip.social-active-chip>span:first-child,
html[data-theme="dark"] #contactsTable .social-chip[data-active-social="1"]>span:first-child,
html[data-theme="dark"] #contactsTable .social-chip.social-link-opened-active>span:first-child,
html[data-theme="dark"] #contactsTable .social-chip.social-active-chip .social-eye-placeholder,
html[data-theme="dark"] #contactsTable .social-chip[data-active-social="1"] .social-eye-placeholder,
html[data-theme="dark"] #contactsTable .social-chip.social-link-opened-active .social-eye-placeholder{
  color:#3b3b3b!important;
}


/* v2.1.98 — backup destination spacing polish */
.backup-destination-row{
  padding-left:10px!important;
  padding-right:10px!important;
}
.backup-destination-row + .btn.primary{
  margin-top:10px!important;
}

/* v2.1.98 — dark user-role badges + AJAX-navigation visual consistency */
html[data-theme="dark"] .role-badge{
  border:1px solid #556176!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .role-badge.admin{
  background:#303b5c!important;
  border-color:#52658f!important;
  color:#dbe4ff!important;
}
html[data-theme="dark"] .role-badge.agent{
  background:#394351!important;
  border-color:#56647a!important;
  color:#eef3f8!important;
}
html[data-theme="dark"] .status-readonly{
  background:#394351!important;
  border:1px solid #56647a!important;
  color:#eef3f8!important;
}
html[data-theme="dark"] .users-list-card .active-row td{
  background:#354258!important;
}
html[data-theme="dark"] .users-list-card table td,
html[data-theme="dark"] .users-list-card table th{
  color:#eef3f8!important;
}
html[data-theme="dark"] .users-list-card table small{
  color:#d3dce8!important;
}


/* v2.1.98 — dark mode audit fix for user editor + backup history chips */
html[data-theme="dark"] .user-active-line{
  background:#374153!important;
  border-color:#536075!important;
  color:#eef3f8!important;
}
html[data-theme="dark"] .user-active-line b,
html[data-theme="dark"] .user-active-line span{
  color:#eef3f8!important;
}
html[data-theme="dark"] .user-active-line small{
  color:#d3dce8!important;
}
html[data-theme="dark"] .backup-pill{
  background:#414b5e!important;
  border-color:#5a687e!important;
  color:#eef3f8!important;
}
html[data-theme="dark"] .backup-pill.on{
  background:#214f40!important;
  border-color:#2f7b61!important;
  color:#c9f7df!important;
}
html[data-theme="dark"] .backup-pill.warn{
  background:#5a4512!important;
  border-color:#947126!important;
  color:#ffe3a3!important;
}
html[data-theme="dark"] .destination-tags span{
  background:#414b5e!important;
  border:1px solid #5a687e!important;
  color:#eef3f8!important;
}
html[data-theme="dark"] .destination-tags span.drive{
  background:#324766!important;
  border-color:#5579a6!important;
  color:#dbe9ff!important;
}


/* v2.1.98 — dark contact profile edit sticky action bar */
html[data-theme="dark"] #profileModalBody .profile-edit-actions,
html[data-theme="dark"] #profileModalBody .profile-modal-single-save{
  background:rgba(52,62,79,.96)!important;
  border-top-color:#536075!important;
  box-shadow:0 -8px 24px rgba(9,14,24,.16)!important;
  backdrop-filter:blur(10px);
}
html[data-theme="dark"] #profileModalBody .profile-edit-actions .btn{
  background:#414b5e!important;
  border-color:#5a687e!important;
  color:#eef3f8!important;
}
html[data-theme="dark"] #profileModalBody .profile-edit-actions .btn:hover{
  background:#4a566b!important;
  border-color:#69778e!important;
}
html[data-theme="dark"] #profileModalBody .profile-edit-actions .btn.primary{
  background:var(--primary)!important;
  border-color:var(--primary)!important;
  color:#fff!important;
}


/* v2.1.98 — dark Next Follow-up chip/background fix */
html[data-theme="dark"] #contactsTable .followup-btn,
html[data-theme="dark"] #contactsTable .followup-btn.followup-overdue,
html[data-theme="dark"] #contactsTable .followup-btn.followup-today,
html[data-theme="dark"] #contactsTable .followup-btn.followup-tomorrow,
html[data-theme="dark"] #contactsTable .followup-btn.followup-upcoming{
  background:#374153!important;
  border:1px solid #56647a!important;
  color:#eef3f8!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #contactsTable .followup-btn:hover,
html[data-theme="dark"] #contactsTable tr:hover .followup-btn{
  background:#404b5e!important;
  border-color:#69778e!important;
  color:#fff!important;
}
html[data-theme="dark"] #contactsTable .followup-btn .active-followup-stage-label{
  color:#6ce9a6!important;
  background:transparent!important;
}
html[data-theme="dark"] #contactsTable .followup-btn .followup-date-text{
  color:#eef3f8!important;
  background:transparent!important;
}
/* Keep terminal follow-up states semantic but dark, not white/pastel. */
html[data-theme="dark"] #contactsTable .followup-btn.followup-completed{
  background:#2f5548!important;
  border-color:#4f806e!important;
  color:#c9f7df!important;
}
html[data-theme="dark"] #contactsTable .followup-btn.followup-not-interested{
  background:#5a3d45!important;
  border-color:#845761!important;
  color:#ffd1d7!important;
}

/* v2.1.99 — dark mode fix for Edit/Add User admin access panel */
html[data-theme="dark"] .permission-panel{
  background:#313a4b!important;
  border-color:#536075!important;
}
html[data-theme="dark"] .permission-panel.admin-role-selected{
  background:#313a4b!important;
}
html[data-theme="dark"] .admin-access-note{
  display:none;
  background:#374153!important;
  border-top:1px solid #536075!important;
  border-bottom:1px solid #536075!important;
  color:#eef3f8!important;
}
html[data-theme="dark"] .permission-panel.admin-role-selected .admin-access-note{
  display:block;
}
html[data-theme="dark"] .admin-access-note b{
  color:#eef3f8!important;
}
html[data-theme="dark"] .admin-access-note span{
  color:#d3dce8!important;
}
html[data-theme="dark"] .agent-permission-content{
  background:#313a4b!important;
}

/* v2.1.100 — dark mode template platform pill fix */
html[data-theme="dark"] .template-platform-pills .platform-pill:not(.all){
  background:#3b4658!important;
  border-color:#536075!important;
  color:#eef3f8!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .template-platform-pills .platform-pill.all{
  background:#32465f!important;
  border-color:#4b6b8d!important;
  color:#dbeafe!important;
  box-shadow:none!important;
}

/* v2.1.101 — dark custom-fields mini badges / CRM usage pills fix */
html[data-theme="dark"] .mini-badges span{
  background:#465163!important;
  border-color:#5c687d!important;
  color:#eef3f8!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .compact-admin-table .mini-badges span:hover{
  background:#4d596d!important;
  border-color:#66758c!important;
  color:#ffffff!important;
}

/* v2.1.102 — larger login logo */
.login-card .auth-brand-logo-only{
  min-height:72px;
  margin-bottom:14px;
}
.login-card .auth-brand-logo-only img{
  max-width:320px;
  max-height:88px;
  width:auto;
  height:auto;
}
@media (max-width: 560px){
  .login-card .auth-brand-logo-only{min-height:64px;}
  .login-card .auth-brand-logo-only img{max-width:280px;max-height:76px;}
}

/* v2.1.105 — visible Logout directly below Extension */
.sidebar-settings-group .sidebar-inline-logout{
  display:flex;
  align-items:center;
  gap:8px;
  color:#98a2b3;
  padding:5px 7px;
  border-radius:6px;
  font-size:12px;
  font-weight:400!important;
  cursor:pointer;
}
.sidebar-settings-group .sidebar-inline-logout:hover{
  background:#1d2939;
  color:#fff;
}
.sidebar-settings-group .sidebar-inline-logout .submenu-icon{
  color:#98a2b3;
  background:transparent!important;
  box-shadow:none!important;
}
.sidebar-settings-group .sidebar-inline-logout:hover .submenu-icon{
  color:var(--accent,#218c2c)!important;
}
html[data-theme="dark"] .sidebar-settings-group .sidebar-inline-logout{
  color:#dbe3ed!important;
}
html[data-theme="dark"] .sidebar-settings-group .sidebar-inline-logout:hover{
  background:#3a4558!important;
  color:#fff!important;
}


/* v2.1.105 — scrollable sidebar with hidden scrollbar so Logout below Extension stays reachable */
.admin-sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  -ms-overflow-style:none;
  scrollbar-width:none;
  scroll-behavior:smooth;
}
.admin-sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}
.admin-sidebar .sidebar-brand{
  position:sticky;
  top:0;
  z-index:2;
  background:inherit;
}
.admin-sidebar .sidebar-settings-group{padding-bottom:16px}


/* v2.1.105 — selectable crop output resolution */
.crop-resolution-field{display:flex!important;flex-direction:column;gap:6px!important;margin:0!important}
.crop-resolution-field>span{font-weight:700;font-size:12px}
.crop-resolution-field select{width:100%;margin:0!important;min-height:38px}
.crop-resolution-field small{font-size:10px!important;line-height:1.35;color:#667085;font-weight:500!important}
.crop-result-preview>small span{font-weight:600}
html[data-theme="dark"] .crop-resolution-field>span{color:#f3f6fa!important}
html[data-theme="dark"] .crop-resolution-field small{color:#d3dce8!important}

/* v2.1.106 — freeform resizable crop box + width-based output resolution */
.crop-stage{position:relative!important;overflow:hidden!important;isolation:isolate}
.crop-stage .crop-grid-line{display:none!important}
.crop-selection{
  position:absolute;
  z-index:5;
  left:10%;top:10%;width:80%;height:80%;
  border:2px solid var(--accent,#218c2c);
  border-radius:5px;
  box-shadow:0 0 0 9999px rgba(15,23,42,.42),0 0 0 1px rgba(255,255,255,.42) inset;
  pointer-events:none;
  touch-action:none;
}
.crop-selection::before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:
    linear-gradient(to right,transparent 33.333%,rgba(255,255,255,.62) 33.333%,rgba(255,255,255,.62) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent 66.666%,rgba(255,255,255,.62) 66.666%,rgba(255,255,255,.62) calc(66.666% + 1px),transparent calc(66.666% + 1px)),
    linear-gradient(to bottom,transparent 33.333%,rgba(255,255,255,.62) 33.333%,rgba(255,255,255,.62) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent 66.666%,rgba(255,255,255,.62) 66.666%,rgba(255,255,255,.62) calc(66.666% + 1px),transparent calc(66.666% + 1px));
}
.crop-resize-handle{
  position:absolute;
  z-index:7;
  width:14px;height:14px;
  border:2px solid #fff;
  background:var(--accent,#218c2c);
  border-radius:4px;
  box-shadow:0 1px 5px rgba(15,23,42,.32);
  pointer-events:auto;
  touch-action:none;
}
.crop-handle-nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}
.crop-handle-n{left:50%;top:0;transform:translate(-50%,-50%);cursor:ns-resize}
.crop-handle-ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}
.crop-handle-e{right:0;top:50%;transform:translate(50%,-50%);cursor:ew-resize}
.crop-handle-se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}
.crop-handle-s{left:50%;bottom:0;transform:translate(-50%,50%);cursor:ns-resize}
.crop-handle-sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}
.crop-handle-w{left:0;top:50%;transform:translate(-50%,-50%);cursor:ew-resize}
.crop-selection.resizing .crop-resize-handle{box-shadow:0 0 0 3px rgba(255,255,255,.26),0 1px 5px rgba(15,23,42,.35)}
.crop-shape-info{display:flex;flex-direction:column;gap:3px;border:1px solid #e4e7ec;border-radius:9px;padding:9px 10px;background:#fff}
.crop-shape-info>span{font-size:10px;color:#667085}
.crop-shape-info>b{font-size:13px;font-weight:600;color:#344054}
.crop-shape-info>small{font-size:9.5px;color:#7b8798;line-height:1.35}
.crop-result-preview canvas{width:auto!important;height:auto!important;max-width:180px;max-height:130px;object-fit:contain}
html[data-theme="dark"] .crop-shape-info{background:#374153;border-color:#536075}
html[data-theme="dark"] .crop-shape-info>span,html[data-theme="dark"] .crop-shape-info>small{color:#d3dce8!important}
html[data-theme="dark"] .crop-shape-info>b{color:#f3f6fa!important}
html[data-theme="dark"] .crop-selection{box-shadow:0 0 0 9999px rgba(9,14,23,.50),0 0 0 1px rgba(255,255,255,.30) inset}
@media(max-width:760px){.crop-resize-handle{width:16px;height:16px}}

/* v2.1.122 — full-image-first crop editor + optional no-crop upload */
.crop-stage img{object-fit:contain!important}
.crop-actions{align-items:center;flex-wrap:wrap}
.crop-use-original{margin-right:auto!important}
html[data-theme="dark"] .crop-use-original{background:#374153!important;border-color:#536075!important;color:#f3f6fa!important}
html[data-theme="dark"] .crop-use-original:hover{background:#414c60!important;border-color:#66758c!important}
@media(max-width:620px){.crop-use-original{width:100%;margin-right:0!important;order:-1}}

/* v2.1.122 — Security Center */
.security-page{max-width:1500px}
.security-hero{align-items:center}
.security-kicker{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:5px}
.security-current-ip{display:flex;flex-direction:column;gap:4px;align-items:flex-end;border:1px solid #e4e9f1;border-radius:10px;padding:9px 12px;background:#fff;min-width:190px}
.security-current-ip small{color:#667085;font-size:10px}.security-current-ip code{font-size:12px}
.security-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.security-stat{border:1px solid #e4e9f1;background:#fff;border-radius:12px;padding:14px 15px;display:flex;flex-direction:column;gap:3px;min-height:94px}
.security-stat small{font-size:10px;color:#667085}.security-stat b{font-size:17px;font-weight:600;color:#344054}.security-stat span{font-size:10.5px;color:#667085}
.security-good{color:#16803a!important}.security-warn{color:#b45309!important}
.security-card{scroll-margin-top:18px}.security-card .card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.security-card .card-title-row h2{margin:0 0 3px}.security-card .card-title-row p{margin:0}
.security-pill{display:inline-flex;align-items:center;border:1px solid #d7e0ec;background:#f7f9fc;color:#475467;border-radius:999px;padding:4px 8px;font-size:10px;white-space:nowrap}.security-pill.on{background:#ecfdf3;border-color:#abefc6;color:#067647}
.security-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.security-two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.security-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.security-policy-grid .switch-card:last-child{grid-column:1/-1}
.security-page textarea{resize:vertical;min-height:122px}.security-switch{max-width:none}.inline-security-form{margin-top:10px}
.security-fixed-note{border:1px solid #dce5f0;background:#f8fafc;border-radius:10px;padding:11px 12px;margin:12px 0;color:#475467;font-size:11px}
.security-2fa-setup{display:flex;flex-direction:column;gap:12px}.security-inline-fields{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end}.security-inline-fields label{margin:0}.security-inline-fields .btn{min-height:42px}
.security-enabled-note{display:flex;flex-direction:column;gap:3px;padding:12px 13px;border:1px solid #abefc6;background:#ecfdf3;border-radius:10px;margin-bottom:12px}.security-enabled-note b{color:#067647}.security-enabled-note span{color:#475467;font-size:11px}
.security-action-box{border:1px solid #e4e9f1;border-radius:11px;padding:13px;background:#fbfcfe;display:flex;flex-direction:column;gap:9px}.security-action-box h3{margin:0;font-size:14px;font-weight:600}.security-action-box p{margin:0;color:#667085;font-size:10.5px}.security-action-box label{margin:0}.security-action-box.danger-zone{border-color:#fecaca;background:#fffafa}
.security-backup-codes{border:1px solid #f1c06a;background:#fffbeb;border-radius:11px;padding:13px;margin-bottom:13px}.security-backup-codes p{margin:3px 0 10px;color:#6b5a32;font-size:11px}.backup-code-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.backup-code-grid code{display:block;text-align:center;padding:8px;border:1px solid #efd394;border-radius:7px;background:#fff;font-size:11px;letter-spacing:.04em}
.security-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.security-health-item{display:flex;align-items:flex-start;gap:9px;border:1px solid #e4e9f1;border-radius:10px;padding:11px 12px;background:#fbfcfe}.security-health-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-weight:600;flex:0 0 auto}.security-health-item.ok .security-health-icon{background:#dcfae6;color:#16803a}.security-health-item.warn .security-health-icon{background:#fff1d6;color:#b45309}.security-health-item b{display:block;font-size:11.5px;font-weight:600}.security-health-item small{display:block;color:#667085;font-size:10px;margin-top:2px;line-height:1.35}
.security-block-table form{margin:0}.security-block-table code{white-space:nowrap}
.security-log{max-height:340px;overflow:auto;border:1px solid #e4e9f1;border-radius:10px;background:#101828;padding:10px;display:flex;flex-direction:column;gap:3px}.security-log code{display:block;background:transparent;color:#d0d5dd;padding:3px 4px;font-size:10.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.login-secondary-action{margin-top:9px}

html[data-theme="dark"] .security-current-ip,
html[data-theme="dark"] .security-stat,
html[data-theme="dark"] .security-action-box,
html[data-theme="dark"] .security-health-item{background:#343e4f!important;border-color:#536075!important}
html[data-theme="dark"] .security-current-ip small,
html[data-theme="dark"] .security-stat small,
html[data-theme="dark"] .security-stat span,
html[data-theme="dark"] .security-health-item small,
html[data-theme="dark"] .security-action-box p{color:#d3dce8!important}
html[data-theme="dark"] .security-current-ip code,
html[data-theme="dark"] .security-stat b,
html[data-theme="dark"] .security-health-item b,
html[data-theme="dark"] .security-action-box h3{color:#f3f6fa!important}
html[data-theme="dark"] .security-pill{background:#414b5e!important;border-color:#5a687e!important;color:#eef3f8!important}
html[data-theme="dark"] .security-pill.on{background:#214f40!important;border-color:#2f7b61!important;color:#c9f7df!important}
html[data-theme="dark"] .security-fixed-note{background:#303948!important;border-color:#536075!important;color:#dbe3ed!important}
html[data-theme="dark"] .security-enabled-note{background:#244b3d!important;border-color:#3b745e!important}.security-enabled-note b{font-weight:600}
html[data-theme="dark"] .security-enabled-note b{color:#b9f1cf!important}html[data-theme="dark"] .security-enabled-note span{color:#d9e4df!important}
html[data-theme="dark"] .security-action-box.danger-zone{background:#4a3437!important;border-color:#75515a!important}
html[data-theme="dark"] .security-backup-codes{background:#4b402d!important;border-color:#826b3d!important;color:#fff0c7!important}html[data-theme="dark"] .security-backup-codes p{color:#ead9ab!important}html[data-theme="dark"] .backup-code-grid code{background:#303948!important;border-color:#6f613f!important;color:#fff4cf!important}
html[data-theme="dark"] .security-health-item.ok .security-health-icon{background:#244b3d!important;color:#a7ebc1!important}html[data-theme="dark"] .security-health-item.warn .security-health-icon{background:#594733!important;color:#ffd3a4!important}
html[data-theme="dark"] .security-log{border-color:#536075!important;background:#202733!important}
@media(max-width:1050px){.security-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-three-grid{grid-template-columns:1fr}.security-two-grid,.security-health-grid{grid-template-columns:1fr}.backup-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.security-overview-grid{grid-template-columns:1fr}.security-policy-grid{grid-template-columns:1fr}.security-policy-grid .switch-card:last-child{grid-column:auto}.security-current-ip{align-items:flex-start;width:100%}.security-inline-fields{grid-template-columns:1fr}.backup-code-grid{grid-template-columns:1fr}.security-card .card-title-row{flex-direction:column}}

/* v2.1.122 — Google OpenID Connect login + Security Center controls */
.login-or{display:flex;align-items:center;gap:10px;margin:14px 0;color:#98a2b3;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.login-or:before,.login-or:after{content:"";height:1px;flex:1;background:#e4e7ec}.login-or span{line-height:1}
.google-signin-btn{min-height:44px;background:#fff!important;border-color:#d0d5dd!important;color:#3c4043!important;font-weight:500!important;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.google-signin-btn:hover{background:#f8fafc!important;border-color:#98a2b3!important;color:#1f2937!important}
.google-g-icon{width:19px;height:19px;display:block;flex:0 0 auto}
.security-google-redirect{padding:13px 14px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff}
.security-google-redirect .control-label{display:block;margin-bottom:7px;color:#1d4ed8;font-size:11px;font-weight:600}
.security-google-linked{margin-top:16px;padding-top:14px;border-top:1px solid #e4e7ec}.security-google-linked h3{margin:0 0 10px;font-size:13px;font-weight:600}
html[data-theme="dark"] .login-or{color:#aab5c4}html[data-theme="dark"] .login-or:before,html[data-theme="dark"] .login-or:after{background:#536075}
html[data-theme="dark"] .google-signin-btn{background:#3b4558!important;border-color:#5a687e!important;color:#f3f6fa!important}
html[data-theme="dark"] .google-signin-btn:hover{background:#465268!important;border-color:#6b7890!important;color:#fff!important}
html[data-theme="dark"] .security-google-redirect{background:#32465f!important;border-color:#4b6b8d!important;color:#eaf1fb!important}
html[data-theme="dark"] .security-google-redirect .control-label{color:#dbeafe!important}
html[data-theme="dark"] .security-google-redirect input{background:#303948!important;border-color:#5a687e!important;color:#f3f6fa!important}
html[data-theme="dark"] .security-google-linked{border-color:#536075!important}

/* v2.1.122 — compact social activity status dots in All Contacts */
.table-legends-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:24px;
  margin:4px 2px 6px;
}
.table-legends-bar .followup-legend{margin:0;flex:0 0 auto}
.social-presence-legend{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 11px;
  color:#667085;
  font-size:10px;
  line-height:1.2;
}
.presence-legend-label{font-weight:600;color:#475467}
.social-presence-legend-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-weight:500}
.social-presence-dot{
  display:inline-block;
  width:7px;
  height:7px;
  min-width:7px;
  border-radius:50%;
  flex:0 0 7px;
  box-shadow:0 0 0 1px rgba(15,23,42,.08);
}
.social-presence-dot.presence-active{background:#22c55e}
.social-presence-dot.presence-limited{background:#3b82f6}
.social-presence-dot.presence-personal-only{background:#b45309}
#contactsTable .social-chip-main{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:18px;
}
#contactsTable .social-chip-action-main{flex-direction:row;gap:4px}
#contactsTable .social-chip-eye-main{flex-direction:row;gap:4px}
#contactsTable .social-chip-action-main .social-presence-dot{margin-top:1px}
#contactsTable .social-chip-eye-main .social-presence-dot{margin-top:0}
#contactsTable .social-action-label{display:inline-block;line-height:1.1}
html[data-theme="dark"] .social-presence-legend{color:#c7d0dc}
html[data-theme="dark"] .presence-legend-label{color:#e3e8ef}
html[data-theme="dark"] .social-presence-dot{box-shadow:0 0 0 1px rgba(255,255,255,.12)}
@media(max-width:760px){
  .table-legends-bar{align-items:flex-start;flex-direction:column;gap:6px}
  .table-legends-bar .followup-legend{align-self:flex-end}
}

/* v2.1.122 — only Active uses a social status dot; Limited intentionally has no dot */
.social-presence-legend-limited small{font-size:9px;font-weight:400;opacity:.72}

/* v2.1.122 — Active dot sits to the right of the eye icon */
#contactsTable .social-chip-eye-main{flex-direction:row;align-items:center;justify-content:center;gap:4px}
#contactsTable .social-chip-eye-main .social-presence-dot{margin:0}

/* v2.1.122 — All Contacts table surface matches the left sidebar dark tone */
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] #contactsTableWrap,
html[data-theme="dark"] #contactsTable,
html[data-theme="dark"] #contactsTable tbody,
html[data-theme="dark"] .contacts-table{background:#232b38!important;border-color:#3c485b!important}
html[data-theme="dark"] .contacts-table td,
html[data-theme="dark"] .contacts-table td.sticky-select,
html[data-theme="dark"] .sticky-col{background:#232b38!important;border-bottom-color:#364255!important}
html[data-theme="dark"] .contacts-table th,
html[data-theme="dark"] #contactsTable thead th,
html[data-theme="dark"] #contactsTable thead th.sticky-col,
html[data-theme="dark"] #contactsTable thead th.sticky-select{background:#26303d!important;border-color:#3c485b!important;color:#d6dee9!important;box-shadow:0 1px 0 #3c485b!important}
html[data-theme="dark"] .contacts-table tr:hover td,
html[data-theme="dark"] .contacts-table tr:hover .sticky-col,
html[data-theme="dark"] .contacts-table tr:hover td.sticky-select{background:#2b3544!important}
html[data-theme="dark"] .contacts-table tr.social-active-row td,
html[data-theme="dark"] .contacts-table tr.social-active-row .sticky-col,
html[data-theme="dark"] .contacts-table tr.social-active-row td.sticky-select{background:#314157!important}
html[data-theme="dark"] .contacts-table tr.row-selected td,
html[data-theme="dark"] .contacts-table tr.row-selected .sticky-col,
html[data-theme="dark"] .contacts-table tr.row-selected td.sticky-select{background:#304055!important}

/* v2.1.122 — Social Activity Center inner boxes use the same dark tone as the contacts table */
html[data-theme="dark"] .social-action-panel .social-action-header,
html[data-theme="dark"] .social-action-panel .social-action-card,
html[data-theme="dark"] .social-action-panel .messages-card,
html[data-theme="dark"] .social-action-panel .summary-card,
html[data-theme="dark"] .social-action-panel .activity-card,
html[data-theme="dark"] .social-action-panel .links-card,
html[data-theme="dark"] .social-action-panel .activity-history-card,
html[data-theme="dark"] .social-action-panel .followup-stage-box,
html[data-theme="dark"] .social-action-panel .profile-message,
html[data-theme="dark"] .social-action-panel .activity-summary-item,
html[data-theme="dark"] .social-action-panel .activity-history-row,
html[data-theme="dark"] .social-action-panel .social-action-note,
html[data-theme="dark"] .social-action-panel .menu-message-list .copy-message-btn,
html[data-theme="dark"] .social-action-panel .social-action-buttons button{
  background:#232b38!important;
  border-color:#3c485b!important;
}
html[data-theme="dark"] .social-action-panel .menu-message-list .copy-message-btn:hover,
html[data-theme="dark"] .social-action-panel .social-action-buttons button:hover,
html[data-theme="dark"] .social-action-panel .activity-history-row.has-link:hover{
  background:#2b3544!important;
  border-color:#4a596f!important;
}
html[data-theme="dark"] .social-action-panel .activity-summary-item.has-activity{
  background:color-mix(in srgb,var(--accent,#218c2c) 12%,#232b38)!important;
  border-color:color-mix(in srgb,var(--accent,#218c2c) 30%,#3c485b)!important;
}
html[data-theme="dark"] .social-action-panel .activity-history-head,
html[data-theme="dark"] .social-action-panel .profile-header,
html[data-theme="dark"] .social-action-panel .section-title-row{
  border-color:#3c485b!important;
}

/* v2.1.122 — prevent merge-tag text from overflowing the Custom Fields preview box */
.field-preview-card,
.field-preview-card .notice-box,
.field-preview-card .notice-box p,
.field-preview-card .field-preview-shell{min-width:0}
.field-preview-card .notice-box{overflow:hidden}
.field-preview-card .notice-box code{
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  display:inline;
  max-width:100%;
}

/* v2.1.122 — darker table headers in dark theme */
html[data-theme="dark"] .contacts-table th,
html[data-theme="dark"] #contactsTable thead th,
html[data-theme="dark"] #contactsTable thead th.sticky-col,
html[data-theme="dark"] #contactsTable thead th.sticky-select,
html[data-theme="dark"] .compact-admin-table th,
html[data-theme="dark"] .mapping-table th,
html[data-theme="dark"] .backup-table th,
html[data-theme="dark"] .compact-admin-table thead th{
  background:#1f2632!important;
  border-color:#364255!important;
  color:#dbe4ef!important;
  box-shadow:0 1px 0 #364255!important;
}


/* v2.1.122 — show social platform short names (FB, IG, etc.) instead of the eye icon */
.social-chip .social-eye-placeholder{width:auto!important;min-width:18px!important;height:15px!important;padding:0 1px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:uppercase!important}
.social-chip .social-eye-placeholder svg{display:none!important}


/* v2.1.122 — lock the contacts table dock to the browser top for smoother scrolling */
.contacts-table-dock{position:relative;scroll-margin-top:76px}
.table-tools-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.table-lock-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:10px;cursor:pointer;box-shadow:var(--shadow);transition:background .18s,border-color .18s,color .18s,transform .18s}
.table-lock-btn:hover{background:#f8fafc;border-color:#98a2b3}
.table-lock-btn:active{transform:translateY(1px)}
.table-lock-btn .table-lock-icon{font-size:16px;line-height:1}
.table-lock-btn .table-lock-open{display:none}
.table-lock-btn.is-locked .table-lock-closed{display:none}
.table-lock-btn.is-locked .table-lock-open{display:inline}
.contacts-table-dock.is-locked{position:sticky;top:72px;z-index:35;padding-bottom:8px;background:var(--bg)}
.contacts-table-dock.is-locked .table-wrap{max-height:calc(100vh - 72px - 96px);overflow:auto;overscroll-behavior:contain}
.contacts-table-dock.is-locked .table-pagination-bar,.contacts-table-dock.is-locked .table-legends-bar{background:var(--bg)}
.contacts-table-dock.is-locked .table-wrap{box-shadow:var(--shadow)}
html[data-theme="dark"] .table-lock-btn{background:#2e3746;border-color:#46566b;color:#e6edf6}
html[data-theme="dark"] .table-lock-btn:hover{background:#364152;border-color:#64748b}
html[data-theme="dark"] .table-lock-btn.is-locked{background:#3c4759;border-color:#72829a;color:#f8fafc}
@media(max-width:760px){.table-tools-right{width:100%;justify-content:flex-end}.contacts-table-dock.is-locked .table-wrap{max-height:calc(100vh - 72px - 118px)}}


/* v2.1.122 — true lock/unlock table workspace */
.table-lock-btn .table-lock-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:0!important}
.table-lock-btn .table-lock-icon svg{width:18px;height:18px;display:block;fill:currentColor}
/* Unlocked state shows an OPEN lock. Locked state shows a CLOSED lock. */
.table-lock-btn .table-lock-open{display:inline-flex!important}
.table-lock-btn .table-lock-closed{display:none!important}
.table-lock-btn.is-locked .table-lock-open{display:none!important}
.table-lock-btn.is-locked .table-lock-closed{display:inline-flex!important}
.contacts-table-lock-placeholder{display:block;width:100%;pointer-events:none}
body.contacts-table-locked{overflow:hidden!important}
.contacts-table-dock.is-locked{
  position:fixed!important;
  top:8px!important;
  left:262px!important;
  right:24px!important;
  bottom:8px!important;
  width:auto!important;
  height:auto!important;
  z-index:72!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:8px 0 0!important;
  margin:0!important;
  border-radius:12px!important;
  background:var(--bg)!important;
  box-shadow:0 22px 58px rgba(8,13,23,.26)!important;
}
.contacts-table-dock.is-locked .table-legends-bar{
  flex:0 0 auto!important;
  margin:0 2px 8px!important;
  padding:0 6px!important;
  background:var(--bg)!important;
}
.contacts-table-dock.is-locked #contactsTableWrap{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.contacts-table-dock.is-locked #contactsTable thead th,
.contacts-table-dock.is-locked #contactsTable thead th.sticky-col,
.contacts-table-dock.is-locked #contactsTable thead th.sticky-select{
  position:sticky!important;
  top:0!important;
  z-index:35!important;
}
.contacts-table-dock.is-locked #contactsTable thead th.sticky-col{z-index:38!important}
.contacts-table-dock.is-locked #contactsTable thead th.sticky-select{z-index:39!important}
.contacts-table-dock.is-locked .table-pagination-bar{
  flex:0 0 auto!important;
  margin:8px 0 0!important;
  background:var(--bg)!important;
}
html[data-theme="dark"] .contacts-table-dock.is-locked{background:#2c3442!important;box-shadow:0 24px 66px rgba(0,0,0,.42)!important}
html[data-theme="dark"] .contacts-table-dock.is-locked .table-legends-bar,
html[data-theme="dark"] .contacts-table-dock.is-locked .table-pagination-bar{background:#2c3442!important}
@media(max-width:900px){
  .contacts-table-dock.is-locked{left:8px!important;right:8px!important;top:8px!important;bottom:8px!important}
}

/* v2.1.126 — WordPress-style Templates / Custom Fields submenus */
.sidebar-menu-group{display:flex;flex-direction:column;gap:2px;min-width:0}
.sidebar-menu-group>.sidebar-parent-link{width:100%;min-width:0}
.sidebar-parent-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-menu-group .nav-caret{margin-left:auto;color:#98a2b3;font-size:12px;line-height:1;transition:transform .16s ease,color .16s ease}
.sidebar-menu-group.open .nav-caret,.sidebar-menu-group:hover .nav-caret{transform:rotate(180deg);color:#d0d5dd}
.sidebar-submenu{display:none;flex-direction:column;gap:1px;margin:0 0 3px 0;padding:2px 0 3px 43px}
.sidebar-menu-group.open>.sidebar-submenu,.sidebar-menu-group:hover>.sidebar-submenu{display:flex}
.sidebar-nav .sidebar-submenu a{position:relative;display:block;padding:6px 9px;border-radius:5px;color:#98a2b3;font-size:12px;line-height:1.25;font-weight:400!important;background:transparent!important;box-shadow:none!important}
.sidebar-nav .sidebar-submenu a:hover{color:#fff!important;background:#1d2939!important}
.sidebar-nav .sidebar-submenu a.active{color:#fff!important;background:transparent!important;box-shadow:none!important}
.sidebar-nav .sidebar-submenu a.active:before{content:"";position:absolute;left:-10px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--accent,#2563eb);transform:translateY(-50%)}
html[data-theme="dark"] .sidebar-menu-group .nav-caret{color:#aab6c5}
html[data-theme="dark"] .sidebar-nav .sidebar-submenu a{color:#aeb9c8!important}
html[data-theme="dark"] .sidebar-nav .sidebar-submenu a:hover{color:#fff!important;background:#303b4d!important}
html[data-theme="dark"] .sidebar-nav .sidebar-submenu a.active{color:#fff!important;background:transparent!important}
@media(max-width:900px){.sidebar-menu-group>.sidebar-submenu{display:none}.sidebar-menu-group.open>.sidebar-submenu{display:flex}.sidebar-menu-group:hover:not(.open)>.sidebar-submenu{display:none}}

/* v2.1.126 — sidebar submenu caret matches the compact More chevron exactly. */
.sidebar-menu-group .nav-caret{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:7px!important;
  height:7px!important;
  margin:-3px 2px 0 auto!important;
  border:0!important;
  border-right:1.5px solid currentColor!important;
  border-bottom:1.5px solid currentColor!important;
  color:currentColor!important;
  font-size:0!important;
  line-height:0!important;
  transform:rotate(45deg)!important;
  transform-origin:center!important;
  opacity:.72!important;
  transition:transform .16s ease,opacity .16s ease!important;
}
.sidebar-menu-group.open .nav-caret,
.sidebar-menu-group:hover .nav-caret{
  transform:rotate(225deg)!important;
  color:currentColor!important;
  opacity:.9!important;
}
html[data-theme="dark"] .sidebar-menu-group .nav-caret{
  color:currentColor!important;
}

/* v2.1.126 — WordPress-style sidebar flyout submenus for Templates / Custom Fields. */
@media(min-width:901px){
  .sidebar-menu-group{
    position:relative!important;
    display:block!important;
    min-width:0!important;
  }
  .sidebar-menu-group>.sidebar-parent-link{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
  }
  .sidebar-menu-group .nav-caret{
    transform:rotate(-45deg)!important;
    margin:-1px 3px 0 auto!important;
    opacity:.76!important;
  }
  .sidebar-menu-group:hover .nav-caret,
  .sidebar-menu-group:focus-within .nav-caret,
  .sidebar-menu-group.current .nav-caret{
    transform:rotate(-45deg)!important;
    opacity:.95!important;
  }
  .sidebar-menu-group>.sidebar-submenu,
  .sidebar-menu-group.open>.sidebar-submenu{
    position:fixed!important;
    left:var(--crm-submenu-left,238px)!important;
    top:var(--crm-submenu-top,0px)!important;
    z-index:260!important;
    display:none!important;
    width:205px!important;
    min-width:205px!important;
    max-width:240px!important;
    margin:0!important;
    padding:8px 0!important;
    gap:0!important;
    background:#151b26!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-left:0!important;
    border-radius:0 6px 6px 0!important;
    box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
    overflow:visible!important;
  }
  .sidebar-menu-group:hover>.sidebar-submenu,
  .sidebar-menu-group:focus-within>.sidebar-submenu{
    display:block!important;
  }
  .sidebar-menu-group>.sidebar-submenu:before{
    content:""!important;
    position:absolute!important;
    left:-8px!important;
    top:14px!important;
    width:0!important;
    height:0!important;
    border-top:8px solid transparent!important;
    border-bottom:8px solid transparent!important;
    border-right:8px solid #151b26!important;
  }
  .sidebar-nav .sidebar-submenu a,
  html[data-theme="dark"] .sidebar-nav .sidebar-submenu a{
    display:block!important;
    position:relative!important;
    width:100%!important;
    margin:0!important;
    padding:9px 16px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#c7ccd3!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:400!important;
    white-space:nowrap!important;
  }
  .sidebar-nav .sidebar-submenu a:hover,
  html[data-theme="dark"] .sidebar-nav .sidebar-submenu a:hover{
    background:#202938!important;
    color:#ffffff!important;
  }
  .sidebar-nav .sidebar-submenu a.active,
  html[data-theme="dark"] .sidebar-nav .sidebar-submenu a.active{
    background:transparent!important;
    color:#ffffff!important;
    font-weight:500!important;
  }
  .sidebar-nav .sidebar-submenu a.active:before{
    display:none!important;
    content:none!important;
  }
  .sidebar-menu-group:hover>.sidebar-parent-link,
  .sidebar-menu-group:focus-within>.sidebar-parent-link{
    background:#1d2939!important;
    color:#ffffff!important;
  }
  html[data-theme="dark"] .sidebar-menu-group>.sidebar-submenu{
    background:#202734!important;
  }
  html[data-theme="dark"] .sidebar-menu-group>.sidebar-submenu:before{
    border-right-color:#202734!important;
  }
  html[data-theme="dark"] .sidebar-menu-group>.sidebar-submenu{
    border-color:rgba(255,255,255,.07)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.36)!important;
  }
  html[data-theme="dark"] .sidebar-menu-group:hover>.sidebar-parent-link,
  html[data-theme="dark"] .sidebar-menu-group:focus-within>.sidebar-parent-link{
    background:#303b4d!important;
  }
}

/* On mobile keep the submenu inline under the current section. */
@media(max-width:900px){
  .sidebar-menu-group.current>.sidebar-submenu{display:flex!important}
  .sidebar-menu-group.current .nav-caret{transform:rotate(225deg)!important}
}

/* v2.1.126 — keep WordPress-style flyout stable while crossing into submenu. */
@media(min-width:901px){
  .sidebar-menu-group.flyout-open>.sidebar-submenu{
    display:block!important;
  }
  .sidebar-menu-group.flyout-open>.sidebar-parent-link,
  html[data-theme="dark"] .sidebar-menu-group.flyout-open>.sidebar-parent-link{
    background:#1d2939!important;
    color:#fff!important;
  }
  html[data-theme="dark"] .sidebar-menu-group.flyout-open>.sidebar-parent-link{
    background:#303b4d!important;
  }
  .sidebar-menu-group.flyout-open .nav-caret{
    opacity:.95!important;
  }
  /* Invisible hover corridor removes the tiny seam between sidebar and flyout. */
  .sidebar-menu-group>.sidebar-submenu:after{
    content:""!important;
    position:absolute!important;
    left:-18px!important;
    top:-6px!important;
    bottom:-6px!important;
    width:18px!important;
    background:transparent!important;
  }
}


/* v2.1.184 — while the contacts workspace is locked, put the normal search bar in the toolbar gap */
.locked-search-slot{display:none;min-width:0}
.contacts-table-dock.is-locked .table-legends-bar{display:flex!important;align-items:center!important;flex-direction:row!important;gap:12px!important}
.contacts-table-dock.is-locked .social-presence-legend{flex:0 0 auto!important}
.contacts-table-dock.is-locked .locked-search-slot.is-active{
  display:flex!important;
  align-items:center;
  flex:1 1 520px;
  min-width:220px;
  max-width:none;
  margin:0 2px 0 10px;
}
.contacts-table-dock.is-locked .locked-search-slot .locked-table-search-input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid #b9c6e2!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#101828!important;
  box-shadow:none!important;
  outline:none;
}
.contacts-table-dock.is-locked .locked-search-slot .locked-table-search-input:focus{
  border-color:var(--accent,#2563eb)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#2563eb) 18%,transparent)!important;
}
.contacts-table-dock.is-locked .table-tools-right{flex:0 0 auto!important;margin-left:0!important}
html[data-theme="dark"] .contacts-table-dock.is-locked .locked-search-slot .locked-table-search-input{
  background:#344052!important;
  border-color:#58677d!important;
  color:#f3f6fa!important;
}
html[data-theme="dark"] .contacts-table-dock.is-locked .locked-search-slot .locked-table-search-input::placeholder{color:#aeb9c8!important}
@media(max-width:760px){
  .contacts-table-dock.is-locked .table-legends-bar{flex-wrap:wrap!important}
  .contacts-table-dock.is-locked .social-presence-legend{order:1}
  .contacts-table-dock.is-locked .table-tools-right{order:2;width:auto!important;margin-left:auto!important}
  .contacts-table-dock.is-locked .locked-search-slot.is-active{order:3;flex:1 0 100%;min-width:0;margin:0!important}
}


/* v2.1.190 — animated three-dot AJAX search loader (normal + locked search field) */
.contacts-search-wrap{
  position:relative;
  min-width:0;
  width:100%;
}
.contacts-search-wrap #contactsSearchInput{
  width:100%!important;
  padding-right:52px!important;
}
.contacts-search-spinner{
  position:absolute;
  right:13px;
  top:50%;
  height:16px;
  min-width:31px;
  margin-top:-8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.contacts-search-spinner i{
  display:block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--primary,#2563eb);
  opacity:.30;
  transform:translateY(0) scale(.82);
}
.contacts-search-wrap.is-searching .contacts-search-spinner{
  opacity:1;
  visibility:visible;
}
.contacts-search-wrap.is-searching .contacts-search-spinner i{
  animation:crmContactsSearchDot .78s ease-in-out infinite;
}
.contacts-search-wrap.is-searching .contacts-search-spinner i:nth-child(2){animation-delay:.13s}
.contacts-search-wrap.is-searching .contacts-search-spinner i:nth-child(3){animation-delay:.26s}
@keyframes crmContactsSearchDot{
  0%,60%,100%{opacity:.28;transform:translateY(0) scale(.82)}
  30%{opacity:1;transform:translateY(-3px) scale(1)}
}
.contacts-table-dock.is-locked .locked-search-slot .contacts-search-wrap{
  width:100%!important;
  min-width:0!important;
}
html[data-theme="dark"] .contacts-search-spinner i{
  background:#7dd3fc;
}
@media (prefers-reduced-motion:reduce){
  .contacts-search-wrap.is-searching .contacts-search-spinner i{
    animation-duration:1.15s;
  }
}

/* v2.1.202 — compact boxed Owner finder controls with icon-only copy */
.social-action-contact-head{min-width:0;flex:1 1 auto}
.owner-finder-header-tools{display:flex;align-items:center;flex:0 0 auto;margin-left:auto}
.owner-finder-toolbox{display:flex;align-items:center;gap:6px;padding:6px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.owner-finder-toolbox .btn{font-size:10px;line-height:1;padding:6px 10px;min-height:30px;white-space:nowrap;border-radius:9px}
.owner-finder-toggle-btn{font-weight:700}
.owner-finder-toggle-btn[aria-expanded="true"]{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent)}
.owner-finder-copy-btn{width:30px;min-width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.owner-finder-copy-btn .owner-finder-copy-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px}
.owner-finder-copy-btn .owner-finder-copy-icon svg{display:block;width:14px;height:14px}
.owner-finder-copy-btn[data-busy="true"] .owner-finder-copy-icon{opacity:.7;transform:scale(.92)}
.owner-finder-editor{background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:11px;margin:-1px 0 10px}
.owner-finder-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.owner-finder-editor-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.owner-finder-editor-head b{font-size:13px;color:#101828}
.owner-finder-editor-head small,.owner-finder-editor-foot small{font-size:10px;color:#667085}
#ownerFinderTemplateBody{display:block;width:100%;min-height:300px;max-height:48vh;resize:vertical;border:1px solid #d0d5dd;border-radius:8px;padding:11px 12px;background:#fff;color:#101828;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;white-space:pre-wrap;tab-size:2}
#ownerFinderTemplateBody:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(37,99,235,.08);outline:none}
#ownerFinderTemplateBody[readonly]{opacity:.88;cursor:default}
.owner-finder-editor-foot{padding-top:7px}
.owner-finder-save-btn{flex:0 0 auto}
html[data-theme="dark"] .owner-finder-editor{background:#343e4f!important;border-color:#48566b!important}
html[data-theme="dark"] .owner-finder-editor-head b{color:#f2f4f7!important}
html[data-theme="dark"] .owner-finder-editor-head small,
html[data-theme="dark"] .owner-finder-editor-foot small{color:#c4cedb!important}
html[data-theme="dark"] #ownerFinderTemplateBody{background:#2f3847!important;border-color:#536075!important;color:#eef2f7!important}
html[data-theme="dark"] #ownerFinderTemplateBody:focus{border-color:#7890b6!important;box-shadow:0 0 0 3px rgba(132,173,255,.10)!important}
html[data-theme="dark"] .owner-finder-toolbox{background:#354153;border-color:#56647a;box-shadow:none}
html[data-theme="dark"] .owner-finder-toolbox .btn{background:#414b5e;border-color:#56647a;color:#eef2f7}
html[data-theme="dark"] .owner-finder-toolbox .btn:hover{background:#4a566b;border-color:#7890b6}
html[data-theme="dark"] .owner-finder-toggle-btn[aria-expanded="true"]{border-color:#84adff!important;box-shadow:0 0 0 2px rgba(132,173,255,.12)}
@media(max-width:1100px){.social-action-header{flex-wrap:wrap}.owner-finder-header-tools{order:3;margin-left:0}.social-header-actions{margin-left:auto}}
@media(max-width:900px){.owner-finder-header-tools{width:100%;order:2}.owner-finder-toolbox{width:100%}.owner-finder-toggle-btn{flex:1 1 auto}.social-header-actions{order:3;margin-left:0}.owner-finder-editor{margin-top:0}#ownerFinderTemplateBody{min-height:260px;max-height:55vh}}

.profile-social-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;flex-wrap:wrap}
.profile-social-url{display:block;word-break:break-word}
.personal-profile-edit-grid,.nested-profile-grid{margin-top:4px}
.profile-subsection{border:1px solid #eaecf0;border-radius:12px;padding:14px;background:#fcfcfd}
.section-title-row.compact{margin-bottom:10px}
.social-personal-open-btn.hidden{display:none!important}
.profile-header-top-buttons #focusPersonalProfilesBtn{white-space:nowrap}
html[data-theme="dark"] .profile-subsection{background:#364153;border-color:#56647a}

/* v2.1.204 — single-line quick-menu header buttons + platform-focused personal profile editing */
.social-action-header{flex-wrap:nowrap;align-items:flex-start}
.social-header-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex:0 0 auto;white-space:nowrap}
.social-header-actions .btn{font-size:13px;line-height:1;padding:6px 9px;min-height:32px;height:32px;box-sizing:border-box;white-space:nowrap}
.social-profile-btn,.social-open-btn,.social-personal-open-btn{min-height:32px}
.social-personal-open-btn{max-width:none}
.owner-finder-header-tools{margin-left:12px}
@media(max-width:1180px){
  .social-action-header{flex-wrap:wrap}
  .owner-finder-header-tools{order:2;margin-left:0}
  .social-header-actions{order:3;width:100%;flex-wrap:wrap}
}
@media(max-width:900px){
  .social-header-actions{width:100%;flex-wrap:wrap}
  .social-header-actions .btn{flex:1 1 calc(50% - 6px)}
}


/* v2.1.207 — restore v2.1.203 quick-menu button typography and padding */
.social-header-actions .btn{font-size:13px;line-height:1.5;padding:8px 13px;min-height:39px;height:auto;box-sizing:border-box;white-space:nowrap}
.social-header-actions .social-profile-btn{font-size:12px;padding:7px 9px}
.social-header-actions .social-open-btn{font-size:12px;padding:7px 10px}
.social-header-actions .social-personal-open-btn{font-size:13px;padding:8px 13px}


/* v2.1.209 — Personal Social Profile uses LinkedIn blue */
.social-personal-open-btn,
#profileModalBody .personal-social-profile-btn,
.personal-social-profile-btn{
  background:#0A66C2!important;
  border-color:#0A66C2!important;
  color:#fff!important;
}
.social-personal-open-btn:hover,
#profileModalBody .personal-social-profile-btn:hover,
.personal-social-profile-btn:hover{
  background:#004182!important;
  border-color:#004182!important;
  color:#fff!important;
}
.social-personal-open-btn:focus-visible,
#profileModalBody .personal-social-profile-btn:focus-visible,
.personal-social-profile-btn:focus-visible{
  outline:2px solid #0A66C2;
  outline-offset:2px;
}
html[data-theme="dark"] .social-personal-open-btn,
html[data-theme="dark"] #profileModalBody .personal-social-profile-btn,
html[data-theme="dark"] .personal-social-profile-btn{
  background:#0A66C2!important;
  border-color:#0A66C2!important;
  color:#fff!important;
}
html[data-theme="dark"] .social-personal-open-btn:hover,
html[data-theme="dark"] #profileModalBody .personal-social-profile-btn:hover,
html[data-theme="dark"] .personal-social-profile-btn:hover{
  background:#004182!important;
  border-color:#004182!important;
  color:#fff!important;
}

/* v2.1.239 — force every Personal Social/Profile action to LinkedIn blue, including dark mode */
#menuOpenPersonalProfile,
#profileModalBody #focusPersonalProfilesBtn,
#focusFullPersonalProfilesBtn,
#profileModalBody .personal-social-profile-btn,
.profile-social-actions .personal-social-profile-btn,
.hero-actions .personal-social-profile-btn{
  background:#0A66C2!important;
  border-color:#0A66C2!important;
  color:#fff!important;
}
#menuOpenPersonalProfile:hover,
#profileModalBody #focusPersonalProfilesBtn:hover,
#focusFullPersonalProfilesBtn:hover,
#profileModalBody .personal-social-profile-btn:hover,
.profile-social-actions .personal-social-profile-btn:hover,
.hero-actions .personal-social-profile-btn:hover{
  background:#004182!important;
  border-color:#004182!important;
  color:#fff!important;
}
html[data-theme="dark"] #actionMenu #menuOpenPersonalProfile.btn:not(.primary),
html[data-theme="dark"] #profileModalBody #focusPersonalProfilesBtn.btn:not(.primary),
html[data-theme="dark"] body #focusFullPersonalProfilesBtn.btn:not(.primary),
html[data-theme="dark"] #profileModalBody .profile-social-actions .personal-social-profile-btn.btn:not(.primary),
html[data-theme="dark"] body .profile-social-actions .personal-social-profile-btn.btn:not(.primary),
html[data-theme="dark"] body .hero-actions .personal-social-profile-btn.btn:not(.primary){
  background:#0A66C2!important;
  border-color:#0A66C2!important;
  color:#fff!important;
}
html[data-theme="dark"] #actionMenu #menuOpenPersonalProfile.btn:not(.primary):hover,
html[data-theme="dark"] #profileModalBody #focusPersonalProfilesBtn.btn:not(.primary):hover,
html[data-theme="dark"] body #focusFullPersonalProfilesBtn.btn:not(.primary):hover,
html[data-theme="dark"] #profileModalBody .profile-social-actions .personal-social-profile-btn.btn:not(.primary):hover,
html[data-theme="dark"] body .profile-social-actions .personal-social-profile-btn.btn:not(.primary):hover,
html[data-theme="dark"] body .hero-actions .personal-social-profile-btn.btn:not(.primary):hover{
  background:#004182!important;
  border-color:#004182!important;
  color:#fff!important;
}


/* v2.1.239 — contact Work Range marker */
.work-range-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:4px;
  line-height:1.15;
  cursor:pointer;
  font-family:inherit;
  background:color-mix(in srgb,var(--accent,#218c2c) 8%,transparent);
  border-color:color-mix(in srgb,var(--accent,#218c2c) 48%,#d0d5dd);
  color:var(--accent,#218c2c);
  transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease;
}
.work-range-btn:hover{
  background:color-mix(in srgb,var(--accent,#218c2c) 15%,transparent);
  border-color:var(--accent,#218c2c);
}
.work-range-btn:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#218c2c) 22%,transparent)}
.work-range-btn.is-active{
  background:var(--accent,#218c2c);
  border-color:var(--accent,#218c2c);
  color:#fff;
}
.work-range-btn.is-picking{
  background:color-mix(in srgb,var(--accent,#218c2c) 18%,transparent);
  border-color:var(--accent,#218c2c);
  color:var(--accent,#218c2c);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#218c2c) 12%,transparent);
}
.work-range-btn-icon{font-size:11px;line-height:1}
#contactsTable tbody tr.work-range-row>td.sticky-select,
#contactsTable tbody tr.work-range-pick-start>td.sticky-select{position:sticky}
#contactsTable tbody tr.work-range-row>td.sticky-select::before{
  content:"";
  position:absolute;
  z-index:12;
  left:5px;
  top:-1px;
  bottom:-1px;
  width:3px;
  border-radius:3px;
  background:var(--accent,#218c2c);
  pointer-events:none;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#218c2c) 18%,transparent);
}
#contactsTable tbody tr.work-range-row.work-range-first>td.sticky-select::before{top:50%}
#contactsTable tbody tr.work-range-row.work-range-last>td.sticky-select::before{bottom:50%}
#contactsTable tbody tr.work-range-row.work-range-first.work-range-last>td.sticky-select::before{top:50%;bottom:50%;min-height:3px;transform:translateY(-1px)}
#contactsTable tbody tr.work-range-first>td.sticky-select::after,
#contactsTable tbody tr.work-range-last>td.sticky-select::after,
#contactsTable tbody tr.work-range-pick-start>td.sticky-select::after{
  content:"";
  position:absolute;
  z-index:13;
  left:5px;
  top:50%;
  width:19px;
  height:12px;
  transform:translateY(-50%);
  background:var(--accent,#218c2c);
  clip-path:polygon(0 40%,68% 40%,68% 8%,100% 50%,68% 92%,68% 60%,0 60%);
  pointer-events:none;
  filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--accent,#218c2c) 28%,transparent));
}
#contactsTable tbody tr.work-range-pick-start>td.sticky-select::before{
  content:"";
  position:absolute;
  z-index:12;
  left:5px;
  top:calc(50% - 7px);
  width:3px;
  height:14px;
  border-radius:3px;
  background:var(--accent,#218c2c);
  pointer-events:none;
}
/* social-active-row already owns a 3px left border. Compensate for that border so
   the Work Range rail stays on the exact same x-axis instead of bending at that row. */
#contactsTable tbody tr.social-active-row.work-range-row>td.sticky-select::before,
#contactsTable tbody tr.social-active-row.work-range-pick-start>td.sticky-select::before,
#contactsTable tbody tr.social-active-row.work-range-first>td.sticky-select::after,
#contactsTable tbody tr.social-active-row.work-range-last>td.sticky-select::after,
#contactsTable tbody tr.social-active-row.work-range-pick-start>td.sticky-select::after{
  left:2px;
}
.contacts-table-dock.work-range-picking #contactsTable tbody tr[data-contact-id]{cursor:crosshair}
.contacts-table-dock.work-range-picking #contactsTable tbody tr[data-contact-id]:hover>td{
  box-shadow:inset 0 0 0 9999px color-mix(in srgb,var(--accent,#218c2c) 5%,transparent);
}
html[data-theme="dark"] .work-range-btn{
  background:color-mix(in srgb,var(--accent,#218c2c) 13%,#26303d);
  border-color:color-mix(in srgb,var(--accent,#218c2c) 42%,#526078);
  color:color-mix(in srgb,var(--accent,#218c2c) 85%,white);
}
html[data-theme="dark"] .work-range-btn:hover,
html[data-theme="dark"] .work-range-btn.is-picking{
  background:color-mix(in srgb,var(--accent,#218c2c) 20%,#26303d);
  border-color:var(--accent,#218c2c);
  color:color-mix(in srgb,var(--accent,#218c2c) 88%,white);
}
html[data-theme="dark"] .work-range-btn.is-active{background:var(--accent,#218c2c);border-color:var(--accent,#218c2c);color:#fff}


/* v2.1.239 — remove the active-row layout border shift so the Work Range rail stays perfectly straight. */
.contacts-table tr.social-active-row td:first-child{
  border-left:0 !important;
  box-shadow:inset 3px 0 0 var(--primary), inset 0 0 0 9999px rgba(37,99,235,.075) !important;
}
html[data-theme="dark"] .contacts-table tr.social-active-row td:first-child{
  border-left:0 !important;
  box-shadow:inset 3px 0 0 var(--primary), inset 0 0 0 9999px rgba(37,99,235,.02) !important;
}
/* The active row no longer changes the sticky cell box model, so keep the same arrow x-position as every other row. */
#contactsTable tbody tr.social-active-row.work-range-row>td.sticky-select::before,
#contactsTable tbody tr.social-active-row.work-range-pick-start>td.sticky-select::before,
#contactsTable tbody tr.social-active-row.work-range-first>td.sticky-select::after,
#contactsTable tbody tr.social-active-row.work-range-last>td.sticky-select::after,
#contactsTable tbody tr.social-active-row.work-range-pick-start>td.sticky-select::after{
  left:5px !important;
}


/* v2.1.239 — live Work Range count shown beside the cursor after the first contact is chosen. */
.work-range-count-badge{
  position:fixed;
  z-index:2147483000;
  left:0;
  top:0;
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
  padding:5px 8px;
  border:1px solid var(--accent,#218c2c);
  border-radius:7px;
  background:color-mix(in srgb,var(--accent,#218c2c) 12%,#fff);
  color:color-mix(in srgb,var(--accent,#218c2c) 82%,#17202c);
  box-shadow:0 5px 16px rgba(15,23,42,.20);
  font-family:inherit;
  font-size:11px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.01em;
}
.work-range-count-badge[hidden]{display:none!important}
html[data-theme="dark"] .work-range-count-badge{
  background:color-mix(in srgb,var(--accent,#218c2c) 20%,#202938);
  border-color:var(--accent,#218c2c);
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.38);
}


/* v2.1.239 — if a personal social profile exists, show a 2px white ring. Active stays green; otherwise show a dark-yellow personal-only dot. */
#contactsTable .social-chip[data-has-personal-profile="1"] .social-presence-dot.presence-active,
#contactsTable .social-chip[data-has-personal-profile="1"] .social-presence-dot.presence-personal-only,
html[data-theme="dark"] #contactsTable .social-chip[data-has-personal-profile="1"] .social-presence-dot.presence-active,
html[data-theme="dark"] #contactsTable .social-chip[data-has-personal-profile="1"] .social-presence-dot.presence-personal-only{
  box-shadow:0 0 0 2px #ffffff !important;
  margin-left:2px !important;
}

/* v2.1.239 — Video Drive dark-mode contrast fix only */
html[data-theme="dark"] #video-drive .one-click-drive{
  background:linear-gradient(180deg,#344052 0%,#303948 100%)!important;
  border-color:#48566b!important;
  color:#f3f6fa!important;
}
html[data-theme="dark"] #video-drive .one-click-drive h3{color:#f3f6fa!important;}
html[data-theme="dark"] #video-drive .one-click-drive p{color:#cbd5e1!important;}
html[data-theme="dark"] #video-drive .google-drive-big-mark{
  background:#273140!important;
  border-color:#536075!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #video-drive .google-oauth-setup{
  background:#303948!important;
  border-color:#48566b!important;
}
html[data-theme="dark"] #video-drive .google-oauth-setup-head{
  background:linear-gradient(180deg,#344052 0%,#303948 100%)!important;
  border-color:#48566b!important;
}
html[data-theme="dark"] #video-drive .google-oauth-setup-head h3{color:#f3f6fa!important;}
html[data-theme="dark"] #video-drive .google-oauth-setup-head p{color:#cbd5e1!important;}
html[data-theme="dark"] #video-drive .google-oauth-step{
  background:#303948!important;
  border-color:#48566b!important;
}
html[data-theme="dark"] #video-drive .google-oauth-step h4{color:#f3f6fa!important;}
html[data-theme="dark"] #video-drive .google-oauth-step p,
html[data-theme="dark"] #video-drive .google-oauth-step li{color:#cbd5e1!important;}
html[data-theme="dark"] #video-drive .google-oauth-step code{
  background:#252e3b!important;
  color:#dbeafe!important;
}
html[data-theme="dark"] #video-drive .google-oauth-step-num{
  background:#263c62!important;
  color:#9fc1ff!important;
}
html[data-theme="dark"] #video-drive .google-oauth-exact-uri{
  background:#29384d!important;
  border-color:#46668f!important;
}
html[data-theme="dark"] #video-drive .google-oauth-exact-uri .control-label{color:#b9d4ff!important;}
html[data-theme="dark"] #video-drive .google-oauth-exact-uri .copy-row input{
  background:#263141!important;
  border-color:#536075!important;
  color:#f3f6fa!important;
}
html[data-theme="dark"] #video-drive .google-oauth-credentials-box{
  background:#303948!important;
  border-color:#48566b!important;
}
html[data-theme="dark"] #video-drive .google-oauth-credentials-box h4{color:#f3f6fa!important;}
html[data-theme="dark"] #video-drive .google-oauth-credentials-box>p{color:#cbd5e1!important;}
html[data-theme="dark"] #video-drive .google-oauth-credentials-box label>span{color:#e7edf6!important;}
html[data-theme="dark"] #video-drive .google-oauth-credentials-box input{
  background:#364256!important;
  border-color:#536075!important;
  color:#f3f6fa!important;
}
html[data-theme="dark"] #video-drive .managed-oauth-notice{
  background:#3b3438!important;
  border-color:#6b535a!important;
  color:#f7e9ec!important;
}
html[data-theme="dark"] #video-drive .managed-oauth-notice p{color:#ddc9ce!important;}


/* v2.1.239 — Video Templates + recorder SmartCode */
.video-template-badge{background:#ecfdf3!important;color:#087a37!important}
.quick-template-group.video-template-group h4,.template-group.video h3{color:#087a37}
.profile-message.video-template-card{border-color:rgba(16,185,129,.25)}
.video-template-smartcode-help{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #a7e2bf;border-radius:10px;background:#f2fcf6}
.video-template-smartcode-help>div:first-child{display:grid;gap:3px}.video-template-smartcode-help small{color:#50645a;line-height:1.45}.video-template-smartcode-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.video-template-smartcode-actions code{font-size:11px;white-space:nowrap}
html[data-theme="dark"] .video-template-badge{background:rgba(20,148,77,.18)!important;color:#8ff0b7!important}
html[data-theme="dark"] .quick-template-group.video-template-group h4,html[data-theme="dark"] .template-group.video h3{color:#9bf4be!important}
html[data-theme="dark"] .video-template-smartcode-help{background:#173127;border-color:#315b47;color:#eefbf3}
html[data-theme="dark"] .video-template-smartcode-help small{color:#b9d5c5}
@media(max-width:760px){.video-template-smartcode-help{align-items:flex-start;flex-direction:column}.video-template-smartcode-actions{justify-content:flex-start}}

/* v2.1.259: six compact summary cells when Contact Type is shown. */
.profile-info-grid.six-info{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1200px){.profile-info-grid.six-info{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.profile-info-grid.six-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.profile-info-grid.six-info{grid-template-columns:1fr}}

/* v2.1.259 — FIX: contact Status selector changes color with the selected status. */
#contactsTable td[data-col="status"] .crm-select[data-contact-status] .crm-select-button,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status]{
  font-weight:600 !important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
#contactsTable td[data-col="status"] .crm-select[data-contact-status] .crm-select-value,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status] .crm-select-value,
#contactsTable td[data-col="status"] .crm-select[data-contact-status] .crm-select-arrow,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status] .crm-select-arrow{
  color:inherit !important;
}

#contactsTable td[data-col="status"] .crm-select[data-contact-status="new"] .crm-select-button,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status="new"]{background:#eff6ff!important;border-color:#60a5fa!important;color:#1d4ed8!important;}
#contactsTable td[data-col="status"] .crm-select[data-contact-status="contacted"] .crm-select-button,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status="contacted"]{background:#eef2ff!important;border-color:#818cf8!important;color:#4338ca!important;}
#contactsTable td[data-col="status"] .crm-select[data-contact-status="replied"] .crm-select-button,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status="replied"]{background:#f5f3ff!important;border-color:#a78bfa!important;color:#6d28d9!important;}
#contactsTable td[data-col="status"] .crm-select[data-contact-status="interested"] .crm-select-button,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status="interested"]{background:#fffbeb!important;border-color:#f59e0b!important;color:#a16207!important;}
#contactsTable td[data-col="status"] .crm-select[data-contact-status="completed"] .crm-select-button,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status="completed"]{background:#ecfdf3!important;border-color:#22c55e!important;color:#15803d!important;}
#contactsTable td[data-col="status"] .crm-select[data-contact-status="not-interested"] .crm-select-button,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status="not-interested"]{background:#fff1f2!important;border-color:#ef4444!important;color:#be123c!important;}
#contactsTable td[data-col="status"] .crm-select[data-contact-status="won"] .crm-select-button,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status="won"]{background:#ecfdf5!important;border-color:#10b981!important;color:#047857!important;}
#contactsTable td[data-col="status"] .crm-select[data-contact-status="lost"] .crm-select-button,
#contactsTable td[data-col="status"] .crm-select-button[data-contact-status="lost"]{background:#f3f4f6!important;border-color:#94a3b8!important;color:#4b5563!important;}

.crm-contact-status-menu .crm-select-option[data-contact-status]{border-left:3px solid transparent;font-weight:600;}
.crm-contact-status-menu .crm-select-option[data-contact-status="new"]{border-left-color:#60a5fa;color:#1d4ed8;}
.crm-contact-status-menu .crm-select-option[data-contact-status="contacted"]{border-left-color:#818cf8;color:#4338ca;}
.crm-contact-status-menu .crm-select-option[data-contact-status="replied"]{border-left-color:#a78bfa;color:#6d28d9;}
.crm-contact-status-menu .crm-select-option[data-contact-status="interested"]{border-left-color:#f59e0b;color:#a16207;}
.crm-contact-status-menu .crm-select-option[data-contact-status="completed"]{border-left-color:#22c55e;color:#15803d;}
.crm-contact-status-menu .crm-select-option[data-contact-status="not-interested"]{border-left-color:#ef4444;color:#be123c;}
.crm-contact-status-menu .crm-select-option[data-contact-status="won"]{border-left-color:#10b981;color:#047857;}
.crm-contact-status-menu .crm-select-option[data-contact-status="lost"]{border-left-color:#94a3b8;color:#4b5563;}

html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select[data-contact-status="new"] .crm-select-button,
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select-button[data-contact-status="new"]{background:#20324f!important;border-color:#3b82f6!important;color:#bfdbfe!important;}
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select[data-contact-status="contacted"] .crm-select-button,
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select-button[data-contact-status="contacted"]{background:#2c2a50!important;border-color:#6366f1!important;color:#c7d2fe!important;}
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select[data-contact-status="replied"] .crm-select-button,
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select-button[data-contact-status="replied"]{background:#362651!important;border-color:#8b5cf6!important;color:#ddd6fe!important;}
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select[data-contact-status="interested"] .crm-select-button,
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select-button[data-contact-status="interested"]{background:#4a3a1f!important;border-color:#d97706!important;color:#fde68a!important;}
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select[data-contact-status="completed"] .crm-select-button,
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select-button[data-contact-status="completed"]{background:#1f4435!important;border-color:#22c55e!important;color:#bbf7d0!important;}
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select[data-contact-status="not-interested"] .crm-select-button,
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select-button[data-contact-status="not-interested"]{background:#4b2830!important;border-color:#ef4444!important;color:#fecaca!important;}
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select[data-contact-status="won"] .crm-select-button,
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select-button[data-contact-status="won"]{background:#17473d!important;border-color:#10b981!important;color:#a7f3d0!important;}
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select[data-contact-status="lost"] .crm-select-button,
html[data-theme="dark"] #contactsTable td[data-col="status"] .crm-select-button[data-contact-status="lost"]{background:#343a46!important;border-color:#64748b!important;color:#e2e8f0!important;}

html[data-theme="dark"] .crm-contact-status-menu .crm-select-option[data-contact-status="new"]{color:#bfdbfe!important;}
html[data-theme="dark"] .crm-contact-status-menu .crm-select-option[data-contact-status="contacted"]{color:#c7d2fe!important;}
html[data-theme="dark"] .crm-contact-status-menu .crm-select-option[data-contact-status="replied"]{color:#ddd6fe!important;}
html[data-theme="dark"] .crm-contact-status-menu .crm-select-option[data-contact-status="interested"]{color:#fde68a!important;}
html[data-theme="dark"] .crm-contact-status-menu .crm-select-option[data-contact-status="completed"]{color:#bbf7d0!important;}
html[data-theme="dark"] .crm-contact-status-menu .crm-select-option[data-contact-status="not-interested"]{color:#fecaca!important;}
html[data-theme="dark"] .crm-contact-status-menu .crm-select-option[data-contact-status="won"]{color:#a7f3d0!important;}
html[data-theme="dark"] .crm-contact-status-menu .crm-select-option[data-contact-status="lost"]{color:#e2e8f0!important;}