/* ============================================================
   LynxERP Support — Main Application Styles
   Loaded by app/Views/layouts/main.php
   ============================================================ */

/* Vue cloak */
[v-cloak] { display: none; }
* { box-sizing: border-box; }

/* ── Sidebar ── */
.sidebar-link { display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-size:.875rem;font-weight:500;color:#4b5563;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap;position:relative;overflow:hidden; }
.sidebar-link:hover { background:#f3f4f6;color:#111827; }
.sidebar-link.active { background:linear-gradient(135deg,#EFF3F6,#E1E8ED);color:#5D7B8E;font-weight:600; }
.sidebar-link.active::before { content:'';position:absolute;left:0;top:25%;bottom:25%;width:3px;background:#5D7B8E;border-radius:0 3px 3px 0; }
.sidebar-link i { width:18px;text-align:center;flex-shrink:0;font-size:.95rem; }

/* nav-tooltip spans: invisible — JS reads their text for the fixed tooltip */
.nav-tooltip { display:none; }

/* ── Pre-paint sidebar state — prevents FOUC on first load ── */
html.sb-init-collapsed #desktopSidebar { width:64px !important;transition:none !important; }
html.sb-init-collapsed #mainContent    { padding-left:64px !important;transition:none !important; }

/* ── Collapsible sidebar ── */
#desktopSidebar { width:240px;transition:width .22s cubic-bezier(.4,0,.2,1);overflow:hidden; }
#desktopSidebar.collapsed { width:64px; }
#desktopSidebar.collapsed .nav-label         { opacity:0;width:0;overflow:hidden; }
#desktopSidebar.collapsed .nav-section-label { opacity:0;height:0;padding:0;overflow:hidden; }
#desktopSidebar.collapsed .sidebar-link      { justify-content:center;padding:10px 8px;gap:0; }
#desktopSidebar.collapsed .sidebar-link.active::before { display:none; }
#desktopSidebar.collapsed .user-info         { display:none; }
#desktopSidebar.collapsed .user-chevron      { display:none; }
#desktopSidebar.collapsed .user-footer-link  { justify-content:center;padding:8px; }
#desktopSidebar.collapsed #logoFull  { display:none; }
#desktopSidebar.collapsed #logoIcon  { display:flex !important; }
#desktopSidebar:not(.collapsed) #logoIcon { display:none !important; }
#desktopSidebar.collapsed #logoArea  { justify-content:center;padding:14px 8px; }
.nav-label { transition:opacity .15s,width .2s;white-space:nowrap; }
.nav-section-label { transition:opacity .15s,height .2s,padding .2s; }
#mainContent { transition:padding-left .22s cubic-bezier(.4,0,.2,1); }

/* ── Buttons ── */
.btn-primary   { display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:linear-gradient(135deg,#4A6578,#5D7B8E);color:#fff;font-size:.875rem;font-weight:500;border-radius:9px;border:none;cursor:pointer;text-decoration:none;transition:all .15s;box-shadow:0 4px 12px rgba(93,123,142,.3); }
.btn-primary:hover { background:linear-gradient(135deg,#3d5b6e,#4A6578);transform:translateY(-1px); }
.btn-secondary { display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;border-radius:9px;border:1px solid #e5e7eb;cursor:pointer;text-decoration:none;transition:all .15s; }
.btn-secondary:hover { background:#f9fafb;border-color:#d1d5db; }
.btn-danger    { display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-size:.875rem;font-weight:500;border-radius:9px;border:none;cursor:pointer;text-decoration:none;transition:all .15s; }
.btn-sm        { padding:6px 12px;font-size:.8rem; }

/* ── Cards ── */
.card { background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 20px rgba(0,0,0,.06); }

/* ── Badges ── */
.badge-success    { display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.75rem;font-weight:500;margin:1px;background:#dcfce7;color:#166534; }
.badge-superadmin { display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.75rem;font-weight:500;margin:1px;background:#fee2e2;color:#991b1b; }
.badge-admin      { display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.75rem;font-weight:500;margin:1px;background:#f3e8ff;color:#6b21a8; }
.badge-agent      { display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.75rem;font-weight:500;margin:1px;background:#dbeafe;color:#1e40af; }
.badge-warning    { display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.75rem;font-weight:500;margin:1px;background:#fef9c3;color:#854d0e; }
.badge-danger     { display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.75rem;font-weight:500;margin:1px;background:#fee2e2;color:#991b1b; }
.badge-info       { display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.75rem;font-weight:500;margin:1px;background:#dbeafe;color:#1e40af; }
.badge-gray       { display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.75rem;font-weight:500;margin:1px;background:#f3f4f6;color:#374151; }
.badge-orange     { display:inline-flex;align-items:center;padding:3px 10px;border-radius:3px;font-size:.75rem;font-weight:500;margin:1px;background:#ffedd5;color:#9a3412; }

/* ── SLA indicators ── */
.sla-ok       { color:#16a34a; }
.sla-warning  { color:#d97706; }
.sla-critical { color:#ea580c; }
.sla-breached { color:#dc2626;font-weight:600; }

/* ── Forms ── */
.form-label { display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px;margin-top:2px; }
.form-input { width:100%;border-radius:9px;border:1px solid #e5e7eb;padding:9px 13px;font-size:.875rem;outline:none;transition:all .15s;background:#fafafa;color:#111827; }
.form-input:focus { border-color:#5D7B8E;box-shadow:0 0 0 3px rgba(93,123,142,.15);background:#fff; }
.form-select { width:100%;border-radius:9px;border:1px solid #e5e7eb;padding:9px 13px;font-size:.875rem;outline:none;background:#fafafa;color:#111827;cursor:pointer; }
.form-select:focus { border-color:#5D7B8E;box-shadow:0 0 0 3px rgba(93,123,142,.15); }

/* ── Tables ── */
.table-wrapper { overflow-x:auto; }
table.data-table { min-width:100%;border-collapse:collapse; }
table.data-table thead tr { background:#f8f9fb; }
table.data-table thead th { padding:11px 16px;text-align:left;font-size:.7rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #eaebf0; }
table.data-table tbody tr { background:#fff;border-bottom:1px solid #f3f4f6;transition:background .1s;cursor:pointer; }
table.data-table tbody tr:hover { background:#f5f7ff; }
table.data-table tbody td { padding:13px 16px;font-size:.875rem;color:#374151; }

/* ── Top header ── */
.top-header { height:64px;background:#fff;border-bottom:1px solid #f0f1f5;box-shadow:0 1px 10px rgba(0,0,0,.04);display:flex;align-items:center;padding:0 24px;gap:16px; }
.top-header-btn { width:36px;height:36px;border-radius:9px;border:1px solid #e9eaf0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .15s;text-decoration:none; }
.top-header-btn:hover { background:#f3f4f6;color:#111827;border-color:#d1d5db; }

/* ── Skeleton loader ── */
.skeleton { background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px; }
@keyframes shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

/* ── Two-panel layout ── */
.panel-layout { display:flex;height:calc(100vh - 125px);overflow:hidden; }
.panel-left   { width:280px;flex-shrink:0;border-right:1px solid #eaebf0;overflow-y:auto;display:flex;flex-direction:column; }
.panel-right  { flex:1;min-width:0;overflow-y:auto; }
.panel-item   { padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s; }
.panel-item:hover  { background:#f8f9fc; }
.panel-item.active { background:#EFF3F6;border-left:3px solid #5D7B8E; }

/* ── Mobile overrides ── */
@media (max-width:1023px) {
    #mainContent { padding-left:0 !important; }
    .panel-layout { flex-direction:column;height:auto;overflow:visible; }
    .panel-left  { width:100%;flex-shrink:0;border-right:none;border-bottom:1px solid #eaebf0;max-height:none;height:auto;overflow-y:visible; }
    .panel-right { min-height:60vh; }
    .panel-layout.mobile-show-detail .panel-left  { display:none !important; }
    .panel-layout.mobile-show-list   .panel-right { display:none !important; }
}

/* ── Tabs ── */
.tab-bar  { display:flex;border-bottom:1px solid #eaebf0;background:#fff;padding:0 20px; }
.tab-btn  { padding:12px 16px;font-size:.875rem;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap; }
.tab-btn:hover  { color:#374151; }
.tab-btn.active { color:#5D7B8E;border-bottom-color:#5D7B8E;font-weight:600; }

/* ── Conversation bubbles ── */
.bubble-customer { background:#fff;border:1px solid #e5e7eb;border-radius:16px 16px 16px 4px;padding:12px 16px;max-width:80%;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere;word-break:break-all;min-width:0;overflow-x:auto; }
.bubble-agent    { background:#EFF3F6;border-radius:16px 16px 4px 16px;padding:12px 16px;max-width:80%;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere;word-break:break-all;min-width:0;overflow-x:auto; }
.bubble-internal { background:#fffbeb;border:1px dashed #f59e0b;border-radius:12px;padding:12px 16px;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere;word-break:break-all;min-width:0;overflow-x:auto; }
/* Outlook bounce emails put headers in <pre> blocks — force them to wrap instead of scrolling the whole panel */
.bubble-customer pre,.bubble-customer code,
.bubble-agent pre,.bubble-agent code,
.bubble-internal pre,.bubble-internal code { white-space:pre-wrap!important;word-break:break-all!important;overflow-x:auto;max-width:100%; }

/* ── @mention chip + dropdown ── */
.mention-chip { display:inline;background:#e0e7ff;color:#3730a3;border-radius:4px;padding:0 4px;font-weight:600;font-size:.85em;cursor:default; }
#mention-dropdown { position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:9999;max-height:220px;overflow-y:auto;min-width:180px;display:none; }
#mention-dropdown .mention-item { padding:8px 12px;cursor:pointer;font-size:.85rem;color:#111827; }
#mention-dropdown .mention-item:hover, #mention-dropdown .mention-item.active { background:#f3f4f6; }

/* ── Stat cards ── */
.stat-card { padding:20px;text-align:center; }
.stat-num  { font-size:1.75rem;font-weight:800;line-height:1.1;margin-bottom:4px; }
.stat-lbl  { font-size:.8rem;color:#6b7280;font-weight:500; }

/* ── Users page: filter grid ── */
.uf-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px; }
.uf-span2 { grid-column:1 / -1; }
@media (min-width:640px) {
    .uf-grid    { display:flex;align-items:flex-end;flex-wrap:nowrap;gap:10px; }
    .uf-span2   { flex:2;min-width:160px;max-width:220px; }
    .uf-name    { flex:1.2;min-width:120px; }
    .uf-email   { flex:1.5;min-width:140px; }
    .uf-role,.uf-status { flex:0 0 120px; }
    .uf-actions { flex-shrink:0; }
}

/* ── Users/Reports page: pagination ── */
.pg-btn { display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:7px;font-size:.8125rem;font-weight:500;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;text-decoration:none;transition:all .12s; }
.pg-btn:hover:not(.pg-active):not(.pg-dots) { background:#f3f4f6; }
.pg-active   { background:linear-gradient(135deg,#4A6578,#5D7B8E);color:#fff;border-color:transparent; }
.pg-dots     { border-color:transparent;background:transparent;cursor:default;color:#9ca3af; }
.pg-disabled { opacity:.35;pointer-events:none; }

/* ── Roles page: Vue transition ── */
.fade-enter-active, .fade-leave-active { transition:opacity .3s; }
.fade-enter-from, .fade-leave-to { opacity:0; }

/* ═══════════════════════════════════════════════════════════
   Dark Mode  —  [data-theme="dark"] on <html>
   Applied server-side via PHP session + client-side toggle
   JS patcher in main.php handles Vue-rendered inline styles
   ═══════════════════════════════════════════════════════════ */
[data-theme="dark"] { color-scheme: dark; }

/* ── Body / shell ── */
[data-theme="dark"] body { background:#0f172a !important;color:#e2e8f0; }
[data-theme="dark"] .min-h-full,[data-theme="dark"] #appShell { background:#0f172a !important; }

/* ── Sidebar ── */
[data-theme="dark"] #desktopSidebar { background:#1e293b !important;border-right-color:#334155 !important;box-shadow:4px 0 24px rgba(0,0,0,.4) !important; }
[data-theme="dark"] .sidebar-link { color:#94a3b8 !important; }
[data-theme="dark"] .sidebar-link:hover { background:#334155 !important;color:#e2e8f0 !important; }
[data-theme="dark"] .sidebar-link.active { background:#263548 !important;color:#7fa9c0 !important; }
[data-theme="dark"] .sidebar-link.active::before { background:#7fa9c0 !important; }
[data-theme="dark"] .nav-section-label { color:#4b6280 !important; }
[data-theme="dark"] #desktopSidebar > div:last-child { border-top-color:#334155 !important;background:#1e293b !important; }
[data-theme="dark"] .user-footer-link { background:#263548 !important; }
[data-theme="dark"] .user-footer-link p { color:#e2e8f0 !important; }
[data-theme="dark"] #logoIcon { box-shadow:none !important; }

/* ── Top header ── */
[data-theme="dark"] .top-header { background:#1e293b !important;border-bottom-color:#334155 !important;box-shadow:0 1px 10px rgba(0,0,0,.3) !important; }
[data-theme="dark"] .top-header h1 { color:#f1f5f9 !important; }
[data-theme="dark"] .top-header p { color:#64748b !important; }
[data-theme="dark"] .top-header-btn { background:#1e293b !important;border-color:#334155 !important;color:#94a3b8 !important; }
[data-theme="dark"] .top-header-btn:hover { background:#334155 !important;color:#e2e8f0 !important;border-color:#475569 !important; }
[data-theme="dark"] #notifBadge { border-color:#1e293b !important; }

/* ── Mobile top bar ── */
[data-theme="dark"] .lg\:hidden.fixed { background:#1e293b !important;border-bottom-color:#334155 !important; }

/* ── Left panel (ticket list) ── */
[data-theme="dark"] .panel-left { background:#111827 !important;border-right-color:#334155 !important; }
[data-theme="dark"] .panel-item { border-bottom-color:#1e293b !important;color:#cbd5e1 !important; }
[data-theme="dark"] .panel-item:hover { background:#1a2535 !important; }
[data-theme="dark"] .panel-item.active { background:#1e2d40 !important;border-left-color:#7fa9c0 !important; }
[data-theme="dark"] .panel-item p { color:inherit !important; }

/* ── Right panel / main content ── */
[data-theme="dark"] .panel-right { background:#0d1117 !important; }
[data-theme="dark"] .panel-right > div { background:#0d1117 !important; }

/* ── Cards ── */
[data-theme="dark"] .card { background:#1e293b !important;border-color:#334155 !important;box-shadow:0 4px 20px rgba(0,0,0,.3) !important; }
[data-theme="dark"] .card h2,[data-theme="dark"] .card h3 { color:#f1f5f9 !important; }
[data-theme="dark"] .card p { color:#94a3b8 !important; }

/* ── Buttons ── */
[data-theme="dark"] .btn-secondary { background:#1e293b !important;border-color:#334155 !important;color:#e2e8f0 !important; }
[data-theme="dark"] .btn-secondary:hover { background:#334155 !important;border-color:#475569 !important; }

/* ── Forms ── */
[data-theme="dark"] .form-label { color:#94a3b8 !important; }
[data-theme="dark"] .form-input { background:#0f172a !important;border-color:#334155 !important;color:#f1f5f9 !important; }
[data-theme="dark"] .form-input::placeholder { color:#475569 !important; }
[data-theme="dark"] .form-input:focus { border-color:#7fa9c0 !important;background:#0f172a !important;box-shadow:0 0 0 3px rgba(127,169,192,.2) !important; }
[data-theme="dark"] .form-select { background:#0f172a !important;border-color:#334155 !important;color:#f1f5f9 !important; }
[data-theme="dark"] .form-select:focus { border-color:#7fa9c0 !important; }
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] textarea,
[data-theme="dark"] select { background:#0f172a !important;border-color:#334155 !important;color:#f1f5f9 !important; }

/* ── Tabs ── */
[data-theme="dark"] .tab-bar { background:#161f2e !important;border-bottom-color:#334155 !important; }
[data-theme="dark"] .tab-btn { color:#64748b !important; }
[data-theme="dark"] .tab-btn:hover { color:#94a3b8 !important; }
[data-theme="dark"] .tab-btn.active { color:#7fa9c0 !important;border-bottom-color:#7fa9c0 !important; }

/* ── Conversation bubbles ── */
[data-theme="dark"] .bubble-customer { background:#1e293b !important;border-color:#334155 !important;color:#e2e8f0 !important; }
[data-theme="dark"] .bubble-agent { background:#1a2e40 !important;color:#e2e8f0 !important; }
[data-theme="dark"] .bubble-internal { background:#1c1a00 !important;border-color:#713f12 !important;color:#fde68a !important; }

/* Strip inline styles from email content rendered inside bubbles */
[data-theme="dark"] .bubble-customer * { color:#d1d5db !important;background-color:transparent !important;border-color:#334155 !important; }
[data-theme="dark"] .bubble-customer a { color:#7fa9c0 !important; }
[data-theme="dark"] .bubble-customer hr { border-color:#334155 !important; }
[data-theme="dark"] .bubble-customer b,
[data-theme="dark"] .bubble-customer strong { color:#f1f5f9 !important; }

/* ── Tables ── */
[data-theme="dark"] table.data-table thead tr { background:#1e293b !important; }
[data-theme="dark"] table.data-table thead th { color:#64748b !important;border-bottom-color:#334155 !important; }
[data-theme="dark"] table.data-table tbody tr { background:#0f172a !important;border-bottom-color:#1e293b !important; }
[data-theme="dark"] table.data-table tbody tr:hover { background:#1a2535 !important; }
[data-theme="dark"] table.data-table tbody td { color:#94a3b8 !important; }

/* ── Skeleton loader ── */
[data-theme="dark"] .skeleton { background:linear-gradient(90deg,#1e293b 25%,#263548 50%,#1e293b 75%) !important;background-size:200% 100% !important; }

/* ── Modals (all the fixed overlay modals in the ticket view) ── */
[data-theme="dark"] .fixed.inset-0:not([style*="background:rgba(0"]):not([style*="background: rgba(0"]) > div { background:#1e293b !important;border-color:#334155 !important; }
[data-theme="dark"] [class*="rounded-2xl"].bg-white,
[data-theme="dark"] [class*="rounded-2xl"] { background:#1e293b !important;border-color:#334155 !important; }
[data-theme="dark"] .bg-white { background:#1e293b !important; }
[data-theme="dark"] .bg-gray-50 { background:#0f172a !important; }
[data-theme="dark"] .bg-gray-100 { background:#1e293b !important; }
[data-theme="dark"] .bg-gray-200 { background:#334155 !important; }
[data-theme="dark"] .bg-blue-50 { background:#172033 !important; }
[data-theme="dark"] .bg-green-50 { background:#0f1f15 !important; }
[data-theme="dark"] .bg-red-50 { background:#1f0f0f !important; }
[data-theme="dark"] .bg-yellow-50,[data-theme="dark"] .bg-amber-50 { background:#1f1a00 !important; }
[data-theme="dark"] .bg-purple-50 { background:#1a0f2e !important; }
[data-theme="dark"] .text-gray-900 { color:#f1f5f9 !important; }
[data-theme="dark"] .text-gray-800 { color:#e2e8f0 !important; }
[data-theme="dark"] .text-gray-700 { color:#cbd5e1 !important; }
[data-theme="dark"] .text-gray-600 { color:#94a3b8 !important; }
[data-theme="dark"] .text-gray-500 { color:#64748b !important; }
[data-theme="dark"] .text-gray-400 { color:#475569 !important; }
[data-theme="dark"] .border-gray-200 { border-color:#334155 !important; }
[data-theme="dark"] .border-gray-100 { border-color:#1e293b !important; }
[data-theme="dark"] .border-t { border-top-color:#334155 !important; }
[data-theme="dark"] .border-b { border-bottom-color:#334155 !important; }
[data-theme="dark"] .divide-y > * + * { border-top-color:#334155 !important; }

/* ── Notification dropdown ── */
[data-theme="dark"] #notifDropdown { background:#1e293b !important;border-color:#334155 !important; }
[data-theme="dark"] #notifDropdown a { background:#1e293b !important; }
[data-theme="dark"] #notifDropdown a:hover { background:#263548 !important; }

/* ── View toggle bar ── */
[data-theme="dark"] .view-toggle { background:#263548 !important; }
[data-theme="dark"] .view-toggle-btn { color:#64748b !important; }
[data-theme="dark"] .view-toggle-btn.active { background:#334155 !important;color:#7fa9c0 !important; }

/* ── Kanban board ── */
.kanban-board     { display:flex;gap:16px;padding:16px;overflow-x:auto;height:calc(100vh - 64px);align-items:flex-start; }
.kanban-col       { flex-shrink:0;width:280px;display:flex;flex-direction:column;gap:0; }
.kanban-col-header{ padding:10px 12px;border-radius:10px 10px 0 0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between; }
.kanban-col-body  { flex:1;overflow-y:auto;background:#f8f9fb;border-radius:0 0 10px 10px;border:1px solid #eaebf0;border-top:none;padding:6px;min-height:80px;max-height:calc(100vh - 160px); }
.kanban-card      { background:#fff;border-radius:9px;border:1px solid #eaebf0;padding:10px 12px;margin-bottom:6px;cursor:pointer;transition:box-shadow .15s,transform .15s;box-shadow:0 1px 4px rgba(0,0,0,.05); }
.kanban-card:hover{ box-shadow:0 4px 14px rgba(0,0,0,.12);transform:translateY(-1px); }
.kanban-card.drag-over { outline:2px dashed #5D7B8E; }
[data-theme="dark"] .kanban-board { background:#0d1117 !important; }
[data-theme="dark"] .kanban-col-body { background:#131c2b !important;border-color:#334155 !important; }
[data-theme="dark"] .kanban-card { background:#1e293b !important;border-color:#334155 !important;color:#e2e8f0 !important; }
[data-theme="dark"] .kanban-card:hover { box-shadow:0 4px 14px rgba(0,0,0,.5) !important; }
[data-theme="dark"] .kanban-card p { color:inherit !important; }

/* ── View toggle ── */
.view-toggle      { display:flex;gap:2px;background:#f3f4f6;border-radius:8px;padding:3px; }
.view-toggle-btn  { padding:5px 10px;border-radius:6px;border:none;cursor:pointer;font-size:.8rem;color:#6b7280;background:transparent;transition:all .15s;display:flex;align-items:center;gap:5px; }
.view-toggle-btn.active { background:#fff;color:#1d4ed8;box-shadow:0 1px 3px rgba(0,0,0,.12); }

/* ── SearchSelect dropdown ── */
[data-theme="dark"] .ss-dropdown { background:#1e293b !important;border-color:#334155 !important; }
[data-theme="dark"] .ss-dropdown input { background:#0f172a !important;border-color:#334155 !important;color:#f1f5f9 !important; }