:root {
    --wbh-navy: #0b1d3a;
    --wbh-blue: #2563eb;
    --wbh-blue-dark: #1d4ed8;
    --wbh-teal: #14b8a6;
    --wbh-green: #10b981;
    --wbh-red: #ef4444;
    --wbh-purple: #8b5cf6;
    --wbh-amber: #f59e0b;
    --wbh-bg: #f6f8fc;
    --wbh-card: #ffffff;
    --wbh-border: #e5e7eb;
    --wbh-muted: #64748b;
    --wbh-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    --wbh-radius: 18px;
}

body.toplevel_page_wbh-dashboard,
body.business-hub_page_wbh-customers,
body.business-hub_page_wbh-quotes,
body.business-hub_page_wbh-invoices,
body.business-hub_page_wbh-tasks,
body.business-hub_page_wbh-import,
body.business-hub_page_wbh-addons,
body.business-hub_page_wbh-settings,
body.business-hub_page_wbh-files,

body.admindock_page_wbh-customers,
body.admindock_page_wbh-quotes,
body.admindock_page_wbh-invoices,
body.admindock_page_wbh-tasks,
body.admindock_page_wbh-files,
body.admindock_page_wbh-reports,
body.admindock_page_wbh-import,
body.admindock_page_wbh-addons,
body.admindock_page_wbh-settings,
body.worknest_page_wbh-customers,
body.worknest_page_wbh-quotes,
body.worknest_page_wbh-invoices,
body.worknest_page_wbh-tasks,
body.worknest_page_wbh-files,
body.worknest_page_wbh-import,
body.worknest_page_wbh-addons,
body.worknest_page_wbh-settings {
    background: var(--wbh-bg);
}

.wbh-wrap {
    max-width: 1320px;
}

.wbh-wrap h1,
.wbh-wrap h2,
.wbh-wrap h3 {
    color: var(--wbh-navy);
    letter-spacing: -0.02em;
}

.wbh-brand-bar,
.wbh-hero,
.wbh-page-header,
.wbh-panel,
.wbh-stat-card,
.wbh-addon-card,
.wbh-custom-panel {
    background: var(--wbh-card);
    border: 1px solid var(--wbh-border);
    border-radius: var(--wbh-radius);
    box-shadow: var(--wbh-shadow);
}

.wbh-brand-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
    margin: 22px 0 18px;
}

.wbh-brand-bar h1 {
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
}

.wbh-brand-bar p {
    margin: 4px 0 0;
    color: var(--wbh-muted);
}

.wbh-brand-mark {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--wbh-blue), var(--wbh-teal));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: -0.04em;
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.28);
}

.wbh-hero,
.wbh-page-header {
    padding: 28px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    margin-bottom: 22px;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.10), transparent 32%),
        #fff;
}

.wbh-hero h2,
.wbh-page-header h1 {
    margin: 0;
    font-size: 34px;
    line-height: 1.1;
}

.wbh-hero p,
.wbh-page-header p {
    margin: 8px 0 0;
    color: var(--wbh-muted);
    font-size: 15px;
}

.wbh-kicker {
    color: var(--wbh-teal) !important;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 800;
    font-size: 12px !important;
    margin: 0 0 8px !important;
}

.wbh-hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.wbh-card-grid {
    display: grid;
    gap: 18px;
    margin-bottom: 22px;
}

.wbh-card-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wbh-card-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wbh-stat-card {
    padding: 22px;
    min-height: 145px;
}

.wbh-stat-card p {
    color: var(--wbh-muted);
    margin: 12px 0 8px;
    font-weight: 700;
}

.wbh-stat-card strong {
    display: block;
    font-size: 32px;
    color: var(--wbh-navy);
    line-height: 1;
}

.wbh-stat-card small {
    color: var(--wbh-muted);
    display: block;
    margin-top: 10px;
}

.wbh-stat-icon {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 20px;
}

.wbh-stat-green { background: rgba(20, 184, 166, 0.12); }
.wbh-stat-blue { background: rgba(37, 99, 235, 0.12); }
.wbh-stat-red { background: rgba(239, 68, 68, 0.12); }
.wbh-stat-purple { background: rgba(139, 92, 246, 0.12); }

.wbh-two-col {
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    gap: 22px;
}

.wbh-panel {
    padding: 22px;
}

.wbh-panel-header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.wbh-panel-header h3,
.wbh-panel h2,
.wbh-panel h3 {
    margin-top: 0;
}

.wbh-activity-list {
    margin: 0;
}

.wbh-activity-list li {
    display: flex;
    gap: 12px;
    margin: 0;
    padding: 13px 0;
    border-bottom: 1px solid var(--wbh-border);
}

.wbh-activity-list li:last-child {
    border-bottom: 0;
}

.wbh-activity-list strong,
.wbh-activity-list small {
    display: block;
}

.wbh-activity-list small {
    color: var(--wbh-muted);
    margin-top: 3px;
}

.wbh-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--wbh-teal);
    margin-top: 6px;
    flex: 0 0 10px;
}

.wbh-empty-state {
    padding: 35px 20px;
    text-align: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
}

.wbh-empty-state h3,
.wbh-empty-state h4 {
    margin-top: 0;
}

.wbh-empty-state p {
    color: var(--wbh-muted);
}

.wbh-move-panel {
    background:
        linear-gradient(135deg, rgba(20,184,166,0.09), rgba(37,99,235,0.08)),
        #fff;
}

.wbh-large-icon {
    font-size: 36px;
    display: block;
    margin-bottom: 14px;
}

.wbh-toolbar {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.wbh-toolbar input[type="search"] {
    min-width: 320px;
}

.wbh-table th {
    font-weight: 800;
    color: var(--wbh-navy);
    display: flex;
    flex-direction: column;
}

.wbh-invoice-paper .wbh-invoice-bottom-grid {
    margin-top: auto;
}

.wbh-table td,
.wbh-table th {
    vertical-align: middle;
}

.wbh-status {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 12px;
    font-weight: 800;
}

.wbh-status-active {
    background: rgba(16,185,129,0.13);
    color: #047857;
}

.wbh-status-inactive {
    background: rgba(100,116,139,0.13);
    color: #475569;
}

.wbh-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.wbh-panel-full {
    grid-column: 1 / -1;
}

.wbh-required {
    color: var(--wbh-red);
}

.wbh-addon-card {
    padding: 22px;
}

.wbh-addon-card > span {
    font-size: 32px;
    width: 58px;
    height: 58px;
    background: #eff6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    margin-bottom: 16px;
}

.wbh-addon-card h2 {
    margin: 0 0 8px;
    font-size: 20px;
}

.wbh-addon-card p {
    color: var(--wbh-muted);
    min-height: 55px;
}

.wbh-addon-card strong {
    display: inline-flex;
    color: var(--wbh-blue);
    background: #eff6ff;
    border-radius: 999px;
    padding: 7px 11px;
}

.wbh-custom-panel {
    padding: 28px;
    margin-top: 22px;
    background:
        linear-gradient(135deg, rgba(11,29,58,0.96), rgba(37,99,235,0.88)),
        var(--wbh-navy);
    color: #fff;
}

.wbh-custom-panel h2,
.wbh-custom-panel p,
.wbh-custom-panel .wbh-kicker {
    color: #fff !important;
}

.wbh-custom-panel p {
    max-width: 760px;
    opacity: 0.9;
}

.wbh-roadmap-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.wbh-roadmap-grid div {
    background: #f8fafc;
    border: 1px solid var(--wbh-border);
    border-radius: 16px;
    padding: 18px;
}

.wbh-roadmap-grid span {
    width: 34px;
    height: 34px;
    background: var(--wbh-blue);
    color: #fff;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    margin-bottom: 12px;
}

.wbh-roadmap-grid strong {
    display: block;
    color: var(--wbh-navy);
    font-size: 15px;
}

.wbh-roadmap-grid p {
    color: var(--wbh-muted);
    margin-bottom: 0;
}

@media (max-width: 1100px) {
    .wbh-card-grid-4,
    .wbh-card-grid-3,
    .wbh-form-grid,
    .wbh-two-col,
    .wbh-roadmap-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 782px) {
    .wbh-hero,
    .wbh-page-header,
    .wbh-brand-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .wbh-card-grid-4,
    .wbh-card-grid-3,
    .wbh-form-grid,
    .wbh-two-col,
    .wbh-roadmap-grid {
        grid-template-columns: 1fr;
    }

    .wbh-toolbar input[type="search"] {
        min-width: 100%;
    }

    .wbh-hero h2,
    .wbh-page-header h1 {
        font-size: 28px;
    }
}

.wbh-status-draft {
    background: rgba(37,99,235,0.12);
    color: #1d4ed8;
}

.wbh-status-sent {
    background: rgba(139,92,246,0.13);
    color: #6d28d9;
}

.wbh-status-paid {
    background: rgba(16,185,129,0.13);
    color: #047857;
}

.wbh-status-overdue {
    background: rgba(239,68,68,0.13);
    color: #b91c1c;
}

.wbh-status-cancelled {
    background: rgba(100,116,139,0.13);
    color: #475569;
}

.wbh-invoice-number-preview {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eff6ff;
    color: var(--wbh-blue);
}

.wbh-invoice-items-wrap {
    overflow-x: auto;
}

.wbh-invoice-items-table input[type="text"],
.wbh-invoice-items-table input[type="number"] {
    width: 100%;
}

.wbh-invoice-items-table .wbh-col-small {
    width: 90px;
}

.wbh-invoice-items-table .wbh-col-price {
    width: 140px;
}

.wbh-invoice-items-table .wbh-col-action {
    width: 85px;
}

.wbh-line-total {
    color: var(--wbh-navy);
}

.wbh-invoice-totals-box {
    max-width: 360px;
    margin: 22px 0 0 auto;
    background: #f8fafc;
    border: 1px solid var(--wbh-border);
    border-radius: 16px;
    padding: 16px;
}

.wbh-invoice-totals-box div,
.wbh-invoice-totals-print div {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 8px 0;
    border-bottom: 1px solid var(--wbh-border);
}

.wbh-invoice-totals-box div:last-child,
.wbh-invoice-totals-print div:last-child {
    border-bottom: 0;
}

.wbh-total-row {
    font-size: 18px;
    color: var(--wbh-navy);
}

.wbh-invoice-layout {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.wbh-invoice-paper {
    width: 100%;
    max-width: 940px;
    min-height: 1180px;
    background: #fff;
    border: 1px solid var(--wbh-border);
    border-radius: 20px;
    box-shadow: var(--wbh-shadow);
    padding: 38px;
    color: var(--wbh-navy);
    display: flex;
    flex-direction: column;
}

.wbh-invoice-paper .wbh-invoice-bottom-grid {
    margin-top: auto;
}

.wbh-invoice-paper-header,
.wbh-invoice-meta-grid,
.wbh-invoice-bottom-grid {
    display: grid;
    gap: 24px;
}

.wbh-invoice-paper-header {
    grid-template-columns: 1fr auto;
    align-items: start;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--wbh-border);
}

.wbh-invoice-logo-block {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wbh-invoice-logo-block h2 {
    margin: 0;
    font-size: 24px;
}

.wbh-invoice-logo-block p,
.wbh-invoice-title-block span,
.wbh-invoice-meta-grid p,
.wbh-invoice-meta-grid span,
.wbh-invoice-bottom-grid p,
.wbh-invoice-totals-print span {
    color: var(--wbh-muted);
}

.wbh-invoice-title-block {
    text-align: right;
}

.wbh-invoice-title-block strong {
    display: block;
    font-size: 32px;
    letter-spacing: 0.08em;
}

.wbh-invoice-title-block span {
    display: block;
    margin-top: 6px;
    font-size: 16px;
}

.wbh-invoice-meta-grid {
    grid-template-columns: 1fr 1fr 260px;
    margin: 30px 0;
}

.wbh-invoice-meta-grid h3,
.wbh-invoice-bottom-grid h3 {
    margin: 0 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--wbh-muted);
}

.wbh-invoice-key-dates {
    background: #f8fafc;
    border: 1px solid var(--wbh-border);
    border-radius: 16px;
    padding: 16px;
}

.wbh-invoice-key-dates div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--wbh-border);
}

.wbh-invoice-key-dates div:last-child {
    border-bottom: 0;
}

.wbh-invoice-print-table {
    width: 100%;
    border-collapse: collapse;
    margin: 28px 0;
}

.wbh-invoice-print-table th,
.wbh-invoice-print-table td {
    border-bottom: 1px solid var(--wbh-border);
    padding: 14px 10px;
    text-align: left;
}

.wbh-invoice-print-table th {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--wbh-muted);
}

.wbh-invoice-print-table th:not(:first-child),
.wbh-invoice-print-table td:not(:first-child) {
    text-align: right;
}

.wbh-invoice-bottom-grid {
    grid-template-columns: 1fr 330px;
    align-items: start;
}

.wbh-invoice-totals-print {
    background: #f8fafc;
    border: 1px solid var(--wbh-border);
    border-radius: 16px;
    padding: 16px;
}

@media (max-width: 1100px) {
    .wbh-invoice-meta-grid,
    .wbh-invoice-bottom-grid {
        grid-template-columns: 1fr;
    }
}

@media print {
    @page {
        size: A4;
        margin: 10mm;
    }

    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    #adminmenumain,
    #wpadminbar,
    #screen-meta,
    #screen-meta-links,
    .notice,
    .wbh-no-print,
    .update-nag,
    .updated,
    .error {
        display: none !important;
    }

    html,
    html.wp-toolbar,
    body {
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        background: #fff !important;
    }

    #wpcontent,
    #wpbody,
    #wpbody-content {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }

    body,
    body.business-hub_page_wbh-invoices {
        background: #fff !important;
        font-size: 10pt !important;
        line-height: 1.32 !important;
    }

    a,
    a:visited {
        color: inherit !important;
        text-decoration: none !important;
    }

    .wbh-wrap {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wbh-invoice-layout {
        margin: 0 !important;
        display: block !important;
    }

    .wbh-invoice-paper {
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        max-width: none !important;
        width: 100% !important;
        min-height: calc(297mm - 20mm) !important;
        padding: 0 !important;
        color: #0b1d3a !important;
        font-size: 10pt !important;
        line-height: 1.32 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .wbh-invoice-paper-header {
        grid-template-columns: 1fr auto !important;
        gap: 14px !important;
        padding-bottom: 11mm !important;
        border-bottom: 1px solid #d9e1ec !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .wbh-invoice-logo-block {
        gap: 10px !important;
        align-items: flex-start !important;
    }

    .wbh-invoice-logo-block .wbh-brand-mark {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .wbh-invoice-logo-block h2 {
        font-size: 15pt !important;
        line-height: 1.1 !important;
        margin: 0 !important;
    }

    .wbh-invoice-logo-block p,
    .wbh-invoice-title-block span,
    .wbh-invoice-meta-grid p,
    .wbh-invoice-bottom-grid p {
        margin: 3px 0 0 !important;
        font-size: 9pt !important;
        line-height: 1.35 !important;
    }

    .wbh-invoice-title-block strong {
        font-size: 23pt !important;
        line-height: 1 !important;
        letter-spacing: 0.08em !important;
    }

    .wbh-invoice-title-block span {
        font-size: 10pt !important;
        margin-top: 4px !important;
    }

    .wbh-invoice-meta-grid {
        grid-template-columns: 1fr 1fr 60mm !important;
        gap: 8mm !important;
        margin: 9mm 0 8mm !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .wbh-invoice-meta-grid h3,
    .wbh-invoice-bottom-grid h3 {
        font-size: 8pt !important;
        margin: 0 0 4px !important;
        letter-spacing: 0.07em !important;
    }

    .wbh-invoice-key-dates {
        padding: 7px 9px !important;
        border-radius: 10px !important;
        border-color: #d9e1ec !important;
        background: #f8fafc !important;
    }

    .wbh-invoice-key-dates div,
    .wbh-invoice-totals-print div {
        padding: 4px 0 !important;
        gap: 8px !important;
        border-bottom-color: #d9e1ec !important;
    }

    .wbh-invoice-key-dates span,
    .wbh-invoice-totals-print span {
        font-size: 8.5pt !important;
    }

    .wbh-invoice-key-dates strong,
    .wbh-invoice-totals-print strong {
        font-size: 9.5pt !important;
    }

    .wbh-invoice-print-table {
        width: 100% !important;
        margin: 8mm 0 7mm !important;
        border-collapse: collapse !important;
        page-break-inside: auto;
    }

    .wbh-invoice-print-table thead {
        display: table-header-group;
    }

    .wbh-invoice-print-table tr {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .wbh-invoice-print-table th,
    .wbh-invoice-print-table td {
        padding: 6px 6px !important;
        font-size: 9.2pt !important;
        line-height: 1.3 !important;
        border-bottom: 1px solid #d9e1ec !important;
        vertical-align: top !important;
    }

    .wbh-invoice-print-table th {
        font-size: 7.5pt !important;
        letter-spacing: 0.06em !important;
        background: #f8fafc !important;
    }

    .wbh-invoice-bottom-grid {
        grid-template-columns: 1fr 66mm !important;
        gap: 10mm !important;
        margin-top: auto !important;
        padding-top: 8mm !important;
        align-items: end !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .wbh-invoice-totals-print {
        padding: 8px 10px !important;
        border-radius: 10px !important;
        border-color: #d9e1ec !important;
        background: #f8fafc !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .wbh-total-row {
        font-size: 11pt !important;
    }

    .wbh-invoice-bottom-grid > div:first-child {
        break-inside: auto;
        page-break-inside: auto;
    }
}

/* Build 0.2.3 invoice polish */
.wbh-invoice-paper {
    position: relative;
    overflow: hidden;
}

.wbh-invoice-accent {
    height: 7px;
    margin: -38px -38px 30px;
    background: linear-gradient(90deg, var(--wbh-blue), var(--wbh-teal));
}

.wbh-invoice-print-status {
    display: inline-block;
    margin-top: 8px;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(20, 184, 166, 0.10);
    color: var(--wbh-teal);
    font-style: normal;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.wbh-invoice-notes-area {
    display: grid;
    gap: 12px;
}

.wbh-invoice-note-card {
    background: #f8fafc;
    border: 1px solid var(--wbh-border);
    border-left: 4px solid var(--wbh-teal);
    border-radius: 14px;
    padding: 14px 16px;
}

.wbh-invoice-note-card h3 {
    margin-top: 0;
}

.wbh-invoice-note-card p {
    margin-bottom: 0;
}

.wbh-invoice-totals-print .wbh-total-row {
    margin: 10px -16px -16px;
    padding: 14px 16px;
    background: linear-gradient(135deg, var(--wbh-blue), var(--wbh-teal));
    border-radius: 0 0 16px 16px;
    color: #fff;
}

.wbh-invoice-totals-print .wbh-total-row span,
.wbh-invoice-totals-print .wbh-total-row strong {
    color: #fff;
}

@media print {
    #wpfooter,
    #footer-left,
    #footer-upgrade,
    .clear,
    .wbh-wrap + #wpfooter {
        display: none !important;
        visibility: hidden !important;
    }

    .wbh-invoice-paper {
        overflow: visible !important;
    }

    .wbh-invoice-accent {
        height: 2.4mm !important;
        margin: 0 0 8mm !important;
        border-radius: 0 !important;
        background: linear-gradient(90deg, #2563eb, #14b8a6) !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .wbh-invoice-print-status {
        margin-top: 4px !important;
        padding: 3px 8px !important;
        font-size: 7pt !important;
        line-height: 1.2 !important;
        background: #ecfdf5 !important;
        color: #047857 !important;
    }

    .wbh-invoice-note-card {
        padding: 7px 9px !important;
        border-radius: 9px !important;
        border: 1px solid #d9e1ec !important;
        border-left: 3px solid #14b8a6 !important;
        background: #f8fafc !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .wbh-invoice-note-card + .wbh-invoice-note-card {
        margin-top: 6px !important;
    }

    .wbh-invoice-note-card p {
        margin: 0 !important;
        font-size: 8.6pt !important;
        line-height: 1.32 !important;
    }

    .wbh-invoice-totals-print .wbh-total-row {
        margin: 6px -10px -8px !important;
        padding: 7px 10px !important;
        border-radius: 0 0 9px 9px !important;
        background: #0b1d3a !important;
        color: #fff !important;
    }

    .wbh-invoice-totals-print .wbh-total-row span,
    .wbh-invoice-totals-print .wbh-total-row strong {
        color: #fff !important;
    }
}

.wbh-print-tip {
    max-width: 940px;
    margin: 0 auto 14px;
    padding: 12px 16px;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 14px;
    background: rgba(37, 99, 235, 0.06);
    color: var(--wbh-navy);
}

.wbh-print-tip strong {
    color: var(--wbh-blue);
}

.wbh-status-accepted {
    background: #dcfce7;
    color: #166534;
}

.wbh-status-declined {
    background: #fee2e2;
    color: #991b1b;
}

.wbh-status-expired {
    background: #ffedd5;
    color: #9a3412;
}

.wbh-status-converted {
    background: #ede9fe;
    color: #5b21b6;
}


/* Build 0.5.0 tasks and follow-ups */
.wbh-dashboard-wide-panel {
    margin-top: 22px;
}

.wbh-task-mini-list {
    margin: 0;
}

.wbh-task-mini-list li {
    display: grid;
    grid-template-columns: 18px 1fr auto;
    gap: 10px;
    align-items: start;
    margin: 0;
    padding: 13px 0;
    border-bottom: 1px solid var(--wbh-border);
}

.wbh-task-mini-list li:last-child {
    border-bottom: 0;
}

.wbh-task-mini-list strong,
.wbh-task-mini-list small,
.wbh-muted-line,
.wbh-danger-line {
    display: block;
}

.wbh-task-mini-list small,
.wbh-muted-line {
    color: var(--wbh-muted);
    margin-top: 4px;
}

.wbh-danger-line {
    color: #b91c1c;
    font-weight: 800;
    margin-top: 4px;
}

.wbh-task-check {
    width: 14px;
    height: 14px;
    border: 2px solid #cbd5e1;
    border-radius: 999px;
    margin-top: 2px;
}

.wbh-row-overdue td {
    background: rgba(239, 68, 68, 0.045);
}

.wbh-status-open {
    background: rgba(37,99,235,0.12);
    color: #1d4ed8;
}

.wbh-status-done {
    background: rgba(16,185,129,0.13);
    color: #047857;
}

.wbh-status-cancelled {
    background: rgba(100,116,139,0.13);
    color: #475569;
}

.wbh-priority-high {
    background: rgba(239,68,68,0.13);
    color: #b91c1c;
}

.wbh-priority-medium {
    background: rgba(245,158,11,0.16);
    color: #92400e;
}

.wbh-priority-low {
    background: rgba(37,99,235,0.10);
    color: #1d4ed8;
}

.wbh-task-table .column-task {
    width: 38%;
}

/* Build 0.6.0 CSV Import */
.wbh-upload-form {
    display: grid;
    gap: 10px;
    max-width: 620px;
}

.wbh-upload-form input[type="file"] {
    width: 100%;
    max-width: 520px;
    padding: 18px;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
}

.wbh-import-mapping-panel {
    margin-top: 22px;
}

.wbh-import-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.wbh-import-map-table select {
    min-width: 230px;
}

.wbh-import-map-table td:nth-child(3) {
    color: var(--wbh-muted);
    max-width: 420px;
}

.wbh-import-preview {
    margin-top: 24px;
}

.wbh-import-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin: 22px 0 0;
}

.wbh-import-errors {
    margin-bottom: 22px;
    border-left: 4px solid var(--wbh-amber);
}

.wbh-import-errors ul {
    margin-bottom: 0;
}

body.business-hub_page_wbh-files {
    background: var(--wbh-bg);
}

.wbh-help-box {
    margin-top: 18px;
    padding: 16px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(20,184,166,0.09), rgba(37,99,235,0.08));
    border: 1px solid rgba(37,99,235,0.12);
}

.wbh-help-box p {
    margin-bottom: 0;
    color: var(--wbh-muted);
}

.wbh-file-mini-list {
    margin: 0;
}

.wbh-file-mini-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 13px 0;
    border-bottom: 1px solid var(--wbh-border);
}

.wbh-file-mini-list li:last-child {
    border-bottom: 0;
}

.wbh-file-mini-list div {
    flex: 1;
}

.wbh-file-mini-list strong,
.wbh-file-mini-list small,
.wbh-muted-line,
.wbh-danger-line {
    display: block;
}

.wbh-file-mini-list small,
.wbh-muted-line {
    color: var(--wbh-muted);
    margin-top: 3px;
}

.wbh-file-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(37,99,235,0.10);
    flex: 0 0 36px;
}

.wbh-category-general,
.wbh-category-contract,
.wbh-category-invoice,
.wbh-category-quote,
.wbh-category-brief,
.wbh-category-image,
.wbh-category-other {
    background: #eef4ff;
    color: var(--wbh-blue);
}

.wbh-category-contract { background: #f3e8ff; color: var(--wbh-purple); }
.wbh-category-invoice { background: #ecfdf5; color: var(--wbh-green); }
.wbh-category-quote { background: #eff6ff; color: var(--wbh-blue-dark); }
.wbh-category-brief { background: #fff7ed; color: #c2410c; }
.wbh-category-image { background: #f0fdfa; color: var(--wbh-teal); }
.wbh-category-other { background: #f1f5f9; color: #475569; }


.wbh-package-card {
    position: relative;
    overflow: hidden;
}

.wbh-package-card::after {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 5px;
    background: linear-gradient(90deg, var(--wbh-blue), var(--wbh-teal));
}

.wbh-package-label {
    display: inline-flex;
    color: var(--wbh-teal);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 8px;
}

.wbh-feature-list {
    margin: 14px 0 0;
}

.wbh-feature-list li {
    margin: 0 0 9px;
    color: var(--wbh-navy);
    font-weight: 700;
    display: flex;
    gap: 8px;
}

.wbh-feature-list li::before {
    content: "✓";
    color: var(--wbh-teal);
    font-weight: 900;
}

/* Build 0.8.1 AdminDock Core home screen polish */
.wbh-admindock-home {
    max-width: 1380px;
}

.wbh-dashboard-shell {
    margin-top: 22px;
}

.wbh-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.55fr);
    gap: 24px;
    align-items: stretch;
    padding: 30px;
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 14% 18%, rgba(20, 184, 166, 0.32), transparent 26%),
        radial-gradient(circle at 78% 12%, rgba(37, 99, 235, 0.38), transparent 30%),
        linear-gradient(135deg, #0b1d3a 0%, #102b58 48%, #2563eb 100%);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.18);
    margin-bottom: 22px;
    overflow: hidden;
    position: relative;
}

.wbh-home-hero::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -130px;
    width: 310px;
    height: 310px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
    pointer-events: none;
}

.wbh-home-hero-copy {
    position: relative;
    z-index: 1;
}

.wbh-brand-pill,
.wbh-small-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.wbh-brand-pill {
    color: #dffcf8;
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.20);
    padding: 8px 12px;
}

.wbh-small-label {
    color: var(--wbh-teal);
    margin-bottom: 7px;
}

.wbh-home-hero h1 {
    color: #fff;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 0.98;
    letter-spacing: -0.055em;
    max-width: 760px;
    margin: 18px 0 14px;
}

.wbh-home-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 16px;
    line-height: 1.6;
    max-width: 780px;
    margin: 0;
}

.wbh-home-hero .button {
    border-radius: 999px;
    padding: 7px 18px;
    min-height: 40px;
    font-weight: 800;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
}

.wbh-home-hero .button:hover,
.wbh-home-hero .button:focus {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.35);
}

.wbh-home-hero .button-primary {
    background: #fff;
    border-color: #fff;
    color: var(--wbh-blue);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.22);
}

.wbh-home-hero .button-primary:hover,
.wbh-home-hero .button-primary:focus {
    background: #eff6ff;
    color: var(--wbh-blue-dark);
}

.wbh-hero-cta-row,
.wbh-home-feature-pills {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.wbh-hero-cta-row {
    margin-top: 24px;
}

.wbh-home-feature-pills {
    margin-top: 24px;
}

.wbh-home-feature-pills span {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.13);
    color: rgba(255, 255, 255, 0.84);
    font-weight: 800;
    font-size: 12px;
}

.wbh-today-card {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 24px;
    padding: 22px;
    color: var(--wbh-navy);
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.16);
}

.wbh-today-header {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 18px;
}

.wbh-today-header strong,
.wbh-today-header small {
    display: block;
}

.wbh-today-header small,
.wbh-today-card p,
.wbh-command-card em {
    color: var(--wbh-muted);
}

.wbh-today-metrics {
    display: grid;
    gap: 12px;
}

.wbh-today-metrics div {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    padding: 13px 14px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid var(--wbh-border);
}

.wbh-today-metrics span {
    color: var(--wbh-muted);
    font-weight: 800;
}

.wbh-today-metrics strong {
    font-size: 18px;
}

.wbh-today-card p {
    margin: 16px 0 0;
    font-weight: 700;
}

.wbh-command-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.wbh-command-card {
    display: flex;
    gap: 14px;
    padding: 20px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid var(--wbh-border);
    box-shadow: var(--wbh-shadow);
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.wbh-command-card:hover,
.wbh-command-card:focus {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
    border-color: rgba(37, 99, 235, 0.26);
}

.wbh-command-icon {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    flex: 0 0 46px;
    font-size: 20px;
}

.wbh-command-card small,
.wbh-command-card strong,
.wbh-command-card em {
    display: block;
}

.wbh-command-card small {
    color: var(--wbh-muted);
    font-weight: 900;
    margin-bottom: 6px;
}

.wbh-command-card strong {
    color: var(--wbh-navy);
    font-size: 26px;
    line-height: 1;
}

.wbh-command-card em {
    font-style: normal;
    font-size: 12px;
    margin-top: 8px;
}

.wbh-home-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
    gap: 22px;
    margin-bottom: 22px;
}

.wbh-home-lower-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-bottom: 22px;
}

.wbh-home-footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    gap: 22px;
    margin-bottom: 30px;
}

.wbh-admindock-home .wbh-panel {
    border-radius: 22px;
}

.wbh-panel-header-rich {
    align-items: flex-start;
    margin-bottom: 18px;
}

.wbh-panel-header-rich h2 {
    margin: 0;
    font-size: 22px;
}

.wbh-panel-header-rich a {
    font-weight: 800;
    text-decoration: none;
}

.wbh-money-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.wbh-money-strip div {
    border: 1px solid var(--wbh-border);
    background: #f8fafc;
    border-radius: 16px;
    padding: 15px;
}

.wbh-money-strip span,
.wbh-money-strip strong {
    display: block;
}

.wbh-money-strip span {
    color: var(--wbh-muted);
    font-weight: 800;
    margin-bottom: 8px;
}

.wbh-money-strip strong {
    color: var(--wbh-navy);
    font-size: 22px;
    letter-spacing: -0.03em;
}

.wbh-record-list {
    margin: 0;
}

.wbh-record-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--wbh-border);
    margin: 0;
}

.wbh-record-list li:last-child {
    border-bottom: 0;
}

.wbh-record-list a {
    text-decoration: none;
    font-weight: 900;
}

.wbh-record-list small {
    display: block;
    color: var(--wbh-muted);
    margin-top: 3px;
}

.wbh-record-icon,
.wbh-client-avatar {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(37, 99, 235, 0.10);
    flex: 0 0 38px;
    font-weight: 900;
    color: var(--wbh-blue);
}

.wbh-client-avatar {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(20, 184, 166, 0.15));
}

.wbh-record-list li > div:nth-child(2) {
    flex: 1;
    min-width: 0;
}

.wbh-record-right {
    display: grid;
    justify-items: end;
    gap: 7px;
}

.wbh-record-right strong {
    color: var(--wbh-navy);
}

.wbh-action-stack {
    display: grid;
    gap: 11px;
}

.wbh-action-stack a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 15px;
    border-radius: 16px;
    border: 1px solid var(--wbh-border);
    background: #f8fafc;
    color: var(--wbh-navy);
    text-decoration: none;
    font-weight: 900;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.wbh-action-stack a:hover,
.wbh-action-stack a:focus {
    background: #eff6ff;
    border-color: rgba(37, 99, 235, 0.22);
    transform: translateX(2px);
}

.wbh-action-stack span {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}

.wbh-task-mini-list-polished li,
.wbh-file-mini-list-polished li,
.wbh-activity-list-polished li {
    padding-top: 14px;
    padding-bottom: 14px;
}

.wbh-empty-state-left {
    text-align: left;
}

.wbh-empty-state-left .button {
    margin-top: 8px;
}

.wbh-package-preview-panel {
    background:
        radial-gradient(circle at top right, rgba(20, 184, 166, 0.18), transparent 38%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.wbh-package-preview-panel p {
    color: var(--wbh-muted);
    line-height: 1.65;
}

.wbh-package-mini-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0;
}

.wbh-package-mini-grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(37, 99, 235, 0.12);
    background: #fff;
    color: var(--wbh-navy);
    font-weight: 900;
}

.wbh-activity-panel .wbh-activity-list li {
    padding-left: 2px;
}

.wbh-admindock-home .wbh-empty-state {
    background: linear-gradient(135deg, #f8fafc, #fff);
}

@media (max-width: 1200px) {
    .wbh-command-grid,
    .wbh-home-lower-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wbh-home-hero,
    .wbh-home-layout,
    .wbh-home-footer-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 782px) {
    .wbh-dashboard-shell {
        margin-top: 10px;
    }

    .wbh-home-hero {
        padding: 22px;
        border-radius: 20px;
    }

    .wbh-home-hero h1 {
        font-size: 34px;
    }

    .wbh-command-grid,
    .wbh-home-lower-grid,
    .wbh-money-strip,
    .wbh-package-mini-grid {
        grid-template-columns: 1fr;
    }

    .wbh-record-list li,
    .wbh-file-mini-list-polished li {
        align-items: flex-start;
    }

    .wbh-record-right {
        justify-items: start;
    }
}

/* AdminDock 0.8.2 - Client workspace polish */
.wbh-header-actions,
.wbh-client-hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.wbh-client-list-panel .wbh-toolbar input[type="search"] {
    min-width: min(420px, 100%);
}

.wbh-client-cell,
.wbh-client-profile {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wbh-client-cell small,
.wbh-table td small {
    display: block;
    color: var(--wbh-muted);
    margin-top: 4px;
}

.wbh-client-avatar-large {
    width: 68px;
    height: 68px;
    border-radius: 22px;
    font-size: 24px;
    flex-basis: 68px;
}

.wbh-client-workspace {
    display: grid;
    gap: 22px;
    margin-bottom: 22px;
}

.wbh-client-hero {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    align-items: center;
    padding: 28px;
    border-radius: 24px;
    border: 1px solid rgba(37, 99, 235, 0.12);
    background:
        radial-gradient(circle at top right, rgba(20, 184, 166, 0.16), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: var(--wbh-shadow);
}

.wbh-client-hero h2 {
    margin: 0;
    font-size: 30px;
    letter-spacing: -0.03em;
}

.wbh-client-meta-line {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.wbh-client-meta-line span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--wbh-border);
    color: var(--wbh-navy);
    font-weight: 800;
    font-size: 12px;
}

.wbh-muted {
    color: var(--wbh-muted);
}

.wbh-client-stat-grid .wbh-stat-card {
    min-height: 132px;
}

.wbh-client-workspace-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.wbh-client-mini-list li {
    min-height: 56px;
}

.wbh-client-note-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 36%),
        #ffffff;
}

.wbh-client-note-panel p:last-child {
    max-width: 820px;
    color: var(--wbh-muted);
    line-height: 1.65;
}

.wbh-danger-text {
    color: #b91c1c !important;
}

.wbh-status-high,
.wbh-priority-high {
    background: rgba(239,68,68,0.13);
    color: #b91c1c;
}

.wbh-status-medium,
.wbh-priority-medium {
    background: rgba(245,158,11,0.15);
    color: #b45309;
}

.wbh-status-low,
.wbh-priority-low {
    background: rgba(37,99,235,0.12);
    color: #1d4ed8;
}

@media (max-width: 1200px) {
    .wbh-client-workspace-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 782px) {
    .wbh-page-header,
    .wbh-client-hero,
    .wbh-client-note-panel {
        align-items: flex-start;
        flex-direction: column;
    }

    .wbh-header-actions,
    .wbh-client-hero-actions {
        justify-content: flex-start;
    }

    .wbh-client-profile {
        align-items: flex-start;
    }
}

/* AdminDock 0.8.3 - Client contacts */
.wbh-contacts-panel {
    min-height: 100%;
}

.wbh-contact-list {
    display: grid;
    gap: 12px;
}

.wbh-contact-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px;
    border: 1px solid var(--wbh-border);
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.wbh-contact-main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.wbh-contact-avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, var(--wbh-blue), var(--wbh-teal));
    box-shadow: 0 12px 26px rgba(37,99,235,0.2);
}

.wbh-contact-main strong,
.wbh-contact-main small {
    display: block;
}

.wbh-contact-main small {
    margin-top: 3px;
    color: var(--wbh-muted);
}

.wbh-contact-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    font-size: 12px;
}

.wbh-contact-meta a,
.wbh-contact-meta span {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    border: 1px solid var(--wbh-border);
    background: #fff;
    text-decoration: none;
}

.wbh-contact-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    font-size: 12px;
}

.wbh-contact-form-panel .wbh-panel-header p:last-child {
    color: var(--wbh-muted);
    margin: 8px 0 0;
}

.wbh-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.wbh-contact-form-grid label,
.wbh-contact-notes {
    display: grid;
    gap: 7px;
    color: var(--wbh-navy);
    font-weight: 800;
}

.wbh-contact-form-grid input[type="text"],
.wbh-contact-form-grid input[type="email"],
.wbh-contact-notes textarea {
    width: 100%;
    max-width: 100%;
    border-radius: 12px;
}

.wbh-contact-checks {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid var(--wbh-border);
}

.wbh-contact-checks label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
}

.wbh-contact-notes {
    margin-top: 16px;
}

@media (max-width: 1200px) {
    .wbh-contact-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 782px) {
    .wbh-contact-card,
    .wbh-contact-actions {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }

    .wbh-contact-form-grid {
        grid-template-columns: 1fr;
    }
}

/* AdminDock 0.8.4 document branding settings */
.wbh-logo-preview {
    width: 170px;
    min-height: 86px;
    border: 1px solid #dbe4f0;
    background: #f8fafc;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7);
}

.wbh-logo-preview img {
    max-width: 150px;
    max-height: 70px;
    display: block;
}

.wbh-logo-preview.is-empty span {
    color: #64748b;
    font-size: 13px;
}

.wbh-logo-preview + .button,
.wbh-logo-preview + .button + .button {
    margin-right: 6px;
}


/* AdminDock 0.8.5 notes and client timeline */
.wbh-card-grid-4.wbh-client-stat-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wbh-notes-timeline-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 20px;
    margin-top: 22px;
}

.wbh-note-form-panel .wbh-panel-header p,
.wbh-timeline-panel .wbh-panel-header p {
    color: var(--wbh-muted);
    margin: 8px 0 0;
}

.wbh-note-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(180px, .65fr) minmax(160px, .45fr);
    gap: 14px;
    align-items: end;
}

.wbh-note-form-grid label,
.wbh-note-body {
    display: grid;
    gap: 7px;
    color: var(--wbh-navy);
    font-weight: 800;
}

.wbh-note-form-grid input[type="text"],
.wbh-note-form-grid select,
.wbh-note-body textarea {
    width: 100%;
    max-width: 100%;
    border-radius: 12px;
}

.wbh-note-pinned {
    min-height: 42px;
    display: flex !important;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid var(--wbh-border);
    border-radius: 12px;
    background: #f8fbff;
}

.wbh-note-body {
    margin-top: 14px;
}

.wbh-note-list,
.wbh-timeline-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wbh-note-list li {
    padding: 14px 0;
    border-bottom: 1px solid var(--wbh-border);
}

.wbh-note-list li:first-child {
    padding-top: 0;
}

.wbh-note-list li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.wbh-note-list li.is-pinned {
    background: linear-gradient(135deg, rgba(37,99,235,.06), rgba(20,184,166,.06));
    border: 1px solid rgba(37,99,235,.12);
    border-radius: 16px;
    padding: 14px;
    margin-bottom: 10px;
}

.wbh-note-list-top,
.wbh-timeline-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.wbh-note-list-top {
    justify-content: flex-start;
}

.wbh-note-list-top small,
.wbh-timeline-top small,
.wbh-timeline-meta {
    color: var(--wbh-muted);
    font-size: 12px;
}

.wbh-note-list p {
    margin: 10px 0;
    color: #334155;
}

.wbh-note-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}

.wbh-timeline-panel {
    margin-top: 22px;
}

.wbh-timeline-list {
    position: relative;
}

.wbh-timeline-list:before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 19px;
    width: 2px;
    background: #dbeafe;
}

.wbh-timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
    padding: 12px 0;
    margin: 0;
}

.wbh-timeline-icon {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-weight: 900;
    box-shadow: 0 4px 12px rgba(37,99,235,.12);
}

.wbh-timeline-note .wbh-timeline-icon {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}

.wbh-timeline-content {
    padding: 14px 16px;
    border: 1px solid var(--wbh-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(15,23,42,.04);
}

.wbh-timeline-content p {
    margin: 8px 0 6px;
    color: #334155;
}

@media (max-width: 1300px) {
    .wbh-card-grid-4.wbh-client-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .wbh-notes-timeline-grid,
    .wbh-note-form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 782px) {
    .wbh-card-grid-4.wbh-client-stat-grid {
        grid-template-columns: 1fr;
    }

    .wbh-note-list-top,
    .wbh-timeline-top {
        flex-direction: column;
    }
}

/* AdminDock Reports */
.wbh-reports-wrap .wbh-report-filter-panel {
    margin-bottom: 18px;
}

.wbh-report-toolbar {
    align-items: end;
    gap: 12px;
}

.wbh-report-toolbar label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-weight: 700;
    color: #172554;
}

.wbh-report-toolbar label span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #64748b;
}

.wbh-report-scorecards .wbh-report-stat-card small {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-weight: 600;
}

.wbh-reports-layout {
    align-items: stretch;
}

.wbh-report-panel {
    min-height: 100%;
}

.wbh-report-bars {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    align-items: end;
    min-height: 230px;
    padding: 12px 6px 4px;
}

.wbh-report-bar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.wbh-report-bar-track {
    width: 100%;
    max-width: 56px;
    height: 150px;
    border-radius: 999px;
    background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    border: 1px solid rgba(148, 163, 184, .26);
    display: flex;
    align-items: end;
    justify-content: center;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
}

.wbh-report-bar-track span {
    width: 100%;
    display: block;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(180deg, #14b8a6 0%, #2563eb 100%);
    min-height: 8px;
}

.wbh-report-bar-item strong {
    color: #172554;
    font-size: 13px;
}

.wbh-report-bar-item small {
    color: #64748b;
    font-weight: 600;
}

.wbh-report-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.wbh-report-mini-grid > div {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, .2);
}

.wbh-report-mini-grid span {
    display: block;
    color: #64748b;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.wbh-report-mini-grid strong {
    display: block;
    margin-top: 8px;
    font-size: 28px;
    color: #0f172a;
}

.wbh-report-conversion {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 18px;
    align-items: center;
    margin: 6px 0 18px;
}

.wbh-report-donut {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: conic-gradient(#2563eb var(--wbh-progress, 0%), #e2e8f0 0);
    display: grid;
    place-items: center;
    position: relative;
    color: #0f172a;
}

.wbh-report-donut::after {
    content: '';
    position: absolute;
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .2);
}

.wbh-report-donut strong,
.wbh-report-donut span {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
}

.wbh-report-donut strong {
    font-size: 30px;
    line-height: 1;
}

.wbh-report-donut span {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.wbh-report-conversion-copy p {
    margin: 0 0 8px;
    color: #475569;
}

.wbh-report-conversion-copy strong {
    color: #172554;
}

.wbh-record-list-compact li {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 960px) {
    .wbh-report-bars {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .wbh-report-conversion {
        grid-template-columns: 1fr;
    }
}


/* AdminDock 0.8.7 - product mockup inspired UI pass */
:root {
    --wbh-deep-navy: #051225;
    --wbh-sidebar: #061832;
    --wbh-sidebar-2: #0b2447;
    --wbh-app-surface: #f7f9fd;
    --wbh-soft-line: rgba(148, 163, 184, .22);
    --wbh-glow-blue: rgba(37, 99, 235, .34);
    --wbh-card-shadow-soft: 0 18px 45px rgba(15, 23, 42, .08);
}

body.toplevel_page_wbh-dashboard,
body.worknest_page_wbh-customers,
body.worknest_page_wbh-quotes,
body.worknest_page_wbh-invoices,
body.worknest_page_wbh-tasks,
body.worknest_page_wbh-files,
body.worknest_page_wbh-reports,
body.worknest_page_wbh-import,
body.worknest_page_wbh-addons,
body.worknest_page_wbh-settings,
body.business-hub_page_wbh-customers,
body.business-hub_page_wbh-quotes,
body.business-hub_page_wbh-invoices,
body.business-hub_page_wbh-tasks,
body.business-hub_page_wbh-files,
body.business-hub_page_wbh-reports,
body.business-hub_page_wbh-import,
body.business-hub_page_wbh-addons,
body.business-hub_page_wbh-settings {
    background:
        radial-gradient(circle at 18% 0%, rgba(37, 99, 235, .20), transparent 32%),
        radial-gradient(circle at 100% 8%, rgba(20, 184, 166, .10), transparent 26%),
        linear-gradient(135deg, #061225 0%, #081a35 42%, #0b1d3a 100%) !important;
}

body.toplevel_page_wbh-dashboard #wpcontent,
body.worknest_page_wbh-customers #wpcontent,
body.worknest_page_wbh-quotes #wpcontent,
body.worknest_page_wbh-invoices #wpcontent,
body.worknest_page_wbh-tasks #wpcontent,
body.worknest_page_wbh-files #wpcontent,
body.worknest_page_wbh-reports #wpcontent,
body.worknest_page_wbh-import #wpcontent,
body.worknest_page_wbh-addons #wpcontent,
body.worknest_page_wbh-settings #wpcontent,
body.business-hub_page_wbh-customers #wpcontent,
body.business-hub_page_wbh-quotes #wpcontent,
body.business-hub_page_wbh-invoices #wpcontent,
body.business-hub_page_wbh-tasks #wpcontent,
body.business-hub_page_wbh-files #wpcontent,
body.business-hub_page_wbh-reports #wpcontent,
body.business-hub_page_wbh-import #wpcontent,
body.business-hub_page_wbh-addons #wpcontent,
body.business-hub_page_wbh-settings #wpcontent {
    background: transparent !important;
    min-height: 100vh;
}

body.toplevel_page_wbh-dashboard #wpbody-content,
body.worknest_page_wbh-customers #wpbody-content,
body.worknest_page_wbh-quotes #wpbody-content,
body.worknest_page_wbh-invoices #wpbody-content,
body.worknest_page_wbh-tasks #wpbody-content,
body.worknest_page_wbh-files #wpbody-content,
body.worknest_page_wbh-reports #wpbody-content,
body.worknest_page_wbh-import #wpbody-content,
body.worknest_page_wbh-addons #wpbody-content,
body.worknest_page_wbh-settings #wpbody-content,
body.business-hub_page_wbh-customers #wpbody-content,
body.business-hub_page_wbh-quotes #wpbody-content,
body.business-hub_page_wbh-invoices #wpbody-content,
body.business-hub_page_wbh-tasks #wpbody-content,
body.business-hub_page_wbh-files #wpbody-content,
body.business-hub_page_wbh-reports #wpbody-content,
body.business-hub_page_wbh-import #wpbody-content,
body.business-hub_page_wbh-addons #wpbody-content,
body.business-hub_page_wbh-settings #wpbody-content {
    padding-top: 22px;
    padding-bottom: 70px;
}

body.toplevel_page_wbh-dashboard #wpfooter,
body.worknest_page_wbh-customers #wpfooter,
body.worknest_page_wbh-quotes #wpfooter,
body.worknest_page_wbh-invoices #wpfooter,
body.worknest_page_wbh-tasks #wpfooter,
body.worknest_page_wbh-files #wpfooter,
body.worknest_page_wbh-reports #wpfooter,
body.worknest_page_wbh-import #wpfooter,
body.worknest_page_wbh-addons #wpfooter,
body.worknest_page_wbh-settings #wpfooter,
body.business-hub_page_wbh-customers #wpfooter,
body.business-hub_page_wbh-quotes #wpfooter,
body.business-hub_page_wbh-invoices #wpfooter,
body.business-hub_page_wbh-tasks #wpfooter,
body.business-hub_page_wbh-files #wpfooter,
body.business-hub_page_wbh-reports #wpfooter,
body.business-hub_page_wbh-import #wpfooter,
body.business-hub_page_wbh-addons #wpfooter,
body.business-hub_page_wbh-settings #wpfooter {
    display: none;
}

body.toplevel_page_wbh-dashboard #adminmenuback,
body.toplevel_page_wbh-dashboard #adminmenuwrap,
body.worknest_page_wbh-customers #adminmenuback,
body.worknest_page_wbh-customers #adminmenuwrap,
body.worknest_page_wbh-quotes #adminmenuback,
body.worknest_page_wbh-quotes #adminmenuwrap,
body.worknest_page_wbh-invoices #adminmenuback,
body.worknest_page_wbh-invoices #adminmenuwrap,
body.worknest_page_wbh-tasks #adminmenuback,
body.worknest_page_wbh-tasks #adminmenuwrap,
body.worknest_page_wbh-files #adminmenuback,
body.worknest_page_wbh-files #adminmenuwrap,
body.worknest_page_wbh-reports #adminmenuback,
body.worknest_page_wbh-reports #adminmenuwrap,
body.worknest_page_wbh-import #adminmenuback,
body.worknest_page_wbh-import #adminmenuwrap,
body.worknest_page_wbh-addons #adminmenuback,
body.worknest_page_wbh-addons #adminmenuwrap,
body.worknest_page_wbh-settings #adminmenuback,
body.worknest_page_wbh-settings #adminmenuwrap {
    background: linear-gradient(180deg, var(--wbh-sidebar) 0%, #041020 100%);
}

body.toplevel_page_wbh-dashboard #adminmenu,
body.worknest_page_wbh-customers #adminmenu,
body.worknest_page_wbh-quotes #adminmenu,
body.worknest_page_wbh-invoices #adminmenu,
body.worknest_page_wbh-tasks #adminmenu,
body.worknest_page_wbh-files #adminmenu,
body.worknest_page_wbh-reports #adminmenu,
body.worknest_page_wbh-import #adminmenu,
body.worknest_page_wbh-addons #adminmenu,
body.worknest_page_wbh-settings #adminmenu {
    background: transparent;
}

body.toplevel_page_wbh-dashboard #adminmenu .wp-has-current-submenu .wp-submenu,
body.worknest_page_wbh-customers #adminmenu .wp-has-current-submenu .wp-submenu,
body.worknest_page_wbh-quotes #adminmenu .wp-has-current-submenu .wp-submenu,
body.worknest_page_wbh-invoices #adminmenu .wp-has-current-submenu .wp-submenu,
body.worknest_page_wbh-tasks #adminmenu .wp-has-current-submenu .wp-submenu,
body.worknest_page_wbh-files #adminmenu .wp-has-current-submenu .wp-submenu,
body.worknest_page_wbh-reports #adminmenu .wp-has-current-submenu .wp-submenu,
body.worknest_page_wbh-import #adminmenu .wp-has-current-submenu .wp-submenu,
body.worknest_page_wbh-addons #adminmenu .wp-has-current-submenu .wp-submenu,
body.worknest_page_wbh-settings #adminmenu .wp-has-current-submenu .wp-submenu {
    background: rgba(255, 255, 255, .03);
}

body.toplevel_page_wbh-dashboard #adminmenu .wp-menu-name,
body.worknest_page_wbh-customers #adminmenu .wp-menu-name,
body.worknest_page_wbh-quotes #adminmenu .wp-menu-name,
body.worknest_page_wbh-invoices #adminmenu .wp-menu-name,
body.worknest_page_wbh-tasks #adminmenu .wp-menu-name,
body.worknest_page_wbh-files #adminmenu .wp-menu-name,
body.worknest_page_wbh-reports #adminmenu .wp-menu-name,
body.worknest_page_wbh-import #adminmenu .wp-menu-name,
body.worknest_page_wbh-addons #adminmenu .wp-menu-name,
body.worknest_page_wbh-settings #adminmenu .wp-menu-name {
    font-weight: 650;
}

.wbh-wrap {
    max-width: 1480px;
    margin-right: 28px;
    color: #172554;
}

.wbh-wrap a {
    color: #1d4ed8;
}

.wbh-wrap .button,
.wbh-wrap .button-secondary,
.wbh-wrap .button-primary {
    border-radius: 10px;
    min-height: 38px;
    padding: 4px 14px;
    font-weight: 800;
    box-shadow: none;
}

.wbh-wrap .button-primary {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    border-color: #1d4ed8;
    color: #fff;
}

.wbh-wrap input[type="text"],
.wbh-wrap input[type="email"],
.wbh-wrap input[type="number"],
.wbh-wrap input[type="search"],
.wbh-wrap input[type="url"],
.wbh-wrap input[type="date"],
.wbh-wrap input[type="time"],
.wbh-wrap select,
.wbh-wrap textarea {
    border-radius: 10px;
    border-color: #dbe4f0;
    min-height: 38px;
}

.wbh-wrap input:focus,
.wbh-wrap select:focus,
.wbh-wrap textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.wbh-page-header,
.wbh-panel,
.wbh-stat-card,
.wbh-addon-card,
.wbh-custom-panel,
.wbh-command-card,
.wbh-today-card,
.wbh-client-hero {
    border: 1px solid rgba(226, 232, 240, .92);
    box-shadow: var(--wbh-card-shadow-soft);
}

.wbh-page-header {
    border-radius: 24px;
    padding: 24px 26px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.99), rgba(248,251,255,.97)),
        radial-gradient(circle at top right, rgba(37, 99, 235, .12), transparent 32%);
}

.wbh-page-header h1 {
    font-size: 28px;
}

.wbh-kicker,
.wbh-small-label {
    color: #2563eb !important;
}

.wbh-panel,
.wbh-stat-card,
.wbh-addon-card {
    background: rgba(255, 255, 255, .985);
    border-radius: 20px;
}

.wbh-panel {
    padding: 20px;
}

.wbh-stat-card {
    min-height: 112px;
    padding: 18px;
    display: grid;
    gap: 8px;
}

.wbh-stat-card p {
    margin: 2px 0 0;
    font-size: 13px;
}

.wbh-stat-card strong {
    font-size: 26px;
    letter-spacing: -.035em;
}

.wbh-stat-icon,
.wbh-command-icon,
.wbh-record-icon,
.wbh-file-icon,
.wbh-client-avatar,
.wbh-contact-avatar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

.wbh-table,
.wp-list-table.wbh-table,
.wbh-invoice-items-table {
    border: 1px solid rgba(226, 232, 240, .92) !important;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: none;
}

.wbh-table thead th,
.wbh-invoice-items-table thead th {
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.wbh-table td,
.wbh-table th,
.wbh-invoice-items-table td,
.wbh-invoice-items-table th {
    border-bottom: 1px solid #edf2f7 !important;
}

.wbh-table tr:last-child td,
.wbh-invoice-items-table tr:last-child td {
    border-bottom: none !important;
}

.wbh-status {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1;
}

.wbh-app-overview-hero {
    background: rgba(255, 255, 255, .99) !important;
    color: #0f172a;
    border: 1px solid rgba(226, 232, 240, .96);
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(2, 8, 23, .20);
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .55fr);
}

.wbh-app-overview-hero::after {
    background: linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(20, 184, 166, .08));
}

.wbh-app-overview-hero .wbh-brand-pill {
    background: #eff6ff;
    border-color: #dbeafe;
    color: #1d4ed8;
}

.wbh-app-overview-hero h1 {
    color: #0f172a;
    font-size: clamp(30px, 3vw, 42px);
    letter-spacing: -.045em;
}

.wbh-app-overview-hero p {
    color: #475569;
}

.wbh-app-overview-hero .button {
    border-color: #dbe4f0;
    background: #fff;
    color: #172554;
}

.wbh-app-overview-hero .button-primary {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    border-color: #1d4ed8;
    color: #fff;
}

.wbh-app-overview-hero .wbh-home-feature-pills span {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #334155;
}

.wbh-app-overview-hero .wbh-today-card {
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.09), transparent 38%),
        #ffffff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .08);
}

.wbh-brand-mark {
    background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
}

.wbh-command-grid {
    gap: 14px;
}

.wbh-command-card {
    border-radius: 20px;
    background: rgba(255,255,255,.99);
    padding: 18px;
}

.wbh-command-card strong {
    font-size: 24px;
}

.wbh-home-layout,
.wbh-home-lower-grid,
.wbh-home-footer-grid,
.wbh-client-workspace-grid,
.wbh-reports-layout {
    gap: 18px;
}

.wbh-money-strip div,
.wbh-report-mini-grid > div,
.wbh-today-metrics div,
.wbh-action-stack a,
.wbh-contact-card,
.wbh-timeline-content,
.wbh-note-list li.is-pinned {
    background: #f8fafc;
    border-color: rgba(226, 232, 240, .92);
}

.wbh-record-list li,
.wbh-task-mini-list li,
.wbh-file-mini-list li,
.wbh-activity-list li {
    border-bottom-color: #edf2f7;
}

.wbh-custom-panel {
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, .24), transparent 34%),
        linear-gradient(135deg, #061225 0%, #0b1d3a 58%, #1d4ed8 100%);
}

.wbh-client-hero {
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.09), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.wbh-client-stat-grid .wbh-stat-card {
    min-height: 108px;
}

.wbh-invoice-paper {
    box-shadow: 0 24px 60px rgba(2, 8, 23, .22);
}

@media (max-width: 1200px) {
    .wbh-app-overview-hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 782px) {
    body.toplevel_page_wbh-dashboard #wpbody-content,
    body.worknest_page_wbh-customers #wpbody-content,
    body.worknest_page_wbh-quotes #wpbody-content,
    body.worknest_page_wbh-invoices #wpbody-content,
    body.worknest_page_wbh-tasks #wpbody-content,
    body.worknest_page_wbh-files #wpbody-content,
    body.worknest_page_wbh-reports #wpbody-content,
    body.worknest_page_wbh-import #wpbody-content,
    body.worknest_page_wbh-addons #wpbody-content,
    body.worknest_page_wbh-settings #wpbody-content {
        padding-top: 10px;
    }
    .wbh-wrap {
        margin-right: 12px;
    }
    .wbh-page-header,
    .wbh-app-overview-hero {
        border-radius: 18px;
    }
}


/* AdminDock 0.8.8 - mockup-inspired app topbar and screen polish */
.wbh-app-topbar {
    position: sticky;
    top: 42px;
    z-index: 50;
    display: grid;
    grid-template-columns: auto minmax(260px, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 12px 14px;
    margin: 0 0 18px;
    border-radius: 24px;
    background: rgba(255, 255, 255, .985);
    border: 1px solid rgba(226, 232, 240, .94);
    box-shadow: 0 22px 52px rgba(2, 8, 23, .18);
    backdrop-filter: blur(18px);
}

.wbh-app-brand,
.wbh-app-nav,
.wbh-app-actions,
.wbh-app-search,
.wbh-user-pill {
    display: flex;
    align-items: center;
}

.wbh-app-brand {
    gap: 10px;
    min-width: 210px;
    color: #0f172a;
}

.wbh-app-logo {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 950;
    font-size: 20px;
    letter-spacing: -.06em;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 58%, #14b8a6 100%);
    box-shadow: 0 14px 28px rgba(37, 99, 235, .25);
}

.wbh-app-brand strong,
.wbh-app-brand small {
    display: block;
    line-height: 1.1;
}

.wbh-app-brand strong {
    font-size: 15px;
    letter-spacing: -.02em;
}

.wbh-app-brand small {
    color: #64748b;
    margin-top: 3px;
    font-size: 11px;
    font-weight: 700;
}

.wbh-app-nav {
    justify-content: center;
    gap: 5px;
    padding: 5px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    min-width: 0;
    overflow-x: auto;
}

.wbh-app-nav a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 13px;
    color: #334155;
    text-decoration: none;
    font-weight: 850;
    white-space: nowrap;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.wbh-app-nav a span {
    color: #2563eb;
    font-weight: 900;
}

.wbh-app-nav a:hover,
.wbh-app-nav a:focus {
    background: #fff;
    color: #172554;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .07);
}

.wbh-app-nav a.is-active {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 12px 22px rgba(37, 99, 235, .26);
}

.wbh-app-nav a.is-active span {
    color: #fff;
}

.wbh-app-actions {
    justify-content: flex-end;
    gap: 8px;
    min-width: 390px;
}

.wbh-app-search {
    width: 210px;
    min-height: 38px;
    gap: 7px;
    padding: 0 10px;
    border-radius: 13px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.wbh-app-search span {
    color: #64748b;
    font-size: 15px;
}

.wbh-app-search input[type="search"] {
    border: 0 !important;
    background: transparent !important;
    min-height: 34px !important;
    width: 100%;
    padding: 0 !important;
    box-shadow: none !important;
    font-size: 13px;
}

.wbh-user-pill {
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    color: #172554;
    background: linear-gradient(135deg, #dbeafe, #eef2ff);
    border: 1px solid #dbe4f0;
    font-weight: 950;
    font-size: 12px;
}

.wbh-topbar-new {
    white-space: nowrap;
}

.wbh-wrap > .wbh-page-header,
.wbh-wrap > .wbh-home-hero,
.wbh-wrap > .wbh-panel:first-of-type,
.wbh-dashboard-shell > .wbh-home-hero:first-child {
    margin-top: 0;
}

.wbh-wrap .wbh-page-header,
.wbh-wrap .wbh-panel,
.wbh-wrap .wbh-stat-card,
.wbh-wrap .wbh-client-hero,
.wbh-wrap .wbh-command-card,
.wbh-wrap .wbh-addon-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.wbh-wrap .wbh-panel:hover,
.wbh-wrap .wbh-stat-card:hover,
.wbh-wrap .wbh-command-card:hover,
.wbh-wrap .wbh-addon-card:hover {
    border-color: rgba(37, 99, 235, .22);
}

.wbh-dashboard-shell,
.wbh-wrap > .wbh-page-header,
.wbh-wrap > .wbh-panel,
.wbh-wrap > form,
.wbh-wrap > .wbh-client-workspace,
.wbh-wrap > .wbh-toolbar,
.wbh-wrap > .wbh-print-tip,
.wbh-wrap > .wbh-invoice-layout {
    position: relative;
}

.wbh-page-header:before,
.wbh-panel:before,
.wbh-stat-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(90deg, rgba(37,99,235,.0), rgba(37,99,235,.24), rgba(20,184,166,.18), rgba(37,99,235,.0));
    opacity: .0;
    pointer-events: none;
}

.wbh-page-header:hover:before,
.wbh-panel:hover:before,
.wbh-stat-card:hover:before {
    opacity: 1;
}

.wbh-home-lower-grid .wbh-panel,
.wbh-home-footer-grid .wbh-panel,
.wbh-client-workspace-grid .wbh-panel {
    min-height: 100%;
}

.wbh-panel-header-rich h2,
.wbh-page-header h1,
.wbh-client-hero h2 {
    letter-spacing: -.04em;
}

.wbh-record-list a,
.wbh-panel-header a,
.wbh-action-stack a {
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.wbh-action-stack a:after {
    content: "›";
    margin-left: auto;
    color: #94a3b8;
    font-size: 20px;
    line-height: 1;
}

.wbh-table tbody tr,
.wbh-invoice-items-table tbody tr {
    transition: background .16s ease;
}

.wbh-table tbody tr:hover,
.wbh-invoice-items-table tbody tr:hover {
    background: #f8fbff;
}

@media (max-width: 1380px) {
    .wbh-app-topbar {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .wbh-app-brand,
    .wbh-app-actions {
        justify-content: space-between;
        min-width: 0;
    }

    .wbh-app-nav {
        justify-content: flex-start;
    }
}

@media (max-width: 782px) {
    .wbh-app-topbar {
        position: relative;
        top: auto;
        border-radius: 18px;
        padding: 12px;
        margin-bottom: 14px;
    }

    .wbh-app-actions {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .wbh-app-search {
        width: 100%;
    }

    .wbh-topbar-new {
        flex: 1 1 auto;
        text-align: center;
    }
}

@media print {
    .wbh-app-topbar {
        display: none !important;
    }
}

/* AdminDock 0.8.8 fix: keep accent lines contained in cards */
.wbh-page-header,
.wbh-panel,
.wbh-stat-card {
    position: relative;
    overflow: hidden;
}

/* AdminDock 0.8.10 - app mode and users/permissions */
body.worknest_page_wbh-reports,
body.worknest_page_wbh-users,
body.business-hub_page_wbh-reports,
body.business-hub_page_wbh-users {
    background:
        radial-gradient(circle at top left, rgba(37,99,235,.22), transparent 28%),
        radial-gradient(circle at top right, rgba(20,184,166,.12), transparent 28%),
        #081528;
}

body.wbh-app-mode .wbh-dashboard-shell,
body.wbh-app-mode .wbh-page-header,
body.wbh-app-mode .wbh-panel,
body.wbh-app-mode .wbh-table-card,
body.wbh-app-mode .wbh-stat-card,
body.wbh-app-mode .wbh-addon-card,
body.wbh-app-mode .wbh-custom-panel {
    box-shadow: 0 22px 55px rgba(0, 10, 30, 0.18);
}

.wbh-users-hero {
    margin-top: 18px;
}

.wbh-role-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid rgba(37, 99, 235, .16);
    background: #eff6ff;
    color: #1d4ed8;
    white-space: nowrap;
}

.wbh-role-owner {
    background: rgba(16, 185, 129, .12);
    border-color: rgba(16, 185, 129, .22);
    color: #047857;
}

.wbh-role-user {
    background: rgba(37, 99, 235, .12);
    border-color: rgba(37, 99, 235, .22);
    color: #1d4ed8;
}

.wbh-users-layout {
    align-items: start;
}

.wbh-team-list {
    display: grid;
    gap: 18px;
}

.wbh-team-card {
    border: 1px solid var(--wbh-border);
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    padding: 18px;
}

.wbh-team-card-head,
.wbh-team-person {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wbh-team-card-head {
    justify-content: space-between;
    margin-bottom: 18px;
}

.wbh-team-person h3 {
    margin: 0;
    font-size: 16px;
}

.wbh-team-person p,
.wbh-create-user-panel p,
.wbh-permission-note p,
.wbh-panel-header p {
    margin: 4px 0 0;
    color: var(--wbh-muted);
}

.wbh-team-avatar {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, var(--wbh-blue), var(--wbh-purple));
    box-shadow: 0 12px 24px rgba(37, 99, 235, .22);
}

.wbh-form-grid {
    display: grid;
    gap: 14px;
    margin-bottom: 18px;
}

.wbh-form-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wbh-form-grid label,
.wbh-stacked-form label {
    display: grid;
    gap: 7px;
}

.wbh-form-grid label > span,
.wbh-stacked-form label > span {
    color: var(--wbh-navy);
    font-weight: 800;
    font-size: 12px;
}

.wbh-form-grid input,
.wbh-form-grid select,
.wbh-stacked-form input,
.wbh-stacked-form select {
    width: 100%;
    border: 1px solid var(--wbh-border);
    border-radius: 12px;
    min-height: 42px;
    padding: 0 12px;
    background: #fff;
}

.wbh-permission-groups {
    display: grid;
    gap: 14px;
}

.wbh-permission-group {
    border: 1px solid #eef2f7;
    background: #ffffff;
    border-radius: 16px;
    padding: 14px;
}

.wbh-permission-group h4 {
    margin: 0 0 12px;
    color: var(--wbh-navy);
    font-size: 13px;
}

.wbh-permission-checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.wbh-permission-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #eef2f7;
    background: #f8fafc;
    padding: 12px;
    border-radius: 14px;
}

.wbh-permission-check input {
    margin-top: 3px;
}

.wbh-permission-check strong {
    display: block;
    color: var(--wbh-navy);
    font-size: 13px;
}

.wbh-permission-check small {
    display: block;
    color: var(--wbh-muted);
    margin-top: 3px;
    line-height: 1.35;
}

.wbh-form-actions {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
}

.wbh-stacked-form {
    display: grid;
    gap: 14px;
}

.wbh-create-user-panel {
    position: sticky;
    top: 24px;
}

.wbh-permission-note {
    margin-top: 20px;
    padding: 18px;
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, .16), transparent 36%),
        #f8fafc;
    border: 1px solid #e5e7eb;
}

.wbh-permission-note h3 {
    margin: 0;
    color: var(--wbh-navy);
}

@media (max-width: 1100px) {
    .wbh-users-layout,
    .wbh-form-grid-2,
    .wbh-permission-checks {
        grid-template-columns: 1fr;
    }
    .wbh-create-user-panel {
        position: static;
    }
}


/* AdminDock 0.8.10 rebrand pass - keeps the existing WBH internals but moves the UI closer to the AdminDock mockup style. */
:root {
    --wbh-navy: #101828;
    --wbh-blue: #3846f6;
    --wbh-blue-dark: #2531d9;
    --wbh-teal: #10bfae;
    --wbh-bg: #f7f9ff;
    --wbh-border: #e7eaf3;
    --wbh-muted: #667085;
    --wbh-shadow: 0 18px 45px rgba(16, 24, 40, 0.08);
}

.wbh-app-logo,
.wbh-brand-mark {
    background: linear-gradient(135deg, #3846f6 0%, #6d5dfc 100%);
    color: #ffffff;
    letter-spacing: -0.08em;
}

.wbh-app-logo {
    font-size: 12px;
    font-weight: 900;
}

.wbh-brand-mark {
    font-size: 15px;
}

.wbh-app-brand strong,
.wbh-brand-bar h1,
.wbh-home-hero h1,
.wbh-page-header h1 {
    letter-spacing: -0.045em;
}

.wbh-home-hero,
.wbh-app-overview-hero,
.wbh-page-header {
    background:
        radial-gradient(circle at top right, rgba(56, 70, 246, 0.16), transparent 34%),
        radial-gradient(circle at bottom left, rgba(16, 191, 174, 0.10), transparent 28%),
        #ffffff;
}

.wbh-brand-pill {
    background: rgba(56, 70, 246, 0.10);
    color: #2531d9;
}

.wbh-app-topbar,
.wbh-dashboard-shell,
.wbh-panel,
.wbh-stat-card,
.wbh-command-card {
    border-color: var(--wbh-border);
}

/* AdminDock 0.8.10 body-class compatibility. WordPress changes submenu body classes from the top-level menu label, so this keeps the branded app shell working after the rename. */
body[class*="_page_wbh-"],
body.toplevel_page_wbh-dashboard {
    background:
        radial-gradient(circle at 18% 0%, rgba(56, 70, 246, .18), transparent 32%),
        radial-gradient(circle at 100% 8%, rgba(16, 191, 174, .10), transparent 26%),
        linear-gradient(135deg, #071225 0%, #081a35 42%, #0b1d3a 100%) !important;
}

body[class*="_page_wbh-"] #wpcontent,
body.toplevel_page_wbh-dashboard #wpcontent,
body[class*="_page_wbh-"] #wpbody-content,
body.toplevel_page_wbh-dashboard #wpbody-content {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

body[class*="_page_wbh-"] #wpadminbar,
body.toplevel_page_wbh-dashboard #wpadminbar,
body[class*="_page_wbh-"] #adminmenuback,
body.toplevel_page_wbh-dashboard #adminmenuback,
body[class*="_page_wbh-"] #adminmenuwrap,
body.toplevel_page_wbh-dashboard #adminmenuwrap,
body[class*="_page_wbh-"] #wpfooter,
body.toplevel_page_wbh-dashboard #wpfooter,
body[class*="_page_wbh-"] #screen-meta-links,
body.toplevel_page_wbh-dashboard #screen-meta-links {
    display: none !important;
}

body[class*="_page_wbh-"] .wrap.wbh-wrap,
body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
    margin: 0 auto !important;
    padding: 0 24px 42px !important;
}

/* AdminDock 0.8.11 - light app shell with mockup-style left sidebar */
body[class*="_page_wbh-"],
body.toplevel_page_wbh-dashboard {
    --wbh-navy: #101828;
    --wbh-blue: #3846f6;
    --wbh-blue-dark: #2531d9;
    --wbh-teal: #10bfae;
    --wbh-bg: #f6f8fc;
    --wbh-card: #ffffff;
    --wbh-border: #e7eaf3;
    --wbh-muted: #667085;
    --wbh-shadow: 0 18px 45px rgba(16, 24, 40, 0.08);
    background:
        radial-gradient(circle at 8% 0%, rgba(56, 70, 246, .10), transparent 28%),
        radial-gradient(circle at 95% 6%, rgba(16, 191, 174, .08), transparent 28%),
        #f6f8fc !important;
    color: #101828;
}

body[class*="_page_wbh-"] #wpwrap,
body.toplevel_page_wbh-dashboard #wpwrap {
    margin-top: -32px;
    background: transparent !important;
}

body[class*="_page_wbh-"] #wpcontent,
body.toplevel_page_wbh-dashboard #wpcontent {
    margin-left: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
}

body[class*="_page_wbh-"] #wpbody,
body.toplevel_page_wbh-dashboard #wpbody,
body[class*="_page_wbh-"] #wpbody-content,
body.toplevel_page_wbh-dashboard #wpbody-content {
    background: transparent !important;
}

body[class*="_page_wbh-"] #wpbody-content,
body.toplevel_page_wbh-dashboard #wpbody-content {
    padding-top: 22px !important;
    padding-bottom: 42px !important;
}

body[class*="_page_wbh-"] #adminmenuback,
body[class*="_page_wbh-"] #adminmenuwrap,
body[class*="_page_wbh-"] #wpadminbar,
body[class*="_page_wbh-"] #wpfooter,
body[class*="_page_wbh-"] #screen-meta-links,
body.toplevel_page_wbh-dashboard #adminmenuback,
body.toplevel_page_wbh-dashboard #adminmenuwrap,
body.toplevel_page_wbh-dashboard #wpadminbar,
body.toplevel_page_wbh-dashboard #wpfooter,
body.toplevel_page_wbh-dashboard #screen-meta-links {
    display: none !important;
}

body[class*="_page_wbh-"] .wrap.wbh-wrap,
body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
    box-sizing: border-box;
    max-width: none !important;
    margin: 0 24px 0 292px !important;
    padding: 0 0 42px !important;
    color: #101828;
}

.wbh-app-sidebar {
    position: fixed;
    z-index: 9999;
    left: 18px;
    top: 18px;
    bottom: 18px;
    width: 246px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    overflow-y: auto;
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(231, 234, 243, .96);
    border-radius: 26px;
    box-shadow: 0 24px 70px rgba(16, 24, 40, .12);
    backdrop-filter: blur(18px);
}

.wbh-sidebar-brand,
.wbh-sidebar-company,
.wbh-sidebar-nav a,
.wbh-sidebar-back {
    display: flex;
    align-items: center;
}

.wbh-sidebar-brand {
    gap: 11px;
    padding: 4px 3px 10px;
}

.wbh-sidebar-brand strong,
.wbh-sidebar-brand small,
.wbh-sidebar-company strong,
.wbh-sidebar-company small {
    display: block;
    line-height: 1.15;
}

.wbh-sidebar-brand strong {
    color: #101828;
    font-size: 17px;
    font-weight: 950;
    letter-spacing: -.045em;
}

.wbh-sidebar-brand small,
.wbh-sidebar-company small {
    color: #667085;
    font-size: 11px;
    font-weight: 700;
    margin-top: 3px;
}

.wbh-sidebar-company {
    gap: 10px;
    padding: 11px;
    border-radius: 18px;
    background: linear-gradient(135deg, #f8faff 0%, #eef3ff 100%);
    border: 1px solid #e7eaf3;
}

.wbh-sidebar-company-icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #3846f6 0%, #6d5dfc 100%);
    box-shadow: 0 12px 22px rgba(56, 70, 246, .20);
}

.wbh-sidebar-company strong {
    max-width: 155px;
    overflow: hidden;
    color: #101828;
    font-size: 12px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wbh-sidebar-label {
    display: block;
    margin: 4px 10px 7px;
    color: #98a2b3;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.wbh-sidebar-nav {
    display: grid;
    gap: 4px;
}

.wbh-sidebar-nav a,
.wbh-sidebar-back {
    gap: 10px;
    min-height: 38px;
    padding: 0 11px;
    border-radius: 14px;
    color: #344054 !important;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.wbh-sidebar-nav a:hover,
.wbh-sidebar-back:hover,
.wbh-sidebar-nav a:focus,
.wbh-sidebar-back:focus {
    color: #172554 !important;
    background: #f4f7ff;
    outline: none;
}

.wbh-sidebar-nav a.is-active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #3846f6 0%, #2531d9 100%);
    box-shadow: 0 14px 28px rgba(56, 70, 246, .26);
}

.wbh-sidebar-icon {
    width: 24px;
    height: 24px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    color: #3846f6;
    background: rgba(56, 70, 246, .09);
    font-size: 13px;
    font-weight: 900;
}

.wbh-sidebar-nav a.is-active .wbh-sidebar-icon {
    color: #ffffff;
    background: rgba(255, 255, 255, .18);
}

.wbh-sidebar-nav-secondary {
    padding-top: 8px;
    border-top: 1px solid #eef2f7;
}

.wbh-sidebar-upgrade {
    margin-top: auto;
    padding: 14px;
    border-radius: 20px;
    border: 1px solid rgba(56, 70, 246, .12);
    background:
        radial-gradient(circle at top right, rgba(56, 70, 246, .16), transparent 36%),
        #f8faff;
}

.wbh-sidebar-upgrade span {
    width: 30px;
    height: 30px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, #f59e0b, #f97316);
    font-weight: 900;
    box-shadow: 0 12px 20px rgba(245, 158, 11, .22);
}

.wbh-sidebar-upgrade strong,
.wbh-sidebar-upgrade small {
    display: block;
}

.wbh-sidebar-upgrade strong {
    margin-top: 10px;
    color: #101828;
    font-size: 13px;
    font-weight: 950;
}

.wbh-sidebar-upgrade small {
    margin-top: 4px;
    color: #667085;
    font-size: 11px;
    line-height: 1.35;
}

.wbh-sidebar-back {
    color: #667085 !important;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}

.wbh-app-topbar.wbh-app-header {
    position: sticky;
    top: 18px;
    z-index: 60;
    display: flex !important;
    grid-template-columns: none !important;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin: 0 0 20px !important;
    padding: 12px 14px !important;
    border-radius: 24px;
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(231, 234, 243, .96) !important;
    box-shadow: 0 18px 45px rgba(16, 24, 40, .08) !important;
    backdrop-filter: blur(18px);
}

.wbh-app-header .wbh-app-search {
    width: min(520px, 100%);
    min-height: 42px;
    flex: 1 1 420px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e7eaf3;
}

.wbh-app-header .wbh-app-search input[type="search"] {
    color: #101828;
}

.wbh-app-header .wbh-app-actions {
    min-width: 0 !important;
    flex: 0 0 auto;
}

.wbh-app-logo,
.wbh-brand-mark {
    background: linear-gradient(135deg, #3846f6 0%, #6d5dfc 100%) !important;
    box-shadow: 0 14px 28px rgba(56, 70, 246, .24) !important;
}

body[class*="_page_wbh-"] .wbh-page-header,
body.toplevel_page_wbh-dashboard .wbh-page-header,
body[class*="_page_wbh-"] .wbh-home-hero,
body.toplevel_page_wbh-dashboard .wbh-home-hero,
body[class*="_page_wbh-"] .wbh-panel,
body.toplevel_page_wbh-dashboard .wbh-panel,
body[class*="_page_wbh-"] .wbh-stat-card,
body.toplevel_page_wbh-dashboard .wbh-stat-card,
body[class*="_page_wbh-"] .wbh-command-card,
body.toplevel_page_wbh-dashboard .wbh-command-card,
body[class*="_page_wbh-"] .wbh-addon-card,
body.toplevel_page_wbh-dashboard .wbh-addon-card,
body[class*="_page_wbh-"] .wbh-client-hero,
body.toplevel_page_wbh-dashboard .wbh-client-hero,
body[class*="_page_wbh-"] .wbh-custom-panel,
body.toplevel_page_wbh-dashboard .wbh-custom-panel {
    background:
        radial-gradient(circle at top right, rgba(56, 70, 246, .07), transparent 28%),
        #ffffff !important;
    border-color: #e7eaf3 !important;
    box-shadow: 0 18px 45px rgba(16, 24, 40, .08) !important;
}

body[class*="_page_wbh-"] .wbh-page-header,
body.toplevel_page_wbh-dashboard .wbh-page-header,
body[class*="_page_wbh-"] .wbh-home-hero,
body.toplevel_page_wbh-dashboard .wbh-home-hero {
    margin-top: 0 !important;
}

body[class*="_page_wbh-"] .wbh-dashboard-shell,
body.toplevel_page_wbh-dashboard .wbh-dashboard-shell {
    background: rgba(255, 255, 255, .62) !important;
    border: 1px solid rgba(231, 234, 243, .88);
    box-shadow: 0 22px 60px rgba(16, 24, 40, .08) !important;
}

body[class*="_page_wbh-"] .wbh-wrap h1,
body[class*="_page_wbh-"] .wbh-wrap h2,
body[class*="_page_wbh-"] .wbh-wrap h3,
body.toplevel_page_wbh-dashboard .wbh-wrap h1,
body.toplevel_page_wbh-dashboard .wbh-wrap h2,
body.toplevel_page_wbh-dashboard .wbh-wrap h3 {
    color: #101828 !important;
}

body[class*="_page_wbh-"] .wbh-wrap p,
body[class*="_page_wbh-"] .wbh-wrap small,
body.toplevel_page_wbh-dashboard .wbh-wrap p,
body.toplevel_page_wbh-dashboard .wbh-wrap small {
    color: #667085;
}

body[class*="_page_wbh-"] .wbh-table,
body[class*="_page_wbh-"] .wp-list-table,
body[class*="_page_wbh-"] .wbh-invoice-items-table,
body.toplevel_page_wbh-dashboard .wbh-table,
body.toplevel_page_wbh-dashboard .wp-list-table,
body.toplevel_page_wbh-dashboard .wbh-invoice-items-table {
    background: #ffffff !important;
    border-color: #e7eaf3 !important;
    color: #101828;
}

body[class*="_page_wbh-"] .wbh-table thead th,
body[class*="_page_wbh-"] .wp-list-table thead th,
body[class*="_page_wbh-"] .wbh-invoice-items-table thead th,
body.toplevel_page_wbh-dashboard .wbh-table thead th,
body.toplevel_page_wbh-dashboard .wp-list-table thead th,
body.toplevel_page_wbh-dashboard .wbh-invoice-items-table thead th {
    background: #f8fafc !important;
    color: #667085 !important;
}

body[class*="_page_wbh-"] .button.button-primary,
body.toplevel_page_wbh-dashboard .button.button-primary {
    background: linear-gradient(135deg, #3846f6 0%, #2531d9 100%) !important;
    border-color: #2531d9 !important;
    color: #ffffff !important;
}

body[class*="_page_wbh-"] .button,
body.toplevel_page_wbh-dashboard .button {
    border-radius: 12px !important;
    font-weight: 850;
}

body[class*="_page_wbh-"] input[type="text"],
body[class*="_page_wbh-"] input[type="email"],
body[class*="_page_wbh-"] input[type="number"],
body[class*="_page_wbh-"] input[type="search"],
body[class*="_page_wbh-"] input[type="url"],
body[class*="_page_wbh-"] input[type="date"],
body[class*="_page_wbh-"] input[type="time"],
body[class*="_page_wbh-"] select,
body[class*="_page_wbh-"] textarea,
body.toplevel_page_wbh-dashboard input[type="text"],
body.toplevel_page_wbh-dashboard input[type="email"],
body.toplevel_page_wbh-dashboard input[type="number"],
body.toplevel_page_wbh-dashboard input[type="search"],
body.toplevel_page_wbh-dashboard input[type="url"],
body.toplevel_page_wbh-dashboard input[type="date"],
body.toplevel_page_wbh-dashboard input[type="time"],
body.toplevel_page_wbh-dashboard select,
body.toplevel_page_wbh-dashboard textarea {
    background: #ffffff;
    border-color: #d9e1f0;
    color: #101828;
}

@media (max-width: 1180px) {
    body[class*="_page_wbh-"] .wrap.wbh-wrap,
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
        margin-left: 262px !important;
        margin-right: 16px !important;
    }

    .wbh-app-sidebar {
        width: 226px;
    }

    .wbh-app-topbar.wbh-app-header {
        align-items: stretch;
        flex-direction: column;
    }

    .wbh-app-header .wbh-app-search {
        width: 100%;
        flex-basis: auto;
    }

    .wbh-app-header .wbh-app-actions {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 782px) {
    body[class*="_page_wbh-"] #wpwrap,
    body.toplevel_page_wbh-dashboard #wpwrap {
        margin-top: -46px;
    }

    body[class*="_page_wbh-"] .wrap.wbh-wrap,
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
        margin: 0 12px !important;
        padding-bottom: 28px !important;
    }

    .wbh-app-sidebar {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        width: auto;
        max-height: none;
        margin: 0 0 14px;
        border-radius: 22px;
    }

    .wbh-sidebar-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wbh-sidebar-label,
    .wbh-sidebar-upgrade,
    .wbh-sidebar-back {
        grid-column: 1 / -1;
    }

    .wbh-app-topbar.wbh-app-header {
        position: relative;
        top: auto;
        border-radius: 20px;
    }
}

@media print {
    .wbh-app-sidebar,
    .wbh-app-header {
        display: none !important;
    }

    body[class*="_page_wbh-"] .wrap.wbh-wrap,
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
        margin: 0 !important;
    }
}


/* AdminDock 0.8.12 - full light app shell rework
   Sidebar is now part of the page grid rather than a fixed overlay. */
body[class*="_page_wbh-"],
body.toplevel_page_wbh-dashboard {
    --ad-bg: #f6f8fc;
    --ad-card: #ffffff;
    --ad-border: #e7eaf3;
    --ad-text: #101828;
    --ad-muted: #667085;
    --ad-soft: #f8faff;
    --ad-blue: #3846f6;
    --ad-blue-dark: #2531d9;
    --ad-teal: #10bfae;
    --ad-purple: #7c3aed;
    --ad-shadow: 0 18px 45px rgba(16, 24, 40, .08);
    --ad-radius: 24px;
    background:
        radial-gradient(circle at 6% -4%, rgba(56, 70, 246, .11), transparent 30%),
        radial-gradient(circle at 96% 0%, rgba(16, 191, 174, .09), transparent 26%),
        linear-gradient(180deg, #fbfcff 0%, var(--ad-bg) 100%) !important;
    color: var(--ad-text) !important;
}

body[class*="_page_wbh-"] #wpadminbar,
body.toplevel_page_wbh-dashboard #wpadminbar,
body[class*="_page_wbh-"] #adminmenuback,
body.toplevel_page_wbh-dashboard #adminmenuback,
body[class*="_page_wbh-"] #adminmenuwrap,
body.toplevel_page_wbh-dashboard #adminmenuwrap,
body[class*="_page_wbh-"] #wpfooter,
body.toplevel_page_wbh-dashboard #wpfooter,
body[class*="_page_wbh-"] #screen-meta-links,
body.toplevel_page_wbh-dashboard #screen-meta-links,
body[class*="_page_wbh-"] .update-nag,
body.toplevel_page_wbh-dashboard .update-nag {
    display: none !important;
}

body[class*="_page_wbh-"] #wpwrap,
body.toplevel_page_wbh-dashboard #wpwrap {
    margin-top: -32px !important;
    background: transparent !important;
}

body[class*="_page_wbh-"] #wpcontent,
body.toplevel_page_wbh-dashboard #wpcontent,
body[class*="_page_wbh-"] #wpbody,
body.toplevel_page_wbh-dashboard #wpbody,
body[class*="_page_wbh-"] #wpbody-content,
body.toplevel_page_wbh-dashboard #wpbody-content {
    margin-left: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
}

body[class*="_page_wbh-"] #wpbody-content,
body.toplevel_page_wbh-dashboard #wpbody-content {
    box-sizing: border-box !important;
    min-height: 100vh !important;
    padding: 24px !important;
}

body[class*="_page_wbh-"] .wrap.wbh-wrap,
body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 268px minmax(0, 1fr) !important;
    grid-auto-rows: min-content !important;
    gap: 22px 24px !important;
    width: 100% !important;
    max-width: 1580px !important;
    min-height: calc(100vh - 48px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: var(--ad-text) !important;
}

body[class*="_page_wbh-"] .wrap.wbh-wrap > .wbh-app-sidebar,
body.toplevel_page_wbh-dashboard .wrap.wbh-wrap > .wbh-app-sidebar {
    grid-column: 1 !important;
    grid-row: 1 / span 200 !important;
}

body[class*="_page_wbh-"] .wrap.wbh-wrap > :not(.wbh-app-sidebar),
body.toplevel_page_wbh-dashboard .wrap.wbh-wrap > :not(.wbh-app-sidebar) {
    grid-column: 2 !important;
    min-width: 0 !important;
}

body[class*="_page_wbh-"] .wrap.wbh-wrap > .wbh-app-header,
body.toplevel_page_wbh-dashboard .wrap.wbh-wrap > .wbh-app-header {
    grid-column: 2 !important;
}

body[class*="_page_wbh-"] .wbh-app-sidebar,
body.toplevel_page_wbh-dashboard .wbh-app-sidebar {
    position: sticky !important;
    z-index: 20 !important;
    top: 24px !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    align-self: start !important;
    width: auto !important;
    height: calc(100vh - 48px) !important;
    max-height: calc(100vh - 48px) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
    overflow: auto !important;
    padding: 16px !important;
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(231, 234, 243, .96) !important;
    border-radius: 28px !important;
    box-shadow: 0 24px 70px rgba(16, 24, 40, .10) !important;
    backdrop-filter: blur(18px) !important;
}

body[class*="_page_wbh-"] .wbh-sidebar-brand,
body.toplevel_page_wbh-dashboard .wbh-sidebar-brand {
    padding: 4px 4px 10px !important;
}

body[class*="_page_wbh-"] .wbh-sidebar-brand strong,
body.toplevel_page_wbh-dashboard .wbh-sidebar-brand strong {
    font-size: 18px !important;
    color: var(--ad-text) !important;
}

body[class*="_page_wbh-"] .wbh-sidebar-company,
body.toplevel_page_wbh-dashboard .wbh-sidebar-company {
    background: linear-gradient(135deg, #f8faff 0%, #eef3ff 100%) !important;
    border: 1px solid var(--ad-border) !important;
    border-radius: 20px !important;
}

body[class*="_page_wbh-"] .wbh-sidebar-nav,
body.toplevel_page_wbh-dashboard .wbh-sidebar-nav {
    display: grid !important;
    gap: 5px !important;
}

body[class*="_page_wbh-"] .wbh-sidebar-nav a,
body[class*="_page_wbh-"] .wbh-sidebar-back,
body.toplevel_page_wbh-dashboard .wbh-sidebar-nav a,
body.toplevel_page_wbh-dashboard .wbh-sidebar-back {
    box-sizing: border-box !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 15px !important;
    color: #344054 !important;
    background: transparent !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body[class*="_page_wbh-"] .wbh-sidebar-nav a:hover,
body[class*="_page_wbh-"] .wbh-sidebar-back:hover,
body.toplevel_page_wbh-dashboard .wbh-sidebar-nav a:hover,
body.toplevel_page_wbh-dashboard .wbh-sidebar-back:hover {
    background: #f4f7ff !important;
    color: #172554 !important;
    transform: none !important;
}

body[class*="_page_wbh-"] .wbh-sidebar-nav a.is-active,
body.toplevel_page_wbh-dashboard .wbh-sidebar-nav a.is-active {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--ad-blue) 0%, var(--ad-blue-dark) 100%) !important;
    box-shadow: 0 14px 28px rgba(56, 70, 246, .24) !important;
}

body[class*="_page_wbh-"] .wbh-sidebar-upgrade,
body.toplevel_page_wbh-dashboard .wbh-sidebar-upgrade {
    margin-top: auto !important;
    flex: 0 0 auto !important;
}

body[class*="_page_wbh-"] .wbh-app-topbar.wbh-app-header,
body.toplevel_page_wbh-dashboard .wbh-app-topbar.wbh-app-header {
    position: sticky !important;
    top: 24px !important;
    z-index: 15 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 330px) minmax(260px, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .95) !important;
    border: 1px solid rgba(231, 234, 243, .96) !important;
    box-shadow: 0 18px 45px rgba(16, 24, 40, .08) !important;
    backdrop-filter: blur(18px) !important;
}

body[class*="_page_wbh-"] .wbh-topbar-context,
body.toplevel_page_wbh-dashboard .wbh-topbar-context {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding-left: 4px !important;
}

body[class*="_page_wbh-"] .wbh-topbar-context span,
body.toplevel_page_wbh-dashboard .wbh-topbar-context span {
    color: var(--ad-blue) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

body[class*="_page_wbh-"] .wbh-topbar-context strong,
body.toplevel_page_wbh-dashboard .wbh-topbar-context strong {
    color: var(--ad-text) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
    line-height: 1.08 !important;
}

body[class*="_page_wbh-"] .wbh-topbar-context small,
body.toplevel_page_wbh-dashboard .wbh-topbar-context small {
    color: var(--ad-muted) !important;
    overflow: hidden !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body[class*="_page_wbh-"] .wbh-app-header .wbh-app-search,
body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-search {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    flex: unset !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: none !important;
}

body[class*="_page_wbh-"] .wbh-app-header .wbh-app-search input[type="search"],
body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-search input[type="search"] {
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--ad-text) !important;
}

body[class*="_page_wbh-"] .wbh-app-header .wbh-app-actions,
body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: max-content !important;
    flex-wrap: nowrap !important;
}

body[class*="_page_wbh-"] .wbh-user-pill,
body.toplevel_page_wbh-dashboard .wbh-user-pill {
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 38px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, var(--ad-blue), var(--ad-purple)) !important;
    box-shadow: 0 12px 26px rgba(56, 70, 246, .24) !important;
}

body[class*="_page_wbh-"] .wbh-page-header,
body.toplevel_page_wbh-dashboard .wbh-page-header,
body[class*="_page_wbh-"] .wbh-home-hero,
body.toplevel_page_wbh-dashboard .wbh-home-hero {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at top right, rgba(56, 70, 246, .08), transparent 32%),
        var(--ad-card) !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: var(--ad-shadow) !important;
}

body[class*="_page_wbh-"] .wbh-panel,
body.toplevel_page_wbh-dashboard .wbh-panel,
body[class*="_page_wbh-"] .wbh-stat-card,
body.toplevel_page_wbh-dashboard .wbh-stat-card,
body[class*="_page_wbh-"] .wbh-command-card,
body.toplevel_page_wbh-dashboard .wbh-command-card,
body[class*="_page_wbh-"] .wbh-addon-card,
body.toplevel_page_wbh-dashboard .wbh-addon-card,
body[class*="_page_wbh-"] .wbh-custom-panel,
body.toplevel_page_wbh-dashboard .wbh-custom-panel,
body[class*="_page_wbh-"] .wbh-client-hero,
body.toplevel_page_wbh-dashboard .wbh-client-hero {
    box-sizing: border-box !important;
    border-radius: 24px !important;
    background: var(--ad-card) !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: var(--ad-shadow) !important;
}

body[class*="_page_wbh-"] .wbh-table,
body[class*="_page_wbh-"] .wp-list-table,
body[class*="_page_wbh-"] .wbh-invoice-items-table,
body.toplevel_page_wbh-dashboard .wbh-table,
body.toplevel_page_wbh-dashboard .wp-list-table,
body.toplevel_page_wbh-dashboard .wbh-invoice-items-table {
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: 0 12px 32px rgba(16, 24, 40, .05) !important;
}

body[class*="_page_wbh-"] .wp-list-table th,
body[class*="_page_wbh-"] .wp-list-table td,
body[class*="_page_wbh-"] .wbh-table th,
body[class*="_page_wbh-"] .wbh-table td,
body.toplevel_page_wbh-dashboard .wp-list-table th,
body.toplevel_page_wbh-dashboard .wp-list-table td,
body.toplevel_page_wbh-dashboard .wbh-table th,
body.toplevel_page_wbh-dashboard .wbh-table td {
    border-color: #eef2f7 !important;
}

body[class*="_page_wbh-"] input[type="text"],
body[class*="_page_wbh-"] input[type="email"],
body[class*="_page_wbh-"] input[type="number"],
body[class*="_page_wbh-"] input[type="search"],
body[class*="_page_wbh-"] input[type="url"],
body[class*="_page_wbh-"] input[type="date"],
body[class*="_page_wbh-"] input[type="time"],
body[class*="_page_wbh-"] select,
body[class*="_page_wbh-"] textarea,
body.toplevel_page_wbh-dashboard input[type="text"],
body.toplevel_page_wbh-dashboard input[type="email"],
body.toplevel_page_wbh-dashboard input[type="number"],
body.toplevel_page_wbh-dashboard input[type="search"],
body.toplevel_page_wbh-dashboard input[type="url"],
body.toplevel_page_wbh-dashboard input[type="date"],
body.toplevel_page_wbh-dashboard input[type="time"],
body.toplevel_page_wbh-dashboard select,
body.toplevel_page_wbh-dashboard textarea {
    border-radius: 14px !important;
    border-color: #d9e1f0 !important;
    background: #ffffff !important;
    color: var(--ad-text) !important;
    box-shadow: none !important;
}

body[class*="_page_wbh-"] input:focus,
body[class*="_page_wbh-"] select:focus,
body[class*="_page_wbh-"] textarea:focus,
body.toplevel_page_wbh-dashboard input:focus,
body.toplevel_page_wbh-dashboard select:focus,
body.toplevel_page_wbh-dashboard textarea:focus {
    border-color: rgba(56, 70, 246, .55) !important;
    box-shadow: 0 0 0 3px rgba(56, 70, 246, .10) !important;
}

body[class*="_page_wbh-"] .button,
body.toplevel_page_wbh-dashboard .button {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 13px !important;
    font-weight: 850 !important;
    box-shadow: none !important;
}

body[class*="_page_wbh-"] .button.button-primary,
body.toplevel_page_wbh-dashboard .button.button-primary {
    background: linear-gradient(135deg, var(--ad-blue) 0%, var(--ad-blue-dark) 100%) !important;
    border-color: var(--ad-blue-dark) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(56, 70, 246, .22) !important;
}

body[class*="_page_wbh-"] .wbh-dashboard-shell,
body.toplevel_page_wbh-dashboard .wbh-dashboard-shell,
body[class*="_page_wbh-"] .wbh-grid,
body.toplevel_page_wbh-dashboard .wbh-grid,
body[class*="_page_wbh-"] .wbh-stats-grid,
body.toplevel_page_wbh-dashboard .wbh-stats-grid {
    min-width: 0 !important;
}

@media (max-width: 1280px) {
    body[class*="_page_wbh-"] .wrap.wbh-wrap,
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
        grid-template-columns: 238px minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    body[class*="_page_wbh-"] .wbh-app-topbar.wbh-app-header,
    body.toplevel_page_wbh-dashboard .wbh-app-topbar.wbh-app-header {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    body[class*="_page_wbh-"] .wbh-app-header .wbh-app-actions,
    body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        min-width: 0 !important;
    }
}

@media (max-width: 960px) {
    body[class*="_page_wbh-"] #wpbody-content,
    body.toplevel_page_wbh-dashboard #wpbody-content {
        padding: 14px !important;
    }

    body[class*="_page_wbh-"] .wrap.wbh-wrap,
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }

    body[class*="_page_wbh-"] .wrap.wbh-wrap > .wbh-app-sidebar,
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap > .wbh-app-sidebar,
    body[class*="_page_wbh-"] .wrap.wbh-wrap > :not(.wbh-app-sidebar),
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap > :not(.wbh-app-sidebar) {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body[class*="_page_wbh-"] .wbh-app-sidebar,
    body.toplevel_page_wbh-dashboard .wbh-app-sidebar {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        border-radius: 24px !important;
    }

    body[class*="_page_wbh-"] .wbh-sidebar-nav,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body[class*="_page_wbh-"] .wbh-sidebar-label,
    body[class*="_page_wbh-"] .wbh-sidebar-upgrade,
    body[class*="_page_wbh-"] .wbh-sidebar-back,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-label,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-upgrade,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-back {
        grid-column: 1 / -1 !important;
    }

    body[class*="_page_wbh-"] .wbh-app-topbar.wbh-app-header,
    body.toplevel_page_wbh-dashboard .wbh-app-topbar.wbh-app-header {
        position: relative !important;
        top: auto !important;
    }
}

@media (max-width: 620px) {
    body[class*="_page_wbh-"] #wpwrap,
    body.toplevel_page_wbh-dashboard #wpwrap {
        margin-top: -46px !important;
    }

    body[class*="_page_wbh-"] .wbh-sidebar-nav,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-nav {
        grid-template-columns: 1fr !important;
    }

    body[class*="_page_wbh-"] .wbh-app-header .wbh-app-actions,
    body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-actions {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body[class*="_page_wbh-"] .wbh-app-header .wbh-app-actions .button,
    body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-actions .button {
        width: 100% !important;
    }
}

/* AdminDock 0.8.13 - full-width responsive app shell and account/package pill */
body[class*="_page_wbh-"],
body.toplevel_page_wbh-dashboard {
    overflow-x: hidden !important;
}

body[class*="_page_wbh-"] #wpcontent,
body.toplevel_page_wbh-dashboard #wpcontent,
body[class*="_page_wbh-"] #wpbody,
body.toplevel_page_wbh-dashboard #wpbody,
body[class*="_page_wbh-"] #wpbody-content,
body.toplevel_page_wbh-dashboard #wpbody-content {
    width: 100% !important;
    max-width: none !important;
}

body[class*="_page_wbh-"] #wpbody-content,
body.toplevel_page_wbh-dashboard #wpbody-content {
    padding: 18px !important;
}

body[class*="_page_wbh-"] .wrap.wbh-wrap,
body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    grid-template-columns: minmax(244px, 276px) minmax(0, 1fr) !important;
    gap: 18px !important;
    min-height: calc(100vh - 36px) !important;
}

body[class*="_page_wbh-"] .wbh-app-sidebar,
body.toplevel_page_wbh-dashboard .wbh-app-sidebar {
    top: 18px !important;
    height: calc(100vh - 36px) !important;
    max-height: calc(100vh - 36px) !important;
}

@supports (height: 100dvh) {
    body[class*="_page_wbh-"] .wbh-app-sidebar,
    body.toplevel_page_wbh-dashboard .wbh-app-sidebar {
        height: calc(100dvh - 36px) !important;
        max-height: calc(100dvh - 36px) !important;
    }
}

body[class*="_page_wbh-"] .wbh-app-topbar.wbh-app-header,
body.toplevel_page_wbh-dashboard .wbh-app-topbar.wbh-app-header {
    top: 18px !important;
    grid-template-columns: minmax(190px, 280px) minmax(220px, 1fr) max-content !important;
}

body[class*="_page_wbh-"] .wbh-app-header .wbh-app-actions,
body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-actions {
    gap: 8px !important;
}

body[class*="_page_wbh-"] .wbh-account-pill,
body.toplevel_page_wbh-dashboard .wbh-account-pill {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 44px !important;
    max-width: 260px !important;
    padding: 4px 12px 4px 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: 0 10px 28px rgba(16, 24, 40, .06) !important;
}

body[class*="_page_wbh-"] .wbh-account-pill .wbh-user-pill,
body.toplevel_page_wbh-dashboard .wbh-account-pill .wbh-user-pill {
    overflow: hidden !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border: 2px solid #eef3ff !important;
    box-shadow: none !important;
}

body[class*="_page_wbh-"] .wbh-account-pill .wbh-user-pill img,
body.toplevel_page_wbh-dashboard .wbh-account-pill .wbh-user-pill img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body[class*="_page_wbh-"] .wbh-account-copy,
body.toplevel_page_wbh-dashboard .wbh-account-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 1px !important;
    line-height: 1.1 !important;
}

body[class*="_page_wbh-"] .wbh-account-copy strong,
body.toplevel_page_wbh-dashboard .wbh-account-copy strong {
    overflow: hidden !important;
    max-width: 170px !important;
    color: var(--ad-text) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body[class*="_page_wbh-"] .wbh-account-copy small,
body.toplevel_page_wbh-dashboard .wbh-account-copy small {
    width: max-content !important;
    max-width: 160px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    background: rgba(56, 70, 246, .10) !important;
    color: var(--ad-blue-dark) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

body[class*="_page_wbh-"] .wbh-dashboard-shell,
body.toplevel_page_wbh-dashboard .wbh-dashboard-shell,
body[class*="_page_wbh-"] .wbh-home-layout,
body.toplevel_page_wbh-dashboard .wbh-home-layout,
body[class*="_page_wbh-"] .wbh-home-lower-grid,
body.toplevel_page_wbh-dashboard .wbh-home-lower-grid,
body[class*="_page_wbh-"] .wbh-home-footer-grid,
body.toplevel_page_wbh-dashboard .wbh-home-footer-grid,
body[class*="_page_wbh-"] .wbh-client-workspace-grid,
body.toplevel_page_wbh-dashboard .wbh-client-workspace-grid,
body[class*="_page_wbh-"] .wbh-reports-layout,
body.toplevel_page_wbh-dashboard .wbh-reports-layout,
body[class*="_page_wbh-"] .wbh-card-grid,
body.toplevel_page_wbh-dashboard .wbh-card-grid,
body[class*="_page_wbh-"] .wbh-stats-grid,
body.toplevel_page_wbh-dashboard .wbh-stats-grid {
    width: 100% !important;
    min-width: 0 !important;
}

body[class*="_page_wbh-"] .wbh-panel,
body.toplevel_page_wbh-dashboard .wbh-panel,
body[class*="_page_wbh-"] .wbh-table-card,
body.toplevel_page_wbh-dashboard .wbh-table-card,
body[class*="_page_wbh-"] .wbh-invoice-items-wrap,
body.toplevel_page_wbh-dashboard .wbh-invoice-items-wrap,
body[class*="_page_wbh-"] .wbh-import-table-wrap,
body.toplevel_page_wbh-dashboard .wbh-import-table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
}

body[class*="_page_wbh-"] .wbh-table,
body[class*="_page_wbh-"] .wp-list-table,
body[class*="_page_wbh-"] .wbh-invoice-items-table,
body.toplevel_page_wbh-dashboard .wbh-table,
body.toplevel_page_wbh-dashboard .wp-list-table,
body.toplevel_page_wbh-dashboard .wbh-invoice-items-table {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 1400px) {
    body[class*="_page_wbh-"] .wbh-app-topbar.wbh-app-header,
    body.toplevel_page_wbh-dashboard .wbh-app-topbar.wbh-app-header {
        grid-template-columns: minmax(180px, 240px) minmax(220px, 1fr) max-content !important;
    }

    body[class*="_page_wbh-"] .wbh-topbar-new,
    body.toplevel_page_wbh-dashboard .wbh-topbar-new {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
}

@media (max-width: 1180px) {
    body[class*="_page_wbh-"] .wrap.wbh-wrap,
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
        grid-template-columns: minmax(218px, 238px) minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    body[class*="_page_wbh-"] .wbh-app-topbar.wbh-app-header,
    body.toplevel_page_wbh-dashboard .wbh-app-topbar.wbh-app-header {
        grid-template-columns: 1fr !important;
    }

    body[class*="_page_wbh-"] .wbh-app-header .wbh-app-actions,
    body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-actions {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

@media (max-width: 980px) {
    body[class*="_page_wbh-"] #wpbody-content,
    body.toplevel_page_wbh-dashboard #wpbody-content {
        padding: 12px !important;
    }

    body[class*="_page_wbh-"] .wrap.wbh-wrap,
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap {
        display: block !important;
        min-height: 0 !important;
    }

    body[class*="_page_wbh-"] .wrap.wbh-wrap > *,
    body.toplevel_page_wbh-dashboard .wrap.wbh-wrap > * {
        margin-bottom: 14px !important;
    }

    body[class*="_page_wbh-"] .wbh-app-sidebar,
    body.toplevel_page_wbh-dashboard .wbh-app-sidebar {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 0 14px !important;
    }

    body[class*="_page_wbh-"] .wbh-sidebar-nav,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body[class*="_page_wbh-"] .wbh-sidebar-nav a,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-nav a {
        white-space: normal !important;
    }

    body[class*="_page_wbh-"] .wbh-sidebar-label,
    body[class*="_page_wbh-"] .wbh-sidebar-upgrade,
    body[class*="_page_wbh-"] .wbh-sidebar-back,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-label,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-upgrade,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-back {
        grid-column: 1 / -1 !important;
    }

    body[class*="_page_wbh-"] .wbh-app-topbar.wbh-app-header,
    body.toplevel_page_wbh-dashboard .wbh-app-topbar.wbh-app-header {
        position: relative !important;
        top: auto !important;
    }

    body[class*="_page_wbh-"] .wbh-table,
    body[class*="_page_wbh-"] .wp-list-table,
    body[class*="_page_wbh-"] .wbh-invoice-items-table,
    body.toplevel_page_wbh-dashboard .wbh-table,
    body.toplevel_page_wbh-dashboard .wp-list-table,
    body.toplevel_page_wbh-dashboard .wbh-invoice-items-table {
        min-width: 720px !important;
    }
}

@media (max-width: 720px) {
    body[class*="_page_wbh-"] .wbh-sidebar-nav,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body[class*="_page_wbh-"] .wbh-page-header,
    body.toplevel_page_wbh-dashboard .wbh-page-header,
    body[class*="_page_wbh-"] .wbh-home-hero,
    body.toplevel_page_wbh-dashboard .wbh-home-hero {
        padding: 18px !important;
        border-radius: 22px !important;
    }

    body[class*="_page_wbh-"] .wbh-app-header .wbh-app-actions,
    body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    body[class*="_page_wbh-"] .wbh-app-header .wbh-app-actions .button,
    body.toplevel_page_wbh-dashboard .wbh-app-header .wbh-app-actions .button,
    body[class*="_page_wbh-"] .wbh-account-pill,
    body.toplevel_page_wbh-dashboard .wbh-account-pill {
        width: 100% !important;
        max-width: none !important;
        justify-content: center !important;
    }

    body[class*="_page_wbh-"] .wbh-account-copy strong,
    body[class*="_page_wbh-"] .wbh-account-copy small,
    body.toplevel_page_wbh-dashboard .wbh-account-copy strong,
    body.toplevel_page_wbh-dashboard .wbh-account-copy small {
        max-width: none !important;
    }
}

@media (max-width: 480px) {
    body[class*="_page_wbh-"] #wpbody-content,
    body.toplevel_page_wbh-dashboard #wpbody-content {
        padding: 8px !important;
    }

    body[class*="_page_wbh-"] .wbh-sidebar-nav,
    body.toplevel_page_wbh-dashboard .wbh-sidebar-nav {
        grid-template-columns: 1fr !important;
    }

    body[class*="_page_wbh-"] .wbh-topbar-context strong,
    body.toplevel_page_wbh-dashboard .wbh-topbar-context strong {
        font-size: 16px !important;
    }
}

/* AdminDock 0.8.14 - front-end cloud app route at /admindock */
body.wbh-frontend-app {
    --ad-bg: #f6f8fc;
    --ad-card: #ffffff;
    --ad-border: #e7eaf3;
    --ad-text: #101828;
    --ad-muted: #667085;
    --ad-soft: #f8faff;
    --ad-blue: #3846f6;
    --ad-blue-dark: #2531d9;
    --ad-teal: #10bfae;
    --ad-purple: #7c3aed;
    --ad-shadow: 0 18px 45px rgba(16, 24, 40, .08);
    --ad-radius: 24px;
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 6% -4%, rgba(56, 70, 246, .11), transparent 30%),
        radial-gradient(circle at 96% 0%, rgba(16, 191, 174, .09), transparent 26%),
        linear-gradient(180deg, #fbfcff 0%, var(--ad-bg) 100%);
    color: var(--ad-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.wbh-frontend-app *,
body.wbh-frontend-app *::before,
body.wbh-frontend-app *::after {
    box-sizing: border-box;
}

body.wbh-frontend-app a {
    color: var(--ad-blue-dark);
}

body.wbh-frontend-app .button,
body.wbh-frontend-app button,
body.wbh-frontend-app input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 7px 14px;
    border: 1px solid #d9e1f0;
    border-radius: 12px;
    background: #ffffff;
    color: var(--ad-text);
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
}

body.wbh-frontend-app .button-primary,
body.wbh-frontend-app .button.button-primary,
body.wbh-frontend-app input[type="submit"] {
    border-color: var(--ad-blue-dark);
    background: linear-gradient(135deg, var(--ad-blue) 0%, var(--ad-blue-dark) 100%);
    color: #ffffff;
}

body.wbh-frontend-app input[type="text"],
body.wbh-frontend-app input[type="email"],
body.wbh-frontend-app input[type="password"],
body.wbh-frontend-app input[type="number"],
body.wbh-frontend-app input[type="search"],
body.wbh-frontend-app input[type="url"],
body.wbh-frontend-app input[type="date"],
body.wbh-frontend-app input[type="time"],
body.wbh-frontend-app select,
body.wbh-frontend-app textarea {
    width: 100%;
    min-height: 42px;
    border: 1px solid #d9e1f0;
    border-radius: 12px;
    background: #ffffff;
    color: var(--ad-text);
    padding: 8px 12px;
    box-shadow: none;
}

body.wbh-frontend-app input:focus,
body.wbh-frontend-app select:focus,
body.wbh-frontend-app textarea:focus {
    outline: none;
    border-color: var(--ad-blue);
    box-shadow: 0 0 0 3px rgba(56, 70, 246, .12);
}

body.wbh-frontend-workspace {
    overflow-x: hidden;
}

body.wbh-frontend-workspace .wrap.wbh-wrap {
    display: grid !important;
    grid-template-columns: minmax(244px, 276px) minmax(0, 1fr) !important;
    grid-auto-rows: min-content !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 18px !important;
    color: var(--ad-text) !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-sidebar {
    grid-column: 1 !important;
    grid-row: 1 / span 200 !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > :not(.wbh-app-sidebar) {
    grid-column: 2 !important;
    min-width: 0 !important;
}

body.wbh-frontend-workspace .wbh-app-sidebar {
    position: sticky !important;
    z-index: 20 !important;
    top: 18px !important;
    align-self: start !important;
    width: auto !important;
    height: calc(100vh - 36px) !important;
    max-height: calc(100vh - 36px) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
    overflow: auto !important;
    padding: 16px !important;
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(231, 234, 243, .96) !important;
    border-radius: 28px !important;
    box-shadow: 0 24px 70px rgba(16, 24, 40, .10) !important;
    backdrop-filter: blur(18px) !important;
}

@supports (height: 100dvh) {
    body.wbh-frontend-workspace .wbh-app-sidebar {
        height: calc(100dvh - 36px) !important;
        max-height: calc(100dvh - 36px) !important;
    }
}

body.wbh-frontend-workspace .wbh-app-topbar.wbh-app-header {
    position: sticky !important;
    top: 18px !important;
    z-index: 15 !important;
    display: grid !important;
    grid-template-columns: minmax(190px, 280px) minmax(220px, 1fr) max-content !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .95) !important;
    border: 1px solid rgba(231, 234, 243, .96) !important;
    box-shadow: 0 18px 45px rgba(16, 24, 40, .08) !important;
    backdrop-filter: blur(18px) !important;
}

body.wbh-frontend-workspace .wbh-app-header .wbh-app-search {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid var(--ad-border) !important;
}

body.wbh-frontend-workspace .wbh-app-header .wbh-app-search input[type="search"] {
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.wbh-frontend-workspace .wbh-app-header .wbh-app-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: max-content !important;
    flex-wrap: nowrap !important;
}

body.wbh-frontend-workspace .wbh-account-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 44px !important;
    max-width: 260px !important;
    padding: 4px 12px 4px 5px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: 0 10px 28px rgba(16, 24, 40, .06) !important;
}

body.wbh-frontend-workspace .wbh-account-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 1px !important;
    line-height: 1.1 !important;
}

body.wbh-frontend-workspace .wbh-account-copy strong {
    overflow: hidden !important;
    max-width: 170px !important;
    color: var(--ad-text) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.wbh-frontend-workspace .wbh-account-copy small {
    width: max-content !important;
    max-width: 160px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    background: rgba(56, 70, 246, .10) !important;
    color: var(--ad-blue-dark) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.wbh-frontend-workspace .wbh-account-pill .wbh-user-pill {
    overflow: hidden !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border: 2px solid #eef3ff !important;
    box-shadow: none !important;
}

body.wbh-frontend-workspace .wbh-account-pill .wbh-user-pill img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.wbh-frontend-workspace .wbh-page-header,
body.wbh-frontend-workspace .wbh-home-hero,
body.wbh-frontend-workspace .wbh-panel,
body.wbh-frontend-workspace .wbh-stat-card,
body.wbh-frontend-workspace .wbh-command-card,
body.wbh-frontend-workspace .wbh-addon-card,
body.wbh-frontend-workspace .wbh-custom-panel,
body.wbh-frontend-workspace .wbh-client-hero {
    border-radius: 24px !important;
    background: var(--ad-card) !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: var(--ad-shadow) !important;
}

body.wbh-frontend-workspace .wbh-page-header,
body.wbh-frontend-workspace .wbh-home-hero {
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at top right, rgba(56, 70, 246, .08), transparent 32%),
        var(--ad-card) !important;
}

body.wbh-frontend-workspace .wbh-dashboard-shell,
body.wbh-frontend-workspace .wbh-home-layout,
body.wbh-frontend-workspace .wbh-home-lower-grid,
body.wbh-frontend-workspace .wbh-home-footer-grid,
body.wbh-frontend-workspace .wbh-client-workspace-grid,
body.wbh-frontend-workspace .wbh-reports-layout,
body.wbh-frontend-workspace .wbh-card-grid,
body.wbh-frontend-workspace .wbh-stats-grid {
    width: 100% !important;
    min-width: 0 !important;
}

body.wbh-frontend-workspace .wbh-panel,
body.wbh-frontend-workspace .wbh-table-card,
body.wbh-frontend-workspace .wbh-invoice-items-wrap,
body.wbh-frontend-workspace .wbh-import-table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
}

body.wbh-frontend-workspace .wbh-table,
body.wbh-frontend-workspace .wp-list-table,
body.wbh-frontend-workspace .wbh-invoice-items-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: 0 12px 32px rgba(16, 24, 40, .05) !important;
}

body.wbh-frontend-login {
    display: grid;
    place-items: center;
    padding: 24px;
}

.wbh-login-shell {
    width: min(100%, 1040px);
    display: grid;
    place-items: center;
}

.wbh-login-card {
    width: min(100%, 470px);
    padding: 32px;
    border-radius: 30px;
    background:
        radial-gradient(circle at top right, rgba(56, 70, 246, .12), transparent 34%),
        #ffffff;
    border: 1px solid var(--ad-border);
    box-shadow: 0 28px 80px rgba(16, 24, 40, .14);
}

.wbh-login-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.wbh-login-brand strong,
.wbh-login-brand small {
    display: block;
    line-height: 1.1;
}

.wbh-login-brand strong {
    font-size: 22px;
    font-weight: 950;
    letter-spacing: -.05em;
}

.wbh-login-brand small {
    margin-top: 4px;
    color: var(--ad-muted);
    font-size: 12px;
    font-weight: 800;
}

.wbh-login-card h1 {
    margin: 0 0 10px;
    color: var(--ad-text);
    font-size: clamp(28px, 5vw, 40px);
    line-height: 1.05;
    letter-spacing: -.055em;
}

.wbh-login-card p {
    margin: 0 0 24px;
    color: var(--ad-muted);
    font-size: 15px;
    line-height: 1.55;
}

.wbh-login-card .login-username,
.wbh-login-card .login-password,
.wbh-login-card .login-remember,
.wbh-login-card .login-submit {
    margin: 0 0 15px;
}

.wbh-login-card label {
    display: block;
    margin-bottom: 7px;
    color: var(--ad-text);
    font-size: 13px;
    font-weight: 850;
}

.wbh-login-card .login-submit input {
    width: 100%;
    margin-top: 6px;
}

.wbh-backend-setup-wrap {
    max-width: 1240px !important;
}

.wbh-backend-setup-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.wbh-backend-setup-grid .wbh-addon-card {
    color: var(--ad-text);
    text-decoration: none;
}

@media (max-width: 1180px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap {
        grid-template-columns: minmax(218px, 238px) minmax(0, 1fr) !important;
        gap: 14px !important;
    }
    body.wbh-frontend-workspace .wbh-app-topbar.wbh-app-header {
        grid-template-columns: 1fr !important;
    }
    body.wbh-frontend-workspace .wbh-app-header .wbh-app-actions {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

@media (max-width: 980px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap {
        display: block !important;
        min-height: 0 !important;
        padding: 12px !important;
    }
    body.wbh-frontend-workspace .wrap.wbh-wrap > * {
        margin-bottom: 14px !important;
    }
    body.wbh-frontend-workspace .wbh-app-sidebar {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
    }
    body.wbh-frontend-workspace .wbh-sidebar-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    body.wbh-frontend-workspace .wbh-sidebar-nav a {
        white-space: normal !important;
    }
    body.wbh-frontend-workspace .wbh-sidebar-label,
    body.wbh-frontend-workspace .wbh-sidebar-upgrade,
    body.wbh-frontend-workspace .wbh-sidebar-back {
        grid-column: 1 / -1 !important;
    }
    body.wbh-frontend-workspace .wbh-app-topbar.wbh-app-header {
        position: relative !important;
        top: auto !important;
    }
    body.wbh-frontend-workspace .wbh-table,
    body.wbh-frontend-workspace .wp-list-table,
    body.wbh-frontend-workspace .wbh-invoice-items-table {
        min-width: 720px !important;
    }
}

@media (max-width: 720px) {
    body.wbh-frontend-workspace .wbh-sidebar-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    body.wbh-frontend-workspace .wbh-app-header .wbh-app-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }
    body.wbh-frontend-workspace .wbh-app-header .wbh-app-actions .button,
    body.wbh-frontend-workspace .wbh-account-pill {
        width: 100% !important;
        max-width: none !important;
        justify-content: center !important;
    }
    .wbh-login-card {
        padding: 24px;
        border-radius: 24px;
    }
}

@media (max-width: 480px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap {
        padding: 8px !important;
    }
    body.wbh-frontend-workspace .wbh-sidebar-nav {
        grid-template-columns: 1fr !important;
    }
}

/* AdminDock 0.8.14 - keep the wp-admin setup page as a simple backend control screen */
body.toplevel_page_wbh-dashboard .wrap.wbh-backend-setup-wrap {
    display: block !important;
    width: min(100%, 1240px) !important;
    max-width: 1240px !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: 24px !important;
}

body.toplevel_page_wbh-dashboard .wbh-backend-setup-wrap > * {
    grid-column: auto !important;
}

body.toplevel_page_wbh-dashboard .wbh-backend-setup-hero {
    margin-bottom: 22px !important;
}

/* AdminDock 0.8.15 - mockup-led app polish and real responsive menu */
body.wbh-frontend-workspace .wbh-sidebar-scrim,
body[class*="_page_wbh-"] .wbh-sidebar-scrim,
body.toplevel_page_wbh-dashboard .wbh-sidebar-scrim {
    display: none;
}

body.wbh-frontend-workspace .wbh-mobile-menu-toggle,
body[class*="_page_wbh-"] .wbh-mobile-menu-toggle,
body.toplevel_page_wbh-dashboard .wbh-mobile-menu-toggle {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid var(--ad-border) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--ad-text) !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .06) !important;
    cursor: pointer !important;
}

body.wbh-frontend-workspace .wbh-mobile-menu-toggle span,
body[class*="_page_wbh-"] .wbh-mobile-menu-toggle span,
body.toplevel_page_wbh-dashboard .wbh-mobile-menu-toggle span {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 9px !important;
    background: rgba(56, 70, 246, .10) !important;
    color: var(--ad-blue-dark) !important;
    font-weight: 950 !important;
}

body.wbh-frontend-workspace .wbh-dashboard-shell {
    display: grid !important;
    gap: 18px !important;
}

body.wbh-frontend-workspace .wbh-app-overview-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .72fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
    overflow: hidden !important;
}

body.wbh-frontend-workspace .wbh-app-overview-hero::after {
    content: "";
    position: absolute;
    inset: auto 24px -70px auto;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(16, 191, 174, .16), transparent 68%);
    pointer-events: none;
}

body.wbh-frontend-workspace .wbh-home-hero-copy h1 {
    max-width: 760px !important;
    font-size: clamp(32px, 4.2vw, 58px) !important;
    line-height: .98 !important;
    letter-spacing: -.065em !important;
}

body.wbh-frontend-workspace .wbh-home-hero-copy p {
    max-width: 740px !important;
    color: var(--ad-muted) !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
}

body.wbh-frontend-workspace .wbh-hero-meta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 18px 0 4px !important;
}

body.wbh-frontend-workspace .wbh-hero-meta-row span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 6px 11px !important;
    border: 1px solid rgba(56, 70, 246, .12) !important;
    border-radius: 999px !important;
    background: rgba(56, 70, 246, .06) !important;
    color: #2531d9 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.wbh-frontend-workspace .wbh-hero-cta-row {
    margin-top: 18px !important;
}

body.wbh-frontend-workspace .wbh-command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.wbh-frontend-workspace .wbh-command-card {
    position: relative !important;
    overflow: hidden !important;
    min-height: 132px !important;
    align-items: flex-start !important;
    padding: 18px !important;
}

body.wbh-frontend-workspace .wbh-command-card::after {
    content: "";
    position: absolute;
    inset: auto -34px -48px auto;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background: rgba(56, 70, 246, .06);
}

body.wbh-frontend-workspace .wbh-command-card small,
body.wbh-frontend-workspace .wbh-money-strip span,
body.wbh-frontend-workspace .wbh-cashflow-caption span {
    color: var(--ad-muted) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

body.wbh-frontend-workspace .wbh-command-card strong {
    margin-top: 6px !important;
    font-size: clamp(22px, 2.5vw, 34px) !important;
    letter-spacing: -.055em !important;
}

body.wbh-frontend-workspace .wbh-home-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, .65fr) !important;
    gap: 18px !important;
}

body.wbh-frontend-workspace .wbh-money-panel {
    display: grid !important;
    gap: 16px !important;
}

body.wbh-frontend-workspace .wbh-cashflow-visual {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    gap: 16px !important;
    align-items: end !important;
    min-height: 154px !important;
    padding: 18px !important;
    border: 1px solid #edf1f8 !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(248, 250, 252, .88), rgba(255,255,255,.96)),
        repeating-linear-gradient(0deg, transparent 0 31px, rgba(148, 163, 184, .12) 32px) !important;
}

body.wbh-frontend-workspace .wbh-cashflow-bars {
    display: flex !important;
    align-items: end !important;
    gap: clamp(8px, 1.4vw, 16px) !important;
    min-height: 116px !important;
}

body.wbh-frontend-workspace .wbh-cashflow-bars span {
    display: block !important;
    width: 100% !important;
    min-width: 18px !important;
    height: var(--h) !important;
    border-radius: 999px 999px 8px 8px !important;
    background: linear-gradient(180deg, #3846f6, #10bfae) !important;
    box-shadow: 0 12px 24px rgba(56, 70, 246, .14) !important;
}

body.wbh-frontend-workspace .wbh-cashflow-caption {
    min-width: 150px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: 0 12px 26px rgba(16, 24, 40, .06) !important;
}

body.wbh-frontend-workspace .wbh-cashflow-caption strong {
    display: block !important;
    margin-top: 8px !important;
    color: var(--ad-text) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    letter-spacing: -.05em !important;
}

body.wbh-frontend-workspace .wbh-action-stack {
    display: grid !important;
    gap: 10px !important;
}

body.wbh-frontend-workspace .wbh-action-stack a {
    min-height: 54px !important;
    border-radius: 18px !important;
    background: #f8faff !important;
    border: 1px solid var(--ad-border) !important;
}

body.wbh-frontend-workspace .wbh-home-lower-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.wbh-frontend-workspace .wbh-home-footer-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr) !important;
    gap: 18px !important;
}

body.wbh-frontend-workspace .wbh-record-list li,
body.wbh-frontend-workspace .wbh-task-mini-list li,
body.wbh-frontend-workspace .wbh-file-mini-list li,
body.wbh-frontend-workspace .wbh-activity-list li {
    border-radius: 18px !important;
}

@media (max-width: 1240px) {
    body.wbh-frontend-workspace .wbh-command-grid,
    body.wbh-frontend-workspace .wbh-home-lower-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 980px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        padding: 12px !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap > * {
        grid-column: 1 !important;
        margin-bottom: 0 !important;
    }

    body.wbh-frontend-workspace .wbh-app-sidebar {
        position: fixed !important;
        top: 12px !important;
        left: 12px !important;
        bottom: 12px !important;
        width: min(86vw, 320px) !important;
        height: auto !important;
        max-height: none !important;
        transform: translateX(calc(-100% - 24px)) !important;
        transition: transform .22s ease !important;
        z-index: 1000 !important;
    }

    body.wbh-sidebar-open .wbh-app-sidebar {
        transform: translateX(0) !important;
    }

    body.wbh-frontend-workspace .wbh-sidebar-scrim {
        position: fixed !important;
        inset: 0 !important;
        display: block !important;
        visibility: hidden !important;
        opacity: 0 !important;
        border: 0 !important;
        background: rgba(15, 23, 42, .32) !important;
        backdrop-filter: blur(3px) !important;
        z-index: 999 !important;
        transition: opacity .22s ease, visibility .22s ease !important;
    }

    body.wbh-sidebar-open .wbh-sidebar-scrim {
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.wbh-frontend-workspace .wbh-mobile-menu-toggle {
        display: inline-flex !important;
    }

    body.wbh-frontend-workspace .wbh-app-topbar.wbh-app-header {
        position: sticky !important;
        top: 12px !important;
        grid-template-columns: max-content minmax(0, 1fr) !important;
        gap: 10px !important;
        z-index: 100 !important;
    }

    body.wbh-frontend-workspace .wbh-topbar-context {
        min-width: 0 !important;
    }

    body.wbh-frontend-workspace .wbh-topbar-context small {
        display: none !important;
    }

    body.wbh-frontend-workspace .wbh-app-header .wbh-app-search,
    body.wbh-frontend-workspace .wbh-app-header .wbh-app-actions {
        grid-column: 1 / -1 !important;
    }

    body.wbh-frontend-workspace .wbh-app-overview-hero,
    body.wbh-frontend-workspace .wbh-home-layout,
    body.wbh-frontend-workspace .wbh-home-footer-grid {
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-sidebar-nav {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 680px) {
    body.wbh-frontend-workspace .wbh-command-grid,
    body.wbh-frontend-workspace .wbh-home-lower-grid {
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-cashflow-visual {
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-home-feature-pills,
    body.wbh-frontend-workspace .wbh-hero-cta-row,
    body.wbh-frontend-workspace .wbh-hero-meta-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-hero-cta-row .button,
    body.wbh-frontend-workspace .wbh-hero-meta-row span {
        width: 100% !important;
    }
}

/* AdminDock 0.8.16 - stronger mockup-led dashboard modules and app polish */
body.wbh-frontend-workspace .wbh-mockup-modules,
body[class*="_page_wbh-"] .wbh-mockup-modules,
body.toplevel_page_wbh-dashboard .wbh-mockup-modules {
    display: grid !important;
    grid-template-columns: 1.25fr 1fr 1fr !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.wbh-frontend-workspace .wbh-mockup-module,
body[class*="_page_wbh-"] .wbh-mockup-module,
body.toplevel_page_wbh-dashboard .wbh-mockup-module {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    min-height: 190px !important;
    padding: 20px !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 105% 12%, rgba(56, 70, 246, .10), transparent 34%),
        #ffffff !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: var(--ad-shadow) !important;
}

body.wbh-frontend-workspace .wbh-mockup-module-primary,
body[class*="_page_wbh-"] .wbh-mockup-module-primary,
body.toplevel_page_wbh-dashboard .wbh-mockup-module-primary {
    background:
        radial-gradient(circle at 105% 8%, rgba(16, 191, 174, .15), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #f8faff 100%) !important;
}

body.wbh-frontend-workspace .wbh-mockup-module::after,
body[class*="_page_wbh-"] .wbh-mockup-module::after,
body.toplevel_page_wbh-dashboard .wbh-mockup-module::after {
    content: "" !important;
    position: absolute !important;
    right: -42px !important;
    bottom: -58px !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 999px !important;
    background: rgba(56, 70, 246, .06) !important;
    pointer-events: none !important;
}

body.wbh-frontend-workspace .wbh-mockup-module-icon,
body[class*="_page_wbh-"] .wbh-mockup-module-icon,
body.toplevel_page_wbh-dashboard .wbh-mockup-module-icon {
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, var(--ad-blue), var(--ad-purple)) !important;
    box-shadow: 0 16px 32px rgba(56, 70, 246, .22) !important;
}

body.wbh-frontend-workspace .wbh-mockup-module small,
body[class*="_page_wbh-"] .wbh-mockup-module small,
body.toplevel_page_wbh-dashboard .wbh-mockup-module small {
    display: inline-flex !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-bottom: 8px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: rgba(56, 70, 246, .08) !important;
    color: var(--ad-blue-dark) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body.wbh-frontend-workspace .wbh-mockup-module h2,
body[class*="_page_wbh-"] .wbh-mockup-module h2,
body.toplevel_page_wbh-dashboard .wbh-mockup-module h2 {
    margin: 0 0 8px !important;
    color: var(--ad-text) !important;
    font-size: clamp(18px, 1.55vw, 24px) !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    letter-spacing: -.055em !important;
}

body.wbh-frontend-workspace .wbh-mockup-module p,
body[class*="_page_wbh-"] .wbh-mockup-module p,
body.toplevel_page_wbh-dashboard .wbh-mockup-module p {
    margin: 0 !important;
    color: var(--ad-muted) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

body.wbh-frontend-workspace .wbh-mockup-module > a,
body[class*="_page_wbh-"] .wbh-mockup-module > a,
body.toplevel_page_wbh-dashboard .wbh-mockup-module > a {
    position: relative !important;
    z-index: 2 !important;
    grid-column: 2 !important;
    justify-self: start !important;
    align-self: end !important;
    margin-top: 12px !important;
    color: var(--ad-blue-dark) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

body.wbh-frontend-workspace .wbh-mockup-module > a::after,
body[class*="_page_wbh-"] .wbh-mockup-module > a::after,
body.toplevel_page_wbh-dashboard .wbh-mockup-module > a::after {
    content: " →" !important;
}

body.wbh-frontend-workspace .wbh-sidebar-brand small,
body[class*="_page_wbh-"] .wbh-sidebar-brand small,
body.toplevel_page_wbh-dashboard .wbh-sidebar-brand small,
body.wbh-frontend-workspace .wbh-sidebar-company small,
body[class*="_page_wbh-"] .wbh-sidebar-company small,
body.toplevel_page_wbh-dashboard .wbh-sidebar-company small {
    color: var(--ad-muted) !important;
}

body.wbh-frontend-workspace .wbh-panel-header-rich h2,
body[class*="_page_wbh-"] .wbh-panel-header-rich h2,
body.toplevel_page_wbh-dashboard .wbh-panel-header-rich h2 {
    letter-spacing: -.05em !important;
}

body.wbh-frontend-workspace .wbh-toolbar,
body[class*="_page_wbh-"] .wbh-toolbar,
body.toplevel_page_wbh-dashboard .wbh-toolbar {
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    background: #f8faff !important;
    border: 1px solid var(--ad-border) !important;
}

body.wbh-frontend-workspace .row-actions a,
body[class*="_page_wbh-"] .row-actions a,
body.toplevel_page_wbh-dashboard .row-actions a {
    color: var(--ad-blue-dark) !important;
    font-weight: 800 !important;
}

@media (max-width: 1240px) {
    body.wbh-frontend-workspace .wbh-mockup-modules,
    body[class*="_page_wbh-"] .wbh-mockup-modules,
    body.toplevel_page_wbh-dashboard .wbh-mockup-modules {
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-mockup-module,
    body[class*="_page_wbh-"] .wbh-mockup-module,
    body.toplevel_page_wbh-dashboard .wbh-mockup-module {
        min-height: auto !important;
    }
}

@media (max-width: 560px) {
    body.wbh-frontend-workspace .wbh-mockup-module,
    body[class*="_page_wbh-"] .wbh-mockup-module,
    body.toplevel_page_wbh-dashboard .wbh-mockup-module {
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-mockup-module > a,
    body[class*="_page_wbh-"] .wbh-mockup-module > a,
    body.toplevel_page_wbh-dashboard .wbh-mockup-module > a {
        grid-column: 1 !important;
    }
}

/* AdminDock 0.8.17 - focused dashboard pass: keep the mockup polish, but make the UI more practical and to the point. */
body.wbh-frontend-workspace .wbh-focus-grid,
body[class*="_page_wbh-"] .wbh-focus-grid,
body.toplevel_page_wbh-dashboard .wbh-focus-grid {
    display: grid !important;
    grid-template-columns: 1.18fr 1fr 1fr !important;
    gap: 16px !important;
    min-width: 0 !important;
}

body.wbh-frontend-workspace .wbh-focus-card,
body[class*="_page_wbh-"] .wbh-focus-card,
body.toplevel_page_wbh-dashboard .wbh-focus-card {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 15px !important;
    align-items: start !important;
    min-height: 176px !important;
    padding: 20px !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 104% 12%, rgba(56, 70, 246, .10), transparent 34%),
        #ffffff !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: var(--ad-shadow) !important;
}

body.wbh-frontend-workspace .wbh-focus-card-primary,
body[class*="_page_wbh-"] .wbh-focus-card-primary,
body.toplevel_page_wbh-dashboard .wbh-focus-card-primary {
    background:
        radial-gradient(circle at 105% 10%, rgba(16, 191, 174, .15), transparent 36%),
        linear-gradient(135deg, #ffffff 0%, #f8faff 100%) !important;
}

body.wbh-frontend-workspace .wbh-focus-card::after,
body[class*="_page_wbh-"] .wbh-focus-card::after,
body.toplevel_page_wbh-dashboard .wbh-focus-card::after {
    content: "" !important;
    position: absolute !important;
    right: -46px !important;
    bottom: -64px !important;
    width: 154px !important;
    height: 154px !important;
    border-radius: 999px !important;
    background: rgba(56, 70, 246, .055) !important;
    pointer-events: none !important;
}

body.wbh-frontend-workspace .wbh-focus-icon,
body[class*="_page_wbh-"] .wbh-focus-icon,
body.toplevel_page_wbh-dashboard .wbh-focus-icon {
    display: grid !important;
    place-items: center !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, var(--ad-blue), var(--ad-purple)) !important;
    box-shadow: 0 16px 32px rgba(56, 70, 246, .22) !important;
}

body.wbh-frontend-workspace .wbh-focus-card small,
body[class*="_page_wbh-"] .wbh-focus-card small,
body.toplevel_page_wbh-dashboard .wbh-focus-card small,
body.wbh-frontend-workspace .wbh-health-grid span,
body[class*="_page_wbh-"] .wbh-health-grid span,
body.toplevel_page_wbh-dashboard .wbh-health-grid span {
    display: inline-flex !important;
    margin-bottom: 8px !important;
    color: var(--ad-muted) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body.wbh-frontend-workspace .wbh-focus-card h2,
body[class*="_page_wbh-"] .wbh-focus-card h2,
body.toplevel_page_wbh-dashboard .wbh-focus-card h2 {
    margin: 0 0 8px !important;
    color: var(--ad-text) !important;
    font-size: clamp(28px, 3.1vw, 44px) !important;
    font-weight: 950 !important;
    line-height: .95 !important;
    letter-spacing: -.065em !important;
}

body.wbh-frontend-workspace .wbh-focus-card p,
body[class*="_page_wbh-"] .wbh-focus-card p,
body.toplevel_page_wbh-dashboard .wbh-focus-card p,
body.wbh-frontend-workspace .wbh-workspace-health-panel > p,
body[class*="_page_wbh-"] .wbh-workspace-health-panel > p,
body.toplevel_page_wbh-dashboard .wbh-workspace-health-panel > p {
    margin: 0 !important;
    color: var(--ad-muted) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

body.wbh-frontend-workspace .wbh-focus-card > a,
body[class*="_page_wbh-"] .wbh-focus-card > a,
body.toplevel_page_wbh-dashboard .wbh-focus-card > a {
    position: relative !important;
    z-index: 2 !important;
    grid-column: 2 !important;
    justify-self: start !important;
    align-self: end !important;
    margin-top: 12px !important;
    color: var(--ad-blue-dark) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
}

body.wbh-frontend-workspace .wbh-focus-card > a::after,
body[class*="_page_wbh-"] .wbh-focus-card > a::after,
body.toplevel_page_wbh-dashboard .wbh-focus-card > a::after {
    content: " →" !important;
}

body.wbh-frontend-workspace .wbh-action-stack,
body[class*="_page_wbh-"] .wbh-action-stack,
body.toplevel_page_wbh-dashboard .wbh-action-stack {
    gap: 12px !important;
}

body.wbh-frontend-workspace .wbh-action-stack a,
body[class*="_page_wbh-"] .wbh-action-stack a,
body.toplevel_page_wbh-dashboard .wbh-action-stack a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px !important;
    font-weight: 900 !important;
    color: var(--ad-text) !important;
    text-decoration: none !important;
}

body.wbh-frontend-workspace .wbh-action-stack a span,
body[class*="_page_wbh-"] .wbh-action-stack a span,
body.toplevel_page_wbh-dashboard .wbh-action-stack a span {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    background: rgba(56, 70, 246, .09) !important;
}

body.wbh-frontend-workspace .wbh-health-grid,
body[class*="_page_wbh-"] .wbh-health-grid,
body.toplevel_page_wbh-dashboard .wbh-health-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

body.wbh-frontend-workspace .wbh-health-grid a,
body[class*="_page_wbh-"] .wbh-health-grid a,
body.toplevel_page_wbh-dashboard .wbh-health-grid a {
    display: grid !important;
    gap: 4px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: #f8faff !important;
    border: 1px solid var(--ad-border) !important;
    text-decoration: none !important;
}

body.wbh-frontend-workspace .wbh-health-grid strong,
body[class*="_page_wbh-"] .wbh-health-grid strong,
body.toplevel_page_wbh-dashboard .wbh-health-grid strong {
    color: var(--ad-text) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -.05em !important;
}

body.wbh-frontend-workspace .wbh-app-overview-hero,
body[class*="_page_wbh-"] .wbh-app-overview-hero,
body.toplevel_page_wbh-dashboard .wbh-app-overview-hero {
    min-height: auto !important;
}

body.wbh-frontend-workspace .wbh-home-feature-pills span,
body[class*="_page_wbh-"] .wbh-home-feature-pills span,
body.toplevel_page_wbh-dashboard .wbh-home-feature-pills span {
    background: #ffffff !important;
    border: 1px solid rgba(56, 70, 246, .14) !important;
}

@media (max-width: 1240px) {
    body.wbh-frontend-workspace .wbh-focus-grid,
    body[class*="_page_wbh-"] .wbh-focus-grid,
    body.toplevel_page_wbh-dashboard .wbh-focus-grid {
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-focus-card,
    body[class*="_page_wbh-"] .wbh-focus-card,
    body.toplevel_page_wbh-dashboard .wbh-focus-card {
        min-height: auto !important;
    }
}

@media (max-width: 560px) {
    body.wbh-frontend-workspace .wbh-focus-card,
    body[class*="_page_wbh-"] .wbh-focus-card,
    body.toplevel_page_wbh-dashboard .wbh-focus-card {
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-focus-card > a,
    body[class*="_page_wbh-"] .wbh-focus-card > a,
    body.toplevel_page_wbh-dashboard .wbh-focus-card > a {
        grid-column: 1 !important;
    }

    body.wbh-frontend-workspace .wbh-health-grid,
    body[class*="_page_wbh-"] .wbh-health-grid,
    body.toplevel_page_wbh-dashboard .wbh-health-grid {
        grid-template-columns: 1fr !important;
    }
}

/* AdminDock 0.8.19 - front-end app lockdown and client-list rework */
body.wbh-frontend-app #wpadminbar {
    display: none !important;
}

body.wbh-frontend-app {
    margin-top: 0 !important;
}

body.wbh-frontend-workspace .wbh-client-list-panel {
    padding: 16px !important;
    overflow: visible !important;
}

body.wbh-frontend-workspace .wbh-client-list-panel .wbh-toolbar {
    margin: 0 0 14px !important;
}

body.wbh-frontend-workspace .wbh-client-cards-list {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
}

body.wbh-frontend-workspace .wbh-client-list-heading,
body.wbh-frontend-workspace .wbh-client-row-card {
    display: grid !important;
    grid-template-columns: minmax(220px, 1.55fr) minmax(170px, 1fr) minmax(135px, .78fr) minmax(115px, .7fr) minmax(70px, .45fr) minmax(95px, .55fr) minmax(125px, .65fr) !important;
    gap: 16px !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.wbh-frontend-workspace .wbh-client-list-heading {
    padding: 10px 16px !important;
    border-radius: 16px !important;
    background: #f8faff !important;
    border: 1px solid var(--ad-border) !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .12em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

body.wbh-frontend-workspace .wbh-client-row-card {
    padding: 16px !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    border: 1px solid var(--ad-border) !important;
    box-shadow: 0 14px 34px rgba(16, 24, 40, .055) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.wbh-frontend-workspace .wbh-client-row-card:hover {
    border-color: rgba(56, 70, 246, .22) !important;
    box-shadow: 0 20px 44px rgba(16, 24, 40, .08) !important;
    transform: translateY(-1px) !important;
}

body.wbh-frontend-workspace .wbh-client-row-main {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
}

body.wbh-frontend-workspace .wbh-client-row-main .wbh-client-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, rgba(56, 70, 246, .16), rgba(16, 191, 174, .12)) !important;
    color: var(--ad-blue-dark) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

body.wbh-frontend-workspace .wbh-client-row-copy,
body.wbh-frontend-workspace .wbh-client-row-metric {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}

body.wbh-frontend-workspace .wbh-client-row-copy > strong,
body.wbh-frontend-workspace .wbh-client-row-metric > strong {
    min-width: 0 !important;
    color: var(--ad-text) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

body.wbh-frontend-workspace .wbh-client-row-copy > strong a {
    color: var(--ad-blue-dark) !important;
    text-decoration: none !important;
}

body.wbh-frontend-workspace .wbh-client-row-copy > strong a:hover {
    text-decoration: underline !important;
}

body.wbh-frontend-workspace .wbh-client-row-copy small,
body.wbh-frontend-workspace .wbh-client-row-metric small {
    min-width: 0 !important;
    color: var(--ad-muted) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.wbh-frontend-workspace .wbh-client-row-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-top: 5px !important;
}

body.wbh-frontend-workspace .wbh-client-row-actions a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #f5f7ff !important;
    color: var(--ad-blue-dark) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.wbh-frontend-workspace .wbh-client-row-actions a:hover {
    background: rgba(56, 70, 246, .11) !important;
}

body.wbh-frontend-workspace .wbh-client-row-actions a.wbh-danger-link {
    background: #fff5f5 !important;
    color: #c2410c !important;
}

body.wbh-frontend-workspace .wbh-client-row-compact {
    justify-items: start !important;
}

body.wbh-frontend-workspace .wbh-client-row-card .wbh-status {
    width: max-content !important;
    margin: 0 !important;
}

body.wbh-frontend-workspace .wbh-client-row-card [data-label]::before {
    content: none !important;
}

@media (max-width: 1380px) {
    body.wbh-frontend-workspace .wbh-client-list-heading,
    body.wbh-frontend-workspace .wbh-client-row-card {
        grid-template-columns: minmax(220px, 1.6fr) minmax(160px, 1fr) minmax(125px, .85fr) minmax(105px, .65fr) minmax(80px, .45fr) minmax(95px, .55fr) !important;
    }

    body.wbh-frontend-workspace .wbh-client-list-heading span:nth-child(7),
    body.wbh-frontend-workspace .wbh-client-row-card > :nth-child(7) {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    body.wbh-frontend-workspace .wbh-client-list-heading {
        display: none !important;
    }

    body.wbh-frontend-workspace .wbh-client-row-card {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        align-items: start !important;
    }

    body.wbh-frontend-workspace .wbh-client-row-main {
        grid-column: 1 / -1 !important;
    }

    body.wbh-frontend-workspace .wbh-client-row-card [data-label] {
        padding-top: 18px !important;
        position: relative !important;
    }

    body.wbh-frontend-workspace .wbh-client-row-card [data-label]::before {
        content: attr(data-label) !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        color: #98a2b3 !important;
        font-size: 9px !important;
        font-weight: 950 !important;
        letter-spacing: .12em !important;
        text-transform: uppercase !important;
    }

    body.wbh-frontend-workspace .wbh-client-row-main[data-label] {
        padding-top: 0 !important;
    }

    body.wbh-frontend-workspace .wbh-client-row-main[data-label]::before {
        content: none !important;
    }
}

@media (max-width: 640px) {
    body.wbh-frontend-workspace .wbh-client-list-panel {
        padding: 12px !important;
    }

    body.wbh-frontend-workspace .wbh-client-row-card {
        grid-template-columns: 1fr !important;
        border-radius: 20px !important;
        padding: 14px !important;
    }

    body.wbh-frontend-workspace .wbh-client-row-main {
        align-items: flex-start !important;
    }

    body.wbh-frontend-workspace .wbh-client-row-actions {
        gap: 6px !important;
    }
}

/* AdminDock 0.8.20 - backend/frontend separation and responsive app list rework */
body.wbh-frontend-workspace .wbh-front-list-panel {
    padding: 16px !important;
    overflow: visible !important;
}

body.wbh-frontend-workspace .wbh-front-list-panel .wbh-toolbar {
    margin: 0 0 14px !important;
}

body.wbh-frontend-workspace .wbh-record-cards-list {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
}

body.wbh-frontend-workspace .wbh-record-list-heading,
body.wbh-frontend-workspace .wbh-record-row-card {
    display: grid !important;
    gap: 16px !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.wbh-frontend-workspace .wbh-invoice-cards-list .wbh-record-list-heading,
body.wbh-frontend-workspace .wbh-invoice-row-card {
    grid-template-columns: minmax(220px, 1.45fr) minmax(170px, 1fr) minmax(110px, .7fr) minmax(110px, .7fr) minmax(105px, .65fr) minmax(105px, .65fr) minmax(110px, .6fr) !important;
}

body.wbh-frontend-workspace .wbh-agreement-cards-list .wbh-record-list-heading,
body.wbh-frontend-workspace .wbh-agreement-row-card {
    grid-template-columns: minmax(230px, 1.55fr) minmax(180px, 1fr) minmax(115px, .7fr) minmax(115px, .7fr) minmax(110px, .65fr) minmax(115px, .6fr) !important;
}

body.wbh-frontend-workspace .wbh-task-cards-list .wbh-record-list-heading,
body.wbh-frontend-workspace .wbh-task-row-card {
    grid-template-columns: minmax(270px, 1.7fr) minmax(180px, 1fr) minmax(130px, .7fr) minmax(110px, .55fr) minmax(110px, .55fr) !important;
}

body.wbh-frontend-workspace .wbh-file-cards-list .wbh-record-list-heading,
body.wbh-frontend-workspace .wbh-file-row-card {
    grid-template-columns: minmax(260px, 1.6fr) minmax(180px, .95fr) minmax(120px, .65fr) minmax(110px, .65fr) minmax(90px, .5fr) minmax(120px, .65fr) !important;
}

body.wbh-frontend-workspace .wbh-record-list-heading {
    padding: 10px 16px !important;
    border-radius: 16px !important;
    background: #f8faff !important;
    border: 1px solid var(--ad-border, #e6e9f2) !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .12em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

body.wbh-frontend-workspace .wbh-record-row-card {
    padding: 16px !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    border: 1px solid var(--ad-border, #e6e9f2) !important;
    box-shadow: 0 14px 34px rgba(16, 24, 40, .055) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.wbh-frontend-workspace .wbh-record-row-card:hover {
    border-color: rgba(56, 70, 246, .22) !important;
    box-shadow: 0 20px 44px rgba(16, 24, 40, .08) !important;
    transform: translateY(-1px) !important;
}

body.wbh-frontend-workspace .wbh-record-row-main {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
}

body.wbh-frontend-workspace .wbh-record-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
}

body.wbh-frontend-workspace .wbh-record-avatar-blue {
    background: linear-gradient(135deg, rgba(56, 70, 246, .16), rgba(16, 191, 174, .12)) !important;
    color: var(--ad-blue-dark, #2438d9) !important;
}

body.wbh-frontend-workspace .wbh-record-avatar-purple {
    background: linear-gradient(135deg, rgba(124, 58, 237, .16), rgba(56, 70, 246, .12)) !important;
    color: #6d28d9 !important;
}

body.wbh-frontend-workspace .wbh-record-avatar-green {
    background: linear-gradient(135deg, rgba(16, 185, 129, .16), rgba(16, 191, 174, .12)) !important;
    color: #047857 !important;
}

body.wbh-frontend-workspace .wbh-record-row-copy,
body.wbh-frontend-workspace .wbh-record-row-metric {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}

body.wbh-frontend-workspace .wbh-record-row-copy > strong,
body.wbh-frontend-workspace .wbh-record-row-metric > strong {
    min-width: 0 !important;
    color: var(--ad-text, #111827) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

body.wbh-frontend-workspace .wbh-record-row-copy > strong a {
    color: var(--ad-blue-dark, #2438d9) !important;
    text-decoration: none !important;
}

body.wbh-frontend-workspace .wbh-record-row-copy > strong a:hover {
    text-decoration: underline !important;
}

body.wbh-frontend-workspace .wbh-record-row-copy small,
body.wbh-frontend-workspace .wbh-record-row-metric small {
    min-width: 0 !important;
    color: var(--ad-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-top: 5px !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #f5f7ff !important;
    color: var(--ad-blue-dark, #2438d9) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions a:hover {
    background: rgba(56, 70, 246, .11) !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions a.wbh-danger-link {
    background: #fff5f5 !important;
    color: #c2410c !important;
}

body.wbh-frontend-workspace .wbh-record-row-compact {
    justify-items: start !important;
}

body.wbh-frontend-workspace .wbh-record-row-card .wbh-status {
    width: max-content !important;
    margin: 0 !important;
}

body.wbh-frontend-workspace .wbh-record-row-card [data-label]::before {
    content: none !important;
}

body.wbh-frontend-workspace .wbh-row-overdue {
    border-color: rgba(239, 68, 68, .22) !important;
    background: linear-gradient(180deg, #fff, #fffafa) !important;
}

.wbh-sidebar-backend-card {
    background: #f8fafc !important;
    color: var(--ad-text, #111827) !important;
    border-color: var(--ad-border, #e6e9f2) !important;
    box-shadow: none !important;
}

.wbh-backend-mode-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid var(--ad-border, #e6e9f2) !important;
    color: var(--ad-muted, #667085) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

body:not(.wbh-frontend-workspace) .wbh-sidebar-nav a[href*="page=wbh-customers"],
body:not(.wbh-frontend-workspace) .wbh-sidebar-nav a[href*="page=wbh-invoices"],
body:not(.wbh-frontend-workspace) .wbh-sidebar-nav a[href*="page=wbh-quotes"],
body:not(.wbh-frontend-workspace) .wbh-sidebar-nav a[href*="page=wbh-tasks"],
body:not(.wbh-frontend-workspace) .wbh-sidebar-nav a[href*="page=wbh-files"],
body:not(.wbh-frontend-workspace) .wbh-sidebar-nav a[href*="page=wbh-reports"] {
    display: none !important;
}

@media (max-width: 1380px) {
    body.wbh-frontend-workspace .wbh-invoice-cards-list .wbh-record-list-heading,
    body.wbh-frontend-workspace .wbh-invoice-row-card,
    body.wbh-frontend-workspace .wbh-agreement-cards-list .wbh-record-list-heading,
    body.wbh-frontend-workspace .wbh-agreement-row-card,
    body.wbh-frontend-workspace .wbh-file-cards-list .wbh-record-list-heading,
    body.wbh-frontend-workspace .wbh-file-row-card {
        grid-template-columns: minmax(240px, 1.7fr) minmax(180px, 1fr) minmax(120px, .7fr) minmax(120px, .7fr) minmax(110px, .65fr) !important;
    }

    body.wbh-frontend-workspace .wbh-invoice-cards-list .wbh-record-list-heading span:nth-child(6),
    body.wbh-frontend-workspace .wbh-invoice-row-card > :nth-child(6),
    body.wbh-frontend-workspace .wbh-agreement-cards-list .wbh-record-list-heading span:nth-child(4),
    body.wbh-frontend-workspace .wbh-agreement-row-card > :nth-child(4),
    body.wbh-frontend-workspace .wbh-file-cards-list .wbh-record-list-heading span:nth-child(4),
    body.wbh-frontend-workspace .wbh-file-row-card > :nth-child(4) {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    body.wbh-frontend-workspace .wbh-record-list-heading {
        display: none !important;
    }

    body.wbh-frontend-workspace .wbh-record-row-card,
    body.wbh-frontend-workspace .wbh-invoice-row-card,
    body.wbh-frontend-workspace .wbh-agreement-row-card,
    body.wbh-frontend-workspace .wbh-task-row-card,
    body.wbh-frontend-workspace .wbh-file-row-card {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        align-items: start !important;
    }

    body.wbh-frontend-workspace .wbh-record-row-main {
        grid-column: 1 / -1 !important;
    }

    body.wbh-frontend-workspace .wbh-record-row-card [data-label] {
        padding-top: 18px !important;
        position: relative !important;
        display: grid !important;
    }

    body.wbh-frontend-workspace .wbh-record-row-card [data-label]::before {
        content: attr(data-label) !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        color: #98a2b3 !important;
        font-size: 9px !important;
        font-weight: 950 !important;
        letter-spacing: .12em !important;
        text-transform: uppercase !important;
    }

    body.wbh-frontend-workspace .wbh-record-row-main[data-label] {
        padding-top: 0 !important;
    }

    body.wbh-frontend-workspace .wbh-record-row-main[data-label]::before {
        content: none !important;
    }
}

@media (max-width: 640px) {
    body.wbh-frontend-workspace .wbh-front-list-panel {
        padding: 12px !important;
    }

    body.wbh-frontend-workspace .wbh-record-row-card,
    body.wbh-frontend-workspace .wbh-invoice-row-card,
    body.wbh-frontend-workspace .wbh-agreement-row-card,
    body.wbh-frontend-workspace .wbh-task-row-card,
    body.wbh-frontend-workspace .wbh-file-row-card {
        grid-template-columns: 1fr !important;
        border-radius: 20px !important;
        padding: 14px !important;
    }

    body.wbh-frontend-workspace .wbh-record-row-main {
        align-items: flex-start !important;
    }

    body.wbh-frontend-workspace .wbh-record-row-actions {
        gap: 6px !important;
    }

    .wbh-backend-mode-pill {
        display: none !important;
    }
}

/* AdminDock 0.8.21 - mockup-led refinement: focused top bar, app-style forms and cleaner detail screens. */
body.wbh-frontend-workspace .wbh-app-actions {
    gap: 10px !important;
}

body.wbh-frontend-workspace .wbh-topbar-new {
    min-height: 40px !important;
    border-radius: 12px !important;
    padding-inline: 14px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-shadow: none !important;
}

body.wbh-frontend-workspace .wbh-app-search {
    max-width: min(440px, 32vw) !important;
}

body.wbh-frontend-workspace .wbh-app-search input[type="search"] {
    height: 42px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border-color: rgba(16, 24, 40, .08) !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .035) !important;
}

body.wbh-frontend-workspace .wbh-screen-header,
body.wbh-frontend-workspace .wbh-page-header {
    border: 1px solid rgba(226, 232, 240, .95) !important;
    background: linear-gradient(135deg, #fff 0%, #f8fbff 100%) !important;
    box-shadow: 0 18px 46px rgba(16, 24, 40, .055) !important;
    border-radius: 26px !important;
}

body.wbh-frontend-workspace .wbh-page-header h1,
body.wbh-frontend-workspace .wbh-screen-header h1 {
    letter-spacing: -.04em !important;
}

body.wbh-frontend-workspace .wbh-kicker {
    width: max-content !important;
    border: 1px solid rgba(56, 70, 246, .14) !important;
    background: rgba(56, 70, 246, .07) !important;
    color: var(--ad-blue-dark, #2438d9) !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    line-height: 1 !important;
}

body.wbh-frontend-workspace .wbh-summary-grid .wbh-stat-card {
    border-radius: 22px !important;
    padding: 18px !important;
    background: #fff !important;
    border-color: rgba(226, 232, 240, .95) !important;
    box-shadow: 0 14px 34px rgba(16, 24, 40, .045) !important;
}

body.wbh-frontend-workspace .wbh-front-list-panel {
    border-radius: 26px !important;
    background: #fff !important;
}

body.wbh-frontend-workspace .wbh-toolbar {
    border-radius: 20px !important;
    background: #f8fafc !important;
    padding: 12px !important;
    gap: 10px !important;
    border: 1px solid rgba(226, 232, 240, .9) !important;
}

body.wbh-frontend-workspace .wbh-toolbar input,
body.wbh-frontend-workspace .wbh-toolbar select {
    min-height: 40px !important;
    border-radius: 12px !important;
    border-color: rgba(208, 213, 221, .85) !important;
    background-color: #fff !important;
}

body.wbh-frontend-workspace .wbh-form-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.wbh-frontend-workspace .wbh-form-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

body.wbh-frontend-workspace .wbh-form-grid > .wbh-panel,
body.wbh-frontend-workspace .wbh-form-panel > .wbh-panel {
    border-radius: 26px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    background: #fff !important;
    box-shadow: 0 18px 46px rgba(16, 24, 40, .05) !important;
    padding: 22px !important;
}

body.wbh-frontend-workspace .wbh-form-grid .wbh-panel-full {
    grid-column: 1 / -1 !important;
}

body.wbh-frontend-workspace .wbh-panel > h2,
body.wbh-frontend-workspace .wbh-panel-header h2 {
    margin-top: 0 !important;
    letter-spacing: -.025em !important;
    color: var(--ad-text, #111827) !important;
}

body.wbh-frontend-workspace .form-table,
body.wbh-frontend-workspace .form-table tbody,
body.wbh-frontend-workspace .form-table tr,
body.wbh-frontend-workspace .form-table th,
body.wbh-frontend-workspace .form-table td {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
}

body.wbh-frontend-workspace .form-table tr {
    padding: 13px 0 !important;
    border-bottom: 1px solid rgba(226, 232, 240, .8) !important;
}

body.wbh-frontend-workspace .form-table tr:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.wbh-frontend-workspace .form-table th,
body.wbh-frontend-workspace .form-table th label {
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    margin: 0 0 7px !important;
}

body.wbh-frontend-workspace .form-table td input:not([type="checkbox"]):not([type="radio"]),
body.wbh-frontend-workspace .form-table td select,
body.wbh-frontend-workspace .form-table td textarea,
body.wbh-frontend-workspace .wbh-form-panel input:not([type="checkbox"]):not([type="radio"]),
body.wbh-frontend-workspace .wbh-form-panel select,
body.wbh-frontend-workspace .wbh-form-panel textarea {
    width: 100% !important;
    max-width: none !important;
    min-height: 42px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(208, 213, 221, .9) !important;
    background: #fff !important;
    color: var(--ad-text, #111827) !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .03) !important;
}

body.wbh-frontend-workspace .wbh-form-panel textarea {
    min-height: 110px !important;
}

body.wbh-frontend-workspace .wbh-invoice-items-wrap {
    overflow-x: auto !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 18px !important;
    background: #fff !important;
}

body.wbh-frontend-workspace .wbh-invoice-items-table {
    border: 0 !important;
    margin: 0 !important;
    min-width: 820px !important;
}

body.wbh-frontend-workspace .wbh-invoice-items-table th {
    background: #f8fafc !important;
    color: #667085 !important;
    font-size: 11px !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(226, 232, 240, .9) !important;
}

body.wbh-frontend-workspace .wbh-invoice-items-table td {
    vertical-align: middle !important;
    border-bottom: 1px solid rgba(226, 232, 240, .75) !important;
}

body.wbh-frontend-workspace .wbh-invoice-totals-box {
    max-width: 420px !important;
    margin-left: auto !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #f8fbff, #fff) !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
}

body.wbh-frontend-workspace p.submit {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    margin: 22px 0 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(226, 232, 240, .9) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .94) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 -12px 32px rgba(16, 24, 40, .055) !important;
}

body.wbh-frontend-workspace .wbh-invoice-layout {
    margin-top: 18px !important;
}

body.wbh-frontend-workspace .wbh-invoice-paper {
    border-radius: 28px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    box-shadow: 0 24px 70px rgba(16, 24, 40, .08) !important;
}

body.wbh-frontend-workspace .wbh-print-tip {
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(56, 70, 246, .14) !important;
    color: #344054 !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions a:nth-child(n+5) {
    display: none !important;
}

@media (max-width: 1180px) {
    body.wbh-frontend-workspace .wbh-app-search {
        max-width: none !important;
        flex: 1 1 100% !important;
        order: 3 !important;
    }

    body.wbh-frontend-workspace .wbh-form-grid {
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-page-header,
    body.wbh-frontend-workspace .wbh-screen-header {
        border-radius: 22px !important;
    }
}

@media (max-width: 782px) {
    body.wbh-frontend-workspace .wbh-app-actions .wbh-topbar-new {
        display: none !important;
    }

    body.wbh-frontend-workspace .wbh-form-grid > .wbh-panel,
    body.wbh-frontend-workspace .wbh-form-panel > .wbh-panel {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    body.wbh-frontend-workspace p.submit {
        position: static !important;
    }
}

/* AdminDock 0.8.22 - mockup-led focused workspace polish */
body.wbh-frontend-workspace .wbh-page-header,
body.wbh-frontend-workspace .wbh-screen-header,
body.wbh-frontend-workspace .wbh-clients-header {
    background:
        radial-gradient(circle at top right, rgba(56, 70, 246, .10), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    box-shadow: 0 18px 46px rgba(16, 24, 40, .045) !important;
    padding: 24px !important;
}

body.wbh-frontend-workspace .wbh-page-header h1,
body.wbh-frontend-workspace .wbh-screen-header h1,
body.wbh-frontend-workspace .wbh-clients-header h1 {
    font-size: clamp(28px, 3vw, 42px) !important;
    letter-spacing: -.045em !important;
}

body.wbh-frontend-workspace .wbh-page-header p:not(.wbh-kicker),
body.wbh-frontend-workspace .wbh-screen-header p:not(.wbh-kicker),
body.wbh-frontend-workspace .wbh-clients-header p:not(.wbh-kicker) {
    max-width: 720px !important;
    color: #667085 !important;
}

body.wbh-frontend-workspace .wbh-summary-grid {
    align-items: stretch !important;
}

body.wbh-frontend-workspace .wbh-stat-card-link {
    color: inherit !important;
    text-decoration: none !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
        "icon label"
        "icon value"
        "icon hint" !important;
    column-gap: 14px !important;
    align-items: center !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

body.wbh-frontend-workspace .wbh-stat-card-link:hover,
body.wbh-frontend-workspace .wbh-stat-card-link:focus {
    transform: translateY(-2px) !important;
    box-shadow: 0 20px 54px rgba(56, 70, 246, .10) !important;
    border-color: rgba(56, 70, 246, .24) !important;
    outline: none !important;
}

body.wbh-frontend-workspace .wbh-stat-card-link .wbh-stat-icon {
    grid-area: icon !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
}

body.wbh-frontend-workspace .wbh-stat-card-link p {
    grid-area: label !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .065em !important;
    text-transform: uppercase !important;
}

body.wbh-frontend-workspace .wbh-stat-card-link strong {
    grid-area: value !important;
    margin: 2px 0 !important;
    color: #111827 !important;
    font-size: 28px !important;
    letter-spacing: -.04em !important;
}

body.wbh-frontend-workspace .wbh-stat-card-link em {
    grid-area: hint !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 1.4 !important;
}

body.wbh-frontend-workspace .wbh-client-summary-grid {
    margin-bottom: 18px !important;
}

body.wbh-frontend-workspace .wbh-front-list-panel {
    padding: 18px !important;
}

body.wbh-frontend-workspace .wbh-record-cards-list,
body.wbh-frontend-workspace .wbh-client-cards-list {
    gap: 10px !important;
}

body.wbh-frontend-workspace .wbh-record-list-heading,
body.wbh-frontend-workspace .wbh-client-list-heading {
    background: #f8fafc !important;
    border: 1px solid rgba(226, 232, 240, .9) !important;
    border-radius: 16px !important;
    padding: 12px 16px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
}

body.wbh-frontend-workspace .wbh-record-row-card,
body.wbh-frontend-workspace .wbh-client-row-card {
    border: 1px solid rgba(226, 232, 240, .92) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(16, 24, 40, .035) !important;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease !important;
}

body.wbh-frontend-workspace .wbh-record-row-card:hover,
body.wbh-frontend-workspace .wbh-client-row-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 42px rgba(16, 24, 40, .06) !important;
    border-color: rgba(56, 70, 246, .20) !important;
}

body.wbh-frontend-workspace .wbh-record-row-main,
body.wbh-frontend-workspace .wbh-client-row-main {
    min-width: 0 !important;
}

body.wbh-frontend-workspace .wbh-record-row-copy strong,
body.wbh-frontend-workspace .wbh-client-row-copy strong {
    letter-spacing: -.02em !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions,
body.wbh-frontend-workspace .wbh-client-row-actions {
    gap: 6px !important;
    margin-top: 8px !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions a,
body.wbh-frontend-workspace .wbh-client-row-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    color: #3846f6 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions a:hover,
body.wbh-frontend-workspace .wbh-client-row-actions a:hover {
    background: #3846f6 !important;
    color: #fff !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions .wbh-danger-link,
body.wbh-frontend-workspace .wbh-client-row-actions .wbh-danger-link {
    background: #fff1f3 !important;
    color: #d92d20 !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions .wbh-danger-link:hover,
body.wbh-frontend-workspace .wbh-client-row-actions .wbh-danger-link:hover {
    background: #d92d20 !important;
    color: #fff !important;
}

body.wbh-frontend-workspace .wbh-status {
    border-radius: 999px !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

body.wbh-frontend-workspace .wbh-toolbar .button {
    min-height: 40px !important;
    border-radius: 12px !important;
}

body.wbh-frontend-workspace .wbh-toolbar .button-link {
    text-decoration: none !important;
    background: transparent !important;
}

@media (max-width: 980px) {
    body.wbh-frontend-workspace .wbh-stat-card-link {
        grid-template-columns: auto 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-record-list-heading,
    body.wbh-frontend-workspace .wbh-client-list-heading {
        display: none !important;
    }
}

@media (max-width: 640px) {
    body.wbh-frontend-workspace .wbh-page-header,
    body.wbh-frontend-workspace .wbh-screen-header,
    body.wbh-frontend-workspace .wbh-clients-header {
        padding: 18px !important;
    }

    body.wbh-frontend-workspace .wbh-summary-grid {
        grid-template-columns: 1fr !important;
    }

    body.wbh-frontend-workspace .wbh-stat-card-link strong {
        font-size: 24px !important;
    }

    body.wbh-frontend-workspace .wbh-front-list-panel {
        padding: 12px !important;
    }
}
body.wbh-frontend-workspace .wbh-stat-amber,
.wbh-stat-amber { background: rgba(245, 158, 11, 0.14); }

/* AdminDock 0.8.23 - stop short front-end pages creating unnecessary blank vertical scroll */
body.wbh-frontend-workspace {
    min-height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap {
    box-sizing: border-box !important;
    min-height: auto !important;
    height: auto !important;
    align-content: start !important;
    align-items: start !important;
    grid-auto-rows: auto !important;
    padding-bottom: 18px !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-sidebar {
    grid-row: 1 !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > :not(.wbh-app-sidebar) {
    grid-row: auto !important;
}

body.wbh-frontend-workspace .wbh-front-list-panel,
body.wbh-frontend-workspace .wbh-client-list-panel,
body.wbh-frontend-workspace .wbh-panel:last-child {
    margin-bottom: 0 !important;
}

@supports (height: 100dvh) {
    body.wbh-frontend-workspace {
        min-height: 100dvh !important;
    }
}

/* AdminDock 0.8.24 - app shell spacing review
   Use a real main content column so sticky sidebar height cannot create blank gaps. */
body.wbh-frontend-workspace {
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap {
    display: grid !important;
    grid-template-columns: minmax(232px, 266px) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    align-content: start !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-sidebar {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-topbar.wbh-app-header {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-main {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > :not(.wbh-app-sidebar):not(.wbh-app-topbar):not(.wbh-app-main):not(.wbh-sidebar-scrim) {
    grid-column: 2 !important;
}

body.wbh-frontend-workspace .wbh-sidebar-scrim {
    display: none !important;
}

body.wbh-frontend-workspace .wbh-app-sidebar {
    position: sticky !important;
    top: 18px !important;
    align-self: start !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 36px) !important;
    overflow: auto !important;
}

body.wbh-frontend-workspace .wbh-app-main {
    display: grid !important;
    gap: 18px !important;
    align-self: start !important;
    align-content: start !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
}

body.wbh-frontend-workspace .wbh-app-main > * {
    min-width: 0 !important;
    margin-top: 0 !important;
}

body.wbh-frontend-workspace .wbh-app-main > *:last-child {
    margin-bottom: 0 !important;
}

body.wbh-frontend-workspace .wbh-app-topbar.wbh-app-header {
    align-self: start !important;
    margin: 0 !important;
}

body.wbh-frontend-workspace .wbh-page-header,
body.wbh-frontend-workspace .wbh-screen-header,
body.wbh-frontend-workspace .wbh-clients-header,
body.wbh-frontend-workspace .wbh-home-hero {
    margin-top: 0 !important;
}

body.wbh-frontend-workspace .wbh-front-list-panel,
body.wbh-frontend-workspace .wbh-client-list-panel,
body.wbh-frontend-workspace .wbh-panel,
body.wbh-frontend-workspace .wbh-table-card {
    align-self: start !important;
}

@supports (height: 100dvh) {
    body.wbh-frontend-workspace {
        min-height: 100dvh !important;
    }

    body.wbh-frontend-workspace .wbh-app-sidebar {
        max-height: calc(100dvh - 36px) !important;
    }
}

@media (max-width: 980px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 12px !important;
        padding: 12px !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-topbar.wbh-app-header {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-main {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-sidebar {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    body.wbh-frontend-workspace .wbh-app-sidebar {
        position: fixed !important;
        top: 12px !important;
        left: 12px !important;
        bottom: 12px !important;
        width: min(86vw, 320px) !important;
        height: auto !important;
        max-height: none !important;
        transform: translateX(calc(-100% - 24px)) !important;
    }

    body.wbh-frontend-workspace .wbh-sidebar-scrim {
        position: fixed !important;
        inset: 0 !important;
        display: block !important;
        visibility: hidden !important;
        opacity: 0 !important;
        border: 0 !important;
        background: rgba(15, 23, 42, .32) !important;
        backdrop-filter: blur(3px) !important;
        z-index: 999 !important;
        transition: opacity .22s ease, visibility .22s ease !important;
    }

    body.wbh-sidebar-open .wbh-sidebar-scrim {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* AdminDock 0.8.26 - proper app column shell fix
   The sidebar must not span content rows. It sits in column one, while the topbar and page
   content live together in a single app column. This removes the blank space that appeared
   above every /admindock page. */
body.wbh-frontend-workspace .wrap.wbh-wrap {
    display: grid !important;
    grid-template-columns: minmax(232px, 266px) minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    align-content: start !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-sidebar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 18px !important;
    align-content: start !important;
    align-items: start !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column > .wbh-app-topbar.wbh-app-header {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    align-self: start !important;
    margin: 0 !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column > .wbh-app-main {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    align-content: start !important;
    align-items: start !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
}

body.wbh-frontend-workspace .wbh-app-main > *,
body.wbh-frontend-workspace .wbh-app-column > * {
    min-width: 0 !important;
}

body.wbh-frontend-workspace .wbh-app-main > *:first-child {
    margin-top: 0 !important;
}

body.wbh-frontend-workspace .wbh-app-main > *:last-child {
    margin-bottom: 0 !important;
}

/* Fallback if a view ever renders without the app column wrapper. */
body.wbh-frontend-workspace .wrap.wbh-wrap > :not(.wbh-app-sidebar):not(.wbh-app-column):not(.wbh-sidebar-scrim) {
    grid-column: 2 !important;
    min-width: 0 !important;
    align-self: start !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-sidebar-scrim {
    display: none !important;
}

@media (max-width: 1180px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap {
        grid-template-columns: minmax(218px, 238px) minmax(0, 1fr) !important;
        gap: 14px !important;
    }
}

@media (max-width: 980px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        gap: 12px !important;
        padding: 12px !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column {
        grid-column: 1 !important;
        grid-row: 1 !important;
        gap: 12px !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column > .wbh-app-main {
        gap: 12px !important;
        padding-bottom: 12px !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-sidebar {
        grid-column: 1 !important;
        grid-row: 1 !important;
        position: fixed !important;
        top: 12px !important;
        left: 12px !important;
        bottom: 12px !important;
        width: min(86vw, 320px) !important;
        height: auto !important;
        max-height: none !important;
        transform: translateX(calc(-100% - 24px)) !important;
        transition: transform .22s ease !important;
        z-index: 1000 !important;
    }

    body.wbh-sidebar-open .wrap.wbh-wrap > .wbh-app-sidebar {
        transform: translateX(0) !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-sidebar-scrim {
        position: fixed !important;
        inset: 0 !important;
        display: block !important;
        visibility: hidden !important;
        opacity: 0 !important;
        border: 0 !important;
        background: rgba(15, 23, 42, .32) !important;
        backdrop-filter: blur(3px) !important;
        z-index: 999 !important;
        transition: opacity .22s ease, visibility .22s ease !important;
    }

    body.wbh-sidebar-open .wrap.wbh-wrap > .wbh-sidebar-scrim {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap {
        padding: 8px !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column,
    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column > .wbh-app-main {
        gap: 10px !important;
    }
}

/* AdminDock 0.8.26 - practical CRM scale pass
   Bring the front-end app down from mockup/hero sizing to normal day-to-day CRM sizing. */
body.wbh-frontend-workspace {
    --ad-shadow: 0 10px 28px rgba(16, 24, 40, .055) !important;
    --ad-radius: 16px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap {
    grid-template-columns: minmax(210px, 230px) minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column {
    gap: 12px !important;
}

body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column > .wbh-app-main,
body.wbh-frontend-workspace .wbh-app-main,
body.wbh-frontend-workspace .wbh-dashboard-shell {
    gap: 12px !important;
    padding-bottom: 12px !important;
}

body.wbh-frontend-workspace .wbh-app-sidebar {
    top: 12px !important;
    max-height: calc(100vh - 24px) !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(16, 24, 40, .07) !important;
}

@supports (height: 100dvh) {
    body.wbh-frontend-workspace .wbh-app-sidebar {
        max-height: calc(100dvh - 24px) !important;
    }
}

body.wbh-frontend-workspace .wbh-app-topbar.wbh-app-header {
    top: 12px !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .055) !important;
}

body.wbh-frontend-workspace .wbh-topbar-context {
    gap: 1px !important;
}

body.wbh-frontend-workspace .wbh-topbar-context span {
    font-size: 10px !important;
    letter-spacing: .08em !important;
}

body.wbh-frontend-workspace .wbh-topbar-context strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
}

body.wbh-frontend-workspace .wbh-topbar-context small {
    max-width: 680px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}

body.wbh-frontend-workspace .wbh-app-header .wbh-app-search {
    min-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
}

body.wbh-frontend-workspace .wbh-app-header .wbh-app-search input[type="search"] {
    min-height: 34px !important;
    font-size: 12px !important;
}

body.wbh-frontend-workspace .button,
body.wbh-frontend-workspace button,
body.wbh-frontend-workspace input[type="submit"],
body.wbh-frontend-workspace .wbh-topbar-new {
    min-height: 34px !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.wbh-frontend-workspace input[type="text"],
body.wbh-frontend-workspace input[type="email"],
body.wbh-frontend-workspace input[type="password"],
body.wbh-frontend-workspace input[type="number"],
body.wbh-frontend-workspace input[type="search"],
body.wbh-frontend-workspace input[type="url"],
body.wbh-frontend-workspace input[type="date"],
body.wbh-frontend-workspace input[type="time"],
body.wbh-frontend-workspace select,
body.wbh-frontend-workspace textarea {
    min-height: 36px !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
}

body.wbh-frontend-workspace .wbh-account-pill {
    min-height: 36px !important;
    gap: 8px !important;
    max-width: 220px !important;
    padding: 3px 10px 3px 4px !important;
}

body.wbh-frontend-workspace .wbh-account-pill .wbh-user-pill {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
    font-size: 11px !important;
}

body.wbh-frontend-workspace .wbh-account-copy strong {
    max-width: 140px !important;
    font-size: 11px !important;
}

body.wbh-frontend-workspace .wbh-account-copy small {
    max-width: 138px !important;
    padding: 2px 6px !important;
    font-size: 9px !important;
}

body.wbh-frontend-workspace .wbh-sidebar-brand,
body.wbh-frontend-workspace .wbh-sidebar-company {
    gap: 9px !important;
}

body.wbh-frontend-workspace .wbh-app-logo,
body.wbh-frontend-workspace .wbh-sidebar-company-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
}

body.wbh-frontend-workspace .wbh-sidebar-brand strong,
body.wbh-frontend-workspace .wbh-sidebar-company strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
}

body.wbh-frontend-workspace .wbh-sidebar-brand small,
body.wbh-frontend-workspace .wbh-sidebar-company small,
body.wbh-frontend-workspace .wbh-sidebar-label,
body.wbh-frontend-workspace .wbh-sidebar-upgrade small {
    font-size: 10px !important;
    line-height: 1.25 !important;
}

body.wbh-frontend-workspace .wbh-sidebar-nav {
    gap: 5px !important;
}

body.wbh-frontend-workspace .wbh-sidebar-nav a,
body.wbh-frontend-workspace .wbh-sidebar-back {
    min-height: 34px !important;
    gap: 8px !important;
    padding: 7px 9px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

body.wbh-frontend-workspace .wbh-sidebar-icon {
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

body.wbh-frontend-workspace .wbh-sidebar-upgrade,
body.wbh-frontend-workspace .wbh-sidebar-backend-card {
    padding: 10px !important;
    border-radius: 14px !important;
}

body.wbh-frontend-workspace .wbh-page-header,
body.wbh-frontend-workspace .wbh-screen-header,
body.wbh-frontend-workspace .wbh-clients-header,
body.wbh-frontend-workspace .wbh-home-hero,
body.wbh-frontend-workspace .wbh-panel,
body.wbh-frontend-workspace .wbh-table-card,
body.wbh-frontend-workspace .wbh-stat-card,
body.wbh-frontend-workspace .wbh-command-card,
body.wbh-frontend-workspace .wbh-custom-panel,
body.wbh-frontend-workspace .wbh-client-hero,
body.wbh-frontend-workspace .wbh-front-list-panel,
body.wbh-frontend-workspace .wbh-client-list-panel {
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .05) !important;
}

body.wbh-frontend-workspace .wbh-page-header,
body.wbh-frontend-workspace .wbh-screen-header,
body.wbh-frontend-workspace .wbh-clients-header,
body.wbh-frontend-workspace .wbh-home-hero {
    padding: 14px 16px !important;
    margin-bottom: 0 !important;
}

body.wbh-frontend-workspace .wbh-panel,
body.wbh-frontend-workspace .wbh-table-card,
body.wbh-frontend-workspace .wbh-front-list-panel,
body.wbh-frontend-workspace .wbh-client-list-panel {
    padding: 12px !important;
}

body.wbh-frontend-workspace .wbh-app-main h1,
body.wbh-frontend-workspace .wbh-page-header h1,
body.wbh-frontend-workspace .wbh-screen-header h1,
body.wbh-frontend-workspace .wbh-clients-header h1,
body.wbh-frontend-workspace .wbh-home-hero-copy h1,
body.wbh-frontend-workspace .wbh-home-hero h1,
body.wbh-frontend-workspace .wbh-hero h2 {
    font-size: clamp(22px, 1.8vw, 28px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    margin-bottom: 4px !important;
}

body.wbh-frontend-workspace .wbh-app-main h2,
body.wbh-frontend-workspace .wbh-panel h2,
body.wbh-frontend-workspace .wbh-mockup-module h2,
body.wbh-frontend-workspace .wbh-focus-card h2 {
    font-size: clamp(16px, 1.25vw, 19px) !important;
    line-height: 1.2 !important;
    letter-spacing: -.025em !important;
}

body.wbh-frontend-workspace .wbh-app-main h3,
body.wbh-frontend-workspace .wbh-panel h3,
body.wbh-frontend-workspace .wbh-panel-header h3 {
    font-size: 14px !important;
    line-height: 1.25 !important;
}

body.wbh-frontend-workspace .wbh-page-header p,
body.wbh-frontend-workspace .wbh-screen-header p,
body.wbh-frontend-workspace .wbh-clients-header p,
body.wbh-frontend-workspace .wbh-home-hero-copy p,
body.wbh-frontend-workspace .wbh-home-hero p,
body.wbh-frontend-workspace .wbh-panel p,
body.wbh-frontend-workspace .wbh-mockup-module p,
body.wbh-frontend-workspace .wbh-focus-card p {
    font-size: 12px !important;
    line-height: 1.45 !important;
}

body.wbh-frontend-workspace .wbh-kicker,
body.wbh-frontend-workspace .wbh-hero-meta-row span,
body.wbh-frontend-workspace .wbh-command-card small,
body.wbh-frontend-workspace .wbh-money-strip span,
body.wbh-frontend-workspace .wbh-cashflow-caption span,
body.wbh-frontend-workspace .wbh-record-list-heading,
body.wbh-frontend-workspace .wbh-client-list-heading {
    font-size: 9px !important;
    letter-spacing: .08em !important;
}

body.wbh-frontend-workspace .wbh-card-grid,
body.wbh-frontend-workspace .wbh-stats-grid,
body.wbh-frontend-workspace .wbh-command-grid,
body.wbh-frontend-workspace .wbh-home-layout,
body.wbh-frontend-workspace .wbh-home-lower-grid,
body.wbh-frontend-workspace .wbh-home-footer-grid,
body.wbh-frontend-workspace .wbh-focus-grid,
body.wbh-frontend-workspace .wbh-mockup-modules,
body.wbh-frontend-workspace .wbh-client-workspace-grid,
body.wbh-frontend-workspace .wbh-reports-layout {
    gap: 12px !important;
    margin-bottom: 0 !important;
}

body.wbh-frontend-workspace .wbh-stat-card,
body.wbh-frontend-workspace .wbh-command-card,
body.wbh-frontend-workspace .wbh-mockup-module,
body.wbh-frontend-workspace .wbh-focus-card,
body.wbh-frontend-workspace .wbh-addon-card {
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
}

body.wbh-frontend-workspace .wbh-stat-card strong,
body.wbh-frontend-workspace .wbh-command-card strong,
body.wbh-frontend-workspace .wbh-health-grid strong,
body.wbh-frontend-workspace .wbh-focus-metric strong,
body.wbh-frontend-workspace .wbh-cashflow-caption strong {
    font-size: clamp(18px, 1.6vw, 24px) !important;
    line-height: 1.05 !important;
}

body.wbh-frontend-workspace .wbh-stat-card p,
body.wbh-frontend-workspace .wbh-stat-card small,
body.wbh-frontend-workspace .wbh-command-card p,
body.wbh-frontend-workspace .wbh-command-card small,
body.wbh-frontend-workspace .wbh-focus-card small,
body.wbh-frontend-workspace .wbh-health-grid small {
    font-size: 11px !important;
    line-height: 1.35 !important;
}

body.wbh-frontend-workspace .wbh-stat-icon,
body.wbh-frontend-workspace .wbh-mockup-module-icon,
body.wbh-frontend-workspace .wbh-focus-icon,
body.wbh-frontend-workspace .wbh-record-avatar,
body.wbh-frontend-workspace .wbh-client-row-main .wbh-client-avatar {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
}

body.wbh-frontend-workspace .wbh-home-feature-pills,
body.wbh-frontend-workspace .wbh-hero-meta-row,
body.wbh-frontend-workspace .wbh-hero-cta-row,
body.wbh-frontend-workspace .wbh-toolbar,
body.wbh-frontend-workspace .wbh-panel-header {
    gap: 8px !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
}

body.wbh-frontend-workspace .wbh-home-feature-pills span,
body.wbh-frontend-workspace .wbh-hero-meta-row span,
body.wbh-frontend-workspace .wbh-status,
body.wbh-frontend-workspace .wbh-pill,
body.wbh-frontend-workspace .wbh-chip {
    min-height: 24px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
}

body.wbh-frontend-workspace .wbh-cashflow-visual {
    min-height: 108px !important;
    padding: 12px !important;
    border-radius: 16px !important;
}

body.wbh-frontend-workspace .wbh-cashflow-bars {
    min-height: 78px !important;
}

body.wbh-frontend-workspace .wbh-cashflow-bars span {
    min-width: 12px !important;
}

body.wbh-frontend-workspace .wbh-cashflow-caption {
    min-width: 124px !important;
    padding: 10px !important;
    border-radius: 14px !important;
}

body.wbh-frontend-workspace .wbh-action-stack {
    gap: 8px !important;
}

body.wbh-frontend-workspace .wbh-action-stack a {
    min-height: 40px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
}

body.wbh-frontend-workspace .wbh-record-cards-list,
body.wbh-frontend-workspace .wbh-client-cards-list,
body.wbh-frontend-workspace .wbh-record-list,
body.wbh-frontend-workspace .wbh-task-mini-list,
body.wbh-frontend-workspace .wbh-file-mini-list,
body.wbh-frontend-workspace .wbh-activity-list {
    gap: 8px !important;
}

body.wbh-frontend-workspace .wbh-record-list-heading,
body.wbh-frontend-workspace .wbh-client-list-heading {
    padding: 8px 10px !important;
    border-radius: 12px !important;
}

body.wbh-frontend-workspace .wbh-record-row-card,
body.wbh-frontend-workspace .wbh-client-row-card {
    gap: 10px !important;
    padding: 10px !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(16, 24, 40, .045) !important;
}

body.wbh-frontend-workspace .wbh-record-row-main,
body.wbh-frontend-workspace .wbh-client-row-main {
    gap: 9px !important;
}

body.wbh-frontend-workspace .wbh-record-row-copy,
body.wbh-frontend-workspace .wbh-record-row-metric,
body.wbh-frontend-workspace .wbh-client-row-copy,
body.wbh-frontend-workspace .wbh-client-row-metric {
    gap: 2px !important;
}

body.wbh-frontend-workspace .wbh-record-row-copy > strong,
body.wbh-frontend-workspace .wbh-record-row-metric > strong,
body.wbh-frontend-workspace .wbh-client-row-copy > strong,
body.wbh-frontend-workspace .wbh-client-row-metric > strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
}

body.wbh-frontend-workspace .wbh-record-row-copy small,
body.wbh-frontend-workspace .wbh-record-row-metric small,
body.wbh-frontend-workspace .wbh-client-row-copy small,
body.wbh-frontend-workspace .wbh-client-row-metric small {
    font-size: 11px !important;
    line-height: 1.25 !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions,
body.wbh-frontend-workspace .wbh-client-row-actions {
    gap: 4px !important;
    margin-top: 3px !important;
}

body.wbh-frontend-workspace .wbh-record-row-actions a,
body.wbh-frontend-workspace .wbh-client-row-actions a {
    min-height: 22px !important;
    padding: 0 7px !important;
    font-size: 10px !important;
}

body.wbh-frontend-workspace table,
body.wbh-frontend-workspace .wbh-table,
body.wbh-frontend-workspace .wp-list-table,
body.wbh-frontend-workspace .wbh-invoice-items-table {
    font-size: 12px !important;
}

body.wbh-frontend-workspace th,
body.wbh-frontend-workspace td {
    padding: 8px 10px !important;
}

@media (max-width: 1180px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap {
        grid-template-columns: minmax(198px, 218px) minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body.wbh-frontend-workspace .wbh-app-topbar.wbh-app-header {
        grid-template-columns: max-content minmax(160px, 1fr) minmax(180px, 0.9fr) max-content !important;
    }
}

@media (max-width: 980px) {
    body.wbh-frontend-workspace .wrap.wbh-wrap,
    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column,
    body.wbh-frontend-workspace .wrap.wbh-wrap > .wbh-app-column > .wbh-app-main {
        gap: 10px !important;
    }

    body.wbh-frontend-workspace .wbh-app-sidebar {
        top: 10px !important;
        left: 10px !important;
        bottom: 10px !important;
        width: min(84vw, 290px) !important;
    }

    body.wbh-frontend-workspace .wbh-app-topbar.wbh-app-header {
        top: 10px !important;
        grid-template-columns: max-content minmax(0, 1fr) !important;
    }

    body.wbh-frontend-workspace .wbh-app-main h1,
    body.wbh-frontend-workspace .wbh-page-header h1,
    body.wbh-frontend-workspace .wbh-screen-header h1,
    body.wbh-frontend-workspace .wbh-clients-header h1,
    body.wbh-frontend-workspace .wbh-home-hero-copy h1,
    body.wbh-frontend-workspace .wbh-home-hero h1,
    body.wbh-frontend-workspace .wbh-hero h2 {
        font-size: clamp(20px, 5vw, 24px) !important;
    }
}

@media (max-width: 560px) {
    body.wbh-frontend-workspace {
        font-size: 12px !important;
    }

    body.wbh-frontend-workspace .wrap.wbh-wrap {
        padding: 8px !important;
    }

    body.wbh-frontend-workspace .wbh-page-header,
    body.wbh-frontend-workspace .wbh-screen-header,
    body.wbh-frontend-workspace .wbh-clients-header,
    body.wbh-frontend-workspace .wbh-home-hero,
    body.wbh-frontend-workspace .wbh-panel,
    body.wbh-frontend-workspace .wbh-table-card,
    body.wbh-frontend-workspace .wbh-front-list-panel,
    body.wbh-frontend-workspace .wbh-client-list-panel {
        padding: 10px !important;
        border-radius: 14px !important;
    }
}

/* AdminDock 0.8.27 - focused CRM working-screen polish
   Keep the mockup identity, but reduce duplicate chrome and make /admindock
   feel like a practical day-to-day CRM rather than a marketing landing page. */
body.wbh-frontend-workspace .wbh-app-overview-hero {
    min-height: 0 !important;
    padding: 16px !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
    align-items: stretch !important;
    border-radius: 18px !important;
}

body.wbh-frontend-workspace .wbh-app-overview-hero::after {
    opacity: .08 !important;
}

body.wbh-frontend-workspace .wbh-home-hero-copy {
    gap: 8px !important;
}

body.wbh-frontend-workspace .wbh-app-overview-hero h1 {
    font-size: clamp(22px, 2vw, 30px) !important;
    max-width: 760px !important;
    margin: 0 !important;
}

body.wbh-frontend-workspace .wbh-app-overview-hero p {
    max-width: 760px !important;
    margin: 0 !important;
    font-size: 13px !important;
}

body.wbh-frontend-workspace .wbh-home-feature-pills {
    display: none !important;
}

body.wbh-frontend-workspace .wbh-hero-cta-row {
    display: none !important;
}

body.wbh-frontend-workspace .wbh-today-card {
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
}

body.wbh-frontend-workspace .wbh-today-metrics {
    gap: 8px !important;
}

body.wbh-frontend-workspace .wbh-today-metrics div {
    padding: 8px !important;
    border-radius: 12px !important;
}

body.wbh-frontend-workspace .wbh-today-metrics strong {
    font-size: 17px !important;
}

body.wbh-frontend-workspace .wbh-dashboard-shell {
    gap: 12px !important;
}

body.wbh-frontend-workspace .wbh-command-grid,
body.wbh-frontend-workspace .wbh-focus-grid,
body.wbh-frontend-workspace .wbh-home-layout,
body.wbh-frontend-workspace .wbh-home-lower-grid,
body.wbh-frontend-workspace .wbh-home-footer-grid {
    gap: 10px !important;
}

body.wbh-frontend-workspace .wbh-command-card,
body.wbh-frontend-workspace .wbh-focus-card,
body.wbh-frontend-workspace .wbh-panel,
body.wbh-frontend-workspace .wbh-table-card,
body.wbh-frontend-workspace .wbh-front-list-panel,
body.wbh-frontend-workspace .wbh-client-list-panel,
body.wbh-frontend-workspace .wbh-page-header,
body.wbh-frontend-workspace .wbh-screen-header,
body.wbh-frontend-workspace .wbh-clients-header {
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(16, 24, 40, .04) !important;
}

body.wbh-frontend-workspace .wbh-page-header,
body.wbh-frontend-workspace .wbh-screen-header,
body.wbh-frontend-workspace .wbh-clients-header {
    padding: 12px 14px !important;
    align-items: center !important;
}

body.wbh-frontend-workspace .wbh-page-header p,
body.wbh-frontend-workspace .wbh-screen-header p,
body.wbh-frontend-workspace .wbh-clients-header p {
    max-width: 900px !important;
    margin: 2px 0 0 !important;
}

body.wbh-frontend-workspace .wbh-kicker {
    margin-bottom: 2px !important;
    font-size: 9px !important;
    letter-spacing: .09em !important;
}

body.wbh-frontend-workspace .wbh-summary-grid {
    margin-top: 0 !important;
}

body.wbh-frontend-workspace .wbh-toolbar {
    padding: 8px !important;
    border-radius: 14px !important;
}

body.wbh-frontend-workspace .wbh-toolbar input[type="search"],
body.wbh-frontend-workspace .wbh-toolbar select,
body.wbh-frontend-workspace .wbh-toolbar input[type="date"] {
    min-height: 34px !important;
}

body.wbh-frontend-workspace .wbh-panel-header-rich h2,
body.wbh-frontend-workspace .wbh-panel-header h2 {
    font-size: 15px !important;
    margin: 0 !important;
}

body.wbh-frontend-workspace .wbh-small-label {
    font-size: 9px !important;
    letter-spacing: .08em !important;
}

body.wbh-frontend-workspace .wbh-money-strip {
    gap: 8px !important;
}

body.wbh-frontend-workspace .wbh-money-strip div {
    padding: 9px !important;
    border-radius: 13px !important;
}

body.wbh-frontend-workspace .wbh-record-list li,
body.wbh-frontend-workspace .wbh-task-mini-list li,
body.wbh-frontend-workspace .wbh-file-mini-list li,
body.wbh-frontend-workspace .wbh-activity-list li {
    padding: 8px !important;
    border-radius: 12px !important;
}

body.wbh-frontend-workspace .wbh-empty-state {
    padding: 18px !important;
    border-radius: 16px !important;
}

body.wbh-frontend-workspace .wbh-empty-state h3,
body.wbh-frontend-workspace .wbh-empty-state h4 {
    font-size: 16px !important;
    margin-bottom: 4px !important;
}

@media (max-width: 1220px) {
    body.wbh-frontend-workspace .wbh-app-overview-hero {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.wbh-frontend-workspace .wbh-today-card {
        max-width: none !important;
    }
}

@media (max-width: 720px) {
    body.wbh-frontend-workspace .wbh-app-overview-hero {
        padding: 12px !important;
    }

    body.wbh-frontend-workspace .wbh-hero-meta-row {
        display: none !important;
    }
}