/* TaxCaller CRM - Main Stylesheet */
/* Orange + Navy branding, professional, responsive */

:root {
    --navy: #0a2540;
    --navy-dark: #061828;
    --navy-light: #1a3a5c;
    --orange: #f97316;
    --orange-dark: #ea580c;
    --orange-light: #fb923c;
    --white: #ffffff;
    --bg: #f4f6f9;
    --text: #1e293b;
    --text-muted: #64748b;
    --border: #e2e8f0;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #d97706;
    --info: #0284c7;
    --sidebar-width: 260px;
    --header-height: 60px;
    --radius: 8px;
    --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.5;
    min-height: 100vh;
}

a { color: var(--orange); text-decoration: none; }
a:hover { color: var(--orange-dark); }

img { max-width: 100%; height: auto; }

/* ========== LOGIN PAGE ========== */
.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 20px;
}

.login-card {
    background: var(--white);
    border-radius: 12px;
    box-shadow: var(--shadow-md);
    width: 100%;
    max-width: 420px;
    padding: 40px 36px;
}

.login-logo {
    text-align: center;
    margin-bottom: 28px;
}

.login-logo h1 {
    font-size: 1.75rem;
    color: var(--navy);
    font-weight: 700;
}

.login-logo h1 span {
    color: var(--orange);
}

.login-logo p {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin-top: 4px;
}

.login-tabs {
    display: flex;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: 24px;
}

.login-tab {
    flex: 1;
    padding: 10px;
    text-align: center;
    background: var(--bg);
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-muted);
    transition: all 0.2s;
}

.login-tab.active {
    background: var(--navy);
    color: var(--white);
}

.login-form { display: none; }
.login-form.active { display: block; }

.form-group {
    margin-bottom: 18px;
}

.form-group label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 6px;
}

.form-control {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-size: 0.95rem;
    color: var(--text);
    background: var(--white);
    transition: border-color 0.2s;
}

.form-control:focus {
    outline: none;
    border-color: var(--orange);
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15);
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 20px;
    border: none;
    border-radius: var(--radius);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    line-height: 1.4;
}

.btn-primary {
    background: var(--orange);
    color: var(--white);
}
.btn-primary:hover {
    background: var(--orange-dark);
    color: var(--white);
}

.btn-navy {
    background: var(--navy);
    color: var(--white);
}
.btn-navy:hover {
    background: var(--navy-light);
    color: var(--white);
}

.btn-outline {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text);
}
.btn-outline:hover {
    background: var(--bg);
}

.btn-success { background: var(--success); color: #fff; }
.btn-success:hover { background: #15803d; color: #fff; }
.btn-danger { background: var(--danger); color: #fff; }
.btn-danger:hover { background: #b91c1c; color: #fff; }
.btn-warning { background: var(--warning); color: #fff; }
.btn-sm { padding: 6px 12px; font-size: 0.85rem; }
.btn-block { width: 100%; }

.alert {
    padding: 12px 16px;
    border-radius: var(--radius);
    margin-bottom: 18px;
    font-size: 0.9rem;
}
.alert-success { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.alert-danger { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.alert-warning { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.alert-info { background: #e0f2fe; color: #075985; border: 1px solid #bae6fd; }

/* ========== APP LAYOUT ========== */
.app-layout {
    display: flex;
    min-height: 100vh;
}

.sidebar {
    width: var(--sidebar-width);
    background: var(--navy);
    color: #cbd5e1;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease;
    overflow-y: auto;
}

.sidebar-header {
    padding: 20px 20px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.sidebar-header h2 {
    font-size: 1.25rem;
    color: var(--white);
    font-weight: 700;
}
.sidebar-header h2 span { color: var(--orange); }
.sidebar-header small {
    font-size: 0.75rem;
    color: #94a3b8;
}

.sidebar-nav {
    flex: 1;
    padding: 12px 0;
    list-style: none;
}

.sidebar-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 20px;
    color: #94a3b8;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.15s;
    border-left: 3px solid transparent;
}
.sidebar-nav a:hover {
    background: rgba(255,255,255,0.05);
    color: var(--white);
}
.sidebar-nav a.active {
    background: rgba(249, 115, 22, 0.12);
    color: var(--orange);
    border-left-color: var(--orange);
}

.sidebar-footer {
    padding: 16px 20px;
    border-top: 1px solid rgba(255,255,255,0.08);
    font-size: 0.8rem;
    color: #64748b;
}

.main-content {
    margin-left: var(--sidebar-width);
    flex: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.topbar {
    height: var(--header-height);
    background: var(--white);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    position: sticky;
    top: 0;
    z-index: 50;
}

.topbar-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 1.4rem;
    cursor: pointer;
    color: var(--navy);
    padding: 4px 8px;
}

.page-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--navy);
}

.topbar-right {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 0.9rem;
    color: var(--text-muted);
}

.content-area {
    padding: 24px;
    flex: 1;
}

/* ========== CARDS & STATS ========== */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card {
    background: var(--white);
    border-radius: var(--radius);
    padding: 20px;
    box-shadow: var(--shadow);
    border-left: 4px solid var(--orange);
}

.stat-card .stat-label {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stat-card .stat-value {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--navy);
    margin-top: 4px;
}

.stat-card.navy { border-left-color: var(--navy); }
.stat-card.success { border-left-color: var(--success); }
.stat-card.danger { border-left-color: var(--danger); }
.stat-card.warning { border-left-color: var(--warning); }
.stat-card.info { border-left-color: var(--info); }

.card {
    background: var(--white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    margin-bottom: 20px;
}

.card-header {
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.card-header h3 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--navy);
}

.card-body {
    padding: 20px;
}

/* ========== TABLES ========== */
.table-responsive {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

thead th {
    background: #f8fafc;
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    color: var(--text-muted);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

tbody td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
}

tbody tr:hover {
    background: #f8fafc;
}

/* ========== BADGES ========== */
.badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
}
.badge-success { background: #dcfce7; color: #166534; }
.badge-danger { background: #fee2e2; color: #991b1b; }
.badge-warning { background: #fef3c7; color: #92400e; }
.badge-info { background: #e0f2fe; color: #075985; }
.badge-secondary { background: #f1f5f9; color: #475569; }
.badge-primary { background: #ffedd5; color: #c2410c; }
.badge-navy { background: #e0e7ff; color: #3730a3; }

/* ========== FORMS ========== */
.form-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
    margin-bottom: 8px;
}

.form-group.full { grid-column: 1 / -1; }

select.form-control {
    appearance: auto;
}

textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

.form-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}

/* ========== PIPELINE ========== */
.pipeline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}

.pipeline-item {
    background: var(--white);
    border-radius: var(--radius);
    padding: 12px 18px;
    box-shadow: var(--shadow);
    text-align: center;
    min-width: 110px;
    flex: 1;
}

.pipeline-item .count {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--navy);
}

.pipeline-item .label {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 2px;
}

/* ========== MODAL ========== */
.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 200;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.modal-overlay.show { display: flex; }

.modal {
    background: var(--white);
    border-radius: 12px;
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}

.modal-header {
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal-header h3 { font-size: 1.05rem; color: var(--navy); }
.modal-close {
    background: none;
    border: none;
    font-size: 1.4rem;
    cursor: pointer;
    color: var(--text-muted);
    line-height: 1;
}
.modal-body { padding: 20px; }
.modal-footer {
    padding: 12px 20px;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* ========== FILTERS ========== */
.filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
    align-items: flex-end;
}
.filters .form-group { margin-bottom: 0; min-width: 160px; }

/* ========== EMPTY STATE ========== */
.empty-state {
    text-align: center;
    padding: 40px 20px;
    color: var(--text-muted);
}
.empty-state p { margin-top: 8px; }

/* ========== DETAIL SECTIONS ========== */
.detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}
.detail-item label {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.03em;
}
.detail-item .value {
    font-size: 0.95rem;
    color: var(--text);
    margin-top: 2px;
    font-weight: 500;
}

.timeline {
    list-style: none;
    padding: 0;
}
.timeline li {
    padding: 12px 0 12px 20px;
    border-left: 2px solid var(--border);
    position: relative;
    margin-left: 8px;
}
.timeline li::before {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--orange);
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: 16px;
}
.timeline .time {
    font-size: 0.75rem;
    color: var(--text-muted);
}
.timeline .msg {
    font-size: 0.9rem;
    margin-top: 2px;
}

/* ========== FILE LIST ========== */
.file-list {
    list-style: none;
    padding: 0;
}
.file-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
    font-size: 0.9rem;
}
.file-list li:last-child { border-bottom: none; }

/* ========== SIDEBAR OVERLAY (mobile) ========== */
.sidebar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99;
}
.sidebar-overlay.show { display: block; }

/* ========== RESPONSIVE ========== */
@media (max-width: 992px) {
    .sidebar {
        transform: translateX(-100%);
    }
    .sidebar.open {
        transform: translateX(0);
    }
    .main-content {
        margin-left: 0;
    }
    .menu-toggle {
        display: block;
    }
    .stats-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }
}

@media (max-width: 576px) {
    .content-area {
        padding: 16px;
    }
    .login-card {
        padding: 28px 20px;
    }
    .stats-grid {
        grid-template-columns: 1fr 1fr;
    }
    .form-row {
        grid-template-columns: 1fr;
    }
    .topbar {
        padding: 0 12px;
    }
}

/* Utility */
.text-muted { color: var(--text-muted); }
.text-right { text-align: right; }
.text-center { text-align: center; }
.mt-1 { margin-top: 8px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 16px; }
.mb-3 { margin-bottom: 24px; }
.d-flex { display: flex; }
.gap-1 { gap: 8px; }
.gap-2 { gap: 16px; }
.flex-wrap { flex-wrap: wrap; }
.align-center { align-items: center; }
.justify-between { justify-content: space-between; }
.w-100 { width: 100%; }

/* ========== CLIENT DOCUMENT LIBRARY ========== */
.year-section {
    margin-top: 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--white);
}
.year-heading {
    padding: 12px 14px;
    background: #f7f9fc;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 700;
    color: var(--navy);
}
.document-folder-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
    padding: 14px;
}
.document-folder-card {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px;
    background: #fff;
    min-width: 0;
}
.folder-icon { font-size: 1.6rem; float: left; margin-right: 10px; }
.folder-info { min-height: 42px; display: flex; flex-direction: column; justify-content: center; }
.folder-info strong { color: var(--navy); overflow-wrap: anywhere; }
.folder-info small { color: var(--text-muted); margin-top: 2px; }
.folder-upload-form { display: flex; gap: 8px; margin-top: 12px; align-items: center; flex-wrap: wrap; }
.upload-label { cursor: pointer; }
.document-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 0 0;
    margin-top: 9px;
    border-top: 1px solid var(--border);
    font-size: 0.85rem;
}
.document-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 576px) {
    .document-folder-grid { grid-template-columns: 1fr; padding: 10px; }
    .document-folder-card { padding: 12px; }
    .document-folder-form .form-group { width: 100%; }
    .folder-upload-form { display: grid; grid-template-columns: 1fr 1fr; }
    .folder-upload-form .btn { width: 100%; text-align: center; }
    .document-row { align-items: flex-start; }
    .document-row .btn { flex: 0 0 auto; }
}

/* ========== CLIENT PORTAL ========== */
.client-pay-btn { display: inline-block; margin-top: 8px; font-size: 0.75rem; }
.client-paid-label { display: block; margin-top: 8px; font-size: 0.75rem; color: var(--text-muted); }
.payment-help-card {
    margin-bottom: 20px;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-left: 4px solid var(--orange);
    border-radius: 12px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.payment-help-card strong { color: var(--navy); }
.payment-help-card p { margin: 4px 0 0; color: var(--text-muted); font-size: 0.88rem; }
.portal-year {
    border: 1px solid var(--border);
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
}
.portal-year summary {
    list-style: none;
    cursor: pointer;
    padding: 13px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: var(--navy);
    background: #f7f9fc;
}
.portal-year summary::-webkit-details-marker { display: none; }
.portal-year summary::after { content: '+'; font-size: 1.1rem; color: var(--text-muted); }
.portal-year[open] summary::after { content: '−'; }
.portal-year > .table-responsive { padding: 0 10px 10px; }
.portal-doc-section { padding: 14px; }
.portal-doc-section h4 { margin: 0 0 10px; color: var(--navy); font-size: 0.95rem; }
.portal-doc-section h4 + .portal-doc-grid { margin-bottom: 18px; }
.portal-doc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 10px; }
.portal-doc-card {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px;
    min-width: 0;
}
.portal-doc-icon { font-size: 1.35rem; }
.portal-doc-info { flex: 1; min-width: 0; }
.portal-doc-info strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portal-doc-info small { display: block; margin-top: 3px; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 576px) {
    .client-stats-grid { grid-template-columns: 1fr 1fr; }
    .payment-help-card { flex-direction: column; align-items: stretch; }
    .payment-help-card .btn { width: 100%; text-align: center; }
    .portal-doc-grid { grid-template-columns: 1fr; }
    .portal-doc-card { align-items: flex-start; }
    .portal-doc-card .btn { flex: 0 0 auto; }
    .portal-year summary { padding: 12px; }
}

/* ─── Push notifications ─── */
[hidden] { display: none !important; }
.topbar-right { gap: 10px; }
.push-toggle, .push-test { white-space: nowrap; }
.push-toggle.is-on { border-color: var(--success); color: var(--success); }
.push-toggle.is-blocked { border-color: var(--danger); color: var(--danger); }
.push-hint {
    margin: 12px 24px 0;
    padding: 10px 14px;
    border-radius: var(--radius);
    background: #fff7ed;
    border-left: 4px solid var(--orange);
    color: #9a3412;
    font-size: 0.88rem;
    line-height: 1.5;
}
@media (max-width: 576px) {
    .topbar-user { display: none; }
    .push-toggle { font-size: 0; padding: 6px 10px; }
    .push-toggle::before { content: "\1F514"; font-size: 1rem; }
    .push-toggle.is-on::before { content: "\1F514\2713"; }
    .push-hint { margin: 10px 12px 0; }
}

/* ─── App feel on mobile: install button, bottom tab bar ─── */
.remember-row { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: var(--text-muted); margin: 4px 0 14px; cursor: pointer; }
.remember-row input { width: 16px; height: 16px; }
.install-box { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border); }
.install-hint { margin: 10px 0 0; font-size: 0.85rem; line-height: 1.5; color: #9a3412; background: #fff7ed; padding: 10px 12px; border-radius: var(--radius); }
.install-btn { white-space: nowrap; }
.bottom-nav { display: none; }
@media (max-width: 768px) {
    .main-content { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
    .bottom-nav {
        display: flex;
        position: fixed;
        left: 0; right: 0; bottom: 0;
        z-index: 90;
        background: var(--white);
        border-top: 1px solid var(--border);
        box-shadow: 0 -2px 12px rgba(0,0,0,0.06);
        padding-bottom: env(safe-area-inset-bottom);
    }
    .bottom-nav a, .bottom-nav button {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        height: 60px;
        font-size: 0.72rem;
        font-weight: 600;
        color: var(--text-muted);
        text-decoration: none;
        background: none;
        border: 0;
        font-family: inherit;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    .bottom-nav .bn-icon { font-size: 1.25rem; line-height: 1; }
    .bottom-nav a.active { color: var(--orange); }
    .install-btn { font-size: 0; padding: 6px 10px; }
    .install-btn::before { content: "\1F4F2"; font-size: 1rem; }
}
/* Installed app (standalone): respect the phone notch */
@media (display-mode: standalone) {
    .topbar { padding-top: env(safe-area-inset-top); height: calc(var(--header-height) + env(safe-area-inset-top)); }
}

/* ─── v8: automation, file manager, mobile app layout ─── */
.row-overdue td { background: #fef2f2; }
.card-attention { border: 2px solid var(--orange); }
.stat-link { text-decoration: none; color: inherit; display: block; }
.overdue-filter { display: flex; align-items: center; gap: 6px; font-size: 0.85rem; white-space: nowrap; }

/* ⋯ menus */
details.menu { position: relative; display: inline-block; }
details.menu > summary { list-style: none; cursor: pointer; }
details.menu > summary::-webkit-details-marker { display: none; }
details.menu .menu-body {
    position: absolute; right: 0; top: calc(100% + 6px); z-index: 60; width: 250px;
    background: var(--white); border: 1px solid var(--border); border-radius: var(--radius);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12); padding: 10px;
}
.btn-block { display: block; width: 100%; }
.file-list li { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.file-name { display: flex; align-items: center; gap: 8px; min-width: 0; overflow-wrap: anywhere; }
.file-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.folder-top { display: flex; align-items: flex-start; gap: 10px; }
.folder-top .folder-info { flex: 1; min-width: 0; }
.document-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.doc-name { display: flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; cursor: pointer; }
.bulk-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; margin-bottom: 14px; background: #f8fafc; border: 1px dashed var(--border); border-radius: var(--radius); }
.bulk-bar .form-control { width: auto; min-width: 180px; flex: 1; }
.file-count { margin-left: 6px; }

/* Health */
.health-list { list-style: none; padding: 0; margin: 0; }
.health-list li { display: grid; grid-template-columns: 28px 200px 1fr; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--border); align-items: start; }
.health-list li:last-child { border-bottom: 0; }
.health-bad .health-text { color: var(--danger); }
.health-warn .health-text { color: var(--warning); }

/* Client order */
.order-cta { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; margin-bottom: 18px;
    background: linear-gradient(90deg, #fff7ed, #ffedd5); border: 1px solid #fed7aa; border-radius: 12px; text-decoration: none; color: var(--navy); }
.order-cta small { display: block; color: #9a3412; font-size: 0.82rem; margin-top: 2px; }
.order-cat { margin-bottom: 16px; }
.order-cat-title { font-weight: 700; color: var(--navy); margin-bottom: 8px; font-size: 0.9rem; }
.order-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.order-card { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border: 1.5px solid var(--border); border-radius: 10px; cursor: pointer; position: relative; }
.order-card input { position: absolute; opacity: 0; }
.order-card:has(input:checked) { border-color: var(--orange); background: #fff7ed; box-shadow: 0 0 0 3px rgba(249,115,22,0.15); }
.order-name { font-weight: 600; }
.order-price { color: var(--orange); font-weight: 700; }

/* Phone = app layout */
@media (max-width: 768px) {
    html, body { overflow-x: hidden; }
    .content-area { padding: 12px; }
    .card { border-radius: 12px; margin-bottom: 14px; }
    .card-header { flex-wrap: wrap; gap: 8px; }
    .btn { min-height: 38px; }
    .form-control { font-size: 16px; min-height: 42px; } /* 16px stops iPhone zoom-in */
    .stats-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .stat-value { font-size: 1.15rem; }
    .filters, .filters .form-group { width: 100%; }
    .detail-grid { grid-template-columns: 1fr 1fr; }
    .page-title { font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50vw; }
    .health-list li { grid-template-columns: 26px 1fr; }
    .health-list .health-text { grid-column: 2; }
    details.menu .menu-body { position: fixed; left: 12px; right: 12px; top: auto; bottom: 80px; width: auto; }

    /* Tables become cards */
    .table-responsive { overflow: visible; }
    table.card-table, table.card-table tbody, table.card-table tr, table.card-table td { display: block; width: 100%; }
    table.card-table thead { display: none; }
    table.card-table tr { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 8px 12px; margin-bottom: 10px; box-shadow: var(--shadow); }
    table.card-table td { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 7px 0; border: 0; border-bottom: 1px dashed var(--border); text-align: right; }
    table.card-table td:last-child { border-bottom: 0; justify-content: flex-end; }
    table.card-table td::before { content: attr(data-label); font-weight: 600; color: var(--text-muted); font-size: 0.8rem; text-align: left; }
    table.card-table td[data-label=""]::before { content: none; }
    table.card-table tr.row-overdue { border-color: var(--danger); }
    table.card-table tr.row-overdue td { background: transparent; }
}
textarea.form-control { font-family: inherit; }
.detail-item .value label { text-transform: none; letter-spacing: normal; font-size: 0.9rem; color: var(--text); font-weight: normal; display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 768px) {
    .health-list li { padding: 7px 0; }
    .health-ok .health-text { display: none; }
}
.document-row .file-actions { overflow: visible; white-space: normal; }
.folder-icon { float: none; margin-right: 0; }
.year-section { overflow: visible; }
.year-section > .year-heading { border-radius: 12px 12px 0 0; }

/* ─── v9: chat, history, doc type ─── */
.chat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.chat-box { border: 1px solid var(--border); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; }
.chat-title { padding: 10px 12px; background: #f8fafc; font-weight: 700; color: var(--navy); font-size: 0.9rem; border-bottom: 1px solid var(--border); }
.chat-list { max-height: 360px; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 8px; background: #fbfcfe; }
.chat-msg { max-width: 85%; align-self: flex-start; background: #fff; border: 1px solid var(--border); border-radius: 12px 12px 12px 4px; padding: 8px 12px; }
.chat-msg.mine { align-self: flex-end; background: #fff7ed; border-color: #fed7aa; border-radius: 12px 12px 4px 12px; }
.chat-meta { font-size: 0.72rem; color: var(--text-muted); margin-bottom: 2px; }
.chat-body { font-size: 0.92rem; line-height: 1.45; overflow-wrap: anywhere; }
.chat-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--border); background: #fff; }
.chat-form textarea { flex: 1; resize: vertical; min-height: 42px; }
.history-list { list-style: none; margin: 0; padding: 0; }
.history-list li { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border); }
.history-list li:last-child { border-bottom: 0; }
.h-icon { width: 28px; text-align: center; font-size: 1.1rem; flex-shrink: 0; }
.h-main { min-width: 0; }
.h-text { font-size: 0.92rem; overflow-wrap: anywhere; }
.h-text a { color: inherit; }
.h-meta { font-size: 0.75rem; color: var(--text-muted); margin-top: 2px; }
.doc-type { width: auto; min-width: 150px; }
.folder-upload-form { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.folder-upload-form .doc-type { flex: 1; min-width: 120px; }
@media (max-width: 768px) {
    .chat-grid { grid-template-columns: 1fr; }
    .chat-list { max-height: 50vh; }
    .doc-type { width: 100%; }
}

/* ── Lead CRM (v9) ── */
.lc-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;-webkit-overflow-scrolling:touch}
.lc-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 14px;border-radius:999px;border:1px solid #d5dbe3;background:#fff;color:#0a2540;font-size:13px;font-weight:600;text-decoration:none}
.lc-chip i,.lc-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px}
.lc-chip i{margin:0}
.lc-chip.on{background:#0a2540;color:#fff;border-color:#0a2540}
.lc-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.lc-filter .form-control{min-width:130px;width:auto}
.lc-filter input[type=text]{flex:1;min-width:180px}
.lc-list{display:grid;gap:10px}
.lc-card{border:1px solid #e3e8ef;border-radius:10px;padding:12px;background:#fff;margin-bottom:8px}
.lc-list .lc-card{margin-bottom:0}
.lc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lc-name{font-weight:700;color:#0a2540;text-decoration:none;font-size:16px}
.lc-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:6px 0 10px;font-size:12.5px;color:#5b6675}
.lc-site{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.lc-site i{width:8px;height:8px;border-radius:50%;display:inline-block}
.lc-fu{font-weight:600}.lc-fu.over{color:#c0392b}
.lc-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lc-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.lc-head h2{margin:0}
.lc-form label{display:block;font-size:12.5px;font-weight:600;color:#42505f;margin-bottom:8px}
.lc-form .form-control{margin-top:3px}
.lc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 12px}
.lc-tl{border-left:3px solid #d5dbe3;padding-left:10px;margin:0 0 10px}
.lc-pager{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:14px}
.lc-bars{display:flex;align-items:flex-end;gap:3px;height:120px}
.lc-bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.lc-bars b{display:block;width:100%;background:#0a7d4f;border-radius:3px 3px 0 0}
.lc-bars span{font-size:10px;color:#6b7785;margin-top:2px}
details.lc-card>summary{cursor:pointer}
@media(max-width:640px){.lc-filter .form-control{flex:1;min-width:46%}.lc-act .btn{flex:1;text-align:center}}
.lc-quick{display:inline-block;margin:8px 6px 0 0}
.lc-quick .form-control{padding:5px 8px;font-size:13px;width:auto;max-width:200px}
.lc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:14px}
.lc-tiles div{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column}
.lc-tiles span{font-size:11.5px;color:#5b6675;text-transform:uppercase;letter-spacing:.3px}
.lc-tiles b{font-size:20px;color:#0a2540;line-height:1.3}
.lc-tiles small{font-size:11px;color:#6b7785}
.lc-tiles .hl{background:#0a2540;border-color:#0a2540}.lc-tiles .hl span,.lc-tiles .hl small{color:#cfd8e3}.lc-tiles .hl b{color:#fff}
.lc-rep td.pos{color:#0a7d4f;font-weight:700}.lc-rep td.neg{color:#c0392b;font-weight:700}

/* compact lead rows */
.lc-list{display:block}
.lc-row{display:grid;grid-template-columns:10px minmax(150px,1.3fr) minmax(170px,1.6fr) minmax(150px,1.2fr) 150px auto auto;gap:4px 12px;align-items:center;padding:7px 10px;border-bottom:1px solid #edf0f4;background:#fff}
.lc-row:hover{background:#f7f9fc}
.lc-pd{width:9px;height:9px;border-radius:50%}
.lc-who,.lc-what{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.lc-who small,.lc-what small{font-size:11.5px;color:#6b7785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-what span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-what small i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}
.lc-name{font-weight:700;font-size:14px;color:#0a2540;text-decoration:none}
.lc-next{font-size:12px;color:#5b6675}.lc-next .urg{color:#c0392b;font-weight:700}
.lc-sel{margin:0}.lc-sel .form-control{padding:4px 6px;font-size:12.5px;height:30px;width:100%}
.lc-go{display:flex;gap:4px}
.lc-b{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;border-radius:7px;border:1px solid #d5dbe3;background:#fff;text-decoration:none;font-size:15px;color:#0a2540}
.lc-b.call{background:#f26b1d;border-color:#f26b1d;color:#fff}.lc-b.wa{background:#e8f8ee;border-color:#bfe9cf}
.lc-tag{font-size:12px}
.lc-fbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.lc-fbar .form-control{height:34px;padding:4px 8px;font-size:13px;width:auto}
details.lc-sec{border:1px solid #e3e8ef;border-radius:10px;background:#fff;margin-bottom:8px}
details.lc-sec>summary{cursor:pointer;padding:10px 14px;font-weight:700;color:#0a2540;display:flex;gap:10px;align-items:center;list-style:none}
details.lc-sec>summary::-webkit-details-marker{display:none}
details.lc-sec>summary:before{content:'▸';transition:transform .15s}
details.lc-sec[open]>summary:before{transform:rotate(90deg)}
details.lc-sec>summary small{font-weight:400;color:#6b7785}
details.lc-sec>summary .lc-x{margin-left:auto}
details.lc-sec .lc-secbody{padding:0 14px 12px}
.lc-live td,.lc-live th{padding:6px 8px;font-size:13px}
.lc-on{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:#b8c1cc}.lc-on.y{background:#1aa760}
.lc-banner{background:#fff6e5;border:1px solid #f4d9a6;border-radius:10px;padding:10px 14px;margin-bottom:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:900px){
 .lc-row{grid-template-columns:10px 1fr auto;grid-template-areas:"pd who go" "pd what what" "pd next next" "sel sel sel";padding:9px 10px}
 .lc-pd{grid-area:pd;align-self:start;margin-top:6px}.lc-who{grid-area:who}.lc-what{grid-area:what}.lc-next{grid-area:next}.lc-go{grid-area:go}
 .lc-row>.lc-sel{grid-column:2 / 4}
}
/* mid-size stat tiles everywhere */
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important}
.stat-card{padding:9px 12px!important}
.stat-card .stat-label{font-size:.7rem!important}
.stat-card .stat-value{font-size:1.15rem!important}
.lc-sumline{margin:0 0 8px;font-size:13.5px}.lc-sumline .neg,.lc-live .neg,.lc-rep .neg{color:#c0392b;font-weight:700}

/* ===== v9.1 cleaner, calmer admin look ===== */
:root{--bg:#f6f7fb;--radius:12px}
body{background:var(--bg);-webkit-font-smoothing:antialiased}
.card{border:1px solid #e8ebf2!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;border-radius:12px!important}
.card-header{background:transparent!important;border-bottom:1px solid #eef0f5!important}
.card-header h3{font-size:.95rem!important;font-weight:600}
.stat-card{background:#fff;border:1px solid #e8ebf2!important;border-left-width:3px!important;border-radius:10px!important;box-shadow:none!important}
.stat-card .stat-label{text-transform:none!important;letter-spacing:0!important;color:#64748b}
.stat-card .stat-value{font-weight:700;color:#0f172a}
.topbar{box-shadow:none!important;border-bottom:1px solid #e8ebf2!important}
.content-area{max-width:1280px}
.dash-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 8px}
.dash-h h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700;margin:0}
.dash-h .lc-chips{margin:0}
/* sidebar: grouped, quieter */
.sidebar-nav a{padding:9px 18px!important;font-size:.88rem!important;border-radius:0 8px 8px 0;margin-right:10px}
.sidebar-nav .nav-ic{width:20px;text-align:center;opacity:.85;font-size:.95rem}
.sidebar-nav .nav-group{margin-top:6px}
.sidebar-nav .nav-group summary{list-style:none;cursor:pointer;padding:10px 18px 4px;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:700;display:flex;justify-content:space-between}
.sidebar-nav .nav-group summary::-webkit-details-marker{display:none}
.sidebar-nav .nav-group summary::after{content:'+';font-weight:400}
.sidebar-nav .nav-group details[open] summary::after{content:'\2212'}
.sidebar-nav .nav-group ul{list-style:none;margin:0;padding:0}
.sidebar-nav .nav-group ul a{padding-left:38px!important;font-size:.84rem!important}
.lc-due-row{padding:4px 0;font-size:.9rem}
details.card.lc-live-card>summary{padding:12px 16px;cursor:pointer;font-weight:600;list-style:none}
form.filters.af-on .af-btn{display:none!important}
.ct-chips{display:flex;flex-wrap:wrap;gap:8px}
.ct-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #fecaca;background:#fff5f5;border-radius:10px;text-decoration:none;color:#7f1d1d;font-size:.86rem}
.ct-chip b{font-size:1.1rem}
.ct-chip:hover{background:#fee2e2}
.ct-mods{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-bottom:12px}
.ct-mod{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e8ebf2;border-radius:12px;padding:12px;text-decoration:none;color:inherit;transition:.15s}
.ct-mod:hover{border-color:#f97316;transform:translateY(-1px)}
.ct-mod .ct-ic{font-size:1.4rem;line-height:1}
.ct-mod b{display:block;font-size:.95rem}
.ct-mod small{display:block;color:#64748b;font-size:.76rem;line-height:1.3;margin:2px 0}
.ct-mod em{font-style:normal;font-size:.78rem;color:#c2410c;font-weight:600}

/* lead flame */
.lc-pulse{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;text-decoration:none;font-size:.85rem;margin-right:8px}
.lc-pulse b{font-size:.95rem}.lc-pulse small{opacity:.7}
.lc-fire{display:inline-block;transform-origin:50% 90%;animation:lcflick 1.6s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(249,115,22,.5))}
.lc-pulse.hot .lc-fire{animation-duration:.55s;filter:drop-shadow(0 0 7px rgba(249,115,22,.9))}
.lc-pulse.boom{animation:lcpop .5s ease 3}
.lc-pulse.boom .lc-fire{animation:lcflick .25s ease-in-out infinite;font-size:1.5rem}
@keyframes lcflick{0%,100%{transform:scale(1) rotate(-3deg)}25%{transform:scale(1.12,1.2) rotate(3deg)}50%{transform:scale(.95,1.05) rotate(-2deg)}75%{transform:scale(1.08,1.15) rotate(2deg)}}
@keyframes lcpop{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.lc-toast{position:fixed;right:16px;bottom:78px;z-index:300;background:#7c2d12;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer;animation:lcin .3s ease;font-weight:600}
.lc-toast small{opacity:.8;margin-left:6px;font-weight:400}.lc-toast.out{opacity:0;transform:translateY(8px);transition:.5s}
@keyframes lcin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lc-fire,.lc-pulse.boom{animation:none}}

/* =====================================================================
   v10 DESIGN SYSTEM — clean, full width, professional; app feel on mobile
   ===================================================================== */
:root{
  --v-bg:#f5f6f8;--v-card:#fff;--v-line:#e6e8ec;--v-line2:#eef0f3;
  --v-ink:#101828;--v-ink2:#344054;--v-mute:#667085;--v-mute2:#98a2b3;
  --v-navy:#0b2340;--v-or:#f26b1d;--v-or-d:#d85a10;--v-or-50:#fff4ec;
  --v-ok:#12b76a;--v-ok-50:#ecfdf3;--v-bad:#f04438;--v-bad-50:#fef3f2;--v-warn:#f79009;--v-warn-50:#fffaeb;--v-info:#2e90fa;--v-info-50:#eff8ff;
  --v-r:12px;--v-r-sm:8px;--sidebar-width:248px;--header-height:60px;
}
html{font-size:15px}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif!important;background:var(--v-bg)!important;color:var(--v-ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
.ico{flex-shrink:0;vertical-align:middle}
a{color:var(--v-or-d)}

/* --- sidebar (light) --- */
.sidebar{background:#fff!important;color:var(--v-ink2)!important;border-right:1px solid var(--v-line);width:var(--sidebar-width)!important}
.sidebar-header{padding:16px 16px 12px!important;border-bottom:0!important}
.v-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.v-brand img{border-radius:8px}
.v-brand b{display:block;font-size:1.05rem;color:var(--v-navy);letter-spacing:-.2px}
.v-brand b em{font-style:normal;color:var(--v-or)}
.v-brand small{display:block;font-size:.72rem;color:var(--v-mute);margin-top:-2px}
.sidebar-nav{padding:6px 10px!important}
.sidebar-nav li{list-style:none}
.sidebar-nav a,.sidebar-nav .nav-group summary{display:flex!important;align-items:center;gap:10px;padding:8px 10px!important;margin:1px 0!important;border-radius:8px!important;border-left:0!important;color:var(--v-ink2)!important;font-size:.9rem!important;font-weight:500;text-transform:none!important;letter-spacing:0!important;text-decoration:none}
.sidebar-nav a .ico,.sidebar-nav summary .ico{color:var(--v-mute)}
.sidebar-nav a:hover,.sidebar-nav .nav-group summary:hover{background:#f2f4f7!important;color:var(--v-ink)!important}
.sidebar-nav a.active{background:var(--v-or-50)!important;color:var(--v-or-d)!important;font-weight:600}
.sidebar-nav a.active .ico{color:var(--v-or)}
.sidebar-nav .nav-group{margin-top:2px!important}
.sidebar-nav .nav-group summary{cursor:pointer;list-style:none}
.sidebar-nav .nav-group summary::after{content:none!important}
.sidebar-nav .nav-group summary .v-chev{margin-left:auto;transition:transform .15s}
.sidebar-nav .nav-group details[open] summary .v-chev{transform:rotate(90deg)}
.sidebar-nav .nav-group ul a{padding-left:38px!important;font-size:.86rem!important}
.v-count{font-style:normal;margin-left:auto;background:var(--v-or);color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;padding:1px 7px;line-height:1.5}
.v-count.bad{background:var(--v-bad)}
.nav-group summary .v-count+.v-chev{margin-left:6px}
.sidebar-footer{display:flex!important;align-items:center;gap:10px;padding:12px 14px!important;border-top:1px solid var(--v-line)!important;color:var(--v-ink2)!important}
.v-avatar{width:32px;height:32px;border-radius:50%;background:var(--v-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}
.v-who{min-width:0;flex:1}.v-who b{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-who small{color:var(--v-mute);font-size:.72rem}
.v-logout{color:var(--v-mute);padding:6px;border-radius:8px;display:inline-flex}.v-logout:hover{background:#f2f4f7;color:var(--v-bad)}

/* --- topbar --- */
.main-content{margin-left:var(--sidebar-width)!important;min-width:0}
.topbar{height:var(--header-height)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--v-line)!important;padding:0 24px!important;box-shadow:none!important}
.page-title{font-size:1.1rem!important;font-weight:600!important;color:var(--v-ink)!important;letter-spacing:-.2px}
.topbar-right{gap:10px!important}
.topbar-right .btn{display:inline-flex;align-items:center;gap:6px}
.v-top-av{width:30px;height:30px;font-size:.8rem}
.push-toggle.is-on{color:var(--v-ok)!important;border-color:#abefc6!important;background:var(--v-ok-50)!important}
.lc-pulse{background:var(--v-or-50)!important;border:1px solid #ffd6b8!important;color:var(--v-or-d)!important;margin-right:0!important;gap:5px!important;padding:5px 11px!important}
.lc-fire{color:var(--v-or);display:inline-flex;filter:none!important}
.lc-pulse.hot .lc-fire{filter:drop-shadow(0 0 4px rgba(242,107,29,.6))!important}

/* --- content: full width --- */
.content-area{max-width:none!important;width:100%;padding:24px!important}

/* --- cards --- */
.card{background:#fff;border:1px solid var(--v-line)!important;border-radius:var(--v-r)!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;margin-bottom:16px!important;overflow:visible}
.card-header{padding:14px 18px!important;border-bottom:1px solid var(--v-line2)!important;background:transparent!important}
.card-header h3{font-size:.95rem!important;font-weight:600!important;color:var(--v-ink)!important}
.card-body{padding:18px!important}
.alert{border-radius:10px!important;border:1px solid transparent;font-size:.9rem}
.alert-success{background:var(--v-ok-50)!important;border-color:#abefc6!important;color:#05603a!important}
.alert-danger{background:var(--v-bad-50)!important;border-color:#fecdca!important;color:#912018!important}
.alert-warning{background:var(--v-warn-50)!important;border-color:#fedf89!important;color:#93370d!important}
.alert-info{background:var(--v-info-50)!important;border-color:#b2ddff!important;color:#175cd3!important}

/* --- buttons + inputs --- */
.btn{border-radius:8px!important;font-weight:600!important;font-size:.875rem!important;padding:8px 14px!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.3;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:background .15s,border-color .15s,color .15s}
.btn-sm{padding:6px 11px!important;font-size:.8rem!important}
.btn-primary{background:var(--v-or)!important;border:1px solid var(--v-or)!important;color:#fff!important}
.btn-primary:hover{background:var(--v-or-d)!important;border-color:var(--v-or-d)!important}
.btn-outline{background:#fff!important;border:1px solid #d0d5dd!important;color:var(--v-ink2)!important}
.btn-outline:hover{background:#f9fafb!important;border-color:#98a2b3!important}
.btn-navy{background:var(--v-navy)!important;border:1px solid var(--v-navy)!important;color:#fff!important}
.btn-success{background:var(--v-ok)!important;border:1px solid var(--v-ok)!important;color:#fff!important}
.btn-danger{background:#fff!important;border:1px solid #fda29b!important;color:#b42318!important}
.btn-danger:hover{background:var(--v-bad-50)!important}
.form-control{border:1px solid #d0d5dd!important;border-radius:8px!important;padding:8px 12px!important;font-size:.9rem!important;background:#fff;color:var(--v-ink);box-shadow:0 1px 2px rgba(16,24,40,.04);font-family:inherit}
.form-control:focus{border-color:#ffb48a!important;box-shadow:0 0 0 4px rgba(242,107,29,.12)!important;outline:0}
.form-group label,label{font-size:.82rem;font-weight:500;color:var(--v-ink2)}

/* --- badges --- */
.badge{border-radius:999px!important;font-weight:500!important;font-size:.74rem!important;padding:2px 9px!important;border:1px solid transparent}
.badge-success{background:var(--v-ok-50)!important;color:#067647!important;border-color:#abefc6}
.badge-danger{background:var(--v-bad-50)!important;color:#b42318!important;border-color:#fecdca}
.badge-warning{background:var(--v-warn-50)!important;color:#b54708!important;border-color:#fedf89}
.badge-info{background:var(--v-info-50)!important;color:#175cd3!important;border-color:#b2ddff}
.badge-secondary{background:#f2f4f7!important;color:#344054!important;border-color:#e4e7ec}
.badge-primary{background:var(--v-or-50)!important;color:#c4320a!important;border-color:#ffd6b8}
.badge-navy{background:#eef4ff!important;color:#3538cd!important;border-color:#c7d7fe}

/* --- tables --- */
table{font-size:.88rem!important}
thead th{background:#f9fafb!important;color:var(--v-mute)!important;font-size:.74rem!important;font-weight:600!important;letter-spacing:.02em!important;padding:10px 14px!important;border-bottom:1px solid var(--v-line)!important}
tbody td{padding:12px 14px!important;border-bottom:1px solid var(--v-line2)!important;color:var(--v-ink2)}
tbody tr:hover{background:#fafbfc!important}
tbody tr:last-child td{border-bottom:0!important}
.card>.table-responsive,.card-body>.table-responsive:only-child{margin:0}

/* --- stat tiles (old pages) --- */
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:12px!important;margin-bottom:16px!important}
.stat-card{border:1px solid var(--v-line)!important;border-left:1px solid var(--v-line)!important;border-radius:var(--v-r)!important;padding:14px 16px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;text-decoration:none;color:inherit;display:block}
.stat-card .stat-label{font-size:.78rem!important;color:var(--v-mute)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
.stat-card .stat-value{font-size:1.35rem!important;font-weight:700!important;color:var(--v-ink)!important;letter-spacing:-.3px;margin-top:4px}
a.stat-card:hover{border-color:#ffb48a!important}
.dash-h{margin:22px 0 10px!important}
.dash-h h3{font-size:.8rem!important;color:var(--v-mute)!important;letter-spacing:.06em!important}

/* --- v10 components --- */
.v-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.v-kpi{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r);padding:14px 16px;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .15s,box-shadow .15s,transform .15s}
.v-kpi:hover{border-color:#ffb48a;box-shadow:0 4px 12px rgba(16,24,40,.06);transform:translateY(-1px);color:inherit}
.v-kpi.on{border-color:var(--v-or);box-shadow:0 0 0 3px rgba(242,107,29,.12)}
.v-kpi small{display:block;color:var(--v-mute);font-size:.8rem;font-weight:500}
.v-kpi b{display:block;font-size:1.45rem;font-weight:700;color:var(--v-ink);letter-spacing:-.4px;line-height:1.25}
.v-kpi em{display:block;font-style:normal;font-size:.75rem;color:var(--v-mute)}
.v-kpi-ic{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--v-or-50);color:var(--v-or);flex-shrink:0}
.v-kpi-ic.ok{background:var(--v-ok-50);color:var(--v-ok)}.v-kpi-ic.bad{background:var(--v-bad-50);color:var(--v-bad)}
.v-kpi-ic.info{background:var(--v-info-50);color:var(--v-info)}.v-kpi-ic.navy{background:#eef2f6;color:var(--v-navy)}
.v-kpi-ic.mute{background:#f2f4f7;color:var(--v-mute)}.v-kpi-ic.warn{background:var(--v-warn-50);color:var(--v-warn)}
.v-sec{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px;flex-wrap:wrap}
.v-sec h2{font-size:1rem;font-weight:600;color:var(--v-ink);margin:0;display:flex;align-items:center;gap:8px}
.v-sec h2 .ico{color:var(--v-mute)}
.v-sec a.v-more{font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:2px;text-decoration:none}
.v-sec .lc-chips{margin:0}
.v-grid2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.v-grid2>.card{margin-bottom:0!important}
.v-att{display:flex;flex-wrap:wrap;gap:8px}
.v-att a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid #fecdca;background:var(--v-bad-50);color:#912018;text-decoration:none;font-size:.86rem;font-weight:500}
.v-att a b{font-size:1rem}
.v-att a.warn{border-color:#fedf89;background:var(--v-warn-50);color:#93370d}
.v-att a:hover{filter:brightness(.97)}
.v-clear{display:flex;align-items:center;gap:10px;color:#067647;font-weight:500}
.v-list{list-style:none;margin:0;padding:0}
.v-list li{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--v-line2)}
.v-list li:last-child{border-bottom:0}
.v-list a.v-li{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;flex:1;min-width:0}
.v-list .v-li-main{flex:1;min-width:0}
.v-list .v-li-main b{display:block;font-weight:600;color:var(--v-ink);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-list .v-li-main small{color:var(--v-mute);font-size:.78rem}
.v-day{min-width:62px;text-align:center;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:8px;border:1px solid}
.v-day.late{background:var(--v-bad-50);color:#b42318;border-color:#fecdca}
.v-day.soon{background:var(--v-warn-50);color:#b54708;border-color:#fedf89}
.v-day.ok{background:#f9fafb;color:var(--v-ink2);border-color:var(--v-line)}
.v-day.done{background:var(--v-ok-50);color:#067647;border-color:#abefc6}
.v-pipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:0;border:1px solid var(--v-line);border-radius:var(--v-r);overflow:hidden;background:#fff}
.v-pipe a{padding:14px 12px;text-decoration:none;color:inherit;border-right:1px solid var(--v-line2);transition:background .15s}
.v-pipe a:last-child{border-right:0}
.v-pipe a:hover{background:var(--v-or-50)}
.v-pipe b{display:block;font-size:1.25rem;font-weight:700;color:var(--v-ink)}
.v-pipe small{color:var(--v-mute);font-size:.78rem}
.v-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--v-line2)}
.v-toolbar .v-title{font-weight:600;font-size:.95rem;color:var(--v-ink)}
.v-toolbar-r{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.v-search{position:relative;display:flex;align-items:center;margin:0!important;padding:0!important;background:none!important;border:0!important}
.v-search .ico{position:absolute;left:10px;color:var(--v-mute2)}
.v-search .form-control{padding-left:32px!important;min-width:240px}
.v-inline{display:inline-flex;gap:8px;align-items:center;margin:0}
.v-table{width:100%}
.v-table td .v-strong,.v-strong{font-weight:600;color:var(--v-ink);text-decoration:none}
.v-sub{display:block;color:var(--v-mute);font-size:.78rem;margin-top:1px}
.v-row-alert td{background:#fffbfa}
.v-row-alert td:first-child{box-shadow:inset 3px 0 0 var(--v-bad)}
.v-empty{text-align:center;color:var(--v-mute);padding:36px 14px!important}
.v-actions{white-space:nowrap}
.v-actions>*{margin-left:6px}
.v-pop{display:inline-block;position:relative}
.v-pop>summary{list-style:none;cursor:pointer}
.v-pop>summary::-webkit-details-marker{display:none}
.v-pop-body{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:280px;background:#fff;border:1px solid var(--v-line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.14);padding:14px;text-align:left;white-space:normal}
.v-pop-body label{display:block;margin:8px 0 4px}
.v-pop-body .btn{margin-top:10px}
.v-foot{font-size:.8rem;margin:10px 2px}
.v-narrow{max-width:520px;margin:30px auto}
.v-h2{font-size:1.2rem;font-weight:600;margin:8px 0}
.v-otp-ic{width:52px;height:52px;border-radius:14px;background:var(--v-or-50);color:var(--v-or);display:flex;align-items:center;justify-content:center}
.v-sum{background:#f9fafb;border:1px solid var(--v-line);border-radius:8px;padding:10px 12px;font-size:.85rem;color:var(--v-ink2);margin:12px 0}
.v-otp-form{display:flex;gap:8px;flex-wrap:wrap}
.v-otp-in{font-size:1.3rem!important;letter-spacing:.4em;text-align:center;max-width:180px;font-weight:600}
.v-tabs{display:flex;gap:4px;flex-wrap:wrap;background:#f2f4f7;padding:4px;border-radius:10px}
.v-tabs a{padding:6px 12px;border-radius:7px;font-size:.84rem;font-weight:500;color:var(--v-ink2);text-decoration:none}
.v-tabs a.on{background:#fff;color:var(--v-ink);box-shadow:0 1px 3px rgba(16,24,40,.1)}
.v-tabs a i{font-style:normal;color:var(--v-mute);margin-left:4px;font-size:.78rem}
.v-month{padding:10px 18px;background:#f9fafb;border-top:1px solid var(--v-line2);border-bottom:1px solid var(--v-line2);font-size:.78rem;font-weight:600;color:var(--v-mute);letter-spacing:.04em;text-transform:uppercase}
.v-month:first-child{border-top:0}
.v-quick{display:none}
.v-drawer{position:fixed;inset:0;z-index:200;display:none}
.v-drawer.open{display:block}
.v-drawer-bg{position:absolute;inset:0;background:rgba(16,24,40,.45)}
.v-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);background:#fff;box-shadow:-12px 0 32px rgba(16,24,40,.18);display:flex;flex-direction:column;animation:vslide .2s ease}
@keyframes vslide{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.v-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--v-line)}
.v-drawer-head h3{margin:0;font-size:1.05rem;font-weight:600}
.v-drawer-body{padding:20px;overflow:auto;flex:1}
.v-drawer-body .form-row{grid-template-columns:1fr 1fr!important}
.v-x{background:none;border:0;cursor:pointer;color:var(--v-mute);padding:6px;border-radius:8px;display:inline-flex}.v-x:hover{background:#f2f4f7}
.v-check{display:flex!important;align-items:center;gap:8px;font-weight:500}
.v-checkin{position:fixed;right:20px;bottom:20px;z-index:320;width:320px;background:#fff;border:1px solid var(--v-line);border-radius:14px;box-shadow:0 16px 40px rgba(16,24,40,.18);padding:14px 16px;animation:lcin .3s ease;border-top:3px solid var(--v-or)}
.v-checkin.out{opacity:0;transform:translateY(8px);transition:.3s}
.v-ci-t{font-weight:600;color:var(--v-ink);font-size:.92rem}
.v-ci-m{color:var(--v-ink2);font-size:.88rem;margin:4px 0 10px;line-height:1.45}
.v-ci-b{display:flex;gap:8px}
.lc-toast{background:var(--v-navy)!important;border-radius:12px!important}
details.lc-sec{border:1px solid var(--v-line)!important;border-radius:var(--v-r)!important;background:#fff}
details.lc-sec>summary{font-weight:600!important;color:var(--v-ink)}
.lc-banner{border-radius:10px!important}
.pipeline-item{border-radius:10px!important;border:1px solid var(--v-line)!important;box-shadow:none!important}
.filters{gap:8px!important}

/* --- tablet --- */
@media (max-width:1100px){.v-grid2{grid-template-columns:1fr}}

/* --- mobile: app feel --- */
@media (max-width:768px){
  html{font-size:15px}
  .main-content{margin-left:0!important}
  .sidebar{transform:translateX(-100%);box-shadow:none}
  .sidebar.open{transform:none;box-shadow:12px 0 32px rgba(16,24,40,.2)}
  .topbar{background:var(--v-navy)!important;border-bottom:0!important;padding:0 14px!important;backdrop-filter:none}
  .page-title{color:#fff!important;font-size:1.05rem!important}
  .menu-toggle{display:inline-flex!important;color:#fff!important;padding:6px!important}
  .topbar-right .push-toggle span,.topbar-right .install-btn span{display:none}
  .topbar-right .btn-outline{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;padding:6px 8px!important}
  .topbar-right .push-test{display:none!important}
  .v-top-av{background:rgba(255,255,255,.16)}
  .lc-pulse{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
  .lc-pulse small{display:none}
  .lc-fire{color:#ffb27a}
  .content-area{padding:14px 12px!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .card{border-radius:16px!important}
  .v-kpis{grid-template-columns:1fr 1fr;gap:10px}
  .v-kpi{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:16px}
  .v-kpi b{font-size:1.2rem}
  .v-kpi-ic{width:34px;height:34px;border-radius:10px}
  .v-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid var(--v-line);border-radius:16px;padding:14px 8px;margin-bottom:14px}
  .v-quick a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--v-ink2);font-size:.72rem;font-weight:500;text-align:center}
  .v-quick a span{width:46px;height:46px;border-radius:50%;background:var(--v-or-50);color:var(--v-or);display:flex;align-items:center;justify-content:center}
  .v-quick a:nth-child(4n+2) span{background:#eef4ff;color:#3538cd}
  .v-quick a:nth-child(4n+3) span{background:var(--v-ok-50);color:var(--v-ok)}
  .v-quick a:nth-child(4n+4) span{background:#f4f3ff;color:#6941c6}
  .v-search .form-control{min-width:0;width:100%}
  .v-search{flex:1}
  .v-toolbar{padding:10px 12px}
  .v-pipe{grid-template-columns:repeat(4,1fr)}
  .v-pipe a{border-bottom:1px solid var(--v-line2)}
  /* tables become cards */
  .v-table thead{display:none}
  .v-table,.v-table tbody,.v-table tr,.v-table td{display:block;width:100%}
  .v-table tr{padding:12px 14px;border-bottom:1px solid var(--v-line2)}
  .v-table td{border:0!important;padding:3px 0!important;text-align:left!important}
  .v-table td[data-l]:not(:first-child)::before{content:attr(data-l);display:inline-block;min-width:92px;color:var(--v-mute);font-size:.75rem}
  .v-table td:first-child{font-size:.95rem;margin-bottom:4px}
  .v-actions{white-space:normal;padding-top:8px!important}
  .v-actions>*{margin:0 6px 0 0}
  .v-pop-body{right:auto;left:0;width:min(300px,86vw)}
  .bottom-nav{height:auto;background:#fff!important;border-top:1px solid var(--v-line)!important;box-shadow:0 -4px 16px rgba(16,24,40,.06)!important;padding:4px 6px calc(4px + env(safe-area-inset-bottom))!important}
  .bottom-nav a,.bottom-nav button{height:56px!important;font-size:.7rem!important;font-weight:500!important;color:var(--v-mute)!important;gap:3px!important}
  .bottom-nav .bn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:28px;border-radius:999px;transition:background .15s}
  .bottom-nav a.active{color:var(--v-or-d)!important;font-weight:600!important}
  .bottom-nav a.active .bn-icon{background:var(--v-or-50)}
  .install-btn::before{content:none!important}
  .install-btn{font-size:.8rem!important}
  .v-checkin{left:12px;right:12px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}
  .lc-toast{bottom:calc(80px + env(safe-area-inset-bottom))!important}
  .v-drawer-body .form-row{grid-template-columns:1fr!important}
  .v-drawer-panel{top:auto;height:92vh;border-radius:18px 18px 0 0;width:100%;animation:vup .22s ease}
  @keyframes vup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
  .v-sec{margin:18px 0 8px}
  thead th,tbody td{padding:10px!important}
}
@media (display-mode:standalone) and (max-width:768px){.topbar{padding-top:env(safe-area-inset-top)!important}}
tr[data-href]{cursor:pointer}
.v-nav-h{display:flex;align-items:center;padding:14px 10px 4px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--v-mute2)}
.sidebar-nav .nav-group.v-open ul{list-style:none;margin:0;padding:0}
.sidebar-nav .nav-group.v-open ul a{padding-left:10px!important;font-size:.9rem!important}
.v-due{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--v-line2);transition:background .15s}
.v-due:hover{background:#fafbfc}
.v-due:target{background:var(--v-or-50)}
.v-due-date{width:46px;text-align:center;border:1px solid var(--v-line);border-radius:10px;padding:4px 0;background:#fff;flex-shrink:0}
.v-due-date b{display:block;font-size:1.1rem;line-height:1.1;color:var(--v-ink)}
.v-due-date small{display:block;font-size:.68rem;text-transform:uppercase;color:var(--v-or-d);font-weight:600}
.v-due-main{flex:1;min-width:0}
.v-due-main b{display:block;font-weight:600;color:var(--v-ink);font-size:.92rem}
.v-due-main small{color:var(--v-mute);font-size:.78rem}
.v-due-main .badge{font-size:.68rem!important;padding:0 7px!important}
.v-due .v-day{min-width:96px}
.v-due-act{display:flex;gap:6px;align-items:center}
@media (max-width:768px){.v-due{flex-wrap:wrap;padding:12px 14px;gap:10px}.v-due-main{flex:1 1 calc(100% - 70px)}.v-due .v-day{min-width:0}.v-due-act{margin-left:auto}.v-tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.v-tabs a{white-space:nowrap}}
.v-code{background:#0b2340;color:#e6edf6;border-radius:8px;padding:10px 12px;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}
.lc-what small .ico{margin:0 2px 0 0;color:var(--v-mute2)}.lc-city{font-weight:600;color:var(--v-ink2)}
.v-k2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v-k2 .v-kpi{padding:18px}.v-k2 .v-kpi b{font-size:1.7rem}
@media (max-width:768px){
  .push-toggle{font-size:.8rem!important}.push-toggle::before,.push-toggle.is-on::before{content:none!important}
  .v-kpis:not(.v-k2) .v-kpi{flex-direction:row;align-items:center;gap:10px;padding:12px}
  .v-kpis:not(.v-k2) .v-kpi b{font-size:1.05rem}
  .v-kpis:not(.v-k2) .v-kpi small{font-size:.74rem}
  .v-kpis:not(.v-k2) .v-kpi-ic{width:32px;height:32px}
  .v-k2 .v-kpi{padding:12px}.v-k2 .v-kpi b{font-size:1.25rem}
}
@media (max-width:768px){.lc-chips{flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.lc-chip{white-space:nowrap}.v-sec .lc-chips{width:100%}}
.neg{color:var(--v-bad)!important}.v-kpi em.neg{font-weight:500}
.v-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.v-grid3>.card{margin-bottom:0!important}
@media (max-width:1100px){.v-grid3{grid-template-columns:1fr}}
.v-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem!important}
.v-loc{color:var(--v-ink2)!important;display:flex!important;align-items:center;gap:3px}
.lc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}
@media (max-width:768px){
  .v-table td{display:block!important;text-align:left!important;justify-content:initial!important}
  .v-table td::before{float:none}
  .v-table td[data-l]:not(:first-child){display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 6px}
  .v-table td[data-l]:not(:first-child)>.v-sub{flex-basis:100%;padding-left:98px;margin-top:0}
  .v-table td:first-child .v-sub{display:block}
  .v-toolbar-r .v-search{flex:1 1 100%}
  .v-toolbar>.v-toolbar-r:last-child{width:100%}
}
@media (max-width:768px){.v-table td:first-child::before{display:none!important;content:none!important}}

/* ===== v10.1 colourful layer (PhonePe-style energy, still clean) ===== */
:root{--g-or:linear-gradient(135deg,#ff8a3d,#f2581d);--g-hero:linear-gradient(120deg,#0b2340 0%,#1e2f7a 48%,#5b21b6 80%,#f2581d 130%)}
body{background:linear-gradient(180deg,#f3f4fb 0%,#f6f7fb 320px)!important}
.g-blue{background:linear-gradient(135deg,#60a5fa,#2563eb)!important;color:#fff!important}
.g-violet{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important;color:#fff!important}
.g-orange{background:var(--g-or)!important;color:#fff!important}
.g-indigo{background:linear-gradient(135deg,#818cf8,#4338ca)!important;color:#fff!important}
.g-teal{background:linear-gradient(135deg,#2dd4bf,#0d9488)!important;color:#fff!important}
.g-pink{background:linear-gradient(135deg,#f472b6,#db2777)!important;color:#fff!important}
.g-green{background:linear-gradient(135deg,#4ade80,#16a34a)!important;color:#fff!important}
.v-kpi-ic{box-shadow:0 6px 14px -6px rgba(16,24,40,.35)}
.v-kpi-ic:not([class*="g-"]){box-shadow:none}
.v-kpis-color{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.v-kpis-color .v-kpi{border:0;box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px -12px rgba(30,47,122,.18)}
.v-kpis-color .v-kpi:hover{box-shadow:0 14px 30px -12px rgba(30,47,122,.3)}
.v-kpis-color .v-kpi em{color:var(--v-mute)}
/* hero */
.v-hero{position:relative;overflow:hidden;border-radius:20px;padding:22px 24px;margin-bottom:18px;color:#fff;background:var(--g-hero);box-shadow:0 18px 40px -20px rgba(30,47,122,.6)}
.v-hero::before,.v-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.v-hero::before{width:320px;height:320px;right:-80px;top:-140px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}
.v-hero::after{width:240px;height:240px;left:38%;bottom:-160px;background:radial-gradient(circle,rgba(255,138,61,.45),transparent 65%)}
.v-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:1}
.v-hero-hi{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.3px}
.v-hero-sub{margin:2px 0 0;opacity:.8;font-size:.88rem}
.v-hero-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1e2f7a!important;font-weight:600;font-size:.86rem;padding:9px 14px;border-radius:999px;text-decoration:none;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.v-hero-btn:hover{background:#fff7f0}
.v-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;position:relative;z-index:1}
.v-hero-stats a{display:block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);border-radius:14px;padding:14px 16px;color:#fff;text-decoration:none;transition:background .15s,transform .15s}
.v-hero-stats a:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);color:#fff}
.v-hero-stats small{display:block;opacity:.8;font-size:.8rem}
.v-hero-stats b{display:block;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin-top:2px}
.v-bar{display:block;height:6px;background:rgba(255,255,255,.2);border-radius:99px;margin-top:8px;overflow:hidden}
.v-bar i{display:block;height:100%;background:linear-gradient(90deg,#fde68a,#4ade80);border-radius:99px}
/* sidebar active + buttons */
.sidebar-nav a.active{background:var(--g-or)!important;color:#fff!important;box-shadow:0 8px 18px -8px rgba(242,88,29,.65)}
.sidebar-nav a.active .ico{color:#fff!important}
.sidebar-nav a.active .v-count{background:#fff;color:var(--v-or-d)}
.btn-primary{background:var(--g-or)!important;border-color:transparent!important;box-shadow:0 6px 14px -6px rgba(242,88,29,.6)!important}
.btn-primary:hover{filter:brightness(1.05)}
/* section titles */
.v-sec h2 .ico{color:#fff;background:linear-gradient(135deg,#818cf8,#4338ca);padding:5px;width:26px;height:26px;border-radius:8px;box-sizing:border-box}
.v-sec h2 .lc-fire .ico{background:var(--g-or)}
/* attention chips */
.v-att a{background:linear-gradient(135deg,#fff1f1,#ffe4e4);border-color:#fecaca}
.v-att a b{background:#ef4444;color:#fff;border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;padding:0 6px}
.v-att a.warn{background:linear-gradient(135deg,#fffbeb,#fef3c7)}
.v-att a.warn b{background:#f59e0b}
/* lead mini tiles */
.v-k2 .v-kpi{position:relative;overflow:hidden}
.v-k2 .v-kpi::after{content:"";position:absolute;right:-18px;top:-18px;width:70px;height:70px;border-radius:50%;opacity:.14}
.v-k2 .v-kpi:nth-child(1)::after{background:#2563eb}.v-k2 .v-kpi:nth-child(2)::after{background:#ef4444}.v-k2 .v-kpi:nth-child(3)::after{background:#f59e0b}.v-k2 .v-kpi:nth-child(4)::after{background:#16a34a}
/* pipeline colour top line */
.v-pipe a{position:relative}
.v-pipe a::before{content:"";position:absolute;left:12px;right:12px;top:0;height:3px;border-radius:0 0 4px 4px;background:#cbd5e1}
.v-pipe a:nth-child(1)::before{background:#f59e0b}.v-pipe a:nth-child(2)::before{background:#3b82f6}.v-pipe a:nth-child(3)::before{background:#6366f1}.v-pipe a:nth-child(4)::before{background:#a855f7}.v-pipe a:nth-child(5)::before{background:#ec4899}.v-pipe a:nth-child(6)::before{background:#ef4444}.v-pipe a:nth-child(7)::before{background:#14b8a6}.v-pipe a:nth-child(8)::before{background:#22c55e}
/* due date tile colour */
.v-due-date{background:linear-gradient(180deg,#fff,#fff7f0)}
/* table header tint */
thead th{background:#f7f8fd!important}
@media (max-width:768px){
  .topbar{background:linear-gradient(120deg,#0b2340,#1e2f7a 70%,#5b21b6)!important}
  .v-hero{border-radius:18px;padding:18px 16px}
  .v-hero-hi{font-size:1.15rem}
  .v-hero-btn{padding:7px 11px;font-size:.78rem}
  .v-hero-stats{grid-template-columns:1fr 1fr;gap:8px}
  .v-hero-stats a:first-child{grid-column:1 / -1}
  .v-hero-stats b{font-size:1.25rem}
  .v-quick a span{color:#fff!important;box-shadow:0 8px 16px -8px rgba(16,24,40,.45)}
  .v-quick a:nth-child(8n+1) span{background:var(--g-or)!important}
  .v-quick a:nth-child(8n+2) span{background:linear-gradient(135deg,#60a5fa,#2563eb)!important}
  .v-quick a:nth-child(8n+3) span{background:linear-gradient(135deg,#4ade80,#16a34a)!important}
  .v-quick a:nth-child(8n+4) span{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important}
  .v-quick a:nth-child(8n+5) span{background:linear-gradient(135deg,#2dd4bf,#0d9488)!important}
  .v-quick a:nth-child(8n+6) span{background:linear-gradient(135deg,#f472b6,#db2777)!important}
  .v-quick a:nth-child(8n+7) span{background:linear-gradient(135deg,#818cf8,#4338ca)!important}
  .v-quick a:nth-child(8n+8) span{background:linear-gradient(135deg,#fbbf24,#d97706)!important}
  .bottom-nav a.active .bn-icon{background:var(--g-or)!important;color:#fff}
  .v-kpis-color{grid-template-columns:1fr 1fr}
}
@media (min-width:1101px){.v-kpis-color{grid-template-columns:repeat(4,minmax(0,1fr))}}.v-hero-btn{white-space:nowrap}
.v-kpi-ic{background:var(--g-or);color:#fff;box-shadow:0 6px 14px -6px rgba(16,24,40,.35)!important}
.v-kpi-ic.ok{background:linear-gradient(135deg,#4ade80,#16a34a)}.v-kpi-ic.bad{background:linear-gradient(135deg,#f87171,#dc2626)}
.v-kpi-ic.info{background:linear-gradient(135deg,#60a5fa,#2563eb)}.v-kpi-ic.navy{background:linear-gradient(135deg,#818cf8,#4338ca)}
.v-kpi-ic.mute{background:linear-gradient(135deg,#cbd5e1,#64748b)}.v-kpi-ic.warn{background:linear-gradient(135deg,#fbbf24,#d97706)}
.v-kpi-ic{color:#fff!important}
.v-kpis .v-kpi{border-color:transparent;box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px -14px rgba(30,47,122,.2)}
/* live visitors colourful */
.v-hero-lv{background:linear-gradient(120deg,#064e3b 0%,#0f766e 40%,#1e2f7a 85%,#5b21b6 130%)}
.v-hero-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v-hero-stats>div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px}
.v-hero-stats>div small{display:block;opacity:.8;font-size:.8rem}.v-hero-stats>div b{display:block;font-size:1.6rem;font-weight:700;margin-top:2px}
.v-live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#4ade80;margin-right:8px;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:vpulse 1.6s infinite}
@keyframes vpulse{70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.v-hero-toggle{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff!important;padding:7px 12px;border-radius:999px;font-size:.82rem;cursor:pointer}
.v-note{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px 12px;margin:0 0 10px}
.v-visitors{display:grid;gap:10px}
.v-vis{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 22px -14px rgba(30,47,122,.25);border-left:4px solid #94a3b8;animation:lcin .3s ease}
.v-vis.k-new{border-left-color:#3b82f6}.v-vis.k-back{border-left-color:#8b5cf6}.v-vis.k-hot{border-left-color:#f97316}.v-vis.k-booked{border-left-color:#22c55e}
.v-vis-av{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#60a5fa,#2563eb)}
.k-back .v-vis-av{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.k-hot .v-vis-av{background:var(--g-or)}.k-booked .v-vis-av{background:linear-gradient(135deg,#4ade80,#16a34a)}
.v-vis-main{flex:1;min-width:0}
.v-vis-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v-vis-top b{font-size:.95rem;color:var(--v-ink)}
.v-tag{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8}
.v-tag.k-back{background:#f5f3ff;color:#6d28d9}.v-tag.k-hot{background:#fff7ed;color:#c2410c}.v-tag.k-booked{background:#ecfdf3;color:#067647}
.v-tag.v-site{background:#f2f4f7;color:#344054;display:inline-flex;align-items:center;gap:5px}.v-tag.v-site i{width:7px;height:7px;border-radius:50%;display:inline-block}
.v-vis-page{font-weight:600;color:var(--v-ink2);margin:4px 0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-vis-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.78rem;color:var(--v-mute);align-items:center}
.v-loc2{display:inline-flex;align-items:center;gap:3px;color:#0f766e;font-weight:600}
.v-src-pill{padding:1px 8px;border-radius:999px;font-weight:600;background:#f2f4f7;color:#344054}
.v-vis-time{font-size:.78rem;color:var(--v-mute);white-space:nowrap}
.s-google{background:#e8f0fe!important;color:#1a73e8!important}.s-direct{background:#f2f4f7!important;color:#475467!important}.s-fb{background:#e7f0ff!important;color:#1877f2!important}.s-ig{background:#fdf2f8!important;color:#c026d3!important}.s-wa{background:#ecfdf3!important;color:#16a34a!important}.s-yt{background:#fef2f2!important;color:#dc2626!important}.s-li{background:#eff8ff!important;color:#0a66c2!important}.s-ai{background:#f0fdf4!important;color:#047857!important}.s-bing{background:#ecfeff!important;color:#0e7490!important}.s-other{background:#fff7ed!important;color:#c2410c!important}
.v-src{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}
.v-pin{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.v-pin.c0{background:linear-gradient(135deg,#60a5fa,#2563eb)}.v-pin.c1{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.v-pin.c2{background:linear-gradient(135deg,#2dd4bf,#0d9488)}.v-pin.c3{background:linear-gradient(135deg,#f472b6,#db2777)}.v-pin.c4{background:var(--g-or)}.v-pin.c5{background:linear-gradient(135deg,#4ade80,#16a34a)}
.v-bars .v-li-main{display:block}
.v-barline{display:block;height:6px;border-radius:99px;background:#f2f4f7;margin-top:6px;overflow:hidden}
.v-barline i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#60a5fa,#2563eb)}
.v-barline.c1 i{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.v-barline.c2 i{background:linear-gradient(90deg,#2dd4bf,#0d9488)}.v-barline.c3 i{background:linear-gradient(90deg,#f472b6,#db2777)}.v-barline.c4 i{background:linear-gradient(90deg,#ff8a3d,#f2581d)}.v-barline.c5 i{background:linear-gradient(90deg,#4ade80,#16a34a)}
.v-barline.s-google,.v-barline.s-direct,.v-barline.s-fb,.v-barline.s-ig,.v-barline.s-wa,.v-barline.s-yt,.v-barline.s-li,.v-barline.s-ai,.v-barline.s-bing,.v-barline.s-other{background:#f2f4f7!important}
.v-barline.s-google i{background:#1a73e8}.v-barline.s-direct i{background:#667085}.v-barline.s-fb i{background:#1877f2}.v-barline.s-ig i{background:#c026d3}.v-barline.s-wa i{background:#16a34a}.v-barline.s-yt i{background:#dc2626}.v-barline.s-li i{background:#0a66c2}.v-barline.s-ai i{background:#047857}.v-barline.s-bing i{background:#0e7490}.v-barline.s-other i{background:#f2581d}
.v-num{font-weight:700;color:var(--v-ink);font-size:.95rem;min-width:32px;text-align:right}
@media (max-width:768px){.v-hero-4{grid-template-columns:1fr 1fr}.v-vis{align-items:flex-start;padding:12px}.v-vis-av{width:38px;height:38px}.v-vis-time{position:absolute;right:14px}.v-vis{position:relative}.v-vis-page{white-space:normal}}
/* live visitors colourful */
.v-hero-lv{background:linear-gradient(120deg,#064e3b 0%,#0f766e 40%,#1e2f7a 85%,#5b21b6 130%)}
.v-hero-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v-hero-stats>div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px}
.v-hero-stats>div small{display:block;opacity:.8;font-size:.8rem}.v-hero-stats>div b{display:block;font-size:1.6rem;font-weight:700;margin-top:2px}
.v-hero-sub .ico{vertical-align:-2px}
.v-live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#4ade80;margin-right:8px;vertical-align:2px;animation:vpulse 1.6s infinite}
@keyframes vpulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.v-hero-toggle{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff!important;padding:7px 12px;border-radius:999px;font-size:.82rem;cursor:pointer}
.v-note{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px 12px;margin:0 0 10px}
.v-visitors{display:grid;gap:10px}
.v-vis{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 22px -14px rgba(30,47,122,.25);border-left:4px solid #3b82f6;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.v-vis:hover{transform:translateY(-1px);box-shadow:0 14px 28px -14px rgba(30,47,122,.35);color:inherit}
.v-vis.k-back{border-left-color:#8b5cf6}.v-vis.k-hot{border-left-color:#f97316}.v-vis.k-booked{border-left-color:#22c55e}
.v-vis-av{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#60a5fa,#2563eb)}
.k-back .v-vis-av{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.k-hot .v-vis-av{background:var(--g-or)}.k-booked .v-vis-av{background:linear-gradient(135deg,#4ade80,#16a34a)}
.v-vis-main{flex:1;min-width:0}
.v-vis-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v-vis-top b{font-size:.95rem;color:var(--v-ink)}
.v-tag{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8}
.v-tag.k-back{background:#f5f3ff;color:#6d28d9}.v-tag.k-hot{background:#fff7ed;color:#c2410c}.v-tag.k-booked{background:#ecfdf3;color:#067647}
.v-tag.v-site{background:#f2f4f7;color:#344054;display:inline-flex;align-items:center;gap:5px}.v-tag.v-site i{width:7px;height:7px;border-radius:50%;display:inline-block}
.v-vis-page{font-weight:600;color:var(--v-ink2);margin:4px 0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-vis-page small{font-weight:400;color:var(--v-mute2)}
.v-vis-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.78rem;color:var(--v-mute);align-items:center}
.v-loc2{display:inline-flex;align-items:center;gap:3px;color:#0f766e;font-weight:600}
.v-src-pill{padding:1px 8px;border-radius:999px;font-weight:600;background:#f2f4f7;color:#344054;font-size:.78rem}
.v-vis-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.v-vis-time{font-size:.78rem;color:var(--v-mute);white-space:nowrap}
.s-google{background:#e8f0fe!important;color:#1a73e8!important}.s-direct{background:#f2f4f7!important;color:#475467!important}.s-fb{background:#e7f0ff!important;color:#1877f2!important}.s-ig{background:#fdf2f8!important;color:#c026d3!important}.s-wa{background:#ecfdf3!important;color:#16a34a!important}.s-yt{background:#fef2f2!important;color:#dc2626!important}.s-li{background:#eff8ff!important;color:#0a66c2!important}.s-ai{background:#f0fdf4!important;color:#047857!important}.s-bing{background:#ecfeff!important;color:#0e7490!important}.s-other{background:#fff7ed!important;color:#c2410c!important}
.v-src{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}
.v-pin{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.v-pin.c0,.v-tl-dot.c0{background:linear-gradient(135deg,#60a5fa,#2563eb)}.v-pin.c1,.v-tl-dot.c1{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.v-pin.c2,.v-tl-dot.c2{background:linear-gradient(135deg,#2dd4bf,#0d9488)}.v-pin.c3,.v-tl-dot.c3{background:linear-gradient(135deg,#f472b6,#db2777)}.v-pin.c4,.v-tl-dot.c4{background:var(--g-or)}.v-pin.c5,.v-tl-dot.c5{background:linear-gradient(135deg,#4ade80,#16a34a)}
.v-bars .v-li-main{display:block}
.v-lead-n{color:#067647}
.v-barline{display:block;height:6px;border-radius:99px;background:#f2f4f7;margin-top:6px;overflow:hidden}
.v-barline i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#60a5fa,#2563eb)}
.v-barline.c1 i{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.v-barline.c2 i{background:linear-gradient(90deg,#2dd4bf,#0d9488)}.v-barline.c3 i{background:linear-gradient(90deg,#f472b6,#db2777)}.v-barline.c4 i{background:linear-gradient(90deg,#ff8a3d,#f2581d)}.v-barline.c5 i{background:linear-gradient(90deg,#4ade80,#16a34a)}
.v-barline[class*=" s-"]{background:#f2f4f7!important}
.v-barline.s-google i{background:#1a73e8}.v-barline.s-direct i{background:#667085}.v-barline.s-fb i{background:#1877f2}.v-barline.s-ig i{background:#c026d3}.v-barline.s-wa i{background:#16a34a}.v-barline.s-yt i{background:#dc2626}.v-barline.s-li i{background:#0a66c2}.v-barline.s-ai i{background:#047857}.v-barline.s-bing i{background:#0e7490}.v-barline.s-other i{background:#f2581d}
.v-num{font-weight:700;color:var(--v-ink);font-size:.95rem;min-width:32px;text-align:right}
.v-tl{list-style:none;margin:0;padding:6px 0}
.v-tl li{display:flex;gap:14px;align-items:center;padding:10px 18px;position:relative}
.v-tl li+li::before{content:"";position:absolute;left:24px;top:-12px;height:24px;border-left:2px dashed #e4e7ec}
.v-tl-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #fff,0 0 0 5px #e4e7ec}
.v-tl-main{flex:1;min-width:0}.v-tl-main b{display:block;color:var(--v-ink);font-size:.9rem}
.v-tl-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.v-tl-side small{color:var(--v-mute);font-size:.75rem}
@media (max-width:768px){.v-hero-4{grid-template-columns:1fr 1fr}.v-vis{align-items:flex-start;padding:12px;gap:10px}.v-vis-av{width:38px;height:38px}.v-vis-side .btn{display:none}.v-vis-page{white-space:normal}}
.v-hero-stats a{color:#fff!important}
.v-tag.v-on{background:#ecfdf3;color:#067647}.v-tag.v-left{background:#f2f4f7;color:#667085}
.v-vis.is-left{opacity:.82}
.v-chart{display:flex;align-items:flex-end;gap:6px;height:200px;padding:16px 16px 10px;overflow-x:auto}
.v-col{flex:1;min-width:28px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;text-decoration:none;color:var(--v-ink2)}
.v-col b{font-size:.75rem}
.v-col i{display:block;width:100%;max-width:38px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#818cf8,#4338ca);transition:filter .15s}
.v-col:nth-child(3n+2) i{background:linear-gradient(180deg,#2dd4bf,#0d9488)}.v-col:nth-child(3n) i{background:linear-gradient(180deg,#ff8a3d,#f2581d)}
.v-col:hover i{filter:brightness(1.1)}
.v-col small{font-size:.68rem;color:var(--v-mute);white-space:nowrap}
.v-hero-top .v-inline{gap:8px;flex-wrap:wrap}
.pos{color:#067647}.v-legend{display:inline-flex;gap:6px;align-items:center;font-size:.8rem;color:var(--v-mute)}
.v-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:8px}.lg-new{background:linear-gradient(135deg,#4ade80,#16a34a)}.lg-left{background:linear-gradient(135deg,#f87171,#dc2626)}
.v-gchart{display:flex;gap:8px;align-items:flex-end;height:220px;padding:18px 16px 8px;overflow-x:auto;border-bottom:1px solid var(--v-line2)}
.v-gcol{flex:1;min-width:44px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}
.v-gbars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}
.v-gbars span{width:16px;border-radius:6px 6px 2px 2px;display:flex;align-items:flex-start;justify-content:center;font-size:.65rem;color:#fff;font-weight:700;padding-top:2px}
.b-new{background:linear-gradient(180deg,#4ade80,#16a34a)}.b-left{background:linear-gradient(180deg,#f87171,#dc2626)}
.v-gcol b{font-size:.8rem;color:var(--v-ink)}.v-gcol small{font-size:.68rem;color:var(--v-mute);white-space:nowrap}
/* colourful menu + headings */
.sidebar-nav>li:not(.nav-group):nth-child(10n+1) a:not(.active) .ico{color:#2563eb}
.sidebar-nav>li:not(.nav-group):nth-child(10n+2) a:not(.active) .ico{color:#f2581d}
.sidebar-nav>li:not(.nav-group):nth-child(10n+3) a:not(.active) .ico{color:#16a34a}
.sidebar-nav>li:not(.nav-group):nth-child(10n+4) a:not(.active) .ico{color:#7c3aed}
.sidebar-nav>li:not(.nav-group):nth-child(10n+5) a:not(.active) .ico{color:#0d9488}
.sidebar-nav>li:not(.nav-group):nth-child(10n+6) a:not(.active) .ico{color:#db2777}
.sidebar-nav>li:not(.nav-group):nth-child(10n+7) a:not(.active) .ico{color:#d97706}
.sidebar-nav>li:not(.nav-group):nth-child(10n+8) a:not(.active) .ico{color:#4338ca}
.sidebar-nav>li:not(.nav-group):nth-child(10n+9) a:not(.active) .ico{color:#0891b2}
.sidebar-nav>li:not(.nav-group):nth-child(10n+10) a:not(.active) .ico{color:#be123c}
.v-nav-h{gap:8px;font-size:.72rem!important;font-weight:700!important;letter-spacing:.1em}
.v-nav-h::before{content:"";width:18px;height:4px;border-radius:4px;background:var(--g-or)}
.grp-team .v-nav-h{color:#7c3aed}.grp-team .v-nav-h::before{background:linear-gradient(90deg,#a78bfa,#7c3aed)}
.grp-setup .v-nav-h{color:#0d9488}.grp-setup .v-nav-h::before{background:linear-gradient(90deg,#2dd4bf,#0d9488)}
.grp-system .v-nav-h{color:#e11d48}.grp-system .v-nav-h::before{background:linear-gradient(90deg,#fb7185,#e11d48)}
.grp-team ul a:not(.active) .ico{color:#7c3aed}.grp-setup ul a:not(.active) .ico{color:#0d9488}.grp-system ul a:not(.active) .ico{color:#e11d48}
.page-title{background:linear-gradient(90deg,#0b2340,#4338ca 60%,#f2581d);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:700!important}
@media (max-width:768px){.page-title{background:none;color:#fff!important}}
.v-toolbar .v-title,.card-header h3,.dash-h h3{position:relative;padding-left:12px!important}
.v-toolbar .v-title::before,.card-header h3::before,.dash-h h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:4px;background:linear-gradient(180deg,#ff8a3d,#7c3aed)}
.card:nth-of-type(3n+2) .v-toolbar .v-title::before{background:linear-gradient(180deg,#2dd4bf,#2563eb)}
.card:nth-of-type(3n) .v-toolbar .v-title::before{background:linear-gradient(180deg,#f472b6,#7c3aed)}
.v-sec h2{background:linear-gradient(90deg,#0b2340,#4338ca);-webkit-background-clip:text;background-clip:text;color:transparent}
.v-sec h2 .ico{-webkit-text-fill-color:initial}
.v-steps{margin:0 0 10px;padding-left:20px;line-height:1.7;font-size:.9rem}.v-steps li{margin-bottom:6px}.v-steps code,.card-body code{background:#f2f4f7;border-radius:6px;padding:1px 6px;font-size:.85em}
.v-gbars span[style*='height:0%']{display:none}
.v-tag.v-on{background:#dcfce7;color:#15803d}.v-tag.v-left{background:#f2f4f7;color:#667085}
.v-vis.v-gone{opacity:.82}
.v-hero-stats>a{display:block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px;color:#fff;text-decoration:none}
.v-hero-stats>a:hover{background:rgba(255,255,255,.22);color:#fff}
.v-hero-stats>a small{display:block;opacity:.8;font-size:.8rem}.v-hero-stats>a b{display:block;font-size:1.6rem;font-weight:700;margin-top:2px}
.v-daychart{display:flex;align-items:flex-end;gap:8px;padding:16px 18px;overflow-x:auto;min-height:190px}
.v-dc{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:38px;text-decoration:none;color:var(--v-ink2)}
.v-dc b{font-size:.75rem}.v-dc small{font-size:.68rem;color:var(--v-mute);white-space:nowrap}
.v-dc i{display:block;width:26px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#60a5fa,#2563eb)}
.v-dc i.c1{background:linear-gradient(180deg,#a78bfa,#7c3aed)}.v-dc i.c2{background:linear-gradient(180deg,#2dd4bf,#0d9488)}.v-dc i.c3{background:linear-gradient(180deg,#f472b6,#db2777)}.v-dc i.c4{background:var(--g-or)}.v-dc i.c5{background:linear-gradient(180deg,#4ade80,#16a34a)}
.v-dc:hover i{filter:brightness(1.1)}
.grp-appearance .v-nav-h{color:#db2777}.grp-appearance .v-nav-h::before{background:linear-gradient(90deg,#f472b6,#a855f7,#38bdf8)}
.v-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.v-preset{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#fff;border:2px solid transparent;border-radius:14px;padding:12px;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 20px -14px rgba(30,47,122,.25);font-family:inherit;text-align:left}
.v-preset:hover,.v-preset.on{border-color:var(--v-or)}
.v-sw{display:block;width:100%;height:46px;border-radius:10px}.v-sw2{display:block;width:60%;height:10px;border-radius:99px}
.v-preset b{font-size:.85rem;color:var(--v-ink)}
.v-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.v-color{display:flex!important;align-items:center;gap:12px;padding:10px;border:1px solid var(--v-line);border-radius:12px;cursor:pointer}
.v-color input{width:46px;height:46px;border:0;padding:0;border-radius:10px;cursor:pointer;background:none}
.v-color b{display:block;font-size:.85rem;color:var(--v-ink2)}.v-color small{color:var(--v-mute)}
/* v10.4 GST report tab */
.v-kpis-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.v-kpis-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.v-kpis-5{grid-template-columns:1fr 1fr}}
.v-verdict{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;margin-bottom:14px;color:#fff;box-shadow:0 10px 26px -14px rgba(16,24,40,.45)}
.v-verdict b{display:block;font-size:1.15rem}.v-verdict small{opacity:.92;font-size:.86rem}
.v-verdict-ic{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none}
.v-verdict-up{background:linear-gradient(120deg,#12b76a,#039855)}
.v-verdict-down{background:linear-gradient(120deg,#f04438,#b42318)}
.v-verdict-flat{background:linear-gradient(120deg,#f79009,#dc6803)}
.v-compare td.pos,.v-compare td.neg{font-weight:700}
@media(max-width:700px){.v-kpis-5>.v-kpi:last-child{grid-column:1/-1}}
.v-tfoot td{background:#f4f6ff;border-top:2px solid #dfe3f5}.v-tfoot+.v-tfoot td{background:#eef9f3;border-top:1px solid #d5efe1}
@media(min-width:701px){.v-tfoot td{padding:12px 16px;vertical-align:middle}}@media(max-width:700px){.v-table tfoot{display:block;width:100%}.v-tfoot{padding:10px 12px;border-radius:12px;margin-top:8px}}
/* v10.6 Leads list — clean cards */
.lc-list{display:flex;flex-direction:column;gap:8px}
.ld-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(150px,auto) auto auto;gap:14px;align-items:center;padding:12px 14px;background:#fff;border:1px solid var(--v-line,#e7eaf3);border-radius:14px;transition:box-shadow .15s,border-color .15s;position:relative}
.ld-row:hover{border-color:#d7dcf0;box-shadow:0 8px 22px -14px rgba(30,47,122,.35)}
.ld-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#cbd2dc}
.ld-row.pr-hot::before{background:#ef4444}.ld-row.pr-warm::before{background:#f59e0b}
.ld-av{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:1rem;color:#fff;text-decoration:none;background:linear-gradient(135deg,#94a3b8,#64748b)}
.pr-hot .ld-av{background:linear-gradient(135deg,#fb7185,#e11d48)}.pr-warm .ld-av{background:linear-gradient(135deg,#fbbf24,#f97316)}
.ld-main{min-width:0}
.ld-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.ld-name{font-weight:650;font-size:.97rem;color:var(--v-ink,#101828);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.ld-name:hover{color:var(--v-or,#f26b1d)}
.ld-svc{font-size:.86rem;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ld-chip{font-size:.68rem;font-weight:600;padding:1px 7px;border-radius:999px;background:#eef2ff;color:#4338ca}
.ld-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:3px;font-size:.78rem;color:#667085}
.ld-meta b{color:#cbd2dc;font-weight:400}.ld-meta span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.ld-meta .ld-mob{font-variant-numeric:tabular-nums;color:#344054}
.ld-site i{width:7px;height:7px;border-radius:50%;display:inline-block}
.ld-badge{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:600;padding:4px 10px;border-radius:999px;background:#fff7ed;color:#b54708;white-space:nowrap}
.ld-badge.urg{background:#fef3f2;color:#b42318}
.ld-ctl{display:flex;gap:8px}.ld-sel{margin:0}
.ld-pill{appearance:none;-webkit-appearance:none;border:1px solid transparent;border-radius:999px;padding:6px 28px 6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;min-width:120px;max-width:190px;background:#f2f4f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;color:#344054;text-overflow:ellipsis}
.ld-pill:focus{outline:2px solid #c7d2fe;outline-offset:1px}
.st-new{background-color:#eff6ff;color:#1d4ed8}.st-called{background-color:#f0f9ff;color:#0369a1}.st-docs{background-color:#fffaeb;color:#b54708}
.st-in_progress,.st-review{background-color:#f5f3ff;color:#6d28d9}.st-filed,.st-refund,.st-converted{background-color:#ecfdf3;color:#067647}.st-lost{background-color:#f2f4f7;color:#667085}
.ld-as{background-color:#fff;border-color:#e4e7ec;font-weight:500}.ld-as.none{color:#98a2b3}
.ld-act{display:flex;gap:6px}
.ld-ib{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;text-decoration:none;border:1px solid #e4e7ec;color:#344054;background:#fff;transition:transform .1s}
.ld-ib:hover{transform:translateY(-1px)}
.ld-ib.call{background:linear-gradient(135deg,#fb923c,#f26b1d);border:0;color:#fff}
.ld-ib.wa{background:#ecfdf3;border-color:#abefc6;color:#067647}
@media(max-width:1100px){.ld-row{grid-template-columns:42px minmax(0,1fr) auto}.ld-next{grid-column:2/4;order:3}.ld-ctl{grid-column:2/3;order:4}.ld-act{order:2}}
@media(max-width:700px){
 .ld-row{grid-template-columns:40px minmax(0,1fr) auto;gap:8px 10px;padding:12px}
 .ld-top{flex-direction:column;gap:1px}.ld-name{max-width:100%}
 .ld-next{grid-column:1/-1;order:3}.ld-next:empty{display:none}
 .ld-ctl{grid-column:1/-1;order:4}.ld-ctl .ld-sel{flex:1}.ld-pill{width:100%;max-width:none}
 .ld-act{order:2;align-self:start}.ld-ib.open{display:none}
}
.lc-fbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media(max-width:700px){
 .ld-row{grid-template-columns:minmax(0,1fr) auto}.ld-av{display:none}
 .ld-meta{flex-wrap:nowrap;overflow:hidden}.ld-meta span{min-width:0}.ld-meta span:not(.ld-mob){overflow:hidden;text-overflow:ellipsis}
 .ld-top{flex-direction:row;flex-wrap:wrap;gap:0 8px}
 .lc-fbar{display:grid;grid-template-columns:1fr 1fr}.lc-fbar>input[type=search]{grid-column:1/-1}.lc-fbar .btn{justify-content:center}
}
@media(max-width:700px){
 .ld-meta{flex-wrap:wrap;overflow:visible}.ld-meta span{overflow:visible!important}.ld-meta .ld-site,.ld-meta .ld-site+b{display:none}
 .lc-fbar .form-control{min-width:0!important;width:100%}
}
.ld-ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;background:#f2f4f7;color:#344054;padding:1px 6px;border-radius:6px}
/* v10.7 follow-up popover */
.ld-fu{position:relative}.ld-fu>summary{list-style:none;cursor:pointer}.ld-fu>summary::-webkit-details-marker{display:none}
.ld-fu>summary .ld-badge{transition:box-shadow .15s}.ld-fu>summary:hover .ld-badge{box-shadow:0 0 0 2px #fed7aa}
.ld-badge.set{background:#eef4ff;color:#3538cd}.ld-badge.ghost{background:#f2f4f7;color:#475467}
.ld-fu-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:270px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 18px 40px -12px rgba(16,24,40,.28);padding:14px;display:flex;flex-direction:column;gap:10px}
.ld-fu-pop b{font-size:.9rem}.ld-fu-pop small{color:#667085;font-size:.74rem;line-height:1.35}
.ld-fu-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ld-fu-mode input{position:absolute;opacity:0}
.ld-fu-mode span{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid #e4e7ec;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;color:#475467}
.ld-fu-mode input:checked+span{border-color:#f26b1d;background:#fff7ed;color:#c2410c}
.ld-fu-btns{display:flex;gap:8px}.ld-fu-btns .btn{flex:1;justify-content:center}
@media(max-width:700px){.ld-fu-pop{left:0;right:auto;width:min(290px,calc(100vw - 48px))}}

/* ===== v11: layout fix, live chat, notices, works summary, mobile clean-up ===== */
@media (max-width:992px){
  .main-content{margin-left:0!important}
  .sidebar{transform:translateX(-100%)}
  .sidebar.open{transform:none;box-shadow:12px 0 32px rgba(16,24,40,.2)}
  .menu-toggle{display:inline-flex!important}
}
/* notices stack (same look as the check-in box) */
#vNoticeStack{position:fixed;right:20px;bottom:20px;z-index:330;display:flex;flex-direction:column-reverse;gap:10px;width:320px;pointer-events:none}
#vNoticeStack .v-checkin{position:static;width:auto;pointer-events:auto}
.v-notice.is-rem{border-top-color:var(--v-bad)}
.v-notice .v-ci-t{display:flex;align-items:center;gap:6px}
/* header blast button + modal */
.v-blast-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--v-line);background:#fff;color:var(--v-or-d);cursor:pointer}
.v-blast-btn:hover{background:var(--v-or-50)}
.v-modal{position:fixed;inset:0;z-index:400;background:rgba(16,24,40,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.v-modal[hidden]{display:none}
.v-modal-card{background:#fff;border-radius:16px;width:min(520px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 60px rgba(16,24,40,.25)}
.v-modal-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--v-line)}
.v-modal-h b{display:flex;align-items:center;gap:8px;color:var(--v-ink)}
.v-modal-x{background:none;border:0;cursor:pointer;font-size:1.3rem;line-height:1;color:var(--v-mute);padding:4px 8px;border-radius:8px}
.v-modal-x:hover{background:#f2f4f7}
.v-modal-card form>label{display:block;padding:12px 18px 0;font-weight:500;font-size:.88rem;color:var(--v-ink2)}
.v-modal-card form>label .form-control{margin-top:4px}
.v-modal-f{margin-top:14px}
.v-modal-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--v-line)}
/* WhatsApp choice sheet */
.v-sheet{position:fixed;inset:0;z-index:420;background:rgba(16,24,40,.45);display:flex;align-items:flex-end;justify-content:center}
.v-sheet-card{background:#fff;width:100%;max-width:480px;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;animation:vup .2s ease}
.v-sheet-card>b{font-size:.95rem;color:var(--v-ink);margin-bottom:4px}
.v-sheet-opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--v-line);border-radius:12px;color:var(--v-ink)!important;text-decoration:none;font-weight:500}
.v-sheet-opt:hover{background:#f9fafb}
@keyframes vup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
/* tabs, segmented control, work type badge */
.v-tabs{margin-bottom:12px}
.v-tabs a{display:inline-flex;align-items:center;gap:6px}
.v-tabs a .ico{color:var(--v-mute)}
.v-tabs a.on .ico{color:var(--v-or)}
.v-tabs .v-tab-more{margin-left:auto;color:var(--v-or-d)}
.v-seg{display:flex;gap:8px;flex-wrap:wrap}
.v-seg label{flex:1;min-width:180px;margin:0;cursor:pointer}
.v-seg input{position:absolute;opacity:0;pointer-events:none}
.v-seg span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1.5px solid var(--v-line);border-radius:10px;font-weight:500;color:var(--v-ink2);flex-wrap:wrap}
.v-seg span small{color:var(--v-mute);font-weight:400;width:100%}
.v-seg input:checked+span{border-color:var(--v-or);background:var(--v-or-50);color:var(--v-or-d)}
.v-seg input:focus-visible+span{outline:2px solid var(--v-or);outline-offset:2px}
.v-wt{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;vertical-align:middle}
.v-wt-inhouse{background:#eef4ff;color:#3538cd}
.v-wt-outsourced{background:var(--v-or-50);color:var(--v-or-d)}
/* works summary money panel */
.v-money{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:14px 0}
.v-money>*{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-r);padding:12px 14px;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--v-ink)}
.v-money small{color:var(--v-mute);font-size:.76rem}
.v-money b{font-size:1.15rem}
.v-money em{font-style:normal;font-size:.76rem;color:var(--v-ok)}
.v-money .ok b{color:#067647}
.v-money .warn b{color:#b54708}
.v-money a.warn:hover{border-color:var(--v-warn)}
.v-money .hl{background:var(--v-navy);border-color:var(--v-navy)}
.v-money .hl small,.v-money .hl em{color:#cfd8e3}.v-money .hl b{color:#fff}
.neg{color:var(--v-bad)!important}
.lc-tiles a{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.lc-tiles a:hover{border-color:var(--v-or)}
/* row actions / delete / secrets */
.v-row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.v-del-btn{color:var(--v-bad)!important;border-color:#fecdca!important}
.v-del-btn:hover{background:var(--v-bad-50)!important}
.v-secret{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.5px;word-break:break-all}
/* trademark class helper */
.tm-cls{display:grid;grid-template-columns:120px 1fr;gap:8px}
.tm-cls-desc,.tm-cls-sug{grid-column:1/-1}
.tm-cls-desc{font-size:.82rem;color:var(--v-ink2);background:#f9fafb;border-radius:8px;padding:0 10px}
.tm-cls-desc:not(:empty){padding:8px 10px}
.tm-cls-sug{display:flex;gap:6px;flex-wrap:wrap}
.tm-chip{border:1px solid var(--v-line);background:#fff;border-radius:999px;padding:4px 10px;font-size:.78rem;cursor:pointer;color:var(--v-ink2)}
.tm-chip:hover,.tm-chip.on{border-color:var(--v-or);background:var(--v-or-50);color:var(--v-or-d)}
.tm-row{display:grid!important;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:10px;align-items:center;text-decoration:none;color:inherit}
/* live visitors buttons */
.v-vis-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.v-vis-btns .btn{display:inline-flex!important;align-items:center;gap:4px}
.v-tag.v-chat-on{background:#eef4ff;color:#3538cd}
/* live chat */
.ch-wrap{display:grid;grid-template-columns:320px 1fr;gap:14px;height:calc(100vh - 130px);min-height:480px}
.ch-list,.ch-thread{display:flex;flex-direction:column;overflow:hidden;margin:0!important}
.ch-list-h{padding:14px 16px;border-bottom:1px solid var(--v-line);display:flex;flex-direction:column}
.ch-list{overflow-y:auto!important}
.ch-list-h{position:sticky;top:0;background:#fff;z-index:1}
.ch-item{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--v-line2);text-decoration:none;color:var(--v-ink)}
.ch-item:hover{background:#f9fafb}
.ch-item.on{background:var(--v-or-50)}
.ch-item.unread b{color:var(--v-ink)}
.ch-item.unread .ch-main small:first-of-type{color:var(--v-ink2);font-weight:600}
.ch-av{width:38px;height:38px;border-radius:50%;background:var(--v-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}
.ch-main{flex:1;min-width:0;display:flex;flex-direction:column}
.ch-main b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-main small{color:var(--v-mute);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-meta i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}
.ch-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ch-side small{color:var(--v-mute2);font-size:.72rem}
.ch-side .v-count{margin-left:0}
.ch-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--v-line);flex-wrap:wrap}
.ch-who{flex:1;min-width:0}
.ch-who b{display:block}
.ch-who small{color:var(--v-mute);font-size:.78rem}
.ch-acts{display:flex;gap:6px;flex-wrap:wrap}
.ch-back{display:none;color:var(--v-ink2);transform:rotate(180deg)}
.ch-msgs{flex:1;overflow:auto;padding:16px;background:#f5f6f8;display:flex;flex-direction:column;gap:8px}
.ch-msg{display:flex;flex-direction:column;max-width:78%}
.ch-msg.in{align-self:flex-start}
.ch-msg.out{align-self:flex-end;align-items:flex-end}
.ch-b{padding:9px 12px;border-radius:14px;font-size:.9rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.ch-msg.in .ch-b{background:#fff;border:1px solid var(--v-line);border-bottom-left-radius:4px}
.ch-msg.out .ch-b{background:var(--v-or);color:#fff;border-bottom-right-radius:4px}
.ch-msg small{font-size:.7rem;color:var(--v-mute2);margin-top:2px}
.ch-hint{margin:auto;text-align:center;color:var(--v-mute);font-size:.88rem;max-width:360px}
.ch-quick{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-top:1px solid var(--v-line);scrollbar-width:none}
.ch-quick .btn{white-space:nowrap;flex-shrink:0}
.ch-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--v-line);margin:0}
.ch-form textarea{resize:none;min-height:42px;max-height:120px}
.ch-form .btn{flex-shrink:0;width:46px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.ch-foot{display:block;padding:0 12px 10px;font-size:.74rem}
@media (max-width:900px){
  .ch-wrap{grid-template-columns:1fr;height:auto}
  .ch-wrap.has-cur .ch-list{display:none}
  .ch-wrap:not(.has-cur) .ch-thread{display:none}
  .ch-thread{height:calc(100vh - 150px);height:calc(100dvh - 150px - env(safe-area-inset-bottom))}
  .ch-back{display:inline-flex}
}
/* mobile: clean, less crowded */
@media (max-width:768px){
  #vNoticeStack{left:12px;right:12px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}
  .v-vis-side .btn,.v-vis-btns .btn{display:inline-flex!important}
  .v-vis{flex-wrap:wrap}
  .v-vis-main{flex:1 1 calc(100% - 60px)}
  .v-vis-side{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0}
  .v-vis-side .v-vis-time{position:absolute;top:12px;right:14px}
  .v-vis-btns{width:100%;margin-top:4px}
  .v-vis-btns .btn,.v-vis-btns form{flex:1;justify-content:center}
  .v-vis-btns form .btn{width:100%}
  .v-blast-btn{width:32px;height:32px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}
  .ch-wrap{margin:-4px -4px 0}
  .ch-thread{height:calc(100dvh - 140px - env(safe-area-inset-bottom))}
  .ch-msg{max-width:88%}
  .ch-acts .btn{padding:5px 8px!important}
  .tm-row{grid-template-columns:1fr 1fr;gap:6px}
  .tm-cls{grid-template-columns:90px 1fr}
  .v-money{grid-template-columns:1fr 1fr}
  .v-money .hl{grid-column:1/-1}
  .v-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .v-tabs a{white-space:nowrap;flex-shrink:0}
  .v-seg label{min-width:100%}
  .lc-grid{grid-template-columns:1fr!important}
  .lc-tiles{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr!important;gap:0!important}
  .form-control{font-size:16px}
  .card-header{flex-wrap:wrap;gap:8px}
  .card-body{padding:14px!important}
  .btn{min-height:36px}
  .filters{flex-direction:column;align-items:stretch!important}
  .filters>*{width:100%;max-width:none!important}
  .lc-form[style*="flex"]>*{max-width:none!important;flex:1 1 100%!important}
  .v-row-actions{width:100%}
  .lc-card{padding:12px!important}
  .lc-meta{gap:6px!important;font-size:.8rem}
  .table-responsive{margin:0 -14px;padding:0 14px}
  .v-modal{align-items:flex-end;padding:0}
  .v-modal-card{border-radius:18px 18px 0 0;max-height:92vh}
}
.v-chat-prof{display:flex;gap:14px;align-items:center;margin:4px 0 6px}
.v-chat-prof-av{width:64px;height:64px;border-radius:50%;background:var(--v-or);color:#fff;font-weight:700;font-size:1.4rem;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.v-chat-prof-av img{width:100%;height:100%;object-fit:cover}
@media (max-width:768px){.v-chat-prof{align-items:flex-start}.v-chat-prof-av{width:52px;height:52px}}
/* v11.2 convert in one step */
.cv-form .v-seg{margin:4px 0 12px}
.cv-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.cv-foot small{flex-basis:100%}
.cv-flash{box-shadow:0 0 0 3px var(--v-or)!important;transition:box-shadow .3s}
.v-hero-month{display:flex;align-items:center;gap:8px;margin-top:8px}
.v-hero-month input{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:4px 8px;font:inherit;font-size:.82rem;color-scheme:dark}
.v-hero-month small{color:rgba(255,255,255,.75);font-size:.78rem}
/* v11.3 chat presence + typing */
.ch-status{font-weight:500;font-size:.72rem;color:var(--v-mute);margin-left:6px}
.ch-status.on{color:#067647}.ch-status.on::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#12b76a;margin-right:4px;vertical-align:middle}
.ch-typing{display:flex;align-items:center;gap:3px;padding:6px 16px;font-size:.8rem;color:var(--v-mute);background:#f5f6f8}
.ch-typing[hidden]{display:none}
.ch-typing i{width:6px;height:6px;border-radius:50%;background:var(--v-mute2);animation:chdot 1s infinite}
.ch-typing i:nth-child(2){animation-delay:.15s}.ch-typing i:nth-child(3){animation-delay:.3s}
.ch-typing span{margin-left:6px}
@keyframes chdot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.ch-tk{font-size:.85rem;font-weight:700;letter-spacing:-2px;margin-left:3px;color:var(--v-mute2)}.ch-tk.rd{color:#2e90fa}

/* v12: 6 money boxes with hover help */
.v-money6{grid-template-columns:repeat(3,minmax(0,1fr))}
.v-money6 a{position:relative}.v-money6 a:hover{z-index:20}
.v-money6 a em{display:block;font-style:normal;font-size:.75rem;opacity:.75;margin-top:2px}
.v-money6 a[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:8px;right:8px;top:calc(100% + 6px);z-index:30;background:#0a2540;color:#fff;font-size:.78rem;line-height:1.4;font-weight:400;padding:8px 10px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25);pointer-events:none}
@media (max-width:760px){.v-money6{grid-template-columns:1fr 1fr}.v-money6 a:first-child{grid-column:auto}.v-money6 a[data-tip]:hover::after{display:none}}
.mn-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.mn-tabs a{display:flex;flex-direction:column;padding:8px 14px;border-radius:12px;border:1px solid #d5dbe3;background:#fff;color:#0a2540;text-decoration:none;min-width:130px}
.mn-tabs a small{font-size:.75rem;color:#64748b}.mn-tabs a b{font-size:1.05rem}
.mn-tabs a.on{background:#0a2540;color:#fff;border-color:#0a2540}.mn-tabs a.on small{color:#cbd5e1}
.mn-tbl td,.mn-tbl th{white-space:nowrap}.mn-tbl .mn-act{display:flex;gap:6px;flex-wrap:wrap}
.mn-tbl .neg{color:#b91c1c}.mn-tbl .pos{color:#047857}

/* v12b: 6 compact boxes in one row */
.v-money6{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.v-money6 a{padding:10px 12px;border-radius:12px}
.v-money6 a small{font-size:.74rem}
.v-money6 a b{font-size:1.15rem;letter-spacing:0;margin-top:2px}
.v-money6 a em{font-size:.7rem}
.v-money6 a.ok b{color:#86efac}.v-money6 a.warn b{color:#fdba74}.v-money6 a.due b{color:#fca5a5}
.v-hero-month select{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:5px 8px;font-size:.85rem}
.v-hero-month select option,.v-hero-month select optgroup{color:#0a2540;background:#fff}
@media (max-width:1100px){.v-money6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.v-money6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mn-tabs .mn-info{display:flex;flex-direction:column;padding:8px 14px;border-radius:12px;border:1px dashed #d5dbe3;background:#f8fafc;color:#0a2540;min-width:130px}
.mn-tabs .mn-info small{font-size:.75rem;color:#64748b}.mn-tabs .mn-info b{font-size:1.05rem}
.mn-tabs a small+b+small,.mn-tabs .mn-info b+small{font-size:.7rem}
.v-money6 a[data-tip]:hover::after{top:auto;bottom:calc(100% + 6px)}
.v-money6 a em br+*{display:block}

/* v12c: two rows — selected month (5) + all-time totals (3) */
.v-money5,.v-money3{display:grid;gap:10px;margin-top:6px}
.v-money5{grid-template-columns:repeat(5,minmax(0,1fr))}.v-money3{grid-template-columns:repeat(3,minmax(0,1fr))}
.v-money5 a,.v-money3 a{position:relative;padding:10px 12px;border-radius:12px}
.v-money5 a:hover,.v-money3 a:hover{z-index:20}
.v-money5 a small,.v-money3 a small{font-size:.74rem}
.v-money5 a b,.v-money3 a b{font-size:1.15rem;letter-spacing:0;margin-top:2px}
.v-money5 a em,.v-money3 a em{display:block;font-style:normal;font-size:.7rem;opacity:.75;margin-top:2px}
.v-money5 a.ok b,.v-money3 a.ok b{color:#86efac}.v-money5 a.warn b,.v-money3 a.warn b{color:#fdba74}.v-money5 a.due b,.v-money3 a.due b{color:#fca5a5}
.v-money5 a[data-tip]:hover::after,.v-money3 a[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:8px;right:8px;bottom:calc(100% + 6px);z-index:30;background:#0a2540;color:#fff;font-size:.78rem;line-height:1.4;font-weight:400;padding:8px 10px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25);pointer-events:none}
.v-row-label{position:relative;z-index:1;margin-top:14px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75;color:#fff}
@media (max-width:1100px){.v-money5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.v-money5,.v-money3{grid-template-columns:repeat(2,minmax(0,1fr))}.v-money5 a[data-tip]:hover::after,.v-money3 a[data-tip]:hover::after{display:none}}

/* ── Compliance (v12) ── */
.cm-list{padding:6px 10px}
.cm-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 6px;border-bottom:1px solid #eef1f5}
.cm-row:last-child{border-bottom:0}
.cm-row.cm-late{background:#fff5f5;border-radius:8px}
.cm-main{flex:1 1 260px;min-width:0}
.cm-main b{font-weight:600;color:#0a2540}
.cm-sub{font-size:.82rem;color:#64748b;margin-top:2px;overflow-wrap:anywhere}
.cm-sub a{color:#1d4ed8;text-decoration:none}
.cm-done,.cm-pop{position:relative}
.cm-done>summary,.cm-pop>summary{list-style:none;cursor:pointer}
.cm-done>summary::-webkit-details-marker,.cm-pop>summary::-webkit-details-marker{display:none}
.cm-done[open],.cm-pop[open]{flex:1 1 100%}
.cm-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:8px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}
.cm-form label{display:flex;flex-direction:column;font-size:.8rem;gap:3px;flex:1 1 170px;margin:0}
.cm-form label.remember-row{flex-direction:row;align-items:center;flex-basis:100%}
.cm-pop .cm-form{min-width:min(560px,86vw)}
.cm-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.cm-bar .lc-chips{flex:1 1 100%}
.cm-bar .form-control{flex:1 1 200px;max-width:340px}
.cm-svc{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.cm-tick{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d5dbe3;border-radius:999px;background:#fff;font-size:.84rem;cursor:pointer;margin:0}
.cm-tick:has(input:checked){background:#e8f0fe;border-color:#1d4ed8;color:#0a2540;font-weight:600}
.cm-client>summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cm-up{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}
.cm-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}
.cm-grid .form-control{min-width:110px;padding:5px 8px;height:auto}
.cm-perms{margin-top:12px;padding:12px;border:1px solid #e2e8f0;border-radius:10px}
.cm-perm-h{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center}
.mn-tabs a.cm-bad:not(.on){border-color:#fca5a5;background:#fff5f5}
.mn-tabs a.cm-bad:not(.on) b{color:#b91c1c}
@media (max-width:768px){.mn-tabs a,.mn-tabs .mn-info{min-width:0;flex:1 1 calc(50% - 8px)}.cm-row{padding:10px 2px}.cm-bar .form-control{max-width:none}}

/* ── ITR Desk ── */
.itr-sec{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 8px}
.itr-sec b{font-size:.95rem;color:#0a2540}
.itr-sec .form-control{max-width:170px;padding:5px 8px;height:auto}
.itr-row .badge{white-space:nowrap}
.itr-money{display:flex;flex-direction:column;align-items:flex-end;min-width:96px;font-weight:600;font-size:.9rem}
.itr-money small{font-weight:500;font-size:.75rem}
.itr-money small.pos{color:#047857}.itr-money small.neg{color:#b91c1c}
.itr-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start}
.itr-acts .cm-pop[open]{flex:1 1 100%}
.itr-bars{display:flex;align-items:flex-end;gap:3px;height:140px;padding-top:14px}
.itr-bars a{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-decoration:none;position:relative}
.itr-bars i{display:block;width:100%;background:#93b4f5;border-radius:4px 4px 0 0;min-height:2px}
.itr-bars a:hover i,.itr-bars a.on i{background:#1d4ed8}
.itr-bars small{position:absolute;top:-14px;font-size:.62rem;color:#64748b}
.itr-bars-x{display:flex;justify-content:space-between;font-size:.72rem;color:#64748b;margin-top:4px}
@media (max-width:768px){.itr-money{align-items:flex-start;min-width:0}.itr-bars small{display:none}.itr-row .cm-main{flex-basis:100%}}
.itr-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.itr-top-f,.itr-top-b{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.itr-top-f .form-control{width:auto;min-width:0;padding:6px 10px;height:36px}
.itr-top-f .itr-q{width:240px}
.itr-kpi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.itr-kpi a{display:flex;flex-direction:column;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0a2540;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.itr-kpi a:hover{border-color:#94a3b8;box-shadow:0 2px 8px rgba(16,24,40,.06)}
.itr-kpi small{font-size:.76rem;color:#64748b}.itr-kpi b{font-size:1.2rem;margin:2px 0}.itr-kpi em{font-style:normal;font-size:.72rem;color:#64748b}
.itr-kpi a.ok b{color:#047857}.itr-kpi a.warn b{color:#b45309}.itr-kpi a.bad{border-color:#fecaca;background:#fff7f7}.itr-kpi a.bad b{color:#b91c1c}
.itr-wrap{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}
.itr-side{position:sticky;top:76px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;max-height:calc(100vh - 96px);overflow:auto}
.itr-side-g{margin-bottom:8px}
.itr-side-g>span{display:block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;padding:6px 8px 4px}
.itr-side-g a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;color:#334155;text-decoration:none;font-size:.86rem}
.itr-side-g a b{font-weight:600;color:#0a2540;font-size:.82rem}
.itr-side-g a:hover{background:#f1f5f9}
.itr-side-g a.on{background:#0a2540;color:#fff}.itr-side-g a.on b{color:#fff}
.itr-main{min-width:0}
.itr-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:2px 2px 8px}
.itr-head h3{margin:0;font-size:1.02rem;color:#0a2540}.itr-head span{font-size:.82rem;color:#475569}
.xl-wrap{overflow:auto;max-height:calc(100vh - 230px);border:1px solid #d9dee5;border-radius:10px;background:#fff}
table.xl{width:100%;border-collapse:collapse;font-size:13px;color:#1e293b}
table.xl th,table.xl td{border:1px solid #e3e8ef;padding:6px 8px;white-space:nowrap;vertical-align:middle;text-align:left}
table.xl thead th{position:sticky;top:0;z-index:2;background:#eef2f7;font-weight:600;font-size:12px;color:#334155;border-bottom:2px solid #cbd5e1}
table.xl thead th a{color:inherit;text-decoration:none;border-bottom:1px dashed #94a3b8}
table.xl tbody tr:nth-child(even) td{background:#fafbfd}
table.xl tbody tr:hover td{background:#eef4ff}
table.xl tbody tr.late td{background:#fff5f5}
table.xl .r{text-align:right;font-variant-numeric:tabular-nums}
table.xl td.n{color:#94a3b8;text-align:right;width:1%}
table.xl td.nm small{display:block;color:#64748b;font-size:11px}
table.xl td.cm{white-space:normal;min-width:180px;max-width:280px;font-size:12px;color:#475569}
table.xl td.cm b{color:#b91c1c;font-weight:600}
table.xl td.ac{display:flex;gap:4px;border-left:0;border-right:0}
table.xl td.ac form{margin:0}
table.xl tfoot td,table.xl tr.tot td{background:#eef2f7!important;font-weight:700}
.xl-wrap table.xl tfoot td{position:sticky;bottom:0}
table.xl a{color:#1d4ed8;text-decoration:none}
table.xl .neg{color:#b91c1c}table.xl .pos{color:#047857}
.itr-open{background:none;border:0;padding:0;font:inherit;color:#0a2540;font-weight:600;cursor:pointer;text-align:left}
.itr-open:hover{color:#1d4ed8;text-decoration:underline}
.cnt{font-style:normal;display:inline-block;background:#0a2540;color:#fff;border-radius:99px;font-size:10px;padding:0 6px;margin-left:4px}
.xb{border:1px solid #cbd5e1;background:#fff;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600;color:#0a2540;cursor:pointer;white-space:nowrap}
.xb:hover{background:#f1f5f9}
form .xb{background:#ecfdf5;border-color:#86efac;color:#047857}
.st{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11.5px;font-weight:600;background:#f1f5f9;color:#475569}
.st-contacted,.st-replied{background:#e0ecff;color:#1d4ed8}.st-docs{background:#fff4e0;color:#b45309}.st-filed{background:#fef9c3;color:#a16207}.st-completed{background:#dcfce7;color:#047857}.st-na{background:#f1f5f9;color:#94a3b8}
.itr-pager{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px 0;font-size:.86rem;color:#64748b}
.itr-dlg{border:0;border-radius:16px;padding:0;width:min(720px,94vw);max-height:90vh;box-shadow:0 24px 60px rgba(16,24,40,.3)}
.itr-dlg::backdrop{background:rgba(16,24,40,.45)}
.itr-dlg-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:1}
.itr-dlg-h b{font-size:1.05rem;color:#0a2540}
.itr-x{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:#64748b}
.itr-dlg-b{padding:12px 18px 18px}
.itr-dlg-info{font-size:.85rem;color:#475569;margin-bottom:6px}
.itr-f-h{flex-basis:100%;font-size:.85rem;color:#0a2540}
@media (max-width:1100px){.itr-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.itr-wrap{grid-template-columns:1fr}.itr-side{position:static;max-height:none;display:flex;gap:6px;overflow-x:auto;padding:6px}.itr-side-g{display:flex;gap:4px;margin:0;flex-shrink:0}.itr-side-g>span{display:none}.itr-side-g a{white-space:nowrap;border:1px solid #e2e8f0}.itr-top-f .itr-q{width:100%}.itr-top-f,.itr-top-b{width:100%}.xl-wrap{max-height:none}}
@media (max-width:560px){.itr-kpi{grid-template-columns:1fr 1fr}}

/* Excel-style tables win over the global table look */
table.xl{font-size:13px!important}
table.xl thead th{padding:7px 8px!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important;color:#334155!important;background:#eef2f7!important;border:1px solid #d5dce6!important;border-bottom:2px solid #cbd5e1!important}
table.xl tbody td,table.xl tfoot td{padding:5px 8px!important;border:1px solid #e3e8ef!important;color:#1e293b}
table.xl tbody tr:nth-child(even) td{background:#fafbfd!important}
table.xl tbody tr:hover td{background:#eef4ff!important}
table.xl tbody tr.late td{background:#fff5f5!important}
table.xl td.ac{display:table-cell}
table.xl td.ac form,table.xl td.ac>.xb{display:inline-block;margin:0 2px 0 0}
/* Service desk menu (ITR, Compliance) */
.v-mod-back a{font-weight:600}
.v-flip{transform:rotate(180deg)}
.v-mod-title{display:flex;align-items:center;gap:10px;padding:12px 14px 4px;font-weight:700;font-size:1rem;color:var(--v-ink,#0a2540)}
.v-mod-n{margin-left:auto;font-size:.78rem;font-weight:600;opacity:.85}
.sidebar-nav a.active .v-mod-n{opacity:1}
.itr-wrap.itr-full{grid-template-columns:minmax(0,1fr)}

/* ── Regular Clients desk ── */
.rc-verdict{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;margin-bottom:12px;border:1px solid #e2e8f0;background:#fff}
.rc-verdict b{display:block;font-size:1.05rem;color:#0a2540}.rc-verdict small{color:#475569;font-size:.84rem}
.rc-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.rc-up{background:linear-gradient(110deg,#ecfdf5,#ffffff 70%);border-color:#a7f3d0}.rc-up .rc-ic{background:#10b981;color:#fff}
.rc-down{background:linear-gradient(110deg,#fef2f2,#ffffff 70%);border-color:#fecaca}.rc-down .rc-ic{background:#ef4444;color:#fff}
.rc-flat{background:linear-gradient(110deg,#f8fafc,#ffffff 70%)}.rc-flat .rc-ic{background:#94a3b8;color:#fff}
.itr-kpi .itr-kpi-s{display:flex;flex-direction:column;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0a2540}
.itr-kpi .itr-kpi-s small{font-size:.76rem;color:#64748b}.itr-kpi .itr-kpi-s b{font-size:1.2rem;margin:2px 0}.itr-kpi .itr-kpi-s em{font-style:normal;font-size:.72rem;color:#64748b}
.itr-kpi .itr-kpi-s.ok b{color:#047857}.itr-kpi .itr-kpi-s.bad{border-color:#fecaca;background:#fff7f7}.itr-kpi .itr-kpi-s.bad b{color:#b91c1c}
.itr-kpi4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rc-bar{height:6px;background:#f1f5f9;border-radius:6px;margin:2px 0;overflow:hidden}.rc-bar i{display:block;height:100%;border-radius:6px}.rc-bar i.n{background:#10b981}.rc-bar i.l{background:#f87171}
@media (max-width:860px){.itr-kpi4{grid-template-columns:1fr 1fr}}

/* ── Soft gradient look across the CRM (like the website's "Trusted by" card) ── */
body{background:
  radial-gradient(900px 520px at 8% -6%, rgba(16,185,129,.10), transparent 62%),
  radial-gradient(900px 560px at 100% 0%, rgba(249,115,22,.12), transparent 60%),
  radial-gradient(800px 600px at 55% 108%, rgba(59,130,246,.07), transparent 60%),
  #f6f7fb!important;background-attachment:fixed!important}
.main-content,.content-area{background:transparent!important}
.card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94))!important;border:1px solid rgba(226,232,240,.9)!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px -12px rgba(16,24,40,.08)!important}
.itr-kpi a,.itr-kpi .itr-kpi-s,.mn-tabs a,.mn-tabs .mn-info{background:linear-gradient(135deg,#ffffff 0%,#ffffff 55%,#fff6ee 100%)}
.itr-kpi a.ok,.itr-kpi .itr-kpi-s.ok{background:linear-gradient(135deg,#ffffff 0%,#ffffff 55%,#ecfdf5 100%)}
.itr-kpi a.bad,.itr-kpi .itr-kpi-s.bad,.mn-tabs a.cm-bad:not(.on){background:linear-gradient(135deg,#fff 0%,#fff7f7 60%,#fee2e2 100%)}
.mn-tabs a.on{background:#0a2540}
.xl-wrap{box-shadow:0 8px 24px -14px rgba(16,24,40,.12)}
.st-login{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:10px 12px;margin:8px 0 10px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;font-size:.88rem}

/* Statement of account (inside the CRM) */
.stm-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid #0a2540;padding-bottom:10px;margin-bottom:8px}
.stm-h b{display:block;font-size:1.05rem}.stm-h small{display:block;color:#64748b}.stm-to{text-align:right}
.stm-p{color:#334155;font-size:.88rem;margin:6px 0}.stm-due{font-size:1rem;margin-top:10px}
@media(max-width:600px){.stm-to{text-align:left}}

/* ═════════════ v29 design: dashboard look everywhere (look only — nothing in data or functions changed) ═════════════ */
:root{--db-r:16px;--db-sh:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.05)}
/* sidebar groups: heading only, open on click */
.sidebar-nav .nav-group .v-nav-tg{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;cursor:pointer;padding:10px 12px 6px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#98a2b3;border-radius:8px}
.sidebar-nav .nav-group .v-nav-tg:hover{color:#475467;background:#f8fafc}
.sidebar-nav .nav-group .v-nav-tg span{flex:1}
.sidebar-nav .nav-group .v-caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .18s;margin-right:4px}
.sidebar-nav .nav-group.v-open .v-caret{transform:rotate(45deg)}
.sidebar-nav .nav-group>ul{display:none}
.sidebar-nav .nav-group.v-open>ul{display:block;animation:dbFade .18s ease}
@keyframes dbFade{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

/* dashboard */
.db{display:block}
.db-hero{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap;margin-bottom:18px}
.db-hi{position:relative;flex:1 1 520px;min-height:132px;border-radius:20px;padding:20px 26px;background:linear-gradient(110deg,#fff7ed 0%,#ffedd5 55%,#fed7aa 100%);border:1px solid #fde3c8;overflow:hidden}
.db-hi p{margin:0;color:#7c2d12;font-weight:600}
.db-hi h1{margin:2px 0 4px;font-size:2.1rem;line-height:1.1;font-weight:800;color:#0a2540;letter-spacing:-.02em}
.db-hi span{color:#475467;font-size:.92rem}.db-hi span b{color:#c2410c}
.db-art{position:absolute;right:18px;bottom:0;width:240px;height:auto;opacity:.95;pointer-events:none}
.db-actions{display:flex;flex-wrap:wrap;gap:10px;align-content:center;flex:0 1 auto}
.db-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:.92rem;background:#fff;color:#0a2540!important;border:1px solid #e4e7ec;box-shadow:var(--db-sh);cursor:pointer;text-decoration:none;white-space:nowrap}
.db-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,24,40,.08)}
.db-btn-o{background:linear-gradient(180deg,#fb923c,#f97316);border-color:#f97316;color:#fff!important}
.db-btn-d{background:#0a2540;border-color:#0a2540;color:#fff!important}
.db-more{position:relative}.db-more summary{list-style:none}.db-more summary::-webkit-details-marker{display:none}
.db-more .db-dn{transform:rotate(90deg)}
.db-more>div{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 12px 30px rgba(16,24,40,.14);padding:6px;min-width:210px}
.db-more>div a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:#344054;font-weight:500}
.db-more>div a:hover{background:#fff7ed;color:#c2410c}
.db-month{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:0 4px 0 12px;box-shadow:var(--db-sh);color:#475467}
.db-month select{border:0;background:transparent;font-weight:700;color:#0a2540;padding:10px 6px;font-size:.9rem;max-width:200px}
.db-h{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#98a2b3;font-weight:700;margin:6px 2px 10px}
.db-row{display:grid;gap:14px;margin-bottom:18px}
.db-r2{grid-template-columns:repeat(2,minmax(0,1fr))}.db-r3{grid-template-columns:repeat(3,minmax(0,1fr))}.db-r4{grid-template-columns:repeat(4,minmax(0,1fr))}.db-r6{grid-template-columns:repeat(6,minmax(0,1fr))}
.db-box{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #edf0f4;border-radius:var(--db-r);padding:16px 38px 16px 16px;box-shadow:var(--db-sh);color:inherit!important;text-decoration:none;transition:transform .15s,box-shadow .15s;min-width:0}
.db-box:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.08)}
.db-ic{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff}
.db-tx{min-width:0;display:flex;flex-direction:column}
.db-tx small{color:#475467;font-weight:600;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db-tx b{font-size:1.45rem;font-weight:800;color:#0a2540;letter-spacing:-.01em;line-height:1.25}
.db-tx em{font-style:normal;color:#667085;font-size:.78rem}.db-tx em i{font-style:normal;font-weight:700}
.db-go{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#98a2b3}
.db-pct{position:absolute;right:34px;top:14px;font-weight:800;font-size:.88rem;text-align:right;line-height:1.1}
.db-pct small{display:block;font-weight:500;color:#98a2b3;font-size:.68rem}
.db-pct.up{color:#16a34a}.db-pct.dn{color:#dc2626}
.db-big .db-box{padding:20px 40px 20px 20px}.db-big .db-ic{width:56px;height:56px;border-radius:16px}.db-big .db-tx b{font-size:1.75rem}
.db-small .db-box{padding:12px 30px 12px 12px;gap:10px}.db-small .db-ic{width:38px;height:38px;border-radius:11px}.db-small .db-tx b{font-size:1.2rem}
/* tones */
.db-violet .db-ic{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.db-violet.db-box{background:linear-gradient(180deg,#fff,#faf5ff)}
.db-blue .db-ic{background:linear-gradient(135deg,#60a5fa,#2563eb)}.db-blue.db-box{background:linear-gradient(180deg,#fff,#eff6ff)}
.db-green .db-ic{background:linear-gradient(135deg,#4ade80,#16a34a)}.db-green.db-box{background:linear-gradient(180deg,#fff,#f0fdf4)}
.db-red .db-ic{background:linear-gradient(135deg,#fb7185,#e11d48)}.db-red.db-box{background:linear-gradient(180deg,#fff,#fff1f2)}
.db-amber .db-ic{background:linear-gradient(135deg,#fbbf24,#d97706)}.db-amber.db-box{background:linear-gradient(180deg,#fff,#fffbeb)}
.db-orange .db-ic,.db-ci.db-orange{background:linear-gradient(135deg,#fb923c,#ea580c)}.db-orange.db-box{background:linear-gradient(180deg,#fff,#fff7ed)}
.db-teal .db-ic{background:linear-gradient(135deg,#2dd4bf,#0d9488)}.db-teal.db-box{background:linear-gradient(180deg,#fff,#f0fdfa)}
.db-pink .db-ic{background:linear-gradient(135deg,#f472b6,#db2777)}.db-pink.db-box{background:linear-gradient(180deg,#fff,#fdf2f8)}
.db-indigo .db-ic{background:linear-gradient(135deg,#818cf8,#4f46e5)}.db-indigo.db-box{background:linear-gradient(180deg,#fff,#eef2ff)}
.db-red.db-box .db-tx b{color:#be123c}.db-green.db-box .db-tx b{color:#15803d}
/* cards */
.db-grid{display:grid;gap:16px;margin-bottom:18px}
.db-g2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.db-g3{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.2fr)}.db-g2b{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.db-card{background:#fff;border:1px solid #edf0f4;border-radius:var(--db-r);padding:16px 18px;box-shadow:var(--db-sh);min-width:0}
.db-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.db-card-h h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:700;color:#0a2540}
.db-card-h h3 small{font-weight:500;color:#98a2b3;font-size:.78rem}
.db-card-h>a{font-weight:700;font-size:.82rem;color:#2563eb}
.db-ci{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff}
.db-ci.db-red{background:linear-gradient(135deg,#fb7185,#e11d48)}.db-ci.db-green{background:linear-gradient(135deg,#4ade80,#16a34a)}.db-ci.db-violet{background:linear-gradient(135deg,#a78bfa,#7c3aed)}
.db-chart{width:100%;height:auto;display:block}
.db-gl{stroke:#eef0f3;stroke-width:1}.db-bar{fill:#fed7aa;transition:fill .15s}.db-bar:hover{fill:#fb923c}
.db-line{fill:none;stroke:#f97316;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.db-dot{fill:#fff;stroke:#f97316;stroke-width:2.5}
.db-ax{font-size:11px;fill:#98a2b3;text-anchor:middle}
.db-note{margin:6px 0 0;color:#667085;font-size:.82rem}
.db-svc{list-style:none;margin:0;padding:0}
.db-svc li{display:grid;grid-template-columns:12px minmax(0,1.3fr) minmax(0,1fr) auto 38px;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed #eef0f3;font-size:.88rem}
.db-svc li:last-child{border:0}
.db-sd{width:10px;height:10px;border-radius:3px}.db-sn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#344054}
.db-sb{height:8px;background:#f2f4f7;border-radius:6px;overflow:hidden}.db-sb i{display:block;height:100%;border-radius:6px}
.db-svc b{font-weight:700;color:#0a2540}.db-svc small{color:#98a2b3;text-align:right}
.db-att{display:flex;flex-direction:column;gap:10px}
.db-att a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-weight:600;color:#9a3412!important;background:#fff7ed;border:1px solid #fed7aa}
.db-att a.d{color:#9f1239!important;background:#fff1f2;border-color:#fecdd3}
.db-att a b{font-size:1.3rem;min-width:28px}.db-att a span{flex:1}
.db-clear{display:flex;align-items:center;gap:8px;padding:16px;border-radius:12px;background:#f0fdf4;color:#15803d;font-weight:600}
.db-sites{margin:-4px 0 10px}
.db-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.db-mini a{display:block;border:1px solid #eef0f3;border-radius:12px;padding:12px 14px;color:inherit!important;background:#fcfcfd}
.db-mini a:hover{border-color:#fdba74;background:#fff7ed}
.db-mini small{color:#667085;font-size:.8rem}.db-mini b{display:block;font-size:1.5rem;font-weight:800;color:#0a2540}.db-mini b em{font-style:normal;font-size:.8rem;color:#667085;font-weight:600}
.db-mini b.neg{color:#dc2626}.db-mini b.pos{color:#16a34a}
.db-due{list-style:none;margin:0;padding:0}
.db-due a{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid #f2f4f7;color:inherit!important}
.db-due li:last-child a{border:0}.db-due a:hover{background:#fafafa}
.db-due a>span:nth-child(2){flex:1;min-width:0}.db-due b{display:block;font-size:.88rem;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-due small{color:#98a2b3;font-size:.76rem}
.db-day{flex:0 0 74px;text-align:center;font-size:.76rem;font-weight:700;padding:6px 4px;border-radius:9px}
.db-day.today,.db-day.late{background:#fee2e2;color:#b91c1c}.db-day.soon{background:#ffedd5;color:#c2410c}.db-day.ok{background:#e0f2fe;color:#0369a1}
.db-table{width:100%;border-collapse:collapse;font-size:.88rem}.db-table th{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3;text-align:left;padding:8px;border-bottom:1px solid #eef0f3}
.db-table td{padding:10px 8px;border-bottom:1px solid #f2f4f7}
.db-pipe{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.db-pipe a{display:flex;flex-direction:column;gap:4px;padding:12px 10px;border-radius:14px;border:1px solid #edf0f4;color:inherit!important;background:#fcfcfd;transition:transform .15s}
.db-pipe a:hover{transform:translateY(-2px)}
.db-pipe .db-ic{width:34px;height:34px;border-radius:10px}.db-pipe b{font-size:1.35rem;font-weight:800;color:#0a2540}.db-pipe small{color:#667085;font-size:.75rem}
.db-empty{color:#98a2b3;padding:12px 4px}
.db-sys{margin-top:4px}.db-sys summary{cursor:pointer;font-weight:600;color:#475467}.db-sys>div{padding-top:10px}
@media(max-width:1280px){.db-r6{grid-template-columns:repeat(3,minmax(0,1fr))}.db-g3{grid-template-columns:1fr 1fr}.db-g3>.db-card:last-child{grid-column:1/-1}.db-pipe{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.db-g2,.db-g2b{grid-template-columns:1fr}.db-r4{grid-template-columns:repeat(2,minmax(0,1fr))}.db-r3{grid-template-columns:1fr}.db-art{display:none}}
@media(max-width:640px){.db-r2,.db-r4,.db-r6{grid-template-columns:repeat(2,minmax(0,1fr))}.db-g3{grid-template-columns:1fr}.db-hi h1{font-size:1.6rem}.db-tx b{font-size:1.15rem}.db-box{padding:12px 26px 12px 12px;gap:10px}.db-ic{width:38px;height:38px}.db-pct{position:static;margin-left:auto}.db-pipe{grid-template-columns:repeat(3,minmax(0,1fr))}.db-actions{width:100%}.db-btn{padding:10px 12px;font-size:.86rem}}

/* ── same touch on every page (look only) ── */
.main-content .card{border-radius:var(--db-r)!important;border:1px solid #edf0f4!important;box-shadow:var(--db-sh)!important}
.main-content .card-header{border-bottom:1px solid #f2f4f7!important}
.main-content .card-header h3{font-weight:700;color:#0a2540}
.main-content .btn{border-radius:10px!important;font-weight:600}
.main-content .btn-primary{background:linear-gradient(180deg,#fb923c,#f97316)!important;border-color:#f97316!important;box-shadow:0 2px 6px rgba(249,115,22,.25)}
.main-content .btn-outline{background:#fff}
.main-content .form-control{border-radius:10px!important;border-color:#e4e7ec!important}
.main-content .form-control:focus{border-color:#fb923c!important;box-shadow:0 0 0 3px rgba(249,115,22,.15)!important}
.mn-tabs>a,.mn-tabs>span,.itr-kpi>a,.itr-kpi>span{border-radius:var(--db-r)!important;box-shadow:var(--db-sh);transition:transform .15s,box-shadow .15s}
.mn-tabs>a:hover,.itr-kpi>a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.08)}
.xl-wrap,.table-responsive{border-radius:14px}
table.xl thead th,.mn-tbl thead th,.v-table thead th{background:#f8fafc!important;color:#667085!important;font-size:.72rem!important;letter-spacing:.06em;text-transform:uppercase;font-weight:700!important}
table.xl tbody tr:hover td,.mn-tbl tbody tr:hover td{background:#fff7ed!important}
.v-tabs a{border-radius:10px}
.v-tabs a.on{background:#0a2540!important;color:#fff!important;border-color:#0a2540!important}
.badge{border-radius:999px!important;font-weight:600}
.st{border-radius:999px!important}
.itr-head h3{color:#0a2540;font-weight:700}

/* ── Invoices: Zoho-like list ── */
.zi-sum{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:0;background:#fff;border:1px solid #edf0f4;border-radius:var(--db-r);box-shadow:var(--db-sh);padding:16px 8px;margin-bottom:16px}
.zi-sum>a,.zi-sum>span{display:flex;flex-direction:column;justify-content:center;padding:4px 18px;border-left:1px solid #f2f4f7;color:inherit!important}
.zi-sum>*:first-child{border-left:0;flex-direction:row;align-items:center;gap:12px}
.zi-sum small{color:#475467;font-size:.82rem}.zi-sum b{font-size:1.2rem;font-weight:800;color:#0a2540;margin-top:2px}
.zi-sum .zi-o{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fde7cf;color:#c2410c}
.zi-sum b.amber{color:#d97706}.zi-sum b.red{color:#dc2626}
.zi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;flex-wrap:wrap}
.zi-view{position:relative}.zi-view summary{list-style:none;cursor:pointer;font-size:1.3rem;font-weight:800;color:#0a2540;display:flex;align-items:center;gap:6px}
.zi-view summary::-webkit-details-marker{display:none}.zi-view summary::after{content:'';width:8px;height:8px;border-right:2px solid #2563eb;border-bottom:2px solid #2563eb;transform:rotate(45deg) translateY(-3px);margin-left:4px}
.zi-view>div,.zi-new>div{position:absolute;z-index:40;top:calc(100% + 6px);background:#fff;border:1px solid #e4e7ec;border-radius:12px;box-shadow:0 12px 30px rgba(16,24,40,.14);padding:6px;min-width:200px}
.zi-new>div{right:0}
.zi-view>div a,.zi-new>div a{display:block;padding:9px 12px;border-radius:8px;color:#344054;font-weight:500}.zi-view>div a:hover,.zi-new>div a:hover{background:#eff6ff;color:#1d4ed8}
.zi-view>div a.on{background:#eff6ff;color:#1d4ed8;font-weight:700}
.zi-new{position:relative}.zi-new summary{list-style:none;cursor:pointer}.zi-new summary::-webkit-details-marker{display:none}
.zi-tbl{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}
.zi-tbl th{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#667085;font-weight:700;text-align:left;padding:12px 12px;border-bottom:1px solid #eef0f3;background:#fff;position:sticky;top:0;z-index:2}
.zi-tbl th a{color:inherit}.zi-tbl th.r,.zi-tbl td.r{text-align:right}
.zi-tbl td{padding:14px 12px;border-bottom:1px solid #f2f4f7;vertical-align:middle}
.zi-tbl tbody tr:hover td{background:#f8fafc}
.zi-tbl a.zi-no{color:#2563eb;font-weight:600}
.zi-st{font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.zi-st.paid{color:#16a34a}.zi-st.today{color:#2563eb}.zi-st.over{color:#ea580c}.zi-st.part{color:#7c3aed}.zi-st.open{color:#475467}
.zi-act{display:flex;gap:6px;justify-content:flex-end;opacity:0;transition:opacity .12s}
.zi-tbl tbody tr:hover .zi-act,.zi-tbl tbody tr:focus-within .zi-act{opacity:1}
@media(hover:none){.zi-act{opacity:1}}
.zi-wrap{background:#fff;border:1px solid #edf0f4;border-radius:var(--db-r);box-shadow:var(--db-sh);overflow:auto;max-height:72vh}
@media(max-width:900px){.zi-sum{grid-template-columns:1fr 1fr}.zi-sum>*{border-left:0!important;padding:8px 12px}.zi-sum>*:first-child{grid-column:1/-1}}

/* ── Reports center ── */
.rc-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}
.rc-side{background:#fff;border:1px solid #edf0f4;border-radius:var(--db-r);box-shadow:var(--db-sh);padding:10px;align-self:start}
.rc-side a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:#344054;font-weight:500}
.rc-side a:hover{background:#f8fafc}.rc-side a.on{background:#eff6ff;color:#1d4ed8;font-weight:700}
.rc-side h6{font-size:.68rem;letter-spacing:.12em;color:#98a2b3;margin:14px 12px 6px;text-transform:uppercase}
.rc-main{background:#fff;border:1px solid #edf0f4;border-radius:var(--db-r);box-shadow:var(--db-sh);overflow:hidden}
.rc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid #f2f4f7;flex-wrap:wrap}
.rc-head h3{margin:0;font-size:1.05rem;color:#0a2540}.rc-head h3 i{font-style:normal;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:1px 9px;font-size:.8rem;margin-left:6px}
.rc-search{border:1px solid #e4e7ec;border-radius:10px;padding:8px 12px;min-width:260px;font-size:.9rem}
.rc-tbl{width:100%;border-collapse:collapse}.rc-tbl th{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#667085;text-align:left;padding:10px 18px;background:#fafbfc;border-bottom:1px solid #eef0f3}
.rc-tbl td{padding:12px 18px;border-bottom:1px solid #f2f4f7}.rc-tbl tr:hover td{background:#f8fafc}
.rc-tbl a.rc-n{color:#2563eb;font-weight:600}
.rc-star{background:none;border:0;cursor:pointer;color:#cbd5e1;font-size:1.05rem;padding:0 6px 0 0}.rc-star.on{color:#f59e0b}
@media(max-width:900px){.rc-wrap{grid-template-columns:1fr}.rc-search{min-width:0;width:100%}}
/* call / WhatsApp press count on leads */
.ld-ib{position:relative}
.ld-n{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#0a2540;color:#fff;font-size:.66rem;font-style:normal;font-weight:700;line-height:17px;text-align:center;border:2px solid #fff}
.ld-ib.wa .ld-n{background:#16a34a}
.btn .ld-n{position:static;display:inline-block;margin-left:6px;border:0;background:rgba(255,255,255,.25)}
.ld-n[hidden]{display:none!important}
/* dashboard fit fixes */
@media(max-width:1700px){.db-r6{grid-template-columns:repeat(3,minmax(0,1fr))}}
.db-pct{position:static;margin-left:auto;align-self:center;white-space:nowrap}
.db-box:has(.db-pct) .db-tx{flex:1}
.db-svc li.db-empty{display:block}
.db-g2b{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.db-pipe{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}
@media(max-width:1280px){.db-pipe{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}}
@media(max-width:640px){
  .db-r6,.db-r4{grid-template-columns:repeat(2,minmax(0,1fr))}.db-r3{grid-template-columns:1fr}
  .db-box{flex-wrap:wrap;align-items:flex-start}.db-box .db-tx{flex:1 1 0;min-width:0}
  .db-pct{flex:1 0 100%;margin:2px 0 0;text-align:left;font-size:.8rem}.db-pct small{display:inline;margin-left:4px}
  .db-tx small{white-space:normal}
  .db-month{width:100%}.db-month select{max-width:none;flex:1}
}
.db-sites>*{flex-wrap:wrap}.db-sites{overflow:hidden}
/* hero: greeting half + buttons half on one line (as in the design image) */
.db-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:center}
.db-hi{min-height:150px}
.db-actions{display:grid;grid-template-columns:repeat(4,auto);justify-content:end;gap:12px;align-content:center}
.db-actions .db-btn{padding:14px 20px;font-size:.95rem;justify-content:center}
.db-actions .db-month{grid-column:1/-1;justify-self:end}
@media(max-width:1200px){.db-hero{grid-template-columns:1fr}.db-actions{justify-content:start}}
@media(max-width:640px){.db-actions{grid-template-columns:1fr 1fr}.db-actions .db-month{justify-self:stretch}}
.db-hi{padding-right:200px}.db-art{width:180px;right:14px}
@media(max-width:640px){.db-hi{padding-right:20px}}
/* one-screen dashboard (compact) */
.db-r5{grid-template-columns:repeat(5,minmax(0,1fr))}.db-r7{grid-template-columns:repeat(7,minmax(0,1fr))}.db-r1{grid-template-columns:minmax(0,1fr)}
.db-hero{margin-bottom:12px}.db-hi{min-height:0;padding:14px 200px 14px 22px}.db-hi h1{font-size:1.75rem;margin:0 0 2px}.db-art{width:150px}
.db-actions .db-btn{padding:11px 16px}
.db-h{margin:2px 2px 6px;font-size:.68rem}
.db-row{gap:10px;margin-bottom:12px}
.db-row .db-box{padding:10px 26px 10px 12px;gap:10px;border-radius:14px}
.db-row .db-ic{width:38px;height:38px;border-radius:11px}
.db-row .db-tx small{font-size:.74rem}.db-row .db-tx b{font-size:1.2rem}.db-row .db-tx em{font-size:.72rem}
.db-go{right:8px}
.db-r7 .db-tx small{white-space:normal;line-height:1.2}
.db-pipecard{margin-bottom:12px;padding:10px 14px}.db-pipecard .db-card-h{margin-bottom:8px}
.db-pipe{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.db-pipe a{flex-direction:row;align-items:center;gap:8px;padding:8px 10px}
.db-pipe a b{font-size:1.1rem}.db-pipe a small{flex:1;text-align:right}
.db-pipe .db-ic{width:28px;height:28px;border-radius:8px}
.db-grid{gap:12px;margin-bottom:12px}
.db-card{padding:12px 14px}.db-card-h{margin-bottom:8px}
.db-chart{max-height:215px}
.db-svc li{padding:6px 0}
.db-att{gap:8px}.db-att a{padding:9px 12px}.db-att a b{font-size:1.1rem}
.db-mini a{padding:9px 12px}.db-mini b{font-size:1.25rem}
.db-due a{padding:6px 4px}.db-due li:nth-child(n+6){display:none}
@media(max-width:1700px){.db-r7{grid-template-columns:repeat(4,minmax(0,1fr))}.db-r5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1280px){.db-r5{grid-template-columns:repeat(3,minmax(0,1fr))}.db-pipe{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.db-r7{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.db-r5,.db-r7,.db-r3{grid-template-columns:repeat(2,minmax(0,1fr))}.db-pipe{grid-template-columns:repeat(2,minmax(0,1fr))}.db-hi{padding:14px 18px}.db-chart{max-height:none}}
/* one screen: tighter */
.db-actions{grid-template-columns:repeat(5,auto);align-items:center}
.db-actions .db-month{grid-column:auto;justify-self:auto}
.db-hero{grid-template-columns:minmax(0,1fr) auto}
.db-hi{padding:12px 170px 12px 20px}.db-hi h1{font-size:1.6rem}.db-art{width:130px}
.db-chart{width:100%;height:190px;max-height:none}.db-ax{font-size:10px}
.db-r7 .db-pct small{display:none}.db-r7 .db-pct{font-size:.78rem}
.db-r7 .db-tx small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db-r7 .db-tx em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db-att a{padding:7px 12px}
.db-svc li{padding:5px 0}
@media(max-width:1500px){.db-hero{grid-template-columns:1fr}.db-actions{justify-content:start;grid-template-columns:repeat(5,auto)}}
@media(max-width:640px){.db-actions{grid-template-columns:1fr 1fr}.db-actions .db-month{grid-column:1/-1}.db-chart{height:160px}}
.db-chart{height:170px}
.db-mini b{font-size:1.15rem}.db-mini a{padding:7px 12px}
.db-sites{margin:-2px 0 8px}
.db-due b{font-size:.84rem}
.db-due li:nth-child(n+5){display:none}
/* every section: KPI tiles in the dashboard look */
.mn-tabs,.itr-kpi{gap:12px!important}
.mn-tabs>a,.mn-tabs>span,.itr-kpi>a,.itr-kpi>span,.v-kpis .v-kpi{position:relative;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #edf0f4!important;border-radius:14px!important;padding:12px 14px 12px 18px!important;box-shadow:var(--db-sh)!important;overflow:hidden}
.mn-tabs>a::before,.mn-tabs>span::before,.itr-kpi>a::before,.itr-kpi>span::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:#2563eb}
.mn-tabs>*:nth-child(5n+2)::before,.itr-kpi>*:nth-child(5n+2)::before{background:#7c3aed}
.mn-tabs>*:nth-child(5n+3)::before,.itr-kpi>*:nth-child(5n+3)::before{background:#0d9488}
.mn-tabs>*:nth-child(5n+4)::before,.itr-kpi>*:nth-child(5n+4)::before{background:#f97316}
.mn-tabs>*:nth-child(5n+5)::before,.itr-kpi>*:nth-child(5n+5)::before{background:#e11d48}
.mn-tabs>.cm-bad::before,.itr-kpi>.bad::before{background:#dc2626!important}.itr-kpi>.ok::before{background:#16a34a!important}.itr-kpi>.warn::before{background:#f59e0b!important}
.mn-tabs>a b,.mn-tabs>span b,.itr-kpi b{color:#0a2540;font-weight:800!important;letter-spacing:-.01em}
.mn-tabs>a.on,.itr-kpi>a.on{border-color:#fdba74!important;background:linear-gradient(180deg,#fff,#fff7ed)!important}
.main-content .card-header{background:transparent}
.main-content .card-header h3::before{content:'';display:inline-block;width:4px;height:16px;border-radius:3px;background:linear-gradient(180deg,#fb923c,#ea580c);margin-right:8px;vertical-align:-2px}
.xl-wrap,.table-responsive{background:#fff;border:1px solid #edf0f4;box-shadow:var(--db-sh)}
.card .xl-wrap,.card .table-responsive{box-shadow:none;border:0}
.itr-head{margin:6px 2px 10px}
.db-due li:nth-child(n+5){display:none}
/* every section: KPI tiles in the dashboard look */
.mn-tabs,.itr-kpi{gap:12px!important}
.mn-tabs>a,.mn-tabs>span,.itr-kpi>a,.itr-kpi>span{position:relative;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #edf0f4!important;border-radius:14px!important;padding:12px 14px 12px 18px!important;box-shadow:var(--db-sh)!important;overflow:hidden}
.mn-tabs>a::before,.mn-tabs>span::before,.itr-kpi>a::before,.itr-kpi>span::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:#2563eb}
.mn-tabs>*:nth-child(5n+2)::before,.itr-kpi>*:nth-child(5n+2)::before{background:#7c3aed}
.mn-tabs>*:nth-child(5n+3)::before,.itr-kpi>*:nth-child(5n+3)::before{background:#0d9488}
.mn-tabs>*:nth-child(5n+4)::before,.itr-kpi>*:nth-child(5n+4)::before{background:#f97316}
.mn-tabs>*:nth-child(5n+5)::before,.itr-kpi>*:nth-child(5n+5)::before{background:#e11d48}
.mn-tabs>.cm-bad::before,.itr-kpi>.bad::before{background:#dc2626!important}.itr-kpi>.ok::before{background:#16a34a!important}.itr-kpi>.warn::before{background:#f59e0b!important}
.mn-tabs>a b,.mn-tabs>span b,.itr-kpi b{color:#0a2540;font-weight:800!important}
.mn-tabs>a.on,.itr-kpi>a.on{border-color:#fdba74!important;background:linear-gradient(180deg,#fff,#fff7ed)!important}
.main-content .card-header h3::before{content:'';display:inline-block;width:4px;height:16px;border-radius:3px;background:linear-gradient(180deg,#fb923c,#ea580c);margin-right:8px;vertical-align:-2px}
.xl-wrap,.table-responsive{background:#fff}
.st-whatsapp{background-color:#ecfdf3;color:#067647}
/* boxes on every section page */
.ui-boxes{margin-bottom:14px}
@media(max-width:1100px){.ui-boxes{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){.ui-boxes{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* v-kpi tiles (Clients, Due dates…) like dashboard boxes */
.v-kpis .v-kpi{border-radius:14px!important;border:1px solid #edf0f4!important;box-shadow:var(--db-sh)!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;transition:transform .15s,box-shadow .15s}
.v-kpis .v-kpi:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.08)!important}
.v-kpis .v-kpi b{color:#0a2540;font-weight:800}
/* tables everywhere: Zoho-like rows */
.main-content table.v-table td,.main-content table.mn-tbl td{padding-top:12px!important;padding-bottom:12px!important}
.main-content table.v-table tbody tr:hover td{background:#f8fafc!important}
.main-content .v-table thead th,.main-content .mn-tbl thead th{background:#f8fafc!important}
/* v29.1 Reports: received by payment mode */
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.pm-box{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #e7e9ef;border-left:3px solid #f26b1d;border-radius:10px;background:#fff;color:inherit;text-decoration:none;transition:box-shadow .15s,border-color .15s}
.pm-box:hover,.pm-box.on{box-shadow:0 4px 14px rgba(242,107,29,.15);border-color:#f26b1d}
.pm-box small{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-box b{font-size:1.1rem}
.pm-tag{display:inline-block;margin:1px 4px 1px 0;padding:2px 8px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-size:.75rem;font-weight:600;white-space:nowrap}
.pm-tag.nw{background:#f3f4f6;color:#6b7280;font-weight:500}
.card-header .filters select{min-width:200px}
.pm-set{margin-top:4px}.pm-set select.form-control{height:30px!important;min-height:30px;padding:0 26px 0 8px!important;line-height:28px;font-size:.75rem;width:auto;max-width:160px}
/* v30 Staff activity */
.sa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0 0 16px}
.sa-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #e7e9ef;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:box-shadow .15s,border-color .15s}
.sa-card:hover,.sa-card.sel{border-color:#f26b1d;box-shadow:0 6px 18px rgba(242,107,29,.12)}
.sa-top{display:flex;gap:10px;align-items:center}.sa-top b{display:block;font-size:.95rem}.sa-top small{color:#6b7280;font-size:.75rem}
.sa-av{position:relative;width:38px;height:38px;border-radius:50%;background:#fff1e8;color:#f26b1d;display:grid;place-items:center;font-weight:700;flex:none}
.sa-av i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:#d0d5dd}
.sa-on .sa-av i{background:#12b76a;box-shadow:0 0 0 0 rgba(18,183,106,.6);animation:saPulse 1.8s infinite}.sa-idle .sa-av i{background:#f79009}
@keyframes saPulse{0%{box-shadow:0 0 0 0 rgba(18,183,106,.55)}70%{box-shadow:0 0 0 7px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}
.sa-now{background:#f8fafc;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.sa-now small{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3}.sa-now span{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-now em{font-style:normal;font-size:.72rem;color:#6b7280}
.sa-on .sa-now{background:#ecfdf3}
.sa-n{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center}.sa-n span{font-size:.68rem;color:#6b7280}.sa-n b{display:block;font-size:1rem;color:#101828}
.sa-f{font-size:.72rem;color:#6b7280;border-top:1px dashed #eaecf0;padding-top:8px}
.sa-feed{max-height:560px;overflow:auto}
.sa-row{display:flex;gap:10px;align-items:flex-start;padding:9px 16px;border-bottom:1px solid #f2f4f7}.sa-row:hover{background:#fafafa}
.sa-t{flex:none;width:68px;font-size:.75rem;color:#6b7280;padding-top:2px}.sa-i{flex:none;width:22px;text-align:center}
.sa-x{min-width:0;font-size:.85rem}.sa-x small{display:block;color:#6b7280;font-size:.75rem;margin-top:2px;word-break:break-word}
.sa-k{display:inline-block;padding:1px 7px;border-radius:999px;background:#f2f4f7;font-size:.7rem;color:#475467}
.sa-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#12b76a;margin-right:6px;animation:saPulse 1.8s infinite}
@media(max-width:640px){.sa-row{padding:8px 10px}.sa-t{width:56px}}
.sa-nm{display:block;font-weight:700;font-size:.95rem;color:#101828;text-decoration:none}.sa-nm:hover{color:#f26b1d}
.sa-card .sa-nudge{width:100%}
.sa-nudge{white-space:nowrap}
.rd-sort{color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}.rd-sort:hover{color:#f26b1d}.rd-sort.on{color:#f26b1d;font-weight:700}
/* v30.1 pay pills + popup */
.pay-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid #fbbf24;background:#fffbeb;color:#b45309;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,box-shadow .15s}
.pay-pill:hover{box-shadow:0 2px 8px rgba(245,158,11,.25)}
.pay-pill.go{border-color:#16a34a;background:#ecfdf3;color:#15803d}
.pay-pill.go:hover{background:#dcfce7}
.pay-pill.no{border-color:#f59e0b;background:#fff7ed;color:#c2410c}
.pay-modal{position:fixed;inset:0;z-index:9999;background:rgba(16,24,40,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.pay-modal[hidden]{display:none}
.pay-box{position:relative;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:20px 20px 16px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.pay-box h3{margin:0 28px 4px 0;font-size:1.05rem}
.pay-info{margin:0 0 12px;color:#6b7280;font-size:.82rem}
.pay-why{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:10px 12px;font-size:.85rem}
.pay-box form{display:flex;flex-direction:column;gap:10px}
.pay-box label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:#344054}
.pay-box .btn{width:100%;margin-top:4px}
.pay-otp{margin:2px 0 0;font-size:.75rem;color:#6b7280;text-align:center}
.pay-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:1.4rem;line-height:1;cursor:pointer;color:#98a2b3}
.pay-x:hover{color:#101828}
/* v31 Business growth — share-market style: green up, red down */
.db-chart .db-bar.db-up{fill:#bbf7d0}.db-chart .db-bar.db-dn{fill:#fecaca}.db-chart .db-bar.db-flat{fill:#e5e7eb}
.db-chart .db-bar.db-up:hover{fill:#86efac}.db-chart .db-bar.db-dn:hover{fill:#fca5a5}
.db-chart .db-seg{stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}
.db-chart .db-seg.db-up{stroke:#16a34a}.db-chart .db-seg.db-dn{stroke:#dc2626}.db-chart .db-seg.db-flat{stroke:#94a3b8}
.db-chart .db-area{stroke:none}.db-chart .db-area.db-up{fill:rgba(22,163,74,.10)}.db-chart .db-area.db-dn{fill:rgba(220,38,38,.10)}.db-chart .db-area.db-flat{fill:transparent}
.db-chart .db-dot{fill:#fff;stroke-width:2.5;vector-effect:non-scaling-stroke}
.db-chart .db-dot.db-up{stroke:#16a34a}.db-chart .db-dot.db-dn{stroke:#dc2626}.db-chart .db-dot.db-flat{stroke:#94a3b8}
.db-trend{font-weight:700;margin-left:4px}.db-trend.up{color:#16a34a}.db-trend.dn{color:#dc2626}
.db-leg{float:right;font-size:.75rem;color:#6b7280}.db-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 10px;vertical-align:-1px}.db-leg i.up{background:#16a34a}.db-leg i.dn{background:#dc2626}
/* v31 Business growth report */
.gr-up{color:#16a34a}.gr-dn{color:#dc2626}
.gr-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 14px}
.gr-kpi>div{background:#fff;border:1px solid #e7e9ef;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.gr-kpi small{color:#6b7280;font-size:.75rem}.gr-kpi b{font-size:1.25rem}.gr-kpi span{font-size:.78rem;color:#475467}
.gr-cmp-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.gr-cmp-f .form-control{width:auto}
.gr-vs{font-weight:700;color:#98a2b3;margin:0 4px}
.gr-tag{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:.72rem;font-weight:800;color:#fff}.gr-tag.a{background:#2563eb}.gr-tag.b{background:#f97316}
.gr-bar{display:block;height:10px;background:#f2f4f7;border-radius:6px;overflow:hidden}.gr-bar i{display:block;height:100%;background:#94a3b8;border-radius:6px}.gr-bar i.up{background:#22c55e}.gr-bar i.dn{background:#ef4444}
.gr-kpi span b{font-size:.82rem}.v-inline[hidden]{display:none!important}
/* v32 Compare — ek nazar me / multi-year */
.gr-card .card-body{padding:18px 20px}
.gr-h{margin:0 0 12px;font-size:1.05rem}
.gr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.gr-chip{padding:7px 13px;border-radius:999px;border:1px solid #d0d5dd;font-size:.82rem;background:#fff;color:#344054;text-decoration:none;font-weight:500}
.gr-chip:hover{border-color:#101828}.gr-chip.on{background:#101828;color:#fff;border-color:#101828}
.gr-verdict{display:flex;align-items:center;gap:18px;border-radius:14px;padding:14px 20px;margin:4px 0 14px;border:1px solid #e5e7eb;background:#f8fafc}
.gr-verdict.up{background:#ecfdf3;border-color:#bbf7d0}.gr-verdict.dn{background:#fef2f2;border-color:#fecaca}
.gr-big{font-size:2.1rem;font-weight:800;white-space:nowrap}.gr-verdict.up .gr-big{color:#16a34a}.gr-verdict.dn .gr-big{color:#dc2626}.gr-verdict.nil .gr-big{color:#98a2b3}
.gr-verdict p{margin:0;font-size:.95rem}.gr-verdict small{color:#475467;font-size:.78rem}
.gr-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.gr-m{border:1px solid #eef0f4;border-radius:14px;padding:12px 14px}.gr-m.bad{background:#fffafa}
.gr-m h4{margin:0 0 10px;font-size:.8rem;color:#475467;font-weight:600}
.gr-row{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:8px;margin:6px 0;font-size:.72rem}
.gr-row span{color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-row i{display:block;height:14px;border-radius:5px;min-width:3px}.gr-row i.a{background:#2563eb}.gr-row i.b{background:#f59e0b}
.gr-row b{font-size:.8rem;white-space:nowrap}
.gr-res{margin-top:8px;font-weight:800;font-size:.95rem}.gr-res.gr-nil{color:#98a2b3}
.gr-ys{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.gr-yc{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid #d0d5dd;border-radius:999px;font-size:.8rem;cursor:pointer;background:#fff}
.gr-yc.on{border-color:#101828;background:#f2f4f7;font-weight:600}.gr-yc input{margin:0}
.gr-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.8rem;color:#344054;margin-bottom:6px}
.gr-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-2px}
.gr-chart{width:100%;height:auto;display:block}.gr-chart .gr-ax{font-size:12px;fill:#6b7280}
.gr-chart .gr-pl{font-size:12px;font-weight:800}.gr-chart .gr-pl.up{fill:#16a34a}.gr-chart .gr-pl.dn{fill:#dc2626}
@media(max-width:1100px){.gr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gr-grid{grid-template-columns:minmax(0,1fr)}.gr-verdict{flex-direction:column;align-items:flex-start;gap:6px}}
.gr-sub{margin:-8px 0 12px;color:#6b7280;font-size:.8rem}
.grp-all-clients .v-nav-h{color:#ea580c}.grp-all-clients .v-nav-h::before{background:linear-gradient(90deg,#fdba74,#ea580c)}
.grp-all-clients ul a:not(.active) .ico{color:#ea580c}
.v-grp-b{margin-left:auto;display:inline-flex}.v-grp-b:empty{display:none}
/* v33 consultant expertise */
.ex-chips{display:flex;flex-wrap:wrap;gap:8px}
.ex-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d0d5dd;border-radius:999px;cursor:pointer;font-size:.82rem;background:#fff;user-select:none}
.ex-chip input{margin:0;accent-color:#f26b1d}.ex-chip:has(input:checked){border-color:#f26b1d;background:#fff4ec;color:#c2410c;font-weight:600}
.ex-tag{display:inline-block;margin:2px 4px 2px 0;padding:2px 8px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:.72rem;font-weight:600}
/* v34 6M+ overdue + Zoho match */
tr.od6 td{background:#fff1f1!important}tr.od6 td:first-child{box-shadow:inset 3px 0 0 #dc2626}
.od6-b{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#dc2626;color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.02em;vertical-align:1px;white-space:nowrap}
.reco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:14px}
.reco-c{background:#fff;border:1px solid #e7e9ef;border-radius:16px;padding:16px 18px;border-top:4px solid #94a3b8}
.reco-c.ok{border-top-color:#16a34a}.reco-c.bad{border-top-color:#dc2626}
.reco-t{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.reco-st{font-weight:800;font-size:.85rem}.reco-c.ok .reco-st{color:#16a34a}.reco-c.bad .reco-st{color:#dc2626}.reco-c.nil .reco-st{color:#98a2b3}
.reco-n{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.reco-n div{background:#f8fafc;border-radius:10px;padding:8px 10px}.reco-n small{display:block;color:#6b7280;font-size:.72rem}.reco-n b{font-size:1rem}
.reco-f{color:#6b7280;font-size:.76rem}
.reco-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:700;text-decoration:none}.reco-pill.ok{background:#ecfdf3;color:#15803d}.reco-pill.bad{background:#fef2f2;color:#b91c1c}
.reco-act{display:flex;flex-wrap:wrap;gap:4px}.reco-act form{margin:0}
/* v35 locked converted lead + live work badge */
.ld-lock{cursor:default;opacity:1;background:#ecfdf3;color:#15803d;border-color:#bbf7d0;font-weight:700}
.ld-wk{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700;text-decoration:none;white-space:nowrap}
.ld-wk.done{background:#dcfce7;color:#15803d}.ld-wk.run{background:#eff6ff;color:#1d4ed8}
.ld-ctl .ld-wk{margin-left:6px}

/* Back button in the top bar */
.tb-back{display:inline-flex;align-items:center;gap:2px;height:34px;padding:0 12px;margin-right:10px;border:1px solid #e3e7ef;border-radius:9px;background:#fff;color:#334155;font-size:.88rem;font-weight:600;cursor:pointer;line-height:1;white-space:nowrap}
.tb-back:hover{background:#fff4ec;border-color:#f97316;color:#ea580c}
@media (max-width:640px){.tb-back span{display:none}.tb-back{padding:0 10px;margin-right:6px}}

/* Client Ledger */
.lg-head{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
.lg-tiles{display:flex;flex-wrap:wrap;gap:10px}
.lg-tile{background:#fff;border:1px solid #e8ebf2;border-radius:12px;padding:10px 16px;min-width:150px}
.lg-tile small,.lg-tile span{display:block;color:#64748b;font-size:.76rem}.lg-tile b{display:block;font-size:1.25rem;color:#0f172a;margin:2px 0}
.lg-tile.due b{color:#dc2626}
.lg-search{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.lg-search .form-control{width:auto;min-width:160px}
.lg-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:20px;background:#eef2ff;color:#4338ca;font-size:.72rem;font-weight:600}
.lg-badge.lg-login{background:#ecfdf5;color:#047857}
.lg-det{margin-top:4px;font-size:.82rem}.lg-det summary{cursor:pointer;color:#ea580c;font-weight:600;font-size:.78rem}
.lg-mem{list-style:none;margin:6px 0;padding:0}.lg-mem li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:4px 0;border-bottom:1px dashed #e8ebf2}
.lg-join{display:flex;gap:6px;margin-top:6px}.lg-join .form-control{min-width:220px}
.lg-red{color:#dc2626;font-weight:600}.lg-act{white-space:nowrap}
.lg-t tr.od6 td{background:#fff1f2}
.lg-sugg .card-header{flex-wrap:wrap;gap:6px}.lg-sg-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f3f8}
.lg-sg-c{display:flex;gap:6px;align-items:center;background:#f8fafc;border:1px solid #e8ebf2;border-radius:8px;padding:4px 10px;font-size:.84rem}
.btn-xs{padding:2px 8px;font-size:.72rem}
@media(max-width:640px){.lg-join{flex-direction:column}.lg-join .form-control{min-width:0}.lg-act .btn{display:block;margin:2px 0}}
a.lg-unl{color:inherit;text-decoration:underline dotted #f97316;text-underline-offset:3px}
a.lg-unl:hover{color:#ea580c}

.lg-plan{font-size:.84rem;color:#334155;margin:0 0 8px;line-height:1.9}
.pl-l,.pl-n,.pl-p{display:inline-block;padding:1px 8px;border-radius:6px;font-size:.78rem;margin:0 2px}
.pl-l{background:#ecfdf5;color:#047857}.pl-n{background:#eff6ff;color:#1d4ed8}.pl-p{background:#fff7ed;color:#c2410c}
.lg-unl-card .card-header{justify-content:space-between;flex-wrap:wrap;gap:8px}

/* Client Ledger — clean list */
.lg-card{overflow:visible}
.lg-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #eef1f6}
.lg-q{flex:1 1 280px;max-width:460px;height:40px;font-size:.95rem}
.lg-chips{display:flex;gap:4px;background:#f1f4f9;border-radius:10px;padding:3px}
.lg-chips a{padding:6px 12px;border-radius:8px;font-size:.82rem;color:#475569;text-decoration:none;font-weight:600}
.lg-chips a.on{background:#fff;color:#ea580c;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.lg-cnt{margin-left:auto;color:#64748b;font-size:.82rem}
.lg-t tr.lg-row{cursor:pointer}.lg-t tr.lg-row:hover td{background:#fff7ed}
.lg-nm{font-weight:700;color:#0f172a;text-decoration:none}.lg-nm:hover{color:#ea580c}
.lg-sub{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px;font-size:.74rem;color:#64748b}.lg-sub .lg-badge{margin-left:0}
.lg-zero{color:#94a3b8}
.lg-more{width:40px;text-align:right;position:relative}
.lg-more .lg-det summary{list-style:none;cursor:pointer;font-size:1.2rem;color:#94a3b8;padding:0 8px;border-radius:6px}
.lg-more .lg-det summary::-webkit-details-marker{display:none}
.lg-more .lg-det[open] summary{background:#fff7ed;color:#ea580c}
.lg-pop{position:absolute;right:0;top:100%;z-index:30;width:min(560px,90vw);background:#fff;border:1px solid #e3e7ef;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.14);padding:10px 12px;text-align:left;cursor:default}
.lg-fix{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:10px 14px;margin-bottom:14px}
.lg-fix-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;font-size:.9rem}
.lg-fix .lg-plan{display:block;margin-top:6px}
.lg-fix-d{margin-top:6px}.lg-fix-d summary{cursor:pointer;color:#b45309;font-size:.8rem;font-weight:600}
.lg-fix-d .xl{background:#fff}
@media(max-width:640px){.lg-t th:nth-child(3),.lg-t td:nth-child(3),.lg-t th:nth-child(4),.lg-t td:nth-child(4){display:none}.lg-cnt{margin-left:0}}

.lg-more a{display:inline-block;padding:0 10px;font-size:1.2rem;color:#94a3b8;text-decoration:none;border-radius:6px}.lg-more a:hover{background:#fff7ed;color:#ea580c}
.lg-mg{border:1px solid #fed7aa}.lg-mg .card-header{justify-content:space-between}
/* One client dashboard */
.cd-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #e8ebf2;border-radius:14px;padding:16px 18px;margin-bottom:12px}
.cd-id h2{margin:0;font-size:1.35rem;color:#0f172a}
.cd-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px;font-size:.84rem;color:#475569}.cd-meta .lg-badge{margin-left:0}
.cd-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cd-due{padding:4px 14px;border-radius:10px;background:#f1f5f9;text-align:right}.cd-due small{display:block;font-size:.7rem;color:#64748b}.cd-due b{font-size:1.15rem}
.cd-due.bad{background:#fef2f2}.cd-due.bad b{color:#dc2626}
.cd-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid #eef1f6;margin-bottom:14px;overflow-x:auto}
.cd-tabs a{padding:9px 14px;font-weight:600;font-size:.88rem;color:#64748b;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;cursor:pointer}
.cd-tabs a i{font-style:normal;font-size:.72rem;background:#f1f5f9;border-radius:10px;padding:1px 7px;margin-left:4px}
.cd-tabs a.on{color:#ea580c;border-bottom-color:#f97316}.cd-tabs a.on i{background:#fff7ed;color:#ea580c}
.cd-tiles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.cd-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
@media(max-width:640px){.cd-head{padding:12px}.cd-act{width:100%}.cd-tiles .lg-tile{flex:1 1 140px;min-width:0}}

/* ═════ Zoho-Books-like look (v38): dark menu, green active, clean white pages ═════ */
body .sidebar{background:#21263c!important;border-right:0!important;color:#c9d1e3}
body .sidebar .sidebar-header{background:#191e2e!important;border-bottom:0!important}
body .sidebar .v-brand b,body .sidebar .v-brand b em{color:#fff!important}
body .sidebar .v-brand small{color:#8e9ab5!important}
body .sidebar .sidebar-nav a{color:#c9d1e3!important;border-radius:6px!important;font-weight:500}
body .sidebar .sidebar-nav a svg{color:#8e9ab5!important;opacity:.9}
body .sidebar .sidebar-nav a:hover{background:#333850!important;color:#fff!important}
body .sidebar .sidebar-nav a.active{background:#f97316!important;color:#fff!important;font-weight:700;box-shadow:none!important}
body .sidebar .sidebar-nav a.active svg{color:#fff!important}
body .sidebar .v-nav-h{color:#c9d1e3!important;font-size:.9rem!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important}
body .sidebar .v-nav-h::before{display:none!important}
body .sidebar .nav-group.v-here>.v-nav-h,body .sidebar .nav-group.v-open>.v-nav-h{color:#fff!important}
body .sidebar .nav-group ul a{padding-left:34px!important;font-size:.86rem!important}
body .sidebar .nav-group ul a svg{display:none!important}
body .sidebar .v-caret{border-color:#8e9ab5!important}
body .sidebar .v-logout,body .sidebar .v-user b{color:#c9d1e3!important}
body .sidebar .v-count{background:#d6453d}
.v-subtabs{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;background:#fff;border:1px solid #e3e7ee;border-radius:10px;padding:4px;margin:0 0 14px;scrollbar-width:none}
.v-subtabs::-webkit-scrollbar{display:none}
.v-subtabs a{padding:8px 14px;border-radius:7px;color:#4b5563;font-weight:600;font-size:.86rem;text-decoration:none;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.v-subtabs a:hover{background:#f3f5f9}
.v-subtabs a.on{background:#fff1e6;color:#c2410c}
.cd-tabs{overflow-y:hidden;scrollbar-width:none}.cd-tabs::-webkit-scrollbar{display:none}
/* Zoho Books type: Inter 13px (measured on books.zoho.in) · brand colours: TaxCaller orange + blue */
html body,body button,body input,body select,body textarea{font-family:Inter,"Source Sans Pro",Helvetica,Arial,sans-serif!important}
html body{font-size:13px}
body .content-area{font-size:13px}
body .page-title{font-size:18px!important;font-weight:700!important}
body .sidebar .sidebar-nav a,body .sidebar .v-nav-h{font-size:13.5px!important}
body .sidebar .nav-group ul a{font-size:13px!important}
body table th{font-size:11.5px;letter-spacing:.03em}
body .v-subtabs a i,body .v-subtabs a .v-count{margin-left:4px}
body .sidebar .v-user b,body .sidebar .v-user small,body .sidebar .v-user span{color:#c9d1e3!important}
/* Home */
.hm{display:flex;flex-direction:column;gap:14px}
.hm-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.hm-top h2{margin:0;font-size:18px}
.hm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hm-card{background:#fff;border:1px solid #e3e7ee;border-radius:8px;padding:12px 14px}
.hm-card h3{margin:0 0 10px;font-size:14px;font-weight:700;display:flex;align-items:baseline;gap:6px}.hm-card h3 small{color:#6b7280;font-weight:400;font-size:12px}
.hm-card h3 a{margin-left:auto;font-size:12.5px;font-weight:700;color:#2f6fd6;text-decoration:none}
.hm-row{display:flex;gap:10px;flex-wrap:wrap}
.hm-tile{flex:1 1 140px;min-width:0;border:1px solid #eef1f5;border-radius:8px;padding:10px 12px;text-decoration:none;color:#1f2937;background:#fbfcfe}
.hm-tile:hover{border-color:#f97316;background:#fff8f2}
.hm-tile small{display:block;font-size:12px;color:#6b7280}.hm-tile b{display:block;font-size:20px;font-weight:900;margin-top:2px}.hm-tile span{display:block;font-size:11.5px;color:#6b7280;margin-top:2px}
.hm-tile.bad b{color:#d6453d}.hm-tile.good b{color:#1f9d55}.hm-tile.warn b{color:#d97706}
.hm-due{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hm-due a{padding:5px 10px;border-radius:6px;background:#eaf2ff;color:#1d4fa3;font-size:12.5px;text-decoration:none}
@media(max-width:900px){.hm-grid{grid-template-columns:1fr}}
.zi-more{position:relative;display:inline-block}.zi-more summary{list-style:none;cursor:pointer}.zi-more summary::-webkit-details-marker{display:none}
.zi-pop{position:absolute;right:0;top:100%;z-index:40;width:280px;background:#fff;border:1px solid #e3e7ee;border-radius:8px;box-shadow:0 10px 26px rgba(15,23,42,.14);padding:12px;text-align:left}
.v-subtabs a small,.v-subtabs a i,.v-subtabs a b,.v-subtabs a span,.v-subtabs a em{margin-left:5px}
body .sidebar .sidebar-footer,body .sidebar .sidebar-footer *{color:#c9d1e3!important}

/* Zoho-measured sizes */
body .page-title{font-size:18px!important;font-weight:600!important;color:#212529!important}
body table th,body .xl th,body .zi-tbl th,body .v-table th{font-size:11px!important;font-weight:600!important;color:#6c718a!important;text-transform:uppercase;letter-spacing:.02em;background:#f9f9fb!important}
body table td{font-size:13px}
body .content-area table a:not(.btn):not(.xb),body .content-area .xl a:not(.btn):not(.xb){color:#1c5bd9}
body .zi-sum small,body .lg-tile small,body .hm-tile small{color:#6c718a;font-weight:500;font-size:12px}
body .zi-sum b,body .hm-tile b{font-size:15px!important;font-weight:600!important}
body .hm-tile b{font-size:18px!important}
body .btn-primary{background:#f97316!important;border-color:#f97316!important}
body .zi-tbl{width:100%}
body .zi-tbl td,body .zi-tbl th{white-space:nowrap}
body .zi-tbl td:last-child{white-space:normal;min-width:260px}

/* ═════════ ONE PAGE SYSTEM (v39) — every page the same, Zoho-Books style ═════════
   plain light page · white panels with thin border · no gradients/shadows/coloured side-bars ·
   summary boxes = one white strip · tables = Zoho list · buttons: orange primary, white secondary */
html body,body .main-content,body .content-area,body .app-layout{background:#f7f8fb!important;background-image:none!important}
body .content-area{padding:16px 22px 28px!important;max-width:none!important}
body .content-area::before,body .content-area::after,body .main-content::before{display:none!important}
body .topbar{background:#fff!important;border-bottom:1px solid #e3e7ee!important;box-shadow:none!important}
/* panels */
body .card,body .stat-card,body .db-card,body .cmp-card,body .itr-card,body section.card,body .hm-card,body .lg-card{background:#fff!important;border:1px solid #e3e7ee!important;border-radius:6px!important;box-shadow:none!important;background-image:none!important}
body .card-header{background:#fff!important;border-bottom:1px solid #eef1f5!important;padding:10px 16px!important;min-height:0!important}
body .card-header h3,body .card-header h2{font-size:14px!important;font-weight:600!important;color:#212529!important}
body .card-header h3::before,body .card-header h2::before,body .v-title::before{display:none!important}
body .card-body{padding:14px 16px!important}
/* summary boxes (all kinds) → one clean strip like Zoho "Payment Summary" */
body .db-row,body .ui-boxes,body .v-kpis,body .mn-tabs,body .lg-tiles,body .cd-tiles,body .hm-row{gap:0!important;background:#fff;border:1px solid #e3e7ee;border-radius:6px;overflow:hidden;margin-bottom:14px}
body .db-box,body .v-kpi,body .mn-info,body .lg-tile,body .hm-tile,body .stat-card{background:#fff!important;border:0!important;border-right:1px solid #eef1f5!important;border-radius:0!important;box-shadow:none!important;padding:12px 16px!important;background-image:none!important;min-height:0!important}
body .db-box:last-child,body .v-kpi:last-child,body .mn-info:last-child,body .lg-tile:last-child,body .hm-tile:last-child{border-right:0!important}
body .db-box::before,body .db-box::after,body .v-kpi::before,body .stat-card::before,body .mn-info::before{display:none!important}
body .db-box .db-ic,body .v-kpi .v-kpi-ic{display:none!important}
body .db-box small,body .v-kpi small,body .mn-info small,body .stat-label{font-size:12px!important;font-weight:500!important;color:#6c718a!important;text-transform:none!important;letter-spacing:0!important}
body .db-box b,body .v-kpi b,body .mn-info b,body .stat-value{font-size:15px!important;font-weight:600!important;color:#212529}
body .db-box:hover,body .v-kpi:hover,body .hm-tile:hover{background:#fff8f2!important}
body .db-red b,body .db-box .neg,body .neg{color:#d6453d!important}
body .db-green b,body .pos{color:#1f9d55!important}
body .hm-card .hm-row{border:0;margin:0}
body .hm-card{padding:0!important}
body .hm-card h3{padding:10px 16px;margin:0!important;border-bottom:1px solid #eef1f5}
body .hm-due{padding:10px 16px}
/* tables → Zoho list */
body table{border-collapse:collapse!important}
body .xl,body .v-table,body .zi-tbl,body .table-responsive table,body .card table{width:100%;background:#fff;border:0!important}
body .xl th,body .v-table th,body .table-responsive th,body .card th{background:#f9f9fb!important;color:#6c718a!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.02em;padding:10px 14px!important;border:0!important;border-bottom:1px solid #e3e7ee!important;text-align:left}
body .xl td,body .v-table td,body .table-responsive td,body .card td{padding:10px 14px!important;border:0!important;border-bottom:1px solid #eef1f5!important;font-size:13px!important;color:#212529;background:transparent}
body .xl tr:hover td,body .v-table tr:hover td,body .table-responsive tr:hover td{background:#fafbfd!important}
body .xl-wrap,body .table-responsive{border:1px solid #e3e7ee!important;border-radius:6px!important;background:#fff;box-shadow:none!important}
body .card .xl-wrap,body .card .table-responsive{border:0!important;border-radius:0!important}
body .xl tfoot td{background:#f9f9fb!important;font-weight:600}
/* buttons */
body .btn{border-radius:6px!important;font-weight:500!important;box-shadow:none!important;background-image:none!important}
body .btn-primary,body .btn-success{background:#f97316!important;border:1px solid #f97316!important;color:#fff!important}
body .btn-primary:hover{background:#ea580c!important}
body .btn-outline,body .btn-navy,body .btn-secondary{background:#fff!important;border:1px solid #d5dbe5!important;color:#212529!important}
body .btn-outline:hover,body .btn-navy:hover{background:#f3f5f9!important}
body .btn-danger{background:#fff!important;border:1px solid #f1b5b1!important;color:#d6453d!important}
body .btn-sm{padding:5px 12px!important;font-size:13px!important}
/* forms */
body .form-control{border:1px solid #d5dbe5!important;border-radius:6px!important;box-shadow:none!important;font-size:13px!important;min-height:34px}
body .form-control:focus{border-color:#1c5bd9!important;box-shadow:0 0 0 2px rgba(28,91,217,.12)!important}
body label,body .form-group label{font-size:12.5px;color:#4b5563;font-weight:500}
/* badges / status */
body .badge,body .st{border-radius:4px!important;font-weight:600!important;font-size:11px!important;letter-spacing:.02em;box-shadow:none!important}
/* toolbars / filters */
body .v-toolbar,body .filters{background:#fff;border-bottom:1px solid #eef1f5;padding:10px 14px!important}
body .alert{border-radius:6px!important;box-shadow:none!important}
body .v-title,body .itr-head h2,body .cmp-head h2{font-size:18px!important;font-weight:600!important;color:#212529!important}
/* desk tiles (Regular / ITR) → same strip */
body .itr-kpi{display:grid!important;gap:0!important;background:#fff;border:1px solid #e3e7ee;border-radius:6px;overflow:hidden;margin-bottom:14px;box-shadow:none!important}
body .itr-kpi>a,body .itr-kpi>span{background:#fff!important;border:0!important;border-right:1px solid #eef1f5!important;border-radius:0!important;box-shadow:none!important;padding:12px 16px!important;background-image:none!important}
body .itr-kpi>*:last-child{border-right:0!important}
body .itr-kpi>a::before,body .itr-kpi>span::before{display:none!important}
body .itr-kpi small{font-size:12px!important;font-weight:500!important;color:#6c718a!important}
body .itr-kpi b{font-size:15px!important;font-weight:600!important;color:#212529!important}
body .itr-kpi em{font-size:11.5px!important;color:#6c718a!important;font-style:normal}
body .itr-kpi .bad b{color:#d6453d!important}body .itr-kpi .ok b{color:#1f9d55!important}
body .itr-kpi>a:hover{background:#fff8f2!important}
body .rc-verdict{background:#fff!important;border:1px solid #e3e7ee!important;border-radius:6px!important;box-shadow:none!important;padding:10px 16px!important;background-image:none!important}
body .rc-verdict .rc-ic{width:28px!important;height:28px!important;font-size:13px!important;border-radius:6px!important}
body .itr-head{background:#fff;border:1px solid #e3e7ee;border-radius:6px;padding:10px 16px;margin-bottom:10px}
body .rc-bar,body .cm-bar{box-shadow:none!important}
/* ═════ Home v2 — clear cards, bars, small charts ═════ */
.h2-wrap{display:flex;flex-direction:column;gap:14px}
.h2-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.h2-head h2{margin:0;font-size:18px;font-weight:600;color:#212529}.h2-head span{font-size:12.5px;color:#6c718a}
.h2-quick{display:flex;gap:8px;flex-wrap:wrap}
.h2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.h2-card{background:#fff;border:1px solid #e3e7ee;border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.h2-wide{grid-column:span 2}
.h2-card header{display:flex;align-items:baseline;gap:8px}.h2-card header h3{margin:0;font-size:14px;font-weight:600;color:#212529}
.h2-card header h3 small{font-weight:400;color:#6c718a;font-size:12px}.h2-card header a{margin-left:auto;font-size:12.5px;font-weight:500;color:#1c5bd9;text-decoration:none}
.h2-big small{display:block;font-size:12px;color:#6c718a}.h2-big b{font-size:26px;font-weight:600;color:#d6453d}
.h2-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#eef1f5}
.h2-bar i{display:block;height:100%}.h2-bar .cur,.h2-legend .cur{background:#f59e0b}.h2-bar .old,.h2-legend .old{background:#d6453d}
.h2-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:#4b5563}
.h2-legend a,.h2-legend span{display:flex;align-items:center;gap:6px;color:#4b5563;text-decoration:none}
.h2-legend i{display:inline-block;width:10px;height:10px;border-radius:2px}.h2-legend b{color:#212529;font-weight:600;margin-left:4px}
.h2-hbar{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12.5px;color:#4b5563}
.h2-hbar div{height:10px;background:#eef1f5;border-radius:5px;overflow:hidden}.h2-hbar i{display:block;height:100%;background:#1c5bd9;border-radius:5px}
.h2-hbar.g i{background:#1f9d55}.h2-hbar b{font-weight:600;color:#212529;font-size:13px}
.h2-list{list-style:none;margin:0;padding:0}
.h2-list li a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f3f7;text-decoration:none;color:#212529;font-size:13px}
.h2-list li:last-child a{border-bottom:0}.h2-list li a:hover span{color:#1c5bd9}
.h2-list b{font-weight:600;min-width:28px;text-align:right}.h2-list b.neg{color:#d6453d}.h2-list b.warn{color:#d97706}
.h2-nums{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #eef1f5;border-radius:6px;overflow:hidden}
.h2-nums>*{padding:10px 12px;border-right:1px solid #eef1f5;text-decoration:none;color:#212529}.h2-nums>*:last-child{border-right:0}
.h2-nums>a:hover{background:#fff8f2}.h2-nums small{display:block;font-size:11.5px;color:#6c718a}.h2-nums b{font-size:17px;font-weight:600}
.h2-nums .pos{color:#1f9d55}.h2-nums .neg{color:#d6453d}
.h2-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end;height:120px;padding-top:6px}
.h2-chart .col{display:flex;flex-direction:column;align-items:center;gap:3px;height:100%}
.h2-chart .bars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid #e3e7ee}
.h2-chart .bars i{width:16px;border-radius:3px 3px 0 0;min-height:2px}.h2-chart .n{background:#f59e0b}.h2-chart .l{background:#d6453d}
.h2-chart small{font-size:11.5px;color:#4b5563}.h2-chart em{font-size:11px;color:#6c718a;font-style:normal}
.h2-funnel{display:flex;flex-direction:column;gap:6px}
.h2-funnel a{width:var(--w);min-width:150px;display:flex;justify-content:space-between;padding:8px 12px;border-radius:5px;background:#eaf1fd;color:#1d4fa3;text-decoration:none;font-size:13px}
.h2-funnel a.g{background:#e8f6ee;color:#167a4a}.h2-funnel a.r{background:#fdecea;color:#b42318}.h2-funnel b{font-weight:600}
.h2-foot{display:flex;gap:16px;font-size:12.5px}.h2-foot a{color:#4b5563;text-decoration:none}.h2-foot b{color:#212529;margin-left:4px}
@media(max-width:1100px){.h2-grid{grid-template-columns:1fr 1fr}.h2-nums{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.h2-grid{grid-template-columns:1fr}.h2-wide{grid-column:auto}.h2-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Opening balances page */
.ob-rule{padding:12px 16px;font-size:13px;line-height:1.55;color:#374151;border-left:3px solid #f97316}
.ob-up{gap:10px;flex-wrap:wrap;padding:12px 16px}
#obT .ob-in{width:130px;height:30px;padding:4px 8px;text-align:right;margin-left:auto}
#obT .ob-in.ob-chg{background:#fffbeb;border-color:#f59e0b}
#obT td{vertical-align:middle}
.v-subtabs a i.v-cnt{font-style:normal;font-weight:600;font-size:11px;background:#eef2f7;color:#475467;border-radius:10px;padding:1px 7px;margin-left:6px}
.v-subtabs a.on i.v-cnt{background:#fed7aa;color:#9a3412}
#obT td:last-child,#obT th:last-child{min-width:0!important}
#obT .ob-in{width:112px}

/* ═════════ Zoho-style list pages (Customers, Works, …) — one pattern everywhere ═════════ */
.zl-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.zl-views{display:flex;gap:2px;background:#fff;border:1px solid #e3e7ee;border-radius:8px;padding:3px;overflow-x:auto;scrollbar-width:none}
.zl-views::-webkit-scrollbar{display:none}
.zl-views a{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;color:#4b5563;text-decoration:none;white-space:nowrap}
.zl-views a:hover{background:#f3f5f9}
.zl-views a.on{background:#fff1e6;color:#c2410c}
.zl-actions{display:flex;gap:6px;flex-shrink:0}
.zl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.zl-search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d7dce5;border-radius:6px;padding:0 10px;height:32px;min-width:260px;flex:0 1 340px;color:#8a8fa3}
.zl-search input{border:0;outline:0;background:transparent;font:inherit;font-size:13px;width:100%;color:#212529}
.zl-chips{display:flex;gap:6px;flex-wrap:wrap}
.zl-chips a{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid #d7dce5;border-radius:14px;background:#fff;color:#374151;font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap}
.zl-chips a i{font-style:normal;font-size:11px;font-weight:600;color:#6c718a;background:#f1f3f7;border-radius:9px;padding:0 6px;line-height:17px}
.zl-chips a.on{border-color:#f97316;background:#fff7ed;color:#c2410c}
.zl-chips a.on i{background:#fed7aa;color:#9a3412}
.zl-card{background:#fff;border:1px solid #e3e7ee;border-radius:8px;overflow:hidden}
.zl-sum{padding:9px 14px;font-size:12px;color:#6c718a;border-bottom:1px solid #eef0f4}
.zl-tbl{width:100%}
.zl-tbl tbody tr{cursor:pointer}
.zl-name a{color:#1c5bd9;font-weight:500;text-decoration:none}
.zl-tags{display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle}
.zl-tags em{font-style:normal;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:#eef2f7;color:#475467;text-transform:uppercase;letter-spacing:.02em}
.zl-tags em.t-gst{background:#e0ecff;color:#1d4ed8}.zl-tags em.t-itr{background:#fff1e6;color:#c2410c}.zl-tags em.t-lost,.zl-tags em.t-left{background:#fdecec;color:#b42318}
.zl-m{display:none}
.zl-more{font-size:11px;color:#6c718a;font-family:Inter,sans-serif}
.zl-empty{padding:28px 14px!important;text-align:center;color:#8a8fa3}
.zl-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border-top:1px solid #eef0f4;font-size:12px;color:#6c718a}
.zf-sec{font-size:11px;font-weight:600;text-transform:uppercase;color:#6c718a;letter-spacing:.03em;margin:4px 0 8px}
.zf-sec small{text-transform:none;font-weight:400;letter-spacing:0}
.zf-svc{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 12px}
.zf-svc .v-check{font-size:13px}
.zf-more{margin:4px 0 12px;border-top:1px solid #eef0f4;padding-top:8px}
.zf-more summary{cursor:pointer;font-size:13px;font-weight:600;color:#1c5bd9;margin-bottom:8px}
@media (max-width:760px){
  .zl-top{flex-wrap:wrap}
  .zl-views{flex:1 1 100%;order:2}
  .zl-actions{margin-left:auto}
  .zl-hide-m{display:none}
  .zl-search{flex:1 1 100%;min-width:0}
  .zl-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .zl-chips::-webkit-scrollbar{display:none}
  .zl-card{border-radius:0;margin:0 -12px;border-left:0;border-right:0}
  .zl-tbl thead{display:none}
  .zl-tbl tbody tr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid #eef0f4}
  .zl-tbl tbody td{border:0!important;padding:0!important;background:transparent!important}
  .zl-tbl .zl-d{display:none}
  .zl-tbl .zl-name{flex:1;min-width:0;white-space:normal}
  .zl-tbl .zl-name a{font-size:14px;color:#212529;font-weight:600}
  .zl-tbl .zl-m{display:block;font-size:12px;color:#6c718a;margin-top:2px}
  .zl-tbl .zl-tags{margin-left:4px}
  .zl-tbl .zl-amt{font-size:14px;white-space:nowrap}
}

/* ═════════ APP SHELL v40 (Zoho Books measures): thin header, compact menu, accordion, icons-only « ═════════ */
:root{--sidebar-width:216px;--header-height:50px}
body .sidebar{width:var(--sidebar-width)!important;transition:width .18s ease}
body .main-content{margin-left:var(--sidebar-width)!important;transition:margin-left .18s ease}
body .sidebar .sidebar-header{height:var(--header-height);padding:0 14px!important;display:flex;align-items:center}
body .sidebar .v-brand img{width:26px;height:26px}
body .sidebar .v-brand b{font-size:15px!important}
body .sidebar .v-brand small{font-size:11px!important}
body .sidebar .sidebar-nav{padding:6px 8px!important}
body .sidebar .sidebar-nav>li>a,body .sidebar .v-nav-tg{display:flex!important;align-items:center;gap:10px;width:100%;padding:7px 10px!important;margin:1px 0!important;font-size:13px!important;font-weight:500!important;border-radius:6px!important;line-height:1.35}
body .sidebar .sidebar-nav a svg,body .sidebar .v-nav-tg svg{width:16px!important;height:16px!important;flex-shrink:0;color:#8e9ab5!important}
body .sidebar .v-nav-tg{background:transparent;border:0;color:#c9d1e3!important;cursor:pointer;text-align:left}
body .sidebar .v-nav-tg:hover{background:#333850!important;color:#fff!important}
body .sidebar .v-nav-tg>span:first-of-type{flex:1}
body .sidebar .nav-group.v-open>.v-nav-tg .v-grp-b{display:none}
body .sidebar .v-grp-b .v-count{margin-left:2px}
body .sidebar .nav-group>ul{display:none;margin:0 0 4px!important;padding:0!important}
body .sidebar .nav-group.v-open>ul{display:block}
body .sidebar .nav-group ul a{display:flex!important;align-items:center;gap:8px;padding:6px 10px 6px 36px!important;font-size:13px!important;margin:1px 0!important}
body .sidebar .sidebar-nav a .v-count,body .sidebar .v-nav-tg .v-count{margin-left:auto;font-size:10.5px;line-height:16px;min-width:18px;padding:0 5px;border-radius:9px;font-style:normal;text-align:center}
body .sidebar .sidebar-footer{display:flex;align-items:center;gap:8px;padding:10px 12px!important}
body .sb-mini-btn{margin-left:auto;background:#333850;border:0;color:#c9d1e3;width:26px;height:26px;border-radius:6px;font-size:15px;line-height:1;cursor:pointer}
body .sb-mini-btn:hover{background:#f97316;color:#fff}
/* icons-only menu */
body.sb-mini{--sidebar-width:58px}
body.sb-mini .sidebar .v-brand span,body.sb-mini .sidebar .sidebar-nav a>span,body.sb-mini .sidebar .v-nav-tg>span,body.sb-mini .sidebar .v-caret,body.sb-mini .sidebar .v-who,body.sb-mini .sidebar .v-avatar,body.sb-mini .sidebar .v-logout,body.sb-mini .sidebar .sidebar-nav a .v-count{display:none!important}
body.sb-mini .sidebar .nav-group>ul{display:none!important}
body.sb-mini .sidebar .sidebar-nav>li>a,body.sb-mini .sidebar .v-nav-tg{justify-content:center;padding:9px 0!important}
body.sb-mini .sidebar .nav-group.v-here>.v-nav-tg{background:#f97316!important}
body.sb-mini .sidebar .nav-group.v-here>.v-nav-tg svg{color:#fff!important}
body.sb-mini .sb-mini-btn{transform:rotate(180deg);margin:0 auto}
body.sb-mini .sidebar .sidebar-footer{justify-content:center;padding:10px 0!important}
/* thin header — no wasted space */
body .topbar{height:var(--header-height)!important;min-height:0!important;padding:0 18px!important}
body .topbar .page-title{font-size:18px!important;font-weight:600!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .topbar .tb-back{height:30px;padding:0 10px;font-size:13px}
body .topbar-right{gap:8px}
body .topbar-right .install-btn span,body .topbar-right .push-toggle span{display:none}
body .topbar-right .install-btn,body .topbar-right .push-toggle{width:32px;height:32px;padding:0!important;justify-content:center}
body .topbar .lc-pulse{height:30px;padding:0 9px}
body .topbar .v-top-av{width:30px;height:30px;font-size:13px}
body .content-area{padding:14px 18px 24px!important}
body .content-area>.alert.alert-warning:first-child{padding:6px 12px!important;font-size:12px!important;margin-bottom:10px!important;border-radius:6px}
@media (max-width:1024px){
  body.sb-mini{--sidebar-width:216px}
  body .main-content{margin-left:0!important}
  body .sb-mini-btn{display:none}
}
@media (max-width:760px){
  body .topbar{padding:0 10px!important}
  body .topbar .page-title{font-size:16px!important}
  body .topbar .tb-back span{display:none}
  body .topbar .lc-pulse small{display:none}
  body .content-area{padding:10px 12px 90px!important}
}
.v-drawer .form-group{margin-bottom:10px!important}
.v-drawer .form-group label{font-size:12px!important;font-weight:500!important;color:#4b5563!important;margin-bottom:4px!important}
.v-drawer .form-control{height:32px;font-size:13px!important;padding:5px 10px!important}
.v-drawer textarea.form-control{height:auto}
.form-control::placeholder{text-transform:none!important;letter-spacing:0}
@media (max-width:760px){
  .zl-tbl .zl-name a{display:block}
  .zl-tbl .zl-tags{margin:3px 0 0;display:flex}
  html,body{overflow-x:hidden}
}

/* ═════════ Customer page (one page per customer) ═════════ */
.cp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e3e7ee;border-radius:8px;padding:14px 16px;margin:0 0 0}
.cp-id h2{margin:0;font-size:18px;font-weight:600;color:#212529}
.cp-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:6px;font-size:12.5px;color:#6c718a}
.cp-meta em,.cp-main{font-style:normal;font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em;background:#eef2f7;color:#475467}
.cp-meta em.t-gst{background:#e0ecff;color:#1d4ed8}.cp-meta em.t-itr{background:#fff1e6;color:#c2410c}.cp-meta em.t-lost,.cp-meta em.t-left{background:#fdecec;color:#b42318}
.cp-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cp-due{display:flex;flex-direction:column;align-items:flex-end;padding:4px 12px;border-radius:6px;background:#f6f7fa;text-decoration:none;line-height:1.2}
.cp-due small{font-size:11px;color:#6c718a;font-weight:500}.cp-due b{font-size:16px;font-weight:600;color:#212529}
.cp-due.bad{background:#fff4f2}.cp-due.bad b{color:#d0342c}
.cp-tabs{display:flex;gap:2px;border-bottom:1px solid #e3e7ee;margin:6px 0 14px;overflow-x:auto;scrollbar-width:none}
.cp-tabs::-webkit-scrollbar{display:none}
.cp-tabs a{padding:10px 14px;font-size:13px;font-weight:500;color:#4b5563;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.cp-tabs a:hover{color:#212529}
.cp-tabs a.on{color:#c2410c;border-bottom-color:#f97316;font-weight:600}
.cp-tabs a i{font-style:normal;font-size:11px;background:#eef2f7;color:#475467;border-radius:9px;padding:0 6px;line-height:17px}
.cp-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:#fff;border:1px solid #e3e7ee;border-radius:8px;overflow:hidden;margin-bottom:14px}
.cp-strip a{display:block;padding:12px 16px;border-right:1px solid #eef0f4;text-decoration:none;color:#212529}
.cp-strip a:last-child{border-right:0}
.cp-strip a:hover{background:#fafbfd}
.cp-strip small{display:block;font-size:12px;color:#6c718a;font-weight:500}
.cp-strip b{display:block;font-size:16px;font-weight:600;margin:3px 0 2px}
.cp-strip span{font-size:11.5px;color:#8a8fa3}
.cp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cp-card{background:#fff;border:1px solid #e3e7ee;border-radius:8px;overflow:hidden;margin-bottom:14px}
.cp-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid #eef0f4}
.cp-card-h h3{margin:0;font-size:14px;font-weight:600;color:#212529}
.cp-card-h a{font-size:12.5px;font-weight:500;color:#1c5bd9;text-decoration:none}
.cp-card-b{padding:12px 14px}
.cp-card-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 14px;border-top:1px solid #eef0f4}
.cp-card .zi-tbl td:last-child{min-width:0}
.cp-dl{display:grid;grid-template-columns:150px 1fr;gap:8px 12px;margin:0;padding:12px 14px;font-size:13px}
.cp-dl dt{color:#6c718a;font-weight:500}.cp-dl dd{margin:0;color:#212529;word-break:break-word}
.cp-sub{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.cp-pick{display:flex;gap:8px}
.cp-pick .form-control{height:30px;font-size:12.5px;padding:3px 8px;width:auto}
.zl-chips a i.bad{background:#fdecec;color:#b42318}
.cp-join{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #eef0f4}
.zl-sub{display:block;font-size:11.5px;color:#8a8fa3}
@media (max-width:900px){.cp-grid{grid-template-columns:1fr}}
@media (max-width:760px){
  .cp-head{border-radius:0;margin:0 -12px;border-left:0;border-right:0;padding:12px}
  .cp-act{width:100%}
  .cp-act .cp-due{margin-right:auto;align-items:flex-start}
  .cp-tabs{margin:0 -12px 12px;padding:0 6px;background:#fff}
  .cp-strip{grid-template-columns:1fr 1fr}
  .cp-strip a{border-bottom:1px solid #eef0f4}
  .cp-dl{grid-template-columns:110px 1fr}
  .cp-card{border-radius:0;margin-left:-12px;margin-right:-12px;border-left:0;border-right:0}
  .cp-sub{flex-direction:column;align-items:stretch}
  .cp-sub .zl-chips{flex-wrap:nowrap;overflow-x:auto}
}
.cp-s{padding:12px 16px;border-right:1px solid #eef0f4}.cp-s:last-child{border-right:0}
.cp-s small{display:block;font-size:12px;color:#6c718a;font-weight:500}.cp-s b{display:block;font-size:16px;font-weight:600;margin:3px 0 2px}.cp-s span{font-size:11.5px;color:#8a8fa3}
.st-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.st-sep{width:1px;height:20px;background:#e3e7ee;margin:0 4px}
.st-period .form-control{height:30px;font-size:12.5px;padding:3px 8px;width:auto}
.st-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 14px}
.st-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:500;color:#4b5563}
.st-grid .st-full{grid-column:1/-1}
.st-wrap{overflow-x:auto;padding:12px 14px}
.st-wrap .stm{min-width:640px}
@media (max-width:760px){
  .cp-strip .cp-s{border-bottom:1px solid #eef0f4}
  .st-bar .zl-chips{flex-wrap:nowrap;overflow-x:auto}
  .st-wrap{padding:8px}
}
@media (max-width:760px){
  body .topbar-right .v-top-av,body .topbar-right .v-blast-btn,body .topbar-right .push-test{display:none!important}
  body .topbar-right{gap:6px;flex-shrink:0}
  .cp-act{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
  .cp-act .cp-due{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px}
  .cp-act .btn{justify-content:center;padding:0 6px;font-size:12.5px}
}
@media (max-width:760px){.cp-act .cp-due{width:100%;box-sizing:border-box}.cp-act .btn{white-space:nowrap}.cp-strip{margin-left:-12px;margin-right:-12px;border-radius:0;border-left:0;border-right:0}}
.zl-svc{margin:-2px 0 10px}
.zl-svc a{height:26px;font-size:11.5px}
.zl-note{font-size:12.5px;color:#4b5563;margin:0 0 10px}.zl-note a{margin-left:8px;color:#1c5bd9}
.zl-tbl tr.zl-od td:first-child{box-shadow:inset 3px 0 0 #d0342c}
.zl-st{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:10px;background:#eef2f7;color:#475467;white-space:nowrap}
.zl-st.st-open,.zl-st.st-submitted{background:#fff4e5;color:#b45309}.zl-st.st-assigned,.zl-st.st-in-progress{background:#e0ecff;color:#1d4ed8}
.zl-st.st-returned{background:#fdecec;color:#b42318}.zl-st.st-completed,.zl-st.st-approved{background:#e7f6ec;color:#15803d}
@media (max-width:760px){.zl-svc{flex-wrap:nowrap;overflow-x:auto}}
.zl-card{overflow-x:auto}
@media (min-width:1025px){.zl-views:not(.zl-keep){display:none}.zl-top:not(:has(.zl-keep)){justify-content:flex-end;margin-top:-4px}}
.tb-actions{display:inline-flex;gap:8px;align-items:center;margin-right:6px}
@media (min-width:1025px){.zl-top:not(:has(.zl-keep)){display:none}}
@media (max-width:1024px){.tb-actions{display:none}}
.zl-fee b{display:block;font-weight:600;margin-bottom:3px}
.zl-fee{white-space:normal!important;min-width:150px}
/* Zoho-style Date Range picker */
.rp-pick{position:relative;display:inline-block}
.rp-pick summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border:1px solid #d7dce5;border-radius:6px;background:#fff;font-size:12.5px;color:#4b5563;white-space:nowrap}
.rp-pick summary::-webkit-details-marker{display:none}
.rp-pick summary b{color:#1c5bd9;font-weight:500}
.rp-pick summary::after{content:'';border:solid #6c718a;border-width:0 1.5px 1.5px 0;padding:2.5px;transform:rotate(45deg);margin:-3px 0 0 6px}
.rp-menu{position:absolute;left:0;top:calc(100% + 4px);z-index:50;width:250px;background:#fff;border:1px solid #e3e7ee;border-radius:8px;box-shadow:0 10px 28px rgba(15,23,42,.14);padding:6px}
.rp-menu a{display:block;padding:6px 10px;border-radius:5px;font-size:13px;color:#374151;text-decoration:none}
.rp-menu a:hover{background:#f3f5f9}
.rp-menu a.on{background:#1c5bd9;color:#fff}
.rp-custom{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid #eef0f4;margin-top:6px;padding:8px 4px 2px}
.rp-custom b{grid-column:1/-1;font-size:12px;color:#6c718a;font-weight:600}
.rp-custom .form-control{height:30px;font-size:12px;padding:3px 6px}
.rp-custom .btn{grid-column:1/-1}
.zi-tbl th.r,.zi-tbl td.r,.zl-tbl th.r{text-align:right!important}
.cp-grid-21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media (max-width:900px){.cp-grid-21{grid-template-columns:1fr}}
.xb{display:inline-flex;align-items:center;height:26px;padding:0 9px;border:1px solid #d7dce5;border-radius:5px;background:#fff;color:#374151!important;font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}
.xb:hover{border-color:#f97316;color:#c2410c!important}
.cp-s a{color:#1c5bd9;text-decoration:none}

/* ═════════ Reports (Zoho Books Reports Center) ═════════ */
.rp-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start}
.rp-list{background:#fff;border:1px solid #e3e7ee;border-radius:8px;padding:8px 0;position:sticky;top:64px;max-height:calc(100vh - 80px);overflow:auto}
.rp-list-h{font-size:13px;font-weight:600;padding:4px 14px 8px;color:#212529;border-bottom:1px solid #eef0f4}
.rp-grp{padding:6px 0}
.rp-grp-h{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#6c718a;padding:6px 14px 3px}
.rp-grp a{display:block;padding:5px 14px 5px 22px;font-size:13px;color:#1c5bd9;text-decoration:none}
.rp-grp a:hover{background:#f6f8fc}
.rp-grp a.on{background:#fff1e6;color:#c2410c;font-weight:600;box-shadow:inset 3px 0 0 #f97316}
.rp-home h2{margin:0 0 4px;font-size:18px;font-weight:600}
.rp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:12px}
.rp-card{background:#fff;border:1px solid #e3e7ee;border-radius:8px;padding:12px 14px}
.rp-card h4{margin:0 0 8px;font-size:13px;font-weight:600;color:#212529}
.rp-card a{display:block;font-size:13px;color:#1c5bd9;text-decoration:none;padding:3px 0}
.rp-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e3e7ee;border-radius:8px 8px 0 0;padding:8px 12px}
.rp-crumb{display:flex;flex-direction:column;line-height:1.3}
.rp-crumb small{font-size:11px;color:#6c718a}.rp-crumb b{font-size:14px;font-weight:600;color:#212529}.rp-crumb span{font-size:11.5px;color:#6c718a}
.rp-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rp-filt{font-size:12px;color:#6c718a;display:inline-flex;align-items:center;gap:4px}
.rp-back{display:none}
.rp-extra{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #e3e7ee;border-top:0;padding:8px 12px;font-size:13px}
.rp-paper{background:#fff;border:1px solid #e3e7ee;border-top:0;border-radius:0 0 8px 8px;padding:22px 24px 18px}
.rp-co{text-align:center;font-size:12px;color:#6c718a}
.rp-title{text-align:center;margin:4px 0 2px;font-size:17px;font-weight:600;color:#212529}
.rp-per{text-align:center;font-size:12px;color:#4b5563}
.rp-basis{text-align:center;font-size:11.5px;color:#6c718a;margin:4px 0 14px}
.rp-tbl-wrap{overflow-x:auto}
.rp-tbl{width:100%;border-collapse:collapse;font-size:13px}
.rp-tbl th{font-size:11px;font-weight:600;text-transform:uppercase;color:#6c718a;background:#f9f9fb;border-top:1px solid #e3e7ee;border-bottom:1px solid #e3e7ee;padding:8px 10px;text-align:left;white-space:nowrap}
.rp-tbl td{padding:7px 10px;border-bottom:1px solid #f0f2f5;white-space:nowrap}
.rp-tbl td a{color:#1c5bd9;text-decoration:none}
.rp-tbl .r{text-align:right}
.rp-tbl tfoot td{font-weight:600;border-top:1px solid #d7dce5;border-bottom:0;background:#fbfbfd}
.rp-tbl .pos{color:#15803d}.rp-tbl .neg{color:#d0342c}
.rp-note{font-size:11.5px;color:#6c718a;margin-top:12px}
/* horizontal P&L */
.pl-h{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e3e7ee;max-width:980px;margin:0 auto}
.pl-side{padding:10px 16px}
.pl-side:first-child{border-right:1px solid #e3e7ee}
.pl-side h4{font-style:italic;font-size:15px;font-weight:600;margin:0 -16px 8px;padding:0 16px 8px;border-bottom:1px solid #e3e7ee}
.pl-sec{font-size:11.5px;font-weight:700;color:#212529;margin:12px 0 4px}
.pl-row{display:flex;justify-content:space-between;font-size:12.5px;padding:4px 0 4px 10px}
.pl-row a{color:#1c5bd9;text-decoration:none}
.pl-tot{display:flex;justify-content:flex-end;gap:18px;font-size:11.5px;font-weight:600;border-top:1px solid #eef0f4;padding:6px 0;margin-top:4px}
.pl-net{display:flex;justify-content:space-between;border:1px solid #e3e7ee;padding:8px 10px;margin-top:16px;font-size:12px;font-weight:600}
.pl-net.neg b{color:#d0342c}
.pl-foot{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e3e7ee;border-top:0;max-width:980px;margin:0 auto}
.pl-foot div{display:flex;justify-content:space-between;padding:8px 16px;font-size:12.5px}
.pl-foot div:first-child{border-right:1px solid #e3e7ee}
@media (max-width:1024px){
  .rp-wrap{grid-template-columns:1fr}
  .rp-list{position:static;max-height:none}
  .rp-open .rp-list{display:none}
  .rp-back{display:inline-flex}
}
@media (max-width:760px){
  .rp-paper{padding:14px 10px;border-radius:0;margin:0 -12px;border-left:0;border-right:0}
  .rp-bar,.rp-extra{margin:0 -12px;border-radius:0;border-left:0;border-right:0}
  .pl-h,.pl-foot{grid-template-columns:1fr}
  .pl-side:first-child{border-right:0;border-bottom:1px solid #e3e7ee}
  .pl-foot div:first-child{border-right:0}
  .rp-menu{left:auto;right:-60px}
}
@media print{.sidebar,.topbar,.rp-list,.rp-bar,.rp-extra,.bottom-nav{display:none!important}.main-content{margin:0!important}.rp-wrap{display:block}.rp-paper{border:0}}
.rp-wrap:not(.rp-open){grid-template-columns:1fr}
.rp-wrap:not(.rp-open) .rp-list{display:none}
.h2-alert{background:#fff8eb;border:1px solid #fde4b8;border-radius:8px;padding:9px 14px;font-size:13px;color:#7a4a05;margin-bottom:12px}
.h2-alert a{color:#1c5bd9;font-weight:600;margin-left:6px}
body .v-kpi.on,body .v-kpi.on small,body .v-kpi.on em,body .v-kpi.on b{opacity:1!important;color:inherit}
body .v-kpi.on{background:#fff7ed!important;box-shadow:inset 0 -2px 0 #f97316!important}
@media (max-width:760px){.rp-menu{right:0!important;left:auto!important;max-width:calc(100vw - 24px)}.rp-tools{width:100%}.rp-tools .rp-pick{margin-left:auto}}
@media (max-width:760px){
  .zl-tbl,.zl-tbl tbody,.zl-tbl tfoot{display:block;width:100%}
  .zl-tbl tfoot tr{display:flex;justify-content:space-between;padding:10px 14px;background:#fbfbfd}
  .zl-tbl tfoot td{border:0!important;padding:0!important}
  .zl-tbl tfoot td:empty{display:none}
}

/* ═════════ v41: menu open/close on desktop (☰), headings spread down the full height ═════════ */
@media (min-width:1025px){
  body .topbar .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;padding:0!important;margin-right:4px;background:transparent;border:1px solid #e3e6ee;border-radius:6px;color:#475467!important;cursor:pointer}
  body .topbar .menu-toggle:hover{background:#f2f4f7}
  body.sb-off{--sidebar-width:0px}
  body.sb-off .sidebar{transform:translateX(-100%);overflow:hidden}
  body .sidebar{display:flex!important;flex-direction:column}
  body .sidebar nav{flex:1;overflow-y:auto}
  body .sidebar .sidebar-nav{padding-top:clamp(6px,calc((100vh - 640px)/14),22px)!important}
  body .sidebar .sidebar-nav>li>a,body .sidebar .v-nav-tg{padding-top:clamp(7px,calc((100vh - 560px)/30),14px)!important;padding-bottom:clamp(7px,calc((100vh - 560px)/30),14px)!important;margin:clamp(1px,calc((100vh - 600px)/120),5px) 0!important;font-size:13.5px!important}
  body .sidebar .nav-group ul a{padding-top:clamp(6px,calc((100vh - 560px)/45),10px)!important;padding-bottom:clamp(6px,calc((100vh - 560px)/45),10px)!important}
}

/* ═════════ v41: report filters (Account / Payment mode) in the Date Range line ═════════ */
.rp-sel{display:inline-flex;margin:0}
.rp-sel label{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 10px;border:1px solid #d7dce5;border-radius:6px;background:#fff;font-size:12.5px;color:#4b5563;margin:0;white-space:nowrap}
.rp-sel select{border:0;background:transparent;color:#1c5bd9;font-size:12.5px;font-weight:500;padding:0 4px;height:28px;cursor:pointer;outline:0}
.rp-modes{display:flex;flex-wrap:wrap;gap:8px}
.rp-modes a{display:flex;flex-direction:column;padding:7px 12px;border:1px solid #e3e7ee;border-radius:8px;background:#fff;text-decoration:none;min-width:110px}
.rp-modes a small{font-size:11.5px;color:#6c718a}.rp-modes a b{font-size:14px;color:#212529;font-weight:600}
.rp-modes a.on{border-color:#f97316;background:#fff7ed}

/* Home: fixed monthly income + pending bills */
.h2-fix{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #eef0f4}
.h2-fix>a,.h2-fix>span{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit}
.h2-fix small{font-size:11.5px;color:#6c718a}.h2-fix b{font-size:15px;font-weight:600;color:#212529}
.h2-fix em{font-style:normal;font-size:11.5px}.h2-fix em.pos{color:#16a34a}.h2-fix em.neg{color:#dc2626}
.h2-note{margin:8px 0 0;font-size:12px;color:#6c718a}
.h2-list li a span small{font-size:11.5px}

/* Leads — Zoho list look (design only; every option stays) */
.ld-views a.g i{background:#dcfce7;color:#15803d}
.ld-views a i{font-style:normal;margin-left:6px;font-size:11px;background:#f1f3f7;color:#4b5563;border-radius:9px;padding:1px 7px}
.ld-views a.on i{background:#fed7aa;color:#9a3412}
.ld-fbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ld-fbar select.form-control{width:auto;height:32px;font-size:13px;padding:4px 8px}
.zl-bar .ld-fbar input[type=search]{flex:1;min-width:180px}
.ld-zoho{display:block!important}
.ld-zoho .ld-row{border:0!important;border-bottom:1px solid #eef0f4!important;border-radius:0!important;box-shadow:none!important;padding:10px 16px!important;background:#fff}
.ld-zoho .ld-row:hover{background:#f9fafb}
.ld-zoho .ld-row:last-child{border-bottom:0!important}
.ld-zoho .ld-av{width:32px;height:32px;font-size:13px;border-radius:50%}
.ld-zoho .ld-name{font-size:14px;font-weight:600;color:#1c5bd9}
.ld-zoho .ld-svc{font-size:12px;color:#6c718a}
.ld-zoho .ld-meta{font-size:12px;color:#6c718a}
.zl-card>p.zl-empty{padding:18px 16px;margin:0}
.zl-views a .zl-n{font-style:normal;margin-left:6px;font-size:11px;background:#f1f3f7;color:#4b5563;border-radius:9px;padding:1px 7px}
.zl-views a.on .zl-n{background:#fed7aa;color:#9a3412}
.zl-left{background:transparent!important;border:0!important;padding:0!important}
.zl-tbl tr.zl-off td{opacity:.55}
.zl-sub{display:block;font-size:11.5px;color:#6c718a}
.tm-noname{color:#b45309;font-style:italic;font-weight:500}
.v-drawer-foot{display:flex;gap:8px;padding:12px 0 4px;border-top:1px solid #eef0f4;margin-top:10px}
.fd-form{width:100%}
.fd-stats{font-size:12.5px;color:#4b5563;white-space:nowrap;margin-left:auto}
.fd-stats i{font-style:normal;font-weight:600;color:#1c5bd9;background:#eef4ff;border-radius:9px;padding:1px 7px}
.fd-stats i.ok{color:#15803d;background:#dcfce7}
@media (max-width:760px){.fd-stats{white-space:normal;margin-left:0}}

/* filter line with search + dropdowns (Leads, Trademarks, Consultants, Find & Compare) */
.zl-search.ld-fbar{border:0!important;background:transparent!important;padding:0!important;height:auto!important;flex:1 1 100%!important;min-width:0}
.zl-search.ld-fbar>svg{display:none}
.zl-search.ld-fbar input[type=search]{height:32px;border:1px solid #d7dce5;border-radius:6px;background:#fff;padding:0 10px 0 32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%238a8fa3' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;flex:1 1 260px;max-width:420px}
.fd-bar{margin-bottom:12px}
@media (min-width:1025px){
  .zi-top{flex-wrap:nowrap}
  .zi-top .v-inline{flex-wrap:nowrap!important}
  .zi-top form.v-inline input[type=date]{width:138px!important;height:34px}
  .zi-top form.v-inline input[name=q]{width:220px}
  .zi-top form.v-inline select{height:34px}
}

/* ═════════ v41 MOBILE — Zoho Books app look (our own headings, Zoho design) ═════════ */
.zl-av{display:none}
.zi-st-m{display:none!important}
.h2-quick .qc-ic{display:none}
@media (max-width:760px){
  /* header: page actions stay — outline ones as icons, the main "+ New" becomes a round + button */
  body .topbar .tb-actions{display:inline-flex!important;gap:6px;margin-right:2px}
  body .topbar .tb-actions .btn-outline,body .topbar .tb-actions .zi-more>summary{font-size:0!important;width:34px;height:34px;padding:0!important;justify-content:center;border-radius:50%!important;background:#f4f5f9!important;border:0!important}
  body .topbar .tb-actions .btn-outline svg{width:17px!important;height:17px!important;margin:0!important}
  body .topbar .tb-actions .zi-more>summary::before{content:'\22EF';font-size:20px;color:#344054;line-height:1}
  body .topbar .tb-actions>.btn-primary,body .topbar .tb-actions>.zi-new>summary.btn-primary{position:fixed;right:18px;bottom:84px;z-index:60;width:56px;height:56px;border-radius:50%!important;font-size:0!important;padding:0!important;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.28);background:#111827!important;border:0!important}
  body .topbar .tb-actions>.btn-primary svg{width:26px!important;height:26px!important;color:#fff!important;margin:0!important}
  body .topbar .tb-actions>.zi-new>summary.btn-primary::before{content:'+';font-size:32px;color:#fff;line-height:1;font-weight:300}
  body .topbar .tb-actions>.zi-new>div{position:fixed;right:18px;bottom:150px;top:auto;z-index:61}
  body .topbar .tb-actions .zi-pop{position:fixed;left:12px;right:12px;top:58px;z-index:61}
  body .topbar .install-btn,body .topbar .push-toggle,body .topbar .push-test{display:none!important}
  /* Home: Quick Create tiles */
  .h2-head{display:block}
  .h2-quick{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
  .h2-quick a{display:flex!important;flex-direction:column;align-items:center;gap:6px;height:auto!important;padding:12px 4px!important;background:#fff!important;color:#344054!important;border:1px solid #eef0f4!important;border-radius:12px!important;font-size:12px!important;font-weight:500!important;box-shadow:none!important}
  .h2-quick .qc-ic{display:flex;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;background:#f4f6fb;color:#1c5bd9}
  .h2-quick a:first-of-type .qc-ic{background:#fff1e6;color:#f2581d}
  .h2-quick a span:last-child{white-space:nowrap}
  /* lists: Zoho app rows — name + amount, date • number, coloured status */
  .zl-tbl .zl-av{display:flex;flex:0 0 40px;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;background:#6ba3e8;margin-right:12px;float:left}
  .zl-tbl tbody tr:nth-child(5n+2) .zl-av{background:#4fb89a}.zl-tbl tbody tr:nth-child(5n+3) .zl-av{background:#e8b04f}.zl-tbl tbody tr:nth-child(5n+4) .zl-av{background:#ea7d8c}.zl-tbl tbody tr:nth-child(5n+5) .zl-av{background:#8f84e3}
  .zl-tbl tbody tr{align-items:flex-start!important;padding:14px 16px!important}
  .zl-tbl .zl-name a{font-size:15px!important;color:#111827!important;font-weight:600}
  .zl-tbl .zl-amt{font-size:15px!important;font-weight:600;color:#111827;text-align:right}
  .zl-tbl .zl-amt .zl-m{font-weight:400;font-size:12.5px;color:#475467}
  .zl-tbl .zl-m{font-size:13px!important;color:#475467!important;margin-top:4px!important}
  .zi-inv .zi-st-m{display:block!important;font-size:12px!important;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-top:6px!important}
  .zi-st-m.paid{color:#16a34a!important}.zi-st-m.over,.zi-st-m.today{color:#e5484d!important}.zi-st-m.part{color:#d97706!important}
  .zi-wrap{overflow:visible!important;border-radius:0;margin:0 -12px}
  .zi-inv thead{display:none}
  .zi-sum{grid-template-columns:1fr 1fr!important;padding:14px 4px!important;border-radius:14px!important;background:#eef4ff!important;border:0!important;box-shadow:none!important}
  .zi-sum>*:first-child{grid-column:1/-1;border-left:0}
  .zi-sum>a,.zi-sum>span{border-left:0!important;padding:6px 14px!important}
  .zi-top{flex-wrap:wrap;gap:8px}
  .zi-top .v-inline{width:100%}
  .zi-top form.v-inline{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;width:100%}
  .zi-top form.v-inline input[name=q]{grid-column:1/-1;max-width:none!important}
  /* customer page: summary strip on soft blue, tabs like the app */
  .cp-head{background:#eef1fb;margin:-10px -12px 0;padding:14px 16px;border:0!important;border-radius:0!important;box-shadow:none!important}
  .cp-tabs{position:sticky;top:50px;z-index:5;background:#fff;margin:0 -12px 10px;padding:0 8px;box-shadow:0 1px 0 #e6e8ef}
  .cp-tabs a{font-size:13px!important;text-transform:uppercase;letter-spacing:.02em;padding:12px 10px!important}
  .cp-tabs a.on{color:#1c5bd9!important;border-bottom-color:#1c5bd9!important}
  /* reports: centred title + horizontally scrollable table */
  .rp-body,.rp-paper{overflow-x:auto}
}
/* Leads: select many → assign / status at once */
.ld-pickrow{display:flex;align-items:stretch;gap:0}
.ld-pickrow>.ld-row{flex:1;min-width:0}
.ld-pick{display:flex;align-items:center;padding:0 4px 0 10px;cursor:pointer}
.ld-pick input{width:16px;height:16px;accent-color:#f2581d;cursor:pointer}
.ld-bulk{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:70;display:flex;align-items:center;gap:8px;background:#111827;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);flex-wrap:wrap;max-width:calc(100vw - 24px)}
.ld-bulk[hidden]{display:none}
.ld-bulk .form-control{height:32px;width:auto;font-size:13px}
@media (max-width:760px){.ld-bulk{bottom:78px}.ld-pick{padding:0 2px 0 4px}}
@media (max-width:760px){
  body .h2-head .h2-quick a,body .h2-head .h2-quick a.btn-primary{background:#fff!important;color:#344054!important;border:1px solid #eef0f4!important}
  body .topbar .tb-actions .btn-outline svg{color:#344054!important;stroke:#344054}
  .zl-tbl .zl-name{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:start}
  .zl-tbl .zl-name>*{grid-column:2}
  .zl-tbl .zl-name>.zl-av{grid-column:1;grid-row:1 / span 4;float:none;margin:0}
  .zl-tbl .zl-name .zl-tags{margin:3px 0 0!important}
}
@media (max-width:760px){.zl-tbl tbody tr>.zl-name{flex:1 1 0%!important;width:auto!important;min-width:0!important}.zl-tbl tbody tr>.zl-amt{flex:0 0 auto}}
/* Leads: List / Table / Board switch */
.ld-vsw{display:inline-flex;border:1px solid #d7dce5;border-radius:8px;overflow:hidden;background:#fff;flex-shrink:0}
.ld-vsw a{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;font-size:12.5px;font-weight:600;color:#4b5563;text-decoration:none;border-left:1px solid #eef0f4}
.ld-vsw a:first-child{border-left:0}
.ld-vsw a.on{background:#1c5bd9;color:#fff}.ld-vsw a.on svg{color:#fff}
.zl-top:has(.ld-vsw){flex-wrap:wrap}
/* Table view */
.ld-tblw{overflow-x:auto}
.ld-tbl td{vertical-align:middle;font-size:13px}
.ld-tbl td small{display:block;color:#6c718a;font-size:11.5px;margin-top:2px}
.ld-tbl .ld-tn a{font-weight:600;color:#1c5bd9}
.ld-tbl tr.pr-hot td:first-child{box-shadow:inset 3px 0 0 #e5484d}.ld-tbl tr.pr-warm td:first-child{box-shadow:inset 3px 0 0 #f59e0b}
.ld-tbl .ld-tctl .ld-ctl{display:flex;gap:6px;flex-wrap:nowrap}
.ld-tbl .ld-tact .ld-act{display:flex;gap:6px}
.ld-tbl th a{color:inherit;text-decoration:none}
.ld-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
body .ld-tbl td:last-child{min-width:0}
/* Board view */
.ld-board{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;align-items:flex-start}
.ld-col{flex:0 0 260px;background:#f4f6fa;border:1px solid #e6e9f0;border-radius:10px;max-height:calc(100vh - 230px);display:flex;flex-direction:column}
.ld-col.over{outline:2px dashed #1c5bd9;background:#eef4ff}
.ld-col header{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #e6e9f0;font-size:13px}
.ld-col header i{font-style:normal;background:#fff;border:1px solid #e3e6ee;border-radius:10px;padding:0 7px;font-size:11.5px;color:#4b5563}
.ld-col header small{margin-left:auto;font-size:10.5px;color:#98a2b3}
.ld-col.st-converted header b{color:#15803d}.ld-col.st-lost header b{color:#b42318}.ld-col.st-new header b{color:#c2410c}
.ld-col-b{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}
.ld-bc{background:#fff;border:1px solid #e6e9f0;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:3px;cursor:grab;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.ld-bc[data-locked]{cursor:default}
.ld-bc.drag{opacity:.5}
.ld-bc.pr-hot{border-left:3px solid #e5484d}.ld-bc.pr-warm{border-left:3px solid #f59e0b}
.ld-bc-n{font-weight:600;font-size:13.5px;color:#111827}
.ld-bc small{font-size:12px;color:#4b5563}
.ld-bc-f{display:flex;align-items:center;gap:6px;margin-top:6px}
.ld-bc-f form{flex:1;min-width:0}
.ld-mv{width:100%;height:28px;font-size:12px;border:1px solid #d7dce5;border-radius:6px;background:#fff;padding:0 6px}
.ld-bc-f .ld-ib{width:28px;height:28px}
.ld-more{font-size:12px;text-align:center;padding:6px}
@media (max-width:760px){.ld-col{flex-basis:82vw;max-height:none}.ld-vsw a span{display:none}}
@media (max-width:760px){
  .rp-wrap>*{min-width:0}
  .rp-paper{padding:16px 12px!important;overflow-x:auto}
  .rp-sel{display:flex;flex-wrap:wrap;gap:6px;width:100%}
  .rp-sel label{display:flex;align-items:center;gap:4px;flex:1 1 140px;min-width:0}
  .rp-sel select{min-width:0;max-width:100%;flex:1}
  .rp-tools .rp-filt{display:none}
}
.ld-wa{color:#128c7e!important;border-color:#25d366!important}
/* Work in progress (Leads) — invoice / payment / reminder actions */
.ld-wip td small{display:block;font-size:11.5px;color:#6c718a;margin-top:2px}
.ld-wip .ld-wact .zi-act{display:flex;gap:6px;flex-wrap:nowrap;opacity:1}
.ld-wip .ld-wact .btn{white-space:nowrap;height:30px;padding:0 10px!important;font-size:12.5px!important}
.ld-wip .ld-wa{color:#128c7e!important;border-color:#25d366!important}
body .ld-wip td:last-child{min-width:0}
a.zl-st{text-decoration:none;cursor:pointer}a.zl-st:hover{filter:brightness(.95);text-decoration:underline}
@media (max-width:760px){
  .ld-wip tbody tr{flex-wrap:wrap!important;row-gap:10px}
  .ld-wip tbody tr>.ld-wact{flex:1 1 100%!important;order:3}
  .ld-wip .ld-wact .zi-act{flex-wrap:wrap}
  .ld-wip .zl-name .zl-m{white-space:normal}
}
@media (min-width:761px){.ld-wip .zl-name .zl-m+.zl-m{display:none}}
.wk-act .zi-act{display:flex;gap:6px;flex-wrap:wrap;opacity:1}
.wk-act .btn{white-space:nowrap;height:28px;padding:0 9px!important;font-size:12px!important}
body .zl-tbl td.wk-act{min-width:0;white-space:normal}
@media (max-width:760px){.zl-tbl tbody tr:has(.wk-act){flex-wrap:wrap!important}.zl-tbl tbody tr>.wk-act{display:block!important;flex:1 1 100%;order:3}}
@media (max-width:760px){
  .zl-tbl .zl-name small a{font-size:inherit!important;font-weight:400!important;color:#1c5bd9!important}
  .zl-tbl .zl-name:not(:has(.zl-av)){display:block!important}
  body:has(.topbar .tb-actions) .zl-top .zl-actions{display:none!important}
}
@media (max-width:760px){.zl-tbl tr.zl-od{box-shadow:inset 3px 0 0 #d0342c}.zl-tbl tr.zl-od td:first-child{box-shadow:none!important}}
/* Home: pending bills box + every number clickable */
.h2-pb{display:block;background:#fff4ed;border:1px solid #fde0cc;border-radius:10px;padding:14px 16px;margin:4px 0 10px;text-decoration:none!important}
.h2-pb b{display:block;font-size:24px;font-weight:600;color:#d0342c}
.h2-pb small{font-size:12.5px;color:#4b5563}
.h2-pbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.h2-pbs a{display:flex;flex-direction:column;gap:2px;border:1px solid #eef0f4;border-radius:8px;padding:8px 10px;text-decoration:none!important;color:#212529}
.h2-pbs a:hover,.h2-pb:hover{border-color:#1c5bd9}
.h2-pbs small{font-size:11.5px;color:#6c718a}.h2-pbs b{font-size:14px;font-weight:600}.h2-pbs em{font-style:normal;font-size:11.5px;color:#6c718a}
.h2-pbs a.od b{color:#d0342c}
a.h2-hbar{text-decoration:none!important;color:inherit}
.h2-fix>a{text-decoration:none!important;color:inherit}
.h2-legend a{text-decoration:none;color:inherit}
.h2-note a{color:inherit;text-decoration:none}.h2-note a:hover{color:#1c5bd9}
.rp-tbl td.rp-svc{font-size:12px;color:#6c718a;white-space:normal;max-width:220px}

/* ═════════ v42: bigger text on desktop (user, 21 Oct 2026) — whole app scaled like browser zoom; vh-based heights kept inside the screen ═════════ */
@media (min-width:1100px){
  html{zoom:1.2}
  body .sidebar{height:calc(100vh / 1.2)!important;min-height:0!important}
  body,body .app-layout,body .main-content{min-height:calc(100vh / 1.2)!important}
  .ch-wrap{height:calc(100vh / 1.2 - 130px)}
  .xl-wrap{max-height:calc(100vh / 1.2 - 230px)}
  .itr-side{max-height:calc(100vh / 1.2 - 96px)}
  .ld-col{max-height:calc(100vh / 1.2 - 230px)}
}
@media (min-width:1100px) and (max-width:1366px){html{zoom:1.1}body .sidebar{height:calc(100vh / 1.1)!important}body,body .app-layout,body .main-content{min-height:calc(100vh / 1.1)!important}}
/* mobile: slightly larger base text */
@media (max-width:760px){
  body{font-size:15px}
  body .zl-tbl .zl-m,body .zl-sum{font-size:13.5px!important}
}
/* GST returns count line (GST Clients + Home) */
.zl-gst{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;background:#fff;border:1px solid #e3e7ee;border-radius:8px;padding:8px 12px;margin:0 0 10px;font-size:13px;color:#4b5563}
.zl-gst a{color:#1c5bd9;text-decoration:none}.zl-gst a:hover{text-decoration:underline}
.zl-gst a.pos b{color:#15803d}.zl-gst a.warn b{color:#d97706}.zl-gst a.neg b{color:#d0342c}
.zl-gst .sep{color:#6c718a;margin-left:6px}
.h2-gst{margin:10px 0 0;background:#f8fafc}
.rp-extra .xb.on{background:#1c5bd9;color:#fff;border-color:#1c5bd9}
/* one line only — no second row for chips / filter buttons / summary (user, 21 Oct 2026) */
.zl-hide-gst{display:none!important}
.zl-bar .zl-chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:thin}
.zl-chips a{white-space:nowrap;flex-shrink:0}
.zl-gst{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}
.zl-gst>*{flex-shrink:0}
.rp-extra{flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap}
.rp-extra>*{flex-shrink:0}
.rp-extra .rp-sel{display:inline-flex;width:auto}
@media (min-width:761px){.zl-bar{flex-wrap:nowrap!important}.zl-bar>.zl-search{flex:0 0 300px;min-width:0}.zl-bar>.zl-chips{flex:1 1 auto;min-width:0}.zl-bar>.ld-fbar{flex:1 1 auto}}
/* Lists in the same theme as Reports: one paper — toolbar strip on top, summary strip, then the table (user, 21 Oct 2026) */
@media (min-width:761px){
  .zl-bar{background:#fff;border:1px solid #e3e7ee;border-radius:10px 10px 0 0;padding:10px 14px!important;margin:0!important;box-shadow:0 1px 2px rgba(16,24,40,.04)}
  .zl-bar+.zl-chips.zl-svc,.zl-bar~.zl-svc{background:#fff;border:1px solid #e3e7ee;border-top:0;margin:0!important;padding:0 14px 10px}
  .zl-gst{background:#f9fafc;border:1px solid #e3e7ee;border-top:0;border-radius:0;margin:0!important;padding:9px 14px}
  .zl-note{background:#fffbea;border:1px solid #e3e7ee;border-top:0;margin:0!important;padding:8px 14px}
  .zl-bar~.zl-card,.zl-gst+.zl-card{border-top:0!important;border-radius:0 0 10px 10px!important;margin-top:0!important}
  .zl-card>.zl-sum{background:#fff;border-bottom:1px solid #eef0f4}
  .zl-top:has(.zl-keep){margin-bottom:10px}
}
@media (min-width:761px){.zl-bar>.ld-fbar{display:flex;flex-wrap:nowrap!important;align-items:center;gap:8px;min-width:0}.ld-fbar input[type=search]{flex:1 1 160px;min-width:120px}.ld-fbar select.form-control{width:auto!important;flex:0 1 auto;max-width:170px;min-width:0}.zl-bar>.ld-vsw{flex-shrink:0}}
/* Update & Restore */
.up-safe{padding:12px 16px;font-size:13.5px;background:#f0fdf4;border-color:#bbf7d0;margin-bottom:12px}
.up-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.up-box{padding:14px 16px}.up-box h3{font-size:15px;margin:0 0 10px;display:flex;gap:8px;align-items:center}
.up-form{display:flex;gap:8px;align-items:center}.up-form input{flex:1}
.up-dbs{list-style:none;padding:0;margin:10px 0 0;font-size:13px}.up-dbs li{padding:3px 0}
.up-files{max-height:260px;overflow:auto;border:1px solid #eef0f4;border-radius:8px;padding:8px 10px;font-size:12.5px;margin:8px 0}
.up-files em{font-style:normal;font-size:11px;padding:1px 6px;border-radius:6px;background:#eef2f7;margin-right:6px}
.up-act{display:flex;gap:8px}
@media (max-width:760px){.up-grid{grid-template-columns:1fr}}
.ob-new{background:#fffbea;border:1px solid #fde68a;border-radius:8px;padding:10px 12px;margin:8px 12px;font-size:13px}
.ob-new table{margin-top:8px}.ob-new .form-control{height:30px;font-size:13px;padding:4px 8px}.ob-new .form-control.r{text-align:right}
/* v43 Home whole-CRM search (22 Oct 2026) */
.gs-box{position:relative;display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;background:#fff;border:1px solid #d0d5dd;border-radius:6px;min-width:300px;color:#667085}
.gs-box:focus-within{border-color:#408dfb;box-shadow:0 0 0 3px rgba(64,141,251,.15)}
.gs-box input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:13px;color:#212529;height:100%}
.gs-res{position:absolute;top:calc(100% + 6px);right:0;left:0;min-width:360px;max-height:420px;overflow:auto;background:#fff;border:1px solid #e4e7ec;border-radius:10px;box-shadow:0 12px 32px rgba(16,24,40,.14);z-index:90;padding:6px 0}
.gs-res[hidden]{display:none}
.gs-res .gs-h{display:block;padding:8px 12px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#98a2b3}
.gs-res a{display:block;padding:7px 12px;color:#101828;text-decoration:none;line-height:1.3}
.gs-res a span{display:block;font-size:13.5px;font-weight:500}
.gs-res a small{display:block;font-size:12px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-res a:hover,.gs-res a.on{background:#f2f6ff}
.gs-res .gs-none{margin:0;padding:12px;font-size:13px;color:#667085}
@media (max-width:760px){
  .h2-quick .gs-box{grid-column:1 / -1;min-width:0;height:42px;border-radius:10px;border-color:#eef0f4}
  .gs-res{min-width:0;position:absolute}
}
/* v43 top-bar Live Chat icon (next to "today") */
.lc-pulse.tb-chat{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.lc-pulse.tb-chat .lc-fire{display:inline-flex;animation:none}
.lc-pulse.tb-chat.hot{background:#dcfce7;border-color:#86efac;color:#15803d}
.lc-pulse.tb-chat.hot .lc-fire{animation:lcflick 1.2s ease-in-out infinite;filter:none}
@media (max-width:760px){.lc-pulse.tb-chat small{display:none}}
@media (max-width:760px){
  body .h2-head .h2-quick .gs-res a{display:block!important;text-align:left;padding:9px 14px!important;border:0!important;border-radius:0!important;background:#fff!important;font-size:13px!important;height:auto!important}
  body .h2-head .h2-quick .gs-res a.on,body .h2-head .h2-quick .gs-res a:hover{background:#f2f6ff!important}
  body .h2-head .h2-quick .gs-res a span{white-space:normal}
}
/* search in the top line (Home), in the middle */
.topbar-mid{flex:1;display:flex;justify-content:center;padding:0 56px;min-width:0}
.topbar-mid .gs-box{width:100%;max-width:330px!important;flex:0 1 330px;min-width:0;height:36px;border-radius:8px;background:#f8f9fb}
.topbar-mid .gs-box:focus-within{background:#fff}
.topbar-mid .gs-res{min-width:420px;right:auto}
.gs-mob{display:none!important}
@media (max-width:760px){.topbar-mid{display:none}.h2-quick .gs-mob{display:flex!important}}
/* v44 Work Sales report — Zoho-style header + slim summary line (22 Oct 2026) */
.ws-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e5e9f0;border-radius:8px;padding:12px 16px;margin-bottom:10px}
.ws-title h2{margin:0;font-size:17px;font-weight:600;color:#101828}.ws-title span{font-size:12.5px;color:#667085}
.ws-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ws-filters form{display:flex;gap:6px;align-items:center;margin:0}
.ws-filters .form-control{height:34px;width:auto;font-size:13px}.ws-dates span{font-size:12.5px;color:#667085}
.ws-sum{display:flex;flex-wrap:nowrap;overflow-x:auto;background:#fff;border:1px solid #e5e9f0;border-radius:8px;margin-bottom:12px}
.ws-sum a,.ws-sum .ws-gp{flex:1 1 0;min-width:108px;padding:9px 14px;border-right:1px solid #eef0f4;text-decoration:none;color:#101828;display:flex;flex-direction:column;gap:2px;min-width:0}
.ws-sum a small,.ws-sum .ws-gp small{font-size:11.5px;color:#667085;white-space:nowrap}.ws-sum a b,.ws-sum .ws-gp b{font-size:15px;font-weight:600}
.ws-sum a:hover{background:#f6f8fc}.ws-sum a.on{background:#eef4ff;box-shadow:inset 0 -2px 0 #1c5bd9}.ws-sum a.on b{color:#1c5bd9}
.ws-sum .ws-gp{border-right:0;background:#f8fafc}.ws-sum .ws-gp i{font-style:normal;font-size:11.5px;color:#15803d}
@media (max-width:760px){.ws-sum{flex-wrap:wrap}.ws-sum a,.ws-sum .ws-gp{flex:1 1 45%;border-bottom:1px solid #eef0f4}.ws-filters{width:100%}}
/* v44 sub-tabs "More ▾" (ITR Desk etc.) — one short line, rest in a dropdown */
.v-subtabs:has(.v-sub-more){overflow:visible;flex-wrap:wrap}
.v-sub-more{position:relative;margin-left:auto}
.v-sub-more>summary{list-style:none;cursor:pointer;padding:8px 14px;border-radius:7px;color:#4b5563;font-weight:600;font-size:.86rem;white-space:nowrap}
.v-sub-more>summary::-webkit-details-marker{display:none}
.v-sub-more>summary:hover{background:#f3f5f9}.v-sub-more>summary.on{background:#fff1e6;color:#c2410c}
.v-sub-more>div{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:260px;background:#fff;border:1px solid #e4e7ec;border-radius:10px;box-shadow:0 12px 32px rgba(16,24,40,.14);padding:6px}
.v-subtabs .v-sub-more>div a{display:flex;justify-content:space-between;width:100%;padding:8px 12px}
.v-sub-more hr{border:0;border-top:1px solid #eef0f4;margin:4px 0}
.v-subtabs:has(.v-sub-more)>a{padding:8px 11px}
/* v44 ITR Desk: one line (filters · small boxes · buttons), Filed ✓ / + Payment on each row, report date range (22 Oct 2026) */
.itr-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.itr-line .itr-top-f{display:flex;gap:6px;align-items:center}
.itr-line .itr-top-f .form-control{height:34px;width:auto;padding:4px 8px;font-size:13px}
.itr-line .itr-top-b{display:flex;gap:6px;margin-left:auto}
.itr-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:stretch}
.itr-chips>a,.itr-chips>span{display:flex;flex-direction:column;justify-content:center;padding:3px 10px;border:1px solid #e3e7ee;border-radius:6px;background:#fff;text-decoration:none;color:#101828;min-width:0;line-height:1.2}
.itr-chips small{font-size:10.5px;color:#667085;white-space:nowrap}.itr-chips b{font-size:13.5px;font-weight:600}
.itr-chips .ok b{color:#1f9d55}.itr-chips .warn b{color:#b45309}.itr-chips .bad b{color:#d6453d}.itr-chips .bad{border-color:#fecaca;background:#fff8f8}
.itr-chips>a:hover{background:#f6f8fc}.itr-chips>a.on{border-color:#fdba74;background:#fff7ed}
.itr-chips-r{padding:10px 16px}
.itr-rng-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.itr-rng{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0}.itr-rng .form-control{height:32px;width:auto;font-size:13px}.itr-rng span{font-size:12px;color:#667085}
.itr-rng .xb.on{background:#fff1e6;border-color:#fdba74;color:#c2410c}
.xl .ac form{display:inline}.xb.xb-ok{color:#15803d;border-color:#86efac}
.itr-pay{display:inline-block;position:relative}.itr-pay .zi-pop{right:0;left:auto;min-width:240px}
.itr-pay .lc-form{display:flex;flex-direction:column;gap:6px;text-align:left}.itr-pay .lc-form small{display:block}
@media (max-width:760px){.itr-line .itr-top-b{margin-left:0}}
/* ITR row: status chip opens a popup to fix status + dates (22 Oct 2026) */
.itr-fix summary.st{cursor:pointer;list-style:none;white-space:nowrap}
.itr-fix summary.st::-webkit-details-marker{display:none}
.zi-pop.zi-pop-l{left:0;right:auto;width:300px}
.itr-fix .lc-form label{display:block;margin-bottom:6px;font-size:12px}
.itr-fix .lc-form small{display:block;margin:4px 0 8px;font-size:11px}
.xl-list td.ac .itr-pay{display:inline-block}
.xb.xb-wa{background:#25d366;border-color:#1faa52;color:#fff}.xb.xb-wa:hover{background:#1faa52;color:#fff}
.itr-fix .zi-pop{max-height:70vh;overflow:auto}
.itr-fix .lc-form,.itr-pay .lc-form{display:block}
.itr-fix .lc-form label,.itr-pay .lc-form label{display:flex;flex-direction:column;gap:2px;margin:0 0 6px;font-size:12px;color:#475467}
.itr-fix .lc-form .form-control,.itr-pay .lc-form .form-control{width:100%;height:32px;padding:3px 8px;font-size:13px}
.itr-pay .lc-form label.remember-row{flex-direction:row;align-items:center;gap:6px}
.itr-pay .lc-form label.remember-row input{width:auto}
.itr-pay .lc-form b{display:block;margin-bottom:6px}
.itr-line .itr-chips>a{padding:3px 8px}
.itr-fix summary.st-contacted{background:#dcfce7;color:#15803d}
.itr-fix summary.st-replied{background:#e0ecff;color:#1d4ed8}
.itr-fix summary.st-docs{background:#fff4e0;color:#b45309}
.itr-fix summary.st small{font-size:10.5px;opacity:.8;margin-left:2px}
/* ITR list fits the screen without side scroll (22 Oct 2026) */
.itr-list th,.itr-list td{padding:6px 8px;white-space:nowrap}
.itr-list td.nm{white-space:normal;min-width:170px;max-width:240px}
.itr-list td.nm .itr-sub{display:block;font-size:11.5px;color:#667085;margin-top:1px}
.itr-list td.nm .itr-sub a{color:#1d4ed8}
.itr-list td.dt{font-size:12.5px}
.itr-list td.cm{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.itr-list td.ac{white-space:nowrap;text-align:right}
.itr-list td.ac form,.itr-list td.ac details{display:inline-block;margin:0 0 0 3px}
.itr-fix .zi-pop.zi-pop-l{width:340px;max-height:none;overflow:visible}
.itr-g2{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
.itr-fix .lc-form .itr-g2 label{margin-bottom:5px}
.itr-line .itr-sum{flex:1 1 200px;min-width:0;font-size:12.5px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.itr-line .itr-sum .itr-sum-t{color:#101828;margin-right:6px}
.itr-line .itr-sum a{margin:0 2px}
.itr-line .itr-top-b{margin-left:0}
.itr-list tfoot td.itr-pg{font-weight:400;font-size:12.5px;color:#475467}
.itr-list tfoot td.itr-pg .xb{margin-left:4px}
.itr-list tfoot td.itr-pg span{margin-left:4px}
.itr-list .zi-pop{white-space:normal;text-align:left}
.itr-main > .xl-wrap,.itr-main > .card:first-child{margin-top:10px}.itr-line{margin-bottom:0}
/* ITR filter line: boxes spread out with more space (22 Oct 2026) */
.itr-line .itr-chips{flex:1 1 auto;gap:6px}
@media (min-width:1600px){.itr-line .itr-chips{gap:12px}.itr-line .itr-chips>a{padding:4px 14px;min-width:96px}}
.itr-line .itr-top-b{margin-left:auto}
/* Zoho changes (23 Oct 2026) */
.zh-band{background:#fff7e6;border:1px solid #fcd9a3;color:#7a4a00;border-radius:8px;padding:8px 12px;margin:0 0 10px;font-size:13px}
.zh-band a{font-weight:600;margin-left:6px}
.zh-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 10px}
.zh-top p{margin:0;font-size:12.5px;color:#475467;flex:1 1 300px}
.zh-tabs{display:flex;gap:4px}.zh-tabs a{padding:6px 12px;border:1px solid #e3e7ee;border-radius:6px;background:#fff;color:#344054;text-decoration:none;font-size:13px}
.zh-tabs a.on{border-color:#f2581d;color:#f2581d;background:#fff4ee}.zh-tabs i{font-style:normal;font-weight:600;margin-left:4px}
.zh-w{display:inline-block;padding:2px 8px;border-radius:5px;font-size:11.5px;font-weight:600;background:#eef2f6;color:#344054}
.zh-w.new{background:#e0ecff;color:#1d4ed8}.zh-w.chg{background:#fff4e0;color:#b45309}.zh-w.del{background:#fdecec;color:#b42318}
.zh-tbl td.zh-old{color:#667085;font-size:12.5px}
.zh-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.zh-act small{font-size:12px}
.wk-ai{display:inline-block;margin-left:4px}.wk-ai .zi-pop{width:300px}.wk-ai .lc-form label{display:flex;flex-direction:column;gap:2px;margin-bottom:6px;font-size:12px}
.zi-more .zi-pop{white-space:normal;text-align:left}
.zi-more .zi-pop .lc-form > b{display:block;margin-bottom:6px}
.zi-more .zi-pop .lc-form label{display:flex;flex-direction:column;gap:2px;margin:0 0 6px;font-size:12px;color:#475467}
.zi-more .zi-pop .lc-form .form-control{width:100%;height:32px;padding:3px 8px;font-size:13px}
.zi-more .zi-pop .lc-form label.remember-row{flex-direction:row;align-items:center}
.zi-more .zi-pop .lc-form{display:block}
/* Active GSTIN list (23 Oct 2026) */
.zg-tbl td.v-mono b{font-weight:600;letter-spacing:.2px}
.zg-off{margin-top:14px;background:#fff8f0}
.zg-help{font-size:12.5px;margin:10px 4px 0}
/* customer page: GSTIN / Monthly status (23 Oct 2026) */
.gs-st{display:block;font-size:11.5px;margin-top:2px}
.gs-ok{color:#15803d}.gs-mid{color:#b45309}.gs-no{color:#b42318}
.gs-sum{font-size:12.5px;color:#475467;margin-left:auto;margin-right:12px}
.xb.xb-stop{color:#b42318!important;border-color:#f5c2c0!important;background:#fff!important}
.xb.xb-add{color:#fff!important;background:#16a34a!important;border-color:#16a34a!important}
.cp-card-h h3{white-space:nowrap}.cp-card-h{flex-wrap:wrap;gap:4px}
/* Live chat: loud alert until someone opens the chat (26 Oct 2026) */
.lc-pulse.tb-chat.ring{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;animation:chatRing .9s ease-in-out infinite}
.lc-pulse.tb-chat.ring *{color:#fff!important}
@keyframes chatRing{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(220,38,38,.55)}50%{transform:scale(1.12);box-shadow:0 0 0 10px rgba(220,38,38,0)}}
.chat-alert{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100vw - 24px));background:#fff;border:2px solid #dc2626;border-radius:14px;padding:12px 16px;box-shadow:0 18px 50px rgba(220,38,38,.35);color:#101828;text-decoration:none;animation:chatShake 2.4s ease-in-out infinite}
.chat-alert:hover{text-decoration:none;background:#fff5f5}
.chat-alert .ca-ic{font-size:26px;line-height:1}
.chat-alert .ca-t{display:flex;flex-direction:column;min-width:0}.chat-alert .ca-t b{font-size:14.5px}.chat-alert .ca-t small{font-size:12.5px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.chat-alert .ca-go{margin-left:auto;background:#dc2626;color:#fff;border-radius:8px;padding:7px 12px;font-weight:600;font-size:13px;white-space:nowrap}
@keyframes chatShake{0%,86%,100%{transform:translateX(-50%) rotate(0)}88%{transform:translateX(-50%) rotate(-2deg)}90%{transform:translateX(-50%) rotate(2deg)}92%{transform:translateX(-50%) rotate(-2deg)}94%{transform:translateX(-50%) rotate(1deg)}}
@media (max-width:760px){.chat-alert{top:62px}.chat-alert .ca-t small{max-width:180px}}

/* v20: new-lead alert box (same red box as chat) */
.lead-alert{transition:top .2s}
.lead-alert .ca-ic{font-size:24px}

/* ═════════ v21: Live Chat like WhatsApp (user, 26 Oct 2026) — desktop = WhatsApp Web, phone = WhatsApp app ═════════ */
.wa-app{--wa-g:#00a884;--wa-gd:#008069;--wa-bg:#efeae2;--wa-out:#d9fdd3;--wa-pan:#f0f2f5;--wa-ink:#111b21;--wa-mute:#667781;--wa-line:#e9edef;
  display:grid;grid-template-columns:minmax(300px,30%) 1fr;height:calc(100vh - 112px);min-height:480px;background:#fff;border:1px solid var(--wa-line);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(11,20,26,.08);color:var(--wa-ink);font-family:"Segoe UI",Helvetica,Arial,sans-serif}
.wa-app *{box-sizing:border-box}
.wa-ib{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#54656f;background:none;border:0;cursor:pointer;flex-shrink:0;text-decoration:none!important;padding:0}
.wa-ib:hover{background:rgba(11,20,26,.06);color:#54656f}
.wa-av{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:19px;flex-shrink:0;overflow:hidden;background:#dfe5e7}
.wa-me{width:40px;height:40px;border-radius:50%;object-fit:cover}
/* left: chats */
.wa-side{display:flex;flex-direction:column;border-right:1px solid var(--wa-line);min-width:0;background:#fff}
.wa-side-h{display:flex;align-items:center;gap:10px;height:60px;padding:0 12px 0 14px;background:var(--wa-pan)}
.wa-side-h .wa-av{width:40px!important;height:40px!important;font-size:16px}
.wa-side-t{font-size:19px;font-weight:700;flex:1}
.wa-side-n{font-size:12px;background:var(--wa-g);color:#fff;border-radius:10px;padding:2px 8px;font-weight:600}
.wa-home{display:none}
.wa-search{margin:8px 12px 4px;display:flex;align-items:center;gap:10px;background:var(--wa-pan);border-radius:8px;padding:0 12px;height:36px;color:#54656f}
.wa-search input{flex:1;border:0;background:none;outline:0;font-size:14px;color:var(--wa-ink);min-width:0}
.wa-chips{display:flex;gap:8px;padding:6px 12px 8px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--wa-line)}
.wa-chips::-webkit-scrollbar{display:none}
.wa-chips button{border:0;background:var(--wa-pan);color:#54656f;border-radius:16px;padding:5px 12px;font-size:13.5px;white-space:nowrap;cursor:pointer}
.wa-chips button.on{background:#d9fdd3;color:#008069;font-weight:600}
.wa-list{flex:1;overflow-y:auto}
.wa-item{display:flex;align-items:center;gap:13px;padding:0 0 0 13px;height:76px;text-decoration:none!important;color:var(--wa-ink)!important;cursor:pointer}
.wa-item[hidden]{display:none}
.wa-item:hover{background:#f5f6f6}
.wa-item.on{background:#f0f2f5}
.wa-it-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;height:100%;border-bottom:1px solid var(--wa-line);padding-right:14px;gap:1px}
.wa-it-top,.wa-it-bot{display:flex;align-items:center;gap:6px}
.wa-it-top b{flex:1;min-width:0;font-weight:400;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-it-time{font-size:12px;color:var(--wa-mute)}
.wa-item.unread .wa-it-time{color:#1fa855;font-weight:600}
.wa-item.unread .wa-it-top b{font-weight:600}
.wa-it-last{flex:1;min-width:0;font-size:14px;color:var(--wa-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-item.unread .wa-it-last{color:var(--wa-ink)}
.wa-badge{min-width:20px;height:20px;border-radius:10px;background:#25d366;color:#fff;font-size:12px;font-weight:600;font-style:normal;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.wa-it-meta{font-size:11.5px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-it-meta i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:1px}
.wa-empty-list{padding:30px 20px;text-align:center;color:var(--wa-mute);font-size:14px}
/* right: conversation */
.wa-main{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--wa-bg)}
.wa-intro{margin:auto;text-align:center;max-width:460px;padding:30px;color:var(--wa-mute)}
.wa-intro-ic{width:90px;height:90px;margin:0 auto 18px;border-radius:50%;background:#d9fdd3;color:var(--wa-g);display:flex;align-items:center;justify-content:center}
.wa-intro-ic svg{width:52px;height:52px}
.wa-intro h2{font-size:30px;font-weight:300;color:#41525d;margin:0 0 12px}
.wa-intro p{font-size:14px;line-height:1.6}
.wa-intro small{display:inline-flex;gap:6px;align-items:center;margin-top:24px;font-size:13px;color:#8696a0}
.wa-head{display:flex;align-items:center;gap:6px;height:60px;padding:0 10px 0 12px;background:var(--wa-pan);border-left:1px solid var(--wa-line);flex-shrink:0;z-index:3}
.wa-back{display:none}
.wa-head-who{flex:1;min-width:0;display:flex;align-items:center;gap:13px;background:none;border:0;padding:0;cursor:pointer;text-align:left;color:inherit}
.wa-head-t{display:flex;flex-direction:column;min-width:0}
.wa-head-t b{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-head-t small{font-size:13px;color:var(--wa-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-head-t small.typ{color:#1fa855;font-weight:500}
.wa-head-acts{display:flex;align-items:center;gap:4px}
.wa-menu-w{position:relative}
.wa-menu{position:absolute;right:0;top:44px;background:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(11,20,26,.2);padding:8px 0;min-width:200px;z-index:20}
.wa-menu>*{display:block;width:100%;text-align:left;padding:11px 24px;font-size:14.5px;color:#3b4a54!important;background:none;border:0;cursor:pointer;text-decoration:none!important}
.wa-menu>*:hover{background:#f5f6f6}
.wa-insearch{display:flex;gap:6px;align-items:center;padding:6px 12px;background:#fff;border-bottom:1px solid var(--wa-line)}
.wa-insearch[hidden]{display:none}
.wa-insearch input{flex:1;border:0;background:var(--wa-pan);border-radius:8px;height:34px;padding:0 12px;outline:0}
.wa-msgs{flex:1;overflow-y:auto;padding:14px 7% 10px;display:flex;flex-direction:column;gap:2px;min-height:0;
  background-color:var(--wa-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23d6cfc4' stroke-width='1.2' opacity='.55'%3E%3Cpath d='M14 18h18a4 4 0 0 1 4 4v9a4 4 0 0 1-4 4h-9l-6 5v-5h-3a4 4 0 0 1-4-4v-9a4 4 0 0 1 4-4z'/%3E%3Ccircle cx='86' cy='26' r='8'/%3E%3Cpath d='M70 70l8-8 8 8-8 8z'/%3E%3Cpath d='M20 84c6-6 12 6 18 0s12 6 18 0'/%3E%3Cpath d='M96 92l4 8 8 1-6 6 2 8-8-4-8 4 2-8-6-6 8-1z'/%3E%3Cpath d='M48 40h14M55 33v14'/%3E%3C/g%3E%3C/svg%3E")}
.wa-enc{align-self:center;max-width:520px;margin:4px 0 12px;background:#ffeecd;color:#54656f;font-size:12.5px;line-height:1.45;text-align:center;border-radius:7px;padding:6px 12px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wa-enc svg{vertical-align:-1px;margin-right:3px}
.wa-sys{align-self:center;max-width:520px;margin:8px 0;background:#fff;color:#54656f;font-size:12.5px;text-align:center;border-radius:7px;padding:6px 12px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wa-day{align-self:center;margin:10px 0 8px;position:sticky;top:4px;z-index:2}
.wa-day span{display:inline-block;background:#fff;color:#54656f;font-size:12.5px;padding:5px 12px;border-radius:7px;box-shadow:0 1px .5px rgba(11,20,26,.13);text-transform:uppercase}
.wa-m{display:flex;margin-top:2px}
.wa-m.tail{margin-top:10px}
.wa-m.in{justify-content:flex-start}.wa-m.out{justify-content:flex-end}
.wa-b{position:relative;max-width:65%;padding:6px 7px 8px 9px;border-radius:7.5px;font-size:14.2px;line-height:19px;box-shadow:0 1px .5px rgba(11,20,26,.13);word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}
.wa-m.in .wa-b{background:#fff}
.wa-m.out .wa-b{background:var(--wa-out)}
.wa-m.in.tail .wa-b{border-top-left-radius:0}
.wa-m.out.tail .wa-b{border-top-right-radius:0}
.wa-m.in.tail .wa-b::before{content:"";position:absolute;left:-8px;top:0;border-style:solid;border-width:0 8px 13px 0;border-color:transparent #fff transparent transparent}
.wa-m.out.tail .wa-b::before{content:"";position:absolute;right:-8px;top:0;border-style:solid;border-width:0 0 13px 8px;border-color:transparent transparent transparent var(--wa-out)}
.wa-m.hit .wa-b{outline:2px solid #ffd279}
.wa-sn{display:block;font-size:12.5px;font-weight:600;color:#1fa855;margin-bottom:2px;white-space:nowrap}
.wa-m:not(.tail) .wa-sn{display:none}
.wa-mt{float:right;margin:7px 0 -5px 10px;font-size:11px;color:var(--wa-mute);white-space:nowrap;line-height:15px;position:relative;top:2px}
.wa-app .ch-tk{font-size:13px;font-weight:700;letter-spacing:-3px;margin-left:2px;color:#8696a0}
.wa-app .ch-tk.rd{color:#53bdeb}
.wa-typing{display:flex;margin-top:10px}
.wa-typing[hidden]{display:none}
.wa-typing .wa-b{background:#fff;display:flex;gap:4px;padding:12px 14px;border-top-left-radius:0}
.wa-typing i{width:7px;height:7px;border-radius:50%;background:#8696a0;animation:chdot 1s infinite}
.wa-typing i:nth-child(2){animation-delay:.15s}.wa-typing i:nth-child(3){animation-delay:.3s}
.wa-down{position:absolute;right:20px;bottom:80px;width:42px;height:42px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 3px rgba(11,20,26,.25);color:#54656f;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4}
.wa-down[hidden]{display:none}
.wa-down i{position:absolute;top:-6px;right:-4px;background:#25d366;color:#fff;font-style:normal;font-size:11px;font-weight:600;min-width:19px;height:19px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.wa-down i[hidden]{display:none}
.wa-foot{display:flex;align-items:flex-end;gap:4px;padding:5px 10px;min-height:62px;background:var(--wa-pan);margin:0;flex-shrink:0;z-index:3}
.wa-foot .wa-ib{margin-bottom:5px}
.wa-in{flex:1;min-width:0;background:#fff;border-radius:8px;padding:9px 12px;margin:5px 4px}
.wa-in textarea{display:block;width:100%;border:0;outline:0;resize:none;font-size:15px;line-height:20px;max-height:120px;background:none;padding:0;font-family:inherit;color:var(--wa-ink)}
.wa-send{width:44px;height:44px;margin-bottom:4px;border-radius:50%;border:0;background:none;color:#54656f;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}
.wa-foot.has-text .wa-send{background:var(--wa-g);color:#fff}
.wa-send:disabled{opacity:.6}
.wa-blink{animation:waBlink 1.4s ease-in-out infinite;color:#00a884}
@keyframes waBlink{50%{background:#d9fdd3}}
.wa-quick,.wa-emo{position:absolute;left:12px;bottom:66px;z-index:6;background:#fff;border-radius:10px;box-shadow:0 2px 14px rgba(11,20,26,.22);max-width:min(460px,calc(100% - 24px));max-height:52%;overflow-y:auto}
.wa-quick[hidden],.wa-emo[hidden]{display:none}
.wa-pop-h{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--wa-line);font-size:14px}
.wa-pop-h small{color:var(--wa-mute)}
.wa-qr{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 14px;font-size:14px;color:var(--wa-ink);cursor:pointer;border-bottom:1px solid #f2f4f5}
.wa-qr:hover{background:#f5f6f6}
.wa-qr b{display:block;color:var(--wa-gd);margin-bottom:2px}
.wa-qr-auto span{color:var(--wa-mute);font-size:12.5px}
.wa-emo{display:grid;grid-template-columns:repeat(8,1fr);padding:8px;gap:2px;width:340px}
.wa-emo[hidden]{display:none}
.wa-emo button{border:0;background:none;font-size:22px;height:38px;border-radius:6px;cursor:pointer}
.wa-emo button:hover{background:var(--wa-pan)}
.wa-info{position:absolute;top:0;right:0;bottom:0;width:min(380px,100%);background:#f0f2f5;z-index:10;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-2px 0 8px rgba(11,20,26,.12)}
.wa-info[hidden]{display:none}
.wa-info-h{display:flex;align-items:center;gap:14px;height:60px;padding:0 14px;background:var(--wa-pan);font-size:16px;flex-shrink:0}
.wa-info-top{background:#fff;text-align:center;padding:26px 20px;margin-bottom:10px}
.wa-info-top .wa-av{font-size:48px}
.wa-info-top h3{font-size:22px;font-weight:400;margin:14px 0 4px}
.wa-info-top p{font-size:16px;color:var(--wa-mute);margin:0}
.wa-info-top small{display:block;margin-top:6px;color:var(--wa-mute)}
.wa-info-dl{background:#fff;margin:0 0 10px;padding:6px 24px}
.wa-info-dl dt{font-size:13px;color:var(--wa-mute);font-weight:400;margin-top:12px}
.wa-info-dl dd{margin:2px 0 4px;font-size:15px;word-break:break-word}
.wa-info-acts{background:#fff;display:flex;flex-direction:column}
.wa-info-acts a{display:flex;gap:16px;align-items:center;padding:15px 24px;color:var(--wa-gd)!important;text-decoration:none!important;font-size:15px;border-bottom:1px solid #f2f4f5}
.wa-info-acts a:hover{background:#f5f6f6}
.wa-info-f{padding:14px 24px;color:var(--wa-mute)}
@media (min-width:1100px){.wa-app{height:calc(100vh / 1.2 - 112px)}}
@media (min-width:1100px) and (max-width:1366px){.wa-app{height:calc(100vh / 1.1 - 112px)}}
@media (min-width:1300px){.wa-b{max-width:60%}}
/* phone + tablet: exactly like the WhatsApp app — full screen, list → tap → chat with back arrow */
@media (max-width:900px){
  .wa-app{position:fixed;inset:0;z-index:1040;height:auto!important;min-height:0;border:0;border-radius:0;grid-template-columns:1fr;box-shadow:none}
  body.wa-page{overflow:hidden}
  .wa-app.has-cur .wa-side{display:none}
  .wa-app:not(.has-cur) .wa-main{display:none}
  .wa-home,.wa-back{display:inline-flex}
  .wa-side-h,.wa-head{background:var(--wa-gd);color:#fff;height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border:0}
  .wa-side-h .wa-ib,.wa-head .wa-ib{color:#fff}
  .wa-side-h .wa-ib:hover,.wa-head .wa-ib:hover{background:rgba(255,255,255,.12)}
  .wa-side-h>.wa-av,.wa-side-h>.wa-me{display:none}
  .wa-side-t{font-size:21px;font-weight:600}
  .wa-side-n{background:#fff;color:var(--wa-gd)}
  .wa-head{gap:2px;padding-left:4px;padding-right:4px}
  .wa-head-who{gap:8px}
  .wa-head-who .wa-av{width:38px!important;height:38px!important;font-size:16px}
  .wa-head-t b{color:#fff;font-size:17px}
  .wa-head-t small,.wa-head-t small.typ{color:rgba(255,255,255,.85)}
  .wa-search{margin:10px 12px 4px;border-radius:22px;height:42px}
  .wa-item{height:74px;padding-left:14px}
  .wa-it-main{border-bottom:0}
  .wa-msgs{padding:10px 10px 8px}
  .wa-b{max-width:85%}
  .wa-day{top:6px}
  .wa-foot{background:transparent;padding:4px 6px calc(6px + env(safe-area-inset-bottom));min-height:0;align-items:flex-end;position:relative}
  .wa-foot::before{content:"";position:absolute;left:6px;right:56px;top:4px;bottom:calc(6px + env(safe-area-inset-bottom));background:#fff;border-radius:24px;box-shadow:0 1px .5px rgba(11,20,26,.13);z-index:0}
  .wa-foot>*{position:relative;z-index:1}
  .wa-foot>.wa-ib{margin:0 0 3px;width:38px;height:42px}
  .wa-in{margin:0;padding:11px 4px;background:none}
  .wa-in textarea{font-size:16px}
  .wa-send,.wa-foot.has-text .wa-send{width:48px;height:48px;background:var(--wa-g);color:#fff;margin:0 0 0 4px}
  .wa-down{bottom:76px;right:12px}
  .wa-quick,.wa-emo{left:6px;right:6px;bottom:66px;max-width:none;width:auto}
  .wa-emo{grid-template-columns:repeat(8,1fr)}
  .wa-info{width:100%;box-shadow:none}
  .wa-info-h{background:var(--wa-gd);color:#fff;height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  .wa-info-h .wa-ib{color:#fff}
}
/* v21b: list scrolls inside, header / search / chips / chat header always stay (user, 26 Oct 2026) */
.wa-app{grid-template-rows:minmax(0,1fr)}
.wa-side,.wa-main{min-height:0;height:100%;overflow:hidden}
.wa-side-h,.wa-search,.wa-chips{flex-shrink:0}
.wa-list{min-height:0;overscroll-behavior:contain}
.wa-msgs{overscroll-behavior:contain}
/* v25b: Leads view tabs never cut on computer — they wrap to a second line when needed (user, 26 Oct 2026) */
@media (min-width:901px){.ld-views{flex-wrap:wrap;overflow:visible;row-gap:2px}.ld-views a{padding:6px 10px}}
/* v26: Home — Today's money box; Upcoming due dates beside Works, two columns (user, 27 Oct 2026) */
.h2-tm{background:#ecfdf3!important;border-color:#abefc6!important}.h2-tm b{color:#067647!important}.h2-tm small{color:#344054}
.h2-tml li a{padding:6px 0}
.h2-dues .h2-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.h2-dues .h2-list li:nth-last-child(2) a{border-bottom:0}
@media(max-width:700px){.h2-dues .h2-list{grid-template-columns:1fr}.h2-dues .h2-list li:nth-last-child(2) a{border-bottom:1px solid #f1f3f7}}