/* HonestMeter premium business workspace — 2026-08-24 */
.body-dashboard {
    --sidebar_width: 282px;
    --hm-biz-navy: #031827;
    --hm-biz-navy-soft: #07344b;
    --hm-biz-green: #00b67a;
    --hm-biz-green-dark: #008e60;
    --hm-biz-mint: #dff8ef;
    --hm-biz-ink: #08283c;
    --hm-biz-muted: #687f8e;
    --hm-biz-line: #dbe6eb;
    --hm-biz-shadow: 0 14px 36px rgba(4, 31, 49, .10), 0 3px 8px rgba(4, 31, 49, .05);
    min-height: 100vh;
    color: var(--hm-biz-ink);
    background:
        radial-gradient(circle at 92% 3%, rgba(0, 182, 122, .11), transparent 26rem),
        linear-gradient(145deg, #f8fbfc 0%, #eef5f7 100%);
}

.body-dashboard .dashboard-sidebar,
.body-dashboard .dashboard-sidebar .dashboard-sidebar-header,
.body-dashboard .dashboard-sidebar .dashboard-sidebar-inner {
    background: linear-gradient(165deg, var(--hm-biz-navy), #05273b 62%, var(--hm-biz-navy-soft));
}

.body-dashboard .dashboard-sidebar {
    color: #fff;
    border-right: 1px solid rgba(140, 255, 218, .12);
    box-shadow: 14px 0 35px rgba(2, 25, 42, .18);
}

.body-dashboard .dashboard-sidebar .dashboard-sidebar-header {
    height: 76px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.body-dashboard .dashboard-sidebar .dashboard-sidebar-header .logo img {
    max-width: 178px;
    max-height: 42px;
    object-fit: contain;
}

.body-dashboard .dashboard-sidebar .dashboard-sidebar-inner {
    top: 76px;
    height: calc(100% - 76px);
}

.body-dashboard .dashboard-sidebar .dashboard-sidebar-content { height: calc(100vh - 76px); }
.body-dashboard .dashboard-sidebar-body { padding: 17px 15px; }
.body-dashboard .dashboard-sidebar-footer { padding: 15px; border-top: 1px solid rgba(255, 255, 255, .08); }

.business-sidebar-identity {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    margin-bottom: .65rem;
    padding: .75rem;
    color: #fff;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 13px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 9px 22px rgba(0, 0, 0, .13);
}

.business-sidebar-identity:hover { color: #fff; border-color: rgba(105, 255, 203, .35); background: rgba(0, 182, 122, .13); }
.business-sidebar-identity img { width: 43px; height: 43px; object-fit: cover; background: #fff; border: 2px solid rgba(255, 255, 255, .8); border-radius: 11px; }
.business-sidebar-identity-copy { min-width: 0; }
.business-sidebar-identity-copy strong,
.business-sidebar-identity-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.business-sidebar-identity-copy strong { color: #fff; font-size: .88rem; }
.business-sidebar-identity-copy small { color: #95b2c2; font-size: .72rem; }
.business-sidebar-identity > i { color: #82e6c4; }

.business-sidebar-status { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; margin-bottom: 1rem; }
.business-sidebar-status span { display: inline-flex; align-items: center; justify-content: center; gap: .32rem; min-width: 0; padding: .4rem .45rem; border-radius: 8px; font-size: .67rem; font-weight: 800; }
.business-sidebar-status .is-verified,
.business-sidebar-status .is-active { color: #8effd8; background: rgba(0, 182, 122, .12); border: 1px solid rgba(88, 255, 198, .14); }
.business-sidebar-status .is-unverified { color: #ffd88c; background: rgba(255, 178, 43, .10); border: 1px solid rgba(255, 202, 112, .13); }
.business-sidebar-status .is-inactive { color: #ff9fa6; background: rgba(255, 79, 91, .10); border: 1px solid rgba(255, 112, 122, .13); }
.business-sidebar-status .bi-circle-fill { font-size: .38rem; }

.body-dashboard .dashboard-sidebar-selective .drop-down-btn {
    padding: .55rem .7rem;
    color: #fff;
    background: rgba(0, 182, 122, .08);
    border-color: rgba(78, 255, 195, .19);
    border-radius: 11px;
}

.body-dashboard .dashboard-sidebar-links { padding-top: .35rem; }
.body-dashboard .dashboard-sidebar-link:not(:last-child) { margin-bottom: 5px; }
.body-dashboard .dashboard-sidebar-link .dashboard-sidebar-link-title {
    min-height: 47px;
    padding: .58rem .68rem;
    color: #bfd1db;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: .91rem;
    font-weight: 600;
}

.body-dashboard .dashboard-sidebar-link .dashboard-sidebar-link-title::before { display: none; }
.body-dashboard .dashboard-sidebar-link .dashboard-sidebar-link-title i {
    display: inline-grid;
    width: 31px;
    height: 31px;
    place-items: center;
    margin-inline-end: 10px;
    color: #93afbf;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 9px;
}

.body-dashboard .dashboard-sidebar-link.current .dashboard-sidebar-link-title,
.body-dashboard .dashboard-sidebar-link .dashboard-sidebar-link-title:hover {
    color: #fff;
    background: linear-gradient(135deg, rgba(0, 190, 128, .98), rgba(0, 139, 95, .96));
    border-color: rgba(126, 255, 212, .25);
    box-shadow: 0 10px 22px rgba(0, 182, 122, .22), inset 0 1px rgba(255, 255, 255, .18);
    transform: translateY(-1px);
}

.body-dashboard .dashboard-sidebar-link.current .dashboard-sidebar-link-title i,
.body-dashboard .dashboard-sidebar-link .dashboard-sidebar-link-title:hover i { color: #fff; background: rgba(255, 255, 255, .14); }

.body-dashboard .dashboard-sidebar-footer .btn {
    min-height: 45px;
    color: #8dffda;
    border-color: rgba(0, 212, 142, .65);
    border-radius: 11px;
    background: rgba(0, 182, 122, .08);
}
.body-dashboard .dashboard-sidebar-footer .btn:hover { color: #fff; background: var(--hm-biz-green); }

.body-dashboard .dashboard-nav {
    height: 76px;
    padding-inline: 22px;
    background: rgba(255, 255, 255, .87);
    border-bottom: 1px solid rgba(8, 55, 82, .09);
    box-shadow: 0 8px 25px rgba(6, 35, 54, .07);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.body-dashboard .dashboard-nav .dashboard-btn {
    color: var(--hm-biz-ink);
    background: #e8f4f8;
    border-color: #dce9ee;
    border-radius: 11px;
    box-shadow: 0 5px 12px rgba(5, 39, 58, .07);
}
.body-dashboard .dashboard-nav .dashboard-btn:hover { color: #fff; background: var(--hm-biz-green); border-color: var(--hm-biz-green); transform: translateY(-1px); }
.body-dashboard .dashboard-nav .user-menu .user-img { width: 42px; height: 42px; object-fit: cover; border: 2px solid #fff; border-radius: 12px; box-shadow: 0 5px 13px rgba(0, 73, 50, .15); }

.body-dashboard .dashboard-container { padding: 1.65rem 1.75rem 2.5rem; }
.body-dashboard .dashboard-header {
    margin-bottom: 1.2rem;
    padding: 1rem 1.15rem;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(7, 53, 78, .08);
    border-radius: 14px;
    box-shadow: 0 7px 20px rgba(5, 37, 56, .055);
}

.business-dashboard-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 250px;
    padding: clamp(1.5rem, 3vw, 3rem);
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 87% 18%, rgba(74, 255, 194, .32), transparent 16rem),
        linear-gradient(135deg, #031a2b 0%, #073b55 58%, #006a51 130%);
    border: 1px solid rgba(105, 255, 205, .18);
    border-radius: 22px;
    box-shadow: 0 23px 50px rgba(2, 28, 47, .20), 0 5px 15px rgba(0, 182, 122, .11);
}

.business-dashboard-hero::before {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -115px;
    width: 350px;
    height: 350px;
    border: 58px solid rgba(255, 255, 255, .052);
    border-radius: 50%;
}

.business-dashboard-hero-copy,
.business-dashboard-score { position: relative; z-index: 1; }
.business-dashboard-hero-copy { max-width: 670px; }
.business-dashboard-eyebrow { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 1rem; padding: .45rem .72rem; color: #9dffdf; background: rgba(0, 182, 122, .13); border: 1px solid rgba(139, 255, 216, .18); border-radius: 999px; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.business-dashboard-hero h2 { color: #fff; margin-bottom: .65rem; font-size: clamp(1.75rem, 3vw, 2.6rem); font-weight: 800; }
.business-dashboard-hero p { max-width: 600px; margin: 0; color: #c4dce7; line-height: 1.65; }
.business-dashboard-hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.45rem; }
.business-dashboard-hero .btn { padding: .72rem 1rem; border-radius: 11px; font-weight: 750; }
.business-dashboard-hero .btn-light { color: #06344b; }

.business-dashboard-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 210px;
    min-height: 175px;
    padding: 1.25rem;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 18px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .15), 0 14px 30px rgba(0, 0, 0, .13);
    backdrop-filter: blur(9px);
}
.business-dashboard-score > span { color: #fff; font-size: 3rem; line-height: 1; font-weight: 850; }
.business-dashboard-score .ratings { margin: .8rem 0 .55rem; }
.business-dashboard-score small { color: #c4dce7; font-weight: 650; }

.body-dashboard .box,
.body-dashboard .card {
    background: rgba(255, 255, 255, .95);
    border: 1px solid var(--hm-biz-line);
    border-radius: 16px;
    box-shadow: var(--hm-biz-shadow);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.body-dashboard .box:hover,
.body-dashboard .card:hover { border-color: #c6dadf; box-shadow: 0 20px 42px rgba(4, 31, 49, .13); }
.body-dashboard .dashboard-box { padding: 1.5rem; }
.body-dashboard .dashboard-counter { position: relative; min-height: 136px; overflow: hidden; }
.body-dashboard .dashboard-counter::after { content: ""; position: absolute; right: -34px; bottom: -65px; width: 135px; height: 135px; border: 23px solid rgba(0, 182, 122, .055); border-radius: 50%; }
.body-dashboard .dashboard-counter:hover { transform: translateY(-4px); }
.body-dashboard .dashboard-counter .dashboard-counter-title { color: var(--hm-biz-muted); font-size: .82rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.body-dashboard .dashboard-counter .dashboard-counter-text { color: var(--hm-biz-ink); font-size: 2rem; font-weight: 800; }
.body-dashboard .dashboard-counter .dashboard-counter-icon { width: 60px; height: 60px; color: var(--hm-biz-green-dark); background: linear-gradient(145deg, #e5faf3, #c9f1e4); border: 1px solid #bce9da; border-radius: 15px; box-shadow: 0 10px 21px rgba(0, 112, 76, .12), inset 0 1px #fff; }

.body-dashboard .dashboard-chart-box h5,
.body-dashboard .box h5 { color: var(--hm-biz-ink); font-weight: 800; }
.body-dashboard .dashboard-chart { min-height: 280px; }
.body-dashboard .dashboard-table thead th,
.body-dashboard .table thead th { padding: .95rem .8rem; color: #5e7583; background: #f3f8fa; border-color: var(--hm-biz-line); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .035em; }
.body-dashboard .dashboard-table tbody td,
.body-dashboard .table tbody td { padding: .9rem .8rem; border-color: #edf2f5; vertical-align: middle; }
.body-dashboard .table tbody tr:hover { background: #f5fbf9; }

.body-dashboard .form-control,
.body-dashboard .form-select,
.body-dashboard .input-group-text { min-height: 47px; border-color: #cfdae1; border-radius: 10px; background-color: #fff; }
.body-dashboard .form-control:focus,
.body-dashboard .form-select:focus { border-color: var(--hm-biz-green); box-shadow: 0 0 0 4px rgba(0, 182, 122, .11); }
.body-dashboard textarea.form-control { min-height: auto; }
.body-dashboard .btn { border-radius: 10px; font-weight: 700; box-shadow: 0 4px 9px rgba(5, 37, 56, .07); }
.body-dashboard .btn-primary,
.body-dashboard .btn-success { border-color: var(--hm-biz-green) !important; background: linear-gradient(135deg, #00bd7e, #009b69) !important; }
.body-dashboard .btn-primary:hover,
.body-dashboard .btn-success:hover { border-color: var(--hm-biz-green-dark) !important; background: linear-gradient(135deg, #00a872, #007f58) !important; transform: translateY(-1px); }
.body-dashboard .drop-down-menu,
.body-dashboard .dropdown-menu { border: 1px solid var(--hm-biz-line); border-radius: 12px; box-shadow: 0 18px 38px rgba(4, 30, 48, .16); }
.body-dashboard .dashboard-footer { color: #78909d; background: rgba(255, 255, 255, .78); border-top: 1px solid rgba(6, 47, 72, .08); }

@media (min-width: 1200px) {
    .body-dashboard .dashboard-sidebar { left: 0; width: var(--sidebar_width); visibility: visible; opacity: 1; }
    .body-dashboard .dashboard-sidebar .dashboard-sidebar-inner { left: 0; width: var(--sidebar_width); }
    .body-dashboard .dashboard-body { width: calc(100% - var(--sidebar_width)); margin-inline-start: var(--sidebar_width); }
    .body-dashboard .dashboard.toggle .dashboard-sidebar { left: calc(var(--sidebar_width) * -1); visibility: hidden; opacity: 0; }
    .body-dashboard .dashboard.toggle .dashboard-sidebar .dashboard-sidebar-inner { left: calc(var(--sidebar_width) * -1); }
    .body-dashboard .dashboard.toggle .dashboard-body { width: 100%; margin-inline-start: 0; }
}

@media (max-width: 1199.98px) {
    .body-dashboard { --sidebar_width: 270px; }
    .body-dashboard .dashboard-sidebar { width: 100%; }
    .body-dashboard .dashboard-sidebar .dashboard-sidebar-inner { width: var(--sidebar_width); }
    .body-dashboard .dashboard.toggle .dashboard-sidebar { left: 0; visibility: visible; opacity: 1; }
    .body-dashboard .dashboard.toggle .dashboard-sidebar .dashboard-sidebar-inner { left: 0; }
    .business-dashboard-hero { align-items: stretch; flex-direction: column; }
    .business-dashboard-score { min-width: 0; min-height: 145px; }
}

@media (max-width: 767.98px) {
    .body-dashboard .dashboard-container { padding: 1rem 12px 2rem; }
    .body-dashboard .dashboard-nav { height: 66px; padding-inline: 12px; }
    .business-dashboard-hero { padding: 1.35rem; border-radius: 17px; }
    .business-dashboard-score > span { font-size: 2.4rem; }
    .body-dashboard .dashboard-box { padding: 1.15rem; }
    .body-dashboard .dashboard-nav .user-name,
    .body-dashboard .dashboard-nav .user-menu .fa-angle-down { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .body-dashboard .box,
    .body-dashboard .card,
    .body-dashboard .btn,
    .body-dashboard .dashboard-sidebar-link-title { transition: none !important; }
}