:root {
    --primary: #99cc00;
    --ring: #99cc00;
    --chart-1: #99cc00;
    --primary-light: color-mix(in srgb, #99cc00 11%, white);
    --primary-foreground: #ffffff;
}

.dark {
    --primary: #99cc00;
    --ring: #99cc00;
    --chart-1: #99cc00;
}

.btn-primary,
.btn-primary *,
.kt-btn-primary,
.kt-btn-primary * {
    color: #ffffff !important;
}

.zi-auth-bg {
    background: radial-gradient(circle at 78% 12%, rgb(153 204 0 / .18), transparent 30%), linear-gradient(145deg, #fbfcf8 0%, #f3f6ee 100%);
}

.zi-auth-product-highlight { color: #99cc00; }
.zi-auth-product-highlight::after { background: linear-gradient(90deg, rgb(153 204 0 / .20), rgb(153 204 0 / .48)); }

.text-primary,
.kt-menu-item.active > .zi-menu-link { color: #5f8000 !important; }
.kt-menu-item.active .kt-menu-title,
.kt-menu-item.active .kt-menu-icon,
.kt-menu-item.active .kt-menu-icon .zi-icon { color: #99cc00 !important; }
.kt-menu-item.active > .zi-menu-link { background: rgb(153 204 0 / .11); }

.zi-account-popover { z-index: 90; }
.zi-brand-word { color: var(--primary); font-weight: 700; }
.zi-notification-popover { display: none; z-index: 95; }
.zi-notification-center.is-open .zi-notification-popover { display: block; }
.zi-notification-popover > header form { padding: 0; border: 0; }
.zi-notification-popover > header form button { color: var(--primary); font-size: .65rem; font-weight: 650; }
.zi-notification-popover > div > form { margin: 0; }
.zi-notification-popover > div > form > button { display: grid; width: 100%; grid-template-columns: 2.2rem minmax(0, 1fr); gap: .7rem; padding: .8rem 1rem; border-bottom: 1px solid var(--border); text-align: start; }
.zi-notification-popover > div > form > button:hover { background: var(--accent); }
.zi-notification-popover > div > form > button.unread { background: color-mix(in srgb, var(--primary) 6%, white); }
.zi-notification-popover > div > form > button > span { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: .55rem; }
.zi-notification-popover > div > form > button > div { display: grid; min-width: 0; gap: .15rem; }
.zi-notification-popover > footer { padding: .7rem 1rem; border-top: 1px solid var(--border); text-align: center; }
.zi-notification-popover > footer a { color: var(--primary); font-size: .68rem; font-weight: 650; }
.zi-notification-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); align-items: start; gap: 1rem; }
.zi-notification-filters { display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)) auto; align-items: end; gap: .75rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }
.zi-notification-list { display: grid; }
.zi-notification-list > article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .85rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }
.zi-notification-list > article:last-child { border-bottom: 0; }
.zi-notification-list > article.unread { background: color-mix(in srgb, var(--primary) 5%, white); box-shadow: inset 3px 0 0 var(--primary); }
.zi-notification-list article > div:nth-child(2) { display: grid; min-width: 0; gap: .25rem; }
.zi-notification-list h2 { font-size: .76rem; font-weight: 650; }
.zi-notification-list p { color: var(--muted-foreground); font-size: .67rem; line-height: 1.5; }
.zi-notification-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; color: var(--muted-foreground); font-size: .59rem; }
.zi-notification-actions { display: flex; align-items: center; gap: .4rem; }
.zi-notification-actions form { margin: 0; }
.zi-read-state { display: inline-flex; align-items: center; gap: .35rem; color: var(--primary); font-size: .65rem; font-weight: 650; }
.zi-read-state .zi-icon { width: .8rem; }
.zi-notification-preferences { position: sticky; top: calc(var(--zi-header-height) + 1rem); }
.zi-notification-preferences .card-body { display: grid; gap: .2rem; }
.zi-preference-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--border); }
.zi-preference-row > span { display: grid; gap: .12rem; }
.zi-preference-row strong { font-size: .7rem; }
.zi-preference-row small { color: var(--muted-foreground); font-size: .6rem; line-height: 1.4; }
.zi-preference-row input { width: 1rem; height: 1rem; flex: none; accent-color: var(--primary); }
.zi-health-summary { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 1rem; margin-bottom: 1rem; }
.zi-health-summary section { display: flex; align-items: center; gap: .8rem; padding: 1rem; }
.zi-health-summary section > div { display: grid; gap: .12rem; }
.zi-health-summary small, .zi-health-summary em { color: var(--muted-foreground); font-size: .61rem; font-style: normal; }
.zi-health-summary strong { font-size: .95rem; }
.zi-health-indicator, .zi-health-status { display: grid; flex: none; place-items: center; border-radius: .6rem; }
.zi-health-indicator { width: 2.65rem; height: 2.65rem; }
.zi-health-indicator .zi-icon { width: 1.15rem; }
.zi-health-indicator.ready, .zi-health-status.pass { background: var(--primary-light); color: #5f8000; }
.zi-health-indicator.warning, .zi-health-status.warn { background: #fff7d6; color: #8a6200; }
.zi-health-indicator.blocked, .zi-health-status.fail { background: #fff1f2; color: #be123c; }
.zi-health-boundary-note, .zi-settings-boundary-note { max-width: none; margin-bottom: 1rem; }
.zi-health-boundary-note div, .zi-settings-boundary-note div { display: grid; gap: .12rem; }
.zi-health-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zi-health-checks article { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .75rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }
.zi-health-checks article:nth-child(odd) { border-inline-end: 1px solid var(--border); }
.zi-health-status { width: 2.15rem; height: 2.15rem; }
.zi-health-status .zi-icon { width: .9rem; }
.zi-health-checks article > div { display: grid; gap: .25rem; }
.zi-health-checks article > div > div { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.zi-health-checks h3 { font-size: .71rem; font-weight: 650; }
.zi-health-checks p { color: var(--muted-foreground); font-size: .64rem; line-height: 1.45; }
.zi-health-checks code { color: var(--primary); font-size: .57rem; }
.zi-health-status-label { padding: .18rem .35rem; border-radius: .3rem; font-size: .55rem; font-weight: 700; }
.zi-health-status-label.pass { background: var(--primary-light); color: #5f8000; }
.zi-health-status-label.warn { background: #fff7d6; color: #8a6200; }
.zi-health-status-label.fail { background: #fff1f2; color: #be123c; }
.zi-settings-form { display: grid; max-width: 1040px; gap: 1rem; }
.zi-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zi-settings-grid > div { display: grid; align-content: start; gap: .35rem; }
.zi-settings-grid > div > p { color: var(--muted-foreground); font-size: .64rem; line-height: 1.5; }
.zi-settings-actions { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border: 1px solid var(--border); border-radius: .7rem; background: color-mix(in srgb, var(--background) 94%, transparent); box-shadow: 0 -8px 24px #0f172a0d; backdrop-filter: blur(10px); }
.zi-settings-actions span { color: var(--muted-foreground); font-size: .65rem; }
.zi-table-view-bar { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: 1rem; }
.zi-table-view-bar .zi-saved-view-list { display: flex; min-width: 0; flex-wrap: wrap; gap: .4rem; }
.zi-table-view-bar .zi-saved-view-list:empty::before { content: 'No saved views yet'; display: flex; min-height: 2.45rem; align-items: center; color: var(--muted-foreground); font-size: .67rem; }
.zi-table-view-bar .zi-saved-view-item { display: inline-flex; overflow: hidden; border: 1px solid var(--border); border-radius: .55rem; background: var(--background); }
.zi-table-view-bar .zi-saved-view-item > a { display: inline-flex; min-height: 2.35rem; align-items: center; gap: .4rem; padding: .45rem .65rem; font-size: .68rem; font-weight: 650; }
.zi-table-view-bar .zi-saved-view-item > a:hover { background: var(--primary-light); color: var(--primary); }
.zi-table-view-bar .zi-saved-view-item form { display: flex; border-inline-start: 1px solid var(--border); }
.zi-table-view-bar .zi-saved-view-item button { display: grid; width: 2.1rem; place-items: center; color: var(--muted-foreground); }
.zi-table-view-bar .zi-saved-view-item button:hover { background: #fff1f2; color: #be123c; }
.zi-table-view-bar .zi-saved-view-item .zi-icon { width: .78rem; }
.zi-table-view-actions, .zi-save-view-form { display: flex; align-items: center; gap: .5rem; }
.zi-save-view-form .zi-input-wrapper { width: 11rem; }
.zi-save-view-form .zi-input { min-height: 2.5rem; }
.zi-advanced-filter-form { border-bottom: 1px solid var(--border); }
.zi-advanced-filter-form > .zi-filter-grid { border-bottom: 0; }
.zi-advanced-filters { border-top: 1px solid var(--border); }
.zi-advanced-filters summary { display: flex; min-height: 2.8rem; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem 1.25rem; cursor: pointer; color: var(--foreground); list-style: none; }
.zi-advanced-filters summary::-webkit-details-marker { display: none; }
.zi-advanced-filters summary > span { display: inline-flex; align-items: center; gap: .45rem; color: var(--primary); font-size: .7rem; font-weight: 650; }
.zi-advanced-filters summary .zi-icon { width: .9rem; }
.zi-advanced-filters summary small { color: var(--muted-foreground); font-size: .62rem; }
.zi-advanced-filters[open] summary { background: color-mix(in srgb, var(--primary) 5%, var(--background)); }
.zi-advanced-filters > div { display: grid; grid-template-columns: repeat(5, minmax(135px, 1fr)); gap: .75rem; padding: 1rem 1.25rem; border-top: 1px solid var(--border); background: #fcfcfb; }
.zi-filter-submit { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1.25rem; border-top: 1px solid var(--border); }
.zi-filter-submit > span { color: var(--muted-foreground); font-size: .63rem; }
.zi-filter-submit > div { display: flex; gap: .5rem; }
.zi-bulk-toolbar { display: grid; grid-template-columns: auto minmax(145px, 190px) minmax(240px, 1fr) auto; align-items: center; gap: .65rem; padding: .75rem 1.25rem; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--primary) 5%, var(--background)); }
.zi-bulk-selection { display: flex; min-width: 115px; align-items: center; gap: .35rem; }
.zi-bulk-selection strong { display: grid; min-width: 1.6rem; height: 1.6rem; place-items: center; border-radius: .4rem; background: var(--primary-light); color: var(--primary); font-size: .7rem; }
.zi-bulk-selection span { color: var(--muted-foreground); font-size: .62rem; }
.zi-bulk-reason { width: 100%; }
.zi-bulk-toolbar [data-zi-bulk-submit]:disabled { opacity: .45; cursor: not-allowed; }
.zi-select-column { width: 2.5rem; text-align: center; }
.zi-select-column input { width: 1rem; height: 1rem; accent-color: var(--primary); }
@media (max-width: 1300px) { .zi-advanced-filters > div { grid-template-columns: repeat(3, minmax(135px, 1fr)); } .zi-table-view-bar { align-items: stretch; flex-direction: column; } .zi-table-view-actions { justify-content: flex-end; } }
@media (max-width: 900px) { .zi-bulk-toolbar { grid-template-columns: auto minmax(140px, 1fr) auto; } .zi-bulk-reason { grid-column: 1 / -1; grid-row: 2; } }
@media (max-width: 1100px) { .zi-notification-layout { grid-template-columns: 1fr; } .zi-notification-preferences { position: static; } .zi-health-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .zi-notification-filters, .zi-health-summary, .zi-health-checks, .zi-settings-grid, .zi-advanced-filters > div { grid-template-columns: 1fr; } .zi-notification-list > article { grid-template-columns: auto minmax(0, 1fr); } .zi-notification-actions { grid-column: 2; flex-wrap: wrap; } .zi-health-checks article:nth-child(odd) { border-inline-end: 0; } .zi-settings-actions, .zi-table-view-actions, .zi-save-view-form, .zi-filter-submit { align-items: stretch; flex-direction: column; } .zi-settings-actions .btn, .zi-table-view-actions .btn, .zi-save-view-form .zi-input-wrapper { width: 100%; justify-content: center; } .zi-filter-submit > div { display: grid; grid-template-columns: 1fr 1fr; } .zi-bulk-toolbar { grid-template-columns: 1fr; } .zi-bulk-reason { grid-column: auto; grid-row: auto; } .zi-advanced-filters summary { align-items: flex-start; flex-direction: column; } }
.zi-app-shell { width: 100%; min-width: 0; max-width: 100%; }
.zi-content,
.zi-content > main,
.zi-container,
.card { min-width: 0; max-width: 100%; }
.zi-content > main { width: 100%; }
.zi-table-wrap,
.table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}
@media (min-width: 1200px) {
    .zi-table-wrap .zi-table-actions {
        position: sticky;
        z-index: 2;
        inset-inline-end: 0;
        background: var(--card);
        box-shadow: -8px 0 14px -14px rgb(15 23 42 / .55), -1px 0 var(--border);
    }
    .zi-table-wrap thead .zi-table-actions {
        z-index: 3;
        background: color-mix(in srgb, var(--muted) 70%, var(--card));
    }
}
.zi-inline-actions { display: flex; align-items: center; gap: .4rem; }
.zi-inline-actions form { margin: 0; }
.zi-status-form { display: flex; align-items: center; gap: .45rem; min-width: 190px; }
.zi-status-form > .zi-select-field { min-width: 130px; flex: 1; }
.zi-status-form .btn { min-height: 2rem; padding-block: .35rem; }
.zi-record-thumb { display: grid; width: 2.5rem; height: 2.5rem; flex: none; place-items: center; border-radius: .55rem; background: var(--muted); object-fit: cover; }
.zi-record-cell { display: flex; min-width: 220px; align-items: center; gap: .65rem; }
.zi-record-cell > div { display: grid; min-width: 0; }
.zi-record-cell strong { max-width: 280px; overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.zi-record-cell small { margin-top: .15rem; color: var(--muted-foreground); font-size: .62rem; }
.zi-page-description { margin-top: .3rem; color: var(--muted-foreground); font-size: .8rem; }
.zi-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.zi-page-heading h1 { margin-top: .4rem; font-size: 1.55rem; font-weight: 650; }
.zi-page-heading-actions { display: flex; align-items: center; gap: .6rem; }
.zi-flash { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; padding: .8rem 1rem; border: 1px solid; border-radius: .55rem; font-size: .75rem; }
.zi-flash .zi-icon { width: 1rem; height: 1rem; }
.zi-flash-success { border-color: var(--primary); background: #f7fbe8; color: #4f6c00; }
.zi-flash-success .zi-flash-icon { background: #edf7cf; color: #5f8000; }
.zi-flash-success strong { color: #3d5200; }
.zi-flash-success p { color: #5f8000; }
.zi-flash-success .zi-flash-close { color: #5f8000; }
.zi-flash-success .zi-flash-close:hover { background: #edf7cf; color: #3d5200; }
.zi-flash-danger { border-color: #fecdd3; background: #fff1f2; color: #9f1239; }
.zi-empty-state { display: grid; min-height: 190px; place-items: center; align-content: center; gap: .45rem; color: var(--muted-foreground); text-align: center; }
.zi-empty-state > .zi-icon { width: 2rem; height: 2rem; color: #5f8000; }
.zi-empty-state > span { display: block; width: auto; height: auto; border-radius: 0; background: transparent; color: var(--muted-foreground); }
.zi-empty-state strong { color: var(--foreground); font-size: .8rem; }
.zi-empty-state span { font-size: .68rem; }
.zi-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.zi-field-wide { grid-column: span 2; }
.zi-field-help, .zi-field-error { margin-top: .35rem; font-size: .68rem; }
.zi-field-help { color: var(--muted-foreground); }
.zi-field-error { color: #be123c; }
.zi-textarea { min-height: 7rem; resize: vertical; }
.zi-check { display: flex; min-height: 2.5rem; align-items: center; gap: .55rem; font-size: .8rem; font-weight: 500; }
.zi-check input { width: 1rem; height: 1rem; accent-color: var(--primary); }
.zi-form-card { max-width: 960px; }
.zi-account-tabs { display: flex; width: min(100%, 960px); gap: .35rem; margin-bottom: 1rem; padding: .3rem; overflow-x: auto; border: 1px solid var(--border); border-radius: .7rem; background: var(--muted); }
.zi-account-tabs a { display: inline-flex; min-height: 2.5rem; align-items: center; gap: .45rem; padding: .55rem .8rem; border-radius: .5rem; color: var(--muted-foreground); font-size: .72rem; font-weight: 650; white-space: nowrap; }
.zi-account-tabs a:hover { color: var(--foreground); }
.zi-account-tabs a.active { background: var(--background); box-shadow: 0 1px 4px rgb(15 23 42 / .1); color: var(--primary); }
.zi-account-tabs .zi-icon { width: .95rem; }
.zi-readonly-control { display: flex; min-height: 2.55rem; align-items: center; padding: .65rem .8rem; border: 1px solid var(--border); border-radius: .55rem; background: var(--muted); color: var(--muted-foreground); font-size: .76rem; }
.zi-security-note { display: flex; align-items: flex-start; gap: .55rem; padding: .75rem .85rem; border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--border)); border-radius: .6rem; background: var(--primary-light); color: #5f8000; font-size: .7rem; line-height: 1.5; }
.zi-security-note .zi-icon { width: 1rem; flex: none; }
.zi-account-access-grid { display: grid; grid-template-columns: minmax(260px, .75fr) minmax(0, 1.5fr); gap: 1rem; }
.zi-access-list { display: grid; gap: .6rem; }
.zi-access-list article { display: flex; align-items: center; gap: .7rem; padding: .7rem; border: 1px solid var(--border); border-radius: .6rem; }
.zi-access-list article > .zi-icon { width: 1.05rem; color: var(--primary); }
.zi-access-list article > div { display: grid; gap: .1rem; }
.zi-access-list strong { font-size: .74rem; }
.zi-access-list small { color: var(--muted-foreground); font-size: .64rem; }
.zi-permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.zi-permission-grid > span { display: flex; align-items: center; gap: .45rem; min-width: 0; padding: .6rem .7rem; border-radius: .5rem; background: var(--primary-light); color: #5f8000; font-size: .68rem; font-weight: 600; overflow-wrap: anywhere; }
.zi-permission-grid > span .zi-icon { width: .78rem; flex: none; }
.zi-audit-filters { display: grid; grid-template-columns: minmax(260px, 1.5fr) repeat(2, minmax(150px, .75fr)) repeat(2, minmax(135px, .6fr)) auto; align-items: end; gap: .75rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }
.zi-audit-event { display: flex; min-width: 260px; align-items: center; gap: .65rem; }
.zi-audit-event > span { display: grid; width: 2.1rem; height: 2.1rem; flex: none; place-items: center; border-radius: .5rem; background: var(--primary-light); color: var(--primary); }
.zi-audit-event > span .zi-icon { width: .95rem; }
.zi-audit-event > div { display: grid; gap: .12rem; }
.zi-audit-event strong { font-size: .72rem; }
.zi-audit-event small, .zi-cell-subtitle { display: block; color: var(--muted-foreground); font-size: .62rem; }
.zi-request-id { display: inline-block; max-width: 11rem; overflow: hidden; color: var(--muted-foreground); font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.zi-audit-detail-grid { display: grid; gap: 1rem; }
.zi-audit-context { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.zi-audit-context > div { display: grid; gap: .2rem; padding: .85rem 1rem; border-bottom: 1px solid var(--border); }
.zi-audit-context > div:nth-child(odd) { border-inline-end: 1px solid var(--border); }
.zi-audit-context dt { color: var(--muted-foreground); font-size: .64rem; }
.zi-audit-context dd { font-size: .72rem; font-weight: 600; }
.zi-break-value { overflow-wrap: anywhere; }
.zi-audit-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zi-audit-values article { min-width: 0; }
.zi-audit-values h3 { margin-bottom: .4rem; font-size: .7rem; font-weight: 650; }
.zi-audit-values pre { min-height: 6rem; max-height: 24rem; padding: .8rem; overflow: auto; border: 1px solid var(--border); border-radius: .55rem; background: #f8faf5; color: var(--foreground); font-size: .63rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 1200px) { .zi-audit-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); } .zi-audit-search { grid-column: span 2; } .zi-filter-actions { justify-content: flex-end; } }
@media (max-width: 767px) { .zi-account-access-grid, .zi-permission-grid, .zi-audit-context, .zi-audit-values, .zi-audit-filters { grid-template-columns: 1fr; } .zi-audit-search { grid-column: auto; } .zi-audit-context > div:nth-child(odd) { border-inline-end: 0; } .zi-filter-actions .btn { flex: 1; } }
.zi-management-filters { display: grid; grid-template-columns: minmax(280px, 1.5fr) repeat(2, minmax(170px, .7fr)) auto; align-items: end; gap: .75rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }
.zi-simple-filter { display: grid; grid-template-columns: minmax(260px, 420px) auto; align-items: end; gap: .75rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }
.zi-admin-identity { display: flex; min-width: 230px; align-items: center; gap: .65rem; }
.zi-admin-identity > span, .zi-assigned-admins a > span { display: grid; width: 2.25rem; height: 2.25rem; flex: none; place-items: center; border-radius: .55rem; background: var(--primary-light); color: var(--primary); font-size: .75rem; font-weight: 700; }
.zi-admin-identity > div { display: grid; gap: .12rem; }
.zi-admin-identity strong { font-size: .73rem; }
.zi-admin-identity strong em { margin-inline-start: .3rem; color: var(--primary); font-size: .58rem; font-style: normal; }
.zi-admin-identity small { color: var(--muted-foreground); font-size: .62rem; }
.zi-role-badges { display: flex; min-width: 140px; flex-wrap: wrap; gap: .3rem; }
.zi-role-badges span { padding: .25rem .42rem; border-radius: .35rem; background: var(--primary-light); color: #5f8000; font-size: .61rem; font-weight: 650; }
.zi-role-badges small { color: var(--muted-foreground); font-size: .64rem; }
.zi-management-form { display: grid; max-width: 1040px; gap: 1rem; }
.zi-role-selection, .zi-permission-selection { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.zi-role-selection label, .zi-permission-selection label { display: flex; min-width: 0; align-items: flex-start; gap: .6rem; padding: .72rem; border: 1px solid var(--border); border-radius: .6rem; cursor: pointer; transition: border-color .15s, background .15s; }
.zi-role-selection label:hover, .zi-permission-selection label:hover { border-color: color-mix(in srgb, var(--primary) 55%, var(--border)); background: var(--primary-light); }
.zi-role-selection input, .zi-permission-selection input, .zi-danger-zone input { width: 1rem; height: 1rem; flex: none; margin-top: .08rem; accent-color: var(--primary); }
.zi-role-selection label > span, .zi-permission-selection label > span { display: grid; min-width: 0; gap: .12rem; }
.zi-role-selection strong, .zi-permission-selection strong { font-size: .7rem; overflow-wrap: anywhere; }
.zi-role-selection small, .zi-permission-selection small { color: var(--muted-foreground); font-size: .61rem; line-height: 1.4; }
.zi-inline-form-error { padding: 0 1.25rem 1rem; color: #be123c; font-size: .68rem; }
.zi-role-name { display: flex; min-width: 180px; align-items: center; gap: .65rem; }
.zi-role-name > span { display: grid; width: 2.1rem; height: 2.1rem; flex: none; place-items: center; border-radius: .5rem; background: var(--primary-light); color: var(--primary); }
.zi-role-name > span .zi-icon { width: .95rem; }
.zi-role-name > div { display: grid; gap: .1rem; }
.zi-role-name strong { font-size: .72rem; }
.zi-role-name small { color: var(--muted-foreground); font-size: .6rem; }
.zi-assigned-admins { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.zi-assigned-admins a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .65rem; border: 1px solid var(--border); border-radius: .6rem; }
.zi-assigned-admins a:hover { border-color: var(--primary); background: var(--primary-light); }
.zi-assigned-admins a > div { display: grid; min-width: 0; gap: .1rem; }
.zi-assigned-admins strong, .zi-assigned-admins small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zi-assigned-admins strong { font-size: .7rem; }.zi-assigned-admins small { color: var(--muted-foreground); font-size: .61rem; }.zi-assigned-admins a > .zi-icon { width: .8rem; color: var(--muted-foreground); }
.zi-danger-zone { display: flex; max-width: 1040px; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-color: #fecdd3; background: #fffafb; }
.zi-danger-zone > div { display: grid; gap: .18rem; }.zi-danger-zone h2 { color: #9f1239; font-size: .8rem; font-weight: 650; }.zi-danger-zone p { color: var(--muted-foreground); font-size: .65rem; }
.zi-danger-zone form { display: flex; align-items: center; gap: .75rem; }.zi-danger-zone form label { display: flex; align-items: center; gap: .45rem; color: #9f1239; font-size: .65rem; }
@media (max-width: 1000px) { .zi-management-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .zi-management-filters .zi-filter-span-2 { grid-column: span 2; } .zi-role-selection, .zi-permission-selection { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .zi-management-filters, .zi-simple-filter, .zi-role-selection, .zi-permission-selection, .zi-assigned-admins { grid-template-columns: 1fr; } .zi-management-filters .zi-filter-span-2 { grid-column: auto; } .zi-danger-zone, .zi-danger-zone form { align-items: stretch; flex-direction: column; } .zi-danger-zone .btn { justify-content: center; } }
.zi-pagination { margin-top: 1rem; }
.zi-pagination-compact { justify-content: flex-end; }
.zi-page-btn[aria-disabled='true'] { opacity: .45; cursor: not-allowed; }
.table th { white-space: nowrap; }
.table td { vertical-align: middle; }
.input.is-invalid, .select.is-invalid, .zi-input.is-invalid { border-color: #e11d48; }
.input.is-invalid:focus, .select.is-invalid:focus, .zi-input.is-invalid:focus { box-shadow: 0 0 0 3px rgb(225 29 72 / .12); }

.zi-auth-input:-webkit-autofill,
.input:-webkit-autofill,
.zi-input:-webkit-autofill {
    background-color: var(--background) !important;
    background-image: none !important;
    -webkit-box-shadow: 0 0 0 1000px var(--background) inset;
    -webkit-text-fill-color: var(--foreground);
    caret-color: var(--foreground);
}

.zi-auth-input:-webkit-autofill:focus,
.input:-webkit-autofill:focus,
.zi-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--background) inset, 0 0 0 3px rgb(153 204 0 / .13);
}

@media (max-width: 767px) {
    .zi-page-heading { align-items: flex-start; flex-direction: column; }
    .zi-page-heading-actions { width: 100%; flex-wrap: wrap; }
    .zi-form-grid { grid-template-columns: 1fr; }
    .zi-field-wide { grid-column: auto; }
    .zi-status-form { min-width: 190px; }
    .zi-pagination-compact { justify-content: flex-start; }
    .zi-page-buttons { flex-wrap: wrap; }
}

/* Moderation workspace */
.zi-moderation-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; margin-bottom: 1rem; }
.zi-moderation-stats > * { display: flex; min-width: 0; align-items: center; gap: .75rem; padding: .95rem 1rem; border: 1px solid var(--border); border-radius: .75rem; background: var(--background); box-shadow: 0 2px 8px rgb(15 23 42 / .025); transition: border-color .15s, transform .15s; }
.zi-moderation-stats > a:hover { border-color: var(--primary); transform: translateY(-1px); }
.zi-moderation-stats > * > span { display: grid; width: 2.4rem; height: 2.4rem; flex: none; place-items: center; border-radius: .65rem; background: var(--primary-light); color: var(--primary); }
.zi-moderation-stats .zi-icon { width: 1rem; }
.zi-moderation-stats > * > div { display: grid; min-width: 0; gap: .08rem; }
.zi-moderation-stats small,.zi-moderation-stats em { color: var(--muted-foreground); font-size: .61rem; font-style: normal; }
.zi-moderation-stats strong { color: var(--foreground); font-size: 1.15rem; line-height: 1.15; }
.zi-moderation-filter-card { margin-bottom: 1rem; }
.zi-moderation-filters { display: grid; grid-template-columns: minmax(260px,1.4fr) repeat(4,minmax(145px,.65fr)) auto; align-items: end; gap: .75rem; padding: 1rem 1.25rem; }
.zi-moderation-table .zi-case-id { display: flex; min-width: 150px; align-items: center; gap: .6rem; }
.zi-case-id > span { display: grid; width: 2.15rem; height: 2.15rem; flex: none; place-items: center; border-radius: .55rem; background: var(--primary-light); color: var(--primary); }
.zi-case-id > span .zi-icon { width: .9rem; }
.zi-case-id > div,.zi-subject-cell { display: grid; gap: .1rem; }
.zi-case-id strong,.zi-subject-cell strong { color: var(--foreground); font-size: .7rem; }
.zi-case-id small,.zi-subject-cell small { color: var(--muted-foreground); font-size: .59rem; }
.zi-case-status,.zi-priority { display: inline-flex; width: max-content; align-items: center; border: 1px solid; border-radius: 999px; padding: .26rem .5rem; font-size: .6rem; font-weight: 700; line-height: 1; }
.zi-case-status.status-open { border-color: #d8e7aa; background: #f7fbe9; color: #648700; }
.zi-case-status.status-in_review { border-color: #c6df75; background: var(--primary-light); color: #587800; }
.zi-case-status.status-resolved { border-color: #99cc00; background: #99cc00; color: #fff; }
.zi-case-status.status-dismissed { border-color: #d7dce2; background: #f6f7f8; color: #5d6673; }
.zi-priority.priority-normal { border-color: #d7dce2; background: #fff; color: #5d6673; }
.zi-priority.priority-high { border-color: #f1cf75; background: #fffae8; color: #8a6500; }
.zi-priority.priority-urgent { border-color: #f3a9b7; background: #fff2f5; color: #b42347; }
.zi-stale-flag { display: block; width: max-content; margin-top: .25rem; color: #a16207; font-size: .57rem; font-weight: 700; }
.zi-reviewer-cell { display: flex; min-width: 155px; align-items: center; gap: .5rem; }
.zi-reviewer-cell > span,.zi-current-reviewer > span { display: grid; width: 1.9rem; height: 1.9rem; flex: none; place-items: center; border-radius: .5rem; background: var(--primary-light); color: var(--primary); font-size: .62rem; font-weight: 750; }
.zi-reviewer-cell > div,.zi-current-reviewer > div { display: grid; min-width: 0; gap: .05rem; }
.zi-reviewer-cell strong,.zi-current-reviewer strong { font-size: .66rem; }.zi-reviewer-cell small,.zi-current-reviewer small { color: var(--muted-foreground); font-size: .56rem; }
.zi-case-title-line { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }.zi-case-title-line h1 { margin-inline-end: .2rem; }
.zi-case-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; align-items: start; gap: 1rem; }
.zi-case-main,.zi-case-sidebar { display: grid; gap: 1rem; }.zi-case-sidebar { position: sticky; top: 5.3rem; }
.zi-subject-snapshot { display: grid; gap: 1rem; }
.zi-subject-identity { display: flex; align-items: center; gap: .8rem; }.zi-subject-identity > img,.zi-subject-identity > span { width: 3.5rem; height: 3.5rem; flex: none; border-radius: .7rem; object-fit: cover; }.zi-subject-identity > span { display: grid; place-items: center; background: var(--primary-light); color: var(--primary); font-size: 1rem; font-weight: 750; }.zi-subject-identity > span .zi-icon { width: 1.2rem; }.zi-subject-identity > div { display: grid; gap: .12rem; }.zi-subject-identity small,.zi-subject-identity p { color: var(--muted-foreground); font-size: .63rem; }.zi-subject-identity h3 { font-size: .9rem; font-weight: 700; }
.zi-subject-snapshot dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--border); border-radius: .65rem; }.zi-subject-snapshot dl > div { display: grid; gap: .3rem; padding: .75rem; border-inline-end: 1px solid var(--border); }.zi-subject-snapshot dl > div:last-child { border-inline-end: 0; }.zi-subject-snapshot dt { color: var(--muted-foreground); font-size: .59rem; }.zi-subject-snapshot dd { font-size: .68rem; font-weight: 650; }
.zi-evidence-list { display: grid; gap: .65rem; }.zi-evidence-list article { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .7rem; padding: .75rem; border: 1px solid var(--border); border-radius: .65rem; }.zi-evidence-list article > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .5rem; background: var(--primary-light); color: var(--primary); }.zi-evidence-list article > span .zi-icon { width: .85rem; }.zi-evidence-list article > div { display: grid; gap: .25rem; }.zi-evidence-list article > div > div { display: flex; justify-content: space-between; gap: .5rem; }.zi-evidence-list strong { font-size: .68rem; }.zi-evidence-list time,.zi-evidence-list small { color: var(--muted-foreground); font-size: .57rem; }.zi-evidence-list p { font-size: .66rem; line-height: 1.5; }.zi-evidence-list a { display: inline-flex; width: max-content; align-items: center; gap: .2rem; color: #628500; font-size: .62rem; font-weight: 650; }.zi-evidence-list a .zi-icon { width: .7rem; }
.zi-case-timeline { display: grid; }.zi-case-timeline article { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr); gap: .75rem; padding-bottom: 1rem; }.zi-case-timeline article:not(:last-child)::before { position: absolute; top: 2rem; bottom: 0; inset-inline-start: .95rem; width: 1px; background: #dce7bb; content: ''; }.zi-case-timeline article > span { z-index: 1; display: grid; width: 1.9rem; height: 1.9rem; place-items: center; border: 1px solid #d8e7aa; border-radius: 50%; background: #fff; color: var(--primary); }.zi-case-timeline article > span .zi-icon { width: .75rem; }.zi-case-timeline article > div { display: grid; gap: .2rem; padding-top: .15rem; }.zi-case-timeline article > div > div { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.zi-case-timeline strong { font-size: .68rem; }.zi-case-timeline time,.zi-case-timeline small { color: var(--muted-foreground); font-size: .57rem; }.zi-case-timeline p { font-size: .65rem; line-height: 1.5; }.zi-case-timeline details { margin-top: .2rem; }.zi-case-timeline summary { color: #628500; cursor: pointer; font-size: .59rem; }.zi-case-timeline pre { max-height: 12rem; margin-top: .35rem; padding: .6rem; overflow: auto; border-radius: .5rem; background: #f8faf5; font-size: .57rem; }
.zi-case-form-stack { display: grid; gap: .75rem; }.zi-current-reviewer { display: flex; align-items: center; gap: .6rem; padding-bottom: .7rem; border-bottom: 1px solid var(--border); }.zi-case-form-stack form { display: grid; gap: .7rem; }.zi-textarea { min-height: 6.5rem; resize: vertical; padding-top: .65rem; line-height: 1.5; }.zi-decision-card { border-color: #d8e7aa; }.zi-decision-help { display: flex; align-items: flex-start; gap: .45rem; padding: .65rem; border-radius: .55rem; background: var(--primary-light); color: #587800; font-size: .61rem; line-height: 1.5; }.zi-decision-help .zi-icon { width: .8rem; flex: none; margin-top: .08rem; }.zi-resolution-card .card-body { display: grid; gap: .65rem; }.zi-resolution-card p { font-size: .68rem; line-height: 1.6; }.zi-resolution-card small { color: var(--muted-foreground); font-size: .59rem; }
@media (max-width: 1250px) { .zi-moderation-filters { grid-template-columns: repeat(3,minmax(0,1fr)); }.zi-moderation-search { grid-column: span 2; }.zi-moderation-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 980px) { .zi-case-layout { grid-template-columns: 1fr; }.zi-case-sidebar { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }.zi-case-sidebar > :last-child { grid-column: span 2; } }
@media (max-width: 700px) { .zi-moderation-stats,.zi-moderation-filters,.zi-case-sidebar,.zi-subject-snapshot dl { grid-template-columns: 1fr; }.zi-moderation-search,.zi-case-sidebar > :last-child { grid-column: auto; }.zi-subject-snapshot dl > div { border-inline-end: 0; border-bottom: 1px solid var(--border); }.zi-subject-snapshot dl > div:last-child { border-bottom: 0; } }

/* Customer-care operations */
.zi-care-filters { display: grid; grid-template-columns: minmax(250px,1.35fr) repeat(5,minmax(135px,.65fr)) auto; align-items: end; gap: .7rem; padding: 1rem 1.25rem; }
.zi-care-table .zi-case-id { min-width: 250px; }.zi-care-table .zi-case-id small { max-width: 310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zi-case-status.status-new { border-color: #d8e7aa; background: #f7fbe9; color: #648700; }
.zi-case-status.status-in_progress { border-color: #c6df75; background: var(--primary-light); color: #587800; }
.zi-case-status.status-waiting { border-color: #f1cf75; background: #fffae8; color: #8a6500; }
.zi-case-status.status-escalated { border-color: #f3a9b7; background: #fff2f5; color: #b42347; }
.zi-case-status.status-closed { border-color: #d7dce2; background: #f6f7f8; color: #5d6673; }
.zi-sla-state { display: inline-flex; width: max-content; align-items: center; gap: .28rem; font-size: .61rem; font-weight: 700; }.zi-sla-state .zi-icon { width: .72rem; }.zi-sla-state.breached { color: #b42347; }.zi-sla-state.met,.zi-sla-state.track { color: #648700; }
.zi-care-context { display: grid; gap: 1rem; }.zi-care-message { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: .75rem; }.zi-care-message > span { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .65rem; background: var(--primary-light); color: var(--primary); }.zi-care-message > span .zi-icon { width: 1rem; }.zi-care-message > div { display: grid; gap: .25rem; }.zi-care-message small { color: #648700; font-size: .62rem; font-weight: 700; }.zi-care-message p { font-size: .72rem; line-height: 1.65; }
.zi-care-context dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--border); border-radius: .65rem; }.zi-care-context dl > div { display: grid; gap: .28rem; padding: .75rem; border-inline-end: 1px solid var(--border); }.zi-care-context dl > div:last-child { border-inline-end: 0; }.zi-care-context dt { color: var(--muted-foreground); font-size: .59rem; }.zi-care-context dd { font-size: .68rem; font-weight: 650; }
.zi-care-files { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding-top: .2rem; }.zi-care-files strong { width: 100%; font-size: .66rem; }.zi-care-files a { display: inline-flex; align-items: center; gap: .28rem; padding: .4rem .55rem; border: 1px solid var(--border); border-radius: .5rem; color: #648700; font-size: .61rem; font-weight: 650; }.zi-care-files a:hover { border-color: var(--primary); background: var(--primary-light); }.zi-care-files .zi-icon { width: .75rem; }
.zi-care-conversation { display: grid; gap: .7rem; }.zi-care-conversation article { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .7rem; padding: .8rem; border: 1px solid var(--border); border-radius: .65rem; }.zi-care-conversation article.reply { border-color: #d8e7aa; background: #fbfdf5; }.zi-care-conversation article > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .5rem; background: var(--primary-light); color: var(--primary); }.zi-care-conversation article.internal > span { background: #f3f4f6; color: #667085; }.zi-care-conversation article > span .zi-icon { width: .82rem; }.zi-care-conversation article > div { display: grid; gap: .25rem; }.zi-care-conversation article > div > div { display: flex; justify-content: space-between; gap: .5rem; }.zi-care-conversation strong { font-size: .68rem; }.zi-care-conversation time,.zi-care-conversation small { color: var(--muted-foreground); font-size: .57rem; }.zi-care-conversation p { font-size: .67rem; line-height: 1.6; }.zi-care-conversation a { display: inline-flex; width: max-content; align-items: center; gap: .2rem; color: #648700; font-size: .61rem; font-weight: 650; }.zi-care-conversation a .zi-icon { width: .68rem; }
.zi-sla-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem; }.zi-sla-grid > div { display: grid; gap: .15rem; padding: .6rem; border: 1px solid var(--border); border-radius: .55rem; }.zi-sla-grid small,.zi-sla-grid em { color: var(--muted-foreground); font-size: .56rem; font-style: normal; }.zi-sla-grid strong { font-size: .65rem; }.zi-escalation-card { border-color: #f3c7d0; }.zi-escalation-card .btn { color: #9f1239; }.zi-escalation-card .btn:hover { border-color: #f3a9b7; background: #fff2f5; }
@media (max-width: 1350px) { .zi-care-filters { grid-template-columns: repeat(4,minmax(0,1fr)); }.zi-care-search { grid-column: span 2; } }
@media (max-width: 800px) { .zi-care-filters,.zi-care-context dl { grid-template-columns: 1fr; }.zi-care-search { grid-column: auto; }.zi-care-context dl > div { border-inline-end: 0; border-bottom: 1px solid var(--border); }.zi-care-context dl > div:last-child { border-bottom: 0; } }

/* Revenue operations */
.zi-ops-tabs { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1rem; padding: .35rem; border: 1px solid var(--border); border-radius: .7rem; background: #fff; }.zi-ops-tabs a { display: inline-flex; align-items: center; gap: .35rem; padding: .55rem .75rem; border-radius: .52rem; color: var(--muted-foreground); font-size: .66rem; font-weight: 700; }.zi-ops-tabs a .zi-icon { width: .8rem; }.zi-ops-tabs a:hover,.zi-ops-tabs a.active { background: var(--primary-light); color: var(--primary); }
.zi-revenue-stats { grid-template-columns: repeat(5,minmax(0,1fr)); }.zi-revenue-filters { grid-template-columns: minmax(270px,1.4fr) repeat(4,minmax(145px,.7fr)) auto; }.zi-promotion-filters { grid-template-columns: minmax(320px,1fr) 240px auto; }
.zi-provider-state,.zi-risk { display: inline-flex; width: max-content; align-items: center; padding: .22rem .45rem; border: 1px solid; border-radius: 999px; font-size: .58rem; font-weight: 750; }.provider-10,.provider-20,.risk-pending { border-color: #f1cf75; background: #fffae8; color: #8a6500; }.provider-30,.risk-settled { border-color: #c6df75; background: var(--primary-light); color: #587800; }.provider-40,.risk-failed,.risk-stale { border-color: #f3a9b7; background: #fff2f5; color: #b42347; }
.zi-case-status.status-monitoring { border-color: #d7dce2; background: #f6f7f8; color: #5d6673; }.zi-case-status.status-reviewing { border-color: #c6df75; background: var(--primary-light); color: #587800; }.zi-case-status.status-exception { border-color: #f3a9b7; background: #fff2f5; color: #b42347; }.zi-case-status.status-reconciled { border-color: #c6df75; background: #f7fbe9; color: #587800; }
.zi-revenue-table { min-width: 1180px; table-layout: auto; }.zi-revenue-table th,.zi-revenue-table td { padding-inline: .75rem; }.zi-revenue-table th:nth-child(1) { min-width: 210px; }.zi-revenue-table th:nth-child(2) { min-width: 230px; }.zi-revenue-table th:nth-child(3) { min-width: 90px; }.zi-revenue-table th:nth-child(4) { min-width: 125px; }.zi-revenue-table th:nth-child(5) { min-width: 110px; }.zi-revenue-table th:nth-child(6) { min-width: 135px; }.zi-revenue-table th:nth-child(7) { min-width: 145px; }.zi-revenue-table th:nth-child(8) { min-width: 95px; }.zi-revenue-table .zi-case-id { min-width: 190px; }.zi-order-context { display: grid; max-width: 260px; gap: .2rem; white-space: normal; }.zi-order-context strong { overflow-wrap: anywhere; font-size: .66rem; }.zi-order-context small { overflow: hidden; color: var(--muted-foreground); font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }.zi-table-subtext { display: block; margin-top: .25rem; color: var(--muted-foreground); font-size: .56rem; }
.zi-payment-boundary { margin-bottom: 1rem; }.zi-payment-total { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: .45rem; padding: .75rem; border-radius: .65rem; background: var(--primary-light); }.zi-payment-total span { color: #587800; font-size: .62rem; font-weight: 700; }.zi-payment-total strong { color: #466100; font-size: 1.2rem; }.zi-payment-total small { width: 100%; color: #648700; text-align: end; font-size: .55rem; }
.zi-payment-items { display: grid; gap: .6rem; }.zi-payment-items article { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .7rem; padding: .7rem; border: 1px solid var(--border); border-radius: .6rem; }.zi-payment-items article > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .5rem; background: var(--primary-light); color: var(--primary); }.zi-payment-items article > span .zi-icon { width: .8rem; }.zi-payment-items article > div { display: grid; gap: .14rem; }.zi-payment-items small,.zi-payment-items em { color: var(--muted-foreground); font-size: .56rem; font-style: normal; }.zi-payment-items strong { font-size: .68rem; }.zi-payment-items b { color: #587800; font-size: .74rem; }
.zi-promotion-table { min-width: 1000px; table-layout: auto; }.zi-promotion-table th,.zi-promotion-table td { padding-inline: 1rem; }.zi-promotion-table th:nth-child(1) { min-width: 210px; }.zi-promotion-table th:nth-child(2) { min-width: 230px; }.zi-promotion-table th:nth-child(3) { min-width: 230px; }.zi-promotion-table th:nth-child(4) { min-width: 130px; }.zi-promotion-table th:nth-child(5) { min-width: 120px; }.zi-promotion-table th:nth-child(6) { min-width: 170px; }
@media (max-width: 1350px) { .zi-revenue-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }.zi-revenue-filters { grid-template-columns: repeat(3,minmax(0,1fr)); }.zi-revenue-filters .zi-care-search { grid-column: span 2; } }
@media (max-width: 800px) { .zi-revenue-stats,.zi-revenue-filters,.zi-promotion-filters { grid-template-columns: 1fr; }.zi-revenue-filters .zi-care-search { grid-column: auto; }.zi-ops-tabs a { flex: 1 1 auto; justify-content: center; } }
/* Operations Insights */
.zi-insights-tabs{margin-bottom:1.25rem}.zi-insights-filter-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin-bottom:1.25rem}.zi-insights-filter-card>div strong{display:block;font-size:.9rem}.zi-insights-filter-card>div p{margin:.2rem 0 0;color:var(--muted-foreground);font-size:.78rem}.zi-insights-filter-card form{display:flex;align-items:flex-end;gap:.65rem}.zi-insights-filter-card .zi-select-field{min-width:190px}.zi-insights-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.zi-insights-metric{padding:1.1rem;min-width:0}.zi-insights-metric>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted-foreground);font-size:.78rem}.zi-insights-metric>div .zi-icon{width:1.15rem;height:1.15rem;color:#78a300}.zi-insights-metric>strong{display:block;margin:.75rem 0 .45rem;font-size:1.65rem;line-height:1;color:var(--foreground)}.zi-insights-metric>p{margin:0;color:var(--muted-foreground);font-size:.72rem}.zi-insights-metric>p span{font-weight:700;margin-right:.2rem}.zi-insights-metric>p .up{color:#5f8200}.zi-insights-metric>p .down{color:#b42318}.zi-insights-metric>p .neutral{color:var(--secondary-foreground)}.zi-insights-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1rem;margin-bottom:1rem}.zi-insights-chart{height:330px}.zi-insights-workload{padding:.35rem 1.25rem 1rem}.zi-insights-workload a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;padding:1rem 0;border-bottom:1px solid var(--border);color:var(--foreground)}.zi-insights-workload a:last-child{border-bottom:0}.zi-insights-workload a span{font-size:.82rem}.zi-insights-workload a strong{font-size:1.25rem}.zi-insights-workload a .zi-icon{width:1rem;color:#78a300}.zi-insights-inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.zi-insights-inventory{padding:.35rem 1.25rem 1rem}.zi-insights-inventory>div:not(.zi-empty-state){display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.zi-insights-inventory>div:last-child{border-bottom:0}.zi-insights-inventory strong{color:#659000}.zi-automation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.zi-automation-summary section{display:flex;align-items:center;gap:.9rem;padding:1rem}.zi-automation-summary small{display:block;color:var(--muted-foreground);font-size:.72rem}.zi-automation-summary strong{display:block;margin-top:.1rem;font-size:1.45rem}.zi-automation-indicator{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#f3f7ef;color:#668800}.zi-automation-indicator.attention,.zi-automation-indicator.failed{background:#fff3f2;color:#b42318}.zi-automation-indicator.idle{background:#f1f3f1;color:#687168}.zi-automation-indicator .zi-icon{width:1.15rem;height:1.15rem}.zi-automation-note{margin-bottom:1rem}.zi-automation-table-card{margin-bottom:1rem}.zi-automation-table td{vertical-align:middle}.zi-automation-table td>small,.zi-automation-table td>strong{display:block}.zi-automation-table td>small{margin-top:.22rem;color:var(--muted-foreground);font-size:.68rem}.zi-automation-name{display:flex;align-items:center;gap:.65rem;min-width:235px}.zi-automation-name>div strong,.zi-automation-name>div code{display:block}.zi-automation-name code{margin-top:.2rem;color:var(--muted-foreground);font-size:.66rem}.zi-health-status.neutral{background:#f1f3f1;color:#687168}.zi-run-status{display:inline-flex;padding:.28rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700}.zi-run-status.succeeded{background:#eff8d9;color:#527100}.zi-run-status.failed{background:#fff0ef;color:#b42318}.zi-run-status.running{background:#f5f9ea;color:#709600}.zi-run-status.idle{background:#f1f3f1;color:#687168}.zi-runtime-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.zi-runtime-list{padding:.35rem 1.25rem 1rem}.zi-runtime-list>div{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.zi-runtime-list>div:last-child{border-bottom:0}.zi-runtime-list strong{color:#5f8200}
@media(max-width:1180px){.zi-insights-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.zi-automation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.zi-insights-filter-card,.zi-insights-filter-card form{align-items:stretch;flex-direction:column}.zi-insights-filter-card .zi-select-field{min-width:0}.zi-insights-metrics{grid-template-columns:1fr 1fr}.zi-insights-grid,.zi-insights-inventory-grid,.zi-runtime-grid{grid-template-columns:1fr}}
@media(max-width:520px){.zi-insights-metrics,.zi-automation-summary{grid-template-columns:1fr}}
/* Popular category ordering */
.zi-popular-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; align-items: start; }
.zi-popular-category-panel { padding: 1.25rem; min-width: 0; }
.zi-popular-category-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.zi-popular-category-panel > header > div { display: flex; align-items: flex-start; gap: .75rem; }
.zi-popular-category-panel h2 { margin: 0 0 .2rem; font-size: 1rem; font-weight: 700; color: var(--foreground); }
.zi-popular-category-panel header p { margin: 0; color: var(--muted-foreground); font-size: .78rem; line-height: 1.45; }
.zi-popular-category-panel .zi-panel-icon { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: .7rem; color: #587600; background: #eff8d7; flex: 0 0 auto; }
.zi-popular-category-panel.is-selected { border-color: rgba(153, 204, 0, .55); box-shadow: 0 12px 30px rgba(79, 108, 0, .08); }
.zi-popular-category-list { display: flex; flex-direction: column; gap: .55rem; min-height: 16rem; max-height: 31rem; overflow: auto; margin: 1rem 0 0; padding: .15rem; list-style: none; }
.zi-popular-category-list > li { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; gap: .7rem; align-items: center; padding: .72rem; border: 1px solid var(--border); border-radius: .75rem; background: var(--background); }
.zi-popular-category-list > li:hover { border-color: rgba(153, 204, 0, .7); background: #fbfdf6; }
.zi-popular-category-list strong { display: block; overflow: hidden; color: var(--foreground); font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.zi-popular-category-list small { color: var(--muted-foreground); font-size: .7rem; }
.zi-category-order { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .6rem; color: #587600; background: #eff8d7; font-size: .78rem; font-weight: 800; }
.zi-category-order .zi-icon { width: 1rem; height: 1rem; }
.zi-category-list-empty { padding: 2rem 1rem; color: var(--muted-foreground); text-align: center; font-size: .8rem; border: 1px dashed var(--border); border-radius: .75rem; }
.zi-sticky-form-actions { position: sticky; bottom: 1rem; z-index: 5; display: flex; align-items: center; justify-content: flex-end; gap: 1rem; margin-top: 1.25rem; padding: .85rem 1rem; color: var(--muted-foreground); font-size: .78rem; border: 1px solid rgba(153, 204, 0, .45); border-radius: .85rem; background: rgba(255, 255, 255, .96); box-shadow: 0 14px 34px rgba(23, 32, 51, .12); backdrop-filter: blur(12px); }
@media (max-width: 900px) { .zi-popular-category-grid { grid-template-columns: 1fr; } .zi-sticky-form-actions { align-items: stretch; flex-direction: column; } }
/* Legacy product placement workflow */
.zi-placement-product { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1rem 0 1.25rem; padding: 1rem 1.2rem; }
.zi-placement-product > div { display: flex; align-items: center; gap: .8rem; }
.zi-placement-product small,.zi-placement-card header small { display: block; margin-bottom: .15rem; color: var(--muted-foreground); font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.zi-placement-product h2,.zi-placement-card h2 { margin: 0; color: var(--foreground); font-size: 1rem; }
.zi-placement-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.zi-placement-card { display: flex; min-width: 0; padding: 1.1rem; flex-direction: column; }
.zi-placement-card header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; padding-bottom: .9rem; border-bottom: 1px solid var(--border); }
.zi-placement-card dl { display: grid; gap: .65rem; margin: 1rem 0; }
.zi-placement-card dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.zi-placement-card dt { color: var(--muted-foreground); font-size: .72rem; }
.zi-placement-card dd { margin: 0; color: var(--foreground); font-size: .76rem; font-weight: 650; text-align: right; }
.zi-placement-actions { display: flex; gap: .6rem; margin-top: auto; }
.zi-placement-actions form:first-child { flex: 1; }
.zi-placement-actions .btn { width: 100%; }
@media (max-width: 1180px) { .zi-placement-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .zi-placement-grid { grid-template-columns: 1fr; } .zi-placement-product { align-items: flex-start; flex-direction: column; } .zi-placement-actions { flex-direction: column; } }
/* Controlled marketplace notification broadcasts */
.zi-broadcast-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(19rem, .55fr); gap: 1.25rem; margin-top: 1rem; align-items: start; }
.zi-broadcast-review,.zi-broadcast-history { padding: 1.2rem; }
.zi-broadcast-review > header,.zi-broadcast-history > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.zi-broadcast-review > header > div { display: flex; align-items: center; gap: .75rem; }
.zi-broadcast-review h2,.zi-broadcast-history h2 { margin: 0; color: var(--foreground); font-size: 1rem; }
.zi-broadcast-review header small,.zi-broadcast-history header p { margin: 0 0 .15rem; color: var(--muted-foreground); font-size: .7rem; }
.zi-broadcast-message { margin: 1rem 0; padding: 1rem; color: var(--foreground); font-size: .82rem; line-height: 1.65; border: 1px solid var(--border); border-radius: .75rem; background: var(--muted); white-space: pre-wrap; }
.zi-broadcast-review dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem 1rem; }
.zi-broadcast-review dl > div { padding: .75rem; border: 1px solid var(--border); border-radius: .7rem; }
.zi-broadcast-review dt { color: var(--muted-foreground); font-size: .68rem; }
.zi-broadcast-review dd { margin: .2rem 0 0; color: var(--foreground); font-size: .8rem; font-weight: 700; }
.zi-broadcast-blockers { margin-top: 1rem; padding: 1rem; color: #8a4b00; border: 1px solid #e5a03a; border-radius: .75rem; background: #fff9ed; }
.zi-broadcast-blockers strong { font-size: .8rem; }
.zi-broadcast-blockers ul { margin: .5rem 0 0 1rem; font-size: .75rem; line-height: 1.6; }
.zi-broadcast-confirmation { display: flex; align-items: flex-end; gap: .75rem; margin-top: 1rem; }
.zi-broadcast-confirmation label { flex: 1; }
.zi-broadcast-history > div { display: grid; gap: .65rem; margin-top: 1rem; }
.zi-broadcast-history article { display: flex; align-items: center; gap: .7rem; padding: .7rem; border: 1px solid var(--border); border-radius: .7rem; }
.zi-broadcast-history article strong,.zi-broadcast-history article small { display: block; }
.zi-broadcast-history article strong { color: var(--foreground); font-size: .78rem; }
.zi-broadcast-history article small { margin-top: .1rem; color: var(--muted-foreground); font-size: .67rem; }
@media (max-width: 980px) { .zi-broadcast-layout { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .zi-broadcast-review dl { grid-template-columns: 1fr; } .zi-broadcast-confirmation { align-items: stretch; flex-direction: column; } }
/* Product administration detail */
.zi-product-detail-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .55fr); gap: 1.25rem; margin-top: 1rem; align-items: start; }
.zi-product-detail-main,.zi-product-characteristics,.zi-product-media-section { padding: 1.2rem; }
.zi-product-detail-hero { display: grid; grid-template-columns: minmax(13rem, .7fr) minmax(0, 1.3fr); gap: 1.2rem; align-items: center; }
.zi-product-main-media { display: grid; place-items: center; overflow: hidden; min-height: 14rem; border: 1px solid var(--border); border-radius: .85rem; background: var(--muted); }
.zi-product-main-media img { width: 100%; height: 16rem; object-fit: cover; }
.zi-product-main-media > span { display: grid; place-items: center; gap: .5rem; color: var(--muted-foreground); }
.zi-product-main-media .zi-icon { width: 2rem; height: 2rem; }
.zi-product-detail-summary > div { display: flex; gap: .4rem; margin-bottom: .7rem; }
.zi-product-detail-summary h2 { margin: 0; color: var(--foreground); font-size: 1.25rem; }
.zi-product-detail-summary p { margin: .65rem 0; color: var(--muted-foreground); font-size: .8rem; line-height: 1.65; white-space: pre-wrap; }
.zi-product-detail-summary > strong { color: #587600; font-size: 1.1rem; }
.zi-product-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0 0; }
.zi-product-facts > div { padding: .7rem; border: 1px solid var(--border); border-radius: .7rem; }
.zi-product-facts dt { color: var(--muted-foreground); font-size: .66rem; }
.zi-product-facts dd { overflow: hidden; margin: .2rem 0 0; color: var(--foreground); font-size: .75rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.zi-product-tags { display: flex; align-items: center; gap: .75rem; margin-top: 1rem; color: var(--foreground); font-size: .76rem; }
.zi-product-tags > div { display: flex; gap: .35rem; flex-wrap: wrap; }
.zi-product-characteristics > header,.zi-product-media-section > header { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.zi-product-characteristics h2,.zi-product-media-section h2 { margin: 0; color: var(--foreground); font-size: 1rem; }
.zi-product-characteristics header p,.zi-product-media-section header p { margin: .2rem 0 0; color: var(--muted-foreground); font-size: .7rem; }
.zi-product-characteristics > div { display: grid; gap: .45rem; margin-top: 1rem; }
.zi-product-characteristics article { display: flex; justify-content: space-between; gap: .8rem; padding: .65rem; border: 1px solid var(--border); border-radius: .65rem; }
.zi-product-characteristics article span { color: var(--muted-foreground); font-size: .72rem; }
.zi-product-characteristics article strong { color: var(--foreground); font-size: .74rem; text-align: right; }
.zi-product-media-section { margin-top: 1.25rem; }
.zi-product-media-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin-top: 1rem; }
.zi-product-media-grid article { overflow: hidden; border: 1px solid var(--border); border-radius: .75rem; background: var(--background); }
.zi-product-media-grid article > img { width: 100%; height: 10rem; object-fit: cover; background: var(--muted); }
.zi-product-media-grid article > div { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .65rem; }
.zi-product-media-grid article strong { overflow: hidden; color: var(--foreground); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.zi-product-video { display: flex; align-items: center; gap: .7rem; margin-top: 1rem; padding: .8rem; color: #587600; border: 1px solid rgba(153, 204, 0, .45); border-radius: .7rem; background: #f7fbe9; }
.zi-product-video strong,.zi-product-video a { display: block; font-size: .72rem; }
@media (max-width: 1200px) { .zi-product-detail-grid { grid-template-columns: 1fr; } .zi-product-media-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .zi-product-detail-hero { grid-template-columns: 1fr; } .zi-product-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .zi-product-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .zi-product-facts,.zi-product-media-grid { grid-template-columns: 1fr; } }
/* Product administrator edit contract */
.zi-product-edit-form { display: grid; gap: 1rem; margin-top: 1rem; }
.zi-product-edit-form > .card { padding: 1.2rem; }
.zi-product-edit-form > .card > header { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.zi-product-edit-form h2 { margin: 0; color: var(--foreground); font-size: 1rem; }
.zi-product-edit-form header p { margin: .2rem 0 0; color: var(--muted-foreground); font-size: .7rem; }
.zi-product-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.zi-product-edit-grid textarea.zi-input { min-height: 7rem; resize: vertical; }
.zi-profile-lookup { position: relative; }
.zi-profile-lookup > small { display: block; margin-top: .35rem; color: #587600; font-size: .7rem; font-weight: 700; }
.zi-profile-search-results { position: absolute; z-index: 30; top: calc(100% - 1.1rem); right: 0; left: 0; overflow: auto; max-height: 16rem; padding: .35rem; border: 1px solid var(--border); border-radius: .7rem; background: var(--background); box-shadow: 0 14px 34px rgba(23,32,51,.14); }
.zi-profile-search-results button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem; color: var(--foreground); text-align: left; border: 0; border-radius: .55rem; background: transparent; cursor: pointer; }
.zi-profile-search-results button:hover,.zi-profile-search-results button:focus-visible { background: #f4f9e6; outline: none; }
.zi-profile-search-results strong { font-size: .76rem; }
.zi-profile-search-results small { color: var(--muted-foreground); font-size: .68rem; }
.zi-product-category-step { width: 100%; max-width: 72rem; margin: 0 auto; overflow: visible; }
.zi-product-category-step form { display: block; margin: 0; }
.zi-product-category-body { display: grid; grid-template-columns: minmax(15rem,.75fr) minmax(0,1.25fr); align-items: center; gap: 1.5rem; }
.zi-product-category-guide { display: flex; min-height: 7rem; align-items: flex-start; gap: .85rem; padding: 1rem; border: 1px solid #dcecae; border-radius: .7rem; background: #f7fbe8; }
.zi-product-category-guide-icon { display: grid; width: 2.6rem; height: 2.6rem; flex: none; place-items: center; border-radius: .65rem; background: #edf7cf; color: #5f8000; }
.zi-product-category-guide-icon .zi-icon { width: 1.15rem; height: 1.15rem; }
.zi-product-category-guide>div { display: grid; gap: .3rem; padding-top: .1rem; }
.zi-product-category-guide strong { color: #3d5200; font-size: .8rem; }
.zi-product-category-guide p { color: #5f8000; font-size: .68rem; line-height: 1.55; }
.zi-product-category-control { min-width: 0; }
.zi-product-category-control .zi-field-help { margin-top: .5rem; }
.zi-product-category-footer { justify-content: space-between; }
.zi-product-category-footer>span { color: var(--muted-foreground); font-size: .7rem; }
.zi-appearance-section { padding: 1.15rem; }
.zi-appearance-section + .zi-appearance-section { margin-top: 1rem; }
.zi-appearance-section > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.zi-appearance-section > header > div { min-width: 0; }
.zi-appearance-section > header h2 { margin: 0; color: var(--foreground); font-size: 1rem; font-weight: 700; line-height: 1.35; }
.zi-appearance-section > header p { margin: .25rem 0 0; color: var(--muted-foreground); font-size: .72rem; line-height: 1.5; }
.zi-appearance-section > header .badge { flex: none; }
.zi-appearance-section > form { margin-top: 1rem; }
.zi-appearance-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .85rem; }
.zi-appearance-option { display: grid; grid-template-columns: auto 3.25rem minmax(0,1fr); gap: .75rem; align-items: start; padding: .85rem; border: 1px solid var(--border); border-radius: .8rem; background: var(--background); cursor: pointer; transition: border-color .15s ease,box-shadow .15s ease,background .15s ease; }
.zi-appearance-option:has(input:checked) { border-color: var(--primary); background: #f8fce9; box-shadow: 0 0 0 2px rgba(153,204,0,.14); }
.zi-appearance-option input { margin-top: .35rem; accent-color: var(--primary); }
.zi-appearance-option-media { display: grid; width: 3.25rem; height: 3.25rem; place-items: center; overflow: hidden; border-radius: .65rem; background: #f3f5f0; color: var(--primary); }
.zi-appearance-option-media img { width: 100%; height: 100%; object-fit: cover; }
.zi-appearance-option-media .zi-icon { width: 1.3rem; height: 1.3rem; }
.zi-appearance-option>span:last-child { display: grid; gap: .22rem; min-width: 0; }
.zi-appearance-option strong { color: var(--foreground); font-size: .82rem; }
.zi-appearance-option small,.zi-appearance-option em { color: var(--muted-foreground); font-size: .68rem; font-style: normal; line-height: 1.35; }
@media (max-width: 980px) { .zi-appearance-options { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .zi-appearance-section { padding: 1rem; } .zi-appearance-section > header { align-items: stretch; flex-direction: column; } .zi-appearance-section > header .badge { align-self: flex-start; } .zi-appearance-options { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .zi-product-edit-grid,.zi-product-category-body { grid-template-columns: 1fr; } .zi-product-edit-grid .zi-filter-span-2 { grid-column: auto; } .zi-product-category-footer { align-items: stretch; flex-direction: column; } .zi-product-category-footer .btn { width: 100%; justify-content: center; } }

/* ZiTrade command center and operations dashboard */
.zi-global-search-popover { z-index: 100; }
.zi-maintenance-popover { z-index: 100; }
.zi-dashboard-heading-rich { align-items: flex-end; }
.zi-dashboard-controls { display: flex; align-items: flex-end; justify-content: flex-end; flex-wrap: wrap; gap: .65rem; }
.zi-dashboard-range { display: flex; align-items: center; gap: .5rem; }
.zi-dashboard-range > label { grid-column: 1 / -1; color: var(--muted-foreground); font-size: .62rem; font-weight: 650; }
.zi-dashboard-range .zi-select-field { min-width: 0; }
.zi-dashboard-toolbar { position: relative; align-items: center; }
.zi-dashboard-toolbar .zi-dashboard-range > .zi-select-field { width: 10.5rem; }
.zi-dashboard-custom-range { display: flex; align-items: center; gap: .4rem; }
.zi-dashboard-custom-range[hidden] { display: none; }
.zi-dashboard-custom-range .zi-input { width: 9.2rem; }
.zi-dashboard-widget-menu, .zi-dashboard-export-menu { position: relative; }
.zi-dashboard-widget-menu > summary, .zi-dashboard-export-menu > summary { list-style: none; cursor: pointer; }
.zi-dashboard-widget-menu > summary::-webkit-details-marker, .zi-dashboard-export-menu > summary::-webkit-details-marker { display: none; }
.zi-dashboard-widget-panel, .zi-dashboard-export-menu > div { position: absolute; z-index: 75; top: calc(100% + .55rem); right: 0; width: 285px; padding: .55rem; border: 1px solid var(--border); border-radius: .75rem; background: var(--background); box-shadow: 0 18px 45px rgb(15 23 42 / .16); }
.zi-dashboard-widget-panel > div { display: grid; gap: .12rem; padding: .55rem .6rem .7rem; border-bottom: 1px solid var(--border); }
.zi-dashboard-widget-panel > div strong { font-size: .75rem; }
.zi-dashboard-widget-panel > div small { color: var(--muted-foreground); font-size: .62rem; }
.zi-dashboard-widget-panel label { display: flex; align-items: center; gap: .6rem; padding: .55rem .6rem; border-radius: .45rem; cursor: pointer; font-size: .7rem; }
.zi-dashboard-widget-panel label:hover { background: var(--muted); }
.zi-dashboard-widget-panel input { width: .95rem; height: .95rem; accent-color: var(--primary); }
.zi-dashboard-widget-panel > button { width: 100%; justify-content: center; margin-top: .35rem; }
.zi-dashboard-export-menu > div { width: 250px; }
.zi-dashboard-export-menu > div > a, .zi-dashboard-export-menu > div > button { display: flex; width: 100%; align-items: center; gap: .65rem; padding: .65rem; border-radius: .5rem; text-align: left; }
.zi-dashboard-export-menu > div > a:hover, .zi-dashboard-export-menu > div > button:hover { background: var(--muted); }
.zi-dashboard-export-menu > div > a > .zi-icon, .zi-dashboard-export-menu > div > button > .zi-icon { width: 1rem; color: var(--primary); }
.zi-dashboard-export-menu > div span { display: grid; gap: .1rem; }
.zi-dashboard-export-menu > div strong { font-size: .7rem; }
.zi-dashboard-export-menu > div small { color: var(--muted-foreground); font-size: .6rem; }
[data-dashboard-widget][hidden] { display: none !important; }
@media print { .zi-sidebar, .zi-header, .zi-dashboard-toolbar, footer { display: none !important; } .zi-content { margin: 0 !important; } main { padding: 0 !important; } .zi-container { max-width: none !important; padding: 0 !important; } .card { break-inside: avoid; box-shadow: none !important; } }
.zi-dashboard-metrics-rich { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.zi-dashboard-metrics-rich .zi-dashboard-metric { color: inherit; transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease; }
.zi-dashboard-metrics-rich .zi-dashboard-metric:not(.is-static):hover { border-color: rgb(153 204 0 / .55); transform: translateY(-2px); box-shadow: 0 12px 28px rgb(50 70 20 / .08); }
.zi-dashboard-metric b.down { color: #b42318; }
.zi-dashboard-metric b.neutral { color: var(--muted-foreground); }
.zi-attention-card { overflow: hidden; margin-bottom: 1rem; }
.zi-attention-header { display: flex; min-height: 4.5rem; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1.1rem; border-bottom: 1px solid var(--border); background: linear-gradient(90deg, rgb(153 204 0 / .08), transparent); }
.zi-attention-header > div { display: flex; align-items: center; gap: .7rem; }
.zi-attention-header > div > span { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: .65rem; background: var(--primary-light); color: #5f8000; }
.zi-attention-header .zi-icon { width: 1rem; }
.zi-attention-header h2 { margin: 0; font-size: .86rem; font-weight: 700; }
.zi-attention-header p { margin: .15rem 0 0; color: var(--muted-foreground); font-size: .64rem; }
.zi-attention-header > strong { color: #5f8000; font-size: .76rem; }
.zi-action-queue-grid-rich { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.zi-action-queue-grid-rich a { display: grid; min-width: 0; grid-template-columns: 2.35rem minmax(0, 1fr) auto; align-items: center; gap: .7rem; padding: .9rem 1rem; }
.zi-action-queue-grid-rich a > span { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border-radius: .6rem; }
.zi-action-queue-grid-rich a > span .zi-icon { width: .95rem; }
.zi-action-queue-grid-rich a > div { display: grid; min-width: 0; gap: .12rem; }
.zi-action-queue-grid-rich a > div strong { font-size: .88rem; line-height: 1.1; }
.zi-action-queue-grid-rich a > div small { overflow: hidden; color: var(--muted-foreground); font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.zi-action-queue-grid-rich a > .zi-icon { width: .72rem; color: var(--muted-foreground); }
.zi-dashboard-primary-grid-rich { grid-template-columns: minmax(0, 1.8fr) minmax(280px, .7fr); }
.zi-dashboard-chart { height: 310px; }
.zi-card-total { color: #5f8000; font-size: 1.05rem; }
.zi-status-distribution { display: grid; align-content: start; gap: .8rem; }
.zi-status-distribution a { display: grid; gap: .4rem; color: inherit; }
.zi-status-distribution a > div { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.zi-status-distribution a > div span { display: flex; align-items: center; gap: .45rem; color: var(--muted-foreground); font-size: .67rem; }
.zi-status-distribution a > div i { width: .48rem; height: .48rem; border-radius: 50%; }
.zi-status-distribution a > div strong { font-size: .7rem; }
.zi-status-distribution a > b { display: block; height: .3rem; overflow: hidden; border-radius: 999px; background: var(--muted); }
.zi-status-distribution a > b i { display: block; min-width: 2px; height: 100%; border-radius: inherit; }
.tone-success { background-color: #99cc00; color: #5f8000; }
.tone-warning { background-color: #e7b800; color: #7d6200; }
.tone-danger { background-color: #e54b5f; color: #9f1239; }
.tone-primary { background-color: #99cc00; color: #5f8000; }
.tone-muted { background-color: #9aa392; color: #596157; }
.zi-dashboard-operations-rich { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.zi-dashboard-operations-rich .card-header a { color: #5f8000; font-size: .62rem; font-weight: 700; }
.zi-operation-list { display: grid; padding-block: .35rem; }
.zi-operation-list a { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: .55rem; padding: .75rem 0; border-bottom: 1px solid var(--border); color: inherit; }
.zi-operation-list a:last-child { border-bottom: 0; }
.zi-operation-list span { color: var(--muted-foreground); font-size: .66rem; }
.zi-operation-list strong { font-size: .8rem; }
.zi-operation-list .zi-icon { width: .75rem; color: #5f8000; }
.zi-automation-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; }
.zi-automation-mini > div { display: flex; min-width: 0; align-items: center; gap: .5rem; }
.zi-automation-mini > div > span { display: grid; width: 2rem; height: 2rem; flex: none; place-items: center; border-radius: .55rem; }
.zi-automation-mini > div > span.healthy { background: var(--primary-light); color: #5f8000; }
.zi-automation-mini > div > span.attention { background: #fff1f2; color: #be123c; }
.zi-automation-mini > div > span.idle { background: var(--muted); color: var(--muted-foreground); }
.zi-automation-mini .zi-icon { width: .85rem; }
.zi-automation-mini > div > div { display: grid; }
.zi-automation-mini strong { font-size: .85rem; }
.zi-automation-mini small { color: var(--muted-foreground); font-size: .55rem; }
.zi-automation-mini > p { grid-column: 1 / -1; margin: .2rem 0 0; padding-top: .6rem; border-top: 1px solid var(--border); color: var(--muted-foreground); font-size: .58rem; }
.zi-automation-mini > p strong { color: var(--foreground); font-size: inherit; }
.zi-dashboard-activity-card { margin-top: 1rem; }
.zi-empty-state-compact { min-height: 115px; }

@media (max-width: 1500px) {
    .zi-dashboard-metrics-rich { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .zi-dashboard-operations-rich { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1050px) {
    .zi-dashboard-heading-rich { align-items: flex-start; }
    .zi-dashboard-controls { width: 100%; justify-content: flex-start; }
    .zi-dashboard-primary-grid-rich { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .zi-dashboard-controls, .zi-dashboard-range { display: grid; width: 100%; grid-template-columns: 1fr; }
    .zi-dashboard-controls > *, .zi-dashboard-range .btn { width: 100%; justify-content: center; }
    .zi-dashboard-metrics-rich, .zi-dashboard-operations-rich { grid-template-columns: 1fr; }
    .zi-attention-header { align-items: flex-start; flex-direction: column; }
    .zi-dashboard-custom-range { display: grid; grid-template-columns: 1fr 1fr; }
    .zi-dashboard-custom-range .zi-input { width: 100%; }
    .zi-dashboard-custom-range .btn { grid-column: 1 / -1; }
    .zi-dashboard-widget-panel, .zi-dashboard-export-menu > div { position: fixed; top: 5rem; right: .75rem; left: .75rem; width: auto; }
}

/* ZiService-aligned administration */
.zi-role-search { display: flex; width: min(100%, 32rem); gap: .6rem; }
.zi-role-search .zi-input-wrapper { flex: 1; }
.zi-admin-list-header { align-items: flex-end; gap: 1rem; }
.zi-admin-toolbar { display: grid; grid-template-columns: minmax(14rem, 20rem) 10rem 12rem auto; align-items: end; gap: .55rem; }
.zi-admin-avatar, .zi-role-icon { display: grid; width: 2.65rem; height: 2.65rem; flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: .7rem; background: color-mix(in srgb, var(--primary) 12%, transparent); color: var(--primary); font-weight: 700; }
.zi-role-icon { width: 3rem; height: 3rem; }
.zi-role-counts { display: flex; gap: 1rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--border); color: var(--muted-foreground); font-size: .75rem; }
.zi-role-counts strong { color: var(--foreground); }
.zi-permission-row { display: flex; align-items: center; gap: .8rem; padding: .8rem; border: 1px solid var(--border); border-radius: .6rem; cursor: pointer; }
.zi-permission-row:hover { background: var(--muted); }
.zi-permission-row > input { width: 1rem; height: 1rem; accent-color: var(--primary); }
.zi-permission-row > span { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.zi-permission-row strong { font-size: .8125rem; }
.zi-permission-row small { margin-top: .15rem; color: var(--muted-foreground); font-size: .7rem; }
.zi-native-modal { width: min(calc(100% - 2rem), 38rem); max-width: none; padding: 0; overflow: visible; border: 1px solid var(--border); border-radius: .8rem; background: var(--background); color: var(--foreground); box-shadow: 0 24px 70px rgb(0 0 0 / .25); }
.zi-native-modal::backdrop { background: rgb(15 23 42 / .5); backdrop-filter: blur(2px); }
.zi-native-modal form { margin: 0; }
.zi-confirm-modal-head, .zi-confirm-modal-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; }
.zi-confirm-modal-head { border-bottom: 1px solid var(--border); }
.zi-confirm-modal-head h2 { font-size: 1rem; font-weight: 650; }
.zi-confirm-modal-head p { margin-top: .2rem; color: var(--muted-foreground); font-size: .72rem; }
.zi-confirm-modal-body { padding: 1.15rem; }
.zi-confirm-modal-actions { justify-content: flex-end; border-top: 1px solid var(--border); }
.zi-owner-card { display: flex; align-items: center; gap: .75rem; padding: .8rem; border: 1px solid var(--border); border-radius: .65rem; }
.zi-owner-card:hover { border-color: var(--primary); background: var(--primary-light); }
.zi-owner-card > div { display: grid; min-width: 0; gap: .1rem; }
.zi-owner-card small { color: var(--muted-foreground); font-size: .65rem; }
.zi-matrix-different { background: #fffbeb; }
[data-zi-tab-panel][hidden] { display: none !important; }
.zi-category-artwork-grid, .zi-resource-drawer-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.zi-category-artwork-grid .zi-category-thumb-upload { min-height: 8rem; margin-top: .75rem; }
.zi-category-thumb-upload.is-rectangle img { width: 9rem; height: 5rem; object-fit: cover; }
.zi-file-drop { min-height: 10rem; }
.zi-resource-drawer { width: min(96vw, 720px); }
.zi-resource-drawer-form { display: flex; min-height: 0; flex: 1; flex-direction: column; }
.zi-resource-drawer-form > .zi-category-drawer-body { flex: 1; }
.zi-resource-drawer-form > footer { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; padding: 1rem 1.25rem; border-top: 1px solid var(--border); background: var(--background); }
.zi-resource-drawer-fields .zi-field-wide, .zi-resource-drawer-fields .zi-validation-summary { grid-column: 1 / -1; }
.zi-category-multi-picker { border: 0; grid-column: 1 / -1; min-width: 0; }
.zi-category-multi-picker legend { color: var(--zi-text); font-size: .8125rem; font-weight: 700; margin-bottom: .5rem; }
.zi-category-multi-picker legend span { color: var(--zi-primary-dark); }
.zi-category-multi-search { align-items: center; display: flex; position: relative; }
.zi-category-multi-search > svg { color: var(--zi-muted); height: 1rem; left: .875rem; pointer-events: none; position: absolute; width: 1rem; }
.zi-category-multi-search .zi-input { padding-left: 2.5rem; }
.zi-category-multi-options { border: 1px solid var(--zi-border); border-radius: .75rem; margin-top: .625rem; max-height: 19rem; overflow: auto; padding: .375rem; }
.zi-category-multi-options label { align-items: center; border-radius: .55rem; cursor: pointer; display: flex; gap: .75rem; padding: .55rem .65rem; }
.zi-category-multi-options label:hover { background: var(--zi-primary-soft); }
.zi-category-multi-options input { accent-color: var(--zi-primary); flex: 0 0 auto; }
.zi-category-multi-options label > span { border-left: calc(var(--category-depth) * .125rem) solid color-mix(in srgb, var(--zi-primary) 28%, transparent); display: flex; flex-direction: column; min-width: 0; padding-left: calc(var(--category-depth) * .45rem); }
.zi-category-multi-options strong { color: var(--zi-text); font-size: .8125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zi-category-multi-options small { color: var(--zi-muted); font-size: .6875rem; }
.zi-account-popover > header > span img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.zi-admin-account-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr); gap: 1.25rem; align-items: start; }
.zi-admin-account-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zi-admin-account-fields .zi-admin-photo { grid-column: 1 / -1; }
@media (max-width: 900px) { .zi-admin-account-layout, .zi-admin-account-fields { grid-template-columns: 1fr; } .zi-admin-account-fields .zi-admin-photo { grid-column: auto; } }
.zi-native-modal[open] { display: block; position: fixed; inset: 50% auto auto 50%; z-index: 120; transform: translate(-50%, -50%); }
.zi-capability-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; border-bottom: 1px solid var(--border); background: var(--border); }
.zi-capability-summary > div { display: grid; gap: .2rem; padding: 1rem 1.25rem; background: var(--background); }
.zi-capability-summary strong { color: var(--primary); font-size: 1.35rem; }
.zi-capability-summary span { color: var(--muted-foreground); font-size: .68rem; }
@media (max-width: 1150px) { .zi-admin-list-header { align-items: stretch; flex-direction: column; } .zi-admin-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .zi-admin-toolbar, .zi-category-artwork-grid, .zi-resource-drawer-fields, .zi-capability-summary { grid-template-columns: 1fr; } .zi-role-search { width: 100%; } .zi-resource-drawer-fields .zi-field-wide { grid-column: auto; } }

/* ZiService-aligned data tables */
.zi-grid-toolbar { display: flex; min-height: 4.5rem; align-items: center; justify-content: space-between; gap: 1rem; padding-inline: 1.25rem; border-bottom: 1px solid var(--border); }
.zi-status-tabs { display: flex; align-self: stretch; gap: 1.25rem; overflow-x: auto; }
.zi-status-tab { position: relative; display: inline-flex; align-items: center; gap: .4rem; color: var(--muted-foreground); font-size: .75rem; font-weight: 600; white-space: nowrap; }
.zi-status-tab > span { min-width: 1.55rem; padding: .1rem .4rem; border-radius: 999px; background: var(--muted); color: var(--muted-foreground); font-size: .65rem; text-align: center; }
.zi-status-tab.active { color: var(--primary); }
.zi-status-tab.active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--primary); content: ''; }
.zi-status-tab.active > span { background: color-mix(in srgb, var(--primary) 11%, white); color: #5f8000; }
.zi-status-tab-trash { margin-inline-start: .25rem; padding-inline-start: 1.35rem; color: #d4213d; }
.zi-status-tab-trash::before { position: absolute; top: 50%; inset-inline-start: 0; width: 1px; height: 1.5rem; background: var(--border); content: ''; translate: 0 -50%; }
.zi-status-tab-trash > .zi-icon { width: 1rem; height: 1rem; }
.zi-status-tab-trash > .zi-status-tab-trash-label { min-width: 0; padding: 0; border-radius: 0; background: transparent; color: currentColor; font-size: inherit; }
.zi-status-tab-trash > .zi-status-tab-trash-count { border: 1px solid color-mix(in srgb, #d4213d 30%, transparent); background: transparent; color: #d4213d; }
.zi-status-tab-trash.active { color: #d4213d; }
.zi-status-tab-trash.active::after { inset-inline: 1.35rem 0; background: #d4213d; }
.zi-status-tab-trash.active > .zi-status-tab-trash-label, .zi-status-tab-trash.active > .zi-status-tab-trash-count { background: transparent; color: #d4213d; }
.zi-grid-actions { display: flex; align-items: center; gap: .5rem; }
.zi-table-sort-help { display: inline-flex; align-items: center; gap: .4rem; color: var(--muted-foreground); font-size: .65rem; white-space: nowrap; }
.zi-table-sort-help .zi-icon { width: .8rem; }
.zi-products-trash-notice { margin: 1rem 1.25rem 0; }
.zi-trash-notice { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.15rem; border: 1px solid #fde68a; border-radius: .7rem; background: #fffbeb; }
.zi-trash-notice-icon { display: inline-flex; width: 2.5rem; height: 2.5rem; flex: none; align-items: center; justify-content: center; border-radius: .6rem; background: #fef3c7; color: #a15c09; }
.zi-trash-notice-icon .zi-icon { width: 1rem; }
.zi-trash-notice > div { display: grid; flex: 1; gap: .15rem; }
.zi-trash-notice strong { color: #713f12; font-size: .75rem; }
.zi-trash-notice p { color: #92400e; font-size: .68rem; }
.table thead th, .zi-table thead th { padding: .8rem 1rem; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--muted) 62%, var(--background)); color: var(--muted-foreground); font-size: .68rem; font-weight: 650; letter-spacing: .01em; text-align: start; }
.table tbody td, .zi-table tbody td { padding: .8rem 1rem; border-bottom: 1px solid var(--border); }
.table tbody tr:last-child td, .zi-table tbody tr:last-child td { border-bottom: 0; }
.table tbody tr:hover td, .zi-table tbody tr:hover td { background: color-mix(in srgb, var(--primary) 3%, var(--background)); }
.zi-column-trigger { display: inline-flex; min-height: 1.75rem; align-items: center; gap: .35rem; margin: -.25rem -.4rem; padding: .25rem .4rem; border-radius: .35rem; color: var(--muted-foreground); font: inherit; white-space: nowrap; }
.zi-column-trigger:hover, .zi-column-trigger.active, th[aria-sort='ascending'] .zi-column-trigger, th[aria-sort='descending'] .zi-column-trigger { background: var(--accent); color: var(--foreground); }
.zi-column-trigger.active { color: #5f8000; }
.zi-sort-icon { width: .75rem; height: .75rem; }
.zi-client-sort-icon { display: inline-grid; width: .75rem; height: .75rem; place-items: center; color: currentColor; font-size: .62rem; line-height: 1; }
.zi-client-sort-icon::before { content: '↕'; }
.zi-client-sort[data-direction='ascending'] .zi-client-sort-icon::before { content: '↑'; }
.zi-client-sort[data-direction='descending'] .zi-client-sort-icon::before { content: '↓'; }
.zi-row-actions { position: relative; display: inline-block; }
.zi-row-menu { display: none; position: absolute; z-index: 140; width: 230px; padding: .4rem; border: 1px solid var(--border); border-radius: .55rem; background: var(--popover); color: var(--popover-foreground); box-shadow: 0 12px 34px rgb(0 0 0 / .15); }
.zi-row-menu.is-open { display: block; position: fixed; animation: zi-dropdown-in .12s ease-out; }
.zi-row-menu form { margin: 0; }
.zi-column-action { display: flex; width: 100%; min-height: 2.25rem; align-items: center; gap: .6rem; padding: .5rem .6rem; border-radius: .4rem; color: var(--foreground); font-size: .75rem; font-weight: 400; text-align: start; }
.zi-column-action:hover { background: var(--accent); }
.zi-column-action .zi-icon { width: .9rem; height: .9rem; color: var(--muted-foreground); }
.zi-column-action.zi-action-danger { color: #be123c; }
.zi-column-action.zi-action-danger .zi-icon { color: currentColor; }
.zi-restore-action { color: #5f8000; }
.zi-restore-action .zi-icon { color: currentColor; }
.zi-row-menu-separator { height: 1px; margin: .35rem -.4rem; background: var(--border); }
.zi-row-status-menu { display: grid; gap: .4rem; padding: .35rem .25rem .55rem; }
.zi-row-status-menu .btn { width: 100%; justify-content: center; }
@keyframes zi-dropdown-in { from { opacity: 0; translate: 0 -4px; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 1199px) { .zi-grid-toolbar { align-items: stretch; flex-direction: column; padding-top: .75rem; } .zi-status-tabs { min-height: 3rem; } .zi-grid-actions { width: 100%; padding-bottom: .75rem; } }
@media (max-width: 640px) { .zi-products-trash-notice { align-items: flex-start; margin-inline: .75rem; } .zi-products-trash-notice > .badge { display: none; } }
/* ZiService-matched profile creation controls. */
.zi-core-user-arrow{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--muted-foreground);font-size:1.25rem}
.zi-zibox-user-search{position:relative;display:flex;width:100%;min-height:2.75rem;align-items:center;overflow:hidden;border:1px solid var(--input);border-radius:var(--radius);background:var(--background);transition:border-color .15s ease,box-shadow .15s ease}
.zi-zibox-user-search:hover{border-color:color-mix(in srgb,var(--primary) 32%,var(--input))}
.zi-zibox-user-search:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)!important}
.zi-zibox-user-search>.zi-icon{position:absolute;z-index:1;inset-inline-start:.85rem;width:1rem;height:1rem;pointer-events:none;color:var(--muted-foreground)}
.zi-zibox-user-search>input{display:block;width:100%;height:2.75rem;min-width:0;padding:0 .875rem 0 2.45rem;border:0!important;border-radius:inherit;background:transparent!important;color:var(--foreground);font:inherit;font-size:.75rem;line-height:1.25;outline:0!important;box-shadow:none!important}
.zi-zibox-user-search>input::placeholder{color:var(--muted-foreground);opacity:.82}
.zi-zibox-user-search>input::-webkit-search-cancel-button{cursor:pointer}
.zi-location-picker .leaflet-control-zoom{overflow:hidden;border:1px solid var(--border)!important;border-radius:.55rem!important;background:#fff;box-shadow:0 4px 14px #0f172a1f!important}
.zi-location-picker .leaflet-control-zoom a{display:grid!important;width:2rem!important;height:2rem!important;min-width:2rem!important;min-height:2rem!important;place-items:center;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:var(--foreground)!important;font-family:Arial,sans-serif!important;font-size:1.25rem!important;font-weight:400!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important}
.zi-location-picker .leaflet-control-zoom a:first-child{border-bottom:1px solid var(--border)!important}
.zi-location-picker .leaflet-control-zoom a:hover,.zi-location-picker .leaflet-control-zoom a:focus{background:var(--muted)!important;color:var(--primary)!important}
.zi-location-picker .leaflet-control-zoom a.leaflet-disabled{cursor:not-allowed;color:var(--muted-foreground)!important;background:var(--muted)!important}
.zi-profile-map-marker.leaflet-div-icon{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;line-height:0!important}
.zi-profile-map-pin{display:block;width:38px;height:48px;overflow:visible;filter:drop-shadow(0 5px 7px #2430004d)}
.zi-permission-row.is-disabled,.zi-direct-permission.is-disabled{cursor:not-allowed;opacity:.48;background:var(--muted)}
.zi-permission-row.is-disabled:hover,.zi-direct-permission.is-disabled:hover{border-color:var(--border);background:var(--muted);box-shadow:none}
.zi-permission-row.is-disabled input,.zi-direct-permission.is-disabled input{cursor:not-allowed}
[data-administrator-access].has-administrator-access .zi-access-divider span{color:var(--muted-foreground)}

/* Shared confirmation dialog, matched to ZiJob. */
.zi-confirm-dialog{width:min(35rem,calc(100% - 2rem));margin:auto;padding:1.75rem;border:1px solid var(--border);border-radius:.85rem;background:var(--background);color:var(--foreground);box-shadow:0 24px 80px rgb(25 45 80/.2)}
.zi-confirm-dialog::backdrop{background:rgb(37 47 74/.38);backdrop-filter:blur(1px)}
.zi-confirm-dialog[open]{animation:zi-confirm-in .16s ease-out}
.zi-confirm-dialog h2{margin:0 0 .65rem;font-size:1.25rem;font-weight:650;line-height:1.35}
.zi-confirm-dialog p{margin:0 0 1.5rem;color:var(--muted-foreground);font-size:.8125rem;line-height:1.65}
.zi-confirm-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem}
.zi-confirm-dialog.is-danger [data-confirm-dialog-accept],.zi-confirm-dialog.is-signout [data-confirm-dialog-accept]{border-color:#be123c!important;background:#be123c!important;color:#fff!important}
.zi-confirm-dialog.is-danger [data-confirm-dialog-accept]:hover,.zi-confirm-dialog.is-signout [data-confirm-dialog-accept]:hover{border-color:#9f1239!important;background:#9f1239!important}
@keyframes zi-confirm-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Unified Add Product workflow, aligned with the ZiService creation experience. */
.zi-product-create-page{display:grid;gap:1.25rem}
.zi-product-create-page .zi-create-heading{margin-bottom:0}
.zi-product-create-page .zi-profile-breadcrumb{margin-bottom:.55rem}
.zi-product-create-page .zi-create-actions{display:flex;align-items:center;gap:.65rem}
.zi-product-create-page .card{overflow:visible}
.zi-product-create-page .card-header p{margin-top:.25rem;color:var(--muted-foreground);font-size:.7rem}
.zi-product-create-page .zi-control-label b{color:#e11d48;font-weight:600}
.zi-product-create-page .zi-readonly-control{display:flex;min-height:2.75rem;align-items:center;gap:.65rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.6rem;background:color-mix(in srgb,var(--muted) 45%,var(--background))}
.zi-product-create-page .zi-readonly-control small{color:var(--muted-foreground);font-size:.66rem}
.zi-product-create-page .zi-location-map-stage{position:relative;overflow:hidden;border-radius:.7rem}
.zi-product-create-page .zi-location-picker{height:330px;border:1px solid var(--border);border-radius:.7rem}
.zi-product-create-page .zi-location-summary{margin-top:1rem}
.zi-product-create-page .zi-profile-lookup{position:relative;display:grid;gap:.45rem}
.zi-product-create-page .zi-profile-selection{color:var(--muted-foreground);font-size:.66rem}
.zi-product-create-page .zi-product-upload-stack,.zi-product-create-page .zi-product-additional-fields{display:grid;gap:1rem}
.zi-product-create-page .zi-media-current{display:flex;align-items:center;gap:.75rem;padding:.65rem;border:1px solid var(--border);border-radius:.65rem;background:color-mix(in srgb,var(--muted) 45%,var(--background))}
.zi-product-create-page .zi-media-current img{width:3.25rem;height:3.25rem;flex:none;border-radius:.55rem;object-fit:cover;background:var(--muted)}
.zi-product-create-page .zi-media-current span{display:grid;gap:.15rem;min-width:0}.zi-product-create-page .zi-media-current strong{font-size:.75rem}.zi-product-create-page .zi-media-current small{color:var(--muted-foreground);font-size:.65rem}
.zi-product-create-page .zi-upload-zone>.zi-icon{width:1.2rem;height:1.2rem}
.zi-product-create-page .zi-field>small{margin-top:.35rem;color:var(--muted-foreground);font-size:.64rem;line-height:1.45}
.zi-category-required-note{display:flex;align-items:center;gap:.85rem;padding:1rem;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));border-radius:.75rem;background:color-mix(in srgb,var(--primary) 7%,var(--background))}
.zi-category-required-note>span{display:grid;width:2.5rem;height:2.5rem;flex:none;place-items:center;border-radius:.6rem;background:var(--primary-light);color:var(--primary)}
.zi-category-required-note>span .zi-icon{width:1.1rem}
.zi-category-required-note>div{display:grid;flex:1;gap:.18rem}
.zi-category-required-note strong{font-size:.78rem}
.zi-category-required-note p{color:var(--muted-foreground);font-size:.67rem}
.zi-readonly-notice{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem;border:1px solid color-mix(in srgb,var(--primary) 38%,var(--border));border-radius:.7rem;background:color-mix(in srgb,var(--primary) 7%,var(--background));color:#4f6c00}
.zi-readonly-notice>.zi-icon{width:1rem;height:1rem;flex:none;margin-top:.08rem}
.zi-readonly-notice>div{display:grid;gap:.2rem}
.zi-readonly-notice strong{font-size:.72rem}
.zi-readonly-notice p{font-size:.64rem;line-height:1.5}
.zi-product-category-modal{width:min(calc(100% - 2rem),48rem);overflow:hidden}
.zi-product-category-modal .zi-category-modal{width:100%;max-width:none}
.zi-product-category-results{display:grid;max-height:min(60vh,32rem);overflow:auto;padding:.45rem}
.zi-product-category-option{display:flex;min-height:4rem;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:.6rem;color:var(--foreground)}
.zi-product-category-option:hover,.zi-product-category-option:focus-visible{background:color-mix(in srgb,var(--primary) 9%,var(--background));color:var(--foreground)}
.zi-product-category-option>span:nth-child(2){display:grid;min-width:0;flex:1;gap:.12rem}
.zi-product-category-option strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}
.zi-product-category-option small{color:var(--muted-foreground);font-size:.64rem}
.zi-category-search-empty{padding:2rem;color:var(--muted-foreground);font-size:.72rem;text-align:center}
.zi-product-create-page button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:767px){.zi-product-create-page .zi-create-actions{width:100%}.zi-product-create-page .zi-create-actions .btn{flex:1}.zi-category-required-note{align-items:flex-start;flex-wrap:wrap}.zi-category-required-note>div{min-width:calc(100% - 3.5rem)}.zi-category-required-note>.btn{width:100%}.zi-product-create-page .zi-location-picker{height:280px}}

/* My Account layout and navigation, matched to the ZiService account experience. */
.zi-account-page{display:grid;width:100%;max-width:64rem;gap:0}
.zi-account-page .zi-create-heading{margin-bottom:1rem}
.zi-account-tabs{display:flex;max-width:100%;overflow-x:auto;margin:0 0 1.25rem;border-bottom:1px solid var(--border);scrollbar-width:thin}
.zi-account-tabs>a{display:flex;min-height:2.75rem;align-items:center;padding:.7rem 1rem;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:.75rem;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.zi-account-tabs>a:hover,.zi-account-tabs>a:focus-visible{background:color-mix(in srgb,var(--primary) 6%,transparent);color:var(--foreground);outline:0}
.zi-account-tabs>a.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:650}
.zi-account-page .max-w-5xl{width:100%;max-width:64rem}
.zi-account-page .max-w-4xl{width:100%;max-width:56rem}
.zi-account-page .max-w-3xl{width:100%;max-width:48rem}
.zi-account-page .zi-admin-validation-summary{max-width:64rem;margin-bottom:1rem}
.zi-account-card{overflow:visible}
.zi-account-card .card-body{min-width:0}
.zi-account-card .zi-profile-avatar-upload{width:100%;min-height:6.5rem}
.zi-account-access-grid{width:100%;max-width:64rem}
@media(max-width:767px){.zi-account-page{max-width:none}.zi-account-tabs>a{padding-inline:.75rem}.zi-account-card .card-body{grid-template-columns:minmax(0,1fr)}.zi-account-card .card-footer .btn{width:100%;justify-content:center}.zi-account-card .zi-profile-avatar-upload{align-items:flex-start}}

/* Livewire category browser: same modal geometry and hierarchy controls as ZiService. */
.zi-native-modal.zi-modal-backdrop.zi-product-category-dialog[open]{position:fixed;z-index:300;inset:0;display:flex;width:100vw;height:100dvh;max-width:none;max-height:none;align-items:center;justify-content:center;margin:0;padding:1rem;overflow:hidden;transform:none;border:0;border-radius:0;background:rgb(15 23 42 / .48);box-shadow:none;backdrop-filter:blur(2px)}
.zi-product-category-dialog::backdrop{background:transparent;backdrop-filter:none}
.zi-product-category-dialog .zi-category-modal{display:flex;width:min(94vw,780px);max-height:min(720px,calc(100dvh - 2rem));flex-direction:column;overflow:hidden}
.zi-product-category-dialog .zi-category-modal-search{flex:none;padding:1rem 1.15rem;border-bottom:1px solid var(--border)}
.zi-product-category-dialog .zi-category-browser-bar{display:flex;flex:none;align-items:center;gap:.75rem;padding:.75rem 1.15rem;border-bottom:1px solid var(--border);background:var(--muted)}
.zi-product-category-dialog .zi-category-browser-bar>div{display:grid;min-width:0;flex:1;gap:.1rem}
.zi-product-category-dialog .zi-category-browser-bar span{color:var(--muted-foreground);font-size:.68rem}
.zi-product-category-dialog .zi-category-browser-bar strong{overflow:hidden;color:var(--foreground);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}
.zi-product-category-dialog .zi-category-modal-results{min-height:12rem;max-height:min(55vh,480px);overflow-y:auto;padding:.45rem}
.zi-product-category-dialog .zi-category-browser-item{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}
.zi-product-category-dialog .zi-category-browser-item:last-child{border-bottom:0}
.zi-product-category-dialog .zi-category-browser-main{display:flex;min-width:0;flex:1;align-items:center;gap:.75rem;padding:.7rem;border-radius:.5rem;text-align:start}
.zi-product-category-dialog .zi-category-browser-main:hover{background:var(--accent)}
.zi-product-category-dialog .zi-category-browser-main>span:nth-child(2){display:grid;min-width:0;flex:1;gap:.12rem}
.zi-product-category-dialog .zi-category-browser-main strong{overflow:hidden;color:var(--foreground);font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}
.zi-product-category-dialog .zi-category-browser-main small{color:var(--muted-foreground);font-size:.7rem}
.zi-product-category-dialog .zi-category-browser-main>.zi-icon{width:.9rem;flex:none;color:var(--muted-foreground)}
.zi-product-category-dialog .zi-combobox-empty{padding:2rem;color:var(--muted-foreground);font-size:.72rem;text-align:center}
@media(max-width:640px){.zi-native-modal.zi-modal-backdrop.zi-product-category-dialog[open]{padding:.5rem}.zi-product-category-dialog .zi-category-modal{width:100%;max-height:calc(100dvh - 1rem)}.zi-product-category-dialog .zi-category-browser-bar{align-items:flex-start;flex-wrap:wrap}.zi-product-category-dialog .zi-category-browser-bar>div{min-width:calc(100% - 3rem)}.zi-product-category-dialog .zi-category-browser-bar>.btn-primary{width:100%;justify-content:center}.zi-product-category-dialog .zi-category-browser-item>.btn{display:none}}
.zi-currency-code{color:var(--muted-foreground);font-size:.82em;font-weight:650;letter-spacing:.025em;white-space:nowrap}