.page-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

/* Admin bot detail dashboard layout */
.admin-performance-detail .admin-bot-performance-grid { grid-template-columns: minmax(0, 1fr); }
.admin-performance-detail .admin-bot-performance-card { min-width: 0; }
.admin-performance-detail .admin-bot-performance-card dl.admin-bot-info { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-performance-detail .admin-bot-performance-card dl.admin-bot-stats-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1080px) {
    .admin-performance-detail .admin-bot-performance-card dl.admin-bot-info { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-performance-detail .admin-bot-performance-card dl.admin-bot-stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .admin-performance-detail .admin-bot-performance-card dl.admin-bot-info,
    .admin-performance-detail .admin-bot-performance-card dl.admin-bot-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.page-head h1 {
    margin: 6px 0 0;
    font-size: 32px;
}

.page-head p {
    max-width: 650px;
    margin: 7px 0 0;
    color: #667587;
}

.side-nav {
    display: grid;
    gap: 3px;
}

.side-nav a {
    min-height: 40px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 9px 11px;
    color: #d8e2eb;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.25;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.side-nav a:hover {
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
}

.side-nav a.active {
    background: #f3ad00;
    color: #181107;
    font-weight: 900;
}

.admin-nav-with-badge {
    justify-content: space-between;
    gap: 10px;
}

.admin-nav-with-badge > span {
    min-width: 0;
}

.admin-nav-badge {
    min-width: 22px;
    height: 22px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #c93434;
    color: #fff;
    padding-inline: 6px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}

.nav-notification-badge {
    min-width: 20px;
    height: 20px;
    margin-left: auto;
    display: inline-grid;
    place-items: center;
    padding: 0 6px;
    border-radius: 10px;
    background: #c93434;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}

.admin-response {
    margin-top: 16px;
    padding: 12px 14px;
    border-left: 3px solid #d49a12;
    background: #f8f6f0;
    color: #324151;
}

.admin-response strong {
    display: block;
    margin-bottom: 4px;
    color: var(--navy);
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.admin-response p { margin: 0; line-height: 1.55; }

.admin-nav-with-badge.active .admin-nav-badge {
    background: #8f1f1f;
    color: #fff;
}

.orders-notification-filter {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: -7px 0 14px;
    color: #516171;
    font-size: 12px;
}

.admin-main .table tr.admin-order-notification-row td {
    background: #fff9e9;
}

.admin-main .table tr.admin-order-notification-row:hover td {
    background: #fff3cf;
}

.admin-order-identity {
    display: flex;
    align-items: center;
    gap: 7px;
}

.admin-order-new-badge {
    display: inline-flex;
    min-height: 19px;
    align-items: center;
    border-radius: 10px;
    background: #c93434;
    color: #fff;
    padding: 3px 7px;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
}

.admin-order-notification-types {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.admin-order-notification-types span {
    display: inline-flex;
    border: 1px solid #e4bb53;
    border-radius: 10px;
    background: #fff;
    color: #6b4b00;
    padding: 3px 7px;
    font-size: 9px;
    font-weight: 850;
    white-space: nowrap;
}
.admin-performance-kpis { grid-template-columns: repeat(5, minmax(0,1fr)); margin-bottom:20px; }.admin-performance-table .panel-head { align-items:center; }.inline-filter { display:flex; gap:8px; align-items:center; }.inline-filter .input { min-width:220px; }.performance-user-row { cursor:pointer; }.performance-user-row:hover { background:#fff8e2; }.admin-performance-user { gap:10px; }.admin-performance-user img,.admin-performance-user>span,.admin-performance-user-large img,.admin-performance-user-large>span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; object-fit:cover; background:#eef2f6; color:#142335; font-weight:900; }.admin-performance-user>div { display:grid; gap:2px; }.admin-performance-user small { color:#718090; }.admin-performance-foot { padding:14px 18px; color:#718090; font-size:12px; }.admin-performance-user-large img,.admin-performance-user-large>span { width:68px; height:68px; font-size:26px; }.admin-bot-performance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:20px; }.admin-bot-performance-card { padding:18px; border:1px solid #dbe3e9; border-radius:7px; background:#fff; }.admin-bot-performance-card header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }.admin-bot-performance-card h3 { margin:4px 0 0; }.admin-bot-performance-card dl { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:20px 0; }.admin-bot-performance-card dt { color:#718090; font-size:11px; }.admin-bot-performance-card dd { margin:3px 0 0; font-weight:800; }.admin-bot-trend { min-height:90px; border-top:1px solid #edf1f4; padding-top:12px; }.admin-bot-trend svg { width:100%; height:90px; }
.admin-bot-performance-card h4 { margin:20px 0 10px; padding-top:14px; border-top:1px solid #edf1f4; font-size:13px; letter-spacing:.02em; }
.admin-bot-performance-card dl.admin-bot-info { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; margin:14px 0 20px; }
.admin-bot-info dd { overflow-wrap:anywhere; }
.admin-trade-table { margin-top:10px; overflow-x:auto; }
.admin-trade-table table { min-width:900px; }
@media (max-width: 1080px) { .admin-performance-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 720px) { .admin-performance-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-performance-table .panel-head { display:grid; }.inline-filter { width:100%; }.inline-filter .input { min-width:0; flex:1; }.admin-bot-performance-grid { grid-template-columns:1fr; padding:14px; }.admin-bot-performance-card dl.admin-bot-info { grid-template-columns:1fr; } }
.market-symbol-editor { display:grid; gap:12px; }.market-symbol-add { display:flex; gap:8px; max-width:460px; }.market-symbol-list { display:grid; gap:6px; max-width:620px; }.market-symbol-list>div { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:42px; padding:7px 10px; border:1px solid #d8e0e7; border-radius:5px; background:#fff; }.market-symbol-list>div>div { display:flex; gap:4px; }.market-symbol-list button { width:30px; height:28px; border:1px solid #d8e0e7; border-radius:4px; background:#f7fafc; cursor:pointer; }.market-symbol-list button:hover { border-color:#f3ad00; background:#fff4d2; }

.customer-identity {
    display: grid;
    justify-items: center;
    gap: 4px;
    margin: 8px 0 12px;
    padding: 13px 11px;
    border-top: 1px solid rgba(255, 255, 255, 0.11);
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.ad-network-slot {
    width: 100%;
    min-height: 0;
    margin: 18px auto;
    text-align: center;
}
.ad-network-slot:has(> :not(.ad-network-label)) { min-height: 40px; }
.ad-network-home-slot { width:100%; max-width:1100px; box-sizing:border-box; padding-inline:16px; }
.ad-network-label {
    margin-bottom: 6px;
    color: #718090;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ad-network-search { display:grid; gap:6px; max-width:420px; margin:0 18px 14px; color:#526171; font-size:12px; font-weight:800; }
.ad-network-placement-list { display:grid; gap:8px; padding:0 18px 18px; }
.ad-network-placement { overflow:hidden; border:1px solid #dbe3ea; border-radius:7px; background:#fff; }
.ad-network-placement > summary { min-height:62px; display:grid; grid-template-columns:minmax(0,1fr) auto 12px; align-items:center; gap:14px; padding:9px 14px; list-style:none; cursor:pointer; }
.ad-network-placement > summary::-webkit-details-marker { display:none; }
.ad-network-placement > summary > span:first-child { min-width:0; display:grid; gap:3px; }
.ad-network-placement > summary strong { overflow:hidden; color:#172838; text-overflow:ellipsis; white-space:nowrap; }
.ad-network-placement > summary small { color:#718090; font-size:11px; }
.ad-network-summary-meta { display:grid; justify-items:end; gap:3px; }
.ad-network-summary-meta small { white-space:nowrap; }
.ad-network-placement > summary > i { width:8px; height:8px; border-right:2px solid #647484; border-bottom:2px solid #647484; transform:rotate(45deg); }
.ad-network-placement[open] > summary { border-bottom:1px solid #dbe3ea; background:#f8fafb; }
.ad-network-placement[open] > summary > i { transform:rotate(225deg); }
.ad-network-placement > form { display:grid; gap:14px; padding:16px; }
.ad-network-placement > form .form-grid { margin:0; }
@media (max-width:700px) { .ad-network-placement > summary { grid-template-columns:minmax(0,1fr) 12px; }.ad-network-summary-meta { grid-column:1; grid-row:2; justify-items:start; }.ad-network-placement > summary { gap:4px 10px; }.ad-network-search { margin-inline:14px; }.ad-network-placement-list { padding-inline:14px; } }
.customer-avatar { width:78px; height:78px; display:grid; place-items:center; margin:2px auto 6px; border:3px solid #fff; border-radius:50%; overflow:hidden; background:#eef2f6; color:#142335; font-size:28px; font-weight:900; box-shadow:0 5px 15px rgba(0,0,0,.18); }.customer-avatar img { width:100%; height:100%; object-fit:cover; }.verified-badge { display:inline-flex; align-items:center; gap:5px; border-radius:5px; background:#f3ad00; color:#181107!important; padding:4px 9px; font-size:11px; font-weight:900; }.verified-badge span { color:#181107!important; }

.customer-identity span,
.customer-identity small {
    color: #94a3b8;
}
.customer-identity .user-label-gold { color:#6b4b00; }
.customer-identity .user-label-blue { color:#1d4f7a; }
.customer-identity .user-label-green { color:#17643a; }
.customer-identity .user-badges { justify-content:center; margin:3px 0 0; }
.customer-identity .user-badge-gold { color:#5b3f00; }
.customer-identity .user-badge-blue { color:#174d78; }
.customer-identity .user-badge-green { color:#155f37; }
.customer-identity .user-badge-graphite { color:#f4f7f9; }

.customer-identity strong {
    color: #fff;
    font-size: 17px;
}

.badge-admin-layout { display:grid; grid-template-columns:minmax(260px, .7fr) minmax(0, 1.8fr); gap:18px; align-items:start; }
.badge-create-panel .form { padding:20px; }
.badge-definition-list { display:grid; }
.badge-definition-row { display:grid; grid-template-columns:minmax(150px, .8fr) minmax(340px, 1.5fr) auto; gap:14px; align-items:center; padding:14px 18px; border-top:1px solid var(--line); }
.badge-definition-preview { display:grid; justify-items:start; gap:5px; min-width:0; }
.badge-definition-preview small { color:#718090; }
.badge-definition-form { display:grid; grid-template-columns:minmax(130px, 1fr) 100px 130px minmax(120px, auto) auto; gap:8px; align-items:center; }
.badge-definition-form [data-badge-preset-field] select { width:100%; }
.badge-image-field { display:grid; gap:7px; }
.badge-image-field[hidden] { display:none; }
.badge-image-field.compact { grid-template-columns:auto auto; align-items:center; gap:6px 10px; }
.badge-image-upload { display:inline-flex; align-items:center; min-height:36px; padding:7px 10px; border:1px dashed #aebac5; border-radius:5px; color:#425466; cursor:pointer; font-size:12px; font-weight:700; }
.badge-image-upload input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; }
.badge-image-preview { display:grid; width:64px; height:64px; place-items:center; border:1px solid var(--line); border-radius:6px; background:#f7f9fb; }
.badge-image-preview[hidden] { display:none; }
.badge-image-preview img { display:block; width:54px; height:54px; object-fit:contain; }
.badge-remove-image { grid-column:1/-1; display:flex; align-items:center; gap:6px; color:#6b7785; font-size:11px; font-weight:600; }
.badge-definition-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
.customer-badge-panel { margin:18px 0; }
.customer-badge-assignments { display:flex; flex-wrap:wrap; gap:9px; padding:18px; }
.customer-badge-assignments > div { display:flex; align-items:center; gap:7px; padding:6px; border:1px solid var(--line); border-radius:6px; background:#f8fafc; }
.customer-badge-form { display:flex; align-items:end; gap:10px; padding:0 18px 18px; }
.customer-badge-form label { display:grid; flex:1; gap:6px; max-width:360px; font-weight:800; }
@media(max-width:1050px){.badge-admin-layout{grid-template-columns:1fr}.badge-definition-row{grid-template-columns:1fr}.badge-definition-actions{justify-content:flex-start}}
@media(max-width:700px){.badge-definition-form{grid-template-columns:1fr 1fr}.badge-definition-form > .input,.badge-definition-form > .badge-image-field{grid-column:1/-1}.customer-badge-form{align-items:stretch;flex-direction:column}.customer-badge-form label{max-width:none}}

.customer-logout {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.11);
}

.customer-logout button {
    width: 100%;
    border: 0;
    border-radius: 5px;
    padding: 10px 11px;
    background: transparent;
    color: #dce7f3;
    text-align: left;
    font-weight: 800;
    cursor: pointer;
}

.customer-logout button:hover {
    background: rgba(255, 255, 255, 0.08);
}

.dash .side-nav {
    gap: 3px;
}

.customer-nav-group {
    display: block;
    margin: 11px 10px 2px;
    padding-top: 9px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(216, 226, 235, 0.58);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.customer-nav-group:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.dash .side-nav a,
.customer-logout button {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0;
}

.customer-nav-icon {
    width: 22px;
    min-width: 22px;
    margin-right: 9px;
    color: currentColor;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.customer-nav-label {
    min-width: 0;
    display: flex;
    align-items: center;
}

.customer-nav-with-badge {
    justify-content: space-between;
}

.customer-nav-with-badge > .nav-notification-badge {
    margin-left: auto;
    flex: 0 0 auto;
}

.dash .side-nav a.active .customer-nav-icon {
    color: #181107;
}

@media (max-width: 820px) {
    .dash .side-nav .customer-nav-group {
        grid-column: 1 / -1;
    }
}

/* Keep the customer navigation available while the dashboard content scrolls. */
@media (min-width: 821px) {
    .dash {
        display: block;
        min-height: calc(100svh - 132px);
    }

    .dash > .side {
        position: fixed;
        inset: 132px auto 0 0;
        width: 260px;
        z-index: 20;
        min-height: calc(100svh - 132px);
        max-height: none;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .dash > .main {
        min-height: calc(100svh - 132px);
        margin-left: 260px;
    }
}

@media (max-width: 820px) {
    .dash > .side {
        position: static;
        width: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }

    .dash > .main {
        margin-left: 0;
    }
}

.dashboard-heading-row {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(320px, 1fr);
    align-items: start;
    gap: 26px;
    margin-bottom: 14px;
}

.dashboard-heading-row > h1 {
    margin: 3px 0 0;
}

.dashboard-message-stack {
    min-width: 0;
    display: grid;
    gap: 8px;
}

.dashboard-message-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 30px;
    gap: 11px;
    border: 1px solid #e1b54c;
    border-left: 4px solid #f3ad00;
    border-radius: 6px;
    background: #fffaf0;
    padding: 11px 14px 11px 11px;
    box-shadow: 0 2px 7px rgba(16, 24, 33, 0.05);
}

.dashboard-message-card form {
    margin: 0;
}

.dashboard-message-dismiss {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #657486;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.dashboard-message-dismiss:hover,
.dashboard-message-dismiss:focus-visible {
    background: #07111c;
    color: #f3ad00;
}

.dashboard-message-icon {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #07111c;
    color: #f3ad00;
    font-size: 14px;
    font-weight: 900;
}

.dashboard-message-card strong {
    display: block;
    color: #142335;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.dashboard-message-card p {
    margin: 3px 0 0;
    color: #536372;
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.recent-activity {
    margin-top: 28px;
}

.dashboard-advertising {
    margin-top: 28px;
}

.dashboard-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.dashboard-section-head h2 {
    margin: 0;
}

.dashboard-section-head p {
    margin: 4px 0 0;
    color: #647485;
    font-size: 12px;
}

.dashboard-section-head > a {
    color: #425466;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.dashboard-section-head > a:hover,
.dashboard-section-head > a:focus-visible {
    color: #8b6500;
}

.dashboard-advertising-table {
    min-width: 940px;
}

.recent-activity-summary {
    border: 1px solid #d5dee5;
    border-radius: 6px;
    background: #fff;
    padding: 16px;
}

.recent-activity-summary .recent-activity-list {
    border-bottom: 0;
}

.recent-activity-page {
    margin-top: 0;
}

.recent-activity-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.recent-activity-head h2 {
    margin: 0;
}

.recent-activity-head p {
    margin: 4px 0 0;
    color: #647485;
    font-size: 12px;
}

.recent-activity-list {
    border-top: 1px solid #d5dee5;
    border-bottom: 1px solid #d5dee5;
}

.recent-activity-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 13px 4px;
    border-bottom: 1px solid #e5eaee;
    color: #142335;
    text-decoration: none;
}

.recent-activity-item:last-child {
    border-bottom: 0;
}

.recent-activity-item:hover,
.recent-activity-item:focus-visible {
    background: #f8fafb;
}

.recent-activity-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: #101d2a;
    color: #f3ad00;
    font-size: 10px;
    font-weight: 900;
}

.recent-activity-icon-advertising { background: #fff1c9; color: #6b4b00; }
.recent-activity-icon-payment { background: #e4f5ea; color: #17643a; }
.recent-activity-icon-license,
.recent-activity-icon-download { background: #e4f0fa; color: #1d4f7a; }
.recent-activity-icon-review { background: #f4e9f7; color: #684172; }
.recent-activity-icon-security { background: #f7e8e8; color: #853636; }

.recent-activity-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.recent-activity-copy strong {
    font-size: 13px;
    overflow-wrap: anywhere;
}

.recent-activity-copy > span {
    color: #5d6d7c;
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.recent-activity-meta {
    min-width: 138px;
    display: grid;
    justify-items: end;
    gap: 5px;
}

.recent-activity-meta time {
    color: #718090;
    font-size: 10px;
    white-space: nowrap;
}

.recent-activity-status {
    display: inline-flex;
    max-width: 150px;
    border-radius: 10px;
    background: #e8edf1;
    padding: 3px 7px;
    color: #425466;
    font-size: 9px;
    font-weight: 850;
    text-align: center;
}

.recent-activity-empty {
    padding: 22px 4px;
    color: #647485;
}

.recent-activity-empty p {
    margin: 4px 0 0;
    font-size: 12px;
}

.customer-message-history {
    display: grid;
    gap: 12px;
}

.customer-message-history-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 13px;
    border: 1px solid #d5dee5;
    border-radius: 6px;
    background: #fff;
    padding: 17px;
}

.customer-message-history-item header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.customer-message-history-item p {
    margin: 8px 0;
    color: #455566;
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.customer-message-history-item small {
    color: #718090;
}

.account-form {
    max-width: 760px;
}

.account-form label,
.admin-auth-card label {
    display: grid;
    gap: 7px;
    font-weight: 800;
}

.admin-body {
    background: #edf1f4;
}

.admin-section-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
}

.admin-section-tabs a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    border: 1px solid #cbd6df;
    border-radius: 5px;
    background: #fff;
    color: #344b5f;
    padding: 8px 13px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.admin-section-tabs a:hover,
.admin-section-tabs a.active {
    border-color: #c99b20;
    background: #fff5d7;
    color: #614700;
}
.maintenance-tab-panel.is-hidden { display: none; }
.maintenance-admin-form { min-width: 0; }
.seo-tab-panel.is-hidden { display: none; }

.admin-shell {
    min-height: 100svh;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
}

.admin-side {
    position: sticky;
    top: 0;
    height: 100svh;
    min-height: 620px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background: #07111c;
    color: #fff;
    padding: 17px 15px 15px;
}

.admin-brand {
    display: inline-flex;
    width: fit-content;
    min-height: 54px;
    align-items: center;
    padding: 0 9px;
    text-decoration: none;
}

.admin-brand img {
    width: auto;
    height: 48px;
}

.admin-identity {
    margin: 9px 0 11px;
    padding: 11px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.admin-identity strong {
    display: block;
    color: #f3ad00;
    font-size: 12px;
    font-weight: 900;
}

.admin-side .side-nav {
    flex: 0 0 auto;
}

.side-footer {
    display: grid;
    gap: 3px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.side-footer a,
.side-footer button {
    width: 100%;
    min-height: 39px;
    display: flex;
    align-items: center;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #d8e2eb;
    padding: 9px 11px;
    font-size: 13px;
    font-weight: 800;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.side-footer a:hover,
.side-footer button:hover {
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
}

.side-footer form {
    margin: 0;
}

.admin-main {
    min-width: 0;
    padding: 0 30px 36px;
}

.workspace-head {
    position: sticky;
    top: 0;
    z-index: 70;
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
    border-bottom: 1px solid #d2dbe2;
    background: #edf1f4;
}

.admin-main > .market-bar {
    top: 78px;
    margin-inline: -30px;
}

.workspace-head > div {
    display: grid;
    gap: 2px;
}

.workspace-head > div > span {
    color: #7a8998;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.workspace-head > div > strong {
    font-size: 20px;
}

.admin-account-link {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #344251;
    text-decoration: none;
}

.admin-account-link > span:last-child {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.admin-account-link b {
    max-width: 260px;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
}

.admin-account-link small {
    color: #718090;
    font-size: 10px;
}

.admin-avatar {
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #101d2a;
    color: #f3ad00;
    font-size: 13px;
    font-weight: 900;
}

.admin-account-link img.admin-avatar {
    object-fit: cover;
}

.admin-profile-photo {
    width: 112px;
    height: 112px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    margin-bottom: 14px;
}

.admin-profile-initial {
    display: grid;
    place-items: center;
    background: #101d2a;
    color: #f3ad00;
    font-size: 36px;
    font-weight: 900;
}

.admin-page-heading {
    margin-bottom: 22px;
}

.admin-page-heading h1 {
    margin: 4px 0 0;
    font-size: 31px;
}

.admin-page-heading p {
    max-width: 720px;
    margin: 8px 0 0;
    color: #667587;
}

.admin-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 28px;
}

.stat-card {
    min-width: 0;
    border: 1px solid #d5dee5;
    border-radius: 6px;
    background: #fff;
    padding: 18px;
}

.stat-card strong {
    display: block;
    font-size: 25px;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.stat-card span {
    display: block;
    margin-top: 7px;
    color: #69798a;
    font-size: 12px;
    font-weight: 700;
}

.stat-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.stat-card-link:hover {
    border-color: #f3ad00;
    box-shadow: 0 4px 14px rgba(16, 24, 33, 0.08);
    transform: translateY(-1px);
}

.stat-card.attention {
    border-top: 3px solid #f3ad00;
}

.panel {
    margin-bottom: 20px;
    border: 1px solid #d5dee5;
    border-radius: 6px;
    background: #fff;
}

.panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid #dce3e8;
}

.panel-head h1,
.panel-head h2 {
    margin: 0;
    font-size: 19px;
}

.panel-head p {
    margin: 3px 0 0;
    color: #708091;
    font-size: 12px;
}

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

.admin-main .table {
    min-width: 720px;
    border: 0;
}

.admin-main .table th {
    height: 42px;
    background: #f5f7f9;
}

.admin-main .table td {
    font-size: 13px;
}

.admin-main .table tr:last-child td {
    border-bottom: 0;
}

.table-primary {
    display: grid;
    gap: 2px;
}

.table-primary small {
    color: #758494;
}

.table-empty {
    padding: 34px !important;
    color: #718090;
    text-align: center !important;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 12px;
    padding: 4px 8px;
    background: #e8edf1;
    color: #455566;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.status-badge.active,
.status-badge.paid,
.status-badge.approved,
.status-badge.published {
    background: #dff4e7;
    color: #17643a;
}

.status-badge.pending,
.status-badge.awaiting-verification,
.status-badge.draft {
    background: #fff0c9;
    color: #765300;
}

.status-badge.inactive,
.status-badge.rejected {
    background: #fae3e3;
    color: #8e2c2c;
}

.status-badge.suspended {
    background: #fff0c9;
    color: #765300;
}

.status-badge.banned {
    background: #f8d9d9;
    color: #8e2020;
}

.status-badge.disabled,
.status-badge.archived {
    background: #e5e9ed;
    color: #536273;
}

.notice.warning {
    border-color: #efc15c;
    background: #fff0ce;
    color: #6b4b00;
}

.notice.info {
    border-color: #77a9d2;
    background: #edf6ff;
    color: #184f79;
}

.profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 20px;
}

.profile-grid h2 {
    margin-top: 0;
}

.account-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.account-meta span {
    min-width: 0;
    display: grid;
    gap: 4px;
    border-radius: 5px;
    background: #eef2f5;
    color: #657486;
    padding: 11px;
    font-size: 11px;
}

.account-meta strong {
    color: #101821;
    overflow-wrap: anywhere;
}

.admin-action-panel {
    margin-top: 20px;
}

.admin-form {
    min-width: 0;
    max-width: 980px;
    grid-template-columns: minmax(0, 1fr);
}

.admin-form-wide {
    max-width: none;
}

.linked-accounts { margin-top:28px; padding-top:24px; border-top:1px solid #d5dee5; }
.linked-accounts > h2 { font-size:22px; margin:0 0 8px; }
.linked-account-row { display:grid; grid-template-columns:minmax(150px,1fr) minmax(160px,1fr) auto; align-items:center; gap:16px; padding:20px 0; border-bottom:1px solid #d5dee5; }
.linked-account-identity { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.linked-account-identity h3 { margin:0; font-size:16px; }
.linked-account-row label { display:grid; gap:6px; min-width:0; font-size:12px; font-weight:700; }
.linked-account-actions { display:flex; gap:8px; flex-wrap:wrap; }
.linked-account-note { color:#607080; font-size:13px; line-height:1.6; }
@media(max-width:760px) { .linked-account-row { grid-template-columns:minmax(0,1fr); gap:12px; } }

.two-factor-panel { max-width:980px; margin-top:28px; border:1px solid #d5dee5; border-radius:7px; background:#fff; padding:22px; box-shadow:0 7px 20px rgba(17,35,52,.04); }
.two-factor-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:17px; border-bottom:1px solid #e3e8ec; }
.two-factor-head h2 { margin:0 0 5px; color:#182a3a; font-size:21px; }
.two-factor-head p,.two-factor-disabled > p { margin:0; color:#667788; font-size:13px; line-height:1.55; }
.two-factor-disabled { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:18px; }
.two-factor-start { min-width:min(100%,310px); }
.two-factor-start label { display:grid; gap:6px; color:#34495a; font-size:11px; font-weight:800; }
.two-factor-setup { display:grid; grid-template-columns:260px minmax(0,1fr); gap:26px; padding-top:22px; }
.two-factor-qr { width:260px; max-width:100%; aspect-ratio:1; display:grid; place-items:center; border:1px solid #d6dee5; border-radius:6px; background:#fff; padding:10px; }
.two-factor-qr img { width:100%; height:100%; display:block; object-fit:contain; }
.two-factor-setup-copy h3,.two-factor-recovery h3,.two-factor-action h3 { margin:0 0 7px; color:#1a2d3e; font-size:16px; }
.two-factor-setup-copy ol { margin:0 0 16px; padding-left:20px; color:#5f7080; font-size:12px; line-height:1.7; }
.setup-key-label { display:block; margin-bottom:5px; color:#687987; font-size:10px; font-weight:900; text-transform:uppercase; }
.two-factor-setup-key { display:block; max-width:100%; overflow-wrap:anywhere; border:1px dashed #c5a140; border-radius:5px; background:#fff9e9; padding:10px 12px; color:#5e4600; font-size:13px; font-weight:800; letter-spacing:0; }
.two-factor-confirm { display:grid; grid-template-columns:minmax(180px,280px) auto; align-items:end; gap:12px; margin-top:16px; }
.two-factor-confirm label,.two-factor-action label { display:grid; gap:6px; color:#34495a; font-size:11px; font-weight:800; }
.two-factor-code-input { font-variant-numeric:tabular-nums; letter-spacing:0; }
.two-factor-setup-copy > form:last-child { margin-top:10px; }
.two-factor-recovery { margin-top:18px; border:1px solid #e1c66f; border-radius:6px; background:#fff9e8; padding:17px; }
.two-factor-recovery p,.two-factor-action p { margin:0; color:#687888; font-size:11px; line-height:1.55; }
.recovery-code-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:13px; }
.recovery-code-grid code { border:1px solid #e6d596; border-radius:4px; background:#fff; padding:8px 9px; color:#3c4650; font-size:11px; font-weight:800; text-align:center; }
.two-factor-actions-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding-top:18px; }
.two-factor-action { align-content:start; border:1px solid #dfe5ea; border-radius:6px; background:#f8fafb; padding:17px; }
.two-factor-action.danger-zone { border-color:#ebd2d4; background:#fffafb; }
.field-divider { color:#8996a1; font-size:10px; font-weight:800; text-align:center; text-transform:uppercase; }
.two-factor-challenge p { margin:0 0 6px; color:#697989; font-size:13px; line-height:1.6; }
.two-factor-challenge .text-button { justify-self:center; }

@media(max-width:760px) {
    .two-factor-panel { padding:17px; }
    .two-factor-head,.two-factor-disabled { align-items:flex-start; flex-direction:column; }
    .two-factor-start { width:100%; }
    .two-factor-setup,.two-factor-actions-grid { grid-template-columns:minmax(0,1fr); }
    .two-factor-qr { width:min(100%,260px); }
    .two-factor-confirm { grid-template-columns:minmax(0,1fr); }
    .recovery-code-grid { grid-template-columns:minmax(0,1fr); }
}

.article-admin-toolbar, .article-row-actions, .article-filters { display:flex; align-items:end; gap:12px; flex-wrap:wrap; }
.article-admin-toolbar { justify-content:space-between; margin-bottom:20px; }
.article-filters label { display:grid; gap:6px; min-width:0; font-size:13px; font-weight:700; }
.article-row-actions { align-items:center; }
.article-row-actions form { margin:0; }
.article-admin-table { overflow-x:auto; }
.article-admin-table td:first-child { min-width:220px; max-width:400px; overflow-wrap:anywhere; }
.article-byline { display:block; color:#667585; font-size:13px; }
.article-editor .article-content-input { min-height:420px; line-height:1.7; }
.article-image-preview { width:180px; height:100px; object-fit:contain; max-width:100%; }
.article-image-preview[hidden] { display:none; }
.article-editor .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:760px) { .article-editor .form-grid { grid-template-columns:minmax(0,1fr); } .article-admin-toolbar .article-filters { width:100%; } .article-filters label { flex:1 1 150px; } }

.homepage-order-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d5dee5; }
.homepage-order-list li { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 0; border-bottom: 1px solid #d5dee5; background: #fff; }
.homepage-order-list li.is-dragging { background: #fff5d6; box-shadow: inset 3px 0 #d8a529; }
.homepage-order-list button { flex-shrink: 0; width: 32px; height: 32px; padding: 0; border: 1px solid #d5dee5; border-radius: 4px; background: #f5f7f9; color: #182b3b; cursor: pointer; }
.homepage-order-list .section-order-handle { cursor: grab; touch-action: none; user-select: none; font-size: 20px; }
.homepage-order-list .is-dragging .section-order-handle { cursor: grabbing; }
.section-order-name { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 13px; font-weight: 700; }
.section-order-hidden { color: #697581; font-size: 11px; }
.section-order-actions { display: flex; gap: 4px; }
#homepage-order .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.seo-manager-panel .form {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 760px) {
    .seo-manager-panel .form-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.customer-message-form {
    max-width: 980px;
}

[data-message-user-field][hidden] {
    display: none !important;
}

.customer-user-picker {
    position: relative;
    display: grid;
    gap: 6px;
}

.customer-user-picker > small {
    color: #718090;
    font-weight: 700;
}

.customer-user-results {
    position: absolute;
    z-index: 20;
    top: calc(100% - 20px);
    right: 0;
    left: 0;
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #cbd5dd;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(16, 24, 33, 0.14);
    padding: 5px;
}

.customer-user-results[hidden] {
    display: none;
}

.customer-user-results button,
.customer-user-results > span {
    width: 100%;
    display: grid;
    gap: 2px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    padding: 9px 10px;
    color: #142335;
    text-align: left;
}

.customer-user-results button {
    cursor: pointer;
}

.customer-user-results button:hover,
.customer-user-results button:focus-visible {
    background: #fff4d2;
}

.customer-user-results small,
.customer-user-results > span {
    color: #718090;
    font-size: 11px;
}

.compact-panel-head {
    margin: -22px -22px 20px;
}

.customer-message-actions {
    flex-wrap: wrap;
}

.customer-message-actions form {
    margin: 0;
}

.form-section {
    min-width: 0;
    padding: 22px;
    border-bottom: 1px solid #dce3e8;
}

.form-section:last-child {
    border-bottom: 0;
}

.form-section h2 {
    margin: 0 0 4px;
    font-size: 20px;
}

.form-section > p {
    margin: 0 0 18px;
    color: #6b7a8a;
    font-size: 13px;
}

/* Edit Product tabs are intentionally scoped away from Add Product and other admin forms. */
.admin-product-edit {
    min-width: 0;
}

.admin-product-edit-tabs {
    display: flex;
    min-width: 0;
    gap: 4px;
    overflow-x: auto;
    margin-bottom: 14px;
    border: 1px solid #d5dee5;
    border-radius: 7px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 5px 16px rgba(17, 35, 52, .04);
    scrollbar-width: thin;
}

.admin-product-edit-tab {
    min-height: 38px;
    flex: 0 0 auto;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #617181;
    padding: 8px 11px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    white-space: nowrap;
    cursor: pointer;
}

.admin-product-edit-tab:hover {
    background: #f3f6f8;
    color: #1c3042;
}

.admin-product-edit-tab.active {
    background: #132536;
    color: #fff;
    box-shadow: inset 0 -2px #f3ad00;
}

.admin-product-edit-form {
    display: block;
    margin: 0;
    border: 0;
    background: transparent;
}

.admin-product-edit .admin-product-edit-panel {
    margin: 0 0 14px;
    border: 1px solid #d5dee5;
    border-radius: 7px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 7px 20px rgba(17, 35, 52, .045);
}

.admin-product-edit .admin-product-edit-panel[hidden],
.admin-product-edit [data-product-save-actions][hidden] {
    display: none !important;
}

.admin-product-edit .admin-product-edit-panel h2 {
    margin: 0 0 16px;
    font-size: 18px;
}

.admin-product-edit .section-heading-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.admin-product-edit .section-heading-row h2 {
    margin-bottom: 3px;
}

.admin-product-edit .section-heading-row p {
    margin: 0;
    color: #6b7a8a;
    font-size: 12px;
    line-height: 1.5;
}

.admin-product-edit .form label {
    font-weight: 700;
}

.admin-product-edit input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.admin-product-edit select,
.admin-product-edit textarea {
    font-weight: 400;
}

.admin-product-edit textarea {
    min-height: 102px;
    line-height: 1.55;
}

.admin-product-edit-form > .form-actions {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 14px;
    border: 1px solid #d5dee5;
    border-radius: 7px;
    background: #fff;
    padding: 13px 16px;
}

.admin-product-edit .highlight-rows {
    display: grid;
    gap: 11px;
}

.admin-product-edit .product-highlight-row {
    min-width: 0;
    border: 1px solid #dce4ea;
    border-radius: 6px;
    background: #f8fafb;
    padding: 14px;
}

.admin-product-edit .product-highlight-row .field-help {
    display: block;
    margin-top: 5px;
    color: #72808d;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
}

.admin-product-edit .product-highlight-row input[readonly] {
    background: #edf2f5;
    color: #536575;
    cursor: default;
}

.admin-product-edit .highlight-row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.admin-product-edit .highlight-row-head > div {
    display: flex;
    gap: 5px;
}

.admin-product-edit .admin-product-edit-standalone {
    padding: 0;
}

.admin-product-edit .admin-product-edit-standalone > .form,
.admin-product-edit .admin-product-edit-standalone > .table-wrap {
    margin: 0;
    padding: 18px 20px;
}

.admin-product-edit .admin-product-edit-standalone > .table-wrap {
    border-top: 1px solid #dce3e8;
}

.admin-product-edit .asset-grid {
    padding: 18px 20px;
}

@media (max-width: 620px) {
    .admin-product-edit-tabs {
        margin-inline: -2px;
        border-radius: 5px;
    }
    .admin-product-edit-tab {
        min-height: 36px;
        padding: 7px 10px;
        font-size: 10px;
    }
    .admin-product-edit .admin-product-edit-panel {
        padding: 16px;
    }
    .admin-product-edit .section-heading-row,
    .admin-product-edit .highlight-row-head {
        align-items: stretch;
        flex-direction: column;
    }
    .admin-product-edit .section-heading-row > .btn {
        width: 100%;
    }
}

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

.form-grid > *,
.form-grid input,
.form-grid select,
.form-grid textarea {
    min-width: 0;
    max-width: 100%;
}

.form-grid .notice,
.form-grid code {
    overflow-wrap: anywhere;
}

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

.check-row {
    display: flex !important;
    align-items: center;
    gap: 9px !important;
    font-weight: 700 !important;
}

.check-row input {
    width: 17px;
    height: 17px;
}

.form-actions {
    min-width: 0;
    display: flex;
    justify-content: flex-end;
    padding: 18px 22px;
    background: #f7f9fa;
}

.payment-gateway-list { max-width: 1040px; }
.payment-gateway { overflow: hidden; }
.payment-gateway > summary { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:18px; list-style:none; padding:15px 20px; cursor:pointer; }
.payment-gateway > summary::-webkit-details-marker { display:none; }
.payment-gateway > summary > span:first-child { min-width:0; display:grid; gap:3px; }
.payment-gateway > summary strong { color:#101821; font-size:18px; }
.payment-gateway > summary small { color:#708091; font-size:12px; }
.payment-summary-status { flex:0 0 auto; display:flex; align-items:center; gap:8px; }
.payment-summary-status i { width:9px; height:9px; border-right:2px solid #5f6e7e; border-bottom:2px solid #5f6e7e; transform:rotate(45deg) translateY(-2px); transition:transform 150ms ease; }
.payment-gateway[open] > summary { border-bottom:1px solid #dce3e8; background:#f8fafb; }
.payment-gateway[open] .payment-summary-status i { transform:rotate(225deg) translate(-2px,-2px); }
.payment-gateway-body { padding:20px; }
.payment-mode-form { grid-template-columns:minmax(220px,1fr) auto auto auto; align-items:end; gap:18px; border-bottom:1px solid #dce3e8; padding-bottom:20px; }
.payment-mode-form h2,.stripe-credential-section h2 { margin:0; font-size:17px; }
.payment-mode-form p { margin:4px 0 0; color:#6b7a8a; font-size:12px; }
.payment-mode-selector { display:flex; align-items:center; gap:3px; border:1px solid #cbd5dd; border-radius:5px; background:#eef2f5; padding:3px; }
.payment-mode-selector legend { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.payment-mode-selector label { cursor:pointer; }
.payment-mode-selector input { position:absolute; opacity:0; }
.payment-mode-selector span { display:block; border-radius:3px; padding:8px 12px; color:#4e5d6b; font-size:12px; font-weight:800; }
.payment-mode-selector input:checked + span { background:#132334; color:#fff; box-shadow:0 1px 3px rgba(16,24,33,.18); }
.payment-mode-selector input:focus-visible + span { outline:2px solid #d79d00; outline-offset:2px; }
.stripe-credential-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
.stripe-credential-section { min-width:0; gap:13px; padding:22px 22px 4px 0; }
.stripe-credential-section + .stripe-credential-section { border-left:1px solid #dce3e8; padding-right:0; padding-left:22px; }
.stripe-credential-section header,.payment-webhook-status { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.stripe-mode-kicker { color:#947000; font-size:10px; font-weight:900; text-transform:uppercase; }
.payment-webhook-status { min-height:36px; border-top:1px solid #e5eaee; border-bottom:1px solid #e5eaee; color:#536273; font-size:12px; font-weight:800; }
.payment-webhook-note { margin-top:18px; }
.payment-standard-form { gap:16px; }
.payment-standard-form > .btn,.stripe-credential-section > .btn { justify-self:end; }

@media (max-width:820px) {
    .payment-mode-form { grid-template-columns:minmax(0,1fr); align-items:start; }
    .stripe-credential-grid { grid-template-columns:minmax(0,1fr); }
    .stripe-credential-section,.stripe-credential-section + .stripe-credential-section { border-left:0; padding:20px 0; }
    .stripe-credential-section + .stripe-credential-section { border-top:1px solid #dce3e8; }
}

@media (max-width:560px) {
    .payment-gateway > summary { align-items:flex-start; padding:14px; }
    .payment-summary-status { max-width:125px; justify-content:flex-end; flex-wrap:wrap; }
    .payment-gateway-body { padding:15px; }
    .payment-mode-selector { width:100%; }
    .payment-mode-selector label { flex:1; text-align:center; }
}

.slide-admin-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.homepage-section-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.homepage-section-control {
    min-width: 0;
    display: grid;
    gap: 13px;
    margin: 0;
    border: 1px solid #d7dfe6;
    border-radius: 6px;
    background: #f9fafb;
    padding: 17px;
}

.homepage-section-control legend {
    padding: 0 6px;
    color: #1a2734;
    font-weight: 900;
}

.homepage-section-control textarea {
    min-height: 84px;
}

.homepage-settings-panel { display:grid; grid-template-columns:245px minmax(0,1fr); overflow:hidden; border:1px solid #d7dfe6; border-radius:8px; background:#fff; }
.homepage-tabs { display:grid; align-content:start; gap:3px; background:#0d1b29; padding:12px; }
.homepage-tabs a { border-radius:5px; color:#c7d4df; padding:11px 12px; font-size:13px; font-weight:800; text-decoration:none; }
.homepage-tabs a:hover,.homepage-tabs a.active { background:rgba(243,173,0,.16); color:#f3ad00; }
.homepage-setting-panes { min-width:0; }
.homepage-pane { display:none; min-width:0; padding:28px; }
.homepage-pane.active { display:block; }
.homepage-form.active { display:grid; }
.homepage-pane h2 { margin:0 0 5px; font-size:24px; }
.homepage-pane > p { margin:0 0 20px; color:#6b7a8a; font-size:13px; }
.homepage-form { gap:14px; }
.homepage-form > .btn { margin-top:20px; }
.benefits-admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px; }
.benefit-admin-card { display:grid; gap:10px; border:1px solid #d7dfe6; border-radius:6px; background:#f9fafb; padding:15px; }
.benefit-admin-card h3 { margin:0; font-size:16px; }
.tutorial-admin-list { display:grid; gap:14px; }
.tutorial-admin-list article { border:1px solid #d7dfe6; border-radius:6px; background:#f9fafb; padding:15px; }
.homepage-setting-panes > #homepage-getting-started { display:none; }
.broker-logo-settings { display:none; }
.resource-manager-preview, .tutorial-manager-thumb, .broker-logo-preview { border:0; background:transparent; }
.setup-logo { width:56px; height:56px; padding:0; border:0; border-radius:0; background:transparent; object-fit:contain; }
.resource-manager-preview img, .tutorial-manager-thumb img, .broker-logo-preview { width:42px; height:42px; padding:0; object-fit:contain; }
.resource-edit-grid .manager-edit-form[hidden] { display:none; }
.getting-started-manager { margin-top:0; }
.getting-started-manager { display:grid; gap:20px; }
.getting-started-manager .panel-head { margin:0; padding:0; }
.getting-started-section-settings { display:grid; grid-template-columns:minmax(160px,.5fr) repeat(2,minmax(220px,1fr)) auto; align-items:end; gap:12px; padding:16px; border:1px solid #dbe3ea; border-radius:7px; background:#f8fafc; }
.getting-started-section-settings textarea { min-height:42px; }
.getting-started-manager-block { display:grid; gap:12px; }
.manager-block-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.manager-block-head h3 { margin:0; font-size:18px; }
.resource-manager-list, .tutorial-manager-list { display:grid; gap:8px; }
.resource-manager-list article, .tutorial-manager-list article { display:grid; grid-template-columns:48px minmax(0,1fr) auto auto auto; align-items:center; gap:12px; padding:11px 13px; border:1px solid #dbe3ea; border-radius:7px; background:#fff; }
.resource-manager-list article > div:nth-child(2), .tutorial-manager-info { display:grid; gap:3px; min-width:0; }
.resource-manager-list small, .tutorial-manager-info small { color:#718090; font-size:11px; }
.resource-manager-preview, .tutorial-manager-thumb { width:42px; height:42px; display:grid; place-items:center; overflow:hidden; border:1px solid #e0e7ed; border-radius:6px; background:#f4f7f9; color:#9a6a00; font-size:19px; }
.resource-manager-preview img, .tutorial-manager-thumb img { width:100%; height:100%; object-fit:contain; }
.tutorial-manager-info strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tutorial-manager-list details { position:relative; }
.tutorial-manager-list details[open] { grid-column:1/-1; }
.tutorial-manager-list summary { list-style:none; cursor:pointer; }
.tutorial-manager-list summary::-webkit-details-marker { display:none; }
.manager-edit-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:14px; border:1px solid #dbe3ea; border-radius:6px; background:#f8fafc; }
.manager-edit-form h4, .manager-edit-form textarea, .manager-edit-form label:nth-of-type(2), .manager-edit-form button { grid-column:1/-1; }
.manager-edit-form h4 { margin:0; font-size:15px; }
.resource-edit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.tutorial-add-form { margin-top:4px; }
@media (max-width:760px) { .getting-started-section-settings, .resource-edit-grid, .manager-edit-form { grid-template-columns:1fr; }.getting-started-section-settings .check-row, .manager-edit-form h4, .manager-edit-form textarea, .manager-edit-form label:nth-of-type(2), .manager-edit-form button { grid-column:auto; }.resource-manager-list article, .tutorial-manager-list article { grid-template-columns:42px minmax(0,1fr) auto; }.resource-manager-list article > .btn, .tutorial-manager-list article > form { grid-column:3; }.tutorial-manager-list details { grid-column:3; }.tutorial-manager-list details[open] { grid-column:1/-1; } }
.resource-manager-preview, .tutorial-manager-thumb { border:0; background:transparent; }

.social-admin-layout { display:grid; grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr); gap:18px; align-items:start; }
.social-create-panel, .social-list-panel { padding:20px; }
.social-link-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.social-link-form .full, .social-link-form > button { grid-column:1/-1; }
.social-link-form label small { display:block; margin-top:5px; color:#718090; font-size:11px; font-weight:500; }
.social-order-list { margin-bottom:12px; }
.social-order-list li { grid-template-columns:auto auto minmax(0,1fr) auto auto; }
.social-admin-icon { width:34px; height:34px; display:grid; place-items:center; border:1px solid #dbe3ea; border-radius:6px; background:#f7f9fb; color:#182a39; }
.social-admin-icon svg, .social-admin-icon img { width:18px; height:18px; display:block; }
.social-admin-icon img { object-fit:contain; }
.social-platform-field { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; }
.social-built-in-preview { display:grid; gap:5px; justify-items:center; }
.social-built-in-preview > small { color:#718090; font-size:10px; font-weight:700; }
.social-built-in-preview [data-social-preview-icon] { width:100%; height:100%; }
.social-current-icon { display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:12px; margin-bottom:12px; padding:12px; border:1px solid #dbe3ea; border-radius:6px; background:#f8fafc; }
.social-current-icon-preview { width:52px; height:52px; display:grid; place-items:center; overflow:hidden; padding:8px; border:1px solid #dbe3ea; border-radius:6px; background:#fff; }
.social-current-icon-preview svg, .social-current-icon-preview img { width:100%; height:100%; display:block; }
.social-current-icon-preview .social-icon-asset { width:100%; height:100%; }
.social-current-icon-preview img { object-fit:contain; }
.social-current-icon > div { display:grid; gap:3px; min-width:0; }
.social-current-icon small { color:#647586; font-size:11px; }
.advertising-pricing-panel { display:grid; gap:16px; margin-top:22px; padding:20px; }
.advertising-price-create { grid-template-columns:repeat(5,minmax(120px,1fr)) auto; align-items:end; }
.advertising-custom-duration { display:flex; align-items:center; gap:12px; padding:11px 0; border-top:1px solid #e1e7ec; border-bottom:1px solid #e1e7ec; }
.advertising-admin-detail { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:16px; margin-bottom:16px; }
.advertising-admin-detail > .panel { padding:20px; }
.advertising-creative-preview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:18px; }
.advertising-creative-preview figure { margin:0; padding:8px; border:1px solid #dce4ea; border-radius:6px; }
.advertising-creative-preview img { display:block; width:100%; max-height:220px; object-fit:contain; }
.advertising-creative-preview figcaption { margin-top:5px; color:#6f7f8c; font-size:11px; }
.advertising-creative-preview figcaption strong,.advertising-creative-preview figcaption span { display:block; }
.advertising-admin-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; border-bottom:1px solid #d8e0e6; }
.advertising-admin-tabs a { padding:10px 13px; border-bottom:3px solid transparent; color:#5b6b78; font-weight:800; text-decoration:none; }
.advertising-admin-tabs a.active { border-bottom-color:#c99b20; color:#172633; }
.admin-ad-review-form,.admin-ad-schedule { display:grid; gap:10px; margin-top:16px; padding-top:16px; border-top:1px solid #dce4ea; }
.admin-ad-edit-form { display:grid; gap:20px; }
.admin-ad-creative-status { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.admin-ad-creative-status span { border:1px solid #d5dee5; border-radius:5px; background:#f8fafc; padding:7px 9px; color:#5d6d7c; font-size:11px; }
.campaign-analytics-detail-row > td { padding:0 !important; border-top:0; }
.campaign-analytics-panel { padding:20px; background:#f7fafc; }
.campaign-analytics-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.campaign-analytics-kpis > div { min-width:0; border:1px solid #dce4ea; border-radius:6px; background:#fff; padding:12px; }
.campaign-analytics-kpis span { display:block; color:#718090; font-size:10px; font-weight:750; }
.campaign-analytics-kpis strong { display:block; margin-top:4px; color:#172838; font-size:14px; overflow-wrap:anywhere; }
.campaign-analytics-chart { height:150px; display:flex; align-items:end; gap:6px; margin-top:18px; padding:12px 8px 0; border-bottom:1px solid #cfd9e1; overflow-x:auto; }
.campaign-chart-day { height:100%; min-width:32px; flex:1 0 32px; display:grid; grid-template-rows:minmax(0,1fr) 22px; align-items:end; gap:5px; }
.campaign-chart-bars { height:100%; display:flex; align-items:end; justify-content:center; gap:3px; }
.campaign-chart-bars i,.campaign-chart-bars b { width:8px; min-height:0; display:block; border-radius:2px 2px 0 0; background:#d39a00; }
.campaign-chart-bars b { background:#2572a8; }
.campaign-chart-day small { color:#6c7b89; font-size:8px; text-align:center; white-space:nowrap; }
.campaign-chart-legend { display:flex; justify-content:flex-end; gap:14px; margin:8px 0 12px; color:#657586; font-size:10px; }
.campaign-chart-legend span { display:flex; align-items:center; gap:5px; }
.campaign-chart-legend i { width:8px; height:8px; display:block; border-radius:2px; background:#d39a00; }
.campaign-chart-legend span:last-child i { background:#2572a8; }
.campaign-daily-table { margin-top:16px; }
.admin-campaign-analytics { margin-top:18px; overflow:hidden; }
.admin-campaign-analytics > h2 { margin:0; padding:18px 20px; border-bottom:1px solid #dce4ea; }
.campaign-renewal-dialog { width:min(520px,calc(100vw - 28px)); max-width:none; max-height:calc(100vh - 28px); padding:0; border:0; border-radius:7px; color:#172838; box-shadow:0 24px 70px rgba(7,17,28,.25); }
.campaign-renewal-dialog::backdrop { background:rgba(13,27,42,.5); backdrop-filter:blur(2px); }
.campaign-renewal-dialog-body { position:relative; padding:26px; overflow:auto; }
.campaign-renewal-dialog h2 { margin:5px 38px 18px 0; font-size:22px; letter-spacing:0; }
.campaign-renewal-close { position:absolute; top:14px; right:14px; width:34px; height:34px; border:1px solid #d5dee5; border-radius:50%; background:#fff; color:#172838; font-size:22px; line-height:1; cursor:pointer; }
.renewal-current-details { margin-bottom:18px; }
.renewal-quote { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.renewal-quote span { min-width:0; border:1px solid #dce4ea; border-radius:6px; background:#f7fafc; padding:11px; color:#718090; font-size:11px; }
.renewal-quote strong { display:block; margin-top:5px; color:#172838; font-size:14px; overflow-wrap:anywhere; }
.renewal-payment-note { margin:0; color:#687887; font-size:12px; line-height:1.5; }
.renewal-success { display:grid; gap:4px; margin-bottom:16px; }
.campaign-renewal-section { margin-top:18px; overflow:hidden; }
.campaign-renewal-section > .table-wrap { margin-top:12px; }
@media(max-width:850px) { .campaign-analytics-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .campaign-analytics-kpis,.renewal-quote { grid-template-columns:1fr; }.campaign-analytics-panel { padding:14px; }.campaign-renewal-dialog-body { padding:20px; } }
.campaign-lifecycle-actions,.proof-decision { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.proof-decision .input { min-width:180px; }
.advertising-inline-price { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.advertising-inline-price .input { width:105px; min-height:34px; }
.advertising-inline-price .check-row { min-height:34px; padding:4px 7px; }
@media(max-width:1050px){.advertising-price-create{grid-template-columns:repeat(3,minmax(0,1fr))}.advertising-admin-detail{grid-template-columns:1fr}}
@media(max-width:650px){.advertising-price-create{grid-template-columns:1fr}.advertising-custom-duration{align-items:flex-start;flex-direction:column}.advertising-creative-preview{grid-template-columns:1fr}}
.social-definition-list { display:grid; gap:10px; margin-top:20px; padding-top:18px; border-top:1px solid #e0e6ec; }
.social-definition-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:start; gap:10px; padding:12px; border:1px solid #dbe3ea; border-radius:7px; background:#fff; }
.social-definition-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; min-width:0; }
.social-definition-head > div { display:grid; gap:3px; min-width:0; }
.social-definition-head small { overflow:hidden; color:#718090; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.social-definition-row details { position:relative; }
.social-definition-row details > summary { list-style:none; cursor:pointer; }
.social-definition-row details > summary::-webkit-details-marker { display:none; }
.social-definition-row details[open] { grid-column:1/-1; grid-row:2; }
.social-definition-row details[open] > summary { margin:0 0 10px auto; width:max-content; }
.social-definition-row .social-link-form { padding:14px; border:1px solid #dbe3ea; border-radius:6px; background:#f8fafc; }

@media (max-width:900px) { .social-admin-layout { grid-template-columns:1fr; } }
@media (max-width:620px) { .social-link-form { grid-template-columns:1fr; }.social-link-form .full, .social-link-form > button { grid-column:auto; }.social-order-list li { grid-template-columns:auto auto minmax(0,1fr) auto; }.social-order-list .section-order-hidden { grid-column:3; }.social-definition-row { grid-template-columns:1fr auto; }.social-definition-head { grid-column:1/-1; }.social-definition-row details[open] { grid-column:1/-1; }.social-current-icon { grid-template-columns:46px minmax(0,1fr); }.social-current-icon > form { grid-column:1/-1; }.social-current-icon-preview { width:46px; height:46px; } }
.tutorial-admin-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.tutorial-admin-form label:nth-of-type(2),.tutorial-admin-form label:nth-of-type(3),.tutorial-admin-form label:nth-of-type(4) { grid-column:1/-1; }
@media(max-width:700px) { .tutorial-admin-form { grid-template-columns:1fr; } .tutorial-admin-form label { grid-column:auto!important; } }
.getting-started-manager:not(.getting-started-resource-manager),.broker-logo-settings { display:none; }
.getting-started-resource-manager { display:grid; gap:20px; }
.resource-section-settings { grid-template-columns:minmax(180px,.6fr) repeat(2,minmax(220px,1fr)); }
.resource-section-settings .full { grid-column:1/-1; }
.resource-section-settings .btn { justify-self:end; grid-column:1/-1; }
.manager-block-head small { color:#718090; font-size:11px; }
.resource-admin-accordions { display:grid; gap:8px; }
.resource-admin-accordions > details { overflow:hidden; border:1px solid #dbe3ea; border-radius:7px; background:#fff; }
.resource-admin-accordions > details > summary { min-height:62px; display:grid; grid-template-columns:44px minmax(0,1fr) auto 12px; align-items:center; gap:12px; list-style:none; padding:9px 13px; cursor:pointer; }
.resource-admin-accordions > details > summary::-webkit-details-marker { display:none; }
.resource-admin-accordions > details > summary > span:nth-child(2) { min-width:0; display:grid; gap:3px; }
.resource-admin-accordions > details > summary strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.resource-admin-accordions > details > summary small { color:#718090; font-size:11px; }
.resource-admin-accordions > details > summary > i { width:8px; height:8px; border-right:2px solid #647484; border-bottom:2px solid #647484; transform:rotate(45deg); }
.resource-admin-accordions > details[open] > summary { border-bottom:1px solid #dbe3ea; background:#f8fafb; }
.resource-admin-accordions > details[open] > summary > i { transform:rotate(225deg); }
.resource-card-admin-form { border:0; border-radius:0; background:#fff; padding:16px; }
.resource-card-admin-form .full { grid-column:1/-1; }
.resource-card-admin-form > .btn { justify-self:end; grid-column:1/-1; }
.resource-delete-form { display:flex; justify-content:flex-end; border-top:1px solid #e3e9ed; padding:10px 16px 14px; }
.resource-add-disclosure { justify-self:start; }
.resource-add-disclosure > summary { list-style:none; cursor:pointer; }
.resource-add-disclosure > summary::-webkit-details-marker { display:none; }
.resource-add-disclosure[open] { width:100%; }
.resource-add-disclosure[open] > summary { margin-bottom:8px; }
.resource-thumbnail-field { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; border-top:1px solid #e0e7ec; padding-top:12px; }
.resource-thumbnail-field > label:first-child { min-width:0; }
.resource-thumbnail-preview { width:160px; aspect-ratio:16/9; overflow:hidden; border:1px solid #ccd6de; border-radius:5px; background:#eef2f5; }
.resource-thumbnail-preview[hidden] { display:none; }
.resource-thumbnail-preview img { width:100%; height:100%; display:block; object-fit:cover; }

.health-overview { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:22px; margin-bottom:22px; border:1px solid #d8e0e7; border-left:4px solid #1f9d61; border-radius:7px; background:#fff; padding:20px 22px; box-shadow:0 7px 22px rgba(18,37,55,.05); }
.health-overview.health-warning { border-left-color:#d49a00; }
.health-overview.health-critical { border-left-color:#cf3d46; }
.health-score { width:92px; height:92px; display:grid; place-content:center; border:7px solid #dcefe5; border-radius:50%; color:#17764a; text-align:center; }
.health-warning .health-score { border-color:#f8e8b8; color:#946b00; }
.health-critical .health-score { border-color:#f7d8da; color:#a9242c; }
.health-score strong { font-size:29px; line-height:1; }
.health-score span { margin-top:3px; color:#71808e; font-size:11px; font-weight:800; }
.health-overview-copy h2 { margin:4px 0 5px; color:#152637; font-size:21px; }
.health-overview-copy p { margin:0; color:#708090; font-size:12px; }
.health-state { color:#17764a; font-size:11px; font-weight:900; text-transform:uppercase; }
.health-warning .health-state { color:#946b00; }
.health-critical .health-state { color:#a9242c; }
.health-counts { display:grid; grid-template-columns:repeat(2,minmax(100px,1fr)); gap:8px; }
.health-counts span { display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:7px; border-left:2px solid #dfe6ec; padding-left:10px; color:#687888; font-size:11px; }
.health-counts strong { color:#172838; font-size:18px; }
.health-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; }
.health-category { min-width:0; margin:0; padding:0; overflow:hidden; }
.health-category .panel-head { margin:0; padding:17px 18px; border-bottom:1px solid #e2e8ed; }
.health-category .panel-head h2 { font-size:16px; }
.health-category .panel-head p { font-size:11px; }
.health-pill,.health-label { display:inline-flex; align-items:center; justify-content:center; border:1px solid #c8d1d9; border-radius:999px; background:#f1f4f6; padding:4px 8px; color:#64727f; font-size:9px; font-weight:900; text-transform:uppercase; white-space:nowrap; }
.health-pill.health-healthy,.health-label.health-healthy { border-color:#b8dfca; background:#eaf7f0; color:#17764a; }
.health-pill.health-warning,.health-label.health-warning { border-color:#ead28c; background:#fff7dd; color:#846000; }
.health-pill.health-critical,.health-label.health-critical { border-color:#ebbec1; background:#fff0f1; color:#aa2831; }
.health-check-list { display:grid; }
.health-check { min-width:0; display:grid; grid-template-columns:9px minmax(0,1fr) auto; align-items:start; gap:11px; padding:14px 18px; border-bottom:1px solid #edf1f4; }
.health-check:last-child { border-bottom:0; }
.health-dot { width:8px; height:8px; margin-top:5px; border-radius:50%; background:#98a4ae; box-shadow:0 0 0 3px #eef1f3; }
.health-dot.health-healthy { background:#21965e; box-shadow:0 0 0 3px #e1f2e9; }
.health-dot.health-warning { background:#d39a00; box-shadow:0 0 0 3px #fbf0cf; }
.health-dot.health-critical { background:#cf3d46; box-shadow:0 0 0 3px #f9e2e4; }
.health-check-title { min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.health-check-title strong { color:#213243; font-size:12px; }
.health-check-title b { color:#354d60; font-size:10px; white-space:nowrap; }
.health-check p { margin:4px 0; color:#697989; font-size:11px; line-height:1.5; }
.health-check small { color:#96a1aa; font-size:9px; }
.health-check-actions { display:flex; align-items:flex-end; flex-direction:column; gap:5px; }
.health-check-actions a { color:#8a6500; font-size:9px; font-weight:800; text-decoration:none; }
.health-check-actions a:hover { text-decoration:underline; }
.overview-health-card { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px; margin-bottom:20px; border:1px solid #d6e1db; border-left:4px solid #1f9d61; border-radius:7px; background:#fff; padding:15px 18px; color:inherit; text-decoration:none; box-shadow:0 6px 18px rgba(18,37,55,.04); }
.overview-health-card.health-warning { border-color:#e7d59f; border-left-color:#d49a00; }
.overview-health-card.health-critical { border-color:#ebc3c6; border-left-color:#cf3d46; }
.overview-health-score { display:flex; align-items:baseline; gap:3px; color:#17764a; }
.health-warning .overview-health-score { color:#8a6500; }
.health-critical .overview-health-score { color:#aa2831; }
.overview-health-score strong { font-size:28px; }
.overview-health-score small { color:#85929d; font-size:10px; }
.overview-health-card > span:nth-child(2) { display:grid; }
.overview-health-card > span:nth-child(2) small { color:#6c7d8b; font-size:9px; font-weight:900; text-transform:uppercase; }
.overview-health-card > span:nth-child(2) strong { margin:1px 0; color:#172838; font-size:16px; }
.overview-health-card em { color:#84919c; font-size:10px; font-style:normal; }
.overview-health-issues { display:flex; align-items:flex-end; flex-direction:column; gap:3px; }
.overview-health-issues b { color:#536677; font-size:10px; }
.overview-health-issues small { margin-top:3px; color:#8a6500; font-size:10px; font-weight:900; }

@media(max-width:980px) {
    .health-overview { grid-template-columns:auto minmax(0,1fr); }
    .health-counts { grid-column:1/-1; grid-template-columns:repeat(4,minmax(0,1fr)); }
    .health-category-grid { grid-template-columns:minmax(0,1fr); }
}

@media(max-width:640px) {
    .health-overview { grid-template-columns:minmax(0,1fr); padding:17px; }
    .health-score { width:78px; height:78px; }
    .health-counts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .health-check { grid-template-columns:9px minmax(0,1fr); padding:13px 14px; }
    .health-check-actions { grid-column:2; align-items:flex-start; flex-direction:row; }
    .overview-health-card { grid-template-columns:auto minmax(0,1fr); }
    .overview-health-issues { grid-column:1/-1; align-items:flex-start; flex-direction:row; flex-wrap:wrap; }
    .overview-health-issues small { width:100%; }
}
.resource-thumbnail-field > .check-row { grid-column:1/-1; }
@media(max-width:760px) {
    .resource-section-settings,.resource-card-admin-form { grid-template-columns:minmax(0,1fr); }
    .resource-section-settings .full,.resource-section-settings .btn,.resource-card-admin-form .full,.resource-card-admin-form > .btn { grid-column:auto; }
    .resource-admin-accordions > details > summary { grid-template-columns:42px minmax(0,1fr) 12px; }
    .resource-admin-accordions > details > summary .status-badge { grid-column:2; justify-self:start; }
    .resource-thumbnail-field { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:820px) { .homepage-settings-panel { grid-template-columns:1fr; } .homepage-tabs { display:flex; overflow-x:auto; gap:5px; } .homepage-tabs a { flex:0 0 auto; white-space:nowrap; } .homepage-pane { padding:20px; } .benefits-admin-grid { grid-template-columns:1fr; } }

.slide-admin-item {
    overflow: hidden;
    border: 1px solid #d7dfe6;
    border-radius: 6px;
}

.slide-admin-item img {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #07111c;
    object-fit: contain;
}

.slide-admin-controls {
    display: grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items: end;
    gap: 8px;
    padding: 12px;
}

.slide-admin-controls label {
    flex: 1;
}

.slide-admin-controls .btn {
    min-height: 43px;
    grid-column:1/-1;
}

.template-card {
    border: 1px solid #d6dee5;
    border-radius: 6px;
    background: #fff;
}

.template-card summary {
    padding: 16px 18px;
    cursor: pointer;
}

.template-card[open] summary {
    border-bottom: 1px solid #dce3e8;
}

.template-fields {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.nav-toggle {
    display: none;
    position: fixed;
    z-index: 90;
    top: 12px;
    left: 12px;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 0;
    border-radius: 5px;
    background: #f3ad00;
    color: #171108;
    font-size: 20px;
    cursor: pointer;
}

.admin-nav-backdrop {
    display: none;
}

.admin-auth-body {
    min-height: 100svh;
    margin: 0;
    background: #07111c;
    color: #fff;
}

.admin-auth-shell {
    width: min(460px, calc(100% - 30px));
    min-height: 100svh;
    margin: auto;
    display: grid;
    align-content: center;
    gap: 18px;
    padding: 36px 0;
}

.admin-auth-brand {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    color: #fff;
    text-decoration: none;
}

.admin-auth-brand img {
    height: 52px;
}

.admin-auth-card {
    border: 1px solid rgba(243, 173, 0, 0.35);
    border-radius: 7px;
    background: #fff;
    color: #101821;
    padding: 28px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
}

.admin-auth-card h1 {
    margin: 6px 0 0;
    font-size: 31px;
}

.text-link {
    color: #805900;
    font-weight: 800;
}

.pagination-wrap nav svg {
    width: 20px;
    height: 20px;
}

.pagination-wrap nav > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.pagination-wrap nav a,
.pagination-wrap nav span {
    text-decoration: none;
}

@media (max-width: 1120px) {
    .admin-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .slide-admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
    .admin-shell { display: block; }
    .admin-side {
        position: fixed;
        z-index: 85;
        inset: 0 auto 0 0;
        width: min(250px, 86vw);
        min-height: 100svh;
        transform: translateX(-105%);
        transition: transform 190ms ease;
    }
    .admin-nav-open .admin-side { transform: translateX(0); }
    .admin-nav-open .admin-nav-backdrop {
        position: fixed;
        z-index: 80;
        inset: 0;
        display: block;
        background: rgba(3, 9, 15, 0.62);
    }
    .admin-nav-open { overflow: hidden; }
    .nav-toggle { display: grid; }
    .admin-main { padding: 0 18px 28px; }
    .workspace-head { padding-left: 50px; }
    .admin-main > .market-bar { top: 70px; margin-inline: -18px; }
    .profile-grid { grid-template-columns: 1fr; }
    .account-meta { grid-template-columns: 1fr; }
    .dash { display: block; }
    .dash .side { padding: 20px; }
    .dash .side-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-main > .table,
    .main > .table { display: block; overflow-x: auto; white-space: nowrap; }
}

@media (max-width: 760px) {
    .admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .workspace-head { min-height: 70px; }
    .admin-account-link b { max-width: 190px; }
    .form-grid { grid-template-columns: 1fr; }
    .form-grid .full { grid-column: auto; }
    .slide-admin-grid { grid-template-columns: 1fr; }
    .homepage-section-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .workspace-head { align-items: center; }
    .workspace-head > div > span { display: none; }
    .workspace-head > div > strong { font-size: 17px; }
    .admin-account-link > span:last-child { display: none; }
    .admin-main { padding-inline: 12px; }
    .admin-stats { grid-template-columns: 1fr; }
    .page-head { display: grid; align-items: start; }
    .page-head h1,
    .admin-page-heading h1 { font-size: 27px; }
    .panel-head { align-items: flex-start; flex-direction: column; }
    .dash .side-nav { grid-template-columns: 1fr; }
    .admin-auth-card { padding: 22px; }
    .slide-admin-controls { align-items: stretch; flex-direction: column; }
}

/* Admin wallet control center */
.admin-side {
    z-index: 85;
}

.admin-main {
    position: relative;
    z-index: 1;
}

.admin-side .side-nav a {
    position: relative;
    z-index: 1;
    min-height: 34px;
    padding: 7px 10px;
    pointer-events: auto;
}

.admin-nav-group {
    display: block;
    margin: 12px 10px 3px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(216, 226, 235, 0.58);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.admin-nav-group:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.admin-side .side-nav a > .admin-nav-icon,
.admin-nav-label .admin-nav-icon {
    width: 22px;
    min-width: 22px;
    margin-right: 9px;
    color: currentColor;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.admin-side .side-nav a > span:not(.admin-nav-label) {
    min-width: 0;
}

.admin-nav-label {
    min-width: 0;
    display: flex;
    align-items: center;
}

.admin-side .side-nav a.active .admin-nav-icon {
    color: #181107;
}

.admin-side .side-nav a.admin-nav-subitem {
    margin-left: 10px;
    padding-left: 16px;
    color: #b7c5d1;
    font-size: 12px;
}

.admin-side .side-nav a.admin-nav-subitem .admin-nav-icon {
    width: 18px;
    min-width: 18px;
    margin-right: 7px;
    font-size: 13px;
}

.action-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

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

.control-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 20px;
}

.chart-panel {
    min-width: 0;
}

.chart-panel .panel-head > strong {
    font-size: 20px;
}

.chart-panel .panel-head {
    align-items: flex-start;
    flex-wrap: wrap;
}

.chart-period-selector {
    display: flex;
    justify-content: flex-end;
    padding: 12px 20px 0;
}

.chart-period-selector label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6d7b89;
    font-size: 11px;
    font-weight: 700;
}

.chart-period-selector select {
    min-width: 120px;
}

.bar-chart {
    height: 220px;
    min-height: 220px;
    width: max(100%, calc(var(--bar-count, 1) * 42px));
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(var(--bar-count, 1), minmax(24px, 1fr));
    align-items: end;
    gap: 10px;
    padding: 24px 22px 18px;
}

.bar-chart-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
}

.bar-column {
    min-width: 0;
    height: 178px;
    display: grid;
    grid-template-rows: 1fr auto;
    align-items: end;
    gap: 7px;
    text-align: center;
}

.bar-column > span {
    width: min(34px, 80%);
    min-height: 4px;
    margin: auto auto 0;
    border-radius: 3px 3px 0 0;
    background: #f3ad00;
}

.bar-column small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #748291;
    font-size: 10px;
}

.chart-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #e1e6ea;
}

.chart-summary span {
    display: grid;
    gap: 3px;
    padding: 14px 20px;
    color: #6d7b89;
    font-size: 11px;
}

.chart-summary span + span {
    border-left: 1px solid #e1e6ea;
}

.chart-summary strong {
    color: #101821;
    font-size: 18px;
}

.status-chart {
    display: grid;
    gap: 15px;
    padding: 22px;
}

.status-chart > div {
    display: grid;
    grid-template-columns: 135px minmax(80px, 1fr) 32px;
    align-items: center;
    gap: 12px;
    color: #485867;
    font-size: 12px;
}

.status-chart > div > div {
    height: 9px;
    overflow: hidden;
    border-radius: 3px;
    background: #e5eaee;
}

.status-chart i {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: #1b3448;
}

.wide-table {
    min-width: 1050px !important;
}

.user-management-table {
    min-width: 1550px !important;
}

.user-management-table td,
.user-management-table th {
    vertical-align: top;
}

.user-filter-bar {
    align-items: end;
}

.user-filter-bar .filter-search {
    flex-basis: 280px;
}

.user-filter-bar select,
.user-filter-bar input:not([type="checkbox"]) {
    min-height: 43px;
}

.user-filter-bar .filter-check {
    flex: 0 0 auto;
    min-height: 43px;
    align-content: center;
    white-space: nowrap;
}

.customer-controls-panel {
    min-width: 0;
}

.customer-controls {
    display: grid;
    gap: 9px;
    padding: 18px 20px 20px;
}

.customer-controls > form,
.customer-controls > .action-disclosure {
    margin: 0;
}

.customer-controls > form .btn,
.customer-controls > .action-disclosure > summary {
    width: 100%;
    justify-content: center;
}

.action-disclosure {
    border: 1px solid #d6dee5;
    border-radius: 5px;
    background: #f8fafb;
}

.action-disclosure > summary {
    list-style: none;
    cursor: pointer;
}

.action-disclosure > summary::-webkit-details-marker {
    display: none;
}

.action-disclosure[open] > summary {
    border-bottom: 1px solid #d6dee5;
    border-radius: 5px 5px 0 0;
}

.action-disclosure form {
    display: grid;
    gap: 10px;
    padding: 13px;
}

.action-disclosure label {
    display: grid;
    gap: 5px;
    color: #526171;
    font-size: 11px;
    font-weight: 800;
}

.action-disclosure textarea {
    min-height: 66px;
}

.destructive-disclosure {
    margin-top: 8px !important;
    border-color: #e4bcbc;
}

.destructive-note {
    margin: 0;
    border-left: 3px solid #b63a3a;
    background: #fff1f1;
    color: #702b2b;
    padding: 9px 11px;
    font-size: 12px;
    line-height: 1.5;
}

.wallet-status-disclosure {
    min-width: 150px;
}

.wallet-status-disclosure form {
    min-width: min(310px, 78vw);
}

.customer-wallet-meta {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 0;
    padding: 18px 20px;
}

.customer-note-form {
    display: grid;
    gap: 12px;
    padding: 18px 20px;
}

.customer-note-form label {
    display: grid;
    gap: 7px;
    color: #526171;
    font-size: 11px;
    font-weight: 800;
}

.note-list {
    display: grid;
    border-top: 1px solid #e1e6ea;
}

.note-list article {
    padding: 14px 20px;
    border-bottom: 1px solid #e1e6ea;
}

.note-list article:last-child {
    border-bottom: 0;
}

.note-list p {
    margin: 0 0 6px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.note-list small,
.empty-inline {
    color: #718090;
    font-size: 11px;
}

.empty-inline {
    margin: 0;
    padding: 18px 20px;
}

.review-cell {
    max-width: 360px;
    white-space: normal;
}

.table-subline {
    display: block;
    margin-top: 3px;
    color: #7a8896;
    font-size: 10px;
}

.btn.compact {
    min-height: 32px;
    padding: 6px 10px;
    font-size: 11px;
}

.btn.danger {
    border-color: #bb3e3e;
    background: #fff;
    color: #9b2828;
}

.btn.danger:hover {
    background: #9b2828;
    color: #fff;
}

.table-actions,
.inline-actions {
    display: flex;
    align-items: center;
    gap: 7px;
}

.table-actions form {
    margin: 0;
}

.admin-order-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.admin-order-actions form { margin: 0; }
.btn.delete-order { border-color: #a72323; background: #b92f2f; color: #fff; }
.btn.delete-order:hover { border-color: #861b1b; background: #861b1b; }
.btn.delete-order:disabled { cursor: not-allowed; opacity: .45; transform: none; }
.admin-order-delete-note { display: block; max-width: 290px; margin-top: 5px; color: #8d3333; font-size: 10px; line-height: 1.35; white-space: normal; }

.activity-list {
    display: grid;
}

.activity-list article {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-bottom: 1px solid #e1e6ea;
}

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

.activity-mark {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 5px;
    background: #fff0c9;
    color: #765300;
    font-size: 10px;
    font-weight: 900;
}

.activity-list article p {
    margin: 3px 0 0;
    color: #69798a;
    font-size: 12px;
}

.activity-list article small {
    color: #748291;
    text-align: right;
}

.filter-bar {
    display: flex;
    align-items: end;
    gap: 12px;
    padding: 14px 16px;
}

.filter-bar label {
    min-width: 180px;
    display: grid;
    flex: 1;
    gap: 6px;
    color: #4f5e6c;
    font-size: 11px;
    font-weight: 800;
}

.filter-bar .btn {
    min-height: 43px;
}

.filter-bar .text-link {
    align-self: center;
    padding: 10px 4px;
}

.multi-filter {
    flex-wrap: wrap;
}

.multi-filter label {
    flex: 1 1 155px;
}

.asset-manager {
    margin-top: 20px;
}

.asset-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}

.asset-grid article {
    min-width: 0;
    overflow: hidden;
    display: grid;
    align-content: start;
    gap: 10px;
    border: 1px solid #d8e0e6;
    border-radius: 5px;
    background: #f8fafb;
    padding: 12px;
}

.asset-grid img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    background: #07111c;
}

.asset-text small,
.asset-text a {
    overflow-wrap: anywhere;
}

.order-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.summary-panel {
    display: grid;
    align-content: start;
    gap: 5px;
    padding: 17px;
}

.summary-panel > span,
.summary-panel small {
    color: #718090;
    font-size: 11px;
}

.summary-panel > strong {
    font-size: 19px;
    overflow-wrap: anywhere;
}

.control-panel .panel-body {
    display: grid;
    gap: 18px;
    padding: 20px;
}

.proof-list {
    display: grid;
    gap: 8px;
}

.proof-list article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 5px;
    background: #f2f5f7;
    padding: 10px 12px;
}

.proof-list article div,
.copy-row {
    min-width: 0;
}

.proof-list small {
    display: block;
    margin-top: 2px;
    color: #718090;
}

.copy-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.copy-row code {
    min-width: 0;
    flex: 1;
    overflow-wrap: anywhere;
    border-radius: 4px;
    background: #edf1f4;
    padding: 12px;
}

.refund-layout {
    grid-template-columns: minmax(250px, 0.75fr) minmax(300px, 1.25fr);
    align-items: start;
}

.refund-summary {
    display: grid;
    gap: 9px;
}

.refund-summary span {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid #e1e6ea;
    padding: 9px 0;
    color: #657486;
}

.timeline-list {
    display: grid;
    padding: 8px 20px 18px;
}

.timeline-list article {
    display: grid;
    grid-template-columns: 15px minmax(0, 1fr) auto;
    gap: 12px;
    border-bottom: 1px solid #e1e6ea;
    padding: 13px 0;
}

.timeline-list i {
    width: 9px;
    height: 9px;
    margin-top: 4px;
    border-radius: 50%;
    background: #f3ad00;
}

.timeline-list p {
    margin: 4px 0 0;
    color: #69798a;
}

.wallet-balance-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-top: 3px solid #f3ad00;
    padding: 22px;
}

.wallet-balance-panel > div {
    display: grid;
    gap: 3px;
}

.wallet-balance-panel > div > span,
.wallet-balance-panel small {
    color: #6d7b89;
    font-size: 11px;
    font-weight: 800;
}

.wallet-balance-panel strong {
    font-size: 34px;
}

.wallet-action-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.wallet-actions-section {
    margin-bottom: 20px;
}

.wallet-actions-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 11px;
}

.wallet-actions-heading h2,
.wallet-actions-heading p {
    margin: 0;
}

.wallet-actions-heading h2 {
    font-size: 18px;
}

.wallet-actions-heading p {
    margin-top: 3px;
    color: #718090;
    font-size: 12px;
}

.wallet-action-card {
    min-width: 0;
    min-height: 150px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    gap: 18px;
    border: 1px solid #d5dee5;
    border-top: 3px solid #81909d;
    border-radius: 6px;
    background: #fff;
    padding: 16px;
}

.wallet-action-credit {
    border-top-color: #2f8a57;
}

.wallet-action-debit,
.wallet-action-status {
    border-top-color: #142335;
}

.wallet-action-reset {
    border-top-color: #bb3e3e;
}

.wallet-action-card h3 {
    margin: 0;
    font-size: 17px;
}

.wallet-action-card p {
    margin: 5px 0 0;
    color: #69798a;
    font-size: 12px;
    line-height: 1.45;
}

.wallet-action-card .btn {
    width: 100%;
}

.admin-wallet-modal[hidden] {
    display: none;
}

.admin-wallet-modal {
    position: fixed;
    z-index: 120;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}

.admin-wallet-modal-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(7, 17, 28, 0.68);
    cursor: default;
}

.admin-wallet-dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 470px);
    max-height: calc(100svh - 40px);
    overflow-y: auto;
    border: 1px solid #d5dee5;
    border-radius: 7px;
    background: #fff;
    padding: 24px;
    box-shadow: 0 22px 55px rgba(7, 17, 28, 0.28);
}

.admin-wallet-dialog > h2 {
    margin: 4px 42px 0 0;
    font-size: 23px;
}

.admin-wallet-dialog > p {
    margin: 7px 42px 18px 0;
    color: #69798a;
    font-size: 13px;
    line-height: 1.45;
}

.admin-wallet-dialog-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 5px;
    background: #eef2f5;
    color: #354555;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}

.admin-wallet-dialog-close:hover,
.admin-wallet-dialog-close:focus-visible {
    background: #07111c;
    color: #fff;
}

.admin-wallet-action-form {
    gap: 13px;
}

.admin-wallet-action-form textarea {
    min-height: 86px;
}

.admin-wallet-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 3px;
}

body.admin-wallet-modal-open {
    overflow: hidden;
}

/* Customer public-performance settings dialog */
dialog[id^="public-settings-"] {
    width: min(440px, calc(100vw - 32px));
    max-width: none;
    max-height: min(680px, calc(100vh - 32px));
    padding: 0;
    border: 1px solid #d7e0e7;
    border-radius: 12px;
    background: #fff;
    color: #142335;
    box-shadow: 0 24px 70px rgba(7, 17, 28, .22);
}

dialog[id^="public-settings-"]::backdrop {
    background: rgba(13, 27, 42, .48);
    backdrop-filter: blur(2px);
}

dialog[id^="public-settings-"] form {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 28px;
}

dialog[id^="public-settings-"] h2 {
    margin: 0;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: 0;
}

dialog[id^="public-settings-"] p {
    margin: 8px 0 22px;
    color: #6b7b8b;
    font-size: 14px;
}

dialog[id^="public-settings-"] .check-row {
    min-height: 42px;
    margin: 0;
    padding: 9px 12px;
    border: 1px solid #e5ebef;
    border-radius: 7px;
    background: #f8fafb;
    color: #253647;
    font-size: 14px;
    transition: background .15s ease, border-color .15s ease;
}

dialog[id^="public-settings-"] .check-row + .check-row { margin-top: 7px; }
dialog[id^="public-settings-"] .check-row:hover { border-color: #cbd8e2; background: #f2f6f8; }
dialog[id^="public-settings-"] .check-row input[type="checkbox"] { flex: 0 0 17px; margin: 0; accent-color: #d79d00; }
dialog[id^="public-settings-"] .check-row span { line-height: 1.3; }
dialog[id^="public-settings-"] form > .btn { margin-top: 22px; }
dialog[id^="public-settings-"] form > .btn + .btn { margin-top: 10px; }

@media (min-width: 480px) {
    dialog[id^="public-settings-"] form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; }
    dialog[id^="public-settings-"] h2,
    dialog[id^="public-settings-"] p,
    dialog[id^="public-settings-"] .check-row { grid-column: 1 / -1; }
    dialog[id^="public-settings-"] form > .btn { margin-top: 22px; }
    dialog[id^="public-settings-"] form > .btn + .btn { margin-top: 22px; }
}

@media (max-width: 479px) {
    dialog[id^="public-settings-"] form { padding: 22px; }
}

.money-credit {
    color: #17643a;
    font-weight: 900;
}

.money-debit {
    color: #9b2828;
    font-weight: 900;
}

.customer-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.detail-list dl {
    margin: 0;
    padding: 8px 20px 18px;
}

.detail-list dl > div {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 12px;
    border-bottom: 1px solid #e1e6ea;
    padding: 11px 0;
}

.detail-list dt {
    color: #718090;
}

.detail-list dd {
    margin: 0;
    overflow-wrap: anywhere;
    font-weight: 800;
}

.quick-links > div {
    display: grid;
    gap: 10px;
    padding: 20px;
}

.review-admin-list {
    display: grid;
    gap: 14px;
}

.review-admin-card {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.review-admin-card > header,
.review-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.review-admin-card > header > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.review-admin-card > header > div:first-child {
    display: grid;
    gap: 2px;
}

.review-admin-card > header span,
.review-meta {
    color: #6d7b89;
    font-size: 11px;
}

.status-badge.demo {
    background: #e8e5ff;
    color: #51418c;
}

.tool-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.55fr);
    align-items: end;
    gap: 24px;
    padding: 20px;
}

.tool-panel h2,
.tool-panel p {
    margin: 0;
}

.tool-panel p {
    margin-top: 5px;
    color: #6d7b89;
}

@media (max-width: 1200px) {
    .kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .customer-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .customer-wallet-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .order-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wallet-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .control-grid,
    .refund-layout,
    .tool-panel { grid-template-columns: 1fr; }
    .asset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .filter-bar { align-items: stretch; flex-wrap: wrap; }
    .filter-bar label { flex: 1 1 220px; }
}

@media (max-width: 620px) {
    .action-heading { align-items: stretch; flex-direction: column; }
    .action-heading > .btn,
    .action-heading > form .btn { width: 100%; }
    .kpi-grid,
    .customer-stats,
    .order-summary-grid,
    .asset-grid { grid-template-columns: 1fr; }
    .customer-wallet-meta { grid-template-columns: 1fr; }
    .wallet-action-grid { grid-template-columns: 1fr; }
    .wallet-action-card { min-height: 0; }
    .admin-wallet-modal { align-items: end; padding: 12px; }
    .admin-wallet-dialog { max-height: calc(100svh - 24px); padding: 20px; }
    .admin-wallet-dialog-actions { align-items: stretch; flex-direction: column-reverse; }
    .admin-wallet-dialog-actions .btn { width: 100%; }
    .filter-bar { display: grid; }
    .admin-main > .market-bar { margin-inline: -12px; }
    .filter-bar label { min-width: 0; }
    .status-chart > div { grid-template-columns: 100px minmax(60px, 1fr) 26px; }
    .chart-period-selector { justify-content: stretch; padding-inline: 14px; }
    .chart-period-selector label { width: 100%; justify-content: space-between; }
    .chart-period-selector select { flex: 1; min-width: 0; }
    .activity-list article { grid-template-columns: 32px minmax(0, 1fr); }
    .activity-list article small { grid-column: 2; text-align: left; }
    .timeline-list article { grid-template-columns: 12px minmax(0, 1fr); }
    .timeline-list article small { grid-column: 2; }
    .review-admin-card > header,
    .review-meta,
    .inline-actions { align-items: stretch; flex-direction: column; }
}

/* Per-order device and license lifecycle */
.account-page-heading {
    margin-bottom: 20px;
}

.account-page-heading h1 {
    margin: 4px 0;
    font-size: 30px;
}

.account-page-heading p {
    margin: 0;
    color: #6c7b89;
}

.performance-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:20px; }
.performance-kpi { display:grid; gap:8px; padding:22px; }
.performance-kpi span,.performance-kpi small { color:#6c7b89; }
.performance-kpi strong { font-size:26px; color:#132333; }
.performance-kpi strong.positive,.positive { color:#126b32 !important; font-weight:850; }
.negative { color:#a92727 !important; font-weight:850; }
.warning { color:#8f5d00 !important; font-weight:800; }
.neutral { color:#596979 !important; font-weight:700; }
.performance-detail-panel dd.positive,.customer-performance-detail-panel dd.positive,.admin-bot-performance-card dd.positive,
.performance-detail-panel dd.negative,.customer-performance-detail-panel dd.negative,.admin-bot-performance-card dd.negative,
.performance-detail-panel dd.warning,.customer-performance-detail-panel dd.warning,.admin-bot-performance-card dd.warning { font-weight:850; }
.performance-status.performance-healthy { color:#126b32 !important; font-weight:850; }
.performance-status.performance-risk { color:#a92727 !important; font-weight:850; }
.performance-status.performance-warning { color:#8f5d00 !important; font-weight:850; }
.performance-healthy { color:#16833b !important; border-color:rgba(22,131,59,.28) !important; }
.performance-risk { color:#c53535 !important; border-color:rgba(197,53,53,.3) !important; }
.performance-warning { color:#a66a00 !important; border-color:rgba(166,106,0,.3) !important; }
.performance-trend,.performance-table { margin-bottom:20px; }
.customer-performance-table { margin-top:0; }
.customer-performance-wrap { overflow-x: hidden; }
.connect-guide-link { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:20px; padding:20px 22px; }
.mt5-guide-admin { display: grid; gap: 12px; }
.mt5-guide-section { border: 1px solid #d9e2e9; border-radius: 6px; background: #fff; overflow: hidden; }
.mt5-guide-section > summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; padding: 15px 18px; color: #1d3348; font-size: 14px; font-weight: 900; }
.mt5-guide-section > summary::-webkit-details-marker { display: none; }
.mt5-guide-section > summary::after { content: '+'; color: #8b680b; font-size: 19px; line-height: 1; }
.mt5-guide-section[open] > summary { border-bottom: 1px solid #e4ebf0; background: #f8fbfd; }
.mt5-guide-section[open] > summary::after { content: '\2212'; }
.mt5-guide-section > .form-grid,
.mt5-guide-section > p,
.mt5-guide-section > .guide-step-admin-list { margin: 0; padding: 16px 18px; }
.mt5-file-status { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 18px 16px; padding: 11px 13px; border: 1px solid #cfe7d8; border-radius: 5px; background: #f2fbf5; }
.mt5-file-status span { display: grid; gap: 3px; min-width: 0; }
.mt5-file-status strong { overflow-wrap: anywhere; color: #24583a; font-size: 12px; }
.mt5-file-status small { color: #2c8a51; font-size: 11px; font-weight: 800; }
.mt5-empty-state { margin: 0 18px 16px; color: #718396; font-size: 12px; }
.mt5-thumbnail-preview { display: block; width: min(240px, calc(100% - 36px)); max-height: 140px; margin: 0 18px 16px; border: 1px solid #d9e2e9; border-radius: 5px; object-fit: cover; }
@media (max-width: 700px) { .mt5-file-status { align-items: stretch; flex-direction: column; } .mt5-file-status .btn { width: 100%; } }
.connect-guide-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:20px; padding:22px; }
.connect-guide-hero h2,.connect-guide-video h2,.connect-guide-licenses h2 { margin:0 0 5px; font-size:19px; }
.connect-guide-hero p,.connect-guide-video p { margin:0; color:#718090; }
.connect-guide-video { display:grid; gap:14px; margin-bottom:20px; padding:22px; }
.connect-guide-video video,.connect-guide-video iframe { width:100%; max-height:360px; aspect-ratio:16/9; border:0; border-radius:6px; background:#0d1b29; object-fit:contain; }
.connect-guide-url-actions { display:flex; gap:8px; flex-wrap:wrap; }
.connect-guide-licenses { display:grid; gap:10px; margin-top:4px; }
.connect-guide-licenses > div { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:12px 14px; border:1px solid #e1e8ee; border-radius:6px; background:#fff; }
.connect-guide-licenses code { overflow-wrap:anywhere; }
.guide-step-admin { display:grid; grid-template-columns:minmax(0,1fr) 120px; gap:12px; }
.guide-step-admin-list { display:grid; gap:10px; margin:14px 0 20px; }
.customer-assignment-panel { margin-bottom:20px; }
.customer-assignment-panel .action-disclosure { max-width:260px; }
.customer-assignment-panel .action-disclosure[open] { max-width:none; }
.customer-assignment-copy { padding:16px 18px 4px; }
.customer-assignment-copy > p { margin:0 0 14px; color:#718090; }
.customer-detail-tabs-shell { width:100%; min-width:0; max-width:100%; }
.customer-detail-tabs {
    display:flex;
    width:100%;
    max-width:100%;
    align-items:center;
    gap:6px;
    margin:0 0 16px;
    padding:2px 1px 9px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
}
.customer-detail-tab {
    min-height:36px;
    flex:0 0 auto;
    border:1px solid #d3dde5;
    border-radius:6px;
    padding:7px 11px;
    background:#fff;
    color:#516274;
    font:inherit;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    white-space:nowrap;
    cursor:pointer;
}
.customer-detail-tab:hover { border-color:#d6a52d; color:#172838; background:#fff9e8; }
.customer-detail-tab.active { border-color:#172838; background:#172838; color:#fff; box-shadow:inset 0 -3px 0 #f3ad00; }
.customer-detail-tab:focus-visible { outline:2px solid #d79d00; outline-offset:2px; }
.customer-detail-tab-panel { width:100%; min-width:0; margin:0; }
.customer-detail-tab-panel[hidden] { display:none !important; }
.customer-detail-tabs-shell .customer-badge-panel { margin:0; }
@media (max-width:700px) {
    .customer-detail-tabs { gap:5px; margin-bottom:12px; }
    .customer-detail-tab { min-height:34px; padding:6px 9px; font-size:10px; }
}
.guide-step-admin { align-items:end; padding:12px; border:1px solid #e1e8ee; border-radius:6px; background:#f8fafc; }
.guide-step-admin > label:last-child { align-self:center; }
.connect-guide-link h2 { margin:0 0 4px; font-size:18px; }
.connect-guide-link p { margin:0; color:#718090; }
.connect-guide { display:grid; gap:22px; padding:22px; }
.connect-guide-steps { display:grid; gap:10px; }
.connect-guide-steps article { display:flex; align-items:flex-start; gap:14px; padding:14px 16px; border:1px solid #e1e8ee; border-radius:6px; background:#fff; }
.connect-step-number { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; border-radius:50%; background:#fff2c9; color:#8a6200; font-weight:800; }
.connect-guide-steps p { margin:4px 0 0; color:#2f3e4c; line-height:1.5; }
.connect-guide-url { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px; border:1px solid #d9e2e9; border-radius:6px; background:#f7fafc; }
.connect-guide-url code { display:block; margin:6px 0; color:#142335; font-size:15px; overflow-wrap:anywhere; }
.connect-guide-url small { display:block; color:#718090; }
@media (max-width:620px) { .connect-guide-link,.connect-guide-hero,.connect-guide-url { align-items:stretch; flex-direction:column; }.connect-guide-link .btn,.connect-guide-hero .btn,.connect-guide-url .btn { width:100%; justify-content:center; }.connect-guide-licenses > div,.guide-step-admin { grid-template-columns:1fr; }.connect-guide-licenses > div .btn { width:100%; justify-content:center; } }
.customer-performance-list { width:100%; min-width:0 !important; table-layout:fixed; }
.customer-performance-list th,.customer-performance-list td { overflow-wrap:anywhere; }
.customer-performance-row { cursor:pointer; }
.customer-performance-row:hover { background:#f7fafc; }
.customer-performance-row:focus { outline:2px solid #d79d00; outline-offset:-2px; }
.customer-performance-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.performance-expand { width:30px; height:30px; flex:0 0 30px; display:inline-grid; place-items:center; border:1px solid #d3dde5; border-radius:50%; background:#fff; color:transparent; font-size:0; line-height:1; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.performance-expand::before { content:""; width:8px; height:8px; border-right:2px solid #536879; border-bottom:2px solid #536879; transform:translateY(-2px) rotate(45deg); transition:transform .18s ease; }
.customer-performance-row:hover .performance-expand,.customer-performance-row:focus .performance-expand { border-color:#b9c8d4; background:#f1f6f9; }
.performance-main-row .performance-expand { cursor:pointer; align-self:center; }
.performance-main-row:hover .performance-expand,.performance-main-row:focus .performance-expand { border-color:#b9c8d4; background:#f1f6f9; }
.performance-expand:focus-visible { outline:2px solid #d79d00; outline-offset:2px; }
.performance-expand[aria-expanded="true"]::before { transform:translateY(2px) rotate(225deg); }
.customer-performance-detail-row > td { padding:0 !important; border-top:0; }
.customer-performance-detail-panel { padding:22px; background:#f7fafc; border-top:1px solid #dbe3e9; }
.customer-detail-heading { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:18px; }
.customer-detail-heading h3 { margin:4px 0 0; }
.customer-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.customer-detail-grid section { background:#fff; border:1px solid #e1e8ee; border-radius:6px; padding:16px; min-width:0; }
.customer-detail-grid h4 { margin:0 0 12px; font-size:14px; }
.customer-detail-grid dl { display:grid; gap:10px; margin:0; }
.customer-detail-grid dt { color:#718090; font-size:11px; }
.customer-detail-grid dd { margin:2px 0 0; font-weight:700; overflow-wrap:anywhere; }
@media (max-width:900px) { .customer-performance-list th:nth-child(4),.customer-performance-list td:nth-child(4),.customer-performance-list th:nth-child(5),.customer-performance-list td:nth-child(5) { display:none; }.customer-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .customer-performance-list { display:block; }.customer-performance-list thead { display:none; }.customer-performance-list tbody,.customer-performance-list tr { display:block; }.customer-performance-row { display:grid !important; grid-template-columns:1fr auto; gap:8px 12px; padding:14px; }.customer-performance-row td { display:block; padding:0; border:0; }.customer-performance-row td:nth-child(2),.customer-performance-row td:nth-child(3),.customer-performance-row td:nth-child(4),.customer-performance-row td:nth-child(5),.customer-performance-row td:nth-child(6),.customer-performance-row td:nth-child(7) { grid-column:1; }.customer-performance-row td:nth-child(8) { grid-column:2; grid-row:1 / span 7; }.customer-performance-actions { display:flex !important; flex-direction:column; }.customer-performance-actions .btn { white-space:nowrap; }.customer-performance-detail-row { display:block !important; }.customer-performance-detail-row > td { display:block; }.customer-performance-detail-panel { padding:16px; }.customer-detail-grid { grid-template-columns:1fr; }.customer-detail-heading { display:grid; } }
.performance-chart { min-height:220px; display:grid; place-items:center; padding:18px; }
.performance-chart svg { width:100%; height:auto; }
.performance-chart { min-height:0; height:300px; display:flex; flex-direction:column; justify-content:center; padding:18px 22px 14px; }
.performance-chart svg { width:100%; height:250px; overflow:visible; }
.trend-grid line { stroke:#dfe7ef; stroke-width:1; stroke-dasharray:4 5; }
.trend-point { fill:#2864e8; stroke:#fff; stroke-width:2; }
.trend-axis-labels { display:flex; justify-content:space-between; gap:12px; width:100%; color:#718396; font-size:11px; }
.trend-empty { min-height:0; padding:20px; }
@media (max-width:620px) { .performance-chart { height:260px; padding-inline:12px; }.performance-chart svg { height:210px; }.trend-axis-labels { font-size:10px; } }
.performance-empty,.performance-footnote { color:#6c7b89; text-align:center; }
.performance-footnote { margin:18px 0; font-size:13px; }
@media (max-width:820px) { .performance-kpis { grid-template-columns:1fr; } }

.customer-order-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lifecycle-panel .panel-body {
    display: grid;
    gap: 18px;
    padding: 20px;
}

.license-detail-grid,
.admin-license-current {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    overflow: hidden;
    border: 1px solid #d8e0e6;
    border-radius: 6px;
    background: #d8e0e6;
}

.license-detail-grid > div,
.admin-license-current > div {
    min-width: 0;
    display: grid;
    gap: 6px;
    background: #f8fafb;
    padding: 14px;
}

.license-detail-grid dt,
.admin-license-current dt {
    color: #6d7b89;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.license-detail-grid dd,
.admin-license-current dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    font-weight: 800;
}

.license-detail-grid dd {
    display: flex;
    align-items: center;
    gap: 8px;
}

.license-detail-grid code,
.lifecycle-table code {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.icon-copy {
    flex: 0 0 auto;
    min-height: 30px;
    border: 1px solid #c7d0d7;
    border-radius: 4px;
    background: #fff;
    color: #263746;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.external-license-note,
.permission-message {
    margin: 0;
    border-left: 3px solid #5b91c2;
    background: #edf6ff;
    color: #245375;
    padding: 12px 14px;
    line-height: 1.55;
}

.permission-message strong {
    display: block;
    margin-bottom: 3px;
}

.permission-message p {
    margin: 0;
}

.permission-message small {
    display: block;
    margin-top: 7px;
}

.permission-message.request-open {
    border-left-color: #e0a82e;
    background: #fff5da;
    color: #674900;
}

.initial-device-form,
.device-change-form {
    max-width: 720px;
}

.initial-device-form .btn,
.device-change-form .btn {
    justify-self: start;
}

.compact-empty {
    min-height: 0;
    padding: 18px;
}

.request-history-list,
.device-request-list {
    display: grid;
}

.request-history-list article {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    border-bottom: 1px solid #e1e6ea;
    padding: 15px 20px;
}

.request-history-list article:last-child {
    border-bottom: 0;
}

.request-history-list p,
.request-history-list small {
    margin: 4px 0 0;
    color: #687887;
}

.request-history-list article > div:last-child {
    display: grid;
    justify-items: end;
    align-content: start;
    gap: 6px;
}

.status-badge.replaced,
.status-badge.completed {
    background: #e8edf1;
    color: #425362;
}

.status-badge.approved {
    background: #def2e5;
    color: #17643a;
}

.status-badge.needs-information {
    background: #fff0ce;
    color: #6b4b00;
}

.device-access-grid {
    grid-template-columns: minmax(260px, 0.8fr) minmax(300px, 1.2fr);
    align-items: start;
}

.eligibility-summary {
    display: grid;
    gap: 9px;
}

.eligibility-summary > span {
    display: grid;
    gap: 4px;
    border-bottom: 1px solid #e0e6ea;
    padding: 8px 0;
    color: #6b7a88;
    font-size: 11px;
}

.eligibility-summary strong {
    color: #1c2934;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.device-request-card {
    min-width: 0;
    display: grid;
    gap: 16px;
    border-bottom: 1px solid #dfe5e9;
    padding: 20px;
}

.device-request-card:last-child {
    border-bottom: 0;
}

.device-request-card > header,
.device-request-card > header > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.device-request-card > header > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
}

.device-request-card p {
    margin: 0;
}

.device-request-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.device-request-grid > div {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.device-request-grid > div > span {
    color: #6d7b89;
    font-size: 11px;
    font-weight: 800;
}

.request-review-form,
.completion-form {
    border-top: 1px solid #e0e6ea;
    padding-top: 16px;
}

.completion-form {
    border: 1px solid #e1b54c;
    border-radius: 6px;
    background: #fff9e9;
    padding: 16px;
}

.completion-form h3 {
    margin: 0;
    font-size: 17px;
}

.request-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.text-button {
    border: 0;
    background: transparent;
    color: #536372;
    font-weight: 800;
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 860px) {
    .dashboard-heading-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .device-access-grid,
    .device-request-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .dashboard-message-card {
        grid-template-columns: 26px minmax(0, 1fr) 28px;
        padding: 10px;
    }

    .dashboard-message-icon {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .recent-activity-item {
        grid-template-columns: 34px minmax(0, 1fr);
        align-items: start;
        gap: 10px;
    }

    .recent-activity-icon {
        width: 32px;
        height: 32px;
    }

    .recent-activity-meta {
        grid-column: 2;
        min-width: 0;
        justify-items: start;
    }

    .customer-message-history-item {
        grid-template-columns: 1fr;
    }

    .customer-message-history-item header {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .customer-message-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .customer-message-actions .btn,
    .customer-message-actions form {
        width: 100%;
    }

    .customer-order-summary,
    .license-detail-grid,
    .admin-license-current {
        grid-template-columns: 1fr;
    }

    .request-history-list article {
        grid-template-columns: 1fr;
    }

    .request-history-list article > div:last-child {
        justify-items: start;
    }

    .device-request-card > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .copy-row,
    .request-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .copy-row .btn,
    .request-actions .btn,
    .request-actions .text-button {
        width: 100%;
    }
}
.admin-bot-visibility{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;min-width:0}.admin-bot-visibility>span:first-of-type{overflow-wrap:anywhere;min-width:0;font-size:12px}.admin-bot-visibility small{font-size:12px;color:#64748b}
.tabs,.advertising-admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;}
.tabs a,.advertising-admin-tabs a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid #d4dde4;border-radius:6px;background:#fff;color:#526171;font-size:13px;font-weight:800;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.tabs a:hover,.advertising-admin-tabs a:hover{border-color:#b48a21;color:#7a5700;background:#fffaf0;}
.tabs a.active,.advertising-admin-tabs a.active{border-color:#c99b20;background:#c99b20;color:#172633;box-shadow:0 2px 5px rgba(23,38,51,.12);}
.workspace-head > .admin-header-actions{margin-left:auto;display:flex;align-items:center;position:relative;gap:0;}
.workspace-head > .admin-header-actions + .admin-account-link{margin-left:-14px;}
.workspace-head > .admin-header-actions .notification-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;}
@media(max-width:620px){.workspace-head > .admin-header-actions + .admin-account-link{margin-left:-10px;}}

/* Live Bot Performance */
.side-nav a.live-nav-link,
.side-nav a.live-nav-link:hover,
.side-nav a.live-nav-link.active {
    color: #42d477 !important;
}
.side-nav a.live-nav-link .admin-nav-icon,
.side-nav a.live-nav-link .customer-nav-icon,
.side-nav a.live-nav-link.active .admin-nav-icon,
.side-nav a.live-nav-link.active .customer-nav-icon {
    color: #42d477 !important;
}