@import '_content/BlazorColorPicker/BlazorColorPicker.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/CrahunBlazorComponents/CrahunBlazorComponents.bundle.scp.css';

/* _content/Starterkit/EjarEntities/Entities/EntitiesWorkbookImport.razor.rz.scp.css */
.entity-import-modal[b-2n68ao4mg9] { background: rgb(15 23 42 / 48%); overflow-y: auto; padding: 20px; }
.entity-import-modal .modal-dialog[b-2n68ao4mg9] { max-width: 1320px; margin: 0 auto; min-height: calc(100dvh - 40px); }
.entity-import-modal .modal-content[b-2n68ao4mg9] { max-height: calc(100dvh - 40px); border: 0; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 70px rgb(15 23 42 / 20%); background: var(--bs-body-bg, #fff); }
.import-header[b-2n68ao4mg9] { display: flex; gap: 20px; padding: 22px 28px; flex-shrink: 0; border-bottom: 1px solid var(--bs-border-color, #e6eaf0); }
.import-heading[b-2n68ao4mg9] { display: flex; align-items: center; gap: 14px; min-width: 0; }
.import-heading h3[b-2n68ao4mg9] { margin: 0 0 5px; font-size: 21px; font-weight: 700; }
.import-heading p[b-2n68ao4mg9] { margin: 0; color: var(--bs-secondary-color, #667085); font-size: 13px; }
.import-heading-icon[b-2n68ao4mg9] { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--bs-tertiary-bg, #f2f6f7); color: var(--gb-website-primary, var(--bs-primary, #0b7181)); font-size: 22px; flex-shrink: 0; }
.import-header-actions[b-2n68ao4mg9] { margin-inline-start: auto; display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.import-download[b-2n68ao4mg9] { display: inline-flex; align-items: center; gap: 9px; background: var(--gb-website-primary, var(--bs-primary, #0b7181)) !important; border-color: var(--gb-website-primary, var(--bs-primary, #0b7181)) !important; color: #fff !important; white-space: nowrap; border-radius: 9px; }
.import-download i[b-2n68ao4mg9] { color: inherit; }
.import-download:hover[b-2n68ao4mg9] { filter: brightness(.92); }
.import-close[b-2n68ao4mg9] { border: 0; background: transparent; color: var(--bs-secondary-color, #667085); width: 36px; height: 36px; border-radius: 8px; }
.import-close:hover[b-2n68ao4mg9] { background: var(--bs-tertiary-bg, #f2f4f7); }
.import-body[b-2n68ao4mg9] { padding: 24px 28px; overflow-y: auto; min-height: 0; }
.import-steps[b-2n68ao4mg9] { display: flex; gap: 28px; list-style: none; padding: 0; margin: 0 0 22px; color: var(--bs-secondary-color, #667085); font-size: 13px; }
.import-steps li[b-2n68ao4mg9] { display: flex; align-items: center; gap: 8px; }
.import-steps span[b-2n68ao4mg9] { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--bs-tertiary-bg, #f0f3f6); font-weight: 700; }
.import-steps .current[b-2n68ao4mg9] { color: var(--gb-website-primary, var(--bs-primary, #0b7181)); font-weight: 700; }
.import-steps .current span[b-2n68ao4mg9], .import-steps .complete span[b-2n68ao4mg9] { background: var(--gb-website-primary, var(--bs-primary, #0b7181)); color: white; }
.import-upload[b-2n68ao4mg9] { display: flex; align-items: center; gap: 16px; border: 1px dashed var(--bs-border-color, #c5d1da); border-radius: 12px; padding: 22px; background: var(--bs-tertiary-bg, #f8fafb); }
.import-upload-icon[b-2n68ao4mg9] { font-size: 28px; color: var(--gb-website-primary, var(--bs-primary, #0b7181)); }
.import-upload-copy[b-2n68ao4mg9] { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.import-upload-copy strong[b-2n68ao4mg9] { font-size: 16px; overflow-wrap: anywhere; }
.import-upload-copy span[b-2n68ao4mg9] { color: var(--bs-secondary-color, #667085); font-size: 13px; }
.import-file-button[b-2n68ao4mg9] { position: relative; overflow: hidden; margin-inline-start: auto; padding: 11px 22px; border-radius: 8px; background: var(--bs-body-bg, #fff); border: 1px solid var(--gb-website-primary, var(--bs-primary, #0b7181)); color: var(--gb-website-primary, var(--bs-primary, #0b7181)); font-weight: 600; flex-shrink: 0; }
.import-file-button[b-2n68ao4mg9]  input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.import-file-button:focus-within[b-2n68ao4mg9], .import-close:focus-visible[b-2n68ao4mg9], .import-download:focus-visible[b-2n68ao4mg9] { outline: 2px solid var(--gb-website-primary, var(--bs-primary, #0b7181)); outline-offset: 3px; }
.is-busy .import-file-button[b-2n68ao4mg9] { opacity: .6; }
.import-assurance[b-2n68ao4mg9] { display: flex; align-items: center; gap: 8px; margin: 12px 0 20px; font-size: 13px; color: var(--bs-secondary-color, #667085); }
.import-help[b-2n68ao4mg9] { border-block: 1px solid var(--bs-border-color, #e6eaf0); padding: 14px 0; margin-bottom: 20px; font-size: 13px; }
.import-help summary[b-2n68ao4mg9] { font-weight: 600; cursor: pointer; }
.import-help p[b-2n68ao4mg9] { margin-top: 14px; }
.import-help ul[b-2n68ao4mg9] { margin-bottom: 0; line-height: 1.9; }
.import-results[b-2n68ao4mg9] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 18px; }
.import-results strong[b-2n68ao4mg9] { margin-inline-end: 8px; }
.import-count[b-2n68ao4mg9] { border-radius: 6px; padding: 6px 10px; background: var(--bs-tertiary-bg, #f3f5f7); font-size: 13px; }
.import-count.success[b-2n68ao4mg9] { background: #edf8f3; color: #216b4b; }
.import-count.danger[b-2n68ao4mg9] { background: #fff1f1; color: #a72a3a; }
.entity-import-corrections[b-2n68ao4mg9] { font-size: 13px; }
.entity-import-corrections thead th[b-2n68ao4mg9] { position: sticky; top: 0; background: var(--bs-tertiary-bg, #f5f7fa); z-index: 1; }
.entity-import-corrections td[b-2n68ao4mg9] { vertical-align: top; padding: 12px; }
.import-footer[b-2n68ao4mg9] { padding: 16px 28px; gap: 10px; flex-shrink: 0; border-top: 1px solid var(--bs-border-color, #e6eaf0); }
.import-footer-note[b-2n68ao4mg9] { margin-inline-end: auto; color: var(--bs-secondary-color, #667085); font-size: 13px; }
@media (max-width: 640px) {
    .entity-import-modal[b-2n68ao4mg9] { padding: 8px; }
    .entity-import-modal .modal-dialog[b-2n68ao4mg9] { min-height: calc(100dvh - 16px); }
    .entity-import-modal .modal-content[b-2n68ao4mg9] { max-height: calc(100dvh - 16px); }
    .import-header[b-2n68ao4mg9] { flex-wrap: wrap; padding: 16px; gap: 14px; }
    .import-heading h3[b-2n68ao4mg9] { font-size: 18px; }
    .import-header-actions[b-2n68ao4mg9] { width: 100%; justify-content: flex-end; }
    .import-body[b-2n68ao4mg9] { padding: 18px 16px; }
    .import-steps[b-2n68ao4mg9] { gap: 12px; flex-wrap: wrap; }
    .import-upload[b-2n68ao4mg9] { flex-wrap: wrap; padding: 16px; }
    .import-file-button[b-2n68ao4mg9] { width: 100%; text-align: center; }
    .import-footer[b-2n68ao4mg9] { padding: 14px 16px; }
    .import-footer-note[b-2n68ao4mg9] { width: 100%; }
}


.import-correction-scroll[b-2n68ao4mg9] { overflow-x: scroll; scrollbar-width: auto; scrollbar-color: #426975 #e3ebee; padding-bottom: 8px; border: 1px solid #d5e0e4; border-radius: 8px; }
.import-correction-scroll[b-2n68ao4mg9]::-webkit-scrollbar { height: 16px; }
.import-correction-scroll[b-2n68ao4mg9]::-webkit-scrollbar-track { background: #e3ebee; border-radius: 8px; }
.import-correction-scroll[b-2n68ao4mg9]::-webkit-scrollbar-thumb { background: #426975; border: 3px solid #e3ebee; border-radius: 8px; }
.import-scroll-hint[b-2n68ao4mg9] { font-size: 13px; color: #426975; margin-bottom: 6px; }
/* _content/Starterkit/HRM/Custodies/CustodiesGrid.razor.rz.scp.css */
.custody-dashboard[b-pknzlhnik2] { color:#142943; margin:1.5rem 0; }
.custody-filters[b-pknzlhnik2] { display:grid; grid-template-columns:2fr repeat(4,minmax(120px,1fr)) auto; align-items:end; gap:10px; padding:18px; border:1px solid #dce5ef; border-radius:18px; background:#fff; }
.custody-filters label[b-pknzlhnik2] { display:flex; flex-direction:column; gap:8px; font-size:12px; font-weight:600; color:#536783; min-width:0; }
.custody-filters input[b-pknzlhnik2],.custody-filters select[b-pknzlhnik2] { min-height:46px; border-color:#d6e1ef; border-radius:9px; font-size:14px; }
.custody-apply[b-pknzlhnik2] { background:#202342; color:#fff; min-height:46px; border-radius:10px; }
.custody-apply:hover[b-pknzlhnik2] { background:#30365b; color:#fff; }
.custody-summaries[b-pknzlhnik2] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin:18px 0; }
.custody-summary[b-pknzlhnik2] { position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:stretch; gap:14px; text-align:start; background:#fff; border:1px solid #dce5ef; border-radius:17px; padding:24px 18px; color:#142943; transition:border-color .15s,box-shadow .15s; }
.custody-summary[b-pknzlhnik2]::after { content:""; position:absolute; width:70px; height:70px; border-radius:50%; background:#f5f7fa; bottom:-28px; inset-inline-end:-18px; pointer-events:none; }
.custody-summary span[b-pknzlhnik2],.custody-summary small[b-pknzlhnik2] { color:#74849c; font-size:12px; position:relative; z-index:1; }
.custody-summary strong[b-pknzlhnik2] { font-size:32px; line-height:1.2; }
.custody-summary.selected[b-pknzlhnik2] { border-color:#c5963c; box-shadow:0 0 0 2px #c5963c1c; }
.custody-summary.selected[b-pknzlhnik2]::before { content:""; position:absolute; top:0; inset-inline:0; height:5px; background:#c5963c; }
.custody-summary:hover[b-pknzlhnik2] { border-color:#a9b9ce; }
.custody-summary:focus-visible[b-pknzlhnik2] { outline:3px solid #486db2; outline-offset:3px; }
.active-custodies strong[b-pknzlhnik2] { color:#23815b; }
.overdue-custodies strong[b-pknzlhnik2] { color:#df5362; }
.custody-view-heading[b-pknzlhnik2] { display:flex; justify-content:space-between; align-items:center; padding:16px 2px; gap:12px; }
.custody-view-heading h3[b-pknzlhnik2] { margin:0; font-size:20px; }
.custody-view-heading span[b-pknzlhnik2] { color:#74849c; font-size:12px; }
.custody-selection-note[b-pknzlhnik2] { padding:14px 18px; border:1px solid #d3e2ff; background:#edf4ff; color:#315f9e; border-radius:10px; font-size:13px; }
.custody-reports[b-pknzlhnik2] { margin-top:16px; border:1px solid #dce5ef; border-radius:12px; }
.custody-reports th[b-pknzlhnik2] { background:#f6f8fb; white-space:nowrap; color:#74849c; padding:14px; }
@media(max-width:1100px) { .custody-filters[b-pknzlhnik2] { grid-template-columns:repeat(3,minmax(0,1fr)); } .custody-search[b-pknzlhnik2] { grid-column:span 2; } .custody-summaries[b-pknzlhnik2] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .custody-filters[b-pknzlhnik2] { grid-template-columns:repeat(2,minmax(0,1fr)); } .custody-summaries[b-pknzlhnik2] { grid-template-columns:repeat(2,minmax(0,1fr)); } .custody-summary[b-pknzlhnik2] { padding:20px 12px; } }
@media(max-width:420px) { .custody-filters[b-pknzlhnik2],.custody-summaries[b-pknzlhnik2] { grid-template-columns:1fr; } .custody-search[b-pknzlhnik2] { grid-column:auto; } }
/* _content/Starterkit/HRM/Custodies/CustodyDetailsModal.razor.rz.scp.css */
.custody-card[b-2tifkgp82r] { width: min(1120px, 82vw); max-height: 78vh; overflow-y: auto; padding: 4px 12px; color: var(--kt-gray-900); }
.custody-card header[b-2tifkgp82r] { margin-bottom: 18px; }
.custody-card header p[b-2tifkgp82r] { color: var(--kt-gray-600); }
.custody-banner[b-2tifkgp82r] { background: var(--kt-primary); color: var(--kt-primary-inverse); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.custody-tabs[b-2tifkgp82r] { display: flex; gap: 8px; background: var(--kt-gray-100); padding: 8px; border: 1px solid var(--kt-gray-200); border-radius: 12px; margin: 14px 0; }
.custody-tabs button[b-2tifkgp82r] { border: 0; border-radius: 8px; padding: 10px 16px; background: transparent; color: var(--kt-gray-700); }
.custody-tabs button.selected[b-2tifkgp82r] { background: var(--kt-primary-light); color: var(--kt-primary); font-weight: bold; }
.custody-tabs button:focus-visible[b-2tifkgp82r] { outline: 2px solid var(--kt-primary); }
.custody-card section[b-2tifkgp82r] { background: var(--kt-body-bg); border: 1px solid var(--kt-gray-200); border-radius: 14px; padding: 20px; margin-bottom: 14px; }
.custody-card h3[b-2tifkgp82r] { font-size: 17px; margin-bottom: 20px; }
.custody-fields[b-2tifkgp82r] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 0; }
.custody-fields dt[b-2tifkgp82r] { font-size: 12px; margin-bottom: 8px; }
.custody-fields dd[b-2tifkgp82r] { background: var(--kt-gray-100); border: 1px solid var(--kt-gray-200); border-radius: 8px; min-height: 44px; padding: 12px; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.custody-fields .wide[b-2tifkgp82r] { grid-column: 1 / -1; }
.custody-card table[b-2tifkgp82r] { min-width: 640px; }
.custody-card th[b-2tifkgp82r] { background: var(--kt-gray-100); color: var(--kt-gray-600); }
.custody-card td[b-2tifkgp82r],.custody-card th[b-2tifkgp82r] { padding: 14px; }
.custody-badge[b-2tifkgp82r] { background: var(--kt-primary-light); color: var(--kt-primary); border-radius: 20px; padding: 4px 12px; }
@media (max-width: 650px) { .custody-card[b-2tifkgp82r] { width: 78vw; padding: 0; } .custody-fields[b-2tifkgp82r] { grid-template-columns: 1fr; } .custody-tabs button[b-2tifkgp82r] { padding: 10px 6px; } }
/* _content/Starterkit/HRM/Damageloss.razor.rz.scp.css */
.damage-page[b-imspv2lyre] { color: #142b4c; padding: 8px 0 24px; }
.damage-intro[b-imspv2lyre] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.damage-intro p[b-imspv2lyre], .damage-section header p[b-imspv2lyre], .damage-documents p[b-imspv2lyre] { color: #8292aa; font-size: 12px; margin: 8px 0 0; }
.damage-section[b-imspv2lyre] { background: #fff; border: 1px solid #dce4ef; border-radius: 17px; margin-bottom: 18px; overflow: hidden; box-shadow: 0 8px 22px #18335506; }
.damage-section header[b-imspv2lyre] { padding: 20px 18px; border-bottom: 1px solid #e9eef5; }
.damage-section h3[b-imspv2lyre] { font-size: 17px; font-weight: 700; margin: 0; }
.damage-fields[b-imspv2lyre] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 14px; padding: 20px 18px; }
.damage-page label[b-imspv2lyre] { display: block; color: #536681; font-size: 12px; font-weight: 600; }
.damage-page label > span[b-imspv2lyre] { color: #d76670; }
.damage-page .form-control[b-imspv2lyre], .damage-page .form-select[b-imspv2lyre] { margin-top: 8px; min-height: 44px; border: 1px solid #d5dfef; border-radius: 9px; color: #142b4c; font-size: 15px; font-weight: 400; }
.damage-page input[readonly][b-imspv2lyre], .damage-page select:disabled[b-imspv2lyre] { background: #f4f6f9; color: #74859c; }
.damage-full[b-imspv2lyre] { grid-column: 1 / -1; }
.damage-investigation[b-imspv2lyre] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 18px; }
.damage-assessments[b-imspv2lyre] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.damage-assessment[b-imspv2lyre] { border: 1px solid #dce4ef; background: #fff; color: #142b4c; border-radius: 12px; padding: 14px 8px; text-align: center; }
.damage-assessment strong[b-imspv2lyre] { font-size: 13px; display: block; }
.damage-assessment small[b-imspv2lyre] { display: block; color: #8292aa; font-size: 10px; margin-top: 5px; }
.damage-assessment.selected[b-imspv2lyre] { background: #fff7e7; border-color: #c99736; box-shadow: 0 0 0 2px #c9973618; }
.damage-assessment:focus-visible[b-imspv2lyre] { outline: 2px solid #426aab; outline-offset: 3px; }
.damage-documents[b-imspv2lyre] { border: 2px dashed #cbd7e8; border-radius: 12px; background: #fafbfe; padding: 24px 16px; text-align: center; }
.damage-documents h4[b-imspv2lyre] { font-size: 13px; color: #536681; }
.damage-financial[b-imspv2lyre] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 20px 18px; }
.damage-notice[b-imspv2lyre] { grid-column: 1 / -1; padding: 13px 16px; background: #fff5df; color: #af7a28; border: 1px solid #f2dbac; border-radius: 10px; font-size: 12px; }
.damage-history[b-imspv2lyre] { margin-top: 22px; }
.damage-history header[b-imspv2lyre] { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.damage-history .table-responsive[b-imspv2lyre] { padding: 16px; }
.damage-history table[b-imspv2lyre] { min-width: 850px; }
.damage-history th[b-imspv2lyre] { background: #f5f7fa; color: #74859c; font-size: 12px; padding: 14px 10px; }
.damage-history td[b-imspv2lyre] { padding: 14px 10px; }
.damage-page fieldset[b-imspv2lyre] { border: 0; padding: 0; min-width: 0; }
@media (max-width: 900px) { .damage-fields[b-imspv2lyre], .damage-financial[b-imspv2lyre] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .damage-investigation[b-imspv2lyre] { grid-template-columns: 1fr; } }
@media (max-width: 540px) { .damage-fields[b-imspv2lyre], .damage-financial[b-imspv2lyre] { grid-template-columns: 1fr; } .damage-assessments[b-imspv2lyre] { grid-template-columns: 1fr; } .damage-intro[b-imspv2lyre] { align-items: flex-start; flex-direction: column; } }
/* _content/Starterkit/HRM/EmployeeContracts.razor.rz.scp.css */
.employee-contract-tabs > .nav-tabs[b-vahyaof9a5] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.employee-contract-tabs > .tab-content[b-vahyaof9a5] {
    clear: both;
    padding-top: 1rem;
    min-width: 0;
}

.employee-contract-tabs #HrSubContractAllowance[b-vahyaof9a5] {
    padding-top: 1rem;
}
/* _content/Starterkit/HRM/ReleaseLiability.razor.rz.scp.css */
.release-page[b-egbiryjkvt] { color: var(--kt-text-dark, #172b4d); }
.release-card[b-egbiryjkvt] { background: var(--kt-card-bg, #fff); border: 1px solid var(--kt-gray-200); border-radius: 18px; margin-bottom: 18px; overflow: hidden; }
.release-header[b-egbiryjkvt] { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; padding: 18px; }
.release-header label[b-egbiryjkvt] { display: block; color: var(--kt-gray-600); font-size: 12px; font-weight: 600; }
.release-header .form-control[b-egbiryjkvt], .release-header .form-select[b-egbiryjkvt], .release-header[b-egbiryjkvt]  .form-control { margin-top: 8px; min-height: 48px; border-radius: 10px; }
.release-header input[readonly][b-egbiryjkvt] { background: var(--kt-gray-100); color: var(--kt-gray-600); }
.release-stats[b-egbiryjkvt] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 18px 0; }
.release-stat[b-egbiryjkvt] { padding: 24px 18px; text-align: right; background: var(--kt-card-bg, #fff); border: 1px solid var(--kt-gray-200); border-radius: 16px; }
.release-stat.selected[b-egbiryjkvt] { border-color: var(--kt-primary); box-shadow: inset 0 4px var(--kt-primary); }
.release-stat span[b-egbiryjkvt], .release-stat small[b-egbiryjkvt] { display: block; color: var(--kt-gray-600); font-size: 11px; }
.release-stat strong[b-egbiryjkvt] { display: block; font-size: 30px; color: var(--kt-primary); margin: 12px 0; }
.release-card header[b-egbiryjkvt] { padding: 20px; display: flex; justify-content: space-between; gap: 12px; align-items: center; border-bottom: 1px solid var(--kt-gray-200); }
.release-card h3[b-egbiryjkvt] { font-size: 20px; margin: 0; }
.release-card p[b-egbiryjkvt] { font-size: 11px; color: var(--kt-gray-600); margin: 10px 0 0; }
.release-table[b-egbiryjkvt] { margin: 18px; }
.release-table table[b-egbiryjkvt] { min-width: 1000px; }
.release-table th[b-egbiryjkvt] { color: var(--kt-gray-600); background: var(--kt-gray-100); padding: 14px; }
.release-table td[b-egbiryjkvt] { padding: 14px; }
.release-badge[b-egbiryjkvt] { border-radius: 20px; padding: 5px 10px; color: var(--kt-primary); background: var(--kt-primary-light); white-space: nowrap; }
.release-approval[b-egbiryjkvt], .release-close[b-egbiryjkvt] { display: flex; gap: 8px; align-items: center; }
.release-page input[type=checkbox][b-egbiryjkvt] { accent-color: var(--kt-primary); }
.release-close[b-egbiryjkvt] { margin: 18px 0; }
@media(max-width:1000px) { .release-header[b-egbiryjkvt] { grid-template-columns: repeat(2,minmax(0,1fr)); } .release-stats[b-egbiryjkvt] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { .release-header[b-egbiryjkvt],.release-stats[b-egbiryjkvt] { grid-template-columns: 1fr; } }
/* _content/Starterkit/HRM/RetrievalaInspection.razor.rz.scp.css */
.retrieval-page[b-o1ae8kk8w7] { background:#f0f3f8; color:#102641; padding:18px; border-radius:18px; }
.retrieval-title[b-o1ae8kk8w7] { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.retrieval-title h2[b-o1ae8kk8w7] { font-size:23px; margin:0 0 8px; }
.retrieval-title p[b-o1ae8kk8w7],.retrieval-section header p[b-o1ae8kk8w7],.retrieval-photos p[b-o1ae8kk8w7] { color:#8795ab; font-size:12px; margin:8px 0 0; }
.retrieval-selector[b-o1ae8kk8w7] { max-width:760px; margin-bottom:18px; }
.retrieval-selector>label[b-o1ae8kk8w7] { display:block; margin-bottom:8px; font-weight:600; }
.retrieval-page fieldset[b-o1ae8kk8w7] { border:0; padding:0; min-width:0; }
.retrieval-section[b-o1ae8kk8w7] { border:1px solid #dbe4f0; border-radius:18px; background:#fff; margin-bottom:16px; overflow:hidden; }
.retrieval-section header[b-o1ae8kk8w7] { padding:20px 18px; border-bottom:1px solid #edf0f6; display:flex; justify-content:space-between; align-items:center; gap:14px; }
.retrieval-section h3[b-o1ae8kk8w7] { font-size:17px; font-weight:700; margin:0; }
.retrieval-badge[b-o1ae8kk8w7] { background:#fff3dc; color:#bc831e; border-radius:20px; font-size:11px; padding:5px 10px; white-space:nowrap; }
.retrieval-details[b-o1ae8kk8w7] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:18px 16px; }
.retrieval-page label[b-o1ae8kk8w7] { color:#526783; font-size:12px; font-weight:600; }
.retrieval-page .form-control[b-o1ae8kk8w7],.retrieval-page .form-select[b-o1ae8kk8w7] { border-color:#d4dfef; border-radius:9px; margin-top:8px; min-height:44px; color:#142d4b; }
.retrieval-details input[b-o1ae8kk8w7] { background:#f4f6fa; color:#6d7f97!important; text-align:right; }
.retrieval-table[b-o1ae8kk8w7] { margin:16px; border:1px solid #dbe4f0; border-radius:12px; }
.retrieval-page table[b-o1ae8kk8w7] { margin:0; font-size:12px; }
.retrieval-page th[b-o1ae8kk8w7] { background:#f6f8fb; color:#7b8da8; white-space:nowrap; padding:14px 10px; font-size:11px; }
.retrieval-page td[b-o1ae8kk8w7] { padding:12px 10px; }
.retrieval-table .form-select[b-o1ae8kk8w7] { min-width:115px; font-size:12px; margin:0; }
.retrieval-table .form-control[b-o1ae8kk8w7] { margin:0; font-size:12px; }
.retrieval-asset[b-o1ae8kk8w7] { min-width:170px; font-weight:700; }
.retrieval-notes[b-o1ae8kk8w7] { min-width:185px; }
.retrieval-documentation[b-o1ae8kk8w7] { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:16px; align-items:stretch; }
.retrieval-photos[b-o1ae8kk8w7] { border:2px dashed #cbd8e9; border-radius:12px; background:#fbfcff; padding:22px 16px; text-align:center; }
.retrieval-photos h4[b-o1ae8kk8w7] { font-size:14px; }
.retrieval-documentation textarea[b-o1ae8kk8w7] { font-size:16px; line-height:1.8; }
.retrieval-date[b-o1ae8kk8w7] { display:flex; align-items:end; gap:14px; padding:0 16px 16px; }
.retrieval-date small[b-o1ae8kk8w7] { color:#8795ab; padding-bottom:12px; }
.retrieval-actions[b-o1ae8kk8w7] { display:flex; justify-content:flex-end; margin:16px 0; }
.retrieval-actions button[b-o1ae8kk8w7] { background:#202543; border-color:#202543; }
.retrieval-history[b-o1ae8kk8w7] { padding:0 16px 16px; }

.process-type-section .process-type-fields[b-o1ae8kk8w7],
.release-header-inline .process-type-fields[b-o1ae8kk8w7] {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    padding:18px 16px;
}
.process-type-hint[b-o1ae8kk8w7] { display:block; margin-top:8px; color:#d33b3b; font-size:11px; font-weight:600; }
.process-type-banner[b-o1ae8kk8w7] {
    margin:0 16px 16px;
    padding:12px 14px;
    border-radius:10px;
    background:#eef6ff;
    color:#1b6ca8;
    font-size:12px;
    line-height:1.7;
}
.release-stats[b-o1ae8kk8w7] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 16px; }
.release-stat[b-o1ae8kk8w7] {
    padding:22px 16px;
    text-align:right;
    background:#fff;
    border:1px solid #dbe4f0;
    border-radius:16px;
    cursor:pointer;
}
.release-stat.selected[b-o1ae8kk8w7] { border-color:var(--kt-primary,#3699ff); box-shadow:inset 0 4px var(--kt-primary,#3699ff); }
.release-stat span[b-o1ae8kk8w7],.release-stat small[b-o1ae8kk8w7] { display:block; color:#8795ab; font-size:11px; }
.release-stat strong[b-o1ae8kk8w7] { display:block; font-size:30px; color:var(--kt-primary,#3699ff); margin:12px 0; }
.release-badge[b-o1ae8kk8w7] { border-radius:20px; padding:5px 10px; color:var(--kt-primary,#3699ff); background:var(--kt-primary-light,#e1f0ff); white-space:nowrap; }
.release-approval[b-o1ae8kk8w7],.release-close[b-o1ae8kk8w7] { display:flex; gap:8px; align-items:center; }
.release-close[b-o1ae8kk8w7] { margin:8px 0 18px; }
.retrieval-page input[type=checkbox][b-o1ae8kk8w7] { accent-color:var(--kt-primary,#3699ff); }

@media(max-width:1000px) {
    .process-type-section .process-type-fields[b-o1ae8kk8w7],
    .release-header-inline .process-type-fields[b-o1ae8kk8w7],
    .release-stats[b-o1ae8kk8w7] { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) { .retrieval-details[b-o1ae8kk8w7] { grid-template-columns:1fr 1fr; } .retrieval-documentation[b-o1ae8kk8w7] { grid-template-columns:1fr; } .retrieval-title[b-o1ae8kk8w7] { align-items:start; } }
@media(max-width:540px) {
    .retrieval-page[b-o1ae8kk8w7] { padding:10px; }
    .retrieval-details[b-o1ae8kk8w7],
    .process-type-section .process-type-fields[b-o1ae8kk8w7],
    .release-header-inline .process-type-fields[b-o1ae8kk8w7],
    .release-stats[b-o1ae8kk8w7] { grid-template-columns:1fr; }
    .retrieval-title[b-o1ae8kk8w7],.retrieval-date[b-o1ae8kk8w7] { flex-direction:column; align-items:stretch; }
}
/* _content/Starterkit/HRM/SettingCustody.razor.rz.scp.css */
.custody-settings[b-4ilsu41bw6] { color: #142b4c; padding: 8px 0 24px; }
.custody-settings fieldset[b-4ilsu41bw6] { border: 0; min-width: 0; padding: 0; }
.settings-columns[b-4ilsu41bw6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.settings-card[b-4ilsu41bw6] { background: #fff; border: 1px solid #dce4ef; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 24px #18335506; }
.settings-card header[b-4ilsu41bw6] { padding: 22px 18px 18px; border-bottom: 1px solid #ebeff5; }
.settings-card h3[b-4ilsu41bw6] { font-size: 19px; font-weight: 700; margin: 0; color: #142b4c; }
.settings-card header p[b-4ilsu41bw6] { color: #8796ae; font-size: 11px; margin: 12px 0 0; }
.settings-content[b-4ilsu41bw6] { padding: 20px 18px; }
.settings-days[b-4ilsu41bw6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 14px; }
.settings-days label[b-4ilsu41bw6], .settings-channels h4[b-4ilsu41bw6] { color: #53647e; font-size: 13px; font-weight: 600; }
.settings-number[b-4ilsu41bw6] { display: flex; align-items: center; border: 1px solid #d5dfef; border-radius: 10px; padding-inline: 12px; margin-top: 8px; gap: 6px; }
.settings-number[b-4ilsu41bw6]  input { min-width: 0; width: 100%; border: 0; box-shadow: none; font-size: 19px; color: #142b4c; min-height: 50px; text-align: right; background: transparent; }
.settings-number:focus-within[b-4ilsu41bw6] { outline: 2px solid #c3953b; outline-offset: 1px; }
.settings-number span[b-4ilsu41bw6] { color: #53647e; font-size: 14px; }
.settings-channels[b-4ilsu41bw6] { margin-top: 20px; }
.settings-channels h4[b-4ilsu41bw6] { margin-bottom: 18px; }
.settings-channels > div[b-4ilsu41bw6] { display: flex; flex-wrap: wrap; gap: 20px; }
.settings-channels label[b-4ilsu41bw6] { display: flex; align-items: center; gap: 8px; color: #53647e; font-size: 13px; font-weight: 600; }
.settings-channels input[b-4ilsu41bw6] { accent-color: #c3953b; width: 15px; height: 15px; }
.settings-events[b-4ilsu41bw6] { padding: 18px; display: flex; flex-direction: column; gap: 9px; }
.settings-events label[b-4ilsu41bw6] { display: flex; align-items: center; gap: 9px; background: #f7f9fb; border: 1px solid #eaf0f7; border-radius: 11px; min-height: 52px; padding: 10px; font-size: 13px; cursor: pointer; }
.settings-events input[b-4ilsu41bw6] { appearance: none; flex: 0 0 48px; width: 48px; height: 26px; border-radius: 20px; background: #dce2ea; position: relative; cursor: pointer; transition: background .15s; }
.settings-events input[b-4ilsu41bw6]::before { content: ""; position: absolute; right: 3px; top: 3px; width: 20px; height: 20px; background: #fff; border-radius: 50%; box-shadow: 0 2px 5px #0002; transition: transform .15s; }
.settings-events input:checked[b-4ilsu41bw6] { background: var(--kt-primary); }
.settings-events input:checked[b-4ilsu41bw6]::before { transform: translateX(-22px); }
.settings-events input:focus-visible[b-4ilsu41bw6] { outline: 2px solid var(--kt-primary); outline-offset: 3px; }
.settings-events input:disabled[b-4ilsu41bw6],
.settings-days input:disabled[b-4ilsu41bw6] { cursor: not-allowed; opacity: .55; }
.settings-card.is-disabled[b-4ilsu41bw6],
.settings-days.is-disabled[b-4ilsu41bw6],
.settings-events label.is-disabled[b-4ilsu41bw6] { opacity: .55; }
.settings-events label.is-disabled[b-4ilsu41bw6] { cursor: not-allowed; }
.settings-active-channels[b-4ilsu41bw6] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 18px 18px; color: #53647e; font-size: 12px; font-weight: 600; }
.channel-chip[b-4ilsu41bw6] { background: #eef5ff; color: #1f5fbf; border: 1px solid #d6e6ff; border-radius: 999px; padding: 4px 10px; }
.settings-actions[b-4ilsu41bw6] { display: flex; gap: 12px; margin-top: 20px; }
@media(max-width: 900px) { .settings-columns[b-4ilsu41bw6] { grid-template-columns: 1fr; } }
@media(max-width: 480px) { .settings-days[b-4ilsu41bw6] { grid-template-columns: 1fr; } }
/* _content/Starterkit/HRM/Settlement.razor.rz.scp.css */
.settlement-page[b-p3zg06om5i] { color: var(--kt-text-dark, #172b4d); }
.settlement-link-backdrop[b-p3zg06om5i] { position:fixed; inset:0; z-index:1060; background:#14243b70; display:flex; align-items:center; justify-content:center; padding:20px; }
.settlement-link-dialog[b-p3zg06om5i] { width:min(940px,100%); max-height:92vh; overflow:auto; box-shadow:0 20px 80px #0003; }
.settlement-page .btn-primary[b-p3zg06om5i] { background:var(--kt-primary)!important; border-color:var(--kt-primary)!important; }
.settlement-page .btn-light-primary[b-p3zg06om5i] { color:var(--kt-primary)!important; background:var(--kt-primary-light)!important; }
.settlement-panel[b-p3zg06om5i] { background: var(--kt-card-bg, #fff); border: 1px solid var(--kt-gray-200, #eee); border-radius: 8px; overflow: hidden; }
.settlement-panel header[b-p3zg06om5i], .settlement-panel footer[b-p3zg06om5i] { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; flex-wrap:wrap; }
.settlement-panel header[b-p3zg06om5i] { border-bottom:1px solid var(--kt-gray-200); }
.settlement-panel h3[b-p3zg06om5i] { margin:0 0 6px; font-size:19px; }
.settlement-panel h4[b-p3zg06om5i] { margin:24px 0 18px; }
.settlement-stats[b-p3zg06om5i] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }
.settlement-stat[b-p3zg06om5i] { background:var(--kt-card-bg,#fff); border:1px solid var(--kt-gray-200,#eee); border-radius:8px; text-align:right; padding:20px; }
button.settlement-stat:hover[b-p3zg06om5i], button.settlement-stat:focus-visible[b-p3zg06om5i] { border-color:var(--kt-primary); }
.settlement-stat span[b-p3zg06om5i],.settlement-stat small[b-p3zg06om5i],.settlement-table small[b-p3zg06om5i],.settlement-types small[b-p3zg06om5i] { display:block; color:var(--kt-gray-600,#687585); font-size:12px; }
.settlement-stat strong[b-p3zg06om5i] { display:block; font-size:28px; margin:10px 0; }
.settlement-toolbar[b-p3zg06om5i] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:18px 20px; }
.page-size[b-p3zg06om5i] { display:flex; align-items:center; gap:8px; margin-inline-start:auto; }
.page-size select[b-p3zg06om5i] { width:85px; }
.settlement-filters[b-p3zg06om5i] { display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr auto; align-items:end; gap:10px; padding:16px; margin:0 20px 20px; background:var(--kt-gray-100,#f8fafc); border-radius:6px; }
.settlement-page label[b-p3zg06om5i] { font-size:12px; font-weight:600; display:block; }
.settlement-page input[b-p3zg06om5i],.settlement-page select[b-p3zg06om5i],.settlement-page textarea[b-p3zg06om5i],.settlement-page[b-p3zg06om5i]  input { margin-top:7px; }
.settlement-table[b-p3zg06om5i] { min-width:1050px; margin:0; }
.settlement-table td[b-p3zg06om5i],.settlement-table th[b-p3zg06om5i] { padding:18px 14px; }
.settlement-table th[b-p3zg06om5i] { font-size:12px; color:var(--kt-gray-600); }
.settlement-table small[b-p3zg06om5i] { margin-top:7px; }
.settlement-panel footer[b-p3zg06om5i] { border-top:1px solid var(--kt-gray-200); }
.settlement-panel footer button[b-p3zg06om5i] { margin-inline-start:6px; }
.settlement-tabs[b-p3zg06om5i] { display:flex; gap:20px; padding:0 20px; border-bottom:1px solid var(--kt-gray-200); overflow:auto; }
.settlement-tabs button[b-p3zg06om5i] { white-space:nowrap; border:0; background:transparent; padding:18px 4px; color:var(--kt-gray-600); border-bottom:3px solid transparent; }
.settlement-tabs .selected[b-p3zg06om5i] { color:var(--kt-primary); border-bottom-color:var(--kt-primary); }
.settlement-body[b-p3zg06om5i] { padding:20px; }
.settlement-types[b-p3zg06om5i] { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px; }
.settlement-types>div[b-p3zg06om5i] { border:1px solid var(--kt-gray-200); border-radius:6px; padding:20px; }
.settlement-types .selected[b-p3zg06om5i] { border-color:var(--kt-primary); background:var(--kt-primary-light); }
.settlement-types small[b-p3zg06om5i] { margin-top:8px; }
.settlement-fields[b-p3zg06om5i] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.settlement-fields .wide[b-p3zg06om5i] { grid-column:span 2; }
.compact .settlement-stat[b-p3zg06om5i] { padding:14px; }
.compact strong[b-p3zg06om5i] { font-size:22px; }
.settlement-net[b-p3zg06om5i] { color:var(--kt-primary); margin:0 12px; font-size:26px; }
.settlement-items[b-p3zg06om5i] { min-width:960px; }
.settlement-items td[b-p3zg06om5i],.settlement-items th[b-p3zg06om5i] { padding:14px 10px; vertical-align:top; }
.settlement-items td:first-child[b-p3zg06om5i] { min-width:220px; }
.settlement-items td:nth-child(2)[b-p3zg06om5i] { min-width:220px; max-width:320px; overflow-wrap:anywhere; }
.settlement-items small[b-p3zg06om5i] { display:block; color:var(--kt-gray-600); margin-top:6px; }
.settlement-money[b-p3zg06om5i] { font-variant-numeric:tabular-nums; direction:ltr; text-align:right; min-width:130px; }
.settlement-panel .settlement-totals[b-p3zg06om5i] { position:sticky; bottom:0; background:var(--kt-card-bg,#fff); z-index:2; }
.settlement-total-values[b-p3zg06om5i] { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.settlement-total-values span[b-p3zg06om5i] { display:flex; flex-direction:column; gap:5px; }
.settlement-fields.settlement-fields-3[b-p3zg06om5i],.settlement-stats.settlement-stats-3[b-p3zg06om5i] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.settlement-steps[b-p3zg06om5i] { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:0; margin:16px 0; }
.settlement-steps li[b-p3zg06om5i] { border:1px solid var(--kt-gray-200,#eee); border-radius:8px; padding:14px 16px; position:relative; }
.settlement-steps li span[b-p3zg06om5i] { position:absolute; inset-inline-end:14px; top:12px; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:var(--kt-gray-100,#f1f3f6); font-size:12px; }
.settlement-steps li strong[b-p3zg06om5i] { display:block; margin-top:22px; }
.settlement-steps li small[b-p3zg06om5i] { display:block; color:var(--kt-gray-600,#687585); margin-top:4px; font-size:12px; }
.settlement-steps li.current[b-p3zg06om5i] { border-color:var(--kt-primary); background:var(--kt-primary-light); }
.settlement-steps li.current span[b-p3zg06om5i],.settlement-steps li.done span[b-p3zg06om5i] { background:var(--kt-primary); color:#fff; }
.settlement-stat-net[b-p3zg06om5i] { border-color:var(--kt-primary); background:var(--kt-primary-light); }
.settlement-cards[b-p3zg06om5i] { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.settlement-cards small[b-p3zg06om5i] { display:block; margin-top:6px; }
.settlement-decision[b-p3zg06om5i] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-top:16px; padding:14px 16px; border:1px solid #f1dcc0; border-radius:8px; background:#fffaf3; }
.settlement-decision small[b-p3zg06om5i] { display:block; color:var(--kt-gray-600,#687585); margin-top:4px; font-size:12px; }
.settlement-decision.approved[b-p3zg06om5i] { border-color:var(--kt-primary); background:var(--kt-primary-light); }
.settlement-actions td[b-p3zg06om5i],.settlement-actions th[b-p3zg06om5i] { padding:8px 10px; font-size:12px; }
@media(max-width:1100px) { .settlement-filters[b-p3zg06om5i] { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { .settlement-stats[b-p3zg06om5i],.settlement-fields[b-p3zg06om5i],.settlement-filters[b-p3zg06om5i],.settlement-steps[b-p3zg06om5i],.settlement-fields.settlement-fields-3[b-p3zg06om5i],.settlement-stats.settlement-stats-3[b-p3zg06om5i] { grid-template-columns:repeat(2,minmax(0,1fr)); } .settlement-cards[b-p3zg06om5i] { grid-template-columns:1fr; } .settlement-types[b-p3zg06om5i] { grid-template-columns:1fr; } .settlement-panel header[b-p3zg06om5i],.settlement-panel footer[b-p3zg06om5i] { padding:14px; } }
@media(max-width:420px) { .settlement-filters[b-p3zg06om5i],.settlement-fields[b-p3zg06om5i] { grid-template-columns:1fr; } .settlement-fields .wide[b-p3zg06om5i] { grid-column:auto; } .settlement-stat[b-p3zg06om5i] { padding:12px; } }
/* _content/Starterkit/HRM/SettlementActivity.razor.rz.scp.css */
.activity-panel[b-9kze108afm],.activity-dialog[b-9kze108afm] { background:var(--kt-card-bg,#fff); border:1px solid var(--kt-gray-200); border-radius:10px; color:var(--kt-text-dark); }
header[b-9kze108afm],footer[b-9kze108afm] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; padding:20px; }
h3[b-9kze108afm] { margin:0; } p[b-9kze108afm],time[b-9kze108afm],.activity-meta[b-9kze108afm],footer[b-9kze108afm] { color:var(--kt-gray-600); } p[b-9kze108afm] { margin:8px 0; }
.activity-filters[b-9kze108afm] { display:grid; grid-template-columns:1.4fr 1.4fr 1fr 1fr auto; gap:12px; align-items:end; margin:0 20px 12px; padding:16px; background:var(--kt-gray-100); border:1px solid var(--kt-gray-200); border-radius:8px; }
.form-control[b-9kze108afm],.form-select[b-9kze108afm] { margin-top:8px; } article[b-9kze108afm] { margin:0 20px; padding:24px 0; border-bottom:1px dashed var(--kt-gray-300); }
.activity-heading[b-9kze108afm],.activity-meta[b-9kze108afm] { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }.activity-meta[b-9kze108afm] { justify-content:flex-start; font-size:.9rem; }
.activity-title[b-9kze108afm] { border:0; background:transparent; color:var(--kt-text-dark); font-weight:700; padding:0; text-align:start; }.activity-title:hover[b-9kze108afm] { color:var(--kt-primary); }
.activity-result[b-9kze108afm] { color:var(--kt-primary); }.activity-result.failed[b-9kze108afm] { color:var(--kt-danger); }.btn-primary[b-9kze108afm] { background:var(--kt-primary)!important; border-color:var(--kt-primary)!important; }
.activity-empty[b-9kze108afm],.alert[b-9kze108afm] { margin:24px; }.activity-backdrop[b-9kze108afm] { position:fixed; inset:0; z-index:1060; background:#0006; display:flex; align-items:center; justify-content:center; padding:20px; }
.activity-dialog[b-9kze108afm] { width:min(900px,100%); max-height:92vh; display:flex; flex-direction:column; }.activity-detail-body[b-9kze108afm] { padding:20px; overflow:auto; } .activity-dialog header[b-9kze108afm],.activity-dialog footer[b-9kze108afm] { flex-shrink:0; }
dl[b-9kze108afm] { display:grid; grid-template-columns:1fr 2fr; gap:12px; } dd[b-9kze108afm] { overflow-wrap:anywhere; white-space:pre-wrap; margin:0; }dt[b-9kze108afm] { color:var(--kt-gray-600); } footer>div[b-9kze108afm] { display:flex; align-items:center; gap:12px; }
@media(max-width:850px) { .activity-filters[b-9kze108afm] { grid-template-columns:1fr 1fr; } }
@media(max-width:520px) { .activity-filters[b-9kze108afm],dl[b-9kze108afm] { grid-template-columns:1fr; }.activity-backdrop[b-9kze108afm] { padding:8px; } }
/* _content/Starterkit/HRM/SettlementAttachments.razor.rz.scp.css */
.attachment-upload[b-zzjrvex1j2] { border: 1px dashed #d8d5c9; border-radius: 6px; padding: 1.5rem; text-align: center; background: #fcfcfa; }
.attachment-row[b-zzjrvex1j2] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem; padding:1rem; margin-top:.75rem; border:1px solid #ecebe6; border-radius:6px; }
.attachment-info[b-zzjrvex1j2] { min-width:0; overflow-wrap:anywhere; flex:1; }
.attachment-info strong[b-zzjrvex1j2] { display:block; margin-bottom:.35rem; }
.settlement-attachments progress[b-zzjrvex1j2] { accent-color:#af9349; }
/* _content/Starterkit/HRM/SettlementReturnReviews.razor.rz.scp.css */
.return-panel[b-o8qmzr8x4v],.return-dialog[b-o8qmzr8x4v] { background:var(--kt-card-bg,#fff); color:var(--kt-text-dark); border:1px solid var(--kt-gray-200); border-radius:12px; }
header[b-o8qmzr8x4v],footer[b-o8qmzr8x4v] { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:22px; flex-wrap:wrap; }
h3[b-o8qmzr8x4v] { margin:0 0 8px; } p[b-o8qmzr8x4v],small[b-o8qmzr8x4v] { color:var(--kt-gray-600); } small[b-o8qmzr8x4v] { display:block; margin-top:6px; }
.return-panel>.alert[b-o8qmzr8x4v] { margin:20px; }.return-filters[b-o8qmzr8x4v] { display:grid; grid-template-columns:2fr 1fr; gap:20px; padding:20px; }
.return-actions[b-o8qmzr8x4v] { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }.return-panel td[b-o8qmzr8x4v],.return-panel th[b-o8qmzr8x4v] { padding:20px 16px; }.return-panel table[b-o8qmzr8x4v] { min-width:1050px; }
.return-badge[b-o8qmzr8x4v] { color:var(--kt-primary); background:var(--kt-primary-light); padding:7px 12px; border-radius:6px; white-space:nowrap; }
.btn-primary[b-o8qmzr8x4v] { background:var(--kt-primary)!important; border-color:var(--kt-primary)!important; }.btn-light-primary[b-o8qmzr8x4v] { color:var(--kt-primary)!important; background:var(--kt-primary-light)!important; }
.return-backdrop[b-o8qmzr8x4v] { position:fixed; inset:0; background:#0006; z-index:1060; display:flex; justify-content:center; align-items:center; padding:24px; }
.return-dialog[b-o8qmzr8x4v] { width:min(1280px,100%); max-height:94vh; display:flex; flex-direction:column; box-shadow:0 24px 80px #0003; }.return-picker[b-o8qmzr8x4v] { width:min(780px,100%); }
.return-dialog header[b-o8qmzr8x4v],.return-dialog footer[b-o8qmzr8x4v] { flex-shrink:0; border-bottom:1px solid var(--kt-gray-200); }.return-dialog footer[b-o8qmzr8x4v] { border-top:1px solid var(--kt-gray-200); }
.return-body[b-o8qmzr8x4v] { overflow:auto; padding:24px; }.return-body label[b-o8qmzr8x4v] { display:block; }.return-summary[b-o8qmzr8x4v],.return-fields[b-o8qmzr8x4v] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:24px; }
.return-summary>div[b-o8qmzr8x4v] { padding:20px; border:1px solid var(--kt-gray-200); border-radius:8px; background:var(--kt-gray-100); }.return-summary strong[b-o8qmzr8x4v] { display:block; margin-top:10px; }.return-notes[b-o8qmzr8x4v] { width:100%; }
input[readonly][b-o8qmzr8x4v] { background:var(--kt-gray-100); }.alert-primary[b-o8qmzr8x4v] { color:var(--kt-primary); background:var(--kt-primary-light); border:1px solid var(--kt-primary-light); }
.return-early[b-o8qmzr8x4v] { width:min(1000px,100%); }
.return-early header[b-o8qmzr8x4v],.return-early footer[b-o8qmzr8x4v] { padding:16px 20px; }
.return-early .return-body[b-o8qmzr8x4v] { padding:18px 20px; }
.return-early .return-summary[b-o8qmzr8x4v],.return-early .return-fields[b-o8qmzr8x4v] { gap:12px; margin-bottom:16px; }
.return-early .return-summary>div[b-o8qmzr8x4v] { padding:14px; }
.return-early .return-summary strong[b-o8qmzr8x4v] { font-size:1.1rem; }
.return-early label[b-o8qmzr8x4v] { font-weight:600; color:var(--kt-gray-700); }
.return-early .form-control[b-o8qmzr8x4v] { margin-top:7px; font-weight:400; }
.return-early .return-adjustment-fields[b-o8qmzr8x4v] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.return-early .alert[b-o8qmzr8x4v] { padding:12px 14px; margin-bottom:16px; }
.return-wage-preview[b-o8qmzr8x4v] { border:1px solid var(--kt-gray-200); border-radius:8px; padding:14px; margin-bottom:16px; }
.return-wage-preview>strong[b-o8qmzr8x4v] { display:block; margin-bottom:12px; }
.return-early .return-wage-preview .return-fields[b-o8qmzr8x4v] { margin-bottom:0; }
.return-source-details[b-o8qmzr8x4v] { margin-bottom:16px; }
.return-source-details summary[b-o8qmzr8x4v] { cursor:pointer; color:var(--kt-primary); padding:8px 0; }
.return-source-details .return-fields[b-o8qmzr8x4v] { margin-top:10px; }
@media(max-width:760px) { .return-summary[b-o8qmzr8x4v],.return-fields[b-o8qmzr8x4v],.return-filters[b-o8qmzr8x4v],.return-early .return-adjustment-fields[b-o8qmzr8x4v] { grid-template-columns:1fr; }.return-backdrop[b-o8qmzr8x4v] { padding:8px; }.return-body[b-o8qmzr8x4v],.return-early .return-body[b-o8qmzr8x4v] { padding:16px; } }
/* _content/Starterkit/HRM/TimeOf/TimeOffBalancePolicy.razor.rz.scp.css */
.balance-stat-card[b-e7cqumxhzw] {
    border: 1px solid var(--bs-border-color, #e4e6ef);
    background: var(--bs-body-bg, #fff);
    color: inherit;
    text-align: right;
    transition: border-color .15s, box-shadow .15s;
}

.balance-stat-card:hover[b-e7cqumxhzw],
.balance-stat-card:focus-visible[b-e7cqumxhzw] {
    border-color: var(--bs-primary, #009ef7);
    outline: 2px solid var(--bs-primary, #009ef7);
    outline-offset: 2px;
}

.balance-stat-selected[b-e7cqumxhzw] {
    border: 2px solid var(--bs-primary, #009ef7);
    box-shadow: inset 0 -4px var(--bs-primary, #009ef7);
    background: var(--bs-primary-bg-subtle, #eef6ff);
}

.balance-filters[b-e7cqumxhzw] {
    display: grid;
    grid-template-columns: minmax(240px, 2fr) minmax(150px, 1fr) minmax(150px, 1fr) auto;
    align-items: end;
    gap: 1rem;
}

.balance-filters > div[b-e7cqumxhzw] { min-width: 0; }
.balance-filter-actions[b-e7cqumxhzw] { white-space: nowrap; }
.balance-employee-filter[b-e7cqumxhzw]  .blazored-typeahead { min-height: 43px; }

@media (max-width: 991.98px) {
    .balance-filters[b-e7cqumxhzw] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 575.98px) {
    .balance-filters[b-e7cqumxhzw] { grid-template-columns: 1fr; }
}
/* _content/Starterkit/HRM/TransferCustody.razor.rz.scp.css */
.transfer-page[b-v12fou2cfx] { padding:18px; border-radius:18px; background:#f2f5f9; color:#132b48; }
.transfer-title[b-v12fou2cfx] { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.transfer-title h2[b-v12fou2cfx] { font-size:23px; margin:0 0 8px; }
.transfer-title p[b-v12fou2cfx],.transfer-section header p[b-v12fou2cfx] { color:#8998ae; font-size:12px; margin:8px 0 0; }
.transfer-page fieldset[b-v12fou2cfx] { min-width:0; border:0; padding:0; }
.transfer-section[b-v12fou2cfx] { border:1px solid #dbe5f1; border-radius:17px; background:#fff; margin-bottom:16px; overflow:hidden; }
.transfer-section header[b-v12fou2cfx] { padding:18px; border-bottom:1px solid #ecf0f6; }
.transfer-section h3[b-v12fou2cfx] { font-size:17px; margin:0; font-weight:700; }
.transfer-content[b-v12fou2cfx] { padding:15px; }
.transfer-parties[b-v12fou2cfx],.transfer-pair[b-v12fou2cfx] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.transfer-party[b-v12fou2cfx] { border:1px solid #d9e3f0; border-radius:12px; overflow:hidden; }
.transfer-party h4[b-v12fou2cfx] { padding:13px; margin:0; background:#f9fbfe; border-bottom:1px solid #ecf0f6; font-size:13px; font-weight:700; }
.transfer-party-body[b-v12fou2cfx] { padding:12px; }
.transfer-page label[b-v12fou2cfx] { display:block; color:#556c8d; font-size:12px; font-weight:600; }
.transfer-page label span[b-v12fou2cfx],.transfer-page th span[b-v12fou2cfx] { color:#ce5665; }
.transfer-page .form-control[b-v12fou2cfx],.transfer-page .form-select[b-v12fou2cfx] { border-color:#d3dfef; border-radius:9px; min-height:42px; margin-top:8px; font-size:14px; }
.transfer-page input[readonly][b-v12fou2cfx] { background:#f4f6fa; color:#7f90a9; }
.transfer-party .transfer-pair[b-v12fou2cfx] { margin-top:12px; }
.transfer-meta[b-v12fou2cfx] { margin:14px 0 18px; }
.transfer-notes-label textarea[b-v12fou2cfx] { resize:vertical; }
.transfer-table[b-v12fou2cfx] { margin:15px; border:1px solid #dce5f1; border-radius:11px; }
.transfer-page table[b-v12fou2cfx] { margin:0; font-size:12px; }
.transfer-page th[b-v12fou2cfx] { padding:13px 10px; background:#f7f9fc; color:#8393ad; font-size:11px; white-space:nowrap; }
.transfer-page td[b-v12fou2cfx] { padding:12px 10px; }
.transfer-table .form-control[b-v12fou2cfx],.transfer-table .form-select[b-v12fou2cfx] { margin:0; font-size:12px; min-width:130px; }
.transfer-table td:nth-child(2)[b-v12fou2cfx] { min-width:180px; }
.transfer-custody-number[b-v12fou2cfx] { display:block; color:#8a99ad; margin-top:5px; }
.transfer-status[b-v12fou2cfx] { display:inline-block; padding:4px 10px; border-radius:20px; background:#e5f6ef; color:#268764; font-size:11px; white-space:nowrap; }
.transfer-status.damaged[b-v12fou2cfx] { background:#fff0dd; color:#af771f; }
.transfer-actions[b-v12fou2cfx] { display:flex; justify-content:flex-end; align-items:center; gap:16px; margin:18px 0; }
.transfer-actions span[b-v12fou2cfx] { color:#7b8ca6; }
.transfer-actions button[b-v12fou2cfx] { background:#222744; border-color:#222744; }
.transfer-history[b-v12fou2cfx] { padding:0 15px 15px; }
@media(max-width:760px) { .transfer-parties[b-v12fou2cfx] { grid-template-columns:1fr; } .transfer-page[b-v12fou2cfx] { padding:10px; } }
@media(max-width:460px) { .transfer-pair[b-v12fou2cfx] { grid-template-columns:1fr; } .transfer-title[b-v12fou2cfx] { flex-direction:column; align-items:stretch; } }
/* _content/Starterkit/Observatory/Components/DashboardLayoutSizePicker.razor.rz.scp.css */
.obs-dashboard-size-picker[b-eaocflf7gw] {
    display: grid;
    grid-column: span 2;
    min-width: 0;
    gap: 11px;
}

.obs-dashboard-size-picker fieldset[b-eaocflf7gw] {
    min-width: 0;
    margin: 0;
    padding: 11px;
    border: 1px solid #dbe7e5;
    border-radius: 13px;
    background: #f9fcfb;
}

.obs-dashboard-size-picker fieldset:disabled[b-eaocflf7gw] {
    opacity: .58;
}

.obs-dashboard-size-picker legend[b-eaocflf7gw] {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 5px;
    color: #345d61;
    font-size: .7rem;
    font-weight: 950;
}

.obs-dashboard-size-picker legend i[b-eaocflf7gw] {
    margin-inline-end: 5px;
    color: var(--obs-primary, #0b5c60);
}

.obs-dashboard-size-picker__options[b-eaocflf7gw] {
    display: grid;
    gap: 7px;
}

.obs-dashboard-size-picker__options.is-width[b-eaocflf7gw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.obs-dashboard-size-picker__options.is-height[b-eaocflf7gw] {
    grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
}

.obs-dashboard-size-picker__options button[b-eaocflf7gw] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 62px;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 1px solid #d6e2e0;
    border-radius: 11px;
    color: #49696c;
    background: #fff;
    text-align: right;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-dashboard-size-picker__options button:hover:not(:disabled)[b-eaocflf7gw],
.obs-dashboard-size-picker__options button:focus-visible[b-eaocflf7gw] {
    border-color: var(--obs-primary, #0b5c60);
    outline: none;
    transform: translateY(-1px);
}

.obs-dashboard-size-picker__options button.is-selected[b-eaocflf7gw] {
    border-color: color-mix(in srgb, var(--obs-primary, #0b5c60) 62%, #d6e2e0);
    color: #174f54;
    background: color-mix(in srgb, var(--obs-primary, #0b5c60) 5%, #fff);
    box-shadow: 0 7px 16px color-mix(in srgb, var(--obs-primary, #0b5c60) 11%, transparent);
}

.obs-dashboard-size-picker__options button > span:nth-child(2)[b-eaocflf7gw] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-dashboard-size-picker__options strong[b-eaocflf7gw] {
    font-size: .69rem;
    font-weight: 950;
}

.obs-dashboard-size-picker__options small[b-eaocflf7gw] {
    color: #75898b;
    font-size: .59rem;
    font-weight: 750;
    line-height: 1.45;
}

.obs-dashboard-size-picker__icon[b-eaocflf7gw] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 9px;
    color: var(--obs-primary, #0b5c60);
    background: #eaf5f3;
}

.obs-dashboard-size-picker__height[b-eaocflf7gw] {
    display: flex;
    width: 30px;
    height: 34px;
    align-items: flex-end;
    justify-content: center;
    padding: 3px;
    border: 1px solid #cfe0de;
    border-radius: 8px;
    background: #edf6f4;
}

.obs-dashboard-size-picker__height span[b-eaocflf7gw] {
    width: 100%;
    height: calc((var(--size-level) - 1) * 16%);
    min-height: 8px;
    border-radius: 4px;
    background: linear-gradient(180deg, var(--obs-secondary, #d5a82d), var(--obs-primary, #0b5c60));
}

.obs-dashboard-size-picker__selected[b-eaocflf7gw] {
    position: absolute;
    inset-block-start: 6px;
    inset-inline-end: 6px;
    color: #15805f;
    font-size: .66rem;
}

.obs-dashboard-size-picker__legacy[b-eaocflf7gw] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 8px 1px 0;
    color: #80681f;
    font-size: .61rem;
    font-weight: 800;
    line-height: 1.55;
}

.obs-dashboard-size-picker.is-compact fieldset[b-eaocflf7gw] {
    padding: 9px;
}

.obs-dashboard-size-picker.is-compact .obs-dashboard-size-picker__options button[b-eaocflf7gw] {
    min-height: 58px;
}

@media (max-width: 640px) {
    .obs-dashboard-size-picker[b-eaocflf7gw] {
        grid-column: 1 / -1;
    }

    .obs-dashboard-size-picker__options.is-height[b-eaocflf7gw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .obs-dashboard-size-picker__options.is-width[b-eaocflf7gw],
    .obs-dashboard-size-picker__options.is-height[b-eaocflf7gw] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-dashboard-size-picker *[b-eaocflf7gw],
    .obs-dashboard-size-picker *[b-eaocflf7gw]::before,
    .obs-dashboard-size-picker *[b-eaocflf7gw]::after {
        transition-duration: .01ms !important;
    }
}
/* _content/Starterkit/Observatory/Components/DashboardManagementWorkspace.razor.rz.scp.css */
.obs-builder-loading[b-02crhb1epv] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #496467;
    font-weight: 850;
}

.obs-builder-alert[b-02crhb1epv] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    padding: 14px 17px;
    overflow: hidden;
    border: 1px solid;
    border-radius: 16px;
    font-size: .84rem;
    font-weight: 850;
    box-shadow: 0 12px 30px rgba(13, 45, 48, .08);
}

.obs-builder-alert[b-02crhb1epv]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 4px;
    background: currentColor;
    content: "";
}

.obs-builder-alert.is-success[b-02crhb1epv] {
    color: #0d6955;
    border-color: #b7dfd5;
    background: #f1fbf8;
}

.obs-builder-alert.is-error[b-02crhb1epv] {
    color: #96384a;
    border-color: #ecc2ca;
    background: #fff4f6;
}

.obs-builder-alert a[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-inline-start: auto;
    padding: 8px 12px;
    border: 1px solid currentColor;
    border-radius: 10px;
    color: inherit;
    font-size: .78rem;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease;
}

.obs-builder-alert a:hover[b-02crhb1epv] {
    color: inherit;
    background: rgba(255, 255, 255, .72);
    transform: translateY(-1px);
}

.obs-builder-layout[b-02crhb1epv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    transition: grid-template-columns .24s ease;
}

.obs-dashboard-switcher[b-02crhb1epv] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(260px, 1.15fr) auto;
    align-items: end;
    gap: 12px;
    margin: -8px -8px 24px;
    padding: 13px;
    border: 1px solid #d9e7e5;
    border-radius: 18px;
    background: linear-gradient(145deg, #f7faf9, #eef6f4);
}

.obs-dashboard-switcher > label[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 6px;
}

.obs-dashboard-switcher > label > span[b-02crhb1epv] {
    color: #516d70;
    font-size: .72rem;
    font-weight: 900;
}

.obs-dashboard-switcher .form-select[b-02crhb1epv] {
    min-height: 45px;
    border-color: #cadbd8;
    border-radius: 11px;
    color: #173f42;
    background-color: #fff;
    font-size: .78rem;
    font-weight: 850;
}

.obs-dashboard-switcher__status[b-02crhb1epv] {
    display: flex;
    min-width: 0;
    min-height: 45px;
    align-items: center;
    gap: 9px;
    padding: 7px 10px;
    border: 1px solid #dce8e6;
    border-radius: 11px;
    color: #345a5d;
    background: rgba(255, 255, 255, .8);
}

.obs-dashboard-switcher__status > i[b-02crhb1epv] {
    display: grid;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    place-items: center;
    border-radius: 9px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
}

.obs-dashboard-switcher__status > span[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-dashboard-switcher__status strong[b-02crhb1epv],
.obs-dashboard-switcher__status small[b-02crhb1epv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-dashboard-switcher__status strong[b-02crhb1epv] {
    color: #183f42;
    font-size: .76rem;
    font-weight: 950;
}

.obs-dashboard-switcher__status small[b-02crhb1epv] {
    color: #6c8183;
    font-size: .64rem;
}

.obs-dashboard-switcher > .obs-new-dashboard-button[b-02crhb1epv] {
    min-height: 45px;
    align-self: end;
    white-space: nowrap;
}

.obs-builder-layout.is-index-collapsed[b-02crhb1epv] {
    grid-template-columns: 64px minmax(0, 1fr);
}

.obs-panel[b-02crhb1epv] {
    border: 1px solid #dce7e5;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(17, 53, 56, .08);
}

.obs-builder-index[b-02crhb1epv] {
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 32px);
    padding: 22px;
    overflow: auto;
    border-color: color-mix(in srgb, var(--obs-primary) 52%, #16373a);
    color: #fff;
    background:
        radial-gradient(circle at 12% 6%, color-mix(in srgb, var(--obs-secondary) 32%, transparent), transparent 26%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 14px),
        linear-gradient(150deg, color-mix(in srgb, var(--obs-primary) 90%, #06191b), color-mix(in srgb, var(--obs-primary) 68%, #123438));
    box-shadow: 0 24px 55px color-mix(in srgb, var(--obs-primary) 22%, transparent);
    scrollbar-color: rgba(255, 255, 255, .22) transparent;
    transition: padding .24s ease, max-height .24s ease;
}

.obs-builder-index__toggle[b-02crhb1epv] {
    display: inline-flex;
    width: 100%;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 15px;
    padding: 8px 11px;
    border: 1px solid #9fd2d6;
    border-radius: 11px;
    color: #155d69;
    background: linear-gradient(145deg, #f5fcfb, #e7f5f3);
    font-size: .76rem;
    font-weight: 900;
    box-shadow: 0 7px 18px rgba(20, 92, 101, .12);
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-builder-index__toggle:hover[b-02crhb1epv],
.obs-builder-index__toggle:focus-visible[b-02crhb1epv] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 24%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.obs-builder-index.is-collapsed[b-02crhb1epv] {
    max-height: 70px;
    padding: 10px;
    overflow: hidden;
}

.obs-builder-index.is-collapsed > :not(.obs-builder-index__toggle)[b-02crhb1epv] {
    display: none;
}

.obs-builder-index.is-collapsed .obs-builder-index__toggle[b-02crhb1epv] {
    width: 42px;
    margin: 0;
    padding: 8px;
}

.obs-builder-index.is-collapsed .obs-builder-index__toggle span[b-02crhb1epv] {
    display: none;
}

.obs-builder-index[b-02crhb1epv]::after {
    display: block;
    height: 1px;
    margin-top: 22px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .16), transparent);
    content: "";
}

.obs-builder-form[b-02crhb1epv] {
    position: relative;
    padding: clamp(22px, 2.5vw, 36px);
    overflow: visible;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 2.4%, transparent) 1px, transparent 1px) 0 0 / 36px 36px,
        linear-gradient(#fff, #fcfdfd);
    counter-reset: builder-stage;
}

.obs-builder-form[b-02crhb1epv]::before {
    position: absolute;
    top: 0;
    inset-inline-start: clamp(22px, 2.5vw, 36px);
    width: 112px;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, var(--obs-secondary), color-mix(in srgb, var(--obs-secondary) 12%, transparent));
    content: "";
}

.obs-creation-experience-tabs[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: -8px -8px 24px;
    padding: 7px;
    border: 1px solid #d9e7e5;
    border-radius: 18px;
    background: #f4f8f7;
}

.obs-creation-experience-tabs button[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-height: 64px;
    padding: 10px 14px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #506467;
    background: transparent;
    text-align: start;
    transition: border-color .18s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-creation-experience-tabs button:hover[b-02crhb1epv],
.obs-creation-experience-tabs button:focus-visible[b-02crhb1epv] {
    color: var(--obs-primary);
    border-color: color-mix(in srgb, var(--obs-primary) 28%, #d9e7e5);
    outline: none;
    transform: translateY(-1px);
}

.obs-creation-experience-tabs button.is-active[b-02crhb1epv] {
    color: var(--obs-primary);
    border-color: color-mix(in srgb, var(--obs-primary) 30%, #d9e7e5);
    background: #fff;
    box-shadow: 0 8px 20px rgba(23, 69, 72, .09);
}

.obs-creation-experience-tabs button > i[b-02crhb1epv] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
}

.obs-creation-experience-tabs button.is-active > i[b-02crhb1epv] {
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 70%, #153b3f));
}

.obs-creation-experience-tabs span[b-02crhb1epv],
.obs-creation-experience-tabs strong[b-02crhb1epv],
.obs-creation-experience-tabs small[b-02crhb1epv] {
    display: block;
    min-width: 0;
}

.obs-creation-experience-tabs strong[b-02crhb1epv] {
    font-size: .87rem;
    font-weight: 900;
}

.obs-creation-experience-tabs small[b-02crhb1epv] {
    margin-top: 2px;
    color: #718286;
    font-size: .7rem;
}

.obs-creation-experience-tabs b[b-02crhb1epv] {
    display: grid;
    min-width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 999px;
    color: #14777e;
    background: #e8f7f6;
    font-size: .72rem;
}

.obs-builder-stage[b-02crhb1epv] {
    display: none;
}

.obs-builder-stage.is-active[b-02crhb1epv] {
    display: block;
    animation: obs-builder-stage-in-b-02crhb1epv .22s ease-out;
}

@keyframes obs-builder-stage-in-b-02crhb1epv {
    from {
        opacity: 0;
        transform: translateY(7px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.obs-builder-guide[b-02crhb1epv] {
    position: relative;
    scroll-margin-block-start: clamp(88px, 12vh, 132px);
    margin: -10px -10px 28px;
    padding: 20px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce7e5);
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--obs-secondary) 16%, transparent), transparent 27%),
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff);
}

.obs-builder-guide__intro[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.obs-builder-guide__icon[b-02crhb1epv],
.obs-smart-start__icon[b-02crhb1epv],
.obs-publish-readiness__icon[b-02crhb1epv] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 70%, #193f42));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.obs-builder-guide__intro h2[b-02crhb1epv] {
    margin: 3px 0 0;
    color: #153b3e;
    font-size: clamp(1.18rem, 2vw, 1.55rem);
    font-weight: 950;
}

.obs-builder-guide__intro p[b-02crhb1epv] {
    margin: 4px 0 0;
    color: #657d7f;
    font-size: .88rem;
}

.obs-builder-guide__counter[b-02crhb1epv] {
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 16%, #dbe6e4);
    border-radius: 999px;
    color: var(--obs-primary);
    background: rgba(255, 255, 255, .82);
    font-size: .8rem;
    font-weight: 900;
    white-space: nowrap;
}

.obs-builder-steps[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.obs-builder-steps button[b-02crhb1epv] {
    position: relative;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    min-height: 70px;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid #dce7e5;
    border-radius: 13px;
    color: #627a7c;
    text-align: start;
    background: rgba(255, 255, 255, .78);
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.obs-builder-steps button:hover[b-02crhb1epv],
.obs-builder-steps button:focus-visible[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #dce7e5);
    outline: none;
    transform: translateY(-1px);
}

.obs-builder-steps button:focus-visible[b-02crhb1epv] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 14%, transparent);
}

.obs-builder-steps button.is-active[b-02crhb1epv] {
    color: #163f42;
    border-color: color-mix(in srgb, var(--obs-primary) 55%, #dce7e5);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    box-shadow: 0 9px 22px rgba(16, 53, 56, .09);
}

.obs-builder-steps button.is-complete:not(.is-active)[b-02crhb1epv] {
    color: #176955;
    border-color: #b9ddd3;
    background: #f1faf7;
}

.obs-builder-steps__number[b-02crhb1epv] {
    display: grid;
    width: 35px;
    height: 35px;
    place-items: center;
    border-radius: 11px;
    color: #536f71;
    background: #edf3f2;
    font-size: .82rem;
    font-weight: 950;
}

.obs-builder-steps button.is-active .obs-builder-steps__number[b-02crhb1epv] {
    color: #fff;
    background: var(--obs-primary);
}

.obs-builder-steps button.is-complete:not(.is-active) .obs-builder-steps__number[b-02crhb1epv] {
    color: #fff;
    background: #268169;
}

.obs-builder-steps strong[b-02crhb1epv],
.obs-builder-steps small[b-02crhb1epv] {
    display: block;
}

.obs-builder-steps strong[b-02crhb1epv] {
    font-size: .83rem;
    font-weight: 950;
}

.obs-builder-steps small[b-02crhb1epv] {
    margin-top: 2px;
    color: #7b8e90;
    font-size: .8rem;
    line-height: 1.45;
}

.obs-builder-guide__message[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid;
    border-radius: 11px;
    font-size: .84rem;
    font-weight: 850;
}

.obs-builder-guide__message.is-error[b-02crhb1epv] {
    color: #91364a;
    border-color: #edc4cc;
    background: #fff4f6;
}

.obs-builder-guide__message.is-success[b-02crhb1epv] {
    color: #126650;
    border-color: #b9ddd3;
    background: #f1faf7;
}

.obs-builder-mode[b-02crhb1epv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 11px;
    padding: 9px 11px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 14%, #dfe8e6);
    border-radius: 12px;
    color: #385d60;
    background: rgba(255, 255, 255, .76);
}

.obs-builder-mode > span[b-02crhb1epv] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.obs-builder-mode > span > i[b-02crhb1epv] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
}

.obs-builder-mode > span > span[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-builder-mode strong[b-02crhb1epv] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-builder-mode small[b-02crhb1epv] {
    color: #6d8284;
    font-size: .76rem;
    line-height: 1.45;
}

.obs-builder-mode button[b-02crhb1epv] {
    display: inline-flex;
    min-height: 38px;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #dce7e5);
    border-radius: 10px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .75rem;
    font-weight: 900;
}

.obs-builder-mode button:hover:not(:disabled)[b-02crhb1epv],
.obs-builder-mode button:focus-visible:not(:disabled)[b-02crhb1epv] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    outline: none;
}

.obs-builder-mode button:disabled[b-02crhb1epv] {
    cursor: not-allowed;
    color: #87999b;
    border-color: #e0e7e6;
    background: #f3f6f5;
    box-shadow: none;
    opacity: .72;
}

.is-simple-hidden[b-02crhb1epv] {
    display: none !important;
}

.is-advanced-section > summary > span:first-child[b-02crhb1epv] {
    min-width: 0;
    flex: 1 1 auto;
    order: 1;
}

.is-advanced-section > summary[b-02crhb1epv]::after {
    display: inline-flex;
    min-height: 27px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    order: 2;
    padding: 4px 9px;
    border: 1px solid #efbd55;
    border-radius: 999px;
    color: #895400;
    background: linear-gradient(135deg, #fff8df, #ffedb5);
    box-shadow: 0 5px 12px rgba(193, 118, 0, .12);
    content: "\2605  متقدم";
    font-size: .7rem;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.is-advanced-section > summary > i:last-child[b-02crhb1epv] {
    flex: 0 0 auto;
    order: 3;
}

.is-advanced-section[open] > summary[b-02crhb1epv]::after {
    border-color: #e2a72e;
    color: #704200;
    background: #ffe79d;
}

.obs-new-dashboard-button[b-02crhb1epv] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 12px;
    color: #15383b;
    background: linear-gradient(145deg, color-mix(in srgb, var(--obs-secondary) 86%, #fff), var(--obs-secondary));
    box-shadow: 0 9px 24px rgba(0, 0, 0, .18);
    font-size: .79rem;
    font-weight: 950;
}

.obs-new-dashboard-button:hover[b-02crhb1epv],
.obs-new-dashboard-button:focus-visible[b-02crhb1epv] {
    outline: none;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
    transform: translateY(-1px);
}

.obs-smart-start[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 36%, #dce7e5);
    border-radius: 17px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--obs-secondary) 10%, #fff), #fff);
}

.obs-smart-start h3[b-02crhb1epv] {
    margin: 0;
    color: #173d40;
    font-size: 1rem;
    font-weight: 950;
}

.obs-smart-start p[b-02crhb1epv] {
    margin: 4px 0 0;
    color: #647c7e;
    font-size: .84rem;
    line-height: 1.65;
}

.obs-smart-start button[b-02crhb1epv],
.obs-advanced-add-source[b-02crhb1epv] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 15px;
    border: 1px solid var(--obs-primary);
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .82rem;
    font-weight: 950;
}

.obs-smart-start button:disabled[b-02crhb1epv] {
    cursor: not-allowed;
    filter: grayscale(.25);
    opacity: .5;
}

.obs-optional-section[b-02crhb1epv] {
    margin-top: 16px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #fbfdfc;
}

.obs-optional-section > summary[b-02crhb1epv] {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 15px;
    color: #24484b;
    background: #f6f9f8;
    cursor: pointer;
    list-style: none;
}

.obs-optional-section > summary[b-02crhb1epv]::-webkit-details-marker {
    display: none;
}

.obs-optional-section > summary > span[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 3px 9px;
}

.obs-optional-section > summary > span > i[b-02crhb1epv] {
    grid-row: 1 / 3;
    color: var(--obs-primary);
}

.obs-optional-section > summary strong[b-02crhb1epv],
.obs-optional-section > summary small[b-02crhb1epv] {
    display: block;
}

.obs-optional-section > summary strong[b-02crhb1epv] {
    font-size: .9rem;
    font-weight: 950;
}

.obs-optional-section > summary small[b-02crhb1epv] {
    color: #718587;
    font-size: .82rem;
    line-height: 1.5;
}

.obs-optional-section > summary > i:last-child[b-02crhb1epv] {
    color: #718587;
    transition: transform .18s ease;
}

.obs-optional-section[open] > summary > i:last-child[b-02crhb1epv] {
    transform: rotate(180deg);
}

.obs-optional-section > summary:hover[b-02crhb1epv],
.obs-optional-section > summary:focus-visible[b-02crhb1epv] {
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    outline: none;
}

.obs-optional-section > summary:focus-visible[b-02crhb1epv] {
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--obs-primary) 14%, transparent);
}

.obs-optional-section--compact > :not(summary)[b-02crhb1epv],
.obs-optional-section--source > :not(summary)[b-02crhb1epv],
.obs-optional-section--form > :not(summary)[b-02crhb1epv] {
    margin: 14px;
}

.obs-optional-section--source .obs-source-mode[b-02crhb1epv] {
    margin-top: 10px;
}

.obs-optional-section--governance > .obs-builder-divider[b-02crhb1epv] {
    margin-top: 0;
}

.obs-builder-form .obs-field input[b-02crhb1epv],
.obs-builder-form .obs-field select[b-02crhb1epv],
.obs-builder-form .obs-field textarea[b-02crhb1epv] {
    font-size: .9rem;
}

.obs-builder-form .obs-field > small[b-02crhb1epv],
.obs-builder-stage .obs-choice-card small[b-02crhb1epv],
.obs-builder-stage .obs-simple-choice small[b-02crhb1epv],
.obs-builder-stage .obs-all-audience small[b-02crhb1epv] {
    font-size: .81rem;
    line-height: 1.55;
}

.obs-builder-stage .obs-choice-grid[b-02crhb1epv] {
    max-height: none;
    overflow: visible;
}

.obs-builder-stage--audience .obs-choice-grid[b-02crhb1epv] {
    max-height: 430px;
    overflow: auto;
}

.obs-choice-card:has(input:focus-visible)[b-02crhb1epv],
.obs-simple-choice:has(input:focus-visible)[b-02crhb1epv],
.obs-source-mode > label:has(input:focus-visible)[b-02crhb1epv],
.obs-axis-strip > label:has(input:focus-visible)[b-02crhb1epv] {
    border-color: var(--obs-primary);
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 14%, transparent);
    outline-offset: 2px;
}

.obs-builder-section-head[b-02crhb1epv] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.obs-builder-form > .obs-builder-section-head[b-02crhb1epv] {
    counter-increment: builder-stage;
    padding-inline-start: 58px;
}

.obs-builder-form > .obs-builder-section-head[b-02crhb1epv]::before {
    position: absolute;
    inset-inline-start: 0;
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dbe6e4);
    border-radius: 12px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: .7rem;
    font-weight: 950;
    content: "0" counter(builder-stage);
}

.obs-builder-section-head h2[b-02crhb1epv] {
    margin: 4px 0 0;
    color: #14383b;
    font-size: clamp(1.05rem, 1.35vw, 1.28rem);
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-builder-index .obs-builder-section-head[b-02crhb1epv] {
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.obs-builder-index .obs-builder-section-head h2[b-02crhb1epv] {
    color: #153c40;
}

.obs-builder-kicker[b-02crhb1epv] {
    color: #728688;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .02em;
}

.obs-builder-index .obs-builder-kicker[b-02crhb1epv] {
    color: color-mix(in srgb, var(--obs-secondary) 58%, #fff);
}

.obs-icon-button[b-02crhb1epv] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    color: #15383b;
    background: linear-gradient(145deg, color-mix(in srgb, var(--obs-secondary) 86%, #fff), var(--obs-secondary));
    box-shadow: 0 9px 24px rgba(0, 0, 0, .2);
    transition: transform .2s ease, box-shadow .2s ease;
}

.obs-icon-button:hover[b-02crhb1epv],
.obs-icon-button:focus-visible[b-02crhb1epv] {
    box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
    outline: none;
    transform: translateY(-2px);
}

.obs-dashboard-list[b-02crhb1epv] {
    display: grid;
    gap: 8px;
}

.obs-index-live-preview[b-02crhb1epv] {
    display: grid;
    gap: 10px;
    margin-top: 18px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .19);
    border-radius: 16px;
    color: #244b4e;
    background:
        radial-gradient(circle at 92% 0, color-mix(in srgb, var(--obs-secondary) 15%, transparent), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(241, 248, 246, .96));
    box-shadow: 0 14px 32px rgba(4, 30, 32, .2);
}

.obs-index-live-preview > header[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.obs-index-live-preview > header > span:nth-child(2)[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-index-live-preview > header strong[b-02crhb1epv] {
    color: #1f494c;
    font-size: .76rem;
    font-weight: 950;
}

.obs-index-live-preview > header small[b-02crhb1epv] {
    color: #718789;
    font-size: .62rem;
    line-height: 1.5;
}

.obs-index-live-preview > header > b[b-02crhb1epv] {
    display: grid;
    min-width: 28px;
    height: 28px;
    place-items: center;
    padding: 0 7px;
    border-radius: 9px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .68rem;
    font-weight: 950;
}

.obs-index-live-preview__icon[b-02crhb1epv] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 72%, #102f32));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.obs-index-live-preview__pages[b-02crhb1epv] {
    padding-bottom: 0;
}

.obs-index-live-preview__pages button[b-02crhb1epv] {
    min-height: 28px;
    padding: 4px 8px;
    font-size: .61rem;
}

.obs-index-live-preview__canvas[b-02crhb1epv] {
    grid-template-columns: minmax(0, 1fr);
    max-height: min(42vh, 430px);
    padding: 7px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 36%, transparent) transparent;
}

.obs-index-live-preview__canvas .obs-live-preview__item.is-wide[b-02crhb1epv] {
    grid-column: auto;
}

.obs-index-live-preview__item[b-02crhb1epv],
.obs-index-live-preview__item.is-tall[b-02crhb1epv] {
    grid-template-columns: minmax(0, 1fr) 62px;
    min-height: 86px;
    align-items: center;
    align-content: center;
    gap: 7px;
    padding: 9px;
}

.obs-index-live-preview__item .obs-live-preview__item-head[b-02crhb1epv] {
    min-width: 0;
    padding-inline-end: 27px;
}

.obs-index-live-preview__item .obs-live-preview__miniature[b-02crhb1epv] {
    height: 56px;
}

.obs-index-live-preview__item .obs-live-preview__series-count[b-02crhb1epv] {
    right: 9px;
    left: auto;
    bottom: 5px;
}

.obs-index-live-preview__order[b-02crhb1epv] {
    position: absolute;
    bottom: 6px;
    inset-inline-end: 7px;
    display: grid;
    min-width: 21px;
    height: 21px;
    place-items: center;
    padding: 0 5px;
    border: 1px solid #d8e6e3;
    border-radius: 7px;
    color: #577376;
    background: rgba(255, 255, 255, .94);
    font-size: .55rem;
    font-weight: 950;
}

.obs-index-live-preview > p[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    color: #6b8082;
    font-size: .62rem;
    line-height: 1.55;
}

.obs-dashboard-list__empty[b-02crhb1epv] {
    min-height: 250px;
    align-content: center;
}

.obs-dashboard-list__empty > span[b-02crhb1epv] {
    max-width: 28ch;
    line-height: 1.75;
}

.obs-dashboard-list__empty-action[b-02crhb1epv] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    padding: 9px 15px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 32%, #dce7e5);
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-weight: 900;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 22%, transparent);
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.obs-dashboard-list__empty-action:hover[b-02crhb1epv],
.obs-dashboard-list__empty-action:focus-visible[b-02crhb1epv] {
    color: #fff;
    background: color-mix(in srgb, var(--obs-primary) 88%, #000);
    box-shadow: 0 13px 26px color-mix(in srgb, var(--obs-primary) 28%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.obs-dashboard-list__item[b-02crhb1epv] {
    position: relative;
    display: grid;
    gap: 9px;
    width: 100%;
    padding: 13px;
    overflow: hidden;
    border: 1px solid #d5e5e2;
    border-radius: 13px;
    color: #24484b;
    background: linear-gradient(145deg, #fff, #f3f9f7);
    box-shadow: 0 7px 18px rgba(12, 54, 56, .1);
    text-align: right;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.obs-dashboard-list__item[b-02crhb1epv]::before {
    position: absolute;
    inset-block: 12px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
    content: "";
}

.obs-dashboard-list__item:hover[b-02crhb1epv],
.obs-dashboard-list__item:focus-visible[b-02crhb1epv] {
    color: #163d40;
    border-color: #74c0b2;
    background: #fff;
    box-shadow: 0 11px 25px rgba(12, 54, 56, .17);
    outline: none;
    transform: translateX(-2px);
}

.obs-dashboard-list__item.is-selected[b-02crhb1epv] {
    color: #17393c;
    border-color: #42aa91;
    background: linear-gradient(145deg, #fff, #eaf8f4);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

.obs-dashboard-list__item.is-selected[b-02crhb1epv]::before {
    background: var(--obs-secondary);
}

.obs-dashboard-list__top[b-02crhb1epv],
.obs-dashboard-list__meta[b-02crhb1epv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.obs-dashboard-list__top strong[b-02crhb1epv] {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: .79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-dashboard-list__meta[b-02crhb1epv] {
    flex-wrap: wrap;
    justify-content: flex-start;
    color: inherit;
    font-size: .65rem;
    opacity: .76;
}

.obs-dashboard-list__publication-note[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding: 8px 9px;
    border: 1px solid #efd59b;
    border-radius: 10px;
    color: #74520d;
    background: #fff9e9;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.65;
}

.obs-dashboard-list__publication-note i[b-02crhb1epv] {
    flex: 0 0 auto;
    margin-top: .25em;
    color: #c68a15;
}

.obs-dashboard-list__select[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    color: #19775f;
    font-size: .68rem;
    font-weight: 900;
}

.obs-dashboard-list__item.is-selected .obs-dashboard-list__select[b-02crhb1epv] {
    color: #0d6a54;
}

.obs-version-chip[b-02crhb1epv],
.obs-count-chip[b-02crhb1epv],
.obs-preview__type[b-02crhb1epv] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 16%, #e2e9e7);
    border-radius: 9px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .7rem;
    font-weight: 900;
}

.obs-form-grid[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.obs-source-flow[b-02crhb1epv] {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 8px;
    border: 1px solid #dce7e5;
    border-radius: 14px;
    background:
        repeating-linear-gradient(135deg, rgba(25, 83, 87, .025) 0 1px, transparent 1px 11px),
        #f7faf9;
}

.obs-source-flow > span[b-02crhb1epv] {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 7px;
    padding: 5px 10px;
    border-radius: 9px;
    color: #738688;
    font-size: .76rem;
    font-weight: 900;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.obs-source-flow > span b[b-02crhb1epv] {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    border-radius: 7px;
    color: #76898b;
    background: #e8efee;
    font-size: .62rem;
}

.obs-source-flow > span.is-complete[b-02crhb1epv] {
    color: #174a4e;
    background: #fff;
    box-shadow: 0 5px 16px rgba(20, 67, 70, .08);
}

.obs-source-flow > span.is-complete b[b-02crhb1epv] {
    color: #fff;
    background: var(--obs-primary);
}

.obs-source-flow > i[b-02crhb1epv] {
    color: #a8b8b9;
    font-size: .72rem;
}

.obs-dashboard-sources[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.obs-dashboard-source-card-shell[b-02crhb1epv] {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 7px;
}

.obs-dashboard-source-card[b-02crhb1epv] {
    display: grid;
    width: 100%;
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 72px;
    align-items: center;
    gap: 10px;
    padding-block: 11px;
    padding-inline: 11px 56px;
    border: 1px solid #d7e3e1;
    border-radius: 15px;
    color: #244a4d;
    text-align: start;
    background: #fbfdfc;
    box-shadow: 0 7px 18px rgba(17, 53, 56, .04);
    transition: border-color .18s ease, transform .18s ease,
        box-shadow .18s ease;
}

.obs-dashboard-source-card:hover[b-02crhb1epv],
.obs-dashboard-source-card.is-active[b-02crhb1epv],
.obs-dashboard-source-card:focus-visible[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #cbdcda);
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(17, 76, 79, .1);
}

.obs-dashboard-source-card:focus-visible[b-02crhb1epv],
.obs-dashboard-source-card__remove:focus-visible[b-02crhb1epv],
.obs-dashboard-source-card__confirm button:focus-visible[b-02crhb1epv] {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 70%, #fff);
    outline-offset: 2px;
}

.obs-dashboard-source-card.is-active[b-02crhb1epv] {
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
}

.obs-dashboard-source-card__number[b-02crhb1epv] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .7rem;
    font-weight: 950;
}

.obs-dashboard-source-card > span:nth-child(2)[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-dashboard-source-card strong[b-02crhb1epv],
.obs-dashboard-source-card small[b-02crhb1epv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-dashboard-source-card strong[b-02crhb1epv] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-dashboard-source-card small[b-02crhb1epv] {
    color: #748789;
    font-size: .67rem;
}

.obs-dashboard-source-card__remove[b-02crhb1epv] {
    position: absolute;
    top: 14px;
    inset-inline-end: 8px;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid #f0c8d0;
    border-radius: 9px;
    color: #9a4050;
    background: #fff0f3;
}

.obs-dashboard-source-card__confirm[b-02crhb1epv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 7px;
    padding: 9px;
    border: 1px solid #efc7cf;
    border-radius: 11px;
    color: #823244;
    background: #fff7f8;
    font-size: .68rem;
    font-weight: 850;
}

.obs-dashboard-source-card__confirm button[b-02crhb1epv] {
    min-height: 44px;
    padding: 8px 11px;
    border: 1px solid #d8e3e1;
    border-radius: 9px;
    color: #36585b;
    background: #fff;
    font-size: .67rem;
    font-weight: 900;
}

.obs-dashboard-source-card__confirm button.is-danger[b-02crhb1epv] {
    border-color: #c84d63;
    color: #fff;
    background: #a83f53;
}

.obs-dashboard-source-card.is-add[b-02crhb1epv] {
    grid-template-columns: 38px minmax(0, 1fr);
    padding-inline: 11px;
    border-style: dashed;
    color: var(--obs-primary);
    background: transparent;
}

.obs-dashboard-source-card.is-add > i[b-02crhb1epv] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
}

.obs-source-grid[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.obs-source-grid .obs-field[b-02crhb1epv] {
    min-width: 0;
    padding: 15px;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(19, 58, 61, .045);
}

.obs-source-grid .obs-field > small[b-02crhb1epv],
.obs-pinned-version > small[b-02crhb1epv] {
    color: #748789;
    font-size: .71rem;
    line-height: 1.65;
}

.obs-source-version[b-02crhb1epv] {
    position: relative;
    display: grid;
    gap: 14px;
    margin-top: 14px;
    padding: 17px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #dce7e5);
    border-radius: 17px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 3%, transparent) 1px, transparent 1px) 0 0 / 30px 30px,
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff);
}

.obs-source-version[b-02crhb1epv]::before {
    position: absolute;
    inset-block: 14px;
    inset-inline-start: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.obs-source-version__head[b-02crhb1epv] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.obs-source-version__icon[b-02crhb1epv] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--obs-primary) 22%, transparent);
}

.obs-source-version__head > div[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 3px;
    margin-inline-end: auto;
}

.obs-source-version__head strong[b-02crhb1epv] {
    overflow: hidden;
    color: #173e41;
    font-size: .89rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-source-version__head small[b-02crhb1epv] {
    color: #718587;
    font-size: .72rem;
}

.obs-data-ready[b-02crhb1epv] {
    display: inline-flex;
    min-height: 32px;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 900;
}

.obs-data-ready.is-ready[b-02crhb1epv] {
    color: #0d6955;
    border-color: #b9e0d7;
    background: #eefaf7;
}

.obs-data-ready.is-waiting[b-02crhb1epv] {
    color: #9b6217;
    border-color: #efd5ab;
    background: #fff8ed;
}

.obs-source-mode[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.obs-source-mode > label[b-02crhb1epv] {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    min-height: 70px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #d9e4e2;
    border-radius: 13px;
    background: rgba(255, 255, 255, .78);
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.obs-source-mode > label:hover[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #d9e4e2);
    transform: translateY(-1px);
}

.obs-source-mode > label.is-selected[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #c5d9d6);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
}

.obs-source-mode input[b-02crhb1epv] {
    position: absolute;
    opacity: 0;
}

.obs-source-mode label:has(input:disabled)[b-02crhb1epv] {
    cursor: not-allowed;
    filter: grayscale(.3);
    opacity: .5;
}

.obs-source-mode label > i[b-02crhb1epv] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
}

.obs-source-mode strong[b-02crhb1epv],
.obs-source-mode small[b-02crhb1epv] {
    display: block;
}

.obs-source-mode strong[b-02crhb1epv] {
    color: #274a4d;
    font-size: .8rem;
}

.obs-source-mode small[b-02crhb1epv] {
    margin-top: 3px;
    color: #748789;
    font-size: .68rem;
    line-height: 1.55;
}

.obs-pinned-version[b-02crhb1epv] {
    max-width: 640px;
}

.obs-pinned-version .is-warning[b-02crhb1epv] {
    color: #9b6217;
}

.obs-map-counts[b-02crhb1epv] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-map-toolbar[b-02crhb1epv] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto auto;
    gap: 8px;
    margin-bottom: 11px;
}

.obs-map-toolbar > label[b-02crhb1epv] {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding-inline: 12px;
    border: 1px solid #d7e3e1;
    border-radius: 11px;
    color: #789;
    background: #fbfdfc;
}

.obs-map-toolbar input[b-02crhb1epv] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #17383b;
    background: transparent;
    font-size: .78rem;
}

.obs-map-toolbar button[b-02crhb1epv] {
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #d7e3e1);
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    font-size: .72rem;
    font-weight: 900;
}

.obs-map-toolbar button:hover[b-02crhb1epv],
.obs-map-toolbar button:focus-visible[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #d7e3e1);
    outline: none;
}

.obs-map-toolbar button.is-clear[b-02crhb1epv] {
    color: #a24152;
    border-color: #eed3d8;
    background: #fff7f8;
}

.obs-axis-strip[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 12px;
}

.obs-axis-strip > label[b-02crhb1epv] {
    position: relative;
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr) 18px;
    min-height: 66px;
    align-items: center;
    gap: 9px;
    padding: 11px;
    border: 1px solid #dbe6e4;
    border-radius: 13px;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.obs-axis-strip > label:hover[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #dbe6e4);
    transform: translateY(-1px);
}

.obs-axis-strip > label.is-selected[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 50%, #c8d9d6);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-axis-strip input[b-02crhb1epv] {
    position: absolute;
    opacity: 0;
}

.obs-axis-strip__number[b-02crhb1epv] {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 9px;
    color: var(--obs-primary);
    background: #edf4f3;
    font-size: .68rem;
    font-weight: 950;
}

.obs-axis-strip strong[b-02crhb1epv],
.obs-axis-strip small[b-02crhb1epv] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-axis-strip strong[b-02crhb1epv] {
    color: #294c4f;
    font-size: .77rem;
}

.obs-axis-strip small[b-02crhb1epv] {
    margin-top: 3px;
    color: #7c8e90;
    font-size: .65rem;
}

.obs-axis-strip label > i[b-02crhb1epv] {
    color: #bdc9c8;
}

.obs-axis-strip label.is-selected > i[b-02crhb1epv] {
    color: #159477;
}

.obs-axis-accordion[b-02crhb1epv] {
    display: grid;
    max-height: min(68vh, 680px);
    gap: 9px;
    padding: 2px 2px 2px 4px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 34%, #d9e4e2) transparent;
}

.obs-axis-accordion__item[b-02crhb1epv] {
    overflow: hidden;
    border: 1px solid #dbe6e4;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(18, 55, 58, .035);
    transition: border-color .18s ease, box-shadow .18s ease;
}

.obs-axis-accordion__item.is-selected[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 30%, #dbe6e4);
}

.obs-axis-accordion__item.is-expanded[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 56%, #dbe6e4);
    box-shadow: 0 12px 28px rgba(18, 55, 58, .08);
}

.obs-axis-accordion__header[b-02crhb1epv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
}

.obs-axis-accordion__summary[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    min-height: 70px;
    grid-template-columns: 38px minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 11px;
    padding: 11px 14px;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: start;
}

.obs-axis-accordion__summary:hover[b-02crhb1epv],
.obs-axis-accordion__summary:focus-visible[b-02crhb1epv] {
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
    outline: none;
}

.obs-axis-accordion__summary:focus-visible[b-02crhb1epv] {
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--obs-primary) 14%, transparent);
}

.obs-axis-accordion__number[b-02crhb1epv] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
    font-size: .72rem;
    font-weight: 950;
}

.obs-axis-accordion__copy[b-02crhb1epv] {
    min-width: 0;
}

.obs-axis-accordion__copy strong[b-02crhb1epv],
.obs-axis-accordion__copy small[b-02crhb1epv] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-axis-accordion__copy strong[b-02crhb1epv] {
    color: #24494c;
    font-size: .82rem;
    font-weight: 950;
}

.obs-axis-accordion__copy small[b-02crhb1epv] {
    margin-top: 4px;
    color: #7c8e90;
    font-size: .65rem;
    font-weight: 700;
}

.obs-axis-accordion__selection[b-02crhb1epv] {
    color: #718587;
    font-size: .66rem;
    font-weight: 800;
    white-space: nowrap;
}

.obs-axis-accordion__selection b[b-02crhb1epv] {
    color: var(--obs-primary);
    font-size: .76rem;
    font-weight: 950;
}

.obs-axis-accordion__chevron[b-02crhb1epv] {
    color: #718587;
    font-size: .68rem;
    transition: transform .18s ease;
}

.obs-axis-accordion__item.is-expanded .obs-axis-accordion__chevron[b-02crhb1epv] {
    transform: rotate(180deg);
}

.obs-axis-accordion__toggle[b-02crhb1epv] {
    display: grid;
    min-width: 94px;
    place-content: center;
    justify-items: center;
    gap: 5px;
    padding: 9px 13px;
    border-inline-start: 1px solid #e2ebe9;
    color: #8a9a9b;
    background: #fbfdfc;
    cursor: pointer;
}

.obs-axis-accordion__toggle input[b-02crhb1epv] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.obs-axis-accordion__toggle > span[b-02crhb1epv] {
    position: relative;
    width: 35px;
    height: 19px;
    border-radius: 10px;
    background: #cbd6d5;
    transition: background-color .18s ease;
}

.obs-axis-accordion__toggle > span[b-02crhb1epv]::after {
    position: absolute;
    top: 3px;
    inset-inline-start: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(12, 47, 50, .22);
    content: "";
    transition: transform .18s ease;
}

.obs-axis-accordion__toggle.is-active[b-02crhb1epv] {
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
}

.obs-axis-accordion__toggle.is-active > span[b-02crhb1epv] {
    background: var(--obs-primary);
}

.obs-axis-accordion__toggle.is-active > span[b-02crhb1epv]::after {
    transform: translateX(-16px);
}

.obs-axis-accordion__toggle b[b-02crhb1epv] {
    font-size: .59rem;
    font-weight: 900;
}

.obs-axis-accordion__toggle:has(input:focus-visible)[b-02crhb1epv] {
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 16%, transparent);
    outline-offset: -3px;
}

.obs-axis-accordion__panel[b-02crhb1epv] {
    padding: 13px;
    border-top: 1px solid #e3ecea;
    background: linear-gradient(180deg, #f8fbfa, #fff);
}

.obs-axis-accordion__panel-head[b-02crhb1epv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.obs-axis-accordion__panel-head span strong[b-02crhb1epv],
.obs-axis-accordion__panel-head span small[b-02crhb1epv] {
    display: block;
}

.obs-axis-accordion__panel-head span strong[b-02crhb1epv] {
    color: #2b5053;
    font-size: .74rem;
    font-weight: 950;
}

.obs-axis-accordion__panel-head span small[b-02crhb1epv] {
    margin-top: 2px;
    color: #7d9092;
    font-size: .61rem;
    font-weight: 750;
}

.obs-axis-accordion__panel-head button[b-02crhb1epv] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 25%, #d7e3e1);
    border-radius: 9px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .63rem;
    font-weight: 900;
}

.obs-axis-accordion__panel-head button:hover[b-02crhb1epv],
.obs-axis-accordion__panel-head button:focus-visible[b-02crhb1epv] {
    border-color: var(--obs-primary);
    outline: none;
}

.obs-axis-accordion__indicators[b-02crhb1epv] {
    display: grid;
    max-height: 310px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 2px 3px 2px 2px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 34%, #d9e4e2) transparent;
}

.obs-axis-accordion__notice[b-02crhb1epv] {
    display: flex;
    min-height: 88px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #718587;
    text-align: start;
}

.obs-axis-accordion__notice > i[b-02crhb1epv] {
    color: var(--obs-primary);
    font-size: 1.1rem;
}

.obs-axis-accordion__notice strong[b-02crhb1epv],
.obs-axis-accordion__notice small[b-02crhb1epv] {
    display: block;
}

.obs-axis-accordion__notice strong[b-02crhb1epv] {
    color: #315356;
    font-size: .74rem;
    font-weight: 950;
}

.obs-axis-accordion__notice small[b-02crhb1epv] {
    margin-top: 3px;
    font-size: .64rem;
    font-weight: 700;
}

.obs-axis-accordion__empty[b-02crhb1epv] {
    min-height: 150px;
}

.obs-empty--source[b-02crhb1epv] {
    min-height: 185px;
    border: 1px dashed #cddcda;
    border-radius: 16px;
    background:
        radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--obs-primary) 7%, transparent), transparent 28%),
        #fafcfb;
}

.obs-field[b-02crhb1epv] {
    display: grid;
    align-content: start;
    gap: 7px;
}

.obs-field > span[b-02crhb1epv] {
    color: #375356;
    font-size: .8rem;
    font-weight: 850;
}

.obs-field b[b-02crhb1epv] {
    color: #bd3d51;
}

.obs-field .form-control[b-02crhb1epv],
.obs-field .form-select[b-02crhb1epv] {
    min-height: 48px;
    border: 1px solid #d7e3e1;
    border-radius: 11px;
    color: #17383b;
    background-color: #fbfdfc;
    font-size: .84rem;
    box-shadow: none;
}

.obs-field textarea.form-control[b-02crhb1epv] {
    min-height: 104px;
    resize: vertical;
}

.obs-field .form-control:focus[b-02crhb1epv],
.obs-field .form-select:focus[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #b8ceca);
    background: #fff;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 9%, transparent);
}

.obs-field--wide[b-02crhb1epv] {
    grid-column: 1 / -1;
}

.obs-switch-line[b-02crhb1epv] {
    display: flex;
    min-height: 74px;
    align-items: center;
    gap: 13px;
    margin-top: 17px;
    padding: 13px 15px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 19%, #dce7e5);
    border-radius: 14px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff);
    cursor: pointer;
}

.obs-switch-line > input[b-02crhb1epv] {
    position: absolute;
    opacity: 0;
}

.obs-switch-line__control[b-02crhb1epv] {
    position: relative;
    width: 43px;
    height: 24px;
    flex: 0 0 43px;
    border-radius: 999px;
    background: #ccd8d7;
}

.obs-switch-line__control[b-02crhb1epv]::after {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(19, 58, 61, .22);
    content: "";
    transition: transform .2s ease;
}

.obs-switch-line > input:checked + .obs-switch-line__control[b-02crhb1epv] {
    background: var(--obs-primary);
}

.obs-switch-line > input:checked + .obs-switch-line__control[b-02crhb1epv]::after {
    transform: translateX(-19px);
}

.obs-switch-line > input:focus-visible + .obs-switch-line__control[b-02crhb1epv] {
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 16%, transparent);
    outline-offset: 3px;
}

.obs-switch-line strong[b-02crhb1epv],
.obs-switch-line small[b-02crhb1epv] {
    display: block;
}

.obs-switch-line strong[b-02crhb1epv] {
    color: #244548;
    font-size: .79rem;
}

.obs-switch-line small[b-02crhb1epv] {
    margin-top: 4px;
    color: #748789;
    font-size: .69rem;
    line-height: 1.6;
}

.obs-builder-divider[b-02crhb1epv] {
    position: relative;
    height: 1px;
    margin: 30px 0;
    background: linear-gradient(90deg, transparent, #dce6e4 12%, #dce6e4 88%, transparent);
}

.obs-page-editor[b-02crhb1epv] {
    position: relative;
    padding: 18px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #dce7e5);
    border-radius: 18px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 2%, transparent) 1px, transparent 1px) 0 0 / 26px 26px,
        linear-gradient(145deg, #fbfdfc, #f4f8f7);
}

.obs-page-editor[b-02crhb1epv]::before {
    position: absolute;
    inset-block: 18px;
    inset-inline-start: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.obs-page-editor__add[b-02crhb1epv] {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 42%, #d8e4e2);
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .72rem;
    font-weight: 950;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--obs-primary) 16%, transparent);
}

.obs-page-editor__add:disabled[b-02crhb1epv] {
    cursor: not-allowed;
    opacity: .45;
}

.obs-page-editor__hint[b-02crhb1epv] {
    margin: -4px 0 14px;
    color: #6f8385;
    font-size: .72rem;
    line-height: 1.7;
}

.obs-page-editor__list[b-02crhb1epv] {
    display: grid;
    gap: 10px;
}

.obs-page-card[b-02crhb1epv] {
    display: grid;
    grid-template-columns: 70px minmax(150px, 1fr) minmax(150px, .9fr) minmax(180px, 1.2fr) auto;
    align-items: end;
    gap: 9px;
    padding: 12px;
    border: 1px solid #dde8e6;
    border-radius: 14px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 7px 18px rgba(18, 55, 58, .035);
}

.obs-page-card.is-default[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-secondary) 52%, #d7e4e1);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-secondary) 5%, #fff), #fff);
}

.obs-page-card__number[b-02crhb1epv] {
    display: grid;
    min-height: 48px;
    align-content: center;
    justify-items: center;
    gap: 3px;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-page-card__number span[b-02crhb1epv] {
    font-size: .78rem;
    font-weight: 950;
}

.obs-page-card__number small[b-02crhb1epv] {
    max-width: 62px;
    overflow: hidden;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .54rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .72;
}

.obs-page-card > label[b-02crhb1epv] {
    display: grid;
    gap: 5px;
}

.obs-page-card > label > span[b-02crhb1epv] {
    color: #647b7d;
    font-size: .62rem;
    font-weight: 900;
}

.obs-page-card .form-control[b-02crhb1epv] {
    min-height: 40px;
    border: 1px solid #dbe5e3;
    border-radius: 9px;
    color: #27494c;
    background: #fff;
    font-size: .7rem;
    box-shadow: none;
}

.obs-page-card .form-control:focus[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 52%, #cadbd8);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-page-card__actions[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.obs-page-card__actions button[b-02crhb1epv] {
    display: inline-flex;
    min-width: 39px;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding-inline: 10px;
    border: 1px solid #dbe5e3;
    border-radius: 9px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .66rem;
    font-weight: 900;
}

.obs-page-card__actions button.is-active[b-02crhb1epv] {
    color: #7b550d;
    border-color: #ead6a6;
    background: #fff9ea;
}

.obs-page-card__actions button.is-danger[b-02crhb1epv] {
    color: #a83d50;
    border-color: #eed2d8;
    background: #fff7f8;
}

.obs-page-card__actions button:disabled[b-02crhb1epv] {
    cursor: not-allowed;
    opacity: .35;
}

.obs-layout-editor[b-02crhb1epv] {
    min-width: 0;
    max-width: 100%;
    margin-top: 22px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 23%, #dce7e5);
    border-radius: 18px;
    background:
        radial-gradient(circle at 8% 0, color-mix(in srgb, var(--obs-secondary) 9%, transparent), transparent 28%),
        linear-gradient(145deg, #fbfdfc, #f5f9f8);
}

.obs-layout-workspace[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    gap: 13px;
}

.obs-live-preview[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    gap: 10px;
    padding: 13px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #dce7e5);
    border-radius: 16px;
    background:
        radial-gradient(circle at 92% 5%, color-mix(in srgb, var(--obs-secondary) 12%, transparent), transparent 31%),
        #f9fcfb;
}

.obs-live-preview > header[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
}

.obs-live-preview__icon[b-02crhb1epv] {
    display: grid;
    width: 37px;
    height: 37px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-live-preview > header > span:nth-child(2)[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-live-preview > header strong[b-02crhb1epv] {
    color: #244b4e;
    font-size: .82rem;
    font-weight: 950;
}

.obs-live-preview > header small[b-02crhb1epv] {
    color: #6e8385;
    font-size: .71rem;
    line-height: 1.45;
}

.obs-live-preview__live[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 999px;
    color: #16705a;
    background: #eaf8f3;
    font-size: .67rem;
    font-weight: 900;
}

.obs-live-preview__live i[b-02crhb1epv] {
    font-size: .45rem;
    animation: obs-live-preview-pulse-b-02crhb1epv 1.8s ease-in-out infinite;
}

@keyframes obs-live-preview-pulse-b-02crhb1epv {
    50% { opacity: .36; }
}

.obs-live-preview__pages[b-02crhb1epv] {
    display: flex;
    gap: 6px;
    padding-bottom: 2px;
    overflow-x: auto;
}

.obs-live-preview__pages button[b-02crhb1epv] {
    min-height: 31px;
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid #dce7e5;
    border-radius: 8px;
    color: #60787a;
    background: #fff;
    font-size: .67rem;
    font-weight: 850;
}

.obs-live-preview__pages button.is-active[b-02crhb1epv] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
}

.obs-live-preview__canvas[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    border: 1px dashed #d6e3e1;
    border-radius: 12px;
    background: #eef4f3;
}

.obs-live-preview__item[b-02crhb1epv] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 122px;
    align-content: start;
    gap: 8px;
    padding: 9px;
    border: 1px solid #dde8e6;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 5px 14px rgba(18, 55, 58, .04);
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    transition: transform .18s ease, opacity .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.obs-live-preview__item:focus-visible[b-02crhb1epv] {
    border-color: var(--obs-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 14%, transparent);
    outline: none;
}

.obs-live-preview__drag-handle[b-02crhb1epv] {
    position: absolute;
    top: 8px;
    inset-inline-end: 8px;
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 1px solid #dce6e4;
    border-radius: 8px;
    color: #789092;
    background: rgba(255, 255, 255, .92);
    font-size: .68rem;
}

.obs-live-preview__item.is-hold-pending[b-02crhb1epv]::after {
    position: absolute;
    right: 8px;
    bottom: 5px;
    left: 8px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--obs-secondary), var(--obs-primary));
    content: "";
    transform-origin: right center;
    animation: obs-preview-hold-progress-b-02crhb1epv 1s linear both;
}

@keyframes obs-preview-hold-progress-b-02crhb1epv {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.obs-live-preview__item.is-dragging[b-02crhb1epv] {
    z-index: 3;
    border-color: var(--obs-secondary);
    cursor: grabbing;
    opacity: .58;
    box-shadow: 0 15px 30px rgba(18, 55, 58, .16);
    transform: scale(.98);
}

.obs-live-preview__item.is-drop-target[b-02crhb1epv] {
    border-color: var(--obs-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 14%, transparent);
    transform: translateY(-3px);
}

.obs-live-preview__canvas.is-sorting[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-secondary) 70%, #d6e3e1);
    background: color-mix(in srgb, var(--obs-secondary) 7%, #eef4f3);
}

.obs-live-preview__drag-ghost[b-02crhb1epv] {
    position: fixed !important;
    z-index: 9999;
    margin: 0 !important;
    pointer-events: none;
    opacity: .94;
    box-shadow: 0 22px 48px rgba(18, 55, 58, .24) !important;
    transform: rotate(-1deg) scale(1.02);
}

.obs-live-preview__item.is-wide[b-02crhb1epv] {
    grid-column: 1 / -1;
}

.obs-live-preview__item.is-tall[b-02crhb1epv] {
    min-height: 150px;
}

.obs-live-preview__item-head[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding-inline-end: 31px;
}

.obs-live-preview__item-head > span:first-child[b-02crhb1epv] {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border-radius: 8px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: .72rem;
}

.obs-live-preview__item-head > span:last-child[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.obs-live-preview__item-head strong[b-02crhb1epv],
.obs-live-preview__item-head small[b-02crhb1epv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-live-preview__item-head strong[b-02crhb1epv] {
    color: #36585b;
    font-size: .68rem;
    font-weight: 950;
}

.obs-live-preview__item-head small[b-02crhb1epv] {
    color: #809193;
    font-size: .6rem;
}

.obs-live-preview__miniature[b-02crhb1epv] {
    position: relative;
    height: 54px;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(180deg, #f4f8f7, #fff);
}

.obs-live-preview__miniature i[b-02crhb1epv] {
    position: absolute;
    bottom: 7px;
    width: 12%;
    border-radius: 4px 4px 2px 2px;
    background: color-mix(in srgb, var(--obs-primary) 68%, var(--obs-secondary));
}

.obs-live-preview__miniature i:nth-child(1)[b-02crhb1epv] { right: 12%; height: 28%; }
.obs-live-preview__miniature i:nth-child(2)[b-02crhb1epv] { right: 34%; height: 62%; }
.obs-live-preview__miniature i:nth-child(3)[b-02crhb1epv] { right: 56%; height: 43%; }
.obs-live-preview__miniature i:nth-child(4)[b-02crhb1epv] { right: 78%; height: 76%; }

.obs-live-preview__miniature.is-line i[b-02crhb1epv] {
    bottom: auto;
    width: 25%;
    height: 3px;
    border-radius: 999px;
    transform-origin: right center;
}

.obs-live-preview__miniature.is-line i:nth-child(1)[b-02crhb1epv] { top: 34px; right: 7%; transform: rotate(-22deg); }
.obs-live-preview__miniature.is-line i:nth-child(2)[b-02crhb1epv] { top: 25px; right: 29%; transform: rotate(16deg); }
.obs-live-preview__miniature.is-line i:nth-child(3)[b-02crhb1epv] { top: 29px; right: 51%; transform: rotate(-30deg); }
.obs-live-preview__miniature.is-line i:nth-child(4)[b-02crhb1epv] { top: 18px; right: 73%; transform: rotate(12deg); }

.obs-live-preview__miniature.is-circle[b-02crhb1epv]::before {
    position: absolute;
    top: 8px;
    right: calc(50% - 19px);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: conic-gradient(var(--obs-primary) 0 42%, var(--obs-secondary) 42% 70%, #dce8e6 70%);
    content: "";
}

.obs-live-preview__miniature.is-circle[b-02crhb1epv]::after {
    position: absolute;
    top: 19px;
    right: calc(50% - 8px);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    content: "";
}

.obs-live-preview__miniature.is-circle i[b-02crhb1epv],
.obs-live-preview__miniature.is-number i[b-02crhb1epv],
.obs-live-preview__miniature.is-table i[b-02crhb1epv],
.obs-live-preview__miniature.is-filter i[b-02crhb1epv],
.obs-live-preview__miniature.is-map i[b-02crhb1epv] {
    display: none;
}

.obs-live-preview__miniature.is-number b[b-02crhb1epv] {
    display: grid;
    height: 100%;
    place-items: center;
    color: var(--obs-primary);
    font-size: 1.38rem;
    font-weight: 950;
}

.obs-live-preview__miniature.is-table[b-02crhb1epv] {
    background:
        repeating-linear-gradient(0deg, transparent 0 12px, #dce8e6 12px 13px),
        repeating-linear-gradient(90deg, #f7faf9 0 24%, #dce8e6 24% 25%);
}

.obs-live-preview__miniature.is-map[b-02crhb1epv],
.obs-live-preview__miniature.is-filter[b-02crhb1epv] {
    background:
        radial-gradient(circle at 28% 60%, var(--obs-secondary) 0 5px, transparent 6px),
        radial-gradient(circle at 58% 32%, var(--obs-primary) 0 6px, transparent 7px),
        radial-gradient(circle at 74% 68%, color-mix(in srgb, var(--obs-primary) 55%, #fff) 0 8px, transparent 9px),
        #f1f7f5;
}

.obs-live-preview__series-count[b-02crhb1epv] {
    position: absolute;
    left: 7px;
    bottom: 7px;
    padding: 3px 6px;
    border-radius: 999px;
    color: #527073;
    background: rgba(255, 255, 255, .9);
    font-size: .55rem;
    font-weight: 850;
}

.obs-live-preview > p[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    color: #6b8082;
    font-size: .68rem;
    line-height: 1.55;
}

@media (min-width: 1650px) {
    .obs-builder-layout.is-index-collapsed .obs-layout-workspace[b-02crhb1epv] {
        grid-template-columns: minmax(0, 1fr) 310px;
        align-items: start;
    }

    .obs-builder-layout.is-index-collapsed .obs-live-preview[b-02crhb1epv] {
        position: sticky;
        top: 12px;
    }

    .obs-builder-layout.is-index-collapsed .obs-live-preview__canvas[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-builder-layout.is-index-collapsed .obs-live-preview__item.is-wide[b-02crhb1epv] {
        grid-column: auto;
    }
}

.obs-layout-editor__hint[b-02crhb1epv] {
    margin: -4px 0 14px;
    color: #708486;
    font-size: .72rem;
    line-height: 1.7;
}

.obs-layout-field-guide[b-02crhb1epv] {
    margin: 0 0 14px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 34%, #dce7e5);
    border-radius: 12px;
    background: color-mix(in srgb, var(--obs-secondary) 5%, #fff);
}

.obs-layout-field-guide > summary[b-02crhb1epv] {
    display: grid;
    min-height: 48px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    color: #365b5e;
    cursor: pointer;
    list-style: none;
}

.obs-layout-field-guide > summary[b-02crhb1epv]::-webkit-details-marker {
    display: none;
}

.obs-layout-field-guide > summary > i:first-child[b-02crhb1epv] {
    color: #c17b0a;
}

.obs-layout-field-guide > summary > span[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-layout-field-guide > summary strong[b-02crhb1epv] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-layout-field-guide > summary small[b-02crhb1epv] {
    color: #75898b;
    font-size: .7rem;
}

.obs-layout-field-guide > summary > i:last-child[b-02crhb1epv] {
    color: #7c8f91;
    transition: transform .18s ease;
}

.obs-layout-field-guide[open] > summary > i:last-child[b-02crhb1epv] {
    transform: rotate(180deg);
}

.obs-layout-field-guide dl[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0 12px 12px;
}

.obs-layout-field-guide dl > div[b-02crhb1epv] {
    padding: 9px 10px;
    border: 1px solid #e4ebe9;
    border-radius: 9px;
    background: #fff;
}

.obs-layout-field-guide dt[b-02crhb1epv] {
    color: #2b5558;
    font-size: .74rem;
    font-weight: 950;
}

.obs-layout-field-guide dd[b-02crhb1epv] {
    margin: 3px 0 0;
    color: #6d8284;
    font-size: .69rem;
    line-height: 1.65;
}

.obs-layout-editor__list[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    gap: 9px;
}

.obs-layout-row[b-02crhb1epv] {
    position: relative;
    display: grid;
    min-width: 0;
    max-width: 100%;
    grid-template-columns: repeat(3, minmax(150px, .8fr)) minmax(280px, 1.4fr);
    align-items: end;
    gap: 9px;
    padding: 11px;
    border: 1px solid #dfe8e6;
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 7px 18px rgba(18, 55, 58, .035);
    transition: opacity .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.obs-layout-row.is-series-control-hidden[b-02crhb1epv] {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.obs-layout-row:has(.obs-layout-row__banner-picker[open])[b-02crhb1epv],
.obs-layout-row:has(.obs-series-picker[open])[b-02crhb1epv] {
    z-index: 40;
    border-color: color-mix(in srgb, var(--obs-primary) 28%, #dfe8e6);
    box-shadow: 0 18px 38px rgba(18, 55, 58, .12);
}

.obs-layout-row__banner[b-02crhb1epv] {
    --banner-accent: #287a78;
    --banner-soft: #e9f5f3;
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 58px;
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr) minmax(230px, auto);
    align-items: center;
    gap: 11px;
    margin: -5px -5px 2px;
    padding: 7px 9px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 24%, #dfe8e6);
    border-radius: 12px;
    background:
        linear-gradient(105deg, color-mix(in srgb, var(--banner-soft) 72%, #fff), #fff 70%);
    box-shadow: inset -4px 0 0 var(--banner-accent);
}

.obs-layout-row__banner-actions[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(230px, 1fr);
    align-items: stretch;
    gap: 7px;
}

.obs-widget-card-preview-trigger[b-02crhb1epv] {
    display: inline-flex;
    min-width: 128px;
    min-height: 44px;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 28%, #d8e5e2);
    border-radius: 12px;
    color: var(--banner-accent);
    background: rgba(255, 255, 255, .78);
    font-family: inherit;
    text-align: start;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-widget-card-preview-trigger > i[b-02crhb1epv] {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 9px;
    color: #fff;
    background: var(--banner-accent);
    font-size: .72rem;
}

.obs-widget-card-preview-trigger span[b-02crhb1epv],
.obs-widget-card-preview-trigger strong[b-02crhb1epv],
.obs-widget-card-preview-trigger small[b-02crhb1epv] {
    display: block;
}

.obs-widget-card-preview-trigger strong[b-02crhb1epv] {
    color: #24484b;
    font-size: .68rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-widget-card-preview-trigger small[b-02crhb1epv] {
    margin-top: 2px;
    color: #7b8f91;
    font-size: .56rem;
    font-weight: 750;
    white-space: nowrap;
}

.obs-widget-card-preview-trigger:hover[b-02crhb1epv],
.obs-widget-card-preview-trigger:focus-visible[b-02crhb1epv] {
    border-color: var(--banner-accent);
    outline: none;
    box-shadow: 0 7px 16px color-mix(in srgb, var(--banner-accent) 13%, transparent);
    transform: translateY(-1px);
}

.obs-layout-row__banner.is-trend[b-02crhb1epv] {
    --banner-accent: #197f77;
    --banner-soft: #e1f5f0;
}

.obs-layout-row__banner.is-comparison[b-02crhb1epv] {
    --banner-accent: #2f6eb0;
    --banner-soft: #e8f1fb;
}

.obs-layout-row__banner.is-share[b-02crhb1epv] {
    --banner-accent: #8a63b2;
    --banner-soft: #f1eafa;
}

.obs-layout-row__banner.is-summary[b-02crhb1epv] {
    --banner-accent: #b87920;
    --banner-soft: #fff2dc;
}

.obs-layout-row__banner.is-table[b-02crhb1epv] {
    --banner-accent: #596b7d;
    --banner-soft: #edf1f4;
}

.obs-layout-row__banner.is-map[b-02crhb1epv] {
    --banner-accent: #2d8a5d;
    --banner-soft: #e6f6ed;
}

.obs-layout-row__banner.is-analysis[b-02crhb1epv] {
    --banner-accent: #5668a7;
    --banner-soft: #eceffa;
}

.obs-layout-row__type-guide.is-trend[b-02crhb1epv],
.obs-visual-choice.is-trend[b-02crhb1epv] {
    --banner-accent: #197f77;
    --banner-soft: #e1f5f0;
}

.obs-layout-row__type-guide.is-comparison[b-02crhb1epv],
.obs-visual-choice.is-comparison[b-02crhb1epv] {
    --banner-accent: #2f6eb0;
    --banner-soft: #e8f1fb;
}

.obs-layout-row__type-guide.is-share[b-02crhb1epv],
.obs-visual-choice.is-share[b-02crhb1epv] {
    --banner-accent: #8a63b2;
    --banner-soft: #f1eafa;
}

.obs-layout-row__type-guide.is-summary[b-02crhb1epv],
.obs-visual-choice.is-summary[b-02crhb1epv] {
    --banner-accent: #b87920;
    --banner-soft: #fff2dc;
}

.obs-layout-row__type-guide.is-table[b-02crhb1epv],
.obs-visual-choice.is-table[b-02crhb1epv] {
    --banner-accent: #596b7d;
    --banner-soft: #edf1f4;
}

.obs-layout-row__type-guide.is-map[b-02crhb1epv],
.obs-visual-choice.is-map[b-02crhb1epv] {
    --banner-accent: #2d8a5d;
    --banner-soft: #e6f6ed;
}

.obs-layout-row__type-guide.is-analysis[b-02crhb1epv],
.obs-visual-choice.is-analysis[b-02crhb1epv] {
    --banner-accent: #5668a7;
    --banner-soft: #eceffa;
}

.obs-layout-row > *[b-02crhb1epv],
.obs-layout-row > label[b-02crhb1epv] {
    min-width: 0;
    max-width: 100%;
}

.obs-layout-row > label .form-select[b-02crhb1epv],
.obs-layout-row > label .form-control[b-02crhb1epv] {
    width: 100%;
    max-width: 100%;
}

.obs-source-binding-grid[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.obs-source-binding-grid .obs-field[b-02crhb1epv] {
    min-width: 0;
}

.obs-source-relations[b-02crhb1epv] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding: 17px;
    border: 1px solid #d8e5e3;
    border-radius: 18px;
    background: linear-gradient(145deg, #f8fcfb, #fff);
}

.obs-source-relations h3[b-02crhb1epv] {
    margin: 3px 0 4px;
    color: #173e41;
    font-size: 1rem;
    font-weight: 950;
}

.obs-source-relations p[b-02crhb1epv] {
    margin: 0;
    color: #6d8284;
    font-size: .73rem;
}

.obs-source-relation[b-02crhb1epv] {
    display: grid;
    grid-template-columns: minmax(145px, .8fr) repeat(2, minmax(150px, 1fr));
    align-items: end;
    gap: 10px;
    padding: 13px;
    border: 1px solid #e0eae8;
    border-radius: 14px;
    background: #fff;
}

.obs-source-relation > strong[b-02crhb1epv] {
    align-self: center;
    color: #244a4d;
    font-size: .8rem;
}

.obs-source-relation > label[b-02crhb1epv] {
    display: grid;
    gap: 5px;
}

.obs-source-relation > label > span[b-02crhb1epv] {
    color: #637a7c;
    font-size: .68rem;
    font-weight: 900;
}

.obs-source-relation__result[b-02crhb1epv],
.obs-source-relation__preview[b-02crhb1epv] {
    grid-column: 1 / -1;
}

.obs-source-relation__result[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 11px;
}

.obs-source-relation__result.is-safe[b-02crhb1epv] {
    color: #0d6955;
    background: #eefaf7;
}

.obs-source-relation__result.is-risk[b-02crhb1epv] {
    color: #9b6217;
    background: #fff8ed;
}

.obs-source-relation__result span[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-source-relation__result strong[b-02crhb1epv] {
    font-size: .74rem;
}

.obs-source-relation__result small[b-02crhb1epv] {
    font-size: .66rem;
}

.obs-source-relation__preview[b-02crhb1epv] {
    min-height: 40px;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 40%, #d8e5e3);
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
    font-size: .72rem;
    font-weight: 900;
}

.obs-visual-picker[b-02crhb1epv] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d8e5e2;
    border-radius: 12px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.obs-visual-picker[open][b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 36%, #d8e5e2);
    box-shadow: 0 10px 26px rgba(18, 55, 58, .08);
}

.obs-visual-picker > summary[b-02crhb1epv] {
    display: grid;
    min-height: 58px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 7px 10px;
    cursor: pointer;
    list-style: none;
    transition: background-color .18s ease;
}

.obs-visual-picker > summary[b-02crhb1epv]::-webkit-details-marker {
    display: none;
}

.obs-visual-picker > summary:hover[b-02crhb1epv] {
    background: color-mix(in srgb, var(--obs-primary) 3.5%, #fff);
}

.obs-visual-picker > summary:focus-visible[b-02crhb1epv] {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 32%, transparent);
    outline-offset: -3px;
}

.obs-visual-picker__selected-icon[b-02crhb1epv],
.obs-visual-picker__option-icon[b-02crhb1epv] {
    display: grid;
    place-items: center;
    color: var(--obs-primary);
    background:
        radial-gradient(circle at 25% 20%, rgba(255, 255, 255, .95), transparent 42%),
        color-mix(in srgb, var(--obs-secondary) 13%, #f3f8f7);
}

.obs-visual-picker__selected-icon[b-02crhb1epv] {
    width: 42px;
    height: 42px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 24%, #dce9e6);
    border-radius: 11px;
    font-size: 1.05rem;
}

.obs-visual-picker__selected-copy[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-visual-picker__selected-copy small[b-02crhb1epv] {
    color: #75898b;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1.45;
}

.obs-visual-picker__selected-copy strong[b-02crhb1epv] {
    overflow: hidden;
    color: #21474a;
    font-size: .87rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-visual-picker__change[b-02crhb1epv] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border-radius: 9px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: .73rem;
    font-weight: 900;
}

.obs-visual-picker[open] .obs-visual-picker__change[b-02crhb1epv] {
    color: #fff;
    background: var(--obs-primary);
}

.obs-visual-picker__panel[b-02crhb1epv] {
    display: grid;
    gap: 13px;
    padding: 14px;
    border-top: 1px solid #e2ebe9;
    background: linear-gradient(180deg, #f8fbfa, #fff 110px);
}

.obs-layout-row__banner-picker[b-02crhb1epv] {
    position: static;
    min-width: 230px;
    overflow: visible;
    border-color: color-mix(in srgb, var(--banner-accent) 28%, #d8e5e2);
    background: rgba(255, 255, 255, .74);
}

.obs-layout-row__banner-picker > summary[b-02crhb1epv] {
    min-height: 44px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    padding: 4px 7px;
}

.obs-layout-row__banner-picker .obs-visual-picker__selected-icon[b-02crhb1epv] {
    width: 34px;
    height: 34px;
    border-color: color-mix(in srgb, var(--banner-accent) 25%, #dce9e6);
    color: var(--banner-accent);
    font-size: .88rem;
}

.obs-layout-row__banner-picker .obs-visual-picker__selected-copy small[b-02crhb1epv] {
    color: #74898b;
    font-size: .61rem;
}

.obs-layout-row__banner-picker .obs-visual-picker__selected-copy strong[b-02crhb1epv] {
    color: #21474a;
    font-size: .78rem;
}

.obs-layout-row__banner-picker .obs-visual-picker__change[b-02crhb1epv] {
    min-height: 30px;
    padding-inline: 8px;
    color: var(--banner-accent);
    background: color-mix(in srgb, var(--banner-accent) 8%, #fff);
    font-size: .67rem;
}

.obs-layout-row__banner-picker[open] .obs-visual-picker__change[b-02crhb1epv] {
    background: var(--banner-accent);
}

.obs-layout-row__banner-picker > .obs-visual-picker__panel[b-02crhb1epv] {
    position: absolute;
    z-index: 80;
    inset-inline: 10px;
    top: calc(100% + 7px);
    max-height: min(620px, 75vh);
    overflow-y: auto;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 30%, #d8e5e2);
    border-radius: 14px;
    box-shadow: 0 24px 54px rgba(16, 54, 58, .2);
}

.obs-visual-picker__panel > header[b-02crhb1epv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.obs-visual-picker__panel > header div[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-visual-picker__panel > header strong[b-02crhb1epv] {
    color: #21474a;
    font-size: .84rem;
    font-weight: 950;
}

.obs-visual-picker__panel > header small[b-02crhb1epv] {
    color: #6c8183;
    font-size: .71rem;
    line-height: 1.55;
}

.obs-visual-picker__panel > header > span[b-02crhb1epv] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    color: #557174;
    background: #eef4f3;
    font-size: .67rem;
    font-weight: 900;
}

.obs-visual-picker__category[b-02crhb1epv] {
    display: grid;
    gap: 6px;
}

.obs-visual-picker__category h3[b-02crhb1epv] {
    margin: 0;
    color: #60787a;
    font-size: .7rem;
    font-weight: 950;
}

.obs-visual-picker__grid[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.obs-visual-picker__option[b-02crhb1epv] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 68px;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid #dfe9e7;
    border-radius: 10px;
    color: #294d50;
    background: #fff;
    font-family: inherit;
    text-align: right;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.obs-visual-picker__option:hover:not(:disabled)[b-02crhb1epv] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--obs-primary) 34%, #dfe9e7);
    box-shadow: 0 7px 16px rgba(18, 55, 58, .07);
}

.obs-visual-picker__option:focus-visible[b-02crhb1epv] {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 34%, transparent);
    outline-offset: 1px;
}

.obs-visual-picker__option.is-selected[b-02crhb1epv] {
    border-color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    box-shadow: inset 0 0 0 1px var(--obs-primary);
}

.obs-visual-picker__option.is-recommended:not(.is-selected)[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-secondary) 44%, #dfe9e7);
    background: color-mix(in srgb, var(--obs-secondary) 4%, #fff);
}

.obs-visual-picker__option:disabled[b-02crhb1epv] {
    cursor: not-allowed;
    filter: grayscale(.35);
    opacity: .48;
}

.obs-visual-picker__option-icon[b-02crhb1epv] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    font-size: .92rem;
}

.obs-visual-picker__option-copy[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-visual-picker__option-copy strong[b-02crhb1epv] {
    overflow: hidden;
    font-size: .75rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-visual-picker__option-copy small[b-02crhb1epv] {
    display: -webkit-box;
    overflow: hidden;
    color: #718587;
    font-size: .65rem;
    font-weight: 750;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.obs-visual-picker__option.is-recommended .obs-visual-picker__option-copy small[b-02crhb1epv] {
    color: #16806b;
}

.obs-visual-picker__selected-mark[b-02crhb1epv] {
    position: absolute;
    top: 5px;
    left: 5px;
    color: var(--obs-primary);
    font-size: .72rem;
}

/* The visualization chooser is a single viewport dialog. Keeping it outside
   every widget card prevents clipping and makes all examples equally legible. */
.obs-visual-picker-trigger[b-02crhb1epv] {
    display: grid;
    min-width: 230px;
    min-height: 44px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 4px 7px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 28%, #d8e5e2);
    border-radius: 12px;
    color: inherit;
    background: rgba(255, 255, 255, .76);
    font-family: inherit;
    text-align: start;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-visual-picker-trigger:hover[b-02crhb1epv] {
    transform: translateY(-1px);
    border-color: var(--banner-accent);
    box-shadow: 0 7px 16px color-mix(in srgb, var(--banner-accent) 12%, transparent);
}

.obs-visual-picker-trigger:focus-visible[b-02crhb1epv] {
    outline: 3px solid color-mix(in srgb, var(--banner-accent) 28%, transparent);
    outline-offset: 2px;
}

.obs-visual-picker-trigger .obs-visual-picker__selected-icon[b-02crhb1epv] {
    width: 34px;
    height: 34px;
    border-color: color-mix(in srgb, var(--banner-accent) 25%, #dce9e6);
    color: var(--banner-accent);
    font-size: .88rem;
}

.obs-visual-picker-trigger .obs-visual-picker__selected-copy small[b-02crhb1epv] {
    font-size: .72rem;
}

.obs-visual-picker-trigger .obs-visual-picker__selected-copy strong[b-02crhb1epv] {
    color: #21474a;
    font-size: .86rem;
}

.obs-visual-picker-trigger .obs-visual-picker__change[b-02crhb1epv] {
    min-height: 30px;
    padding-inline: 8px;
    color: var(--banner-accent);
    background: color-mix(in srgb, var(--banner-accent) 8%, #fff);
    font-size: .75rem;
}

.obs-layout-row__type-guide[b-02crhb1epv] {
    --banner-accent: #5668a7;
    --banner-soft: #eceffa;
    display: grid;
    min-width: 0;
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(190px, .8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 18%, #dfe8e6);
    border-radius: 11px;
    color: #35585b;
    background: color-mix(in srgb, var(--banner-soft) 58%, #fff);
}

.obs-layout-row__type-guide > span[b-02crhb1epv] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: var(--banner-accent);
}

.obs-layout-row__type-guide > div[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-layout-row__type-guide strong[b-02crhb1epv] {
    color: #23494c;
    font-size: .84rem;
    font-weight: 950;
}

.obs-layout-row__type-guide small[b-02crhb1epv] {
    color: #6d8183;
    font-size: .74rem;
    line-height: 1.55;
}

.obs-layout-row__type-guide ul[b-02crhb1epv] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-layout-row__type-guide li[b-02crhb1epv] {
    padding: 4px 7px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 18%, #e0e9e7);
    border-radius: 999px;
    color: color-mix(in srgb, var(--banner-accent) 74%, #273f42);
    background: rgba(255, 255, 255, .76);
    font-size: .74rem;
    font-weight: 850;
    white-space: nowrap;
}

.obs-layout-row__automatic-setting[b-02crhb1epv] {
    display: grid;
    min-height: 56px;
    align-content: center;
    gap: 2px;
    padding: 8px 10px;
    border: 1px dashed #d5e2df;
    border-radius: 10px;
    background: #fff;
}

.obs-layout-row__automatic-setting > span[b-02crhb1epv] {
    color: #667c7e;
    font-size: .72rem;
    font-weight: 900;
}

.obs-layout-row__automatic-setting strong[b-02crhb1epv] {
    color: #244c4f;
    font-size: .84rem;
}

.obs-layout-row__automatic-setting small[b-02crhb1epv],
.obs-layout-row__settings label > small[b-02crhb1epv],
.obs-layout-row__toggle span small[b-02crhb1epv] {
    display: block;
    margin-top: 2px;
    color: #7a8d8f;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.45;
}

.obs-widget-card-preview-backdrop[b-02crhb1epv] {
    position: fixed;
    z-index: 10090;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow: hidden;
    background: rgba(8, 31, 34, .68);
    backdrop-filter: blur(6px);
}

.obs-widget-card-preview-dialog[b-02crhb1epv] {
    display: grid;
    width: min(1040px, 96vw);
    max-height: min(860px, 92vh);
    max-height: min(860px, 92dvh);
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 24px;
    color: #294c4f;
    background: #f7faf9;
    box-shadow: 0 34px 100px rgba(4, 26, 29, .4);
}

.obs-widget-card-preview-dialog > header[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 17px 19px;
    color: #fff;
    background:
        radial-gradient(circle at 8% 10%, rgba(255, 255, 255, .17), transparent 30%),
        linear-gradient(115deg, #174d55, #247d70);
}

.obs-widget-card-preview-dialog > header > span[b-02crhb1epv] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 14px;
    background: rgba(255, 255, 255, .12);
}

.obs-widget-card-preview-dialog > header small[b-02crhb1epv],
.obs-widget-card-preview-dialog > header h2[b-02crhb1epv],
.obs-widget-card-preview-dialog > header p[b-02crhb1epv] {
    margin: 0;
}

.obs-widget-card-preview-dialog > header small[b-02crhb1epv] {
    color: rgba(255, 255, 255, .72);
    font-size: .65rem;
    font-weight: 850;
}

.obs-widget-card-preview-dialog > header h2[b-02crhb1epv] {
    margin-top: 2px;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 950;
}

.obs-widget-card-preview-dialog > header p[b-02crhb1epv] {
    margin-top: 3px;
    color: rgba(255, 255, 255, .78);
    font-size: .72rem;
    line-height: 1.55;
}

.obs-widget-card-preview-dialog > header > button[b-02crhb1epv] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 11px;
    color: #fff;
    background: rgba(255, 255, 255, .1);
}

.obs-widget-card-preview-dialog > header > button:hover[b-02crhb1epv],
.obs-widget-card-preview-dialog > header > button:focus-visible[b-02crhb1epv] {
    background: rgba(255, 255, 255, .2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .14);
}

.obs-widget-card-preview-dialog__body[b-02crhb1epv] {
    display: grid;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) 245px;
    gap: 17px;
    padding: 18px;
    overflow-y: auto;
}

.obs-widget-card-preview-dialog__stage[b-02crhb1epv] {
    display: grid;
    min-height: 350px;
    place-items: center;
    padding: clamp(14px, 3vw, 30px);
    border: 1px solid #dce7e5;
    border-radius: 18px;
    background:
        linear-gradient(90deg, rgba(31, 104, 99, .035) 1px, transparent 1px) 0 0 / 24px 24px,
        linear-gradient(rgba(31, 104, 99, .035) 1px, transparent 1px) 0 0 / 24px 24px,
        #eef4f2;
}

.obs-widget-card-preview[b-02crhb1epv] {
    --card-accent: #287a78;
    display: grid;
    width: min(100%, 720px);
    min-height: var(--widget-card-preview-height, 286px);
    grid-template-rows: auto minmax(145px, 1fr) auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--card-accent) 25%, #d8e4e2);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 52px rgba(14, 49, 52, .15);
}

.obs-widget-card-preview.is-half[b-02crhb1epv] {
    width: min(68%, 520px);
}

.obs-widget-card-preview.is-trend[b-02crhb1epv] { --card-accent: #197f77; }
.obs-widget-card-preview.is-comparison[b-02crhb1epv] { --card-accent: #2f6eb0; }
.obs-widget-card-preview.is-share[b-02crhb1epv] { --card-accent: #8a63b2; }
.obs-widget-card-preview.is-summary[b-02crhb1epv] { --card-accent: #b87920; }
.obs-widget-card-preview.is-table[b-02crhb1epv] { --card-accent: #596b7d; }
.obs-widget-card-preview.is-map[b-02crhb1epv] { --card-accent: #2d8a5d; }
.obs-widget-card-preview.is-analysis[b-02crhb1epv] { --card-accent: #5668a7; }

.obs-widget-card-preview > header[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 13px 14px;
    border-bottom: 1px solid #e1eae8;
}

.obs-widget-card-preview > header > span[b-02crhb1epv] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--card-accent);
}

.obs-widget-card-preview > header strong[b-02crhb1epv],
.obs-widget-card-preview > header small[b-02crhb1epv] {
    display: block;
}

.obs-widget-card-preview > header strong[b-02crhb1epv] {
    color: #203f42;
    font-size: .82rem;
    font-weight: 950;
}

.obs-widget-card-preview > header small[b-02crhb1epv] {
    margin-top: 3px;
    color: #748789;
    font-size: .64rem;
    font-weight: 750;
}

.obs-widget-card-preview > header > i[b-02crhb1epv] {
    color: #91a1a2;
}

.obs-widget-card-preview__visual[b-02crhb1epv] {
    display: grid;
    min-height: 0;
    place-items: stretch;
    padding: 14px;
}

.obs-widget-card-preview__visual[b-02crhb1epv]  .obs-viz-sample {
    width: 100%;
    min-height: 155px;
    height: 100%;
}

.obs-widget-card-preview > footer[b-02crhb1epv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 9px 13px;
    border-top: 1px solid #e4ecea;
    background: #fafcfb;
}

.obs-widget-card-preview > footer span[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #627a7c;
    font-size: .61rem;
    font-weight: 850;
}

.obs-widget-card-preview > footer i[b-02crhb1epv] {
    color: var(--card-accent);
}

.obs-widget-card-preview-dialog__body > aside[b-02crhb1epv] {
    align-self: start;
    padding: 15px;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #fff;
}

.obs-widget-card-preview-dialog__body > aside > strong[b-02crhb1epv] {
    color: #24494c;
    font-size: .78rem;
    font-weight: 950;
}

.obs-widget-card-preview-dialog__body > aside ul[b-02crhb1epv] {
    display: grid;
    gap: 8px;
    margin: 12px 0;
    padding-inline-start: 18px;
    color: #647b7d;
    font-size: .69rem;
    font-weight: 750;
    line-height: 1.55;
}

.obs-widget-card-preview-dialog__body > aside small[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding-top: 10px;
    border-top: 1px solid #e6edec;
    color: #748789;
    font-size: .65rem;
    line-height: 1.55;
}

.obs-widget-card-preview-dialog__body > aside small i[b-02crhb1epv] {
    margin-top: 3px;
    color: var(--obs-primary);
}

.obs-widget-card-preview-dialog > footer[b-02crhb1epv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 18px;
    border-top: 1px solid #dce7e5;
    background: #fff;
}

.obs-widget-card-preview-dialog > footer > span[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #647b7d;
    font-size: .68rem;
    font-weight: 800;
}

.obs-widget-card-preview-dialog > footer > span i[b-02crhb1epv] {
    color: #b87920;
}

.obs-widget-card-preview-dialog > footer button[b-02crhb1epv] {
    min-height: 38px;
    padding: 7px 14px;
    border: 1px solid var(--obs-primary);
    border-radius: 10px;
    color: #fff;
    background: var(--obs-primary);
    font-family: inherit;
    font-size: .72rem;
    font-weight: 900;
}

.obs-widget-card-preview-dialog > footer button:hover[b-02crhb1epv],
.obs-widget-card-preview-dialog > footer button:focus-visible[b-02crhb1epv] {
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 18%, transparent);
    outline-offset: 2px;
}

.obs-visual-dialog-backdrop[b-02crhb1epv] {
    position: fixed;
    z-index: 10080;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow: hidden;
    background: rgba(10, 35, 38, .65);
    backdrop-filter: blur(5px);
}

.obs-visual-dialog[b-02crhb1epv] {
    --dialog-accent: #187f73;
    display: grid;
    width: min(1240px, 96vw);
    max-height: min(920px, 92vh);
    max-height: min(920px, 92dvh);
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 24px;
    color: #254a4d;
    background: #f8fbfa;
    box-shadow: 0 32px 90px rgba(6, 30, 33, .34);
}

.obs-visual-dialog__header[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    color: #fff;
    background:
        radial-gradient(circle at 8% 10%, rgba(255, 255, 255, .18), transparent 30%),
        linear-gradient(115deg, #174d55, #247d70);
}

.obs-visual-dialog__header-icon[b-02crhb1epv] {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 15px;
    background: rgba(255, 255, 255, .12);
    font-size: 1.2rem;
}

.obs-visual-dialog__header > div[b-02crhb1epv] {
    display: grid;
    gap: 3px;
}

.obs-visual-dialog__header .obs-builder-kicker[b-02crhb1epv],
.obs-visual-dialog__header p[b-02crhb1epv] {
    color: rgba(255, 255, 255, .78);
}

.obs-visual-dialog__header h2[b-02crhb1epv] {
    margin: 0;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 950;
}

.obs-visual-dialog__header p[b-02crhb1epv] {
    max-width: 820px;
    margin: 0;
    font-size: .82rem;
    line-height: 1.6;
}

.obs-visual-dialog__header > button[b-02crhb1epv] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    cursor: pointer;
}

.obs-visual-dialog__header > button:hover[b-02crhb1epv],
.obs-visual-dialog__header > button:focus-visible[b-02crhb1epv] {
    outline: none;
    background: rgba(255, 255, 255, .22);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .16);
}

.obs-visual-dialog__context[b-02crhb1epv] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 10px 20px;
    border-bottom: 1px solid #dfe9e7;
    background: #fff;
}

.obs-visual-dialog__context > span[b-02crhb1epv] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid #dbe7e4;
    border-radius: 999px;
    color: #607779;
    background: #f6f9f8;
    font-size: .74rem;
}

.obs-visual-dialog__context strong[b-02crhb1epv] {
    color: #1d625b;
}

.obs-visual-dialog__body[b-02crhb1epv] {
    display: grid;
    min-height: 0;
    align-content: start;
    gap: 18px;
    padding: 18px 20px 26px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.obs-visual-dialog__selection-feedback[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border-top: 1px solid #efd69b;
    color: #694b0e;
    background: #fff8e5;
}

.obs-visual-dialog__selection-feedback > span[b-02crhb1epv] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #956500;
    background: #ffe7ad;
}

.obs-visual-dialog__selection-feedback > div[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-visual-dialog__selection-feedback strong[b-02crhb1epv],
.obs-visual-dialog__selection-feedback p[b-02crhb1epv] {
    margin: 0;
}

.obs-visual-dialog__selection-feedback strong[b-02crhb1epv] {
    font-size: .82rem;
}

.obs-visual-dialog__selection-feedback p[b-02crhb1epv] {
    font-size: .78rem;
    line-height: 1.6;
}

.obs-visual-dialog__selection-feedback button[b-02crhb1epv] {
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid #d49b2d;
    border-radius: 10px;
    color: #694b0e;
    background: #fff;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 900;
    cursor: pointer;
}

.obs-visual-dialog__selection-feedback button:hover[b-02crhb1epv],
.obs-visual-dialog__selection-feedback button:focus-visible[b-02crhb1epv] {
    outline: none;
    background: #fff1c9;
    box-shadow: 0 0 0 3px rgba(212, 155, 45, .2);
}

.obs-visual-dialog__category[b-02crhb1epv] {
    display: grid;
    gap: 9px;
}

.obs-visual-dialog__category > header[b-02crhb1epv] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
}

.obs-visual-dialog__category > header > div[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-visual-dialog__category h3[b-02crhb1epv],
.obs-visual-dialog__category p[b-02crhb1epv] {
    margin: 0;
}

.obs-visual-dialog__category h3[b-02crhb1epv] {
    color: #1d484b;
    font-size: .9rem;
    font-weight: 950;
}

.obs-visual-dialog__category p[b-02crhb1epv] {
    color: #526b6e;
    font-size: .8rem;
    line-height: 1.55;
}

.obs-visual-dialog__category > header > span[b-02crhb1epv] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    color: #637b7d;
    background: #eaf1f0;
    font-size: .75rem;
    font-weight: 900;
}

.obs-visual-dialog__grid[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.obs-visual-choice[b-02crhb1epv] {
    --banner-accent: #5668a7;
    --banner-soft: #eceffa;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    align-items: stretch;
    overflow: hidden;
    padding: 0;
    border: 1px solid #e2e5eb;
    border-radius: 20px;
    color: #192238;
    background: #fff;
    box-shadow: 0 3px 10px rgb(15 23 42 / 4%);
    font-family: inherit;
    text-align: start;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.obs-visual-choice:hover:not([aria-disabled="true"])[b-02crhb1epv] {
    transform: translateY(-2px);
    border-color: var(--banner-accent);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--banner-accent) 12%, transparent);
}

.obs-visual-choice:focus-visible[b-02crhb1epv] {
    outline: 3px solid color-mix(in srgb, var(--banner-accent) 30%, transparent);
    outline-offset: 2px;
}

.obs-visual-choice.is-selected[b-02crhb1epv] {
    border-color: var(--banner-accent);
    box-shadow: inset 0 0 0 1px var(--banner-accent);
}

.obs-visual-choice.is-recommended:not(.is-selected)[b-02crhb1epv] {
    border-color: #41a78c;
    box-shadow: inset 0 3px 0 #41a78c;
}

.obs-visual-choice[aria-disabled="true"][b-02crhb1epv] {
    cursor: not-allowed;
    border-style: dashed;
    background: #fafbfb;
}

.obs-visual-choice.is-readonly[b-02crhb1epv] {
    opacity: .7;
    filter: saturate(.45);
}

.obs-visual-choice.is-needs-setup[b-02crhb1epv] {
    border-color: #d89a2b;
    box-shadow: inset 0 3px 0 #e0a437;
}

.obs-visual-choice.is-needs-input[b-02crhb1epv] {
    border-color: #3189a0;
    box-shadow: inset 0 3px 0 #3189a0;
}

.obs-visual-choice__preview[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    place-items: stretch;
}

.obs-visual-choice__content[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 12px;
    padding: 20px;
    flex: 1;
}

.obs-visual-choice__heading[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.obs-visual-choice__heading > span:last-child[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.obs-visual-choice__heading strong[b-02crhb1epv] {
    color: #192238;
    font-size: 1rem;
    font-weight: 800;
}

.obs-visual-choice__heading small[b-02crhb1epv] {
    width: fit-content;
    padding: 3px 10px;
    border-radius: 999px;
    color: var(--banner-accent);
    background: var(--banner-soft);
    font-size: .72rem;
    font-weight: 750;
}

.obs-visual-choice__icon[b-02crhb1epv] {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 22%, transparent);
    border-radius: 16px;
    font-size: 1.15rem;
    color: var(--banner-accent);
    background: var(--banner-soft);
}

.obs-visual-choice__purpose[b-02crhb1epv],
.obs-visual-choice__settings[b-02crhb1epv] {
    color: #526b6e;
    font-size: .79rem;
    line-height: 1.5;
}

.obs-visual-choice__settings[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    padding: 6px 9px;
    border: 1px solid #edf2f7;
    border-radius: 8px;
    background: #f8fafc;
    font-size: .74rem;
}

.obs-visual-choice__purpose b[b-02crhb1epv] {
    display: block;
    margin-bottom: 3px;
    color: #475569;
}

.obs-visual-choice__settings i[b-02crhb1epv] {
    margin-top: 3px;
    color: var(--banner-accent);
}

.obs-visual-choice__requirements[b-02crhb1epv] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.obs-visual-choice__requirements > strong[b-02crhb1epv] {
    flex-basis: 100%;
    color: #294f52;
    font-size: .79rem;
    font-weight: 950;
}

.obs-visual-requirement[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 5px;
    padding: 5px 6px;
    border-radius: 8px;
    color: #516b6d;
    background: #f8fafc;
    border: 1px solid #edf2f7;
}

.obs-visual-requirement > i[b-02crhb1epv] {
    margin-top: 3px;
    text-align: center;
}

.obs-visual-requirement > span[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.obs-visual-requirement b[b-02crhb1epv],
.obs-visual-requirement small[b-02crhb1epv] {
    font-size: .77rem;
    line-height: 1.45;
}

.obs-visual-requirement b[b-02crhb1epv] {
    color: #31575a;
    font-weight: 900;
}

.obs-visual-requirement small[b-02crhb1epv] {
    color: #5b7173;
    font-weight: 700;
}

.obs-visual-requirement.is-met > i[b-02crhb1epv] {
    color: #24866e;
}

.obs-visual-requirement.is-configurable[b-02crhb1epv] {
    background: #fff7e4;
}

.obs-visual-requirement.is-configurable > i[b-02crhb1epv],
.obs-visual-requirement.is-configurable b[b-02crhb1epv] {
    color: #946710;
}

.obs-visual-requirement.is-missing[b-02crhb1epv] {
    background: #fceff2;
}

.obs-visual-requirement.is-missing > i[b-02crhb1epv],
.obs-visual-requirement.is-missing b[b-02crhb1epv] {
    color: #9b4353;
}

.obs-visual-choice__compatibility[b-02crhb1epv] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #536d6f;
    background: #edf3f2;
    font-size: .76rem;
    font-weight: 900;
}

.obs-visual-choice__compatibility.is-recommended[b-02crhb1epv] {
    color: #126b58;
    background: #e1f5ed;
}

.obs-visual-choice__compatibility.is-warning[b-02crhb1epv] {
    color: #805d17;
    background: #fff2d2;
}

.obs-visual-choice__compatibility.is-blocked[b-02crhb1epv] {
    color: #984254;
    background: #fdebef;
}

.obs-visual-choice__reason[b-02crhb1epv] {
    color: #506a6d;
    font-size: .77rem;
    font-weight: 750;
    line-height: 1.55;
}

.obs-visual-choice[aria-disabled="true"] .obs-visual-choice__reason[b-02crhb1epv] {
    color: #8c4955;
}

.obs-visual-choice__footer[b-02crhb1epv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    border-top: 1px solid #edf2f7;
    background: #fafbfc;
}

.obs-visual-choice__status[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.obs-visual-choice__action[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 6px;
    min-height: 36px;
    padding: 7px 12px;
    border-radius: 10px;
    color: #fff;
    background: var(--obs-secondary, #bc913f);
    font-size: .78rem;
    font-weight: 800;
    box-shadow: 0 3px 8px rgb(188 145 63 / 18%);
}

.obs-visual-choice__action.is-selected[b-02crhb1epv] {
    background: var(--banner-accent);
}

.obs-visual-choice[aria-disabled="true"] .obs-visual-choice__action[b-02crhb1epv] {
    color: #64748b;
    background: #edf2f7;
    box-shadow: none;
}

.obs-visual-dialog__footer[b-02crhb1epv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 20px;
    border-top: 1px solid #dce7e5;
    background: #fff;
    box-shadow: 0 -10px 28px rgba(17, 53, 56, .06);
}

.obs-visual-dialog__footer > span[b-02crhb1epv] {
    display: flex;
    max-width: 760px;
    align-items: flex-start;
    gap: 7px;
    color: #657c7e;
    font-size: .76rem;
    line-height: 1.55;
}

.obs-visual-dialog__footer > span i[b-02crhb1epv] {
    margin-top: 3px;
    color: var(--dialog-accent);
}

.obs-visual-dialog__footer > div[b-02crhb1epv] {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.obs-visual-dialog__footer button[b-02crhb1epv] {
    min-height: 44px;
    padding: 8px 13px;
    border: 1px solid #d7e2e0;
    border-radius: 10px;
    font-family: inherit;
    font-size: .8rem;
    font-weight: 950;
    cursor: pointer;
}

.obs-visual-dialog__footer button.is-secondary[b-02crhb1epv] {
    color: #5e7375;
    background: #fff;
}

.obs-visual-dialog__footer button.is-primary[b-02crhb1epv] {
    color: #fff;
    border-color: var(--dialog-accent);
    background: var(--dialog-accent);
}

.obs-visual-dialog__footer button:disabled[b-02crhb1epv] {
    cursor: not-allowed;
    opacity: .5;
}

@media (max-width: 1100px) {
    .obs-visual-dialog__grid[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 720px) {
    .obs-widget-card-preview-backdrop[b-02crhb1epv] {
        align-items: end;
        padding: 0;
    }

    .obs-widget-card-preview-dialog[b-02crhb1epv] {
        width: 100%;
        max-height: 96vh;
        max-height: 96dvh;
        border-radius: 22px 22px 0 0;
    }

    .obs-widget-card-preview-dialog > header[b-02crhb1epv] {
        padding: 14px;
    }

    .obs-widget-card-preview-dialog > header > span[b-02crhb1epv] {
        width: 40px;
        height: 40px;
    }

    .obs-widget-card-preview-dialog > header p[b-02crhb1epv] {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .obs-widget-card-preview-dialog__body[b-02crhb1epv] {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .obs-widget-card-preview-dialog__stage[b-02crhb1epv] {
        min-height: 300px;
        padding: 12px;
    }

    .obs-widget-card-preview.is-half[b-02crhb1epv],
    .obs-widget-card-preview.is-wide[b-02crhb1epv] {
        width: 100%;
    }

    .obs-widget-card-preview-dialog__body > aside[b-02crhb1epv] {
        display: none;
    }

    .obs-widget-card-preview-dialog > footer[b-02crhb1epv] {
        align-items: stretch;
        flex-direction: column;
        padding: 10px 12px max(12px, env(safe-area-inset-bottom));
    }

    .obs-widget-card-preview-dialog > footer button[b-02crhb1epv] {
        width: 100%;
    }

    .obs-visual-dialog-backdrop[b-02crhb1epv] {
        align-items: end;
        padding: 0;
    }

    .obs-visual-dialog[b-02crhb1epv] {
        width: 100%;
        max-height: 96vh;
        max-height: 96dvh;
        border-radius: 22px 22px 0 0;
    }

    .obs-visual-dialog__header[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        padding: 14px;
    }

    .obs-visual-dialog__header-icon[b-02crhb1epv] {
        width: 42px;
        height: 42px;
    }

    .obs-visual-dialog__header h2[b-02crhb1epv] {
        font-size: .98rem;
    }

    .obs-visual-dialog__header p[b-02crhb1epv] {
        display: -webkit-box;
        overflow: hidden;
        font-size: .75rem;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .obs-visual-dialog__context[b-02crhb1epv],
    .obs-visual-dialog__body[b-02crhb1epv],
    .obs-visual-dialog__selection-feedback[b-02crhb1epv],
    .obs-visual-dialog__footer[b-02crhb1epv] {
        padding-inline: 14px;
    }

    .obs-visual-dialog__selection-feedback[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-visual-dialog__selection-feedback button[b-02crhb1epv] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .obs-visual-dialog__context > span:last-child[b-02crhb1epv] {
        display: none;
    }

    .obs-visual-dialog__grid[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }


    .obs-visual-dialog__footer[b-02crhb1epv] {
        align-items: stretch;
        flex-direction: column;
        padding-bottom: max(14px, env(safe-area-inset-bottom));
    }

    .obs-visual-dialog__footer > div[b-02crhb1epv],
    .obs-visual-dialog__footer button[b-02crhb1epv] {
        width: 100%;
    }

    .obs-layout-row__type-guide[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-layout-row__type-guide ul[b-02crhb1epv] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 420px) {
    .obs-visual-choice__content[b-02crhb1epv],
    .obs-visual-choice__footer[b-02crhb1epv] {
        padding: 14px;
    }

    .obs-visual-choice__footer[b-02crhb1epv] {
        flex-wrap: wrap;
    }

    .obs-visual-choice__action[b-02crhb1epv] {
        margin-inline-start: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-visual-picker-trigger[b-02crhb1epv],
    .obs-visual-choice[b-02crhb1epv] {
        transition: none;
    }
}

.obs-layout-row__compatibility[b-02crhb1epv] {
    display: flex;
    min-height: 0;
    align-items: flex-start;
    gap: 6px;
    padding: 7px 9px;
    border-radius: 8px;
    color: #617779;
    background: #f2f6f5;
    font-size: .69rem;
    line-height: 1.55;
}

.obs-layout-row__compatibility i[b-02crhb1epv] {
    margin-top: 2px;
}

.obs-layout-row__compatibility.is-recommended[b-02crhb1epv] {
    color: #176f5d;
    background: #eaf8f3;
}

.obs-layout-row__compatibility.is-warning[b-02crhb1epv] {
    color: #806020;
    background: #fff6df;
}

.obs-layout-row__compatibility.is-blocked[b-02crhb1epv] {
    color: #a33e52;
    background: #fff0f3;
}

.obs-layout-row__settings[b-02crhb1epv] {
    grid-column: 1 / -1;
    align-self: stretch;
    padding: 8px 10px;
    border: 1px dashed #d4e1df;
    border-radius: 10px;
    color: #496568;
    background: #f9fcfb;
}

.obs-layout-row__settings summary[b-02crhb1epv] {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    list-style: none;
}

.obs-layout-row__settings summary[b-02crhb1epv]::-webkit-details-marker {
    display: none;
}

.obs-layout-row__settings summary > span[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-layout-row__settings summary strong[b-02crhb1epv] {
    color: #365b5e;
    font-size: .76rem;
    font-weight: 950;
}

.obs-layout-row__settings summary small[b-02crhb1epv] {
    color: #738789;
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.45;
}

.obs-layout-row__settings summary > i[b-02crhb1epv] {
    color: #708486;
    font-size: .7rem;
    transition: transform .18s ease;
}

.obs-layout-row__settings[open] summary > i[b-02crhb1epv] {
    transform: rotate(180deg);
}

.obs-layout-row__settings > div[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr)) auto;
    align-items: end;
    gap: 9px;
    padding-top: 10px;
}

.obs-layout-row__target-settings[b-02crhb1epv] {
    min-width: 0;
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding: 11px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 28%, #d9e5e3);
    border-radius: 11px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--obs-secondary) 5%, #fff), #fff);
}

.obs-layout-row__interaction-settings[b-02crhb1epv] {
    min-width: 0;
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #d9e5e3);
    border-radius: 11px;
    background:
        radial-gradient(circle at 96% 0, color-mix(in srgb, var(--obs-primary) 7%, transparent), transparent 32%),
        #fff;
}

.obs-layout-row__interaction-settings legend[b-02crhb1epv] {
    display: inline-flex;
    width: auto;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0 6px;
    color: #35575a;
    font-size: .66rem;
    font-weight: 950;
}

.obs-layout-row__interaction-settings legend i[b-02crhb1epv] {
    color: var(--obs-primary);
}

.obs-layout-row__interaction-settings > p[b-02crhb1epv],
.obs-layout-row__interaction-settings > small[b-02crhb1epv] {
    margin: 0 0 9px;
    color: #6b8082;
    font-size: .59rem;
    font-weight: 780;
    line-height: 1.65;
}

.obs-layout-row__interaction-settings > small.is-invalid[b-02crhb1epv] {
    display: block;
    padding: 7px 8px;
    border-radius: 8px;
    color: #963d4e;
    background: #fff0f3;
}

.obs-interaction-targets[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(145px, 1fr));
    gap: 7px;
    margin: 8px 0 10px;
}

.obs-interaction-targets > span[b-02crhb1epv] {
    grid-column: 1 / -1;
    color: #496568;
    font-size: .61rem;
    font-weight: 950;
}

.obs-interaction-targets label[b-02crhb1epv] {
    display: grid !important;
    min-height: 52px;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    gap: 2px 7px !important;
    padding: 8px;
    border: 1px solid #dce7e5;
    border-radius: 9px;
    background: #f8fbfa;
}

.obs-interaction-targets input[b-02crhb1epv] {
    width: 16px;
    height: 16px;
    grid-row: 1 / span 2;
    accent-color: var(--obs-primary);
}

.obs-interaction-targets label span[b-02crhb1epv] {
    overflow: hidden;
    color: #35575a;
    font-size: .6rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-interaction-targets label small[b-02crhb1epv] {
    color: #7b8f91;
    font-size: .52rem;
    font-weight: 760;
}

.obs-preview__slicer[b-02crhb1epv] {
    display: grid;
    gap: 6px;
    margin-top: 18px;
    color: #496568;
    font-size: .63rem;
    font-weight: 900;
}

.obs-preview__slicer .form-select[b-02crhb1epv] {
    min-height: 44px;
    border-radius: 10px;
}

.obs-preview__slicer small[b-02crhb1epv] {
    color: #7b8f91;
    font-size: .55rem;
}

.obs-layout-row__target-settings legend[b-02crhb1epv] {
    display: inline-flex;
    width: auto;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0 6px;
    color: #35575a;
    font-size: .66rem;
    font-weight: 950;
}

.obs-layout-row__target-settings legend i[b-02crhb1epv] {
    color: var(--obs-secondary);
}

.obs-layout-row__target-settings > div[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(135px, 1fr));
    gap: 9px;
}

.obs-layout-row__target-settings label[b-02crhb1epv] {
    display: grid;
    gap: 5px;
    color: #496568;
    font-size: .61rem;
    font-weight: 850;
}

.obs-layout-row__target-settings label b[b-02crhb1epv] {
    color: #a33e52;
}

.obs-layout-row__target-settings > small[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 9px;
    padding: 7px 8px;
    border-radius: 8px;
    font-size: .59rem;
    font-weight: 800;
    line-height: 1.55;
}

.obs-layout-row__target-settings > small.is-valid[b-02crhb1epv] {
    color: #176f5d;
    background: #eaf8f3;
}

.obs-layout-row__target-settings > small.is-invalid[b-02crhb1epv] {
    color: #963d4e;
    background: #fff0f3;
}

.obs-layout-row__target-settings .form-control.is-invalid[b-02crhb1epv],
.obs-layout-row__target-settings .form-select.is-invalid[b-02crhb1epv] {
    border-color: #bd5267;
    background-image: none;
    box-shadow: 0 0 0 3px rgba(189, 82, 103, .1);
}

.obs-layout-row__settings:focus-visible[b-02crhb1epv],
.obs-layout-row__target-settings:focus-visible[b-02crhb1epv],
.obs-layout-row__alert-settings:focus-visible[b-02crhb1epv],
.obs-alert-settings__channels:focus-visible[b-02crhb1epv],
.obs-alert-recipient-picker:focus-visible[b-02crhb1epv],
.obs-optional-section--source:focus-visible[b-02crhb1epv] {
    border-color: #bd5267;
    box-shadow: 0 0 0 4px rgba(189, 82, 103, .12);
    outline: none;
}

.obs-layout-row__alert-settings[b-02crhb1epv] {
    min-width: 0;
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding: 12px;
    border: 1px solid #ead9b9;
    border-radius: 11px;
    background:
        radial-gradient(circle at 4% 0, rgba(202, 142, 43, .09), transparent 32%),
        linear-gradient(145deg, #fffdf8, #fff);
}

.obs-layout-row__alert-settings.is-disabled[b-02crhb1epv] {
    border-color: #dce5e3;
    background: #fbfdfc;
}

.obs-layout-row__alert-settings legend[b-02crhb1epv] {
    display: inline-flex;
    width: auto;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0 6px;
    color: #6a512b;
    font-size: .66rem;
    font-weight: 950;
}

.obs-layout-row__alert-settings legend i[b-02crhb1epv] {
    color: #b8791f;
}

.obs-layout-row__alert-settings.is-disabled legend[b-02crhb1epv],
.obs-layout-row__alert-settings.is-disabled legend i[b-02crhb1epv] {
    color: #718486;
}

.obs-alert-settings__head[b-02crhb1epv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.obs-alert-settings__master[b-02crhb1epv],
.obs-alert-settings__choice[b-02crhb1epv] {
    display: flex !important;
    min-width: 0;
    align-items: flex-start;
    gap: 9px !important;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid #e2e9e7;
    border-radius: 9px;
    background: rgba(255, 255, 255, .9);
    cursor: pointer;
}

.obs-alert-settings__master[b-02crhb1epv] {
    flex: 1 1 360px;
    border-color: #e5d2ad;
}

.obs-alert-settings__master:has(input:checked)[b-02crhb1epv],
.obs-alert-settings__choice:has(input:checked)[b-02crhb1epv] {
    border-color: color-mix(in srgb, #b8791f 45%, #dfe8e6);
    background: #fffaf0;
}

.obs-alert-settings__master input[b-02crhb1epv],
.obs-alert-settings__choice input[b-02crhb1epv],
.obs-alert-settings__channels input[b-02crhb1epv],
.obs-alert-recipient-picker__items input[b-02crhb1epv] {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    margin-top: 1px;
    accent-color: #a86b18;
}

.obs-alert-settings__master > span[b-02crhb1epv],
.obs-alert-settings__choice > span[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-alert-settings__master strong[b-02crhb1epv],
.obs-alert-settings__choice strong[b-02crhb1epv] {
    color: #3e5658;
    font-size: .65rem;
    font-weight: 950;
}

.obs-alert-settings__master small[b-02crhb1epv],
.obs-alert-settings__choice small[b-02crhb1epv] {
    color: #7b8b8d;
    font-size: .56rem;
    font-weight: 650;
    line-height: 1.55;
}

.obs-alert-settings__condition[b-02crhb1epv] {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border-radius: 999px;
    color: #805716;
    background: #fff3d7;
    font-size: .59rem;
    font-weight: 900;
    line-height: 1.45;
}

.obs-alert-settings__grid[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    align-items: stretch;
    gap: 9px;
    margin-top: 10px;
}

.obs-alert-settings__choice--wide[b-02crhb1epv] {
    grid-column: span 2;
}

.obs-alert-settings__field[b-02crhb1epv] {
    display: grid !important;
    align-content: start;
    gap: 5px !important;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid #e2e9e7;
    border-radius: 9px;
    background: rgba(255, 255, 255, .9);
}

.obs-alert-settings__field > span[b-02crhb1epv],
.obs-alert-settings__channels > span[b-02crhb1epv] {
    color: #536b6d;
    font-size: .61rem;
    font-weight: 900;
}

.obs-alert-settings__field b[b-02crhb1epv],
.obs-alert-settings__channels b[b-02crhb1epv] {
    color: #a33e52;
}

.obs-alert-settings__field > small[b-02crhb1epv] {
    color: #7a8d8f;
    font-size: .54rem;
    font-weight: 650;
    line-height: 1.5;
}

.obs-layout-row__alert-settings .form-control.is-invalid[b-02crhb1epv] {
    border-color: #bd5267;
    background-image: none;
    box-shadow: 0 0 0 3px rgba(189, 82, 103, .08);
}

.obs-alert-settings__channels[b-02crhb1epv] {
    display: grid;
    gap: 6px;
    padding: 9px 10px;
    border: 1px solid #e2e9e7;
    border-radius: 9px;
    background: rgba(255, 255, 255, .9);
}

.obs-alert-settings__channels.is-invalid[b-02crhb1epv],
.obs-alert-recipient-picker.is-invalid[b-02crhb1epv] {
    border-color: #bd5267;
    box-shadow: 0 0 0 3px rgba(189, 82, 103, .08);
}

.obs-alert-settings__channels > div[b-02crhb1epv] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-alert-settings__channels label[b-02crhb1epv] {
    display: flex !important;
    flex: 1 1 145px;
    align-items: center;
    gap: 7px !important;
    margin: 0;
    padding: 7px 8px;
    border: 1px solid #e3e9e8;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.obs-alert-settings__channels label:has(input:checked)[b-02crhb1epv] {
    color: #805716;
    border-color: #dfc184;
    background: #fff8e8;
}

.obs-alert-settings__channels label > span[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .6rem;
    font-weight: 850;
}

.obs-alert-settings__audience-note[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 9px;
    padding: 9px 10px;
    border-radius: 9px;
    color: #49686b;
    background: #edf7f5;
    font-size: .59rem;
    font-weight: 800;
    line-height: 1.6;
}

.obs-alert-settings__audience-note i[b-02crhb1epv] {
    margin-top: 2px;
    color: var(--obs-primary);
}

.obs-alert-recipient-picker[b-02crhb1epv] {
    margin-top: 9px;
    padding: 10px;
    border: 1px solid #dfe8e6;
    border-radius: 10px;
    background: rgba(255, 255, 255, .78);
}

.obs-alert-recipient-picker > header[b-02crhb1epv] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
}

.obs-alert-recipient-picker > header > div[b-02crhb1epv] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.obs-alert-recipient-picker > header strong[b-02crhb1epv] {
    color: #35575a;
    font-size: .65rem;
    font-weight: 950;
}

.obs-alert-recipient-picker > header span[b-02crhb1epv],
.obs-alert-recipient-picker > header small[b-02crhb1epv] {
    color: #7b8e90;
    font-size: .55rem;
    font-weight: 700;
}

.obs-alert-recipient-picker__columns[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.obs-alert-recipient-picker__columns > div[b-02crhb1epv] {
    min-width: 0;
    padding: 8px;
    border: 1px solid #e6eceb;
    border-radius: 9px;
    background: #fbfdfc;
}

.obs-alert-recipient-picker__columns > div > strong[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
    color: #526e70;
    font-size: .59rem;
    font-weight: 900;
}

.obs-alert-recipient-picker__items[b-02crhb1epv] {
    display: grid;
    max-height: 174px;
    gap: 5px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.obs-alert-recipient-picker__items label[b-02crhb1epv] {
    display: flex !important;
    min-width: 0;
    align-items: flex-start;
    gap: 7px !important;
    margin: 0;
    padding: 7px;
    border: 1px solid #e5ecea;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.obs-alert-recipient-picker__items label:has(input:checked)[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #dfe8e6);
    background: #eef7f5;
}

.obs-alert-recipient-picker__items label > span[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-alert-recipient-picker__items label strong[b-02crhb1epv],
.obs-alert-recipient-picker__items label small[b-02crhb1epv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-alert-recipient-picker__items label strong[b-02crhb1epv] {
    color: #3f5d60;
    font-size: .58rem;
    font-weight: 900;
}

.obs-alert-recipient-picker__items label small[b-02crhb1epv] {
    color: #829294;
    font-size: .51rem;
    font-weight: 650;
}

.obs-layout-row__alert-settings > small[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 9px;
    padding: 7px 8px;
    border-radius: 8px;
    font-size: .59rem;
    font-weight: 800;
    line-height: 1.55;
}

.obs-layout-row__alert-settings > small.is-valid[b-02crhb1epv] {
    color: #176f5d;
    background: #eaf8f3;
}

.obs-layout-row__alert-settings > small.is-invalid[b-02crhb1epv] {
    color: #963d4e;
    background: #fff0f3;
}

.obs-layout-row__alert-settings > small.is-muted[b-02crhb1epv] {
    color: #6d8082;
    background: #eef3f2;
}

.obs-alert-runtime[b-02crhb1epv] {
    display: grid;
    gap: 9px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #dfe8e6;
    border-radius: 10px;
    color: #536d70;
    background: #f8fbfa;
}

.obs-alert-runtime > header[b-02crhb1epv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.obs-alert-runtime > header > span[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .63rem;
}

.obs-alert-runtime > header > span > span[b-02crhb1epv] {
    display: grid;
    gap: 1px;
}

.obs-alert-runtime > header > span small[b-02crhb1epv] {
    color: #718587;
    font-size: .49rem;
    font-weight: 750;
}

.obs-alert-runtime__actions[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.obs-alert-runtime__actions time[b-02crhb1epv] {
    color: #718587;
    font-size: .53rem;
    font-weight: 750;
}

.obs-alert-runtime__actions button[b-02crhb1epv] {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border: 1px solid rgba(83, 109, 112, .18);
    border-radius: 8px;
    color: currentColor;
    background: rgba(255, 255, 255, .7);
}

.obs-alert-runtime__actions button:disabled[b-02crhb1epv] {
    cursor: wait;
    opacity: .55;
}

.obs-alert-runtime > p[b-02crhb1epv] {
    margin: 0;
    color: #718587;
    font-size: .57rem;
    font-weight: 750;
    line-height: 1.6;
}

.obs-alert-runtime dl[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin: 0;
}

.obs-alert-runtime dl > div[b-02crhb1epv] {
    display: grid;
    gap: 3px;
    padding: 7px 8px;
    border: 1px solid rgba(83, 109, 112, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .72);
}

.obs-alert-runtime dt[b-02crhb1epv] {
    color: #7a8e90;
    font-size: .5rem;
    font-weight: 750;
}

.obs-alert-runtime dd[b-02crhb1epv] {
    margin: 0;
    color: #36575a;
    font-size: .61rem;
    font-weight: 950;
}

.obs-alert-runtime.is-safe[b-02crhb1epv] {
    border-color: #c7e9df;
    color: #176f5d;
    background: #effaf6;
}

.obs-alert-runtime.is-breached[b-02crhb1epv],
.obs-alert-runtime.is-error[b-02crhb1epv] {
    border-color: #f0cbd2;
    color: #963d4e;
    background: #fff5f7;
}

.obs-alert-runtime.is-waiting[b-02crhb1epv] {
    border-color: #eadcae;
    color: #7d6420;
    background: #fffbef;
}

.obs-alert-runtime.is-muted[b-02crhb1epv] {
    color: #6d8082;
    background: #f0f4f3;
}

.obs-alert-runtime .obs-alert-runtime__error[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding-top: 7px;
    border-top: 1px solid rgba(150, 61, 78, .15);
    color: #963d4e;
}

.obs-alert-runtime .obs-alert-runtime__draft-note[b-02crhb1epv] {
    padding: 7px 8px;
    border-radius: 8px;
    color: #7d6420;
    background: #fff5d6;
}

.obs-alert-runtime__deliveries[b-02crhb1epv] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.obs-alert-runtime__deliveries span[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    border-radius: 999px;
    font-size: .52rem;
    font-weight: 850;
}

.obs-alert-runtime__deliveries .is-pending[b-02crhb1epv] {
    color: #765e1b;
    background: #fff3c7;
}

.obs-alert-runtime__deliveries .is-failed[b-02crhb1epv] {
    color: #963d4e;
    background: #ffe7ec;
}

.obs-alert-runtime__error-details[b-02crhb1epv] {
    padding-top: 7px;
    border-top: 1px solid rgba(150, 61, 78, .15);
    color: #963d4e;
    font-size: .65rem;
    font-weight: 750;
}

.obs-alert-runtime__error-details summary[b-02crhb1epv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-weight: 900;
}

.obs-alert-runtime__error-details summary > span[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-alert-runtime__error-details summary strong[b-02crhb1epv] {
    font-size: .68rem;
}

.obs-alert-runtime__error-details summary small[b-02crhb1epv] {
    color: #8b6970;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.4;
}

.obs-alert-runtime__error-details p[b-02crhb1epv] {
    max-height: 100px;
    margin-top: 7px;
    overflow: auto;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

@media (max-width: 920px) {
    .obs-alert-runtime dl[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-interaction-targets[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 560px) {
    .obs-interaction-targets[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }
}

.obs-layout-row__settings label[b-02crhb1epv] {
    display: grid;
    gap: 5px;
    font-size: .69rem;
    font-weight: 850;
}

.obs-layout-row__toggle[b-02crhb1epv] {
    display: flex !important;
    min-height: 40px;
    align-items: center;
    grid-template-columns: auto 1fr;
    gap: 7px !important;
}

.obs-layout-row__toggle input[b-02crhb1epv] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-layout-row__identity[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.obs-layout-row__identity strong[b-02crhb1epv],
.obs-layout-row__identity small[b-02crhb1epv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-layout-row__identity strong[b-02crhb1epv] {
    display: block;
    color: #25474a;
    font-size: .9rem;
    font-weight: 950;
}

.obs-layout-row__identity small[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #829294;
    font-size: .73rem;
}

.obs-layout-row__identity bdi[b-02crhb1epv] {
    max-width: 180px;
    overflow: hidden;
    color: #577477;
    font-weight: 850;
    text-overflow: ellipsis;
}

.obs-layout-row__source[b-02crhb1epv] {
    display: inline-flex;
    max-width: min(220px, 34%);
    padding: 2px 6px;
    overflow: hidden;
    border-radius: 999px;
    color: #24565a;
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
    font-weight: 900;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.obs-layout-row__order[b-02crhb1epv] {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .67rem;
    font-weight: 950;
}

.obs-layout-row > label[b-02crhb1epv] {
    display: grid;
    gap: 5px;
}

.obs-layout-row > label > span[b-02crhb1epv] {
    color: #647b7d;
    font-size: .69rem;
    font-weight: 900;
}

.obs-layout-row__series[b-02crhb1epv] {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 5px;
}

.obs-layout-row__series > span[b-02crhb1epv] {
    color: #647b7d;
    font-size: .72rem;
    font-weight: 900;
}

.obs-layout-row__series > span small[b-02crhb1epv] {
    color: #849698;
    font-weight: 750;
}

.obs-series-picker[b-02crhb1epv] {
    position: relative;
    min-width: 0;
}

.obs-series-picker > summary[b-02crhb1epv],
.obs-series-picker__disabled[b-02crhb1epv] {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding: 7px 10px;
    border: 1px solid #dbe5e3;
    border-radius: 9px;
    color: #31565a;
    background: #fff;
    cursor: pointer;
    list-style: none;
}

.obs-series-picker > summary[b-02crhb1epv]::-webkit-details-marker {
    display: none;
}

.obs-series-picker > summary > span[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.obs-series-picker > summary strong[b-02crhb1epv],
.obs-series-picker > summary small[b-02crhb1epv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-series-picker > summary strong[b-02crhb1epv] {
    font-size: .77rem;
    font-weight: 900;
}

.obs-series-picker > summary small[b-02crhb1epv] {
    color: #809294;
    font-size: .65rem;
    font-weight: 750;
}

.obs-series-picker > summary > i[b-02crhb1epv] {
    color: #789092;
    font-size: .68rem;
    transition: transform .18s ease;
}

.obs-series-picker[open] > summary > i[b-02crhb1epv] {
    transform: rotate(180deg);
}

.obs-series-picker__disabled[b-02crhb1epv] {
    justify-content: flex-start;
    color: #819092;
    background: #f7f9f9;
    cursor: not-allowed;
    font-size: .72rem;
    font-weight: 800;
}

.obs-series-picker__panel[b-02crhb1epv] {
    position: absolute;
    z-index: 70;
    inset-inline-end: 0;
    inset-inline-start: auto;
    top: calc(100% + 6px);
    display: grid;
    width: min(430px, calc(100vw - 48px));
    min-width: min(430px, 75vw);
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #dbe5e3);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 38px rgba(16, 54, 58, .18);
}

.obs-series-picker__search[b-02crhb1epv] {
    position: relative;
    display: block !important;
}

.obs-series-picker__search > i[b-02crhb1epv] {
    position: absolute;
    z-index: 1;
    inset-inline-start: 12px;
    top: 50%;
    color: #7f9294;
    transform: translateY(-50%);
}

.obs-series-picker__search .form-control[b-02crhb1epv] {
    padding-inline-start: 34px;
}

.obs-series-picker__options[b-02crhb1epv] {
    display: grid;
    max-height: 250px;
    gap: 5px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.obs-series-picker__option[b-02crhb1epv] {
    display: grid !important;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px !important;
    padding: 7px 8px;
    border: 1px solid #e1e9e7;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
}

.obs-series-picker__option:has(input:checked)[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 46%, #dce7e5);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-series-picker__option input[b-02crhb1epv] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-series-picker__option > span[b-02crhb1epv],
.obs-series-picker__option strong[b-02crhb1epv],
.obs-series-picker__option small[b-02crhb1epv] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-series-picker__option strong[b-02crhb1epv] {
    color: #294d50;
    font-size: .73rem;
}

.obs-series-picker__option small[b-02crhb1epv] {
    margin-top: 2px;
    color: #7e9092;
    font-size: .64rem;
}

.obs-series-picker__empty[b-02crhb1epv] {
    margin: 0;
    padding: 16px 8px;
    color: #7b8f91;
    text-align: center;
    font-size: .71rem;
}

.obs-layout-row__series-role[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 8px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 17%, #dce8e6);
    border-radius: 8px;
    color: #3f6668;
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    font-size: .68rem;
    font-weight: 800;
    line-height: 1.45;
}

.obs-layout-row__series-role i[b-02crhb1epv] {
    color: var(--obs-primary);
}

.obs-layout-row .form-select[b-02crhb1epv],
.obs-layout-row .form-control[b-02crhb1epv] {
    min-height: 40px;
    border: 1px solid #dbe5e3;
    border-radius: 9px;
    color: #27494c;
    background-color: #fff;
    font-size: .75rem;
    box-shadow: none;
}

.obs-layout-row .form-select:focus[b-02crhb1epv],
.obs-layout-row .form-control:focus[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 52%, #cadbd8);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-choice-grid[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    max-height: 320px;
    overflow: auto;
    padding: 2px;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 32%, #d9e4e2) transparent;
}

.obs-choice-grid--indicators[b-02crhb1epv] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.obs-choice-grid--organizations[b-02crhb1epv] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-height: 430px;
    gap: 10px;
}

.obs-choice-card[b-02crhb1epv],
.obs-simple-choice[b-02crhb1epv] {
    position: relative;
    display: flex;
    min-height: 65px;
    align-items: center;
    gap: 10px;
    padding: 11px;
    overflow: hidden;
    border: 1px solid #dfe8e6;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.obs-choice-card[b-02crhb1epv]::before,
.obs-simple-choice[b-02crhb1epv]::before {
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
    content: "";
}

.obs-choice-card:hover[b-02crhb1epv],
.obs-simple-choice:hover[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 28%, #dfe8e6);
    box-shadow: 0 8px 18px rgba(18, 55, 58, .06);
    transform: translateY(-1px);
}

.obs-choice-card.is-checked[b-02crhb1epv],
.obs-simple-choice:has(input:checked)[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 60%, #dfe8e6);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-choice-card.is-checked[b-02crhb1epv]::before,
.obs-simple-choice:has(input:checked)[b-02crhb1epv]::before {
    background: var(--obs-secondary);
}

.obs-choice-card input[b-02crhb1epv],
.obs-simple-choice input[b-02crhb1epv] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-choice-card__icon[b-02crhb1epv] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 15%, #e2eae8);
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

.obs-choice-card span strong[b-02crhb1epv],
.obs-choice-card span small[b-02crhb1epv],
.obs-simple-choice span strong[b-02crhb1epv],
.obs-simple-choice span small[b-02crhb1epv] {
    display: block;
}

.obs-choice-card span strong[b-02crhb1epv],
.obs-simple-choice span strong[b-02crhb1epv] {
    color: #28484b;
    font-size: .75rem;
}

.obs-choice-card small[b-02crhb1epv],
.obs-simple-choice small[b-02crhb1epv] {
    margin-top: 3px;
    color: #819092;
    font-size: .65rem;
}

.obs-simple-choice__content[b-02crhb1epv] {
    min-width: 0;
    flex: 1;
}

.obs-simple-choice--user[b-02crhb1epv] {
    min-height: 78px;
    padding: 14px 15px;
}

.obs-simple-choice--user .obs-simple-choice__content strong[b-02crhb1epv] {
    color: #183f42;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.5;
    overflow-wrap: anywhere;
    unicode-bidi: plaintext;
}

.obs-simple-choice--user .obs-simple-choice__content small[b-02crhb1epv] {
    margin-top: 6px;
    color: #617a7c;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.45;
    overflow-wrap: anywhere;
    unicode-bidi: plaintext;
}

.obs-simple-choice--role[b-02crhb1epv] {
    min-height: 78px;
    padding: 13px 15px;
}

.obs-simple-choice--role .obs-simple-choice__content strong[b-02crhb1epv] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    min-height: 32px;
    align-items: center;
    padding: 5px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 15%, #d9e5e3);
    border-radius: 999px;
    color: var(--obs-primary);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 10%, #fff), #edf5f3);
    font-size: .86rem;
    font-weight: 950;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.obs-simple-choice--role .obs-simple-choice__content small[b-02crhb1epv] {
    margin-top: 7px;
    color: #6d8284;
    font-size: .72rem;
    font-weight: 800;
    unicode-bidi: plaintext;
}

.obs-simple-choice--role:has(input:checked) .obs-simple-choice__content strong[b-02crhb1epv] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    box-shadow: 0 7px 16px color-mix(in srgb, var(--obs-primary) 18%, transparent);
}

.obs-simple-choice--organization[b-02crhb1epv] {
    aspect-ratio: 1;
    min-height: 0;
    justify-content: center;
    flex-direction: column;
    padding: 18px 12px 14px;
    border-radius: 18px;
    text-align: center;
}

.obs-simple-choice--organization[b-02crhb1epv]::before {
    inset: auto 12px 0;
    width: auto;
    height: 4px;
    border-radius: 4px 4px 0 0;
}

.obs-simple-choice--organization input[b-02crhb1epv] {
    position: absolute;
    inset-block-start: 13px;
    inset-inline-start: 13px;
    margin: 0;
}

.obs-simple-choice__organization-icon[b-02crhb1epv] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 14%, #e2eae8);
    border-radius: 15px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: 1rem;
}

.obs-simple-choice__organization-content[b-02crhb1epv] {
    width: 100%;
    min-width: 0;
}

.obs-simple-choice--organization .obs-simple-choice__organization-content strong[b-02crhb1epv] {
    color: #28484b;
    font-size: .94rem;
    font-weight: 950;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.obs-simple-choice--organization .obs-simple-choice__organization-content small[b-02crhb1epv] {
    width: fit-content;
    max-width: 100%;
    margin: 8px auto 0;
    padding: 3px 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #f0f5f4;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-choice-card__check[b-02crhb1epv] {
    margin-inline-start: auto;
    color: var(--obs-primary);
    opacity: 0;
}

.obs-choice-card.is-checked .obs-choice-card__check[b-02crhb1epv] {
    opacity: 1;
}

.obs-governance-card[b-02crhb1epv] {
    display: grid;
    gap: 14px;
    padding: clamp(16px, 2vw, 22px);
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dde7e5);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--obs-secondary) 10%, transparent), transparent 38%),
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 3%, #fff), #fff);
    box-shadow: 0 14px 34px rgba(17, 53, 57, .06);
}

.obs-governance-card__head[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
}

.obs-governance-card__icon[b-02crhb1epv] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 72%, #0c2e32));
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.obs-governance-card__head h2[b-02crhb1epv],
.obs-governance-card__head p[b-02crhb1epv] {
    margin: 0;
}

.obs-governance-card__head h2[b-02crhb1epv] {
    color: #24474a;
    font-size: 1rem;
    font-weight: 950;
}

.obs-governance-card__head p[b-02crhb1epv] {
    margin-top: 5px;
    color: #748789;
    font-size: .68rem;
    line-height: 1.75;
}

.obs-governance-card__count[b-02crhb1epv] {
    padding: 6px 10px;
    border: 1px solid #dbe6e4;
    border-radius: 999px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .66rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-governance-card__note[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border-radius: 11px;
    color: #60787a;
    background: color-mix(in srgb, var(--obs-primary) 5%, #f7faf9);
    font-size: .65rem;
    font-weight: 750;
    line-height: 1.7;
}

.obs-governance-card__note i[b-02crhb1epv] {
    margin-top: 3px;
    color: var(--obs-primary);
}

.obs-audience-tabs[b-02crhb1epv] {
    display: flex;
    gap: 4px;
    margin-bottom: 11px;
    padding: 5px;
    border: 1px solid #dfe8e6;
    border-radius: 13px;
    background: #f3f7f6;
}

.obs-audience-tabs button[b-02crhb1epv] {
    position: relative;
    min-height: 41px;
    flex: 1;
    padding: 8px 11px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #657b7d;
    background: transparent;
    font-size: .75rem;
    font-weight: 900;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.obs-audience-tabs button.is-active[b-02crhb1epv] {
    color: var(--obs-primary);
    border-color: color-mix(in srgb, var(--obs-primary) 17%, #e0e8e6);
    background: #fff;
    box-shadow: 0 6px 16px rgba(18, 55, 58, .08);
}

.obs-audience-tabs button.is-active[b-02crhb1epv]::after {
    position: absolute;
    inset-inline: 14px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--obs-secondary);
    content: "";
}

.obs-audience-search[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 10px 0;
}

.obs-audience-search label[b-02crhb1epv] {
    position: relative;
    display: block;
    min-width: 0;
    flex: 1 1 auto;
}

.obs-audience-search label > i[b-02crhb1epv] {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 13px;
    color: #789092;
    transform: translateY(-50%);
}

.obs-audience-search input[b-02crhb1epv] {
    width: 100%;
    min-height: 43px;
    padding: 8px 39px 8px 12px;
    border: 1px solid #d9e5e3;
    border-radius: 11px;
    color: #294d50;
    background: #fff;
    font-size: .8rem;
    outline: none;
}

.obs-audience-search input:focus[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 50%, #d9e5e3);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 9%, transparent);
}

.obs-audience-search > button[b-02crhb1epv] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid #d9e5e3;
    border-radius: 11px;
    color: #6f8587;
    background: #fff;
}

.obs-audience-search__hint[b-02crhb1epv] {
    display: block;
    margin: -5px 2px 9px;
    color: #74898b;
    font-size: .71rem;
    line-height: 1.5;
}

.obs-audience-priority-note[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 12px;
    padding: 11px 13px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 22%, #dfe8e6);
    border-radius: 12px;
    color: #426466;
    background: color-mix(in srgb, var(--obs-secondary) 6%, #fff);
}

.obs-audience-priority-note > i[b-02crhb1epv] {
    margin-top: 4px;
    color: var(--obs-secondary);
}

.obs-audience-priority-note span[b-02crhb1epv],
.obs-audience-priority-note strong[b-02crhb1epv],
.obs-audience-priority-note small[b-02crhb1epv] {
    display: block;
}

.obs-audience-priority-note strong[b-02crhb1epv] {
    color: #244e51;
    font-size: .82rem;
    font-weight: 950;
}

.obs-audience-priority-note small[b-02crhb1epv] {
    margin-top: 2px;
    color: #647d7f;
    font-size: .76rem;
    font-weight: 750;
    line-height: 1.65;
}

.obs-empty--search[b-02crhb1epv] {
    grid-column: 1 / -1;
    min-height: 130px;
}

.obs-all-audience[b-02crhb1epv] {
    display: flex;
    gap: 11px;
    margin-bottom: 11px;
    padding: 13px 14px;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 38%, #d8e3e1);
    border-radius: 12px;
    background: color-mix(in srgb, var(--obs-primary) 3%, #fff);
    cursor: pointer;
}

.obs-all-audience input[b-02crhb1epv] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-all-audience strong[b-02crhb1epv],
.obs-all-audience small[b-02crhb1epv] {
    display: block;
}

.obs-all-audience strong[b-02crhb1epv] {
    color: #29484b;
    font-size: .77rem;
}

.obs-all-audience small[b-02crhb1epv] {
    margin-top: 3px;
    color: #7b8c8e;
    font-size: .68rem;
}

.obs-audience-combination-hint[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: -3px 3px 12px;
    color: #587376;
    font-size: .7rem;
    font-weight: 750;
    line-height: 1.6;
}

.obs-audience-combination-hint > i[b-02crhb1epv] {
    margin-top: 4px;
    color: var(--obs-primary);
}

.obs-all-audience-scope[b-02crhb1epv] {
    display: grid;
    gap: 5px;
    margin-top: 13px;
    padding: 11px;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 24%, #dfe8e6);
    border-radius: 12px;
    background: color-mix(in srgb, var(--obs-primary) 2.5%, #fff);
}

.obs-all-audience-scope > strong[b-02crhb1epv] {
    color: #294f52;
    font-size: .76rem;
    font-weight: 950;
}

.obs-all-audience-scope > small[b-02crhb1epv] {
    color: #718587;
    font-size: .68rem;
}

.obs-all-audience-scope > .obs-audience-source-scope[b-02crhb1epv] {
    margin-top: 3px;
}

.obs-audience-choice-card[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 7px;
}

.obs-audience-choice-card.is-selected[b-02crhb1epv] {
    grid-column: 1 / -1;
}

.obs-audience-choice-card > .obs-simple-choice[b-02crhb1epv] {
    width: 100%;
    margin: 0;
}

.obs-audience-source-scope[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 8px;
    padding: 8px;
    border: 1px solid #dfe9e7;
    border-radius: 11px;
    background: #f8fbfa;
}

.obs-all-audience + .obs-audience-source-scope[b-02crhb1epv] {
    margin: -4px 0 12px;
}

.obs-audience-source-scope__toggle[b-02crhb1epv] {
    display: grid;
    width: 100%;
    min-height: 46px;
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid #d9e5e3;
    border-radius: 9px;
    color: #31585b;
    background: #fff;
    text-align: start;
}

.obs-audience-source-scope__toggle:hover[b-02crhb1epv],
.obs-audience-source-scope__toggle:focus-visible[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #d9e5e3);
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-audience-source-scope__toggle.is-customized[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-secondary) 42%, #d9e5e3);
    background: color-mix(in srgb, var(--obs-secondary) 5%, #fff);
}

.obs-audience-source-scope__toggle > i[b-02crhb1epv] {
    color: var(--obs-primary);
}

.obs-audience-source-scope__toggle span[b-02crhb1epv],
.obs-audience-source-scope__toggle strong[b-02crhb1epv],
.obs-audience-source-scope__toggle small[b-02crhb1epv] {
    display: block;
    min-width: 0;
}

.obs-audience-source-scope__toggle strong[b-02crhb1epv] {
    color: #294f52;
    font-size: .78rem;
    font-weight: 950;
}

.obs-audience-source-scope__toggle small[b-02crhb1epv] {
    margin-top: 1px;
    overflow: hidden;
    color: #718587;
    font-size: .69rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-audience-source-scope__toggle > b[b-02crhb1epv] {
    color: var(--obs-primary);
    font-size: .69rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-audience-source-scope__options[b-02crhb1epv] {
    display: grid;
    gap: 6px;
}

.obs-audience-source-scope__options > label[b-02crhb1epv] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    padding: 8px 9px;
    border: 1px solid #e1eae8;
    border-radius: 9px;
    color: #456568;
    background: #fff;
    cursor: pointer;
}

.obs-audience-source-scope__options > label.is-selected[b-02crhb1epv] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #dfe8e6);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-audience-source-scope__options input[b-02crhb1epv] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    accent-color: var(--obs-primary);
}

.obs-audience-source-scope__options span[b-02crhb1epv],
.obs-audience-source-scope__options strong[b-02crhb1epv],
.obs-audience-source-scope__options small[b-02crhb1epv] {
    display: block;
    min-width: 0;
}

.obs-audience-source-scope__options span[b-02crhb1epv] {
    overflow: hidden;
}

.obs-audience-source-scope__options strong[b-02crhb1epv],
.obs-audience-source-scope__options small[b-02crhb1epv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-audience-source-scope__options strong[b-02crhb1epv] {
    color: #294d50;
    font-size: .76rem;
    font-weight: 900;
}

.obs-audience-source-scope__options small[b-02crhb1epv] {
    margin-top: 2px;
    color: #7b8e90;
    font-size: .68rem;
    font-weight: 750;
}

.obs-audience-source-scope__error[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a44a2a;
    font-size: .72rem;
    font-weight: 900;
}

.obs-export-rights[b-02crhb1epv] {
    display: grid;
    grid-template-columns: minmax(185px, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #e0e8e6;
    border-radius: 13px;
    background:
        repeating-linear-gradient(135deg, rgba(21, 75, 78, .018) 0 1px, transparent 1px 11px),
        #f8faf9;
}

.obs-export-rights > span[b-02crhb1epv] {
    color: #29484b;
    font-size: .77rem;
    font-weight: 950;
}

.obs-export-rights label[b-02crhb1epv] {
    display: flex;
    min-height: 36px;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #e0e8e6;
    border-radius: 9px;
    background: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.obs-export-rights input[b-02crhb1epv] {
    accent-color: var(--obs-primary);
}

.obs-export-rights small[b-02crhb1epv] {
    grid-column: 1 / -1;
    color: #7e8e90;
    font-size: .66rem;
    line-height: 1.6;
}

.obs-governance-loading[b-02crhb1epv],
.obs-governance-error[b-02crhb1epv] {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 14px;
    border: 1px solid #dfe8e6;
    border-radius: 13px;
    color: #607679;
    background: #f8faf9;
    font-size: .7rem;
    font-weight: 850;
}

.obs-governance-error[b-02crhb1epv] {
    justify-content: space-between;
    border-color: #efd6d9;
    color: #8c3f49;
    background: #fff8f8;
}

.obs-governance-error button[b-02crhb1epv] {
    min-height: 38px;
    padding: 7px 11px;
    border: 1px solid currentColor;
    border-radius: 9px;
    color: inherit;
    background: #fff;
    font-size: .66rem;
    font-weight: 900;
}

.obs-dashboard-governance-grid[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
}

.obs-governance-panel[b-02crhb1epv] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(18, 55, 58, .055);
}

.obs-governance-panel__head[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 15px;
    border-bottom: 1px solid #e3ebe9;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--obs-secondary) 9%, transparent), transparent 40%),
        #f8fbfa;
}

.obs-governance-panel__head > span[b-02crhb1epv] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-governance-panel__head h3[b-02crhb1epv],
.obs-governance-panel__head p[b-02crhb1epv] {
    margin: 0;
}

.obs-governance-panel__head h3[b-02crhb1epv] {
    color: #28494c;
    font-size: .82rem;
    font-weight: 950;
}

.obs-governance-panel__head p[b-02crhb1epv] {
    margin-top: 3px;
    color: #7a8d8f;
    font-size: .61rem;
    line-height: 1.65;
}

.obs-governance-panel__head > strong[b-02crhb1epv] {
    display: grid;
    min-width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid #dae5e3;
    border-radius: 999px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .72rem;
}

.obs-governance-empty[b-02crhb1epv] {
    display: grid;
    min-height: 110px;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 18px;
    color: #829294;
    text-align: center;
    font-size: .68rem;
}

.obs-governance-empty i[b-02crhb1epv] {
    color: color-mix(in srgb, var(--obs-primary) 55%, #9aacaa);
    font-size: 1.2rem;
}

.obs-version-history[b-02crhb1epv],
.obs-share-list[b-02crhb1epv] {
    display: grid;
    max-height: 480px;
    gap: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
    scrollbar-width: thin;
}

.obs-version-history > li[b-02crhb1epv],
.obs-share-list > li[b-02crhb1epv] {
    display: grid;
    gap: 9px;
    padding: 13px 15px;
    border-bottom: 1px solid #e6eceb;
}

.obs-version-history > li:last-child[b-02crhb1epv],
.obs-share-list > li:last-child[b-02crhb1epv] {
    border-bottom: 0;
}

.obs-version-history > li.is-current[b-02crhb1epv] {
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
}

.obs-version-history__summary[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.obs-version-history__number[b-02crhb1epv] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #d9e5e2;
    border-radius: 12px;
    color: var(--obs-primary);
    background: #f6f9f8;
    font-size: .76rem;
    font-weight: 950;
}

.obs-version-history__summary > div[b-02crhb1epv],
.obs-share-list > li > div:first-child[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-version-history__summary strong[b-02crhb1epv],
.obs-share-list strong[b-02crhb1epv] {
    color: #294a4d;
    font-size: .71rem;
    font-weight: 950;
}

.obs-version-history__summary strong small[b-02crhb1epv] {
    margin-inline-start: 4px;
    color: var(--obs-primary);
    font-size: .55rem;
}

.obs-version-history__summary div > span[b-02crhb1epv],
.obs-version-history__summary time[b-02crhb1epv],
.obs-share-list small[b-02crhb1epv] {
    color: #7b8d8f;
    font-size: .59rem;
    line-height: 1.55;
}

.obs-version-status[b-02crhb1epv] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .56rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-version-status.is-active[b-02crhb1epv] {
    color: #14664f;
    background: #e8f7f0;
}

.obs-version-status.is-draft[b-02crhb1epv] {
    color: #725615;
    background: #fff5d9;
}

.obs-version-status.is-expired[b-02crhb1epv] {
    color: #725a2b;
    background: #f7efdf;
}

.obs-version-status.is-revoked[b-02crhb1epv] {
    color: #8d404b;
    background: #fbeaec;
}

.obs-governance-link-button[b-02crhb1epv] {
    display: inline-flex;
    width: fit-content;
    min-height: 38px;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #d8e4e2;
    border-radius: 9px;
    color: var(--obs-primary);
    background: #f8faf9;
    font-size: .62rem;
    font-weight: 900;
}

.obs-governance-link-button:hover[b-02crhb1epv],
.obs-governance-link-button:focus-visible[b-02crhb1epv] {
    border-color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
}

.obs-governance-link-button.is-danger[b-02crhb1epv] {
    color: #95454f;
}

.obs-inline-confirm[b-02crhb1epv] {
    display: grid;
    gap: 9px;
    padding: 10px;
    border: 1px solid #ead9bd;
    border-radius: 11px;
    background: #fffbf3;
}

.obs-inline-confirm p[b-02crhb1epv] {
    margin: 0;
    color: #6f5a35;
    font-size: .62rem;
    font-weight: 800;
    line-height: 1.65;
}

.obs-inline-confirm > div[b-02crhb1epv] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-inline-confirm button[b-02crhb1epv] {
    min-height: 37px;
    padding: 7px 10px;
    border: 1px solid #d8dfdd;
    border-radius: 8px;
    color: #5f7375;
    background: #fff;
    font-size: .61rem;
    font-weight: 900;
}

.obs-inline-confirm button.is-primary[b-02crhb1epv] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
}

.obs-inline-confirm button.is-danger[b-02crhb1epv] {
    border-color: #984853;
    color: #fff;
    background: #984853;
}

.obs-share-create[b-02crhb1epv] {
    display: grid;
    gap: 10px;
    padding: 14px 15px;
    border-bottom: 1px solid #e5ecea;
    background: #fbfcfc;
}

.obs-share-create > label:not(.obs-share-pdf-choice)[b-02crhb1epv] {
    display: grid;
    gap: 5px;
    color: #526b6e;
    font-size: .63rem;
    font-weight: 900;
}

.obs-share-create select[b-02crhb1epv] {
    min-height: 42px;
    padding-inline: 10px;
    border: 1px solid #d5e2df;
    border-radius: 10px;
    color: #294b4e;
    background: #fff;
    font-size: .69rem;
    font-weight: 800;
}

.obs-share-pdf-choice[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px;
    border: 1px solid #e0e8e6;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}

.obs-share-pdf-choice input[b-02crhb1epv] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-share-pdf-choice span[b-02crhb1epv],
.obs-share-pdf-choice strong[b-02crhb1epv],
.obs-share-pdf-choice small[b-02crhb1epv] {
    display: block;
}

.obs-share-pdf-choice strong[b-02crhb1epv] {
    color: #3b595c;
    font-size: .65rem;
}

.obs-share-pdf-choice small[b-02crhb1epv] {
    margin-top: 2px;
    color: #859496;
    font-size: .56rem;
}

.obs-share-created[b-02crhb1epv] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid #cde5da;
    background: #f1fbf6;
}

.obs-share-created > div[b-02crhb1epv] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #246a54;
}

.obs-share-created > div > i[b-02crhb1epv] {
    margin-top: 3px;
}

.obs-share-created strong[b-02crhb1epv],
.obs-share-created small[b-02crhb1epv] {
    display: block;
}

.obs-share-created strong[b-02crhb1epv] {
    font-size: .69rem;
}

.obs-share-created small[b-02crhb1epv] {
    margin-top: 2px;
    color: #5c7d71;
    font-size: .57rem;
}

.obs-share-created > label[b-02crhb1epv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    direction: ltr;
}

.obs-share-created input[b-02crhb1epv] {
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    overflow: hidden;
    border: 1px solid #bdd9ce;
    border-radius: 9px 0 0 9px;
    color: #315a4d;
    background: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .61rem;
    text-overflow: ellipsis;
}

.obs-share-created label button[b-02crhb1epv] {
    min-width: 88px;
    border: 0;
    border-radius: 0 9px 9px 0;
    color: #fff;
    background: #26715a;
    font-size: .63rem;
    font-weight: 900;
}

.obs-share-created__dismiss[b-02crhb1epv] {
    width: fit-content;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #bdd9ce;
    border-radius: 9px;
    color: #316b59;
    background: transparent;
    font-size: .6rem;
    font-weight: 900;
}

.obs-share-list > li > div:first-child > .obs-version-status[b-02crhb1epv] {
    margin-bottom: 3px;
}

.obs-builder-review[b-02crhb1epv] {
    padding: 18px;
    border: 1px solid #dce7e5;
    border-radius: 17px;
    background: #fbfdfc;
}

.obs-builder-review__score[b-02crhb1epv] {
    padding: 7px 11px;
    border-radius: 999px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
    font-size: .8rem;
    font-weight: 950;
}

.obs-builder-review__list[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.obs-builder-review__list button[b-02crhb1epv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 76px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid;
    border-radius: 12px;
    text-align: start;
    background: #fff;
}

.obs-builder-review__list button.is-complete[b-02crhb1epv] {
    color: #176650;
    border-color: #b9ddd3;
    background: #f3faf8;
}

.obs-builder-review__list button.is-missing[b-02crhb1epv] {
    color: #8f394a;
    border-color: #ebc6cd;
    background: #fff6f7;
}

.obs-builder-review__list button:hover[b-02crhb1epv],
.obs-builder-review__list button:focus-visible[b-02crhb1epv] {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);
}

.obs-builder-review__list strong[b-02crhb1epv],
.obs-builder-review__list small[b-02crhb1epv] {
    display: block;
}

.obs-builder-review__list strong[b-02crhb1epv] {
    font-size: .84rem;
    font-weight: 950;
}

.obs-builder-review__list small[b-02crhb1epv] {
    margin-top: 3px;
    color: #6f8385;
    font-size: .79rem;
    line-height: 1.5;
}

.obs-final-summary[b-02crhb1epv] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 15px;
    border: 1px solid #dce7e5;
    border-radius: 16px;
    background: #fff;
}

.obs-final-summary > header[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.obs-final-summary > header > span:first-child[b-02crhb1epv] {
    display: grid;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--banner-accent, var(--obs-primary));
}

.obs-final-summary > header > span:last-child[b-02crhb1epv] {
    display: grid;
    gap: 2px;
}

.obs-final-summary > header strong[b-02crhb1epv] {
    color: #23494c;
    font-size: .9rem;
    font-weight: 950;
}

.obs-final-summary > header small[b-02crhb1epv] {
    color: #6e8385;
    font-size: .77rem;
}

.obs-final-summary > div[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.obs-final-summary button[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    min-height: 72px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid #dfe8e6;
    border-radius: 11px;
    color: #375b5e;
    background: #f9fcfb;
    text-align: start;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.obs-final-summary button:hover[b-02crhb1epv],
.obs-final-summary button:focus-visible[b-02crhb1epv] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--obs-primary) 40%, #dfe8e6);
    box-shadow: 0 7px 17px rgba(18, 55, 58, .07);
    outline: none;
}

.obs-final-summary button > i:first-child[b-02crhb1epv] {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 9px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
}

.obs-final-summary button > i:last-child[b-02crhb1epv] {
    color: #809294;
    font-size: .65rem;
}

.obs-final-summary button > span[b-02crhb1epv] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-final-summary button small[b-02crhb1epv] {
    color: #75898b;
    font-size: .65rem;
}

.obs-final-summary button strong[b-02crhb1epv] {
    overflow: hidden;
    font-size: .76rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-publish-readiness[b-02crhb1epv] {
    display: grid;
    grid-template-columns: minmax(230px, .8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: 18px;
    margin-top: 18px;
    padding: 17px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, #dce7e5);
    border-radius: 16px;
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
}

.obs-publish-readiness > div[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.obs-publish-readiness strong[b-02crhb1epv],
.obs-publish-readiness small[b-02crhb1epv] {
    display: block;
}

.obs-publish-readiness strong[b-02crhb1epv] {
    color: #1c4548;
    font-size: .93rem;
    font-weight: 950;
}

.obs-publish-readiness small[b-02crhb1epv] {
    margin-top: 3px;
    color: #6c8183;
    font-size: .79rem;
    line-height: 1.45;
}

.obs-publish-readiness ul[b-02crhb1epv] {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-publish-readiness li[b-02crhb1epv] {
    display: flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 9px;
    font-size: .81rem;
    font-weight: 850;
}

.obs-publish-readiness li.is-complete[b-02crhb1epv] {
    color: #176650;
    background: #eaf7f3;
}

.obs-publish-readiness li.is-pending[b-02crhb1epv] {
    color: #7b6a4e;
    background: #fff8ec;
}

.obs-builder-footer[b-02crhb1epv] {
    position: static;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin: 28px -12px -12px;
    padding: 12px;
    border: 1px solid rgba(214, 226, 223, .85);
    border-radius: 15px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 14px 34px rgba(15, 48, 51, .12);
    backdrop-filter: blur(14px);
}

.obs-wizard-navigation[b-02crhb1epv] {
    position: sticky;
    z-index: 7;
    bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 28px -12px -12px;
    padding: 12px;
    border: 1px solid rgba(205, 220, 217, .94);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 16px 38px rgba(15, 48, 51, .15);
    backdrop-filter: blur(15px);
}

.obs-wizard-navigation > .obs-btn[b-02crhb1epv] {
    min-height: 47px;
    flex: 0 0 auto;
    padding-inline: 15px;
    border-radius: 11px;
    font-size: .82rem;
    font-weight: 950;
}

.obs-wizard-navigation__status[b-02crhb1epv] {
    display: flex;
    min-width: 220px;
    flex: 1 1 auto;
    align-items: center;
    gap: 10px;
    padding: 8px 11px;
    border-radius: 10px;
}

.obs-wizard-navigation__status > i[b-02crhb1epv] {
    font-size: 1.05rem;
}

.obs-wizard-navigation__status strong[b-02crhb1epv],
.obs-wizard-navigation__status small[b-02crhb1epv] {
    display: block;
}

.obs-wizard-navigation__status strong[b-02crhb1epv] {
    font-size: .82rem;
    font-weight: 950;
}

.obs-wizard-navigation__status small[b-02crhb1epv] {
    margin-top: 2px;
    color: #6f8385;
    font-size: .8rem;
}

.obs-wizard-navigation__status.is-saving[b-02crhb1epv] {
    color: #2d6070;
    background: #eef8fb;
}

.obs-wizard-navigation__status.is-new[b-02crhb1epv] {
    color: #506f72;
    background: #f1f5f5;
}

.obs-wizard-navigation__status.is-previewed[b-02crhb1epv],
.obs-wizard-navigation__status.is-saved[b-02crhb1epv] {
    color: #176650;
    background: #eef9f5;
}

.obs-wizard-navigation__hint[b-02crhb1epv] {
    display: flex;
    max-width: 270px;
    align-items: center;
    gap: 7px;
    color: #8a5c1f;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.45;
}

.obs-builder-footer .obs-btn[b-02crhb1epv] {
    min-height: 45px;
    border-radius: 11px;
    font-size: .75rem;
    font-weight: 900;
}

.obs-btn--publish[b-02crhb1epv] {
    color: #fff;
    border-color: #95681f;
    background: linear-gradient(135deg, #bd914b, #8d5e18);
    box-shadow: 0 10px 22px rgba(151, 105, 32, .2);
}

.obs-preview[b-02crhb1epv] {
    position: relative;
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 40%, #dbe6e4);
    border-radius: 26px;
    background:
        radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--obs-secondary) 14%, transparent), transparent 24%),
        #f4f8f7;
    box-shadow: 0 24px 55px rgba(15, 50, 53, .12);
}

.obs-preview[b-02crhb1epv]::after {
    position: absolute;
    top: 0;
    inset-inline-end: 8%;
    width: 1px;
    height: 138px;
    background: linear-gradient(rgba(255, 255, 255, .2), transparent);
    content: "";
    transform: rotate(24deg);
}

.obs-preview__head[b-02crhb1epv] {
    position: relative;
    display: flex;
    min-height: 165px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: clamp(25px, 3vw, 42px);
    overflow: hidden;
    color: #fff;
    background:
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 14px),
        radial-gradient(circle at 12% 4%, color-mix(in srgb, var(--obs-secondary) 30%, transparent), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 91%, #06191b), color-mix(in srgb, var(--obs-primary) 66%, #13373a));
}

.obs-preview__head[b-02crhb1epv]::after {
    position: absolute;
    inset-inline-start: clamp(25px, 3vw, 42px);
    bottom: 0;
    width: 118px;
    height: 4px;
    border-radius: 4px 4px 0 0;
    background: var(--obs-secondary);
    content: "";
}

.obs-preview__head span:first-child[b-02crhb1epv] {
    color: color-mix(in srgb, var(--obs-secondary) 55%, #fff);
    font-size: .7rem;
    font-weight: 900;
}

.obs-preview__head h2[b-02crhb1epv] {
    margin: 10px 0 6px;
    color: #fff;
    font-size: clamp(1.35rem, 2vw, 1.9rem);
    font-weight: 950;
}

.obs-preview__head p[b-02crhb1epv] {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .67);
    font-size: .78rem;
    line-height: 1.8;
}

.obs-preview__type[b-02crhb1epv] {
    position: relative;
    z-index: 1;
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .09);
}

.obs-preview__pages[b-02crhb1epv] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 11px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: color-mix(in srgb, var(--obs-primary) 93%, #061b1d);
}

.obs-preview__pages button[b-02crhb1epv] {
    min-height: 34px;
    padding: 6px 13px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: #c8d9d7;
    background: rgba(255, 255, 255, .05);
    font-size: .7rem;
    font-weight: 900;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.obs-preview__pages button.is-active[b-02crhb1epv] {
    color: #173f42;
    border-color: #fff;
    background: #fff;
}

.obs-preview__metrics[b-02crhb1epv] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

.obs-preview__metrics article[b-02crhb1epv] {
    position: relative;
    min-height: calc(112px + (var(--preview-height, 3) * 18px));
    grid-column: span var(--preview-width, 4);
    padding: 18px;
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(18, 55, 58, .05);
    --preview-accent: var(--obs-primary);
}

.obs-preview__loading[b-02crhb1epv] {
    display: flex;
    min-height: 170px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--obs-primary);
}

.obs-preview__truth-note[b-02crhb1epv] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 16px 18px 0;
    padding: 11px 13px;
    border: 1px solid #bde3d7;
    border-radius: 12px;
    color: #176f5d;
    background: #effaf6;
    font-size: .72rem;
    font-weight: 800;
}

.obs-preview__truth-note.is-draft[b-02crhb1epv] {
    color: #806020;
    border-color: #ead8ad;
    background: #fff9ed;
}

.obs-preview__real-metric[b-02crhb1epv] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 18px 0 11px;
}

.obs-preview__real-metric strong[b-02crhb1epv] {
    color: var(--obs-primary);
    font-size: clamp(1.7rem, 3vw, 2.45rem);
    font-weight: 950;
}

.obs-preview__real-metric small[b-02crhb1epv] {
    color: #718486;
}

.obs-preview__real-metric.is-placeholder[b-02crhb1epv] {
    opacity: .58;
}

.obs-preview__spark[b-02crhb1epv] {
    display: flex;
    height: 74px;
    align-items: end;
    gap: 5px;
    margin: 13px 0;
    padding: 8px 7px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce7e5);
    background: linear-gradient(to top, color-mix(in srgb, var(--obs-primary) 3%, transparent), transparent);
}

.obs-preview__spark i[b-02crhb1epv] {
    min-height: 6px;
    flex: 1;
    border-radius: 4px 4px 1px 1px;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
}

.obs-preview__metrics article[b-02crhb1epv]::before {
    position: absolute;
    inset-block: 15px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(var(--obs-secondary), var(--preview-accent));
    content: "";
}

.obs-preview__metrics article > span[b-02crhb1epv],
.obs-preview__metrics article > small[b-02crhb1epv] {
    color: #718486;
    font-size: .68rem;
}

.obs-preview__metrics article > span b[b-02crhb1epv] {
    margin-inline-start: 5px;
    padding: 2px 6px;
    border-radius: 999px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
    font-size: .56rem;
}

.obs-preview__metrics h3[b-02crhb1epv] {
    margin: 8px 0;
    color: #1b4144;
    font-size: .9rem;
    font-weight: 950;
}

.obs-audience-tabs button > span[b-02crhb1epv] {
    display: inline-grid;
    min-width: 22px;
    height: 22px;
    margin-inline-start: 6px;
    place-items: center;
    border-radius: 999px;
    color: inherit;
    background: color-mix(in srgb, currentColor 8%, transparent);
    font-size: .62rem;
}

.obs-preview__chart[b-02crhb1epv] {
    min-height: 220px;
    margin-top: 6px;
}

.obs-preview__table-wrap[b-02crhb1epv] {
    max-height: 285px;
    margin: 12px 0 8px;
    overflow: auto;
    border: 1px solid #e1e9e7;
    border-radius: 10px;
}

.obs-preview__table-wrap th[b-02crhb1epv],
.obs-preview__table-wrap td[b-02crhb1epv] {
    color: #36575a;
    font-size: .68rem;
    text-align: right;
}

.obs-preview__comparison[b-02crhb1epv] {
    display: inline-flex;
    margin: 5px 0;
    padding: 4px 8px;
    border-radius: 999px;
    font-weight: 900;
}

.obs-preview__comparison.is-positive[b-02crhb1epv] {
    color: #176f5d;
    background: #eaf8f3;
}

.obs-preview__comparison.is-negative[b-02crhb1epv] {
    color: #a33e52;
    background: #fff0f3;
}

.obs-preview__placeholder[b-02crhb1epv] {
    position: relative;
    height: 50px;
    margin: 12px 0;
    overflow: hidden;
    border-radius: 9px;
    background:
        linear-gradient(120deg, transparent 10%, color-mix(in srgb, var(--obs-primary) 16%, transparent) 11% 14%, transparent 15% 27%, color-mix(in srgb, var(--obs-primary) 28%, transparent) 28% 31%, transparent 32%),
        #f1f6f5;
}

.obs-preview__placeholder[b-02crhb1epv]::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: color-mix(in srgb, var(--obs-primary) 22%, transparent);
    content: "";
}

@media (max-width: 1120px) {
    .obs-builder-steps[b-02crhb1epv],
    .obs-builder-review__list[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-layout-row__settings > div[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .obs-layout-row__target-settings > div[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .obs-alert-settings__grid[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .obs-builder-layout[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-builder-layout.is-index-collapsed[b-02crhb1epv] {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .obs-builder-index[b-02crhb1epv] {
        position: static;
        max-height: none;
    }

    .obs-dashboard-list[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-index-live-preview__canvas[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-choice-grid--indicators[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-axis-accordion__indicators[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-page-card[b-02crhb1epv] {
        grid-template-columns: 70px repeat(2, minmax(150px, 1fr)) auto;
    }

    .obs-page-card__description[b-02crhb1epv] {
        grid-column: 2 / 4;
    }

    .obs-layout-row[b-02crhb1epv],
    .obs-layout-row.is-series-control-hidden[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .obs-layout-row__series[b-02crhb1epv] {
        grid-column: 1 / -1;
    }

    .obs-choice-grid--organizations[b-02crhb1epv] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .obs-map-toolbar[b-02crhb1epv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-map-toolbar > label[b-02crhb1epv] {
        grid-column: 1 / -1;
    }

    .obs-axis-strip[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .obs-dashboard-switcher[b-02crhb1epv] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        margin: -4px -4px 20px;
        padding: 11px;
    }

    .obs-dashboard-switcher > .obs-new-dashboard-button[b-02crhb1epv] {
        width: 100%;
        justify-content: center;
    }

    .obs-dashboard-switcher__status strong[b-02crhb1epv],
    .obs-dashboard-switcher__status small[b-02crhb1epv] {
        white-space: normal;
    }

    .obs-builder-layout.is-index-collapsed[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-builder-index.is-collapsed[b-02crhb1epv] {
        max-height: 62px;
        padding: 10px;
    }

    .obs-builder-index.is-collapsed .obs-builder-index__toggle[b-02crhb1epv] {
        width: 100%;
    }

    .obs-builder-index.is-collapsed .obs-builder-index__toggle span[b-02crhb1epv] {
        display: inline;
    }

    .obs-index-live-preview__canvas[b-02crhb1epv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-layout-field-guide dl[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-builder-guide[b-02crhb1epv] {
        margin: -4px -4px 22px;
        padding: 14px;
        border-radius: 16px;
    }

    .obs-builder-guide__intro[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .obs-builder-guide__counter[b-02crhb1epv] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .obs-builder-steps[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-builder-steps button[b-02crhb1epv] {
        min-height: 64px;
    }

    .obs-builder-steps small[b-02crhb1epv] {
        display: none;
    }

    .obs-smart-start[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 14px;
    }

    .obs-smart-start button[b-02crhb1epv] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .obs-builder-review__list[b-02crhb1epv],
    .obs-publish-readiness[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-optional-section > summary[b-02crhb1epv] {
        padding: 11px 12px;
    }

    .is-advanced-section > summary[b-02crhb1epv] {
        flex-wrap: wrap;
    }

    .is-advanced-section > summary[b-02crhb1epv]::after {
        margin-inline-start: auto;
    }

    .obs-layout-row__settings[b-02crhb1epv] {
        grid-column: 1 / -1;
    }

    .obs-layout-row__settings > div[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-layout-row__target-settings > div[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-alert-settings__head[b-02crhb1epv],
    .obs-alert-recipient-picker > header[b-02crhb1epv],
    .obs-alert-runtime > header[b-02crhb1epv] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-alert-runtime__actions[b-02crhb1epv] {
        justify-content: space-between;
    }

    .obs-alert-settings__condition[b-02crhb1epv] {
        align-self: flex-start;
    }

    .obs-alert-settings__grid[b-02crhb1epv],
    .obs-alert-recipient-picker__columns[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-alert-settings__choice--wide[b-02crhb1epv] {
        grid-column: auto;
    }

    .obs-builder-form[b-02crhb1epv],
    .obs-builder-index[b-02crhb1epv] {
        padding: 18px;
        border-radius: 20px;
    }

    .obs-form-grid[b-02crhb1epv],
    .obs-source-grid[b-02crhb1epv],
    .obs-source-mode[b-02crhb1epv],
    .obs-source-binding-grid[b-02crhb1epv],
    .obs-dashboard-sources[b-02crhb1epv],
    .obs-dashboard-list[b-02crhb1epv],
    .obs-choice-grid[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-audience-source-scope__toggle[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-audience-source-scope__toggle > b[b-02crhb1epv] {
        grid-column: 2;
        justify-self: start;
    }

    .obs-audience-source-scope__options strong[b-02crhb1epv] {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .obs-source-relation[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-source-relation__result[b-02crhb1epv],
    .obs-source-relation__preview[b-02crhb1epv] {
        grid-column: auto;
    }

    .obs-dashboard-source-card__confirm[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-dashboard-source-card__confirm button[b-02crhb1epv] {
        width: 100%;
    }

    .obs-layout-editor[b-02crhb1epv] {
        padding: 14px;
    }

    .obs-page-editor[b-02crhb1epv] {
        padding: 14px;
    }

    .obs-page-card[b-02crhb1epv] {
        grid-template-columns: 58px minmax(0, 1fr);
        align-items: end;
    }

    .obs-page-card > label[b-02crhb1epv],
    .obs-page-card__description[b-02crhb1epv],
    .obs-page-card__actions[b-02crhb1epv] {
        grid-column: 1 / -1;
    }

    .obs-page-card__number[b-02crhb1epv] {
        grid-column: 1 / -1;
        grid-template-columns: auto auto;
        min-height: 42px;
        align-content: center;
        justify-content: start;
        padding-inline: 12px;
    }

    .obs-page-card__actions[b-02crhb1epv] {
        flex-wrap: wrap;
    }

    .obs-layout-row[b-02crhb1epv],
    .obs-layout-row.is-series-control-hidden[b-02crhb1epv] {
        grid-template-columns: 1fr;
        align-items: end;
    }

    .obs-layout-row__series[b-02crhb1epv] {
        grid-column: 1 / -1;
    }

    .obs-layout-row__banner[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-layout-row__banner-actions[b-02crhb1epv] {
        grid-column: 1 / -1;
        grid-template-columns: minmax(120px, .72fr) minmax(230px, 1.28fr);
    }

    .obs-layout-row__banner-picker[b-02crhb1epv] {
        grid-column: 1 / -1;
        min-width: 0;
    }

    .obs-series-picker__panel[b-02crhb1epv] {
        width: 100%;
        min-width: 100%;
    }

    .obs-preview__metrics[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-preview__metrics article[b-02crhb1epv] {
        grid-column: 1;
    }

    .obs-source-flow[b-02crhb1epv] {
        align-items: stretch;
        overflow-x: auto;
    }

    .obs-source-flow > span[b-02crhb1epv] {
        min-width: 105px;
        justify-content: center;
    }

    .obs-source-version__head[b-02crhb1epv] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .obs-data-ready[b-02crhb1epv] {
        width: 100%;
        justify-content: center;
    }

    .obs-map-toolbar[b-02crhb1epv],
    .obs-axis-strip[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-map-toolbar > label[b-02crhb1epv] {
        grid-column: auto;
    }

    .obs-choice-grid--indicators[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-axis-accordion__header[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-axis-accordion[b-02crhb1epv] {
        max-height: min(62vh, 590px);
    }

    .obs-axis-accordion__summary[b-02crhb1epv] {
        min-height: 68px;
        grid-template-columns: 35px minmax(0, 1fr) 16px;
        gap: 9px;
        padding: 10px 11px;
    }

    .obs-axis-accordion__number[b-02crhb1epv] {
        width: 35px;
        height: 35px;
    }

    .obs-axis-accordion__selection[b-02crhb1epv] {
        grid-column: 2 / 4;
        grid-row: 2;
    }

    .obs-axis-accordion__chevron[b-02crhb1epv] {
        grid-column: 3;
        grid-row: 1;
    }

    .obs-axis-accordion__toggle[b-02crhb1epv] {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
        padding: 8px 11px;
        border-top: 1px solid #e2ebe9;
        border-inline-start: 0;
    }

    .obs-axis-accordion__panel[b-02crhb1epv] {
        padding: 10px;
    }

    .obs-axis-accordion__panel-head[b-02crhb1epv] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-axis-accordion__panel-head button[b-02crhb1epv] {
        width: 100%;
        justify-content: center;
    }

    .obs-axis-accordion__indicators[b-02crhb1epv] {
        max-height: 300px;
        grid-template-columns: 1fr;
    }

    .obs-builder-stage--audience .obs-choice-grid[b-02crhb1epv] {
        max-height: none;
        overflow: visible;
    }

    .obs-choice-grid--organizations[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-builder-form > .obs-builder-section-head[b-02crhb1epv] {
        padding-inline-start: 52px;
    }

    .obs-builder-section-head[b-02crhb1epv] {
        align-items: flex-start;
    }

    .obs-audience-tabs[b-02crhb1epv] {
        overflow-x: auto;
    }

    .obs-audience-tabs button[b-02crhb1epv] {
        min-width: 130px;
        flex: 0 0 auto;
    }

    .obs-export-rights[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-export-rights small[b-02crhb1epv] {
        grid-column: auto;
    }

    .obs-dashboard-governance-grid[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-governance-card__head[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-governance-card__count[b-02crhb1epv] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .obs-governance-panel__head[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-governance-panel__head > strong[b-02crhb1epv] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .obs-governance-error[b-02crhb1epv] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-share-created > label[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-share-created input[b-02crhb1epv],
    .obs-share-created label button[b-02crhb1epv] {
        min-height: 44px;
        border-radius: 9px;
    }

    .obs-builder-footer[b-02crhb1epv] {
        position: static;
        margin-inline: 0;
        background: #fff;
        backdrop-filter: none;
    }

    .obs-builder-footer .obs-btn[b-02crhb1epv] {
        width: 100%;
        justify-content: center;
    }

    .obs-wizard-navigation[b-02crhb1epv] {
        bottom: 0;
        flex-wrap: wrap;
        margin: 22px -8px -8px;
        padding: 10px;
        border-radius: 14px 14px 8px 8px;
    }

    .obs-wizard-navigation__status[b-02crhb1epv] {
        order: -2;
        width: 100%;
        min-width: 0;
        flex-basis: 100%;
    }

    .obs-wizard-navigation__hint[b-02crhb1epv] {
        order: -1;
        width: 100%;
        max-width: none;
        flex-basis: 100%;
        padding-inline: 4px;
    }

    .obs-wizard-navigation > .obs-btn[b-02crhb1epv] {
        min-width: 0;
        flex: 1 1 calc(50% - 5px);
        justify-content: center;
    }

    .obs-preview__head[b-02crhb1epv] {
        flex-direction: column;
    }
}

@media (max-width: 419.98px) {
    .obs-builder-steps[b-02crhb1epv] {
        display: flex;
        margin-inline: -4px;
        padding: 3px 4px 8px;
        overflow-x: auto;
        scroll-snap-type: inline mandatory;
    }

    .obs-builder-steps button[b-02crhb1epv] {
        min-width: 128px;
        min-height: 56px;
        flex: 0 0 128px;
        scroll-snap-align: start;
    }

    .obs-choice-grid--organizations[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1120px) {
    .obs-visual-picker__grid[b-02crhb1epv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-final-summary > div[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .obs-creation-experience-tabs[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-visual-picker__grid[b-02crhb1epv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-builder-mode[b-02crhb1epv] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-builder-mode button[b-02crhb1epv] {
        width: 100%;
        justify-content: center;
    }

    .obs-final-summary > div[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 450px) {
    .obs-layout-row__banner-actions[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-widget-card-preview-trigger[b-02crhb1epv],
    .obs-layout-row__banner-picker[b-02crhb1epv] {
        width: 100%;
    }

    .obs-visual-picker > summary[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-visual-picker__change[b-02crhb1epv] {
        min-height: auto;
        grid-column: 2;
        justify-self: start;
        padding: 0;
        background: transparent;
    }

    .obs-visual-picker[open] .obs-visual-picker__change[b-02crhb1epv] {
        color: var(--obs-primary);
        background: transparent;
    }

    .obs-visual-picker__panel > header[b-02crhb1epv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .obs-visual-picker__grid[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-live-preview > header[b-02crhb1epv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-live-preview__live[b-02crhb1epv] {
        grid-column: 2;
        justify-self: start;
    }

    .obs-live-preview__canvas[b-02crhb1epv] {
        grid-template-columns: 1fr;
    }

    .obs-live-preview__item.is-wide[b-02crhb1epv] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-builder-stage.is-active[b-02crhb1epv] {
        animation: none;
    }

    .obs-icon-button[b-02crhb1epv],
    .obs-dashboard-list__item[b-02crhb1epv],
    .obs-dashboard-source-card[b-02crhb1epv],
    .obs-choice-card[b-02crhb1epv],
    .obs-simple-choice[b-02crhb1epv],
    .obs-live-preview__live i[b-02crhb1epv],
    .obs-switch-line__control[b-02crhb1epv]::after {
        transition: none;
        animation: none;
    }

    .obs-live-preview__item.is-hold-pending[b-02crhb1epv]::after {
        animation: none;
        transform: scaleX(1);
    }
}
/* _content/Starterkit/Observatory/Components/DashboardReviewManualDetails.razor.rz.scp.css */
.manual-review[b-7bzaubutdr]{margin-block:1rem;padding:1rem;border:1px solid #dce5df;border-radius:10px;min-width:0}.manual-review summary[b-7bzaubutdr]{cursor:pointer;color:#245947}.manual-review dl[b-7bzaubutdr]{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:.5rem 1rem;margin-block:1rem}.manual-review dd[b-7bzaubutdr]{margin:0;overflow-wrap:anywhere}.description[b-7bzaubutdr]{white-space:pre-wrap}.manual-review th[b-7bzaubutdr]{white-space:nowrap}.manual-review td[b-7bzaubutdr]{min-width:90px;white-space:pre-wrap;overflow-wrap:anywhere}.manual-review pre[b-7bzaubutdr]{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.manual-review caption[b-7bzaubutdr]{caption-side:top}@media(max-width:600px){.manual-review dl[b-7bzaubutdr]{grid-template-columns:1fr;gap:.3rem}.manual-review dd[b-7bzaubutdr]{margin-bottom:.6rem}}
/* _content/Starterkit/Observatory/Components/DashboardTargetTrackingVisual.razor.rz.scp.css */
.obs-target-visual[b-3ew2igg7lc] {
    display: grid;
    gap: 11px;
    color: #39585b;
    --target-color: var(--widget-accent, var(--preview-accent, #0b4f52));
    --target-status: #b48a45;
    --target-status-soft: #fff8e9;
}

.obs-target-visual.is-achieved[b-3ew2igg7lc] {
    --target-status: #187052;
    --target-status-soft: #eaf8f2;
}

.obs-target-visual.is-critical[b-3ew2igg7lc] {
    --target-status: #a33e52;
    --target-status-soft: #fff0f3;
}

.obs-target-visual.is-no-data[b-3ew2igg7lc] {
    --target-status: #718486;
    --target-status-soft: #f1f5f4;
}

.obs-target-visual__invalid[b-3ew2igg7lc] {
    display: flex;
    min-height: 110px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    border: 1px dashed #deb9c0;
    border-radius: 12px;
    color: #923b4b;
    background: #fff5f6;
    font-size: .72rem;
    font-weight: 850;
    line-height: 1.7;
    text-align: center;
}

.obs-target-visual__reading[b-3ew2igg7lc] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
}

.obs-target-visual__reading strong[b-3ew2igg7lc],
.obs-target-visual__gauge-reading strong[b-3ew2igg7lc] {
    color: #173f43;
    font-size: clamp(1.8rem, 3.8vw, 3rem);
    font-weight: 950;
    letter-spacing: -.035em;
    line-height: 1;
}

.obs-target-visual__reading small[b-3ew2igg7lc],
.obs-target-visual__gauge-reading small[b-3ew2igg7lc],
.obs-target-visual__target-line small[b-3ew2igg7lc] {
    color: #708486;
    font-size: .68rem;
    font-weight: 850;
}

.obs-target-visual__progress-head[b-3ew2igg7lc],
.obs-target-visual__target-line[b-3ew2igg7lc],
.obs-target-visual__status[b-3ew2igg7lc],
.obs-target-visual__comparison[b-3ew2igg7lc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.obs-target-visual__progress-head[b-3ew2igg7lc] {
    color: #657b7d;
    font-size: .64rem;
    font-weight: 850;
}

.obs-target-visual__progress-head bdi[b-3ew2igg7lc] {
    color: var(--target-status);
    font-weight: 950;
}

.obs-target-visual__progress[b-3ew2igg7lc] {
    position: relative;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8efed;
    box-shadow: inset 0 1px 2px rgba(13, 55, 58, .09);
}

.obs-target-visual__progress > span[b-3ew2igg7lc] {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: var(--target-progress, 0%);
    border-radius: inherit;
    background: linear-gradient(90deg, var(--target-color), var(--target-status));
    transition: width .35s ease;
}

.obs-target-visual__target-line[b-3ew2igg7lc] {
    padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--target-color) 14%, #dce7e5);
    border-radius: 10px;
    background: color-mix(in srgb, var(--target-color) 4%, #fff);
}

.obs-target-visual__target-line > span[b-3ew2igg7lc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #5d7476;
    font-size: .65rem;
    font-weight: 850;
}

.obs-target-visual__target-line > span i[b-3ew2igg7lc] {
    color: var(--target-color);
}

.obs-target-visual__target-line strong[b-3ew2igg7lc] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    color: #21494c;
    font-size: .8rem;
    font-weight: 950;
}

.obs-target-visual__status[b-3ew2igg7lc] {
    align-items: flex-start;
    padding: 8px 10px;
    border-radius: 10px;
    color: var(--target-status);
    background: var(--target-status-soft);
}

.obs-target-visual__status > span[b-3ew2igg7lc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .65rem;
    font-weight: 950;
}

.obs-target-visual__status small[b-3ew2igg7lc] {
    color: inherit;
    font-size: .58rem;
    font-weight: 800;
    line-height: 1.55;
    text-align: end;
}

.obs-target-visual__comparison[b-3ew2igg7lc] {
    width: fit-content;
    justify-content: flex-start;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .61rem;
    font-weight: 900;
}

.obs-target-visual__comparison.is-improvement[b-3ew2igg7lc] {
    border-color: #c9ead8;
    color: #176542;
    background: #edf9f3;
}

.obs-target-visual__comparison.is-decline[b-3ew2igg7lc] {
    border-color: #f0ced4;
    color: #9e3447;
    background: #fff2f4;
}

.obs-target-visual__comparison.is-neutral[b-3ew2igg7lc] {
    border-color: #dbe5e3;
    color: #617779;
    background: #f3f6f5;
}

.obs-target-visual__direction[b-3ew2igg7lc] {
    color: #718486;
    font-size: .56rem;
    font-weight: 750;
    line-height: 1.55;
}

.obs-target-visual__gauge[b-3ew2igg7lc] {
    position: relative;
    max-width: 310px;
    margin: 0 auto -4px;
}

.obs-target-visual__gauge svg[b-3ew2igg7lc] {
    display: block;
    width: 100%;
    overflow: visible;
}

.obs-target-visual__gauge-track[b-3ew2igg7lc],
.obs-target-visual__gauge-value[b-3ew2igg7lc] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 16;
}

.obs-target-visual__gauge-track[b-3ew2igg7lc] {
    stroke: #e6eeec;
}

.obs-target-visual__gauge-value[b-3ew2igg7lc] {
    stroke: var(--target-status);
    transition: stroke-dasharray .4s ease;
}

.obs-target-visual__gauge-target[b-3ew2igg7lc] {
    stroke: #243f43;
    stroke-linecap: round;
    stroke-width: 4;
    filter: drop-shadow(0 1px 1px rgba(255, 255, 255, .8));
}

.obs-target-visual__gauge-reading[b-3ew2igg7lc] {
    position: absolute;
    inset-inline: 18%;
    inset-block-end: 16px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    text-align: center;
}

.obs-target-visual__gauge-reading strong[b-3ew2igg7lc] {
    font-size: clamp(1.45rem, 3vw, 2.35rem);
}

.obs-target-visual__gauge-range[b-3ew2igg7lc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -10px 12px 0;
    color: #718486;
    font-size: .58rem;
    font-weight: 800;
}

@media (prefers-reduced-motion: reduce) {
    .obs-target-visual__progress > span[b-3ew2igg7lc],
    .obs-target-visual__gauge-value[b-3ew2igg7lc] {
        transition: none;
    }
}

@media (max-width: 520px) {
    .obs-target-visual__status[b-3ew2igg7lc] {
        align-items: stretch;
        flex-direction: column;
        gap: 4px;
    }

    .obs-target-visual__status small[b-3ew2igg7lc] {
        text-align: start;
    }
}
/* _content/Starterkit/Observatory/Components/DashboardTemplateGenerationWorkspace.razor.rz.scp.css */
.obs-template-generator[b-nmrhmcy2xy] {
    --generator-ink: #173f43;
    --generator-muted: #637d80;
    --generator-primary: var(--obs-primary, #0b5c60);
    --generator-secondary: var(--obs-secondary, #d5a82d);
    --generator-line: #dce9e7;
    --generator-soft: #f4f9f8;
    display: grid;
    gap: 18px;
    color: var(--generator-ink);
    text-align: right;
}

.obs-template-generator__hero[b-nmrhmcy2xy] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--generator-primary) 28%, #fff);
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--generator-secondary) 24%, transparent), transparent 31%),
        linear-gradient(135deg, #f7fcfb 0%, #eef8f6 48%, #fffaf0 100%);
}

.obs-template-generator__hero[b-nmrhmcy2xy]::after {
    position: absolute;
    inset-inline-end: -46px;
    inset-block-end: -62px;
    width: 180px;
    height: 180px;
    border: 28px solid color-mix(in srgb, var(--generator-primary) 7%, transparent);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.obs-template-generator__hero-copy[b-nmrhmcy2xy] {
    position: relative;
    z-index: 1;
    max-width: 760px;
}

.obs-template-generator__eyebrow[b-nmrhmcy2xy] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    color: var(--generator-primary);
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .01em;
}

.obs-template-generator__eyebrow i[b-nmrhmcy2xy] {
    color: #b37d00;
}

.obs-template-generator__hero h2[b-nmrhmcy2xy] {
    margin: 0;
    color: #11393d;
    font-size: clamp(1.12rem, 2vw, 1.52rem);
    font-weight: 950;
    line-height: 1.45;
}

.obs-template-generator__hero p[b-nmrhmcy2xy] {
    max-width: 680px;
    margin: 8px 0 0;
    color: var(--generator-muted);
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.85;
}

.obs-template-generator__continue[b-nmrhmcy2xy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border-radius: 12px;
    font-size: .79rem;
    font-weight: 900;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

.obs-template-generator__alert[b-nmrhmcy2xy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    border: 1px solid #efc2ca;
    border-radius: 14px;
    color: #923c4c;
    background: #fff5f6;
    font-size: .8rem;
    font-weight: 850;
}

.obs-template-generator__alert.is-preview[b-nmrhmcy2xy] {
    border-color: #efdca7;
    color: #725b19;
    background: #fffaf0;
}

.obs-template-generator__loading[b-nmrhmcy2xy] {
    display: flex;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px dashed #bdd5d2;
    border-radius: 20px;
    color: #466d70;
    background: #f8fbfb;
    font-size: .84rem;
    font-weight: 850;
}

.obs-template-generator__filters[b-nmrhmcy2xy] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(240px, 1.2fr) minmax(92px, auto);
    gap: 14px;
    align-items: end;
    padding: 18px;
    border: 1px solid var(--generator-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(20, 65, 68, .055);
}

.obs-template-generator__field[b-nmrhmcy2xy] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.obs-template-generator__field > span[b-nmrhmcy2xy],
.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__setting > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #274f53;
    font-size: .76rem;
    font-weight: 900;
}

.obs-template-generator__field > span i[b-nmrhmcy2xy] {
    color: var(--generator-primary);
}

.obs-template-generator__field small[b-nmrhmcy2xy] {
    color: #789093;
    font-size: .68rem;
    font-weight: 700;
}

.obs-template-generator__field :is(.form-select, .form-control)[b-nmrhmcy2xy],
.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__setting :is(.form-select, .form-control),
.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__preview-slicer .form-select {
    min-height: 42px;
    border-color: #cadcda;
    border-radius: 11px;
    color: #1e484c;
    background-color: #fff;
    font-size: .79rem;
    font-weight: 800;
    box-shadow: none;
}

.obs-template-generator__field :is(.form-select, .form-control):focus[b-nmrhmcy2xy],
.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__setting :is(.form-select, .form-control):focus {
    border-color: var(--generator-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--generator-primary) 12%, transparent);
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visual-picker-trigger {
    display: grid;
    width: 100%;
    min-height: 64px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid #c9dcda;
    border-radius: 12px;
    color: #285b60;
    background: linear-gradient(145deg, #fff, #f3faf8);
    text-align: right;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visual-picker-trigger:hover:not(:disabled),
.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visual-picker-trigger:focus-visible {
    border-color: var(--generator-primary);
    outline: none;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--generator-primary) 12%, transparent);
    transform: translateY(-1px);
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visual-picker-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg, var(--generator-primary), #24777a);
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visual-picker-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visual-picker-copy small {
    color: #71888a;
    font-size: .61rem;
    font-weight: 800;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visual-picker-copy strong {
    overflow: hidden;
    color: #214e52;
    font-size: .75rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visual-picker-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border-radius: 9px;
    color: var(--generator-primary);
    background: #e9f6f3;
    font-size: .62rem;
    font-weight: 900;
}

.obs-template-generator__availability[b-nmrhmcy2xy] {
    display: grid;
    min-height: 70px;
    place-items: center;
    align-content: center;
    padding: 9px 15px;
    border: 1px solid #ead9a7;
    border-radius: 14px;
    color: #735b17;
    background: linear-gradient(145deg, #fffdf6, #fff8df);
}

.obs-template-generator__availability span[b-nmrhmcy2xy] {
    font-size: 1.23rem;
    font-weight: 950;
    line-height: 1;
}

.obs-template-generator__availability small[b-nmrhmcy2xy] {
    margin-top: 5px;
    font-size: .66rem;
    font-weight: 850;
}

.obs-template-generator__empty[b-nmrhmcy2xy] {
    display: flex;
    min-height: 250px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 28px;
    border: 1px dashed #c8dbd9;
    border-radius: 20px;
    color: #496a6d;
    background: linear-gradient(145deg, #fbfdfd, #f4f9f8);
    text-align: start;
}

.obs-template-generator__empty.is-compact[b-nmrhmcy2xy] {
    min-height: 130px;
}

.obs-template-generator__empty.is-selection .obs-template-generator__empty-icon[b-nmrhmcy2xy] {
    color: #8a6d1c;
    border-color: #ead8a3;
    background: #fff9e8;
}

.obs-template-generator__empty-icon[b-nmrhmcy2xy] {
    display: grid;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    place-items: center;
    border: 1px solid #bddad5;
    border-radius: 17px;
    color: #17705f;
    background: #ecf8f5;
    font-size: 1.15rem;
}

.obs-template-generator__empty strong[b-nmrhmcy2xy] {
    display: block;
    margin-bottom: 5px;
    color: #214d51;
    font-size: .92rem;
    font-weight: 950;
}

.obs-template-generator__empty p[b-nmrhmcy2xy] {
    max-width: 590px;
    margin: 0;
    color: #708689;
    font-size: .76rem;
    font-weight: 700;
    line-height: 1.75;
}

.obs-template-generator__template-summary[b-nmrhmcy2xy] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px 17px;
    border: 1px solid #d8e6e4;
    border-radius: 17px;
    background: #fff;
}

.obs-template-generator__template-mark[b-nmrhmcy2xy] {
    display: grid;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, var(--generator-primary), #24777a);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--generator-primary) 22%, transparent);
}

.obs-template-generator__template-summary > div:nth-child(2)[b-nmrhmcy2xy] {
    display: grid;
    gap: 2px;
}

.obs-template-generator__template-summary > div:nth-child(2) > span[b-nmrhmcy2xy] {
    color: #7d9294;
    font-size: .67rem;
    font-weight: 850;
}

.obs-template-generator__template-summary > div:nth-child(2) > strong[b-nmrhmcy2xy] {
    font-size: .88rem;
    font-weight: 950;
}

.obs-template-generator__template-summary small[b-nmrhmcy2xy] {
    color: #748b8e;
    font-size: .69rem;
    font-weight: 750;
}

.obs-template-generator__approval[b-nmrhmcy2xy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-inline-start: auto;
    padding: 8px 11px;
    border: 1px solid #bfe0d8;
    border-radius: 12px;
    color: #176857;
    background: #f0faf7;
}

.obs-template-generator__approval > span[b-nmrhmcy2xy] {
    display: grid;
    gap: 1px;
}

.obs-template-generator__approval strong[b-nmrhmcy2xy] {
    font-size: .7rem;
    font-weight: 950;
}

.obs-template-generator__approval small[b-nmrhmcy2xy] {
    font-size: .61rem;
}

.obs-template-generator__axes[b-nmrhmcy2xy] {
    display: grid;
    gap: 11px;
}

.obs-template-generator__axis[b-nmrhmcy2xy] {
    overflow: clip;
    border: 1px solid #d9e6e4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(17, 62, 65, .045);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.obs-template-generator__axis.is-open[b-nmrhmcy2xy] {
    border-color: color-mix(in srgb, var(--generator-primary) 42%, #d9e6e4);
    box-shadow: 0 14px 34px rgba(16, 67, 70, .08);
}

.obs-template-generator__axis h3[b-nmrhmcy2xy] {
    margin: 0;
}

.obs-template-generator__axis h3 > button[b-nmrhmcy2xy] {
    display: flex;
    width: 100%;
    min-height: 70px;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    border: 0;
    color: inherit;
    background: #fff;
    text-align: right;
}

.obs-template-generator__axis h3 > button:hover[b-nmrhmcy2xy],
.obs-template-generator__axis h3 > button:focus-visible[b-nmrhmcy2xy] {
    background: #f7fbfa;
    outline: none;
}

.obs-template-generator__axis-icon[b-nmrhmcy2xy] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 12px;
    color: var(--generator-primary);
    background: #eaf6f4;
}

.obs-template-generator__axis-title[b-nmrhmcy2xy] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-template-generator__axis-title strong[b-nmrhmcy2xy] {
    overflow: hidden;
    font-size: .86rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-template-generator__axis-title small[b-nmrhmcy2xy] {
    color: #7a8f91;
    font-size: .66rem;
    font-weight: 750;
}

.obs-template-generator__axis-count[b-nmrhmcy2xy] {
    margin-inline-start: auto;
    padding: 5px 9px;
    border: 1px solid #d9e3e2;
    border-radius: 999px;
    color: #75898b;
    background: #f7f9f9;
    font-size: .65rem;
    font-weight: 900;
}

.obs-template-generator__axis-count.has-enabled[b-nmrhmcy2xy] {
    border-color: #b9ddd4;
    color: #116955;
    background: #edf9f5;
}

.obs-template-generator__axis-chevron[b-nmrhmcy2xy] {
    margin-inline-start: 4px;
    color: #799093;
    font-size: .73rem;
    transition: transform .2s ease;
}

.obs-template-generator__axis.is-open .obs-template-generator__axis-chevron[b-nmrhmcy2xy] {
    transform: rotate(180deg);
}

.obs-template-generator__axis-body[b-nmrhmcy2xy] {
    padding: 17px;
    border-top: 1px solid #e4edec;
    background: #f7faf9;
}

.obs-template-generator__cards[b-nmrhmcy2xy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.obs-template-generator__axis-empty[b-nmrhmcy2xy] {
    padding: 24px;
    color: #748b8d;
    font-size: .78rem;
    font-weight: 800;
    text-align: center;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__card {
    position: relative;
    display: grid;
    min-width: 0;
    align-content: start;
    overflow: hidden;
    border: 1px solid #d9e5e3;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(17, 56, 59, .055);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__card:hover {
    transform: translateY(-1px);
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__card.is-enabled {
    border-color: color-mix(in srgb, var(--generator-primary) 58%, #d9e5e3);
    box-shadow: 0 13px 30px color-mix(in srgb, var(--generator-primary) 12%, transparent);
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__card.is-full {
    grid-column: 1 / -1;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__card-accent {
    height: 4px;
    background: #d7e2e1;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__card.is-enabled .obs-template-generator__card-accent {
    background: linear-gradient(90deg, var(--generator-primary), var(--generator-secondary));
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 15px 10px;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__indicator-identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__indicator-icon {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 11px;
    color: #547376;
    background: #eef4f3;
    transition: color .2s ease, background-color .2s ease;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .is-enabled .obs-template-generator__indicator-icon {
    color: var(--generator-primary);
    background: #e8f6f3;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__indicator-identity > div {
    min-width: 0;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__indicator-identity h4 {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #173f43;
    font-size: .8rem;
    font-weight: 950;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__indicator-identity small {
    display: block;
    margin-top: 2px;
    overflow: hidden;
    color: #819496;
    font-size: .6rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visibility {
    display: grid;
    flex: 0 0 auto;
    justify-items: center;
    gap: 3px;
    cursor: pointer;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visibility input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visibility-track {
    position: relative;
    display: block;
    width: 40px;
    height: 22px;
    border: 1px solid #bdcdcb;
    border-radius: 999px;
    background: #dfe7e6;
    transition: background-color .18s ease, border-color .18s ease;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visibility-track span {
    position: absolute;
    inset-block-start: 3px;
    inset-inline-start: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(19, 54, 57, .22);
    transition: transform .18s ease;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visibility input:checked + .obs-template-generator__visibility-track {
    border-color: var(--generator-primary);
    background: var(--generator-primary);
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visibility input:checked + .obs-template-generator__visibility-track span {
    transform: translateX(-18px);
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visibility input:focus-visible + .obs-template-generator__visibility-track {
    outline: 3px solid color-mix(in srgb, var(--generator-primary) 22%, transparent);
    outline-offset: 2px;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visibility input:disabled + .obs-template-generator__visibility-track {
    opacity: .48;
    cursor: not-allowed;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visibility strong {
    color: #73888a;
    font-size: .59rem;
    font-weight: 900;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .is-enabled .obs-template-generator__visibility strong {
    color: #126957;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__preview {
    position: relative;
    display: grid;
    min-height: var(--generator-preview-height, 230px);
    align-items: center;
    margin: 0 15px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #e0e9e8;
    border-radius: 14px;
    background:
        linear-gradient(rgba(24, 70, 73, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(24, 70, 73, .025) 1px, transparent 1px),
        #fbfdfd;
    background-size: 24px 24px;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__card.is-hidden .obs-template-generator__preview::after {
    position: absolute;
    inset-block-start: 9px;
    inset-inline-end: 9px;
    padding: 4px 8px;
    border: 1px solid #d7e1e0;
    border-radius: 999px;
    color: #687e80;
    background: rgba(255, 255, 255, .92);
    content: "معاينة فقط";
    font-size: .58rem;
    font-weight: 900;
    pointer-events: none;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__chart {
    width: 100%;
    min-height: calc(var(--generator-preview-height, 230px) - 25px);
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__preview-loading,
.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__preview-empty {
    display: grid;
    min-height: 190px;
    place-items: center;
    align-content: center;
    gap: 9px;
    color: #71888a;
    font-size: .7rem;
    font-weight: 800;
    text-align: center;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__preview-empty i {
    font-size: 1.3rem;
    opacity: .65;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__metric {
    display: grid;
    min-height: 190px;
    place-items: center;
    align-content: center;
    gap: 5px;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__metric strong {
    color: var(--generator-primary);
    font-size: clamp(1.8rem, 4vw, 2.65rem);
    font-weight: 950;
    letter-spacing: -.04em;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__metric small {
    color: #758b8d;
    font-size: .72rem;
    font-weight: 850;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__preview-slicer {
    display: grid;
    gap: 7px;
    padding: 16px;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__preview-slicer > span {
    color: #486a6d;
    font-size: .72rem;
    font-weight: 900;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__table-wrap {
    max-height: 205px;
    overflow: auto;
    border: 1px solid #dfE9e8;
    border-radius: 10px;
    background: #fff;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__table-wrap table {
    width: 100%;
    border-collapse: collapse;
    font-size: .68rem;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__table-wrap :is(th, td) {
    padding: 8px 9px;
    border-bottom: 1px solid #e7eeed;
    text-align: right;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__table-wrap thead th {
    position: sticky;
    top: 0;
    color: #315b5e;
    background: #eef6f5;
    font-weight: 950;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__unsupported {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 10px 15px 0;
    padding: 9px 10px;
    border-radius: 10px;
    color: #7a621d;
    background: #fff8e6;
    font-size: .64rem;
    font-weight: 800;
    line-height: 1.55;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__settings {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin: 13px 15px 0;
    padding: 13px;
    border: 1px solid #e0e9e8;
    border-radius: 13px;
    background: #fbfdfd;
    transition: opacity .18s ease;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__settings:disabled {
    opacity: .56;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__settings legend {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 4px;
    color: #5d777a;
    font-size: .64rem;
    font-weight: 900;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__setting {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 6px;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__setting.is-wide {
    grid-column: 1 / -1;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__setting :is(.form-select, .form-control) {
    min-height: 37px;
    padding-block: 6px;
    font-size: .7rem;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__check {
    display: flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    color: #496a6d;
    font-size: .67rem;
    font-weight: 850;
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__check input {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    accent-color: var(--generator-primary);
}

.obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__check.is-unavailable {
    color: #8b999a;
}

.obs-template-generator__continue:disabled[b-nmrhmcy2xy] {
    cursor: not-allowed;
    opacity: .52;
}

.obs-template-generator__footer[b-nmrhmcy2xy] {
    position: sticky;
    z-index: 4;
    inset-block-end: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid #cfdfdd;
    border-radius: 17px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 17px 42px rgba(15, 54, 57, .14);
    backdrop-filter: blur(12px);
}

.obs-template-generator__selection-status[b-nmrhmcy2xy] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.obs-template-generator__selection-status > span[b-nmrhmcy2xy] {
    display: grid;
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    place-items: center;
    border-radius: 12px;
    color: #7c8e90;
    background: #eef3f2;
}

.obs-template-generator__selection-status > span.is-ready[b-nmrhmcy2xy] {
    color: #126a57;
    background: #e9f7f3;
}

.obs-template-generator__selection-status > div[b-nmrhmcy2xy] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-template-generator__selection-status strong[b-nmrhmcy2xy] {
    overflow: hidden;
    color: #234f53;
    font-size: .77rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-template-generator__selection-status small[b-nmrhmcy2xy] {
    color: #788d8f;
    font-size: .65rem;
    font-weight: 750;
}

.obs-template-generator__continue[b-nmrhmcy2xy] {
    flex: 0 0 auto;
    padding: 10px 17px;
    border: 1px solid var(--generator-primary);
    color: #fff;
    background: linear-gradient(145deg, var(--generator-primary), #167277);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--generator-primary) 24%, transparent);
}

.obs-template-generator__continue:hover:not(:disabled)[b-nmrhmcy2xy],
.obs-template-generator__continue:focus-visible[b-nmrhmcy2xy] {
    outline: none;
    box-shadow: 0 13px 29px color-mix(in srgb, var(--generator-primary) 32%, transparent);
    transform: translateY(-1px);
}

.obs-template-visual-picker-backdrop[b-nmrhmcy2xy] {
    position: fixed;
    z-index: 1300;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(6, 28, 31, .68);
    backdrop-filter: blur(7px);
}

.obs-template-visual-picker[b-nmrhmcy2xy] {
    display: grid;
    width: min(1180px, calc(100vw - 40px));
    max-height: calc(100vh - 40px);
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--generator-primary) 38%, #fff);
    border-radius: 24px;
    color: #173f43;
    background: #fff;
    box-shadow: 0 34px 90px rgba(3, 24, 27, .34);
    text-align: right;
}

.obs-template-visual-picker > header[b-nmrhmcy2xy] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 13px;
    padding: 19px 21px;
    border-bottom: 1px solid #dce8e6;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--generator-secondary) 22%, transparent), transparent 34%),
        linear-gradient(135deg, #f4faf8, #fffaf0);
}

.obs-template-visual-picker__hero-icon[b-nmrhmcy2xy] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, var(--generator-primary), #24777a);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--generator-primary) 22%, transparent);
}

.obs-template-visual-picker > header > div[b-nmrhmcy2xy] {
    min-width: 0;
}

.obs-template-visual-picker > header > div > span[b-nmrhmcy2xy] {
    color: #9a7417;
    font-size: .66rem;
    font-weight: 950;
}

.obs-template-visual-picker h2[b-nmrhmcy2xy] {
    margin: 3px 0 4px;
    color: #173f43;
    font-size: clamp(1rem, 2vw, 1.28rem);
    font-weight: 950;
}

.obs-template-visual-picker > header p[b-nmrhmcy2xy] {
    max-width: 760px;
    margin: 0;
    color: #687f82;
    font-size: .72rem;
    font-weight: 750;
    line-height: 1.7;
}

.obs-template-visual-picker__close[b-nmrhmcy2xy] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #d5e2e0;
    border-radius: 11px;
    color: #557174;
    background: rgba(255, 255, 255, .86);
}

.obs-template-visual-picker__close:hover[b-nmrhmcy2xy],
.obs-template-visual-picker__close:focus-visible[b-nmrhmcy2xy] {
    border-color: #b35260;
    color: #a33d4c;
    outline: none;
}

.obs-template-visual-picker__context[b-nmrhmcy2xy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 21px;
    border-bottom: 1px solid #e3ecea;
    background: #fbfdfc;
}

.obs-template-visual-picker__context > span[b-nmrhmcy2xy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border: 1px solid #dbe7e5;
    border-radius: 999px;
    color: #567174;
    background: #fff;
    font-size: .63rem;
    font-weight: 800;
}

.obs-template-visual-picker__context i[b-nmrhmcy2xy] {
    color: var(--generator-primary);
}

.obs-template-visual-picker__context strong[b-nmrhmcy2xy] {
    color: #214f53;
    font-weight: 950;
}

.obs-template-visual-picker__body[b-nmrhmcy2xy] {
    display: grid;
    gap: 17px;
    min-height: 0;
    padding: 18px 21px;
    overflow: auto;
    background: #f6faf9;
}

.obs-template-visual-picker__category[b-nmrhmcy2xy] {
    display: grid;
    gap: 9px;
}

.obs-template-visual-picker__category > header[b-nmrhmcy2xy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.obs-template-visual-picker__category h3[b-nmrhmcy2xy] {
    margin: 0;
    color: #244f53;
    font-size: .82rem;
    font-weight: 950;
}

.obs-template-visual-picker__category > header > span[b-nmrhmcy2xy] {
    padding: 4px 8px;
    border-radius: 999px;
    color: #6d8284;
    background: #e9f0ef;
    font-size: .59rem;
    font-weight: 850;
}

.obs-template-visual-picker__grid[b-nmrhmcy2xy] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.obs-template-visual-picker__option[b-nmrhmcy2xy] {
    position: relative;
    display: grid;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d9e5e3;
    border-radius: 15px;
    color: #31585c;
    background: #fff;
    text-align: right;
    box-shadow: 0 7px 18px rgba(17, 57, 60, .045);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-template-visual-picker__option:hover[b-nmrhmcy2xy],
.obs-template-visual-picker__option:focus-visible[b-nmrhmcy2xy] {
    border-color: var(--generator-primary);
    outline: none;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--generator-primary) 13%, transparent);
    transform: translateY(-2px);
}

.obs-template-visual-picker__option.is-selected[b-nmrhmcy2xy] {
    border-width: 2px;
    border-color: var(--generator-primary);
    background: color-mix(in srgb, var(--generator-primary) 3%, #fff);
}

.obs-template-visual-picker__option.is-recommended:not(.is-selected)[b-nmrhmcy2xy] {
    border-color: #d6b34f;
}

.obs-template-visual-picker__sample[b-nmrhmcy2xy] {
    display: grid;
    min-height: 118px;
    place-items: center;
    padding: 9px;
    border-bottom: 1px solid #e1eae8;
    background:
        linear-gradient(rgba(24, 70, 73, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(24, 70, 73, .025) 1px, transparent 1px),
        #fafdfc;
    background-size: 20px 20px;
}

.obs-template-visual-picker__choice-copy[b-nmrhmcy2xy] {
    display: grid;
    gap: 5px;
    padding: 10px 11px 12px;
}

.obs-template-visual-picker__choice-copy > span[b-nmrhmcy2xy] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.obs-template-visual-picker__choice-copy > span i[b-nmrhmcy2xy] {
    color: var(--generator-primary);
}

.obs-template-visual-picker__choice-copy strong[b-nmrhmcy2xy] {
    color: #234f53;
    font-size: .72rem;
    font-weight: 950;
}

.obs-template-visual-picker__choice-copy small[b-nmrhmcy2xy] {
    min-height: 2.8em;
    color: #72878a;
    font-size: .59rem;
    font-weight: 750;
    line-height: 1.45;
}

.obs-template-visual-picker__recommended[b-nmrhmcy2xy],
.obs-template-visual-picker__selected[b-nmrhmcy2xy] {
    position: absolute;
    inset-block-start: 7px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: .55rem;
    font-weight: 950;
    box-shadow: 0 4px 10px rgba(21, 55, 58, .12);
}

.obs-template-visual-picker__recommended[b-nmrhmcy2xy] {
    inset-inline-start: 7px;
    color: #775b0b;
    background: #fff5cf;
}

.obs-template-visual-picker__selected[b-nmrhmcy2xy] {
    inset-inline-end: 7px;
    color: #fff;
    background: var(--generator-primary);
}

.obs-template-visual-picker > footer[b-nmrhmcy2xy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 21px;
    border-top: 1px solid #dce7e5;
    background: #fff;
}

.obs-template-visual-picker > footer > span[b-nmrhmcy2xy] {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    max-width: 660px;
    color: #697f82;
    font-size: .65rem;
    font-weight: 750;
    line-height: 1.55;
}

.obs-template-visual-picker > footer > span i[b-nmrhmcy2xy] {
    margin-top: 2px;
    color: var(--generator-primary);
}

.obs-template-visual-picker > footer > div[b-nmrhmcy2xy] {
    display: flex;
    gap: 8px;
}

.obs-template-visual-picker > footer button[b-nmrhmcy2xy] {
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: .7rem;
    font-weight: 900;
}

.obs-template-visual-picker > footer button.is-secondary[b-nmrhmcy2xy] {
    border: 1px solid #cedddb;
    color: #557073;
    background: #f7faf9;
}

.obs-template-visual-picker > footer button.is-primary[b-nmrhmcy2xy] {
    border: 1px solid var(--generator-primary);
    color: #fff;
    background: var(--generator-primary);
}

.obs-template-visual-picker > footer button:disabled[b-nmrhmcy2xy] {
    cursor: not-allowed;
    opacity: .5;
}

@media (max-width: 760px) {
    .obs-template-generator__cards[b-nmrhmcy2xy] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 820px) {
    .obs-template-generator__hero[b-nmrhmcy2xy],
    .obs-template-generator__footer[b-nmrhmcy2xy] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-template-generator__continue[b-nmrhmcy2xy] {
        width: 100%;
    }

    .obs-template-generator__filters[b-nmrhmcy2xy] {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-template-generator__availability[b-nmrhmcy2xy] {
        min-height: 58px;
    }

    .obs-template-generator__template-summary[b-nmrhmcy2xy] {
        flex-wrap: wrap;
    }

    .obs-template-generator__approval[b-nmrhmcy2xy] {
        width: 100%;
        margin-inline-start: 0;
    }

    .obs-template-visual-picker-backdrop[b-nmrhmcy2xy] {
        padding: 10px;
    }

    .obs-template-visual-picker[b-nmrhmcy2xy] {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        border-radius: 18px;
    }

    .obs-template-visual-picker__grid[b-nmrhmcy2xy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-template-visual-picker > footer[b-nmrhmcy2xy] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-template-visual-picker > footer > div[b-nmrhmcy2xy],
    .obs-template-visual-picker > footer button[b-nmrhmcy2xy] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .obs-template-generator__hero[b-nmrhmcy2xy],
    .obs-template-generator__filters[b-nmrhmcy2xy],
    .obs-template-generator__axis-body[b-nmrhmcy2xy] {
        padding: 14px;
    }

    .obs-template-generator__empty[b-nmrhmcy2xy] {
        min-height: 190px;
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }

    .obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__settings {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__setting.is-wide {
        grid-column: auto;
    }

    .obs-template-generator__axis-count[b-nmrhmcy2xy] {
        display: none;
    }

    .obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__preview {
        min-height: 210px;
    }

    .obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__chart {
        min-height: 185px;
    }

    .obs-template-generator__selection-status small[b-nmrhmcy2xy] {
        white-space: normal;
    }

    .obs-template-generator__cards[b-nmrhmcy2xy]  .obs-template-generator__visual-picker-action span {
        display: none;
    }

    .obs-template-visual-picker > header[b-nmrhmcy2xy] {
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 14px;
    }

    .obs-template-visual-picker__hero-icon[b-nmrhmcy2xy] {
        display: none;
    }

    .obs-template-visual-picker__context[b-nmrhmcy2xy],
    .obs-template-visual-picker__body[b-nmrhmcy2xy],
    .obs-template-visual-picker > footer[b-nmrhmcy2xy] {
        padding-inline: 14px;
    }

    .obs-template-visual-picker__grid[b-nmrhmcy2xy] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-template-generator *[b-nmrhmcy2xy],
    .obs-template-generator *[b-nmrhmcy2xy]::before,
    .obs-template-generator *[b-nmrhmcy2xy]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }

    .obs-template-generator__cards[b-nmrhmcy2xy]  *,
    .obs-template-generator__cards[b-nmrhmcy2xy]  *::before,
    .obs-template-generator__cards[b-nmrhmcy2xy]  *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* _content/Starterkit/Observatory/Components/DashboardVisualizationSample.razor.rz.scp.css */
.obs-viz-sample[b-oclk069n8h] {
    --sample-primary: var(--banner-accent, var(--obs-primary, #0b615f));
    --sample-secondary: var(--obs-secondary, #b98a35);
    --sample-ink: #244a4d;
    --sample-muted: #536f72;
    display: grid;
    width: 100%;
    min-width: 0;
    min-height: 96px;
    max-height: 118px;
    aspect-ratio: 2.12 / 1;
    place-items: stretch;
    overflow: hidden;
    padding: 7px;
    border: 1px solid color-mix(in srgb, var(--sample-primary) 11%, #dde8e6);
    border-radius: 10px;
    color: var(--sample-ink);
    background:
        radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--sample-secondary) 9%, transparent), transparent 34%),
        linear-gradient(155deg, #fbfdfc, #f2f7f6);
    font-family: inherit;
    line-height: 1.35;
    direction: rtl;
    isolation: isolate;
}

.obs-viz-sample svg[b-oclk069n8h] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: visible;
}

.obs-viz-sample svg text[b-oclk069n8h] {
    fill: var(--sample-muted);
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    direction: rtl;
}

.sample-grid[b-oclk069n8h] {
    fill: none;
    stroke: #dfe9e7;
    stroke-linecap: round;
    stroke-width: 1;
}

.sample-axis-labels text[b-oclk069n8h] {
    font-size: 9.5px;
    text-anchor: middle;
}

.sample-line[b-oclk069n8h],
.sample-line-secondary[b-oclk069n8h] {
    fill: none;
    stroke: var(--sample-primary);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.5;
}

.sample-line-secondary[b-oclk069n8h] {
    stroke: var(--sample-secondary);
    stroke-width: 2.5;
}

.sample-points circle[b-oclk069n8h],
.sample-points-secondary circle[b-oclk069n8h] {
    fill: #fff;
    stroke: var(--sample-primary);
    stroke-width: 2;
}

.sample-points-secondary circle[b-oclk069n8h] {
    stroke: var(--sample-secondary);
}

.sample-card-value[b-oclk069n8h],
.sample-kpi[b-oclk069n8h],
.sample-narrative[b-oclk069n8h],
.sample-slicer[b-oclk069n8h],
.sample-unknown[b-oclk069n8h] {
    display: grid;
    min-width: 0;
    align-content: center;
}

.sample-card-value[b-oclk069n8h] {
    justify-items: start;
    gap: 2px;
    padding: 3px 10px;
}

.sample-card-value small[b-oclk069n8h],
.sample-kpi small[b-oclk069n8h],
.sample-slicer small[b-oclk069n8h] {
    color: var(--sample-muted);
    font-size: clamp(.68rem, 2.7vw, .78rem);
    font-weight: 850;
}

.sample-card-value strong[b-oclk069n8h] {
    color: var(--sample-primary);
    font-size: clamp(1.35rem, 7vw, 2rem);
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: 1;
}

.sample-card-value span[b-oclk069n8h] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #27765e;
    font-size: clamp(.62rem, 2.2vw, .72rem);
    font-weight: 850;
}

.sample-card-value span i[b-oclk069n8h] {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 50%;
    background: #e4f4ed;
    font-style: normal;
}

.sample-kpi[b-oclk069n8h] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 6px 12px;
    padding: 5px 10px;
}

.sample-kpi > span:first-child[b-oclk069n8h] {
    display: grid;
}

.sample-kpi strong[b-oclk069n8h] {
    color: var(--sample-primary);
    font-size: clamp(1.25rem, 6vw, 1.8rem);
    font-weight: 950;
    line-height: 1;
}

.sample-kpi__target[b-oclk069n8h] {
    padding: 4px 7px;
    border-radius: 999px;
    color: #8a6422;
    background: #fff4df;
    font-size: clamp(.62rem, 2.1vw, .7rem);
    font-weight: 900;
}

.sample-progress[b-oclk069n8h] {
    position: relative;
    height: 8px;
    grid-column: 1 / -1;
    overflow: hidden;
    border-radius: 999px;
    background: #dfe9e7;
}

.sample-progress i[b-oclk069n8h] {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 84%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--sample-primary), #4cad8b);
}

.sample-gauge-track[b-oclk069n8h],
.sample-gauge-value[b-oclk069n8h] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 14;
}

.sample-gauge-track[b-oclk069n8h] { stroke: #dfe9e7; }
.sample-gauge-value[b-oclk069n8h] {
    stroke: var(--sample-primary);
    stroke-dasharray: 74 100;
}

.sample-gauge-target[b-oclk069n8h] {
    stroke: var(--sample-secondary);
    stroke-linecap: round;
    stroke-width: 4;
}

.obs-viz-sample svg .sample-value[b-oclk069n8h] {
    fill: var(--sample-ink);
    font-size: 24px;
    font-weight: 950;
}

.obs-viz-sample svg .sample-value-small[b-oclk069n8h] {
    fill: var(--sample-ink);
    font-size: 14px;
    font-weight: 950;
}

.obs-viz-sample svg .sample-caption[b-oclk069n8h] {
    fill: var(--sample-muted);
    font-size: 9px;
}

.sample-area[b-oclk069n8h] {
    fill: color-mix(in srgb, var(--sample-primary) 20%, transparent);
}

.sample-stack-one[b-oclk069n8h] { fill: color-mix(in srgb, var(--sample-primary) 72%, #fff); }
.sample-stack-two[b-oclk069n8h] { fill: color-mix(in srgb, var(--sample-secondary) 66%, #fff); }
.sample-stack-three[b-oclk069n8h] { fill: #c9dcda; }

.sample-bars-horizontal rect[b-oclk069n8h],
.sample-columns rect[b-oclk069n8h] {
    fill: color-mix(in srgb, var(--sample-primary) 78%, #fff);
}

.sample-bars-horizontal rect:nth-of-type(2)[b-oclk069n8h],
.sample-columns rect:nth-child(2)[b-oclk069n8h] { fill: color-mix(in srgb, var(--sample-secondary) 74%, #fff); }
.sample-bars-horizontal rect:nth-of-type(3)[b-oclk069n8h],
.sample-columns rect:nth-child(4)[b-oclk069n8h] { fill: #8eb9af; }

.sample-bars-horizontal text:first-of-type[b-oclk069n8h],
.sample-bars-horizontal text:nth-of-type(3)[b-oclk069n8h],
.sample-bars-horizontal text:nth-of-type(5)[b-oclk069n8h] {
    text-anchor: end;
}

.sample-bars-horizontal text:nth-of-type(2)[b-oclk069n8h],
.sample-bars-horizontal text:nth-of-type(4)[b-oclk069n8h],
.sample-bars-horizontal text:nth-of-type(6)[b-oclk069n8h] {
    fill: var(--sample-ink);
    font-weight: 950;
}

.sample-ribbons path[b-oclk069n8h] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 11;
    opacity: .78;
}

.sample-ribbons path:nth-child(1)[b-oclk069n8h] { stroke: var(--sample-primary); }
.sample-ribbons path:nth-child(2)[b-oclk069n8h] { stroke: var(--sample-secondary); }
.sample-ribbons path:nth-child(3)[b-oclk069n8h] { stroke: #8caeaa; }

.sample-part-whole[b-oclk069n8h] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(86px, .9fr) minmax(82px, 1.1fr);
    align-items: center;
    gap: 4px;
}

.sample-pie-base[b-oclk069n8h] { fill: #dce8e6; }
.sample-pie-one[b-oclk069n8h] {
    fill: none;
    stroke: var(--sample-primary);
    stroke-dasharray: 58 42;
    stroke-width: 76;
    transform: rotate(-90deg);
    transform-origin: 58px 56px;
}

.sample-pie-slice[b-oclk069n8h] { fill: var(--sample-secondary); }

.sample-donut-track[b-oclk069n8h],
.sample-donut-value[b-oclk069n8h] {
    fill: none;
    stroke-width: 15;
}

.sample-donut-track[b-oclk069n8h] { stroke: #dce8e6; }
.sample-donut-value[b-oclk069n8h] {
    stroke: var(--sample-primary);
    stroke-dasharray: 68 32;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 58px 56px;
}

.sample-legend[b-oclk069n8h] {
    display: grid;
    min-width: 0;
    gap: 5px;
    color: var(--sample-muted);
    font-size: clamp(.6rem, 2vw, .68rem);
    font-weight: 800;
}

.sample-legend span[b-oclk069n8h] {
    display: grid;
    min-width: 0;
    grid-template-columns: 7px minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
}

.sample-legend i[b-oclk069n8h] {
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--sample-primary);
}

.sample-legend span:nth-child(2) i[b-oclk069n8h] { background: var(--sample-secondary); }
.sample-legend span:nth-child(3) i[b-oclk069n8h] { background: #9db6b2; }
.sample-legend small[b-oclk069n8h] { color: var(--sample-ink); font-weight: 900; }

.sample-treemap rect[b-oclk069n8h] { stroke: #fff; stroke-width: 3; }
.sample-treemap rect:nth-child(1)[b-oclk069n8h] { fill: var(--sample-primary); }
.sample-treemap rect:nth-child(2)[b-oclk069n8h] { fill: color-mix(in srgb, var(--sample-secondary) 80%, #fff); }
.sample-treemap rect:nth-child(3)[b-oclk069n8h] { fill: #78a99e; }
.sample-treemap rect:nth-child(4)[b-oclk069n8h] { fill: #b7cfca; }

.sample-block-labels text[b-oclk069n8h] {
    fill: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-anchor: middle;
}

.sample-matrix[b-oclk069n8h],
.sample-table[b-oclk069n8h] {
    display: grid;
    min-width: 0;
    align-content: center;
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 8px;
    background: #fff;
    font-size: clamp(.58rem, 1.9vw, .66rem);
}

.sample-matrix[b-oclk069n8h] {
    grid-template-columns: 1.35fr repeat(3, 1fr);
}

.sample-matrix > *[b-oclk069n8h] {
    display: grid;
    min-width: 0;
    min-height: 20px;
    place-items: center;
    padding: 2px;
    border-inline-start: 1px solid #e4ecea;
    border-block-start: 1px solid #e4ecea;
    font-style: normal;
}

.sample-matrix strong[b-oclk069n8h],
.sample-matrix b[b-oclk069n8h] {
    color: var(--sample-ink);
    background: #edf5f3;
    font-weight: 900;
}

.sample-matrix i:nth-of-type(3n + 2)[b-oclk069n8h],
.sample-matrix i:nth-of-type(3n + 3)[b-oclk069n8h] {
    color: #fff;
    background: color-mix(in srgb, var(--sample-primary) 58%, #fff);
}

.sample-tree-lines path[b-oclk069n8h] {
    fill: none;
    stroke: #a8c0bc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.sample-tree-nodes rect[b-oclk069n8h] { fill: #edf5f3; stroke: #bfd2ce; }
.sample-tree-nodes rect:first-child[b-oclk069n8h] { fill: var(--sample-primary); stroke: var(--sample-primary); }
.sample-tree-labels text[b-oclk069n8h] { text-anchor: middle; font-size: 9px !important; }
.sample-tree-labels text:first-child[b-oclk069n8h] { fill: #fff !important; }

.sample-funnel path:nth-child(1)[b-oclk069n8h] { fill: var(--sample-primary); }
.sample-funnel path:nth-child(2)[b-oclk069n8h] { fill: color-mix(in srgb, var(--sample-primary) 58%, var(--sample-secondary)); }
.sample-funnel path:nth-child(3)[b-oclk069n8h] { fill: color-mix(in srgb, var(--sample-secondary) 75%, #fff); }
.sample-funnel-labels text[b-oclk069n8h] { fill: #fff !important; text-anchor: middle; font-weight: 900 !important; }

.sample-trend-dashed[b-oclk069n8h] {
    fill: none;
    stroke: var(--sample-secondary);
    stroke-dasharray: 4 4;
    stroke-width: 2;
}

.sample-scatter circle[b-oclk069n8h] {
    fill: color-mix(in srgb, var(--sample-primary) 76%, #fff);
    stroke: #fff;
    stroke-width: 2;
}

.sample-bubbles circle[b-oclk069n8h] {
    fill: color-mix(in srgb, var(--sample-primary) 48%, transparent);
    stroke: var(--sample-primary);
    stroke-width: 2;
}

.sample-bubbles circle:nth-child(even)[b-oclk069n8h] {
    fill: color-mix(in srgb, var(--sample-secondary) 45%, transparent);
    stroke: var(--sample-secondary);
}

.obs-viz-sample svg .sample-axis-title[b-oclk069n8h] {
    fill: var(--sample-muted);
    font-size: 9px;
    text-anchor: middle;
}

.sample-combo-bars rect[b-oclk069n8h] { fill: color-mix(in srgb, var(--sample-primary) 68%, #fff); }
.sample-combo-bars rect:nth-child(even)[b-oclk069n8h] { fill: #98bdb5; }

.sample-waterfall-lines path[b-oclk069n8h] {
    fill: none;
    stroke: #9fb5b1;
    stroke-dasharray: 3 2;
}

.sample-waterfall rect[b-oclk069n8h] { fill: #4aa482; }
.sample-waterfall rect.is-down[b-oclk069n8h] { fill: #cc6f71; }
.sample-waterfall rect.is-total[b-oclk069n8h] { fill: var(--sample-primary); }

.sample-map-shape[b-oclk069n8h] {
    fill: #e1eeeb;
    stroke: #9cbbb5;
    stroke-linejoin: round;
    stroke-width: 2;
}

.sample-map-points circle[b-oclk069n8h] {
    fill: color-mix(in srgb, var(--sample-secondary) 72%, #fff);
    stroke: #fff;
    stroke-width: 3;
}

.sample-map-points circle:nth-child(even)[b-oclk069n8h] { fill: var(--sample-primary); }
.sample-map-labels text[b-oclk069n8h] { fill: var(--sample-ink) !important; text-anchor: middle; }

.sample-regions path[b-oclk069n8h] {
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 3;
}

.sample-regions path:nth-child(1)[b-oclk069n8h] { fill: #b9d4cf; }
.sample-regions path:nth-child(2)[b-oclk069n8h] { fill: #6ba695; }
.sample-regions path:nth-child(3)[b-oclk069n8h] { fill: color-mix(in srgb, var(--sample-secondary) 63%, #fff); }
.sample-regions path:nth-child(4)[b-oclk069n8h] { fill: var(--sample-primary); }
.sample-region-labels text[b-oclk069n8h] { fill: #fff !important; text-anchor: middle; font-weight: 950 !important; }

.sample-table[b-oclk069n8h] {
    padding: 0;
}

.sample-table > span[b-oclk069n8h] {
    display: grid;
    min-width: 0;
    grid-template-columns: 1.4fr 1fr 1fr;
}

.sample-table > span > *[b-oclk069n8h] {
    min-width: 0;
    padding: 5px 6px;
    overflow: hidden;
    border-inline-start: 1px solid #e3ecea;
    border-block-start: 1px solid #e3ecea;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sample-table > span:first-child[b-oclk069n8h] {
    color: var(--sample-ink);
    background: #eaf3f1;
}

.sample-table > span:not(:first-child):nth-child(odd)[b-oclk069n8h] { background: #f8fbfa; }

.sample-slicer[b-oclk069n8h] {
    gap: 7px;
    padding: 5px 8px;
}

.sample-slicer > span[b-oclk069n8h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
}

.sample-slicer span[b-oclk069n8h] {
    display: flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid #d6e4e1;
    border-radius: 8px;
    color: var(--sample-muted);
    background: #fff;
    font-size: clamp(.62rem, 2.3vw, .7rem);
    font-weight: 850;
}

.sample-slicer span.is-selected[b-oclk069n8h] {
    border-color: var(--sample-primary);
    color: #fff;
    background: var(--sample-primary);
}

.sample-slicer span i[b-oclk069n8h] { font-style: normal; }
.sample-slicer b[b-oclk069n8h] { color: #526b6e; font-size: clamp(.58rem, 1.9vw, .65rem); }

.sample-narrative[b-oclk069n8h] {
    gap: 7px;
    padding: 5px 9px;
}

.sample-narrative > span[b-oclk069n8h] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--sample-primary);
    font-size: clamp(.62rem, 2.2vw, .7rem);
    font-weight: 950;
}

.sample-narrative > span i[b-oclk069n8h] {
    display: grid;
    width: 19px;
    height: 19px;
    place-items: center;
    border-radius: 6px;
    color: #7b5b22;
    background: #fff1d3;
    font-style: normal;
}

.sample-narrative__text[b-oclk069n8h] {
    display: block;
    margin: 0;
    color: #526d70;
    font-size: clamp(.61rem, 2.15vw, .69rem);
    font-weight: 750;
    line-height: 1.65;
}

.sample-narrative__text strong[b-oclk069n8h] { color: var(--sample-ink); }

.sample-narrative__bars[b-oclk069n8h] {
    display: flex;
    gap: 4px;
}

.sample-narrative__bars i[b-oclk069n8h] {
    height: 4px;
    border-radius: 999px;
    background: #dce8e6;
}

.sample-narrative__bars i:nth-child(1)[b-oclk069n8h] { width: 55%; background: color-mix(in srgb, var(--sample-primary) 45%, #dce8e6); }
.sample-narrative__bars i:nth-child(2)[b-oclk069n8h] { width: 26%; }
.sample-narrative__bars i:nth-child(3)[b-oclk069n8h] { width: 13%; }

.sample-unknown[b-oclk069n8h] {
    justify-items: center;
    gap: 4px;
    color: var(--sample-muted);
}

.sample-unknown span[b-oclk069n8h] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px dashed #bccdca;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 950;
}

.sample-unknown small[b-oclk069n8h] { font-size: .72rem; font-weight: 850; }

@media (max-width: 450px) {
    .obs-viz-sample[b-oclk069n8h] {
        min-height: 88px;
        padding: 5px;
    }

    .sample-part-whole[b-oclk069n8h] {
        grid-template-columns: minmax(74px, .85fr) minmax(72px, 1.15fr);
    }

    .sample-table > span > *[b-oclk069n8h] {
        padding: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-viz-sample *[b-oclk069n8h] {
        transition: none !important;
    }
}
/* _content/Starterkit/Observatory/Components/DataFilesWorkspace.razor.rz.scp.css */
*[b-mm0gr7bt4i] {
    --upload-ink: #0a2427;
    --upload-ink-2: #173a3d;
    --upload-muted: #6b7f81;
    --upload-line: rgba(14, 51, 54, .12);
    --upload-gold: #bd9651;
    --upload-paper: #f5f8f7;
    --upload-shadow: 0 22px 55px rgba(7, 36, 39, .08);
    --upload-ease: cubic-bezier(.2, .8, .2, 1);
}

.obs-upload-loading[b-mm0gr7bt4i],
.obs-upload-inline-loading[b-mm0gr7bt4i] {
    position: relative;
    display: grid;
    min-height: 300px;
    place-items: center;
    align-content: center;
    gap: 14px;
    overflow: hidden;
    border: 1px solid var(--upload-line);
    border-radius: 28px;
    color: var(--upload-muted);
    background:
        linear-gradient(rgba(255, 255, 255, .94), rgba(255, 255, 255, .94)),
        repeating-linear-gradient(90deg, transparent 0 39px, rgba(12, 45, 48, .05) 40px);
    font-weight: 900;
}

.obs-upload-inline-loading[b-mm0gr7bt4i] {
    min-height: 140px;
    border: 0;
    border-radius: 18px;
    box-shadow: none;
}

.obs-upload-loading .spinner-border[b-mm0gr7bt4i],
.obs-upload-inline-loading .spinner-border[b-mm0gr7bt4i] {
    color: var(--obs-primary);
}

.obs-upload-alert[b-mm0gr7bt4i] {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    overflow: hidden;
    margin-bottom: 14px;
    padding: 16px 18px;
    border: 1px solid;
    border-radius: 17px;
    box-shadow: 0 12px 28px rgba(21, 50, 53, .05);
}

.obs-upload-alert[b-mm0gr7bt4i]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 4px;
    background: currentColor;
}

.obs-upload-alert.is-success[b-mm0gr7bt4i] {
    color: #0b7059;
    border-color: rgba(11, 112, 89, .2);
    background: linear-gradient(110deg, #fff, #eef9f5);
}

.obs-upload-alert.is-warning[b-mm0gr7bt4i] {
    color: #9a5a08;
    border-color: rgba(180, 108, 17, .28);
    background: linear-gradient(110deg, #fff, #fff7e8);
}

.obs-upload-alert.is-error[b-mm0gr7bt4i] {
    color: #982f43;
    border-color: rgba(152, 47, 67, .2);
    background: linear-gradient(110deg, #fff, #fff1f4);
}

.obs-upload-alert > i[b-mm0gr7bt4i] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    background: color-mix(in srgb, currentColor 9%, #fff);
    font-size: 1.12rem;
}

.obs-upload-alert div[b-mm0gr7bt4i] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-upload-alert strong[b-mm0gr7bt4i] {
    font-weight: 950;
}

.obs-upload-alert p[b-mm0gr7bt4i] {
    margin: 0;
    font-size: .77rem;
}

.obs-upload-alert__close[b-mm0gr7bt4i] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
    border-radius: 11px;
    color: currentColor;
    background: rgba(255, 255, 255, .55);
}

.obs-upload-protocol[b-mm0gr7bt4i] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(230px, .8fr) minmax(500px, 1.6fr) auto;
    min-height: 108px;
    align-items: center;
    gap: clamp(18px, 3vw, 38px);
    overflow: hidden;
    margin-bottom: 16px;
    padding: 18px 22px;
    border: 1px solid rgba(189, 150, 81, .2);
    border-radius: 22px;
    color: #fff;
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--obs-primary) 38%, transparent), transparent 32%),
        linear-gradient(120deg, #113236, #071c1f 66%, #061619);
    box-shadow: 0 18px 44px rgba(6, 30, 33, .16);
}

.obs-upload-protocol[b-mm0gr7bt4i]::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .34;
    pointer-events: none;
    background: repeating-linear-gradient(90deg, transparent 0 54px, rgba(255, 255, 255, .028) 55px);
}

.obs-upload-protocol__identity[b-mm0gr7bt4i],
.obs-upload-protocol > ol[b-mm0gr7bt4i],
.obs-upload-protocol__secure[b-mm0gr7bt4i] {
    position: relative;
    z-index: 1;
}

.obs-upload-protocol__identity[b-mm0gr7bt4i] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.obs-upload-protocol__signal[b-mm0gr7bt4i] {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #64dfb4;
    box-shadow: 0 0 0 7px rgba(100, 223, 180, .08), 0 0 20px rgba(100, 223, 180, .55);
}

.obs-upload-protocol__identity div[b-mm0gr7bt4i] {
    display: grid;
    gap: 2px;
}

.obs-upload-protocol__identity small[b-mm0gr7bt4i] {
    color: rgba(255, 255, 255, .48);
    font-size: .61rem;
    font-weight: 900;
}

.obs-upload-protocol__identity strong[b-mm0gr7bt4i] {
    font-size: .86rem;
    font-weight: 950;
}

.obs-upload-protocol ol[b-mm0gr7bt4i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-upload-protocol li[b-mm0gr7bt4i] {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    background: rgba(255, 255, 255, .025);
}

.obs-upload-protocol li > span[b-mm0gr7bt4i] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 10px;
    color: rgba(255, 255, 255, .42);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .59rem;
}

.obs-upload-protocol li div[b-mm0gr7bt4i] {
    display: grid;
    min-width: 0;
}

.obs-upload-protocol li strong[b-mm0gr7bt4i] {
    overflow: hidden;
    color: rgba(255, 255, 255, .74);
    font-size: .68rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-protocol li small[b-mm0gr7bt4i] {
    overflow: hidden;
    color: rgba(255, 255, 255, .35);
    font-size: .56rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-protocol li.is-current[b-mm0gr7bt4i] {
    border-color: rgba(189, 150, 81, .45);
    background: rgba(189, 150, 81, .08);
}

.obs-upload-protocol li.is-current > span[b-mm0gr7bt4i] {
    color: #1d3030;
    border-color: #d2ad68;
    background: linear-gradient(135deg, #e0c080, #aa7d34);
}

.obs-upload-protocol li.is-current strong[b-mm0gr7bt4i] {
    color: #f2ddb0;
}

.obs-upload-protocol li.is-complete > span[b-mm0gr7bt4i] {
    color: #71e0ba;
    border-color: rgba(113, 224, 186, .27);
    background: rgba(113, 224, 186, .08);
}

.obs-upload-protocol li.is-complete > span[b-mm0gr7bt4i]::after {
    content: "✓";
    position: absolute;
    font-size: .77rem;
}

.obs-upload-protocol li.is-complete > span[b-mm0gr7bt4i] {
    font-size: 0;
}

.obs-upload-protocol__secure[b-mm0gr7bt4i] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    color: rgba(255, 255, 255, .56);
    background: rgba(255, 255, 255, .035);
    font-size: .61rem;
    font-weight: 900;
    white-space: nowrap;
}

.obs-upload-protocol__secure i[b-mm0gr7bt4i] {
    color: var(--upload-gold);
}

.obs-upload-template-waiting[b-mm0gr7bt4i] {
    position: relative;
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    min-height: 230px;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    margin-bottom: 16px;
    padding: clamp(28px, 4vw, 50px);
    border: 1px solid rgba(189, 150, 81, .27);
    border-radius: 26px;
    background:
        radial-gradient(circle at 0 100%, rgba(189, 150, 81, .15), transparent 30%),
        linear-gradient(120deg, #fffdf8, #f2f7f5);
    box-shadow: var(--upload-shadow);
}

.obs-upload-template-waiting[b-mm0gr7bt4i]::after {
    content: "01";
    position: absolute;
    left: 34px;
    bottom: -34px;
    color: rgba(12, 43, 46, .035);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: 9rem;
    font-weight: 900;
}

.obs-upload-template-waiting__icon[b-mm0gr7bt4i] {
    display: grid;
    width: 80px;
    height: 80px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 23px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 65%, #071c1f));
    box-shadow: 0 18px 38px color-mix(in srgb, var(--obs-primary) 24%, transparent);
    font-size: 1.8rem;
}

.obs-upload-template-waiting span[b-mm0gr7bt4i] {
    color: #997033;
    font-size: .68rem;
    font-weight: 950;
}

.obs-upload-template-waiting h2[b-mm0gr7bt4i] {
    margin: 7px 0;
    color: var(--upload-ink);
    font-size: clamp(1.25rem, 2.2vw, 1.8rem);
    font-weight: 950;
}

.obs-upload-template-waiting p[b-mm0gr7bt4i] {
    max-width: 780px;
    margin: 0;
    color: var(--upload-muted);
    line-height: 1.9;
}

.obs-upload-layout[b-mm0gr7bt4i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    margin-bottom: 16px;
}

.obs-panel.obs-upload-form-panel[b-mm0gr7bt4i],
.obs-panel.obs-upload-validation[b-mm0gr7bt4i],
.obs-panel.obs-upload-history[b-mm0gr7bt4i],
.obs-panel.obs-upload-details[b-mm0gr7bt4i] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--upload-line);
    border-radius: 23px;
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--upload-shadow);
}

.obs-panel.obs-upload-validation[b-mm0gr7bt4i] {
    scroll-margin-top: 24px;
}

.obs-panel.obs-upload-form-panel[b-mm0gr7bt4i]::before,
.obs-panel.obs-upload-validation[b-mm0gr7bt4i]::before,
.obs-panel.obs-upload-history[b-mm0gr7bt4i]::before,
.obs-panel.obs-upload-details[b-mm0gr7bt4i]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 24px;
    width: 54px;
    height: 2px;
    background: linear-gradient(90deg, var(--obs-secondary), #e2c589);
}

.obs-panel__header[b-mm0gr7bt4i] {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(12, 48, 51, .09);
}

.obs-panel__eyebrow[b-mm0gr7bt4i] {
    display: block;
    margin-bottom: 4px;
    color: #9b783c;
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.obs-panel__title[b-mm0gr7bt4i] {
    color: var(--upload-ink);
    font-size: 1rem;
    font-weight: 950;
}

.obs-panel__subtitle[b-mm0gr7bt4i] {
    margin-top: 4px;
    color: #77898a;
    font-size: .72rem;
    line-height: 1.65;
}

.obs-upload-cancel-version[b-mm0gr7bt4i] {
    min-height: 40px;
    color: #8b3143;
    border: 1px solid rgba(139, 49, 67, .2);
    border-radius: 12px;
    background: #fff4f6;
    font-size: .72rem;
    font-weight: 900;
}

.obs-upload-form-panel[b-mm0gr7bt4i] {
    scroll-margin-top: 24px;
}

.obs-upload-form-panel.is-correction-mode[b-mm0gr7bt4i] {
    border-color: color-mix(in srgb, var(--upload-gold) 42%, var(--upload-line));
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--upload-gold) 7%, transparent),
        var(--upload-shadow);
}

.obs-upload-correction-note[b-mm0gr7bt4i] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 20px 18px;
    padding: 13px 15px;
    border: 1px solid color-mix(in srgb, var(--upload-gold) 28%, #dce6e4);
    border-radius: 14px;
    color: #624b24;
    background: linear-gradient(110deg, #fffaf0, #fff);
}

.obs-upload-correction-note__icon[b-mm0gr7bt4i] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    color: #8f6724;
    background: #f8ecd4;
}

.obs-upload-correction-note > div[b-mm0gr7bt4i] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-upload-correction-note strong[b-mm0gr7bt4i] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-upload-correction-note > div > span[b-mm0gr7bt4i] {
    font-size: .72rem;
    line-height: 1.7;
}

.obs-upload-permission-note[b-mm0gr7bt4i] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border: 1px solid rgba(151, 109, 35, .22);
    border-right: 4px solid #b38537;
    border-radius: 13px;
    color: #745b22;
    background: linear-gradient(90deg, #fffaf0, #fff);
    font-size: .75rem;
    font-weight: 850;
}

.obs-form-grid[b-mm0gr7bt4i] {
    gap: 16px !important;
}

.obs-field[b-mm0gr7bt4i] {
    position: relative;
}

.obs-field label[b-mm0gr7bt4i] {
    margin-bottom: 7px;
    color: #334f51;
    font-size: .71rem;
    font-weight: 950;
}

.obs-field label span[b-mm0gr7bt4i] {
    color: #b03349;
}

.obs-field-lock[b-mm0gr7bt4i] {
    margin-inline-start: 5px;
    color: #9a7434;
    font-size: .66rem;
}

.obs-field .form-control[b-mm0gr7bt4i],
.obs-field .form-select[b-mm0gr7bt4i] {
    min-height: 47px;
    border: 1px solid #d6e2e0;
    border-radius: 13px;
    color: #244346;
    background-color: #fbfdfd;
    font-size: .78rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.obs-field .form-control:focus[b-mm0gr7bt4i],
.obs-field .form-select:focus[b-mm0gr7bt4i] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #d6e2e0);
    background-color: #fff;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 9%, transparent);
}

.obs-field .form-control:disabled[b-mm0gr7bt4i],
.obs-field .form-select:disabled[b-mm0gr7bt4i] {
    color: #8a999a;
    background-color: #f1f4f3;
}

.obs-template-auto-note[b-mm0gr7bt4i] {
    display: block;
    margin-top: 7px;
    padding-right: 10px;
    border-right: 2px solid var(--upload-gold);
    color: #647a7c;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1.65;
}

.obs-template-auto-note.is-locked[b-mm0gr7bt4i] {
    padding: 7px 10px;
    border: 1px solid #ead9b8;
    border-right: 3px solid var(--upload-gold);
    border-radius: 9px;
    color: #755725;
    background: #fffaf0;
    font-weight: 850;
}

.obs-upload-file[b-mm0gr7bt4i] {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    min-height: 126px;
    align-items: center;
    gap: 17px;
    overflow: hidden;
    padding: 20px;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 34%, #cbd9d7);
    border-radius: 18px;
    background:
        linear-gradient(rgba(247, 251, 250, .95), rgba(247, 251, 250, .95)),
        repeating-linear-gradient(135deg, transparent 0 9px, rgba(12, 50, 53, .04) 9px 10px);
    transition: border-color .25s ease, background .25s ease, transform .25s var(--upload-ease);
}

.obs-upload-file[b-mm0gr7bt4i]::after {
    content: "XLSX";
    position: absolute;
    left: 18px;
    bottom: -7px;
    color: rgba(16, 79, 67, .045);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: 3rem;
    font-weight: 900;
}

.obs-upload-file:hover[b-mm0gr7bt4i] {
    border-color: var(--obs-primary);
    transform: translateY(-2px);
}

.obs-upload-file.has-file[b-mm0gr7bt4i] {
    border-style: solid;
    border-color: rgba(23, 132, 105, .36);
    background: linear-gradient(120deg, #f0faf6, #fff);
}

.obs-upload-file__icon[b-mm0gr7bt4i] {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 14%, transparent);
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 70%, #082123));
    box-shadow: 0 13px 27px color-mix(in srgb, var(--obs-primary) 20%, transparent);
    font-size: 1.35rem;
}

.obs-upload-file.has-file .obs-upload-file__icon[b-mm0gr7bt4i] {
    background: linear-gradient(145deg, #1a9778, #0d6d58);
}

.obs-upload-file__copy[b-mm0gr7bt4i] {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 0;
    gap: 4px;
}

.obs-upload-file__copy strong[b-mm0gr7bt4i] {
    overflow: hidden;
    color: var(--upload-ink);
    font-size: .86rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-file__copy span[b-mm0gr7bt4i] {
    color: var(--upload-muted);
    font-size: .7rem;
}

.obs-upload-file label.btn[b-mm0gr7bt4i] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: max-content;
    min-width: 168px;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    overflow: visible;
    padding: 10px 20px 12px !important;
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.65 !important;
    white-space: nowrap;
}

.obs-upload-file label.btn i[b-mm0gr7bt4i] {
    flex: 0 0 auto;
    line-height: 1;
}

.obs-upload-file__button-label[b-mm0gr7bt4i] {
    display: inline-block;
    min-width: max-content;
    overflow: visible;
    padding-block: .08em .14em;
    line-height: 1.65 !important;
    white-space: nowrap;
}

[b-mm0gr7bt4i] .obs-upload-file__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.obs-upload-form-actions[b-mm0gr7bt4i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 22px -20px -20px;
    padding: 17px 20px;
    border-top: 1px solid var(--upload-line);
    background: linear-gradient(90deg, #f6f9f8, #fbfcfc);
}

.obs-upload-form-actions > div[b-mm0gr7bt4i] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b7d7f;
    font-size: .67rem;
}

.obs-upload-form-actions > div i[b-mm0gr7bt4i] {
    color: var(--upload-gold);
}

.obs-upload-form-actions button[b-mm0gr7bt4i] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    gap: 8px;
    padding-inline: 21px;
    border-radius: 13px;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--obs-primary) 20%, transparent);
    font-size: .75rem;
    font-weight: 950;
}

.obs-upload-row-actions .btn[b-mm0gr7bt4i],
.obs-upload-details__close[b-mm0gr7bt4i],
.obs-upload-version-list .btn[b-mm0gr7bt4i] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #d6e3e1;
    border-radius: 11px;
    color: var(--obs-primary);
    background: #fff;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.obs-upload-row-actions .btn:hover[b-mm0gr7bt4i],
.obs-upload-version-list .btn:hover[b-mm0gr7bt4i] {
    color: #fff;
    background: var(--obs-primary);
    transform: translateY(-2px);
}

.obs-upload-validation[b-mm0gr7bt4i],
.obs-upload-history[b-mm0gr7bt4i],
.obs-upload-details[b-mm0gr7bt4i] {
    margin-bottom: 16px;
}

.obs-upload-validation__state[b-mm0gr7bt4i] {
    display: inline-flex;
    min-height: 37px;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid;
    border-radius: 11px;
    font-size: .68rem;
    font-weight: 950;
}

.obs-upload-validation__state.is-valid[b-mm0gr7bt4i] {
    color: #087257;
    border-color: rgba(8, 114, 87, .2);
    background: #eaf8f3;
}

.obs-upload-validation__state.is-invalid[b-mm0gr7bt4i] {
    color: #9c3045;
    border-color: rgba(156, 48, 69, .2);
    background: #fff0f3;
}

.obs-upload-validation__metrics[b-mm0gr7bt4i] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 17px;
}

.obs-upload-validation__metrics article[b-mm0gr7bt4i] {
    position: relative;
    display: grid;
    gap: 4px;
    overflow: hidden;
    padding: 15px;
    border: 1px solid var(--upload-line);
    border-radius: 15px;
    background: linear-gradient(135deg, #f7faf9, #fff);
}

.obs-upload-validation__metrics article[b-mm0gr7bt4i]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: var(--obs-secondary);
}

.obs-upload-validation__metrics span[b-mm0gr7bt4i] {
    color: #718486;
    font-size: .65rem;
    font-weight: 900;
}

.obs-upload-validation__metrics strong[b-mm0gr7bt4i] {
    color: var(--upload-ink);
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1.1;
}

.obs-upload-sheet-statuses[b-mm0gr7bt4i] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 17px;
}

.obs-upload-sheet-statuses article[b-mm0gr7bt4i] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 12px;
    border: 1px solid #dbe8e5;
    border-radius: 14px;
    background: #f9fcfb;
}

.obs-upload-sheet-statuses article.is-empty[b-mm0gr7bt4i] {
    border-color: #eadfbd;
    background: #fffaf0;
}

.obs-upload-sheet-statuses__icon[b-mm0gr7bt4i] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    color: #087257;
    background: #e7f6f0;
}

.obs-upload-sheet-statuses .is-empty .obs-upload-sheet-statuses__icon[b-mm0gr7bt4i] {
    color: #8a601c;
    background: #fff0ca;
}

.obs-upload-sheet-statuses strong[b-mm0gr7bt4i],
.obs-upload-sheet-statuses small[b-mm0gr7bt4i] {
    display: block;
}

.obs-upload-sheet-statuses strong[b-mm0gr7bt4i] {
    color: #183a3d;
    font-size: .7rem;
    font-weight: 950;
}

.obs-upload-sheet-statuses small[b-mm0gr7bt4i] {
    margin-top: 3px;
    color: #708384;
    font-size: .61rem;
    font-weight: 700;
}

.obs-upload-sheet-statuses__issues[b-mm0gr7bt4i] {
    grid-column: 2;
    color: #8a601c;
    font-size: .6rem;
    font-weight: 900;
}

.obs-upload-issue[b-mm0gr7bt4i] {
    display: inline-flex;
    min-width: 54px;
    justify-content: center;
    padding: 5px 9px;
    border-radius: 8px;
    font-size: .63rem;
    font-weight: 950;
}

.obs-upload-issue.is-error[b-mm0gr7bt4i] {
    color: #a02e44;
    background: #ffedf1;
}

.obs-upload-issue.is-warning[b-mm0gr7bt4i] {
    color: #8a601c;
    background: #fff7e5;
}

.obs-upload-validation__more[b-mm0gr7bt4i] {
    margin: 12px 0 0;
    color: #768889;
    font-size: .7rem;
}

.obs-validation-pagination[b-mm0gr7bt4i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 14px;
    color: #647779;
    font-size: .7rem;
    font-weight: 900;
}

.obs-validation-pagination .btn[b-mm0gr7bt4i] {
    min-width: 88px;
    border-radius: 11px;
}

.obs-upload-filters[b-mm0gr7bt4i] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.obs-upload-filters .form-control[b-mm0gr7bt4i] {
    min-width: 250px;
}

.obs-upload-filters .form-control[b-mm0gr7bt4i],
.obs-upload-filters .form-select[b-mm0gr7bt4i] {
    min-height: 42px;
    border: 1px solid #d6e3e1;
    border-radius: 12px;
    background-color: #fbfdfd;
    font-size: .71rem;
}

.obs-upload-filters .btn[b-mm0gr7bt4i] {
    min-height: 42px;
    border-radius: 12px;
    font-size: .7rem;
    font-weight: 900;
}

.obs-upload-history .obs-table-wrap[b-mm0gr7bt4i],
.obs-upload-validation .obs-table-wrap[b-mm0gr7bt4i],
.obs-upload-details .obs-table-wrap[b-mm0gr7bt4i] {
    overflow: hidden;
    border: 1px solid var(--upload-line);
    border-radius: 15px;
}

.obs-upload-history .obs-table[b-mm0gr7bt4i],
.obs-upload-validation .obs-table[b-mm0gr7bt4i],
.obs-upload-details .obs-table[b-mm0gr7bt4i] {
    margin: 0;
}

.obs-upload-history .obs-table thead th[b-mm0gr7bt4i],
.obs-upload-validation .obs-table thead th[b-mm0gr7bt4i],
.obs-upload-details .obs-table thead th[b-mm0gr7bt4i] {
    padding: 11px 13px;
    border: 0;
    color: #728587;
    background: #f2f6f5;
    font-size: .62rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-upload-history .obs-table tbody td[b-mm0gr7bt4i],
.obs-upload-validation .obs-table tbody td[b-mm0gr7bt4i],
.obs-upload-details .obs-table tbody td[b-mm0gr7bt4i] {
    padding: 13px;
    border-color: rgba(16, 54, 57, .075);
    color: #536c6e;
    font-size: .68rem;
    vertical-align: middle;
}

.obs-upload-history .obs-table tbody tr[b-mm0gr7bt4i],
.obs-upload-validation .obs-table tbody tr[b-mm0gr7bt4i],
.obs-upload-details .obs-table tbody tr[b-mm0gr7bt4i] {
    transition: background .2s ease;
}

.obs-upload-history .obs-table tbody tr:hover[b-mm0gr7bt4i],
.obs-upload-validation .obs-table tbody tr:hover[b-mm0gr7bt4i],
.obs-upload-details .obs-table tbody tr:hover[b-mm0gr7bt4i] {
    background: color-mix(in srgb, var(--obs-primary) 3%, #fff);
}

.obs-upload-history td strong[b-mm0gr7bt4i],
.obs-upload-history td small[b-mm0gr7bt4i] {
    display: block;
}

.obs-upload-history td strong[b-mm0gr7bt4i] {
    color: #234245;
    font-weight: 950;
}

.obs-upload-history td:first-child strong[b-mm0gr7bt4i] {
    color: var(--obs-primary);
    font-family: "Roboto Mono", Consolas, monospace;
}

.obs-upload-history td small[b-mm0gr7bt4i] {
    margin-top: 3px;
    color: #829293;
    font-size: .61rem;
}

.obs-upload-history tr.is-selected td[b-mm0gr7bt4i] {
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-upload-row-result[b-mm0gr7bt4i] {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    font-size: .63rem;
    font-weight: 900;
}

.obs-upload-row-result .is-valid[b-mm0gr7bt4i] {
    color: #16755e;
}

.obs-upload-row-result .is-error[b-mm0gr7bt4i] {
    color: #a82f45;
}

.obs-upload-row-result .is-warning[b-mm0gr7bt4i] {
    color: #9a6b1d;
}

.obs-upload-row-actions[b-mm0gr7bt4i] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.obs-upload-row-actions .btn[b-mm0gr7bt4i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    line-height: 1;
}

.obs-upload-row-actions .btn i[b-mm0gr7bt4i] {
    display: block;
    margin: 0;
    line-height: 1;
}

.obs-upload-row-actions .is-correction[b-mm0gr7bt4i] {
    color: #93671d;
    border-color: #e6d6af;
    background: #fff9eb;
}

.obs-upload-row-actions .is-request-preview[b-mm0gr7bt4i] {
    color: #0b6f73;
    border-color: #abd9d7;
    background: #eefaf9;
}

.obs-upload-version-list[b-mm0gr7bt4i] {
    display: grid;
    gap: 9px;
}

.obs-upload-version-list article[b-mm0gr7bt4i] {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto 40px;
    gap: 13px;
    align-items: center;
    overflow: hidden;
    padding: 13px;
    border: 1px solid #deebe8;
    border-radius: 15px;
    background: linear-gradient(110deg, #f8fbfa, #fff);
}

.obs-upload-version-list__number[b-mm0gr7bt4i] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 68%, #071c1f));
    font-family: "Roboto Mono", Consolas, monospace;
    font-weight: 900;
}

.obs-upload-version-list article > div[b-mm0gr7bt4i] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.obs-upload-version-list article > div > strong[b-mm0gr7bt4i] {
    overflow: hidden;
    color: #234144;
    font-size: .75rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-version-list article > div > span[b-mm0gr7bt4i] {
    color: #748687;
    font-size: .63rem;
}

.obs-upload-version-list__result[b-mm0gr7bt4i] {
    justify-items: start;
}

.obs-upload-details__issues[b-mm0gr7bt4i] {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--upload-line);
}

.obs-upload-details__issues h3[b-mm0gr7bt4i] {
    margin: 0 0 12px;
    color: var(--upload-ink-2);
    font-size: .82rem;
    font-weight: 950;
}

[b-mm0gr7bt4i] .obs-empty {
    border: 1px dashed rgba(18, 61, 64, .18);
    border-radius: 17px;
    background:
        linear-gradient(rgba(249, 251, 250, .95), rgba(249, 251, 250, .95)),
        repeating-linear-gradient(135deg, transparent 0 8px, rgba(10, 50, 53, .04) 8px 9px);
}

[b-mm0gr7bt4i] .obs-empty i {
    color: var(--obs-primary);
}

@media (max-width: 1240px) {
    .obs-upload-protocol[b-mm0gr7bt4i] {
        grid-template-columns: 1fr;
    }

    .obs-upload-protocol__secure[b-mm0gr7bt4i] {
        position: absolute;
        top: 18px;
        left: 18px;
    }
}

@media (max-width: 767.98px) {
    .obs-upload-alert[b-mm0gr7bt4i] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .obs-upload-alert .btn[b-mm0gr7bt4i],
    .obs-upload-alert__close[b-mm0gr7bt4i] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .obs-upload-protocol[b-mm0gr7bt4i] {
        padding: 18px;
    }

    .obs-upload-protocol > ol[b-mm0gr7bt4i] {
        grid-template-columns: 1fr;
    }

    .obs-upload-protocol__secure[b-mm0gr7bt4i] {
        position: static;
        width: max-content;
    }

    .obs-upload-template-waiting[b-mm0gr7bt4i] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .obs-upload-file[b-mm0gr7bt4i],
    .obs-upload-form-actions[b-mm0gr7bt4i],
    .obs-panel__header[b-mm0gr7bt4i] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-upload-file[b-mm0gr7bt4i] {
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .obs-upload-file label[b-mm0gr7bt4i] {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .obs-upload-form-actions[b-mm0gr7bt4i] {
        margin-inline: -16px;
        padding-inline: 16px;
    }

    .obs-upload-form-actions button[b-mm0gr7bt4i] {
        justify-content: center;
    }

    .obs-upload-sheet-statuses[b-mm0gr7bt4i],
    .obs-upload-validation__metrics[b-mm0gr7bt4i] {
        grid-template-columns: 1fr;
    }

    .obs-upload-filters[b-mm0gr7bt4i],
    .obs-upload-filters .form-control[b-mm0gr7bt4i],
    .obs-upload-filters .form-select[b-mm0gr7bt4i],
    .obs-upload-filters button[b-mm0gr7bt4i] {
        width: 100%;
    }

    .obs-upload-version-list article[b-mm0gr7bt4i] {
        grid-template-columns: 42px minmax(0, 1fr) 40px;
    }

    .obs-upload-version-list__result[b-mm0gr7bt4i] {
        grid-column: 2 / -1;
    }

    .obs-validation-pagination[b-mm0gr7bt4i] {
        flex-wrap: wrap;
    }

    .obs-validation-pagination span[b-mm0gr7bt4i] {
        flex: 1 0 100%;
        order: -1;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-upload-file[b-mm0gr7bt4i],
    .obs-upload-row-actions .btn[b-mm0gr7bt4i],
    .obs-upload-version-list .btn[b-mm0gr7bt4i] {
        transition: none;
    }
}

/* File list and focused upload/detail workspaces. */
.files-workspace[b-mm0gr7bt4i] { --obs-text-size:18px; --obs-helper-text-size:18px; --obs-feedback-text-size:18px; --obs-org-font-family:var(--gb-website-font-family,Tahoma),Arial,sans-serif; font:18px/1.7 var(--obs-org-font-family); min-width:0; }
.files-workspace .obs-upload-history[b-mm0gr7bt4i] {
    --obs-text-size: 14px;
    --obs-helper-text-size: 13px;
    font-size: 14px;
    line-height: 1.65;
    text-align: right;
}

.files-workspace .obs-upload-history .obs-table[b-mm0gr7bt4i] {
    font-size: 14px;
    text-align: right;
}

.files-workspace .obs-upload-history .obs-table :is(th, td)[b-mm0gr7bt4i] {
    font-size: 14px;
    text-align: right;
    vertical-align: middle;
    line-height: 1.65;
}

.files-workspace .obs-upload-history td strong[b-mm0gr7bt4i] {
    font-family: inherit;
    font-weight: 600;
    text-align: right;
}

.files-workspace .obs-upload-history td small[b-mm0gr7bt4i] {
    font-size: 13px;
    line-height: 1.6;
}

.files-workspace .obs-upload-history .obs-upload-row-actions[b-mm0gr7bt4i] {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
}

.files-workspace .obs-upload-history .obs-action--icon[b-mm0gr7bt4i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0 !important;
    line-height: 1;
}

.files-workspace .obs-upload-history .obs-action--icon i[b-mm0gr7bt4i] {
    margin: 0;
    font-size: 16px;
}

.files-workspace .obs-upload-history .obs-action--icon:focus-visible[b-mm0gr7bt4i] {
    outline: 2px solid var(--obs-primary);
    outline-offset: 3px;
}
.files-workspace-heading[b-mm0gr7bt4i] { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-block-end:16px; outline:none; scroll-margin-block-start:100px; }
.files-workspace-heading h2[b-mm0gr7bt4i] { margin:0; font-size:1.25em; flex:1; }
.files-pagination[b-mm0gr7bt4i] { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-block:12px; }
.files-workspace .obs-action:is([data-obs-action="previous"], [data-obs-action="next"])[b-mm0gr7bt4i] {
    --obs-action-bg: var(--obs-secondary, #b48a45);
}
.files-identity[b-mm0gr7bt4i] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; overflow-wrap:anywhere; }
.files-history[b-mm0gr7bt4i] { border:1px solid #879da7; background:#fff; border-radius:12px; margin-block:16px; padding:14px; }
.files-history>summary[b-mm0gr7bt4i] { cursor:pointer; min-height:44px; font-weight:600; background:color-mix(in srgb,var(--obs-secondary,#b48a45) 18%,#f4f6f8); margin:-14px; padding:14px; border-radius:11px; }
.files-history[open]>summary[b-mm0gr7bt4i] { margin-block-end:14px; border-bottom:1px solid #879da7; }
.files-version-downloads[b-mm0gr7bt4i] { display:flex; flex-wrap:wrap; gap:8px; }
.obs-upload-filters[b-mm0gr7bt4i] { width:100%; display:flex; flex-wrap:wrap; gap:8px; }
.obs-upload-filters .form-control[b-mm0gr7bt4i] { flex:2 1 250px; }
.obs-upload-filters .form-select[b-mm0gr7bt4i] { flex:1 1 160px; width:auto; }
.obs-upload-row-actions .btn[b-mm0gr7bt4i] { width:auto; height:auto; min-height:44px; padding:8px 12px!important; font:inherit; white-space:normal; border:1px solid #778e99!important; color:#19343e; background:#fff; }
.obs-upload-history .obs-table td:first-child[b-mm0gr7bt4i] { max-width:300px; overflow-wrap:anywhere; }
@media(max-width:600px) {
    .files-workspace-heading .btn[b-mm0gr7bt4i] { flex:1 1 100%; }
    .obs-upload-filters .form-control[b-mm0gr7bt4i],.obs-upload-filters .form-select[b-mm0gr7bt4i] { width:100%; flex-basis:100%; }
}
@container observatory-content (max-width:760px) {
    .files-workspace .obs-upload-history .obs-upload-filters[b-mm0gr7bt4i] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .obs-upload-filters .form-control[b-mm0gr7bt4i] { grid-column:1/-1; }
    .obs-upload-filters .form-control[b-mm0gr7bt4i],.obs-upload-filters .form-select[b-mm0gr7bt4i] { width:100%; min-width:0; }
    .obs-upload-history .obs-table[b-mm0gr7bt4i] { min-width:0; width:100%; }
    .obs-upload-history .obs-table thead[b-mm0gr7bt4i] { display:none; }
    .obs-upload-history .obs-table tbody[b-mm0gr7bt4i] { display:grid; gap:12px; }
    .obs-upload-history .obs-table tr[b-mm0gr7bt4i] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #91a5af; border-radius:10px; padding:8px; }
    .obs-upload-history .obs-table td[b-mm0gr7bt4i] { display:block; min-width:0; max-width:none; white-space:normal; overflow-wrap:anywhere; border:0; padding:8px; }
    .obs-upload-history .obs-table td[data-label][b-mm0gr7bt4i]::before { content:attr(data-label); display:block; font-weight:600; color:#405961; margin-block-end:4px; }
    .obs-upload-history .obs-table .files-name[b-mm0gr7bt4i],.obs-upload-history .obs-table .files-actions[b-mm0gr7bt4i] { grid-column:1/-1; }
    .obs-upload-history .obs-table .files-period[b-mm0gr7bt4i] { display:none; }
}
.file-detail-identity[b-mm0gr7bt4i]{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 20px;margin-bottom:16px;border:1px solid #d1dfd8;border-radius:14px;background:linear-gradient(110deg,#f4f7f1,#eaf3ee)}.file-detail-identity small[b-mm0gr7bt4i]{color:#60796c}.file-detail-identity h3[b-mm0gr7bt4i]{font-size:1.1rem;line-height:1.8;margin:4px 0}.file-detail-identity h3 span[b-mm0gr7bt4i]{font-size:.95rem;font-weight:400}.file-detail-identity details[b-mm0gr7bt4i]{width:100%;font-size:.82rem;overflow-wrap:anywhere}.file-detail-identity summary[b-mm0gr7bt4i]{cursor:pointer;color:#567365}.file-detail-identity bdi[b-mm0gr7bt4i]{display:block;padding-top:8px}
.file-detail-period[b-mm0gr7bt4i]{width:100%;margin:0;font-size:.9rem;color:#315d4d}.file-detail-period span[b-mm0gr7bt4i]{color:#60796c;font-size:.83rem}
/* _content/Starterkit/Observatory/Components/FixedAssignmentEditor.razor.rz.scp.css */
.assignment-editor[b-0c50ovfz45] { container: assignment-editor / inline-size; min-width:0; margin-block:20px; color:#19343e; }
.assignment-editor h4[b-0c50ovfz45] { display:flex; align-items:center; gap:6px; font-size:1.05em; margin:0 0 12px; }
.assignment-editor>label[b-0c50ovfz45] { display:block; font-weight:600; margin-block-end:6px; }
.assignment-option[b-0c50ovfz45] { display:flex; align-items:center; gap:4px; }
.assignment-row-heading[b-0c50ovfz45],.assignment-row[b-0c50ovfz45] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:16px; padding:14px 16px; }
.assignment-row-heading[b-0c50ovfz45] { background:#edf3f5; border:1px solid #bdcfd4; border-radius:8px 8px 0 0; font-weight:600; margin-block-start:16px; }
.assignment-row[b-0c50ovfz45] { border:1px solid #bdcfd4; border-top:0; background:#fff; }
.assignment-identity[b-0c50ovfz45],.assignment-options[b-0c50ovfz45] { min-width:0; }
.assignment-identity small[b-0c50ovfz45] { display:block; margin-block-start:6px; color:#596f77; font-size:.8em; }
.assignment-options[b-0c50ovfz45] { display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; }
.assignment-options label[b-0c50ovfz45] { display:flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; font-size:.9em; }
.assignment-options input[b-0c50ovfz45] { width:20px; height:20px; accent-color:var(--obs-primary,#0b4f52); flex-shrink:0; }
.assignment-effective[b-0c50ovfz45] { flex-basis:100%; margin:0; font-size:.8em; color:#486269; }
.assignment-save[b-0c50ovfz45] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding-block:16px; }
.assignment-save>span[b-0c50ovfz45] { font-size:.85em; color:#486269; }
.assignment-save button[b-0c50ovfz45] { font:inherit; min-height:44px; }
.assignment-empty[b-0c50ovfz45] { padding:20px; border:1px dashed #bdcfd4; border-radius:8px; color:#486269; }
@container assignment-editor (max-width:680px) {
    .assignment-row-heading[b-0c50ovfz45] { display:none; }
    .assignment-row[b-0c50ovfz45] { grid-template-columns:minmax(0,1fr); border-top:1px solid #bdcfd4; border-radius:8px; margin-block:10px; gap:8px; }
    .assignment-save button[b-0c50ovfz45] { width:100%; justify-content:center; }
}
/* _content/Starterkit/Observatory/Components/FixedDashboardVisual.razor.rz.scp.css */
.fixed-visual[b-tj7bh1eaco]{color:#193d44;min-width:0}.fixed-visual header[b-tj7bh1eaco]{padding:1rem;background:#eef8f5;border-radius:1rem;margin-bottom:1rem}.fixed-visual h3[b-tj7bh1eaco],.fixed-visual h4[b-tj7bh1eaco]{margin:0 0 .6rem}.fixed-visual p[b-tj7bh1eaco]{line-height:1.8;margin:.4rem 0}.fixed-visual nav[b-tj7bh1eaco]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.fixed-visual button[b-tj7bh1eaco]{border:1px solid #b8cecd;background:white;border-radius:.7rem;padding:.45rem .8rem;color:inherit}.fixed-visual button.selected[b-tj7bh1eaco]{background:#176c65;color:white}.fixed-visual button:disabled[b-tj7bh1eaco]{opacity:.45}.fixed-visual__grid[b-tj7bh1eaco]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.fixed-visual article[b-tj7bh1eaco]{border:1px solid #d8e6e5;padding:1rem;border-radius:1rem;min-width:0;background:white}.fixed-visual article.wide[b-tj7bh1eaco]{grid-column:1/-1}.fixed-visual small[b-tj7bh1eaco],.muted[b-tj7bh1eaco]{color:#597579;font-size:.85rem}.fixed-visual__scroll[b-tj7bh1eaco]{max-height:26rem;overflow:auto;margin-top:.6rem;overscroll-behavior:contain}.fixed-visual table[b-tj7bh1eaco]{border-collapse:collapse;width:100%;font-size:.85rem}.fixed-visual th[b-tj7bh1eaco]{position:sticky;top:0;background:#f0f6f5}.fixed-visual td[b-tj7bh1eaco],.fixed-visual th[b-tj7bh1eaco]{text-align:start;padding:.6rem;border-bottom:1px solid #e5eeee;overflow-wrap:anywhere}.fixed-visual__point[b-tj7bh1eaco]{display:flex;flex-direction:column;gap:.4rem;padding:.6rem 0;border-bottom:1px solid #e6eeee;overflow-wrap:anywhere}.fixed-visual__point strong[b-tj7bh1eaco]{font-size:1.45rem}.fixed-visual meter[b-tj7bh1eaco]{width:100%;height:1rem;accent-color:#168271}.fixed-visual details[b-tj7bh1eaco]{font-size:.8rem;max-height:14rem;overflow:auto}.fixed-visual summary[b-tj7bh1eaco]{cursor:pointer;color:#176c65}.fixed-visual__line[b-tj7bh1eaco]{width:100%;max-height:180px;direction:ltr}.fixed-visual__pager[b-tj7bh1eaco]{display:flex;gap:1rem;align-items:center;margin-top:.7rem}@media(max-width:700px){.fixed-visual__grid[b-tj7bh1eaco]{grid-template-columns:1fr}.fixed-visual article[b-tj7bh1eaco]{padding:.7rem}.fixed-visual td[b-tj7bh1eaco]{min-width:5rem}}@media print{.fixed-visual nav[b-tj7bh1eaco],.fixed-visual__pager[b-tj7bh1eaco]{display:none}.fixed-visual__scroll[b-tj7bh1eaco]{max-height:none;overflow:visible}}
.fixed-visual[b-tj7bh1eaco] { overflow-wrap: anywhere; } .fixed-visual__pager[b-tj7bh1eaco] { flex-wrap: wrap; }
.fixed-visual__distribution[b-tj7bh1eaco]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.5rem 0}
.fixed-visual__pie[b-tj7bh1eaco]{width:7rem;aspect-ratio:1;border-radius:50%;background:conic-gradient(#177c74 0 var(--share),#c5d9e5 var(--share) 100%);flex:none}
.fixed-visual__distribution>div:last-child[b-tj7bh1eaco]{display:grid;gap:.4rem}
.fixed-visual__part[b-tj7bh1eaco]:before,.fixed-visual__remainder[b-tj7bh1eaco]:before{content:"";display:inline-block;width:.7rem;height:.7rem;margin-inline-end:.4rem;border-radius:.15rem;background:#177c74}
.fixed-visual__remainder[b-tj7bh1eaco]:before{background:#c5d9e5}
.fixed-visual--compact .fixed-visual__distribution[b-tj7bh1eaco]{grid-column:1/-1}

.fixed-visual--compact .fixed-visual__point[b-tj7bh1eaco]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem .6rem;padding:.4rem 0}
.fixed-visual--compact .fixed-visual__point>strong[b-tj7bh1eaco]{font-size:1.1rem;white-space:nowrap}
.fixed-visual--compact .fixed-visual__point>strong small[b-tj7bh1eaco]{display:inline;font-size:.8rem}
.fixed-visual--compact .fixed-visual__point>meter[b-tj7bh1eaco],.fixed-visual--compact .fixed-visual__point>details[b-tj7bh1eaco],.fixed-visual--compact .fixed-visual__point>small[b-tj7bh1eaco]{grid-column:1/-1}
.fixed-visual--compact .fixed-visual__coverage[b-tj7bh1eaco]{margin:0 0 .6rem;padding:.4rem .6rem;background:#edf4f1;border:1px solid #b4cbc4;border-radius:.5rem;font-size:.85rem}
.fixed-visual--compact nav[b-tj7bh1eaco]{margin-bottom:.6rem}.fixed-visual--compact article[b-tj7bh1eaco]{padding:.7rem}.fixed-visual--compact article>h4[b-tj7bh1eaco]{margin-bottom:.3rem}

/* Persisted presentation only; measurements and source attribution are unchanged. */
.fixed-visual__grid[b-tj7bh1eaco]{grid-template-columns:repeat(12,minmax(0,1fr))}
.fixed-visual article[b-tj7bh1eaco]{grid-column:span 6}.fixed-visual article.wide[b-tj7bh1eaco]{grid-column:span 12}
.fixed-visual article.layout-width-4[b-tj7bh1eaco]{grid-column:span 4}.fixed-visual article.layout-width-6[b-tj7bh1eaco]{grid-column:span 6}.fixed-visual article.layout-width-12[b-tj7bh1eaco]{grid-column:span 12}
.fixed-visual article.layout-height-1[b-tj7bh1eaco]{min-height:180px}.fixed-visual article.layout-height-2[b-tj7bh1eaco]{min-height:280px}.fixed-visual article.layout-height-3[b-tj7bh1eaco]{min-height:400px}
@media(max-width:700px){.fixed-visual__grid[b-tj7bh1eaco]{grid-template-columns:1fr}.fixed-visual article[b-tj7bh1eaco]{grid-column:1/-1!important;min-height:0!important}}
/* Shared presentation for editing, preview, and published fixed dashboards. */
.fixed-visual[b-tj7bh1eaco]{--obs-chart-primary:color-mix(in srgb,var(--obs-primary,#177c74) 80%,#193443);--obs-chart-secondary:color-mix(in srgb,var(--obs-secondary,#b48a45) 65%,#e9edf4);color:#203039;font-family:var(--obs-org-font-family,Tahoma,Arial,sans-serif);container-type:inline-size}.fixed-visual header[b-tj7bh1eaco]{background:white;border:1px solid #dce5e9;padding:.85rem 1rem}.fixed-visual h3[b-tj7bh1eaco]{font-size:1.1rem;line-height:1.6}.fixed-visual h4[b-tj7bh1eaco]{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.fixed-visual p[b-tj7bh1eaco]{line-height:1.7}.fixed-visual article[b-tj7bh1eaco]{padding:1.15rem;border-color:#dce5e9;border-radius:.75rem;align-self:stretch}.fixed-visual button.selected[b-tj7bh1eaco]{background:var(--obs-chart-primary);border-color:var(--obs-chart-primary)}.fixed-visual summary[b-tj7bh1eaco]{color:var(--obs-chart-primary);font-size:.8rem}.fixed-visual__explanation[b-tj7bh1eaco]{margin:.4rem 0 .8rem}.fixed-visual__point[b-tj7bh1eaco]{padding:.85rem 0;gap:.4rem}.fixed-visual__point strong[b-tj7bh1eaco]{font-size:2rem;font-variant-numeric:tabular-nums;line-height:1.4}.fixed-visual__point strong small[b-tj7bh1eaco]{font-size:.9rem;font-weight:400}.fixed-visual__point>span[b-tj7bh1eaco]{font-size:.88rem;color:#52616b}.fixed-visual meter[b-tj7bh1eaco]{height:1.5rem;accent-color:var(--obs-chart-primary)}.fixed-visual meter[b-tj7bh1eaco]::-webkit-meter-optimum-value{background:var(--obs-chart-primary)}.fixed-visual__distribution[b-tj7bh1eaco]{justify-content:center;gap:1.5rem;padding:1rem 0}.fixed-visual__pie[b-tj7bh1eaco]{display:grid;place-items:center;width:10rem;position:relative;background:conic-gradient(var(--obs-chart-primary) 0 var(--share),var(--obs-chart-secondary) var(--share) 100%)}.fixed-visual__pie[b-tj7bh1eaco]:before{content:"";position:absolute;inset:21%;border-radius:50%;background:#fff}.fixed-visual__pie>span[b-tj7bh1eaco]{position:relative;text-align:center;font-size:1.5rem;font-weight:700;line-height:1.4}.fixed-visual__pie>span small[b-tj7bh1eaco]{display:block;font-weight:400}.fixed-visual__part[b-tj7bh1eaco]:before{background:var(--obs-chart-primary)}.fixed-visual__remainder[b-tj7bh1eaco]:before{background:var(--obs-chart-secondary)}.fixed-visual__scroll[b-tj7bh1eaco]{max-height:32rem}.fixed-visual--thumbnail .fixed-visual__grid[b-tj7bh1eaco]{grid-template-columns:1fr}.fixed-visual--thumbnail article[b-tj7bh1eaco]{grid-column:1/-1!important;padding:.35rem;border:0;background:transparent;min-height:0!important}.fixed-visual--thumbnail article>h4[b-tj7bh1eaco]{display:none}.fixed-visual--thumbnail .fixed-visual__point[b-tj7bh1eaco]{display:flex;align-items:stretch;border-bottom:0;padding:.35rem 0}.fixed-visual--thumbnail .fixed-visual__point strong[b-tj7bh1eaco]{font-size:1.65rem;white-space:normal}.fixed-visual--thumbnail .fixed-visual__scroll[b-tj7bh1eaco]{max-height:22rem;margin:0}.fixed-visual--thumbnail .fixed-visual__pie[b-tj7bh1eaco]{width:8rem}.fixed-visual--thumbnail .fixed-visual__distribution[b-tj7bh1eaco]{gap:.75rem;padding:.5rem 0}.fixed-visual--thumbnail .fixed-visual__pager[b-tj7bh1eaco]{margin-top:.3rem}.fixed-visual__grid[b-tj7bh1eaco]{align-items:start}
@container(max-width:600px){.fixed-visual article[b-tj7bh1eaco]{grid-column:1/-1!important;min-height:0!important}.fixed-visual__distribution[b-tj7bh1eaco]{gap:1rem}.fixed-visual__point strong[b-tj7bh1eaco]{font-size:1.6rem}.fixed-visual article[b-tj7bh1eaco]{padding:.85rem}.fixed-visual__grid[b-tj7bh1eaco]{gap:.75rem}}
.fixed-visual__bars[b-tj7bh1eaco]{display:flex;gap:1rem;align-items:flex-start;overflow-x:auto;padding:1rem .5rem;direction:ltr}.fixed-visual__bar-column[b-tj7bh1eaco]{flex:1;min-width:65px;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-inline:auto;text-align:center;direction:rtl}.fixed-visual__bar-column>strong[b-tj7bh1eaco]{font-size:1.1rem}.fixed-visual__bar-track[b-tj7bh1eaco]{height:140px;width:100%;display:flex;align-items:flex-end;border-bottom:1px solid #a9bdc7;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#e8edf2 35px)}.fixed-visual__bar-track>span[b-tj7bh1eaco]{display:block;width:64%;margin-inline:auto;border-radius:.25rem .25rem 0 0;background:var(--obs-chart-primary)}.fixed-visual__bar-column>small[b-tj7bh1eaco]{font-size:.75rem}.fixed-visual--thumbnail .fixed-visual__bars[b-tj7bh1eaco]{gap:.5rem;padding:.4rem}.fixed-visual--thumbnail .fixed-visual__bar-track[b-tj7bh1eaco]{height:80px}.fixed-visual--thumbnail .fixed-visual__bar-column[b-tj7bh1eaco]{min-width:45px}.fixed-visual--thumbnail .fixed-visual__bar-column>small[b-tj7bh1eaco]{display:none}
.fixed-visual .fixed-visual__data[b-tj7bh1eaco]{max-height:none;overflow:visible}.fixed-visual__data.is-direct>summary[b-tj7bh1eaco]{display:none}.fixed-visual__data>summary[b-tj7bh1eaco]{padding:.5rem 0}.fixed-visual__line-periods[b-tj7bh1eaco]{display:flex;justify-content:space-between;direction:ltr;font-size:.8rem;color:#536875;padding:0 1rem}

/* Keep disclosures and numeric cards independent of the application's generic details styles. */
.fixed-visual .fixed-visual__data[b-tj7bh1eaco]{border:0;border-radius:0;background:transparent;padding:0;margin:.75rem 0 0}
.fixed-visual .fixed-visual__data:not(.is-direct)[b-tj7bh1eaco]{border:1px solid #dce5e9;border-radius:.65rem;overflow:hidden}
.fixed-visual .fixed-visual__data>summary[b-tj7bh1eaco]{display:flex;align-items:center;gap:.6rem;list-style:none;padding:.75rem .9rem;margin:0;border:0;border-radius:0;background:#f6f9fa;font-size:.88rem;font-weight:600}
.fixed-visual .fixed-visual__data>summary[b-tj7bh1eaco]::-webkit-details-marker{display:none}
.fixed-visual .fixed-visual__data>summary>small[b-tj7bh1eaco]{margin-inline-start:auto;font-size:.75rem;font-weight:400}
.fixed-visual__chevron[b-tj7bh1eaco]{transition:transform .15s ease;font-size:1.1rem}
.fixed-visual__data[open]>summary>.fixed-visual__chevron[b-tj7bh1eaco]{transform:rotate(180deg)}
.fixed-visual .fixed-visual__data.is-direct>summary[b-tj7bh1eaco]{display:none}
.fixed-visual .fixed-visual__data:not(.is-direct)>.fixed-visual__scroll[b-tj7bh1eaco]{padding:0 .9rem;margin:0}
.fixed-visual .fixed-visual__data.is-direct>.fixed-visual__scroll[b-tj7bh1eaco]{margin:0}
.fixed-visual .fixed-visual__value-cards[b-tj7bh1eaco]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.8rem;padding:0;max-height:none;overflow:visible}
.fixed-visual .fixed-visual__point[data-value-card=true][b-tj7bh1eaco]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0;padding:1.15rem;border:1px solid #dce5e9;border-top:3px solid var(--obs-chart-primary);border-radius:.7rem;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--obs-primary,#177c74) 5%,white));text-align:start}
.fixed-visual .fixed-visual__point[data-value-card=true]>.fixed-visual__period[b-tj7bh1eaco]{display:inline-block;font-size:.85rem;font-weight:600;color:var(--obs-chart-primary);padding:.2rem .6rem;background:#fff;border:1px solid #dce5e9;border-radius:2rem;line-height:1.6}
.fixed-visual .fixed-visual__point[data-value-card=true]>strong[b-tj7bh1eaco]{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--obs-chart-primary);padding:.35rem 0;white-space:normal}
.fixed-visual .fixed-visual__point[data-value-card=true]>strong>small[b-tj7bh1eaco]{font-size:.85rem;font-weight:400}
.fixed-visual .fixed-visual__point[data-value-card=true]>.fixed-visual__value-label[b-tj7bh1eaco]{font-size:.8rem;line-height:1.6}
.fixed-visual .fixed-visual__explanation[b-tj7bh1eaco],.fixed-visual .fixed-visual__source[b-tj7bh1eaco]{border:0;background:transparent;border-radius:0;padding:0;max-height:18rem;overflow:auto}
.fixed-visual .fixed-visual__explanation>summary[b-tj7bh1eaco],.fixed-visual .fixed-visual__source>summary[b-tj7bh1eaco]{padding:.35rem 0;border:0;border-radius:0;background:transparent;font-size:.78rem;color:#60717d}
.fixed-visual .fixed-visual__point>.fixed-visual__source[b-tj7bh1eaco]{width:100%;margin-top:.25rem;border-top:1px solid #e3e9ec;padding-top:.4rem}
.fixed-visual .fixed-visual__source p[b-tj7bh1eaco],.fixed-visual .fixed-visual__source ul[b-tj7bh1eaco]{font-size:.8rem;line-height:1.7}
.fixed-visual .fixed-visual__point:last-child[b-tj7bh1eaco]{border-bottom:0}
.fixed-visual .fixed-visual__point[data-value-card=true]:last-child[b-tj7bh1eaco]{border-bottom:1px solid #dce5e9}
.fixed-visual__pager:empty[b-tj7bh1eaco]{display:none}
.fixed-visual--thumbnail .fixed-visual__point[data-value-card=true][b-tj7bh1eaco]{padding:.8rem}
.fixed-visual article[b-tj7bh1eaco]{align-self:start}
.fixed-visual .fixed-visual__data:not(.is-direct) .fixed-visual__point[b-tj7bh1eaco]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem .8rem;padding:.8rem 0}
.fixed-visual .fixed-visual__data:not(.is-direct) .fixed-visual__point>strong[b-tj7bh1eaco]{font-size:1.1rem;white-space:normal;text-align:end}
.fixed-visual .fixed-visual__data:not(.is-direct) .fixed-visual__point>details[b-tj7bh1eaco],.fixed-visual .fixed-visual__data:not(.is-direct) .fixed-visual__point>small[b-tj7bh1eaco]{grid-column:1/-1}
@media(prefers-reduced-motion:reduce){.fixed-visual__chevron[b-tj7bh1eaco]{transition:none}}

/* Optional presentation settings are saved with the snapshot; the measures stay unchanged. */
.fixed-visual article[b-tj7bh1eaco]{position:relative}
.fixed-visual article.layout-width-3[b-tj7bh1eaco]{grid-column:span 3}.fixed-visual article.layout-width-8[b-tj7bh1eaco]{grid-column:span 8}
.fixed-visual article.layout-height-1[b-tj7bh1eaco]{min-height:190px}.fixed-visual article.layout-height-2[b-tj7bh1eaco]{min-height:300px}.fixed-visual article.layout-height-3[b-tj7bh1eaco]{min-height:420px}
.fixed-visual .layout-height-2 .fixed-visual__bars:not(.is-horizontal) .fixed-visual__bar-track[b-tj7bh1eaco]{height:170px}
.fixed-visual .layout-height-3 .fixed-visual__bars:not(.is-horizontal) .fixed-visual__bar-track[b-tj7bh1eaco]{height:260px}
.fixed-visual .layout-height-3 .fixed-visual__line[b-tj7bh1eaco]{max-height:280px}
.fixed-visual article.tone-primary[b-tj7bh1eaco]{--obs-chart-primary:var(--obs-primary,#177c74)}
.fixed-visual article.tone-secondary[b-tj7bh1eaco]{--obs-chart-primary:var(--obs-secondary,#b48a45)}
.fixed-visual article.tone-blue[b-tj7bh1eaco]{--obs-chart-primary:#3975bd}.fixed-visual article.tone-teal[b-tj7bh1eaco]{--obs-chart-primary:#148c86}.fixed-visual article.tone-violet[b-tj7bh1eaco]{--obs-chart-primary:#7964b6}
.fixed-visual article[class*="tone-"]:not(.tone-)[b-tj7bh1eaco]{border-top:3px solid var(--obs-chart-primary)}
.fixed-visual article[class*="tone-"]:not(.tone-) .fixed-visual__value-cards:has(>.fixed-visual__point:only-child)>.fixed-visual__point[b-tj7bh1eaco]{border:0;background:transparent;padding:.25rem 0}
.fixed-visual .is-horizontal[b-tj7bh1eaco]{flex-direction:column;gap:.75rem;direction:rtl}
.fixed-visual .is-horizontal .fixed-visual__bar-column[b-tj7bh1eaco]{display:grid;grid-template-columns:minmax(70px,1fr) 2fr auto;gap:.4rem;max-width:none;width:100%;text-align:start;align-items:center}
.fixed-visual .is-horizontal .fixed-visual__bar-track[b-tj7bh1eaco]{grid-column:2;grid-row:1/3;height:22px;border:0;background:#eef2f6;border-radius:.25rem;align-items:stretch}
.fixed-visual .is-horizontal .fixed-visual__bar-track>span[b-tj7bh1eaco]{height:100%;margin:0;border-radius:.25rem}
.fixed-visual .is-horizontal .fixed-visual__bar-column>strong[b-tj7bh1eaco]{grid-column:3;grid-row:1/3;font-variant-numeric:tabular-nums}
.fixed-visual .is-horizontal .fixed-visual__bar-column>span[b-tj7bh1eaco],.fixed-visual .is-horizontal .fixed-visual__bar-column>small[b-tj7bh1eaco]{grid-column:1}
.fixed-visual__gauge[b-tj7bh1eaco]{width:min(100%,220px);margin:.5rem auto;grid-column:1/-1}
.fixed-visual__gauge svg[b-tj7bh1eaco]{width:100%;display:block;direction:ltr}.fixed-visual__gauge>div[b-tj7bh1eaco]{display:flex;justify-content:space-between;direction:ltr;font-size:.75rem;color:#5a6a75}
.fixed-visual .fixed-visual__resize[b-tj7bh1eaco]{position:absolute;bottom:.35rem;left:.35rem;width:1.8rem;height:1.8rem;padding:0;border:0;background:transparent;color:#7f95a4;cursor:nesw-resize;touch-action:none}
.fixed-visual article.is-widget-selected[b-tj7bh1eaco],.fixed-visual article.is-drop-target[b-tj7bh1eaco]{outline:2px solid var(--obs-primary,#177c74);outline-offset:2px;box-shadow:0 5px 18px #24475315}
.fixed-visual article.is-resizing[b-tj7bh1eaco]{outline:2px dashed var(--obs-primary,#177c74);user-select:none}
.fixed-visual__grid.is-drag-preview[b-tj7bh1eaco]{user-select:none;align-content:start}
.fixed-visual article.is-drop-preview[b-tj7bh1eaco]{outline:3px dashed var(--obs-primary,#177c74);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--obs-primary,#177c74) 14%,transparent);background:color-mix(in srgb,var(--obs-primary,#177c74) 7%,white)}
.fixed-visual article.is-drop-preview[b-tj7bh1eaco]:after{content:"المكان بعد الإفلات";position:absolute;inset-inline-end:.6rem;inset-block-start:-1.3rem;z-index:3;background:var(--obs-primary,#177c74);color:#fff;padding:.25rem .65rem;border-radius:.4rem;font-size:.8rem;pointer-events:none}
.fixed-visual .fixed-visual__resize:focus-visible[b-tj7bh1eaco]{outline:2px solid var(--obs-primary,#177c74)}
@container(max-width:600px){.fixed-visual .fixed-visual__resize[b-tj7bh1eaco]{display:none}.fixed-visual article.layout-width-3[b-tj7bh1eaco],.fixed-visual article.layout-width-8[b-tj7bh1eaco]{grid-column:1/-1}}
/* Explicit point colors also apply to long-series meter views. */
.fixed-visual__point[style] meter[b-tj7bh1eaco]::-webkit-meter-optimum-value,
.fixed-visual__point[style] meter[b-tj7bh1eaco]::-webkit-meter-suboptimum-value,
.fixed-visual__point[style] meter[b-tj7bh1eaco]::-webkit-meter-even-less-good-value {
    background: var(--obs-chart-primary);
}
.fixed-visual__point[style] meter[b-tj7bh1eaco]::-moz-meter-bar {
    background: var(--obs-chart-primary);
}
/* _content/Starterkit/Observatory/Components/FixedDashboardWorkspace.razor.rz.scp.css */
/* Observatory builder: shared tenant theme, five compact steps, one published renderer. */
.fixed-builder[b-hnuou1gqtd]{--builder-accent:color-mix(in srgb,var(--obs-primary,#0b4f52) 78%,#172329);--builder-soft:color-mix(in srgb,var(--obs-primary,#0b4f52) 5%,white);--builder-border:#dae3e7;color:#203039;font-family:var(--obs-org-font-family,Tahoma,Arial,sans-serif);font-size:15px;line-height:1.65;container-type:inline-size;min-width:0;overflow-wrap:anywhere;margin-bottom:1.5rem}
.fixed-builder *[b-hnuou1gqtd]{box-sizing:border-box}.fixed-builder fieldset[b-hnuou1gqtd]{border:0;padding:0;margin:0;min-width:0}.fixed-builder h2[b-hnuou1gqtd],.fixed-builder h3[b-hnuou1gqtd],.fixed-builder h4[b-hnuou1gqtd],.fixed-builder p[b-hnuou1gqtd]{margin:0}.fixed-builder h3[b-hnuou1gqtd]{font-size:1.35rem;line-height:1.6}.fixed-builder h4[b-hnuou1gqtd]{font-size:1.05rem;line-height:1.6}.fixed-builder p[b-hnuou1gqtd],.fixed-builder small[b-hnuou1gqtd]{color:#52616b}.fixed-builder small[b-hnuou1gqtd]{display:block;font-size:.85rem}.fixed-builder label[b-hnuou1gqtd]{display:flex;flex-direction:column;gap:.4rem;min-width:0}.fixed-builder input:not([type=checkbox])[b-hnuou1gqtd],.fixed-builder select[b-hnuou1gqtd]{width:100%;min-width:0;max-width:100%;border:1px solid #aebfc8;border-radius:.55rem;padding:.65rem .75rem;background:#fff;color:#203039;font:inherit;line-height:1.5}.fixed-builder button[b-hnuou1gqtd]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;max-width:100%;border:1px solid var(--builder-border);border-radius:.55rem;background:#fff;color:#293d46;padding:.5rem .85rem;font:inherit;line-height:1.5;cursor:pointer;white-space:normal}.fixed-builder button:disabled[b-hnuou1gqtd]{opacity:.5;cursor:default}.fixed-builder .btn-primary[b-hnuou1gqtd],.fixed-builder .btn-success[b-hnuou1gqtd]{background:var(--builder-accent);border-color:var(--builder-accent);color:white}.fixed-builder button:focus-visible[b-hnuou1gqtd],.fixed-builder input:focus-visible[b-hnuou1gqtd],.fixed-builder select:focus-visible[b-hnuou1gqtd],.fixed-builder summary:focus-visible[b-hnuou1gqtd]{outline:3px solid var(--builder-accent);outline-offset:3px}.fixed-builder button:hover:not(:disabled)[b-hnuou1gqtd]{box-shadow:0 0 0 2px color-mix(in srgb,var(--obs-primary,#0b4f52) 18%,transparent)}
.builder-heading[b-hnuou1gqtd]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0}.builder-heading>div[b-hnuou1gqtd]{min-width:0}.builder-heading>button[b-hnuou1gqtd]{flex-shrink:0}.builder-heading>div>small[b-hnuou1gqtd]{color:var(--builder-accent);font-weight:700}.builder-progress[b-hnuou1gqtd]{padding:.75rem;background:var(--builder-soft);display:flex;align-items:center;gap:.75rem}
.fixed-wizard-steps[b-hnuou1gqtd]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.65rem;border:1px solid var(--builder-border);background:#fff;border-radius:.8rem;margin-bottom:1.25rem}.fixed-wizard-steps button[b-hnuou1gqtd]{justify-content:flex-start;text-align:start;border:0;padding:.7rem;gap:.7rem}.fixed-wizard-steps b[b-hnuou1gqtd]{display:grid;place-items:center;flex:none;width:1.7rem;height:1.7rem;border-radius:50%;background:#edf1f4;color:#536975}.fixed-wizard-steps button.is-current[b-hnuou1gqtd]{background:var(--builder-accent);color:#fff}.fixed-wizard-steps button.is-current b[b-hnuou1gqtd]{background:#fff;color:var(--builder-accent)}
.builder-panel[b-hnuou1gqtd],.builder-axis[b-hnuou1gqtd]{background:#fff;border:1px solid var(--builder-border);border-radius:.8rem;min-width:0}.builder-panel[b-hnuou1gqtd]{padding:1.25rem}.builder-panel>h4[b-hnuou1gqtd]{margin-bottom:.65rem}.builder-source-grid[b-hnuou1gqtd],.builder-workspace-grid[b-hnuou1gqtd]{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:1.25rem;align-items:start}.builder-title-field[b-hnuou1gqtd]{margin:1.25rem 0}.fixed-builder__fields[b-hnuou1gqtd]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.builder-source-summary[b-hnuou1gqtd]{border-top:3px solid var(--builder-accent)}.builder-source-summary dl[b-hnuou1gqtd]{margin:1rem 0;display:grid;gap:.25rem}.builder-source-summary dt[b-hnuou1gqtd]{font-size:.85rem;color:#52616b;margin-top:.65rem}.builder-source-summary dd[b-hnuou1gqtd]{margin:0;overflow-wrap:anywhere;font-weight:600}.builder-note[b-hnuou1gqtd]{padding:.8rem;background:var(--builder-soft);border-radius:.5rem;font-size:.9rem;margin-top:1rem!important}.builder-empty[b-hnuou1gqtd]{border:1px dashed #b7c8ce;border-radius:.65rem;background:#f8fafb;padding:1.3rem;margin:1rem 0}.builder-empty p[b-hnuou1gqtd]{margin:.4rem 0}.builder-empty strong[b-hnuou1gqtd]{display:block}.fixed-builder__actions[b-hnuou1gqtd]{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;margin-top:1.25rem}.builder-source-strip[b-hnuou1gqtd]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:var(--builder-soft);border-radius:.6rem;font-size:.88rem}.builder-source-strip>span[b-hnuou1gqtd]{min-width:0}.builder-source-strip>button[b-hnuou1gqtd]{flex-shrink:0;padding:.3rem .6rem}
.builder-axis-list[b-hnuou1gqtd]{display:grid;gap:1rem;min-width:0}.builder-axis h4>button[b-hnuou1gqtd]{width:100%;text-align:start;justify-content:flex-start;border:0;background:transparent;padding:1rem}.builder-axis h4>button>span:first-of-type[b-hnuou1gqtd]{flex:1}.builder-axis h4>button>i:first-child[b-hnuou1gqtd]{color:var(--builder-accent);padding:.65rem;background:var(--builder-soft);border-radius:.6rem}.builder-axis h4>button>i:last-child[b-hnuou1gqtd]{font-size:.75rem}.builder-axis.is-open>h4[b-hnuou1gqtd]{border-bottom:1px solid var(--builder-border);background:var(--builder-soft);border-radius:.8rem .8rem 0 0}.builder-axis-body[b-hnuou1gqtd]{padding:1rem}.builder-badge[b-hnuou1gqtd]{display:inline-block!important;white-space:nowrap;background:var(--builder-soft);color:var(--builder-accent);padding:.2rem .5rem;border:1px solid var(--builder-border);font-size:.78rem;border-radius:1rem}.builder-search[b-hnuou1gqtd]{margin-bottom:1rem;font-size:.9rem}.builder-indicator[b-hnuou1gqtd]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(140px,1fr);gap:1rem;align-items:center;padding:1rem;border:1px solid var(--builder-border);border-radius:.7rem;margin-bottom:.75rem}.builder-indicator.is-selected[b-hnuou1gqtd]{border-color:var(--builder-accent);box-shadow:inset -3px 0 var(--builder-accent)}.builder-indicator-copy[b-hnuou1gqtd]{display:grid;gap:.6rem;min-width:0}.builder-indicator-copy label[b-hnuou1gqtd]{font-size:.85rem}.builder-indicator-copy button[b-hnuou1gqtd]{justify-self:start}.builder-indicator-preview[b-hnuou1gqtd]{min-width:0;border-inline-start:1px solid var(--builder-border);padding-inline-start:.75rem;max-height:240px;overflow:auto}.builder-selected[b-hnuou1gqtd]{position:sticky;top:1rem}.builder-selected>h4[b-hnuou1gqtd]{display:flex;justify-content:space-between;gap:.5rem}.builder-selected>p[b-hnuou1gqtd]{font-size:.88rem}.builder-selection[b-hnuou1gqtd]{display:flex;gap:.6rem;align-items:center;margin-top:.75rem;padding:.8rem;background:var(--builder-soft);border:1px solid var(--builder-border);border-radius:.6rem;min-width:0}.builder-selection>div:first-child[b-hnuou1gqtd]{flex:1;min-width:0}.builder-selection strong[b-hnuou1gqtd]{font-size:.92rem}.builder-selection-actions[b-hnuou1gqtd]{display:flex;flex-wrap:wrap;gap:.3rem}.builder-selection-actions button[b-hnuou1gqtd]{padding:.4rem}.builder-pager[b-hnuou1gqtd]{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem}
.builder-layout-toolbar[b-hnuou1gqtd],.builder-review[b-hnuou1gqtd]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:white;border:1px solid var(--builder-border);padding:1rem;border-radius:.7rem;margin-bottom:1rem}.builder-mode-switch[b-hnuou1gqtd]{display:flex;flex-wrap:wrap;gap:.35rem}.builder-mode-switch button[aria-pressed=true][b-hnuou1gqtd]{background:var(--builder-soft);border-color:var(--builder-accent);color:var(--builder-accent)}.builder-canvas[b-hnuou1gqtd]{background:#f8fafb;border:1px solid var(--builder-border);padding:1.1rem;border-radius:.75rem;min-width:0;container-type:inline-size}.builder-canvas-heading[b-hnuou1gqtd]{padding:.25rem .25rem 1rem}.builder-canvas.is-mobile[b-hnuou1gqtd]{max-width:390px;margin-inline:auto}.builder-widget-tools[b-hnuou1gqtd]{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;padding:.55rem;background:var(--builder-soft);border:1px solid var(--builder-border);border-radius:.5rem;margin-bottom:.85rem}.builder-widget-tools button[b-hnuou1gqtd]{font-size:.8rem;padding:.3rem .5rem}.builder-widget-tools label[b-hnuou1gqtd]{flex:1 1 110px;font-size:.78rem;display:flex;flex-direction:row;align-items:center}.builder-widget-tools select[b-hnuou1gqtd]{font-size:.8rem;padding:.3rem}.builder-widget-tools button[draggable=true][b-hnuou1gqtd]{cursor:grab}
.builder-audience>p[b-hnuou1gqtd]{margin-bottom:1rem}.fixed-builder__roles[b-hnuou1gqtd]{display:grid;gap:.6rem}.fixed-builder__roles label[b-hnuou1gqtd]{flex-direction:row;align-items:center;gap:.7rem;border:1px solid var(--builder-border);padding:.85rem;border-radius:.6rem}.fixed-builder__roles label.is-selected[b-hnuou1gqtd]{border-color:var(--builder-accent);background:var(--builder-soft)}.fixed-builder input[type=checkbox][b-hnuou1gqtd]{width:1.15rem;height:1.15rem;accent-color:var(--builder-accent);flex:none}.builder-selected-role[b-hnuou1gqtd]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--builder-border)}.builder-selected-role button[b-hnuou1gqtd]{padding:.2rem .55rem}.builder-review>div[b-hnuou1gqtd]{flex:1}.builder-save-actions[b-hnuou1gqtd]{position:sticky;bottom:.3rem;z-index:3;background:#fff;border:1px solid var(--builder-border);border-radius:.65rem;padding:.85rem;box-shadow:0 3px 14px #1934400d}.builder-save-state[b-hnuou1gqtd]{flex:1 1 200px;min-width:0}.builder-save-state small[b-hnuou1gqtd]{font-size:.8rem}.builder-list[b-hnuou1gqtd]{display:grid;gap:.7rem}.builder-list article[b-hnuou1gqtd]{display:flex;align-items:center;gap:1rem;padding:1rem;background:white;border:1px solid var(--builder-border);border-radius:.7rem}.builder-list article>div[b-hnuou1gqtd]{flex:1;min-width:0}.builder-status[b-hnuou1gqtd]{font-size:.85rem;padding:.2rem .6rem;border-radius:1rem;background:var(--builder-soft);white-space:nowrap}
.fixed-visual-picker[b-hnuou1gqtd]{width:min(1060px,calc(100% - 2rem));max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--builder-border);border-radius:1rem;color:inherit;background:#fff;overflow:hidden;font:inherit}.fixed-visual-picker[open][b-hnuou1gqtd]{display:flex;flex-direction:column}.fixed-visual-picker[b-hnuou1gqtd]::backdrop{background:#172a3b85;backdrop-filter:blur(3px)}.fixed-visual-picker>header[b-hnuou1gqtd],.fixed-visual-picker>footer[b-hnuou1gqtd]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;flex:none;background:#fff}.fixed-visual-picker>header[b-hnuou1gqtd]{border-bottom:1px solid var(--builder-border)}.fixed-visual-picker h2[b-hnuou1gqtd]{font-size:1.2rem}.fixed-visual-picker>footer[b-hnuou1gqtd]{justify-content:flex-end;border-top:1px solid var(--builder-border)}.fixed-visual-picker>.alert[b-hnuou1gqtd]{margin:0;padding:.5rem 1rem;flex:none}.fixed-picker-body[b-hnuou1gqtd]{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);overflow-y:auto;min-height:0}.fixed-picker-settings[b-hnuou1gqtd]{display:grid;align-content:start;gap:1rem;padding:1.25rem}.fixed-picker-choices[b-hnuou1gqtd]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.fixed-picker-choices button[b-hnuou1gqtd]{display:flex;flex-direction:column;text-align:center;padding:.6rem;font-size:.85rem}.fixed-picker-choices button.is-selected[b-hnuou1gqtd]{border-color:var(--builder-accent);box-shadow:inset 0 0 0 1px var(--builder-accent);background:var(--builder-soft)}.fixed-picker-sample[b-hnuou1gqtd]{color:var(--builder-accent);width:70px;height:42px}.fixed-picker-sample svg[b-hnuou1gqtd]{width:100%;height:100%}.fixed-picker-preview[b-hnuou1gqtd]{padding:1.25rem;background:#f8fafb;border-inline-start:1px solid var(--builder-border);min-width:0}.fixed-picker-preview>p[b-hnuou1gqtd]{font-size:.85rem;margin:.5rem 0 1rem}.fixed-picker-preview>h3[b-hnuou1gqtd]{font-size:1rem}
@container(max-width:900px){.builder-source-grid[b-hnuou1gqtd],.builder-workspace-grid[b-hnuou1gqtd]{grid-template-columns:minmax(0,1fr)}.builder-selected[b-hnuou1gqtd]{position:static}.fixed-wizard-steps[b-hnuou1gqtd]{gap:.25rem}.fixed-wizard-steps button[b-hnuou1gqtd]{flex-direction:column;text-align:center;font-size:.82rem;padding:.5rem .25rem;gap:.3rem}.builder-save-actions[b-hnuou1gqtd]{position:static}}
@container(max-width:520px){.fixed-builder__fields[b-hnuou1gqtd]{grid-template-columns:1fr}.builder-indicator[b-hnuou1gqtd]{grid-template-columns:1fr}.builder-indicator-preview[b-hnuou1gqtd]{border-inline-start:0;border-top:1px solid var(--builder-border);padding:.65rem 0 0}.builder-heading[b-hnuou1gqtd]{align-items:flex-start}.builder-heading h3[b-hnuou1gqtd]{font-size:1.1rem}.builder-source-strip[b-hnuou1gqtd]{flex-wrap:wrap}.builder-panel[b-hnuou1gqtd]{padding:1rem}.builder-save-state[b-hnuou1gqtd]{flex-basis:100%}.builder-save-actions>button[b-hnuou1gqtd]{flex:1}.builder-canvas[b-hnuou1gqtd]{padding:.65rem}.builder-list article[b-hnuou1gqtd]{flex-wrap:wrap}.builder-list article>div[b-hnuou1gqtd]{flex-basis:100%}}
@media(max-width:650px){.fixed-visual-picker[b-hnuou1gqtd]{max-height:calc(100dvh - 1rem);max-width:calc(100% - 1rem);width:calc(100% - 1rem);border-radius:.7rem}.fixed-picker-body[b-hnuou1gqtd]{grid-template-columns:minmax(0,1fr)}.fixed-picker-preview[b-hnuou1gqtd]{border-inline-start:0;border-top:1px solid var(--builder-border)}.fixed-visual-picker>header[b-hnuou1gqtd],.fixed-visual-picker>footer[b-hnuou1gqtd]{padding:.75rem}.fixed-picker-settings[b-hnuou1gqtd],.fixed-picker-preview[b-hnuou1gqtd]{padding:1rem}.fixed-visual-picker h2[b-hnuou1gqtd]{font-size:1rem}.builder-mode-switch button[b-hnuou1gqtd]{flex:1}.builder-canvas.is-mobile[b-hnuou1gqtd]{max-width:100%}}
@media(prefers-reduced-motion:reduce){.fixed-builder *[b-hnuou1gqtd]{scroll-behavior:auto!important;transition:none!important}}

/* Content-sized controls: labels stay intact even in a one-third-width widget. */
.fixed-builder .builder-widget-tools[b-hnuou1gqtd]{gap:.5rem;align-items:center;padding:.65rem;container-type:inline-size}
.fixed-builder .builder-widget-tools>button[b-hnuou1gqtd]{flex:none;min-width:2rem;min-height:2rem;white-space:nowrap}
.fixed-builder .builder-widget-tools>label[b-hnuou1gqtd]{flex:1 1 185px;display:flex;flex-direction:row;gap:.5rem;align-items:center;max-width:260px;margin:0}
.fixed-builder .builder-widget-tools>label>span[b-hnuou1gqtd]{flex:none;white-space:nowrap;font-size:.8rem}
.fixed-builder .builder-widget-tools select[b-hnuou1gqtd]{flex:1;width:auto;min-width:95px;padding:.35rem .5rem;font-size:.8rem}
.fixed-picker-preview>.fixed-visual[b-hnuou1gqtd]{width:100%}
.fixed-builder .fixed-picker-choices button[b-hnuou1gqtd]{min-height:105px;gap:.4rem}
.fixed-builder .fixed-picker-choices button strong[b-hnuou1gqtd]{font-size:.9rem;font-weight:600}

/* Ministries pilot: design gallery, a clear canvas, and a contextual inspector. */
.ministry-builder[b-hnuou1gqtd]{--builder-border:#c9d6df;--builder-soft:#f2f6f8}
.ministry-builder .fixed-wizard-steps[b-hnuou1gqtd]{padding:0;border:0;border-bottom:1px solid #d6e0e6;border-radius:0;background:transparent;gap:1rem;margin-bottom:1.7rem}
.ministry-builder .fixed-wizard-steps button[b-hnuou1gqtd]{border-radius:0;border-bottom:3px solid transparent;padding:1rem .4rem;color:#6c7d88;background:transparent}
.ministry-builder .fixed-wizard-steps button.is-current[b-hnuou1gqtd]{background:transparent;color:var(--builder-accent);border-bottom-color:var(--builder-accent);font-weight:700}
.ministry-builder .fixed-wizard-steps button.is-current b[b-hnuou1gqtd]{color:white;background:var(--builder-accent)}
.ministry-builder .builder-heading h3[b-hnuou1gqtd]{font-size:1.65rem;letter-spacing:-.02em}.ministry-builder .builder-heading[b-hnuou1gqtd]{padding:1.4rem 0}
.ministry-builder button.btn-primary[b-hnuou1gqtd]{box-shadow:0 3px 7px #153e4517}.ministry-builder .btn-success[b-hnuou1gqtd]{background:#18794e;border-color:#18794e}
.ministry-builder button[data-obs-action=delete][b-hnuou1gqtd],.ministry-builder .builder-selection-actions button:last-child[b-hnuou1gqtd]{color:#b0474c;border-color:#e8cdce}
.ministry-gallery>header[b-hnuou1gqtd]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.ministry-gallery>header small[b-hnuou1gqtd]{color:var(--builder-accent);font-weight:700;margin-bottom:.4rem}.ministry-gallery>header h3[b-hnuou1gqtd]{font-size:1.7rem;margin-bottom:.4rem}.ministry-gallery>header>button[b-hnuou1gqtd]{flex:none}
.ministry-designs[b-hnuou1gqtd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:start}
.ministry-design[b-hnuou1gqtd]{border:1px solid #c9d6df;border-radius:1rem;overflow:hidden;background:white;box-shadow:0 4px 12px #213b4910}
.ministry-design.is-selected[b-hnuou1gqtd]{outline:2px solid var(--builder-accent);outline-offset:2px}
.ministry-design-sketch[b-hnuou1gqtd]{height:210px;background:#edf2f6;padding:1.1rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(25px,1fr);gap:.5rem;border-bottom:1px solid #c9d6df;overflow:hidden}
.ministry-design-sketch>div[b-hnuou1gqtd]{border:1px solid #ccd9e3;border-radius:.35rem;background:#fff;display:grid;place-items:center;min-height:0;overflow:hidden;color:#387ab6}
.ministry-design-sketch>div:nth-child(3n)[b-hnuou1gqtd]{color:#7e68b1}.ministry-design-sketch>div:nth-child(3n + 1)[b-hnuou1gqtd]{color:var(--builder-accent)}.ministry-design-sketch>div:nth-child(3n + 2)[b-hnuou1gqtd]{color:#229796}
.ministry-design-sketch svg[b-hnuou1gqtd]{width:80%;height:90%;min-height:0}.ministry-design-copy[b-hnuou1gqtd]{padding:1.2rem}.ministry-design-copy h4[b-hnuou1gqtd]{font-size:1.18rem}.ministry-design-copy>p[b-hnuou1gqtd]{min-height:3.5rem;margin:.55rem 0;font-size:.9rem;line-height:1.8}.ministry-design-copy>div[b-hnuou1gqtd]{display:flex;gap:.55rem;margin-top:1rem;flex-wrap:wrap}.ministry-design-copy>div>button[b-hnuou1gqtd]{flex:1;font-size:.9rem}
.ministry-design-copy details[b-hnuou1gqtd]{font-size:.8rem;margin-top:.65rem;color:#8b672b}.ministry-design-copy details ul[b-hnuou1gqtd]{padding-inline-start:1.2rem}.ministry-design-preview[b-hnuou1gqtd]{margin-top:1.5rem;border:1px solid #c9d6df;padding:1.2rem;border-radius:.8rem;background:#f6f8fb}.ministry-design-preview>header[b-hnuou1gqtd]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.ministry-return[b-hnuou1gqtd]{margin-top:1rem}
.ministry-canvas-actions[b-hnuou1gqtd]{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;width:100%;border-top:1px solid #dbe3e9;padding-top:.8rem}.ministry-canvas-actions small[b-hnuou1gqtd]{margin-inline-start:auto}
.ministry-editor[b-hnuou1gqtd]{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:1.2rem}
.ministry-editor:has(.builder-canvas:only-child)[b-hnuou1gqtd]{grid-template-columns:minmax(0,1fr)}
.ministry-builder .builder-canvas[b-hnuou1gqtd]{padding:1.1rem;background:#eef2f6;border:1px solid #c9d6df;min-width:0}.ministry-builder .builder-canvas-heading[b-hnuou1gqtd]{padding:.4rem .4rem 1.2rem}
.ministry-inspector[b-hnuou1gqtd]{background:#fff;border:1px solid #c9d6df;border-radius:.8rem;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;min-width:0;box-shadow:0 4px 12px #213b4909}
.ministry-inspector>header[b-hnuou1gqtd]{display:flex;justify-content:space-between;gap:.5rem;align-items:start;padding:1rem;border-bottom:1px solid #e0e7ec;background:#f9fbfc}.ministry-inspector h4[b-hnuou1gqtd]{font-size:1rem}.ministry-inspector>header button[b-hnuou1gqtd]{padding:.15rem .5rem}
.ministry-inspector .fixed-picker-settings[b-hnuou1gqtd]{padding:1rem;gap:.9rem}.ministry-inspector .fixed-picker-settings label[b-hnuou1gqtd]{font-size:.85rem}.ministry-inspector .fixed-picker-choices[b-hnuou1gqtd]{gap:.45rem}.ministry-inspector .fixed-picker-choices button[b-hnuou1gqtd]{min-height:80px;font-size:.75rem}.ministry-inspector .fixed-picker-sample[b-hnuou1gqtd]{height:30px;width:55px}.ministry-inspector .fixed-picker-choices button strong[b-hnuou1gqtd]{font-size:.78rem}
.ministry-inspector>footer[b-hnuou1gqtd]{display:flex;gap:.5rem;padding:.85rem;position:sticky;bottom:0;background:#fff;border-top:1px solid #d7e1e7}.ministry-inspector>footer>button[b-hnuou1gqtd]{flex:1}.ministry-inspector-empty[b-hnuou1gqtd]{padding:1.6rem 1.2rem;text-align:center}.ministry-inspector-empty>i[b-hnuou1gqtd]{font-size:1.7rem;color:var(--builder-accent);margin-bottom:1rem}.ministry-inspector-empty p[b-hnuou1gqtd]{font-size:.9rem;margin:.7rem 0;line-height:1.9}.ministry-inspector-preview[b-hnuou1gqtd]{padding:0 1rem 1rem}
.fixed-builder .ministry-tones[b-hnuou1gqtd]{display:flex;flex-wrap:wrap;gap:.55rem}.ministry-tones legend[b-hnuou1gqtd]{font-size:.85rem;margin:0 0 .5rem}.fixed-builder .tone-swatch[b-hnuou1gqtd]{width:30px;height:30px;padding:0;border-radius:50%;color:white;border:3px solid white;box-shadow:0 0 0 1px #ced9df}.fixed-builder .tone-swatch[aria-pressed=true][b-hnuou1gqtd]{outline:2px solid #293d46;outline-offset:2px}
.tone-swatch.tone-primary[b-hnuou1gqtd]{background:var(--obs-primary,#177c74)}.tone-swatch.tone-secondary[b-hnuou1gqtd]{background:var(--obs-secondary,#b48a45)}.tone-swatch.tone-blue[b-hnuou1gqtd]{background:#3975bd}.tone-swatch.tone-teal[b-hnuou1gqtd]{background:#148c86}.tone-swatch.tone-violet[b-hnuou1gqtd]{background:#7964b6}
.ministry-builder .builder-widget-tools[b-hnuou1gqtd]{background:transparent;border:0;border-bottom:1px solid #e2e9ed;border-radius:0;padding:0 0 .5rem;gap:.3rem;justify-content:flex-end;opacity:.3}.ministry-builder .builder-widget-tools:focus-within[b-hnuou1gqtd],.ministry-builder .builder-widget-tools:hover[b-hnuou1gqtd]{opacity:1}.ministry-builder .builder-widget-tools button[b-hnuou1gqtd]{padding:.25rem .4rem;min-height:1.8rem;font-size:.75rem}.ministry-builder .builder-widget-tools button:last-child[b-hnuou1gqtd]{color:#b0474c}
@container(max-width:900px){.ministry-editor[b-hnuou1gqtd]{grid-template-columns:minmax(0,1fr)}.ministry-inspector[b-hnuou1gqtd]{position:static;max-height:none}.ministry-designs[b-hnuou1gqtd]{gap:.8rem}.ministry-design-copy[b-hnuou1gqtd]{padding:.9rem}.ministry-builder .builder-widget-tools[b-hnuou1gqtd]{opacity:1}}
@container(max-width:720px){.ministry-designs[b-hnuou1gqtd]{grid-template-columns:minmax(0,1fr)}.ministry-gallery>header[b-hnuou1gqtd]{align-items:flex-start;flex-direction:column}.ministry-gallery>header h3[b-hnuou1gqtd]{font-size:1.4rem}.ministry-design-copy>p[b-hnuou1gqtd]{min-height:0}.ministry-builder .fixed-wizard-steps[b-hnuou1gqtd]{gap:.2rem}.ministry-gallery>header>button[b-hnuou1gqtd]{width:100%}.ministry-design-sketch[b-hnuou1gqtd]{height:220px}}
@media(hover:none){.ministry-builder .builder-widget-tools[b-hnuou1gqtd]{opacity:1}}
.ministry-builder button.btn-primary[b-hnuou1gqtd]{background-color:var(--builder-accent)!important;border-color:var(--builder-accent)!important;color:#fff!important}
.ministry-builder button.btn-success[b-hnuou1gqtd]{background-color:#18794e!important;border-color:#18794e!important;color:#fff!important}
.ministry-builder .builder-save-actions:has(+ .builder-note)[b-hnuou1gqtd]{margin-bottom:.7rem}
.ministry-builder:has(.ministry-gallery) .builder-save-actions[b-hnuou1gqtd]{display:none}
.ministry-builder:has(.ministry-editor) .builder-source-strip[b-hnuou1gqtd]{display:none}
.ministry-builder:has(.ministry-editor) .builder-heading[b-hnuou1gqtd]{padding:.75rem 0}
.ministry-builder:has(.ministry-editor) .fixed-wizard-steps[b-hnuou1gqtd]{margin-bottom:1rem}
.ministry-builder .builder-widget-tools[b-hnuou1gqtd]{opacity:1}
.ministry-builder [data-move-widget][b-hnuou1gqtd]{touch-action:none;cursor:grab}
.ministry-builder[b-hnuou1gqtd]  article.is-moving{opacity:.85}
.builder-canvas.is-mobile[b-hnuou1gqtd]{width:390px;max-width:100%;box-sizing:border-box;justify-self:center;min-width:0}
.builder-canvas.is-mobile[b-hnuou1gqtd]  .fixed-visual__grid{grid-template-columns:minmax(0,1fr)}
.builder-canvas.is-mobile[b-hnuou1gqtd]  .fixed-visual article{grid-column:1/-1!important;min-height:0!important;width:auto;max-width:100%}
.builder-canvas.is-mobile .builder-canvas-heading[b-hnuou1gqtd]{overflow-wrap:break-word}
.ministry-builder:has(.ministry-editor) .builder-save-actions[b-hnuou1gqtd]{position:static}
.ministry-builder .builder-canvas[b-hnuou1gqtd]  article:hover .builder-widget-tools{opacity:1}

.rich-settings-section[b-hnuou1gqtd]{display:grid;gap:.8rem;border:1px solid var(--obs-border,#d7e3e9);border-radius:12px;padding:1rem;background:#fff}.rich-settings-step[b-hnuou1gqtd]{font-size:.8rem;font-weight:700;color:var(--obs-primary,#177c74);border-bottom:1px solid #e2eaf0;padding-bottom:.45rem;margin-top:.35rem}.rich-shape-choices[b-hnuou1gqtd]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.rich-shape-choices button[b-hnuou1gqtd]{display:flex;align-items:center;gap:.55rem;text-align:start;border:1px solid #d5e1e8;border-radius:8px;background:white;color:inherit;padding:.8rem;font:inherit;min-width:0}.rich-shape-choices strong[b-hnuou1gqtd]{font-size:.8rem}.rich-shape-choices i[b-hnuou1gqtd]{font-size:1.15rem;color:var(--obs-primary,#177c74)}.rich-shape-choices button.is-selected[b-hnuou1gqtd]{border-color:var(--obs-primary,#177c74);box-shadow:inset 0 0 0 1px var(--obs-primary,#177c74);background:color-mix(in srgb,var(--obs-primary,#177c74) 6%,white)}.rich-color-inputs[b-hnuou1gqtd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.rich-color-inputs label[b-hnuou1gqtd]{font-size:.75rem!important;min-width:0}.rich-color-inputs input[type=color][b-hnuou1gqtd]{width:100%;height:36px;padding:3px;border-radius:7px;background:white;cursor:pointer}.rich-color-presets[b-hnuou1gqtd]{display:flex;flex-wrap:wrap;gap:.4rem}.rich-color-presets button[b-hnuou1gqtd]{font:inherit;font-size:.72rem;border:1px solid #d5e1e8;border-radius:6px;background:#f6f9fb;color:inherit;padding:.35rem .5rem}.rich-settings-section small[b-hnuou1gqtd]{font-size:.74rem;line-height:1.7;color:#607787}.rich-settings-section button:focus-visible[b-hnuou1gqtd]{outline:2px solid var(--obs-primary,#177c74);outline-offset:2px}

.rich-direct-gallery[b-hnuou1gqtd]{display:grid;gap:1rem;max-height:480px;overflow:auto;padding:.25rem;scrollbar-width:thin}.rich-choice-group h4[b-hnuou1gqtd]{font-size:.85rem;margin:.2rem 0 .6rem}.rich-choice-hint[b-hnuou1gqtd]{font-size:.78rem;color:#607787;margin:0}.rich-shape-choices button[b-hnuou1gqtd]{flex-direction:column;align-items:stretch;text-align:center;padding:.65rem;gap:.3rem}.rich-choice-sample[b-hnuou1gqtd]{color:var(--obs-primary,#177c74);display:block}.rich-choice-sample[b-hnuou1gqtd]  svg{display:block;width:100%;height:58px}.rich-shape-choices button small[b-hnuou1gqtd]{font-size:.68rem}.rich-shape-choices button:hover[b-hnuou1gqtd]{border-color:var(--obs-primary,#177c74)}

.comparison-mode[b-hnuou1gqtd]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.comparison-mode button[b-hnuou1gqtd]{font:inherit;padding:.65rem;border:1px solid #d6e2e8;border-radius:9px;background:white;color:inherit;font-size:.8rem}.comparison-mode button[aria-pressed=true][b-hnuou1gqtd]{border-color:var(--obs-primary,#177c74);background:#eaf5f2}.comparison-mode button:disabled[b-hnuou1gqtd]{opacity:.55}

/* Keep the actual editor compact and legible inside the Observatory page shell. */
.ministry-builder .rich-shape-choices button[b-hnuou1gqtd] { min-height: 112px; padding: 10px; }
.ministry-builder .rich-shape-choices button strong[b-hnuou1gqtd] { font-size: 12px; line-height: 1.6; }
.ministry-builder .rich-shape-choices button small[b-hnuou1gqtd] { font-size: 11px; }
.ministry-builder .ministry-inspector[b-hnuou1gqtd] { border-color: #c5d5df; }
.ministry-builder .builder-widget-tools button[b-hnuou1gqtd] { min-width: 28px; min-height: 28px; }
.ministry-builder .fixed-wizard-steps button[b-hnuou1gqtd] { min-height: 48px; }
@media (pointer: coarse) {
    .ministry-builder .builder-widget-tools button[b-hnuou1gqtd] { min-width: 44px; min-height: 44px; }
}
/* _content/Starterkit/Observatory/Components/FixedDuplicateReleaseDialog.razor.rz.scp.css */
.duplicate-release-dialog[b-fg4fb6q624] {
    width: min(520px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    box-sizing: border-box;
    margin: auto;
    padding: 24px;
    border: 1px solid #d8e3e5;
    border-radius: 18px;
    color: #203e48;
    background: #fff;
    box-shadow: 0 24px 70px #152e4933;
    font: inherit;
    text-align: start;
}
.duplicate-release-dialog[b-fg4fb6q624]::backdrop { background: #102d4866; backdrop-filter: blur(3px); }
.duplicate-release-dialog h2[b-fg4fb6q624] { font-size: 1.2rem; line-height: 1.6; margin: 0 0 12px; }
.duplicate-release-dialog p[b-fg4fb6q624] { line-height: 1.9; margin: 0 0 24px; overflow-wrap: anywhere; }
.duplicate-release-actions[b-fg4fb6q624] { display: flex; flex-wrap: wrap; gap: 12px; }
.duplicate-release-actions button[b-fg4fb6q624] { flex: 1 1 180px; min-height: 44px; }
/* _content/Starterkit/Observatory/Components/FixedFileDetails.razor.rz.scp.css */
.fixed-file-details[b-02j5vc5g2l] { padding: 1rem; border: 1px solid #d9e5e4; border-radius: .75rem; background: #fff; margin-block: 1rem; }
.fixed-file-details details[b-02j5vc5g2l] { margin-block: 1rem; }
.fixed-file-details summary[b-02j5vc5g2l] { cursor: pointer; font-weight: 600; padding-block: .5rem; }
.fixed-file-details__scroll[b-02j5vc5g2l] { overflow-x: auto; }
.fixed-file-details th[b-02j5vc5g2l] { position: sticky; top: 0; background: #f2f7f6; }
.fixed-file-details td[b-02j5vc5g2l] { overflow-wrap: anywhere; min-width: 7rem; }
.fixed-file-details article p[b-02j5vc5g2l] { margin-block: .5rem; }
.fixed-file-details[b-02j5vc5g2l] { min-width: 0; overflow-wrap: anywhere; }
.fixed-file-details .alert-warning[b-02j5vc5g2l] { color:#674600; background-color:#fff8df; border-color:#e4c876; }
.fixed-file-details .alert-danger[b-02j5vc5g2l] { color:#8a2435; background-color:#fff0f2; border-color:#e4afb8; }
.validation-summary[b-02j5vc5g2l] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-block:16px; }
.validation-summary>div[b-02j5vc5g2l] { display:grid; gap:4px; padding:10px 12px; background:#eef3f5; border:1px solid #91a5af; border-radius:8px; }
.validation-summary span[b-02j5vc5g2l] { color:#405961; }
.validation-next[b-02j5vc5g2l] { font-weight:600; margin-block:12px; }
.validation-filters[b-02j5vc5g2l] { display:flex; flex-wrap:wrap; gap:12px; margin-block:16px; }
.validation-filters label[b-02j5vc5g2l] { flex:1 1 200px; display:grid; gap:6px; min-width:0; }
.validation-filters select[b-02j5vc5g2l] { font:inherit; min-height:44px; border:1px solid #778e99; }
.validation-issue[b-02j5vc5g2l] { padding:12px; margin-block:12px; }
.validation-issue .issue-location[b-02j5vc5g2l] { color:inherit; }
.validation-issue dl[b-02j5vc5g2l] { margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.validation-issue dt[b-02j5vc5g2l] { font-weight:600; }
.validation-issue dd[b-02j5vc5g2l] { margin:0; overflow-wrap:anywhere; }
.validation-pagination[b-02j5vc5g2l] { display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; }
.fixed-file-details button:focus-visible[b-02j5vc5g2l],.fixed-file-details select:focus-visible[b-02j5vc5g2l],.fixed-file-details summary:focus-visible[b-02j5vc5g2l] { outline:3px solid #345c6a; outline-offset:3px; }
@container observatory-content (max-width:760px) {
    .validation-summary[b-02j5vc5g2l] { grid-template-columns:minmax(0,1fr); gap:8px; }
    .validation-summary>div[b-02j5vc5g2l] { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
    .validation-issue dl[b-02j5vc5g2l] { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
    .validation-summary[b-02j5vc5g2l],.validation-issue dl[b-02j5vc5g2l] { grid-template-columns:minmax(0,1fr); }
}
.validation-issue-list[b-02j5vc5g2l]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr));gap:10px;align-items:start}.validation-issue-list .validation-issue[b-02j5vc5g2l]{margin:0;padding:14px;border:1px solid #ead6d6;border-inline-start:3px solid #bf6470;border-radius:10px;background:#fffbfb;color:#76323d;font-size:.88rem}.validation-issue p[b-02j5vc5g2l]{margin:7px 0;line-height:1.7}.validation-issue .issue-location[b-02j5vc5g2l]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem}.issue-location bdi[b-02j5vc5g2l]{padding:3px 9px;background:#f3e8e9;border-radius:6px;font-weight:700}.validation-issue .issue-values[b-02j5vc5g2l]{padding:0;margin-top:10px;border:0;background:transparent}.issue-values summary[b-02j5vc5g2l]{font-size:.8rem;cursor:pointer;background:transparent;padding:4px 0}.issue-values dl[b-02j5vc5g2l]{margin-top:8px}.validation-pagination[b-02j5vc5g2l]{margin-top:14px}.validation-summary>div[b-02j5vc5g2l]{background:#f3f7f4;border-color:#d3e1d8;border-radius:11px}.validation-summary strong[b-02j5vc5g2l]{font-size:1.25rem}.validation-filters[b-02j5vc5g2l]{margin-block:12px}.validation-issues>summary[b-02j5vc5g2l]{padding:12px;border-radius:10px;background:linear-gradient(100deg,#f2f6ef,#edf4f0)}
/* _content/Starterkit/Observatory/Components/FixedHomeAssignments.razor.rz.scp.css */
.fixed-home-assignments[b-hl2b74uwte]{padding:1rem}.fixed-home-assignments__grid[b-hl2b74uwte]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.8rem;}.fixed-home-assignments article[b-hl2b74uwte]{border:1px solid #9fb6b2;border-radius:12px;padding:0 0 .7rem;min-width:0;overflow-wrap:anywhere}.fixed-home-assignments h3[b-hl2b74uwte]{font-size:1rem;margin:0 0 .6rem;padding:.65rem .8rem;background:#e7efec;background:color-mix(in srgb,var(--obs-primary,#0b4f52) 10%,white);border-bottom:1px solid #a5b9b3;border-radius:11px 11px 0 0}.fixed-home-assignments p[b-hl2b74uwte]{margin:0 0 .6rem}.fixed-home-assignments dl[b-hl2b74uwte]{margin:.75rem 0 0}.fixed-home-assignments dl div[b-hl2b74uwte]{display:flex;justify-content:space-between;gap:.75rem}.fixed-home-assignments dt[b-hl2b74uwte]{font-weight:500}.fixed-home-assignments dd[b-hl2b74uwte]{margin:0}

.fixed-home-assignments article>p[b-hl2b74uwte],.fixed-home-assignments article>small[b-hl2b74uwte],.fixed-home-assignments article>dl[b-hl2b74uwte]{margin-inline:.8rem}.fixed-home-assignments article>small[b-hl2b74uwte]{display:block}
/* _content/Starterkit/Observatory/Components/FixedHomeWorkspace.razor.rz.scp.css */
.fixed-home[b-4q1vr4t1pk]{container-type:inline-size;min-width:0;display:grid;gap:.8rem;color:#203d45;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.home-panel[b-4q1vr4t1pk]{min-width:0;border:1px solid #99b1b1;border-radius:.7rem;background:#fff;overflow:hidden}
.home-panel>header[b-4q1vr4t1pk],.home-panel>summary[b-4q1vr4t1pk]{padding:.7rem 1rem;background:#e7efec;background:color-mix(in srgb,var(--obs-primary,#0b4f52) 12%,white);border-bottom:1px solid #a4b9b7}
.home-panel>header[b-4q1vr4t1pk]{display:flex;align-items:center;justify-content:space-between;gap:.4rem 1rem;flex-wrap:wrap}
.home-panel h2[b-4q1vr4t1pk]{margin:0;font-size:1.2rem;color:#203d45}.home-panel p[b-4q1vr4t1pk]{margin:0}.home-work>header p[b-4q1vr4t1pk]{color:#425e65;font-size:14px}
.home-panel a[b-4q1vr4t1pk]{color:#245764;text-decoration:underline;text-underline-offset:3px;max-width:100%}.home-panel a:focus-visible[b-4q1vr4t1pk],.home-panel summary:focus-visible[b-4q1vr4t1pk]{outline:3px solid #296a78;outline-offset:-3px}
.home-actions[b-4q1vr4t1pk]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.65rem;list-style:none;padding:.75rem;margin:0}
.home-actions li[b-4q1vr4t1pk]{min-width:0}.home-actions a[b-4q1vr4t1pk]{display:flex;flex-direction:column;gap:.25rem;height:100%;padding:.7rem .85rem;border:1px solid #98b1ad;border-radius:.5rem;background:#f0f5f2;background:color-mix(in srgb,var(--obs-primary,#0b4f52) 5%,white);color:#203d45;text-decoration:none}
.home-actions a:hover[b-4q1vr4t1pk]{border-color:#426d71;background:#e9f0ed}.home-actions strong[b-4q1vr4t1pk]{font-size:1rem}.home-actions span[b-4q1vr4t1pk]{font-size:14px;color:#435e65}.home-actions small[b-4q1vr4t1pk]{margin-top:auto;padding-top:.25rem;color:#245764;text-decoration:underline}
.home-shortcuts[b-4q1vr4t1pk]{display:flex;gap:.6rem 1.2rem;flex-wrap:wrap;padding:.55rem 1rem;border-top:1px solid #ccd7d2;background:#f6f7f3}.home-shortcuts a[b-4q1vr4t1pk]{font-size:15px}
.home-empty[b-4q1vr4t1pk]{padding:1rem;color:#49646a}.home-recent>header[b-4q1vr4t1pk],.home-summary>summary[b-4q1vr4t1pk]{background:#f1ede5;background:color-mix(in srgb,var(--obs-secondary,#b48a45) 16%,white)}
.home-files[b-4q1vr4t1pk]{list-style:none;padding:0;margin:0}.home-files li[b-4q1vr4t1pk]{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.45fr) auto;gap:.7rem;align-items:center;padding:.65rem 1rem}.home-files li+li[b-4q1vr4t1pk]{border-top:1px solid #c9d6d4}.home-files li:nth-child(even)[b-4q1vr4t1pk]{background:#f6f8f6}
.home-file-identity[b-4q1vr4t1pk],.home-file-meta[b-4q1vr4t1pk]{display:grid;gap:.1rem;min-width:0;justify-items:start}.home-file-identity>a[b-4q1vr4t1pk]{font-weight:600}.home-file-identity>span[b-4q1vr4t1pk]{font-size:14px}.home-files small[b-4q1vr4t1pk],.home-files time[b-4q1vr4t1pk]{font-size:14px;color:#49626a}.home-files time[b-4q1vr4t1pk]{direction:ltr;unicode-bidi:isolate}
.home-panel>summary[b-4q1vr4t1pk]{cursor:pointer;font-weight:600}.home-panel>summary span[b-4q1vr4t1pk]{font-size:14px;font-weight:400;margin-inline-start:.7rem;color:#49626a}.home-panel:not([open])>summary[b-4q1vr4t1pk]{border-bottom:0}.home-details-link[b-4q1vr4t1pk]{display:inline-block;margin:.75rem 1rem 0}
.home-metrics[b-4q1vr4t1pk]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.5rem;margin:0;padding:.8rem}.home-metrics>div[b-4q1vr4t1pk]{padding:.6rem;border:1px solid #bccbc5;border-radius:.45rem;background:#f6f8f5}.home-metrics dt[b-4q1vr4t1pk]{font-size:14px;font-weight:400}.home-metrics dd[b-4q1vr4t1pk]{font-size:1.35rem;font-weight:600;margin:0}.home-intro[b-4q1vr4t1pk]{padding:0 1rem 1rem;font-size:14px;color:#49626a}
@container(max-width:650px){.home-files li[b-4q1vr4t1pk]{grid-template-columns:minmax(0,1fr);gap:.3rem}.home-file-meta[b-4q1vr4t1pk]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.home-files time[b-4q1vr4t1pk]{justify-self:start}.home-actions[b-4q1vr4t1pk]{grid-template-columns:minmax(0,1fr)}.home-panel>summary span[b-4q1vr4t1pk]{display:block;margin-inline-start:1rem}}
/* _content/Starterkit/Observatory/Components/FixedInputDisplaySample.razor.rz.scp.css */
.fixed-sample[b-tmc6uo83hb]{display:flex;align-items:center;justify-content:center;width:100%;height:132px;line-height:1.4;padding:10px;border:1px solid #c8dad3;border-radius:10px;background:linear-gradient(120deg,#f9fcfb,#edf5f2);color:#235f52;overflow:hidden;box-sizing:border-box}.fixed-sample svg[b-tmc6uo83hb]{width:100%;height:100%;fill:#267665}.fixed-sample .secondary[b-tmc6uo83hb]{fill:#89b4a8}.grid[b-tmc6uo83hb]{stroke:#c7dad4;fill:none;stroke-width:1}.mini-table[b-tmc6uo83hb]{display:grid;grid-template-columns:repeat(3,1fr);width:100%;font-size:14px;text-align:center}.mini-table>*[b-tmc6uo83hb]{padding:3px;border:1px solid #dce9e4;background:#fff}.mini-table>b[b-tmc6uo83hb]{background:#dfede7}.mini-values[b-tmc6uo83hb]{display:flex;gap:12px;width:100%}.mini-values>span[b-tmc6uo83hb]{min-width:0;overflow-wrap:anywhere;flex:1;background:white;border:1px solid #d3e3dc;border-radius:9px;padding:10px;display:flex;flex-direction:column}.mini-values b[b-tmc6uo83hb]{font-size:26px}.mini-values small[b-tmc6uo83hb],.mini-panels small[b-tmc6uo83hb]{font-size:14px}.mini-panels[b-tmc6uo83hb]{display:flex;gap:8px;width:100%}.mini-panels>span[b-tmc6uo83hb]{flex:1;min-width:0;background:white;padding:6px}.mini-panels i[b-tmc6uo83hb],.mini-records i[b-tmc6uo83hb]{display:block;height:6px;margin-top:7px;background:#82ac9e;border-radius:3px}.mini-records[b-tmc6uo83hb]{display:flex;width:100%;gap:6px;font-size:14px}.mini-records>span[b-tmc6uo83hb]{min-width:0;overflow-wrap:anywhere;background:white;border:1px solid #d2e1db;border-radius:6px;padding:8px;flex:1}.mini-records i:last-child[b-tmc6uo83hb]{width:60%}.mini-records.list[b-tmc6uo83hb]{flex-direction:column;gap:3px}.mini-records.list>span[b-tmc6uo83hb]{display:flex;gap:8px;padding:5px;align-items:center}.mini-records.list i[b-tmc6uo83hb]{width:25%;margin:0}.mini-records.timeline[b-tmc6uo83hb]{border-inline-start:2px solid #88b09f;padding-inline-start:6px}.mini-records.timeline>span[b-tmc6uo83hb]{border-top:3px solid #3e8b72}
.mini-records.timeline[b-tmc6uo83hb]{flex-direction:column;gap:3px}.mini-records.timeline>span[b-tmc6uo83hb]{display:flex;align-items:center;gap:8px;padding:4px;border-top:0;border-inline-start:3px solid #3e8b72}.mini-records.timeline i[b-tmc6uo83hb]{width:25%;margin:0}
/* _content/Starterkit/Observatory/Components/FixedMonitoringWorkspace.razor.rz.scp.css */
.fixed-monitoring[b-nzpn3fgb64]{container-type:inline-size;min-width:0;direction:rtl;color:#203d45;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.fixed-monitoring h2[b-nzpn3fgb64],.fixed-monitoring p[b-nzpn3fgb64]{margin:0}.fixed-monitoring h2[b-nzpn3fgb64]{font-size:1.35rem}.fixed-monitoring small[b-nzpn3fgb64]{display:block;font-size:14px;color:#4b6269}
.monitoring-heading[b-nzpn3fgb64]{padding:.8rem 1rem;border:1px solid #91adad;border-radius:.65rem;background:#e6efed;background:color-mix(in srgb,var(--monitoring-primary) 12%,white);margin-bottom:.75rem}.monitoring-heading p[b-nzpn3fgb64]{margin-top:.25rem;color:#425f66}
.fixed-monitoring-search[b-nzpn3fgb64]{display:flex;align-items:end;flex-wrap:wrap;gap:.65rem;padding:.8rem;border:1px solid #a5babb;border-radius:.65rem;background:#f2f6f4;margin-bottom:.7rem}.fixed-monitoring-search label[b-nzpn3fgb64]{display:grid;gap:.3rem;flex:1 1 190px;min-width:0}.fixed-monitoring-search label:first-child[b-nzpn3fgb64]{flex:2 1 240px}
.fixed-monitoring input[b-nzpn3fgb64],.fixed-monitoring select[b-nzpn3fgb64]{min-width:0;width:100%;font:inherit;color:#203d45;border:1px solid #8da9ad!important;border-radius:.45rem;padding:.45rem .65rem;background:#fff}.fixed-monitoring button[b-nzpn3fgb64],.fixed-monitoring a.btn[b-nzpn3fgb64]{font:inherit;white-space:normal;max-width:100%;padding:.45rem .7rem;border:1px solid #8da9ad!important;border-radius:.45rem}.fixed-monitoring .btn-primary[b-nzpn3fgb64]{background:#d9e8e4;background:color-mix(in srgb,var(--monitoring-primary) 15%,white);color:#173c43}.fixed-monitoring .btn-light[b-nzpn3fgb64]{background:#fff;color:#254c53}.fixed-monitoring button:disabled[b-nzpn3fgb64]{opacity:.5}
.fixed-monitoring button:focus-visible[b-nzpn3fgb64],.fixed-monitoring a:focus-visible[b-nzpn3fgb64],.fixed-monitoring input:focus-visible[b-nzpn3fgb64],.fixed-monitoring select:focus-visible[b-nzpn3fgb64],.fixed-monitoring summary:focus-visible[b-nzpn3fgb64]{outline:3px solid #2b6774;outline-offset:3px}
.monitoring-count[b-nzpn3fgb64]{color:#4b6269;margin:.5rem 0!important;font-size:14px}.monitoring-list[b-nzpn3fgb64]{display:grid;gap:.55rem}.monitoring-row[b-nzpn3fgb64]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(155px,.7fr) minmax(170px,.7fr);align-items:center;gap:.8rem;padding:.7rem .8rem;border:1px solid #a2b8b8;border-radius:.6rem;background:#fff;min-width:0}.monitoring-row>div[b-nzpn3fgb64]{min-width:0}.monitoring-identity[b-nzpn3fgb64]{display:grid;gap:.25rem;border-inline-start:4px solid #8eaead;padding-inline-start:.7rem}.monitoring-identity>strong[b-nzpn3fgb64]{font-weight:600}.monitoring-release[b-nzpn3fgb64]{font-size:14px;display:inline-block;padding:0 .4rem;border:1px solid #b6c1b5;border-radius:.35rem;background:#f3f1e9;background:color-mix(in srgb,var(--monitoring-secondary) 13%,white);white-space:nowrap}.monitoring-status[b-nzpn3fgb64]{display:grid;justify-items:start;gap:.2rem}.monitoring-action[b-nzpn3fgb64]{display:grid;justify-items:start;gap:.2rem}.monitoring-action summary[b-nzpn3fgb64]{cursor:pointer;color:#345860;font-size:14px}.monitoring-action details[b-nzpn3fgb64]{margin-top:.1rem;max-width:100%}.monitoring-guidance[b-nzpn3fgb64]{font-size:14px;color:#5b6458}.monitoring-empty[b-nzpn3fgb64]{padding:1rem;border:1px dashed #94b1ab;border-radius:.6rem;background:#f4f7f4}.monitoring-empty p[b-nzpn3fgb64]{margin-top:.4rem}.monitoring-pages[b-nzpn3fgb64]{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-top:.8rem}
.fixed-monitoring .monitoring-pages .obs-action[data-obs-action][b-nzpn3fgb64] {
    --obs-action-bg: var(--monitoring-primary);
}

@container(max-width:700px){.monitoring-row[b-nzpn3fgb64]{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:0}.monitoring-identity[b-nzpn3fgb64]{padding:.6rem .75rem;border:0;border-bottom:1px solid #a2b8b8;border-radius:.6rem .6rem 0 0;background:#edf3f0;background:color-mix(in srgb,var(--monitoring-primary) 10%,white)}.monitoring-status[b-nzpn3fgb64],.monitoring-action[b-nzpn3fgb64]{padding:0 .75rem}.monitoring-status[b-nzpn3fgb64]{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .7rem}.monitoring-action[b-nzpn3fgb64]{padding-bottom:.65rem}.monitoring-action>a[b-nzpn3fgb64]{width:100%}.monitoring-action[b-nzpn3fgb64]{justify-items:stretch}.fixed-monitoring-search button[b-nzpn3fgb64]{flex:1 1 120px}}
/* _content/Starterkit/Observatory/Components/FixedReleaseComparisonCard.razor.rz.scp.css */
.release-comparison[b-yoyhozgz7k]{display:grid;gap:1rem}.comparison-endpoints[b-yoyhozgz7k]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.comparison-endpoints section[b-yoyhozgz7k]{padding:.8rem;border:1px solid #dbe5eb;border-radius:12px;background:#f8fafb;min-width:0}.comparison-endpoints strong[b-yoyhozgz7k]{display:block;font-size:1.5rem;margin:.5rem 0;color:var(--obs-primary,#177c74)}.comparison-endpoints strong span[b-yoyhozgz7k]{font-size:.8rem}.release-comparison small[b-yoyhozgz7k],.comparison-endpoints p[b-yoyhozgz7k]{font-size:.75rem;color:#587080;line-height:1.7}.comparison-endpoints p[b-yoyhozgz7k]{margin:0}.comparison-change[b-yoyhozgz7k]{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;padding:.8rem;border-block:1px solid #e2e9ee}.comparison-change>b[b-yoyhozgz7k]{font-size:1.5rem;color:var(--obs-primary,#177c74)}.comparison-change small[b-yoyhozgz7k]{flex-basis:100%}.comparison-line[b-yoyhozgz7k]{width:100%;height:auto;max-height:180px;direction:ltr}.comparison-axis[b-yoyhozgz7k]{display:flex;justify-content:space-between;direction:ltr;font-size:.8rem}
/* _content/Starterkit/Observatory/Components/FixedRichChart.razor.rz.scp.css */
.rich-plot[b-wbl06na1gu]{min-width:0;color:inherit;font-family:inherit}.plot-legend[b-wbl06na1gu],.series-key[b-wbl06na1gu]{display:flex;gap:.6rem 1rem;flex-wrap:wrap;font-size:.74rem;margin:.7rem 0}.plot-legend span[b-wbl06na1gu],.series-key span[b-wbl06na1gu]{display:flex;align-items:center;gap:.35rem}.rich-plot i[b-wbl06na1gu]{display:inline-block;width:.7rem;height:.7rem;border-radius:3px;flex-shrink:0}.plot-bars[b-wbl06na1gu]{display:grid;gap:1rem}.plot-bar[b-wbl06na1gu]{min-width:0}.plot-bar-label[b-wbl06na1gu]{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;margin-bottom:.4rem}.plot-bar-label span[b-wbl06na1gu]{overflow-wrap:anywhere}.plot-bar-label strong[b-wbl06na1gu]{font-variant-numeric:tabular-nums;white-space:nowrap}.plot-bar-label small[b-wbl06na1gu]{font-weight:400;color:#657783}.plot-track[b-wbl06na1gu]{height:14px;background:#edf2f6;border-radius:4px;overflow:hidden}.plot-track span[b-wbl06na1gu]{display:block;height:100%;border-radius:4px}.is-columns[b-wbl06na1gu]{display:flex;direction:ltr;overflow-x:auto;align-items:flex-end;gap:1rem;padding:.5rem 0}.is-columns .plot-bar[b-wbl06na1gu]{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:.4rem}.is-columns .plot-bar-label[b-wbl06na1gu]{display:contents}.is-columns .plot-bar-label strong[b-wbl06na1gu]{order:1;font-size:.85rem}.is-columns .plot-bar-label span[b-wbl06na1gu]{order:3;font-size:.8rem;text-align:center;max-width:110px}.is-columns .plot-bar-label small[b-wbl06na1gu]{display:none}.is-columns .plot-track[b-wbl06na1gu]{order:2;width:55%;max-width:65px;height:170px;display:flex;align-items:flex-end}.is-columns .plot-track span[b-wbl06na1gu]{width:100%}.ring-layout[b-wbl06na1gu]{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;padding:.8rem 0}.plot-ring[b-wbl06na1gu]{width:180px;aspect-ratio:1;flex-shrink:0;border-radius:50%;display:grid;place-items:center;border:1px solid #dbe4ea}.plot-ring>div[b-wbl06na1gu]{width:65%;height:65%;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.plot-ring strong[b-wbl06na1gu]{font-size:1.6rem}.plot-ring small[b-wbl06na1gu]{color:#657783;font-size:.8rem}.ring-key[b-wbl06na1gu]{display:grid;gap:.7rem;flex:1;min-width:145px}.ring-key>div[b-wbl06na1gu]{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.ring-key span[b-wbl06na1gu]{flex:1;overflow-wrap:anywhere}.ring-key strong[b-wbl06na1gu]{white-space:nowrap}.ring-key small[b-wbl06na1gu]{font-weight:400}.plot-line[b-wbl06na1gu]{width:100%;height:auto;display:block;direction:ltr}.line-values[b-wbl06na1gu]{display:flex;direction:ltr;gap:.3rem;justify-content:space-between;overflow-x:auto}.line-values span[b-wbl06na1gu]{display:flex;flex-direction:column;gap:.3rem;font-size:.73rem;text-align:center;min-width:36px}.plot-note[b-wbl06na1gu]{display:block;color:#657783;font-size:.75rem;line-height:1.7;margin-top:.7rem}.multi-chart[b-wbl06na1gu]{display:flex;gap:1.2rem;overflow-x:auto;direction:ltr;padding:1rem .3rem}.multi-year[b-wbl06na1gu]{min-width:72px;flex:1;text-align:center;font-size:.8rem}.multi-bars[b-wbl06na1gu]{height:190px;display:flex;align-items:flex-end;justify-content:center;gap:5px;margin-bottom:.6rem}.multi-part[b-wbl06na1gu]{min-width:20px;max-width:45px;flex:1;position:relative;border-radius:4px 4px 0 0}.multi-part span[b-wbl06na1gu]{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:.72rem;padding-bottom:3px;color:#31465a}.is-stacked .multi-bars[b-wbl06na1gu]{flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:0}.is-stacked .multi-part[b-wbl06na1gu]{flex:none;width:55px;max-width:55px;border-radius:0;min-height:0}.is-stacked .multi-part span[b-wbl06na1gu]{display:none}.plot-values[b-wbl06na1gu]{border-top:1px solid #e0e8ee;margin-top:.8rem;padding-top:.6rem;font-size:.8rem}.plot-values summary[b-wbl06na1gu]{cursor:pointer}.plot-values>div[b-wbl06na1gu]{display:flex;gap:.6rem;flex-wrap:wrap;border-bottom:1px solid #e9eef3;padding:.5rem 0}.plot-pages[b-wbl06na1gu]{display:flex;gap:.75rem;align-items:center;justify-content:center;font-size:.8rem;margin-top:1rem}.plot-pages button[b-wbl06na1gu]{font:inherit;background:white;border:1px solid #d3dfe6;border-radius:5px;padding:.3rem .6rem;color:inherit}.plot-pages button:disabled[b-wbl06na1gu]{opacity:.45}.rich-plot button:focus-visible[b-wbl06na1gu],.rich-plot summary:focus-visible[b-wbl06na1gu]{outline:2px solid var(--obs-primary,#177c74);outline-offset:3px}@media(max-width:480px){.ring-layout[b-wbl06na1gu]{gap:.8rem}.plot-ring[b-wbl06na1gu]{width:155px}.ring-key[b-wbl06na1gu]{flex-basis:100%}.is-columns .plot-bar[b-wbl06na1gu]{min-width:52px}.multi-chart[b-wbl06na1gu]{gap:.7rem}}

.plot-values details[b-wbl06na1gu]{padding:.4rem 0}.plot-values ul[b-wbl06na1gu]{max-height:220px;overflow:auto;padding-inline-start:1.2rem}.plot-values li[b-wbl06na1gu]{overflow-wrap:anywhere;padding:.2rem 0}
/* _content/Starterkit/Observatory/Components/FixedRichIndicator.razor.rz.scp.css */
.rich-indicator[b-x0r6baf6dw]{min-width:0;font-family:inherit;--rich-color:var(--obs-chart-primary,var(--obs-primary,#177c74));color:inherit}
.rich-summary[b-x0r6baf6dw]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 1.25rem;border-bottom:1px solid #e2eaf0}
.rich-summary>div[b-x0r6baf6dw]{display:flex;flex-direction:column;gap:.3rem}.rich-summary>div:last-child[b-x0r6baf6dw]{text-align:end}.rich-summary span[b-x0r6baf6dw],.rich-chart-heading small[b-x0r6baf6dw]{font-size:.82rem;color:#637888}.rich-summary strong[b-x0r6baf6dw]{font-size:2rem;line-height:1.3;color:var(--rich-color);font-variant-numeric:tabular-nums}.rich-summary bdi[b-x0r6baf6dw]{font-size:.9rem}
.rich-tabs[b-x0r6baf6dw]{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.rich-tabs button[b-x0r6baf6dw]{font:inherit;font-size:.8rem;border:1px solid #d6e2e8;color:#516979;border-radius:.5rem;padding:.45rem .7rem;background:#fff;cursor:pointer}.rich-tabs button[aria-pressed=true][b-x0r6baf6dw]{color:var(--rich-color);border-color:var(--rich-color);background:color-mix(in srgb,var(--rich-color) 8%,white);font-weight:600}
.rich-indicator button:focus-visible[b-x0r6baf6dw],.rich-indicator select:focus-visible[b-x0r6baf6dw],.rich-indicator summary:focus-visible[b-x0r6baf6dw]{outline:2px solid var(--rich-color);outline-offset:3px}
.rich-chart-heading[b-x0r6baf6dw]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:1rem 0 .75rem;font-size:.85rem}.rich-chart-heading label[b-x0r6baf6dw]{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.rich-chart-heading select[b-x0r6baf6dw]{font:inherit;color:inherit;max-width:100%;padding:.25rem .45rem;border:1px solid #cad9e2;border-radius:.4rem;background:white}
.rich-chart[b-x0r6baf6dw]{display:grid;gap:.85rem}.rich-bar[b-x0r6baf6dw]{min-width:0}.rich-bar-label[b-x0r6baf6dw]{display:flex;justify-content:space-between;gap:.7rem;font-size:.85rem;margin-bottom:.3rem}.rich-bar-label span[b-x0r6baf6dw]{overflow-wrap:anywhere}.rich-bar-label strong[b-x0r6baf6dw]{white-space:nowrap;font-variant-numeric:tabular-nums}.rich-bar-label small[b-x0r6baf6dw]{font-weight:400;color:#637888;font-size:.72rem}.rich-track[b-x0r6baf6dw]{height:14px;background:#edf2f6;border-radius:4px;overflow:hidden;direction:rtl}.rich-track>span[b-x0r6baf6dw]{display:block;height:100%;border-radius:4px;background:var(--rich-color)}.is-distribution .rich-bar:nth-child(2n) .rich-track>span[b-x0r6baf6dw]{background:color-mix(in srgb,var(--rich-color) 55%,#adc8d8)}
.rich-details[b-x0r6baf6dw]{margin-top:1rem;padding-top:.7rem;border-top:1px solid #e2eaf0;font-size:.82rem;color:#637888}.rich-details summary[b-x0r6baf6dw]{cursor:pointer;padding:.3rem 0}.rich-details p[b-x0r6baf6dw]{line-height:1.8}.rich-details ul[b-x0r6baf6dw]{padding-inline-start:1.2rem;max-height:250px;overflow:auto}.rich-details li[b-x0r6baf6dw]{padding:.25rem;overflow-wrap:anywhere}.rich-details dl[b-x0r6baf6dw]{margin:.5rem 0}.rich-details dl>div[b-x0r6baf6dw]{padding:.5rem 0;border-bottom:1px solid #edf2f6}.rich-details dt[b-x0r6baf6dw]{font-size:.75rem}.rich-details dd[b-x0r6baf6dw]{margin:0;color:#243c4c;overflow-wrap:anywhere}
.rich-pagination[b-x0r6baf6dw]{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.6rem;font-size:.75rem}.rich-pagination button[b-x0r6baf6dw]{font:inherit;color:inherit;border:1px solid #d6e2e8;background:white;padding:.25rem .6rem;border-radius:.35rem}.rich-pagination button:disabled[b-x0r6baf6dw]{opacity:.45}
.rich-identity[b-x0r6baf6dw]{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.rich-identity>span[b-x0r6baf6dw],.rich-identity small[b-x0r6baf6dw]{color:#637888;font-size:.85rem}.rich-identity strong[b-x0r6baf6dw]{font-size:1.3rem;color:var(--rich-color)}.rich-identity-meta[b-x0r6baf6dw]{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem}.rich-identity-meta span[b-x0r6baf6dw]{padding:.6rem;border:1px solid #d6e2e8;border-radius:.45rem}
.is-thumbnail .rich-summary[b-x0r6baf6dw]{padding:.4rem 0 .6rem}.is-thumbnail .rich-summary strong[b-x0r6baf6dw]{font-size:1.5rem}.is-thumbnail .rich-chart[b-x0r6baf6dw]{gap:.4rem}.is-thumbnail .rich-track[b-x0r6baf6dw]{height:8px}.is-thumbnail .rich-bar-label small[b-x0r6baf6dw]{display:none}.is-thumbnail .rich-chart-heading[b-x0r6baf6dw]{margin:.5rem 0}.is-thumbnail .rich-summary span[b-x0r6baf6dw]{font-size:.72rem}
.rich-chart.is-comparison[b-x0r6baf6dw]{display:flex;align-items:flex-end;gap:.8rem;overflow-x:auto;padding:.5rem 0;direction:ltr}.is-comparison .rich-bar[b-x0r6baf6dw]{display:flex;flex:1;min-width:55px;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.is-comparison .rich-bar-label[b-x0r6baf6dw]{display:contents}.is-comparison .rich-bar-label>span[b-x0r6baf6dw]{order:3}.is-comparison .rich-bar-label>strong[b-x0r6baf6dw]{order:1;font-size:.85rem}.is-comparison .rich-bar-label small[b-x0r6baf6dw]{display:none}.is-comparison .rich-track[b-x0r6baf6dw]{order:2;width:min(70%,55px);height:180px;display:flex;align-items:flex-end;background:#f1f5f8;border-radius:5px 5px 0 0}.is-comparison .rich-track>span[b-x0r6baf6dw]{width:100%;border-radius:5px 5px 0 0}.is-thumbnail .is-comparison .rich-track[b-x0r6baf6dw]{height:90px}

.identity-banner[b-x0r6baf6dw]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.identity-banner .rich-identity[b-x0r6baf6dw]{padding:0}.identity-compact .rich-identity-meta[b-x0r6baf6dw]{font-size:.75rem}.identity-compact .rich-identity strong[b-x0r6baf6dw]{font-size:1.15rem}
/* _content/Starterkit/Observatory/Components/FixedSettingsEditor.razor.rz.scp.css */
/* One selected group, with a single page scroll. */
.fixed-settings[b-meaw8b9tdn] { container: fixed-settings / inline-size; min-width:0; margin-block:12px; }
.settings-layout[b-meaw8b9tdn] { display:grid; grid-template-columns:240px minmax(0,1fr); gap:16px; align-items:start; }
.settings-group-picker[b-meaw8b9tdn] { display:none; }
.settings-group-nav[b-meaw8b9tdn] { display:grid; gap:4px; }
.settings-group-nav button[b-meaw8b9tdn] { font:inherit; color:#24434b; background:#f1f5f6; border:1px solid #8c9fa7; border-radius:8px; padding:8px 12px; min-height:44px; text-align:start; overflow-wrap:anywhere; }
.settings-group-nav small[b-meaw8b9tdn] { display:block; font-size:.85em; color:#842032; }
.settings-group-nav button[aria-pressed=true][b-meaw8b9tdn] { background:color-mix(in srgb,var(--obs-primary,#0b4f52) 16%,#f4f6f8); border:2px solid #456b76; font-weight:600; }
.settings-section[b-meaw8b9tdn] { min-width:0; border:1px solid #8c9fa7; border-radius:12px; background:#fff; }
.settings-section h4[b-meaw8b9tdn] { padding:12px 16px; margin:0; font-size:1.1em; color:#19343e; background:color-mix(in srgb,var(--obs-primary,#0b4f52) 20%,#f4f6f8); border-bottom:1px solid #8c9fa7; border-radius:11px 11px 0 0; }
.settings-grid[b-meaw8b9tdn] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:16px; }
.setting-field[b-meaw8b9tdn] { display:flex; flex-direction:column; gap:6px; min-width:0; scroll-margin-block:100px; }
.setting-field--wide[b-meaw8b9tdn] { grid-column:1/-1; }
.setting-field:focus[b-meaw8b9tdn] { outline:3px solid #345c6a; outline-offset:4px; border-radius:4px; }
.setting-field small[b-meaw8b9tdn] { color:#405961; line-height:1.65; }
.setting-label-row[b-meaw8b9tdn] { display:flex; align-items:center; gap:6px; position:relative; min-width:0; }
.setting-label-row>label[b-meaw8b9tdn] { font-weight:600; overflow-wrap:anywhere; min-width:0; margin:0; }
.setting-label-row--help-open[b-meaw8b9tdn] { z-index:1002; }
.setting-field .setting-help-icon[b-meaw8b9tdn] { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; min-height:32px; flex:0 0 32px; padding:0; border:1px solid transparent; border-radius:50%; color:var(--obs-primary,#0b4f52); background:transparent; font-size:16px; cursor:pointer; }
.setting-help-icon i[b-meaw8b9tdn] { color:inherit; font-size:16px; }
.setting-help-icon:hover[b-meaw8b9tdn],.setting-help-icon[aria-expanded=true][b-meaw8b9tdn] { background:#eaf2f3; border-color:#b8ccd0; }
.setting-help-dismiss[b-meaw8b9tdn] { position:fixed; inset:0; z-index:1001; border:0; padding:0; background:transparent; cursor:default; }
.setting-help-tooltip[b-meaw8b9tdn] { position:absolute; inset-inline-start:0; top:calc(100% + 6px); width:min(26rem,calc(100vw - 24px)); max-height:min(22rem,60vh); overflow:auto; box-sizing:border-box; padding:14px; color:#19343e; background:#fff; border:1px solid #8c9fa7; border-radius:10px; box-shadow:0 8px 24px #19343e26; font-size:.9rem; line-height:1.65; text-align:start; }
.setting-help-tooltip p[b-meaw8b9tdn] { margin:0 0 8px; }
.setting-help-tooltip p:last-child[b-meaw8b9tdn] { margin:0; }
.setting-help-tooltip strong[b-meaw8b9tdn],.setting-help-tooltip small[b-meaw8b9tdn] { display:block; }
.setting-help-tooltip small[b-meaw8b9tdn] { margin-block-start:8px; }
.setting-help-location[b-meaw8b9tdn] { display:grid; gap:2px; padding-block:6px; border-bottom:1px solid #e1e9ec; }
.setting-help-location code[b-meaw8b9tdn] { display:block; justify-self:start; unicode-bidi:isolate; color:#175962; background:#edf4f5; border-radius:4px; padding:1px 6px; max-width:100%; overflow-wrap:anywhere; }
.setting-field label span[b-meaw8b9tdn] { color:#a02537; }
.setting-value[b-meaw8b9tdn] { white-space:pre-wrap; overflow-wrap:anywhere; padding-block:4px; }
.fixed-settings--readonly .setting-field[b-meaw8b9tdn] { border:1px solid #d3dde5; border-radius:8px; padding:12px; background:#f8fafc; }
.fixed-settings--readonly .setting-label-row[b-meaw8b9tdn] { padding-block-end:8px; border-bottom:1px solid #d3dde5; }
.setting-field .form-control[b-meaw8b9tdn],.setting-field .form-select[b-meaw8b9tdn],.setting-field .btn[b-meaw8b9tdn],.setting-field .year-remove[b-meaw8b9tdn] { font:inherit; min-height:44px; max-width:100%; white-space:normal; border:1px solid #778e99; color:#19343e; background:#fff; }
.setting-field .form-control[b-meaw8b9tdn],.setting-field .form-select[b-meaw8b9tdn] { width:100%; min-width:0; }
.setting-field .btn[b-meaw8b9tdn] { border:1px solid #778e99!important; color:#19343e!important; background:#fff!important; }
.setting-field input[b-meaw8b9tdn],.setting-field select[b-meaw8b9tdn],.setting-field textarea[b-meaw8b9tdn] { scroll-margin-block:100px 150px; }
fieldset[b-meaw8b9tdn] { border:0; padding:0; min-width:0; }
.year-list[b-meaw8b9tdn] { display:flex; flex-wrap:wrap; align-items:stretch; gap:8px; }
/* Reserve a readable input beside a fixed removal target, independent of theme button padding. */
.year-entry[b-meaw8b9tdn] { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:8px; width:16em; max-width:100%; min-width:0; }
.year-entry input[b-meaw8b9tdn] { border-radius:8px; }
.year-entry .year-remove[b-meaw8b9tdn] { padding:4px; border-radius:8px; cursor:pointer; }
.year-entry .year-remove:disabled[b-meaw8b9tdn] { cursor:default; opacity:.65; }
.supported-options[b-meaw8b9tdn] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 12px; }
.supported-option[b-meaw8b9tdn] { display:flex; align-items:center; gap:10px; min-height:44px; padding-block:4px; overflow-wrap:anywhere; }
.supported-option input[b-meaw8b9tdn] { width:22px; height:22px; flex-shrink:0; }
.selection-count[b-meaw8b9tdn] { display:block; color:#405961; margin-block-end:6px; }
.options-pages[b-meaw8b9tdn] { display:flex; gap:8px; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-block-start:8px; }
.additional-settings[b-meaw8b9tdn] { margin:0 16px 16px; padding:8px 12px; font:inherit; color:#24434b; border:1px solid #8c9fa7; background:#f1f5f6; border-radius:8px; min-height:44px; max-width:calc(100% - 32px); }
.field-error[b-meaw8b9tdn] { color:#a02537; overflow-wrap:anywhere; }
.has-error .form-control[b-meaw8b9tdn],.has-error .form-select[b-meaw8b9tdn] { border-color:#a02537; }
.settings-errors[b-meaw8b9tdn] { padding:12px; margin-block-end:12px; color:#842032; border:1px solid #a02537; background:#fff1f3; border-radius:8px; }
.settings-errors button[b-meaw8b9tdn] { display:block; font:inherit; color:inherit; background:transparent; border:0; text-align:start; text-decoration:underline; min-height:44px; padding:6px 0; overflow-wrap:anywhere; }
button:focus-visible[b-meaw8b9tdn],input:focus-visible[b-meaw8b9tdn],select:focus-visible[b-meaw8b9tdn],textarea:focus-visible[b-meaw8b9tdn],summary:focus-visible[b-meaw8b9tdn] { outline:3px solid #345c6a; outline-offset:3px; }
@container fixed-settings (max-width:850px) {
    .settings-layout[b-meaw8b9tdn] { grid-template-columns:minmax(0,1fr); gap:12px; }
    .settings-group-nav[b-meaw8b9tdn] { display:none; }
    .settings-group-picker[b-meaw8b9tdn] { display:grid; gap:6px; min-width:0; }
    .settings-group-picker select[b-meaw8b9tdn] { min-height:44px; width:100%; font:inherit; }
}
@container fixed-settings (max-width:700px) {
    .settings-grid[b-meaw8b9tdn],.supported-options[b-meaw8b9tdn] { grid-template-columns:minmax(0,1fr); }
}
@container fixed-settings (max-width:400px) {
    .settings-grid[b-meaw8b9tdn] { padding:12px; }
    .year-entry[b-meaw8b9tdn] { width:100%; }
}
/* _content/Starterkit/Observatory/Components/FixedSettingsReview.razor.rz.scp.css */
.settings-review[b-yg0b7fqocj] { container: settings-review / inline-size; min-width:0; color:#19343e; font:inherit; margin-block:16px; }
.review-overview[b-yg0b7fqocj] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:18px 20px; margin-block-end:20px; border-inline-start:4px solid var(--obs-primary,#0b4f52); background:color-mix(in srgb,var(--obs-primary,#0b4f52) 7%,#fff); border-radius:8px; }
.review-eyebrow[b-yg0b7fqocj] { display:block; color:#486269; font-size:.85em; margin-block-end:4px; }
.review-overview strong[b-yg0b7fqocj] { font-size:1.45em; line-height:1.5; }
.review-overview strong span[b-yg0b7fqocj] { font-size:.65em; font-weight:500; }
.review-counts[b-yg0b7fqocj] { display:flex; flex-wrap:wrap; gap:8px; }
.review-count[b-yg0b7fqocj] { padding:3px 10px; border:1px solid #b7c8cd; border-radius:6px; color:#344f58; background:#fff; font-size:.85em; }
.review-count--added[b-yg0b7fqocj] { color:#216343; border-color:#bad8c6; }
.review-count--removed[b-yg0b7fqocj] { color:#863a42; border-color:#e4c3c7; }
.review-group[b-yg0b7fqocj] { margin-block:16px; border:1px solid #c4d3d7; border-radius:10px; background:#fff; overflow:hidden; }
.review-group-heading[b-yg0b7fqocj] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:12px 18px; background:#f1f5f6; border-bottom:1px solid #c4d3d7; }
.review-group-heading h4[b-yg0b7fqocj] { margin:0; font-size:1em; font-weight:700; overflow-wrap:anywhere; }
.review-group-heading>span[b-yg0b7fqocj] { color:#486269; font-size:.8em; }
.review-change[b-yg0b7fqocj] { padding:18px; min-width:0; }
.review-change+.review-change[b-yg0b7fqocj] { border-top:1px solid #e1e8eb; }
.review-change-heading[b-yg0b7fqocj] { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:6px 12px; margin-block-end:12px; }
.review-change-heading h5[b-yg0b7fqocj] { font-size:.95em; font-weight:600; line-height:1.7; margin:0; overflow-wrap:anywhere; min-width:0; }
.review-kind[b-yg0b7fqocj] { font-size:.75em; color:#526a72; white-space:nowrap; }
.review-comparison[b-yg0b7fqocj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.review-value[b-yg0b7fqocj] { min-width:0; padding:12px 14px; border:1px solid #e0e7e9; border-radius:7px; background:#f8fafb; }
.review-value--after[b-yg0b7fqocj] { border-color:#bbd7ca; background:#f1f8f4; }
.review-value-label[b-yg0b7fqocj] { display:block; font-size:.75em; font-weight:600; color:#53696f; margin-block-end:8px; }
.review-value--after .review-value-label[b-yg0b7fqocj] { color:#216343; }
.review-text[b-yg0b7fqocj] { font-size:1em; line-height:1.8; }
.review-token bdi[b-yg0b7fqocj] { white-space:pre-wrap; overflow-wrap:anywhere; }
.review-tokens[b-yg0b7fqocj] { display:flex; flex-wrap:wrap; gap:6px; }
.review-tokens>.review-token[b-yg0b7fqocj] { display:inline-flex; align-items:baseline; gap:5px; padding:2px 9px; border:1px solid #c6d3d8; border-radius:5px; background:#fff; min-width:0; max-width:100%; }
.review-tokens>.review-token--added[b-yg0b7fqocj] { color:#1e5c3b; background:#e0f1e6; border-color:#9dc9ae; }
.review-tokens>.review-token--removed[b-yg0b7fqocj] { color:#85323e; background:#fbecef; border-color:#ddbac1; }
.review-token-mark[b-yg0b7fqocj] { font-weight:700; flex-shrink:0; }
.review-token--empty[b-yg0b7fqocj] { color:#687a80; font-size:.9em; }
.review-empty[b-yg0b7fqocj] { display:flex; align-items:flex-start; gap:12px; padding:20px; border:1px dashed #a6bdc4; border-radius:10px; background:#f8fafb; }
.review-empty i[b-yg0b7fqocj] { margin-block-start:6px; color:#46745b; }
.review-empty p[b-yg0b7fqocj] { margin:4px 0 0; color:#526a72; font-size:.9em; }
@container settings-review (max-width:560px) {
    .review-comparison[b-yg0b7fqocj] { grid-template-columns:minmax(0,1fr); gap:8px; }
    .review-overview[b-yg0b7fqocj] { padding:14px; gap:12px; }
    .review-group-heading[b-yg0b7fqocj],.review-change[b-yg0b7fqocj] { padding:12px; }
    .review-value[b-yg0b7fqocj] { padding:10px 12px; }
}
/* _content/Starterkit/Observatory/Components/FixedTemplateContents.razor.rz.scp.css */
.template-contents[b-kik40s1eyn]{display:grid;grid-template-columns:minmax(180px,24%) minmax(0,1fr);gap:24px;margin-block:20px}
.axis-list[b-kik40s1eyn]{display:flex;flex-direction:column;gap:8px;align-self:start;max-height:640px;overflow:auto;padding:3px}
button[b-kik40s1eyn]{font:inherit;color:inherit;background:#fff;border:1px solid #c4d8d8;border-radius:8px;min-height:48px;padding:10px 14px;text-align:start;overflow-wrap:anywhere}
button[aria-pressed=true][b-kik40s1eyn]{background:#e7f5ef;color:#16473c;border-color:#287a66;font-weight:600}
button:focus-visible[b-kik40s1eyn]{outline:3px solid #287a66;outline-offset:2px}
.axis-list button[b-kik40s1eyn]{display:grid;gap:4px;flex-shrink:0}.axis-list small[b-kik40s1eyn]{color:#4b6569}
.axis-content[b-kik40s1eyn]{min-width:0;padding:16px;scroll-margin-top:100px;outline:none}h4[b-kik40s1eyn]{font-size:1.12em;margin-block:12px}p[b-kik40s1eyn],li[b-kik40s1eyn]{line-height:1.8;overflow-wrap:anywhere}
.axis-section[b-kik40s1eyn]{margin-block-start:16px;padding:16px;min-width:0}
.axis-section>h4[b-kik40s1eyn],.field-info>h4[b-kik40s1eyn]{margin:-16px -16px 16px;padding:12px 16px;border-radius:11px 11px 0 0}
.axis-section>ul[b-kik40s1eyn]{margin-block-end:0}.axis-section li+li[b-kik40s1eyn]{border-top:1px solid #d3dde5;margin-block-start:8px;padding-block-start:8px}
.table-picker[b-kik40s1eyn]{display:grid;gap:8px;margin-block:14px}.field-list[b-kik40s1eyn],.view-list[b-kik40s1eyn]{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}
.field-info[b-kik40s1eyn]{background:#f4f8f8;color:#193f43;border:1px solid #d1e0e0;border-radius:12px;padding:16px}
dl[b-kik40s1eyn]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}dt[b-kik40s1eyn]{color:#4b6569;font-weight:400}dd[b-kik40s1eyn]{margin:4px 0;overflow-wrap:anywhere}
.view-list span[b-kik40s1eyn]{padding:7px 12px;border:1px solid #c4d8d8;border-radius:6px}ul[b-kik40s1eyn]{padding-inline-start:24px}
@media(max-width:800px){.template-contents[b-kik40s1eyn]{grid-template-columns:1fr}.axis-list[b-kik40s1eyn]{flex-direction:row;flex-wrap:wrap;max-height:none}.axis-list button[b-kik40s1eyn]{flex:1 1 180px}}
@media(max-width:420px){dl[b-kik40s1eyn]{grid-template-columns:1fr}.field-list button[b-kik40s1eyn]{width:100%}}
.table-picker[b-kik40s1eyn]{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:stretch}
/* _content/Starterkit/Observatory/Components/FixedTemplateRoleGrants.razor.rz.scp.css */
.fixed-grants[b-98n9ay8kgh] { min-width:0; grid-column:1 / -1; }
p[b-98n9ay8kgh] { margin-block:10px; line-height:1.7; color:#4f656b; }
select[b-98n9ay8kgh] { width:100%; max-width:600px; min-height:48px; margin-block:8px 16px; }
fieldset[b-98n9ay8kgh] { border:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px; padding:12px 0 20px; min-width:0; }
legend[b-98n9ay8kgh] { font-size:18px; }
fieldset label[b-98n9ay8kgh], .grant-activation[b-98n9ay8kgh] { display:flex; align-items:flex-start; gap:12px; min-width:0; padding:12px; border-radius:8px; cursor:pointer; line-height:1.65; }
fieldset label:has(:checked)[b-98n9ay8kgh] { background:#edf9f1; }
input[type=checkbox][b-98n9ay8kgh] { width:22px!important; height:22px!important; min-height:0!important; flex:0 0 22px; margin-top:4px; accent-color:#16734b; }
.grant-activation[b-98n9ay8kgh] { border-top:1px solid #e1ebeb; border-radius:0; }
button[b-98n9ay8kgh] { min-height:44px; white-space:normal; line-height:1.6; }
details[b-98n9ay8kgh] { margin-block-start:20px; padding-top:16px; border-top:1px solid #e1ebeb; }
summary[b-98n9ay8kgh] { cursor:pointer; padding-block:8px; line-height:1.7; }
@media(max-width:700px) { fieldset[b-98n9ay8kgh] { grid-template-columns:1fr; } }
/* _content/Starterkit/Observatory/Components/FixedTemplatesWorkspace.razor.rz.scp.css */
.fixed-workspace[b-wewfgf726k] { color:#183f45; margin-block:12px 24px; }
.workspace-heading[b-wewfgf726k] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin-block-end:16px; }
h2[b-wewfgf726k],h3[b-wewfgf726k] { font-size:1.25rem; margin-block-end:8px; } h4[b-wewfgf726k] { font-size:1.08rem; margin-block:16px 8px; }
p[b-wewfgf726k] { margin-block:8px 14px; } .hint[b-wewfgf726k],small[b-wewfgf726k] { color:#647b82; }
.search-field[b-wewfgf726k] { min-width:min(280px,100%); display:grid; gap:6px; }
.fixed-template-grid[b-wewfgf726k] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:3px; }
.template-choice[b-wewfgf726k] { background:#fff; color:inherit; border:1px solid #d5e4e4; border-radius:12px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:18px; text-align:start; min-width:0; }
.template-choice strong[b-wewfgf726k] { overflow-wrap:anywhere; } .template-choice i[b-wewfgf726k] { color:#17846a; }
.template-choice.selected[b-wewfgf726k] { border:2px solid #188d76; background:#f0fbf6; }
.template-choice:focus-visible[b-wewfgf726k] { outline:3px solid #42ab95; outline-offset:2px; }
.template-detail[b-wewfgf726k] { padding:22px; border:1px solid #d5e4e4; border-radius:16px; background:#fff; }
.release-toolbar[b-wewfgf726k],.download-row[b-wewfgf726k],.actions[b-wewfgf726k] { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-block:16px; }
.release-toolbar label[b-wewfgf726k],.download-row label[b-wewfgf726k] { display:grid; gap:6px; min-width:min(260px,100%); }
.download-row small[b-wewfgf726k] { flex-basis:100%; }
.state[b-wewfgf726k] { background:#eef4f4; border-radius:20px; padding:6px 12px; }
.content-section[b-wewfgf726k],.sheet-detail[b-wewfgf726k] { border:1px solid #dce8e8; border-radius:10px; padding:14px; margin-block:12px; }
summary[b-wewfgf726k] { cursor:pointer; font-weight:600; } .content-section[open]>summary[b-wewfgf726k],.sheet-detail[open]>summary[b-wewfgf726k] { margin-block-end:14px; }
.table-scroll[b-wewfgf726k] { overflow:auto; max-height:420px; } table[b-wewfgf726k] { min-width:520px; } th[b-wewfgf726k] { background:#f4f8f8; } td[b-wewfgf726k],th[b-wewfgf726k] { vertical-align:top; }
.management-panel[b-wewfgf726k] { border-block-start:1px solid #dce8e8; margin-block-start:20px; padding-block-start:12px; }
fieldset[b-wewfgf726k] { display:flex; gap:16px; flex-wrap:wrap; align-items:center; border:1px solid #dce8e8; padding:16px; border-radius:10px; }
fieldset label[b-wewfgf726k] { display:flex; align-items:center; flex-wrap:wrap; gap:8px; } legend[b-wewfgf726k] { font-size:1rem; }
.availability-heading[b-wewfgf726k],.availability-option[b-wewfgf726k] { display:flex; align-items:center; gap:6px; }
.assignment-list[b-wewfgf726k] { max-height:330px; overflow:auto; margin-block-start:16px; }
.assignment-list>div[b-wewfgf726k] { display:flex; gap:12px; justify-content:space-between; flex-wrap:wrap; padding:12px; border-block-end:1px solid #e2eaea; }
.empty-state[b-wewfgf726k] { padding:24px; background:#f6f9f9; border-radius:12px; } .preserve-lines[b-wewfgf726k] { white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:1200px) { .fixed-template-grid[b-wewfgf726k] { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:800px) { .fixed-template-grid[b-wewfgf726k] { grid-template-columns:repeat(2,minmax(0,1fr)); } .template-detail[b-wewfgf726k] { padding:14px; } }
@media(max-width:480px) { .fixed-template-grid[b-wewfgf726k] { grid-template-columns:1fr; } .download-row label[b-wewfgf726k],.release-toolbar label[b-wewfgf726k] { width:100%; min-width:0; } }
.fixed-workspace[b-wewfgf726k] {--obs-text-size:18px;--obs-helper-text-size:18px;--obs-feedback-text-size:18px;--obs-section-title-size:22px;--obs-subsection-title-size:20px;--obs-org-font-family:var(--gb-website-font-family,Tahoma),Arial,sans-serif;font-size:18px;line-height:1.8;min-width:0;font-family:var(--gb-website-font-family,var(--kt-font-family,Tahoma)),Arial,sans-serif}
.workspace-anchor[b-wewfgf726k]{scroll-margin-top:100px;outline:none}
.workspace-heading h2[b-wewfgf726k]{margin-block:16px 0}.template-choice h3[b-wewfgf726k]{margin:0;overflow-wrap:anywhere}
.template-card-actions[b-wewfgf726k]{display:grid;gap:10px;width:100%;margin-block-start:auto;padding-block-start:12px}
.fixed-workspace .btn[b-wewfgf726k],.fixed-workspace .form-select[b-wewfgf726k],.fixed-workspace .form-control[b-wewfgf726k]{font-size:inherit;min-height:48px;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.fixed-workspace .btn:focus-visible[b-wewfgf726k]{outline:3px solid #287a66;outline-offset:3px}
.fixed-workspace label[b-wewfgf726k]{max-width:100%;overflow-wrap:anywhere}
.fixed-workspace .hint[b-wewfgf726k],.fixed-workspace small[b-wewfgf726k]{color:#4c666c}
.workspace-sections[b-wewfgf726k]{display:flex;flex-wrap:wrap;gap:12px;padding-block:16px;border-block-end:1px solid #d5e4e4}
.workspace-sections button[aria-pressed=true][b-wewfgf726k]{background:#e7f5ef;border-color:#287a66;color:#16473c;font-weight:600}
.release-steps[b-wewfgf726k]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin-block:24px}
.release-steps li[b-wewfgf726k]{min-width:0}.release-steps button[b-wewfgf726k]{width:100%;height:100%;min-height:64px;background:#fff;color:inherit;border:1px solid #b8d0d0;border-radius:10px;font:inherit;padding:12px;text-align:start;overflow-wrap:anywhere}
.release-steps button[aria-current=step][b-wewfgf726k]{background:#e7f5ef;border:2px solid #287a66;color:#16473c;font-weight:600}
.release-steps button:disabled[b-wewfgf726k]{color:#52686b;background:#f3f6f6;cursor:not-allowed}
.release-steps span[b-wewfgf726k]{font-weight:600;margin-inline-end:6px}.step-title[b-wewfgf726k]{margin-block:16px}
.step-actions[b-wewfgf726k]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-block:24px 8px;padding-block-start:16px;border-block-start:1px solid #d5e4e4}
.alert[b-wewfgf726k]{overflow-wrap:anywhere;white-space:pre-wrap}.alert ul[b-wewfgf726k]{white-space:normal;margin:0;padding-inline-start:24px}
.management-intro>.hint[b-wewfgf726k]{background:#f0f6f6;padding:16px;border-radius:10px}
fieldset input[type=checkbox][b-wewfgf726k]{width:22px;height:22px;flex-shrink:0}
.release-toolbar>*[b-wewfgf726k]{min-width:0}.download-row .hint[b-wewfgf726k]{flex-basis:100%}
@media(max-width:1000px){.release-steps[b-wewfgf726k]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fixed-template-grid[b-wewfgf726k]{grid-template-columns:1fr}.workspace-sections .btn[b-wewfgf726k],.step-actions .btn[b-wewfgf726k]{width:100%}.template-detail[b-wewfgf726k]{padding:12px}.release-steps[b-wewfgf726k]{gap:8px}.release-steps button[b-wewfgf726k]{padding:10px}.release-toolbar label[b-wewfgf726k],.download-row label[b-wewfgf726k]{width:100%;min-width:0}}

.fixed-workspace h2[b-wewfgf726k]{font-size:1.3em}.fixed-workspace h3[b-wewfgf726k]{font-size:1.15em}.fixed-workspace h4[b-wewfgf726k]{font-size:1.05em}.fixed-workspace legend[b-wewfgf726k]{font-size:1em}
.fixed-workspace .btn-outline-secondary[b-wewfgf726k]{border:1px solid #a7c4c4!important;color:#244f54;background:#fff}
.fixed-workspace .btn-outline-secondary[aria-pressed=true][b-wewfgf726k]{border:2px solid #287a66!important;background:#e7f5ef;color:#16473c}
.fixed-workspace .table[b-wewfgf726k]{font-size:inherit}

/* The release editor uses one page scroll; optional details supply the density. */
.fixed-workspace[b-wewfgf726k] { container: fixed-template / inline-size; color:#19343e; }
.template-detail[b-wewfgf726k] { padding:16px; border-color:#8c9fa7; }
.workspace-heading[b-wewfgf726k] { gap:12px; margin-block-end:12px; }
.workspace-heading>div[b-wewfgf726k] { display:flex; align-items:center; flex-wrap:wrap; gap:12px; min-width:0; }
.workspace-heading h2[b-wewfgf726k] { margin:0; }
.workspace-sections[b-wewfgf726k] { padding-block:8px; gap:8px; }
.release-toolbar[b-wewfgf726k] { gap:8px 16px; margin-block:12px; }
.release-toolbar label[b-wewfgf726k] { gap:4px; }
.management-intro>.hint[b-wewfgf726k] { padding:8px 12px; border-inline-start:3px solid #66828d; margin-block:8px; }
.management-intro .actions[b-wewfgf726k] { margin-block:12px; }
.fixed-workspace .btn-management[b-wewfgf726k] { border:1px solid #597681; background:color-mix(in srgb,var(--obs-primary,#0b4f52) 20%,#f4f6f8); color:#19343e; font-weight:600; }
.content-section[b-wewfgf726k] { border-color:#8c9fa7; padding:12px; margin-block:10px; }
.settings-preview[b-wewfgf726k] { background:color-mix(in srgb,var(--obs-secondary,#b48a45) 10%,#fff); }
.release-steps[b-wewfgf726k] { gap:8px; margin-block:12px; }
.release-steps button[b-wewfgf726k] { padding:8px 10px; min-height:48px; }
.step-title[b-wewfgf726k] { margin-block:12px 8px; }
.step-actions[b-wewfgf726k] { position:sticky; bottom:0; z-index:5; background:#f1f5f6; border:1px solid #8c9fa7; border-radius:10px; padding:10px 12px; margin-block:16px 0; align-items:center; box-shadow:0 -3px 10px #19343e12; }
.save-state[b-wewfgf726k] { color:#405961; margin-inline-end:auto; }
.review-release-notes[b-wewfgf726k] { padding:14px 16px; border-inline-start:3px solid #a7bcc3; background:#f8fafb; border-radius:6px; margin-block:16px; }
.review-release-notes p[b-wewfgf726k] { margin:6px 0 0; }
.table-scroll[b-wewfgf726k] { max-height:none; }
.step-actions .btn[b-wewfgf726k] { min-height:44px; }
@container fixed-template (max-width:760px) {
    .release-steps[b-wewfgf726k] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .step-actions[b-wewfgf726k] { gap:8px; }
    .save-state[b-wewfgf726k] { flex-basis:100%; }
    .step-actions .btn[b-wewfgf726k] { flex:1 1 200px; width:auto; }
}
/* Narrow/short windows include zoom and the on-screen keyboard: keep all content reachable. */
@media(max-height:600px),(max-width:600px) {
    .step-actions[b-wewfgf726k] { position:static; box-shadow:none; }
}
/* _content/Starterkit/Observatory/Components/FixedUploadWorkspace.razor.rz.scp.css */
.fixed-upload[b-prlnbibl79] { border: 1px solid #d9e5e4; border-radius: .8rem; padding: 1.25rem; margin-block-end: 1.5rem; background: #f8fbfa; }
.fixed-upload label[b-prlnbibl79] { display: block; margin-block-end: .4rem; }
.fixed-upload fieldset[b-prlnbibl79] { min-width: 0; border: 0; padding: 0; margin: 0; }
.fixed-upload select[b-prlnbibl79] { width: 100%; }
.fixed-upload [data-observatory-feedback][b-prlnbibl79] { white-space:pre-line; overflow-wrap:anywhere; }
.upload-rules[b-prlnbibl79] { margin-block:16px; padding:14px; border:1px solid #d9e5e4; border-radius:10px; background:white; }
.upload-rules summary[b-prlnbibl79] { cursor:pointer; font-weight:600; }
.upload-rules summary:focus-visible[b-prlnbibl79] { outline:3px solid #345c6a; outline-offset:3px; }
.upload-rules p[b-prlnbibl79] { color:#405961; margin-block:12px; }
.upload-rules dl[b-prlnbibl79] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; margin:0; }
.upload-rules dt[b-prlnbibl79] { font-weight:400; color:#405961; }
.upload-rules dd[b-prlnbibl79] { margin:4px 0 0; overflow-wrap:anywhere; }
@media(max-width:600px) { .upload-rules dl[b-prlnbibl79] { grid-template-columns:1fr; } }
.upload-actions[b-prlnbibl79] { display:flex; flex-wrap:wrap; gap:10px; margin-block:14px; }
.upload-guidance[b-prlnbibl79],.upload-next-action[b-prlnbibl79] { background:#eef3f5; border:1px solid #91a5af; border-radius:10px; padding:12px; margin-block:14px; }
.upload-next-action p[b-prlnbibl79] { margin:0; }
.upload-next-action .upload-actions[b-prlnbibl79] { margin-block-end:0; }
.fixed-upload--preview[b-prlnbibl79] { border:0; padding:0; background:transparent; }
.fixed-upload small[b-prlnbibl79] { display:block; color:#405961; margin-block:6px; }
.fixed-upload .btn[b-prlnbibl79] { font:inherit; min-height:44px; white-space:normal; overflow-wrap:anywhere; }
.fixed-upload button:focus-visible[b-prlnbibl79],.fixed-upload input:focus-visible[b-prlnbibl79],.fixed-upload select:focus-visible[b-prlnbibl79] { outline:3px solid #345c6a; outline-offset:3px; }
@media(max-width:600px) { .upload-actions .btn[b-prlnbibl79] { flex:1 1 100%; } }
/* _content/Starterkit/Observatory/Components/FixedValueComparison.razor.rz.scp.css */
.value-comparison[b-guci543dyb]{font-size:var(--board-font,18px);line-height:1.8;overflow:auto;padding:8px 10px;scrollbar-width:thin}.value-comparison table[b-guci543dyb]{width:100%;border-collapse:collapse}.value-comparison th[b-guci543dyb],.value-comparison td[b-guci543dyb]{padding:.7rem;border:1px solid #dae7e0;min-width:100px;text-align:start}.value-comparison th[b-guci543dyb]{background:#eef5f1}.value-comparison td[b-guci543dyb]{font-variant-numeric:tabular-nums}.value-panels[b-guci543dyb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.value-panels section[b-guci543dyb]{border:1px solid #d0e1d7;border-radius:12px;padding:12px}.value-panels h5[b-guci543dyb],.value-category h5[b-guci543dyb]{font-size:1.1em;line-height:1.6;overflow-wrap:anywhere}.value-row[b-guci543dyb]{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin-block:12px}.value-row span[b-guci543dyb],.value-row small[b-guci543dyb]{font-size:1em;min-width:0;overflow-wrap:anywhere}.value-track[b-guci543dyb]{grid-column:1/-1;height:12px;border-radius:6px;background:repeating-linear-gradient(90deg,#edf3ef 0,#edf3ef calc(25% - 1px),#d2dfd7 25%);position:relative;direction:ltr;margin-inline:7px}.value-track>i[b-guci543dyb]{position:absolute;height:100%;border-radius:5px;transition:width .2s,left .2s}.dot-track[b-guci543dyb]{height:4px;margin-block:7px}.dot-track .value-dot[b-guci543dyb]{width:13px;height:13px;top:-5px;transform:translateX(-50%);border:2px solid white;box-shadow:0 0 0 1px #47695c}.value-category[b-guci543dyb]{border-bottom:1px solid #d8e6de;margin-block:12px;padding-bottom:8px}.value-legend[b-guci543dyb]{display:flex;flex-wrap:wrap;gap:12px;font-size:1em}.value-legend i[b-guci543dyb],.value-panels h5 i[b-guci543dyb]{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px}.scale-note[b-guci543dyb]{font-size:1em;display:block;margin-block:8px;color:#557264}.value-pages[b-guci543dyb]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:1em;margin-block:10px}@media(prefers-reduced-motion:reduce){.value-track>i[b-guci543dyb]{transition:none}}@media print{.value-comparison[b-guci543dyb]{max-height:none!important;overflow:visible}}
.value-comparison[b-guci543dyb]{max-height:none!important;overflow:visible}.value-comparison.is-matrix[b-guci543dyb]{overflow-x:auto}
/* _content/Starterkit/Observatory/Components/FixedVerificationStatus.razor.rz.scp.css */
.obs-upload-alert[b-ikfjf7sowm] {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    overflow: hidden;
    margin-bottom: 14px;
    padding: 16px 18px;
    border: 1px solid;
    border-radius: 17px;
    box-shadow: 0 12px 28px rgba(21, 50, 53, .05);
}

.obs-upload-alert[b-ikfjf7sowm]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 4px;
    background: currentColor;
}

.obs-upload-alert.is-success[b-ikfjf7sowm] {
    color: #0b7059;
    border-color: rgba(11, 112, 89, .2);
    background: linear-gradient(110deg, #fff, #eef9f5);
}

.obs-upload-alert.is-warning[b-ikfjf7sowm] {
    color: #9a5a08;
    border-color: rgba(180, 108, 17, .28);
    background: linear-gradient(110deg, #fff, #fff7e8);
}

.obs-upload-alert.is-error[b-ikfjf7sowm] {
    color: #982f43;
    border-color: rgba(152, 47, 67, .2);
    background: linear-gradient(110deg, #fff, #fff1f4);
}

.obs-upload-alert > i[b-ikfjf7sowm] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    background: color-mix(in srgb, currentColor 9%, #fff);
    font-size: 1.12rem;
}

.obs-upload-alert div[b-ikfjf7sowm] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-upload-alert strong[b-ikfjf7sowm] {
    font-weight: 950;
}

.obs-upload-alert p[b-ikfjf7sowm] {
    margin: 0;
    font-size: .77rem;
}

.obs-upload-alert__close[b-ikfjf7sowm] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
    border-radius: 11px;
    color: currentColor;
    background: rgba(255, 255, 255, .55);
}


.obs-upload-alert[b-ikfjf7sowm] { margin-block: 1rem; overflow-wrap: anywhere; }
@media (max-width: 480px) {
    .obs-upload-alert[b-ikfjf7sowm] { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; padding: 12px; }
    .obs-upload-alert > i[b-ikfjf7sowm] { width: 34px; height: 34px; }
}
/* _content/Starterkit/Observatory/Components/FixedVersionHistory.razor.rz.scp.css */
.fixed-version-history[b-cuuavq9vyu] { min-width: 0; overflow-wrap: anywhere; }
.fixed-version-history__controls[b-cuuavq9vyu] { display: flex; align-items: end; flex-wrap: wrap; gap: .75rem; border: 0; padding: 0; min-width: 0; }
.fixed-version-history__controls label[b-cuuavq9vyu] { display: grid; gap: .4rem; flex: 1 1 160px; min-width: 0; }
.fixed-version-history__controls button[b-cuuavq9vyu] { white-space: normal; max-width: 100%; }
.fixed-version-history td[b-cuuavq9vyu] { min-width: 7rem; overflow-wrap: anywhere; }
@media(max-width: 480px) { .fixed-version-history__controls > *[b-cuuavq9vyu] { flex: 1 1 100%; width: 100%; } }
/* _content/Starterkit/Observatory/Components/IndicatorBoardCardThemeEditor.razor.rz.scp.css */
.card-theme[b-65a4gbwct6]{min-width:0;border:1px solid #c8dad3;border-radius:12px;background:#fff;overflow:hidden;color:#25483c}
.card-theme summary[b-65a4gbwct6]{cursor:pointer;padding:14px;line-height:1.8;background:#f2f7f4;overflow-wrap:anywhere}
.card-theme summary strong[b-65a4gbwct6]{font-size:1rem}.card-theme summary>span[b-65a4gbwct6]{display:block;font-size:.85rem;font-weight:400;margin-inline-start:18px;color:#526e60}
.card-theme[open] summary[b-65a4gbwct6]{border-bottom:1px solid #c8dad3;background:#eaf3ee}
.card-theme>p[b-65a4gbwct6],.card-theme>h5[b-65a4gbwct6],.card-theme>label[b-65a4gbwct6],.card-theme>.point-colors[b-65a4gbwct6],.card-theme>.point-pages[b-65a4gbwct6]{margin:12px}
.card-theme p[b-65a4gbwct6]{font-size:.9rem;line-height:1.8}.card-settings[b-65a4gbwct6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding:14px}
.card-theme label[b-65a4gbwct6]{display:grid;gap:6px;min-width:0;font-size:.9rem}.card-theme input[b-65a4gbwct6],.card-theme select[b-65a4gbwct6]{width:100%;min-width:0;min-height:42px;border:1px solid #b9cfc3;border-radius:8px;background:#fff;color:#25483c;padding:6px;font:inherit}
.card-theme input[type=color][b-65a4gbwct6]{height:42px;padding:4px;cursor:pointer}.card-theme button[b-65a4gbwct6]{min-height:40px;padding:6px 10px;border:1px solid #bdd2c6;border-radius:8px;background:#f4f8f5;color:#25483c;font:inherit;cursor:pointer}
.card-reset[b-65a4gbwct6]{margin:0 14px 12px}.point-colors[b-65a4gbwct6]{display:grid;gap:10px;max-height:620px;overflow:auto;overscroll-behavior:contain}
.point-color-row[b-65a4gbwct6]{display:grid;grid-template-columns:60px minmax(90px,1fr) auto;gap:8px;align-items:end;border:1px solid #d9e5dd;border-radius:10px;padding:10px;background:#fbfdfc}
.point-caption[b-65a4gbwct6]{grid-column:1/-1;display:grid;gap:4px;overflow-wrap:anywhere;line-height:1.7}.point-caption small[b-65a4gbwct6]{color:#526e60}.point-hex input[b-65a4gbwct6]{font-family:monospace;text-align:center}
.point-pages[b-65a4gbwct6]{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-theme button:disabled[b-65a4gbwct6]{opacity:.5;cursor:default}.card-theme :focus-visible[b-65a4gbwct6]{outline:3px solid #b99146;outline-offset:2px}.card-theme [role=alert][b-65a4gbwct6]{color:#91354a}
@media(max-width:480px){.card-settings[b-65a4gbwct6]{grid-template-columns:1fr}.point-color-row[b-65a4gbwct6]{grid-template-columns:52px minmax(70px,1fr) auto}.point-colors[b-65a4gbwct6]{max-height:520px}}
/* _content/Starterkit/Observatory/Components/IndicatorBoardChoiceHeading.razor.rz.scp.css */
.board-choice-heading[b-6ikkzpjioz]{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-width:0;width:100%;box-sizing:border-box;color:var(--board-ink);overflow:hidden;border-radius:var(--board-radius);line-height:1.8}.board-choice-heading strong[b-6ikkzpjioz]{position:relative;min-width:0;margin:0;color:inherit!important;font:inherit;font-size:1.12em;font-weight:700;white-space:normal;overflow-wrap:anywhere}.board-choice-heading-band[b-6ikkzpjioz]{padding:12px;background:var(--board-primary);color:var(--board-header-ink)}.board-choice-heading-cover[b-6ikkzpjioz]{min-height:110px;padding:16px;background:#162c2a;color:#fff}.board-choice-cover[b-6ikkzpjioz]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;z-index:-1}.board-choice-logo[b-6ikkzpjioz]{position:relative;flex:0 0 44px;width:44px;height:44px;object-fit:contain;padding:4px;border-radius:8px;background:#fff}.board-choice-heading-cover strong[b-6ikkzpjioz]{text-shadow:0 1px 8px #000}
.board-choice-heading[b-6ikkzpjioz]{color:var(--choice-ink,var(--board-text))}.board-choice-heading-band[b-6ikkzpjioz]{color:var(--board-header-ink)}.board-choice-heading-cover[b-6ikkzpjioz]{color:#fff}
/* _content/Starterkit/Observatory/Components/IndicatorBoardDesignTransfer.razor.rz.scp.css */
.design-transfer[b-zzfh8wffwf]{display:grid;gap:12px;border:1px solid #c8dad3;border-radius:14px;padding:16px;background:#f4f8f5;color:#193e36;min-width:0}.design-transfer p[b-zzfh8wffwf]{margin:6px 0 0;line-height:1.8}.transfer-button[b-zzfh8wffwf]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;max-width:100%;border:1px solid #bccfc3;border-radius:10px;background:#fff;color:#25483c;font:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.design-transfer>.transfer-button[b-zzfh8wffwf]{justify-self:start}.transfer-button:disabled[b-zzfh8wffwf]{opacity:.5;cursor:not-allowed}.transfer-primary[b-zzfh8wffwf]{background:#245f50;color:#fff;border-color:#245f50}.design-dialog[b-zzfh8wffwf]{width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;border:1px solid #c8dad3;border-radius:20px;padding:24px;background:#fff;color:#193e36;box-shadow:0 24px 80px #193e3633;font:inherit;overscroll-behavior:contain}.design-dialog[b-zzfh8wffwf]::backdrop{background:#173d3566}.design-dialog header[b-zzfh8wffwf]{display:flex;align-items:start;gap:16px;justify-content:space-between}.design-dialog header>div[b-zzfh8wffwf]{min-width:0}.design-dialog header button[b-zzfh8wffwf]{flex-shrink:0}.design-dialog h3[b-zzfh8wffwf]{font-size:1.25rem;margin:0}.design-dialog p[b-zzfh8wffwf]{line-height:1.8;margin:8px 0;color:#526e60}.transfer-search[b-zzfh8wffwf]{display:grid;gap:8px;margin:20px 0}.transfer-search>div[b-zzfh8wffwf]{display:flex;gap:8px}.transfer-search input[b-zzfh8wffwf]{font:inherit;min-width:0;flex:1;width:100%;min-height:44px;border:1px solid #bccfc3;border-radius:10px;padding:8px 12px}.transfer-results[b-zzfh8wffwf]{min-height:80px}.transfer-results fieldset[b-zzfh8wffwf]{border:0;min-width:0;margin:0;padding:0;display:grid;gap:8px}.transfer-results legend[b-zzfh8wffwf]{font-size:.9rem;color:#526e60;margin-bottom:10px}.transfer-target[b-zzfh8wffwf]{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #d4e2da;border-radius:12px;padding:12px;cursor:pointer}.transfer-target.is-selected[b-zzfh8wffwf]{background:#edf6f1;border-color:#245f50}.transfer-target input[b-zzfh8wffwf]{flex-shrink:0;width:18px;height:18px;accent-color:#245f50}.transfer-target>span[b-zzfh8wffwf]{min-width:0}.transfer-target strong[b-zzfh8wffwf]{display:block;line-height:1.7;overflow-wrap:anywhere}.transfer-target small[b-zzfh8wffwf]{display:block;color:#526e60;margin-top:4px}.target-check[b-zzfh8wffwf]{margin-inline-start:auto;color:#245f50}.transfer-pages[b-zzfh8wffwf]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.transfer-pages span[b-zzfh8wffwf]{text-align:center}.design-dialog footer[b-zzfh8wffwf]{border-top:1px solid #d4e2da;margin-top:20px;padding-top:16px}.transfer-confirmation strong[b-zzfh8wffwf]{display:block;overflow-wrap:anywhere;line-height:1.7}.transfer-actions[b-zzfh8wffwf]{display:flex;justify-content:end;gap:10px;margin-top:16px}.transfer-error[b-zzfh8wffwf],.transfer-success[b-zzfh8wffwf]{padding:10px 12px;border-radius:10px;overflow-wrap:anywhere}.transfer-error[b-zzfh8wffwf]{background:#fff5f6;color:#91354a!important;border:1px solid #ebced3}.transfer-success[b-zzfh8wffwf]{background:#edf6f1;border:1px solid #c8dad3}.design-transfer :focus-visible[b-zzfh8wffwf],.design-dialog :focus-visible[b-zzfh8wffwf]{outline:3px solid #b99146;outline-offset:3px}@media(max-width:480px){.design-dialog[b-zzfh8wffwf]{padding:16px;border-radius:14px}.design-dialog header[b-zzfh8wffwf]{gap:8px}.design-dialog h3[b-zzfh8wffwf]{font-size:1.1rem}.transfer-actions>*[b-zzfh8wffwf]{flex:1}.design-transfer>.transfer-button[b-zzfh8wffwf]{width:100%;justify-self:stretch}.transfer-target[b-zzfh8wffwf]{padding:10px;gap:8px}.transfer-pages[b-zzfh8wffwf]{font-size:.85rem}}
.design-dialog[open][b-zzfh8wffwf]{display:flex;flex-direction:column}.design-dialog>header[b-zzfh8wffwf],.design-dialog>form[b-zzfh8wffwf],.design-dialog>footer[b-zzfh8wffwf],.design-dialog>.transfer-error[b-zzfh8wffwf]{flex-shrink:0}.design-dialog .transfer-results[b-zzfh8wffwf]{overflow:auto;min-height:80px;max-height:44dvh;flex:1 1 auto;padding:3px;overscroll-behavior:contain}
/* _content/Starterkit/Observatory/Components/IndicatorBoardInputVisual.razor.rz.scp.css */
.board-input[b-ffgb301eoh]{border:1px solid #dce6e1;background:white;border-radius:15px;margin:1rem 0;padding:1.2rem;min-width:0;font-size:var(--board-font,18px);line-height:1.8}.board-input small[b-ffgb301eoh]{color:#5e776c;font-size:1em}.board-input h4[b-ffgb301eoh]{font-size:1.2em}.board-rule[b-ffgb301eoh]{background:#f0f6f3;padding:.7rem;border-radius:9px}.board-scroll[b-ffgb301eoh]{overflow:auto;max-height:450px}.board-scroll table[b-ffgb301eoh]{width:100%;border-collapse:collapse}.board-scroll th[b-ffgb301eoh],.board-scroll td[b-ffgb301eoh]{padding:.8rem;border-bottom:1px solid #e6ece9;text-align:start;min-width:100px}.board-total[b-ffgb301eoh]{background:#eef7f1;font-weight:600}.board-total small[b-ffgb301eoh]{margin-inline-start:.5rem}@media print{.board-scroll[b-ffgb301eoh]{max-height:none;overflow:visible}}
.board-numbers[b-ffgb301eoh]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:1rem 0}.board-numbers>div[b-ffgb301eoh]{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:12px;background:#f2f7f4}.board-numbers strong[b-ffgb301eoh]{font-size:1.9em;color:#225a48}

.fixed-records[b-ffgb301eoh]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.7rem;overflow:auto;margin:1rem 0}.fixed-records section[b-ffgb301eoh]{padding:1rem;border:1px solid #dce6e1;border-radius:12px;background:#f8fbfa;overflow-wrap:anywhere}.fixed-records dl[b-ffgb301eoh]{margin:0}.fixed-records dt[b-ffgb301eoh]{font-size:1em;color:#678074;margin-top:.65rem}.fixed-records dd[b-ffgb301eoh]{margin:0}.fixed-records.is-timeline[b-ffgb301eoh]{display:flex;flex-direction:column;border-inline-start:3px solid #2c8067;padding-inline-start:1rem}.board-input details[b-ffgb301eoh]{margin-top:1rem}.board-input summary[b-ffgb301eoh]{cursor:pointer;color:#246653}.board-numbers[b-ffgb301eoh]{max-height:520px;overflow:auto}
.record-directory[b-ffgb301eoh]{overflow:auto;padding:.5rem;scrollbar-width:thin}.record-directory details[b-ffgb301eoh]{border:1px solid #d2e2d9;border-radius:10px;padding:.65rem .85rem;margin-block:.6rem}.record-directory summary[b-ffgb301eoh]{font-weight:600}.record-directory summary small[b-ffgb301eoh]{display:block;font-weight:400;margin-top:.3rem}.record-directory dl[b-ffgb301eoh]{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:.5rem;margin-top:1rem}.record-directory dt[b-ffgb301eoh],.record-directory dd[b-ffgb301eoh]{margin:0;overflow-wrap:anywhere}.record-group h5[b-ffgb301eoh]{padding:.65rem;background:#e5f0e9;border-radius:8px;font-size:1.1em}.record-group h5 small[b-ffgb301eoh]{font-weight:400;margin-inline-start:1rem}
.fixed-records h5[b-ffgb301eoh]{font-size:1.1em;margin:.4rem 0;line-height:1.6}.record-date[b-ffgb301eoh]{display:inline-block;padding:.3rem .7rem;border-radius:8px;background:#dfeee5;color:#205e49;font-variant-numeric:tabular-nums}
.board-input[b-ffgb301eoh]{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.board-input[b-ffgb301eoh]  .manual-chart-host{min-width:0;max-width:100%}
.input-filters[b-ffgb301eoh]{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-block:16px;padding:14px;background:#f2f7f4;border:1px solid #d7e5de;border-radius:12px}
.input-filters label[b-ffgb301eoh]{flex:1 1 160px;min-width:0;font-size:16px;font-weight:600}
.input-filters select[b-ffgb301eoh]{width:100%;min-width:0;max-width:100%;margin-top:6px;font-size:16px;line-height:1.7}
.input-filters button[b-ffgb301eoh]{font-size:16px;white-space:normal;min-height:44px}
.input-filter-note[b-ffgb301eoh],.input-filter-empty[b-ffgb301eoh]{font-size:16px;line-height:1.8;color:var(--board-muted,#526a66)}
.input-filter-empty[b-ffgb301eoh]{padding:16px;border:1px dashed #a8beb3;border-radius:10px}
@media print{.input-filters[b-ffgb301eoh]{display:none}}
.board-input>details[b-ffgb301eoh],.board-scroll[b-ffgb301eoh],.record-directory[b-ffgb301eoh],.fixed-records[b-ffgb301eoh]{min-width:0;max-width:100%}
.board-numbers[b-ffgb301eoh]{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.fixed-records[b-ffgb301eoh],.record-directory[b-ffgb301eoh]{overflow:visible}
.board-numbers[b-ffgb301eoh]{max-height:none;overflow:visible}
.board-scroll[b-ffgb301eoh]{max-height:none;overflow-x:auto}
@media(max-width:650px){.board-input[b-ffgb301eoh]{padding:.75rem}.board-input h4[b-ffgb301eoh]{line-height:1.7}.board-scroll th[b-ffgb301eoh],.board-scroll td[b-ffgb301eoh]{padding:.5rem}.record-directory dl[b-ffgb301eoh]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
/* _content/Starterkit/Observatory/Components/IndicatorBoardJourneyStart.razor.rz.scp.css */
.journey-start[b-i6yedsyk9i]{color:#173f42;animation:journey-enter-b-i6yedsyk9i .22s ease-out}.journey-start h2[b-i6yedsyk9i]{font-size:1.6rem;margin-bottom:.7rem;color:#173f42}.journey-start p[b-i6yedsyk9i]{color:#536d62;line-height:1.8}.journey-choices[b-i6yedsyk9i],.journey-boards[b-i6yedsyk9i]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.5rem}.journey-start button[b-i6yedsyk9i]{font:inherit;min-height:48px}.journey-choices button[b-i6yedsyk9i],.journey-boards .journey-board-card[b-i6yedsyk9i]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;border:1px solid #bed2c8;border-radius:18px;background:#fff;padding:1.5rem;color:#173f42;text-align:start;overflow-wrap:anywhere;transition:border-color .18s,background .18s}.journey-choices button:hover[b-i6yedsyk9i],.journey-boards .journey-board-card:hover[b-i6yedsyk9i]{border-color:#245f50;background:#f0f7f3}.journey-start button:focus-visible[b-i6yedsyk9i]{outline:3px solid #287e72;outline-offset:4px}.journey-choices i[b-i6yedsyk9i]{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eaf3ee;color:#245f50;font-size:1.5rem}.journey-choices strong[b-i6yedsyk9i]{font-size:1.4rem}.journey-start b[b-i6yedsyk9i]{color:#245f50;margin-top:auto}.journey-board-group[b-i6yedsyk9i]{margin-block:2rem}.journey-board-group h3[b-i6yedsyk9i]{font-size:1.25rem;border-bottom:1px solid #d4e2db;padding-bottom:.8rem}.journey-boards .journey-board-card[b-i6yedsyk9i]{gap:.65rem;padding:1.2rem}.journey-status[b-i6yedsyk9i]{background:#edf4ef;border-radius:8px;padding:.4rem .7rem}.journey-start small[b-i6yedsyk9i]{color:#536d62}.journey-boards strong[b-i6yedsyk9i]{font-size:1.15rem}@keyframes journey-enter-b-i6yedsyk9i{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:650px){.journey-choices[b-i6yedsyk9i],.journey-boards[b-i6yedsyk9i]{grid-template-columns:1fr}.journey-choices button[b-i6yedsyk9i]{padding:1.2rem}}@media(prefers-reduced-motion:reduce){.journey-start[b-i6yedsyk9i]{animation:none}.journey-start button[b-i6yedsyk9i]{transition:none}}

/* A colored invitation, with decorative dashboard miniatures. */
.journey-choices button[b-i6yedsyk9i]{--choice:#176958;--choice-soft:#d8eee4;position:relative;isolation:isolate;overflow:hidden;border-color:#a9d4c3;background:linear-gradient(120deg,#d8eee4 0%,#f3fbf6 65%);box-shadow:0 10px 28px #2048390b;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-height:265px;padding:1.8rem}
.journey-choices .journey-edit[b-i6yedsyk9i]{--choice:#2c5a8a;--choice-soft:#dce8f5;border-color:#b5cce3;background:linear-gradient(120deg,#dce8f5,#f6f9ff 65%)}
.journey-choices button[b-i6yedsyk9i]::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,transparent 0 30px,#ffffff50 31px 32px);mask-image:linear-gradient(90deg,#000,transparent 65%);pointer-events:none}
.journey-choices button[b-i6yedsyk9i]::after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffffaa;border-radius:50%;inset-inline-end:-90px;bottom:-140px;box-shadow:0 0 0 28px #ffffff30,0 0 0 58px #ffffff20;z-index:-1;pointer-events:none}
.journey-choices button:hover:not(:disabled)[b-i6yedsyk9i]{transform:translateY(-4px);box-shadow:0 16px 32px #20483918;border-color:var(--choice)}
.journey-choices button:disabled[b-i6yedsyk9i]{opacity:.6;cursor:wait}
.journey-choices button>i[b-i6yedsyk9i]{background:var(--choice);color:#fff;box-shadow:0 6px 14px #143d3420}
.journey-choices strong[b-i6yedsyk9i]{color:var(--choice);padding-inline-end:130px}.journey-choices button>span:not(.journey-art)[b-i6yedsyk9i]{color:#294b50;max-width:38ch;line-height:1.85;position:relative}.journey-choices b[b-i6yedsyk9i]{color:var(--choice);padding:.45rem .8rem;background:#ffffffb8;border-radius:30px;font-size:.95rem}
.journey-choices .journey-art[b-i6yedsyk9i]{position:absolute;inset-inline-end:28px;top:28px;width:118px;height:88px;background:#ffffffdf;border:1px solid #fff;border-radius:12px;box-shadow:0 10px 25px #21463c18;transform:rotate(-8deg);padding:12px;pointer-events:none;animation:art-arrive-b-i6yedsyk9i .6s ease-out both}
.journey-edit .journey-art[b-i6yedsyk9i]{transform:rotate(8deg);animation-delay:.1s}
.art-top[b-i6yedsyk9i]{display:block;width:48%;height:5px;background:var(--choice-soft);border-radius:3px}.art-chart[b-i6yedsyk9i]{display:flex;align-items:end;gap:8px;height:46px;padding-top:9px;border-bottom:1px solid var(--choice-soft)}
.journey-choices .art-chart i[b-i6yedsyk9i]{display:block;width:16px;height:55%;background:var(--choice);border-radius:4px 4px 0 0}.journey-choices .art-chart i:nth-child(2)[b-i6yedsyk9i]{height:85%;background:#bd914b}.journey-choices .art-chart i:nth-child(3)[b-i6yedsyk9i]{height:65%;opacity:.6}.journey-choices .art-chart i:nth-child(4)[b-i6yedsyk9i]{height:100%}
.art-dot[b-i6yedsyk9i]{position:absolute;bottom:-8px;inset-inline-end:-8px;width:25px;height:25px;border:5px solid white;background:#bd914b;border-radius:50%}
.journey-board-group[b-i6yedsyk9i]{padding:1.2rem;border:1px solid #c6ddd3;border-radius:20px;background:linear-gradient(120deg,#edf8f2,#fff)}.journey-board-group:nth-of-type(2)[b-i6yedsyk9i]{border-color:#dfd0b3;background:linear-gradient(120deg,#faf2e3,#fff)}.journey-board-group h3[b-i6yedsyk9i]{color:#245f50}.journey-board-group:nth-of-type(2) h3[b-i6yedsyk9i]{color:#795820}.journey-boards .journey-board-card[b-i6yedsyk9i]{box-shadow:0 5px 16px #294c3e09}
@keyframes art-arrive-b-i6yedsyk9i{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:650px){.journey-choices button[b-i6yedsyk9i]{padding:1.2rem;min-height:245px}.journey-choices .journey-art[b-i6yedsyk9i]{width:98px;height:80px;inset-inline-end:20px;top:20px}.journey-choices strong[b-i6yedsyk9i]{padding-inline-end:0}.journey-board-group[b-i6yedsyk9i]{padding:.85rem}}
@media(prefers-reduced-motion:reduce){.journey-choices button[b-i6yedsyk9i],.journey-choices .journey-art[b-i6yedsyk9i]{animation:none;transition:none}.journey-choices button:hover:not(:disabled)[b-i6yedsyk9i]{transform:none}}

.journey-board-card[b-i6yedsyk9i] { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.journey-board-actions[b-i6yedsyk9i] { display:flex; flex-wrap:wrap; gap:10px; width:100%; margin-top:auto; padding-top:12px; }
.journey-board-actions button[b-i6yedsyk9i] { display:inline-flex; align-items:center; justify-content:center; flex:1; gap:8px; min-height:42px; padding:9px 14px; border:1px solid #bdd0cc; border-radius:8px; background:#fff; color:#234e4c; }
.journey-board-actions .journey-publish[b-i6yedsyk9i] { background:#247562; border-color:#247562; color:#fff; }
.journey-board-actions .journey-edit-board[b-i6yedsyk9i] { background:#e1f1eb; color:#1b584b; }
.journey-board-actions button:hover:not(:disabled)[b-i6yedsyk9i] { filter:brightness(.94); }
.journey-board-actions button:disabled[b-i6yedsyk9i] { opacity:.55; cursor:wait; }
/* _content/Starterkit/Observatory/Components/IndicatorBoardPeriodPicker.razor.rz.scp.css */
.board-period-picker[b-oam63aoqsi]{border:1px solid #c8dad3;border-radius:12px;padding:1rem;margin:1rem 0;background:#f8fbfa}.board-period-picker legend[b-oam63aoqsi]{float:none;width:auto;font-size:1rem;padding:0 .5rem}.period-actions[b-oam63aoqsi]{display:flex;flex-wrap:wrap;gap:.5rem;margin:.65rem 0}.board-period-picker label[b-oam63aoqsi]{display:grid;gap:.4rem;max-width:320px}.period-summary[b-oam63aoqsi]{margin:.7rem 0 0}.board-period-picker small[b-oam63aoqsi]{color:#536d62}.period-actions button[aria-pressed="true"][b-oam63aoqsi]{background:#245f50;color:white;border-color:#245f50}.period-actions button:disabled[b-oam63aoqsi]{opacity:.45}

.board-period-picker .period-actions .obs-text-button[b-oam63aoqsi]{border-radius:999px;padding:.55rem 1rem;border:1px solid #bdd4cc;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.board-period-picker .period-actions .obs-text-button[aria-pressed="true"][b-oam63aoqsi]{background:#245f50!important;color:#fff!important;border-color:#245f50!important;box-shadow:0 2px 6px #245f5020}
.board-period-picker .period-actions .period-quarter[b-oam63aoqsi]{min-width:100px;font-weight:600}
.board-period-picker .period-actions .obs-text-button:focus-visible[b-oam63aoqsi]{outline:3px solid #70b8a2;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.board-period-picker .period-actions .obs-text-button[b-oam63aoqsi]{transition:none}}
.board-period-picker .period-actions button[aria-pressed="true"]:disabled[b-oam63aoqsi]{opacity:1}
.period-year-range[b-oam63aoqsi]{display:flex;gap:1rem;max-width:440px}
.board-period-picker .period-year-range label[b-oam63aoqsi]{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}
.period-year-range input[b-oam63aoqsi]{width:100%;min-width:0}
/* _content/Starterkit/Observatory/Components/IndicatorBoardThemeEditor.razor.rz.scp.css */
.theme-editor[b-i0u122yecy]{display:grid;gap:1rem;min-width:0}.theme-editor p[b-i0u122yecy]{line-height:1.8;margin:0;color:#4b6059}.theme-presets[b-i0u122yecy]{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.theme-presets button[b-i0u122yecy]{display:grid;gap:8px;text-align:start;background:white;border:2px solid #d9e3dd;border-radius:16px;padding:12px;color:#25483c;min-height:130px}.theme-presets button[aria-pressed=true][b-i0u122yecy]{border-color:#245f50;box-shadow:0 0 0 2px #245f5018}.preset-sample[b-i0u122yecy]{display:flex;align-items:end;gap:8px;padding:12px;border-radius:10px;height:58px}.preset-sample i[b-i0u122yecy]{width:24%;height:32px;border:1px solid #0002;border-radius:6px}.preset-sample i:nth-child(2)[b-i0u122yecy]{height:22px}.theme-editor details[b-i0u122yecy]{border:1px solid #d9e3dd;border-radius:12px;padding:14px;background:#fff}.theme-editor summary[b-i0u122yecy]{cursor:pointer;font-weight:600;min-height:32px}.theme-fields[b-i0u122yecy]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding-block:14px}.theme-editor label[b-i0u122yecy]{display:grid;gap:8px;color:#25483c}.theme-editor select[b-i0u122yecy],.theme-editor button[b-i0u122yecy]{font:inherit}.theme-editor select[b-i0u122yecy]{width:100%;min-height:44px;border:1px solid #bccfc3;border-radius:8px;padding:6px;background:white;color:#25483c}.theme-editor input[type=color][b-i0u122yecy]{width:100%;height:44px;padding:4px;border:1px solid #bccfc3;border-radius:8px;background:#fff}.theme-editor input[type=range][b-i0u122yecy]{width:100%;accent-color:#245f50}.theme-tools[b-i0u122yecy]{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.theme-tools button[b-i0u122yecy],.theme-fields button[b-i0u122yecy]{padding:10px 14px;border:1px solid #bccfc3;border-radius:8px;background:#f4f8f5;color:#25483c;min-height:44px}.theme-editor button:disabled[b-i0u122yecy]{opacity:.45}.theme-editor :focus-visible[b-i0u122yecy]{outline:3px solid #b99146;outline-offset:3px}.theme-preview-scroll[b-i0u122yecy]{overflow:auto;max-width:100%;border:1px solid #d9e3dd;border-radius:16px}.theme-preview[b-i0u122yecy]{max-width:none;min-width:0;transition:width .2s ease}.theme-preview[b-i0u122yecy]{container-type:inline-size}@media(prefers-reduced-motion:reduce){.theme-preview[b-i0u122yecy]{transition:none}}@media(max-width:480px){.theme-presets[b-i0u122yecy]{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-fields[b-i0u122yecy]{grid-template-columns:1fr}}
.theme-editor textarea[b-i0u122yecy]{max-width:100%;width:100%;border:1px solid #bccfc3;border-radius:8px;padding:8px;font-size:12px}.theme-editor input[type=file][b-i0u122yecy]{max-width:100%;width:100%}.theme-editor[b-i0u122yecy]{grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr);align-items:start}.theme-controls[b-i0u122yecy]{display:grid;gap:1rem;min-width:0}.theme-live-panel[b-i0u122yecy]{position:sticky;top:16px;min-width:0;display:grid;gap:12px;padding:12px;border:1px solid #c8dad3;border-radius:18px;background:#fff;align-self:start}.theme-live-heading[b-i0u122yecy]{display:grid!important;gap:5px}.theme-live-heading strong[b-i0u122yecy]{font-size:1.15rem;color:#25483c}.theme-live-heading small[b-i0u122yecy]{color:#526e60}.theme-preview-scroll[b-i0u122yecy]{width:100%;min-width:0;max-height:70vh;min-height:180px;overflow:auto;overscroll-behavior:contain}.theme-preview[b-i0u122yecy]{display:block;width:100%;min-height:180px;transition:none}.theme-tools button[b-i0u122yecy]{padding:7px 10px}.theme-live-panel .theme-tools[b-i0u122yecy]{font-size:.85rem}.theme-preview[b-i0u122yecy]  .indicator-board{width:100%;box-sizing:border-box}@media(max-width:1000px){.theme-editor[b-i0u122yecy]{grid-template-columns:minmax(0,1fr)}.theme-live-panel[b-i0u122yecy]{grid-row:1;position:relative;top:auto}.theme-preview-scroll[b-i0u122yecy]{max-height:48vh}}

/* Shared action treatment keeps secondary controls consistent with design transfer. */
.theme-editor .theme-action[b-i0u122yecy]{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;justify-self:start;align-self:end;max-width:100%;min-height:44px;padding:.65rem 1rem;border:1px solid #c4d8ce;border-radius:12px;background:linear-gradient(160deg,#fff,#f0f7f3);color:var(--obs-theme-ink,#193e36);font:inherit;font-weight:600;line-height:1.6;text-align:center;white-space:normal;cursor:pointer;box-shadow:0 2px 5px #193e3609;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.theme-editor .theme-action i[b-i0u122yecy]{flex:0 0 auto;font-size:1rem;color:var(--obs-theme-accent,#286956)}
.theme-editor .theme-action span[b-i0u122yecy]{min-width:0;overflow-wrap:anywhere}
.theme-editor .theme-action-primary[b-i0u122yecy]{border-color:#245f50;background:linear-gradient(135deg,#286956,#1d5143);color:#fff;box-shadow:0 4px 10px #245f5026}
.theme-editor .theme-action-primary i[b-i0u122yecy]{color:inherit}
.theme-editor .theme-action-danger[b-i0u122yecy]{border-color:#ebced3;background:#fff5f6;color:#91354a}
.theme-editor .theme-action-danger i[b-i0u122yecy]{color:inherit}
.theme-editor .theme-action:disabled[b-i0u122yecy]{opacity:1;color:#74847c;background:#edf2ef;border-color:#dce5df;box-shadow:none;cursor:not-allowed}
.theme-editor .theme-action:disabled i[b-i0u122yecy]{color:inherit}
.theme-editor .theme-action:active:not(:disabled)[b-i0u122yecy]{transform:translateY(0);box-shadow:inset 0 2px 4px #193e3614}
.theme-editor .theme-action:focus-visible[b-i0u122yecy]{outline:3px solid #b99146;outline-offset:3px}
.theme-transfer-content[b-i0u122yecy]{display:grid;gap:14px;padding-block-start:12px;min-width:0}
.theme-transfer-content textarea[b-i0u122yecy]{min-height:112px;padding:12px;border-radius:12px;line-height:1.7;background:#f8fbf9}
.theme-transfer-content [role=alert][b-i0u122yecy]{color:#91354a;background:#fff5f6;border:1px solid #ebced3;border-radius:10px;padding:10px 12px}
.theme-editor input[type=file][b-i0u122yecy]::file-selector-button{min-height:44px;margin-inline-end:10px;padding:.6rem .9rem;border:1px solid #c4d8ce;border-radius:12px;background:#f0f7f3;color:#193e36;font:inherit;font-weight:600;cursor:pointer}
@media(hover:hover) and (pointer:fine){.theme-editor .theme-action:hover:not(:disabled)[b-i0u122yecy]{border-color:#83ad98;box-shadow:0 5px 12px #193e3612;transform:translateY(-1px)}.theme-editor .theme-action-primary:hover:not(:disabled)[b-i0u122yecy]{border-color:#173f34;background:#1d5143;box-shadow:0 6px 14px #245f502e}.theme-editor .theme-action-danger:hover:not(:disabled)[b-i0u122yecy]{border-color:#cd9ca7;background:#ffebef}}
@media(max-width:480px){.theme-transfer-content .theme-action[b-i0u122yecy],.theme-fields>.theme-action[b-i0u122yecy]{width:100%;justify-self:stretch}.theme-editor .theme-tools .theme-action[b-i0u122yecy]{flex:1 1 auto;padding:.6rem .75rem}}
@media(prefers-reduced-motion:reduce){.theme-editor .theme-action[b-i0u122yecy]{transition:none}.theme-editor .theme-action:hover:not(:disabled)[b-i0u122yecy],.theme-editor .theme-action:active:not(:disabled)[b-i0u122yecy]{transform:none}}

.theme-backdrops[b-i0u122yecy]{grid-column:1/-1;min-width:0;border:0;padding:0;margin:0}.theme-backdrops legend[b-i0u122yecy]{font-size:1rem;font-weight:600;margin-bottom:10px}.theme-backdrop-options[b-i0u122yecy]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-backdrop-options button[b-i0u122yecy]{min-width:0;display:grid;gap:6px;padding:7px;border:2px solid #d9e3dd;border-radius:10px;background:#fff;color:#25483c;cursor:pointer;line-height:1.7}.theme-backdrop-options button[aria-pressed=true][b-i0u122yecy]{border-color:#245f50;box-shadow:0 0 0 2px #245f5018;font-weight:700}.backdrop-sample[b-i0u122yecy]{height:58px;border-radius:5px;border:1px solid #0001}.theme-font-sample[b-i0u122yecy]{grid-column:1/-1;padding:16px;border:1px solid #d9e3dd;border-radius:10px;background:#f7faf8;color:#25483c;font-size:22px;line-height:1.9;overflow-wrap:anywhere}.theme-font-sample span[b-i0u122yecy]{font-size:18px}@media(max-width:480px){.theme-backdrop-options[b-i0u122yecy]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.theme-editor .theme-font-sample[b-i0u122yecy],.theme-editor .theme-font-sample span[b-i0u122yecy]{font-family:var(--sample-family)!important}
.theme-card-list[b-i0u122yecy]{display:grid;gap:10px;margin-block-start:12px;min-width:0}.card-customization>.card-search[b-i0u122yecy]{margin-block:12px}.card-search input[b-i0u122yecy]{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #bccfc3;border-radius:8px;background:white;color:#25483c;font:inherit}
/* _content/Starterkit/Observatory/Components/IndicatorBoardVisual.razor.rz.scp.css */
.indicator-board[b-h2er7vnu2d]{min-width:0}.board-filters[b-h2er7vnu2d]{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.board-filters button[b-h2er7vnu2d]{border:1px solid #ceded7;background:white;padding:.6rem .9rem;border-radius:20px;color:#245947}.board-filters button[aria-pressed=true][b-h2er7vnu2d]{background:#245947;color:white}
.board-layout[b-h2er7vnu2d]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:start;grid-auto-flow:row dense;margin-block:1rem}
.board-layout.is-packed[b-h2er7vnu2d]{grid-auto-rows:8px}.layout-slot[b-h2er7vnu2d]{min-width:0;position:relative;align-self:start}.layout-content[b-h2er7vnu2d]{min-width:0;display:flow-root}.layout-width-third[b-h2er7vnu2d]{grid-column:span 2}.layout-width-half[b-h2er7vnu2d]{grid-column:span 3}.layout-width-full[b-h2er7vnu2d]{grid-column:span 6}
.layout-toolbar[b-h2er7vnu2d]{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.45rem .55rem;background:#eaf3ee;border:1px solid #c9ddd1;border-radius:12px 12px 0 0;min-height:45px;position:relative;z-index:2}
.layout-toolbar button[b-h2er7vnu2d],.layout-toolbar summary[b-h2er7vnu2d]{font:inherit;font-size:16px;color:#245f50;background:#fff;border:1px solid #bad2c4;border-radius:7px;padding:.35rem .55rem;line-height:1.4;cursor:pointer;min-height:32px}
.layout-toolbar button:disabled[b-h2er7vnu2d]{opacity:.35;cursor:default}.layout-toolbar button:focus-visible[b-h2er7vnu2d],.layout-toolbar summary:focus-visible[b-h2er7vnu2d]{outline:3px solid #70b8a2;outline-offset:2px}
.layout-toolbar .layout-drag[b-h2er7vnu2d]{touch-action:none;user-select:none;cursor:grab;font-weight:700}.layout-drag:active[b-h2er7vnu2d]{cursor:grabbing}.layout-drag span[b-h2er7vnu2d]{font-weight:400;margin-inline-start:.2rem}.layout-sizing[b-h2er7vnu2d]{margin-inline-start:auto;position:relative}.layout-sizing summary[b-h2er7vnu2d]{list-style:none}.layout-sizing summary[b-h2er7vnu2d]::-webkit-details-marker{display:none}.layout-sizing[open] summary[b-h2er7vnu2d]{background:#245f50;color:white}
.layout-slot:has(.layout-sizing[open])[b-h2er7vnu2d]{z-index:5}.layout-size-panel[b-h2er7vnu2d]{position:absolute;inset-inline-end:0;top:calc(100% + 5px);width:min(310px,calc(100vw - 56px));z-index:6;box-shadow:0 12px 35px #173f422a;border-radius:14px;background:#fff}
.layout-size-panel[b-h2er7vnu2d]  .card-size-picker{margin:0}.layout-hint[b-h2er7vnu2d]{font-size:16px;line-height:1.8;background:#f0f6f2;border-inline-start:3px solid #b49b6d;padding:.7rem 1rem;border-radius:9px;color:#426553}.layout-status[b-h2er7vnu2d]{font-size:16px;color:#245f50}
.layout-slot.is-dragging[b-h2er7vnu2d]{opacity:.4}.layout-slot.is-drop-target[b-h2er7vnu2d]{outline:3px dashed #2c8e6c;outline-offset:4px;border-radius:14px}.layout-slot.is-drop-target[b-h2er7vnu2d]:after{content:"إفلات هنا";position:absolute;inset-inline-end:.5rem;top:50px;padding:.4rem .8rem;background:#245f50;color:white;border-radius:8px;z-index:4;pointer-events:none;font-size:16px}
@media(max-width:1000px){.layout-width-third[b-h2er7vnu2d]{grid-column:span 3}}@media(max-width:650px){.layout-slot[b-h2er7vnu2d]{grid-column:span 6}.layout-toolbar[b-h2er7vnu2d]{gap:.45rem}.layout-hint[b-h2er7vnu2d]{font-size:16px}}
@media print{.board-filters[b-h2er7vnu2d],.layout-toolbar[b-h2er7vnu2d],.layout-hint[b-h2er7vnu2d],.layout-status[b-h2er7vnu2d]{display:none}.board-layout.is-packed[b-h2er7vnu2d]{display:block}.layout-slot[b-h2er7vnu2d]{break-inside:avoid;margin-block:1rem}}

.layout-card-view[b-h2er7vnu2d]{min-width:0;overflow:auto;border-radius:14px;scrollbar-width:thin}.layout-card-view[b-h2er7vnu2d]  .board-input{min-height:100%;box-sizing:border-box}@media print{.layout-card-view[b-h2er7vnu2d]{height:auto!important;overflow:visible}}
/* The picker uses the browser top layer, outside the card's clipped content. */
.layout-toolbar .layout-type[aria-expanded=true][b-h2er7vnu2d]{background:#245f50;color:#fff}
.layout-type-dialog[b-h2er7vnu2d]{width:min(900px,calc(100vw - 28px));max-width:900px;max-height:86dvh;padding:0;border:1px solid #c6d9ce;border-radius:22px;background:#fff;color:#23483c;box-shadow:0 24px 90px #173f4250;font:inherit;text-align:start;box-sizing:border-box}
.layout-type-dialog[open][b-h2er7vnu2d]{display:flex;flex-direction:column;gap:0;animation:display-picker-enter-b-h2er7vnu2d .2s ease-out}
.layout-type-dialog[b-h2er7vnu2d]{font-size:18px}
.layout-type-dialog[b-h2er7vnu2d]::backdrop{background:#102c3bb3;backdrop-filter:blur(4px)}
.layout-type-dialog>header[b-h2er7vnu2d]{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(115deg,#fdf6e7,#eaf5ef);border-bottom:1px solid #d3e2da;flex-shrink:0}
.display-picker-eyebrow[b-h2er7vnu2d]{font-size:16px;color:#4d6b5d}.layout-type-dialog h4[b-h2er7vnu2d]{margin:.35rem 0;font-size:22px;color:#23483c}.layout-type-dialog header p[b-h2er7vnu2d]{margin:0;color:#466657;overflow-wrap:anywhere}
.layout-type-dialog button[b-h2er7vnu2d]{font:inherit;cursor:pointer;min-height:44px;border-radius:12px;border:1px solid #c4d8cb;white-space:normal;line-height:1.6;color:#23483c;background:#fff}
.layout-type-dialog button:focus-visible[b-h2er7vnu2d]{outline:3px solid #b99146;outline-offset:3px}.layout-type-dialog button:disabled[b-h2er7vnu2d]{opacity:.55;cursor:wait}
.layout-type-dialog .display-picker-close[b-h2er7vnu2d]{flex:0 0 44px;padding:0;font-size:1.7rem;background:#ffffffc9}
.display-picker-help[b-h2er7vnu2d]{margin:0;padding:.8rem 1.5rem;color:#4f6c5e;font-size:16px;line-height:1.8;flex-shrink:0}
.display-picker-body[b-h2er7vnu2d]{border:0;margin:0;padding:4px 1.5rem 1.25rem;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.display-picker-controls[b-h2er7vnu2d]{border:0;margin:0;padding:0;min-width:0}
.display-picker-options[b-h2er7vnu2d]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.layout-type-dialog .display-picker-option[b-h2er7vnu2d]{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;text-align:start;padding:.85rem;min-width:0;transition:border-color .18s,background-color .18s,box-shadow .18s}
.display-picker-option:hover[b-h2er7vnu2d]{border-color:#62967b;background:#f6faf7}.layout-type-dialog .display-picker-option[aria-pressed=true][b-h2er7vnu2d]{border:2px solid #246b50;background:#edf7f0;box-shadow:0 0 0 2px #246b5014;padding:calc(.85rem - 1px)}
.display-picker-option-title[b-h2er7vnu2d]{display:flex;align-items:start;justify-content:space-between;gap:.5rem}.display-picker-option-title strong[b-h2er7vnu2d]{font-size:18px;line-height:1.7;color:#23483c;overflow-wrap:anywhere}.display-picker-selected[b-h2er7vnu2d]{flex-shrink:0;background:#245f50;color:#fff;padding:.15rem .4rem;border-radius:6px;font-size:14px}.display-picker-option small[b-h2er7vnu2d]{font-size:16px;color:#4c695b;line-height:1.8}
.display-picker-fields[b-h2er7vnu2d]{margin:0 1.5rem 1rem;padding:.75rem 1rem;border:1px solid #d4e2db;border-radius:14px;background:#f7faf8;flex-shrink:0;max-height:23dvh;overflow:auto;min-width:0}.display-picker-fields legend[b-h2er7vnu2d]{float:none;width:auto;padding-inline:.4rem;margin:0;font-size:18px;font-weight:600;color:#23483c}.display-picker-fields p[b-h2er7vnu2d]{font-size:16px;margin:.25rem 0 .5rem;color:#4f6c5e}.display-picker-fields>div[b-h2er7vnu2d]{display:flex;flex-wrap:wrap;gap:.5rem}.display-picker-fields button[b-h2er7vnu2d]{padding:.4rem .8rem}.display-picker-fields button[aria-pressed=true][b-h2er7vnu2d]{background:#245f50;color:#fff;border-color:#245f50}
.layout-type-dialog>footer[b-h2er7vnu2d]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.5rem;border-top:1px solid #d4e2db;background:#f8fbf9;flex-shrink:0}.layout-type-dialog footer>span[b-h2er7vnu2d]{font-size:16px;color:#4f6c5e}.layout-type-dialog footer>div[b-h2er7vnu2d]{display:flex;gap:.6rem}.layout-type-dialog footer button[b-h2er7vnu2d]{padding:.55rem 1rem}.layout-type-dialog .display-picker-apply[b-h2er7vnu2d]{background:#245f50;color:#fff;border-color:#245f50;box-shadow:0 4px 10px #245f5020}
@keyframes display-picker-enter-b-h2er7vnu2d{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.display-picker-options[b-h2er7vnu2d]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.layout-type-dialog>header[b-h2er7vnu2d],.layout-type-dialog>footer[b-h2er7vnu2d]{padding:1rem}.display-picker-help[b-h2er7vnu2d]{padding:.65rem 1rem}.display-picker-body[b-h2er7vnu2d]{padding:4px 1rem 1rem}.display-picker-options[b-h2er7vnu2d]{grid-template-columns:1fr}.display-picker-fields[b-h2er7vnu2d]{margin-inline:1rem}.layout-type-dialog footer>div[b-h2er7vnu2d]{width:100%}.layout-type-dialog footer button[b-h2er7vnu2d]{flex:1}}
@media(prefers-reduced-motion:reduce){.layout-type-dialog[open][b-h2er7vnu2d]{animation:none}.layout-type-dialog .display-picker-option[b-h2er7vnu2d]{transition:none}}
@media print{.layout-type-dialog[b-h2er7vnu2d]{display:none!important}}
.board-themed[b-h2er7vnu2d]{background:var(--board-bg);color:var(--board-text);padding:clamp(12px,2vw,28px);border-radius:20px;font-size:var(--board-font)}
/* The selected dashboard font takes priority over tenant typography inside themed boards. */
.indicator-board.board-themed[b-h2er7vnu2d]  :where(div,p,span,small,strong,b,a,label,button,input,select,textarea,option,table,th,td,li,dt,dd,h3,h4,h5,h6,summary,footer){font-family:var(--board-family)!important}
.board-themed>header h3[b-h2er7vnu2d]{color:var(--board-text);font-size:1.5em;margin-bottom:1em}.board-themed .board-layout[b-h2er7vnu2d]{gap:var(--board-gap)}
.board-themed .layout-card-view[b-h2er7vnu2d]{border-radius:var(--board-radius);background:var(--board-surface);color:var(--board-ink)}
.board-themed .layout-card-view[b-h2er7vnu2d]  .manual-visual,.board-themed .layout-card-view[b-h2er7vnu2d]  .board-input{background:var(--board-surface);color:var(--board-ink);border-radius:var(--board-radius);padding:var(--board-padding);border:1px solid color-mix(in srgb,var(--board-ink) 18%,transparent);font-size:inherit}
.board-themed .layout-card-view[b-h2er7vnu2d]  h4,.board-themed .layout-card-view[b-h2er7vnu2d]  h5,.board-themed .layout-card-view[b-h2er7vnu2d]  p,.board-themed .layout-card-view[b-h2er7vnu2d]  small,.board-themed .layout-card-view[b-h2er7vnu2d]  footer,.board-themed .layout-card-view[b-h2er7vnu2d]  summary,.board-themed .layout-card-view[b-h2er7vnu2d]  .manual-number{color:var(--board-ink)}
.board-themed .layout-card-view[b-h2er7vnu2d]  h4{font-size:1.15em}.board-themed .layout-card-view[b-h2er7vnu2d]  table{color:var(--board-ink);font-size:1em;background:var(--board-surface)}
.board-themed .layout-card-view[b-h2er7vnu2d]  th,.board-themed .layout-card-view[b-h2er7vnu2d]  td{color:var(--board-ink);border-color:color-mix(in srgb,var(--board-ink) 18%,transparent)}
.board-themed .layout-card-view[b-h2er7vnu2d]  th{background:var(--board-heading-surface);color:var(--board-heading-ink)}
.board-striped .layout-card-view[b-h2er7vnu2d]  tbody tr:nth-child(even):not(.board-total){background:var(--board-stripe-surface)}
.board-themed.board-striped .layout-card-view[b-h2er7vnu2d]  tbody tr:nth-child(even):not(.board-total)>td,.board-themed.board-striped .layout-card-view[b-h2er7vnu2d]  tbody tr:nth-child(even):not(.board-total)>td small{color:var(--board-stripe-ink)}
.board-themed .layout-card-view[b-h2er7vnu2d]  a{color:var(--board-ink);text-decoration:underline}.board-themed .layout-card-view[b-h2er7vnu2d]  progress{accent-color:var(--board-accent)}
.board-themed .theme-card-shadow[b-h2er7vnu2d]{box-shadow:0 6px 22px #00000012}.board-themed .theme-card-top[b-h2er7vnu2d]{border-top:5px solid var(--board-accent)}.board-themed .theme-card-side[b-h2er7vnu2d]{border-inline-start:5px solid var(--board-accent)}
.board-themed .theme-card-frame[b-h2er7vnu2d]{border:2px solid var(--board-secondary);padding:3px}.board-themed .theme-card-glass[b-h2er7vnu2d]{background:var(--board-surface);box-shadow:0 8px 28px #0001;outline:1px solid color-mix(in srgb,var(--board-accent) 30%,transparent)}
@supports(backdrop-filter:blur(8px)){.board-themed .theme-card-glass[b-h2er7vnu2d]{backdrop-filter:blur(8px);background:color-mix(in srgb,var(--board-surface) 92%,transparent)}}
.board-themed .theme-card-header[b-h2er7vnu2d]  h4{background:var(--board-accent);color:var(--board-accent-ink);padding:12px;border-radius:8px}
.board-themed .layout-card-view[b-h2er7vnu2d]  .board-rule,.board-themed .layout-card-view[b-h2er7vnu2d]  .record-directory details,.board-themed .layout-card-view[b-h2er7vnu2d]  .record-group,.board-themed .layout-card-view[b-h2er7vnu2d]  .fixed-records section,.board-themed .layout-card-view[b-h2er7vnu2d]  .value-panels section{background:var(--board-surface);color:var(--board-ink)}
/* Pair each detail surface with its own card ink, including live per-card overrides. */
.board-themed .layout-card-view[b-h2er7vnu2d]  details>summary{background:var(--board-surface);color:var(--board-ink);border:1px solid color-mix(in srgb,var(--board-ink) 25%,transparent);border-inline-start:3px solid var(--board-accent);border-radius:9px;padding:.7rem .85rem;min-height:44px;line-height:1.7;transition:box-shadow 180ms ease,border-color 180ms ease}
.board-themed .layout-card-view[b-h2er7vnu2d]  details>summary:hover{box-shadow:inset 0 0 0 1px var(--board-ink)}
.board-themed .layout-card-view[b-h2er7vnu2d]  details>summary:focus-visible{outline:2px solid var(--board-ink);outline-offset:3px}
.board-themed .layout-card-view[b-h2er7vnu2d]  :is(.board-numbers>div,.board-total,.record-group h5,.record-date,.manual-incomplete){background:var(--board-surface);color:var(--board-ink)}
.board-themed .layout-card-view[b-h2er7vnu2d]  :is(.board-numbers strong,.fixed-records dt,.record-directory dt){color:var(--board-ink)}
.board-themed .layout-card-view[b-h2er7vnu2d]  .board-numbers>div{border:1px solid color-mix(in srgb,var(--board-ink) 18%,transparent)}
@container(max-width:650px){.layout-slot[b-h2er7vnu2d]{grid-column:span 6}}
@media print{.board-themed .layout-card-view[b-h2er7vnu2d]{--board-heading-surface:#fff!important;--board-heading-ink:#172019!important;--board-stripe-surface:#fff!important;--board-stripe-ink:#172019!important}}
@media print{.board-themed[b-h2er7vnu2d]{--board-bg:#fff!important;--board-text:#172019!important;background:#fff!important}.board-themed .layout-card-view[b-h2er7vnu2d]{--board-surface:#fff!important;--board-ink:#172019!important;box-shadow:none}.board-themed .theme-card-header[b-h2er7vnu2d]  h4{background:#fff;color:#172019}}.board-themed[b-h2er7vnu2d]{font-family:var(--board-family)}.board-header[b-h2er7vnu2d]{position:relative;display:flex;align-items:center;gap:16px;flex-wrap:wrap;overflow:hidden}.board-themed .board-header h3[b-h2er7vnu2d]{margin:0;position:relative}.board-header .board-logo[b-h2er7vnu2d]{width:64px;height:64px;object-fit:contain;position:relative;background:#fff;padding:5px;border-radius:10px}.board-header-band[b-h2er7vnu2d]{padding:20px;background:var(--board-primary);border-radius:12px}.board-themed .board-header-band h3[b-h2er7vnu2d]{color:var(--board-header-ink)}.board-header-cover[b-h2er7vnu2d]{padding:32px 24px;min-height:160px;border-radius:14px;background:#162c2a}.board-themed .board-header-cover h3[b-h2er7vnu2d]{color:white;text-shadow:0 1px 8px #000}.board-cover[b-h2er7vnu2d]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.board-expand[b-h2er7vnu2d]{position:relative;margin-inline-start:auto;background:#fff;color:#25483c;border:1px solid #c2d4cb;border-radius:8px;padding:8px 12px;min-height:44px;font:inherit}.indicator-board:fullscreen[b-h2er7vnu2d]{overflow:auto;width:100%;height:100%;box-sizing:border-box}.board-hide-sources .layout-card-view[b-h2er7vnu2d]  footer{display:none}.board-motion[b-h2er7vnu2d]{animation:board-enter-b-h2er7vnu2d .25s ease-out}@keyframes board-enter-b-h2er7vnu2d{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.board-motion[b-h2er7vnu2d]{animation:none}}@media print{.board-expand[b-h2er7vnu2d]{display:none}.board-themed .board-header h3[b-h2er7vnu2d]{color:#172019}.board-cover[b-h2er7vnu2d]{display:none}.board-header-cover[b-h2er7vnu2d]{background:white;min-height:0}}
/* _content/Starterkit/Observatory/Components/IndicatorBoardWorkspace.razor.rz.scp.css */
.indicator-builder[b-jajbpj6ugl]{background:#f8fbfa;padding:1.5rem;border-radius:20px;min-width:0}.indicator-builder header[b-jajbpj6ugl]{display:flex;justify-content:space-between;gap:1rem}.indicator-builder label[b-jajbpj6ugl]{display:grid;gap:.45rem}.builder-steps[b-jajbpj6ugl]{display:flex;gap:.7rem;margin:1.3rem 0;flex-wrap:wrap}.builder-steps button[b-jajbpj6ugl]{padding:.7rem 1rem;border-radius:10px;border:1px solid #d4e2db;background:white}.builder-steps button[aria-current=step][b-jajbpj6ugl]{background:#245f50;color:white}.builder-fields[b-jajbpj6ugl]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.builder-year[b-jajbpj6ugl]{border:1px solid #d4e2db;border-radius:14px;padding:1rem;margin:1rem 0}.builder-year legend[b-jajbpj6ugl]{font-size:1.2rem}.indicator-builder .builder-source[b-jajbpj6ugl]{display:flex;align-items:center;gap:.8rem;border-bottom:1px solid #e4ede8;padding:.9rem}.builder-source span[b-jajbpj6ugl]{display:grid;gap:.4rem}.builder-source small[b-jajbpj6ugl]{color:#60756b}.is-blocked[b-jajbpj6ugl]{opacity:.55}.builder-actions[b-jajbpj6ugl]{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}@media(max-width:650px){.builder-fields[b-jajbpj6ugl]{grid-template-columns:1fr}.indicator-builder[b-jajbpj6ugl]{padding:.8rem}}

.builder-controls[b-jajbpj6ugl]{border:0;margin:0;padding:0;min-width:0}
.indicator-builder .builder-auto-rotate[b-jajbpj6ugl]{display:flex;align-items:center;gap:.75rem;align-self:center;justify-content:flex-start;min-height:48px;margin:0;cursor:pointer}
.indicator-builder .builder-auto-rotate input[type=checkbox][b-jajbpj6ugl]{appearance:none!important;position:relative!important;flex:0 0 42px!important;width:42px!important;height:24px!important;min-width:42px!important;min-height:24px!important;max-width:42px!important;max-height:24px!important;margin:0!important;padding:0!important;border:1px solid #a5bdb2!important;border-radius:999px!important;background:#dae5df!important;box-shadow:none!important;cursor:pointer;transition:background-color .18s}
.builder-auto-rotate input[b-jajbpj6ugl]::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #183d3830;transition:transform .18s}
.indicator-builder .builder-auto-rotate input:checked[b-jajbpj6ugl]{background:#245f50!important;border-color:#245f50!important}
.builder-auto-rotate input:checked[b-jajbpj6ugl]::after{transform:translateX(18px)}
.builder-auto-rotate input:focus-visible[b-jajbpj6ugl]{outline:3px solid #78b49b;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.builder-auto-rotate input[b-jajbpj6ugl],.builder-auto-rotate input[b-jajbpj6ugl]::after{transition:none}}
.builder-step-actions[b-jajbpj6ugl]{clear:both;border-top:1px solid #cbded5;padding-top:1rem;margin-top:1.25rem}

.builder-audience-picker[b-jajbpj6ugl] {
    min-width: 0;
    margin-block: 1.5rem;
    padding: 1.25rem;
    border: 1px solid #cbded5;
    border-radius: 16px;
    background: #fff;
}
.builder-audience-picker legend[b-jajbpj6ugl] { float: none; width: auto; padding-inline: .5rem; font-size: 1.15rem; font-weight: 600; color: #244e43; }
.audience-heading[b-jajbpj6ugl] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; margin-bottom: 1rem; }
.audience-heading p[b-jajbpj6ugl] { margin: 0; color: #536d62; }
.audience-count[b-jajbpj6ugl] { padding: .4rem .75rem; border-radius: 8px; background: #edf6f1; color: #245f50; font-weight: 600; }
.audience-toolbar[b-jajbpj6ugl] { display: flex; align-items: end; flex-wrap: wrap; gap: .85rem; margin-bottom: 1rem; }
.indicator-builder .audience-search[b-jajbpj6ugl] { flex: 1 1 220px; min-width: 0; color: #244e43; font-size: .9rem; }
.audience-search-field[b-jajbpj6ugl] { display: flex; align-items: center; gap: .65rem; min-height: 44px; padding-inline: .8rem; border: 1px solid #c8dad3; border-radius: 12px; background: #f8fbfa; }
.audience-search-field i[b-jajbpj6ugl] { color: #638275; }
.audience-search-field input[b-jajbpj6ugl] { min-width: 0; width: 100%; padding-block: .7rem; border: 0; outline: 0; background: transparent; color: #244e43; font: inherit; }
.audience-search-field:focus-within[b-jajbpj6ugl] { outline: 3px solid #287e72; outline-offset: 2px; }
.audience-filters[b-jajbpj6ugl] { display: flex; gap: .5rem; flex-wrap: wrap; }
.audience-options[b-jajbpj6ugl] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); align-content: start; gap: .65rem; max-height: 340px; overflow-y: auto; padding: .3rem; scrollbar-gutter: stable; }
.indicator-builder .audience-option[b-jajbpj6ugl] { display: flex; align-items: center; gap: .75rem; min-width: 0; margin: 0; padding: .85rem; border: 1px solid #dbe5e0; border-radius: 12px; background: #fff; cursor: pointer; }
.audience-option:hover[b-jajbpj6ugl] { border-color: #81ac98; background: #f8fbfa; }
.indicator-builder .audience-option.is-selected[b-jajbpj6ugl] { border-color: #4a8a71; background: #edf6f1; box-shadow: inset -3px 0 #245f50; }
.audience-option input[b-jajbpj6ugl] { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; margin: 0; accent-color: #245f50; cursor: pointer; }
.audience-option:focus-within[b-jajbpj6ugl], .audience-options:focus-visible[b-jajbpj6ugl] { outline: 3px solid #287e72; outline-offset: 2px; }
.audience-role[b-jajbpj6ugl] { display: grid; gap: .3rem; min-width: 0; flex: 1; }
.audience-role strong[b-jajbpj6ugl] { font-weight: 600; color: #244e43; overflow-wrap: anywhere; text-align: start; }
.audience-role small[b-jajbpj6ugl] { color: #65786f; font-size: .8rem; }
.audience-state[b-jajbpj6ugl] { flex: 0 0 auto; font-size: .8rem; color: #697c73; }
.is-selected .audience-state[b-jajbpj6ugl] { color: #245f50; font-weight: 600; }
.audience-hint[b-jajbpj6ugl] { display: flex; align-items: baseline; gap: .5rem; margin: 1rem 0 0; color: #60756b; font-size: .85rem; }
.audience-empty[b-jajbpj6ugl] { grid-column: 1 / -1; display: grid; justify-items: center; gap: .65rem; padding: 1.5rem 1rem; text-align: center; color: #60756b; background: #f8fbfa; border-radius: 12px; }
.audience-empty i[b-jajbpj6ugl] { font-size: 1.5rem; color: #497864; }
.builder-controls:disabled .audience-option[b-jajbpj6ugl] { opacity: .65; cursor: not-allowed; }
@media(max-width:650px) {
    .builder-audience-picker[b-jajbpj6ugl] { padding: .85rem; }
    .audience-toolbar[b-jajbpj6ugl] { align-items: stretch; }
    .audience-search[b-jajbpj6ugl] { flex-basis: 100%; }
    .audience-options[b-jajbpj6ugl] { grid-template-columns: 1fr; }
}
.builder-year[b-jajbpj6ugl]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:.75rem}
.indicator-builder .builder-year .builder-source[b-jajbpj6ugl]{min-width:0;margin:0;border:1px solid #d4e2db;border-radius:10px;align-items:start;background:#fff}
.builder-source input[b-jajbpj6ugl]{flex:0 0 auto;margin-top:.3rem}.builder-source span[b-jajbpj6ugl]{min-width:0;overflow-wrap:anywhere}
.builder-source:has(input:checked)[b-jajbpj6ugl]{border-color:#285e50;background:#edf6f1;box-shadow:inset -3px 0 #285e50}
.template-picker[b-jajbpj6ugl]{margin:1rem 0;border:1px solid #c8dad3;border-radius:16px;background:#fff;overflow:hidden}
.template-picker-heading[b-jajbpj6ugl]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;background:linear-gradient(110deg,#fafcfb,#eaf3ee);border-bottom:1px solid #d4e2db}
.template-picker-heading h3[b-jajbpj6ugl]{font-size:1.15rem;margin:0}.template-picker-heading p[b-jajbpj6ugl]{font-size:.85rem;color:#536d62;margin:.35rem 0 0}
.template-count[b-jajbpj6ugl],.template-coverage[b-jajbpj6ugl]{background:#e6f3ec;color:#245f50;padding:.3rem .7rem;border-radius:100px;font-size:.8rem;width:fit-content}
.template-count[b-jajbpj6ugl]{flex-shrink:0}.template-cards[b-jajbpj6ugl]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),300px));gap:1rem;padding:1rem}
.indicator-builder .template-card[b-jajbpj6ugl]{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;min-width:0;padding:1.1rem;text-align:start;border:1px solid #c8dad3;border-radius:13px;background:#fff;color:#173f42;transition:background-color .18s,border-color .18s,box-shadow .18s}
.indicator-builder .template-card:hover[b-jajbpj6ugl]{background:#f6faf8;border-color:#7ba891}.indicator-builder .template-card.is-selected[b-jajbpj6ugl]{background:#edf6f1;border-color:#245f50;box-shadow:inset 0 0 0 1px #245f50}.template-card:focus-visible[b-jajbpj6ugl]{outline:3px solid #70b8a2;outline-offset:2px}
.template-icon[b-jajbpj6ugl]{font-size:1.4rem;color:#37715d}.template-name[b-jajbpj6ugl]{font-size:1.05rem}.template-meta[b-jajbpj6ugl],.template-missing[b-jajbpj6ugl]{font-size:.8rem;color:#536d62}.template-coverage.is-partial[b-jajbpj6ugl]{background:#fff3da;color:#80601d}
.template-periods[b-jajbpj6ugl]{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}.template-periods>span[b-jajbpj6ugl]{flex:1 1 50px;text-align:center;border-radius:6px;padding:.4rem .2rem;font-size:.75rem;background:#f0f3f1;color:#62776c}.template-periods>span.is-covered[b-jajbpj6ugl]{background:#d7ebe0;color:#245f50;font-weight:600}
.template-card-footer[b-jajbpj6ugl]{display:flex;justify-content:space-between;gap:.5rem;border-top:1px solid #d4e2db;padding-top:.65rem;margin-top:auto;font-size:.85rem}.template-picker-note[b-jajbpj6ugl]{padding:0 1rem 1rem;margin:0;color:#536d62;font-size:.85rem}
@media(max-width:650px){.template-picker-heading[b-jajbpj6ugl]{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.indicator-builder .template-card[b-jajbpj6ugl]{transition:none}}

/* One compact template card owns its file selection; detail lives in the native dialog. */
.indicator-builder .template-card[b-jajbpj6ugl]{position:relative;aspect-ratio:1;gap:.4rem;padding:1rem;overflow:hidden}
.template-icon[b-jajbpj6ugl]{position:absolute;inset-inline-end:1rem;top:1rem;font-size:1.1rem}
.template-name[b-jajbpj6ugl]{padding-inline-end:1.7rem;line-height:1.5}
.template-selection[b-jajbpj6ugl]{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;border-top:1px solid #d5e3db;margin-top:.3rem;padding-top:.5rem;font-size:.82rem}
.template-selection>div[b-jajbpj6ugl]{display:grid;gap:.12rem;margin-bottom:.45rem;padding-inline-start:.6rem;border-inline-start:3px solid #7dad95}
.template-selection strong[b-jajbpj6ugl]{color:#245f50}.template-selection span[b-jajbpj6ugl],.template-selection small[b-jajbpj6ugl]{color:#526e60;overflow-wrap:anywhere}
.template-card-action[b-jajbpj6ugl]{width:100%;justify-content:space-between;flex-shrink:0;margin-top:.3rem;white-space:normal!important;font-size:.85rem}
.template-files-dialog[b-jajbpj6ugl]{width:min(860px,calc(100vw - 28px));max-width:860px;max-height:85dvh;padding:1.25rem;border:1px solid #b5d1c1;border-radius:20px;background:#fbfdfb;color:#173f42;box-shadow:0 24px 90px #173f4240}
.template-files-dialog[open][b-jajbpj6ugl]{display:flex;flex-direction:column;gap:.85rem;animation:template-dialog-in-b-jajbpj6ugl .18s ease-out}
.template-files-dialog[b-jajbpj6ugl]::backdrop{background:#153c3b80;backdrop-filter:blur(3px)}
.template-files-dialog>header[b-jajbpj6ugl]{align-items:center;flex-shrink:0;border-bottom:1px solid #d5e3db;padding-bottom:.7rem}
.template-files-dialog h3[b-jajbpj6ugl]{font-size:1.2rem;margin:0}.template-files-dialog p[b-jajbpj6ugl]{font-size:.87rem;color:#526e60;margin:0;line-height:1.7}
.template-file-options[b-jajbpj6ugl]{min-height:0;overflow:auto;scrollbar-width:thin;padding:.25rem}
.template-file-options fieldset[b-jajbpj6ugl]{min-width:0;border:1px solid #d4e2da;border-radius:12px;padding:.85rem;margin-bottom:.85rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.6rem}
.template-file-options legend[b-jajbpj6ugl]{width:auto;float:none;padding-inline:.5rem;font-size:1rem;font-weight:600}.template-file-options legend small[b-jajbpj6ugl]{font-weight:400;font-size:.8rem}
.template-file-option[b-jajbpj6ugl]{display:flex;gap:.75rem;align-items:start;text-align:start;padding:.8rem;border:1px solid #d1e0d7;background:#fff;color:#234e40;border-radius:10px;min-width:0;transition:background-color .18s,border-color .18s}
.template-file-option>span:last-child[b-jajbpj6ugl]{display:grid;gap:.3rem;min-width:0;overflow-wrap:anywhere}.template-file-option small[b-jajbpj6ugl]{font-size:.8rem;color:#526e60}.file-choice-mark[b-jajbpj6ugl]{flex-shrink:0;width:24px;height:24px;border:1px solid #aecabb;border-radius:50%;text-align:center}
.template-file-option.is-selected[b-jajbpj6ugl]{background:#e6f3eb;border-color:#347557;box-shadow:inset -3px 0 #347557}.is-selected .file-choice-mark[b-jajbpj6ugl]{background:#245f50;color:white;border-color:#245f50}
.template-file-option:disabled[b-jajbpj6ugl]{opacity:.5;cursor:not-allowed}.template-file-option:focus-visible[b-jajbpj6ugl]{outline:3px solid #58a98b;outline-offset:2px}
.template-files-dialog>footer[b-jajbpj6ugl]{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;flex-shrink:0;padding-top:.8rem;border-top:1px solid #d5e3db}
@keyframes template-dialog-in-b-jajbpj6ugl{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.template-files-dialog[open][b-jajbpj6ugl]{animation:none}.template-file-option[b-jajbpj6ugl]{transition:none}}
@media(max-width:500px){.template-files-dialog[b-jajbpj6ugl]{padding:.9rem}.template-file-options fieldset[b-jajbpj6ugl]{grid-template-columns:1fr}}
.template-selection>div small[b-jajbpj6ugl]{display:none}

.journey-step-heading[b-jajbpj6ugl]{margin-block:1.5rem;animation:step-enter-b-jajbpj6ugl .2s ease-out}.journey-step-heading h3[b-jajbpj6ugl]{font-size:1.3rem;color:#173f42}.journey-step-heading p[b-jajbpj6ugl]{color:#536d62;line-height:1.8}.journey-step-heading h3:focus[b-jajbpj6ugl]{outline:none}.journey-navigation[b-jajbpj6ugl]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid #cbded5;padding-top:1.2rem;margin-top:1.5rem}.indicator-builder .btn[b-jajbpj6ugl],.builder-steps button[b-jajbpj6ugl]{min-height:48px;font-size:1rem}.field-error[b-jajbpj6ugl]{color:#a42135;background:#fff1f3;border-inline-start:3px solid #a42135;padding:.8rem;border-radius:8px}.builder-steps button:focus-visible[b-jajbpj6ugl],.indicator-builder .btn:focus-visible[b-jajbpj6ugl]{outline:3px solid #287e72;outline-offset:3px}@keyframes step-enter-b-jajbpj6ugl{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.journey-step-heading[b-jajbpj6ugl]{animation:none}}

/* Each stage keeps its own accent while the data preview retains its selected theme. */
.indicator-builder[b-jajbpj6ugl]{--journey-accent:#216b58;--journey-tint:#e3f3eb;position:relative;background:radial-gradient(ellipse at 0 0,#e0eeeac0,transparent 55%),linear-gradient(130deg,#fffdf6,#f3f8fb 60%,#edf6f0);border:1px solid #d3e2db;box-shadow:0 12px 40px #244c3e08}
.indicator-builder[data-step="2"][b-jajbpj6ugl]{--journey-accent:#285d94;--journey-tint:#e5effb}.indicator-builder[data-step="3"][b-jajbpj6ugl]{--journey-accent:#875127;--journey-tint:#fbefdf}.indicator-builder[data-step="4"][b-jajbpj6ugl]{--journey-accent:#725394;--journey-tint:#f0e9f8}.indicator-builder[data-step="5"][b-jajbpj6ugl]{--journey-accent:#196a72;--journey-tint:#dff3f3}
.indicator-builder>header[b-jajbpj6ugl]{padding-bottom:1rem;border-bottom:1px solid #ceded5}.indicator-builder>header h2[b-jajbpj6ugl]{font-weight:700;color:#214f48}.indicator-builder>header p[b-jajbpj6ugl]{color:#4e6864;margin-bottom:0}
.builder-steps[b-jajbpj6ugl]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;padding:.65rem;background:#ffffffa8;border:1px solid #dbe5df;border-radius:18px}
.builder-steps button[b-jajbpj6ugl]{position:relative;white-space:normal!important;text-align:center;color:#34514d;border:1px solid #d8e5df;background:#fff;transition:transform .2s,box-shadow .2s;line-height:1.7}
.builder-steps button:nth-child(1)[b-jajbpj6ugl]{border-top:3px solid #32806a}.builder-steps button:nth-child(2)[b-jajbpj6ugl]{border-top:3px solid #4178b2}.builder-steps button:nth-child(3)[b-jajbpj6ugl]{border-top:3px solid #b87a40}.builder-steps button:nth-child(4)[b-jajbpj6ugl]{border-top:3px solid #9571b7}.builder-steps button:nth-child(5)[b-jajbpj6ugl]{border-top:3px solid #32929a}
.builder-steps button[aria-current=step][b-jajbpj6ugl]{background:var(--journey-accent);border-color:var(--journey-accent);color:#fff;box-shadow:0 5px 14px #214d3f24;font-weight:700}.builder-steps button:disabled[b-jajbpj6ugl]{opacity:.55;cursor:not-allowed}.builder-steps button:hover:not(:disabled)[b-jajbpj6ugl]{transform:translateY(-2px)}
.journey-step-heading[b-jajbpj6ugl]{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:1rem;padding:1.4rem;border:1px solid var(--journey-tint);border-inline-start:4px solid var(--journey-accent);border-radius:18px;background:linear-gradient(110deg,#ffffffd9,var(--journey-tint));animation:step-enter-b-jajbpj6ugl .35s ease-out}
.journey-step-heading[b-jajbpj6ugl]::after{content:"";position:absolute;inset-inline-end:-45px;top:-75px;width:240px;height:240px;border:1px solid var(--journey-accent);border-radius:38px;transform:rotate(35deg);opacity:.09;box-shadow:0 0 0 22px var(--journey-accent),0 0 0 45px var(--journey-tint);z-index:-1;pointer-events:none}
.journey-step-number[b-jajbpj6ugl]{display:grid;place-items:center;flex:0 0 62px;height:62px;font-size:1.55rem;font-weight:700;background:var(--journey-accent);color:white;border-radius:18px;box-shadow:0 6px 12px #244a3920}.journey-step-heading h3[b-jajbpj6ugl]{color:var(--journey-accent);margin:0 0 .4rem;font-weight:700}.journey-step-heading p[b-jajbpj6ugl]{color:#405956;margin:0}
.journey-navigation[b-jajbpj6ugl]{padding:1rem;border:1px solid #d7e2db;border-radius:14px;background:#ffffffdc;box-shadow:0 6px 18px #244a3908}.journey-navigation>span[b-jajbpj6ugl]{background:var(--journey-tint);color:var(--journey-accent);padding:.5rem .9rem;border-radius:30px;font-weight:600}.journey-navigation .btn-primary[b-jajbpj6ugl]{background:var(--journey-accent);border-color:var(--journey-accent);color:white;box-shadow:0 5px 12px #244a3920}
.template-picker-heading[b-jajbpj6ugl]{background:linear-gradient(110deg,#fff6e3,#e3f3eb)}.builder-audience-picker[b-jajbpj6ugl]{border-top:3px solid var(--journey-accent)}
@media(max-width:900px){.builder-steps[b-jajbpj6ugl]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.builder-steps[b-jajbpj6ugl]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.45rem}.builder-steps button[b-jajbpj6ugl]{font-size:.9rem;padding:.55rem}.journey-step-heading[b-jajbpj6ugl]{padding:1rem;gap:.7rem;align-items:start}.journey-step-number[b-jajbpj6ugl]{flex-basis:42px;height:42px;font-size:1.2rem;border-radius:12px}.journey-step-heading h3[b-jajbpj6ugl]{font-size:1.1rem}.journey-navigation[b-jajbpj6ugl]{gap:.6rem;padding:.75rem}}
@media(prefers-reduced-motion:reduce){.journey-step-heading[b-jajbpj6ugl]{animation:none}.builder-steps button[b-jajbpj6ugl]{transition:none}.builder-steps button:hover:not(:disabled)[b-jajbpj6ugl]{transform:none}}
/* _content/Starterkit/Observatory/Components/IndicatorCardSizePicker.razor.rz.scp.css */
.card-size-picker[b-zxkh55dgc3]{min-width:0;padding:1rem;margin-block:1rem;background:#fff;border:1px solid #cbded5;border-radius:14px;color:#244e43}
.size-fields[b-zxkh55dgc3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.size-fields fieldset[b-zxkh55dgc3]{min-width:0;border:0;margin:0;padding:0}.size-fields legend[b-zxkh55dgc3]{float:none;width:auto;font-size:1rem;font-weight:600;margin-bottom:.6rem}
.size-choices[b-zxkh55dgc3]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.size-choice[b-zxkh55dgc3]{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:.4rem;padding:.65rem .3rem;margin:0;border:1px solid #d4e2dc;border-radius:10px;background:#fff;cursor:pointer;font-size:.8rem;text-align:center;transition:background .18s,border-color .18s}
.size-choice.is-selected[b-zxkh55dgc3]{background:#e3f2e9;border-color:#287761;box-shadow:inset 0 0 0 1px #287761}.size-choice:has(input:disabled)[b-zxkh55dgc3]{opacity:.45;cursor:not-allowed}.size-choice:focus-within[b-zxkh55dgc3]{outline:3px solid #70b8a2;outline-offset:2px}.size-choice input[b-zxkh55dgc3]{position:absolute;top:.45rem;inset-inline-end:.4rem;width:13px;height:13px;margin:0;accent-color:#245f50}
.size-icon[b-zxkh55dgc3]{display:flex;align-items:stretch;gap:3px;width:56px;height:35px;padding:4px;border:1px solid #c8d9d1;border-radius:4px;margin-top:.7rem;background:#f5f8f6}.size-icon i[b-zxkh55dgc3]{display:block;background:#e0e9e4;border-radius:2px;flex:1}.width-icon i:first-child[b-zxkh55dgc3]{background:#3a816b}.width-half i:first-child[b-zxkh55dgc3]{flex:2}.width-full i:first-child[b-zxkh55dgc3]{flex:1}.width-full i:not(:first-child)[b-zxkh55dgc3]{display:none}.height-icon[b-zxkh55dgc3]{align-items:end}.height-icon i[b-zxkh55dgc3]{background:#3a816b}.height-short i[b-zxkh55dgc3]{height:35%}.height-medium i[b-zxkh55dgc3]{height:65%}.height-tall i[b-zxkh55dgc3]{height:100%}
.placement-heading[b-zxkh55dgc3]{display:flex;justify-content:space-between;gap:.5rem;margin:1rem 0 .6rem;font-size:.85rem}.placement-heading span[b-zxkh55dgc3]{color:#61776e}.placement-board[b-zxkh55dgc3]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;align-items:start;padding:.75rem;background:#f3f7f5;border:1px dashed #c3d8cc;border-radius:12px;max-height:300px;overflow:auto}
.placement-focus[b-zxkh55dgc3]{min-width:0;overflow:hidden;border:2px solid #34846b;border-radius:8px;background:#fff;padding:.45rem;box-shadow:0 3px 10px #244e4315;transition:height .2s}.placement-focus>strong[b-zxkh55dgc3]{font-size:.72rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.placement-width-third[b-zxkh55dgc3]{grid-column:span 2}.placement-width-half[b-zxkh55dgc3]{grid-column:span 3}.placement-width-full[b-zxkh55dgc3]{grid-column:span 6}.placement-height-short[b-zxkh55dgc3]{height:88px}.placement-height-medium[b-zxkh55dgc3]{height:124px}.placement-height-tall[b-zxkh55dgc3]{height:170px}.placement-sample[b-zxkh55dgc3]{height:calc(100% - 20px);overflow:hidden;pointer-events:none}.placement-sample[b-zxkh55dgc3]  .obs-viz-sample,.placement-sample[b-zxkh55dgc3]  .fixed-sample{width:100%;height:100%;min-height:0}
.placement-ghost[b-zxkh55dgc3]{grid-column:span 2;height:88px;padding:.8rem;border:1px solid #dfe8e3;border-radius:8px;background:#fff;opacity:.45;display:grid;gap:.5rem;align-content:start}.placement-ghost span[b-zxkh55dgc3],.placement-ghost i[b-zxkh55dgc3]{height:8px;background:#d6e2dc;border-radius:4px}.placement-ghost span[b-zxkh55dgc3]{width:60%;height:12px}.size-help[b-zxkh55dgc3]{font-size:.8rem;color:#61776e;line-height:1.7;margin:.65rem 0 0}
@media(max-width:600px){.size-fields[b-zxkh55dgc3]{grid-template-columns:1fr}.card-size-picker[b-zxkh55dgc3]{padding:.7rem}}@media(prefers-reduced-motion:reduce){.size-choice[b-zxkh55dgc3],.placement-focus[b-zxkh55dgc3]{transition:none}}

.card-size-picker.is-compact .size-fields[b-zxkh55dgc3]{grid-template-columns:1fr;gap:.75rem}.card-size-picker.is-compact[b-zxkh55dgc3]{padding:.8rem}.is-compact .size-choice[b-zxkh55dgc3]{padding:.45rem .2rem}.is-compact .size-icon[b-zxkh55dgc3]{height:28px}
/* _content/Starterkit/Observatory/Components/IndicatorDataMap.razor.rz.scp.css */
.indicator-data-map[b-43wm2d3ck4]{display:grid;gap:1rem}.map-source[b-43wm2d3ck4]{display:flex;gap:1rem;flex-wrap:wrap;background:#f0f7f4;padding:1rem;border-radius:12px}.indicator-data-map details[b-43wm2d3ck4]{border:1px solid #d7e4de;border-radius:12px;padding:1rem}.indicator-data-map summary[b-43wm2d3ck4]{cursor:pointer;font-weight:700}.indicator-data-map article[b-43wm2d3ck4]{margin-top:1rem;padding-top:1rem;border-top:1px solid #e3ebe6}.map-scroll[b-43wm2d3ck4]{max-height:420px;overflow:auto}.map-scroll table[b-43wm2d3ck4]{min-width:520px}.map-total[b-43wm2d3ck4]{background:#edf6f1}.indicator-data-map h5[b-43wm2d3ck4]{font-size:1rem}
.indicator-data-map[b-43wm2d3ck4]{grid-template-columns:minmax(0,1fr);min-width:0}.indicator-data-map>details[b-43wm2d3ck4],.indicator-data-map article[b-43wm2d3ck4],.map-scroll[b-43wm2d3ck4]{min-width:0;max-width:100%}
.map-inputs[b-43wm2d3ck4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:1rem;align-items:start}
.map-inputs>article[b-43wm2d3ck4]{border:1px solid #e3ebe6;border-radius:10px;padding:1rem;min-width:0}
@media print{.map-inputs[b-43wm2d3ck4]{display:block}.map-scroll[b-43wm2d3ck4]{max-height:none;overflow:visible}}
.map-heading[b-43wm2d3ck4]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:linear-gradient(110deg,#edf5ef,#f8f7f0);border:1px solid #d3e2d9;border-radius:14px}.map-eyebrow[b-43wm2d3ck4]{font-size:.8rem;color:#647d73}.map-heading h4[b-43wm2d3ck4]{margin:6px 0 0}.map-period[b-43wm2d3ck4]{display:grid;gap:4px;text-align:end}.map-period span[b-43wm2d3ck4]{font-size:.8rem;color:#62766c}.map-source[b-43wm2d3ck4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:none;padding:0;font-size:.87rem}.map-source>span[b-43wm2d3ck4]{padding:10px 14px;border-inline-start:2px solid #d5e3db}.map-source strong[b-43wm2d3ck4]{display:block;margin-top:4px}.map-note[b-43wm2d3ck4]{margin:0;font-size:.84rem;color:#526c63}.map-axis-tabs[b-43wm2d3ck4]{display:flex;flex-wrap:wrap;gap:7px;padding-block:10px;border-bottom:1px solid #d8e4de}.map-axis-tabs button[b-43wm2d3ck4]{border:1px solid #ccdfd6;border-radius:10px;background:white;padding:9px 13px;color:#214e42;font:inherit;font-size:.88rem}.map-axis-tabs button span[b-43wm2d3ck4]{display:inline-grid;place-items:center;min-width:24px;margin-inline-start:7px;border-radius:7px;background:#edf4ef;color:#395f52}.map-axis-tabs button.is-active[b-43wm2d3ck4]{background:#245f50;color:white;border-color:#245f50}.map-axis>header[b-43wm2d3ck4]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.map-axis>header span[b-43wm2d3ck4]{font-size:.84rem;color:#647a70}.map-inputs[b-43wm2d3ck4]{gap:10px}.map-inputs>.map-input[b-43wm2d3ck4]{margin:0;padding:0;overflow:hidden;background:#fff;border:1px solid #d5e2dc}.map-input>summary[b-43wm2d3ck4]{padding:13px 15px;font-size:.91rem;line-height:1.7;background:#f5f8f5}.map-input[open]>summary[b-43wm2d3ck4]{border-bottom:1px solid #d5e2dc}.map-input>p[b-43wm2d3ck4]{padding:14px;color:#60796e}.map-input .map-scroll[b-43wm2d3ck4]{padding:10px}.map-input table[b-43wm2d3ck4]{font-size:.84rem}.map-axis-tabs button:focus-visible[b-43wm2d3ck4]{outline:3px solid #b99c62;outline-offset:2px}
@media(max-width:640px){.map-heading[b-43wm2d3ck4]{align-items:start;flex-direction:column}.map-period[b-43wm2d3ck4]{text-align:start}.map-source[b-43wm2d3ck4]{grid-template-columns:1fr}.map-inputs[b-43wm2d3ck4]{grid-template-columns:1fr}}
@media print{.map-axis-tabs[b-43wm2d3ck4]{display:none}}
/* _content/Starterkit/Observatory/Components/IndicatorEntityComparisonVisual.razor.rz.scp.css */
.entity-comparison[b-0ng8l5eet0]{display:grid;gap:12px;min-width:0;font-size:var(--board-font,18px);line-height:1.8}
.entity-comparison header[b-0ng8l5eet0],.entity-comparison-row>div[b-0ng8l5eet0]{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}
.entity-comparison p[b-0ng8l5eet0],.entity-comparison small[b-0ng8l5eet0]{color:var(--board-muted,#5c6e70);font-size:1em;margin:0;overflow-wrap:anywhere}
.entity-comparison header span[b-0ng8l5eet0]{font-size:1em}
.entity-comparison-row[b-0ng8l5eet0]{display:grid;gap:7px;padding:10px 0;border-bottom:1px solid var(--board-border,#e4ebeb)}
.entity-comparison-row strong[b-0ng8l5eet0]{overflow-wrap:anywhere}
.entity-comparison-row span[b-0ng8l5eet0]{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.entity-comparison meter[b-0ng8l5eet0]{width:100%;height:12px;appearance:none;border:0;border-radius:6px;background:#e5ece9}
.entity-comparison meter[b-0ng8l5eet0]::-webkit-meter-bar{height:100%;border:0;border-radius:6px;background:#e5ece9}
.entity-comparison meter[b-0ng8l5eet0]::-webkit-meter-optimum-value{background:var(--board-primary,#0b6c65)}
.entity-comparison meter[b-0ng8l5eet0]::-moz-meter-bar{background:var(--board-primary,#0b6c65)}
/* _content/Starterkit/Observatory/Components/IndicatorFixedDisplayEditor.razor.rz.scp.css */
.fixed-editor-layout[b-9hpto53aik]{display:grid;grid-template-columns:minmax(210px,27%) minmax(0,1fr);gap:1rem;margin-top:1rem}.fixed-editor-layout nav[b-9hpto53aik]{display:flex;flex-direction:column;align-self:start;gap:.5rem;max-height:75vh;overflow:auto;padding:.5rem}.fixed-editor-layout nav button[b-9hpto53aik]{text-align:start;white-space:normal}.fixed-editor-layout nav small[b-9hpto53aik]{display:block}.fixed-display-settings[b-9hpto53aik]{border:1px solid #d0e0da;border-radius:16px;padding:1rem;margin-bottom:1rem;background:#f8fbfa;min-width:0}.fixed-type-options[b-9hpto53aik]{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.5rem}.fixed-type-options button[b-9hpto53aik]{display:flex;flex-direction:column;white-space:normal;gap:.5rem;text-align:start}.fixed-type-options button>span[b-9hpto53aik]{font-size:1.8rem}.fixed-size-options[b-9hpto53aik]{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end;margin:1rem 0}.fixed-size-options label[b-9hpto53aik]{flex:1;min-width:110px}.fixed-type-options button[aria-pressed=true][b-9hpto53aik],.fixed-editor-layout nav button[aria-pressed=true][b-9hpto53aik]{background:#205f50;color:white;border-color:#205f50}.fixed-type-options button:disabled[b-9hpto53aik]{opacity:.45}@media(max-width:800px){.fixed-editor-layout[b-9hpto53aik]{grid-template-columns:1fr}.fixed-editor-layout nav[b-9hpto53aik]{max-height:230px}.fixed-type-options[b-9hpto53aik]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.fixed-display-editor[b-9hpto53aik]{font-size:18px;line-height:1.8}
.fixed-display-editor .form-control[b-9hpto53aik],.fixed-display-editor .form-select[b-9hpto53aik]{font-size:16px}
/* Separate navigation, settings and preview without increasing screen height. */
.fixed-editor-heading[b-9hpto53aik]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}
.fixed-editor-heading>div[b-9hpto53aik]{flex:1 1 320px;min-width:0}
.fixed-editor-heading h3[b-9hpto53aik]{margin:0;font-size:22px;font-weight:700}
.fixed-editor-search[b-9hpto53aik]{flex:0 1 270px;min-width:0;margin:0}
.fixed-editor-search input[b-9hpto53aik]{margin-top:.35rem;background:#fff}
.fixed-editor-layout[b-9hpto53aik]{gap:1.1rem;align-items:start}
.fixed-editor-layout nav[b-9hpto53aik]{background:#f8faf7;border:1px solid #c7d8ce;border-radius:14px;padding:.65rem;scrollbar-width:thin}
.fixed-editor-layout nav>strong[b-9hpto53aik]{font-size:18px}
.fixed-editor-layout nav>strong[b-9hpto53aik],.fixed-editor-layout nav>button[b-9hpto53aik]{flex-shrink:0;min-width:0;overflow-wrap:anywhere}
.fixed-editor-layout nav button[b-9hpto53aik]{font-size:18px;height:auto;padding:.7rem .8rem;align-items:flex-start;flex-direction:column;gap:.2rem;line-height:1.6}
.fixed-editor-layout nav small[b-9hpto53aik]{font-size:16px;opacity:.8}
.fixed-editor-selection[b-9hpto53aik]{min-width:0}
.fixed-editor-layout>div[b-9hpto53aik]{min-width:0;max-width:100%}
.fixed-display-settings[b-9hpto53aik]{max-width:100%;overflow-wrap:anywhere}
@media(max-width:800px){.fixed-editor-layout[b-9hpto53aik]{grid-template-columns:minmax(0,1fr)}}
.fixed-editor-selection>h4[b-9hpto53aik]{margin-top:0}
.fixed-editor-selection>p[b-9hpto53aik]{font-size:18px;color:#526c61;line-height:1.7;margin-block:.65rem}
.fixed-visibility[b-9hpto53aik]{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border:1px solid #ccdcd2;border-radius:10px}
.fixed-type-options[b-9hpto53aik]{gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.fixed-type-options button[b-9hpto53aik]{font-size:18px;line-height:1.7;padding:.7rem;justify-content:flex-start;min-width:0}
.fixed-type-options small[b-9hpto53aik]{font-size:16px;line-height:1.65}
.fixed-display-settings>small[b-9hpto53aik]{font-size:16px;line-height:1.8;display:block;padding:.65rem .8rem;border-inline-start:3px solid #b49b6d;background:#faf8f2;border-radius:8px;color:#586c63}
.fixed-size-options[b-9hpto53aik]{padding:.85rem;background:#f3f7f3;border:1px solid #dce6df;border-radius:12px}
@media(max-width:800px){.fixed-editor-heading>div[b-9hpto53aik],.fixed-editor-search[b-9hpto53aik]{flex-basis:100%}.fixed-editor-layout nav[b-9hpto53aik]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;max-height:260px}.fixed-editor-layout nav>strong[b-9hpto53aik]{grid-column:1/-1}}
@media(max-width:420px){.fixed-type-options[b-9hpto53aik]{grid-template-columns:1fr}.fixed-editor-layout nav[b-9hpto53aik]{grid-template-columns:1fr}}

/* Axis headings lead the hierarchy; selection stays softer than its heading. */
.fixed-editor-layout nav>strong[b-9hpto53aik]{background:linear-gradient(110deg,#245f50,#194b40)!important;color:#fff!important;border:1px solid #245f50!important;border-inline-start:4px solid #719c89!important;border-radius:10px;padding:.65rem .8rem}
.fixed-editor-layout nav button.obs-text-button[b-9hpto53aik]{background:#fff!important;color:#173f42!important}
.fixed-editor-layout nav button.obs-text-button[aria-pressed=true][b-9hpto53aik]{background:#dceee4!important;color:#194b40!important;border-color:#84b39c!important;box-shadow:inset 3px 0 0 #4b8d70!important}
.fixed-editor-layout nav button.obs-text-button[aria-pressed=true] small[b-9hpto53aik]{color:#365f4d;opacity:1}
/* _content/Starterkit/Observatory/Components/IndicatorGenderVisual.razor.rz.scp.css */
.gender-display[b-lm3w2oerxo]{min-width:0;font-size:var(--board-font,18px);line-height:1.8}.gender-rule[b-lm3w2oerxo]{font-size:1em;line-height:1.8;color:#526a66;margin:0 0 1rem}.gender-results[b-lm3w2oerxo]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}.gender-result[b-lm3w2oerxo]{min-width:0;border:1px solid #d9e5e0;border-radius:12px;padding:1rem;background:#f8fbfa}.gender-result header[b-lm3w2oerxo]{display:flex;flex-direction:column;gap:.4rem;line-height:1.7}.gender-result header span[b-lm3w2oerxo],.gender-result small[b-lm3w2oerxo]{color:#526a66;font-size:1em}.gender-share[b-lm3w2oerxo]{flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:1rem 0}.gender-share strong[b-lm3w2oerxo]{font-size:2em;font-variant-numeric:tabular-nums}.gender-display meter[b-lm3w2oerxo]{width:100%;height:16px;accent-color:var(--board-primary,#0b6c65)}.gender-bar[b-lm3w2oerxo]{display:flex;direction:rtl;height:20px;border-radius:6px;overflow:hidden;background:#e5ece9;margin-top:1rem}.gender-female[b-lm3w2oerxo],.female-key[b-lm3w2oerxo]{background:var(--board-primary,#0b6c65)}.gender-male[b-lm3w2oerxo],.male-key[b-lm3w2oerxo]{background:var(--board-secondary,#b48a45)}.gender-result dl[b-lm3w2oerxo]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0}.gender-result dt[b-lm3w2oerxo]{overflow-wrap:anywhere;font-size:1em}.gender-result dd[b-lm3w2oerxo]{font-size:1.25em;margin:.5rem 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.gender-result dt i[b-lm3w2oerxo]{display:inline-block;width:9px;height:9px;border-radius:2px;margin-inline-end:4px}.gender-unavailable[b-lm3w2oerxo]{background:#fff6e7;color:#694b1e;line-height:1.8;padding:.65rem;border-radius:8px;margin:1rem 0}@media(max-width:550px){.gender-result[b-lm3w2oerxo]{padding:.8rem}.gender-share strong[b-lm3w2oerxo]{font-size:1.8em}}
.gender-display meter[b-lm3w2oerxo]::-webkit-meter-bar{height:100%;border:0;border-radius:6px;background:#e5ece9}
.gender-display meter[b-lm3w2oerxo]::-webkit-meter-optimum-value{background:var(--board-primary,#0b6c65)}
.gender-display meter[b-lm3w2oerxo]::-moz-meter-bar{background:var(--board-primary,#0b6c65)}
/* _content/Starterkit/Observatory/Components/IndicatorManualEditor.razor.rz.scp.css */
.manual-editor header[b-ck7eg02jed],.manual-dialog header[b-ck7eg02jed]{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.manual-editor small[b-ck7eg02jed]{font-size:.85rem;color:#61776e}.manual-grid[b-ck7eg02jed],.manual-gallery[b-ck7eg02jed]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1rem}.manual-actions[b-ck7eg02jed]{display:flex;gap:.8rem;padding:.7rem}.manual-overlay[b-ck7eg02jed]{position:fixed;inset:0;z-index:1060;background:#132f2baa;display:flex;align-items:center;justify-content:center;padding:1rem}.manual-dialog[b-ck7eg02jed]{background:#f8fbfa;border-radius:20px;padding:1.5rem;width:min(1160px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 80px #0018}.manual-dialog nav[b-ck7eg02jed]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.manual-dialog button[b-ck7eg02jed]{border:1px solid #c8dad3;border-radius:9px;padding:.6rem 1rem;background:white;color:#244e43}.manual-dialog button[aria-pressed=true][b-ck7eg02jed]{background:#245f50;color:white}.manual-type[b-ck7eg02jed]{display:flex;flex-direction:column;gap:.7rem;text-align:start;min-height:185px}.manual-type:hover[b-ck7eg02jed]{border-color:#24786b;background:#edf6f1}.manual-glyph[b-ck7eg02jed]{font-size:2.2rem;color:#24786b}.manual-edit-grid[b-ck7eg02jed]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.manual-form[b-ck7eg02jed]{display:grid;gap:.8rem}.manual-form label[b-ck7eg02jed]{display:grid;gap:.4rem}.manual-form fieldset[b-ck7eg02jed]{border:1px solid #d5e2dd;padding:1rem;border-radius:12px;display:grid;gap:.5rem}.manual-form legend[b-ck7eg02jed]{font-size:1rem}.manual-edit-grid aside[b-ck7eg02jed]{min-width:0;position:sticky;top:0;align-self:start}@media(max-width:700px){.manual-edit-grid[b-ck7eg02jed]{grid-template-columns:1fr}.manual-dialog[b-ck7eg02jed]{padding:1rem}.manual-overlay[b-ck7eg02jed]{padding:.4rem}.manual-edit-grid aside[b-ck7eg02jed]{position:static}}
.manual-gallery-dialog[b-ck7eg02jed]{width:min(1400px,100%)}
.manual-gallery-search[b-ck7eg02jed]{display:grid;gap:.5rem;margin-bottom:1rem;max-width:34rem}
.manual-gallery-layout[b-ck7eg02jed]{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.25rem;align-items:start}
.manual-gallery[b-ck7eg02jed]{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));max-height:58vh;overflow:auto;padding:4px;align-content:start}
.manual-dialog .manual-type[b-ck7eg02jed]{padding:1rem;min-height:220px;gap:.6rem;border-radius:14px;justify-content:flex-start;background:white;color:#244e43}
.manual-dialog .manual-type.is-selected[b-ck7eg02jed]{background:#edf6f1;border:2px solid #245f50;padding:calc(1rem - 1px);box-shadow:0 2px 8px #183d3812}
.manual-type[b-ck7eg02jed]  .obs-viz-sample{width:100%;min-height:130px}
.manual-choice[b-ck7eg02jed]{display:grid;gap:.8rem;background:white;border:1px solid #c8dad3;border-radius:14px;padding:1.25rem;position:sticky;top:0}
.manual-choice[b-ck7eg02jed]  .obs-viz-sample{width:100%;min-height:160px}
.manual-form-hint[b-ck7eg02jed]{padding:1rem;background:#edf6f1;border-radius:12px;color:#365e50}
.manual-row-actions[b-ck7eg02jed]{display:flex;gap:.5rem;flex-wrap:wrap}
.manual-edit-grid aside[b-ck7eg02jed]{max-height:75vh;overflow:auto}
@media(max-width:850px){.manual-gallery-layout[b-ck7eg02jed]{grid-template-columns:1fr}.manual-choice[b-ck7eg02jed]{position:static}.manual-gallery[b-ck7eg02jed]{max-height:45vh}.manual-edit-grid[b-ck7eg02jed]{grid-template-columns:1fr}.manual-edit-grid aside[b-ck7eg02jed]{position:static;max-height:none}}

.manual-field-help[b-ck7eg02jed]{margin:0;color:#526e65;font-size:.9rem;line-height:1.8;font-weight:400}.manual-form-hint[b-ck7eg02jed]{line-height:1.9}
.manual-editor[b-ck7eg02jed]{display:flow-root;margin-bottom:1.25rem}
.manual-grid[b-ck7eg02jed]{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}
.manual-card-slot[b-ck7eg02jed]{min-width:0;display:flex;flex-direction:column;gap:.4rem}
.manual-width-third[b-ck7eg02jed]{grid-column:span 2}.manual-width-half[b-ck7eg02jed]{grid-column:span 3}.manual-width-full[b-ck7eg02jed]{grid-column:span 6}
.manual-actions[b-ck7eg02jed]{position:relative;display:flex;flex-wrap:wrap;gap:.65rem;padding:.65rem .2rem;align-items:center;min-height:52px}
@media(max-width:1000px){.manual-width-third[b-ck7eg02jed]{grid-column:span 3}}
@media(max-width:650px){.manual-card-slot[b-ck7eg02jed]{grid-column:span 6}}
.manual-form fieldset[b-ck7eg02jed]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.manual-form fieldset>legend[b-ck7eg02jed],.manual-form fieldset>.manual-row-actions[b-ck7eg02jed]{grid-column:1/-1}
.manual-form fieldset>label[b-ck7eg02jed]{min-width:0}.manual-form fieldset .form-control[b-ck7eg02jed]{min-width:0;width:100%}
@media(max-width:600px){.manual-form fieldset[b-ck7eg02jed]{grid-template-columns:1fr}}
/* _content/Starterkit/Observatory/Components/IndicatorManualVisual.razor.rz.scp.css */
.manual-visual[b-dzmokwyvbw]{background:white;border:1px solid #dce5e3;border-radius:16px;padding:1.25rem;min-width:0;color:#23453e;display:flex;flex-direction:column;box-sizing:border-box}
.manual-visual h4[b-dzmokwyvbw]{font-size:1.1rem;overflow-wrap:anywhere}
.manual-number[b-dzmokwyvbw]{font-size:2.7rem;display:block;margin:1rem 0;overflow-wrap:anywhere}
.manual-number small[b-dzmokwyvbw]{font-size:1rem}
.manual-visual progress[b-dzmokwyvbw]{width:100%;accent-color:#24786b;height:16px}
.manual-visual footer[b-dzmokwyvbw]{border-top:1px solid #e7eeeb;margin-top:1rem;padding-top:.8rem;font-size:.85rem;overflow-wrap:anywhere}
.manual-visual footer a[b-dzmokwyvbw]{margin-inline-start:1rem}
.manual-description[b-dzmokwyvbw]{white-space:pre-wrap;overflow-wrap:anywhere;max-height:var(--manual-content-limit);overflow:auto}
.manual-scroll[b-dzmokwyvbw]{overflow:auto;max-height:var(--manual-content-limit);margin-top:.5rem}
.manual-visual table[b-dzmokwyvbw]{width:100%;border-collapse:collapse}
.manual-visual td[b-dzmokwyvbw],.manual-visual th[b-dzmokwyvbw]{padding:.7rem;text-align:start;border-bottom:1px solid #edf1ef}
.manual-slicer[b-dzmokwyvbw]{display:flex;gap:.5rem;flex-wrap:wrap;max-height:var(--manual-content-limit);overflow:auto}
.manual-values[b-dzmokwyvbw]{margin-top:1rem}
.manual-values summary[b-dzmokwyvbw]{cursor:pointer;padding:.7rem;color:#245f50}
.manual-incomplete[b-dzmokwyvbw]{display:grid;gap:.7rem;min-height:180px;align-content:center;text-align:center;background:#f3f8f6;padding:1rem;border-radius:12px;color:#536d62}
.manual-note[b-dzmokwyvbw]{font-size:.85rem;color:#60756b}
.manual-content[b-dzmokwyvbw]{min-width:0}
.manual-content:focus-visible[b-dzmokwyvbw]{outline:2px solid #287e72;outline-offset:2px}
.manual-height-short[b-dzmokwyvbw]{--manual-content-limit:240px}.manual-height-medium[b-dzmokwyvbw]{--manual-content-limit:360px}.manual-height-tall[b-dzmokwyvbw]{--manual-content-limit:520px}
.manual-visual footer[b-dzmokwyvbw]{flex-shrink:0}
.manual-content[b-dzmokwyvbw]  .manual-chart-host{min-width:0;max-width:100%}
.manual-content[b-dzmokwyvbw]  .apexcharts-legend-text{overflow-wrap:anywhere}
@media(max-width:650px){.manual-visual[b-dzmokwyvbw]{padding:.75rem}.manual-visual td[b-dzmokwyvbw],.manual-visual th[b-dzmokwyvbw]{padding:.45rem;overflow-wrap:anywhere}.manual-visual h4[b-dzmokwyvbw]{line-height:1.7}.manual-note[b-dzmokwyvbw]{overflow-wrap:anywhere}}
@media print{.manual-visual[b-dzmokwyvbw]{height:auto}.manual-content[b-dzmokwyvbw],.manual-description[b-dzmokwyvbw],.manual-slicer[b-dzmokwyvbw],.manual-scroll[b-dzmokwyvbw],.manual-visual footer[b-dzmokwyvbw]{overflow:visible;max-height:none}}
/* _content/Starterkit/Observatory/Components/IndicatorProjectsWorkspace.razor.rz.scp.css */
.indicator-workspace[b-2ev8mzp58z]{--ink:#183d38;--line:#d7e6e1;--soft:#f3f8f6;color:var(--ink);padding:1rem 0}.indicator-workspace header[b-2ev8mzp58z],.selection-toolbar[b-2ev8mzp58z],footer[b-2ev8mzp58z]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}h2[b-2ev8mzp58z],h3[b-2ev8mzp58z],h4[b-2ev8mzp58z],h5[b-2ev8mzp58z]{color:var(--ink)}header p[b-2ev8mzp58z],.hint[b-2ev8mzp58z],.indicator-card p[b-2ev8mzp58z]{color:#5e716d}.eyebrow[b-2ev8mzp58z]{font-size:.8rem;color:#526e64}.search[b-2ev8mzp58z]{display:block;max-width:32rem;flex:1;min-width:15rem}.search input[b-2ev8mzp58z],.name-field input[b-2ev8mzp58z]{margin-top:.5rem}.name-field[b-2ev8mzp58z]{display:block;max-width:44rem;margin:1.5rem 0}.indicator-grid[b-2ev8mzp58z]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.indicator-card[b-2ev8mzp58z]{padding:1.5rem;border:1px solid var(--line);border-top:4px solid #397868;border-radius:12px;background:white}.indicator-card h3[b-2ev8mzp58z]{font-size:1.2rem;margin:.8rem 0;overflow-wrap:anywhere}.steps[b-2ev8mzp58z]{display:flex;gap:1rem;padding:1rem;background:var(--soft);border-radius:10px}.steps button[b-2ev8mzp58z],.chip[b-2ev8mzp58z]{border:1px solid var(--line);background:white;border-radius:8px;padding:.5rem .8rem;color:var(--ink)}.steps button[aria-current=step][b-2ev8mzp58z],.chip[aria-pressed=true][b-2ev8mzp58z]{background:#285e50;color:white}.template-accordion[b-2ev8mzp58z]{border:1px solid var(--line);border-radius:12px;margin:1rem 0;background:white}.template-accordion summary[b-2ev8mzp58z]{padding:1.1rem;cursor:pointer;font-weight:600}.template-accordion summary span[b-2ev8mzp58z]{float:left;font-size:.85rem;font-weight:400}.axis-chips[b-2ev8mzp58z]{display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem;border-top:1px solid var(--line)}.input-choice[b-2ev8mzp58z]{padding:1rem 1.2rem;border-top:1px solid var(--line)}.input-choice.chosen[b-2ev8mzp58z]{background:var(--soft)}.input-choice>label[b-2ev8mzp58z]{display:flex;gap:.65rem;align-items:baseline;cursor:pointer}.input-choice>small[b-2ev8mzp58z]{display:block;margin:.5rem 1.6rem;color:#526e64}.components[b-2ev8mzp58z]{margin:1rem 1.5rem 0;padding-top:.75rem;border-top:1px dashed #b1c9c0;display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.components p[b-2ev8mzp58z],.components>small[b-2ev8mzp58z]{width:100%;margin:0}.component[b-2ev8mzp58z]{display:flex;gap:.4rem;align-items:center;background:white;border:1px solid var(--line);padding:.5rem .65rem;border-radius:6px;cursor:pointer}.map-heading[b-2ev8mzp58z]{text-align:center;padding:1.5rem;background:var(--soft);border-radius:12px;margin:1.5rem 0}.data-map[b-2ev8mzp58z]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.map-template[b-2ev8mzp58z]{border:1px solid var(--line);border-radius:12px;padding:1.2rem;min-width:0}.map-template>h4[b-2ev8mzp58z]{font-size:1.1rem;padding-bottom:1rem;border-bottom:2px solid #397868}.map-axis[b-2ev8mzp58z]{border-inline-start:2px solid #b5d3c6;padding-inline-start:1rem;margin:1.3rem 0}.map-axis h5[b-2ev8mzp58z]{font-size:1rem}.map-input[b-2ev8mzp58z]{padding:.75rem 0}.component-tags[b-2ev8mzp58z]{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.component-tags span[b-2ev8mzp58z]{font-size:.82rem;background:var(--soft);border:1px solid var(--line);padding:.25rem .5rem;border-radius:5px}.empty[b-2ev8mzp58z]{padding:2rem;background:var(--soft);text-align:center}footer[b-2ev8mzp58z]{margin:1.5rem 0;padding-top:1rem;border-top:1px solid var(--line)}input[type=checkbox][b-2ev8mzp58z]{accent-color:#285e50;width:1.05rem;height:1.05rem}button:focus-visible[b-2ev8mzp58z],summary:focus-visible[b-2ev8mzp58z]{outline:3px solid #dda72e;outline-offset:3px}@media(max-width:600px){.steps[b-2ev8mzp58z]{flex-direction:column}.data-map[b-2ev8mzp58z]{grid-template-columns:1fr}.components[b-2ev8mzp58z]{margin-inline:0}.template-accordion summary span[b-2ev8mzp58z]{float:none;display:block;margin-top:.5rem}}
.axis-chips .chip.obs-text-button[aria-pressed="true"][b-2ev8mzp58z],.axis-chips .chip.obs-text-button[aria-pressed="true"]:hover[b-2ev8mzp58z]{background:#285e50;border-color:#285e50;color:#fff;box-shadow:0 2px 5px #183d3820}
.input-choices[b-2ev8mzp58z]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:.75rem;padding:0 1rem 1rem;align-items:start}
.input-choices .input-choice[b-2ev8mzp58z]{min-width:0;border:1px solid var(--line);border-radius:10px;padding:.85rem 1rem;height:100%}
.input-choices .input-choice.chosen[b-2ev8mzp58z]{border-color:#79a793;box-shadow:inset -3px 0 #285e50}
.input-choice>label strong[b-2ev8mzp58z]{overflow-wrap:anywhere;font-weight:500;line-height:1.7}
.input-choice>label input[b-2ev8mzp58z]{flex:0 0 auto}
.input-choices .components[b-2ev8mzp58z]{margin-inline:0;gap:.45rem}
.indicator-grid[b-2ev8mzp58z] { grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); }
.indicator-card[b-2ev8mzp58z] { display: flex; flex-direction: column; min-width: 0; }
.indicator-card .eyebrow[b-2ev8mzp58z] { display: flex; align-items: center; gap: .4rem; }
.indicator-card .eyebrow i[b-2ev8mzp58z] { color: #397868; }
.indicator-card-actions[b-2ev8mzp58z] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-block-start: auto; padding-block-start: .5rem; }
.indicator-workspace .obs-action:is([data-obs-action="back"], [data-obs-action="previous"])[b-2ev8mzp58z] { --obs-action-bg: var(--obs-primary, #285e50); }
.indicator-workspace .obs-action[data-obs-action="next"][b-2ev8mzp58z] { --obs-action-bg: var(--obs-secondary, #b48a45); }
.input-choice > .input-axis[b-2ev8mzp58z] { margin: 0 0 .5rem; line-height: 1.6; overflow-wrap: anywhere; }
@media(max-width:600px){.input-choices[b-2ev8mzp58z]{grid-template-columns:1fr;padding-inline:.65rem}}

.map-heading[b-2ev8mzp58z]{background:#285e50;color:#fff;max-width:36rem;margin:1.5rem auto 0;border-radius:14px;padding:1.3rem;position:relative}
.map-heading h3[b-2ev8mzp58z],.map-heading .eyebrow[b-2ev8mzp58z]{color:#fff}.map-heading p[b-2ev8mzp58z]{margin-bottom:0;color:#e0eee7}
.map-caption[b-2ev8mzp58z]{text-align:center;color:#5e716d;font-size:.85rem;margin:1rem 0 1.5rem}
.data-map[b-2ev8mzp58z]{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start}
.map-template[b-2ev8mzp58z]{background:#fff;border-top:4px solid #7b9d88;box-shadow:0 3px 14px #183d3808}
.map-axis[b-2ev8mzp58z]{position:relative}.map-axis h5[b-2ev8mzp58z]{font-weight:600}
.map-input[b-2ev8mzp58z]{border-bottom:1px solid var(--line);padding:.6rem 0}.map-input:last-child[b-2ev8mzp58z]{border-bottom:0}
.map-input summary[b-2ev8mzp58z]{cursor:pointer;line-height:1.7;overflow-wrap:anywhere}.map-input summary small[b-2ev8mzp58z]{display:inline-block;color:#657a71;font-size:.75rem;margin-inline-start:.6rem}
.map-input[open][b-2ev8mzp58z]{padding-bottom:1rem}.map-input[open] summary[b-2ev8mzp58z]{color:#285e50;font-weight:600}
@media(max-width:600px){.data-map[b-2ev8mzp58z]{grid-template-columns:1fr}.map-template[b-2ev8mzp58z]{padding:1rem}}
/* _content/Starterkit/Observatory/Components/IndicatorUploadWorkspace.razor.rz.scp.css */
.indicator-upload[b-uw94f4wce0]{padding:1.25rem;border:1px solid #dce6e1;border-radius:16px;background:#fff}.intake-steps[b-uw94f4wce0]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.intake-steps span[b-uw94f4wce0]{padding:.65rem 1rem;border-radius:24px;background:#f1f4f2;color:#56655d}.intake-steps .active[b-uw94f4wce0]{background:#1f6450;color:white}.intake-actions[b-uw94f4wce0]{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0}.indicator-upload label[b-uw94f4wce0]{display:block;margin-bottom:.4rem}.replacement-confirm[b-uw94f4wce0]{background:#fff6df;padding:1rem;border-radius:10px}.indicator-upload fieldset[b-uw94f4wce0]{min-width:0}.indicator-upload h4[b-uw94f4wce0]{margin-bottom:1rem}
.quarter-heading[b-uw94f4wce0]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:24px;margin-bottom:.4rem}
.quarter-reset[b-uw94f4wce0]{border:0;background:transparent;padding:0 .25rem;color:#286b5a;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.quarter-chips[b-uw94f4wce0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}
.quarter-chip[b-uw94f4wce0]{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.65rem .4rem;border:1px solid #cbdcd7;border-radius:12px;background:#fff;color:#345d54;font:inherit;font-size:13px;font-weight:600;line-height:1.5;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.quarter-check[b-uw94f4wce0]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;font-size:12px;line-height:1}
.quarter-chip:hover:not(:disabled)[b-uw94f4wce0]{background:#eef8f4;border-color:#448774}
.quarter-chip.is-selected[b-uw94f4wce0]{background:#1f6450;border-color:#1f6450;color:#fff}
.quarter-chip.is-selected:hover:not(:disabled)[b-uw94f4wce0]{background:#184f3f}
.quarter-chip:disabled:not(.is-selected)[b-uw94f4wce0]{background:#f3f5f4;border-color:#e3e8e6;color:#89948f;cursor:not-allowed}
.quarter-chip.is-selected:disabled[b-uw94f4wce0]{cursor:default}
.quarter-chip:focus-visible[b-uw94f4wce0],.quarter-reset:focus-visible[b-uw94f4wce0]{outline:3px solid #36b596;outline-offset:3px}
.quarter-reset:disabled[b-uw94f4wce0]{opacity:.5;cursor:wait}
.quarter-hint[b-uw94f4wce0]{font-size:12px;line-height:1.8;color:#65786f;margin:.6rem 0 0}
@media(max-width:575px){.quarter-chips[b-uw94f4wce0]{grid-template-columns:repeat(2,minmax(0,1fr))}.quarter-chip[b-uw94f4wce0]{font-size:14px}}
@media(prefers-reduced-motion:reduce){.quarter-chip[b-uw94f4wce0]{transition:none}}


.period-modes[b-uw94f4wce0] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0 20px; }
.period-modes button[b-uw94f4wce0] { text-align:start; border:1px solid #cddfdb; background:#fff; color:#214741; border-radius:14px; padding:16px; }
.period-modes button strong[b-uw94f4wce0],.period-modes button span[b-uw94f4wce0] { display:block; }
.period-modes button span[b-uw94f4wce0] { font-size:.85rem; margin-top:6px; }
.period-modes button[aria-pressed="true"][b-uw94f4wce0] { border-color:#206454; background:#edf7f3; box-shadow:inset 0 0 0 1px #206454; }
.period-modes button:focus-visible[b-uw94f4wce0] { outline:3px solid #7ec9b5; outline-offset:3px; }
.period-modes button:disabled[b-uw94f4wce0] { cursor:default; }
.period-years[b-uw94f4wce0] { max-width:360px; font-variant-numeric:tabular-nums; letter-spacing:.06em; }
.period-summary[b-uw94f4wce0] { background:#f1f8f5; border-inline-start:3px solid #26705c; padding:14px 18px; margin:20px 0; border-radius:10px; }
.period-summary strong[b-uw94f4wce0] { display:block; margin:4px 0; text-align:right; }
.period-summary p[b-uw94f4wce0] { margin:0; font-size:.9rem; }
@media(max-width:480px) { .period-modes[b-uw94f4wce0] { grid-template-columns:1fr; } }
.file-detail-tabs[b-uw94f4wce0]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid #d0e0d7;padding-bottom:12px}.file-detail-tabs button[b-uw94f4wce0]{padding:11px 17px;border:1px solid #c8ddd2;border-radius:10px;background:#fff;color:#245444;font:inherit}.file-detail-tabs button.is-active[b-uw94f4wce0]{background:#245f50;color:white;border-color:#245f50}.file-detail-tabs button span[b-uw94f4wce0]{margin-inline-start:10px;font-size:.82rem}.file-detail-tabs button:focus-visible[b-uw94f4wce0]{outline:3px solid #b99c62;outline-offset:2px}
/* _content/Starterkit/Observatory/Components/IndicatorYearComparisonVisual.razor.rz.scp.css */
.year-comparison[b-536klt9l67]{display:grid;gap:12px;min-width:0;font-size:var(--board-font,18px);line-height:1.8}
.year-comparison header[b-536klt9l67],.year-heading[b-536klt9l67],.growth-detail[b-536klt9l67]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.year-comparison p[b-536klt9l67],.year-comparison small[b-536klt9l67]{color:var(--board-muted,#5c6e70);font-size:1em;margin:0;overflow-wrap:anywhere}
.year-comparison header span[b-536klt9l67]{font-size:1em}
.year-row[b-536klt9l67]{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--board-border,#e4ebeb)}
.year-heading strong[b-536klt9l67]{overflow-wrap:anywhere}
.year-heading span[b-536klt9l67],.growth-detail[b-536klt9l67]{font-variant-numeric:tabular-nums}
.growth-value[b-536klt9l67]{font-size:1.5em;color:var(--board-primary,#0b6c65)}
.growth-detail span[b-536klt9l67]{font-size:1em}
.year-comparison meter[b-536klt9l67]{width:100%;height:12px;appearance:none;border:0;border-radius:6px;background:#e5ece9}
.year-comparison meter[b-536klt9l67]::-webkit-meter-bar{height:100%;border:0;border-radius:6px;background:#e5ece9}
.year-comparison meter[b-536klt9l67]::-webkit-meter-optimum-value{background:var(--board-primary,#0b6c65)}
.year-comparison meter[b-536klt9l67]::-moz-meter-bar{background:var(--board-primary,#0b6c65)}
/* _content/Starterkit/Observatory/Components/LegacyComparisonWorkspace.razor.rz.scp.css */
.comparison-workspace[b-kzajtslk7m],
.comparison-message[b-kzajtslk7m],
.comparison-loading[b-kzajtslk7m] {
    --cmp-ink: #123d43;
    --cmp-muted: #526d72;
    --cmp-line: rgba(18, 61, 67, .13);
    --cmp-paper: #fbfdfc;
    --cmp-primary: var(--obs-primary, #145f65);
    --cmp-secondary: var(--obs-secondary, #b88935);
    --cmp-added: #13866f;
    --cmp-removed: #bd4354;
    --cmp-changed: #c18121;
    --cmp-unchanged: #657d83;
}

.comparison-workspace[b-kzajtslk7m] {
    display: grid;
    gap: 1.25rem;
    direction: rtl;
    color: var(--cmp-ink);
    font-family: inherit;
}

.comparison-message[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .9rem 1rem;
    border: 1px solid transparent;
    border-radius: .9rem;
    font-weight: 700;
}

.comparison-message span[b-kzajtslk7m] {
    flex: 1;
}

.comparison-message button[b-kzajtslk7m] {
    display: inline-grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;
    border-radius: .6rem;
    color: inherit;
    background: transparent;
}

.comparison-message.is-success[b-kzajtslk7m] {
    border-color: rgba(19, 134, 111, .25);
    color: #0d6d5b;
    background: #eef9f5;
}

.comparison-message.is-error[b-kzajtslk7m] {
    border-color: rgba(189, 67, 84, .24);
    color: #a63244;
    background: #fff1f3;
}

.comparison-loading[b-kzajtslk7m] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 9rem;
    padding: 1.5rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1.35rem;
    color: var(--cmp-ink);
    background: #fff;
}

.comparison-loading__signal[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    color: #fff;
    background: var(--cmp-primary);
    box-shadow: 0 .8rem 1.8rem rgba(20, 95, 101, .18);
}

.comparison-loading div[b-kzajtslk7m] {
    display: grid;
    gap: .25rem;
}

.comparison-loading strong[b-kzajtslk7m] {
    font-size: 1.08rem;
}

.comparison-loading span:not(.comparison-loading__signal):not(.comparison-loading__line)[b-kzajtslk7m] {
    color: var(--cmp-muted);
}

.comparison-loading__line[b-kzajtslk7m] {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    height: .22rem;
    background: linear-gradient(90deg, transparent, var(--cmp-secondary), var(--cmp-primary), transparent);
    animation: comparison-pulse-b-kzajtslk7m 1.6s ease-in-out infinite;
}

.comparison-hero[b-kzajtslk7m] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(22rem, .75fr);
    gap: 2rem;
    padding: clamp(1.5rem, 3vw, 2.75rem);
    border-radius: 1.65rem;
    color: #fff;
    background:
        radial-gradient(circle at 12% 15%, rgba(184, 137, 53, .22), transparent 28%),
        linear-gradient(125deg, #0a3439 0%, #145a60 58%, #173f44 100%);
    box-shadow: 0 1.3rem 3rem rgba(12, 57, 62, .14);
}

.comparison-hero[b-kzajtslk7m]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .3;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, .05) 0,
        rgba(255, 255, 255, .05) 1px,
        transparent 1px,
        transparent 24px);
}

.comparison-hero[b-kzajtslk7m]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset-inline-end: -5rem;
    inset-block-end: -7rem;
    width: 19rem;
    height: 19rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    box-shadow:
        0 0 0 2rem rgba(255, 255, 255, .025),
        0 0 0 5rem rgba(255, 255, 255, .018);
}

.comparison-hero__copy[b-kzajtslk7m] {
    align-self: center;
    max-width: 56rem;
}

.comparison-kicker[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .55rem;
    color: var(--cmp-secondary);
    font-size: .84rem;
    font-weight: 800;
}

.comparison-hero h2[b-kzajtslk7m] {
    margin: 0 0 .7rem;
    color: #fff;
    font-size: clamp(1.7rem, 2.5vw, 2.5rem);
    font-weight: 850;
    line-height: 1.38;
}

.comparison-hero p[b-kzajtslk7m] {
    max-width: 65ch;
    margin: 0;
    color: rgba(255, 255, 255, .74);
    font-size: 1rem;
    line-height: 1.9;
}

.comparison-hero__metrics[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

.comparison-hero__metrics article[b-kzajtslk7m] {
    display: grid;
    align-content: center;
    gap: .4rem;
    min-height: 8.5rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(8px);
}

.comparison-hero__metrics i[b-kzajtslk7m] {
    color: #e7c477;
}

.comparison-hero__metrics strong[b-kzajtslk7m] {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
}

.comparison-hero__metrics span[b-kzajtslk7m] {
    color: rgba(255, 255, 255, .64);
    font-size: .79rem;
}

.comparison-selector[b-kzajtslk7m],
.comparison-results[b-kzajtslk7m] {
    padding: clamp(1.1rem, 2.4vw, 1.8rem);
    border: 1px solid var(--cmp-line);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1rem 2.6rem rgba(18, 61, 67, .07);
}

.comparison-section-heading[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--cmp-line);
}

.comparison-section-heading > div[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.comparison-step[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border: 1px solid rgba(20, 95, 101, .15);
    border-radius: .85rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .06);
    font-size: .76rem;
    font-weight: 900;
}

.comparison-section-heading h2[b-kzajtslk7m] {
    margin: 0;
    color: var(--cmp-ink);
    font-size: 1.35rem;
    font-weight: 850;
}

.comparison-section-heading p[b-kzajtslk7m] {
    margin: .2rem 0 0;
    color: var(--cmp-muted);
    font-size: .88rem;
}

.comparison-search[b-kzajtslk7m] {
    position: relative;
    display: block;
    width: min(100%, 24rem);
}

.comparison-search i[b-kzajtslk7m] {
    position: absolute;
    inset-inline-start: .9rem;
    inset-block-start: 50%;
    color: #91a3a6;
    transform: translateY(-50%);
    pointer-events: none;
}

.comparison-search input[b-kzajtslk7m] {
    width: 100%;
    min-height: 2.85rem;
    padding: .65rem 2.6rem .65rem .9rem;
    border: 1px solid var(--cmp-line);
    border-radius: .85rem;
    color: var(--cmp-ink);
    background: #fff;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.comparison-search input:focus[b-kzajtslk7m] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .22rem rgba(20, 95, 101, .08);
}

.comparison-source-grid[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: minmax(18rem, .9fr) minmax(0, 1.1fr);
    gap: 1rem;
    align-items: stretch;
    margin-top: 1.15rem;
}

.comparison-source-no-results[b-kzajtslk7m] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 5.5rem;
    padding: 1rem;
    border: 1px dashed rgba(20, 95, 101, .24);
    border-radius: 1rem;
    color: var(--cmp-muted);
    background: #f8fbfa;
}

.comparison-source-no-results > span[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .85rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .1);
}

.comparison-source-no-results > div[b-kzajtslk7m] {
    display: grid;
    flex: 1;
    gap: .1rem;
}

.comparison-source-no-results strong[b-kzajtslk7m] {
    color: var(--cmp-ink);
}

.comparison-source-no-results button[b-kzajtslk7m] {
    min-height: 2.7rem;
    padding: .5rem .8rem;
    border: 1px solid rgba(20, 95, 101, .22);
    border-radius: .75rem;
    color: var(--cmp-primary);
    background: #fff;
    font-weight: 800;
}

.comparison-field[b-kzajtslk7m] {
    display: grid;
    align-content: center;
    gap: .5rem;
    padding: 1rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background: #f9fbfa;
}

.comparison-field > span[b-kzajtslk7m],
.comparison-version label > span[b-kzajtslk7m] {
    color: var(--cmp-ink);
    font-size: .83rem;
    font-weight: 800;
}

.comparison-field select[b-kzajtslk7m],
.comparison-version select[b-kzajtslk7m] {
    min-height: 3rem;
    border-color: var(--cmp-line);
    border-radius: .75rem;
    color: var(--cmp-ink);
    font-weight: 700;
    background-color: #fff;
}

.comparison-field small[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--cmp-muted);
}

.comparison-source-card[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: auto repeat(3, minmax(0, 1fr));
    gap: .8rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(20, 95, 101, .14);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(20, 95, 101, .07), rgba(184, 137, 53, .045)),
        #fff;
}

.comparison-source-card__mark[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-source-card div[b-kzajtslk7m] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.comparison-source-card small[b-kzajtslk7m] {
    color: var(--cmp-muted);
    font-size: .72rem;
}

.comparison-source-card strong[b-kzajtslk7m] {
    overflow: hidden;
    color: var(--cmp-ink);
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-ltr[b-kzajtslk7m] {
    direction: ltr;
    unicode-bidi: plaintext;
}

.comparison-version-grid[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
}

.comparison-version[b-kzajtslk7m] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1.1rem;
    background: #fff;
}

.comparison-version[b-kzajtslk7m]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: .23rem;
    background: var(--cmp-primary);
}

.comparison-version--target[b-kzajtslk7m]::before {
    background: var(--cmp-secondary);
}

.comparison-version__heading[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.comparison-version__heading > span[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .8rem;
    color: #fff;
    background: var(--cmp-primary);
    font-weight: 900;
}

.comparison-version--target .comparison-version__heading > span[b-kzajtslk7m] {
    background: var(--cmp-secondary);
}

.comparison-version__heading div[b-kzajtslk7m] {
    display: grid;
}

.comparison-version__heading small[b-kzajtslk7m] {
    color: var(--cmp-muted);
    font-size: .7rem;
}

.comparison-version__heading strong[b-kzajtslk7m] {
    font-size: 1rem;
}

.comparison-version label[b-kzajtslk7m] {
    display: grid;
    gap: .4rem;
}

.comparison-version__details[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    min-width: 0;
    color: var(--cmp-muted);
    font-size: .78rem;
}

.comparison-version__details > span:last-child[b-kzajtslk7m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-version__status[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    flex: 0 0 auto;
    padding: .3rem .55rem;
    border-radius: 999px;
    background: #f1f4f4;
    font-weight: 800;
}

.comparison-version__status i[b-kzajtslk7m] {
    font-size: .42rem;
}

.comparison-version__status.is-approved[b-kzajtslk7m] {
    color: #0c775f;
    background: #e9f7f2;
}

.comparison-version__status.is-needs-changes[b-kzajtslk7m] {
    color: #a53243;
    background: #fff0f2;
}

.comparison-version__status.is-pending[b-kzajtslk7m] {
    color: #a56710;
    background: #fff7e9;
}

.comparison-direction[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    gap: .15rem;
    min-width: 3.5rem;
    min-height: 3.5rem;
    padding: .45rem;
    border: 1px solid rgba(20, 95, 101, .16);
    border-radius: .9rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .08);
    font-weight: 850;
}

.comparison-direction span[b-kzajtslk7m] {
    font-size: .68rem;
}

.comparison-selector__footer[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--cmp-line);
}

.comparison-selector__footer > div[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--cmp-muted);
    font-size: .84rem;
}

.comparison-selector__footer > div i[b-kzajtslk7m] {
    color: var(--cmp-secondary);
}

.comparison-primary-action[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 3rem;
    padding: .7rem 1.2rem;
    border: 0;
    border-radius: .85rem;
    color: #fff;
    background: var(--cmp-primary);
    font-weight: 850;
    box-shadow: 0 .8rem 1.8rem rgba(20, 95, 101, .16);
    transition: transform .2s ease, opacity .2s ease;
}

.comparison-primary-action:not(:disabled):hover[b-kzajtslk7m] {
    transform: translateY(-2px);
}

.comparison-primary-action:disabled[b-kzajtslk7m] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

.comparison-inline-warning[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .8rem 0 0;
    padding: .65rem .8rem;
    border-radius: .7rem;
    color: #9a6113;
    background: #fff7e8;
    font-size: .82rem;
    font-weight: 700;
}

.comparison-empty[b-kzajtslk7m],
.comparison-pending[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
    min-height: 17rem;
    padding: 2rem;
    border: 1px dashed rgba(20, 95, 101, .2);
    border-radius: 1.4rem;
    text-align: right;
    background:
        radial-gradient(circle at 8% 95%, rgba(20, 95, 101, .08), transparent 25%),
        #fbfdfc;
}

.comparison-empty__icon[b-kzajtslk7m],
.comparison-pending__visual[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 1.5rem;
    color: #fff;
    background: var(--cmp-primary);
    box-shadow: 0 1rem 2rem rgba(20, 95, 101, .16);
    transform: rotate(-5deg);
}

.comparison-empty__icon i[b-kzajtslk7m],
.comparison-pending__visual i[b-kzajtslk7m] {
    font-size: 1.5rem;
    transform: rotate(5deg);
}

.comparison-empty h2[b-kzajtslk7m],
.comparison-pending h2[b-kzajtslk7m] {
    margin: 0 0 .45rem;
    color: var(--cmp-ink);
    font-size: 1.5rem;
    font-weight: 850;
}

.comparison-empty p[b-kzajtslk7m],
.comparison-pending p[b-kzajtslk7m] {
    max-width: 58ch;
    margin: 0;
    color: var(--cmp-muted);
    line-height: 1.8;
}

.comparison-section-heading--results[b-kzajtslk7m] {
    align-items: flex-start;
}

.comparison-readonly-badge[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .7rem;
    border: 1px solid rgba(184, 137, 53, .2);
    border-radius: 999px;
    color: #8d681f;
    background: rgba(184, 137, 53, .08);
    font-size: .78rem;
    font-weight: 800;
}

.comparison-summary[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.comparison-summary__card[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 5.3rem;
    padding: .85rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    text-align: right;
    background: #fff;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.comparison-summary__card:hover[b-kzajtslk7m],
.comparison-summary__card.is-active[b-kzajtslk7m] {
    transform: translateY(-2px);
    box-shadow: 0 .7rem 1.4rem rgba(18, 61, 67, .08);
}

.comparison-summary__card > span[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: .8rem;
}

.comparison-summary__card div[b-kzajtslk7m] {
    display: grid;
    gap: .1rem;
}

.comparison-summary__card strong[b-kzajtslk7m] {
    color: var(--cmp-ink);
    font-size: 1.45rem;
    line-height: 1;
}

.comparison-summary__card small[b-kzajtslk7m] {
    color: var(--cmp-muted);
}

.comparison-summary__card.is-added > span[b-kzajtslk7m] {
    color: var(--cmp-added);
    background: rgba(19, 134, 111, .1);
}

.comparison-summary__card.is-removed > span[b-kzajtslk7m] {
    color: var(--cmp-removed);
    background: rgba(189, 67, 84, .1);
}

.comparison-summary__card.is-changed > span[b-kzajtslk7m] {
    color: var(--cmp-changed);
    background: rgba(193, 129, 33, .11);
}

.comparison-summary__card.is-unchanged > span[b-kzajtslk7m] {
    color: var(--cmp-unchanged);
    background: rgba(101, 125, 131, .1);
}

.comparison-summary__card.is-added.is-active[b-kzajtslk7m] {
    border-color: rgba(19, 134, 111, .38);
}

.comparison-summary__card.is-removed.is-active[b-kzajtslk7m] {
    border-color: rgba(189, 67, 84, .35);
}

.comparison-summary__card.is-changed.is-active[b-kzajtslk7m] {
    border-color: rgba(193, 129, 33, .4);
}

.comparison-summary__card.is-unchanged.is-active[b-kzajtslk7m] {
    border-color: rgba(101, 125, 131, .4);
}

.comparison-result-toolbar[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: .85rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background: #f8faf9;
}

.comparison-filter-pills[b-kzajtslk7m] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.comparison-filter-pills button[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .48rem .7rem;
    min-height: 2.65rem;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--cmp-muted);
    background: transparent;
    font-size: .8rem;
    font-weight: 750;
}

.comparison-filter-pills button span[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding-inline: .25rem;
    border-radius: 999px;
    background: rgba(20, 95, 101, .08);
    font-size: .7rem;
}

.comparison-filter-pills button.is-active[b-kzajtslk7m] {
    border-color: rgba(20, 95, 101, .16);
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-filter-pills button.is-active span[b-kzajtslk7m] {
    background: rgba(255, 255, 255, .16);
}

.comparison-search--results[b-kzajtslk7m] {
    width: min(100%, 20rem);
}

.comparison-axis-filter[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: minmax(13rem, auto) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin-top: .85rem;
    padding: .8rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background:
        linear-gradient(90deg, rgba(20, 95, 101, .055), transparent 32%),
        #fff;
}

.comparison-axis-filter__label[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.comparison-axis-filter__icon[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: .8rem;
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-axis-filter__label > div[b-kzajtslk7m] {
    display: grid;
    min-width: 0;
}

.comparison-axis-filter__label strong[b-kzajtslk7m] {
    color: var(--cmp-ink);
}

.comparison-axis-filter__label small[b-kzajtslk7m] {
    color: var(--cmp-muted);
}

.comparison-axis-pills[b-kzajtslk7m] {
    display: flex;
    gap: .45rem;
    overflow-x: auto;
    padding: .25rem .15rem .45rem;
    overscroll-behavior-inline: contain;
    scrollbar-color: rgba(20, 95, 101, .28) transparent;
}

.comparison-axis-pills button[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex: 0 0 auto;
    max-width: 18rem;
    min-height: 2.7rem;
    padding: .48rem .75rem;
    overflow: hidden;
    border: 1px solid rgba(20, 95, 101, .13);
    border-radius: 999px;
    color: var(--cmp-ink);
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f7faf9;
    transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.comparison-axis-pills button:hover[b-kzajtslk7m] {
    border-color: rgba(20, 95, 101, .34);
    background: rgba(20, 95, 101, .06);
}

.comparison-axis-pills button.is-active[b-kzajtslk7m] {
    border-color: var(--cmp-primary);
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-axis-pills button span[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    min-width: 1.65rem;
    height: 1.65rem;
    padding-inline: .3rem;
    border-radius: 999px;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .1);
}

.comparison-axis-pills button.is-active span[b-kzajtslk7m] {
    color: #fff;
    background: rgba(255, 255, 255, .18);
}

.comparison-axis-groups[b-kzajtslk7m] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.comparison-axis-card[b-kzajtslk7m] {
    overflow: clip;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .45rem 1.2rem rgba(18, 61, 67, .04);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.comparison-axis-card.is-expanded[b-kzajtslk7m] {
    border-color: rgba(20, 95, 101, .32);
    box-shadow: 0 1rem 2.4rem rgba(18, 61, 67, .09);
}

.comparison-axis-card__toggle[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: 3rem minmax(12rem, 1fr) minmax(0, auto) 2.4rem;
    gap: .8rem;
    align-items: center;
    width: 100%;
    min-height: 5.2rem;
    padding: .75rem 1rem;
    border: 0;
    color: var(--cmp-ink);
    text-align: right;
    background: transparent;
}

.comparison-axis-card__toggle:hover[b-kzajtslk7m] {
    background: rgba(20, 95, 101, .025);
}

.comparison-axis-card__mark[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .09);
}

.comparison-axis-card.is-expanded .comparison-axis-card__mark[b-kzajtslk7m] {
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-axis-card__identity[b-kzajtslk7m] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.comparison-axis-card__identity strong[b-kzajtslk7m] {
    overflow: hidden;
    font-size: 1.06rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-axis-card__identity small[b-kzajtslk7m] {
    color: var(--cmp-muted);
}

.comparison-axis-card__stats[b-kzajtslk7m] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.comparison-axis-card__stats b[b-kzajtslk7m] {
    padding: .32rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    white-space: nowrap;
}

.comparison-axis-card__stats .is-added[b-kzajtslk7m] {
    color: var(--cmp-added);
    background: rgba(19, 134, 111, .1);
}

.comparison-axis-card__stats .is-removed[b-kzajtslk7m] {
    color: var(--cmp-removed);
    background: rgba(189, 67, 84, .1);
}

.comparison-axis-card__stats .is-changed[b-kzajtslk7m] {
    color: #a96b0d;
    background: rgba(193, 129, 33, .11);
}

.comparison-axis-card__stats .is-unchanged[b-kzajtslk7m] {
    color: var(--cmp-unchanged);
    background: rgba(101, 125, 131, .1);
}

.comparison-axis-card__chevron[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .75rem;
    color: var(--cmp-muted);
    background: #f2f6f5;
    transition: transform .2s ease, color .2s ease, background .2s ease;
}

.comparison-axis-card.is-expanded .comparison-axis-card__chevron[b-kzajtslk7m] {
    color: #fff;
    background: var(--cmp-secondary);
    transform: rotate(180deg);
}

.comparison-axis-card__panel[b-kzajtslk7m] {
    padding: 0 1rem 1rem;
    border-top: 1px solid var(--cmp-line);
    background:
        linear-gradient(180deg, rgba(20, 95, 101, .025), transparent 7rem),
        #fff;
}

.comparison-axis-card__tools[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 0;
}

.comparison-axis-card__tools > div[b-kzajtslk7m] {
    display: grid;
}

.comparison-axis-card__tools > div strong[b-kzajtslk7m] {
    color: var(--cmp-ink);
}

.comparison-axis-card__tools > div small[b-kzajtslk7m] {
    color: var(--cmp-muted);
}

.comparison-search--axis[b-kzajtslk7m] {
    width: min(100%, 26rem);
}

.comparison-table-wrap--axis[b-kzajtslk7m] {
    position: relative;
    max-height: clamp(24rem, 56vh, 42rem);
    margin-top: 0;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.comparison-table-wrap--axis .comparison-table th[b-kzajtslk7m] {
    position: sticky;
    z-index: 2;
    top: 0;
    box-shadow: 0 1px var(--cmp-line);
}

.comparison-axis-card__empty[b-kzajtslk7m] {
    display: grid;
    justify-items: center;
    gap: .55rem;
    min-height: 12rem;
    padding: 2rem 1rem;
    border: 1px dashed var(--cmp-line);
    border-radius: .9rem;
    color: var(--cmp-muted);
    text-align: center;
    background: #fafcfb;
}

.comparison-axis-card__empty i[b-kzajtslk7m] {
    color: var(--cmp-secondary);
    font-size: 1.6rem;
}

.comparison-axis-card__empty button[b-kzajtslk7m] {
    padding: .48rem .8rem;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: .7rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .06);
}

.comparison-table-wrap[b-kzajtslk7m] {
    overflow: auto;
    margin-top: 1rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
}

.comparison-table[b-kzajtslk7m] {
    width: 100%;
    min-width: 72rem;
    border-collapse: collapse;
    background: #fff;
}

.comparison-table th[b-kzajtslk7m] {
    padding: .8rem;
    color: #526b70;
    background: #f1f5f4;
    font-size: .75rem;
    font-weight: 850;
    white-space: nowrap;
}

.comparison-table th small[b-kzajtslk7m] {
    display: block;
    margin-top: .2rem;
    color: #60777b;
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
}

.comparison-table td[b-kzajtslk7m] {
    padding: .85rem .8rem;
    border-top: 1px solid var(--cmp-line);
    color: var(--cmp-ink);
    vertical-align: middle;
    font-size: .82rem;
}

.comparison-table tbody tr[b-kzajtslk7m] {
    transition: background .18s ease;
}

.comparison-table tbody tr:hover[b-kzajtslk7m] {
    background: #fbfdfc;
}

.comparison-change[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .38rem .58rem;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 850;
    white-space: nowrap;
}

.comparison-change.is-added[b-kzajtslk7m] {
    color: var(--cmp-added);
    background: rgba(19, 134, 111, .1);
}

.comparison-change.is-removed[b-kzajtslk7m] {
    color: var(--cmp-removed);
    background: rgba(189, 67, 84, .1);
}

.comparison-change.is-changed[b-kzajtslk7m] {
    color: #a96b0d;
    background: rgba(193, 129, 33, .11);
}

.comparison-change.is-unchanged[b-kzajtslk7m] {
    color: var(--cmp-unchanged);
    background: rgba(101, 125, 131, .1);
}

.comparison-entity[b-kzajtslk7m],
.comparison-context[b-kzajtslk7m],
.comparison-delta[b-kzajtslk7m],
.comparison-sources[b-kzajtslk7m] {
    display: grid;
    gap: .2rem;
}

.comparison-entity small[b-kzajtslk7m],
.comparison-context small[b-kzajtslk7m],
.comparison-delta small[b-kzajtslk7m] {
    color: var(--cmp-muted);
    font-size: .72rem;
}

.comparison-entity strong[b-kzajtslk7m] {
    max-width: 19rem;
    line-height: 1.55;
}

.comparison-context small[b-kzajtslk7m] {
    max-width: 13rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-value[b-kzajtslk7m] {
    display: block;
    max-width: 12rem;
    overflow-wrap: anywhere;
    padding: .45rem .55rem;
    border-radius: .55rem;
    direction: ltr;
    unicode-bidi: plaintext;
    background: #f5f7f7;
    font-weight: 750;
}

.comparison-value--old[b-kzajtslk7m] {
    box-shadow: inset 3px 0 rgba(20, 95, 101, .28);
}

.comparison-value--new[b-kzajtslk7m] {
    box-shadow: inset 3px 0 rgba(184, 137, 53, .32);
}

.comparison-delta[b-kzajtslk7m] {
    direction: ltr;
    text-align: right;
}

.comparison-delta.is-positive strong[b-kzajtslk7m] {
    color: var(--cmp-added);
}

.comparison-delta.is-negative strong[b-kzajtslk7m] {
    color: var(--cmp-removed);
}

.comparison-sources span[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .35rem;
    max-width: 13rem;
    overflow: hidden;
    color: var(--cmp-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-sources b[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: .4rem;
    color: #fff;
    background: var(--cmp-primary);
    font-size: .68rem;
}

.comparison-sources span:last-child b[b-kzajtslk7m] {
    background: var(--cmp-secondary);
}

.comparison-no-results[b-kzajtslk7m] {
    display: grid;
    justify-items: center;
    gap: .35rem;
    margin-top: 1rem;
    padding: 2.4rem 1rem;
    border: 1px dashed var(--cmp-line);
    border-radius: 1rem;
    color: var(--cmp-muted);
    text-align: center;
    background: #fafcfb;
}

.comparison-no-results i[b-kzajtslk7m] {
    margin-bottom: .25rem;
    color: var(--cmp-secondary);
    font-size: 1.5rem;
}

.comparison-no-results strong[b-kzajtslk7m] {
    color: var(--cmp-ink);
}

.comparison-render-note[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .8rem 0 0;
    color: var(--cmp-muted);
    font-size: .78rem;
}

.comparison-render-note i[b-kzajtslk7m] {
    color: var(--cmp-primary);
}

@keyframes comparison-pulse-b-kzajtslk7m {
    0%,
    100% {
        opacity: .35;
        transform: scaleX(.45);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@media (max-width: 1100px) {
    .comparison-hero[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }

    .comparison-hero__metrics article[b-kzajtslk7m] {
        min-height: 6.5rem;
    }

    .comparison-source-grid[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .comparison-section-heading[b-kzajtslk7m],
    .comparison-selector__footer[b-kzajtslk7m],
    .comparison-result-toolbar[b-kzajtslk7m] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-search[b-kzajtslk7m],
    .comparison-search--results[b-kzajtslk7m] {
        width: 100%;
    }

    .comparison-source-card[b-kzajtslk7m] {
        grid-template-columns: auto 1fr;
    }

    .comparison-source-card div[b-kzajtslk7m] {
        grid-column: 2;
    }

    .comparison-version-grid[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }

    .comparison-direction[b-kzajtslk7m] {
        margin: auto;
        transform: rotate(-90deg);
    }

    .comparison-summary[b-kzajtslk7m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comparison-axis-filter[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }

    .comparison-axis-card__toggle[b-kzajtslk7m] {
        grid-template-columns: 2.7rem minmax(0, 1fr) 2.4rem;
    }

    .comparison-axis-card__stats[b-kzajtslk7m] {
        grid-column: 2 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }

    .comparison-axis-card__tools[b-kzajtslk7m] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-search--axis[b-kzajtslk7m] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .comparison-hero__metrics[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }

    .comparison-hero__metrics article[b-kzajtslk7m] {
        min-height: auto;
    }

    .comparison-empty[b-kzajtslk7m],
    .comparison-pending[b-kzajtslk7m] {
        align-items: flex-start;
        flex-direction: column;
    }

    .comparison-summary[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }

    .comparison-axis-card__toggle[b-kzajtslk7m] {
        padding-inline: .7rem;
    }

    .comparison-axis-card__stats b[b-kzajtslk7m] {
        font-size: .68rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .comparison-loading__line[b-kzajtslk7m] {
        animation: none;
    }

    .comparison-primary-action[b-kzajtslk7m],
    .comparison-summary__card[b-kzajtslk7m],
    .comparison-axis-card[b-kzajtslk7m],
    .comparison-axis-card__chevron[b-kzajtslk7m],
    .comparison-axis-pills button[b-kzajtslk7m] {
        transition: none;
    }
}

/* Version comparison workflow extensions */
.comparison-hero .comparison-kicker[b-kzajtslk7m] {
    color: #f2d28d;
}

.comparison-history[b-kzajtslk7m],
.comparison-load-error[b-kzajtslk7m],
.comparison-capability-lock[b-kzajtslk7m] {
    padding: clamp(1rem, 2.2vw, 1.55rem);
    border: 1px solid var(--cmp-line);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 .8rem 2.2rem rgba(18, 61, 67, .06);
}

.comparison-history__heading[b-kzajtslk7m] {
    align-items: center;
}

.comparison-history__search[b-kzajtslk7m],
.comparison-result-search[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.comparison-history__search > button[b-kzajtslk7m],
.comparison-result-search > button[b-kzajtslk7m],
.comparison-inline-error button[b-kzajtslk7m],
.comparison-history__empty button[b-kzajtslk7m],
.comparison-no-results button[b-kzajtslk7m] {
    min-height: 2.75rem;
    padding: .55rem .82rem;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: .75rem;
    color: #fff;
    background: var(--cmp-primary);
    font-weight: 800;
    white-space: nowrap;
}

.comparison-result-search > button.is-clear[b-kzajtslk7m],
.comparison-history__empty button[b-kzajtslk7m],
.comparison-no-results button[b-kzajtslk7m] {
    color: var(--cmp-primary);
    background: #fff;
}

.comparison-history__list[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.comparison-history-card[b-kzajtslk7m] {
    display: grid;
    gap: .75rem;
    min-width: 0;
    padding: .9rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.comparison-history-card.is-current[b-kzajtslk7m] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .2rem rgba(20, 95, 101, .07);
}

.comparison-history-card__identity[b-kzajtslk7m],
.comparison-history-card__versions[b-kzajtslk7m],
.comparison-history-card footer[b-kzajtslk7m],
.comparison-history-card footer > div[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.comparison-history-card__identity > span[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    min-width: 2.8rem;
    height: 2.8rem;
    padding-inline: .4rem;
    border-radius: .8rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .09);
    font-weight: 900;
}

.comparison-history-card__identity > div[b-kzajtslk7m],
.comparison-history-card footer > div[b-kzajtslk7m] {
    display: grid;
    min-width: 0;
}

.comparison-history-card__identity strong[b-kzajtslk7m],
.comparison-history-card__identity small[b-kzajtslk7m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-history-card__identity small[b-kzajtslk7m],
.comparison-history-card footer small[b-kzajtslk7m] {
    color: var(--cmp-muted);
    font-size: .74rem;
}

.comparison-history-card__versions[b-kzajtslk7m] {
    justify-content: center;
    padding: .55rem;
    border-radius: .75rem;
    color: var(--cmp-primary);
    background: #f4f8f7;
}

.comparison-history-card__versions b[b-kzajtslk7m] {
    padding: .3rem .55rem;
    border-radius: .55rem;
    background: #fff;
}

.comparison-history-card__stats[b-kzajtslk7m] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.comparison-history-card__stats span[b-kzajtslk7m],
.comparison-importance-flags span[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .5rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 850;
}

.comparison-history-card__stats .is-added[b-kzajtslk7m],
.comparison-history-card__stats .is-important[b-kzajtslk7m],
.comparison-importance-flags .is-important[b-kzajtslk7m] {
    color: #08705d;
    background: #e8f7f2;
}

.comparison-history-card__stats .is-removed[b-kzajtslk7m],
.comparison-history-card__stats .is-breaking[b-kzajtslk7m],
.comparison-importance-flags .is-breaking[b-kzajtslk7m] {
    color: #982d3e;
    background: #fff0f2;
}

.comparison-history-card__stats .is-changed[b-kzajtslk7m] {
    color: #89560d;
    background: #fff4df;
}

.comparison-history-card__stats .is-comments[b-kzajtslk7m] {
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .08);
}

.comparison-history-card footer[b-kzajtslk7m] {
    justify-content: space-between;
    padding-top: .65rem;
    border-top: 1px solid var(--cmp-line);
}

.comparison-history-card footer button[b-kzajtslk7m] {
    min-height: 2.65rem;
    padding: .5rem .75rem;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: .7rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .06);
    font-weight: 850;
}

.comparison-history__empty[b-kzajtslk7m],
.comparison-inline-error[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-height: 6.5rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px dashed var(--cmp-line);
    border-radius: .9rem;
    color: var(--cmp-muted);
    background: #fafcfb;
}

.comparison-inline-error[b-kzajtslk7m] {
    color: #962e3f;
    background: #fff5f6;
}

.comparison-load-error[b-kzajtslk7m],
.comparison-capability-lock[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.comparison-load-error > span[b-kzajtslk7m],
.comparison-capability-lock > span[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: .9rem;
    color: #fff;
    background: #a73749;
}

.comparison-capability-lock > span[b-kzajtslk7m] {
    background: var(--cmp-primary);
}

.comparison-load-error > div[b-kzajtslk7m],
.comparison-capability-lock > div[b-kzajtslk7m] {
    display: grid;
    flex: 1;
    gap: .15rem;
}

.comparison-load-error p[b-kzajtslk7m],
.comparison-capability-lock p[b-kzajtslk7m] {
    margin: 0;
    color: var(--cmp-muted);
}

.comparison-load-error button[b-kzajtslk7m] {
    min-height: 2.75rem;
    padding: .55rem .85rem;
    border: 0;
    border-radius: .75rem;
    color: #fff;
    background: #a73749;
    font-weight: 850;
}

.comparison-version__details[b-kzajtslk7m] {
    display: grid;
    gap: .55rem;
}

.comparison-version__meta[b-kzajtslk7m],
.comparison-version__flags[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.comparison-version__meta > span:not(.comparison-version__status)[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-version__flags b[b-kzajtslk7m],
.comparison-result-version__badges b[b-kzajtslk7m] {
    padding: .3rem .5rem;
    border-radius: 999px;
    color: #526b70;
    background: #edf2f1;
    font-size: .68rem;
}

.comparison-version__flags .is-approved[b-kzajtslk7m],
.comparison-result-version__badges .is-approved[b-kzajtslk7m] {
    color: #08705d;
    background: #e8f7f2;
}

.comparison-version__flags .is-draft[b-kzajtslk7m],
.comparison-result-version__badges .is-draft[b-kzajtslk7m],
.comparison-version__flags .is-error[b-kzajtslk7m],
.comparison-result-version__badges .is-error[b-kzajtslk7m],
.comparison-result-version__badges .is-needs-changes[b-kzajtslk7m] {
    color: #982d3e;
    background: #fff0f2;
}

.comparison-version__flags .is-locked[b-kzajtslk7m],
.comparison-result-version__badges .is-locked[b-kzajtslk7m],
.comparison-result-version__badges .is-pending[b-kzajtslk7m] {
    color: #87550c;
    background: #fff4df;
}

.comparison-version-warning[b-kzajtslk7m],
.comparison-formula[b-kzajtslk7m] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin-top: .9rem;
    padding: .8rem .9rem;
    border: 1px solid #edc878;
    border-radius: .85rem;
    color: #744807;
    background: #fff8e8;
}

.comparison-version-warning > div[b-kzajtslk7m],
.comparison-formula > div[b-kzajtslk7m] {
    display: grid;
    gap: .15rem;
}

.comparison-version-warning span[b-kzajtslk7m],
.comparison-formula small[b-kzajtslk7m] {
    color: #705c34;
}

.comparison-formula[b-kzajtslk7m] {
    border-color: rgba(20, 95, 101, .18);
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .055);
}

.comparison-result-direction[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: .75rem;
    align-items: stretch;
    margin-top: 1rem;
}

.comparison-result-version[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: .65rem;
    align-items: center;
    padding: .85rem;
    border: 1px solid var(--cmp-line);
    border-radius: .95rem;
    background: #fff;
}

.comparison-result-version > span[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: .8rem;
    color: #fff;
    background: var(--cmp-primary);
    font-weight: 900;
}

.comparison-result-version.is-target > span[b-kzajtslk7m] {
    background: var(--cmp-secondary);
}

.comparison-result-version > div:not(.comparison-result-version__badges)[b-kzajtslk7m] {
    display: grid;
    min-width: 0;
}

.comparison-result-version > div small[b-kzajtslk7m] {
    overflow: hidden;
    color: var(--cmp-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-result-version__badges[b-kzajtslk7m] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.comparison-result-direction__formula[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: .2rem;
    min-width: 8rem;
    padding: .65rem;
    border-radius: .85rem;
    color: var(--cmp-primary);
    text-align: center;
    background: rgba(20, 95, 101, .06);
}

.comparison-result-direction__formula b[b-kzajtslk7m] {
    direction: ltr;
    font-size: 1rem;
}

.comparison-result-direction__formula small[b-kzajtslk7m] {
    color: var(--cmp-muted);
    font-size: .68rem;
}

.comparison-summary[b-kzajtslk7m] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.comparison-summary__card.is-breaking > span[b-kzajtslk7m] {
    color: #a63244;
    background: #fff0f2;
}

.comparison-summary__card.is-important > span[b-kzajtslk7m] {
    color: #8c5c10;
    background: #fff4df;
}

.comparison-summary > article:hover[b-kzajtslk7m] {
    transform: none;
    box-shadow: none;
}

.comparison-result-search[b-kzajtslk7m] {
    flex: 0 1 31rem;
    justify-content: flex-end;
}

.comparison-result-search .comparison-search[b-kzajtslk7m] {
    width: min(100%, 24rem);
}

.comparison-items-loading[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 12rem;
    margin-top: 1rem;
    border: 1px dashed var(--cmp-line);
    border-radius: 1rem;
    color: var(--cmp-primary);
    background: #fafcfb;
}

.comparison-table[b-kzajtslk7m] {
    min-width: 92rem;
}

.comparison-table tbody tr.is-breaking[b-kzajtslk7m] {
    background: linear-gradient(90deg, rgba(189, 67, 84, .06), transparent 34%);
}

.comparison-table tbody tr.is-important:not(.is-breaking)[b-kzajtslk7m] {
    background: linear-gradient(90deg, rgba(184, 137, 53, .07), transparent 34%);
}

.comparison-importance-flags[b-kzajtslk7m] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.comparison-importance-flags .is-normal[b-kzajtslk7m] {
    color: var(--cmp-muted);
    background: #eef3f2;
}

.comparison-entity > span[b-kzajtslk7m],
.comparison-delta > span[b-kzajtslk7m] {
    color: var(--cmp-muted);
    font-size: .7rem;
}

.comparison-axis-name[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    width: fit-content;
    padding: .25rem .45rem;
    border-radius: 999px;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .08);
    font-size: .7rem;
    font-weight: 850;
}

.comparison-context small[b-kzajtslk7m] {
    max-width: 18rem;
    white-space: normal;
    line-height: 1.55;
}

.comparison-value[b-kzajtslk7m] {
    direction: initial;
    unicode-bidi: plaintext;
    text-align: start;
}

.comparison-delta.is-increase strong[b-kzajtslk7m] {
    color: var(--cmp-primary);
}

.comparison-delta.is-decrease strong[b-kzajtslk7m] {
    color: #75511a;
}

.comparison-row-action[b-kzajtslk7m] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 2.55rem;
    padding: .45rem .6rem;
    border: 1px solid rgba(20, 95, 101, .18);
    border-radius: .7rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .055);
    font-weight: 800;
    white-space: nowrap;
}

.comparison-row-action span[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    min-width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: rgba(20, 95, 101, .1);
    font-size: .68rem;
}

.comparison-detail-row > td[b-kzajtslk7m] {
    padding: 0 !important;
    background: #f7faf9;
}

.comparison-row-details[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: .8rem;
    padding: 1rem;
}

.comparison-row-details__loading[b-kzajtslk7m] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 7rem;
    color: var(--cmp-muted);
}

.comparison-importance-editor[b-kzajtslk7m],
.comparison-comments[b-kzajtslk7m] {
    display: grid;
    align-content: start;
    gap: .7rem;
    padding: .85rem;
    border: 1px solid var(--cmp-line);
    border-radius: .9rem;
    background: #fff;
}

.comparison-importance-editor header[b-kzajtslk7m],
.comparison-comments header[b-kzajtslk7m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .7rem;
    padding-bottom: .6rem;
    border-bottom: 1px solid var(--cmp-line);
}

.comparison-importance-editor header > div[b-kzajtslk7m],
.comparison-comments header > div[b-kzajtslk7m] {
    display: grid;
}

.comparison-importance-editor header small[b-kzajtslk7m],
.comparison-comments header small[b-kzajtslk7m],
.comparison-comments header > span[b-kzajtslk7m] {
    color: var(--cmp-muted);
    font-size: .72rem;
}

.comparison-importance-editor label:not(.comparison-important-toggle)[b-kzajtslk7m],
.comparison-comment-editor label[b-kzajtslk7m] {
    display: grid;
    gap: .3rem;
    color: var(--cmp-ink);
    font-size: .76rem;
    font-weight: 800;
}

.comparison-importance-editor textarea[b-kzajtslk7m],
.comparison-comment-editor textarea[b-kzajtslk7m],
.comparison-comment-editor select[b-kzajtslk7m] {
    width: 100%;
    padding: .58rem .65rem;
    border: 1px solid var(--cmp-line);
    border-radius: .68rem;
    color: var(--cmp-ink);
    background: #fff;
    font: inherit;
    resize: vertical;
}

.comparison-important-toggle[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.8rem;
    padding: .5rem .65rem;
    border-radius: .7rem;
    color: #75511a;
    background: #fff7e8;
    font-weight: 850;
}

.comparison-important-toggle input[b-kzajtslk7m] {
    width: 1.1rem;
    height: 1.1rem;
}

.comparison-importance-editor > button[b-kzajtslk7m],
.comparison-comment-editor > button[b-kzajtslk7m] {
    min-height: 2.65rem;
    padding: .5rem .75rem;
    border: 0;
    border-radius: .7rem;
    color: #fff;
    background: var(--cmp-primary);
    font-weight: 850;
}

.comparison-comments__empty[b-kzajtslk7m] {
    margin: 0;
    padding: .7rem;
    border-radius: .7rem;
    color: var(--cmp-muted);
    text-align: center;
    background: #f7faf9;
}

.comparison-comments__list[b-kzajtslk7m] {
    display: grid;
    gap: .45rem;
    max-height: 15rem;
    overflow: auto;
}

.comparison-comments__list article[b-kzajtslk7m] {
    display: grid;
    gap: .25rem;
    padding: .65rem;
    border-inline-start: .2rem solid rgba(20, 95, 101, .28);
    border-radius: .65rem;
    background: #f8fbfa;
}

.comparison-comments__list article > span[b-kzajtslk7m] {
    width: fit-content;
    padding: .2rem .4rem;
    border-radius: 999px;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .08);
    font-size: .66rem;
    font-weight: 850;
}

.comparison-comments__list p[b-kzajtslk7m] {
    margin: 0;
    color: var(--cmp-ink);
    white-space: pre-wrap;
}

.comparison-comments__list footer[b-kzajtslk7m] {
    color: var(--cmp-muted);
    font-size: .68rem;
}

.comparison-comment-editor[b-kzajtslk7m] {
    display: grid;
    grid-template-columns: minmax(7rem, .25fr) minmax(0, 1fr) auto;
    gap: .55rem;
    align-items: end;
    padding-top: .65rem;
    border-top: 1px solid var(--cmp-line);
}

.comparison-row-details__error[b-kzajtslk7m] {
    grid-column: 1 / -1;
    margin: 0;
    padding: .65rem .75rem;
    border-radius: .7rem;
    color: #962e3f;
    background: #fff0f2;
    font-weight: 800;
}

.comparison-pager[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-top: .9rem;
    padding-top: .8rem;
    border-top: 1px solid var(--cmp-line);
    color: var(--cmp-muted);
    font-size: .78rem;
}

.comparison-pager > div[b-kzajtslk7m],
.comparison-pager label[b-kzajtslk7m] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.comparison-pager select[b-kzajtslk7m],
.comparison-pager button[b-kzajtslk7m] {
    min-height: 2.55rem;
    border: 1px solid var(--cmp-line);
    border-radius: .65rem;
    color: var(--cmp-ink);
    background: #fff;
}

.comparison-pager select[b-kzajtslk7m] {
    padding: .4rem .55rem;
}

.comparison-pager button[b-kzajtslk7m] {
    display: grid;
    place-items: center;
    width: 2.55rem;
    padding: 0;
}

.comparison-pager button:disabled[b-kzajtslk7m] {
    opacity: .4;
}

.comparison-no-results button[b-kzajtslk7m] {
    margin-top: .45rem;
}

@media (max-width: 1180px) {
    .comparison-summary[b-kzajtslk7m] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .comparison-history__list[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }

    .comparison-result-toolbar[b-kzajtslk7m] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-result-search[b-kzajtslk7m] {
        flex-basis: auto;
        justify-content: stretch;
    }

    .comparison-result-search .comparison-search[b-kzajtslk7m] {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .comparison-history__search[b-kzajtslk7m],
    .comparison-result-search[b-kzajtslk7m],
    .comparison-load-error[b-kzajtslk7m],
    .comparison-capability-lock[b-kzajtslk7m],
    .comparison-pager[b-kzajtslk7m] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-result-direction[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }

    .comparison-result-direction__formula i[b-kzajtslk7m] {
        transform: rotate(-90deg);
    }

    .comparison-row-details[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }

    .comparison-comment-editor[b-kzajtslk7m] {
        grid-template-columns: 1fr;
    }

    .comparison-pager > div[b-kzajtslk7m] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .comparison-pager label[b-kzajtslk7m] {
        width: 100%;
        justify-content: space-between;
    }

    .comparison-table-wrap[b-kzajtslk7m] {
        overflow: visible;
        border: 0;
        border-radius: 0;
    }

    .comparison-table[b-kzajtslk7m] {
        display: block;
        min-width: 0;
        background: transparent;
    }

    .comparison-table thead[b-kzajtslk7m] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .comparison-table tbody[b-kzajtslk7m] {
        display: grid;
        gap: .8rem;
    }

    .comparison-table tbody tr:not(.comparison-detail-row)[b-kzajtslk7m] {
        display: grid;
        gap: 0;
        overflow: hidden;
        border: 1px solid var(--cmp-line);
        border-radius: 1rem;
        background: #fff;
        box-shadow: 0 .5rem 1.2rem rgba(18, 61, 67, .055);
    }

    .comparison-table tbody tr:not(.comparison-detail-row) td[b-kzajtslk7m] {
        display: grid;
        grid-template-columns: minmax(7rem, .34fr) minmax(0, .66fr);
        gap: .65rem;
        align-items: start;
        padding: .72rem .8rem;
        border-top: 1px solid var(--cmp-line);
        font-size: .82rem;
    }

    .comparison-table tbody tr:not(.comparison-detail-row) td:first-child[b-kzajtslk7m] {
        border-top: 0;
    }

    .comparison-table tbody tr:not(.comparison-detail-row) td[b-kzajtslk7m]::before {
        content: attr(data-label);
        color: var(--cmp-muted);
        font-size: .74rem;
        font-weight: 850;
    }

    .comparison-detail-row[b-kzajtslk7m] {
        display: block;
        margin-top: -.8rem;
    }

    .comparison-detail-row > td[b-kzajtslk7m] {
        display: block;
        border: 1px solid var(--cmp-line);
        border-top: 0;
        border-radius: 0 0 1rem 1rem;
    }

    .comparison-context small[b-kzajtslk7m],
    .comparison-value[b-kzajtslk7m],
    .comparison-sources span[b-kzajtslk7m] {
        max-width: none;
    }
}

@media (max-width: 560px) {
    .comparison-summary[b-kzajtslk7m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comparison-history-card footer[b-kzajtslk7m],
    .comparison-importance-editor header[b-kzajtslk7m],
    .comparison-comments header[b-kzajtslk7m] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-table tbody tr:not(.comparison-detail-row) td[b-kzajtslk7m] {
        grid-template-columns: 1fr;
        gap: .35rem;
    }

    .comparison-table tbody tr:not(.comparison-detail-row) td[b-kzajtslk7m]::before {
        padding-bottom: .2rem;
        border-bottom: 1px dashed var(--cmp-line);
    }
}
/* _content/Starterkit/Observatory/Components/LegacyQualityWorkspace.razor.rz.scp.css */
.quality-workspace[b-p15m6iabvo],
.quality-message[b-p15m6iabvo],
.quality-loading[b-p15m6iabvo] {
    --quality-ink: #123d43;
    --quality-muted: #6f8589;
    --quality-line: rgba(18, 61, 67, .13);
    --quality-paper: #fbfdfc;
    --quality-primary: var(--obs-primary, #145f65);
    --quality-secondary: var(--obs-secondary, #b88935);
    --quality-success: #13866f;
    --quality-warning: #c18121;
    --quality-danger: #bd4354;
}

.quality-workspace[b-p15m6iabvo] {
    display: grid;
    gap: 1.25rem;
    direction: rtl;
    color: var(--quality-ink);
    font-family: inherit;
}

.quality-message[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .9rem 1rem;
    border: 1px solid transparent;
    border-radius: .9rem;
    font-weight: 750;
}

.quality-message span[b-p15m6iabvo] {
    flex: 1;
}

.quality-message button[b-p15m6iabvo] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: .6rem;
    color: inherit;
    background: transparent;
}

.quality-message.is-success[b-p15m6iabvo] {
    border-color: rgba(19, 134, 111, .25);
    color: #0d6d5b;
    background: #eef9f5;
}

.quality-message.is-error[b-p15m6iabvo] {
    border-color: rgba(189, 67, 84, .24);
    color: #a63244;
    background: #fff1f3;
}

.quality-loading[b-p15m6iabvo] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 9rem;
    padding: 1.5rem;
    border: 1px solid var(--quality-line);
    border-radius: 1.35rem;
    color: var(--quality-ink);
    background: #fff;
}

.quality-loading__mark[b-p15m6iabvo] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    color: #fff;
    background: var(--quality-primary);
    box-shadow: 0 .8rem 1.8rem rgba(20, 95, 101, .18);
}

.quality-loading div[b-p15m6iabvo] {
    display: grid;
    gap: .25rem;
}

.quality-loading strong[b-p15m6iabvo] {
    font-size: 1.08rem;
}

.quality-loading div span[b-p15m6iabvo] {
    color: var(--quality-muted);
}

.quality-loading__line[b-p15m6iabvo] {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    height: .22rem;
    background: linear-gradient(90deg, transparent, var(--quality-secondary), var(--quality-primary), transparent);
    animation: quality-pulse-b-p15m6iabvo 1.6s ease-in-out infinite;
}

.quality-hero[b-p15m6iabvo] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(22rem, .75fr);
    gap: 2rem;
    padding: clamp(1.5rem, 3vw, 2.75rem);
    border-radius: 1.65rem;
    color: #fff;
    background:
        radial-gradient(circle at 12% 15%, rgba(184, 137, 53, .23), transparent 28%),
        linear-gradient(125deg, #092f34 0%, #145b61 56%, #153d42 100%);
    box-shadow: 0 1.3rem 3rem rgba(12, 57, 62, .14);
}

.quality-hero[b-p15m6iabvo]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .3;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, .05) 0,
        rgba(255, 255, 255, .05) 1px,
        transparent 1px,
        transparent 24px);
}

.quality-hero[b-p15m6iabvo]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset-inline-end: -4rem;
    inset-block-end: -7rem;
    width: 18rem;
    height: 18rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    box-shadow:
        0 0 0 2rem rgba(255, 255, 255, .025),
        0 0 0 5rem rgba(255, 255, 255, .018);
}

.quality-hero__copy[b-p15m6iabvo] {
    align-self: center;
    max-width: 57rem;
}

.quality-kicker[b-p15m6iabvo] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .55rem;
    color: var(--quality-secondary);
    font-size: .84rem;
    font-weight: 800;
}

.quality-hero h2[b-p15m6iabvo] {
    margin: 0 0 .7rem;
    color: #fff;
    font-size: clamp(1.7rem, 2.5vw, 2.5rem);
    font-weight: 850;
    line-height: 1.38;
}

.quality-hero p[b-p15m6iabvo] {
    max-width: 65ch;
    margin: 0;
    color: rgba(255, 255, 255, .74);
    font-size: 1rem;
    line-height: 1.9;
}

.quality-hero__metrics[b-p15m6iabvo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

.quality-hero__metrics article[b-p15m6iabvo] {
    display: grid;
    align-content: center;
    gap: .4rem;
    min-height: 8.5rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(8px);
}

.quality-hero__metrics i[b-p15m6iabvo] {
    color: #e7c477;
}

.quality-hero__metrics strong[b-p15m6iabvo] {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
}

.quality-hero__metrics span[b-p15m6iabvo] {
    color: rgba(255, 255, 255, .64);
    font-size: .79rem;
}

.quality-run-panel[b-p15m6iabvo],
.quality-result[b-p15m6iabvo],
.quality-rules[b-p15m6iabvo] {
    padding: clamp(1.1rem, 2.4vw, 1.8rem);
    border: 1px solid var(--quality-line);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1rem 2.6rem rgba(18, 61, 67, .07);
}

.quality-section-heading[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--quality-line);
}

.quality-section-heading > div[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.quality-step[b-p15m6iabvo] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border: 1px solid rgba(20, 95, 101, .15);
    border-radius: .85rem;
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .06);
    font-size: .76rem;
    font-weight: 900;
}

.quality-section-heading h2[b-p15m6iabvo] {
    margin: 0;
    color: var(--quality-ink);
    font-size: 1.35rem;
    font-weight: 850;
}

.quality-section-heading p[b-p15m6iabvo] {
    margin: .2rem 0 0;
    color: var(--quality-muted);
    font-size: .88rem;
}

.quality-readonly-badge[b-p15m6iabvo],
.quality-run-state[b-p15m6iabvo] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .7rem;
    border: 1px solid rgba(184, 137, 53, .2);
    border-radius: 999px;
    color: #8d681f;
    background: rgba(184, 137, 53, .08);
    font-size: .78rem;
    font-weight: 800;
}

.quality-run-state[b-p15m6iabvo] {
    border-color: rgba(19, 134, 111, .2);
    color: #0d765f;
    background: rgba(19, 134, 111, .08);
}

.quality-run-grid[b-p15m6iabvo] {
    display: grid;
    grid-template-columns:
        minmax(0, .8fr)
        minmax(0, 1fr)
        minmax(0, 1.45fr)
        auto;
    gap: .9rem;
    align-items: end;
    margin-top: 1rem;
}

.quality-field[b-p15m6iabvo] {
    display: grid;
    align-content: start;
    gap: .45rem;
    min-width: 0;
}

.quality-field > span[b-p15m6iabvo] {
    color: var(--quality-ink);
    font-size: .82rem;
    font-weight: 800;
}

.quality-field > span b[b-p15m6iabvo] {
    color: var(--quality-danger);
}

.quality-field input:not([type="checkbox"])[b-p15m6iabvo],
.quality-field select[b-p15m6iabvo] {
    width: 100%;
    min-height: 3rem;
    padding: .65rem .8rem;
    border: 1px solid var(--quality-line);
    border-radius: .78rem;
    color: var(--quality-ink);
    background-color: #fff;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.quality-field input:focus[b-p15m6iabvo],
.quality-field select:focus[b-p15m6iabvo] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .22rem rgba(20, 95, 101, .08);
}

.quality-field small[b-p15m6iabvo] {
    min-height: 1.2rem;
    color: var(--quality-muted);
    font-size: .72rem;
}

.quality-run-action[b-p15m6iabvo],
.quality-primary-action[b-p15m6iabvo],
.quality-secondary-action[b-p15m6iabvo],
.quality-ghost-action[b-p15m6iabvo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 3rem;
    padding: .7rem 1rem;
    border: 0;
    border-radius: .82rem;
    font-weight: 850;
    transition: transform .2s ease, opacity .2s ease;
}

.quality-run-action[b-p15m6iabvo],
.quality-primary-action[b-p15m6iabvo] {
    color: #fff;
    background: var(--quality-primary);
    box-shadow: 0 .8rem 1.8rem rgba(20, 95, 101, .16);
}

.quality-secondary-action[b-p15m6iabvo] {
    border: 1px solid rgba(20, 95, 101, .16);
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .06);
}

.quality-ghost-action[b-p15m6iabvo] {
    border: 1px solid var(--quality-line);
    color: var(--quality-muted);
    background: #fff;
}

.quality-run-action:not(:disabled):hover[b-p15m6iabvo],
.quality-primary-action:not(:disabled):hover[b-p15m6iabvo],
.quality-secondary-action:not(:disabled):hover[b-p15m6iabvo] {
    transform: translateY(-2px);
}

.quality-run-action:disabled[b-p15m6iabvo],
.quality-primary-action:disabled[b-p15m6iabvo],
.quality-secondary-action:disabled[b-p15m6iabvo],
.quality-ghost-action:disabled[b-p15m6iabvo] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

.quality-permission-note[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: .8rem 0 0;
    padding: .65rem .8rem;
    border-radius: .7rem;
    color: #8c681f;
    background: rgba(184, 137, 53, .08);
    font-size: .8rem;
}

.quality-history-select[b-p15m6iabvo] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: .85rem;
    border: 1px solid var(--quality-line);
    border-radius: .9rem;
    background: #f8faf9;
}

.quality-history-select label[b-p15m6iabvo] {
    display: grid;
    gap: .35rem;
    width: min(100%, 38rem);
}

.quality-history-select label > span[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--quality-ink);
    font-size: .8rem;
    font-weight: 800;
}

.quality-history-select select[b-p15m6iabvo] {
    min-height: 2.8rem;
    border-color: var(--quality-line);
    border-radius: .7rem;
}

.quality-history-select > span[b-p15m6iabvo] {
    color: var(--quality-muted);
    font-size: .75rem;
}

.quality-empty[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
    min-height: 17rem;
    padding: 2rem;
    border: 1px dashed rgba(20, 95, 101, .2);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 8% 95%, rgba(20, 95, 101, .08), transparent 25%),
        #fbfdfc;
}

.quality-empty__visual[b-p15m6iabvo] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 1.5rem;
    color: #fff;
    background: var(--quality-primary);
    box-shadow: 0 1rem 2rem rgba(20, 95, 101, .16);
    transform: rotate(-5deg);
}

.quality-empty__visual i[b-p15m6iabvo] {
    font-size: 1.5rem;
    transform: rotate(5deg);
}

.quality-empty h2[b-p15m6iabvo] {
    margin: 0 0 .45rem;
    color: var(--quality-ink);
    font-size: 1.5rem;
    font-weight: 850;
}

.quality-empty p[b-p15m6iabvo] {
    max-width: 58ch;
    margin: 0;
    color: var(--quality-muted);
    line-height: 1.8;
}

.quality-section-heading--result[b-p15m6iabvo] {
    align-items: flex-start;
}

.quality-result-overview[b-p15m6iabvo] {
    display: grid;
    grid-template-columns: minmax(19rem, .7fr) minmax(0, 1.3fr);
    gap: 1rem;
    margin-top: 1rem;
}

.quality-score-card[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--quality-line);
    border-radius: 1.1rem;
    background: #fbfdfc;
}

.quality-score-ring[b-p15m6iabvo] {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 50%;
    background:
        radial-gradient(circle closest-side, #fff 75%, transparent 76% 99%, #fff 100%),
        conic-gradient(
            var(--quality-score-color, var(--quality-primary))
            calc(var(--quality-score) * 1%),
            rgba(18, 61, 67, .09) 0);
}

.quality-score-ring span[b-p15m6iabvo] {
    display: grid;
    justify-items: center;
}

.quality-score-ring strong[b-p15m6iabvo] {
    color: var(--quality-score-color, var(--quality-primary));
    font-size: 1.75rem;
    line-height: 1;
}

.quality-score-ring small[b-p15m6iabvo] {
    margin-top: .15rem;
    color: var(--quality-muted);
    font-size: .68rem;
}

.quality-score-card > div:last-child[b-p15m6iabvo] {
    display: grid;
    gap: .2rem;
}

.quality-score-card > div:last-child small[b-p15m6iabvo],
.quality-score-card > div:last-child span[b-p15m6iabvo] {
    color: var(--quality-muted);
    font-size: .74rem;
}

.quality-score-card > div:last-child strong[b-p15m6iabvo] {
    color: var(--quality-ink);
    font-size: 1.2rem;
}

.quality-score-card.is-excellent[b-p15m6iabvo],
.quality-score-card.is-good[b-p15m6iabvo] {
    --quality-score-color: var(--quality-success);
}

.quality-score-card.is-review[b-p15m6iabvo] {
    --quality-score-color: var(--quality-warning);
}

.quality-score-card.is-critical[b-p15m6iabvo] {
    --quality-score-color: var(--quality-danger);
}

.quality-result-metrics[b-p15m6iabvo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.quality-result-metrics article[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 7.4rem;
    padding: 1rem;
    border: 1px solid var(--quality-line);
    border-radius: 1.05rem;
    background: #fff;
}

.quality-result-metrics article > span[b-p15m6iabvo] {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .85rem;
}

.quality-result-metrics article > div[b-p15m6iabvo] {
    display: grid;
    gap: .15rem;
}

.quality-result-metrics strong[b-p15m6iabvo] {
    color: var(--quality-ink);
    font-size: 1.55rem;
    line-height: 1;
}

.quality-result-metrics small[b-p15m6iabvo] {
    color: var(--quality-muted);
}

.quality-result-metrics .is-error > span[b-p15m6iabvo] {
    color: var(--quality-danger);
    background: rgba(189, 67, 84, .1);
}

.quality-result-metrics .is-warning > span[b-p15m6iabvo] {
    color: var(--quality-warning);
    background: rgba(193, 129, 33, .1);
}

.quality-result-metrics .is-total > span[b-p15m6iabvo] {
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .1);
}

.quality-findings-heading[b-p15m6iabvo] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--quality-line);
}

.quality-findings-heading h3[b-p15m6iabvo] {
    margin: 0;
    color: var(--quality-ink);
    font-size: 1.15rem;
    font-weight: 850;
}

.quality-findings-heading p[b-p15m6iabvo] {
    margin: .2rem 0 0;
    color: var(--quality-muted);
    font-size: .82rem;
}

.quality-findings-filters[b-p15m6iabvo] {
    display: flex;
    gap: .55rem;
    width: min(100%, 56rem);
}

.quality-findings-filters > select[b-p15m6iabvo] {
    flex: 0 0 clamp(15rem, 19vw, 19rem);
    width: clamp(15rem, 19vw, 19rem);
    min-height: 2.8rem;
    border-color: var(--quality-line);
    border-radius: .72rem;
}

.quality-findings-filters .quality-search[b-p15m6iabvo] {
    flex: 1 1 30rem;
    min-width: 28rem;
}

.quality-search[b-p15m6iabvo] {
    position: relative;
    display: block;
    width: 100%;
}

.quality-search i[b-p15m6iabvo] {
    position: absolute;
    inset-inline-start: .9rem;
    inset-block-start: 50%;
    color: #91a3a6;
    transform: translateY(-50%);
    pointer-events: none;
}

.quality-search input[b-p15m6iabvo] {
    width: 100%;
    min-height: 2.8rem;
    padding: .62rem 2.6rem .62rem .85rem;
    border: 1px solid var(--quality-line);
    border-radius: .72rem;
    color: var(--quality-ink);
    background: #fff;
    outline: none;
}

.quality-search input:focus[b-p15m6iabvo] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .22rem rgba(20, 95, 101, .08);
}

.quality-findings-table-wrap[b-p15m6iabvo] {
    overflow: auto;
    margin-top: 1rem;
    border: 1px solid var(--quality-line);
    border-radius: 1rem;
}

.quality-findings-table[b-p15m6iabvo] {
    width: 100%;
    min-width: 70rem;
    border-collapse: collapse;
    background: #fff;
}

.quality-findings-table th[b-p15m6iabvo] {
    padding: .8rem;
    color: #6d8286;
    background: #f1f5f4;
    font-size: .75rem;
    font-weight: 850;
    white-space: nowrap;
}

.quality-findings-table td[b-p15m6iabvo] {
    padding: .85rem .8rem;
    border-top: 1px solid var(--quality-line);
    color: var(--quality-ink);
    vertical-align: middle;
    font-size: .82rem;
}

.quality-findings-table tbody tr[b-p15m6iabvo] {
    transition: background .18s ease;
}

.quality-findings-table tbody tr:hover[b-p15m6iabvo] {
    background: #fbfdfc;
}

.quality-severity[b-p15m6iabvo] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .36rem .56rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 850;
    white-space: nowrap;
}

.quality-severity.is-error[b-p15m6iabvo] {
    color: var(--quality-danger);
    background: rgba(189, 67, 84, .1);
}

.quality-severity.is-warning[b-p15m6iabvo] {
    color: #a66b13;
    background: rgba(193, 129, 33, .11);
}

.quality-finding-copy[b-p15m6iabvo],
.quality-finding-context[b-p15m6iabvo] {
    display: grid;
    gap: .2rem;
}

.quality-finding-copy[b-p15m6iabvo] {
    max-width: 27rem;
}

.quality-finding-copy strong[b-p15m6iabvo],
.quality-finding-context strong[b-p15m6iabvo] {
    color: var(--quality-ink);
    line-height: 1.5;
}

.quality-finding-copy span[b-p15m6iabvo],
.quality-finding-context small[b-p15m6iabvo] {
    color: var(--quality-muted);
    font-size: .73rem;
    line-height: 1.55;
}

.quality-cell-location[b-p15m6iabvo] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    max-width: 14rem;
    overflow: hidden;
    padding: .42rem .55rem;
    border-radius: .55rem;
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .07);
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quality-cell-value[b-p15m6iabvo] {
    display: block;
    max-width: 13rem;
    overflow-wrap: anywhere;
    padding: .45rem .55rem;
    border-radius: .55rem;
    direction: ltr;
    unicode-bidi: plaintext;
    background: #f5f7f7;
    font-weight: 750;
}

.quality-cell-value.is-actual[b-p15m6iabvo] {
    box-shadow: inset 3px 0 rgba(189, 67, 84, .25);
}

.quality-cell-value.is-expected[b-p15m6iabvo] {
    box-shadow: inset 3px 0 rgba(19, 134, 111, .24);
}

.quality-no-findings[b-p15m6iabvo],
.quality-rules-empty[b-p15m6iabvo] {
    display: grid;
    justify-items: center;
    gap: .35rem;
    margin-top: 1rem;
    padding: 2.4rem 1rem;
    border: 1px dashed var(--quality-line);
    border-radius: 1rem;
    color: var(--quality-muted);
    text-align: center;
    background: #fafcfb;
}

.quality-no-findings i[b-p15m6iabvo],
.quality-rules-empty i[b-p15m6iabvo] {
    margin-bottom: .25rem;
    color: var(--quality-success);
    font-size: 1.5rem;
}

.quality-no-findings strong[b-p15m6iabvo],
.quality-rules-empty strong[b-p15m6iabvo] {
    color: var(--quality-ink);
}

.quality-render-note[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .8rem 0 0;
    color: var(--quality-muted);
    font-size: .78rem;
}

.quality-render-note i[b-p15m6iabvo] {
    color: var(--quality-primary);
}

.quality-rule-editor[b-p15m6iabvo] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(20, 95, 101, .18);
    border-radius: 1.1rem;
    background:
        linear-gradient(135deg, rgba(20, 95, 101, .055), rgba(184, 137, 53, .035)),
        #fff;
}

.quality-rule-editor > header[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.quality-rule-editor > header > div[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.quality-rule-editor__mark[b-p15m6iabvo] {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .85rem;
    color: #fff;
    background: var(--quality-primary);
}

.quality-rule-editor header small[b-p15m6iabvo] {
    color: var(--quality-secondary);
    font-size: .7rem;
    font-weight: 800;
}

.quality-rule-editor h3[b-p15m6iabvo] {
    margin: .1rem 0 0;
    color: var(--quality-ink);
    font-size: 1.08rem;
    font-weight: 850;
}

.quality-icon-button[b-p15m6iabvo] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border: 1px solid var(--quality-line);
    border-radius: .7rem;
    color: var(--quality-muted);
    background: #fff;
}

.quality-editor-loading[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .8rem;
    padding: .65rem .75rem;
    border-radius: .7rem;
    color: var(--quality-muted);
    background: rgba(20, 95, 101, .06);
    font-size: .8rem;
}

.quality-rule-form[b-p15m6iabvo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
    margin-top: 1rem;
}

.quality-field--wide[b-p15m6iabvo] {
    grid-column: 1 / -1;
}

.quality-toggle[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .75rem;
    border: 1px solid var(--quality-line);
    border-radius: .8rem;
    background: rgba(255, 255, 255, .75);
    cursor: pointer;
}

.quality-toggle input[b-p15m6iabvo] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quality-toggle > span[b-p15m6iabvo] {
    position: relative;
    flex: 0 0 auto;
    width: 2.7rem;
    height: 1.45rem;
    border-radius: 999px;
    background: #c8d2d3;
    transition: background .2s ease;
}

.quality-toggle > span[b-p15m6iabvo]::after {
    content: "";
    position: absolute;
    inset-block-start: .18rem;
    inset-inline-end: .18rem;
    width: 1.08rem;
    height: 1.08rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 .15rem .4rem rgba(18, 61, 67, .2);
    transition: transform .2s ease;
}

.quality-toggle input:checked + span[b-p15m6iabvo] {
    background: var(--quality-primary);
}

.quality-toggle input:checked + span[b-p15m6iabvo]::after {
    transform: translateX(-1.25rem);
}

.quality-toggle div[b-p15m6iabvo] {
    display: grid;
    gap: .1rem;
}

.quality-toggle strong[b-p15m6iabvo] {
    color: var(--quality-ink);
    font-size: .84rem;
}

.quality-toggle small[b-p15m6iabvo] {
    color: var(--quality-muted);
    font-size: .72rem;
}

.quality-engine-note[b-p15m6iabvo] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin: .9rem 0 0;
    padding: .7rem .8rem;
    border: 1px solid rgba(184, 137, 53, .18);
    border-radius: .75rem;
    color: #87641e;
    background: rgba(184, 137, 53, .07);
    font-size: .78rem;
    line-height: 1.65;
}

.quality-rule-editor > footer[b-p15m6iabvo] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--quality-line);
}

.quality-rules-toolbar[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: 1rem;
    padding: .8rem;
    border: 1px solid var(--quality-line);
    border-radius: .9rem;
    background: #f8faf9;
}

.quality-rules-toolbar .quality-search[b-p15m6iabvo] {
    max-width: 28rem;
}

.quality-rules-toolbar > select[b-p15m6iabvo] {
    width: 12rem;
    min-height: 2.8rem;
    border-color: var(--quality-line);
    border-radius: .72rem;
}

.quality-rule-list[b-p15m6iabvo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.quality-rule-card[b-p15m6iabvo] {
    display: grid;
    grid-template-rows: auto 1fr auto auto;
    gap: .8rem;
    min-width: 0;
    padding: .95rem;
    border: 1px solid var(--quality-line);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .6rem 1.4rem rgba(18, 61, 67, .045);
    transition: transform .2s ease, border-color .2s ease;
}

.quality-rule-card:hover[b-p15m6iabvo] {
    border-color: rgba(20, 95, 101, .27);
    transform: translateY(-2px);
}

.quality-rule-card.is-disabled[b-p15m6iabvo] {
    opacity: .65;
    background: #fafbfb;
}

.quality-rule-card__top[b-p15m6iabvo],
.quality-rule-card > footer[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.quality-rule-type[b-p15m6iabvo],
.quality-rule-state[b-p15m6iabvo] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--quality-primary);
    font-size: .72rem;
    font-weight: 850;
}

.quality-rule-state[b-p15m6iabvo] {
    padding: .3rem .5rem;
    border-radius: 999px;
}

.quality-rule-state i[b-p15m6iabvo] {
    font-size: .42rem;
}

.quality-rule-state.is-enabled[b-p15m6iabvo] {
    color: var(--quality-success);
    background: rgba(19, 134, 111, .09);
}

.quality-rule-state.is-disabled[b-p15m6iabvo] {
    color: var(--quality-muted);
    background: rgba(111, 133, 137, .09);
}

.quality-rule-card__body h3[b-p15m6iabvo] {
    margin: 0;
    color: var(--quality-ink);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.55;
}

.quality-rule-card__body p[b-p15m6iabvo] {
    margin: .3rem 0 0;
    color: var(--quality-muted);
    font-size: .76rem;
    line-height: 1.55;
}

.quality-rule-scope[b-p15m6iabvo] {
    display: grid;
    gap: .35rem;
    padding: .65rem;
    border-radius: .7rem;
    background: #f6f8f8;
}

.quality-rule-scope span[b-p15m6iabvo] {
    display: flex;
    align-items: center;
    gap: .4rem;
    overflow: hidden;
    color: var(--quality-muted);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quality-rule-scope i[b-p15m6iabvo] {
    color: var(--quality-primary);
}

.quality-rule-card > footer[b-p15m6iabvo] {
    padding-top: .7rem;
    border-top: 1px solid var(--quality-line);
}

.quality-rule-card > footer button[b-p15m6iabvo] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .4rem .6rem;
    border: 1px solid rgba(20, 95, 101, .14);
    border-radius: .65rem;
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .055);
    font-size: .75rem;
    font-weight: 800;
}

.quality-rule-card > footer button:disabled[b-p15m6iabvo] {
    opacity: .45;
}

@keyframes quality-pulse-b-p15m6iabvo {
    0%,
    100% {
        opacity: .35;
        transform: scaleX(.45);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@media (max-width: 1180px) {
    .quality-hero[b-p15m6iabvo] {
        grid-template-columns: 1fr;
    }

    .quality-hero__metrics article[b-p15m6iabvo] {
        min-height: 6.5rem;
    }

    .quality-rule-list[b-p15m6iabvo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .quality-run-grid[b-p15m6iabvo],
    .quality-result-overview[b-p15m6iabvo] {
        grid-template-columns: 1fr;
    }

    .quality-run-action[b-p15m6iabvo] {
        width: 100%;
    }

    .quality-history-select[b-p15m6iabvo],
    .quality-findings-heading[b-p15m6iabvo] {
        align-items: stretch;
        flex-direction: column;
    }

    .quality-findings-filters[b-p15m6iabvo] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .quality-section-heading[b-p15m6iabvo] {
        align-items: stretch;
        flex-direction: column;
    }

    .quality-result-metrics[b-p15m6iabvo],
    .quality-rule-form[b-p15m6iabvo],
    .quality-rule-list[b-p15m6iabvo] {
        grid-template-columns: 1fr;
    }

    .quality-field--wide[b-p15m6iabvo] {
        grid-column: auto;
    }

    .quality-findings-filters[b-p15m6iabvo],
    .quality-rules-toolbar[b-p15m6iabvo] {
        align-items: stretch;
        flex-direction: column;
    }

    .quality-findings-filters > select[b-p15m6iabvo],
    .quality-findings-filters .quality-search[b-p15m6iabvo],
    .quality-rules-toolbar > select[b-p15m6iabvo],
    .quality-rules-toolbar .quality-search[b-p15m6iabvo] {
        width: 100%;
        min-width: 0;
        max-width: none;
        flex-basis: auto;
    }
}

@media (max-width: 560px) {
    .quality-hero__metrics[b-p15m6iabvo] {
        grid-template-columns: 1fr;
    }

    .quality-hero__metrics article[b-p15m6iabvo] {
        min-height: auto;
    }

    .quality-empty[b-p15m6iabvo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .quality-score-card[b-p15m6iabvo] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .quality-loading__line[b-p15m6iabvo] {
        animation: none;
    }

    .quality-run-action[b-p15m6iabvo],
    .quality-primary-action[b-p15m6iabvo],
    .quality-secondary-action[b-p15m6iabvo],
    .quality-rule-card[b-p15m6iabvo],
    .quality-toggle > span[b-p15m6iabvo],
    .quality-toggle > span[b-p15m6iabvo]::after {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/NotificationRulesPanel.razor.rz.scp.css */
.smart-rules[b-wjbgit0kcc] {
    --smart-primary: var(--gov-primary, #145f65);
    --smart-secondary: var(--gov-secondary, #b88935);
    --smart-ink: var(--gov-ink, #123c43);
    --smart-muted: var(--gov-muted, #6f898d);
    --smart-line: var(--gov-line, #dfe9e8);
    display: grid;
    gap: 1rem;
    padding: 1.2rem 1.4rem;
    border-bottom: 1px solid var(--smart-line);
    background:
        radial-gradient(circle at 5% 0, rgba(184, 137, 53, .08), transparent 24rem),
        linear-gradient(180deg, #fff, rgba(246, 250, 249, .78));
    direction: rtl;
}

.smart-rules button[b-wjbgit0kcc],
.smart-rules input[b-wjbgit0kcc],
.smart-rules select[b-wjbgit0kcc],
.smart-rules textarea[b-wjbgit0kcc] {
    font: inherit;
}

.smart-rules button:focus-visible[b-wjbgit0kcc],
.smart-rules input:focus-visible[b-wjbgit0kcc],
.smart-rules select:focus-visible[b-wjbgit0kcc],
.smart-rules textarea:focus-visible[b-wjbgit0kcc] {
    outline: 3px solid rgba(20, 95, 101, .18);
    outline-offset: 2px;
}

.smart-rules__header[b-wjbgit0kcc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.smart-rules__header > div[b-wjbgit0kcc] {
    min-width: 0;
}

.smart-rules__kicker[b-wjbgit0kcc] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--smart-secondary);
    font-size: .72rem;
    font-weight: 900;
}

.smart-rules__header h3[b-wjbgit0kcc] {
    margin: .3rem 0 .2rem;
    color: var(--smart-ink);
    font-size: 1.08rem;
    font-weight: 900;
}

.smart-rules__header p[b-wjbgit0kcc] {
    max-width: 56rem;
    margin: 0;
    color: var(--smart-muted);
    font-size: .76rem;
    line-height: 1.75;
}

.smart-rules__primary[b-wjbgit0kcc],
.smart-rules__secondary[b-wjbgit0kcc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.65rem;
    padding: .55rem 1rem;
    border: 1px solid transparent;
    border-radius: .72rem;
    font-size: .75rem;
    font-weight: 900;
    cursor: pointer;
}

.smart-rules__primary[b-wjbgit0kcc] {
    color: #fff;
    background: var(--smart-primary);
    box-shadow: 0 .55rem 1.3rem rgba(20, 95, 101, .14);
}

.smart-rules__secondary[b-wjbgit0kcc] {
    border-color: var(--smart-line);
    color: var(--smart-primary);
    background: #fff;
}

.smart-rules button:disabled[b-wjbgit0kcc] {
    cursor: wait;
    opacity: .58;
}

.smart-rules__permission[b-wjbgit0kcc],
.smart-rules__loading[b-wjbgit0kcc],
.smart-rules__empty[b-wjbgit0kcc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 6rem;
    padding: 1rem;
    border: 1px dashed rgba(20, 95, 101, .2);
    border-radius: 1rem;
    color: var(--smart-muted);
    background: rgba(255, 255, 255, .72);
}

.smart-rules__permission > i[b-wjbgit0kcc],
.smart-rules__empty > i[b-wjbgit0kcc] {
    display: grid;
    place-items: center;
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .85rem;
    color: var(--smart-primary);
    background: rgba(20, 95, 101, .08);
}

.smart-rules__permission div[b-wjbgit0kcc],
.smart-rules__empty div[b-wjbgit0kcc] {
    display: grid;
    gap: .18rem;
}

.smart-rules__permission strong[b-wjbgit0kcc],
.smart-rules__empty strong[b-wjbgit0kcc] {
    color: var(--smart-ink);
    font-size: .78rem;
}

.smart-rules__permission span[b-wjbgit0kcc],
.smart-rules__empty span[b-wjbgit0kcc],
.smart-rules__loading[b-wjbgit0kcc] {
    font-size: .72rem;
}

.smart-rules__message[b-wjbgit0kcc] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .7rem .8rem;
    border: 1px solid rgba(19, 134, 111, .2);
    border-radius: .75rem;
    color: #0f765f;
    background: #effaf6;
    font-size: .73rem;
    font-weight: 800;
}

.smart-rules__message.is-error[b-wjbgit0kcc] {
    border-color: rgba(189, 67, 84, .22);
    color: #a43147;
    background: #fff3f5;
}

.smart-rules__message span[b-wjbgit0kcc] {
    flex: 1;
}

.smart-rules__message button[b-wjbgit0kcc] {
    display: grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 0;
    border-radius: .5rem;
    color: inherit;
    background: rgba(255, 255, 255, .7);
}

.smart-rule-editor[b-wjbgit0kcc] {
    overflow: hidden;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 1rem 2.5rem rgba(19, 60, 67, .09);
}

.smart-rule-editor > header[b-wjbgit0kcc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem;
    color: #fff;
    background: linear-gradient(112deg, #174f56, #0c363c);
}

.smart-rule-editor > header div[b-wjbgit0kcc] {
    display: grid;
    gap: .1rem;
}

.smart-rule-editor > header span[b-wjbgit0kcc] {
    color: #dbc28f;
    font-size: .65rem;
    font-weight: 800;
}

.smart-rule-editor > header strong[b-wjbgit0kcc] {
    font-size: .9rem;
}

.smart-rule-editor > header button[b-wjbgit0kcc] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: .55rem;
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

.smart-rule-editor__grid[b-wjbgit0kcc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    padding: 1rem;
}

.smart-rule-field[b-wjbgit0kcc] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.smart-rule-field > span[b-wjbgit0kcc] {
    color: var(--smart-ink);
    font-size: .7rem;
    font-weight: 850;
}

.smart-rule-field > span b[b-wjbgit0kcc] {
    color: #bd4354;
}

.smart-rule-field input[b-wjbgit0kcc],
.smart-rule-field select[b-wjbgit0kcc],
.smart-rule-field textarea[b-wjbgit0kcc] {
    width: 100%;
    min-height: 2.65rem;
    padding: .56rem .7rem;
    border: 1px solid var(--smart-line);
    border-radius: .68rem;
    color: var(--smart-ink);
    background: #fff;
    font-size: .74rem;
}

.smart-rule-field textarea[b-wjbgit0kcc] {
    min-height: 5rem;
    resize: vertical;
}

.smart-rule-field small[b-wjbgit0kcc],
.smart-rule-switch small[b-wjbgit0kcc] {
    color: var(--smart-muted);
    font-size: .62rem;
    line-height: 1.55;
}

.smart-rule-field--wide[b-wjbgit0kcc] {
    grid-column: 1 / -1;
}

.smart-rule-switch[b-wjbgit0kcc] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 4.25rem;
    padding: .65rem .75rem;
    border: 1px solid var(--smart-line);
    border-radius: .72rem;
    background: rgba(246, 250, 249, .8);
}

.smart-rule-switch > input[b-wjbgit0kcc] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.smart-rule-switch > span[b-wjbgit0kcc] {
    position: relative;
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 1.5rem;
    border-radius: 99rem;
    background: #cad7d6;
    transition: background .2s ease;
}

.smart-rule-switch > span[b-wjbgit0kcc]::after {
    content: "";
    position: absolute;
    inset-block-start: .2rem;
    inset-inline-start: .2rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 .15rem .4rem rgba(18, 60, 67, .18);
    transition: transform .2s ease;
}

.smart-rule-switch > input:checked + span[b-wjbgit0kcc] {
    background: #13866f;
}

.smart-rule-switch > input:checked + span[b-wjbgit0kcc]::after {
    transform: translateX(-1.3rem);
}

.smart-rule-switch div[b-wjbgit0kcc] {
    display: grid;
    gap: .12rem;
}

.smart-rule-switch strong[b-wjbgit0kcc] {
    color: var(--smart-ink);
    font-size: .72rem;
}

.recipient-picker[b-wjbgit0kcc] {
    margin: 0 1rem 1rem;
    border: 1px solid var(--smart-line);
    border-radius: .82rem;
    background: #fbfdfd;
}

.recipient-picker > header[b-wjbgit0kcc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .75rem;
    border-bottom: 1px solid var(--smart-line);
}

.recipient-picker > header > div:first-child[b-wjbgit0kcc] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.recipient-picker > header strong[b-wjbgit0kcc] {
    color: var(--smart-ink);
    font-size: .72rem;
}

.recipient-picker > header span[b-wjbgit0kcc] {
    padding: .16rem .45rem;
    border-radius: 99rem;
    color: var(--smart-primary);
    background: rgba(20, 95, 101, .08);
    font-size: .62rem;
    font-weight: 800;
}

.recipient-picker__search[b-wjbgit0kcc] {
    position: relative;
    width: min(17rem, 48%);
}

.recipient-picker__search i[b-wjbgit0kcc] {
    position: absolute;
    inset-inline-start: .65rem;
    inset-block-start: 50%;
    color: #91a5a8;
    transform: translateY(-50%);
}

.recipient-picker__search input[b-wjbgit0kcc] {
    width: 100%;
    min-height: 2.25rem;
    padding: .45rem 2rem .45rem .6rem;
    border: 1px solid var(--smart-line);
    border-radius: .6rem;
    font-size: .7rem;
}

.recipient-picker__items[b-wjbgit0kcc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
    max-height: 15rem;
    padding: .6rem;
    overflow: auto;
}

.recipient-picker__items label[b-wjbgit0kcc] {
    display: grid;
    grid-template-columns: auto 2.1rem minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    min-width: 0;
    padding: .5rem;
    border: 1px solid transparent;
    border-radius: .65rem;
    background: #fff;
}

.recipient-picker__items label:has(input:checked)[b-wjbgit0kcc] {
    border-color: rgba(20, 95, 101, .24);
    background: rgba(20, 95, 101, .045);
}

.recipient-picker__items input[b-wjbgit0kcc] {
    accent-color: var(--smart-primary);
}

.recipient-picker__avatar[b-wjbgit0kcc] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: .62rem;
    color: var(--smart-primary);
    background: rgba(20, 95, 101, .08);
    font-size: .66rem;
    font-weight: 900;
}

.recipient-picker__items label > span:last-child[b-wjbgit0kcc] {
    display: grid;
    gap: .06rem;
    min-width: 0;
}

.recipient-picker__items strong[b-wjbgit0kcc],
.recipient-picker__items small[b-wjbgit0kcc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recipient-picker__items strong[b-wjbgit0kcc] {
    color: var(--smart-ink);
    font-size: .68rem;
}

.recipient-picker__items small[b-wjbgit0kcc] {
    color: var(--smart-muted);
    font-size: .6rem;
}

.smart-rule-editor__hint[b-wjbgit0kcc] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0 1rem 1rem;
    padding: .7rem .8rem;
    border: 1px dashed rgba(184, 137, 53, .35);
    border-radius: .75rem;
    color: #77623c;
    background: rgba(184, 137, 53, .065);
    font-size: .7rem;
}

.smart-rule-editor > footer[b-wjbgit0kcc] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    padding: .75rem 1rem;
    border-top: 1px solid var(--smart-line);
    background: #f8fbfa;
}

.smart-rules__summary[b-wjbgit0kcc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.smart-rules__summary article[b-wjbgit0kcc] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    padding: .65rem .75rem;
    border: 1px solid var(--smart-line);
    border-radius: .75rem;
    color: var(--smart-muted);
    background: rgba(255, 255, 255, .8);
    font-size: .68rem;
}

.smart-rules__summary i[b-wjbgit0kcc] {
    color: var(--smart-secondary);
}

.smart-rules__summary strong[b-wjbgit0kcc] {
    color: var(--smart-ink);
}

.smart-rules__list[b-wjbgit0kcc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.smart-rule-card[b-wjbgit0kcc] {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    align-items: start;
    gap: .7rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid var(--smart-line);
    border-radius: .85rem;
    background: #fff;
}

.smart-rule-card.is-enabled[b-wjbgit0kcc] {
    border-color: rgba(20, 95, 101, .22);
    box-shadow: inset -.2rem 0 var(--smart-primary);
}

.smart-rule-card.is-disabled[b-wjbgit0kcc] {
    opacity: .68;
    background: #f7f9f9;
}

.smart-rule-card__icon[b-wjbgit0kcc] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .8rem;
    color: var(--smart-primary);
    background: rgba(20, 95, 101, .08);
}

.smart-rule-card__body[b-wjbgit0kcc] {
    display: grid;
    gap: .38rem;
    min-width: 0;
}

.smart-rule-card__body header[b-wjbgit0kcc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .55rem;
}

.smart-rule-card__body header div[b-wjbgit0kcc] {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

.smart-rule-card__body header strong[b-wjbgit0kcc],
.smart-rule-card__body header span[b-wjbgit0kcc],
.smart-rule-card__body p[b-wjbgit0kcc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-rule-card__body header strong[b-wjbgit0kcc] {
    color: var(--smart-ink);
    font-size: .75rem;
}

.smart-rule-card__body header span[b-wjbgit0kcc],
.smart-rule-card__body header b[b-wjbgit0kcc] {
    font-size: .61rem;
}

.smart-rule-card__body header span[b-wjbgit0kcc] {
    color: var(--smart-muted);
}

.smart-rule-card__body header b[b-wjbgit0kcc] {
    flex: 0 0 auto;
    padding: .16rem .42rem;
    border-radius: 99rem;
    color: #0f765f;
    background: rgba(19, 134, 111, .1);
}

.smart-rule-card.is-disabled header b[b-wjbgit0kcc] {
    color: #7c8c8f;
    background: #edf1f1;
}

.smart-rule-card__body p[b-wjbgit0kcc] {
    margin: 0;
    color: #526f74;
    font-size: .68rem;
}

.smart-rule-card__meta[b-wjbgit0kcc] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.smart-rule-card__meta span[b-wjbgit0kcc] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .15rem .38rem;
    border-radius: 99rem;
    color: #607b7f;
    background: #eef4f3;
    font-size: .58rem;
}

.smart-rule-card__actions[b-wjbgit0kcc] {
    display: flex;
    gap: .32rem;
}

.smart-rule-card__actions button[b-wjbgit0kcc] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--smart-line);
    border-radius: .58rem;
    color: var(--smart-primary);
    background: #fff;
}

.smart-rule-card__actions button.is-stop[b-wjbgit0kcc] {
    color: #9f7530;
    background: #fff9ef;
}

.smart-rule-card__actions button.is-start[b-wjbgit0kcc] {
    color: #0f765f;
    background: #effaf6;
}

@media (max-width: 980px) {
    .smart-rule-editor__grid[b-wjbgit0kcc],
    .smart-rules__list[b-wjbgit0kcc] {
        grid-template-columns: 1fr;
    }

    .smart-rule-field--wide[b-wjbgit0kcc] {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .smart-rules[b-wjbgit0kcc] {
        padding: 1rem;
    }

    .smart-rules__header[b-wjbgit0kcc],
    .recipient-picker > header[b-wjbgit0kcc] {
        align-items: stretch;
        flex-direction: column;
    }

    .smart-rules__header .smart-rules__primary[b-wjbgit0kcc],
    .recipient-picker__search[b-wjbgit0kcc] {
        width: 100%;
    }

    .smart-rules__summary[b-wjbgit0kcc],
    .recipient-picker__items[b-wjbgit0kcc] {
        grid-template-columns: 1fr;
    }

    .smart-rule-card[b-wjbgit0kcc] {
        grid-template-columns: 2.6rem minmax(0, 1fr);
    }

    .smart-rule-card__actions[b-wjbgit0kcc] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
/* _content/Starterkit/Observatory/Components/ObservatoryAccessDenied.razor.rz.scp.css */
.obs-access-denied[b-792ouvzk46] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    min-height: 190px;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    border: 1px solid #e8d2d7;
    border-radius: 18px;
    color: #792d3a;
    background:
        repeating-linear-gradient(135deg, transparent, transparent 15px, rgba(125, 42, 58, .018) 16px),
        linear-gradient(135deg, #fff8f9, #fff);
    box-shadow: 0 18px 44px rgba(108, 32, 48, .075);
}

.obs-access-denied[b-792ouvzk46]::after {
    content: "403";
    position: absolute;
    inset-inline-end: 22px;
    inset-block-end: -29px;
    color: rgba(125, 42, 58, .04);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 7rem;
    font-weight: 900;
    line-height: 1;
}

.obs-access-denied__icon[b-792ouvzk46] {
    display: grid;
    width: 62px;
    height: 62px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg, #a64456, #792d3a);
    box-shadow: 0 14px 30px rgba(121, 45, 58, .2);
}

.obs-access-denied__code[b-792ouvzk46] {
    display: block;
    margin-bottom: 5px;
    color: #b27f89;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.obs-access-denied h2[b-792ouvzk46] {
    margin: 0 0 7px;
    font-size: clamp(1.05rem, 2vw, 1.3rem);
    font-weight: 700;
}

.obs-access-denied p[b-792ouvzk46] {
    margin: 0;
    color: #8a6269;
    line-height: 1.7;
}

@media (max-width: 575.98px) {
    .obs-access-denied[b-792ouvzk46] {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}
/* _content/Starterkit/Observatory/Components/ObservatoryHelpTooltip.razor.rz.scp.css */
.obs-help[b-238van1bha] { display:inline-flex; vertical-align:middle; flex-shrink:0; font-weight:400; }
.obs-help .obs-help-icon[b-238van1bha] { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; min-height:32px; padding:0; border:1px solid transparent; border-radius:50%; color:var(--obs-primary,#0b4f52); background:transparent; font-size:16px; cursor:pointer; }
.obs-help-icon i[b-238van1bha] { color:inherit; font-size:16px; }
.obs-help-icon:hover[b-238van1bha],.obs-help:has(:popover-open) .obs-help-icon[b-238van1bha] { background:#eaf2f3; border-color:#b8ccd0; }
.obs-help-icon:focus-visible[b-238van1bha] { outline:3px solid #345c6a; outline-offset:3px; }
/* Native popovers open locally and handle outside clicks and Escape without a server round trip. */
.obs-help-tooltip[b-238van1bha] { position:fixed; inset:0; margin:auto; width:min(26rem,calc(100vw - 24px)); height:fit-content; max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; padding:14px; color:#19343e; background:#fff; border:1px solid #8c9fa7; border-radius:10px; box-shadow:0 8px 24px #19343e26; font-family:inherit; font-size:max(14px,.95rem); font-weight:400; line-height:1.8; text-align:start; white-space:normal; overflow-wrap:anywhere; }
.obs-help-tooltip>strong[b-238van1bha],.obs-help-tooltip>span[b-238van1bha] { display:block; }
.obs-help-tooltip>strong[b-238van1bha] { margin-block-end:6px; }
.obs-help-example[b-238van1bha] { margin-block-start:10px; padding-block-start:10px; border-block-start:1px solid #dce8e8; }
@supports (position-area:bottom) {
    .obs-help-tooltip[b-238van1bha] { inset:auto; margin:8px; position-area:bottom span-left; position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline; }
}
/* _content/Starterkit/Observatory/Components/ObservatoryHomeDashboard.razor.rz.scp.css */
.observatory-home-dashboard[b-lcwmbibepj] { container-type: inline-size; color: #173f43; min-width: 0; }
.home-heading[b-lcwmbibepj] { margin-bottom: 22px; }
.home-heading h1[b-lcwmbibepj] { margin: 0 0 6px; font-size: 25px !important; font-weight: 700; color: #173f43; }
.home-heading p[b-lcwmbibepj] { margin: 0; color: #6a807d; font-size: 13px !important; }
.home-statistics[b-lcwmbibepj] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.home-statistic[b-lcwmbibepj] { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px 14px; border: 1px solid #e2eae7; border-radius: 12px; background: #fff; }
.home-statistic > div[b-lcwmbibepj] { min-width: 0; }
.home-statistic-icon[b-lcwmbibepj] { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 10px; color: var(--stat-color); background: var(--stat-surface); }
.home-statistic-icon i[b-lcwmbibepj] { font-size: 16px; color: inherit; }
/* Outrank the shared shell's heading sizes without changing other Observatory pages. */
.observatory-home-dashboard .home-statistic h2[b-lcwmbibepj] { margin: 0 0 4px; color: #667b7b; font-size: 16px !important; font-weight: 700; line-height: 1.45; }
.observatory-home-dashboard .home-statistic b[b-lcwmbibepj] { display: block; font-size: 16px !important; font-weight: 700; line-height: 1.4; font-variant-numeric: tabular-nums; }
.home-requests[b-lcwmbibepj] { min-width: 0; background: #fff; border: 1px solid #e2eae7; border-radius: 15px; overflow: hidden; }
.home-requests-toolbar[b-lcwmbibepj] { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 18px 20px; }
.home-requests-toolbar h2[b-lcwmbibepj] { margin: 0; font-size: 18px !important; font-weight: 700; }
.home-requests-filters[b-lcwmbibepj] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: stretch; gap: 8px; width: min(100%, 560px); min-width: 0; }
.home-search[b-lcwmbibepj] { display: flex; align-items: center; gap: 8px; padding-inline: 12px; border: 1px solid #dbe5e2; border-radius: 9px; background: #fbfdfc; min-width: 0; }
.home-search i[b-lcwmbibepj] { color: #6a8281; }
.home-search input[b-lcwmbibepj] { width: 100%; min-width: 0; border: 0; outline-offset: -2px; background: transparent; }
.home-requests-filters input[b-lcwmbibepj], .home-requests-filters select[b-lcwmbibepj] { min-height: 42px; font-size: 13px !important; font-family: inherit; color: #425b5b; }
.home-requests-filters select[b-lcwmbibepj] { border: 1px solid #dbe5e2; border-radius: 9px; padding: 8px 12px; background: #fbfdfc; width: 100%; min-width: 0; max-width: 100%; }
.home-requests-table-wrap[b-lcwmbibepj] { overflow-x: auto; }
.home-requests-table[b-lcwmbibepj] { border-collapse: collapse; width: 100%; min-width: 680px; text-align: right; }
.observatory-home-dashboard .home-requests-table th[b-lcwmbibepj] { background: #f3f7f5; color: #526968; font-size: 16px !important; font-weight: 400; }
.home-requests-table th[b-lcwmbibepj], .home-requests-table td[b-lcwmbibepj] { padding: 15px 18px; border-bottom: 1px solid #edf1ef; vertical-align: middle; line-height: 1.65; }
.observatory-home-dashboard .home-requests-table td[b-lcwmbibepj] { font-size: 13px !important; color: #405757; }
.observatory-home-dashboard .home-request-file[b-lcwmbibepj],
.observatory-home-dashboard .home-request-file bdi[b-lcwmbibepj],
.observatory-home-dashboard .home-preview[b-lcwmbibepj],
.observatory-home-dashboard .home-requests-table[b-lcwmbibepj]  .obs-status { font-size: 13px !important; }
.home-requests-table th:first-child[b-lcwmbibepj], .home-requests-table td:first-child[b-lcwmbibepj] { width: 60px; text-align: center; }
.home-requests-table td:nth-child(2)[b-lcwmbibepj] { max-width: 280px; overflow-wrap: anywhere; }
.home-request-file[b-lcwmbibepj] { display: flex; gap: 9px; align-items: baseline; }
.home-request-file i[b-lcwmbibepj] { color: var(--obs-primary, #246e68); flex-shrink: 0; }
.home-request-file bdi[b-lcwmbibepj] { min-width: 0; }
.home-preview[b-lcwmbibepj] { display: inline-flex; gap: 7px; align-items: center; justify-content: center; min-height: 36px; padding: 5px 11px; border: 1px solid #cddfda; border-radius: 8px; color: #246667; background: #fff; text-decoration: none; white-space: nowrap; font-size: 13px !important; }
.home-preview:hover[b-lcwmbibepj] { background: #edf6f2; }
.home-requests-footer[b-lcwmbibepj] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 16px 20px; color: #6c7f7e; font-size: 12px; }
.home-pagination[b-lcwmbibepj] { display: flex; gap: 6px; }
.home-pagination button[b-lcwmbibepj] { display: inline-flex; align-items: center; justify-content: center; width: 36px; min-height: 36px; padding: 4px; border: 1px solid #dfe8e4; border-radius: 7px; background: #fff; color: #355d5b; font: inherit; cursor: pointer; }
.home-pagination button.is-current[b-lcwmbibepj] { background: var(--obs-primary, #246667); border-color: var(--obs-primary, #246667); color: #fff; }
.home-pagination button:disabled[b-lcwmbibepj] { background: #f3f6f4; color: #9aafab; cursor: default; }
.home-pagination button:focus-visible[b-lcwmbibepj], .home-preview:focus-visible[b-lcwmbibepj] { outline: 2px solid var(--obs-primary, #246667); outline-offset: 2px; }
.home-requests-filters :is(input, select):is(:focus, :focus-visible)[b-lcwmbibepj], .home-search:focus-within[b-lcwmbibepj] { outline: none !important; box-shadow: none !important; }
.home-search input:is(:focus, :focus-visible)[b-lcwmbibepj] { border: 0 !important; }
.home-requests-filters select:focus[b-lcwmbibepj] { border-color: #dbe5e2 !important; }
.home-search input[b-lcwmbibepj]::-webkit-search-cancel-button, .home-search input[b-lcwmbibepj]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
.home-search input[b-lcwmbibepj]::-ms-clear { display: none; width: 0; height: 0; }
.home-requests-empty[b-lcwmbibepj] { padding: 36px 20px; text-align: center; color: #647c79; }
@container (max-width: 950px) { .home-statistic[b-lcwmbibepj] { padding: 10px 12px; gap: 8px; } }
@container (max-width: 700px) { .home-statistics[b-lcwmbibepj] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .home-requests-filters[b-lcwmbibepj] { width: 100%; } }
@container (max-width: 360px) { .home-statistics[b-lcwmbibepj] { grid-template-columns: minmax(0, 1fr); } }
/* _content/Starterkit/Observatory/Components/ObservatoryLoadingTasks.razor.rz.scp.css */
.obs-loading-tasks[b-vfuiv67s8y] { display:inline-grid; gap:8px; text-align:start; font-size:.88rem; }
.obs-loading-tasks > span[b-vfuiv67s8y] { display:flex; align-items:center; gap:8px; }
.obs-loading-tasks__done[b-vfuiv67s8y] { color:#267566; }
.obs-loading-tasks__done > span[b-vfuiv67s8y] { display:grid; place-items:center; width:20px; height:20px; background:#e2f1ea; border-radius:50%; }
.obs-loading-tasks__current[b-vfuiv67s8y] { color:#244e50; }
.spinner-border[b-vfuiv67s8y] { width:18px; height:18px; }
@media(prefers-reduced-motion:reduce) { .spinner-border[b-vfuiv67s8y] { animation:none; } }
/* _content/Starterkit/Observatory/Components/ObservatoryPageShell.razor.rz.scp.css */
.obs-shell[b-c9g9cxrqip] {
    --obs-primary: #0b4f52;
    --obs-secondary: #b48a45;
    --obs-org-font-family: var(--gb-website-font-family, var(--kt-font-family, var(--bs-body-font-family, sans-serif)));
    --obs-org-font-weight: var(--gb-website-font-weight, 400);
    --obs-page-title-size: 28px;
    --obs-section-title-size: 24px;
    --obs-subsection-title-size: 21px;
    --obs-text-size: 18px;
    --obs-helper-text-size: 16px;
    --obs-feedback-text-size: clamp(18px, calc(17px + .15vw), 20px);
    --obs-ink: #132b2e;
    --obs-muted: #66797b;
    --obs-line: #d8e4e2;
    --obs-surface: #ffffff;
    --obs-surface-soft: #f3f7f6;
    --obs-danger: #a83b4d;
    --obs-success: #16846b;
    --obs-radius-xl: 26px;
    --obs-radius-lg: 20px;
    --obs-radius-md: 14px;
    --obs-shadow-sm: none;
    --obs-shadow-lg: none;
    min-height: 100vh;
    padding: clamp(14px, 2vw, 28px);
    overflow-x: clip;
    color: var(--obs-ink);
    font-family: var(--obs-org-font-family);
    font-size: var(--obs-text-size);
    font-weight: var(--obs-org-font-weight);
    background: transparent;
}

/* Keep search typography and sizing consistent with the indicators toolbar.
   Existing icon containers retain their border and available width. */
.obs-shell.obs-shell[b-c9g9cxrqip]  input[type="search"] {
    min-width: 0;
    min-height: 42px;
    box-sizing: border-box;
    padding: .65rem 1rem;
    border-radius: .475rem;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
}

.obs-shell.obs-shell[b-c9g9cxrqip]  input[type="search"]::placeholder {
    color: var(--bs-gray-600, #6c757d);
    font-size: inherit;
    font-weight: 400;
    opacity: 1;
}

/* Search and editable selectors share the quiet field treatment used by the
   organization directory. Keep this scoped to Observatory, including nested components. */
.obs-shell.obs-shell[b-c9g9cxrqip]  :is(input[type="search"], input[type="text"], input[role="combobox"], select):is(:focus, :focus-visible),
.obs-shell.obs-shell[b-c9g9cxrqip]  .gb-autocomplete-select__toggle:focus-visible,
.obs-shell.obs-shell[b-c9g9cxrqip]  :is(.home-search, .dashboard-search, .audience-search-field,
    .branch-multi__control, .access-autocomplete__control, .gb-autocomplete-select__control):focus-within {
    outline: none !important;
    box-shadow: none !important;
}

/* Use the same neutral border at rest and while typing; validation keeps its own border. */
.obs-shell.obs-shell[b-c9g9cxrqip]  :is(input[type="search"], input[type="text"], input[role="combobox"], select):not(.is-invalid):not(.invalid):not([aria-invalid="true"]) {
    border-color: var(--bs-border-color, #dbe5e2) !important;
}

/* Pair foreground and background when focus replaces a component's surface.
   Dashboard search normally uses white ink over its dark banner; changing only
   its background made typed text white-on-light in day mode. */
.obs-shell.obs-shell[b-c9g9cxrqip]  :is(input[type="search"], input[type="text"], input[role="combobox"], select):focus-visible {
    color: var(--gb-ui-text, #132b2e);
    caret-color: currentColor;
    background-color: color-mix(in srgb, var(--obs-primary) 6%, var(--gb-ui-surface, #fff));
}

.obs-shell.obs-shell[b-c9g9cxrqip]  input[type="search"]:focus-visible::placeholder {
    color: var(--gb-ui-muted, #526e60);
}

.obs-shell[b-c9g9cxrqip]  input[type="search"]::-webkit-search-cancel-button,
.obs-shell[b-c9g9cxrqip]  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.obs-shell[b-c9g9cxrqip]  input[type="search"]::-ms-clear,
.obs-shell[b-c9g9cxrqip]  input[type="text"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

/* All creation actions use the tenant's actual primary color, not a fixed green
   or a pale variant. Directory variables also cover its neutral hover rules. */
.obs-shell.obs-shell[b-c9g9cxrqip]  :is(button, a)[data-obs-action="add"] {
    --directory-button-ink: #fff;
    --directory-button-fill: var(--obs-primary);
    --directory-button-border: var(--obs-primary);
    color: #fff !important;
    background: var(--obs-primary) !important;
    border-color: var(--obs-primary) !important;
}

.obs-shell.obs-shell[b-c9g9cxrqip]  :is(button, a)[data-obs-action="add"] :is(i, span, strong, small, b) {
    color: #fff !important;
}

.obs-shell [b-c9g9cxrqip]::selection {
    color: #fff;
    background: var(--obs-primary);
}

.obs-shell[b-c9g9cxrqip]  button:focus-visible,
.obs-shell[b-c9g9cxrqip]  a:focus-visible,
.obs-shell[b-c9g9cxrqip]  input:focus-visible,
.obs-shell[b-c9g9cxrqip]  select:focus-visible,
.obs-shell[b-c9g9cxrqip]  textarea:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 42%, transparent);
    outline-offset: 2px;
}

.obs-shell__page-header[b-c9g9cxrqip] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 72px;
    padding: 12px 18px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 16%, #fff);
    border-radius: var(--obs-radius-lg);
    background: rgba(255, 255, 255, .88);
    box-shadow: var(--obs-shadow-sm);
}

.obs-shell__page-header[b-c9g9cxrqip]::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    inset-inline-end: -52px;
    inset-block-start: -58px;
    border: 18px solid color-mix(in srgb, var(--obs-primary) 6%, transparent);
    border-radius: 50%;
    pointer-events: none;
}

.obs-shell__page-header-mark[b-c9g9cxrqip] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(
        145deg,
        var(--obs-primary),
        color-mix(in srgb, var(--obs-primary) 72%, #173d45));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--obs-primary) 18%, transparent);
}

.obs-shell__page-header-copy[b-c9g9cxrqip] {
    min-width: 0;
}

.obs-shell__page-header-copy h1[b-c9g9cxrqip] {
    margin: 0;
    color: var(--obs-ink);
    font-size: var(--obs-page-title-size);
    font-weight: 900;
    line-height: 1.35;
}

.obs-shell__page-header-copy p[b-c9g9cxrqip] {
    overflow: hidden;
    margin: 3px 0 0;
    color: var(--obs-muted);
    font-size: var(--obs-helper-text-size);
    line-height: 1.55;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-shell__hero[b-c9g9cxrqip] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 38%, #ffffff);
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(circle at 86% 32%, color-mix(in srgb, var(--obs-secondary) 24%, transparent), transparent 23rem),
        linear-gradient(125deg,
            color-mix(in srgb, var(--obs-primary) 91%, #061d22) 0%,
            color-mix(in srgb, var(--obs-primary) 78%, #173841) 54%,
            color-mix(in srgb, var(--obs-primary) 88%, #081f27) 100%);
    box-shadow:
        0 30px 70px color-mix(in srgb, var(--obs-primary) 22%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.obs-shell__hero[b-c9g9cxrqip]::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0;
    height: 4px;
    background: linear-gradient(90deg,
        transparent,
        var(--obs-secondary) 22%,
        color-mix(in srgb, var(--obs-secondary) 38%, #fff) 54%,
        transparent 88%);
    z-index: 2;
}

.obs-shell__hero[b-c9g9cxrqip]::after {
    content: "";
    position: absolute;
    width: 410px;
    height: 410px;
    inset-inline-start: -250px;
    inset-block-end: -275px;
    border: 70px solid rgba(255, 255, 255, .035);
    border-radius: 50%;
    z-index: -1;
}

.obs-shell__hero-grid[b-c9g9cxrqip] {
    position: absolute;
    inset: 0;
    opacity: .22;
    z-index: -1;
    background-image:
        linear-gradient(rgba(255, 255, 255, .13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .13) 1px, transparent 1px);
    background-size: 38px 38px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 78%);
    mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.obs-shell__hero-glow[b-c9g9cxrqip] {
    position: absolute;
    width: 26rem;
    height: 26rem;
    inset-inline-end: 5%;
    inset-block-start: -17rem;
    border-radius: 50%;
    pointer-events: none;
    background: color-mix(in srgb, var(--obs-secondary) 18%, transparent);
    filter: blur(18px);
    z-index: -1;
}

.obs-shell__hero-body[b-c9g9cxrqip] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 340px);
    gap: clamp(24px, 5vw, 78px);
    align-items: center;
    padding: clamp(27px, 4vw, 48px) clamp(24px, 4vw, 48px) 38px;
}

.obs-shell__hero-copy[b-c9g9cxrqip] {
    min-width: 0;
}

.obs-shell__eyebrow[b-c9g9cxrqip] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    margin-bottom: 15px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 38%, rgba(255, 255, 255, .12));
    border-radius: 999px;
    color: color-mix(in srgb, var(--obs-secondary) 45%, #fff);
    background: color-mix(in srgb, var(--obs-secondary) 11%, transparent);
    font-size: .72rem;
    font-weight: 800;
}

.obs-shell__heading-row[b-c9g9cxrqip] {
    max-width: 850px;
}

.obs-shell__heading-row h1[b-c9g9cxrqip] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3.15vw, 3rem);
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -.035em;
    text-wrap: balance;
    text-shadow: 0 8px 28px rgba(0, 0, 0, .16);
}

.obs-shell__heading-row p[b-c9g9cxrqip] {
    max-width: 760px;
    margin: 13px 0 0;
    color: rgba(255, 255, 255, .69);
    font-size: clamp(.86rem, 1.15vw, .98rem);
    line-height: 1.85;
}

.obs-shell__trust-list[b-c9g9cxrqip] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 21px;
}

.obs-shell__trust-list span[b-c9g9cxrqip] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    color: rgba(255, 255, 255, .72);
    background: rgba(255, 255, 255, .055);
    font-size: .7rem;
    font-weight: 800;
}

.obs-shell__trust-list i[b-c9g9cxrqip] {
    color: color-mix(in srgb, var(--obs-secondary) 70%, #fff);
}

.obs-shell__actions[b-c9g9cxrqip] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.obs-shell__data-visual[b-c9g9cxrqip] {
    position: relative;
    min-height: 218px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 22px;
    padding: 18px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025)),
        repeating-linear-gradient(90deg, transparent, transparent 29px, rgba(255, 255, 255, .027) 30px);
    box-shadow:
        0 24px 48px rgba(0, 0, 0, .17),
        inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(14px);
}

.obs-shell__data-visual[b-c9g9cxrqip]::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    inset-inline-end: -76px;
    inset-block-start: -78px;
    border: 30px solid color-mix(in srgb, var(--obs-secondary) 8%, transparent);
    border-radius: 50%;
}

.obs-shell__command-head[b-c9g9cxrqip] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.obs-shell__command-head > span[b-c9g9cxrqip] {
    display: grid;
    gap: 2px;
}

.obs-shell__command-head small[b-c9g9cxrqip] {
    color: rgba(255, 255, 255, .45);
    font-size: .61rem;
    font-weight: 700;
}

.obs-shell__command-head strong[b-c9g9cxrqip] {
    color: #fff;
    font-size: .84rem;
    font-weight: 900;
}

.obs-shell__command-head em[b-c9g9cxrqip] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 27px;
    padding: 5px 9px;
    border: 1px solid rgba(106, 224, 182, .18);
    border-radius: 999px;
    color: #92e8c9;
    background: rgba(56, 180, 136, .08);
    font-size: .58rem;
    font-style: normal;
    font-weight: 900;
}

.obs-shell__command-head em i[b-c9g9cxrqip] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #67e2b5;
    box-shadow: 0 0 0 4px rgba(103, 226, 181, .09);
}

.obs-shell__command-flow[b-c9g9cxrqip] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 15px 0 13px;
    padding: 0;
    list-style: none;
}

.obs-shell__command-flow[b-c9g9cxrqip]::before {
    content: "";
    position: absolute;
    height: 1px;
    inset-inline: 8%;
    inset-block-start: 18px;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--obs-secondary) 50%, transparent),
        rgba(255, 255, 255, .12));
}

.obs-shell__command-flow li[b-c9g9cxrqip] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 2px;
    min-width: 0;
    text-align: center;
}

.obs-shell__command-flow li > span[b-c9g9cxrqip] {
    display: grid;
    width: 36px;
    height: 36px;
    margin-bottom: 5px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 11px;
    color: color-mix(in srgb, var(--obs-secondary) 72%, #fff);
    background: color-mix(in srgb, var(--obs-primary) 84%, #0b242b);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .17);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .58rem;
    font-weight: 900;
    z-index: 1;
}

.obs-shell__command-flow li strong[b-c9g9cxrqip] {
    color: rgba(255, 255, 255, .86);
    font-size: .67rem;
    font-weight: 900;
}

.obs-shell__command-flow li small[b-c9g9cxrqip] {
    overflow: hidden;
    max-width: 100%;
    color: rgba(255, 255, 255, .38);
    font-size: .52rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-shell__command-health[b-c9g9cxrqip] {
    display: grid;
    grid-template-columns: auto minmax(55px, 1fr) auto;
    gap: 9px;
    align-items: center;
    color: rgba(255, 255, 255, .4);
    font-size: .56rem;
    font-weight: 800;
}

.obs-shell__command-health > div[b-c9g9cxrqip] {
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.obs-shell__command-health > div i[b-c9g9cxrqip] {
    display: block;
    width: 92%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--obs-secondary), #6ce2b8);
}

.obs-shell__command-health strong[b-c9g9cxrqip] {
    color: rgba(255, 255, 255, .67);
    font-size: .57rem;
    font-weight: 900;
}

.obs-shell__navigation-dock[b-c9g9cxrqip] {
    display: grid;
    grid-template-columns: minmax(155px, 190px) minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin: 0 clamp(17px, 2.5vw, 30px) clamp(17px, 2.5vw, 27px);
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .52);
    border-radius: 19px;
    background: rgba(255, 255, 255, .94);
    box-shadow:
        0 18px 42px rgba(3, 29, 33, .22),
        inset 0 1px 0 #fff;
    backdrop-filter: blur(18px);
}

.obs-shell__navigation-label[b-c9g9cxrqip] {
    display: grid;
    gap: 2px;
    padding: 4px 10px;
    border-inline-end: 1px solid #e2eae9;
}

.obs-shell__navigation-label span[b-c9g9cxrqip] {
    color: var(--obs-ink);
    font-size: .78rem;
    font-weight: 900;
}

.obs-shell__navigation-label small[b-c9g9cxrqip] {
    color: #839395;
    font-size: .58rem;
    line-height: 1.6;
}

.obs-shell__navigation[b-c9g9cxrqip] {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding: 2px;
    scrollbar-width: thin;
    scroll-snap-type: inline proximity;
}

.obs-shell__navigation[b-c9g9cxrqip]::-webkit-scrollbar {
    height: 5px;
}

.obs-shell__navigation[b-c9g9cxrqip]::-webkit-scrollbar-track {
    background: transparent;
}

.obs-shell__navigation[b-c9g9cxrqip]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, var(--obs-primary) 22%, transparent);
}

.obs-shell__nav-link[b-c9g9cxrqip] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: max-content;
    min-height: 48px;
    padding: 8px 11px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #637578;
    background: transparent;
    font-size: .72rem;
    font-weight: 800;
    text-decoration: none;
    scroll-snap-align: start;
    transition: transform .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.obs-shell__nav-link:hover[b-c9g9cxrqip],
.obs-shell__nav-link:focus-visible[b-c9g9cxrqip] {
    color: var(--obs-primary);
    border-color: color-mix(in srgb, var(--obs-primary) 15%, #e5eceb);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    transform: translateY(-2px);
    outline: none;
}

.obs-shell__nav-link.is-active[b-c9g9cxrqip] {
    position: relative;
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg,
        var(--obs-primary),
        color-mix(in srgb, var(--obs-primary) 77%, #173d45));
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 24%, transparent);
}

.obs-shell__nav-link.is-active[b-c9g9cxrqip]::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 3px;
    inset-inline-start: 50%;
    inset-block-end: 4px;
    transform: translateX(50%);
    border-radius: 999px;
    background: var(--obs-secondary);
}

.obs-shell__nav-icon[b-c9g9cxrqip] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 9px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

.obs-shell__nav-link.is-active .obs-shell__nav-icon[b-c9g9cxrqip] {
    color: color-mix(in srgb, var(--obs-secondary) 74%, #fff);
    background: rgba(255, 255, 255, .11);
}

.obs-shell__notice[b-c9g9cxrqip] {
    margin-top: 16px;
}

.obs-shell__content[b-c9g9cxrqip] {
    width: 100%;
    min-width: 0;
    padding-block: 22px 36px;
    container-name: observatory-content;
    container-type: inline-size;
}

.obs-shell__content[b-c9g9cxrqip]  :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
    select,
    textarea,
    .form-control,
    .form-select,
    .gb-autocomplete-select,
    .organization-select) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.obs-shell__content[b-c9g9cxrqip]  :where(
    label,
    .obs-field,
    .quality-field,
    .comparison-field,
    .smart-rule-field,
    .obs-template-generator__field,
    .data-map__field) {
    min-width: 0;
    max-width: 100%;
}

.obs-shell__content[b-c9g9cxrqip]  .gb-autocomplete-select.is-open {
    z-index: 1200;
}

.obs-shell__content[b-c9g9cxrqip]  :where(
    .obs-panel,
    .official-template-editor,
    .dictionary-form,
    .channel-editor,
    .smart-rule-editor,
    .access-editor,
    .otd-meta):has(.gb-autocomplete-select.is-open) {
    overflow: visible !important;
    z-index: 100;
}

.obs-shell[b-c9g9cxrqip]  [data-observatory-feedback] {
    scroll-margin-block-start: clamp(16px, 8vh, 88px);
    font-size: var(--obs-feedback-text-size) !important;
    line-height: 1.7;
}

.obs-shell__content[b-c9g9cxrqip]  [data-observatory-feedback][data-observatory-feedback] :is(
    p,
    span,
    strong,
    small) {
    font-size: inherit !important;
    line-height: inherit;
}

.obs-shell__content[b-c9g9cxrqip]  :where(
    section,
    article,
    form,
    .obs-grid,
    .obs-form-grid,
    .obs-panel) {
    min-width: 0;
    max-width: 100%;
}

.obs-shell__content[b-c9g9cxrqip]  :where(
    img,
    video,
    canvas) {
    max-width: 100%;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-panel {
    position: relative;
    overflow: hidden;
    padding: clamp(19px, 2vw, 27px);
    border: 1px solid var(--obs-line);
    border-radius: var(--obs-radius-lg);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(250, 252, 251, .97));
    box-shadow: var(--obs-shadow-sm);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-panel::before {
    content: "";
    position: absolute;
    width: clamp(72px, 11vw, 150px);
    height: 3px;
    inset-block-start: 0;
    inset-inline-start: 0;
    background: var(--obs-line);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-panel::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    inset-inline-end: 12px;
    inset-block-start: 12px;
    border-block-start: 1px solid color-mix(in srgb, var(--obs-primary) 20%, transparent);
    border-inline-end: 1px solid color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-panel__title {
    margin: 0;
    color: var(--obs-ink);
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-panel__subtitle {
    margin: 5px 0 0;
    color: var(--obs-muted);
    font-size: .82rem;
    line-height: 1.7;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-metric {
    position: relative;
    min-height: 146px;
    overflow: hidden;
    padding: 19px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 10%, var(--obs-line));
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .99), color-mix(in srgb, var(--obs-primary) 3%, #f8faf9));
    box-shadow: 0 13px 32px rgba(21, 65, 69, .06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-metric::after {
    content: "";
    position: absolute;
    width: 42%;
    height: 3px;
    inset-inline-end: 0;
    inset-block-start: 0;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--obs-secondary) 65%, var(--obs-primary)));
}

.obs-shell__content[b-c9g9cxrqip]  .obs-metric:hover {
    border-color: color-mix(in srgb, var(--obs-primary) 21%, var(--obs-line));
    box-shadow: 0 18px 38px rgba(21, 65, 69, .1);
    transform: translateY(-3px);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-metric__icon {
    display: grid;
    width: 40px;
    height: 40px;
    margin-bottom: 17px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 12%, transparent);
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-metric__label {
    color: var(--obs-muted);
    font-size: .78rem;
    font-weight: 800;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-metric__value {
    margin-top: 7px;
    color: var(--obs-ink);
    font-size: clamp(1.45rem, 2.4vw, 2.2rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.04em;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-form-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 15px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: .82rem;
    font-weight: 700;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, background-color .2s ease;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-btn:disabled {
    cursor: not-allowed;
    opacity: .58;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-btn--primary {
    color: #fff;
    border-color: var(--obs-primary);
    background: linear-gradient(135deg,
        var(--obs-primary),
        color-mix(in srgb, var(--obs-primary) 78%, #173d45));
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 22%, transparent);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-btn--ghost {
    color: var(--obs-primary);
    border-color: color-mix(in srgb, var(--obs-primary) 20%, #dbe7e5);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-btn--danger {
    color: #9b3040;
    border-color: #f0c8ce;
    background: #fff3f5;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-field {
    grid-column: span 4;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-field.is-wide {
    grid-column: span 8;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-field.is-full {
    grid-column: 1 / -1;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-field label {
    display: block;
    margin-bottom: 7px;
    color: #344d50;
    font-size: .8rem;
    font-weight: 700;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-field .form-control,
.obs-shell__content[b-c9g9cxrqip]  .obs-field .form-select {
    min-height: 48px;
    border-color: #d9e5e3;
    border-radius: 11px;
    color: var(--obs-ink);
    background-color: #fbfdfc;
    box-shadow: none;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-field .form-control:focus,
.obs-shell__content[b-c9g9cxrqip]  .obs-field .form-select:focus {
    border-color: color-mix(in srgb, var(--obs-primary) 64%, white);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 11%, transparent);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-table-wrap {
    overflow: auto;
    border: 1px solid var(--obs-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(18, 53, 57, .04);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-table {
    min-width: 760px;
    margin: 0;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-table th {
    padding: 13px 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--obs-primary) 12%, var(--obs-line));
    color: #385356;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #f4f7f6);
    font-size: .73rem;
    font-weight: 700;
    white-space: nowrap;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-table td {
    padding: 14px;
    border-color: #edf2f1;
    color: #243c40;
    font-size: .82rem;
    vertical-align: middle;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-table tbody tr {
    transition: background-color .18s ease;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-table tbody tr:hover {
    background: color-mix(in srgb, var(--obs-primary) 2.5%, #fff);
}

.obs-shell__content[b-c9g9cxrqip]  .obs-empty {
    display: grid;
    min-height: 210px;
    padding: 25px;
    place-items: center;
    text-align: center;
    border: 1px dashed #bfd1ce;
    border-radius: 16px;
    color: var(--obs-muted);
    background: #f9fcfb;
}

.obs-shell__content[b-c9g9cxrqip]  .obs-empty i {
    display: block;
    margin-bottom: 12px;
    color: color-mix(in srgb, var(--obs-primary) 65%, #819292);
    font-size: 2rem;
}

.obs-shell[b-c9g9cxrqip]  .btn-obs-primary {
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #fff;
    background: var(--obs-primary);
    font-weight: 800;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--obs-primary) 25%, transparent);
}

.obs-shell[b-c9g9cxrqip]  .btn-obs-primary:hover,
.obs-shell[b-c9g9cxrqip]  .btn-obs-primary:focus-visible {
    color: #fff;
    background: color-mix(in srgb, var(--obs-primary) 86%, #000);
}

.obs-shell[b-c9g9cxrqip]  .btn-obs-secondary {
    min-height: 44px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 54%, #d5c39d);
    border-radius: 13px;
    color: #654916;
    background: color-mix(in srgb, var(--obs-secondary) 15%, #fff);
    font-weight: 800;
}

@media (max-width: 1099.98px) {
    .obs-shell__hero-body[b-c9g9cxrqip] {
        grid-template-columns: minmax(0, 1fr) 270px;
        gap: 28px;
    }

    .obs-shell__navigation-dock[b-c9g9cxrqip] {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-shell__navigation-label[b-c9g9cxrqip] {
        display: none;
    }
}

@media (max-width: 899.98px) {
    .obs-shell__content[b-c9g9cxrqip]  .obs-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-shell__content[b-c9g9cxrqip]  .obs-panel__header {
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .obs-shell[b-c9g9cxrqip] {
        padding: 10px;
    }

    .obs-shell__hero[b-c9g9cxrqip] {
        border-radius: 20px;
    }

    .obs-shell__page-header[b-c9g9cxrqip] {
        min-height: 64px;
        padding: 10px 12px;
        border-radius: 16px;
    }

    .obs-shell__page-header-mark[b-c9g9cxrqip] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 11px;
    }

    .obs-shell__hero-body[b-c9g9cxrqip] {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        padding: 24px 18px 25px;
    }

    .obs-shell__heading-row h1[b-c9g9cxrqip] {
        font-size: clamp(1.6rem, 7vw, 2.15rem);
    }

    .obs-shell__trust-list[b-c9g9cxrqip] {
        gap: 7px;
        margin-top: 17px;
    }

    .obs-shell__trust-list span[b-c9g9cxrqip] {
        flex: 1 1 130px;
        justify-content: center;
    }

    .obs-shell__data-visual[b-c9g9cxrqip] {
        min-height: 190px;
        padding: 15px;
        border-radius: 19px;
    }

    .obs-shell__command-flow[b-c9g9cxrqip] {
        margin-block: 12px 10px;
    }

    .obs-shell__command-flow li small[b-c9g9cxrqip] {
        display: none;
    }

    .obs-shell__navigation-dock[b-c9g9cxrqip] {
        margin: 0 10px 12px;
        padding: 7px;
        border-radius: 15px;
    }

    .obs-shell__nav-link[b-c9g9cxrqip] {
        min-height: 44px;
        padding: 7px 9px;
    }

    .obs-shell__actions[b-c9g9cxrqip] {
        width: 100%;
    }

    .obs-shell__actions[b-c9g9cxrqip]  .btn {
        flex: 1 1 auto;
        min-height: 44px;
    }

    .obs-shell__content[b-c9g9cxrqip]  .obs-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-shell__content[b-c9g9cxrqip]  .obs-field,
    .obs-shell__content[b-c9g9cxrqip]  .obs-field.is-wide {
        grid-column: 1 / -1;
    }

    .obs-shell__content[b-c9g9cxrqip]  :where(
        .obs-table-wrap,
        .sheet-card__table) {
        max-width: 100%;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .obs-shell__content[b-c9g9cxrqip]  :where(
        .form-actions,
        .obs-form-actions,
        .dictionary-form__actions,
        .official-template-editor__actions,
        .dynamic-form__actions,
        .obs-upload-form-actions,
        .obs-review-decision__actions,
        .access-actions) {
        flex-wrap: wrap;
    }
}

@media (max-width: 479.98px) {
    .obs-shell__page-header-copy p[b-c9g9cxrqip] {
        white-space: normal;
    }

    .obs-shell__eyebrow[b-c9g9cxrqip] {
        max-width: 100%;
        line-height: 1.6;
    }

    .obs-shell__data-visual[b-c9g9cxrqip] {
        display: none;
    }

    .obs-shell__trust-list span[b-c9g9cxrqip] {
        flex-basis: 100%;
    }

    .obs-shell__content[b-c9g9cxrqip]  .obs-metric-grid {
        grid-template-columns: 1fr;
    }

    .obs-shell__content[b-c9g9cxrqip]  :where(
        .form-actions,
        .obs-form-actions,
        .dictionary-form__actions,
        .official-template-editor__actions,
        .dynamic-form__actions,
        .obs-upload-form-actions,
        .obs-review-decision__actions,
        .access-actions) {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-shell__content[b-c9g9cxrqip]  :where(
        .form-actions,
        .obs-form-actions,
        .dictionary-form__actions,
        .official-template-editor__actions,
        .dynamic-form__actions,
        .obs-upload-form-actions,
        .obs-review-decision__actions,
        .access-actions) :where(button, .btn, .obs-btn) {
        width: 100%;
        justify-content: center;
    }
}

/*
 * تعتمد هذه القواعد على عرض مساحة المرصد الفعلية، لا عرض نافذة المتصفح.
 * بذلك تظل النماذج قابلة للاستخدام عند ظهور القائمة الجانبية أو تقسيم الشاشة.
 */
@container observatory-content (max-width: 1100px) {
    .obs-shell__content[b-c9g9cxrqip]  :where(
        .dashboard-command__lead,
        .official-template-editor,
        .dictionary-layout,
        .data-map__workspace.has-editor,
        .governance-command,
        .access-layout,
        .quality-hero,
        .quality-result-overview,
        .comparison-hero,
        .comparison-source-grid,
        .calculated-layout,
        .obs-builder-layout,
        .obs-upload-protocol,
        .obs-review-workspace,
        .channels-layout,
        .journey-panel__heading,
        .journey-panel__overview) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .obs-shell__content[b-c9g9cxrqip]  .official-template-editor__intro {
        grid-row: auto !important;
        min-height: 0;
    }
}

@container observatory-content (max-width: 860px) {
    .obs-shell__content[b-c9g9cxrqip]  :where(
        .official-template-editor__grid,
        .otd-meta,
        .dashboard-filter-grid,
        .quality-run-grid,
        .quality-rule-form,
        .quality-findings-filters,
        .quality-rules-toolbar,
        .data-map__toolbar,
        .data-map__field-row,
        .obs-form-grid,
        .dictionary-filters,
        .indicator-bulk__fields,
        .audit-filter-bar,
        .notification-filter-bar,
        .channel-form-grid,
        .scheduled-workbook-settings,
        .comparison-axis-filter,
        .comparison-comment-editor,
        .obs-source-grid,
        .obs-source-mode,
        .obs-source-binding-grid,
        .obs-source-relation,
        .obs-template-generator__filters,
        .smart-rule-editor__grid,
        .journey-panel__selectors,
        .obs-upload-filters) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .obs-shell__content[b-c9g9cxrqip]  :where(
        .obs-field,
        .obs-field.is-wide,
        .obs-field.is-full,
        .quality-field,
        .quality-field--wide,
        .smart-rule-field,
        .smart-rule-field--wide,
        .official-template-editor__grid .is-wide,
        .otd-meta .is-wide) {
        grid-column: 1 / -1 !important;
    }

    .obs-shell__content[b-c9g9cxrqip]  :where(
        .dashboard-selector-row,
        .role-selector-row) {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }
}

@container observatory-content (max-width: 520px) {
    .obs-shell__content[b-c9g9cxrqip]  :where(
        .dashboard-selector-row,
        .role-selector-row,
        .obs-map-toolbar) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .obs-shell__content[b-c9g9cxrqip]  :where(
        .official-template-editor__grid,
        .otd-meta,
        .channel-form-grid,
        .quality-run-grid,
        .quality-rule-form,
        .smart-rule-editor__grid) {
        gap: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-shell__nav-link[b-c9g9cxrqip] {
        transition: none;
        animation: none;
    }
}

/* Shared typography; the dashboard editor owns its type scale and control sizing. */
.obs-shell[b-c9g9cxrqip]  :where(
    div,
    p,
    span,
    small,
    strong,
    b,
    a,
    label,
    button,
    input,
    select,
    textarea,
    option,
    table,
    th,
    td,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6) {
    font-family: var(--obs-org-font-family) !important;
}

.obs-shell[b-c9g9cxrqip]  :where(p, small):not(:where(.fixed-builder *)) {
    font-size: var(--obs-helper-text-size) !important;
    line-height: 1.7;
}

.obs-shell__content[b-c9g9cxrqip]  :where(
    span:not(.material-symbols-outlined),
    strong,
    a,
    li,
    dt,
    dd):not(:where(.fixed-builder *)) {
    font-size: var(--obs-helper-text-size) !important;
}

.obs-shell__content[b-c9g9cxrqip]  strong:not(:where(.fixed-builder *)) {
    font-size: var(--obs-text-size) !important;
}

.obs-shell[b-c9g9cxrqip]  :where(input, select, textarea, option):not(:where(.fixed-builder *)) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.55;
}

.obs-shell[b-c9g9cxrqip]  :where(label, button, th, td):not(:where(.fixed-builder *)) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.5;
}

.obs-shell[b-c9g9cxrqip]  code:not(:where(.fixed-builder *)) {
    font-size: var(--obs-helper-text-size) !important;
}

/* Text inside controls should stay as readable as the control itself. */
.obs-shell[b-c9g9cxrqip]  :where(button, label) :where(span, strong):not(:where(.fixed-builder *)) {
    font-size: inherit !important;
}

.obs-shell[b-c9g9cxrqip]  :where(button, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select):not(:where(.fixed-builder *)) {
    min-height: 44px;
}

.obs-shell[b-c9g9cxrqip]  :where(input[type="checkbox"], input[type="radio"]) {
    min-height: 0;
    flex-shrink: 0;
    accent-color: var(--obs-primary);
}

.obs-shell[b-c9g9cxrqip]  :where(fieldset, .table-responsive, .table-scroll, .fixed-file-details__scroll) {
    min-width: 0;
    max-width: 100%;
}

.obs-shell[b-c9g9cxrqip]  :where(.alert, [data-observatory-feedback], .obs-page-message, .obs-field-error, .invalid-feedback) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.obs-shell[b-c9g9cxrqip]  :where(.alert, [data-observatory-feedback]) :where(p, span, strong, a) {
    min-width: 0;
    overflow-wrap: anywhere;
}

.obs-shell[b-c9g9cxrqip]  .alert-warning { color: #674600; background-color: #fff8df; border-color: #e4c876; }
.obs-shell[b-c9g9cxrqip]  .alert-danger { color: #8a2435; background-color: #fff0f2; border-color: #e4afb8; }
.obs-shell[b-c9g9cxrqip]  .alert-success { color: #155f4e; background-color: #edf8f2; border-color: #acd3c1; }
.obs-shell[b-c9g9cxrqip]  .alert-info { color: #245a70; background-color: #edf6fc; border-color: #b4d1e2; }

@container observatory-content (max-width: 1100px) {
    .obs-shell__content[b-c9g9cxrqip]  .fixed-template-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .obs-shell__content[b-c9g9cxrqip]  :is(.settings-grid, .fixed-monitoring-grid, .fixed-grants :where(fieldset), .fixed-builder__fields) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container observatory-content (max-width: 760px) {
    .obs-shell__content[b-c9g9cxrqip]  .fixed-template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .obs-shell__content[b-c9g9cxrqip]  :is(.settings-grid, .fixed-builder__fields, .fixed-visual__grid) { grid-template-columns: minmax(0, 1fr); }
}

@container observatory-content (max-width: 520px) {
    .obs-shell__content[b-c9g9cxrqip]  :is(.fixed-template-grid, .fixed-monitoring-grid, .fixed-grants :where(fieldset)) { grid-template-columns: minmax(0, 1fr); }
    .obs-shell__content[b-c9g9cxrqip]  :where(.template-detail, .content-section, .sheet-detail, .fixed-file-details) { padding: 12px; }
    .obs-shell__content[b-c9g9cxrqip]  :where(.release-toolbar, .download-row) label { width: 100%; min-width: 0; }
}

.obs-shell[b-c9g9cxrqip]  textarea {
    min-height: 96px;
}

.obs-shell[b-c9g9cxrqip]  h1:not(:where(.fixed-builder *)) {
    font-size: var(--obs-page-title-size) !important;
    line-height: 1.35;
}

.obs-shell[b-c9g9cxrqip]  h2:not(:where(.fixed-builder *)) {
    font-size: var(--obs-section-title-size) !important;
    line-height: 1.4;
}

.obs-shell[b-c9g9cxrqip]  h3:not(:where(.fixed-builder *)) {
    font-size: var(--obs-subsection-title-size) !important;
    line-height: 1.45;
}

.obs-shell[b-c9g9cxrqip]  :where(h4, h5, h6):not(:where(.fixed-builder *)) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.5;
}

.obs-shell__page-header[b-c9g9cxrqip] {
    min-height: 84px;
}

.obs-shell__page-header-copy p[b-c9g9cxrqip] {
    overflow: visible;
    white-space: normal;
}


/* Opt-in card surfaces for file operations and governance only. */
.obs-shell--defined-cards[b-c9g9cxrqip] {
    --obs-card-padding: 18px;
    --obs-card-primary: #0b4f52;
    --obs-card-secondary: #b48a45;
    --obs-card-ink: #19343e;
    --obs-card-muted: #354d57;
    --obs-card-focus: color-mix(in srgb, var(--obs-card-primary) 30%, #182f3c);
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.permission-group, .fixed-upload, .fixed-file-details, .fixed-version-history,
    .obs-panel, .access-editor, .capability-editor, .scope-directory, .scope-user-card, .governance-panel) {
    --obs-card-accent: var(--obs-card-primary);
    --obs-card-banner: color-mix(in srgb, var(--obs-card-accent) 24%, #f4f6f8);
    --obs-card-border: color-mix(in srgb, var(--obs-card-accent) 24%, #72858f);
    min-width: 0;
    border: 1px solid var(--obs-card-border);
    border-radius: 14px;
    color: var(--obs-card-ink);
    background: color-mix(in srgb, var(--obs-card-accent) 2%, #fff);
    box-shadow: none;
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.obs-card--secondary, .fixed-file-details, .fixed-version-history,
    .obs-upload-history, .obs-upload-details, .scope-directory, .scope-user-card) {
    --obs-card-accent: var(--obs-card-primary);
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.permission-group, .fixed-upload, .fixed-file-details, .fixed-version-history,
    .obs-panel, .access-editor, .capability-editor, .scope-directory, .scope-user-card) {
    padding: var(--obs-card-padding);
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.obs-panel, .governance-panel)::before,
.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.obs-panel, .governance-panel)::after {
    display: none;
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.permission-group > header, .obs-card-heading, .obs-panel > .obs-panel__header,
    .access-editor > .section-heading, .capability-editor > .section-heading, .scope-directory > header, .scope-user-card > header) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin: calc(-1 * var(--obs-card-padding)) calc(-1 * var(--obs-card-padding)) 16px;
    padding: 16px var(--obs-card-padding);
    border: 0;
    border-bottom: 1px solid var(--obs-card-border);
    border-radius: 13px 13px 0 0;
    color: var(--obs-card-ink);
    background: var(--obs-card-banner);
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.permission-group > header, .obs-card-heading, .obs-panel__header,
    .section-heading, .scope-directory > header, .scope-user-card > header) > div {
    min-width: 0;
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.permission-group > header, .obs-card-heading, .obs-panel__header,
    .access-editor > .section-heading, .capability-editor > .section-heading, .scope-directory > header, .scope-user-card > header)
    :is(h2, h3, h4, h5, strong) {
    margin-block: 0 6px;
    color: var(--obs-card-ink);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.permission-group > header, .obs-card-heading, .obs-panel__header,
    .access-editor > .section-heading, .capability-editor > .section-heading, .scope-directory > header, .scope-user-card > header)
    :is(p, small, .governance-kicker, .obs-panel__eyebrow, .scope-assignee-kind) {
    margin-block: 0;
    color: var(--obs-card-muted);
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.permission-group h3, .obs-card-heading h3, .obs-card-heading h4, .obs-card-heading h5) > i {
    margin-inline-end: 6px;
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.permission-group__scope, .permission-group__count) {
    color: var(--obs-card-ink);
    background: #ffffffa6;
    border: 1px solid var(--obs-card-border);
    white-space: normal;
    overflow-wrap: anywhere;
}

.obs-shell--defined-cards[b-c9g9cxrqip]  .permission-group__hint { color: var(--obs-card-muted); }
.obs-shell--defined-cards[b-c9g9cxrqip]  .permission-group__rows { margin-top: 0; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .permission-group { height: 100%; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .permission-group .permission-row { border: 1px solid transparent; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .permission-group .permission-row.is-enabled {
    background: #eaf5ef;
    border-color: #91b7a5;
}

.obs-shell--defined-cards[b-c9g9cxrqip]  :is(input:not([type=checkbox]):not([type=radio]), select, textarea,
    .access-autocomplete__control, .branch-multi__control) {
    border-color: #778e99;
    color: #19343e;
    background-color: #fff;
}
.obs-shell--defined-cards[b-c9g9cxrqip]  :is(input[type=checkbox], input[type=radio]) { accent-color: var(--obs-card-focus); }
.obs-shell--defined-cards[b-c9g9cxrqip]  :is(input, select, textarea):disabled {
    color: #4e626c;
    background-color: #edf1f3;
}
.obs-shell--defined-cards[b-c9g9cxrqip]  :is(input.is-invalid, select.is-invalid, textarea.is-invalid, [aria-invalid=true],
    .branch-multi.is-invalid > .branch-multi__control, .access-autocomplete__control:has(input.is-invalid)) {
    border-color: #a02537;
}
.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.primary-action, .btn-obs-primary, .fixed-upload .btn-primary) {
    color: #fff !important;
    background: var(--obs-card-focus) !important;
    border-color: var(--obs-card-focus) !important;
}
.obs-shell--defined-cards[b-c9g9cxrqip]  :is(.capability-actions button, .secondary-action, .obs-upload-row-actions .btn,
    .obs-upload-details__close, .obs-upload-version-list .btn) {
    color: var(--obs-card-ink);
    background: #fff;
    border-color: #778e99;
}
.obs-shell--defined-cards[b-c9g9cxrqip]  :focus-visible {
    outline: 3px solid var(--obs-card-focus);
    outline-offset: 3px;
}

.obs-shell--defined-cards[b-c9g9cxrqip]  .access-layout { padding: var(--obs-card-padding); gap: 18px; border: 0; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .capability-editor { overflow: visible; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .permission-groups-grid { gap: 18px; align-items: stretch; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .fixed-grants { margin: 0; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .scope-directory { margin: 0 var(--obs-card-padding) 18px; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .governance-panel { background: color-mix(in srgb, var(--obs-card-primary) 4%, #f0f3f5); }
.obs-shell--defined-cards[b-c9g9cxrqip]  .governance-panel__header {
    border-bottom-color: var(--obs-card-border);
    background: var(--obs-card-banner);
    flex-wrap: wrap;
}
.obs-shell--defined-cards[b-c9g9cxrqip]  .governance-panel__header :is(p, .governance-kicker) { color: var(--obs-card-muted); }
.obs-shell--defined-cards[b-c9g9cxrqip]  .governance-command {
    background: color-mix(in srgb, var(--obs-card-primary) 35%, #152c39);
    border-color: color-mix(in srgb, var(--obs-card-primary) 30%, #72858f);
}
.obs-shell--defined-cards[b-c9g9cxrqip]  .section-heading > span { color: var(--obs-card-ink); border-color: var(--obs-card-border); }
.obs-shell--defined-cards[b-c9g9cxrqip]  .scope-directory > header .governance-search { min-width: 0; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .scope-user-card > header { margin-bottom: 0; }
.obs-shell--defined-cards[b-c9g9cxrqip]  .scope-user-card__organizations { margin-inline: calc(-1 * var(--obs-card-padding)); }

.obs-shell--defined-cards[b-c9g9cxrqip]  .fixed-file-details > details {
    border: 1px solid var(--obs-card-border);
    border-radius: 10px;
    padding: 12px;
}
.obs-shell--defined-cards[b-c9g9cxrqip]  .fixed-upload--preview {
    border:0; padding:0; background:transparent; box-shadow:none;
}
.obs-shell--defined-cards[b-c9g9cxrqip]  .fixed-file-details > details > summary {
    margin: -12px;
    padding: 12px;
    border-radius: 9px;
    color: var(--obs-card-ink);
    background: color-mix(in srgb, var(--obs-card-accent) 14%, #f4f6f8);
}
.obs-shell--defined-cards[b-c9g9cxrqip]  .fixed-file-details > details[open] > summary {
    margin-bottom: 12px;
    border-bottom: 1px solid var(--obs-card-border);
    border-radius: 9px 9px 0 0;
}

@container observatory-content (max-width: 600px) {
    .obs-shell--defined-cards[b-c9g9cxrqip]  :is(.access-layout, .permission-group, .fixed-upload, .fixed-file-details,
        .fixed-version-history, .obs-panel, .access-editor, .capability-editor, .scope-directory, .scope-user-card) {
        --obs-card-padding: 14px;
    }
    .obs-shell--defined-cards[b-c9g9cxrqip]  .permission-groups-grid { grid-template-columns: minmax(0, 1fr); }
    .obs-shell--defined-cards[b-c9g9cxrqip]  :is(.obs-upload-filters, .capability-actions) { width: 100%; flex-wrap: wrap; }
}

/* Reserve the same feedback space for every draft card, regardless of note length. */
.obs-shell[b-c9g9cxrqip]  .publication-feedback {
    height: 4.5rem;
    min-height: 4.5rem;
    max-height: 4.5rem;
    min-width: 0;
    overflow: auto;
    overflow-wrap: anywhere;
    white-space: normal;
    font-size: 13px;
    color: var(--bs-danger, #b42336);
}
/* _content/Starterkit/Observatory/Components/ObservatoryRecycleBin.razor.rz.scp.css */
.recycle-preview[b-fxk19gp6xl] { background: rgba(15, 23, 42, .42); }
.recycle-preview .modal-dialog[b-fxk19gp6xl] { max-width: 740px; }
.recycle-preview .modal-content[b-fxk19gp6xl] { background: #fff; color: #253545; border: 0; border-radius: 16px; box-shadow: 0 20px 64px #10232d26; }
.recycle-preview .modal-header[b-fxk19gp6xl] { padding: 20px 24px; }
.recycle-preview .modal-body[b-fxk19gp6xl] { padding: 24px; }
.recycle-preview .modal-footer[b-fxk19gp6xl] { padding: 16px 24px; justify-content: flex-start; gap: 8px; }
.recycle-preview .modal-footer .btn[b-fxk19gp6xl] { min-width: 100px; margin: 0; }
.preview-overview[b-fxk19gp6xl] { padding-bottom: 22px; border-bottom: 1px solid var(--bs-border-color, #e9edf0); margin-bottom: 22px; }
.preview-kind[b-fxk19gp6xl] { display: block; color: #667785; font-size: .9rem; margin-bottom: 8px; }
.preview-overview h3[b-fxk19gp6xl] { font-size: 1.3rem; line-height: 1.7; margin: 0 0 12px; overflow-wrap: anywhere; }
.preview-meta[b-fxk19gp6xl] { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; color: #596877; font-size: .92rem; }
.preview-state[b-fxk19gp6xl] { display: inline-block; padding: 4px 10px; border-radius: 6px; background: #eef4f5; color: #294f55; font-weight: 600; }
.preview-section h4[b-fxk19gp6xl] { font-size: 1rem; margin-bottom: 14px; }
.preview-fields[b-fxk19gp6xl] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin: 0; }
.preview-field[b-fxk19gp6xl] { min-width: 0; }
.preview-field dt[b-fxk19gp6xl] { color: #697784; font-size: .92rem; font-weight: 400; margin-bottom: 5px; }
.preview-field dd[b-fxk19gp6xl] { color: #253545; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; font-weight: 500; }
.preview-disclosure[b-fxk19gp6xl] { margin-top: 20px; border: 1px solid var(--bs-border-color, #e5eaee); border-radius: 10px; overflow: hidden; }
.preview-disclosure summary[b-fxk19gp6xl] { list-style: none; padding: 15px 16px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-weight: 600; }
.preview-disclosure summary[b-fxk19gp6xl]::-webkit-details-marker { display: none; }
.preview-disclosure summary:focus-visible[b-fxk19gp6xl] { outline: 2px solid #397f89; outline-offset: -3px; }
.preview-disclosure summary small[b-fxk19gp6xl] { color: #74818c; font-weight: 400; margin-inline-start: 10px; }
.preview-disclosure[open] summary[b-fxk19gp6xl] { border-bottom: 1px solid var(--bs-border-color, #e5eaee); background: #f8fafb; }
.preview-disclosure[open] .preview-chevron[b-fxk19gp6xl] { transform: rotate(180deg); }
.preview-disclosure .preview-fields[b-fxk19gp6xl] { padding: 18px 16px; }
.preview-reference[b-fxk19gp6xl] { margin-top: 12px; }
.preview-note[b-fxk19gp6xl] { display: flex; align-items: baseline; gap: 9px; color: #61717e; font-size: .9rem; line-height: 1.9; margin: 22px 0 0; }
@media (max-width: 575px) {
    .recycle-preview .modal-dialog[b-fxk19gp6xl] { margin: 12px; }
    .recycle-preview .modal-body[b-fxk19gp6xl], .recycle-preview .modal-header[b-fxk19gp6xl] { padding: 18px; }
    .recycle-preview .modal-footer[b-fxk19gp6xl] { padding: 14px 18px; }
    .preview-fields[b-fxk19gp6xl] { gap: 16px; }
    .preview-settings[b-fxk19gp6xl] { grid-template-columns: 1fr; }
    .preview-overview h3[b-fxk19gp6xl] { font-size: 1.15rem; }
}

.recycle-preview .modal-header :is(h1, h2, h3, h4, h5, h6)[b-fxk19gp6xl] { color: #253545; }
/* _content/Starterkit/Observatory/Components/ObservatoryRequestPreview.razor.rz.scp.css */
.obs-request-preview[b-lkm040wbjy]{container-type:inline-size;display:grid;gap:.7rem;min-width:0;grid-column:1/-1;color:#253f48;line-height:1.65;font-size:16px;border:1px solid #9fb8b9;border-radius:.7rem;background:#f3f6f5;padding:.8rem;overflow-wrap:anywhere}
.obs-request-preview h4[b-lkm040wbjy],.obs-request-preview h5[b-lkm040wbjy],.obs-request-preview p[b-lkm040wbjy]{margin:0}.obs-request-preview h4[b-lkm040wbjy]{font-size:1.2em}.obs-request-preview h5[b-lkm040wbjy]{font-size:1.05em}.obs-request-preview small[b-lkm040wbjy]{display:block;font-size:14px;color:#4d626a}
.obs-request-preview button[b-lkm040wbjy]{font:inherit;border:1px solid #8ba7ab!important;border-radius:.5rem;padding:.4rem .65rem;white-space:normal;max-width:100%}.obs-request-preview button:focus-visible[b-lkm040wbjy],.obs-request-preview summary:focus-visible[b-lkm040wbjy],.obs-request-preview textarea:focus-visible[b-lkm040wbjy]{outline:3px solid #376b76;outline-offset:2px}.obs-request-preview button:disabled[b-lkm040wbjy]{opacity:.55;cursor:default}
.obs-request-preview .btn-success[b-lkm040wbjy]{background:#166348;color:#fff}.obs-request-preview .btn-warning[b-lkm040wbjy]{background:#f5e4bf;color:#563b0d}.obs-request-preview .btn-light[b-lkm040wbjy]{background:#fff;color:#254c53}
.obs-request-preview__header[b-lkm040wbjy]{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem;border:1px solid #9db7b8;border-radius:.6rem;background:#e9f1ef;background:color-mix(in srgb,var(--request-primary,#0b4f52) 12%,white)}
.obs-request-preview__header>div[b-lkm040wbjy]{min-width:0}.obs-request-preview__header p[b-lkm040wbjy]{margin-top:.2rem}.request-file-name[b-lkm040wbjy]{color:#49626a;font-size:14px}.request-header-actions[b-lkm040wbjy]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;flex-shrink:0}
.request-facts[b-lkm040wbjy]{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;padding:0 .4rem}.request-facts>span[b-lkm040wbjy]{color:#526a71}.request-facts strong[b-lkm040wbjy]{color:#253f48;margin-inline-start:.3rem}
.request-quality[b-lkm040wbjy]{display:flex;flex-wrap:wrap;gap:.4rem 1rem;background:#fff;border:1px solid #aabdb9;border-radius:.5rem;padding:.65rem .8rem}.request-quality small[b-lkm040wbjy]{flex-basis:100%}
.request-attention[b-lkm040wbjy],.request-decision[b-lkm040wbjy],.request-details[b-lkm040wbjy]{min-width:0;padding:.75rem .85rem;border:1px solid #aabdb9;border-radius:.6rem;background:#fff}.request-attention>h5[b-lkm040wbjy],.request-decision>h5[b-lkm040wbjy]{padding:.5rem .85rem;margin:-.75rem -.85rem .65rem;border-bottom:1px solid #aabdb9;border-radius:.6rem .6rem 0 0;background:#edf1e9;background:color-mix(in srgb,var(--request-secondary,#b48a45) 13%,white)}
.request-attention article[b-lkm040wbjy]{padding:.45rem .65rem;border-inline-start:3px solid #b27b21;margin-top:.45rem;background:#fbf6eb;border-radius:.3rem}.request-attention article.is-error[b-lkm040wbjy]{border-color:#b6423a;background:#fff1ef}.request-attention article strong[b-lkm040wbjy]{font-weight:600}.request-attention>p[b-lkm040wbjy]{margin-top:.4rem}
.request-changes[b-lkm040wbjy]{border-top:1px solid #c9d5d2;padding-top:.6rem;margin-top:.6rem}.request-changes>p[b-lkm040wbjy]{padding:.4rem 0;border-bottom:1px solid #e0e7e5}.request-changes span[b-lkm040wbjy]{font-size:14px}
.request-decision[b-lkm040wbjy]{background:#f5f8f5}.request-decision>h5[b-lkm040wbjy]{background:#e5efeb;background:color-mix(in srgb,var(--request-primary,#0b4f52) 10%,white)}.request-decision label[b-lkm040wbjy]{display:block;margin:.4rem 0;font-weight:600}.request-decision label span[b-lkm040wbjy]{font-size:14px;color:#745110;font-weight:400}
.request-decision textarea[b-lkm040wbjy]{font:inherit;line-height:1.6;min-height:4.5rem;max-width:100%;width:100%;border:1px solid #91adb0!important;border-radius:.5rem;padding:.55rem;background:#fff;resize:vertical}.request-decision textarea[aria-invalid=true][b-lkm040wbjy]{border-color:#ab3434!important}.request-field-error[b-lkm040wbjy]{display:block;color:#9f2b2b;font-size:14px}.request-decision-hint[b-lkm040wbjy]{margin:.5rem 0!important;font-size:14px;color:#405d63}
.request-actions[b-lkm040wbjy]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.request-optional-note summary[b-lkm040wbjy],.request-details>summary[b-lkm040wbjy]{cursor:pointer;font-weight:600}.request-details>summary[b-lkm040wbjy]{color:#244b51}.request-details[open]>summary[b-lkm040wbjy]{margin-bottom:.7rem;padding-bottom:.5rem;border-bottom:1px solid #c3d4cc}
.request-versions[b-lkm040wbjy]{display:grid;gap:.5rem}.request-versions article[b-lkm040wbjy]{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid #d7e1db}.request-versions article>div[b-lkm040wbjy]{flex:1;min-width:0}.request-history[b-lkm040wbjy],.request-legacy-issue[b-lkm040wbjy]{padding:.6rem 0;border-bottom:1px solid #d7e1db}.request-history p[b-lkm040wbjy]{white-space:pre-wrap}
.request-pages[b-lkm040wbjy]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
@container(max-width:650px){.obs-request-preview__header[b-lkm040wbjy]{align-items:flex-start;flex-direction:column}.request-header-actions[b-lkm040wbjy]{width:100%;flex-shrink:1;justify-content:space-between}.request-quality[b-lkm040wbjy]{flex-direction:column;flex-wrap:nowrap}.request-quality small[b-lkm040wbjy]{flex-basis:auto}.request-attention[b-lkm040wbjy],.request-decision[b-lkm040wbjy],.request-details[b-lkm040wbjy]{padding:.65rem}.request-attention>h5[b-lkm040wbjy],.request-decision>h5[b-lkm040wbjy]{margin:-.65rem -.65rem .6rem;padding:.5rem .65rem}.request-actions button[b-lkm040wbjy]{flex:1 1 9rem}.request-versions article[b-lkm040wbjy]{flex-wrap:wrap}}
/* _content/Starterkit/Observatory/Components/ObservatoryStatusBadge.razor.rz.scp.css */
.obs-status[b-xzn7rpifuv] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: max-content;
    min-height: 29px;
    padding: 5px 9px;
    border: 1px solid #d9e2e7;
    border-radius: 9px;
    color: #496168;
    background: #f7fafb;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.obs-status__dot[b-xzn7rpifuv] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 13%, transparent);
}

.obs-status.is-success[b-xzn7rpifuv] {
    color: #087257;
    border-color: #b9e2d5;
    background: #ecf9f4;
}

.obs-status.is-warning[b-xzn7rpifuv] {
    color: #916313;
    border-color: #ead7a7;
    background: #fff9e9;
}

.obs-status.is-attention[b-xzn7rpifuv] {
    color: #a25118;
    border-color: #efc8a8;
    background: #fff4eb;
}

.obs-status.is-danger[b-xzn7rpifuv] {
    color: #a32d45;
    border-color: #efbec8;
    background: #fff0f3;
}

.obs-status.is-progress[b-xzn7rpifuv] {
    color: #245aa7;
    border-color: #bdd0ef;
    background: #eff5ff;
}

.obs-status.is-muted[b-xzn7rpifuv] {
    color: #6f7782;
    border-color: #d8dde3;
    background: #f3f5f7;
}
/* _content/Starterkit/Observatory/Components/ObservatoryWorkbookProgressOverlay.razor.rz.scp.css */
.obs-workbook-progress[b-2bvn2kpotn] {
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    margin: 0;
    width: 100vw;
    height: 100dvh;
    max-width: none;
    max-height: none;
    border: 0;
    box-sizing: border-box;
    font: inherit;
    display: grid;
    place-items: center;
    padding: 22px;
    direction: rtl;
    background:
        radial-gradient(circle at 50% 42%, rgba(57, 145, 127, .16), transparent 34%),
        rgba(4, 19, 22, .72);
    backdrop-filter: blur(8px);
}

.obs-workbook-progress__card[b-2bvn2kpotn] {
    position: relative;
    display: grid;
    width: min(540px, 100%);
    gap: 20px;
    max-height: calc(100dvh - 44px);
    overflow: auto;
    overflow-wrap: anywhere;
    padding: clamp(26px, 5vw, 40px);
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 28px;
    color: #173f42;
    background:
        radial-gradient(circle at 0 0, rgba(194, 157, 88, .15), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(240, 248, 246, .98));
    box-shadow: 0 32px 90px rgba(3, 18, 21, .32);
}

.obs-workbook-progress__card[b-2bvn2kpotn]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 32px;
    width: 80px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, #b88b3e, #d8bd80);
}

.obs-workbook-progress__visual[b-2bvn2kpotn] {
    position: relative;
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    margin-inline: auto;
}

.obs-workbook-progress__file[b-2bvn2kpotn] {
    position: relative;
    z-index: 2;
    display: grid;
    width: 62px;
    height: 62px;
    place-items: center;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(145deg, #17836b, #0d4e4e);
    box-shadow: 0 18px 35px rgba(17, 102, 87, .28);
    font-size: 1.65rem;
}

.obs-workbook-progress__pulse[b-2bvn2kpotn] {
    position: absolute;
    inset: 2px;
    border: 1px solid rgba(23, 131, 107, .25);
    border-radius: 26px;
    animation: obs-workbook-pulse-b-2bvn2kpotn 1.8s ease-out infinite;
}

.obs-workbook-progress__copy[b-2bvn2kpotn] {
    display: grid;
    gap: 6px;
    text-align: center;
}

.obs-workbook-progress__eyebrow[b-2bvn2kpotn] {
    color: #9a7132;
    font-size: .78rem;
    font-weight: 900;
}

.obs-workbook-progress__copy h2[b-2bvn2kpotn] {
    margin: 0;
    color: #12373a;
    font-size: clamp(1.25rem, 4vw, 1.65rem);
    font-weight: 950;
}

.obs-workbook-progress__copy p[b-2bvn2kpotn] {
    min-height: 25px;
    margin: 0;
    color: #61797b;
    font-size: .93rem;
    font-weight: 700;
    line-height: 1.75;
}

.obs-workbook-progress__meter[b-2bvn2kpotn] {
    display: grid;
    gap: 9px;
}

.obs-workbook-progress__meter-head[b-2bvn2kpotn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #49686a;
    font-size: .8rem;
    font-weight: 850;
}

.obs-workbook-progress__meter-head strong[b-2bvn2kpotn] {
    color: #0e6858;
    font-size: 1rem;
}

.obs-workbook-progress__track[b-2bvn2kpotn] {
    position: relative;
    height: 12px;
    overflow: hidden;
    border: 1px solid rgba(18, 81, 78, .1);
    border-radius: 999px;
    background: #e5efed;
    box-shadow: inset 0 1px 3px rgba(13, 57, 58, .09);
}

.obs-workbook-progress__track span[b-2bvn2kpotn] {
    display: block;
    height: 100%;
    min-width: 3px;
    border-radius: inherit;
    background:
        linear-gradient(90deg, #0d6256, #24a27e 72%, #70d9b4);
    box-shadow: 0 0 16px rgba(36, 162, 126, .36);
    transition: width .28s cubic-bezier(.2, .8, .2, 1);
}

.obs-workbook-progress__notice[b-2bvn2kpotn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 13px;
    border: 1px solid rgba(20, 107, 91, .12);
    border-radius: 13px;
    color: #537173;
    background: rgba(236, 247, 243, .78);
    font-size: .76rem;
    font-weight: 800;
    text-align: center;
}

.obs-workbook-progress__notice i[b-2bvn2kpotn] {
    color: #187d68;
}

.obs-workbook-progress__file > i[b-2bvn2kpotn] { font-size: inherit; color: inherit; }

.obs-workbook-progress:not([open])[b-2bvn2kpotn] { display: none; }
.obs-workbook-progress__steps[b-2bvn2kpotn] { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.obs-workbook-progress__steps li[b-2bvn2kpotn] { display:flex; align-items:center; gap:10px; color:#61797b; font-size:.86rem; }
.obs-workbook-progress__steps li > span[b-2bvn2kpotn] { display:grid; place-items:center; width:25px; height:25px; flex-shrink:0; border:1px solid #b8d3ce; border-radius:50%; }
.obs-workbook-progress__steps .is-current[b-2bvn2kpotn] { color:#12373a; font-weight:800; }
.obs-workbook-progress__steps .is-current > span[b-2bvn2kpotn] { background:#12373a; color:white; }
.obs-workbook-progress__steps .is-done > span[b-2bvn2kpotn] { background:#e5f4eb; color:#0d6256; }
.obs-workbook-progress__track.is-indeterminate span[b-2bvn2kpotn] { width:35% !important; animation:obs-upload-wait-b-2bvn2kpotn 1.4s ease-in-out infinite alternate; }
@keyframes obs-upload-wait-b-2bvn2kpotn { to { transform:translateX(-180%); } }
@media(prefers-reduced-motion:reduce) { .obs-workbook-progress__track.is-indeterminate span[b-2bvn2kpotn] { animation:none; } }
.obs-workbook-progress[b-2bvn2kpotn]::backdrop { background: transparent; }

.obs-workbook-progress__cancel[b-2bvn2kpotn] {
    justify-self: center;
    min-height: 44px;
    padding: 10px 24px;
    border: 1px solid #b8d3ce;
    border-radius: 13px;
    color: #173f42;
    background: #fff;
    font: inherit;
    font-weight: 700;
}

.obs-workbook-progress__cancel:focus-visible[b-2bvn2kpotn] {
    outline: 3px solid #17836b;
    outline-offset: 3px;
}

@keyframes obs-workbook-pulse-b-2bvn2kpotn {
    0% {
        opacity: .8;
        transform: scale(.72);
    }
    80%,
    100% {
        opacity: 0;
        transform: scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-workbook-progress__pulse[b-2bvn2kpotn] {
        animation: none;
    }

    .obs-workbook-progress__track span[b-2bvn2kpotn] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/OrganizationAdditionalDetails.razor.rz.scp.css */
.organization-additional[b-f89sfzj4gv] {
    grid-column: 1 / -1;
    min-width: 0;
    border: 1px solid #d5e3df;
    border-radius: 12px;
    background: #fff;
}

.organization-additional__toggle[b-f89sfzj4gv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border: 0;
    border-radius: 12px;
    background: #f3f8f6;
    color: #245c4e;
    text-align: start;
    font: inherit;
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
}

.organization-additional__toggle small[b-f89sfzj4gv] { margin-inline-start: 8px; color: #607a72; font-weight: 400; font-size: .8rem; }
.organization-additional__toggle:hover[b-f89sfzj4gv] { background: #eaf4ef; }
.organization-additional__toggle:focus-visible[b-f89sfzj4gv] { outline: 3px solid #348778; outline-offset: 2px; }
.organization-additional__chevron[b-f89sfzj4gv] { flex-shrink: 0; font-size: 1.25rem; line-height: 1; }
.organization-additional__body[b-f89sfzj4gv] { padding: 16px; border-top: 1px solid #e3ece8; }
.organization-additional__body[hidden][b-f89sfzj4gv] { display: none; }
/* _content/Starterkit/Observatory/Components/OrganizationDetailsDialog.razor.rz.scp.css */
.organization-details[b-7dj5sqid6i] { --obs-text-size: 18px; --obs-helper-text-size: 16px; width: 100%; max-width: 100%; max-height: 80vh; max-height: 80dvh; display: flex; flex-direction: column; min-width: 0; color: #17383b; text-align: start; font-size: var(--obs-text-size); }
.organization-details__header[b-7dj5sqid6i] { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid #dbe7e3; }
.organization-details__header > div[b-7dj5sqid6i] { min-width: 0; }
.organization-details__eyebrow[b-7dj5sqid6i] { color: #52736a; font-size: var(--obs-helper-text-size); }
.organization-details h2[b-7dj5sqid6i] { margin: 6px 0 0; font-size: 24px; line-height: 1.7; overflow-wrap: anywhere; }
.organization-details__close[b-7dj5sqid6i] { flex-shrink: 0; width: 44px; height: 44px; border: 1px solid #dbe7e3; border-radius: 10px; background: #f3f8f6; color: #245c4e; font-size: 1.6rem; cursor: pointer; }
.organization-details__body[b-7dj5sqid6i] { overflow-y: auto; min-height: 0; padding: 18px 4px; }
.organization-details dl[b-7dj5sqid6i] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0; }
.organization-details dl > div[b-7dj5sqid6i] { min-width: 0; }
.organization-details .is-wide[b-7dj5sqid6i] { grid-column: 1 / -1; }
.organization-details dt[b-7dj5sqid6i] { color: #607a72; font-size: var(--obs-helper-text-size); font-weight: 600; }
.organization-details dd[b-7dj5sqid6i] { margin: 6px 0 0; font-size: var(--obs-text-size); line-height: 1.7; overflow-wrap: anywhere; }
.organization-details code[b-7dj5sqid6i] { display: inline-block; max-width: 100%; padding: 3px 8px; border-radius: 6px; color: #245c4e; background: #edf5f1; white-space: normal; font-size: var(--obs-helper-text-size); }
.organization-details a[b-7dj5sqid6i] { display: inline-block; max-width: 100%; color: #176855; text-underline-offset: 4px; overflow-wrap: anywhere; }
.organization-details__missing[b-7dj5sqid6i] { color: #738587; }
.organization-details[b-7dj5sqid6i]  .organization-identity__type,
.organization-details[b-7dj5sqid6i]  .organization-identity__parent { font-size: var(--obs-helper-text-size); }
.organization-details footer[b-7dj5sqid6i] { display: flex; justify-content: flex-end; padding-top: 14px; border-top: 1px solid #dbe7e3; }
.organization-details__done[b-7dj5sqid6i] { min-height: 44px; padding: 8px 24px; border: 1px solid #173f41; border-radius: 9px; background: #173f41; color: #fff; font: inherit; cursor: pointer; }
.organization-details button:focus-visible[b-7dj5sqid6i], .organization-details a:focus-visible[b-7dj5sqid6i] { outline: 3px solid #348778; outline-offset: 2px; }
/* _content/Starterkit/Observatory/Components/OrganizationDirectory.razor.rz.scp.css */
/* Layout follows the Programs/Services screen; colors come from the organization. */
.obs-org-directory[b-4q1w6iiymd] { direction: rtl; min-width: 0; }
.toolbar[b-4q1w6iiymd] { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; flex-wrap: nowrap; min-width: 0; }
.toolbar-actions[b-4q1w6iiymd] { display: flex; align-items: center; justify-content: flex-start; gap: .75rem; flex: 0 1 auto; min-width: 0; flex-wrap: nowrap; white-space: nowrap; }
.toolbar-actions:first-child[b-4q1w6iiymd] { flex: 1 1 auto; }
.toolbar-utility-actions[b-4q1w6iiymd] { flex: 0 0 auto; }
.btn[b-4q1w6iiymd] { min-height: 44px; border-radius: .5rem; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; box-shadow: none; font: inherit; }
.btn-icon[b-4q1w6iiymd] { width: 44px; min-width: 44px; height: 44px; padding: 0; flex-shrink: 0; }
.btn-light-primary[b-4q1w6iiymd] { color: var(--obs-primary) !important; background: color-mix(in srgb, var(--obs-primary) 10%, #fff) !important; }
.btn-light-info[b-4q1w6iiymd], .directory-filter-toggle[b-4q1w6iiymd] { color: var(--obs-primary) !important; background: color-mix(in srgb, var(--obs-primary) 7%, #fff) !important; }
.btn-light-warning[b-4q1w6iiymd], .directory-sort[b-4q1w6iiymd] { color: var(--obs-secondary) !important; background: color-mix(in srgb, var(--obs-secondary) 10%, #fff) !important; }
.btn-primary[b-4q1w6iiymd] { color: #fff; background: var(--obs-primary) !important; border-color: var(--obs-primary) !important; }
/* Keep pointer hover visually neutral; keyboard focus remains explicit below. */
.btn[b-4q1w6iiymd] { --directory-button-ink: var(--kt-gray-800, #3f4254); --directory-button-fill: var(--kt-light, #f5f8fa); --directory-button-border: transparent; transition: none; }
.btn-light-primary[b-4q1w6iiymd] { --directory-button-ink: var(--obs-primary); --directory-button-fill: color-mix(in srgb, var(--obs-primary) 10%, #fff); }
.btn-light-info[b-4q1w6iiymd], .directory-filter-toggle[b-4q1w6iiymd] { --directory-button-ink: var(--obs-primary); --directory-button-fill: color-mix(in srgb, var(--obs-primary) 7%, #fff); }
.btn-light-warning[b-4q1w6iiymd], .directory-sort[b-4q1w6iiymd] { --directory-button-ink: var(--obs-secondary); --directory-button-fill: color-mix(in srgb, var(--obs-secondary) 10%, #fff); }
.btn-light-danger[b-4q1w6iiymd] { --directory-button-ink: var(--kt-danger, #f1416c); --directory-button-fill: var(--kt-danger-light, #fff5f8); }
.btn-primary[b-4q1w6iiymd] { --directory-button-ink: #fff; --directory-button-fill: var(--obs-primary); --directory-button-border: var(--obs-primary); }
.obs-org-directory .btn.btn[class][b-4q1w6iiymd], .obs-org-directory .btn.btn[class]:hover:not(:disabled)[b-4q1w6iiymd] {
    color: var(--directory-button-ink) !important;
    background: var(--directory-button-fill) !important;
    border-color: var(--directory-button-border) !important;
    filter: none !important;
}
.obs-org-directory .btn.btn[class] i[b-4q1w6iiymd], .obs-org-directory .btn.btn[class]:hover:not(:disabled) i[b-4q1w6iiymd] { color: inherit !important; }
.btn:focus-visible[b-4q1w6iiymd] { outline: 3px solid color-mix(in srgb, var(--obs-primary) 45%, transparent); outline-offset: 3px; }
.directory-filter-toggle.is-active[b-4q1w6iiymd] { box-shadow: inset 0 0 0 2px var(--obs-primary); }
.search-box[b-4q1w6iiymd] { position: relative; flex: 0 1 340px; min-width: 220px; max-width: 340px; width: 340px; }
.search-box i[b-4q1w6iiymd] { position: absolute; inset-inline-start: 1rem; top: 50%; transform: translateY(-50%); color: var(--kt-text-muted, #7e8299); z-index: 3; pointer-events: none; }
.search-box input[b-4q1w6iiymd] { height: 56px; min-height: 56px; box-sizing: border-box; width: 100%; font: inherit; line-height: normal; padding-block: .55rem; padding-inline-start: 3rem !important; border-radius: .5rem; }
.filter-menu[b-4q1w6iiymd] { min-width: min(320px, calc(100vw - 56px)); max-width: calc(100vw - 56px); }
.field-error[b-4q1w6iiymd] { color: var(--kt-danger, #f1416c); font-weight: 600; margin-block: .35rem; }
.directory-context[b-4q1w6iiymd] { min-width: 0; }
.directory-context h2[b-4q1w6iiymd] { max-width: 100%; overflow-wrap: anywhere; }
.table-responsive[b-4q1w6iiymd] { width: 100%; min-width: 0; }
.table[b-4q1w6iiymd] { width: 100%; margin-bottom: 0; }
.directory-number[b-4q1w6iiymd] { min-width: 100px; }
.directory-name[b-4q1w6iiymd] { min-width: 250px; }
.directory-parent[b-4q1w6iiymd] { min-width: 220px; }
.directory-actions-column[b-4q1w6iiymd] { min-width: 220px; }
.table th[b-4q1w6iiymd], .table td[b-4q1w6iiymd] { text-align: center; vertical-align: middle; }
.table th[b-4q1w6iiymd] { color: var(--obs-muted, #7e8299); background: color-mix(in srgb, var(--obs-primary) 4%, #fff); }
.table tbody td[b-4q1w6iiymd] { border-bottom: 1px dashed var(--bs-border-color, #eff2f5) !important; overflow-wrap: anywhere; }
.directory-row-actions[b-4q1w6iiymd] { flex-wrap: nowrap; }
.directory-row.is-clickable[b-4q1w6iiymd] { cursor: pointer; }
.directory-row.is-clickable:focus-visible[b-4q1w6iiymd] { outline: 2px solid var(--obs-primary); outline-offset: -2px; background: color-mix(in srgb, var(--obs-primary) 5%, #fff); }

@media (max-width: 991.98px) {
    .toolbar[b-4q1w6iiymd] { align-items: stretch; flex-wrap: wrap; }
    .toolbar-actions[b-4q1w6iiymd] { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
    .toolbar-utility-actions[b-4q1w6iiymd] { width: auto; }
}
@media (max-width: 767.98px) {
    .toolbar[b-4q1w6iiymd], .toolbar-actions[b-4q1w6iiymd], .search-box[b-4q1w6iiymd] { width: 100%; }
    .search-box[b-4q1w6iiymd] { flex-basis: 100%; max-width: none; min-width: 0; }
    .toolbar-utility-actions[b-4q1w6iiymd] { width: auto; }
}
/* _content/Starterkit/Observatory/Components/OrganizationIdentity.razor.rz.scp.css */
.organization-identity[b-z6no02jepz] { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px 7px; min-width: 0; max-width: 100%; vertical-align: middle; line-height: 1.7; text-align: start; }
.organization-identity__name[b-z6no02jepz] { min-width: 0; overflow-wrap: anywhere; }
.organization-identity__type[b-z6no02jepz] { display: inline-block; padding: 1px 8px; border: 1px solid; border-radius: 6px; font-size: .72rem; font-weight: 700; line-height: 1.8; overflow-wrap: anywhere; }
.organization-identity__type.is-main[b-z6no02jepz] { color: #1e40af; background: #eff6ff; border-color: #bfdbfe; }
.organization-identity__type.is-branch[b-z6no02jepz] { color: #116149; background: #ecfdf5; border-color: #a7f3d0; }
.organization-identity__parent[b-z6no02jepz] { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 4px; color: #53676b; font-size: .75rem; font-weight: 400; }
/* _content/Starterkit/Observatory/Components/OrganizationJourneyPanel.razor.rz.scp.css */
.journey-panel[b-sac0phiq1d] {
    --journey-ink: #173f47;
    --journey-muted: #667f85;
    --journey-line: #dbe6e8;
    --journey-surface: #f7fafb;
    --journey-blue: #1d78d4;
    --journey-blue-soft: #edf6ff;
    --journey-success: #12866f;
    --journey-success-soft: #ecf8f5;
    position: relative;
    overflow: visible;
    padding: clamp(1rem, 1.5vw, 1.45rem);
    border: 1px solid var(--journey-line);
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 .85rem 2.5rem rgba(18, 62, 73, .08);
}

.journey-panel[b-sac0phiq1d]::before {
    content: "";
    position: absolute;
    inset-inline: 1.25rem;
    top: 0;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--journey-blue), var(--journey-success));
}

.journey-panel__heading[b-sac0phiq1d] {
    display: grid;
    grid-template-columns: minmax(20rem, .85fr) minmax(38rem, 1.35fr);
    align-items: center;
    gap: clamp(1.2rem, 2.4vw, 2.5rem);
    padding-bottom: 1.05rem;
    border-bottom: 1px solid #e7eef0;
}

.journey-panel__intro[b-sac0phiq1d] {
    min-width: 0;
}

.journey-panel__eyebrow[b-sac0phiq1d] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    color: #9a681e;
    font-size: .76rem;
    font-weight: 900;
}

.journey-panel__eyebrow i[b-sac0phiq1d] {
    font-size: .72rem;
}

.journey-panel h2[b-sac0phiq1d] {
    margin: .28rem 0 .22rem;
    color: var(--journey-ink);
    font-size: clamp(1.28rem, 1.7vw, 1.72rem);
    font-weight: 950;
    line-height: 1.4;
}

.journey-panel p[b-sac0phiq1d],
.journey-panel__empty span[b-sac0phiq1d] {
    margin: 0;
    color: var(--journey-muted);
    font-weight: 650;
}

.journey-panel p[b-sac0phiq1d] {
    max-width: 46rem;
    font-size: .86rem;
    line-height: 1.75;
}

.journey-panel__selectors[b-sac0phiq1d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(17rem, 1fr));
    gap: .8rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid #e0eaec;
    border-radius: .95rem;
    background: var(--journey-surface);
}

.journey-panel__selector[b-sac0phiq1d] {
    display: grid;
    min-width: 0;
    gap: .42rem;
    margin: 0;
}

.journey-panel__selector-label[b-sac0phiq1d] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #4f6d73;
    font-size: .8rem;
    font-weight: 900;
    line-height: 1.5;
}

.journey-panel__selector-label i[b-sac0phiq1d] {
    color: var(--journey-blue);
    font-size: .76rem;
}

.journey-panel__selector[b-sac0phiq1d]  .organization-select {
    grid-template-columns: minmax(0, 1fr) 52px;
    gap: .55rem;
}

.journey-panel__selector[b-sac0phiq1d]  .organization-select__add {
    min-width: 52px;
    min-height: 52px;
    border-color: #c9ddda;
    border-radius: .78rem;
    background: #f2faf8;
    font-size: .92rem;
}

.journey-panel__selector[b-sac0phiq1d]  .gb-autocomplete-select__input,
.journey-panel__selector[b-sac0phiq1d]  .journey-panel__control {
    min-height: 52px !important;
    padding-block: .66rem !important;
    padding-inline-end: 1rem !important;
    color: var(--journey-ink) !important;
    border-color: #cbdadd !important;
    border-radius: .78rem !important;
    background-color: #fff !important;
    font-size: .96rem !important;
    font-weight: 800 !important;
    line-height: 1.72 !important;
}

.journey-panel__selector[b-sac0phiq1d]  .gb-autocomplete-select__input:hover {
    border-color: #9dbfc4 !important;
}

.journey-panel__selector[b-sac0phiq1d]  .gb-autocomplete-select__input:focus {
    border-color: var(--journey-blue) !important;
    box-shadow: 0 0 0 .22rem rgba(29, 120, 212, .13) !important;
}

.journey-panel__selector[b-sac0phiq1d]  .gb-autocomplete-select__toggle {
    width: 2.8rem;
    color: #58757b;
}

.journey-panel__selector[b-sac0phiq1d]  .gb-autocomplete-select__menu {
    z-index: 1200;
    max-height: 20rem;
    font-size: .9rem;
}

.journey-panel__loading[b-sac0phiq1d] {
    display: grid;
    grid-template-columns: 1.4fr repeat(2, 1fr);
    gap: .75rem;
    margin-top: 1rem;
}

.journey-panel__skeleton[b-sac0phiq1d] {
    min-height: 6rem;
    border-radius: .9rem;
    background: linear-gradient(100deg, #eef3f4 25%, #f8fafb 42%, #eef3f4 60%);
    background-size: 220% 100%;
    animation: journey-skeleton-b-sac0phiq1d 1.4s ease-in-out infinite;
}

.journey-panel__empty[b-sac0phiq1d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    min-height: 7.5rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px dashed #c7d8db;
    border-radius: .95rem;
    background: var(--journey-surface);
}

.journey-panel__empty i[b-sac0phiq1d] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: .75rem;
    color: var(--journey-blue);
    background: var(--journey-blue-soft);
    font-size: 1.08rem;
}

.journey-panel__empty strong[b-sac0phiq1d],
.journey-panel__empty span[b-sac0phiq1d] {
    display: block;
}

.journey-panel__empty strong[b-sac0phiq1d] {
    color: var(--journey-ink);
    font-size: .94rem;
}

.journey-panel__empty span[b-sac0phiq1d] {
    margin-top: .2rem;
    font-size: .78rem;
    line-height: 1.65;
}

.journey-panel__overview[b-sac0phiq1d] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(19rem, .62fr);
    gap: .8rem;
    margin-top: 1rem;
}

.journey-panel__overview.is-progress-only[b-sac0phiq1d] {
    grid-template-columns: 1fr;
}

.journey-panel__readiness[b-sac0phiq1d] {
    --readiness-color: #ad4857;
    display: grid;
    grid-template-columns: 7.25rem minmax(0, 1fr) auto;
    align-items: stretch;
    gap: .85rem;
    min-width: 0;
    padding: .82rem;
    border: 1px solid color-mix(in srgb, var(--readiness-color) 18%, #dce7e8);
    border-radius: .95rem;
    background: #fff;
}

.journey-panel__readiness.is-ready[b-sac0phiq1d] {
    --readiness-color: var(--journey-success);
}

.journey-panel__readiness.is-attention[b-sac0phiq1d] {
    --readiness-color: #a97625;
}

.journey-panel__readiness-score[b-sac0phiq1d] {
    display: grid;
    align-content: center;
    justify-items: center;
    padding-inline-end: .8rem;
    border-inline-end: 3px solid var(--readiness-color);
    text-align: center;
}

.journey-panel__readiness-score small[b-sac0phiq1d] {
    color: var(--journey-muted);
    font-size: .64rem;
    font-weight: 800;
}

.journey-panel__readiness-score strong[b-sac0phiq1d] {
    color: var(--readiness-color);
    font-size: 1.52rem;
    font-weight: 950;
    line-height: 1.25;
}

.journey-panel__readiness-score span[b-sac0phiq1d],
.journey-panel__version[b-sac0phiq1d] {
    color: var(--journey-muted);
    font-size: .68rem;
    font-weight: 850;
}

.journey-panel__readiness dl[b-sac0phiq1d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(6.5rem, 1fr));
    align-items: stretch;
    gap: .5rem;
    min-width: 0;
    margin: 0;
}

.journey-panel__readiness dl div[b-sac0phiq1d] {
    display: grid;
    align-content: center;
    gap: .12rem;
    min-width: 0;
    padding: .58rem .68rem;
    border-radius: .68rem;
    background: #f6f9fa;
}

.journey-panel__readiness dl div.has-blockers[b-sac0phiq1d] {
    background: #fff3f4;
}

.journey-panel__readiness dt[b-sac0phiq1d] {
    overflow: hidden;
    color: var(--journey-muted);
    font-size: .66rem;
    font-weight: 750;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.journey-panel__readiness dd[b-sac0phiq1d] {
    margin: 0;
    color: var(--journey-ink);
    font-size: .85rem;
    font-weight: 950;
}

.journey-panel__readiness .has-blockers dd[b-sac0phiq1d] {
    color: #aa3f50;
}

.journey-panel__version[b-sac0phiq1d] {
    align-self: start;
    padding: .4rem .58rem;
    border: 1px solid #e0e8ea;
    border-radius: .58rem;
    background: var(--journey-surface);
    white-space: nowrap;
}

.journey-panel__progress[b-sac0phiq1d] {
    display: grid;
    align-content: space-between;
    gap: .8rem;
    min-width: 0;
    padding: .9rem 1rem;
    border: 1px solid #dce7e9;
    border-radius: .95rem;
    background: var(--journey-surface);
}

.journey-panel__progress-copy[b-sac0phiq1d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
}

.journey-panel__progress-copy span[b-sac0phiq1d] {
    color: #58747a;
    font-size: .8rem;
    font-weight: 850;
    line-height: 1.55;
}

.journey-panel__progress strong[b-sac0phiq1d] {
    color: var(--journey-blue);
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1;
}

.journey-panel__bar[b-sac0phiq1d] {
    height: .52rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dfeaec;
}

.journey-panel__bar span[b-sac0phiq1d] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--journey-blue), #2ea78d);
    transition: width .28s ease;
}

.journey-steps[b-sac0phiq1d] {
    display: grid;
    grid-template-columns: repeat(5, minmax(12rem, 1fr));
    gap: .72rem;
    margin: 1rem 0 0;
    padding: 0 0 .35rem;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: thin;
    scroll-snap-type: inline proximity;
}

.journey-step[b-sac0phiq1d] {
    position: relative;
    min-width: 0;
    scroll-snap-align: start;
    transition: opacity .18s ease, filter .18s ease;
}

.journey-step__main[b-sac0phiq1d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .52rem;
    width: 100%;
    min-height: 7.15rem;
    padding: .78rem .72rem .86rem;
    border: 1px solid #dce6e8;
    border-radius: .9rem;
    background: #fff;
    color: var(--journey-ink);
    text-align: center;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.journey-step__main:hover[b-sac0phiq1d],
.journey-step__main:focus-visible[b-sac0phiq1d] {
    transform: translateY(-2px);
    border-color: rgba(29, 120, 212, .46);
    box-shadow: 0 .55rem 1.25rem rgba(18, 62, 73, .09);
    outline: none;
}

.journey-step__main:active[b-sac0phiq1d] {
    transform: translateY(0) scale(.99);
}

.journey-step__marker[b-sac0phiq1d] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #eaf0f2;
    color: #6d888e;
    font-size: .72rem;
    font-weight: 950;
}

.journey-step__content[b-sac0phiq1d] {
    min-width: 0;
}

.journey-step__content strong[b-sac0phiq1d],
.journey-step__content small[b-sac0phiq1d] {
    display: block;
    overflow-wrap: anywhere;
}

.journey-step__content strong[b-sac0phiq1d] {
    font-size: .88rem;
    line-height: 1.48;
}

.journey-step__content small[b-sac0phiq1d] {
    margin-top: .18rem;
    color: #70898f;
    font-size: .72rem;
    line-height: 1.55;
}

.journey-step.is-complete .journey-step__main[b-sac0phiq1d] {
    border-color: rgba(18, 134, 111, .28);
    background: var(--journey-success-soft);
}

.journey-step.is-complete .journey-step__marker[b-sac0phiq1d] {
    background: var(--journey-success);
    color: #fff;
}

.journey-step.is-current .journey-step__main[b-sac0phiq1d] {
    border: 2px solid var(--journey-blue);
    background: var(--journey-blue-soft);
    box-shadow: 0 .55rem 1.35rem rgba(29, 120, 212, .11);
}

.journey-step.is-current .journey-step__marker[b-sac0phiq1d] {
    background: var(--journey-blue);
    color: #fff;
    box-shadow: 0 0 0 .3rem rgba(29, 120, 212, .12);
}

.journey-step.is-pending[b-sac0phiq1d] {
    opacity: .62;
    filter: saturate(.62);
}

.journey-step.is-pending:hover[b-sac0phiq1d],
.journey-step.is-pending:focus-within[b-sac0phiq1d] {
    opacity: .86;
}

.journey-step__details[b-sac0phiq1d] {
    display: grid;
    gap: .45rem;
    min-height: 4.8rem;
    margin-top: .5rem;
    padding: .62rem;
    border: 1px solid #e0e8ea;
    border-radius: .8rem;
    background: #f9fbfb;
}

.journey-substep[b-sac0phiq1d] {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: start;
    gap: .4rem;
    color: #5d787e;
}

.journey-substep i[b-sac0phiq1d] {
    margin-top: .2rem;
    font-size: .6rem;
    text-align: center;
}

.journey-substep b[b-sac0phiq1d],
.journey-substep small[b-sac0phiq1d] {
    display: block;
    overflow-wrap: anywhere;
}

.journey-substep b[b-sac0phiq1d] {
    color: inherit;
    font-size: .71rem;
    line-height: 1.45;
}

.journey-substep small[b-sac0phiq1d] {
    margin-top: .08rem;
    color: #7f959a;
    font-size: .64rem;
    line-height: 1.48;
}

.journey-substep.is-complete[b-sac0phiq1d] {
    color: var(--journey-success);
}

.journey-substep.is-current[b-sac0phiq1d] {
    color: var(--journey-blue);
}

.journey-substep.is-attention[b-sac0phiq1d] {
    color: #a95618;
}

.journey-substep.is-pending[b-sac0phiq1d] {
    opacity: .72;
}

@keyframes journey-skeleton-b-sac0phiq1d {
    to {
        background-position: -120% 0;
    }
}

@media (max-width: 1180px) {
    .journey-panel__heading[b-sac0phiq1d] {
        grid-template-columns: 1fr;
    }

    .journey-panel__selectors[b-sac0phiq1d] {
        grid-template-columns: repeat(2, minmax(14rem, 1fr));
    }

    .journey-panel__overview[b-sac0phiq1d] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .journey-panel__selectors[b-sac0phiq1d],
    .journey-panel__loading[b-sac0phiq1d] {
        grid-template-columns: 1fr;
    }

    .journey-panel__readiness[b-sac0phiq1d] {
        grid-template-columns: 6.5rem minmax(0, 1fr);
    }

    .journey-panel__readiness dl[b-sac0phiq1d] {
        grid-template-columns: repeat(2, minmax(7rem, 1fr));
    }

    .journey-panel__version[b-sac0phiq1d] {
        grid-column: 1 / -1;
        width: max-content;
    }
}

@media (max-width: 520px) {
    .journey-panel[b-sac0phiq1d] {
        padding: .8rem;
        border-radius: 1rem;
    }

    .journey-panel__heading[b-sac0phiq1d] {
        gap: 1rem;
    }

    .journey-panel__selectors[b-sac0phiq1d] {
        padding: .7rem;
    }

    .journey-panel__selector[b-sac0phiq1d]  .organization-select {
        grid-template-columns: minmax(0, 1fr) 48px;
    }

    .journey-panel__selector[b-sac0phiq1d]  .organization-select__add,
    .journey-panel__selector[b-sac0phiq1d]  .gb-autocomplete-select__input,
    .journey-panel__selector[b-sac0phiq1d]  .journey-panel__control {
        min-height: 48px !important;
    }

    .journey-panel__readiness[b-sac0phiq1d] {
        grid-template-columns: 1fr;
    }

    .journey-panel__readiness-score[b-sac0phiq1d] {
        grid-template-columns: 1fr auto auto;
        align-items: center;
        justify-items: start;
        gap: .5rem;
        padding: 0 0 .65rem;
        border-inline-end: 0;
        border-bottom: 3px solid var(--readiness-color);
        text-align: start;
    }

    .journey-panel__readiness dl[b-sac0phiq1d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .journey-panel__readiness dt[b-sac0phiq1d] {
        white-space: normal;
    }

    .journey-panel__progress-copy[b-sac0phiq1d] {
        grid-template-columns: 1fr;
    }

    .journey-steps[b-sac0phiq1d] {
        grid-template-columns: repeat(5, 14rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .journey-panel__skeleton[b-sac0phiq1d] {
        animation: none;
    }

    .journey-step[b-sac0phiq1d],
    .journey-step__main[b-sac0phiq1d],
    .journey-panel__bar span[b-sac0phiq1d] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/OrganizationMultiSelect.razor.rz.scp.css */
.branch-multi[b-65xq46olo9]{min-width:0;font-size:18px;color:#173f43;--obs-org-font-family:var(--gb-website-font-family,Tahoma),Arial,sans-serif;--obs-text-size:18px;--obs-helper-text-size:17px}
.branch-multi__control[b-65xq46olo9]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #afc9c9;border-radius:12px;background:#fff}
.branch-multi__control:focus-within[b-65xq46olo9]{outline:2px solid #287a66;outline-offset:2px}.is-invalid .branch-multi__control[b-65xq46olo9]{border-color:#a02537}
.branch-multi__chip[b-65xq46olo9]{display:inline-flex;align-items:center;gap:10px;max-width:100%;border-radius:8px;background:#e7f5ef;padding-inline-start:10px;line-height:1.5}
.branch-multi__chip>span[b-65xq46olo9]{overflow-wrap:anywhere;min-width:0}.branch-multi__chip button[b-65xq46olo9]{border:0;background:transparent;min-width:44px;min-height:44px;color:#16473c;font:inherit;font-size:22px;flex-shrink:0}
.branch-multi__control>input[b-65xq46olo9]{flex:1 1 180px;min-width:0;width:100%;min-height:48px;border:0;background:transparent;color:inherit;font:inherit;padding:8px}
.branch-multi__toggle[b-65xq46olo9],.branch-multi__footer button[b-65xq46olo9]{border:1px solid #afc9c9;border-radius:8px;background:#fff;color:inherit;font:inherit;min-height:44px;padding:8px 12px;white-space:normal}
.branch-multi__panel[b-65xq46olo9]{margin-top:8px;padding:12px;border:1px solid #afc9c9;border-radius:12px;background:#fff}
.branch-multi__panel p[b-65xq46olo9]{margin:0 0 10px;overflow-wrap:anywhere}.branch-multi__results[b-65xq46olo9]{max-height:300px;overflow:auto}
.branch-multi__option[b-65xq46olo9]{display:flex;align-items:center;gap:12px;padding:10px 6px;min-height:54px;border-bottom:1px solid #e1ebeb;cursor:pointer}
.branch-multi__option input[b-65xq46olo9]{width:22px;height:22px;min-height:0;flex-shrink:0;accent-color:#287a66}.branch-multi__option>span[b-65xq46olo9]{display:grid;gap:5px;min-width:0}.branch-multi__option strong[b-65xq46olo9],.branch-multi__option small[b-65xq46olo9]{overflow-wrap:anywhere}.branch-multi__option small[b-65xq46olo9]{color:#4c686c;font-size:15px}
.branch-multi__footer[b-65xq46olo9]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}button:disabled[b-65xq46olo9]{opacity:.6;cursor:not-allowed}button:focus-visible[b-65xq46olo9]{outline:3px solid #287a66;outline-offset:2px}
@media(max-width:480px){.branch-multi__toggle[b-65xq46olo9]{width:100%}.branch-multi__panel[b-65xq46olo9]{padding:8px}}
/* _content/Starterkit/Observatory/Components/OrganizationSelect.razor.rz.scp.css */
.organization-select[b-uipjb83z8m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 0.55rem;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.organization-select[b-uipjb83z8m]  .gb-autocomplete-select,
.organization-select[b-uipjb83z8m]  .gb-autocomplete-select__control,
.organization-select[b-uipjb83z8m]  .gb-autocomplete-select__input {
    min-width: 0;
    max-width: 100%;
}

.organization-select__add[b-uipjb83z8m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    border: 1px solid color-mix(in srgb, var(--obs-primary, #0f766e) 30%, #d7e3e5);
    border-radius: 12px;
    background: color-mix(in srgb, var(--obs-primary, #0f766e) 8%, white);
    color: var(--obs-primary, #0f766e);
    cursor: pointer;
    transition: transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.organization-select__add:hover:not(:disabled)[b-uipjb83z8m],
.organization-select__add:focus-visible[b-uipjb83z8m] {
    transform: translateY(-1px);
    background: var(--obs-primary, #0f766e);
    color: white;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--obs-primary, #0f766e) 20%, transparent);
    outline: none;
}

.organization-select__add:disabled[b-uipjb83z8m] {
    cursor: not-allowed;
    opacity: 0.5;
}

.organization-select__identity[b-uipjb83z8m] { grid-column: 1 / -1; }

.organization-select__created[b-uipjb83z8m] {
    grid-column: 1 / -1;
    color: var(--obs-primary, #0f766e);
    font-size: .8rem;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    .organization-select[b-uipjb83z8m] {
        grid-template-columns: minmax(0, 1fr) 40px;
        gap: 0.4rem;
    }
}

.organization-select--multiple[b-uipjb83z8m]{align-items:start;grid-template-columns:minmax(0,1fr) 44px}
.organization-select--multiple .organization-select__add[b-uipjb83z8m]{height:48px;min-width:44px}
.organization-select--no-add[b-uipjb83z8m]{grid-template-columns:minmax(0,1fr)}
/* _content/Starterkit/Observatory/Components/PermissionGroupCard.razor.rz.scp.css */
.permission-group[b-5nmlnzbvcq] { --obs-text-size:18px; --obs-helper-text-size:18px; --obs-org-font-family:var(--gb-website-font-family,Tahoma),Arial,sans-serif; min-width:0; padding:20px; border:1px solid #d6e5e5; border-radius:14px; background:#fff; color:#173f45; height:100%; }
header[b-5nmlnzbvcq] { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-bottom:14px; border-bottom:1px solid #e2ebeb; }
h3[b-5nmlnzbvcq] { font-size:20px; line-height:1.6; margin:0 0 8px; overflow-wrap:anywhere; }
.permission-group__scope[b-5nmlnzbvcq] { display:inline-block; padding:4px 10px; border-radius:7px; background:#f0f5f5; color:#496268; font-size:16px; }
.permission-group__count[b-5nmlnzbvcq] { color:#146747; background:#e9f7ef; border-radius:7px; padding:4px 10px; white-space:nowrap; font-size:16px; }
.permission-group__hint[b-5nmlnzbvcq] { margin:12px 0; font-size:18px; line-height:1.7; color:#50666c; }
.permission-group__rows[b-5nmlnzbvcq] { display:grid; gap:8px; margin-top:12px; }
.permission-group[b-5nmlnzbvcq]  .permission-row { display:flex; align-items:center; gap:8px; min-width:0; padding:6px; border-radius:8px; }
.permission-group[b-5nmlnzbvcq]  .permission-row.is-enabled { background:#edf9f1; }
.permission-group[b-5nmlnzbvcq]  .permission-row label { flex:1; display:flex; align-items:flex-start; gap:12px; min-width:0; margin:0; padding:8px 4px; cursor:pointer; font-size:18px; line-height:1.65; }
.permission-group[b-5nmlnzbvcq]  input[type=checkbox] { flex:0 0 22px; width:22px!important; height:22px!important; min-height:0!important; margin:4px 0 0; accent-color:#16734b; cursor:pointer; }
.permission-group[b-5nmlnzbvcq]  .permission-row span { overflow-wrap:anywhere; }
.permission-group[b-5nmlnzbvcq]  .permission-help { width:44px; height:44px; flex:0 0 44px; padding:0; border:0; border-radius:8px; background:transparent; color:#45666b; }
.permission-group[b-5nmlnzbvcq]  .permission-help:hover { background:#dfedeb; }
.permission-group[b-5nmlnzbvcq]  :focus-visible { outline:3px solid #15816c; outline-offset:3px; }
@media(max-width:550px) { .permission-group[b-5nmlnzbvcq] { padding:14px; } }
/* _content/Starterkit/Observatory/Components/QuickCreateOrganizationDialog.razor.rz.scp.css */
.quick-organization[b-anl093pm57] {
    width: min(680px, calc(100vw - 2rem));
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    color: #17323a;
    box-shadow: 0 26px 70px rgba(16, 46, 55, 0.2);
}

.quick-organization__header[b-anl093pm57] {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 36px;
    gap: 0.9rem;
    align-items: start;
    padding: 1.35rem 1.45rem 1.15rem;
    background: linear-gradient(135deg, #eefaf8, #f7fbff);
    border-bottom: 1px solid #dcebed;
}

.quick-organization__icon[b-anl093pm57] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: #0f766e;
    color: #fff;
    font-size: 1.2rem;
    box-shadow: 0 10px 24px rgba(15, 118, 110, 0.2);
}

.quick-organization__header small[b-anl093pm57] {
    color: #b16a10;
    font-weight: 800;
}

.quick-organization__header h2[b-anl093pm57] {
    margin: 0.15rem 0 0.25rem;
    color: #0f3e4b;
    font-size: 1.35rem;
    font-weight: 900;
}

.quick-organization__header p[b-anl093pm57] {
    margin: 0;
    color: #657f87;
    font-size: 0.9rem;
}

.quick-organization__close[b-anl093pm57] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.72);
    color: #607a82;
}

.quick-organization__body[b-anl093pm57] {
    padding: 1.35rem 1.45rem;
}

.quick-organization__grid[b-anl093pm57] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.quick-organization__grid label[b-anl093pm57] {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    margin: 0;
}

.quick-organization__grid label.is-wide[b-anl093pm57] {
    grid-column: 1 / -1;
}

.quick-organization__grid label > span[b-anl093pm57] {
    font-size: 0.87rem;
    font-weight: 800;
}

.quick-organization__grid label > span b[b-anl093pm57] {
    color: #c2413b;
}

.quick-organization__grid .form-control[b-anl093pm57] {
    min-height: 44px;
    border-radius: 12px;
    border-color: #d5e3e6;
}

.quick-organization__grid .form-control:focus[b-anl093pm57] {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.quick-organization__grid label > small:not(.quick-organization__error)[b-anl093pm57] {
    color: #71868c;
    font-size: 0.76rem;
}

.quick-organization__message[b-anl093pm57] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #f3c5c1;
    border-radius: 12px;
    background: #fff5f4;
    color: #9f2f29;
    font-weight: 700;
}

.quick-organization__error[b-anl093pm57] {
    color: #b42318;
    font-size: 0.76rem;
    font-weight: 700;
}

.quick-organization__actions[b-anl093pm57] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 1rem 1.45rem 1.25rem;
    border-top: 1px solid #e3edef;
}

.quick-organization__actions .btn[b-anl093pm57] {
    min-height: 42px;
    padding-inline: 1.1rem;
    border-radius: 12px;
    font-weight: 800;
}

.quick-organization__cancel[b-anl093pm57] {
    border: 1px solid #d6e1e4;
    background: #fff;
    color: #526b73;
}

.quick-organization__save[b-anl093pm57] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #0f766e;
    background: #0f766e;
    color: #fff;
}

@media (max-width: 640px) {
    .quick-organization[b-anl093pm57] {
        width: calc(100vw - 1rem);
        border-radius: 16px;
    }

    .quick-organization__header[b-anl093pm57],
    .quick-organization__body[b-anl093pm57],
    .quick-organization__actions[b-anl093pm57] {
        padding-inline: 1rem;
    }

    .quick-organization__grid[b-anl093pm57] {
        grid-template-columns: 1fr;
    }

    .quick-organization__grid label.is-wide[b-anl093pm57] {
        grid-column: auto;
    }
}
/* _content/Starterkit/Observatory/Components/RoleNotificationPermission.razor.rz.scp.css */
.role-notifications[b-0ft76yc7qx] { min-width:0; margin-top:8px; padding-top:12px; border-top:1px solid #dce8e6; }
p[b-0ft76yc7qx] { font-size:18px; line-height:1.7; color:#4f656b; margin:8px 0 14px; }
.btn[b-0ft76yc7qx] { min-height:44px; white-space:normal; line-height:1.6; border:1px solid #41856e!important; }
.alert[b-0ft76yc7qx] { overflow-wrap:anywhere; line-height:1.7; }

.permission-row[b-0ft76yc7qx] { display:flex; border-radius:8px; padding:6px; }
.permission-row.is-enabled[b-0ft76yc7qx] { background:#edf9f1; }
label[b-0ft76yc7qx] { display:flex; align-items:flex-start; gap:12px; margin:0; padding:8px 4px; line-height:1.65; }
input[type=checkbox][b-0ft76yc7qx] { flex:0 0 22px; width:22px!important; height:22px!important; min-height:0!important; margin:4px 0 0; accent-color:#16734b; }
/* _content/Starterkit/Observatory/Components/StaticTemplateAccessEditor.razor.rz.scp.css */
.template-access[b-j2a8x7v3ac]{--access-accent:var(--obs-primary,#245f50);--access-ink:#203e39;--access-line:#d7e4de;color:var(--access-ink);min-width:0}
.template-access *[b-j2a8x7v3ac]{box-sizing:border-box}
.access-heading[b-j2a8x7v3ac]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.access-heading h3[b-j2a8x7v3ac]{font-size:1.15rem;font-weight:700;margin:0 0 .35rem}
.access-heading p[b-j2a8x7v3ac]{margin:0;color:#60756b;font-size:.9rem;line-height:1.7}
.access-count[b-j2a8x7v3ac]{font-size:.83rem;color:#516b60}
.access-layout[b-j2a8x7v3ac]{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);border:1px solid var(--access-line);border-radius:16px;background:white;overflow:hidden}
.access-directory[b-j2a8x7v3ac]{min-width:0;border-inline-end:1px solid var(--access-line);background:#f8fbf9}
.access-filters[b-j2a8x7v3ac]{padding:1rem;border-bottom:1px solid var(--access-line);display:grid;gap:.75rem}
.access-filters label[b-j2a8x7v3ac]{display:grid;gap:.4rem;min-width:0;font-size:.8rem;font-weight:600;margin:0}
.access-search>span[b-j2a8x7v3ac]{position:relative;display:flex;align-items:center}
.access-search i[b-j2a8x7v3ac]{position:absolute;inset-inline-start:.75rem;color:#71877c;pointer-events:none}
.access-filters input[b-j2a8x7v3ac],.access-filters select[b-j2a8x7v3ac]{font:inherit;font-size:.85rem;line-height:1.6;width:100%;min-width:0;border:1px solid #bccfc4;background:white;border-radius:8px;color:var(--access-ink);padding:.6rem .7rem}
.access-search input[b-j2a8x7v3ac]{padding-inline-start:2.2rem}
.access-filter-row[b-j2a8x7v3ac]{display:flex;align-items:end;gap:.5rem}
.access-filter-row label[b-j2a8x7v3ac]{flex:1}
.template-access button[b-j2a8x7v3ac]{font:inherit;cursor:pointer}
.access-search-action[b-j2a8x7v3ac],.access-pagination button[b-j2a8x7v3ac],.access-cancel[b-j2a8x7v3ac]{background:white;border:1px solid #bdd1c5;color:var(--access-ink);border-radius:8px;padding:.6rem .85rem;font-size:.85rem;min-height:42px}
.access-organizations[b-j2a8x7v3ac]{display:grid;align-content:start;max-height:520px;overflow-y:auto;scrollbar-width:thin}
.access-organization[b-j2a8x7v3ac]{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-width:0;width:100%;padding:.9rem 1rem;text-align:start;background:transparent;color:inherit;border:0;border-bottom:1px solid #e5ede8;border-inline-start:3px solid transparent;line-height:1.6}
.access-organization:hover:not(:disabled)[b-j2a8x7v3ac]{background:#edf5ef}
.access-organization.is-selected[b-j2a8x7v3ac]{background:color-mix(in srgb,var(--access-accent) 9%,white);border-inline-start-color:var(--access-accent)}
.access-organization-name[b-j2a8x7v3ac]{display:grid;gap:.15rem;min-width:0;flex:1}
.access-organization-name strong[b-j2a8x7v3ac]{font-size:.9rem;font-weight:600;overflow-wrap:anywhere}
.access-organization-name small[b-j2a8x7v3ac]{font-size:.76rem;color:#657c70;overflow-wrap:anywhere}
.access-badge[b-j2a8x7v3ac]{display:inline-block;flex:none;max-width:110px;font-size:.68rem;line-height:1.6;border:1px solid #cee1d6;color:#39634e;border-radius:6px;background:#ecf5ef;padding:.2rem .4rem;text-align:center}
.access-badge.is-unassigned[b-j2a8x7v3ac]{color:#6c7770;background:#f0f3f1;border-color:#dce3df}
.access-pagination[b-j2a8x7v3ac]{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.85rem 1rem;border-top:1px solid var(--access-line);background:#fff}
.access-pagination span[b-j2a8x7v3ac]{font-size:.8rem;color:#60756b}
.access-pagination button[b-j2a8x7v3ac]{padding:.4rem .7rem;min-height:36px}
.access-detail[b-j2a8x7v3ac]{min-width:0;padding:1.5rem;align-self:start}
.access-prompt[b-j2a8x7v3ac]{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.8rem;padding:1.5rem .5rem}
.access-prompt>i[b-j2a8x7v3ac]{font-size:2rem;color:#79978a}
.access-prompt h4[b-j2a8x7v3ac]{font-size:1.05rem;font-weight:600;margin:0}
.access-prompt p[b-j2a8x7v3ac]{font-size:.9rem;color:#657c70;margin:0;line-height:1.8}
.access-detail-heading[b-j2a8x7v3ac]{padding-bottom:1.2rem;margin-bottom:1.2rem;border-bottom:1px solid #e5ede8}
.access-detail-heading>small[b-j2a8x7v3ac]{display:block;color:#657c70;font-size:.8rem;overflow-wrap:anywhere}
.access-detail-heading h4[b-j2a8x7v3ac]{font-size:1.25rem;font-weight:700;line-height:1.7;margin:.3rem 0 .6rem;overflow-wrap:anywhere}
.access-detail-heading .access-badge[b-j2a8x7v3ac]{max-width:none}
.access-options[b-j2a8x7v3ac]{border:0;display:grid;gap:.8rem;min-width:0;margin:0;padding:0}
.access-option[b-j2a8x7v3ac]{display:flex;align-items:center;gap:.8rem;min-width:0;cursor:pointer;border:1px solid var(--access-line);border-radius:12px;padding:1rem;background:#fff;margin:0}
.access-option.is-enabled[b-j2a8x7v3ac]{border-color:#9cbeac;background:#f5faf6}
.access-option-icon[b-j2a8x7v3ac]{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef5f0;color:var(--access-accent)}
.access-option>span:nth-child(2)[b-j2a8x7v3ac]{flex:1;min-width:0;display:grid;gap:.3rem}
.access-option strong[b-j2a8x7v3ac]{font-size:.94rem;font-weight:600}
.access-option small[b-j2a8x7v3ac]{color:#657c70;font-size:.8rem;line-height:1.7;overflow-wrap:anywhere}
.access-option input[role=switch][b-j2a8x7v3ac]{appearance:none;position:relative;flex:none;width:44px;height:26px;min-width:44px;margin:0;border:1px solid #b6c8bd;border-radius:20px;background:#dce5df;cursor:pointer;transition:background-color .15s ease}
.access-option input[role=switch][b-j2a8x7v3ac]::after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;background:white;border-radius:50%;box-shadow:0 1px 3px #173c4020;transition:transform .15s ease}
.access-option input[role=switch]:checked[b-j2a8x7v3ac]{background:var(--access-accent);border-color:var(--access-accent)}
.access-option input[role=switch]:checked[b-j2a8x7v3ac]::after{transform:translateX(18px)}
.access-note[b-j2a8x7v3ac]{font-size:.8rem;line-height:1.8;color:#657c70;margin:1rem 0}
.access-save-bar[b-j2a8x7v3ac]{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-top:1px solid #e5ede8;padding-top:1rem;flex-wrap:wrap}
.access-save-bar>span[b-j2a8x7v3ac]{font-size:.8rem;color:#60756b}
.access-save-bar>div[b-j2a8x7v3ac]{display:flex;gap:.5rem;flex-wrap:wrap}
.access-save[b-j2a8x7v3ac]{border:1px solid var(--access-accent);border-radius:8px;padding:.6rem 1rem;background:var(--access-accent);color:white;font-size:.85rem;min-height:42px}
.access-reload[b-j2a8x7v3ac]{display:block;margin-top:1rem;padding:0;border:0;background:transparent;color:#4d7060;text-decoration:underline;text-underline-offset:3px;font-size:.76rem}
.access-empty[b-j2a8x7v3ac]{padding:2rem 1rem;text-align:center;font-size:.85rem;line-height:1.8;color:#657c70}
.access-feedback[b-j2a8x7v3ac],.access-unsaved[b-j2a8x7v3ac]{border:1px solid #bfd9ca;border-radius:10px;padding:.8rem 1rem;margin:0 0 1rem;background:#eef8f1;color:#2b6246;font-size:.85rem;line-height:1.8}
.access-feedback.is-error[b-j2a8x7v3ac]{border-color:#e6bcbc;background:#fff5f5;color:#8b3131}
.access-unsaved[b-j2a8x7v3ac]{border-color:#e4d2a7;background:#fffaf0;color:#76592c}
.access-unsaved p[b-j2a8x7v3ac]{margin:0 0 .7rem}
.access-unsaved button[b-j2a8x7v3ac]{border:1px solid #d9c79e;background:white;border-radius:7px;padding:.4rem .6rem;font-size:.8rem;margin-inline-end:.4rem}
.template-access button:disabled[b-j2a8x7v3ac],.access-option input:disabled[b-j2a8x7v3ac]{opacity:.55;cursor:default}
.template-access button:focus-visible[b-j2a8x7v3ac],.access-filters input:focus-visible[b-j2a8x7v3ac],.access-filters select:focus-visible[b-j2a8x7v3ac],.access-option input:focus-visible[b-j2a8x7v3ac]{outline:3px solid #5c9b80;outline-offset:3px}
@media(max-width:850px){.access-layout[b-j2a8x7v3ac]{grid-template-columns:1fr}.access-directory[b-j2a8x7v3ac]{border-inline-end:0;border-bottom:1px solid var(--access-line)}.access-organizations[b-j2a8x7v3ac]{max-height:310px}.access-detail[b-j2a8x7v3ac]{padding:1rem}.access-prompt[b-j2a8x7v3ac]{min-height:180px}}
@media(max-width:420px){.access-organization[b-j2a8x7v3ac]{padding:.8rem}.access-badge[b-j2a8x7v3ac]{max-width:90px}.access-option[b-j2a8x7v3ac]{padding:.8rem;gap:.5rem}.access-option-icon[b-j2a8x7v3ac]{width:30px;height:30px}.access-save-bar>div[b-j2a8x7v3ac]{width:100%}.access-save-bar button[b-j2a8x7v3ac]{flex:1}}
@media(prefers-reduced-motion:reduce){.access-option input[role=switch][b-j2a8x7v3ac],.access-option input[role=switch][b-j2a8x7v3ac]::after{transition:none}}
/* _content/Starterkit/Observatory/Components/StaticTemplatesWorkspace.razor.rz.scp.css */
.static-templates[b-ms0vypydch]{padding:1rem 0}header[b-ms0vypydch]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}header p[b-ms0vypydch]{color:#526b62}header label[b-ms0vypydch]{min-width:16rem}.template-grid[b-ms0vypydch]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.template-grid article[b-ms0vypydch]{border:1px solid #d4e4dc;border-radius:12px;padding:1.5rem;background:white}.template-grid article>i[b-ms0vypydch]{font-size:1.6rem;color:#357a57}.template-grid h3[b-ms0vypydch]{font-size:1.15rem;margin:1rem 0}.template-grid p[b-ms0vypydch]{color:#60756b;font-size:.9rem}.download-panel[b-ms0vypydch]{max-width:45rem;background:#f3f8f5;border:1px solid #d4e4dc;border-radius:12px;padding:1.5rem}.download-panel label[b-ms0vypydch]{display:block;margin:1.5rem 0 1rem}.download-panel select[b-ms0vypydch]{margin-top:.5rem}nav[b-ms0vypydch]{margin-bottom:1.5rem}input[type=checkbox][b-ms0vypydch]{width:1.1rem;height:1.1rem;accent-color:#286745}
.static-templates .template-grid[b-ms0vypydch] {
    grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
    grid-auto-rows: 1fr;
}

.static-templates .template-grid > article[b-ms0vypydch] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.static-templates .template-grid > article > i[b-ms0vypydch] {
    align-self: flex-start;
}

.static-templates .template-grid h3[b-ms0vypydch] {
    overflow-wrap: anywhere;
}

.static-templates .template-grid > article > .obs-action[b-ms0vypydch] {
    margin-block-start: auto;
    align-self: flex-start;
    max-width: 100%;
}

.template-sections[b-ms0vypydch] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .5rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--bs-border-color, #dce7e5);
    border-radius: 16px;
    background: var(--bs-body-bg, #fff);
}

.template-section[b-ms0vypydch] {
    appearance: none;
    display: inline-flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: 46px;
    padding: .75rem 1rem;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: var(--bs-gray-700, #4b6263);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease, border-color .16s ease;
}

.template-section i[b-ms0vypydch] { flex-shrink: 0; font-size: 14px; opacity: .75; }
.template-section:hover:not(:disabled):not(.is-active)[b-ms0vypydch] {
    background: var(--bs-tertiary-bg, #edf5f3);
    border-color: var(--bs-border-color, #dce7e5);
    color: var(--bs-body-color, #173c40);
}
.template-section.is-active[b-ms0vypydch] {
    background: #173c40;
    color: #fff;
    border-color: #173c40;
    box-shadow: 0 3px 8px rgb(23 60 64 / 14%);
}
.template-section.is-active i[b-ms0vypydch] { opacity: 1; color: #71dfc0; }
.template-section:focus-visible[b-ms0vypydch] { outline: 3px solid #36b596; outline-offset: 2px; }
.template-section:disabled[b-ms0vypydch] { opacity: .5; cursor: wait; }

@media (max-width: 575px) {
    .template-section[b-ms0vypydch] { flex: 1 1 calc(50% - .5rem); padding: .65rem .6rem; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .template-section[b-ms0vypydch] { transition: none; }
}
/* _content/Starterkit/Observatory/Components/WorkbookDateGuidance.razor.rz.scp.css */
.workbook-date-guide[b-y5uj8pw40x]{margin-block:16px;padding:16px;border:1px solid #cbded5;border-inline-start:4px solid #39765e;border-radius:12px;background:#f5faf7;color:#243e33;line-height:1.8;min-width:0}
.workbook-date-guide p[b-y5uj8pw40x]{margin:8px 0;color:inherit}.date-formats[b-y5uj8pw40x]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-block:12px}.date-formats>div[b-y5uj8pw40x]{padding:12px;background:#fff;border:1px solid #dce8e1;border-radius:8px}.date-examples[b-y5uj8pw40x]{display:flex;flex-wrap:wrap;gap:8px;margin-block:8px}.date-examples bdi[b-y5uj8pw40x]{display:inline-block;padding:2px 8px;background:#e7f0eb;border-radius:5px;white-space:nowrap;font-variant-numeric:tabular-nums}.workbook-date-guide summary[b-y5uj8pw40x]{cursor:pointer;font-weight:600;padding-block:6px}.workbook-date-guide summary:focus-visible[b-y5uj8pw40x]{outline:2px solid #39765e;outline-offset:3px}
.workbook-date-guide bdi[b-y5uj8pw40x]{display:inline-block;white-space:nowrap}
/* _content/Starterkit/Observatory/Dashboards.razor.rz.scp.css */
.dashboard-workspace[b-xead0ff88k] {
    --dash-ink: #102f34;
    --dash-muted: #647a7d;
    --dash-line: #dce8e6;
    --dash-paper: #ffffff;
    display: grid;
    gap: 20px;
}

.dashboard-page-heading[b-xead0ff88k] {
    position: relative;
    z-index: 40;
    display: flex;
    min-height: 102px;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 20px;
    padding: 20px 22px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce8e6);
    border-radius: 22px;
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff 64%),
        #fff;
    box-shadow: none;
}

.dashboard-page-heading[b-xead0ff88k]::before {
    position: absolute;
    width: 4px;
    inset-block: 17px;
    inset-inline-start: 0;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.dashboard-page-heading__copy[b-xead0ff88k] {
    min-width: 0;
}

.dashboard-page-heading__copy h2[b-xead0ff88k] {
    margin: 7px 0 4px;
    color: #17383c;
    font-size: clamp(1.35rem, 2.3vw, 1.9rem);
    font-weight: 950;
    letter-spacing: -.025em;
}

.dashboard-page-heading__copy p[b-xead0ff88k] {
    max-width: 720px;
    margin: 0;
    color: #667c7f;
    font-size: .76rem;
    font-weight: 650;
    line-height: 1.75;
}

.dashboard-page-heading__actions[b-xead0ff88k] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

.dashboard-page-heading__settings[b-xead0ff88k],
.dashboard-heading-help > summary[b-xead0ff88k] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #d8e5e3);
    border-radius: 14px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .94rem;
    text-decoration: none;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.dashboard-page-heading__settings:hover[b-xead0ff88k],
.dashboard-page-heading__settings:focus-visible[b-xead0ff88k],
.dashboard-heading-help > summary:hover[b-xead0ff88k],
.dashboard-heading-help > summary:focus-visible[b-xead0ff88k],
.dashboard-heading-help[open] > summary[b-xead0ff88k] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    outline: none;
    transform: translateY(-2px);
}

.dashboard-page-heading__back[b-xead0ff88k] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 9px;
    padding: 9px 14px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, #d8e5e3);
    border-radius: 14px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .74rem;
    font-weight: 900;
    text-decoration: none;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.dashboard-page-heading__back:hover[b-xead0ff88k],
.dashboard-page-heading__back:focus-visible[b-xead0ff88k] {
    color: #fff;
    background: var(--obs-primary);
    outline: none;
    transform: translateY(-1px);
}

.dashboard-heading-help[b-xead0ff88k] {
    position: relative;
}

.dashboard-heading-help > summary[b-xead0ff88k] {
    list-style: none;
}

.dashboard-heading-help > summary[b-xead0ff88k]::-webkit-details-marker {
    display: none;
}

.dashboard-heading-help__tooltip[b-xead0ff88k] {
    position: absolute;
    width: min(310px, calc(100vw - 42px));
    inset-block-start: calc(100% + 11px);
    inset-inline-end: 0;
    z-index: 100;
    padding: 15px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #d8e5e3);
    border-radius: 15px;
    color: #304f53;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 49, 53, .18);
}

.dashboard-heading-help__tooltip[b-xead0ff88k]::before {
    position: absolute;
    width: 11px;
    height: 11px;
    inset-block-start: -6px;
    inset-inline-end: 16px;
    border-block-start: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #d8e5e3);
    border-inline-end: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #d8e5e3);
    background: #fff;
    content: "";
    transform: rotate(-45deg);
}

.dashboard-heading-help__tooltip strong[b-xead0ff88k] {
    display: block;
    color: #17383c;
    font-size: .8rem;
    font-weight: 950;
}

.dashboard-heading-help__tooltip[data-help-placement][b-xead0ff88k]::before {
    inset-inline-end: auto;
    left: var(--obs-help-arrow-left);
}

.dashboard-heading-help__tooltip[data-help-placement="top"][b-xead0ff88k]::before {
    inset-block-start: auto;
    bottom: -6px;
    transform: rotate(135deg);
}

.dashboard-heading-help__tooltip p[b-xead0ff88k] {
    margin: 5px 0 11px;
    color: #647a7d;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.75;
}

.dashboard-heading-help__tooltip a[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--obs-primary);
    font-size: .7rem;
    font-weight: 950;
    text-decoration: none;
}

.dashboard-kicker[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: color-mix(in srgb, var(--obs-secondary) 82%, #254548);
    font-size: .69rem;
    font-weight: 950;
    letter-spacing: .04em;
}

.dashboard-loading[b-xead0ff88k] {
    position: relative;
    display: grid;
    min-height: 430px;
    overflow: hidden;
    place-content: center;
    justify-items: center;
    padding: clamp(28px, 5vw, 64px);
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #dce8e6);
    border-radius: 28px;
    background:
        radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--obs-secondary) 17%, transparent), transparent 30%),
        radial-gradient(circle at 86% 82%, color-mix(in srgb, var(--obs-primary) 12%, transparent), transparent 32%),
        linear-gradient(145deg, #f9fcfb, #f2f7f6);
    box-shadow: 0 28px 70px rgba(15, 49, 53, .1);
}

.dashboard-loading[b-xead0ff88k]::before {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(20, 70, 73, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 70, 73, .035) 1px, transparent 1px);
    background-size: 38px 38px;
    content: "";
    mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

.dashboard-loading__signal[b-xead0ff88k] {
    position: relative;
    display: grid;
    width: 94px;
    height: 94px;
    place-items: center;
    margin-bottom: 22px;
}

.dashboard-loading__signal span[b-xead0ff88k] {
    position: absolute;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 54%, transparent);
    border-radius: 50%;
    animation: dashboard-pulse-b-xead0ff88k 2.2s ease-out infinite;
}

.dashboard-loading__signal span:nth-child(1)[b-xead0ff88k] {
    width: 34px;
    height: 34px;
    background: var(--obs-primary);
    box-shadow: 0 0 0 9px color-mix(in srgb, var(--obs-primary) 11%, transparent);
    animation: none;
}

.dashboard-loading__signal span:nth-child(2)[b-xead0ff88k] {
    width: 64px;
    height: 64px;
}

.dashboard-loading__signal span:nth-child(3)[b-xead0ff88k] {
    width: 94px;
    height: 94px;
    animation-delay: .55s;
}

.dashboard-loading__copy[b-xead0ff88k] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 13px;
    color: var(--dash-ink);
}

.dashboard-loading__copy .spinner-border[b-xead0ff88k] {
    color: var(--obs-primary);
}

.dashboard-loading__copy strong[b-xead0ff88k],
.dashboard-loading__copy small[b-xead0ff88k] {
    display: block;
}

.dashboard-loading__copy strong[b-xead0ff88k] {
    font-size: 1rem;
    font-weight: 950;
}

.dashboard-loading__copy small[b-xead0ff88k] {
    margin-top: 5px;
    color: var(--dash-muted);
    font-size: .75rem;
}

.dashboard-loading__skeleton[b-xead0ff88k] {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(620px, 74vw);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 34px;
}

.dashboard-loading__skeleton span[b-xead0ff88k] {
    height: 72px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 17px;
    background:
        linear-gradient(100deg, rgba(255,255,255,.55) 30%, rgba(255,255,255,.95) 45%, rgba(255,255,255,.55) 60%)
        #eaf1f0;
    background-size: 220% 100%;
    animation: dashboard-shimmer-b-xead0ff88k 1.6s linear infinite;
}

.dashboard-empty-state[b-xead0ff88k] {
    position: relative;
    display: grid;
    min-height: 460px;
    overflow: hidden;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
    align-items: center;
    gap: clamp(28px, 6vw, 86px);
    padding: clamp(30px, 6vw, 76px);
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, #dce8e6);
    border-radius: 30px;
    background:
        linear-gradient(112deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff 56%, color-mix(in srgb, var(--obs-secondary) 8%, #fff));
    box-shadow: none;
}

.dashboard-empty-state[b-xead0ff88k]::after {
    position: absolute;
    width: 260px;
    height: 260px;
    inset-inline-end: -110px;
    inset-block-end: -120px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 25%, transparent);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px color-mix(in srgb, var(--obs-secondary) 4%, transparent),
        0 0 0 70px color-mix(in srgb, var(--obs-primary) 3%, transparent);
    content: "";
}

.dashboard-empty-state__visual[b-xead0ff88k] {
    position: relative;
    display: grid;
    width: min(280px, 65vw);
    aspect-ratio: 1;
    place-items: center;
    justify-self: center;
}

.dashboard-empty-state__visual > span:not(.dashboard-empty-state__orbit)[b-xead0ff88k] {
    position: absolute;
    width: 78%;
    height: 78%;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 35%, transparent);
    border-radius: 50%;
}

.dashboard-empty-state__visual > span:last-child[b-xead0ff88k] {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: color-mix(in srgb, var(--obs-secondary) 18%, transparent);
}

.dashboard-empty-state__orbit[b-xead0ff88k] {
    position: relative;
    z-index: 2;
    display: grid;
    width: 126px;
    height: 126px;
    place-items: center;
    border-radius: 38px;
    color: #fff;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 88%, #0b2226), var(--obs-primary));
    box-shadow:
        0 24px 50px color-mix(in srgb, var(--obs-primary) 26%, transparent),
        inset 0 1px 0 rgba(255,255,255,.22);
    font-size: 2.2rem;
    transform: rotate(-8deg);
}

.dashboard-empty-state__copy[b-xead0ff88k] {
    position: relative;
    z-index: 1;
}

.dashboard-empty-state__copy h2[b-xead0ff88k] {
    max-width: 680px;
    margin: 12px 0 10px;
    color: var(--dash-ink);
    font-size: clamp(1.5rem, 3vw, 2.55rem);
    font-weight: 950;
    letter-spacing: -.035em;
}

.dashboard-empty-state__copy p[b-xead0ff88k] {
    max-width: 660px;
    margin: 0;
    color: var(--dash-muted);
    font-size: clamp(.84rem, 1.4vw, .98rem);
    line-height: 1.9;
}

.dashboard-empty-state__flow[b-xead0ff88k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.dashboard-empty-state__flow span[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #456064;
    font-size: .72rem;
    font-weight: 850;
}

.dashboard-empty-state__flow b[b-xead0ff88k] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
    font-size: .6rem;
}

.dashboard-empty-state__flow i[b-xead0ff88k] {
    color: color-mix(in srgb, var(--obs-primary) 42%, #91a3a4);
    font-size: .65rem;
}

.dashboard-command[b-xead0ff88k] {
    position: relative;
    z-index: 20;
    overflow: visible;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 27px;
    color: #fff;
    background:
        radial-gradient(circle at 4% 10%, color-mix(in srgb, var(--obs-secondary) 32%, transparent), transparent 28%),
        linear-gradient(128deg, #102e33 0%, color-mix(in srgb, var(--obs-primary) 69%, #102e33) 55%, #153a3e 100%);
    box-shadow:
        0 24px 60px rgba(11, 39, 43, .2),
        inset 0 1px 0 rgba(255,255,255,.1);
}

.dashboard-command[b-xead0ff88k]::before {
    position: absolute;
    width: 360px;
    height: 360px;
    inset-inline-end: -140px;
    inset-block-start: -210px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    box-shadow:
        0 0 0 42px rgba(255,255,255,.025),
        0 0 0 84px rgba(255,255,255,.018);
    content: none;
}

.dashboard-command[b-xead0ff88k]::after {
    position: absolute;
    width: 45%;
    height: 1px;
    inset-inline-start: 0;
    inset-block-start: 0;
    background: linear-gradient(90deg, transparent, var(--obs-secondary), transparent);
    content: "";
}

.dashboard-command__lead[b-xead0ff88k] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(240px, .85fr) minmax(300px, 1.2fr) auto;
    align-items: end;
    gap: clamp(18px, 3vw, 38px);
    padding: clamp(22px, 3.5vw, 38px);
}

.dashboard-command .dashboard-kicker[b-xead0ff88k] {
    color: color-mix(in srgb, var(--obs-secondary) 70%, #fff);
}

.dashboard-command__heading h2[b-xead0ff88k] {
    margin: 9px 0 6px;
    color: #fff;
    font-size: clamp(1.25rem, 2.3vw, 1.85rem);
    font-weight: 950;
    letter-spacing: -.025em;
}

.dashboard-command__heading p[b-xead0ff88k] {
    max-width: 520px;
    margin: 0;
    color: rgba(236, 246, 245, .72);
    font-size: .77rem;
    line-height: 1.75;
}

.dashboard-card-overview[b-xead0ff88k] {
    display: flex;
    min-width: 0;
    min-height: 70px;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    background: rgba(255,255,255,.06);
}

.dashboard-card-overview__icon[b-xead0ff88k] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 13px;
    color: #17383c;
    background: color-mix(in srgb, var(--obs-secondary) 82%, #fff);
}

.dashboard-card-overview strong[b-xead0ff88k],
.dashboard-card-overview small[b-xead0ff88k] {
    display: block;
}

.dashboard-card-overview strong[b-xead0ff88k] {
    color: #fff;
    font-size: .78rem;
    font-weight: 950;
}

.dashboard-card-overview small[b-xead0ff88k] {
    margin-top: 5px;
    color: rgba(234, 245, 244, .66);
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.65;
}

.dashboard-selector[b-xead0ff88k] {
    display: grid;
    gap: 8px;
    margin: 0;
}

.dashboard-selector-row[b-xead0ff88k] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 9px;
}

.dashboard-selector > span[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(238, 247, 246, .72);
    font-size: .68rem;
    font-weight: 900;
}

.dashboard-selector .form-select[b-xead0ff88k] {
    min-height: 52px;
    padding-inline: 16px 42px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 15px;
    color: #14363a;
    background-color: rgba(255,255,255,.96);
    box-shadow: 0 14px 32px rgba(0,0,0,.15);
    font-size: .84rem;
    font-weight: 900;
}

.dashboard-command__pulse[b-xead0ff88k] {
    display: flex;
    align-items: stretch;
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(12px);
}

.dashboard-command__pulse > span[b-xead0ff88k] {
    display: grid;
    min-width: 86px;
    place-content: center;
    padding: 11px 14px;
    text-align: center;
}

.dashboard-command__pulse > span + span[b-xead0ff88k] {
    border-inline-start: 1px solid rgba(255,255,255,.1);
}

.dashboard-command__pulse strong[b-xead0ff88k],
.dashboard-command__pulse small[b-xead0ff88k] {
    display: block;
}

.dashboard-command__pulse strong[b-xead0ff88k] {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1;
}

.dashboard-command__pulse small[b-xead0ff88k] {
    margin-top: 5px;
    color: rgba(230, 242, 241, .62);
    font-size: .57rem;
    font-weight: 800;
    white-space: nowrap;
}

.dashboard-command__filter-bar[b-xead0ff88k] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px clamp(22px, 3.5vw, 38px);
    border-top: 1px solid rgba(255,255,255,.1);
    border-radius: 0 0 26px 26px;
    background: rgba(3, 24, 27, .22);
}

.dashboard-command.filters-expanded .dashboard-command__filter-bar[b-xead0ff88k] {
    border-radius: 0;
}

.dashboard-filter-collapse[b-xead0ff88k] {
    display: inline-flex;
    min-width: min(360px, 100%);
    min-height: 46px;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 13px;
    color: #f2f8f7;
    background: rgba(255,255,255,.06);
    text-align: start;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.dashboard-filter-collapse:hover[b-xead0ff88k],
.dashboard-filter-collapse:focus-visible[b-xead0ff88k],
.dashboard-filter-collapse[aria-expanded="true"][b-xead0ff88k] {
    border-color: color-mix(in srgb, var(--obs-secondary) 52%, rgba(255,255,255,.2));
    background: rgba(255,255,255,.1);
    outline: none;
    transform: translateY(-1px);
}

.dashboard-filter-collapse.has-pending[b-xead0ff88k] {
    border-color: rgba(255, 206, 92, .34);
    background: rgba(116, 77, 7, .22);
}

.dashboard-filter-collapse__icon[b-xead0ff88k] {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    border-radius: 10px;
    color: #14363a;
    background: color-mix(in srgb, var(--obs-secondary) 84%, #fff);
    font-size: .72rem;
}

.dashboard-filter-collapse__copy[b-xead0ff88k] {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: 2px;
}

.dashboard-filter-collapse__copy strong[b-xead0ff88k] {
    font-size: .75rem;
    font-weight: 950;
}

.dashboard-filter-collapse__copy small[b-xead0ff88k] {
    overflow: hidden;
    color: rgba(234, 245, 244, .68);
    font-size: .61rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-filter-collapse.has-pending .dashboard-filter-collapse__copy small[b-xead0ff88k] {
    color: #ffe7a5;
}

.dashboard-filter-collapse__count[b-xead0ff88k] {
    display: grid;
    min-width: 25px;
    height: 25px;
    place-items: center;
    padding-inline: 6px;
    border-radius: 999px;
    color: #14363a;
    background: #fff;
    font-size: .67rem;
    font-weight: 950;
}

.dashboard-filter-collapse__chevron[b-xead0ff88k] {
    color: rgba(242, 248, 247, .72);
    font-size: .65rem;
}

.dashboard-command__exports[b-xead0ff88k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.dashboard-command__exports .obs-btn[b-xead0ff88k] {
    min-height: 38px;
    padding-inline: 11px;
    border-color: rgba(255,255,255,.14);
    border-radius: 11px;
    color: rgba(245, 250, 249, .86);
    background: rgba(255,255,255,.06);
    font-size: .66rem;
    font-weight: 900;
}

.dashboard-command__exports .obs-btn:hover[b-xead0ff88k],
.dashboard-command__exports .obs-btn:focus-visible[b-xead0ff88k] {
    border-color: rgba(255,255,255,.28);
    color: #fff;
    background: rgba(255,255,255,.12);
}

.dashboard-card-catalog[b-xead0ff88k] {
    padding: 20px;
    border: 1px solid #dce8e6;
    border-radius: 24px;
    background: #f8fbfa;
    box-shadow: 0 16px 42px rgba(15, 49, 53, .07);
}

.dashboard-card-catalog__head[b-xead0ff88k] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.dashboard-card-catalog__head h3[b-xead0ff88k] {
    margin: 6px 0 0;
    color: #17383c;
    font-size: 1rem;
    font-weight: 950;
}

.dashboard-card-catalog__count[b-xead0ff88k] {
    padding: 7px 11px;
    border: 1px solid #d5e3e1;
    border-radius: 999px;
    color: #547073;
    background: #fff;
    font-size: .66rem;
    font-weight: 900;
    white-space: nowrap;
}

.dashboard-card-grid[b-xead0ff88k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.dashboard-card[b-xead0ff88k] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d7e5e2;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(18, 58, 62, .06);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.dashboard-card:hover[b-xead0ff88k],
.dashboard-card:focus-within[b-xead0ff88k] {
    border-color: color-mix(in srgb, var(--obs-primary) 43%, #d7e5e2);
    box-shadow: 0 17px 38px rgba(18, 58, 62, .12);
    transform: translateY(-3px);
}

.dashboard-card.is-selected[b-xead0ff88k] {
    border-color: var(--obs-primary);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--obs-primary) 10%, transparent),
        0 18px 40px rgba(18, 58, 62, .14);
}

.dashboard-card__open[b-xead0ff88k] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    width: 100%;
    min-height: 268px;
    align-content: start;
    gap: 11px;
    padding: 17px;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: start;
}

.dashboard-card__open > *[b-xead0ff88k] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.dashboard-card__open:disabled[b-xead0ff88k] {
    cursor: wait;
    opacity: .78;
}

.dashboard-card__top[b-xead0ff88k] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    padding-inline-end: 38px;
}

.dashboard-card__type-icon[b-xead0ff88k] {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .75rem;
}

.dashboard-card__type-icon.is-analytical[b-xead0ff88k] {
    background: #326b91;
}

.dashboard-card__type-icon.is-public[b-xead0ff88k] {
    background: #8a6525;
}

.dashboard-card__type[b-xead0ff88k] {
    color: #668083;
    font-size: .64rem;
    font-weight: 900;
}

.dashboard-card__favorite-label[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-inline-start: auto;
    color: #8a6525;
    font-size: .59rem;
    font-weight: 950;
}

.dashboard-card__title[b-xead0ff88k] {
    overflow: hidden;
    color: #17383c;
    font-size: 1rem;
    font-weight: 950;
    white-space: normal;
    overflow-wrap: anywhere;
}

.dashboard-card__description[b-xead0ff88k] {
    display: -webkit-box;
    overflow: hidden;
    min-height: 40px;
    color: #6c8183;
    font-size: .68rem;
    font-weight: 650;
    line-height: 1.75;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dashboard-card__stats[b-xead0ff88k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.dashboard-card__stats > span[b-xead0ff88k] {
    display: grid;
    min-width: 0;
    gap: 2px;
    padding: 8px 5px;
    border: 1px solid #e1ebe9;
    border-radius: 10px;
    color: #718689;
    background: #f8fbfa;
    font-size: .55rem;
    font-weight: 800;
    text-align: center;
}

.dashboard-card__stats b[b-xead0ff88k] {
    color: var(--obs-primary);
    font-size: .8rem;
    font-weight: 950;
}

.dashboard-card__organizations[b-xead0ff88k] {
    display: flex;
    min-height: 25px;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.dashboard-card__organizations > span[b-xead0ff88k] {
    max-width: 100%;
    white-space: normal;
    padding: 4px 7px;
    border-radius: 999px;
    color: #526f72;
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: .56rem;
    font-weight: 850;
}

.dashboard-card__footer[b-xead0ff88k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #e5eeec;
    color: var(--obs-primary);
    font-size: .65rem;
    font-weight: 950;
}

.dashboard-card__footer > span:last-child[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.dashboard-card__delete[b-xead0ff88k] {
    position: absolute;
    width: 34px;
    height: 34px;
    inset-block-start: 15px;
    inset-inline-end: 15px;
    z-index: 2;
    border: 1px solid #d7e5e2;
    border-radius: 11px;
    color: #b0474c;
    background: #fff;
    font-size: .7rem;
}

.dashboard-card__delete:hover[b-xead0ff88k],
.dashboard-card__delete:focus-visible[b-xead0ff88k] {
    border-color: #db9c9f;
    color: #922e34;
    background: #fff3f3;
    outline: none;
}

.dashboard-card-catalog__empty[b-xead0ff88k] {
    display: grid;
    min-height: 180px;
    place-content: center;
    justify-items: center;
    gap: 7px;
    padding: 24px;
    border: 1px dashed #cadbd8;
    border-radius: 17px;
    color: #718689;
    text-align: center;
}

.dashboard-card-catalog__empty i[b-xead0ff88k] {
    margin-bottom: 5px;
    color: var(--obs-primary);
    font-size: 1.4rem;
}

.dashboard-card-catalog__empty strong[b-xead0ff88k] {
    color: #294b4f;
    font-size: .82rem;
    font-weight: 950;
}

.dashboard-card-catalog__empty span[b-xead0ff88k] {
    font-size: .66rem;
    font-weight: 700;
}

.dashboard-selection-placeholder[b-xead0ff88k] {
    display: flex;
    min-height: 150px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 24px;
    border: 1px dashed #cbdcd9;
    border-radius: 21px;
    color: #667e81;
    background: rgba(255,255,255,.72);
    text-align: start;
}

.dashboard-selection-placeholder > span[b-xead0ff88k] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: var(--obs-primary);
}

.dashboard-selection-placeholder strong[b-xead0ff88k] {
    display: block;
    color: #294b4f;
    font-size: .86rem;
    font-weight: 950;
}

.dashboard-selection-placeholder p[b-xead0ff88k] {
    margin: 5px 0 0;
    font-size: .68rem;
    font-weight: 700;
}

.dashboard-command__controls[b-xead0ff88k] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 14px;
    padding: 18px clamp(22px, 3.5vw, 38px) 20px;
    border-top: 1px solid rgba(255,255,255,.1);
    border-radius: 0 0 26px 26px;
    background: rgba(3, 24, 27, .18);
}

.dashboard-filter-grid[b-xead0ff88k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-filter-grid label[b-xead0ff88k] {
    display: grid;
    align-content: start;
    grid-template-rows: max-content max-content;
    min-width: 0;
    gap: 6px;
    margin: 0;
}

.dashboard-filter-grid label > span[b-xead0ff88k] {
    color: rgba(234, 245, 244, .68);
    font-size: .63rem;
    font-weight: 900;
}

.dashboard-filter-grid .form-select[b-xead0ff88k] {
    min-height: 43px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    color: #eaf4f3;
    background-color: rgba(255,255,255,.08);
    box-shadow: none;
    font-size: .73rem;
    font-weight: 750;
}

.dashboard-filter-grid .form-select option[b-xead0ff88k] {
    color: #183b3f;
    background: #fff;
}

.dashboard-command[b-xead0ff88k]  .gb-autocomplete-select,
.dashboard-command[b-xead0ff88k]  .organization-select {
    position: relative;
    z-index: 30;
    width: 100%;
}

.dashboard-command[b-xead0ff88k]  .gb-autocomplete-select__menu {
    z-index: 1200;
}

.dashboard-filter-grid .form-select:focus[b-xead0ff88k],
.dashboard-selector .form-select:focus[b-xead0ff88k] {
    border-color: color-mix(in srgb, var(--obs-secondary) 70%, #fff);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-secondary) 16%, transparent);
}

.dashboard-command__actions[b-xead0ff88k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.dashboard-command__actions .obs-btn[b-xead0ff88k] {
    min-height: 43px;
    border-radius: 12px;
    font-size: .7rem;
    font-weight: 900;
}

.dashboard-command__actions .obs-btn--ghost[b-xead0ff88k] {
    border-color: rgba(255,255,255,.14);
    color: rgba(245, 250, 249, .86);
    background: rgba(255,255,255,.06);
}

.dashboard-filters-pending[b-xead0ff88k] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 206, 92, .3);
    border-radius: 10px;
    color: #ffe7a5;
    background: rgba(116, 77, 7, .22);
    font-size: .68rem;
    font-weight: 850;
}

.dashboard-filters-pending i[b-xead0ff88k] {
    color: #ffd369;
}

.dashboard-command__actions .obs-btn--ghost:hover[b-xead0ff88k],
.dashboard-command__actions .obs-btn--ghost:focus-visible[b-xead0ff88k] {
    border-color: rgba(255,255,255,.28);
    color: #fff;
    background: rgba(255,255,255,.12);
}

.dashboard-apply[b-xead0ff88k] {
    color: #123336 !important;
    background: color-mix(in srgb, var(--obs-secondary) 84%, #fff) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--obs-secondary) 18%, transparent);
}

.obs-view-message[b-xead0ff88k] {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 10px 15px;
    border: 1px solid #edd5aa;
    border-radius: 15px;
    color: #74551f;
    background:
        linear-gradient(90deg, #fff9ee, #fffdf8);
    box-shadow: 0 9px 24px rgba(108, 78, 28, .06);
    font-size: .76rem;
    font-weight: 850;
}

.obs-dashboard-canvas[b-xead0ff88k] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--dash-line);
    border-radius: 30px;
    background:
        linear-gradient(rgba(26, 72, 75, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(26, 72, 75, .028) 1px, transparent 1px),
        #f4f8f7;
    background-size: 32px 32px;
    box-shadow: 0 30px 74px rgba(14, 48, 52, .13);
}

.obs-dashboard-canvas[b-xead0ff88k]::before {
    position: absolute;
    z-index: 1;
    width: 150px;
    height: 4px;
    inset-inline-start: clamp(24px, 4vw, 48px);
    inset-block-start: 0;
    border-radius: 0 0 10px 10px;
    background: var(--obs-secondary);
    content: "";
}

.obs-dashboard-canvas__head[b-xead0ff88k] {
    position: relative;
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(24px, 5vw, 68px);
    padding: clamp(28px, 5vw, 56px);
    color: #fff;
    background:
        radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--obs-secondary) 31%, transparent), transparent 32%),
        linear-gradient(127deg, #0f3035 0%, color-mix(in srgb, var(--obs-primary) 78%, #0f3035) 62%, #12373b 100%);
}

.obs-dashboard-canvas__head[b-xead0ff88k]::before {
    position: absolute;
    width: 340px;
    height: 340px;
    inset-inline-end: -120px;
    inset-block-start: -180px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 50%;
    box-shadow:
        0 0 0 44px rgba(255,255,255,.025),
        0 0 0 88px rgba(255,255,255,.018);
    content: "";
}

.obs-dashboard-canvas.is-public .obs-dashboard-canvas__head[b-xead0ff88k] {
    background:
        radial-gradient(circle at 8% 10%, rgba(127, 196, 202, .2), transparent 32%),
        linear-gradient(127deg, #183e48, #2f656b);
}

.obs-dashboard-canvas.is-analytical .obs-dashboard-canvas__head[b-xead0ff88k] {
    background:
        radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--obs-secondary) 26%, transparent), transparent 32%),
        linear-gradient(127deg, #132f3d, color-mix(in srgb, var(--obs-primary) 56%, #315969));
}

.obs-dashboard-canvas__copy[b-xead0ff88k],
.obs-dashboard-canvas__stamp[b-xead0ff88k] {
    position: relative;
    z-index: 1;
}

.obs-dashboard-canvas__eyebrow[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    color: color-mix(in srgb, var(--obs-secondary) 58%, #fff);
    background: rgba(255,255,255,.07);
    font-size: .66rem;
    font-weight: 950;
}

.obs-dashboard-canvas__head h2[b-xead0ff88k] {
    max-width: 800px;
    margin: 14px 0 8px;
    color: #fff;
    font-size: clamp(1.6rem, 3.4vw, 2.8rem);
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: 1.2;
}

.obs-dashboard-canvas__head p[b-xead0ff88k] {
    max-width: 760px;
    margin: 0;
    color: rgba(230, 243, 242, .75);
    font-size: .82rem;
    line-height: 1.85;
}

.obs-dashboard-canvas__meta[b-xead0ff88k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 22px;
}

.obs-dashboard-canvas__meta span[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(236, 246, 245, .7);
    font-size: .65rem;
    font-weight: 800;
}

.obs-dashboard-canvas__meta i[b-xead0ff88k] {
    color: color-mix(in srgb, var(--obs-secondary) 72%, #fff);
}

.obs-dashboard-canvas__stamp[b-xead0ff88k] {
    display: grid;
    min-width: 190px;
    justify-items: center;
    padding: 20px 22px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 22px;
    text-align: center;
    background:
        linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 18px 40px rgba(2, 18, 21, .14);
    backdrop-filter: blur(12px);
}

.obs-dashboard-canvas__stamp strong[b-xead0ff88k] {
    margin-top: 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
}

.obs-dashboard-canvas__stamp small[b-xead0ff88k] {
    color: rgba(232, 244, 243, .62);
    font-size: .62rem;
    font-weight: 750;
}

.obs-dashboard-canvas__stamp-line[b-xead0ff88k] {
    width: 44px;
    height: 2px;
    margin: 13px 0 10px;
    border-radius: 999px;
    background: var(--obs-secondary);
}

.obs-dashboard-pages[b-xead0ff88k] {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: stretch;
    gap: 8px;
    overflow-x: auto;
    padding: 12px clamp(14px, 2.6vw, 28px);
    border-bottom: 1px solid #dbe7e5;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 3%, transparent) 1px, transparent 1px) 0 0 / 28px 28px,
        #f8fbfa;
    scrollbar-width: thin;
}

.obs-dashboard-pages button[b-xead0ff88k] {
    display: grid;
    min-width: 150px;
    min-height: 50px;
    align-content: center;
    justify-items: start;
    gap: 3px;
    padding: 8px 14px;
    border: 1px solid #d8e5e3;
    border-radius: 13px;
    color: #466164;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 5px 15px rgba(18, 55, 58, .035);
    transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.obs-dashboard-pages button:hover[b-xead0ff88k] {
    border-color: color-mix(in srgb, var(--obs-primary) 42%, #d8e5e3);
    transform: translateY(-1px);
}

.obs-dashboard-pages button.is-active[b-xead0ff88k] {
    color: #fff;
    border-color: var(--obs-primary);
    background: linear-gradient(135deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 78%, #12373b));
    box-shadow: 0 9px 22px color-mix(in srgb, var(--obs-primary) 18%, transparent);
}

.obs-dashboard-pages button span[b-xead0ff88k] {
    font-size: .75rem;
    font-weight: 950;
}

.obs-dashboard-pages button small[b-xead0ff88k] {
    color: #839496;
    font-size: .58rem;
    font-weight: 800;
}

.obs-dashboard-pages button.is-active small[b-xead0ff88k] {
    color: rgba(255, 255, 255, .72);
}

.obs-dashboard-interaction[b-xead0ff88k] {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 14px clamp(14px, 2.6vw, 28px) 0;
    padding: 11px 13px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 34%, #d7e4e2);
    border-radius: 15px;
    color: #35575a;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-secondary) 8%, #fff), #fff);
    box-shadow: 0 9px 24px rgba(16, 54, 58, .06);
}

.obs-dashboard-interaction__icon[b-xead0ff88k] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-dashboard-interaction > div[b-xead0ff88k] {
    display: grid;
    gap: 2px;
}

.obs-dashboard-interaction small[b-xead0ff88k],
.obs-dashboard-interaction span[b-xead0ff88k] {
    color: #738789;
    font-size: .6rem;
    font-weight: 800;
}

.obs-dashboard-interaction strong[b-xead0ff88k] {
    font-size: .75rem;
    font-weight: 950;
}

.obs-dashboard-overlay[b-xead0ff88k] {
    position: absolute;
    inset: 0;
    z-index: 8;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 13px;
    color: var(--dash-ink);
    background: rgba(247, 251, 250, .82);
    backdrop-filter: blur(10px);
}

.obs-dashboard-overlay .spinner-border[b-xead0ff88k] {
    width: 2.4rem;
    height: 2.4rem;
    color: var(--obs-primary);
}

.obs-dashboard-overlay strong[b-xead0ff88k] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-widget-grid[b-xead0ff88k] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
    padding: clamp(14px, 2.6vw, 28px);
}

.obs-print-page-heading[b-xead0ff88k] {
    grid-column: 1 / -1;
    display: grid;
    gap: 3px;
    padding: 13px 16px;
    border: 1px solid #d9e5e3;
    border-radius: 14px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 6%, #fff), #fff);
}

.obs-print-page-heading span[b-xead0ff88k] {
    color: var(--obs-secondary);
    font-size: .57rem;
    font-weight: 950;
}

.obs-print-page-heading h3[b-xead0ff88k],
.obs-print-page-heading p[b-xead0ff88k] {
    margin: 0;
}

.obs-print-page-heading h3[b-xead0ff88k] {
    color: #294d50;
    font-size: .94rem;
    font-weight: 950;
}

.obs-print-page-heading p[b-xead0ff88k] {
    color: #708588;
    font-size: .65rem;
    line-height: 1.65;
}

.obs-widget[b-xead0ff88k] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: clamp(17px, 2.2vw, 24px);
    border: 1px solid rgba(197, 216, 213, .78);
    border-radius: 21px;
    background: rgba(255,255,255,.96);
    box-shadow:
        0 14px 32px rgba(16, 54, 58, .065),
        inset 0 1px 0 rgba(255,255,255,.8);
    transition:
        transform .28s cubic-bezier(.2,.75,.25,1),
        box-shadow .28s ease,
        border-color .28s ease;
    --widget-accent: var(--obs-primary);
}

.obs-widget:hover[b-xead0ff88k] {
    border-color: color-mix(in srgb, var(--obs-primary) 28%, #d7e4e2);
    box-shadow: 0 21px 44px rgba(16, 54, 58, .11);
    transform: translateY(-3px);
}

.obs-widget[b-xead0ff88k]::after {
    position: absolute;
    width: 64px;
    height: 3px;
    inset-inline-start: 0;
    inset-block-start: 0;
    border-radius: 0 0 5px 0;
    background: color-mix(in srgb, var(--widget-accent) 74%, var(--obs-secondary));
    content: "";
}

.obs-widget--metric[b-xead0ff88k] {
    grid-column: span var(--widget-width, 4);
    min-height: calc(145px + (var(--widget-height, 3) * 30px));
    background:
        radial-gradient(circle at 7% 0%, color-mix(in srgb, var(--obs-secondary) 12%, transparent), transparent 42%),
        rgba(255,255,255,.97);
}

.obs-widget--metric[b-xead0ff88k]::before {
    position: absolute;
    width: 118px;
    height: 118px;
    inset-inline-end: -56px;
    inset-block-end: -58px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 10%, transparent);
    border-radius: 50%;
    box-shadow: 0 0 0 24px color-mix(in srgb, var(--obs-primary) 2.8%, transparent);
    content: "";
}

.obs-widget--chart[b-xead0ff88k] {
    grid-column: span var(--widget-width, 6);
    min-height: calc(185px + (var(--widget-height, 3) * 70px));
}

.obs-widget--slicer[b-xead0ff88k] {
    grid-column: span var(--widget-width, 6);
    min-height: calc(125px + (var(--widget-height, 3) * 28px));
    background:
        radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--obs-secondary) 10%, transparent), transparent 38%),
        rgba(255, 255, 255, .97);
}

.obs-widget.is-cross-filter-source[b-xead0ff88k] {
    border-color: color-mix(in srgb, var(--obs-secondary) 68%, var(--obs-primary));
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--obs-secondary) 14%, transparent),
        0 20px 44px rgba(16, 54, 58, .12);
}

.obs-widget.is-cross-filter-target[b-xead0ff88k] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #d7e4e2);
}

.obs-widget.is-drilldown-target[b-xead0ff88k] {
    scroll-margin-block-start: 24px;
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--obs-primary) 12%, transparent),
        0 22px 48px rgba(16, 54, 58, .13);
}

.obs-widget.is-interaction-loading[b-xead0ff88k]::before {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: grid;
    place-items: center;
    color: var(--obs-primary);
    background: rgba(255, 255, 255, .66);
    backdrop-filter: blur(2px);
    content: "جارٍ إعادة الحساب…";
    font-size: .68rem;
    font-weight: 950;
}

.obs-widget__head[b-xead0ff88k] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    color: var(--dash-muted);
}

.obs-widget__head h3[b-xead0ff88k] {
    margin: 6px 0 0;
    color: var(--dash-ink);
    font-size: .98rem;
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-widget__signal[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #738789;
    font-size: .62rem;
    font-weight: 900;
}

.obs-widget__signal i[b-xead0ff88k] {
    color: var(--obs-secondary);
}

.obs-widget__icon[b-xead0ff88k] {
    display: inline-grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 12%, #e1e9e8);
    border-radius: 14px;
    color: var(--widget-accent);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 10%, #fff), #fff);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-widget--metric h3[b-xead0ff88k] {
    position: relative;
    z-index: 1;
    max-width: 88%;
    margin: 25px 0 12px;
    color: #456064;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.6;
}

.obs-widget.is-alert-focus[b-xead0ff88k] {
    scroll-margin-block-start: 24px;
    border-color: color-mix(in srgb, #d79a19 62%, var(--obs-primary));
    box-shadow:
        0 0 0 4px rgba(215, 154, 25, .15),
        0 22px 48px rgba(16, 54, 58, .14);
}

.obs-widget.is-alert-focus[b-xead0ff88k]::after {
    width: 100%;
    background: #d79a19;
}

.obs-widget--target h3[b-xead0ff88k] {
    margin-block: 14px 10px;
}

.obs-widget__reading[b-xead0ff88k] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-widget__value[b-xead0ff88k] {
    color: var(--dash-ink);
    font-size: clamp(2rem, 4vw, 3.15rem);
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: .95;
}

.obs-widget__unit[b-xead0ff88k] {
    color: #74888a;
    font-size: .7rem;
    font-weight: 850;
}

.obs-widget__delta[b-xead0ff88k] {
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 6px;
    margin-top: 19px;
    padding: 6px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 900;
}

.obs-widget__delta.is-positive[b-xead0ff88k] {
    border-color: #c9ead8;
    color: #176542;
    background: #edf9f3;
}

.obs-widget__delta.is-negative[b-xead0ff88k] {
    border-color: #f0ced4;
    color: #9e3447;
    background: #fff2f4;
}

.obs-widget__unit-chip[b-xead0ff88k] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 5px 9px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 12%, #dce7e5);
    border-radius: 999px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .6rem;
    font-weight: 900;
    white-space: nowrap;
}

.obs-chart-frame[b-xead0ff88k] {
    position: relative;
    margin-top: 16px;
    padding-top: 7px;
    border-top: 1px solid #edf2f1;
}

.obs-chart-frame__axis[b-xead0ff88k] {
    position: absolute;
    width: 34px;
    height: 2px;
    inset-inline-start: 0;
    inset-block-start: -1px;
    border-radius: 999px;
    background: var(--obs-secondary);
}

.obs-chart[b-xead0ff88k] {
    min-height: 300px;
}

.obs-widget-slicer[b-xead0ff88k] {
    display: grid;
    max-width: 520px;
    gap: 7px;
    margin-top: 24px;
    color: #4d686b;
    font-size: .68rem;
    font-weight: 900;
}

.dashboard-favorite-toggle[b-xead0ff88k] {
    display: grid;
    min-width: 76px;
    min-height: 52px;
    place-items: center;
    align-content: center;
    gap: 2px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 15px;
    color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.1);
    box-shadow: 0 12px 26px rgba(0,0,0,.11);
    backdrop-filter: blur(9px);
    transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.dashboard-favorite-toggle:hover[b-xead0ff88k],
.dashboard-favorite-toggle:focus-visible[b-xead0ff88k],
.dashboard-favorite-toggle.is-active[b-xead0ff88k] {
    border-color: color-mix(in srgb, var(--obs-secondary) 75%, #fff);
    color: #fff;
    background: color-mix(in srgb, var(--obs-secondary) 28%, rgba(255,255,255,.12));
    transform: translateY(-1px);
}

.dashboard-favorite-toggle:focus-visible[b-xead0ff88k] {
    outline: 3px solid rgba(255,255,255,.35);
    outline-offset: 2px;
}

.dashboard-favorite-toggle:disabled[b-xead0ff88k] {
    cursor: wait;
    opacity: .65;
    transform: none;
}

.dashboard-favorite-toggle i[b-xead0ff88k] {
    color: color-mix(in srgb, var(--obs-secondary) 78%, #fff);
    font-size: .85rem;
}

.dashboard-favorite-toggle span[b-xead0ff88k] {
    font-size: .56rem;
    font-weight: 950;
}

.obs-widget-slicer .form-select[b-xead0ff88k] {
    min-height: 46px;
    border-color: #cfdedb;
    border-radius: 12px;
    color: #284c50;
    background-color: #fbfdfc;
    font-size: .75rem;
    font-weight: 850;
}

.obs-widget-slicer small[b-xead0ff88k] {
    color: #7a8e90;
    font-size: .58rem;
    line-height: 1.65;
}

.obs-widget-interaction-options[b-xead0ff88k] {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    margin-top: 9px;
    padding: 2px 1px 6px;
    scrollbar-width: thin;
}

.obs-widget-interaction-options button[b-xead0ff88k],
.obs-table-filter-button[b-xead0ff88k] {
    min-height: 44px;
    padding: 6px 10px;
    border: 1px solid #d5e3e1;
    border-radius: 999px;
    color: #4b6669;
    background: #f7faf9;
    font-size: .59rem;
    font-weight: 900;
    white-space: nowrap;
    transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.obs-widget-interaction-options button:hover[b-xead0ff88k],
.obs-table-filter-button:hover[b-xead0ff88k],
.obs-widget-interaction-options button[aria-pressed="true"][b-xead0ff88k],
.obs-table-filter-button[aria-pressed="true"][b-xead0ff88k] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
}

.obs-table-filter-button[b-xead0ff88k] {
    border-radius: 8px;
    white-space: normal;
}

.obs-widget table tr.is-selected > *[b-xead0ff88k] {
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

[b-xead0ff88k] .obs-chart .apexcharts-tooltip,
[b-xead0ff88k] .obs-chart .apexcharts-xaxistooltip {
    border: 1px solid #dce8e6 !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(16, 54, 58, .14) !important;
}

[b-xead0ff88k] .obs-chart .apexcharts-gridline {
    stroke: #e7efed;
}

.obs-dashboard-no-data[b-xead0ff88k] {
    min-height: 360px;
    margin: 22px;
    border: 1px dashed #c9d9d6;
    border-radius: 22px;
    background: rgba(255,255,255,.7);
}

.obs-dashboard-canvas__foot[b-xead0ff88k] {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px clamp(20px, 3vw, 32px);
    border-top: 1px solid var(--dash-line);
    color: #6f8385;
    background: rgba(255,255,255,.93);
    font-size: .66rem;
    font-weight: 800;
}

.obs-dashboard-canvas__foot > span:first-child[b-xead0ff88k] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.obs-dashboard-canvas__foot i[b-xead0ff88k] {
    color: var(--obs-primary);
}

@keyframes dashboard-pulse-b-xead0ff88k {
    0% { opacity: .8; transform: scale(.7); }
    80%, 100% { opacity: 0; transform: scale(1.08); }
}

@keyframes dashboard-shimmer-b-xead0ff88k {
    to { background-position: -220% 0; }
}

@media (max-width: 1279.98px) {
    .dashboard-command__lead[b-xead0ff88k] {
        grid-template-columns: minmax(250px, .8fr) minmax(320px, 1.2fr);
    }

    .dashboard-command__pulse[b-xead0ff88k] {
        grid-column: 1 / -1;
        justify-self: end;
    }

    .dashboard-command__actions[b-xead0ff88k] {
        justify-content: flex-start;
    }
}

@media (max-width: 1049.98px) {
    .dashboard-card-grid[b-xead0ff88k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .dashboard-filter-grid[b-xead0ff88k] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-widget--metric[b-xead0ff88k] {
        grid-column: span 6;
    }

    .obs-widget--chart[b-xead0ff88k] {
        grid-column: span 12;
    }
}

@media (max-width: 799.98px) {
    .dashboard-card-grid[b-xead0ff88k] {
        grid-template-columns: minmax(0, 1fr);
    }
    .dashboard-page-heading[b-xead0ff88k] {
        align-items: flex-start;
    }

    .dashboard-empty-state[b-xead0ff88k] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .dashboard-empty-state__flow[b-xead0ff88k] {
        justify-content: center;
    }

    .dashboard-command__lead[b-xead0ff88k] {
        grid-template-columns: 1fr;
    }

    .dashboard-card-catalog__head[b-xead0ff88k] {
        align-items: flex-start;
    }

    .dashboard-command__pulse[b-xead0ff88k] {
        width: 100%;
        justify-self: stretch;
    }

    .dashboard-command__pulse > span[b-xead0ff88k] {
        flex: 1;
        min-width: 0;
    }

    .dashboard-command__filter-bar[b-xead0ff88k] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-filter-collapse[b-xead0ff88k] {
        width: 100%;
    }

    .dashboard-command__exports[b-xead0ff88k] {
        justify-content: flex-start;
    }

    .dashboard-filter-grid[b-xead0ff88k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-dashboard-canvas__head[b-xead0ff88k] {
        grid-template-columns: 1fr;
    }

    .obs-dashboard-canvas__stamp[b-xead0ff88k] {
        width: min(100%, 300px);
        justify-self: start;
    }

    .obs-widget--metric[b-xead0ff88k],
    .obs-widget--chart[b-xead0ff88k],
    .obs-widget--slicer[b-xead0ff88k] {
        grid-column: span 12;
    }
}

@media (max-width: 559.98px) {
    .dashboard-page-heading[b-xead0ff88k] {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
        border-radius: 16px;
    }

    .dashboard-page-heading__actions[b-xead0ff88k] {
        justify-content: flex-start;
    }

    .dashboard-page-heading__back[b-xead0ff88k] {
        width: 100%;
        justify-content: center;
    }

    .dashboard-heading-help__tooltip[b-xead0ff88k] {
        inset-inline: 0 auto;
    }

    .dashboard-loading[b-xead0ff88k] {
        min-height: 360px;
        border-radius: 22px;
    }

    .dashboard-loading__skeleton[b-xead0ff88k] {
        width: 82vw;
        grid-template-columns: 1fr;
    }

    .dashboard-loading__skeleton span:not(:first-child)[b-xead0ff88k] {
        display: none;
    }

    .dashboard-empty-state[b-xead0ff88k] {
        min-height: 430px;
        padding: 28px 20px;
        border-radius: 22px;
    }

    .dashboard-empty-state__visual[b-xead0ff88k] {
        width: 190px;
    }

    .dashboard-empty-state__orbit[b-xead0ff88k] {
        width: 92px;
        height: 92px;
        border-radius: 28px;
        font-size: 1.6rem;
    }

    .dashboard-empty-state__flow[b-xead0ff88k] {
        display: grid;
        justify-content: stretch;
    }

    .dashboard-empty-state__flow i[b-xead0ff88k] {
        display: none;
    }

    .dashboard-command[b-xead0ff88k],
    .obs-dashboard-canvas[b-xead0ff88k] {
        border-radius: 22px;
    }

    .dashboard-card-catalog[b-xead0ff88k] {
        padding: 14px;
        border-radius: 19px;
    }

    .dashboard-card-catalog__head[b-xead0ff88k] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-card-catalog__count[b-xead0ff88k] {
        align-self: flex-start;
    }

    .dashboard-card__open[b-xead0ff88k] {
        min-height: 250px;
    }

    .dashboard-command__lead[b-xead0ff88k],
    .dashboard-command__controls[b-xead0ff88k],
    .dashboard-command__filter-bar[b-xead0ff88k] {
        padding-inline: 18px;
    }

    .dashboard-selector-row[b-xead0ff88k] {
        grid-template-columns: 1fr;
    }

    .dashboard-favorite-toggle[b-xead0ff88k] {
        grid-auto-flow: column;
        width: 100%;
        min-height: 44px;
        justify-content: center;
    }

    .dashboard-filter-grid[b-xead0ff88k] {
        grid-template-columns: 1fr;
    }

    .dashboard-command__actions[b-xead0ff88k] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-command__actions .obs-btn[b-xead0ff88k] {
        width: 100%;
        justify-content: center;
    }

    .dashboard-command__exports[b-xead0ff88k] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-command__exports .obs-btn[b-xead0ff88k] {
        width: 100%;
        justify-content: center;
    }

    .obs-dashboard-canvas__head[b-xead0ff88k] {
        padding: 30px 22px;
    }

    .obs-dashboard-canvas__head h2[b-xead0ff88k] {
        font-size: 1.55rem;
    }

    .obs-dashboard-canvas__meta[b-xead0ff88k] {
        display: grid;
    }

    .obs-dashboard-canvas__stamp[b-xead0ff88k] {
        width: 100%;
    }

    .obs-dashboard-interaction[b-xead0ff88k] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-dashboard-interaction .obs-btn[b-xead0ff88k] {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: center;
    }

    .obs-widget-grid[b-xead0ff88k] {
        padding: 10px;
    }

    .obs-widget[b-xead0ff88k] {
        border-radius: 17px;
    }

    .obs-widget-interaction-options button[b-xead0ff88k],
    .obs-table-filter-button[b-xead0ff88k] {
        min-height: 44px;
    }

    .obs-dashboard-canvas__foot[b-xead0ff88k] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media print {
    .dashboard-command[b-xead0ff88k],
    .obs-view-message[b-xead0ff88k] {
        display: none !important;
    }

    .obs-dashboard-canvas[b-xead0ff88k] {
        border: 0;
        box-shadow: none;
    }

    .obs-widget[b-xead0ff88k] {
        break-inside: avoid;
        box-shadow: none;
    }

    .obs-dashboard-canvas.is-printing-all-pages .obs-print-page-heading:not(:first-child)[b-xead0ff88k] {
        break-before: page;
        page-break-before: always;
    }

    .obs-print-page-heading[b-xead0ff88k] {
        break-after: avoid;
        page-break-after: avoid;
        border-color: #cfdcda;
        box-shadow: none;
    }

    .obs-dashboard-interaction .obs-btn[b-xead0ff88k],
    .obs-widget-interaction-options[b-xead0ff88k] {
        display: none !important;
    }

    .obs-widget.is-slicer-widget[b-xead0ff88k] {
        display: none !important;
    }

    .obs-table-filter-button[b-xead0ff88k] {
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: inherit;
        background: transparent;
    }

    .obs-widget.is-cross-filter-source[b-xead0ff88k],
    .obs-widget.is-cross-filter-target[b-xead0ff88k],
    .obs-widget.is-drilldown-target[b-xead0ff88k] {
        border-color: #dfe9e7;
        box-shadow: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-loading__signal span[b-xead0ff88k],
    .dashboard-loading__skeleton span[b-xead0ff88k] {
        animation: none;
    }

    .obs-widget[b-xead0ff88k] {
        transition: none;
    }

    .obs-widget:hover[b-xead0ff88k] {
        transform: none;
    }
}

/* The catalogue stays compact; the reader has its own layout without application chrome. */
.dashboard-page-heading--compact[b-xead0ff88k] { padding: 12px 18px; min-height: 0; margin-bottom: 14px; }
.dashboard-page-heading--compact .dashboard-kicker[b-xead0ff88k],
.dashboard-page-heading--compact .dashboard-page-heading__copy p[b-xead0ff88k] { display: none; }
.dashboard-page-heading--compact .dashboard-page-heading__copy h2[b-xead0ff88k] { margin: 0; font-size: 1.35rem; }
.dashboard-command[b-xead0ff88k] { border-radius: 14px; box-shadow: none; }
.dashboard-command__filter-bar[b-xead0ff88k] { border-radius: 14px; padding: 6px 12px; }
.dashboard-command.filters-expanded .dashboard-command__filter-bar[b-xead0ff88k] { border-radius: 14px 14px 0 0; }
.dashboard-viewer[b-xead0ff88k] { min-height: 100dvh; width: 100%; background: #f8fafb; color: #18383c; }
.dashboard-viewer__toolbar[b-xead0ff88k] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; color: #fff; background: var(--obs-primary, #0b4f52); }
.dashboard-viewer__toolbar > div[b-xead0ff88k] { min-width: 0; }
.dashboard-viewer__toolbar h1[b-xead0ff88k] { margin: 0; color: inherit; font-size: 1.3rem; overflow-wrap: anywhere; }
.dashboard-viewer__toolbar span[b-xead0ff88k] { font-size: .85rem; }
.dashboard-viewer__toolbar a[b-xead0ff88k] { color: #fff; border: 1px solid #ffffff80; border-radius: 8px; padding: 8px 12px; flex-shrink: 0; text-decoration: none; }
.dashboard-viewer__toolbar a:focus-visible[b-xead0ff88k] { outline: 3px solid #fff; outline-offset: 3px; }
.dashboard-viewer .dashboard-workspace[b-xead0ff88k] { padding: 12px; gap: 12px; }
.dashboard-viewer .obs-dashboard-canvas[b-xead0ff88k] { margin: 0; border-radius: 12px; }
@media (max-width: 600px) {
    .dashboard-viewer__toolbar[b-xead0ff88k] { align-items: flex-start; flex-wrap: wrap; padding: 10px 12px; gap: 8px; }
    .dashboard-viewer__toolbar h1[b-xead0ff88k] { font-size: 1.1rem; }
    .dashboard-viewer .dashboard-workspace[b-xead0ff88k] { padding: 6px; }
}
@media print { .dashboard-viewer__toolbar[b-xead0ff88k] { display: none; } }

.dashboard-management-links[b-xead0ff88k] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 16px; }
.dashboard-management-link[b-xead0ff88k] { display:flex; align-items:center; gap:12px; padding:18px; border:1px solid var(--link-border); border-radius:14px; background:var(--link-bg); color:#173f43; text-decoration:none; min-width:0; }
.dashboard-management-link--create[b-xead0ff88k] { --link-border:#b9e0d5; --link-bg:#f0fbf7; --link-accent:#00886c; }
.dashboard-management-link--edit[b-xead0ff88k] { --link-border:#c8daf3; --link-bg:#f3f7fe; --link-accent:#1768bd; }
.dashboard-management-link--drafts[b-xead0ff88k] { --link-border:#eadbbd; --link-bg:#fffbf2; --link-accent:#ad6300; }
.dashboard-management-link > i:first-child[b-xead0ff88k] { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border-radius:10px; background:var(--link-accent); color:white; }
.dashboard-management-link > span[b-xead0ff88k] { flex:1; min-width:0; }
.dashboard-management-link strong[b-xead0ff88k] { display:block; font-size:.9rem; line-height:1.7; }
.dashboard-management-link small[b-xead0ff88k] { display:block; color:#526e73; margin-top:4px; line-height:1.6; }
.dashboard-management-link b[b-xead0ff88k] { color:var(--link-accent); }
.dashboard-management-link:hover[b-xead0ff88k] { border-color:var(--link-accent); color:#173f43; }
.dashboard-management-link:focus-visible[b-xead0ff88k] { outline:3px solid var(--link-accent); outline-offset:3px; }
.dashboard-command__filter-bar[b-xead0ff88k] { display:flex; justify-content:space-between; gap:18px; }
.dashboard-search[b-xead0ff88k] { display:flex; align-items:center; gap:10px; width:min(100%,440px); color:white; border:1px solid #ffffff55; border-radius:9px; padding:0 12px; background:#ffffff12; }
.dashboard-search input[b-xead0ff88k] { width:100%; min-width:0; padding:11px 0; background:transparent; border:0; color:white; outline:none; }
.dashboard-search input[b-xead0ff88k]::placeholder { color:#e0ecec; opacity:1; }
.dashboard-search:focus-within[b-xead0ff88k] { outline:2px solid white; outline-offset:2px; }
.dashboard-command__filter-bar .dashboard-filter-collapse[b-xead0ff88k] { width:auto; flex-shrink:0; }
.dashboard-filter-collapse__copy small[b-xead0ff88k] { display:none; }
@media(max-width:767px) {
    .dashboard-management-links[b-xead0ff88k] { grid-template-columns:1fr; }
    .dashboard-command__filter-bar[b-xead0ff88k] { flex-wrap:wrap; }
    .dashboard-search[b-xead0ff88k] { width:100%; }
    .dashboard-command__filter-bar .dashboard-filter-collapse[b-xead0ff88k] { margin-inline-start:auto; }
}

.dashboard-command__filter-bar .dashboard-filter-collapse[b-xead0ff88k] { min-width: 140px; }
/* _content/Starterkit/Observatory/DataOperations.razor.rz.scp.css */
*[b-1nflm3wj1w] {
    box-sizing: border-box;
}

.obs-operations[b-1nflm3wj1w] {
    --obs-org-font-family: var(--gb-website-font-family, var(--kt-font-family, var(--bs-body-font-family, sans-serif)));
    --obs-org-font-weight: var(--gb-website-font-weight, 400);
    --obs-page-title-size: 28px;
    --obs-section-title-size: 24px;
    --obs-subsection-title-size: 19px;
    --obs-text-size: 16px;
    --obs-helper-text-size: 14px;
    --ops-ink: #082d31;
    --ops-teal: #125d63;
    --ops-teal-2: #1c7479;
    --ops-gold: #b88b42;
    --ops-line: rgba(8, 58, 62, .12);
    --ops-muted: #688184;
    --ops-paper: #f5f8f7;
    --ops-shadow: none;
    color: var(--ops-ink);
    direction: rtl;
    font-family: var(--obs-org-font-family);
    font-size: var(--obs-text-size);
    font-weight: var(--obs-org-font-weight);
    padding: clamp(1rem, 2vw, 1.8rem);
    container-name: observatory-operations;
    container-type: inline-size;
}

.obs-operations :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
    select,
    textarea,
    .form-control,
    .form-select)[b-1nflm3wj1w],
.obs-operations[b-1nflm3wj1w]  :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
    select,
    textarea,
    .form-control,
    .form-select,
    .gb-autocomplete-select,
    .organization-select) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.obs-operations :where(
    div,
    p,
    span,
    small,
    strong,
    b,
    a,
    label,
    button,
    input,
    select,
    textarea,
    option,
    table,
    th,
    td,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6)[b-1nflm3wj1w],
.obs-operations[b-1nflm3wj1w]  :where(
    div,
    p,
    span,
    small,
    strong,
    b,
    a,
    label,
    button,
    input,
    select,
    textarea,
    option,
    table,
    th,
    td,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6) {
    font-family: var(--obs-org-font-family) !important;
}

.obs-operations :where(p)[b-1nflm3wj1w],
.obs-operations[b-1nflm3wj1w]  :where(p) {
    font-size: var(--obs-helper-text-size) !important;
    line-height: 1.7;
}

.obs-operations :where(input, select, textarea, option)[b-1nflm3wj1w],
.obs-operations[b-1nflm3wj1w]  :where(input, select, textarea, option) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.55;
}

.obs-operations :where(label, button, th)[b-1nflm3wj1w],
.obs-operations[b-1nflm3wj1w]  :where(label, button, th) {
    font-size: var(--obs-helper-text-size) !important;
}

.obs-operations :where(h1)[b-1nflm3wj1w],
.obs-operations[b-1nflm3wj1w]  :where(h1) {
    font-size: var(--obs-page-title-size) !important;
}

.obs-operations :where(h2)[b-1nflm3wj1w],
.obs-operations[b-1nflm3wj1w]  :where(h2) {
    font-size: var(--obs-section-title-size) !important;
}

.obs-operations :where(h3)[b-1nflm3wj1w],
.obs-operations[b-1nflm3wj1w]  :where(h3) {
    font-size: var(--obs-subsection-title-size) !important;
}

.obs-operations :where(h4, h5, h6)[b-1nflm3wj1w],
.obs-operations[b-1nflm3wj1w]  :where(h4, h5, h6) {
    font-size: var(--obs-text-size) !important;
}

.obs-operations__hero[b-1nflm3wj1w] {
    align-items: center;
    background:
        radial-gradient(circle at 10% 10%, rgba(184, 139, 66, .18), transparent 28%),
        linear-gradient(125deg, #082f33 0%, #124e54 58%, #173d3d 100%);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 1.5rem;
    box-shadow: var(--ops-shadow);
    color: #fff;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    min-height: 9.5rem;
    overflow: hidden;
    padding: clamp(1.4rem, 3vw, 2.4rem);
    position: relative;
}

.obs-operations__hero h1[b-1nflm3wj1w] {
    color: #ffffff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .16);
}

.obs-operations__hero p[b-1nflm3wj1w] {
    color: rgba(255, 255, 255, .9);
}

.obs-operations__hero[b-1nflm3wj1w]::after {
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 50%;
    content: "";
    height: 14rem;
    left: -4rem;
    position: absolute;
    top: -7rem;
    width: 14rem;
}

.obs-operations__identity[b-1nflm3wj1w] {
    align-items: center;
    display: flex;
    gap: 1.15rem;
    position: relative;
    z-index: 1;
}

.obs-operations__icon[b-1nflm3wj1w] {
    align-items: center;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 72%, #173d45));
    border-radius: 13px;
    color: #fff;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--obs-primary) 18%, transparent);
    display: inline-flex;
    flex: 0 0 42px;
    font-size: 1.35rem;
    height: 42px;
    width: 42px;
    justify-content: center;
}

.obs-operations__eyebrow[b-1nflm3wj1w],
.obs-section-heading span:first-child[b-1nflm3wj1w] {
    color: #e0b765;
    display: block;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .04em;
    margin-bottom: .35rem;
}

.obs-operations__identity h1[b-1nflm3wj1w] {
    font-size: clamp(1.65rem, 3vw, 2.45rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.obs-operations__identity p[b-1nflm3wj1w] {
    color: rgba(255, 255, 255, .75);
    font-size: 1rem;
    margin: .55rem 0 0;
}

.obs-operations__pulse[b-1nflm3wj1w] {
    align-items: center;
    background: rgba(3, 31, 34, .32);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 1rem;
    display: flex;
    flex: 0 0 auto;
    gap: .75rem;
    padding: .8rem 1rem;
    position: relative;
    z-index: 1;
}

.obs-operations__pulse > span[b-1nflm3wj1w] {
    background: #5be0ae;
    border: 4px solid rgba(91, 224, 174, .16);
    border-radius: 50%;
    box-shadow: 0 0 0 .35rem rgba(91, 224, 174, .08);
    height: .65rem;
    width: .65rem;
}

.obs-operations__pulse small[b-1nflm3wj1w],
.obs-operations__pulse strong[b-1nflm3wj1w] {
    display: block;
}

.obs-operations__pulse small[b-1nflm3wj1w] {
    color: rgba(255, 255, 255, .58);
    font-size: .82rem;
}

.obs-operations__pulse strong[b-1nflm3wj1w] {
    font-size: 1rem;
    margin-top: .15rem;
}

.obs-operations__tabs[b-1nflm3wj1w] {
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: 1.25rem;
    box-shadow: 0 14px 34px rgba(8, 47, 51, .07);
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: -1rem auto 1.35rem;
    max-width: calc(100% - 3rem);
    padding: .55rem;
    position: relative;
    z-index: 4;
}

.obs-operations__tab[b-1nflm3wj1w] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .9rem;
    color: var(--ops-muted);
    cursor: pointer;
    display: grid;
    gap: .65rem;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    min-height: 4.25rem;
    padding: .65rem .75rem;
    text-align: right;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.obs-operations__tab:hover[b-1nflm3wj1w] {
    background: #f3f7f6;
    color: var(--ops-ink);
    transform: translateY(-1px);
}

.obs-operations__tab.is-active[b-1nflm3wj1w] {
    background: linear-gradient(135deg, #0f555b, #197077);
    box-shadow: 0 10px 22px rgba(12, 80, 86, .2);
    color: #fff;
}

.obs-operations__tab-icon[b-1nflm3wj1w] {
    align-items: center;
    background: rgba(12, 82, 88, .08);
    border-radius: .7rem;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.obs-operations__tab.is-active .obs-operations__tab-icon[b-1nflm3wj1w] {
    background: rgba(255, 255, 255, .12);
}

.obs-operations__tab strong[b-1nflm3wj1w],
.obs-operations__tab small[b-1nflm3wj1w] {
    display: block;
}

.obs-operations__tab strong[b-1nflm3wj1w] {
    font-size: 1rem;
    font-weight: 800;
}

.obs-operations__tab small[b-1nflm3wj1w] {
    font-size: .82rem;
    margin-top: .15rem;
    opacity: .72;
}

.obs-operations__workspace[b-1nflm3wj1w] {
    min-height: 28rem;
}

.obs-operations__workspace[b-1nflm3wj1w]  .obs-shell {
    padding-inline: 0;
}

.obs-operations__loading[b-1nflm3wj1w],
.obs-tab-loading[b-1nflm3wj1w] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: 1.2rem;
    color: var(--ops-teal);
    display: flex;
    gap: .85rem;
    justify-content: center;
    min-height: 14rem;
}

.obs-operations-section[b-1nflm3wj1w] {
    background:
        linear-gradient(rgba(255, 255, 255, .88), rgba(255, 255, 255, .92)),
        repeating-linear-gradient(90deg, transparent 0 79px, rgba(13, 84, 88, .035) 80px);
    border: 1px solid var(--ops-line);
    border-radius: 1.5rem;
    box-shadow: var(--ops-shadow);
    padding: clamp(1rem, 2.25vw, 1.8rem);
}

.obs-section-heading[b-1nflm3wj1w] {
    align-items: center;
    border-bottom: 1px solid var(--ops-line);
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    margin-bottom: 1.35rem;
    padding-bottom: 1.15rem;
}

.obs-section-heading h2[b-1nflm3wj1w] {
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 800;
    margin: 0;
}

.obs-section-heading p[b-1nflm3wj1w] {
    color: var(--ops-muted);
    font-size: .95rem;
    margin: .4rem 0 0;
    max-width: 62rem;
}

.obs-action[b-1nflm3wj1w] {
    align-items: center;
    border: 0;
    border-radius: .75rem;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    gap: .48rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: .65rem 1rem;
    transition: opacity .2s ease, transform .2s ease;
}

.obs-action:hover:not(:disabled)[b-1nflm3wj1w] {
    transform: translateY(-1px);
}

.obs-action:disabled[b-1nflm3wj1w] {
    cursor: not-allowed;
    opacity: .5;
}

.obs-action.is-primary[b-1nflm3wj1w] {
    background: linear-gradient(135deg, var(--ops-teal), var(--ops-teal-2));
    color: #fff;
}

.obs-action.is-secondary[b-1nflm3wj1w] {
    background: #e8f3f2;
    color: var(--ops-teal);
}

.obs-action.is-quiet[b-1nflm3wj1w] {
    background: #fff;
    border: 1px solid var(--ops-line);
    color: var(--ops-teal);
}

.obs-action.is-compact[b-1nflm3wj1w] {
    background: #edf5f4;
    color: var(--ops-teal);
    min-height: 2rem;
    padding: .35rem .65rem;
}

.obs-feedback[b-1nflm3wj1w] {
    align-items: center;
    border: 1px solid;
    border-radius: .9rem;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
    min-height: 3.3rem;
    padding: .7rem 1rem;
}

.obs-feedback.is-success[b-1nflm3wj1w] {
    background: #edf9f5;
    border-color: #abdcca;
    color: #147157;
}

.obs-feedback.is-error[b-1nflm3wj1w] {
    background: #fff1f2;
    border-color: #efbdc2;
    color: #ad3541;
}

.obs-feedback span[b-1nflm3wj1w] {
    flex: 1;
    font-size: .95rem;
    font-weight: 700;
}

.obs-feedback button[b-1nflm3wj1w] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
}
.obs-error-layout[b-1nflm3wj1w] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .75fr);
}

.obs-card[b-1nflm3wj1w] {
    background: rgba(255, 255, 255, .94);
    border: 1px solid var(--ops-line);
    border-radius: 1.15rem;
    box-shadow: 0 12px 30px rgba(8, 48, 52, .06);
    overflow: hidden;
    padding: 1.1rem;
}

.obs-card__title[b-1nflm3wj1w] {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
}

.obs-card__title.is-compact[b-1nflm3wj1w] {
    margin-bottom: .75rem;
}

.obs-card__title h3[b-1nflm3wj1w] {
    font-size: 1.12rem;
    font-weight: 800;
    margin: 0;
}

.obs-card__title p[b-1nflm3wj1w] {
    color: var(--ops-muted);
    font-size: .78rem;
    margin: .2rem 0 0;
}

.obs-step[b-1nflm3wj1w] {
    align-items: center;
    background: #edf5f4;
    border: 1px solid #dce9e7;
    border-radius: .65rem;
    color: var(--ops-teal);
    display: inline-flex;
    flex: 0 0 2.35rem;
    font-size: .82rem;
    font-weight: 900;
    height: 2.35rem;
    justify-content: center;
}

.obs-inline-note[b-1nflm3wj1w],
.obs-inspector-banner[b-1nflm3wj1w] {
    align-items: center;
    background: #fff8eb;
    border: 1px solid #ecd5a9;
    border-radius: .8rem;
    color: #7b5b23;
    display: flex;
    font-size: .92rem;
    gap: .7rem;
    margin-bottom: 1rem;
    padding: .72rem .85rem;
}

.obs-form-grid[b-1nflm3wj1w] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.obs-form-grid label[b-1nflm3wj1w] {
    display: block;
    min-width: 0;
}

.obs-form-grid label.is-wide[b-1nflm3wj1w] {
    grid-column: 1 / -1;
}

.obs-form-grid label > span[b-1nflm3wj1w] {
    color: #36575a;
    display: block;
    font-size: .9rem;
    font-weight: 800;
    margin-bottom: .4rem;
}

.obs-form-grid label > span b[b-1nflm3wj1w] {
    color: #c94354;
}

.obs-form-grid .form-control[b-1nflm3wj1w],
.obs-search .form-control[b-1nflm3wj1w] {
    border: 1px solid #d9e4e3;
    border-radius: .72rem;
    box-shadow: none;
    color: var(--ops-ink);
    font-size: .85rem;
    min-height: 2.8rem;
}

.obs-form-grid .form-control:focus[b-1nflm3wj1w],
.obs-search .form-control:focus[b-1nflm3wj1w] {
    border-color: #4d9598;
    box-shadow: 0 0 0 .2rem rgba(27, 112, 118, .1);
}

.obs-form-actions[b-1nflm3wj1w] {
    align-items: center;
    border-top: 1px solid var(--ops-line);
    display: flex;
    gap: .65rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.obs-search[b-1nflm3wj1w] {
    align-items: center;
    display: flex;
    margin-bottom: .85rem;
    position: relative;
}

.obs-search > i[b-1nflm3wj1w] {
    color: #88a0a2;
    pointer-events: none;
    position: absolute;
    right: .85rem;
    z-index: 1;
}

.obs-search .form-control[b-1nflm3wj1w] {
    padding-right: 2.45rem;
}
.obs-error-file-list[b-1nflm3wj1w] {
    display: grid;
    gap: .6rem;
    max-height: 34rem;
    overflow: auto;
    padding-left: .2rem;
}

.obs-status[b-1nflm3wj1w] {
    background: #edf3f2;
    border-radius: 99px;
    color: #537073;
    display: inline-flex;
    font-size: .82rem;
    font-style: normal;
    font-weight: 800;
    padding: .3rem .55rem;
}

.obs-status.is-active[b-1nflm3wj1w],
.obs-status.is-completed[b-1nflm3wj1w],
.obs-status.is-ready[b-1nflm3wj1w] {
    background: #e6f7f0;
    color: #168262;
}

.obs-status.is-draft[b-1nflm3wj1w],
.obs-status.is-notstarted[b-1nflm3wj1w] {
    background: #f1f3f4;
    color: #697779;
}

.obs-status.is-inprogress[b-1nflm3wj1w],
.obs-status.is-requested[b-1nflm3wj1w],
.obs-status.is-submitted[b-1nflm3wj1w],
.obs-status.is-attention[b-1nflm3wj1w] {
    background: #fff6e5;
    color: #996b1c;
}

.obs-status.is-changesrequired[b-1nflm3wj1w] {
    background: #ffecef;
    color: #b63f4b;
}

.obs-table-wrap[b-1nflm3wj1w] {
    border: 1px solid var(--ops-line);
    border-radius: .85rem;
    overflow: auto;
}

.obs-table-wrap table[b-1nflm3wj1w] {
    border-collapse: collapse;
    min-width: 48rem;
    width: 100%;
}

.obs-table-wrap th[b-1nflm3wj1w],
.obs-table-wrap td[b-1nflm3wj1w] {
    border-bottom: 1px solid #e7eded;
    font-size: .92rem;
    padding: .75rem .8rem;
    text-align: right;
    vertical-align: top;
}

.obs-table-wrap th[b-1nflm3wj1w] {
    background: #f0f5f4;
    color: #61797b;
    font-size: .88rem;
    font-weight: 800;
    white-space: nowrap;
}

.obs-table-wrap tbody tr:last-child td[b-1nflm3wj1w] {
    border-bottom: 0;
}

.obs-empty-state[b-1nflm3wj1w] {
    align-items: center;
    border: 1px dashed #c9d8d7;
    border-radius: .9rem;
    color: var(--ops-muted);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 10rem;
    padding: 1rem;
    text-align: center;
}

.obs-empty-state.is-large[b-1nflm3wj1w] {
    min-height: 24rem;
}

.obs-empty-state i[b-1nflm3wj1w] {
    color: #4a9295;
    font-size: 1.5rem;
    margin-bottom: .65rem;
}

.obs-empty-state strong[b-1nflm3wj1w] {
    color: var(--ops-ink);
    font-size: 1rem;
}

.obs-empty-state span[b-1nflm3wj1w] {
    font-size: .88rem;
    margin-top: .25rem;
}

.obs-readiness-summary[b-1nflm3wj1w] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.obs-readiness-summary article[b-1nflm3wj1w] {
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: .9rem;
    border-right: .25rem solid #7b9698;
    padding: .9rem 1rem;
}

.obs-readiness-summary article.is-ready[b-1nflm3wj1w] {
    border-right-color: #2d9a79;
}

.obs-readiness-summary article.is-attention[b-1nflm3wj1w] {
    border-right-color: #c6953b;
}

.obs-readiness-summary article.is-not-ready[b-1nflm3wj1w] {
    border-right-color: #c8525e;
}

.obs-readiness-summary article.is-not-assessed[b-1nflm3wj1w] {
    border-right-color: #66849d;
}

.obs-readiness-summary strong[b-1nflm3wj1w],
.obs-readiness-summary span[b-1nflm3wj1w] {
    display: block;
}

.obs-readiness-summary strong[b-1nflm3wj1w] {
    font-size: 1.5rem;
}

.obs-readiness-summary span[b-1nflm3wj1w] {
    color: var(--ops-muted);
    font-size: .88rem;
    margin-top: .15rem;
}

.obs-readiness-grid[b-1nflm3wj1w] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.obs-readiness-card[b-1nflm3wj1w] {
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: 1rem;
    box-shadow: 0 12px 28px rgba(6, 50, 54, .06);
    padding: 1rem;
}

.obs-readiness-card.is-ready[b-1nflm3wj1w] {
    --status-color: #238d6e;
}

.obs-readiness-card.is-attention[b-1nflm3wj1w] {
    --status-color: #bd8831;
}

.obs-readiness-card.is-not-ready[b-1nflm3wj1w] {
    --status-color: #bb4854;
}

.obs-readiness-card.is-not-assessed[b-1nflm3wj1w] {
    --status-color: #66849d;
}

.obs-readiness-card header[b-1nflm3wj1w] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.obs-readiness-card header .obs-status[b-1nflm3wj1w] {
    background: color-mix(in srgb, var(--status-color) 12%, white);
    color: var(--status-color);
}

.obs-readiness-card header small[b-1nflm3wj1w] {
    color: #8a9b9d;
    font-size: .82rem;
}

.obs-readiness-card__score[b-1nflm3wj1w] {
    align-items: center;
    background:
        radial-gradient(circle closest-side, #fff 74%, transparent 76% 99%),
        conic-gradient(var(--status-color) calc(var(--score) * 1%), #e8efee 0);
    border-radius: 50%;
    display: flex;
    height: 7.5rem;
    justify-content: center;
    margin: 1rem auto;
    width: 7.5rem;
}

.obs-readiness-card__score div[b-1nflm3wj1w] {
    align-items: baseline;
    display: flex;
    gap: .1rem;
}

.obs-readiness-card__score strong[b-1nflm3wj1w] {
    font-size: 1.65rem;
}

.obs-readiness-card__score span[b-1nflm3wj1w] {
    color: var(--ops-muted);
    font-size: .84rem;
}

.obs-readiness-card h3[b-1nflm3wj1w] {
    font-size: 1rem;
    margin: 0;
}

.obs-readiness-card > p[b-1nflm3wj1w] {
    color: var(--ops-muted);
    font-size: .9rem;
    margin: .25rem 0 .65rem;
}

.obs-readiness-card__source[b-1nflm3wj1w] {
    background: #f4f8f7;
    border: 1px solid #e2ecea;
    border-radius: .7rem;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
    margin-bottom: .85rem;
    padding: .55rem .65rem;
}

.obs-readiness-card__source span[b-1nflm3wj1w] {
    color: #4f686b;
    font-size: .86rem;
}

.obs-readiness-card__source i[b-1nflm3wj1w] {
    color: var(--ops-teal);
    margin-left: .25rem;
}

.obs-score-grid[b-1nflm3wj1w] {
    border-top: 1px solid var(--ops-line);
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: .75rem;
}

.obs-score-grid span[b-1nflm3wj1w] {
    color: var(--ops-muted);
    font-size: .84rem;
}

.obs-score-grid b[b-1nflm3wj1w] {
    color: var(--ops-ink);
    display: block;
    font-size: .95rem;
}

.obs-score-grid .has-errors[b-1nflm3wj1w],
.obs-score-grid .has-errors b[b-1nflm3wj1w] {
    color: #ad3f55;
}

.obs-readiness-reasons[b-1nflm3wj1w] {
    background: #fff8ea;
    border: 1px solid #efd9a8;
    border-radius: .72rem;
    margin-top: .8rem;
    padding: .65rem .75rem;
}

.obs-readiness-reasons summary[b-1nflm3wj1w] {
    color: #805a16;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 800;
}

.obs-readiness-reasons ul[b-1nflm3wj1w] {
    color: #6d5a36;
    font-size: .86rem;
    line-height: 1.75;
    margin: .55rem 0 0;
    padding-right: 1.2rem;
}

.obs-readonly-badge[b-1nflm3wj1w] {
    align-items: center;
    background: #edf3f2;
    border-radius: 99px;
    color: var(--ops-teal);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .9rem;
    font-weight: 800;
    gap: .45rem;
    padding: .55rem .8rem;
}

.obs-error-layout[b-1nflm3wj1w] {
    grid-template-columns: minmax(18rem, .32fr) minmax(0, .68fr);
}

.obs-error-file-list > button[b-1nflm3wj1w] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: .8rem;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .75rem;
    text-align: right;
    transition: border .2s ease, background .2s ease;
    width: 100%;
}

.obs-error-file-list > button:hover[b-1nflm3wj1w],
.obs-error-file-list > button.is-selected[b-1nflm3wj1w] {
    background: #f3f8f7;
    border-color: #65a2a5;
}

.obs-error-file-list strong[b-1nflm3wj1w],
.obs-error-file-list small[b-1nflm3wj1w] {
    display: block;
}

.obs-error-file-list strong[b-1nflm3wj1w] {
    font-size: .95rem;
}

.obs-error-file-list small[b-1nflm3wj1w] {
    color: var(--ops-muted);
    font-size: .84rem;
    margin-top: .22rem;
}

.obs-error-counts[b-1nflm3wj1w] {
    align-items: flex-end;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: .25rem;
}

.obs-error-counts b[b-1nflm3wj1w],
.obs-error-counts em[b-1nflm3wj1w] {
    border-radius: 99px;
    font-size: .78rem;
    font-style: normal;
    padding: .25rem .45rem;
}

.obs-error-counts b[b-1nflm3wj1w] {
    background: #ffecef;
    color: #b63f4b;
}

.obs-error-counts em[b-1nflm3wj1w] {
    background: #fff6e4;
    color: #9a6b1b;
}

.obs-inspector-banner span[b-1nflm3wj1w],
.obs-inspector-banner strong[b-1nflm3wj1w] {
    display: block;
}

.obs-inspector-banner strong[b-1nflm3wj1w] {
    margin-bottom: .12rem;
}

.obs-issues-table tbody tr.is-error[b-1nflm3wj1w] {
    background: rgba(202, 69, 82, .055);
}

.obs-issues-table tbody tr.is-warning[b-1nflm3wj1w] {
    background: rgba(187, 137, 47, .055);
}

.obs-issues-table td code[b-1nflm3wj1w] {
    background: #f1f5f4;
    border-radius: .4rem;
    color: #395b5e;
    display: inline-block;
    font-family: inherit;
    max-width: 14rem;
    overflow-wrap: anywhere;
    padding: .28rem .4rem;
}

.obs-issues-table td kbd[b-1nflm3wj1w] {
    background: #eaf2f1;
    border: 1px solid #d8e5e3;
    border-radius: .4rem;
    box-shadow: none;
    color: var(--ops-teal);
    direction: ltr;
    font-family: ui-monospace, monospace;
    font-size: .86rem;
    padding: .28rem .42rem;
}

.obs-issues-table tr.is-error td kbd[b-1nflm3wj1w] {
    background: #ffe9ec;
    border-color: #e8aab2;
    color: #a72f3d;
    box-shadow: 0 0 0 3px rgba(202, 69, 82, .08);
}

.obs-issues-table tr.is-warning td kbd[b-1nflm3wj1w] {
    background: #fff4dc;
    border-color: #e3c47e;
    color: #8b5d10;
    box-shadow: 0 0 0 3px rgba(187, 137, 47, .08);
}

.obs-issues-table td strong[b-1nflm3wj1w],
.obs-issues-table td small[b-1nflm3wj1w] {
    display: block;
}

.obs-issues-table td small[b-1nflm3wj1w] {
    color: var(--ops-muted);
    font-size: .84rem;
    margin-top: .2rem;
}

.obs-issue-kind[b-1nflm3wj1w] {
    border-radius: .5rem;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    padding: .32rem .5rem;
}

tr.is-error .obs-issue-kind[b-1nflm3wj1w] {
    background: #ffe9ec;
    color: #b43a47;
}

tr.is-warning .obs-issue-kind[b-1nflm3wj1w] {
    background: #fff5df;
    color: #976719;
}

@media (max-width: 1200px) {
    .obs-operations__tabs[b-1nflm3wj1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .obs-error-layout[b-1nflm3wj1w] {
        grid-template-columns: 1fr;
    }

    .obs-readiness-grid[b-1nflm3wj1w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-readiness-summary[b-1nflm3wj1w] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .obs-operations[b-1nflm3wj1w] {
        padding: .65rem;
    }

    .obs-operations__hero[b-1nflm3wj1w] {
        align-items: flex-start;
        border-radius: 1.1rem;
        flex-direction: column;
    }

    .obs-operations__pulse[b-1nflm3wj1w] {
        width: 100%;
    }

    .obs-operations__tabs[b-1nflm3wj1w] {
        grid-template-columns: 1fr;
        margin-top: .75rem;
        max-width: 100%;
    }

    .obs-operations__tab[b-1nflm3wj1w] {
        min-height: 3.8rem;
    }

    .obs-section-heading[b-1nflm3wj1w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .obs-form-grid[b-1nflm3wj1w],
    .obs-readiness-summary[b-1nflm3wj1w],
    .obs-readiness-grid[b-1nflm3wj1w] {
        grid-template-columns: 1fr;
    }

    .obs-form-actions[b-1nflm3wj1w] {
        align-items: stretch;
        flex-direction: column;
    }
}

@container observatory-operations (max-width: 1000px) {
    .obs-error-layout[b-1nflm3wj1w],
    .obs-operations[b-1nflm3wj1w]  :where(
        .obs-upload-protocol,
        .obs-upload-layout) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@container observatory-operations (max-width: 760px) {
    .obs-form-grid[b-1nflm3wj1w],
    .obs-readiness-summary[b-1nflm3wj1w],
    .obs-readiness-grid[b-1nflm3wj1w],
    .obs-operations[b-1nflm3wj1w]  :where(
        .obs-form-grid,
        .obs-upload-filters) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .obs-operations[b-1nflm3wj1w]  :where(
        .obs-field,
        .obs-field.is-wide,
        .obs-field.is-full) {
        grid-column: 1 / -1 !important;
        min-width: 0;
        max-width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-operations__tab[b-1nflm3wj1w],
    .obs-action[b-1nflm3wj1w] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/DictionaryTab.razor.rz.scp.css */
.dictionary-layout[b-22q7dc6wxr] { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; direction: rtl; }
.dictionary-list[hidden][b-22q7dc6wxr] { display: none !important; }
.dictionary-form[b-22q7dc6wxr] { scroll-margin-block-start: calc(var(--kt-app-header-height, 70px) + 20px); }
.card[b-22q7dc6wxr] { border-color: color-mix(in srgb, var(--obs-primary) 14%, #eff2f5); font-family: var(--obs-org-font-family); }
.obs-form-grid[b-22q7dc6wxr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; border: 0; padding: 0; margin: 0 0 2rem; min-width: 0; }
.obs-field[b-22q7dc6wxr] { display: grid; min-width: 0; align-content: start; gap: .5rem; }
.obs-field.is-wide[b-22q7dc6wxr] { grid-column: 1 / -1; }
.obs-field label[b-22q7dc6wxr] { color: var(--obs-ink); font-weight: 700; }
.obs-field label small[b-22q7dc6wxr] { color: var(--obs-muted); font-weight: 400; }
.obs-field :is(.form-control, .form-select)[b-22q7dc6wxr] { min-height: 52px; padding: .75rem 1.5rem; border-radius: .5rem; line-height: 1.75; font: inherit; }
.obs-field :is(.form-control, .form-select):focus[b-22q7dc6wxr] { border-color: var(--obs-primary); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--obs-primary) 12%, transparent); }
.obs-field .is-invalid[b-22q7dc6wxr] { border-color: var(--kt-danger, #f1416c); }
.obs-field input[readonly][b-22q7dc6wxr] { background: color-mix(in srgb, var(--obs-primary) 3%, #fff); }
.dictionary-field-hint[b-22q7dc6wxr] { color: var(--obs-muted); line-height: 1.7; }
.dictionary-form__actions[b-22q7dc6wxr] { flex-wrap: wrap; }
.dictionary-form__actions .btn[b-22q7dc6wxr] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border-radius: .5rem; font: inherit; }
.dictionary-form__actions .btn-light-primary[b-22q7dc6wxr] { color: var(--obs-primary) !important; background: color-mix(in srgb, var(--obs-primary) 10%, #fff) !important; }
.dictionary-form__actions .btn:focus-visible[b-22q7dc6wxr] { outline: 3px solid color-mix(in srgb, var(--obs-primary) 45%, transparent); outline-offset: 3px; }
@media (max-width: 767.98px) {
    .obs-form-grid[b-22q7dc6wxr] { grid-template-columns: minmax(0, 1fr); }
}

/* Form actions follow the directory's neutral hover behavior. */
.dictionary-form__actions .btn.btn-light-primary:hover:not(:disabled)[b-22q7dc6wxr] { color: var(--obs-primary) !important; background: color-mix(in srgb, var(--obs-primary) 10%, #fff) !important; border-color: transparent !important; filter: none; }
.dictionary-form__actions .btn.btn-light-danger[b-22q7dc6wxr], .dictionary-form__actions .btn.btn-light-danger:hover:not(:disabled)[b-22q7dc6wxr] { color: var(--kt-danger, #f1416c) !important; background: var(--kt-danger-light, #fff5f8) !important; border-color: transparent !important; filter: none; }
/* _content/Starterkit/Observatory/Governance.razor.rz.scp.css */
.governance-workspace[b-3eyton88rj],
.governance-message[b-3eyton88rj],
.governance-loading[b-3eyton88rj] {
    --gov-ink: #123c43;
    --gov-teal: #145f65;
    --gov-teal-deep: #0d454b;
    --gov-gold: #b88935;
    --gov-paper: #fbfdfc;
    --gov-line: rgba(18, 60, 67, .13);
    --gov-muted: #6e8589;
    --gov-danger: #bd4354;
    --gov-success: #13866f;
    --gov-primary: var(--obs-primary, var(--gov-teal));
    --gov-secondary: var(--obs-secondary, var(--gov-gold));
}

.governance-workspace[b-3eyton88rj] {
    display: grid;
    gap: 1.25rem;
    direction: rtl;
    color: var(--gov-ink);
    font-family: inherit;
}

.governance-command[b-3eyton88rj] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(22rem, .75fr);
    gap: 2rem;
    padding: clamp(1.5rem, 3vw, 2.8rem);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.65rem;
    color: #fff;
    background:
        radial-gradient(circle at 12% 18%, rgba(184, 137, 53, .2), transparent 28%),
        linear-gradient(125deg, #0a353a 0%, #12535a 56%, #183d42 100%);
    box-shadow: 0 1.25rem 3rem rgba(14, 59, 64, .14);
}

.governance-command[b-3eyton88rj]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .28;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, .045) 0,
        rgba(255, 255, 255, .045) 1px,
        transparent 1px,
        transparent 22px);
}

.governance-command[b-3eyton88rj]::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 8%;
    width: 8rem;
    height: .23rem;
    background: linear-gradient(90deg, var(--gov-secondary), #ece0b6);
}

.governance-command__copy[b-3eyton88rj] {
    align-self: center;
    max-width: 52rem;
}

.governance-kicker[b-3eyton88rj] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .55rem;
    color: var(--gov-secondary);
    font-size: .83rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.governance-command h2[b-3eyton88rj] {
    margin: 0 0 .65rem;
    color: #fff;
    font-size: clamp(1.65rem, 2.5vw, 2.45rem);
    font-weight: 800;
    line-height: 1.4;
}

.governance-command p[b-3eyton88rj] {
    max-width: 62ch;
    margin: 0;
    color: rgba(255, 255, 255, .73);
    font-size: 1rem;
    line-height: 1.9;
}

.governance-command__metrics[b-3eyton88rj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    align-self: stretch;
}

.governance-command__metrics article[b-3eyton88rj] {
    display: grid;
    align-content: center;
    gap: .7rem;
    min-height: 8.2rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(8px);
}

.governance-command__metrics i[b-3eyton88rj] {
    color: #e7c477;
    font-size: 1.05rem;
}

.governance-command__metrics div[b-3eyton88rj] {
    display: grid;
    gap: .2rem;
}

.governance-command__metrics strong[b-3eyton88rj] {
    color: #fff;
    font-size: 1.65rem;
    line-height: 1;
}

.governance-command__metrics span[b-3eyton88rj] {
    color: rgba(255, 255, 255, .65);
    font-size: .78rem;
    line-height: 1.45;
}

.governance-tabs[b-3eyton88rj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    padding: .55rem;
    border: 1px solid var(--gov-line);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 .75rem 2.2rem rgba(18, 60, 67, .07);
    backdrop-filter: blur(12px);
}

.governance-tabs.is-two-column[b-3eyton88rj] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.governance-tabs button[b-3eyton88rj] {
    position: relative;
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    min-height: 4.5rem;
    padding: .75rem 1rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    color: #547075;
    text-align: right;
    background: transparent;
    transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
}

.governance-tabs button:hover[b-3eyton88rj] {
    color: var(--gov-ink);
    background: rgba(20, 95, 101, .055);
}

.governance-tabs button:focus-visible[b-3eyton88rj],
.governance-panel button:focus-visible[b-3eyton88rj],
.governance-panel input:focus-visible[b-3eyton88rj],
.governance-panel select:focus-visible[b-3eyton88rj],
.notification-item a:focus-visible[b-3eyton88rj] {
    outline: 3px solid rgba(184, 137, 53, .3);
    outline-offset: 2px;
}

.governance-tabs button.is-active[b-3eyton88rj] {
    border-color: rgba(20, 95, 101, .14);
    color: var(--gov-ink);
    background: #fff;
    box-shadow: 0 .55rem 1.35rem rgba(16, 71, 77, .1);
}

.governance-tabs button.is-active[b-3eyton88rj]::after {
    content: "";
    position: absolute;
    inset-inline: 1.1rem;
    inset-block-end: -.56rem;
    height: .2rem;
    border-radius: 1rem;
    background: linear-gradient(90deg, var(--gov-primary), var(--gov-secondary));
}

.governance-tabs__icon[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: .85rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .08);
}

.governance-tabs button.is-active .governance-tabs__icon[b-3eyton88rj] {
    color: #fff;
    background: var(--gov-primary);
}

.governance-tabs button > span:nth-child(2)[b-3eyton88rj] {
    display: grid;
    gap: .15rem;
}

.governance-tabs strong[b-3eyton88rj] {
    font-size: .96rem;
}

.governance-tabs small[b-3eyton88rj] {
    color: #83979b;
    font-size: .74rem;
}

.governance-tabs b[b-3eyton88rj] {
    display: grid;
    place-items: center;
    min-width: 1.7rem;
    height: 1.7rem;
    padding: 0 .35rem;
    border-radius: 99rem;
    color: #fff;
    background: var(--gov-danger);
    font-size: .72rem;
}

.governance-tabs__lock[b-3eyton88rj] {
    color: #a9b7ba;
    font-size: .8rem;
}

.governance-panel[b-3eyton88rj] {
    overflow: hidden;
    border: 1px solid var(--gov-line);
    border-radius: 1.55rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(249, 252, 251, .94));
    box-shadow: 0 1rem 3rem rgba(16, 71, 77, .08);
}

.governance-panel__header[b-3eyton88rj] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1.4rem 1.6rem;
    border-bottom: 1px solid var(--gov-line);
    background:
        radial-gradient(circle at 5% 0%, rgba(184, 137, 53, .08), transparent 20%),
        rgba(255, 255, 255, .82);
}

.governance-panel__header > div:first-child[b-3eyton88rj] {
    flex: 1 1 auto;
    min-width: 0;
}

.governance-panel__header h2[b-3eyton88rj] {
    margin: 0 0 .25rem;
    color: var(--gov-ink);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 800;
}

.governance-panel__header p[b-3eyton88rj] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .92rem;
    line-height: 1.65;
}

.panel-stat[b-3eyton88rj] {
    display: grid;
    gap: .1rem;
    min-width: 6.8rem;
    padding: .7rem .9rem;
    border-inline-start: 1px solid var(--gov-line);
}

.panel-stat strong[b-3eyton88rj] {
    color: var(--gov-primary);
    font-size: 1.45rem;
}

.panel-stat span[b-3eyton88rj] {
    color: var(--gov-muted);
    font-size: .72rem;
}

.panel-stat.is-accent strong[b-3eyton88rj] {
    color: var(--gov-danger);
}

.access-layout[b-3eyton88rj] {
    display: grid;
    grid-template-columns: minmax(19rem, .76fr) minmax(0, 1.55fr);
    border-bottom: 1px solid var(--gov-line);
}

.access-editor[b-3eyton88rj],
.capability-editor[b-3eyton88rj] {
    padding: 1.4rem;
}

.access-editor[b-3eyton88rj] {
    border-inline-end: 1px solid var(--gov-line);
    background: rgba(244, 249, 248, .72);
}

.section-heading[b-3eyton88rj] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin-bottom: 1.15rem;
}

.section-heading > span[b-3eyton88rj] {
    display: grid;
    place-items: center;
    flex: 0 0 2.35rem;
    height: 2.35rem;
    border: 1px solid rgba(20, 95, 101, .13);
    border-radius: .75rem;
    color: var(--gov-primary);
    background: #fff;
    font-size: .7rem;
    font-weight: 900;
}

.section-heading > div:nth-child(2)[b-3eyton88rj] {
    flex: 1;
}

.section-heading h3[b-3eyton88rj],
.scope-directory h3[b-3eyton88rj] {
    margin: 0 0 .2rem;
    color: var(--gov-ink);
    font-size: 1.15rem;
    font-weight: 800;
}

.section-heading p[b-3eyton88rj] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .8rem;
    line-height: 1.55;
}

.assignee-role-tab[b-3eyton88rj] {
    display: grid;
    margin-bottom: 1rem;
    padding: .35rem;
    border: 1px solid var(--gov-line);
    border-radius: .95rem;
    background: #eef4f3;
}

.assignee-role-tab span[b-3eyton88rj] {
    display: flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border-radius: .7rem;
    color: var(--gov-primary);
    background: #fff;
    box-shadow: 0 .4rem 1rem rgba(18, 60, 67, .08);
    font-weight: 800;
}

.governance-field[b-3eyton88rj] {
    display: grid;
    gap: .4rem;
    min-width: 0;
    margin-bottom: .85rem;
}

.governance-field label[b-3eyton88rj] {
    color: #315a60;
    font-size: .8rem;
    font-weight: 800;
}

.governance-field label b[b-3eyton88rj] {
    color: var(--gov-danger);
}

.governance-field input[b-3eyton88rj],
.governance-field select[b-3eyton88rj] {
    width: 100%;
    min-height: 2.9rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(18, 60, 67, .14);
    border-radius: .78rem;
    color: var(--gov-ink);
    background: #fff;
    font: inherit;
    font-size: .85rem;
}

.governance-field input:disabled[b-3eyton88rj],
.governance-field select:disabled[b-3eyton88rj] {
    color: #9caeb0;
    background: #f2f5f5;
    cursor: not-allowed;
}

.governance-field .is-invalid[b-3eyton88rj] {
    border-color: rgba(189, 67, 84, .65);
    box-shadow: 0 0 0 3px rgba(189, 67, 84, .07);
}

.governance-search[b-3eyton88rj] {
    position: relative;
    min-width: 0;
}

.governance-search > i[b-3eyton88rj] {
    position: absolute;
    z-index: 1;
    inset-inline-start: .85rem;
    inset-block-start: 50%;
    transform: translateY(-50%);
    color: #91a4a7;
    pointer-events: none;
}

.governance-search input[b-3eyton88rj] {
    padding-inline-start: 2.5rem;
}

.access-autocomplete[b-3eyton88rj] {
    position: relative;
    z-index: 5;
}

.role-selector-row[b-3eyton88rj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 3.25rem;
    align-items: start;
    gap: .55rem;
}

.roles-list-link[b-3eyton88rj] {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: .78rem;
    color: #fff;
    background: var(--gov-primary);
    box-shadow: 0 .45rem 1rem rgba(20, 95, 101, .16);
    text-decoration: none;
    transition: color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.roles-list-link:hover[b-3eyton88rj] {
    color: #fff;
    background: #0f4f55;
    box-shadow: 0 .65rem 1.35rem rgba(20, 95, 101, .22);
    transform: translateY(-1px);
}

.roles-list-link:focus-visible[b-3eyton88rj] {
    outline: 3px solid rgba(20, 95, 101, .18);
    outline-offset: 2px;
}

.access-autocomplete.is-open[b-3eyton88rj] {
    z-index: 40;
}

.access-autocomplete__control[b-3eyton88rj] {
    position: relative;
}

.access-autocomplete__control > i:first-child[b-3eyton88rj] {
    position: absolute;
    z-index: 2;
    inset-block-start: 50%;
    inset-inline-start: .9rem;
    color: #81979a;
    pointer-events: none;
    transform: translateY(-50%);
    transition: color .18s ease;
}

.access-autocomplete__control input[b-3eyton88rj] {
    min-height: 48px;
    padding-inline: 2.65rem 60px;
    font-size: .92rem;
    font-weight: 750;
    text-overflow: ellipsis;
}

.access-autocomplete.is-open .access-autocomplete__control > i:first-child[b-3eyton88rj] {
    color: var(--gov-primary);
}

.access-autocomplete__clear[b-3eyton88rj] {
    position: absolute;
    z-index: 3;
    inset-block-start: 50%;
    inset-inline-end: .55rem;
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    padding: 0;
    border: 1px solid var(--gov-line);
    border-radius: .65rem;
    color: #71878a;
    background: #fff;
    transform: translateY(-50%);
}

.access-autocomplete__clear:hover[b-3eyton88rj] {
    color: var(--gov-danger);
    border-color: rgba(189, 67, 84, .28);
    background: rgba(189, 67, 84, .05);
}

.access-autocomplete__clear:focus-visible[b-3eyton88rj],
.access-autocomplete__option:focus-visible[b-3eyton88rj] {
    outline: 3px solid rgba(20, 95, 101, .16);
    outline-offset: 2px;
}

.access-autocomplete__chevron[b-3eyton88rj] {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 1rem;
    color: #81979a;
    font-size: .68rem;
    pointer-events: none;
    transform: translateY(-50%);
    transition: transform .18s ease;
}

.access-autocomplete.is-open .access-autocomplete__chevron[b-3eyton88rj] {
    transform: translateY(-50%) rotate(180deg);
}

.access-autocomplete__menu[b-3eyton88rj] {
    position: absolute;
    z-index: 60;
    inset-block-start: calc(100% + .45rem);
    inset-inline: 0;
    overflow: hidden;
    padding: .45rem;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 0 0, rgba(187, 142, 69, .08), transparent 34%),
        rgba(255, 255, 255, .99);
    box-shadow: 0 1.4rem 3.2rem rgba(14, 47, 51, .17);
    animation: governance-autocomplete-in-b-3eyton88rj .16s ease-out;
}

.access-autocomplete__option[b-3eyton88rj] {
    display: grid;
    width: 100%;
    min-height: 4rem;
    grid-template-columns: 2.6rem minmax(0, 1fr) 1.2rem;
    align-items: center;
    gap: .7rem;
    padding: .6rem .7rem;
    border: 0;
    border-radius: .75rem;
    color: var(--gov-ink);
    background: transparent;
    text-align: start;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease, transform .16s ease;
}

.access-autocomplete__option + .access-autocomplete__option[b-3eyton88rj] {
    border-top: 1px solid rgba(18, 60, 67, .07);
}

.access-autocomplete__option:hover[b-3eyton88rj],
.access-autocomplete__option.is-active[b-3eyton88rj] {
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .055);
    transform: translateX(-2px);
}

.access-autocomplete__option-icon[b-3eyton88rj] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border: 1px solid rgba(20, 95, 101, .14);
    border-radius: .8rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .07);
}

.access-autocomplete__option-icon.is-role[b-3eyton88rj] {
    color: #936c28;
    border-color: rgba(187, 142, 69, .28);
    background: rgba(187, 142, 69, .11);
}

.access-autocomplete__option-copy[b-3eyton88rj] {
    display: grid;
    min-width: 0;
    gap: .2rem;
}

.access-autocomplete__option-copy strong[b-3eyton88rj],
.access-autocomplete__option-copy small[b-3eyton88rj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    unicode-bidi: plaintext;
}

.access-autocomplete__option-copy strong[b-3eyton88rj] {
    font-size: .9rem;
    font-weight: 900;
}

.access-autocomplete__option-copy small[b-3eyton88rj] {
    color: var(--gov-muted);
    font-size: .72rem;
    font-weight: 650;
}

.access-autocomplete__selected[b-3eyton88rj] {
    color: var(--gov-success);
}

.access-autocomplete__hint[b-3eyton88rj] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.2rem;
    margin-top: .3rem;
    padding: .4rem .7rem 0;
    border-top: 1px dashed rgba(18, 60, 67, .13);
    color: var(--gov-muted);
    font-size: .68rem;
    font-weight: 700;
}

.access-autocomplete__empty[b-3eyton88rj] {
    display: flex;
    min-height: 5.3rem;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: .9rem;
    color: var(--gov-muted);
}

.access-autocomplete__empty > i[b-3eyton88rj] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .8rem;
    color: #936c28;
    background: rgba(187, 142, 69, .11);
}

.access-autocomplete__empty strong[b-3eyton88rj],
.access-autocomplete__empty small[b-3eyton88rj] {
    display: block;
}

.access-autocomplete__empty strong[b-3eyton88rj] {
    color: var(--gov-ink);
    font-size: .85rem;
    font-weight: 900;
}

.access-autocomplete__empty small[b-3eyton88rj] {
    margin-top: .2rem;
    font-size: .7rem;
}

@keyframes governance-autocomplete-in-b-3eyton88rj {
    from {
        opacity: 0;
        transform: translateY(-.35rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.field-hint[b-3eyton88rj],
.field-error[b-3eyton88rj] {
    font-size: .72rem;
}

.field-hint[b-3eyton88rj] {
    color: var(--gov-muted);
}

.field-error[b-3eyton88rj] {
    color: var(--gov-danger);
    font-weight: 700;
}

.capability-actions[b-3eyton88rj] {
    display: flex;
    gap: .35rem;
}

.capability-actions button[b-3eyton88rj] {
    min-height: 2.25rem;
    padding: .35rem .7rem;
    border: 1px solid var(--gov-line);
    border-radius: .65rem;
    color: var(--gov-primary);
    background: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.capability-grid[b-3eyton88rj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.capability-card[b-3eyton88rj] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .35rem;
    min-height: 4.5rem;
    padding: .35rem .4rem .35rem .65rem;
    border: 1px solid rgba(18, 60, 67, .11);
    border-radius: .9rem;
    background: #fff;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.capability-card:hover[b-3eyton88rj] {
    transform: translateY(-1px);
    border-color: rgba(20, 95, 101, .25);
}

.capability-card.is-enabled[b-3eyton88rj] {
    border-color: rgba(19, 134, 111, .3);
    background: rgba(19, 134, 111, .045);
}

.capability-card input[b-3eyton88rj] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--gov-primary);
}

.capability-card__toggle[b-3eyton88rj] {
    display: grid;
    grid-template-columns: auto 2.35rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    min-height: 3.75rem;
    padding: .3rem .35rem;
    cursor: pointer;
}

.capability-card__icon[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: .72rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .075);
}

.capability-card__copy[b-3eyton88rj] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.capability-card strong[b-3eyton88rj] {
    color: var(--gov-ink);
    font-size: .8rem;
}

.capability-card small[b-3eyton88rj] {
    color: var(--gov-muted);
    font-size: .68rem;
    line-height: 1.45;
}

.capability-card__check[b-3eyton88rj] {
    color: var(--gov-success);
    opacity: 0;
}

.capability-card.is-enabled .capability-card__check[b-3eyton88rj] {
    opacity: 1;
}

.capability-card__details[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border: 1px solid rgba(20, 95, 101, .14);
    border-radius: .65rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .055);
    font-size: .88rem;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.capability-card__details:hover[b-3eyton88rj],
.capability-card__details:focus-visible[b-3eyton88rj] {
    color: #fff;
    border-color: var(--gov-primary);
    background: var(--gov-primary);
    outline: none;
}

.capability-details-backdrop[b-3eyton88rj] {
    position: fixed;
    z-index: 1080;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    overflow-y: auto;
    direction: rtl;
    background: rgba(7, 34, 38, .62);
    backdrop-filter: blur(7px);
}

.capability-details-dialog[b-3eyton88rj] {
    width: min(43rem, 100%);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 1.25rem;
    color: var(--gov-ink);
    background: #fff;
    box-shadow: 0 1.75rem 5rem rgba(6, 31, 34, .35);
}

.capability-details-dialog__header[b-3eyton88rj] {
    position: sticky;
    z-index: 1;
    inset-block-start: 0;
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--gov-line);
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(12px);
}

.capability-details-dialog__header .governance-kicker[b-3eyton88rj] {
    margin-bottom: .15rem;
    color: var(--gov-secondary);
    font-size: .69rem;
}

.capability-details-dialog__header h3[b-3eyton88rj] {
    margin: 0;
    color: var(--gov-ink);
    font-size: 1.08rem;
}

.capability-details-dialog__header > button[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--gov-line);
    border-radius: .7rem;
    color: var(--gov-muted);
    background: #fff;
}

.capability-details-dialog__header > button:hover[b-3eyton88rj],
.capability-details-dialog__header > button:focus-visible[b-3eyton88rj] {
    color: #fff;
    border-color: var(--gov-danger);
    background: var(--gov-danger);
    outline: none;
}

.capability-details-dialog__icon[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: .9rem;
    color: #fff;
    background: linear-gradient(145deg, var(--gov-primary), var(--gov-teal-deep));
    box-shadow: 0 .65rem 1.25rem rgba(20, 95, 101, .2);
}

.capability-details-dialog__status[b-3eyton88rj] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 1rem 1.15rem 0;
    padding: .6rem .75rem;
    border: 1px solid rgba(110, 133, 137, .18);
    border-radius: .75rem;
    color: var(--gov-muted);
    background: rgba(110, 133, 137, .06);
    font-size: .75rem;
}

.capability-details-dialog__status.is-enabled[b-3eyton88rj] {
    color: var(--gov-success);
    border-color: rgba(19, 134, 111, .22);
    background: rgba(19, 134, 111, .07);
}

.capability-details-dialog__summary[b-3eyton88rj] {
    margin: 1rem 1.15rem;
    color: #415f64;
    font-size: .86rem;
    line-height: 1.75;
}

.capability-details-dialog__section[b-3eyton88rj] {
    margin: 0 1.15rem 1rem;
    padding: .95rem;
    border: 1px solid var(--gov-line);
    border-radius: .9rem;
    background: #fbfdfc;
}

.capability-details-dialog__section h4[b-3eyton88rj] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 .7rem;
    color: var(--gov-primary);
    font-size: .82rem;
}

.capability-details-dialog__section ul[b-3eyton88rj] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.capability-details-dialog__section li[b-3eyton88rj] {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr);
    align-items: start;
    gap: .45rem;
    color: #34565b;
    font-size: .78rem;
    line-height: 1.65;
}

.capability-details-dialog__section li > i[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: .08rem;
    border-radius: 50%;
    color: var(--gov-success);
    background: rgba(19, 134, 111, .1);
    font-size: .58rem;
}

.capability-details-dialog__notes[b-3eyton88rj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: 0 1.15rem 1rem;
}

.capability-details-dialog__notes article[b-3eyton88rj] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    align-items: start;
    gap: .55rem;
    padding: .8rem;
    border: 1px solid rgba(20, 95, 101, .13);
    border-radius: .8rem;
    background: rgba(20, 95, 101, .04);
}

.capability-details-dialog__notes article.is-boundary[b-3eyton88rj] {
    border-color: rgba(184, 137, 53, .2);
    background: rgba(184, 137, 53, .06);
}

.capability-details-dialog__notes article > i[b-3eyton88rj] {
    color: var(--gov-primary);
    font-size: .9rem;
    text-align: center;
}

.capability-details-dialog__notes article.is-boundary > i[b-3eyton88rj] {
    color: var(--gov-secondary);
}

.capability-details-dialog__notes strong[b-3eyton88rj] {
    display: block;
    margin-bottom: .2rem;
    color: var(--gov-ink);
    font-size: .74rem;
}

.capability-details-dialog__notes p[b-3eyton88rj] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .7rem;
    line-height: 1.6;
}

.capability-details-dialog > footer[b-3eyton88rj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1.15rem;
    border-top: 1px solid var(--gov-line);
    background: #fbfdfc;
}

.capability-details-dialog > footer span[b-3eyton88rj] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--gov-muted);
    font-size: .68rem;
}

.capability-details-dialog > footer span i[b-3eyton88rj] {
    color: var(--gov-primary);
}

.capability-details-dialog > footer button[b-3eyton88rj] {
    min-width: 5.25rem;
    min-height: 2.35rem;
    padding: .45rem .85rem;
    border: 0;
    border-radius: .68rem;
    color: #fff;
    background: var(--gov-primary);
    font-size: .74rem;
    font-weight: 800;
}

.inline-warning[b-3eyton88rj] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .8rem;
    padding: .7rem .8rem;
    border: 1px solid rgba(184, 137, 53, .27);
    border-radius: .75rem;
    color: #8c671f;
    background: rgba(184, 137, 53, .08);
    font-size: .76rem;
}

.editor-actions[b-3eyton88rj] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--gov-line);
}

.editor-actions button[b-3eyton88rj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.8rem;
    padding: .65rem 1rem;
    border-radius: .75rem;
    font-weight: 800;
}

.primary-action[b-3eyton88rj] {
    border: 1px solid var(--gov-primary);
    color: #fff;
    background: var(--gov-primary);
}

.secondary-action[b-3eyton88rj] {
    border: 1px solid var(--gov-line);
    color: var(--gov-primary);
    background: #fff;
}

.editor-actions button:disabled[b-3eyton88rj],
.capability-actions button:disabled[b-3eyton88rj] {
    opacity: .48;
    cursor: not-allowed;
}

.scope-directory[b-3eyton88rj] {
    padding: 1.4rem;
}

.scope-directory > header[b-3eyton88rj] {
    display: flex;
    align-items: end;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.scope-directory > header .governance-search[b-3eyton88rj] {
    width: clamp(30rem, 42vw, 44rem);
    max-width: 100%;
    flex: 0 1 44rem;
}

.scope-directory > header .governance-search input[b-3eyton88rj] {
    min-height: 3.15rem;
    padding-inline-start: 2.7rem;
    font-size: .92rem;
    font-weight: 700;
}

.scope-grid[b-3eyton88rj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.scope-user-card[b-3eyton88rj] {
    overflow: hidden;
    border: 1px solid var(--gov-line);
    border-radius: 1rem;
    background: #fff;
}

.scope-user-card > header[b-3eyton88rj] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .95rem;
    border-bottom: 1px solid var(--gov-line);
    background: #f5f9f8;
}

.scope-avatar[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: #fff;
    background: var(--gov-primary);
    font-size: .88rem;
    font-weight: 900;
}

.scope-avatar.is-role[b-3eyton88rj] {
    color: #8d6728;
    background: #f8edda;
}

.scope-user-card > header div[b-3eyton88rj] {
    display: grid;
    gap: .1rem;
}

.scope-user-card > header strong[b-3eyton88rj] {
    color: var(--gov-ink);
    font-size: 1.05rem;
    font-weight: 900;
}

.scope-user-card > header small[b-3eyton88rj] {
    color: var(--gov-muted);
    font-size: .72rem;
}

.scope-user-card > header .scope-assignee-kind[b-3eyton88rj] {
    color: var(--gov-primary);
    font-size: .65rem;
    font-weight: 900;
}

.scope-user-card.is-role[b-3eyton88rj] {
    border-color: rgba(187, 142, 69, .3);
}

.scope-user-card.is-role > header[b-3eyton88rj] {
    background: linear-gradient(135deg, #fffaf1, #f7f4ea);
}

.scope-row[b-3eyton88rj] {
    display: grid;
    grid-template-columns: minmax(12rem, .8fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .7rem .75rem;
    border-bottom: 1px solid rgba(18, 60, 67, .08);
}

.scope-row:last-child[b-3eyton88rj] {
    border-bottom: 0;
}

.scope-row > span:first-child[b-3eyton88rj] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

.scope-row > span:first-child i[b-3eyton88rj] {
    color: var(--gov-secondary);
}

.scope-row > span:first-child strong[b-3eyton88rj] {
    overflow: hidden;
    color: var(--gov-ink);
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scope-pills[b-3eyton88rj] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.scope-pills small[b-3eyton88rj] {
    padding: .18rem .42rem;
    border-radius: 99rem;
    color: #557378;
    background: #eef4f3;
    font-size: .62rem;
}

.scope-row button[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border: 1px solid var(--gov-line);
    border-radius: .65rem;
    color: var(--gov-primary);
    background: #fff;
}

.filter-bar[b-3eyton88rj] {
    display: grid;
    gap: .75rem;
    padding: 1rem 1.4rem;
    border-bottom: 1px solid var(--gov-line);
    background: rgba(244, 249, 248, .72);
}

.audit-filter-bar[b-3eyton88rj] {
    grid-template-columns: minmax(16rem, 1.5fr) minmax(10rem, .8fr) minmax(9rem, .6fr) minmax(9rem, .6fr);
}

.notification-filter-bar[b-3eyton88rj] {
    grid-template-columns: minmax(16rem, 1fr) minmax(11rem, .35fr);
}

.filter-bar .governance-field[b-3eyton88rj] {
    margin: 0;
}

.results-heading[b-3eyton88rj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.4rem .5rem;
    color: var(--gov-primary);
    font-size: .8rem;
    font-weight: 800;
}

.audit-timeline[b-3eyton88rj] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: .75rem 1.4rem 1.4rem;
    list-style: none;
}

.audit-timeline > li[b-3eyton88rj] {
    position: relative;
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: .6rem;
}

.audit-timeline > li[b-3eyton88rj]::before {
    content: "";
    position: absolute;
    inset-block: 2.35rem -.8rem;
    inset-inline-start: 1.27rem;
    width: 1px;
    background: rgba(20, 95, 101, .16);
}

.audit-timeline > li:last-child[b-3eyton88rj]::before {
    display: none;
}

.audit-timeline__marker[b-3eyton88rj] {
    z-index: 1;
    display: grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    border: .28rem solid #f5f9f8;
    border-radius: .8rem;
    color: #fff;
    background: var(--gov-primary);
}

.audit-timeline article[b-3eyton88rj] {
    overflow: hidden;
    border: 1px solid var(--gov-line);
    border-radius: .9rem;
    background: #fff;
}

.audit-summary[b-3eyton88rj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 1rem;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: .8rem 1rem;
    border: 0;
    color: inherit;
    text-align: right;
    background: transparent;
}

.audit-summary > span:first-child[b-3eyton88rj],
.audit-summary__meta[b-3eyton88rj] {
    display: grid;
    gap: .2rem;
}

.audit-summary strong[b-3eyton88rj] {
    color: var(--gov-ink);
    font-size: .86rem;
}

.audit-summary small[b-3eyton88rj],
.audit-summary time[b-3eyton88rj] {
    color: var(--gov-muted);
    font-size: .7rem;
}

.audit-summary__meta[b-3eyton88rj] {
    min-width: 12rem;
    text-align: left;
}

.audit-summary__chevron[b-3eyton88rj] {
    color: #8aa0a4;
    transition: transform .2s ease;
}

.audit-timeline li.is-expanded .audit-summary__chevron[b-3eyton88rj] {
    transform: rotate(180deg);
}

.audit-details[b-3eyton88rj] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) minmax(20rem, 1.5fr);
    gap: .7rem;
    padding: .8rem;
    border-top: 1px dashed var(--gov-line);
    background: #fafcfc;
}

.audit-details__copy[b-3eyton88rj] {
    display: flex;
    gap: .6rem;
    padding: .75rem;
    border: 1px solid var(--gov-line);
    border-radius: .75rem;
    background: #fff;
}

.audit-details__copy > span[b-3eyton88rj] {
    display: grid;
    place-items: center;
    flex: 0 0 2.35rem;
    height: 2.35rem;
    border-radius: .7rem;
    color: var(--gov-secondary);
    background: rgba(184, 137, 53, .1);
}

.audit-details__copy strong[b-3eyton88rj] {
    font-size: .72rem;
}

.audit-details__copy p[b-3eyton88rj] {
    margin: .25rem 0 0;
    color: var(--gov-muted);
    font-size: .72rem;
    line-height: 1.55;
}

.audit-details dl[b-3eyton88rj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    margin: 0;
}

.audit-details dl div[b-3eyton88rj] {
    padding: .55rem .65rem;
    border: 1px solid var(--gov-line);
    border-radius: .65rem;
    background: #fff;
}

.audit-details dt[b-3eyton88rj] {
    color: var(--gov-muted);
    font-size: .62rem;
}

.audit-details dd[b-3eyton88rj] {
    margin: .15rem 0 0;
    color: var(--gov-ink);
    font-size: .72rem;
    font-weight: 800;
}

.notification-list[b-3eyton88rj] {
    display: grid;
    gap: .6rem;
    padding: 1.2rem 1.4rem 1.4rem;
}

.notification-item[b-3eyton88rj] {
    position: relative;
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: .8rem;
    padding: .85rem;
    border: 1px solid var(--gov-line);
    border-radius: .95rem;
    background: #fff;
}

.notification-item.is-unread[b-3eyton88rj] {
    border-color: rgba(20, 95, 101, .25);
    background: linear-gradient(90deg, rgba(20, 95, 101, .04), #fff 38%);
}

.notification-item.is-unread[b-3eyton88rj]::after {
    content: "";
    position: absolute;
    inset-block: .75rem;
    inset-inline-start: 0;
    width: .22rem;
    border-radius: 99rem;
    background: var(--gov-primary);
}

.notification-item__icon[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .08);
}

.notification-item__body[b-3eyton88rj] {
    display: grid;
    gap: .38rem;
    min-width: 0;
}

.notification-item__body header[b-3eyton88rj],
.notification-item__body footer[b-3eyton88rj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.notification-item__body header strong[b-3eyton88rj] {
    color: var(--gov-ink);
    font-size: .84rem;
}

.notification-item__body header span[b-3eyton88rj] {
    flex: 0 0 auto;
    padding: .2rem .5rem;
    border-radius: 99rem;
    color: #788d90;
    background: #eef3f3;
    font-size: .64rem;
    font-weight: 800;
}

.notification-item__body header span.is-unread[b-3eyton88rj] {
    color: var(--gov-success);
    background: rgba(19, 134, 111, .1);
}

.notification-item__body p[b-3eyton88rj] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .75rem;
    line-height: 1.6;
}

.notification-item__body time[b-3eyton88rj] {
    color: #83979a;
    font-size: .68rem;
}

.notification-item__body a[b-3eyton88rj] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--gov-primary);
    font-size: .7rem;
    font-weight: 800;
    text-decoration: none;
}

.governance-permission-note[b-3eyton88rj],
.panel-empty[b-3eyton88rj],
.panel-error[b-3eyton88rj],
.panel-loading[b-3eyton88rj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    min-height: 11rem;
    margin: 1.4rem;
    padding: 1.2rem;
    border: 1px dashed rgba(18, 60, 67, .2);
    border-radius: 1rem;
    color: var(--gov-muted);
    background: rgba(244, 249, 248, .55);
    text-align: center;
}

.governance-permission-note i[b-3eyton88rj],
.panel-empty > span[b-3eyton88rj] {
    display: grid;
    place-items: center;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .08);
    font-size: 1rem;
}

.governance-permission-note strong[b-3eyton88rj],
.panel-empty strong[b-3eyton88rj] {
    display: block;
    color: var(--gov-ink);
}

.governance-permission-note p[b-3eyton88rj],
.panel-empty p[b-3eyton88rj] {
    margin: .25rem 0 0;
    font-size: .78rem;
}

.panel-error[b-3eyton88rj] {
    min-height: auto;
    border-style: solid;
    border-color: rgba(189, 67, 84, .25);
    color: var(--gov-danger);
    background: rgba(189, 67, 84, .055);
}

.panel-error button[b-3eyton88rj] {
    min-height: 2.4rem;
    padding: .45rem .8rem;
    border: 1px solid rgba(189, 67, 84, .25);
    border-radius: .65rem;
    color: var(--gov-danger);
    background: #fff;
    font-weight: 800;
}

.panel-loading[b-3eyton88rj] {
    min-height: 14rem;
    color: var(--gov-primary);
    font-weight: 800;
}

.result-limit-note[b-3eyton88rj] {
    margin: -.5rem 1.4rem 1.25rem;
    color: var(--gov-muted);
    font-size: .7rem;
    text-align: center;
}

.governance-message[b-3eyton88rj] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(19, 134, 111, .2);
    border-radius: .85rem;
    color: #0f765f;
    background: #effaf6;
}

.governance-message.is-error[b-3eyton88rj] {
    border-color: rgba(189, 67, 84, .22);
    color: var(--gov-danger);
    background: #fff3f5;
}

.governance-message span[b-3eyton88rj] {
    flex: 1;
    font-weight: 700;
}

.governance-message button[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: .55rem;
    color: inherit;
    background: rgba(255, 255, 255, .6);
}

.governance-loading[b-3eyton88rj] {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    align-items: center;
    gap: .9rem;
    min-height: 13rem;
    padding: 2rem;
    border: 1px solid var(--gov-line);
    border-radius: 1.4rem;
    background: #fff;
}

.governance-loading__mark[b-3eyton88rj] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    color: #fff;
    background: var(--gov-primary);
}

.governance-loading div[b-3eyton88rj] {
    display: grid;
    gap: .2rem;
}

.governance-loading strong[b-3eyton88rj] {
    color: var(--gov-ink);
}

.governance-loading div span[b-3eyton88rj] {
    color: var(--gov-muted);
    font-size: .78rem;
}

.governance-loading__line[b-3eyton88rj] {
    grid-column: 1 / -1;
    overflow: hidden;
    height: .22rem;
    border-radius: 99rem;
    background: #e7efee;
}

.governance-loading__line[b-3eyton88rj]::after {
    content: "";
    display: block;
    width: 38%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--gov-primary), var(--gov-secondary));
    animation: governance-loading-b-3eyton88rj 1.15s ease-in-out infinite alternate;
}

@keyframes governance-loading-b-3eyton88rj {
    from { transform: translateX(0); }
    to { transform: translateX(-160%); }
}

@media (max-width: 1100px) {
    .governance-command[b-3eyton88rj] {
        grid-template-columns: 1fr;
    }

    .access-layout[b-3eyton88rj] {
        grid-template-columns: 1fr;
    }

    .access-editor[b-3eyton88rj] {
        border-inline-end: 0;
        border-bottom: 1px solid var(--gov-line);
    }

    .audit-filter-bar[b-3eyton88rj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .scope-grid[b-3eyton88rj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .capability-details-backdrop[b-3eyton88rj] {
        place-items: end center;
        padding: .5rem;
    }

    .capability-details-dialog[b-3eyton88rj] {
        max-height: calc(100vh - 1rem);
        border-radius: 1rem;
    }

    .capability-details-dialog__notes[b-3eyton88rj] {
        grid-template-columns: 1fr;
    }

    .capability-details-dialog > footer[b-3eyton88rj] {
        align-items: stretch;
        flex-direction: column;
    }

    .capability-details-dialog > footer button[b-3eyton88rj] {
        width: 100%;
    }

    .governance-workspace[b-3eyton88rj] {
        gap: .85rem;
    }

    .governance-command[b-3eyton88rj] {
        padding: 1.2rem;
        border-radius: 1.2rem;
    }

    .governance-command__metrics[b-3eyton88rj] {
        grid-template-columns: 1fr;
    }

    .governance-command__metrics article[b-3eyton88rj] {
        grid-template-columns: 1.8rem minmax(0, 1fr);
        align-items: center;
        min-height: auto;
    }

    .governance-tabs[b-3eyton88rj] {
        grid-template-columns: 1fr;
    }

    .governance-tabs button[b-3eyton88rj] {
        min-height: 3.9rem;
    }

    .governance-panel__header[b-3eyton88rj] {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 1.1rem;
    }

    .panel-stat[b-3eyton88rj] {
        min-width: 45%;
        border-inline-start: 0;
        border-top: 1px solid var(--gov-line);
    }

    .access-editor[b-3eyton88rj],
    .capability-editor[b-3eyton88rj],
    .scope-directory[b-3eyton88rj] {
        padding: 1rem;
    }

    .capability-grid[b-3eyton88rj],
    .audit-filter-bar[b-3eyton88rj],
    .notification-filter-bar[b-3eyton88rj] {
        grid-template-columns: 1fr;
    }

    .capability-actions[b-3eyton88rj] {
        width: 100%;
        margin-top: .5rem;
    }

    .section-heading[b-3eyton88rj] {
        flex-wrap: wrap;
    }

    .scope-directory > header[b-3eyton88rj] {
        align-items: stretch;
        flex-direction: column;
    }

    .scope-directory > header .governance-search[b-3eyton88rj] {
        width: 100%;
    }

    .scope-row[b-3eyton88rj] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .scope-pills[b-3eyton88rj] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .filter-bar[b-3eyton88rj] {
        padding: .9rem 1rem;
    }

    .audit-timeline[b-3eyton88rj],
    .notification-list[b-3eyton88rj] {
        padding: .85rem 1rem 1rem;
    }

    .audit-summary[b-3eyton88rj] {
        grid-template-columns: minmax(0, 1fr) 1rem;
    }

    .audit-summary__meta[b-3eyton88rj] {
        grid-column: 1 / -1;
        grid-row: 2;
        min-width: 0;
        text-align: right;
    }

    .audit-details[b-3eyton88rj] {
        grid-template-columns: 1fr;
    }

    .notification-item__body header[b-3eyton88rj],
    .notification-item__body footer[b-3eyton88rj] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .governance-loading__line[b-3eyton88rj]::after {
        animation: none;
    }

    .governance-tabs button[b-3eyton88rj],
    .capability-card[b-3eyton88rj],
    .access-autocomplete__option[b-3eyton88rj],
    .roles-list-link[b-3eyton88rj],
    .audit-summary__chevron[b-3eyton88rj] {
        transition: none;
    }

    .access-autocomplete__menu[b-3eyton88rj] {
        animation: none;
    }
}

.selected-branch-list[b-3eyton88rj] { max-height:360px; overflow:auto; margin-block-start:12px; display:grid; gap:10px; }
.selected-branch-item[b-3eyton88rj] { display:flex; flex-direction:column; align-items:flex-start; gap:8px; border:1px solid #d8e5e5; border-radius:10px; padding:12px; }
.selected-branch-item small[b-3eyton88rj] { line-height:1.8; }

/* Cards group related permissions; rows remain readable at narrow content widths. */
.permission-groups-grid[b-3eyton88rj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.capability-editor[b-3eyton88rj] { container-type:inline-size; }
@container (max-width:700px) { .permission-groups-grid[b-3eyton88rj] { grid-template-columns:1fr; } }
@media(max-width:767px) { .permission-groups-grid[b-3eyton88rj] { grid-template-columns:1fr; } }

.access-layout[b-3eyton88rj] { grid-template-columns:minmax(0,1fr); }
.access-editor[b-3eyton88rj] { border-inline-end:0; border-bottom:1px solid var(--gov-line); }
/* _content/Starterkit/Observatory/Home.razor.rz.scp.css */
*[b-hrfdwi7x8f] {
    --obs-ink: #0c2528;
    --obs-ink-soft: #17383b;
    --obs-paper: #f4f7f6;
    --obs-line: rgba(18, 54, 57, .12);
    --obs-gold: #bd9651;
    --obs-gold-soft: #ead7ad;
    --obs-shadow: 0 24px 58px rgba(7, 37, 40, .09);
    --obs-ease: cubic-bezier(.2, .8, .2, 1);
}

.obs-home-loading[b-hrfdwi7x8f] {
    position: relative;
    display: grid;
    min-height: 360px;
    place-items: center;
    align-content: center;
    gap: 18px;
    overflow: hidden;
    border: 1px solid var(--obs-line);
    border-radius: 28px;
    color: #5e7476;
    background:
        linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)),
        repeating-linear-gradient(90deg, transparent 0 31px, rgba(9, 47, 50, .05) 32px);
    font-weight: 800;
}

.obs-home-loading[b-hrfdwi7x8f]::before {
    content: "";
    width: 72px;
    height: 72px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, transparent);
    border-radius: 24px;
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

.obs-home-loading .spinner-border[b-hrfdwi7x8f] {
    position: absolute;
    top: calc(50% - 52px);
    width: 1.8rem;
    height: 1.8rem;
    color: var(--obs-primary);
}

.obs-home-message[b-hrfdwi7x8f] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid rgba(172, 50, 70, .2);
    border-right: 4px solid #ad3850;
    border-radius: 18px;
    color: #81283a;
    background: linear-gradient(110deg, #fff, #fff3f5);
    box-shadow: 0 16px 34px rgba(116, 35, 51, .07);
}

.obs-home-message > i[b-hrfdwi7x8f] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    background: #ffe7ec;
    font-size: 1.25rem;
}

.obs-home-message p[b-hrfdwi7x8f] {
    margin: 4px 0 0;
}

.obs-home-message .btn[b-hrfdwi7x8f] {
    min-height: 42px;
    border-radius: 12px;
    font-weight: 900;
}

@media(max-width:600px){.obs-home-message[b-hrfdwi7x8f]{grid-template-columns:minmax(0,1fr);gap:.5rem}.obs-home-loading[b-hrfdwi7x8f]{min-height:180px}}
/* _content/Starterkit/Observatory/Organizations.razor.rz.scp.css */
.obs-loading[b-hvj8x9oak1] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #496467;
    font-weight: 850;
}

.obs-page-message[b-hvj8x9oak1] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 17px;
    overflow: hidden;
    border: 1px solid;
    border-radius: 16px;
    font-size: .84rem;
    font-weight: 850;
    box-shadow: 0 12px 30px rgba(13, 45, 48, .08);
}

.obs-page-message[b-hvj8x9oak1]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 4px;
    background: currentColor;
    content: "";
}

.obs-page-message.is-success[b-hvj8x9oak1] {
    color: #0d6955;
    border-color: #b7dfd5;
    background: #f1fbf8;
}

.obs-page-message.is-error[b-hvj8x9oak1] {
    color: #96384a;
    border-color: #ecc2ca;
    background: #fff4f6;
}

.obs-page-message__content[b-hvj8x9oak1] {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.obs-page-message__content strong[b-hvj8x9oak1] {
    font-size: .8rem;
}

.obs-page-message__codes[b-hvj8x9oak1] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-page-message__codes li[b-hvj8x9oak1] {
    padding: 5px 9px;
    border: 1px solid currentColor;
    border-radius: 8px;
    direction: ltr;
    background: rgba(255, 255, 255, .68);
    font-family: Consolas, "Courier New", monospace;
    font-size: .78rem;
    font-weight: 900;
}

.obs-page-message button[b-hvj8x9oak1] {
    display: grid;
    width: 32px;
    height: 32px;
    margin-inline-start: auto;
    place-items: center;
    border: 0;
    border-radius: 9px;
    color: inherit;
    background: rgba(255, 255, 255, .65);
}

.obs-tabs[b-hvj8x9oak1] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    margin-bottom: 22px;
    padding: 7px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 44%, #17383b);
    border-radius: 20px;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--obs-secondary) 28%, transparent), transparent 30%),
        linear-gradient(128deg, color-mix(in srgb, var(--obs-primary) 88%, #071c1e), color-mix(in srgb, var(--obs-primary) 72%, #15383b));
    box-shadow: 0 18px 42px color-mix(in srgb, var(--obs-primary) 18%, transparent);
}

.obs-tabs[b-hvj8x9oak1]::after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 10%;
    width: 1px;
    background: linear-gradient(transparent, rgba(255, 255, 255, .18), transparent);
    content: "";
    transform: rotate(18deg);
    pointer-events: none;
}

.obs-tab[b-hvj8x9oak1] {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: rgba(255, 255, 255, .72);
    background: transparent;
    font-size: .78rem;
    font-weight: 850;
    text-align: center;
    transition: color .22s ease, background .22s ease, transform .22s ease, box-shadow .22s ease;
}

.obs-tab:hover[b-hvj8x9oak1],
.obs-tab:focus-visible[b-hvj8x9oak1] {
    color: #fff;
    background: rgba(255, 255, 255, .08);
    outline: none;
}

.obs-tab:focus-visible[b-hvj8x9oak1] {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--obs-secondary) 75%, #fff);
}

.obs-tab__label[b-hvj8x9oak1] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.obs-tab__label i[b-hvj8x9oak1] {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 7px;
    color: color-mix(in srgb, var(--obs-secondary) 72%, #fff);
    background: rgba(255, 255, 255, .08);
    font-size: .64rem;
}

.obs-tab strong[b-hvj8x9oak1] {
    min-width: 34px;
    padding: 2px 8px;
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .11);
    font-size: .82rem;
    line-height: 1.5;
    text-align: center;
}

.obs-tab.is-active[b-hvj8x9oak1] {
    color: #14393c;
    border-color: rgba(255, 255, 255, .8);
    background: linear-gradient(145deg, #fff, #f5f9f8);
    box-shadow: 0 10px 25px rgba(5, 25, 27, .22);
    transform: translateY(-1px);
}

.obs-tab.is-active[b-hvj8x9oak1]::after {
    position: absolute;
    inset-inline: 14px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--obs-secondary);
    content: "";
}

.obs-tab.is-active .obs-tab__label i[b-hvj8x9oak1] {
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
}

.obs-tab.is-active strong[b-hvj8x9oak1] {
    color: #76561e;
    background: color-mix(in srgb, var(--obs-secondary) 18%, #fff);
}

.obs-panel[b-hvj8x9oak1] {
    position: relative;
    padding: clamp(20px, 2.2vw, 32px);
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 26px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 3%, transparent) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(#fff, #fbfdfc);
    box-shadow: 0 20px 55px rgba(16, 55, 58, .09);
}

.obs-panel[b-hvj8x9oak1]::before {
    position: absolute;
    top: 0;
    inset-inline-start: clamp(20px, 2.2vw, 32px);
    width: 94px;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, var(--obs-secondary), color-mix(in srgb, var(--obs-secondary) 18%, transparent));
    content: "";
}

.obs-panel__header[b-hvj8x9oak1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5ecea;
}

.obs-panel__title[b-hvj8x9oak1] {
    margin: 0;
    color: #14373a;
    font-size: clamp(1.1rem, 1.4vw, 1.35rem);
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-panel__subtitle[b-hvj8x9oak1] {
    max-width: 760px;
    margin: 7px 0 0;
    color: #6c8082;
    font-size: .8rem;
    line-height: 1.85;
}

.obs-readiness[b-hvj8x9oak1],
.readonly-chip[b-hvj8x9oak1] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 38%, #e7dcc5);
    border-radius: 10px;
    color: #73531a;
    background: linear-gradient(145deg, color-mix(in srgb, var(--obs-secondary) 16%, #fff), #fff);
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
}

.official-template-editor[b-hvj8x9oak1] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(225px, .58fr) minmax(0, 1.75fr);
    gap: 0 24px;
    margin: 26px 0 30px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #d7e3e1;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(22, 57, 60, .07);
}

.official-template-editor__intro[b-hvj8x9oak1] {
    position: relative;
    grid-row: 1 / 4;
    display: flex;
    min-height: 100%;
    align-items: flex-start;
    gap: 14px;
    padding: 27px 22px;
    overflow: hidden;
    color: #fff;
    background:
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 14px),
        radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--obs-secondary) 32%, transparent), transparent 34%),
        linear-gradient(150deg, color-mix(in srgb, var(--obs-primary) 86%, #071d1f), color-mix(in srgb, var(--obs-primary) 68%, #122f32));
}

.official-template-editor__intro[b-hvj8x9oak1]::after {
    position: absolute;
    inset-inline: 22px;
    bottom: 22px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
    content: "";
}

.official-template-editor__intro > span[b-hvj8x9oak1] {
    display: grid;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 13px;
    color: #fff;
    background: color-mix(in srgb, var(--obs-secondary) 72%, transparent);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .18);
}

.official-template-editor__intro strong[b-hvj8x9oak1] {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: .92rem;
    font-weight: 950;
}

.official-template-editor__intro p[b-hvj8x9oak1] {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: .74rem;
    line-height: 1.85;
}

.official-template-editor__grid[b-hvj8x9oak1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    padding: 24px 24px 10px;
}

.official-template-editor__grid .is-wide[b-hvj8x9oak1] {
    grid-column: span 2;
}

.obs-field[b-hvj8x9oak1] {
    display: grid;
    align-content: start;
    gap: 7px;
}

.obs-field label[b-hvj8x9oak1] {
    color: #344f52;
    font-size: .76rem;
    font-weight: 850;
}

.obs-field .form-control[b-hvj8x9oak1],
.obs-field .form-select[b-hvj8x9oak1] {
    min-height: 47px;
    border: 1px solid #d7e3e1;
    border-radius: 11px;
    color: #17383b;
    background-color: #fbfdfc;
    font-size: .8rem;
    box-shadow: none;
}

.obs-field .form-control:focus[b-hvj8x9oak1],
.obs-field .form-select:focus[b-hvj8x9oak1] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #b9cfcb);
    background: #fff;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 9%, transparent);
}

.official-template-code-hint[b-hvj8x9oak1] {
    color: #687d80;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.65;
}

.official-template-editor__grid .form-control:disabled[b-hvj8x9oak1] {
    color: var(--obs-primary);
    background: #eef5f3;
    opacity: 1;
    cursor: not-allowed;
}

.official-template-file[b-hvj8x9oak1] {
    display: flex;
    min-height: 60px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 9px 8px 15px;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 42%, #cededb);
    border-radius: 13px;
    background: color-mix(in srgb, var(--obs-primary) 3%, #fff);
    transition: border-color .2s ease, background .2s ease;
}

.official-template-file.has-file[b-hvj8x9oak1] {
    border-style: solid;
    border-color: #83c7b6;
    background: #effaf7;
}

.official-template-file__analysis[b-hvj8x9oak1] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    padding: 9px 11px;
    border: 1px solid rgba(22, 128, 104, .14);
    border-radius: 11px;
    color: #486c6b;
    background: #f0f8f5;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.7;
}

.official-template-file__analysis i[b-hvj8x9oak1] {
    color: #13735f;
}

.official-template-file > div[b-hvj8x9oak1] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    color: #476164;
    font-size: .74rem;
    font-weight: 800;
}

.official-template-file > div i[b-hvj8x9oak1] {
    color: #158266;
    font-size: 1.15rem;
}

.official-template-file > div span[b-hvj8x9oak1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.official-template-file__input[b-hvj8x9oak1] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.official-template-preview[b-hvj8x9oak1] {
    display: flex;
    grid-column: 2;
    align-items: flex-start;
    gap: 12px;
    margin: 10px 24px 0;
    padding: 14px 16px;
    border: 1px solid #cbdedb;
    border-radius: 14px;
    color: #234b4f;
    background: #f5faf9;
}

.official-template-preview__icon[b-hvj8x9oak1] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
}

.official-template-preview strong[b-hvj8x9oak1] {
    display: block;
    color: inherit;
    font-size: .95rem;
    font-weight: 950;
}

.official-template-preview p[b-hvj8x9oak1] {
    margin: 4px 0 0;
    color: #587174;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.75;
}

.official-template-preview.is-new[b-hvj8x9oak1] {
    border-color: #b9ddd3;
    background: #effaf7;
}

.official-template-preview.is-new .official-template-preview__icon[b-hvj8x9oak1],
.official-template-preview.is-same .official-template-preview__icon[b-hvj8x9oak1] {
    background: #158266;
}

.official-template-preview.is-waiting[b-hvj8x9oak1] {
    border-color: #bed9e1;
    background: #f1f8fa;
}

.official-template-preview.is-waiting .official-template-preview__icon[b-hvj8x9oak1] {
    background: #28758a;
}

.official-template-preview.is-version[b-hvj8x9oak1] {
    border-color: #ead3a6;
    background: #fff8e9;
}

.official-template-preview.is-version .official-template-preview__icon[b-hvj8x9oak1] {
    background: #b77918;
}

.official-template-preview.is-error[b-hvj8x9oak1] {
    border-color: #e8b6bc;
    color: #8b2634;
    background: #fff2f3;
}

.official-template-preview.is-error .official-template-preview__icon[b-hvj8x9oak1] {
    background: #b73548;
}

.official-template-preview.is-error p[b-hvj8x9oak1] {
    color: #8b4550;
}

.official-template-editor__actions[b-hvj8x9oak1] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 20px 24px 24px;
}

.official-template-editor__actions .btn[b-hvj8x9oak1],
.template-card .btn[b-hvj8x9oak1] {
    min-height: 44px;
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 900;
}

.template-designer-launch[b-hvj8x9oak1] {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    margin-bottom: 16px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, #dbe6e4);
    border-radius: 15px;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--obs-primary) 6%, #fff),
            #fff 65%);
}

.template-designer-launch__icon[b-hvj8x9oak1] {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), #173d45);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.template-designer-launch strong[b-hvj8x9oak1] {
    color: #18383b;
    font-size: .86rem;
    font-weight: 900;
}

.template-designer-launch p[b-hvj8x9oak1] {
    margin: 3px 0 0;
    color: #6d7f81;
    font-size: .72rem;
    line-height: 1.7;
}

.template-publication-filter[b-hvj8x9oak1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 17px;
    padding: 10px;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #f8fbfa;
}

.template-publication-filter__label[b-hvj8x9oak1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-inline-end: 3px;
    color: #38585b;
    font-size: .78rem;
    font-weight: 900;
}

.template-publication-filter__button[b-hvj8x9oak1] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #d7e2e0;
    border-radius: 10px;
    color: #5f7476;
    background: #fff;
    font-size: .73rem;
    font-weight: 850;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.template-publication-filter__button strong[b-hvj8x9oak1] {
    display: grid;
    min-width: 25px;
    height: 25px;
    padding: 0 6px;
    place-items: center;
    border-radius: 8px;
    color: inherit;
    background: #edf3f2;
    font-size: .69rem;
}

.template-publication-filter__button:hover[b-hvj8x9oak1],
.template-publication-filter__button:focus[b-hvj8x9oak1],
.template-publication-filter__button.is-active[b-hvj8x9oak1] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
    outline: none;
}

.template-publication-filter__button.is-active strong[b-hvj8x9oak1],
.template-publication-filter__button:hover strong[b-hvj8x9oak1],
.template-publication-filter__button:focus strong[b-hvj8x9oak1] {
    background: rgba(255, 255, 255, .18);
}

.template-filter-empty[b-hvj8x9oak1] {
    min-height: 220px;
}

.template-grid[b-hvj8x9oak1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.template-card[b-hvj8x9oak1] {
    position: relative;
    display: flex;
    min-height: 330px;
    padding: 21px;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid #dce7e5;
    border-radius: 19px;
    background: linear-gradient(150deg, rgba(255, 255, 255, .99), rgba(246, 250, 249, .96));
    box-shadow: 0 9px 24px rgba(19, 54, 57, .045);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.template-card.has-published-dashboards[b-hvj8x9oak1] {
    border-color: #a9dbc8;
    background: linear-gradient(150deg, #fff, #effaf5 96%);
}

.template-card.without-published-dashboards[b-hvj8x9oak1] {
    border-color: #cad9e7;
    background: linear-gradient(150deg, #fff, #f1f6fb 96%);
}

.template-card[b-hvj8x9oak1]::before {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 5px;
    height: 72px;
    border-radius: 0 0 5px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.template-card.has-published-dashboards[b-hvj8x9oak1]::before {
    background: linear-gradient(#1ca879, #0b7155);
}

.template-card.without-published-dashboards[b-hvj8x9oak1]::before {
    background: linear-gradient(#7995b2, #526b84);
}

.template-card:hover[b-hvj8x9oak1] {
    border-color: color-mix(in srgb, var(--obs-primary) 31%, #dce7e5);
    box-shadow: 0 20px 40px rgba(16, 52, 55, .1);
    transform: translateY(-4px);
}

.template-card__top[b-hvj8x9oak1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.template-card__meta[b-hvj8x9oak1] {
    display: grid;
    justify-items: end;
    gap: 6px;
}

.template-card__publication[b-hvj8x9oak1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid;
    border-radius: 9px;
    font-size: .66rem;
    font-weight: 900;
}

.template-card__publication.is-published[b-hvj8x9oak1] {
    border-color: #9bd5bf;
    color: #0b7155;
    background: #e8f8f1;
}

.template-card__publication.is-unpublished[b-hvj8x9oak1] {
    border-color: #c4d3e1;
    color: #526b84;
    background: #edf3f8;
}

.template-card__icon[b-hvj8x9oak1] {
    display: grid;
    width: 47px;
    height: 47px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #e0e9e7);
    border-radius: 13px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
    font-size: 1.08rem;
}

.template-card__version[b-hvj8x9oak1] {
    padding: 5px 9px;
    border: 1px solid #e3e9e7;
    border-radius: 8px;
    color: #6b7c7e;
    background: #f7f9f9;
    font-size: .67rem;
    font-weight: 900;
}

.template-card h3[b-hvj8x9oak1] {
    margin: 20px 0 7px;
    color: #143639;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.55;
}

.template-card__organization[b-hvj8x9oak1] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    color: var(--obs-primary);
    font-size: .71rem;
    font-weight: 900;
}

.template-card > p[b-hvj8x9oak1] {
    min-height: 49px;
    margin: 0 0 15px;
    color: #6f8183;
    font-size: .75rem;
    line-height: 1.8;
}

.template-card dl[b-hvj8x9oak1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin: 0 0 17px;
}

.template-card dl div[b-hvj8x9oak1] {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid #e9efed;
    border-radius: 10px;
    background: #f8faf9;
}

.template-card dl div:last-child:nth-child(odd)[b-hvj8x9oak1] {
    grid-column: 1 / -1;
}

.template-card dt[b-hvj8x9oak1],
.template-card dd[b-hvj8x9oak1] {
    margin: 0;
}

.template-card dt[b-hvj8x9oak1] {
    color: #819092;
    font-size: .65rem;
    font-weight: 750;
}

.template-card dd[b-hvj8x9oak1] {
    margin-top: 3px;
    overflow: hidden;
    color: #294649;
    font-size: .73rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-card__fingerprint[b-hvj8x9oak1] {
    direction: ltr;
    font-family: Consolas, "Courier New", monospace;
    letter-spacing: .04em;
}

.template-card__actions[b-hvj8x9oak1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: auto;
}

.template-card__actions .btn[b-hvj8x9oak1] {
    width: 100%;
    min-width: 0;
}

.template-card__actions .btn:only-child[b-hvj8x9oak1] {
    grid-column: 1 / -1;
}

.template-card__actions .btn-template-delete[b-hvj8x9oak1] {
    grid-column: 1 / -1;
    border: 1px solid #e6aeba;
    color: #a62f47;
    background: #fff4f6;
}

.template-card__actions .btn-template-delete:hover[b-hvj8x9oak1],
.template-card__actions .btn-template-delete:focus[b-hvj8x9oak1] {
    color: #fff;
    border-color: #b73551;
    background: #b73551;
}

[b-hvj8x9oak1] .dictionary-layout {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(380px, 1.14fr);
    gap: 18px;
    align-items: start;
}

[b-hvj8x9oak1] .dictionary-layout > .obs-panel {
    min-height: 100%;
}

[b-hvj8x9oak1] .dictionary-form {
    border-top: 4px solid var(--obs-primary);
}

[b-hvj8x9oak1] .dictionary-list {
    border-top: 4px solid var(--obs-secondary);
}

[b-hvj8x9oak1] .dictionary-layout .obs-panel__header {
    margin-bottom: 18px;
}

[b-hvj8x9oak1] .dictionary-layout .obs-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

[b-hvj8x9oak1] .dictionary-layout .obs-field.is-wide,
[b-hvj8x9oak1] .dictionary-layout .obs-field.is-full {
    grid-column: 1 / -1;
}

[b-hvj8x9oak1] .permission-hint {
    padding: 14px 16px;
    border: 1px solid #e6d4b2;
    border-radius: 12px;
    color: #725623;
    background: linear-gradient(135deg, #fff9ec, #fff);
    font-size: .77rem;
    line-height: 1.8;
}

[b-hvj8x9oak1] .obs-field label span {
    color: #b43c4e;
}

[b-hvj8x9oak1] .obs-field textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

[b-hvj8x9oak1] .obs-field-error {
    display: block;
    margin-top: 6px;
    color: #ab3449;
    font-size: .7rem;
    font-weight: 850;
}

[b-hvj8x9oak1] .switch-row {
    display: flex !important;
    min-height: 68px;
    align-items: center;
    gap: 12px;
    margin: 0 !important;
    padding: 12px 14px;
    border: 1px solid #dbe7e5;
    border-radius: 13px;
    background: linear-gradient(135deg, #f7fbfa, #fff);
    cursor: pointer;
}

[b-hvj8x9oak1] .switch-row input {
    width: 19px;
    height: 19px;
    accent-color: var(--obs-primary);
}

[b-hvj8x9oak1] .switch-row strong,
[b-hvj8x9oak1] .switch-row small {
    display: block;
}

[b-hvj8x9oak1] .switch-row small {
    margin-top: 4px;
    color: #708284;
    font-size: .68rem;
    font-weight: 650;
}

[b-hvj8x9oak1] .form-actions {
    display: flex;
    gap: 9px;
    margin-top: 24px;
}

[b-hvj8x9oak1] .form-actions .btn {
    min-width: 132px;
    min-height: 45px;
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 900;
}

[b-hvj8x9oak1] .obs-empty.compact {
    min-height: 190px;
}

[b-hvj8x9oak1] .dictionary-layout.is-organizations {
    grid-template-columns: 1fr;
}

@media (prefers-reduced-motion: reduce) {
    .obs-tab[b-hvj8x9oak1],
    .template-card[b-hvj8x9oak1],
    [b-hvj8x9oak1] .dictionary-item {
        transition: none;
    }
}

[b-hvj8x9oak1] .dictionary-items {
    display: grid;
    gap: 8px;
    max-height: 650px;
    overflow: auto;
    padding-inline-end: 4px;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 35%, #d8e4e1) transparent;
}

[b-hvj8x9oak1] .dictionary-item {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 11px;
    padding: 11px;
    overflow: hidden;
    border: 1px solid #e1eae8;
    border-radius: 12px;
    background: #fff;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

[b-hvj8x9oak1] .dictionary-item::before {
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: color-mix(in srgb, var(--obs-secondary) 75%, var(--obs-primary));
    content: "";
}

[b-hvj8x9oak1] .dictionary-item:hover {
    border-color: color-mix(in srgb, var(--obs-primary) 30%, #e1eae8);
    box-shadow: 0 9px 22px rgba(21, 57, 60, .07);
    transform: translateX(-2px);
}

[b-hvj8x9oak1] .dictionary-item__icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
}

[b-hvj8x9oak1] .dictionary-item strong,
[b-hvj8x9oak1] .dictionary-item code {
    display: block;
}

[b-hvj8x9oak1] .dictionary-item strong {
    overflow: hidden;
    color: #243f42;
    font-size: .79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-hvj8x9oak1] .dictionary-item code {
    margin-top: 4px;
    color: #829092;
    font-size: .65rem;
}

[b-hvj8x9oak1] .dictionary-item button {
    display: grid;
    width: 35px;
    height: 35px;
    place-items: center;
    border: 1px solid #e0e9e7;
    border-radius: 9px;
    color: var(--obs-primary);
    background: #f8fbfa;
    transition: color .2s ease, background .2s ease;
}

[b-hvj8x9oak1] .dictionary-item button:hover,
[b-hvj8x9oak1] .dictionary-item button:focus-visible {
    color: #fff;
    background: var(--obs-primary);
    outline: none;
}

@media (max-width: 1199.98px) {
    .obs-tabs[b-hvj8x9oak1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .template-grid[b-hvj8x9oak1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .official-template-editor[b-hvj8x9oak1] {
        grid-template-columns: 1fr;
    }

    .official-template-editor__intro[b-hvj8x9oak1] {
        grid-row: auto;
        min-height: 150px;
    }

    .official-template-preview[b-hvj8x9oak1] {
        grid-column: auto;
    }

    [b-hvj8x9oak1] .dictionary-layout {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 767.98px) {
    .obs-tabs[b-hvj8x9oak1] {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .obs-tab[b-hvj8x9oak1] {
        min-width: 190px;
        scroll-snap-align: start;
    }

    .obs-panel[b-hvj8x9oak1] {
        padding: 18px;
        border-radius: 20px;
    }

    .obs-panel__header[b-hvj8x9oak1] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-readiness[b-hvj8x9oak1] {
        width: fit-content;
    }

    .official-template-editor__grid[b-hvj8x9oak1] {
        grid-template-columns: 1fr;
        padding: 18px 18px 8px;
    }

    .official-template-editor__grid .is-wide[b-hvj8x9oak1] {
        grid-column: auto;
    }

    .official-template-editor__actions[b-hvj8x9oak1] {
        padding: 20px 18px 18px;
    }

    .official-template-preview[b-hvj8x9oak1] {
        margin: 10px 18px 0;
    }

    .template-grid[b-hvj8x9oak1] {
        grid-template-columns: 1fr;
    }

    [b-hvj8x9oak1] .dictionary-layout .obs-form-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 479.98px) {
    .official-template-file[b-hvj8x9oak1],
    .official-template-editor__actions[b-hvj8x9oak1] {
        align-items: stretch;
        flex-direction: column;
    }

    .official-template-editor__actions .btn[b-hvj8x9oak1],
    [b-hvj8x9oak1] .form-actions .btn {
        width: 100%;
    }

    [b-hvj8x9oak1] .form-actions {
        flex-direction: column;
    }

}
/* _content/Starterkit/Observatory/SharedDashboard.razor.rz.scp.css */
.shared-dashboard-root[b-e5aozvlwxk] {
    --share-primary: #0b4f52;
    --share-secondary: #b48a45;
    width: 100%;
    min-height: 100vh;
    padding: clamp(14px, 2.5vw, 34px);
    color: #243f42;
    background: transparent;
    font-family: Cairo, Tajawal, sans-serif;
}

.shared-dashboard-state[b-e5aozvlwxk] {
    display: grid;
    width: min(100%, 760px);
    min-height: min(620px, calc(100vh - 68px));
    margin: 0 auto;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding: clamp(28px, 6vw, 70px);
    border: 1px solid rgba(198, 215, 212, .85);
    border-radius: 28px;
    text-align: center;
    background: rgba(255, 255, 255, .92);
    box-shadow: none;
}

.shared-dashboard-state__mark[b-e5aozvlwxk] {
    display: grid;
    width: 78px;
    height: 78px;
    margin-bottom: 8px;
    place-items: center;
    border-radius: 24px;
    color: #fff;
    background: var(--share-primary);
    box-shadow: 0 18px 38px rgba(11, 79, 82, .24);
    font-size: 1.55rem;
}

.shared-dashboard-state__mark.is-loading i[b-e5aozvlwxk] {
    animation: shared-pulse-b-e5aozvlwxk 1.6s ease-in-out infinite;
}

.shared-dashboard-state__mark.is-invalid[b-e5aozvlwxk] {
    background: linear-gradient(145deg, #743f48, #a25761);
    box-shadow: 0 18px 38px rgba(132, 61, 72, .2);
}

.shared-dashboard-state__eyebrow[b-e5aozvlwxk] {
    color: var(--share-secondary);
    font-size: .67rem;
    font-weight: 950;
}

.shared-dashboard-state h1[b-e5aozvlwxk],
.shared-dashboard-state p[b-e5aozvlwxk] {
    margin: 0;
}

.shared-dashboard-state h1[b-e5aozvlwxk] {
    color: #21484b;
    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 950;
}

.shared-dashboard-state p[b-e5aozvlwxk] {
    max-width: 520px;
    color: #748789;
    font-size: .78rem;
    line-height: 1.85;
}

.shared-dashboard-state__skeleton[b-e5aozvlwxk] {
    display: grid;
    width: min(100%, 500px);
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 20px;
}

.shared-dashboard-state__skeleton span[b-e5aozvlwxk] {
    height: 82px;
    border-radius: 14px;
    background: linear-gradient(100deg, #edf3f2 20%, #f9fbfa 42%, #edf3f2 64%) 0 0 / 220% 100%;
    animation: shared-shimmer-b-e5aozvlwxk 1.35s linear infinite;
}

.shared-dashboard-toolbar[b-e5aozvlwxk] {
    display: flex;
    width: min(100%, 1600px);
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 auto 14px;
    padding: 11px 14px;
    border: 1px solid rgba(198, 216, 213, .9);
    border-radius: 18px;
    background: rgba(255, 255, 255, .9);
    box-shadow: none;
    backdrop-filter: blur(14px);
}

.shared-dashboard-toolbar__brand[b-e5aozvlwxk],
.shared-dashboard-toolbar__meta[b-e5aozvlwxk],
.shared-dashboard-toolbar__meta > span[b-e5aozvlwxk],
.shared-dashboard-toolbar__meta > button[b-e5aozvlwxk] {
    display: flex;
    align-items: center;
}

.shared-dashboard-toolbar__brand[b-e5aozvlwxk] {
    min-width: 0;
    gap: 10px;
}

.shared-dashboard-toolbar__brand > span[b-e5aozvlwxk] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: var(--share-primary);
}

.shared-dashboard-toolbar__brand strong[b-e5aozvlwxk],
.shared-dashboard-toolbar__brand small[b-e5aozvlwxk] {
    display: block;
}

.shared-dashboard-toolbar__brand strong[b-e5aozvlwxk] {
    color: #29494c;
    font-size: .76rem;
    font-weight: 950;
}

.shared-dashboard-toolbar__brand small[b-e5aozvlwxk] {
    margin-top: 2px;
    color: #7e8f91;
    font-size: .59rem;
}

.shared-dashboard-toolbar__meta[b-e5aozvlwxk] {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.shared-dashboard-toolbar__meta > span[b-e5aozvlwxk],
.shared-dashboard-toolbar__meta > button[b-e5aozvlwxk] {
    min-height: 42px;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 11px;
    font-size: .64rem;
    font-weight: 900;
}

.shared-dashboard-toolbar__meta > span[b-e5aozvlwxk] {
    color: #5f7679;
    background: #f1f6f5;
}

.shared-dashboard-toolbar__meta > button[b-e5aozvlwxk] {
    border: 1px solid var(--share-primary);
    color: #fff;
    background: var(--share-primary);
}

.shared-dashboard-toolbar__meta > button:hover[b-e5aozvlwxk],
.shared-dashboard-toolbar__meta > button:focus-visible[b-e5aozvlwxk] {
    background: color-mix(in srgb, var(--share-primary) 86%, #000);
}

.shared-dashboard-toolbar__meta > button:focus-visible[b-e5aozvlwxk] {
    outline: 3px solid color-mix(in srgb, var(--share-secondary) 44%, transparent);
    outline-offset: 2px;
}

.shared-dashboard-message[b-e5aozvlwxk] {
    width: min(100%, 1600px);
    margin: 0 auto 12px;
    padding: 10px 13px;
    border: 1px solid #ead3b1;
    border-radius: 12px;
    color: #765825;
    background: #fffaf1;
    font-size: .68rem;
    font-weight: 850;
}

.shared-dashboard-snapshot[b-e5aozvlwxk] {
    width: min(100%, 1600px);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #cfddda;
    border-radius: 26px;
    background: #f6f9f8;
    box-shadow: 0 28px 72px rgba(18, 55, 58, .12);
}

.shared-dashboard-hero[b-e5aozvlwxk] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    padding: clamp(26px, 5vw, 58px);
    color: #fff;
    background:
        radial-gradient(circle at 8% 12%, rgba(180, 138, 69, .28), transparent 26%),
        linear-gradient(135deg, #0b4f52, #14383c 76%);
}

.shared-dashboard-hero[b-e5aozvlwxk]::after {
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image:
        linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px);
    background-size: 34px 34px;
    content: "";
    pointer-events: none;
}

.shared-dashboard-hero > *[b-e5aozvlwxk] {
    position: relative;
    z-index: 1;
}

.shared-dashboard-hero__eyebrow[b-e5aozvlwxk] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: color-mix(in srgb, var(--share-secondary) 78%, #fff);
    font-size: .66rem;
    font-weight: 950;
}

.shared-dashboard-hero h1[b-e5aozvlwxk],
.shared-dashboard-hero p[b-e5aozvlwxk] {
    margin: 0;
}

.shared-dashboard-hero h1[b-e5aozvlwxk] {
    margin-top: 9px;
    font-size: clamp(1.65rem, 4.5vw, 3.1rem);
    font-weight: 950;
    letter-spacing: -.035em;
    line-height: 1.25;
}

.shared-dashboard-hero p[b-e5aozvlwxk] {
    max-width: 780px;
    margin-top: 10px;
    color: rgba(238, 247, 246, .75);
    font-size: .78rem;
    line-height: 1.9;
}

.shared-dashboard-hero__meta[b-e5aozvlwxk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 20px;
}

.shared-dashboard-hero__meta span[b-e5aozvlwxk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(240, 248, 247, .72);
    font-size: .62rem;
    font-weight: 850;
}

.shared-dashboard-hero__seal[b-e5aozvlwxk] {
    display: grid;
    width: 112px;
    height: 112px;
    place-items: center;
    align-content: center;
    gap: 5px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 32px;
    color: color-mix(in srgb, var(--share-secondary) 72%, #fff);
    background: rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
    backdrop-filter: blur(12px);
    font-size: 1.55rem;
}

.shared-dashboard-hero__seal small[b-e5aozvlwxk] {
    color: rgba(255,255,255,.74);
    font-size: .62rem;
    font-weight: 950;
}

.shared-dashboard-page[b-e5aozvlwxk] {
    padding: clamp(15px, 2.5vw, 28px);
    border-bottom: 1px solid #dce6e4;
}

.shared-dashboard-page__head[b-e5aozvlwxk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 13px;
    padding: 13px 15px;
    border: 1px solid #d8e4e2;
    border-radius: 14px;
    background: #fff;
}

.shared-dashboard-page__head span[b-e5aozvlwxk] {
    color: var(--share-secondary);
    font-size: .58rem;
    font-weight: 950;
}

.shared-dashboard-page__head h2[b-e5aozvlwxk],
.shared-dashboard-page__head p[b-e5aozvlwxk] {
    margin: 0;
}

.shared-dashboard-page__head h2[b-e5aozvlwxk] {
    margin-top: 2px;
    color: #294b4e;
    font-size: 1rem;
    font-weight: 950;
}

.shared-dashboard-page__head p[b-e5aozvlwxk] {
    margin-top: 3px;
    color: #748789;
    font-size: .62rem;
    line-height: 1.65;
}

.shared-dashboard-page__head > strong[b-e5aozvlwxk] {
    padding: 5px 9px;
    border-radius: 999px;
    color: var(--share-primary);
    background: color-mix(in srgb, var(--share-primary) 7%, #fff);
    font-size: .61rem;
    white-space: nowrap;
}

.shared-dashboard-grid[b-e5aozvlwxk] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
}

.shared-widget[b-e5aozvlwxk] {
    --widget-accent: var(--share-primary);
    grid-column: span var(--widget-width, 6);
    min-width: 0;
    overflow: hidden;
    padding: clamp(16px, 2vw, 23px);
    border: 1px solid #d2e0dd;
    border-radius: 19px;
    background:
        radial-gradient(circle at 98% 0%, color-mix(in srgb, var(--widget-accent) 7%, transparent), transparent 38%),
        #fff;
    box-shadow: 0 14px 34px rgba(17, 53, 57, .065);
}

.shared-widget--metric[b-e5aozvlwxk] {
    min-height: 210px;
}

.shared-widget--chart[b-e5aozvlwxk] {
    min-height: 330px;
}

.shared-widget--table[b-e5aozvlwxk],
.shared-widget--readonly-filter[b-e5aozvlwxk] {
    grid-column: span var(--widget-width, 12);
}

.shared-widget__head[b-e5aozvlwxk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.shared-widget__head > div[b-e5aozvlwxk] {
    min-width: 0;
}

.shared-widget__head span[b-e5aozvlwxk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--widget-accent);
    font-size: .58rem;
    font-weight: 950;
}

.shared-widget__head h3[b-e5aozvlwxk] {
    margin: 4px 0 0;
    color: #2d4d50;
    font-size: .88rem;
    font-weight: 950;
    line-height: 1.5;
}

.shared-widget__head > small[b-e5aozvlwxk] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    color: #637a7c;
    background: #eef4f3;
    font-size: .55rem;
    font-weight: 900;
}

.shared-widget__value[b-e5aozvlwxk] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.shared-widget__value strong[b-e5aozvlwxk] {
    color: #173f43;
    font-size: clamp(2rem, 5vw, 3.6rem);
    font-weight: 950;
    letter-spacing: -.04em;
}

.shared-widget__value span[b-e5aozvlwxk] {
    color: #718486;
    font-size: .68rem;
    font-weight: 850;
}

.shared-widget__delta[b-e5aozvlwxk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 15px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: .59rem;
    font-weight: 900;
}

.shared-widget__delta.is-positive[b-e5aozvlwxk] {
    color: #17694f;
    background: #e7f7ef;
}

.shared-widget__delta.is-negative[b-e5aozvlwxk] {
    color: #93434d;
    background: #fbeaec;
}

.shared-chart[b-e5aozvlwxk] {
    min-height: 270px;
}

.shared-readonly-values[b-e5aozvlwxk] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.shared-readonly-values span[b-e5aozvlwxk] {
    padding: 6px 9px;
    border: 1px solid #d8e4e2;
    border-radius: 999px;
    color: #526d70;
    background: #f7faf9;
    font-size: .6rem;
    font-weight: 850;
}

.shared-widget--readonly-filter > small[b-e5aozvlwxk] {
    display: block;
    margin-top: 10px;
    color: #859496;
    font-size: .57rem;
}

.shared-table-wrap[b-e5aozvlwxk] {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #dbe6e4;
    border-radius: 12px;
}

.shared-table-wrap table[b-e5aozvlwxk] {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    color: #3e5a5d;
    font-size: .63rem;
}

.shared-table-wrap th[b-e5aozvlwxk],
.shared-table-wrap td[b-e5aozvlwxk] {
    padding: 9px 11px;
    border-bottom: 1px solid #e4ecea;
    text-align: start;
}

.shared-table-wrap thead th[b-e5aozvlwxk] {
    color: #315356;
    background: #edf4f2;
    font-weight: 950;
}

.shared-table-wrap tbody th[b-e5aozvlwxk] {
    color: #3b5e61;
    background: #f9fbfa;
    font-weight: 900;
}

.shared-table-wrap tbody tr:last-child > *[b-e5aozvlwxk] {
    border-bottom: 0;
}

.shared-dashboard-empty[b-e5aozvlwxk] {
    display: grid;
    min-height: 90px;
    place-items: center;
    color: #829294;
    text-align: center;
    font-size: .68rem;
}

.shared-dashboard-footer[b-e5aozvlwxk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px clamp(18px, 3vw, 32px);
    color: #6f8385;
    background: #eef4f2;
    font-size: .6rem;
    font-weight: 800;
}

.shared-dashboard-footer span:first-child[b-e5aozvlwxk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--share-primary);
}

@keyframes shared-pulse-b-e5aozvlwxk {
    50% { transform: scale(1.1); opacity: .72; }
}

@keyframes shared-shimmer-b-e5aozvlwxk {
    to { background-position: -220% 0; }
}

@media (max-width: 800px) {
    .shared-dashboard-toolbar[b-e5aozvlwxk],
    .shared-dashboard-page__head[b-e5aozvlwxk],
    .shared-dashboard-footer[b-e5aozvlwxk] {
        align-items: stretch;
        flex-direction: column;
    }

    .shared-dashboard-toolbar__meta[b-e5aozvlwxk] {
        justify-content: stretch;
    }

    .shared-dashboard-toolbar__meta > span[b-e5aozvlwxk],
    .shared-dashboard-toolbar__meta > button[b-e5aozvlwxk] {
        justify-content: center;
        flex: 1;
    }

    .shared-dashboard-hero[b-e5aozvlwxk] {
        grid-template-columns: 1fr;
    }

    .shared-dashboard-hero__seal[b-e5aozvlwxk] {
        width: 90px;
        height: 90px;
        justify-self: start;
        border-radius: 25px;
    }

    .shared-widget[b-e5aozvlwxk] {
        grid-column: span 12;
    }
}

@media (max-width: 520px) {
    .shared-dashboard-root[b-e5aozvlwxk] {
        padding: 8px;
    }

    .shared-dashboard-toolbar[b-e5aozvlwxk],
    .shared-dashboard-snapshot[b-e5aozvlwxk],
    .shared-dashboard-state[b-e5aozvlwxk] {
        border-radius: 18px;
    }

    .shared-dashboard-toolbar__meta[b-e5aozvlwxk],
    .shared-dashboard-toolbar__meta > span[b-e5aozvlwxk],
    .shared-dashboard-toolbar__meta > button[b-e5aozvlwxk] {
        width: 100%;
    }

    .shared-dashboard-toolbar__meta[b-e5aozvlwxk] {
        display: grid;
    }

    .shared-dashboard-state__skeleton[b-e5aozvlwxk] {
        grid-template-columns: 1fr;
    }

    .shared-dashboard-state__skeleton span:not(:first-child)[b-e5aozvlwxk] {
        display: none;
    }

    .shared-dashboard-hero[b-e5aozvlwxk],
    .shared-dashboard-page[b-e5aozvlwxk] {
        padding: 18px 14px;
    }

    .shared-widget[b-e5aozvlwxk] {
        padding: 15px;
        border-radius: 15px;
    }

    .shared-dashboard-footer[b-e5aozvlwxk] {
        padding: 14px;
    }
}

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

    .shared-dashboard-root[b-e5aozvlwxk] {
        min-height: 0;
        padding: 0;
        background: #fff;
    }

    .shared-dashboard-toolbar[b-e5aozvlwxk],
    .shared-dashboard-message[b-e5aozvlwxk] {
        display: none !important;
    }

    .shared-dashboard-snapshot[b-e5aozvlwxk] {
        width: 100%;
        overflow: visible;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .shared-dashboard-page[b-e5aozvlwxk] {
        break-before: page;
        page-break-before: always;
    }

    .shared-dashboard-page:first-of-type[b-e5aozvlwxk] {
        break-before: auto;
        page-break-before: auto;
    }

    .shared-widget[b-e5aozvlwxk],
    .shared-dashboard-page__head[b-e5aozvlwxk] {
        break-inside: avoid;
        page-break-inside: avoid;
        box-shadow: none;
    }

    .shared-table-wrap[b-e5aozvlwxk] {
        overflow: visible;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shared-dashboard-state__mark.is-loading i[b-e5aozvlwxk],
    .shared-dashboard-state__skeleton span[b-e5aozvlwxk] {
        animation: none;
    }
}
/* _content/Starterkit/Observatory/TemplateDesigner.razor.rz.scp.css */
.otd-loading[b-xppjs3fy2e] {
    display: grid;
    min-height: 360px;
    place-items: center;
    align-content: center;
    gap: 16px;
    border: 1px solid #d6e3e1;
    border-radius: 20px;
    color: #526a6d;
    background: #fff;
}

.otd-command[b-xppjs3fy2e],
.otd-meta[b-xppjs3fy2e],
.otd-message[b-xppjs3fy2e] {
    margin-bottom: 14px;
    border: 1px solid #d7e3e1;
    border-radius: 16px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 28px rgba(19, 54, 58, .06);
}

.otd-command[b-xppjs3fy2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
}

.otd-command__identity[b-xppjs3fy2e] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.otd-command__mode[b-xppjs3fy2e] {
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    place-items: center;
    overflow: hidden;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), #173d45);
    font-size: 0;
}

.otd-command__mode i[b-xppjs3fy2e] {
    font-size: 1rem;
}

.otd-command h2[b-xppjs3fy2e] {
    margin: 0;
    color: #173336;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.otd-command p[b-xppjs3fy2e] {
    margin: 4px 0 0;
    color: #6d7f81;
    font-size: .76rem !important;
}

.otd-command__actions[b-xppjs3fy2e] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.otd-meta[b-xppjs3fy2e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
}

.otd-meta label[b-xppjs3fy2e] {
    display: grid;
    gap: 6px;
}

.otd-meta label.is-wide[b-xppjs3fy2e] {
    grid-column: span 1;
}

.otd-meta label > span[b-xppjs3fy2e] {
    color: #40595c;
    font-size: .72rem !important;
    font-weight: 800 !important;
}

.otd-meta label b[b-xppjs3fy2e] {
    color: #b53d4f;
}

.otd-meta__hint[b-xppjs3fy2e] {
    color: #718487;
    font-size: .66rem !important;
    font-weight: 700;
    line-height: 1.6;
}

.otd-meta :is(.form-control, .form-select)[b-xppjs3fy2e] {
    min-height: 44px;
    border-color: #d8e4e2;
    border-radius: 10px;
    background-color: #fbfdfc;
}

.otd-meta .form-control:disabled[b-xppjs3fy2e] {
    color: var(--obs-primary);
    background: #eef5f3;
    opacity: 1;
    cursor: not-allowed;
}

.otd-message[b-xppjs3fy2e] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    color: #2f6261;
}

.otd-message p[b-xppjs3fy2e] {
    flex: 1;
    margin: 0;
    font-size: .77rem !important;
}

.otd-message.is-error[b-xppjs3fy2e] {
    color: #9b3040;
    border-color: #efcbd1;
    background: #fff5f6;
}

.otd-message.is-success[b-xppjs3fy2e] {
    color: #167058;
    border-color: #bfe2d5;
    background: #f1fbf7;
}

.otd-message.is-info[b-xppjs3fy2e] {
    color: #296776;
    border-color: #c6dfe5;
    background: #f2fafc;
}

.otd-host[b-xppjs3fy2e] {
    min-height: 720px;
}

.otd-host[b-xppjs3fy2e]  .otd-app {
    --otd-ink: #162d30;
    --otd-muted: #6d7f81;
    --otd-line: #d7e1e0;
    --otd-head: #e9efee;
    overflow: hidden;
    border: 1px solid #cad9d7;
    border-radius: 18px;
    color: var(--otd-ink);
    background: #f6f8f7;
    box-shadow: 0 24px 65px rgba(16, 49, 52, .12);
}

.otd-host[b-xppjs3fy2e]  .otd-ribbon {
    display: flex;
    gap: 8px;
    min-height: 58px;
    padding: 8px 10px;
    overflow-x: auto;
    border-bottom: 1px solid #cfdad8;
    background:
        linear-gradient(180deg, #fff, #edf3f2),
        repeating-linear-gradient(90deg, transparent, transparent 31px, rgba(11, 79, 82, .025) 32px);
}

.otd-host[b-xppjs3fy2e]  .otd-ribbon__group {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-inline-end: 8px;
    border-inline-end: 1px solid #d4dfdd;
}

.otd-host[b-xppjs3fy2e]  .otd-ribbon :is(button, label) {
    display: inline-flex;
    min-width: 38px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #29484b;
    background: transparent;
    font-size: .7rem !important;
    cursor: pointer;
}

.otd-host[b-xppjs3fy2e]  .otd-ribbon :is(button, label):hover {
    border-color: #bed1cf;
    background: #fff;
}

.otd-host[b-xppjs3fy2e]  .otd-ribbon input[type="color"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.otd-host[b-xppjs3fy2e]  .otd-formula {
    display: grid;
    grid-template-columns: 92px 36px minmax(0, 1fr);
    min-height: 44px;
    align-items: center;
    border-bottom: 1px solid #cedad8;
    background: #fff;
}

.otd-host[b-xppjs3fy2e]  .otd-formula > span {
    color: var(--obs-secondary);
    font-family: Georgia, serif !important;
    font-style: italic;
    text-align: center;
}

.otd-host[b-xppjs3fy2e]  .otd-formula input {
    width: 100%;
    min-width: 0;
    min-height: 34px !important;
    padding: 6px 9px;
    border: 0;
    border-inline-end: 1px solid #d7e1e0;
    outline: none;
    background: transparent;
    font-family: ui-monospace, Consolas, monospace !important;
    font-size: .74rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-name-box {
    text-align: center;
}

.otd-host[b-xppjs3fy2e]  .otd-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    min-height: 600px;
}

.otd-host[b-xppjs3fy2e]  .otd-canvas {
    display: grid;
    min-width: 0;
    grid-template-rows: minmax(0, 1fr) auto auto;
}

.otd-host[b-xppjs3fy2e]  .otd-grid-scroll {
    max-height: 610px;
    overflow: auto;
    direction: ltr;
    background:
        linear-gradient(45deg, rgba(11, 79, 82, .018) 25%, transparent 25%),
        #eef2f1;
    scrollbar-width: thin;
}

.otd-host[b-xppjs3fy2e]  .otd-grid {
    table-layout: fixed;
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

.otd-host[b-xppjs3fy2e]  .otd-row-number {
    width: 48px;
}

.otd-host[b-xppjs3fy2e]  .otd-grid th {
    position: sticky;
    z-index: 3;
    min-width: 48px;
    height: 28px;
    padding: 3px 6px;
    border-inline-end: 1px solid #cfd9d8;
    border-bottom: 1px solid #c8d4d2;
    color: #526a6c;
    background: linear-gradient(180deg, #f5f7f7, #e4ebea);
    font-family: ui-monospace, Consolas, monospace !important;
    font-size: .68rem !important;
    text-align: center;
    user-select: none;
}

.otd-host[b-xppjs3fy2e]  .otd-grid thead th {
    top: 0;
}

.otd-host[b-xppjs3fy2e]  .otd-grid tbody th {
    inset-inline-start: 0;
}

.otd-host[b-xppjs3fy2e]  .otd-grid .otd-corner {
    inset-inline-start: 0;
    z-index: 5;
    background:
        linear-gradient(135deg, transparent 48%, #aabbb9 49%, #aabbb9 51%, transparent 52%),
        #e6eceb;
}

.otd-host[b-xppjs3fy2e]  .otd-grid td {
    position: relative;
    min-width: 42px;
    height: inherit;
    padding: 0;
    border-inline-end: 1px solid #dce4e3;
    border-bottom: 1px solid #dce4e3;
    vertical-align: middle;
    outline: none;
}

.otd-host[b-xppjs3fy2e]  .otd-grid td > div {
    min-height: 100%;
    padding: 5px 7px;
    overflow: hidden;
    outline: none;
    text-overflow: ellipsis;
}

.otd-host[b-xppjs3fy2e]  .otd-grid td.is-selected {
    z-index: 2;
    box-shadow: inset 0 0 0 2px var(--obs-primary);
}

.otd-host[b-xppjs3fy2e]  .otd-grid td.is-selected::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    inset-inline-end: -4px;
    inset-block-end: -4px;
    border: 1px solid #fff;
    background: var(--obs-primary);
}

.otd-host[b-xppjs3fy2e]  .otd-sheet-tabs {
    display: flex;
    gap: 3px;
    min-height: 45px;
    align-items: end;
    overflow-x: auto;
    padding: 5px 8px 0;
    border-top: 1px solid #cad7d5;
    background: #edf2f1;
}

.otd-host[b-xppjs3fy2e]  .otd-analytics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 8px;
    max-height: 310px;
    overflow: auto;
    padding: 9px;
    border-top: 1px solid #cbd8d6;
    background: #eef3f2;
}

.otd-host[b-xppjs3fy2e]  .otd-analytics.is-empty {
    display: none;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card {
    min-width: 0;
    padding: 9px;
    border: 1px solid #d2dddb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(17, 52, 55, .05);
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card header {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
    color: #29484b;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card header > i {
    color: var(--obs-secondary);
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card header strong {
    overflow: hidden;
    font-size: .66rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card header code {
    color: #718385;
    font-family: ui-monospace, Consolas, monospace !important;
    font-size: .56rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card svg {
    display: block;
    width: 100%;
    height: 145px;
    margin-top: 5px;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card footer {
    display: flex;
    gap: 5px;
    overflow: hidden;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card footer span {
    overflow: hidden;
    padding: 3px 5px;
    border-radius: 5px;
    color: #617476;
    background: #f0f4f3;
    font-size: .53rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card.is-pivot {
    overflow: auto;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card.is-pivot table {
    width: 100%;
    margin-top: 8px;
    border-collapse: collapse;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card.is-pivot :is(th, td) {
    padding: 5px 6px;
    border: 1px solid #dfe7e6;
    font-size: .58rem !important;
    text-align: start;
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card.is-pivot th {
    color: #fff;
    background: var(--obs-primary);
}

.otd-host[b-xppjs3fy2e]  .otd-analysis-card.is-pivot p {
    margin: 12px 0 0;
    color: #7b4f56;
    font-size: .59rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-sheet-tabs button {
    display: inline-flex;
    min-width: max-content;
    min-height: 35px;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    color: #536b6d;
    background: transparent;
    font-size: .7rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-sheet-tabs button.is-active {
    color: var(--obs-primary);
    border-color: #c7d5d3;
    border-bottom-color: #fff;
    background: #fff;
    box-shadow: inset 0 3px 0 var(--obs-secondary);
}

.otd-host[b-xppjs3fy2e]  .otd-sheet-tabs .otd-add-sheet {
    min-width: 36px;
    border-radius: 8px;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector {
    overflow-y: auto;
    max-height: 655px;
    padding: 12px;
    border-inline-start: 1px solid #cbd8d6;
    background:
        linear-gradient(180deg, #f9fbfa, #eef3f2);
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #d5dfde;
    color: #284649;
    font-weight: 900 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__head code {
    padding: 4px 7px;
    border-radius: 6px;
    color: #fff;
    background: var(--obs-primary);
    font-family: ui-monospace, Consolas, monospace !important;
    font-size: .66rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector > label {
    display: grid;
    gap: 5px;
    margin-bottom: 10px;
    color: #465e61;
    font-size: .67rem !important;
    font-weight: 800 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector :is(input, select) {
    width: 100%;
    min-height: 38px !important;
    padding: 6px 8px;
    border: 1px solid #cedbd9;
    border-radius: 8px;
    color: #1d383b;
    background: #fff;
    font-size: .7rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__split label {
    display: grid;
    gap: 5px;
    color: #465e61;
    font-size: .64rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector .otd-check {
    display: flex;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.otd-host[b-xppjs3fy2e]  .otd-check input {
    width: 18px;
    min-height: 18px !important;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__section {
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #d4dfdd;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__section > div:first-child {
    display: grid;
    gap: 3px;
    margin-bottom: 9px;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__section small {
    color: #718385;
    font-size: .58rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-artifact {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 28px;
    gap: 7px;
    align-items: center;
    margin-bottom: 6px;
    padding: 7px;
    border: 1px solid #d4dfdd;
    border-radius: 8px;
    background: #fff;
}

.otd-host[b-xppjs3fy2e]  .otd-artifact > i {
    color: var(--obs-secondary);
}

.otd-host[b-xppjs3fy2e]  .otd-artifact span {
    display: grid;
    min-width: 0;
}

.otd-host[b-xppjs3fy2e]  .otd-artifact strong,
.otd-host[b-xppjs3fy2e]  .otd-artifact small {
    overflow: hidden;
    font-size: .6rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-xppjs3fy2e]  .otd-artifact button {
    width: 28px;
    min-height: 28px;
    border: 0;
    border-radius: 6px;
    color: #a33b4b;
    background: #fff1f3;
}

.otd-host[b-xppjs3fy2e]  .otd-artifact-empty {
    margin: 0;
    color: #7b8b8d;
    font-size: .61rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-status {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    min-height: 31px;
    align-items: center;
    padding: 5px 10px;
    border-top: 1px solid #cbd7d6;
    color: #65787a;
    background: #e8efee;
    font-size: .62rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-ribbon__select,
.otd-host[b-xppjs3fy2e]  .otd-ribbon__number {
    width: 92px;
    min-height: 36px;
    padding: 5px 7px;
    border: 1px solid #cbd8d6;
    border-radius: 8px;
    color: #29484b;
    background: #fff;
    font-size: .66rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-ribbon__number {
    width: 56px;
    direction: ltr;
}

.otd-host[b-xppjs3fy2e]  :is(
    button,
    input,
    select,
    textarea,
    [tabindex]
):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 38%, transparent);
    outline-offset: 1px;
}

.otd-host[b-xppjs3fy2e]  .otd-grid-stage {
    position: relative;
    width: max-content;
    min-width: 100%;
    min-height: 100%;
}

.otd-host[b-xppjs3fy2e]  .otd-grid-stage > [data-role="grid"] {
    width: max-content;
    min-width: 100%;
}

.otd-host[b-xppjs3fy2e]  .otd-grid th[data-column-header],
.otd-host[b-xppjs3fy2e]  .otd-grid th[data-row-header],
.otd-host[b-xppjs3fy2e]  .otd-grid .otd-corner {
    cursor: default;
}

.otd-host[b-xppjs3fy2e]  .otd-grid th.is-selected-header {
    color: #fff;
    border-color: #2f7774;
    background: linear-gradient(180deg, #438e88, var(--obs-primary));
}

.otd-host[b-xppjs3fy2e]  .otd-grid.is-without-gridlines :is(td, th) {
    border-color: transparent;
}

.otd-host[b-xppjs3fy2e]  .otd-grid.is-without-headers :is(thead, tbody > tr > th) {
    display: none;
}

.otd-host[b-xppjs3fy2e]  .otd-grid.is-without-headers .otd-row-number {
    width: 0;
}

.otd-host[b-xppjs3fy2e]  .otd-grid td.is-selected {
    background-clip: padding-box;
}

.otd-host[b-xppjs3fy2e]  .otd-grid td.is-selected:first-of-type {
    box-shadow: inset 0 0 0 2px var(--obs-primary);
}

.otd-host[b-xppjs3fy2e]  .otd-cell-editor {
    position: relative;
    z-index: 1;
    min-width: 0;
    cursor: cell;
    text-indent: var(--otd-text-indent, 0);
    transform: rotate(var(--otd-text-rotation, 0deg));
    transform-origin: center;
}

.otd-host[b-xppjs3fy2e]  .otd-cell-editor[contenteditable="true"] {
    z-index: 5;
    overflow: visible;
    color: #142d30;
    background: #fff;
    box-shadow:
        inset 0 0 0 2px var(--obs-secondary),
        0 7px 18px rgba(16, 49, 52, .12);
    cursor: text;
    text-overflow: clip;
    white-space: pre-wrap !important;
}

.otd-host[b-xppjs3fy2e]  .otd-cell-marks {
    position: absolute;
    z-index: 4;
    inset-block-start: 2px;
    inset-inline-end: 2px;
    display: inline-flex;
    gap: 2px;
    pointer-events: none;
}

.otd-host[b-xppjs3fy2e]  .otd-cell-mark {
    display: grid;
    width: 13px;
    height: 13px;
    place-items: center;
    border-radius: 4px;
    color: #fff;
    background: #607779;
    font-size: .42rem !important;
    line-height: 1;
}

.otd-host[b-xppjs3fy2e]  .otd-cell-mark.is-comment {
    background: #b17b27;
}

.otd-host[b-xppjs3fy2e]  .otd-cell-mark.is-locked {
    background: #496c8d;
}

.otd-host[b-xppjs3fy2e]  .otd-cell-mark.is-required {
    color: #fff;
    background: #ae3e50;
    font-size: .56rem !important;
    font-weight: 900 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-cell-mark.is-link {
    background: #337e75;
}

.otd-host[b-xppjs3fy2e]  .otd-grid td.has-comment {
    background-image: linear-gradient(
        135deg,
        #d69d3e 0,
        #d69d3e 8px,
        transparent 8px
    );
    background-repeat: no-repeat;
    background-position: top right;
}

.otd-host[b-xppjs3fy2e]  .otd-grid td.is-locked:not(.is-selected) {
    box-shadow: inset 0 0 0 1px rgba(73, 108, 141, .22);
}

.otd-host[b-xppjs3fy2e]  .otd-grid td.is-required:not(.is-selected) {
    box-shadow: inset 0 -2px 0 rgba(174, 62, 80, .24);
}

.otd-host[b-xppjs3fy2e]  .otd-image-layer {
    position: absolute;
    z-index: 6;
    inset: 0;
    min-width: 100%;
    pointer-events: none;
}

.otd-host[b-xppjs3fy2e]  .otd-sheet-image {
    position: absolute;
    display: grid;
    min-width: 24px;
    min-height: 24px;
    overflow: hidden;
    padding: 0;
    border: 2px solid rgba(11, 79, 82, .48);
    border-radius: 7px;
    outline-offset: 2px;
    background:
        linear-gradient(45deg, #edf2f1 25%, transparent 25%),
        #fff;
    box-shadow: 0 9px 22px rgba(16, 49, 52, .17);
    cursor: move;
    pointer-events: auto;
}

.otd-host[b-xppjs3fy2e]  .otd-sheet-image:hover {
    border-color: var(--obs-secondary);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--obs-secondary) 22%, transparent),
        0 12px 28px rgba(16, 49, 52, .2);
}

.otd-host[b-xppjs3fy2e]  .otd-sheet-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.otd-host[b-xppjs3fy2e]  .otd-sheet-image > span {
    position: absolute;
    inset-inline: 4px;
    inset-block-end: 4px;
    overflow: hidden;
    padding: 3px 6px;
    border-radius: 5px;
    color: #fff;
    background: rgba(16, 49, 52, .78);
    font-size: .52rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__section.is-compact {
    display: grid;
    gap: 8px;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__section.is-compact > div:first-child {
    margin-bottom: 0;
}

.otd-host[b-xppjs3fy2e]  .otd-inspector__section.is-compact > label {
    display: grid;
    gap: 5px;
    margin: 0;
    color: #465e61;
    font-size: .64rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-artifact {
    grid-template-columns: 24px minmax(0, 1fr) auto;
}

.otd-host[b-xppjs3fy2e]  .otd-artifact__actions {
    display: inline-flex !important;
    grid-auto-flow: column;
    gap: 3px;
}

.otd-host[b-xppjs3fy2e]  .otd-artifact__actions button:first-child {
    color: #286c67;
    background: #e9f6f3;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog {
    width: min(780px, calc(100vw - 28px));
    max-height: min(88vh, 840px);
    padding: 0;
    overflow: hidden;
    border: 1px solid #bfd0ce;
    border-radius: 18px;
    color: #173336;
    background: #f9fbfa;
    box-shadow: 0 28px 90px rgba(10, 38, 42, .32);
}

.otd-host[b-xppjs3fy2e]  .otd-dialog[open] {
    display: block;
    animation: otd-dialog-in-b-xppjs3fy2e .16s ease-out;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog::backdrop {
    background: rgba(10, 35, 39, .56);
    backdrop-filter: blur(3px);
}

.otd-host[b-xppjs3fy2e]  .otd-dialog form {
    display: grid;
    max-height: min(88vh, 840px);
    grid-template-rows: auto minmax(0, 1fr) auto auto;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 14px;
    align-items: start;
    padding: 18px 20px 14px;
    border-bottom: 1px solid #d5e1df;
    background:
        radial-gradient(circle at 90% 0, rgba(180, 138, 69, .13), transparent 42%),
        #fff;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__head > div {
    min-width: 0;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__head > div > span {
    display: block;
    margin-bottom: 3px;
    color: #a07432;
    font-size: .62rem !important;
    font-weight: 900 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__head h3 {
    margin: 0;
    color: #15393c;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__head p {
    margin: 5px 0 0;
    color: #657a7c;
    font-size: .7rem !important;
    line-height: 1.7;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__head button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 0;
    border-radius: 10px;
    color: #526d6f;
    background: #edf3f2;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__body {
    display: grid;
    gap: 13px;
    overflow-y: auto;
    padding: 18px 20px;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__grid.is-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__field {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: #415b5e;
    font-size: .68rem !important;
    font-weight: 800 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__field > :is(input, select, textarea) {
    width: 100%;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid #cbd9d7;
    border-radius: 9px;
    outline: none;
    color: #173336;
    background: #fff;
    font-size: .72rem !important;
    font-weight: 500 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__field textarea {
    min-height: 92px;
    resize: vertical;
    line-height: 1.6;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__field > :is(input, select, textarea):focus {
    border-color: var(--obs-secondary);
    box-shadow: 0 0 0 3px rgba(180, 138, 69, .13);
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__checks {
    display: flex;
    gap: 8px 14px;
    flex-wrap: wrap;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__checks.is-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__check {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid #d7e2e0;
    border-radius: 9px;
    color: #425d60;
    background: #fff;
    font-size: .67rem !important;
    cursor: pointer;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__check input {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__colors {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__color {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid #d5e1df;
    border-radius: 9px;
    color: #425d60;
    background: #fff;
    font-size: .64rem !important;
    font-weight: 800 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__color input {
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    background: transparent;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__notice {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 11px 12px;
    border: 1px solid #c7ded9;
    border-radius: 10px;
    color: #356661;
    background: #edf8f5;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__notice.is-danger {
    color: #8f3040;
    border-color: #efc9cf;
    background: #fff2f4;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__notice.is-warning {
    color: #765718;
    border-color: #e7d29f;
    background: #fff9e9;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__notice p {
    margin: 0;
    font-size: .68rem !important;
    line-height: 1.7;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__hint {
    margin: -5px 0 0;
    color: #708486;
    font-size: .62rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__subhead {
    margin: 3px 0 -3px;
    color: #31575a;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__image-preview {
    display: grid;
    max-height: 260px;
    place-items: center;
    gap: 7px;
    padding: 12px;
    overflow: hidden;
    border: 1px dashed #bed0cd;
    border-radius: 12px;
    background:
        repeating-conic-gradient(#edf2f1 0 25%, #fff 0 50%) 50% / 18px 18px;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__image-preview img {
    display: block;
    max-width: 100%;
    max-height: 210px;
    object-fit: contain;
    box-shadow: 0 6px 16px rgba(16, 49, 52, .12);
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__image-preview span {
    padding: 3px 7px;
    border-radius: 5px;
    color: #607476;
    background: rgba(255, 255, 255, .9);
    font-size: .59rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__error {
    margin: 0 20px;
    padding: 9px 11px;
    border: 1px solid #efc5cc;
    border-radius: 9px;
    color: #9a3041;
    background: #fff2f4;
    font-size: .68rem !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 13px 20px;
    border-top: 1px solid #d5e1df;
    background: #f3f7f6;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__actions button {
    min-width: 112px;
    min-height: 41px;
    padding: 7px 14px;
    border: 1px solid #cbd9d7;
    border-radius: 9px;
    font-size: .7rem !important;
    font-weight: 900 !important;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__cancel {
    color: #526d6f;
    background: #fff;
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__save {
    color: #fff;
    border-color: var(--obs-primary) !important;
    background: var(--obs-primary);
}

.otd-host[b-xppjs3fy2e]  .otd-dialog__save.is-danger {
    border-color: #a83c4d !important;
    background: #a83c4d;
}

@keyframes otd-dialog-in-b-xppjs3fy2e {
    from {
        opacity: 0;
        transform: translateY(8px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1100px) {
    .otd-meta[b-xppjs3fy2e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .otd-host[b-xppjs3fy2e]  .otd-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .otd-host[b-xppjs3fy2e]  .otd-inspector {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        max-height: none;
        border-inline-start: 0;
        border-top: 1px solid #cbd8d6;
    }

    .otd-host[b-xppjs3fy2e]  .otd-inspector__head,
    .otd-host[b-xppjs3fy2e]  .otd-inspector__section {
        grid-column: 1 / -1;
    }

    .otd-host[b-xppjs3fy2e]  .otd-dialog {
        width: min(720px, calc(100vw - 24px));
    }
}

@media (max-width: 767px) {
    .otd-command[b-xppjs3fy2e] {
        align-items: stretch;
        flex-direction: column;
    }

    .otd-command__actions > button[b-xppjs3fy2e] {
        flex: 1 1 150px;
    }

    .otd-meta[b-xppjs3fy2e] {
        grid-template-columns: 1fr;
    }

    .otd-host[b-xppjs3fy2e]  .otd-inspector {
        grid-template-columns: 1fr 1fr;
    }

    .otd-host[b-xppjs3fy2e]  .otd-ribbon {
        position: sticky;
        inset-block-start: 0;
        z-index: 10;
    }

    .otd-host[b-xppjs3fy2e]  .otd-dialog__grid,
    .otd-host[b-xppjs3fy2e]  .otd-dialog__grid.is-four,
    .otd-host[b-xppjs3fy2e]  .otd-dialog__colors {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .otd-command__actions[b-xppjs3fy2e] {
        flex-direction: column;
    }

    .otd-command__actions > button[b-xppjs3fy2e] {
        width: 100%;
        flex-basis: auto;
    }

    .otd-host[b-xppjs3fy2e]  .otd-inspector {
        grid-template-columns: 1fr;
    }

    .otd-host[b-xppjs3fy2e]  .otd-dialog {
        width: calc(100vw - 14px);
        max-height: 94vh;
        border-radius: 13px;
    }

    .otd-host[b-xppjs3fy2e]  .otd-dialog form {
        max-height: 94vh;
    }

    .otd-host[b-xppjs3fy2e]  .otd-dialog__head,
    .otd-host[b-xppjs3fy2e]  .otd-dialog__body,
    .otd-host[b-xppjs3fy2e]  .otd-dialog__actions {
        padding-inline: 13px;
    }

    .otd-host[b-xppjs3fy2e]  .otd-dialog__grid,
    .otd-host[b-xppjs3fy2e]  .otd-dialog__grid.is-four,
    .otd-host[b-xppjs3fy2e]  .otd-dialog__colors,
    .otd-host[b-xppjs3fy2e]  .otd-dialog__checks.is-grid {
        grid-template-columns: 1fr;
    }

    .otd-host[b-xppjs3fy2e]  .otd-dialog__actions button {
        min-width: 0;
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .otd-host[b-xppjs3fy2e]  * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}
/* _content/Starterkit/Partners/Partners/PartnerProfileBranches.razor.rz.scp.css */
.partner-branches-draft[b-5h15adzcgy] { background: white; border: 1px solid #d9dee7; border-radius: 16px; padding: 20px; }
.partner-branches-heading[b-5h15adzcgy] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.partner-branches-heading h3[b-5h15adzcgy] { font-size: 17px; margin: 0 0 8px; }
.partner-branches-heading p[b-5h15adzcgy] { color: #727c8c; margin: 0; }
.table[b-5h15adzcgy] { min-width: 500px; }
.table-responsive[b-5h15adzcgy] { margin-top: 20px; }
.partner-branches-empty[b-5h15adzcgy] { text-align: center; padding: 24px 16px; color: #727c8c; white-space: normal; }
.partner-branch-row-actions[b-5h15adzcgy] { display: flex; gap: 8px; }
.partner-branch-editor[b-5h15adzcgy] { border-top: 1px solid #e5e9f0; margin-top: 24px; padding-top: 24px; min-width: 0; }
.partner-branch-editor h4[b-5h15adzcgy] { font-size: 17px; margin-bottom: 16px; }
.partner-branch-notice[b-5h15adzcgy] { margin: 16px 0 0; color: #42526b; overflow-wrap: anywhere; }
.partner-branch-editor[b-5h15adzcgy]  .data-tabs-container { padding-top: 0 !important; }
.partner-branch-editor[b-5h15adzcgy]  .tab-pane > .mt-5 { margin-top: 0 !important; }
.partner-branch-editor[b-5h15adzcgy]  .gm-group { box-shadow: none; }
.partner-branch-editor[b-5h15adzcgy]  .partner-branch-footer { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid #e5e9f0; }
td:first-child[b-5h15adzcgy] { overflow-wrap: anywhere; }
@media (max-width: 640px) { .partner-branches-draft[b-5h15adzcgy] { padding: 14px; } }
/* _content/Starterkit/Partners/Partners/PartnerProfileCompletion.razor.rz.scp.css */
.partner-completion[b-cg1d3jpupl] { max-width: 1180px; margin: 0 auto; padding: 40px 24px; min-height: 100vh; }
.partner-completion-head[b-cg1d3jpupl] { margin-bottom: 28px; }
.partner-completion-head h1[b-cg1d3jpupl] { font-size: clamp(24px, 3vw, 32px); font-weight: 800; margin-bottom: 12px; }
.partner-completion-head p[b-cg1d3jpupl] { color: #667085; line-height: 1.8; }
@media (max-width: 700px) { .partner-completion[b-cg1d3jpupl] { padding: 24px 12px; } }
/* _content/Starterkit/Partners/Partners/PartnerRegistrationWizard.razor.rz.scp.css */
.partner-registration-wizard[b-co4zyy51nv] { width: 100%; --kt-primary: var(--faye-primary, #007687); }
.partner-registration-wizard[b-co4zyy51nv]  .partner-registration-steps { display: flex; flex-wrap: wrap; gap: .65rem; padding: 0; margin: 0 0 2rem; list-style: none; }
.partner-registration-wizard[b-co4zyy51nv]  .partner-registration-steps li { display: flex; align-items: center; gap: .45rem; padding: .65rem .8rem; border: 1px solid #d8e8ec; border-radius: .8rem; color: #52666b; background: #fff; font-size: .95rem; }
.partner-registration-wizard[b-co4zyy51nv]  .partner-registration-steps span { display: grid; place-items: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: #edf5f6; }
.partner-registration-wizard[b-co4zyy51nv]  .partner-registration-steps .current { color: #fff; background: var(--kt-primary); border-color: var(--kt-primary); }
.partner-registration-wizard[b-co4zyy51nv]  .partner-registration-steps .current span { background: #ffffff26; }
.partner-registration-wizard[b-co4zyy51nv]  .partner-registration-steps .complete { border-color: #7baeb4; color: #17626b; }
.partner-registration-wizard[b-co4zyy51nv]  .partner-registration-review { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.9; padding: 1.5rem; border: 1px solid #d8e8ec; border-radius: 1rem; background: #f7fbfc; }
.partner-registration-wizard[b-co4zyy51nv]  .gm-form .control-label,
.partner-registration-wizard[b-co4zyy51nv]  .gm-form .input-group-text { font-size: 1rem !important; }
.partner-registration-wizard[b-co4zyy51nv]  .gm-form .form-control { font-size: 1rem !important; }
.partner-registration-wizard[b-co4zyy51nv]  .gm-form :focus-visible { outline: 2px solid var(--kt-primary) !important; outline-offset: 3px !important; }
@media (max-width: 600px) {
    .partner-registration-wizard[b-co4zyy51nv]  .gm-form .gm-group { padding: 1rem; }
    .partner-registration-wizard[b-co4zyy51nv]  .gm-form .gm-group .gm-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .partner-registration-wizard[b-co4zyy51nv]  .gm-form .gm-group .row > [class*="col-"] {
        width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;
        padding-inline: .5rem !important;
    }
    .partner-registration-wizard[b-co4zyy51nv]  .partner-registration-steps { gap: .4rem; }
    .partner-registration-wizard[b-co4zyy51nv]  .partner-registration-steps li { padding: .45rem; font-size: .85rem; }
}
/* _content/Starterkit/Profile/ScreenPreferencesView.razor.rz.scp.css */
.screen-preferences[b-6f3lh8oqfs] {
    --pref-brand: var(--kt-primary, #17687a);
    --pref-ink: var(--kt-gray-900, #182b3a);
    --pref-muted: var(--kt-gray-700, #536575);
    --pref-surface: var(--kt-body-bg, #fff);
    --pref-soft: color-mix(in srgb, var(--pref-brand) 8%, var(--pref-surface));
    --pref-line: color-mix(in srgb, var(--pref-brand) 18%, var(--pref-surface));
    --pref-accent-ink: color-mix(in srgb, var(--pref-brand) 30%, var(--pref-ink));
    color: var(--pref-ink);
}
.preferences-intro[b-6f3lh8oqfs] { display: flex; gap: 18px; align-items: center; padding: 26px; background: linear-gradient(115deg, var(--pref-soft), color-mix(in srgb, var(--pref-brand) 16%, var(--pref-surface))); border: 1px solid var(--pref-line); border-radius: 18px; }
.intro-icon[b-6f3lh8oqfs] { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 17px; background: var(--pref-surface); color: var(--pref-accent-ink); font-size: 26px; flex-shrink: 0; }
.preferences-intro h2[b-6f3lh8oqfs] { font-size: 24px; font-weight: 800; margin: 0 0 8px; color: var(--pref-ink); }
.preferences-intro p[b-6f3lh8oqfs], .section-heading p[b-6f3lh8oqfs] { margin: 0; color: var(--pref-muted); line-height: 1.8; }
.preferences-toolbar[b-6f3lh8oqfs] { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin: 22px 0; }
.preferences-tabs[b-6f3lh8oqfs] { display: flex; background: var(--pref-soft); padding: 5px; border-radius: 12px; gap: 4px; }
.screen-preferences button[b-6f3lh8oqfs] { font: inherit; cursor: pointer; transition: background .16s, border-color .16s; }
.preferences-tabs button[b-6f3lh8oqfs] { padding: 10px 24px; border: 0; border-radius: 9px; color: var(--pref-muted); background: transparent; font-weight: 700; }
.preferences-tabs button.selected[b-6f3lh8oqfs] { background: var(--pref-surface); color: var(--pref-accent-ink); box-shadow: 0 2px 5px #0000000a; }
.preferences-search[b-6f3lh8oqfs] { display: flex; align-items: center; gap: 10px; background: var(--pref-surface); border: 1px solid var(--pref-line); padding: 10px 15px; border-radius: 12px; width: min(100%, 420px); color: var(--pref-muted); }
.preferences-search input[b-6f3lh8oqfs] { flex: 1; min-width: 0; color: var(--pref-ink); background: transparent; border: 0; outline: 0; font: inherit; }
.preferences-search input[b-6f3lh8oqfs]::placeholder { color: var(--pref-muted); opacity: 1; }
.preferences-search button[b-6f3lh8oqfs] { background: transparent; border: 0; color: var(--pref-muted); padding: 3px; }
.preferences-search:focus-within[b-6f3lh8oqfs] { outline: 2px solid var(--pref-accent-ink); outline-offset: 3px; }
.home-summary[b-6f3lh8oqfs] { display: flex; align-items: center; gap: 14px; background: var(--pref-surface); border: 1px solid var(--pref-line); border-inline-start: 4px solid var(--pref-brand); padding: 16px 20px; border-radius: 12px; }
.home-summary-icon[b-6f3lh8oqfs] { color: var(--pref-accent-ink); font-size: 24px; }
.home-summary div[b-6f3lh8oqfs] { display: flex; flex-direction: column; gap: 5px; flex-shrink: 0; max-width: 50%; }
.home-summary span:not(.home-summary-icon)[b-6f3lh8oqfs] { color: var(--pref-muted); font-size: 12px; }
.home-summary strong[b-6f3lh8oqfs] { font-size: 16px; overflow-wrap: anywhere; }
.home-summary p[b-6f3lh8oqfs] { margin: 0; margin-inline-start: auto; color: var(--pref-muted); line-height: 1.8; }
.preferences-feedback[b-6f3lh8oqfs] { min-height: 42px; padding: 10px 2px; font-size: 13px; }
.preferences-feedback span[b-6f3lh8oqfs] { display: inline-flex; align-items: center; gap: 8px; }
.save-success[b-6f3lh8oqfs] { color: var(--pref-accent-ink); }
.preferences-error[b-6f3lh8oqfs] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; color: var(--kt-danger, #b42318); background: color-mix(in srgb, var(--kt-danger, #b42318) 6%, var(--pref-surface)); padding: 14px; border-radius: 10px; margin-bottom: 18px; }
.preferences-error button[b-6f3lh8oqfs] { border: 1px solid currentColor; color: inherit; background: transparent; border-radius: 7px; padding: 7px 12px; }
.preferences-section[b-6f3lh8oqfs] { border-radius: 16px; padding: 22px; margin-bottom: 24px; border: 1px solid var(--pref-line); }
.favorites-section[b-6f3lh8oqfs] { background: var(--pref-soft); }
.available-section[b-6f3lh8oqfs] { background: var(--pref-surface); }
.section-heading[b-6f3lh8oqfs] { margin-bottom: 20px; }
.section-title[b-6f3lh8oqfs] { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.section-title > i[b-6f3lh8oqfs] { color: var(--pref-accent-ink); font-size: 20px; }
.section-title h3[b-6f3lh8oqfs] { margin: 0; font-size: 18px; font-weight: 800; color: var(--pref-ink); }
.section-count[b-6f3lh8oqfs] { background: var(--pref-surface); color: var(--pref-accent-ink); border: 1px solid var(--pref-line); border-radius: 8px; min-width: 30px; padding: 2px 8px; text-align: center; font-weight: 700; }
.preferences-grid[b-6f3lh8oqfs] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)); gap: 14px; }
.screen-tile[b-6f3lh8oqfs] { display: flex; flex-direction: column; gap: 20px; background: var(--pref-surface); border: 1px solid var(--pref-line); padding: 18px; border-radius: 13px; min-width: 0; }
.available-section .screen-tile[b-6f3lh8oqfs] { background: color-mix(in srgb, var(--pref-brand) 3%, var(--pref-surface)); }
.screen-tile.is-home[b-6f3lh8oqfs] { border: 2px solid var(--pref-accent-ink); padding: 17px; }
.screen-tile.just-updated[b-6f3lh8oqfs] { box-shadow: 0 0 0 3px var(--pref-line); }
.tile-heading[b-6f3lh8oqfs] { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; min-height: 40px; }
.tile-icon[b-6f3lh8oqfs] { background: var(--pref-soft); color: var(--pref-accent-ink); border-radius: 10px; width: 38px; height: 38px; display: grid; place-items: center; font-size: 19px; flex-shrink: 0; }
.tile-heading h4[b-6f3lh8oqfs] { font-size: 15px; margin: 0; flex: 1; min-width: 100px; color: var(--pref-ink); line-height: 1.6; font-weight: 700; overflow-wrap: anywhere; }
.home-label[b-6f3lh8oqfs] { font-size: 11px; color: var(--pref-accent-ink); background: var(--pref-soft); border-radius: 6px; padding: 4px 7px; font-weight: 700; }
.tile-actions[b-6f3lh8oqfs] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.tile-actions button[b-6f3lh8oqfs] { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 10px; border-radius: 8px; border: 1px solid var(--pref-line); color: var(--pref-muted); background: var(--pref-surface); flex: 1; font-size: 12px; font-weight: 700; white-space: nowrap; min-height: 40px; }
.tile-actions .favorite-action[b-6f3lh8oqfs] { color: var(--pref-accent-ink); }
.tile-actions .favorite-action.is-selected[b-6f3lh8oqfs] { background: var(--pref-soft); border-color: var(--pref-line); }
.tile-actions .home-action.is-selected[b-6f3lh8oqfs] { background: var(--pref-accent-ink); border-color: var(--pref-accent-ink); color: var(--pref-surface); opacity: 1; }
.tile-actions button:hover:not(:disabled)[b-6f3lh8oqfs] { background: var(--pref-soft); border-color: var(--pref-accent-ink); }
.screen-preferences button:disabled[b-6f3lh8oqfs] { cursor: default; opacity: .6; }
.screen-preferences button:focus-visible[b-6f3lh8oqfs] { outline: 2px solid var(--pref-accent-ink); outline-offset: 3px; }
.preferences-empty[b-6f3lh8oqfs] { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; padding: 30px 12px; color: var(--pref-muted); }
.preferences-empty > i[b-6f3lh8oqfs] { font-size: 26px; color: var(--pref-accent-ink); }
.preferences-empty strong[b-6f3lh8oqfs] { font-size: 15px; color: var(--pref-ink); }
.preferences-empty p[b-6f3lh8oqfs] { margin: 0; line-height: 1.8; }
.show-more[b-6f3lh8oqfs] { display: flex; align-items: center; gap: 8px; margin: 18px auto 0; background: var(--pref-surface); color: var(--pref-accent-ink); border: 1px solid var(--pref-line); border-radius: 9px; padding: 9px 18px; }
@media (max-width: 600px) {
    .preferences-intro[b-6f3lh8oqfs] { padding: 20px 16px; align-items: flex-start; gap: 12px; }
    .intro-icon[b-6f3lh8oqfs] { width: 42px; height: 42px; border-radius: 12px; font-size: 20px; }
    .preferences-intro h2[b-6f3lh8oqfs] { font-size: 21px; }
    .preferences-toolbar[b-6f3lh8oqfs] { flex-direction: column; align-items: stretch; gap: 12px; }
    .preferences-tabs button[b-6f3lh8oqfs] { flex: 1; }
    .preferences-search[b-6f3lh8oqfs] { width: 100%; }
    .home-summary[b-6f3lh8oqfs] { flex-wrap: wrap; padding: 14px; }
    .home-summary div[b-6f3lh8oqfs] { max-width: calc(100% - 40px); }
    .home-summary p[b-6f3lh8oqfs] { width: 100%; margin: 0; }
    .preferences-section[b-6f3lh8oqfs] { padding: 16px 12px; }
    .screen-tile[b-6f3lh8oqfs] { padding: 14px; }
    .screen-tile.is-home[b-6f3lh8oqfs] { padding: 13px; }
}
@media (prefers-reduced-motion: reduce) { .screen-preferences button[b-6f3lh8oqfs] { transition: none; } }
/* _content/Starterkit/Shared/Components/CollectionsDetailsDialog.razor.rz.scp.css */
.collections-details-backdrop[b-il3vya6hpp] {
    position: fixed;
    inset: 0;
    z-index: 1045;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .48);
}

.collections-details-dialog[b-il3vya6hpp] {
    display: flex;
    flex-direction: column;
    width: min(1180px, 100%);
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dbe4ee;
    border-radius: 14px;
    background: #fff;
    color: #172033;
    font-family: inherit;
    font-size: inherit;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .28);
    outline: none;
}

.collections-details-header[b-il3vya6hpp] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid #e6edf3;
    background: #f8fbfa;
}

.collections-details-header h3[b-il3vya6hpp] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 1.15rem;
    line-height: 1.6;
    color: #10251f;
}

.collections-details-actions[b-il3vya6hpp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.collections-details-close[b-il3vya6hpp] {
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border: 1px solid #fecaca;
    border-radius: 50%;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.collections-details-close:hover[b-il3vya6hpp] {
    background: #fee2e2;
}

.collections-details-close:focus-visible[b-il3vya6hpp] {
    outline: 2px solid #167761;
    outline-offset: 3px;
}

.collections-details-body[b-il3vya6hpp] {
    min-height: 0;
    min-width: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 20px;
}

@media (max-width: 575.98px) {
    .collections-details-backdrop[b-il3vya6hpp] { padding: 8px; }
    .collections-details-dialog[b-il3vya6hpp] { max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); }
    .collections-details-header[b-il3vya6hpp], .collections-details-body[b-il3vya6hpp] { padding: 12px; }
}
/* _content/Starterkit/Shared/Components/DateTimeInputDmy.razor.rz.scp.css */
.input-group > .dmy-datetime[b-o7pqib8gqq] {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.dmy-datetime > input[type="text"][b-o7pqib8gqq] {
    flex: 1 1 60%;
    min-width: 0;
}

.dmy-datetime > input[type="time"][b-o7pqib8gqq] {
    flex: 1 1 40%;
    min-width: 0;
}
/* _content/Starterkit/Shared/Components/Design/GbActionBar.razor.rz.scp.css */
/*
 * GbActionBar.
 *
 * The mode tint is carried by --gb-acc, re-pointed per mode, so one set of rules serves all
 * five states instead of five near-duplicate blocks (which is how the generated version grew).
 */

.gb-actionbar[b-abe0umafh4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--gb-gap);
    background: var(--gb-surface);
    border: 1px solid var(--gb-line);
    border-radius: var(--gb-radius);
    padding: var(--gb-gap);
    margin-block-end: var(--gb-gap);
    /* The accent rule across the top. Positioned, so the bar needs a containing block. */
    position: relative;
    overflow: hidden;
}

.gb-actionbar[b-abe0umafh4]::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: 3px;
    background: var(--gb-acc);
}

.gb-actionbar__ctx[b-abe0umafh4] {
    display: flex;
    align-items: center;
    gap: var(--gb-gap-sm);
    color: var(--gb-acc);
    min-inline-size: 0;
}

/*
 * The mode tile.
 *
 * A bare glyph beside two lines of text reads as decoration; the generated pages give it a
 * filled 44px tile, which is what makes the mode the first thing you see on the form. The
 * colour is --gb-acc, already re-pointed per mode below, so this stays one rule.
 */
.gb-actionbar__ico[b-abe0umafh4] {
    inline-size: 44px;
    block-size: 44px;
    border-radius: 12px;
    flex: none;
    display: grid;
    place-items: center;
    background: var(--gb-acc);
    color: #fff;
}

.gb-actionbar__ico[b-abe0umafh4]  .gb-icon,
.gb-actionbar__ico[b-abe0umafh4]  i {
    color: #fff;
}

.gb-actionbar__lbl[b-abe0umafh4] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-inline-size: 0;
}

.gb-actionbar__lbl small[b-abe0umafh4] {
    color: var(--gb-muted);
    font-size: 0.8125rem;
}

.gb-actionbar__lbl strong[b-abe0umafh4] {
    color: var(--gb-text);
    /* A long invoice number or client name must not push the buttons off the row. */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gb-actionbar__acts[b-abe0umafh4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gb-gap-sm);
}

.gb-actionbar__kept[b-abe0umafh4] {
    margin-inline-start: var(--gb-gap-sm);
}

/* ---- per-mode accent ------------------------------------------------------------------
   Only the token changes; no rule is repeated. */
.gb-actionbar__ctx--add[b-abe0umafh4] { --gb-acc: var(--gb-ok); }
.gb-actionbar__ctx--view[b-abe0umafh4] { --gb-acc: var(--gb-muted); }
.gb-actionbar__ctx--trash[b-abe0umafh4] { --gb-acc: var(--gb-danger); }
/* edit and search keep the theme accent */

@media (max-width: 767.98px) {
    .gb-actionbar[b-abe0umafh4] {
        /* Stack, and let the buttons take the full width rather than crowding the caption. */
        align-items: stretch;
    }

    .gb-actionbar__acts[b-abe0umafh4] {
        inline-size: 100%;
    }
}
/* _content/Starterkit/Shared/Components/Design/GbButton.razor.rz.scp.css */
/*
 * GbButton.
 *
 * Note how little is here. That is the point: GbVariant emits the Metronic class that already
 * means the requested intent, so there is nothing to override. The generated Sales form needed
 * 210 `!important` declarations because it asked for `btn-light-primary` (tinted) and then
 * forced it to look solid; asking for `btn-primary` instead removes the entire fight.
 *
 * No `!important` appears below, and none may be added - see wwwroot/assets/css/gb-design-system.css.
 */

.gb-btn[b-wgegfat8n9] {
    border-radius: var(--gb-radius);
    /* Metronic animates background/colour but not the radius; keep transitions consistent. */
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* A POSITIVE focus ring, replacing the generated form's
   `*:not(.btn):not(.gm-group):focus { box-shadow: none !important }`, which removed focus
   indication from every control in the form - a WCAG 2.4.7 failure.
   :focus-visible so a mouse click does not leave a ring behind, only keyboard focus. */
.gb-btn:focus-visible[b-wgegfat8n9] {
    outline: none;
    box-shadow: var(--gb-focus-ring);
}

/* NOTE: icon-button SIZE is deliberately not set here.
   It belongs to the context - GbRowActions pins 38px to match the row-action reference, while
   a standalone icon button should keep Metronic's own sizing. A rule here would also outrank
   GbRowActions' ::deep rule on specificity (0,4,0 vs 0,3,0) and silently win. */

.gb-btn:disabled[b-wgegfat8n9] {
    /* Metronic keeps disabled buttons at full opacity, which reads as enabled. */
    opacity: 0.55;
    cursor: not-allowed;
}

/* While the Metronic indicator is on, the label is swapped for the spinner. Hold the button's
   width steady so a toolbar does not reflow mid-save. */
.gb-btn[data-kt-indicator="on"][b-wgegfat8n9] {
    pointer-events: none;
}
/* _content/Starterkit/Shared/Components/Design/GbEnumRadioGroup.razor.rz.scp.css */
/*
 * GbEnumRadioGroup.
 */

.gb-enum[b-ocrzayrsfp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gb-gap);
    /* Never row-reverse: the document's dir already orders these correctly, and reversing
       again double-reverses (which is why some generated rows read backwards). */
}

.gb-enum__item[b-ocrzayrsfp] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    /* Bootstrap's .form-check adds a physical padding-left for the input; we lay the input and
       label out with flex instead, so drop it and stay direction-agnostic. */
    padding-inline-start: 0;
}

.gb-enum__item .form-check-input[b-ocrzayrsfp] {
    margin: 0;
    flex: 0 0 auto;
}

.gb-enum__item .form-check-label[b-ocrzayrsfp] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    margin: 0;
}

.gb-enum__item .form-check-input:disabled + .form-check-label[b-ocrzayrsfp] {
    cursor: not-allowed;
    color: var(--gb-muted);
}

.gb-enum__item .form-check-input:focus-visible[b-ocrzayrsfp] {
    box-shadow: var(--gb-focus-ring);
}
/* _content/Starterkit/Shared/Components/Design/GbField.razor.rz.scp.css */
/*
 * GbField.
 *
 * Note .assets-required-mark is only styled by override.css INSIDE .assets-validation-form, so
 * RequiredFieldLabel renders an unstyled asterisk anywhere else in the app. The rule below
 * gives the marker its colour unconditionally, which both fixes that and keeps the two
 * components looking identical while they coexist.
 */

.gb-field[b-7qrv4tsly8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-block-end: var(--gb-gap);
}

.gb-field .form-label[b-7qrv4tsly8] {
    margin-block-end: 0;
    font-weight: 600;
    color: var(--gb-text);
}

.gb-field__req[b-7qrv4tsly8] {
    color: var(--gb-danger);
    /* Logical property: sits left of the label in RTL, right in LTR, without a direction test. */
    margin-inline-end: 0.25rem;
    font-weight: 700;
}

.gb-field__msg[b-7qrv4tsly8] {
    color: var(--gb-danger);
    font-size: 0.875rem;
}

.gb-field__hint[b-7qrv4tsly8] {
    color: var(--gb-muted);
    font-size: 0.8125rem;
}

/* A positive focus ring, replacing the generated form's
   `*:not(.btn):not(.gm-group)...:focus { box-shadow: none !important }`, which stripped focus
   indication from every control in the form - a WCAG 2.4.7 failure. :focus-visible so only
   keyboard focus shows a ring. ::deep because the control is supplied by the caller. */
.gb-field[b-7qrv4tsly8]  .form-control:focus-visible,
.gb-field[b-7qrv4tsly8]  .form-select:focus-visible {
    box-shadow: var(--gb-focus-ring);
    border-color: var(--gb-acc);
}
/* _content/Starterkit/Shared/Components/Design/GbFieldGroup.razor.rz.scp.css */
/*
 * GbFieldGroup.
 *
 * Every colour is a --gb-* token, which is what buys dark mode for free: those derive from
 * Metronic's --kt-* values, and Metronic re-scopes those under [data-theme=dark]. The
 * generated .gm-group wrote #fff and #f4f6fa directly, so it stays bright white in the dark
 * theme no matter what the theme does.
 *
 * --gb-acc / --gb-acc-on are inherited from :root and may be overridden per group by the
 * inline style the component emits for SysFormComponentGroup.ColorCode.
 */

.gb-group[b-2jj2r7qrxq] {
    background: var(--gb-surface);
    border: 1px solid var(--gb-line);
    border-radius: var(--gb-radius);
    margin-block-end: var(--gb-gap);
    overflow: hidden;
}

.gb-group__head[b-2jj2r7qrxq] {
    display: flex;
    align-items: center;
    gap: var(--gb-gap-sm);
    background: var(--gb-acc);
    /* Computed server-side from the accent's luminance - never a hardcoded #fff. */
    color: var(--gb-acc-on);
    font-weight: 600;
    padding-block: 0.6rem;
    padding-inline: var(--gb-gap);
}

.gb-group__body[b-2jj2r7qrxq] {
    display: grid;
    /* The component passes --gb-cols inline rather than the grid declaration itself, so this
       rule stays overridable by the media query below without needing !important. */
    grid-template-columns: repeat(var(--gb-cols, 2), minmax(0, 1fr));
    gap: var(--gb-gap);
    padding: var(--gb-gap);
}

/* One column on a phone regardless of the configured count - a 2-up grid at 380px wide gives
   two unusable half-fields. */
@media (max-width: 767.98px) {
    .gb-group__body[b-2jj2r7qrxq] {
        grid-template-columns: 1fr;
    }
}
/* _content/Starterkit/Shared/Components/Design/GbFormShell.razor.rz.scp.css */
/*
 * GbFormShell.
 */

.gb-form[b-k6xwhqh6vf] {
    display: flex;
    flex-direction: column;
}

/* <fieldset> carries browser default margin/padding/border that would double the frame. */
.gb-form fieldset[b-k6xwhqh6vf] {
    border: 0;
    margin: 0;
    padding: 0;
    min-inline-size: 0;   /* without this a fieldset refuses to shrink below its content */
}

/* Read-only state. Browsers grey out disabled CONTROLS but leave labels and static text at
   full strength, so a view-only form reads as editable. Tint the whole thing slightly and make
   the cursor say so. ::deep because the fields come from the caller. */
.gb-form fieldset[disabled][b-k6xwhqh6vf]  .form-control,
.gb-form fieldset[disabled][b-k6xwhqh6vf]  .form-select,
.gb-form fieldset[disabled][b-k6xwhqh6vf]  .form-check-input {
    background-color: var(--gb-surface-2);
    cursor: not-allowed;
}

.gb-form fieldset[disabled][b-k6xwhqh6vf]  .form-label {
    color: var(--gb-muted);
}
/* _content/Starterkit/Shared/Components/Design/GbIcon.razor.rz.scp.css */
/*
 * GbIcon - the entire RTL/LTR direction mechanism of the design system, in two rules.
 *
 * Directional glyphs (GbIcons.ChevronNext / ChevronPrev / ArrowNext / ArrowPrev) are authored
 * for RTL, the app's primary direction. Under [dir=ltr] they must mirror, or "next" points
 * backwards in English. Flipping with a transform means ONE declaration handles every
 * directional icon, instead of each call site branching on direction - which is what
 * GridView.razor does today, where pagination hardcodes fa-chevron-right as "previous".
 *
 * :global() is required: [dir] sits on <html>, outside this component's scope, so without it
 * the generated b-* attribute would make the selector match nothing.
 */

.gb-icon--logical[b-fymxqyifue] {
    display: inline-block;
}

:global([dir="ltr"]) .gb-icon--logical[b-fymxqyifue] {
    transform: scaleX(-1);
}
/* _content/Starterkit/Shared/Components/Design/GbPill.razor.rz.scp.css */
/*
 * GbPill.
 *
 * Geometry only. The COLOURS still come from Metronic's badge-light-* classes, which redefine
 * themselves under [data-theme=dark] - that is why this component had no stylesheet until now
 * and why it still has no hex value in it.
 *
 * What is here is the shape the generated pages use (.gm-state / .gm-badge in
 * gb-generated-skin.css): a 20px pill, 11.5px at weight 800, tight padding. Measured side by
 * side, our badge was 13px at weight 500 with a 0.425rem radius - readable, but visibly not the
 * same control as the one in EjarEntities.
 */

.gb-pill[b-1e91933svf] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 800;
    padding: 4px 11px;
    border-radius: 20px;
    white-space: nowrap;
}

/*
 * The state dot.
 *
 * Only a STATE pill gets one; a type or category pill does not. The reference draws the dot in
 * currentColor, so it inherits whatever tone the badge class set and needs no colour of its own.
 */
.gb-pill-dot[b-1e91933svf]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex: none;
}
/* _content/Starterkit/Shared/Components/Design/GbRowActions.razor.rz.scp.css */
/*
 * GbRowActions.
 *
 * Note how little is here, and that there is no !important.
 *
 * The generator's .gm-ops / .gm-op / .gm-op-dg block hardcoded four hex colours
 * (#f4f6fa, #4b5563, #17a673, #e2506e), its own sizing, its own hover states and a pile of
 * overrides - roughly 8 rules. All of that turned out to be Metronic's own
 * `btn btn-icon btn-sm btn-light-{tone}` with a different border-radius, which GbButton already
 * emits. So the cluster only needs layout, and the radius comes from a token.
 *
 * Dropping those hex values is also what buys dark mode: --gb-* derives from --kt-*, which
 * Metronic re-scopes under [data-theme=dark]. #f4f6fa does not.
 */

.gb-row-actions[b-jgaj1pffpc] {
    display: flex;
    gap: var(--gb-gap-sm);
    align-items: center;
    justify-content: center;
    /* Row action clusters must never wrap - a wrapped button changes the row height and the
       whole table starts to look ragged. */
    flex-wrap: nowrap;
}

/* The operations cell is usually sticky; keep the cluster from being squeezed to nothing. */
.gb-row-actions > *[b-jgaj1pffpc] {
    flex: 0 0 auto;
}

/*
 * Size the buttons in PIXELS, not rem.
 *
 * Deliberate exception to the token rule. These are pointer targets, and a hit target is an
 * absolute physical size - it should not shrink because a theme lowered the root font size.
 * This install runs a 13px root, so the rem-based btn-sm sizing produced 29px buttons against
 * the reference implementation's 38px: noticeably smaller and harder to hit.
 *
 * 38px / 10px radius match .gm-op in EjarEntities, which is the look these are meant to share.
 * ::deep because the button is rendered by GbRowAction -> GbButton, not by this component.
 */
.gb-row-actions[b-jgaj1pffpc]  .gb-btn.btn-icon {
    inline-size: 38px;
    block-size: 38px;
    border-radius: 10px;
    padding: 0;
}

/* Icon scales with the box rather than with the root font size, for the same reason. */
.gb-row-actions[b-jgaj1pffpc]  .gb-btn.btn-icon i {
    font-size: 15px;
    line-height: 1;
}
/* _content/Starterkit/Shared/Components/Design/GbRowToggle.razor.rz.scp.css */
/*
 * GbRowToggle.
 *
 * WHY THIS FILE SETS COLOURS THAT METRONIC ALREADY DEFINES
 * Normally `badge badge-light-success` / `badge-light-danger` would be enough - the bundle
 * defines them as `color: var(--kt-success); background-color: var(--kt-success-light)` and so
 * on. They do not survive here, because wwwroot/dashboard.css (linked globally from
 * Pages/_Host.cshtml) ends a selector list with a bare `.badge`:
 *
 *     .feature-table .badge, .ranking-table .badge, .modern-table .badge, .badge {
 *         background: var(--mz-gold-bg); color: var(--mz-gold);
 *     }
 *
 * Its own comment says "rank / count badge inside those tables", so the trailing `, .badge`
 * reads as a slip - but it has the same specificity (0,1,0) as `.badge-light-success` and loads
 * later, so it wins. The effect is that EVERY badge-light-* variant in the application renders
 * gold, and an active row looks exactly like an inactive one.
 *
 * Fixing dashboard.css is the real repair and would restore semantic badge colours app-wide,
 * but that is a visible global change and belongs in its own commit. Until then these rules
 * win locally: CSS isolation adds the component's scope attribute, making them 0,2,0.
 *
 * They are written against --gb-* tokens, so they still follow the theme and still invert
 * correctly in dark mode - and the day dashboard.css is fixed, nothing here has to change.
 */

.gb-row-toggle__badge[b-a46f405t71] {
    border-radius: var(--gb-radius-pill);
    font-weight: 600;
    padding-block: 0.25rem;
    padding-inline: 0.65rem;
    /* Keep the two states the same width so a column of them does not jitter. */
    min-inline-size: 4.5rem;
    text-align: center;
}

.gb-row-toggle__badge.badge-light-success[b-a46f405t71] {
    color: var(--gb-ok);
    background-color: var(--gb-ok-soft);
}

.gb-row-toggle__badge.badge-light-danger[b-a46f405t71] {
    color: var(--gb-danger);
    background-color: var(--gb-danger-soft);
}
/* _content/Starterkit/Shared/Components/Design/GbStatArea.razor.rz.scp.css */
/* GbStatArea - the trend plot. Tokens only; the reference hardcodes its stroke colour. */

.gb-area[b-o7yve7wx52] {
    inline-size: 100%;
}

.gb-area__svg[b-o7yve7wx52] {
    inline-size: 100%;
    block-size: 180px;
    display: block;
    overflow: visible;
}

.gb-area__grid[b-o7yve7wx52] {
    stroke: var(--gb-line);
    stroke-width: 1;
}

.gb-area__line[b-o7yve7wx52] {
    stroke: var(--gb-acc);
}

/* The fill is the accent at low alpha so the line stays the thing you read. */
.gb-area__fill[b-o7yve7wx52] {
    fill: color-mix(in srgb, var(--gb-acc) 12%, transparent);
    stroke: none;
}

.gb-area__empty[b-o7yve7wx52] {
    margin: 0;
    padding-block: 40px;
    text-align: center;
    color: var(--gb-muted);
    font-size: 13px;
}
/* _content/Starterkit/Shared/Components/Design/GbStatBars.razor.rz.scp.css */
/* GbStatBars - the completeness panel. */

.gb-bars__row[b-oesu3zdoxc] {
    margin-block-end: 12px;
}

.gb-bars__row:last-child[b-oesu3zdoxc] {
    margin-block-end: 0;
}

.gb-bars__top[b-oesu3zdoxc] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--gb-gap-sm);
    margin-block-end: 5px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--gb-ink);
}

.gb-bars__top b[b-oesu3zdoxc] {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.gb-bars__track[b-oesu3zdoxc] {
    block-size: 9px;
    background: var(--gb-surface-2);
    border-radius: 20px;
    overflow: hidden;
}

.gb-bars__fill[b-oesu3zdoxc] {
    display: block;
    block-size: 100%;
    border-radius: 20px;
    transition: inline-size .3s ease;
}

/* Reserved status colours: these describe a state, never a category. */
.gb-bars__fill--good[b-oesu3zdoxc] { background: var(--gb-ok); }
.gb-bars__fill--warning[b-oesu3zdoxc] { background: var(--kt-warning); }
.gb-bars__fill--critical[b-oesu3zdoxc] { background: var(--gb-danger); }
.gb-bars__fill--none[b-oesu3zdoxc] { background: transparent; }

.gb-bars__empty[b-oesu3zdoxc] {
    margin: 0;
    padding-block: 28px;
    text-align: center;
    color: var(--gb-muted);
    font-size: 13px;
}
/* _content/Starterkit/Shared/Components/Design/GbStatCard.razor.rz.scp.css */
/*
 * GbStatCard - the shell for the second-tier dashboard panels.
 *
 * Chrome matches GbStatTile so a dashboard reads as one surface. Tokens only, so it inverts in
 * dark mode; the reference hardcodes its panel and border colours and cannot.
 */

.gb-scard[b-f2ry6ezg1p] {
    position: relative;
    overflow: hidden;
    background: var(--gb-surface);
    border: 1px solid var(--gb-line);
    border-radius: 18px;
    box-shadow: 0 6px 22px rgba(16, 24, 40, .06);
    min-inline-size: 0;
}

.gb-scard[b-f2ry6ezg1p]::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: 3px;
    background: var(--gb-acc);
    z-index: 2;
}

.gb-scard__head[b-f2ry6ezg1p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gb-gap-sm);
    padding: 18px 20px 6px;
}

.gb-scard__title[b-f2ry6ezg1p] {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: var(--gb-ink);
}

.gb-scard__caption[b-f2ry6ezg1p] {
    color: var(--gb-muted);
    font-size: 12px;
    font-weight: 700;
}

.gb-scard__body[b-f2ry6ezg1p] {
    padding: 6px 20px 14px;
}
/* _content/Starterkit/Shared/Components/Design/GbStatDonut.razor.rz.scp.css */
/*
 * GbStatDonut - the ratio card.
 *
 * Same card chrome as GbStatTile (18px radius, top rule, corner disc) so a strip mixing the
 * two reads as one row. Tokens only, so unlike the reference it inverts in dark mode.
 */

.gb-donut[b-rclhlgdogb] {
    position: relative;
    overflow: hidden;
    background: var(--gb-surface);
    border: 1px solid var(--gb-line);
    border-radius: 18px;
    padding: 20px 18px 18px;
    box-shadow: 0 6px 22px rgba(16, 24, 40, .06);
    min-inline-size: 0;
}

.gb-donut[b-rclhlgdogb]::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: 3px;
    background: var(--gb-acc);
    z-index: 2;
}

.gb-donut[b-rclhlgdogb]::before {
    content: "";
    position: absolute;
    inset-block-start: -55px;
    inset-inline-start: -45px;
    inline-size: 150px;
    block-size: 150px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--gb-acc) 8%, var(--gb-surface));
    z-index: 0;
}

.gb-donut > *[b-rclhlgdogb] {
    position: relative;
    z-index: 1;
}

.gb-donut__row[b-rclhlgdogb] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.gb-donut__ring[b-rclhlgdogb] {
    position: relative;
    inline-size: 74px;
    block-size: 74px;
    flex: none;
}

.gb-donut__ring svg[b-rclhlgdogb] {
    inline-size: 100%;
    block-size: 100%;
    display: block;
}

.gb-donut__track[b-rclhlgdogb] { stroke: var(--gb-surface-2); }
.gb-donut__fill[b-rclhlgdogb] { stroke: var(--gb-ok); }

.gb-donut__center[b-rclhlgdogb] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 17px;
    font-weight: 800;
    color: var(--gb-ink);
    font-variant-numeric: tabular-nums;
}

.gb-donut__legend[b-rclhlgdogb] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    min-inline-size: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--gb-text);
}

.gb-donut__legend li[b-rclhlgdogb] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-block-end: 5px;
}

.gb-donut__legend li:last-child[b-rclhlgdogb] { margin-block-end: 0; }

/* Pushed to the far end, direction-agnostic. */
.gb-donut__legend b[b-rclhlgdogb] {
    margin-inline-start: auto;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.gb-donut__key[b-rclhlgdogb] {
    inline-size: 9px;
    block-size: 9px;
    border-radius: 3px;
    flex: none;
}

.gb-donut__key--part[b-rclhlgdogb] { background: var(--gb-ok); }
.gb-donut__key--rest[b-rclhlgdogb] { background: var(--kt-warning); }

.gb-donut__label[b-rclhlgdogb] {
    margin-block-start: 10px;
    color: var(--gb-ink-soft);
    font-size: 12.5px;
    font-weight: 700;
}
/* _content/Starterkit/Shared/Components/Design/GbStatList.razor.rz.scp.css */
/* GbStatList - the recent-records panel. */

.gb-slist[b-jmb5tp8fj3] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gb-slist__row[b-jmb5tp8fj3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-block: 11px;
    border-block-end: 1px dashed var(--gb-line);
}

.gb-slist__row:last-child[b-jmb5tp8fj3] {
    border-block-end: none;
}

.gb-slist__avatar[b-jmb5tp8fj3] {
    inline-size: 38px;
    block-size: 38px;
    border-radius: 11px;
    flex: none;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    /* The swatch is a generated hue, so white is the readable ink at this lightness. */
}

.gb-slist__text[b-jmb5tp8fj3] {
    flex: 1;
    min-inline-size: 0;
}

.gb-slist__text b[b-jmb5tp8fj3] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--gb-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gb-slist__text small[b-jmb5tp8fj3] {
    display: block;
    font-size: 11.5px;
    color: var(--gb-muted);
}

.gb-slist__empty[b-jmb5tp8fj3] {
    padding-block: 28px;
    text-align: center;
    color: var(--gb-muted);
    font-size: 13px;
}
/* _content/Starterkit/Shared/Components/Design/GbStatMeter.razor.rz.scp.css */
/*
 * GbStatMeter.
 *
 * The unfilled track is a lighter step of the SAME ramp as the fill, not a neutral grey, so
 * the state reads across the whole bar rather than only in the filled portion.
 */

.gb-meter[b-uzv664un95] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    background: var(--gb-surface);
    border: 1px solid var(--gb-line);
    border-radius: var(--gb-radius);
    padding: var(--gb-gap);
    min-inline-size: 0;
}

.gb-meter__row[b-uzv664un95] {
    display: flex;
    align-items: baseline;
    gap: var(--gb-gap-sm);
    flex-wrap: wrap;
}

.gb-meter__caption[b-uzv664un95] {
    color: var(--gb-muted);
    font-size: 0.75rem;
}

.gb-meter__track[b-uzv664un95] {
    block-size: 8px;
    border-radius: var(--gb-radius-pill);
    background: var(--gb-surface-2);
    overflow: hidden;
    margin-block-start: 0.15rem;
}

.gb-meter__fill[b-uzv664un95] {
    block-size: 100%;
    border-radius: var(--gb-radius-pill);
    transition: inline-size 0.3s ease-in-out;
}

/* Fill carries severity; each pairs with a lighter step of its own hue on the track. */
.gb-meter__fill--good[b-uzv664un95]     { background: var(--gb-ok); }
.gb-meter__fill--warning[b-uzv664un95]  { background: var(--kt-warning); }
.gb-meter__fill--critical[b-uzv664un95] { background: var(--gb-danger); }
.gb-meter__fill--none[b-uzv664un95]     { background: transparent; }

.gb-meter:has(.gb-meter__fill--good)     .gb-meter__track[b-uzv664un95] { background: var(--gb-ok-soft); }
.gb-meter:has(.gb-meter__fill--critical) .gb-meter__track[b-uzv664un95] { background: var(--gb-danger-soft); }
/* _content/Starterkit/Shared/Components/Design/GbStatPanel.razor.rz.scp.css */
/*
 * GbStatPanel.
 *
 * The expander matches the reference dashboard's "عرض المزيد من الإحصائيات": a centred pill
 * BELOW the tiles with a chevron that rotates when open, not a header button.
 *
 * Colours are --gb- / --kt-  tokens, so unlike the reference (which hardcodes #fff / #EAECF1 /
 * #101828) the panel follows the theme into dark mode. Logical properties throughout, since
 * the app's primary direction is RTL.
 */

.gb-stat-panel[b-dz4swukipo] {
    display: block;
    margin-block-end: var(--gb-gap);
}

.gb-stat-panel__body[b-dz4swukipo],
.gb-stat-panel__more[b-dz4swukipo] {
    min-inline-size: 0;
}

.gb-stat-panel__more[b-dz4swukipo] {
    margin-block-start: 16px;
}

.gb-stat-panel__toggle-wrap[b-dz4swukipo] {
    display: flex;
    justify-content: center;
    margin-block: 16px 2px;
}

.gb-stat-panel__toggle[b-dz4swukipo] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: var(--gb-surface);
    border: 1px solid var(--gb-line);
    border-radius: 12px;
    color: var(--gb-text);
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    padding-block: 10px;
    padding-inline: 20px;
    cursor: pointer;
    box-shadow: 0 6px 22px rgba(16, 24, 40, .06);
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.gb-stat-panel__toggle:hover[b-dz4swukipo] {
    border-color: var(--gb-acc);
    background: var(--gb-acc-soft);
    color: var(--gb-acc);
}

/* A positive focus ring. The generated form strips focus shadows app-wide with
   `box-shadow: none !important`, a WCAG 2.4.7 failure; this does not inherit it. */
.gb-stat-panel__toggle:focus-visible[b-dz4swukipo] {
    outline: 2px solid var(--gb-acc);
    outline-offset: 2px;
}

/* ::deep because the chevron is rendered by GbIcon, a CHILD component - CSS isolation tags
   only the elements this component renders itself, so a plain selector would never match. */
.gb-stat-panel__toggle[b-dz4swukipo]  .gb-stat-panel__chev {
    transition: transform .25s ease;
}

.gb-stat-panel__toggle.is-open[b-dz4swukipo]  .gb-stat-panel__chev {
    transform: rotate(180deg);
}

/* The period control sits above the tiles, pushed to the start of the row. */
.gb-stat-panel__period[b-dz4swukipo] {
    display: flex;
    justify-content: flex-start;
    margin-block-end: 20px;
}

/* _content/Starterkit/Shared/Components/Design/GbStatPeriodPicker.razor.rz.scp.css */
/* GbStatPeriodPicker - the segmented period control. */

.gb-period[b-nlpl9df1gg] {
    display: inline-flex;
    gap: 4px;
    background: var(--gb-surface);
    border: 1px solid var(--gb-line);
    border-radius: 12px;
    padding: 4px;
    box-shadow: 0 6px 22px rgba(16, 24, 40, .06);
}

.gb-period__seg[b-nlpl9df1gg] {
    border: none;
    background: none;
    font: inherit;
    font-size: 12.5px;
    font-weight: 800;
    color: var(--gb-muted);
    padding-block: 9px;
    padding-inline: 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .14s ease, color .14s ease;
}

.gb-period__seg:hover[b-nlpl9df1gg] {
    color: var(--gb-acc);
    background: var(--gb-acc-soft);
}

.gb-period__seg.is-on[b-nlpl9df1gg] {
    background: var(--gb-acc);
    color: var(--kt-primary-inverse, #fff);
}

/* A positive focus ring - the app strips focus shadows globally with !important and this must
   not inherit that (WCAG 2.4.7). */
.gb-period__seg:focus-visible[b-nlpl9df1gg] {
    outline: 2px solid var(--gb-acc);
    outline-offset: 2px;
}
/* _content/Starterkit/Shared/Components/Design/GbStatStrip.razor.rz.scp.css */
/*
 * GbStatStrip - the KPI row.
 *
 * Four across, matching the reference dashboard, collapsing to two then one. The reference
 * uses fixed repeat(4,1fr) with breakpoints at 1200px and 700px; the same steps are kept so a
 * strip looks identical, but auto-fit handles a strip of two or three tiles without the caller
 * having to say so.
 */

.gb-stat-strip[b-k7uszg7ila] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

@media (max-width: 1200px) {
    .gb-stat-strip[b-k7uszg7ila] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
    .gb-stat-strip[b-k7uszg7ila] { grid-template-columns: 1fr; }
}
/* _content/Starterkit/Shared/Components/Design/GbStatTile.razor.rz.scp.css */
/*
 * GbStatTile - the KPI card.
 *
 * Shape matches EjarEntities/Entities/EntitiesDashboard.razor, which is the look the product
 * already uses: 18px radius, a 3px company-colour rule along the top, a large soft disc in the
 * corner, label / big number / footer row of sparkline + delta pill.
 *
 * The one thing NOT copied is its colours. That file hardcodes #fff, #101828, #EAECF1,
 * #12996b, so it cannot follow the theme into dark mode. Every value here is a --gb- / --kt- 
 * token, and the corner disc is color-mix'd against the SURFACE rather than white, so the card
 * inverts correctly and still looks identical in light mode.
 */

.gb-stat[b-ig62u9696d] {
    position: relative;
    overflow: hidden;
    background: var(--gb-surface);
    border: 1px solid var(--gb-line);
    border-radius: 18px;
    padding: 20px 18px 18px;
    box-shadow: 0 6px 22px rgba(16, 24, 40, .06);
    min-inline-size: 0;

    /* The tone the sparkline and delta inherit. Neutral by default. */
    --gb-stat-tone: var(--gb-acc);
}

.gb-stat--good[b-ig62u9696d] { --gb-stat-tone: var(--gb-ok); }
.gb-stat--warning[b-ig62u9696d] { --gb-stat-tone: var(--kt-warning); }
.gb-stat--critical[b-ig62u9696d] { --gb-stat-tone: var(--gb-danger); }

/* Company-colour rule along the top edge. */
.gb-stat[b-ig62u9696d]::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: 3px;
    background: var(--gb-acc);
    z-index: 2;
}

/* Decorative disc in the upper corner. Mixed against the surface, not #fff, so it survives
   dark mode. inset-inline-start keeps it on the correct side under RTL and LTR. */
.gb-stat[b-ig62u9696d]::before {
    content: "";
    position: absolute;
    inset-block-start: -55px;
    inset-inline-start: -45px;
    inline-size: 150px;
    block-size: 150px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--gb-acc) 8%, var(--gb-surface));
    z-index: 0;
}

.gb-stat > *[b-ig62u9696d] {
    position: relative;
    z-index: 1;
}

.gb-stat__label[b-ig62u9696d] {
    color: var(--gb-ink-soft);
    font-size: 12.5px;
    font-weight: 700;
}

.gb-stat__value[b-ig62u9696d] {
    margin-block-start: 2px;
    color: var(--gb-ink);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.03em;
    /* Tabular figures so a column of cards does not jitter as values change. */
    font-variant-numeric: tabular-nums;
}

.gb-stat__foot[b-ig62u9696d] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-block-start: 10px;
}

.gb-stat__spark[b-ig62u9696d] {
    flex: 1;
    block-size: 34px;
    display: block;
    min-inline-size: 0;
    /* The path uses stroke="currentColor"; this is where the tone enters. */
    color: var(--gb-stat-tone);
}

.gb-stat__delta[b-ig62u9696d] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11.5px;
    font-weight: 800;
    padding-block: 3px;
    padding-inline: 8px;
    border-radius: 20px;
}

/* Direction x whether up is good - a fall in "inactive" is good news, so the component decides
   which class applies rather than mapping sign straight to colour. */
.gb-stat__delta--good[b-ig62u9696d] { color: var(--gb-ok); background: var(--gb-ok-soft); }
.gb-stat__delta--bad[b-ig62u9696d] { color: var(--gb-danger); background: var(--gb-danger-soft); }
.gb-stat__delta--flat[b-ig62u9696d] { color: var(--gb-muted); background: var(--gb-surface-2); }
/* _content/Starterkit/Shared/Components/Design/GbToolbar.razor.rz.scp.css */
/*
 * GbToolbar.
 *
 * Logical properties only - no margin-right, no flex-direction: row-reverse. The app is RTL
 * first, but `dir` on the document already reverses a plain flex row; reversing it again in CSS
 * double-reverses, which is why some of the generated page's rows read backwards.
 */

.gb-toolbar[b-37wl6q6d4g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gb-gap);
    /* Toolbar sits at the start of the reading direction: right in RTL, left in LTR. */
    justify-content: flex-start;
}

@media (max-width: 767.98px) {
    .gb-toolbar[b-37wl6q6d4g] {
        gap: var(--gb-gap-sm);
    }

    /* On a phone a six-button toolbar wraps into an unreadable block; let each button shrink
       to its icon rather than forcing a second and third row. */
    .gb-toolbar[b-37wl6q6d4g]  .gb-btn {
        flex: 1 1 auto;
        min-inline-size: 0;
    }
}
/* _content/Starterkit/Shared/Components/GbAutocompleteSelect.razor.rz.scp.css */
.gb-autocomplete-select[b-oxfszj91qf] {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.gb-autocomplete-select__native[b-oxfszj91qf] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.gb-autocomplete-select__control[b-oxfszj91qf] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.gb-autocomplete-select__input[b-oxfszj91qf] {
    display: block;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 46px;
    width: 100%;
    padding-block: .58rem !important;
    padding-inline-start: 2.75rem !important;
    padding-inline-end: .9rem !important;
    line-height: 1.65 !important;
    appearance: none !important;
    background-image: none !important;
    text-overflow: ellipsis;
}

.gb-autocomplete-select__input:disabled[b-oxfszj91qf] {
    cursor: not-allowed;
}

.gb-autocomplete-select__toggle[b-oxfszj91qf] {
    position: absolute;
    inset-block: 1px;
    inset-inline-start: 1px;
    display: inline-grid;
    width: 2.55rem;
    place-items: center;
    padding: 0;
    color: #64748b;
    background: transparent;
    border: 0;
    border-inline-end: 1px solid rgba(148, 163, 184, .28);
    border-radius: .45rem 0 0 .45rem;
}

.gb-autocomplete-select__toggle:focus-visible[b-oxfszj91qf] {
    outline: 2px solid #2563eb;
    outline-offset: -3px;
}

.gb-autocomplete-select__toggle i[b-oxfszj91qf] {
    font-size: .76rem;
    transition: transform .18s ease;
}

.gb-autocomplete-select.is-open .gb-autocomplete-select__toggle i[b-oxfszj91qf] {
    transform: rotate(180deg);
}

.gb-autocomplete-select__menu[b-oxfszj91qf] {
    position: absolute;
    z-index: 1085;
    inset-inline: 0;
    top: calc(100% + .35rem);
    max-height: min(19rem, 42vh);
    overflow-y: auto;
    padding: .28rem;
    background: #fff;
    border: 1px solid #d9e2ec;
    border-radius: .48rem;
    box-shadow: 0 10px 28px rgba(20, 47, 78, .13);
    overscroll-behavior: contain;
    scrollbar-color: #d9e2ec transparent;
    scrollbar-width: thin;
}

.gb-autocomplete-select.is-open[b-oxfszj91qf] {
    z-index: 1090;
}

.gb-autocomplete-select.is-open .gb-autocomplete-select__menu[b-oxfszj91qf] {
    z-index: 1095;
}

.gb-autocomplete-select__menu[hidden][b-oxfszj91qf] {
    display: none;
}

.gb-autocomplete-select__menu[b-oxfszj91qf]  .gb-autocomplete-select__option,
.gb-autocomplete-select__menu[b-oxfszj91qf]  .gb-autocomplete-select__empty {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    padding: .52rem .8rem;
    font: inherit;
    font-size: .88rem;
    line-height: 1.6;
    text-align: start;
    border: 0;
    border-radius: .28rem;
    white-space: normal;
}

.gb-autocomplete-select__menu[b-oxfszj91qf]  .gb-autocomplete-select__option {
    color: #173b66;
    background: transparent;
    font-weight: 650;
    cursor: pointer;
}

.gb-autocomplete-select__menu[b-oxfszj91qf]  .gb-autocomplete-select__option:hover,
.gb-autocomplete-select__menu[b-oxfszj91qf]  .gb-autocomplete-select__option.is-active {
    color: #0c5670;
    background: #f0f6f8;
}

.gb-autocomplete-select__menu[b-oxfszj91qf]  .gb-autocomplete-select__option[aria-selected="true"] {
    color: #075f73;
    background: #eaf4f6;
    box-shadow: inset -3px 0 0 #087d91;
    font-weight: 800;
}

.gb-autocomplete-select__menu[b-oxfszj91qf]  .gb-autocomplete-select__empty {
    justify-content: center;
    color: #64748b;
    text-align: center;
}

.gb-autocomplete-select.is-invalid .gb-autocomplete-select__input[b-oxfszj91qf] {
    border-color: var(--bs-form-invalid-border-color, #dc3545);
}

@media (max-width: 575.98px) {
    .gb-autocomplete-select__menu[b-oxfszj91qf] {
        max-height: 16rem;
    }
}
/* _content/Starterkit/Shared/MainLayout.razor.rz.scp.css */
.page[b-hhw6iqg2k8] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-hhw6iqg2k8] {
    flex: 1;
}

.sidebar[b-hhw6iqg2k8] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-hhw6iqg2k8] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-hhw6iqg2k8]  a, .top-row .btn-link[b-hhw6iqg2k8] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-hhw6iqg2k8] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-hhw6iqg2k8] {
        display: none;
    }

    .top-row.auth[b-hhw6iqg2k8] {
        justify-content: space-between;
    }

    .top-row a[b-hhw6iqg2k8], .top-row .btn-link[b-hhw6iqg2k8] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-hhw6iqg2k8] {
        flex-direction: row;
    }

    .sidebar[b-hhw6iqg2k8] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-hhw6iqg2k8] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-hhw6iqg2k8], article[b-hhw6iqg2k8] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Starterkit/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-b1ijrkhba3] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-b1ijrkhba3] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-b1ijrkhba3] {
    font-size: 1.1rem;
}

.oi[b-b1ijrkhba3] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-b1ijrkhba3] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-b1ijrkhba3] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-b1ijrkhba3] {
        padding-bottom: 1rem;
    }

    .nav-item[b-b1ijrkhba3]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-b1ijrkhba3]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-b1ijrkhba3]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-b1ijrkhba3] {
        display: none;
    }

    .collapse[b-b1ijrkhba3] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-b1ijrkhba3] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Starterkit/Shared/Partials/Dashboard/BeneficiaryPortfolioSummaryCard.razor.rz.scp.css */
.portfolio-summary[b-g4lrewg8wc] { padding: 0; color: var(--bs-body-color, #25354a); }
.portfolio-toolbar[b-g4lrewg8wc] { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.portfolio-help[b-g4lrewg8wc] { font-size: .85rem; color: var(--bs-secondary-color, #65758b); }
.portfolio-help summary[b-g4lrewg8wc] { cursor: pointer; padding: 5px 0; }
.portfolio-help summary:focus-visible[b-g4lrewg8wc] { outline: 2px solid var(--bs-primary, #1768ac); outline-offset: 2px; }
.portfolio-help-content[b-g4lrewg8wc] { position: absolute; inset-inline-end: 0; top: 100%; z-index: 5; width: min(320px, 75vw); padding: 10px 12px; border: 1px solid var(--bs-border-color, #dde4ec); border-radius: 8px; background: var(--bs-body-bg, #fff); box-shadow: 0 4px 16px #00000012; }
.portfolio-help-content .portfolio-date-note:first-child[b-g4lrewg8wc] { margin-top: 0; }
.portfolio-filters[b-g4lrewg8wc] { display: flex; flex-wrap: wrap; gap: 4px; }
.portfolio-chip[b-g4lrewg8wc], .portfolio-apply[b-g4lrewg8wc], .portfolio-retry[b-g4lrewg8wc] { font: inherit; cursor: pointer; border-radius: 8px; border: 1px solid var(--bs-border-color, #dde4ec); padding: 4px 10px; background: var(--bs-body-bg, #fff); color: inherit; }
.portfolio-chip.selected[b-g4lrewg8wc] { background: var(--bs-primary, #1768ac); border-color: var(--bs-primary, #1768ac); color: white; }
.portfolio-chip:hover[b-g4lrewg8wc], .portfolio-retry:hover[b-g4lrewg8wc] { border-color: var(--bs-primary, #1768ac); }
.portfolio-chip:focus-visible[b-g4lrewg8wc], .portfolio-apply:focus-visible[b-g4lrewg8wc], .portfolio-retry:focus-visible[b-g4lrewg8wc], .portfolio-dates input:focus-visible[b-g4lrewg8wc] { outline: 2px solid var(--bs-primary, #1768ac); outline-offset: 2px; }
.portfolio-date-note[b-g4lrewg8wc] { margin: 6px 0 0; color: var(--bs-secondary-color, #65758b); font-size: .85rem; line-height: 1.5; }
.portfolio-dates[b-g4lrewg8wc] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-top: 8px; }
.portfolio-dates label[b-g4lrewg8wc] { display: grid; gap: 4px; flex: 1 1 130px; min-width: 0; }
.portfolio-dates input[b-g4lrewg8wc] { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid var(--bs-border-color, #dde4ec); border-radius: 8px; padding: 6px 8px; font: inherit; background: var(--bs-body-bg, #fff); color: inherit; }
.portfolio-apply[b-g4lrewg8wc] { background: var(--bs-primary, #1768ac); color: white; }
.portfolio-apply:disabled[b-g4lrewg8wc] { opacity: .6; cursor: wait; }
.portfolio-totals[b-g4lrewg8wc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 10px; background: var(--bs-tertiary-bg, #f4f6f9); border-radius: 8px; }
.portfolio-total[b-g4lrewg8wc] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; padding: 10px 14px; min-width: 0; }
.portfolio-total.retained[b-g4lrewg8wc] { border-inline-start: 1px solid var(--bs-border-color, #dde4ec); }
.portfolio-total span[b-g4lrewg8wc] { font-size: .95rem; line-height: 1.6; }
.portfolio-total i[b-g4lrewg8wc] { margin-inline-end: 4px; }
.portfolio-total strong[b-g4lrewg8wc] { font-size: 1.35rem; line-height: 1.4; text-align: start; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.portfolio-message[b-g4lrewg8wc] { padding: 20px 0; margin: 0; line-height: 1.8; }
.portfolio-retry[b-g4lrewg8wc] { margin-inline-start: 8px; }
@media (max-width: 480px) { .portfolio-total[b-g4lrewg8wc] { padding: 8px 10px; gap: 4px; flex-direction: column; align-items: flex-start; } .portfolio-total strong[b-g4lrewg8wc] { font-size: 1.2rem; } .portfolio-chip[b-g4lrewg8wc] { padding: 5px 8px; } }
.portfolio-distributions[b-g4lrewg8wc] { margin-top: 10px; }
.portfolio-distributions h4[b-g4lrewg8wc] { font-size: 1rem; margin: 0 0 6px; }
.portfolio-table-scroll[b-g4lrewg8wc] { overflow-x: auto; border: 1px solid var(--bs-border-color, #e1e8ed); border-radius: 10px; }
.portfolio-distributions table[b-g4lrewg8wc] { width: 100%; border-collapse: collapse; font-size: .85rem; text-align: start; }
.portfolio-distributions th[b-g4lrewg8wc], .portfolio-distributions td[b-g4lrewg8wc] { padding: 6px 10px; text-align: start; border-bottom: 1px solid var(--bs-border-color, #e1e8ed); overflow-wrap: anywhere; min-width: 90px; }
.portfolio-distributions th[b-g4lrewg8wc] { background: var(--bs-tertiary-bg, #f4f6f9); white-space: nowrap; }
.portfolio-distributions tbody tr:last-child td[b-g4lrewg8wc] { border-bottom: 0; }
.portfolio-pagination[b-g4lrewg8wc] { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 6px; font-size: .85rem; }
.portfolio-chip:disabled[b-g4lrewg8wc] { opacity: .5; cursor: default; }
.portfolio-amount[b-g4lrewg8wc] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.portfolio-download[b-g4lrewg8wc] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid var(--bs-border-color, #dde4ec); border-radius: 8px; background: var(--bs-body-bg, #fff); color: var(--bs-primary, #1768ac); cursor: pointer; }
.portfolio-download:focus-visible[b-g4lrewg8wc] { outline: 2px solid currentColor; outline-offset: 2px; }
.portfolio-download:disabled[b-g4lrewg8wc] { opacity: .5; cursor: wait; }
.portfolio-download-error[b-g4lrewg8wc] { color: var(--bs-danger, #b42318); margin-top: 10px; }
/* _content/Starterkit/Shared/Partials/Dashboard/PartnerProfileData.razor.rz.scp.css */
.partner-profile-data[b-lijthf2dwf] { min-width: 0; container-type: inline-size; }
.partner-profile-header[b-lijthf2dwf] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 20px; }
.partner-profile-header h2[b-lijthf2dwf] { font-size: 21px; margin: 0 0 8px; }
.partner-profile-header p[b-lijthf2dwf] { color: #727c8c; margin: 0; }
.alert[b-lijthf2dwf] { overflow-wrap: anywhere; }
.partner-profile-data[b-lijthf2dwf]  .partner-profile-submit { margin-top: 24px; padding-top: 24px; border-top: 1px solid #e5e9f0; }
.partner-profile-data[b-lijthf2dwf]  .subPageTable { max-width: 100%; overflow-x: auto; }
@media (max-width: 640px) {
    .partner-profile-data[b-lijthf2dwf]  .partner-profile-submit > .btn { width: 100%; }
}
@container (max-width: 640px) {
    .partner-profile-data[b-lijthf2dwf]  .gm-grid { grid-template-columns: minmax(0, 1fr) !important; }
    .partner-profile-data[b-lijthf2dwf]  .gm-grid > * { min-width: 0; padding-inline: 0 !important; }
    .partner-profile-data[b-lijthf2dwf]  .form-container.card { padding: 8px 0 !important; }
    .partner-profile-data[b-lijthf2dwf]  .form-container.card > .row { margin-inline: 0; }
    .partner-profile-data[b-lijthf2dwf]  .form-container.card > .row > .col-12 { padding-inline: 0; }
}
/* _content/Starterkit/Shared/Partials/Dashboard/PartnerStatisticsCard.razor.rz.scp.css */
.partner-statistics[b-2ga0wm6lio] {
    --partner-accent: var(--ds-brand, var(--bs-primary, #173f45));
    --partner-surface: var(--ds-surface, var(--bs-body-bg, #fff));
    --partner-ink: var(--ds-ink, var(--bs-body-color, #203943));
    --partner-muted: color-mix(in srgb, var(--partner-ink) 72%, var(--partner-surface));
    --partner-line: color-mix(in srgb, var(--partner-ink) 14%, var(--partner-surface));
    --partner-soft: color-mix(in srgb, var(--partner-accent) 4%, var(--partner-surface));
    padding: .5rem;
    color: var(--partner-ink);
    font-size: 1.2rem;
    line-height: 1.7;
    container-type: inline-size;
}
.partner-filters[b-2ga0wm6lio] { display: flex; flex-wrap: wrap; gap: .5rem; }
.partner-chip[b-2ga0wm6lio] { border: 1px solid var(--partner-line); color: var(--partner-muted); background: var(--partner-surface); padding: .55rem 1.1rem; min-height: 44px; border-radius: .75rem; font: inherit; font-size: 1.2rem; cursor: pointer; transition: border-color .18s ease, background .18s ease, color .18s ease; }
.partner-chip:hover[b-2ga0wm6lio] { border-color: var(--partner-accent); color: var(--partner-accent); }
.partner-chip.selected[b-2ga0wm6lio] { border-color: var(--partner-accent); background: var(--partner-accent); color: #fff; font-weight: 600; }
.partner-chip:focus-visible[b-2ga0wm6lio] { outline: 3px solid var(--partner-accent); outline-offset: 3px; }
.partner-note[b-2ga0wm6lio] { font-size: 1.1rem; line-height: 1.9; color: var(--partner-muted); margin: .75rem 0; }
.partner-name[b-2ga0wm6lio] { display: flex; align-items: center; gap: .6rem; font-weight: 600; font-size: 1.4rem; margin: 1.35rem 0 1rem; }
.partner-name[b-2ga0wm6lio]::before { content: ''; width: 4px; height: 1.15rem; border-radius: 3px; background: var(--partner-accent); flex-shrink: 0; }
.partner-overview[b-2ga0wm6lio] { margin: 0 0 1.2rem; }
.partner-overview h3[b-2ga0wm6lio] { font-size: 1.25rem; font-weight: 600; color: var(--partner-muted); margin: 0 0 .85rem; }
.partner-kpis[b-2ga0wm6lio] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: .85rem; }
.partner-kpi[b-2ga0wm6lio], .partner-chart[b-2ga0wm6lio], .partner-joined[b-2ga0wm6lio] { background: var(--partner-surface); border: 1px solid var(--partner-line); border-radius: 1rem; box-shadow: 0 3px 12px #142c3b04; }
.partner-kpi[b-2ga0wm6lio] { --metric-color: var(--partner-accent); min-width: 0; display: flex; align-items: flex-start; gap: .9rem; padding: 1.25rem 1.1rem; border-block-start: 2px solid color-mix(in srgb, var(--metric-color) 35%, var(--partner-surface)); transition: border-color .18s ease, box-shadow .18s ease; }
.partner-kpi:hover[b-2ga0wm6lio] { border-color: color-mix(in srgb, var(--metric-color) 40%, var(--partner-surface)); box-shadow: 0 5px 18px #142c3b09; }
.partner-kpi.tone-advantages[b-2ga0wm6lio], .partner-icon.tone-advantages[b-2ga0wm6lio] { --metric-color: #3877ad; }
.partner-kpi.tone-usage[b-2ga0wm6lio], .partner-icon.tone-usage[b-2ga0wm6lio] { --metric-color: #168060; }
.partner-kpi.tone-beneficiaries[b-2ga0wm6lio], .partner-icon.tone-beneficiaries[b-2ga0wm6lio] { --metric-color: #97741b; }
.partner-kpi.tone-cities[b-2ga0wm6lio], .partner-icon.tone-cities[b-2ga0wm6lio] { --metric-color: #467d7b; }
.partner-kpi.tone-expiring[b-2ga0wm6lio], .partner-icon.tone-expiring[b-2ga0wm6lio] { --metric-color: #ab652c; }
.partner-icon[b-2ga0wm6lio] { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; flex-shrink: 0; border-radius: .8rem; background: color-mix(in srgb, var(--metric-color, var(--partner-accent)) 10%, var(--partner-surface)); border: 1px solid color-mix(in srgb, var(--metric-color, var(--partner-accent)) 17%, var(--partner-surface)); color: var(--metric-color, var(--partner-accent)); font-size: 1.25rem; }
.partner-icon i[b-2ga0wm6lio] { color: inherit; }
.partner-kpi > div[b-2ga0wm6lio] { min-width: 0; }
.partner-kpi strong[b-2ga0wm6lio] { display: block; font-size: 2.75rem; font-weight: 700; line-height: 1.2; letter-spacing: -.04em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.partner-kpi h4[b-2ga0wm6lio], .partner-joined h4[b-2ga0wm6lio] { font-size: 1.2rem; color: var(--partner-muted); font-weight: 500; line-height: 1.7; margin: .6rem 0 0; }
.partner-charts[b-2ga0wm6lio] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.partner-chart[b-2ga0wm6lio] { min-width: 0; padding: 1.2rem 1.4rem; }
.partner-chart h4[b-2ga0wm6lio] { display: flex; align-items: center; gap: .65rem; font-size: 1.4rem; font-weight: 600; line-height: 1.6; padding-bottom: 1rem; margin: 0 0 .75rem; border-bottom: 1px solid var(--partner-line); }
.partner-chart-icon[b-2ga0wm6lio] { display: grid; place-items: center; flex-shrink: 0; width: 2rem; height: 2rem; border-radius: .6rem; background: var(--partner-soft); color: var(--partner-accent); }
.partner-chart-icon i[b-2ga0wm6lio] { color: inherit; font-size: 1rem; }
.chart-top[b-2ga0wm6lio], .chart-monthly[b-2ga0wm6lio] { grid-column: 1 / -1; }
.partner-plot[b-2ga0wm6lio] { min-height: 230px; overflow-x: auto; padding: 2.1rem .5rem .75rem; scrollbar-width: thin; }
.partner-plot.vertical[b-2ga0wm6lio] { display: flex; align-items: stretch; gap: 1rem; background: repeating-linear-gradient(to top, transparent 0, transparent 59px, var(--partner-line) 60px); background-clip: content-box; }
.vertical .partner-bar-item[b-2ga0wm6lio] { display: flex; flex: 1 0 64px; flex-direction: column-reverse; align-items: center; gap: .8rem; }
.vertical .partner-bar-track[b-2ga0wm6lio] { width: min(65%, 66px); height: 168px; display: flex; align-items: flex-end; }
.vertical .partner-bar[b-2ga0wm6lio] { height: var(--amount); width: 100%; border-radius: .5rem .5rem .15rem .15rem; position: relative; }
.vertical .partner-bar-value[b-2ga0wm6lio] { position: absolute; top: -2.1rem; left: 50%; transform: translateX(-50%); line-height: 1.5; }
.partner-bar[b-2ga0wm6lio] { background: var(--partner-accent); display: block; }
.partner-bar-item:nth-child(even) .partner-bar[b-2ga0wm6lio] { background: color-mix(in srgb, var(--partner-accent) 65%, #9bcec0); }
.partner-bar-label[b-2ga0wm6lio] { font-size: 1.15rem; color: var(--partner-muted); text-align: center; overflow-wrap: anywhere; max-width: 160px; }
.partner-bar-value[b-2ga0wm6lio] { color: var(--partner-ink); font-size: 1.2rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.horizontal[b-2ga0wm6lio] { padding-block: .4rem; }
.horizontal .partner-bar-item[b-2ga0wm6lio] { display: grid; grid-template-columns: minmax(100px, 27%) 1fr; align-items: center; gap: 1.25rem; margin: 1.5rem 0; }
.horizontal .partner-bar-label[b-2ga0wm6lio] { text-align: start; max-width: none; }
.horizontal .partner-bar-track[b-2ga0wm6lio] { background: var(--partner-soft); height: .7rem; border-radius: 1rem; }
.horizontal .partner-bar[b-2ga0wm6lio] { width: var(--amount); height: 100%; border-radius: 1rem; position: relative; }
.horizontal .partner-bar-value[b-2ga0wm6lio] { position: absolute; inset-inline-end: 0; top: -1.6rem; line-height: 1; }
.partner-donut[b-2ga0wm6lio] { width: min(100%, 200px); aspect-ratio: 1; box-sizing: border-box; border-radius: 50%; margin: 1.4rem auto; padding: 16px; background: conic-gradient(var(--partner-accent) var(--portion), var(--partner-line) 0); }
.partner-donut > div[b-2ga0wm6lio] { background: var(--partner-surface); border-radius: 50%; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .45rem; }
.partner-donut strong[b-2ga0wm6lio] { font-size: 2.75rem; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.partner-donut span[b-2ga0wm6lio] { font-size: 1.15rem; color: var(--partner-muted); }
.partner-legend[b-2ga0wm6lio] { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; margin: 1rem 0 .25rem; }
.partner-legend > div[b-2ga0wm6lio] { display: flex; align-items: center; gap: .6rem; padding: .5rem .85rem; background: var(--partner-soft); border: 1px solid var(--partner-line); border-radius: .65rem; font-size: 1.15rem; }
.partner-legend dt[b-2ga0wm6lio] { display: flex; align-items: center; gap: .45rem; color: var(--partner-muted); font-weight: 500; }
.partner-legend dt[b-2ga0wm6lio]::before { content: ''; width: .5rem; height: .5rem; border-radius: 50%; background: var(--partner-accent); }
.partner-legend > div + div dt[b-2ga0wm6lio]::before { background: var(--partner-line); border: 1px solid var(--partner-muted); }
.partner-legend dd[b-2ga0wm6lio] { font-weight: 700; margin: 0; }
.partner-empty[b-2ga0wm6lio] { min-height: 210px; display: flex; align-items: center; justify-content: center; color: var(--partner-muted); text-align: center; }
.partner-joined[b-2ga0wm6lio] { display: flex; align-items: center; gap: 1rem; padding: 1.05rem 1.3rem; margin-top: 1.2rem; }
.partner-joined h4[b-2ga0wm6lio] { margin: 0 0 .25rem; }
.partner-joined > div[b-2ga0wm6lio] { min-width: 0; }
.partner-joined strong[b-2ga0wm6lio] { font-size: 1.4rem; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.partner-age[b-2ga0wm6lio] { margin-inline-start: auto; padding: .45rem .8rem; border: 1px solid var(--partner-line); border-radius: 2rem; background: var(--partner-soft); font-size: 1.15rem; color: var(--partner-muted); }
@container (max-width: 640px) {
    .partner-charts[b-2ga0wm6lio] { grid-template-columns: 1fr; }
    .partner-kpis[b-2ga0wm6lio] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .partner-kpi[b-2ga0wm6lio] { padding: 1rem .85rem; gap: .65rem; }
    .partner-kpi strong[b-2ga0wm6lio] { font-size: 2.35rem; }
    .partner-icon[b-2ga0wm6lio] { width: 2.4rem; height: 2.4rem; font-size: 1.1rem; }
    .partner-chart[b-2ga0wm6lio] { padding: 1rem; }
    .partner-joined[b-2ga0wm6lio] { flex-wrap: wrap; }
    .partner-age[b-2ga0wm6lio] { margin-inline-start: 0; }
}
@container (max-width: 340px) {
    .partner-kpis[b-2ga0wm6lio] { grid-template-columns: 1fr; }
    .horizontal .partner-bar-item[b-2ga0wm6lio] { grid-template-columns: 1fr; gap: 1.6rem; }
}
@media (max-width: 640px) { .partner-statistics[b-2ga0wm6lio] { padding: 0; } }
@media (prefers-reduced-motion: reduce) { .partner-chip[b-2ga0wm6lio], .partner-kpi[b-2ga0wm6lio] { transition: none; } }
/* _content/Starterkit/Shared/Partials/Dashboard/SpecialDashboardSection.razor.rz.scp.css */
.special-dashboard-section[b-smr3xjvlau] { min-width: 0; color: var(--ds-ink, #182230); }
.special-section-message[b-smr3xjvlau] { padding: 2rem 1rem; text-align: center; color: var(--ds-ink-3, #667085); }
.special-section-grid[b-smr3xjvlau] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: .75rem; padding: .25rem; }
.special-section-card[b-smr3xjvlau] { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--ds-border, #e4e7ec); border-radius: .65rem; background: var(--ds-surface, #fff); box-shadow: 0 5px 16px rgba(16, 24, 40, .045); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.special-section-card:hover[b-smr3xjvlau] { border-color: #d0d5dd; box-shadow: 0 9px 22px rgba(16, 24, 40, .08); transform: translateY(-1px); }
.special-section-media[b-smr3xjvlau] { width: 100%; aspect-ratio: 4 / 1; display: grid; place-items: center; overflow: hidden; border-radius: calc(.65rem - 1px) calc(.65rem - 1px) 0 0; background: var(--ds-brand-soft, color-mix(in srgb, var(--kt-primary) 10%, transparent)); color: var(--ds-brand, var(--gb-website-primary, var(--kt-primary))); }
.special-section-media img[b-smr3xjvlau] { width: 100%; height: 100%; min-width: 0; min-height: 0; display: block; object-fit: contain; object-position: center; }
.special-section-media i[b-smr3xjvlau] { font-size: 1.5rem; }
.special-section-card-body[b-smr3xjvlau] { min-width: 0; display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: .25rem; padding: .4rem .65rem; }
.special-section-card-meta[b-smr3xjvlau] { width: 100%; display: flex; align-items: center; gap: .5rem; color: var(--ds-ink-3, #667085); font-size: .8rem; }
.special-section-number[b-smr3xjvlau] { min-width: 1.25rem; height: 1.25rem; display: inline-grid; place-items: center; padding-inline: .3rem; border-radius: 999px; background: #f2f4f7; color: #475467; font-weight: 700; }
.special-section-card h4[b-smr3xjvlau] { width: 100%; margin: 0; color: var(--ds-ink, #182230); font-size: 1rem; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.special-section-description[b-smr3xjvlau], .special-section-content[b-smr3xjvlau] { width: 100%; margin: 0; color: var(--ds-ink-3, #667085); font-size: .85rem; line-height: 1.5; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; }
.special-section-description[b-smr3xjvlau] { -webkit-line-clamp: 2; }
.special-section-content[b-smr3xjvlau] { -webkit-line-clamp: 2; padding-top: .35rem; border-top: 1px solid #f2f4f7; color: var(--ds-ink-2, #475467); }
.special-section-card-action[b-smr3xjvlau] { display: flex; align-items: center; margin: 0 .65rem; padding-block: .3rem .4rem; border-top: 1px solid #f2f4f7; }
.special-section-link[b-smr3xjvlau] { width: 100%; min-height: 2rem; display: inline-flex; gap: .5rem; align-items: center; justify-content: center; padding: .25rem .65rem; border: 1px solid var(--ds-brand-line); border-radius: .65rem; background: var(--ds-brand-soft, color-mix(in srgb, var(--kt-primary) 10%, transparent)); color: var(--ds-brand, var(--gb-website-primary, var(--kt-primary))); text-decoration: none; font-size: .85rem; font-weight: 700; line-height: 1.4; white-space: nowrap; }
.special-section-link:hover[b-smr3xjvlau] { background: color-mix(in srgb, var(--kt-primary) 18%, transparent); }
.special-section-no-link[b-smr3xjvlau] { width: 100%; text-align: center; color: var(--ds-ink-3, #667085); font-size: .9rem; }
.special-section-footer[b-smr3xjvlau] { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .75rem; padding: .5rem .25rem .25rem; font-size: .76rem; color: var(--ds-ink-3, #667085); }
.special-section-footer > :last-child[b-smr3xjvlau] { justify-self: end; }
.special-section-pagination[b-smr3xjvlau] { display: flex; justify-content: center; gap: .3rem; flex-wrap: wrap; }
.special-section-pagination button[b-smr3xjvlau] { min-width: 2.25rem; min-height: 2.25rem; display: inline-flex; align-items: center; justify-content: center; gap: .3rem; border: 1px solid var(--ds-border, #e4e7ec); border-radius: .6rem; padding: .38rem .62rem; background: var(--ds-surface, #fff); color: var(--ds-ink-2, #475467); cursor: pointer; transition: border-color .16s ease, background-color .16s ease, color .16s ease; }
.special-section-pagination button:hover:not(:disabled)[b-smr3xjvlau] { border-color: var(--ds-brand-line); background: var(--ds-brand-tint); color: var(--ds-brand, var(--gb-website-primary, var(--kt-primary))); }
.special-section-pagination .special-section-page-direction[b-smr3xjvlau] { min-width: 4.6rem; }
.special-section-pagination button.is-current[b-smr3xjvlau] { border-color: var(--ds-brand, var(--gb-website-primary, var(--kt-primary))); color: var(--ds-brand, var(--gb-website-primary, var(--kt-primary))); background: var(--ds-brand-soft, color-mix(in srgb, var(--kt-primary) 10%, transparent)); }
.special-section-pagination button:disabled[b-smr3xjvlau] { opacity: .45; cursor: default; }
.special-section-pagination button:focus-visible[b-smr3xjvlau], .special-section-link:focus-visible[b-smr3xjvlau] { outline: 2px solid var(--ds-brand, var(--gb-website-primary, var(--kt-primary))); outline-offset: 2px; }
@media (max-width: 700px) { .special-section-grid[b-smr3xjvlau] { grid-template-columns: minmax(0, 1fr); } .special-section-footer[b-smr3xjvlau] { display: flex; justify-content: center; flex-wrap: wrap; } .special-section-footer > :last-child[b-smr3xjvlau] { justify-self: auto; } }
@media (prefers-reduced-motion: reduce) { .special-section-card[b-smr3xjvlau] { transition: none; } .special-section-card:hover[b-smr3xjvlau] { transform: none; } }
/* _content/Starterkit/Shared/Partials/PasswordRuleChecklist.razor.rz.scp.css */
.password-rules-checklist[b-uh385h7qq2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-top: 1rem;
    direction: rtl;
}

.password-rule-checklist-item[b-uh385h7qq2] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    padding: .65rem .75rem;
    border: 1px solid #eef2f7;
    border-radius: .55rem;
    background: #f8fafc;
    color: #475569;
    font-weight: 700;
}

.password-rule-checklist-item.valid[b-uh385h7qq2] {
    border-color: #bbf7d0;
    background: #ecfdf5;
    color: #047857;
}

@media (max-width: 768px) {
    .password-rules-checklist[b-uh385h7qq2] {
        grid-template-columns: 1fr;
    }
}
/* _content/Starterkit/Shared/Partials/TenantMailProviderTabs.razor.rz.scp.css */
.tenant-mail-provider-tabs[b-7w1uw7p1es] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    direction: rtl;
    margin-top: 20px;
    padding: 5px;
    border: 1px solid #d5e1e2;
    border-radius: 10px;
    background: #eef4f4;
}

.tenant-mail-provider-tab[b-7w1uw7p1es] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px 10px;
    border: 2px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #486269;
    font: inherit;
    cursor: pointer;
    text-align: center;
}

.tenant-mail-provider-tab strong[b-7w1uw7p1es] { font-size: 15px; }
.tenant-mail-provider-tab span[b-7w1uw7p1es] { font-size: 12px; }
.tenant-mail-provider-tab:hover:not(:disabled)[b-7w1uw7p1es] { background: #e1ecec; }
.tenant-mail-provider-tab.is-selected[b-7w1uw7p1es] {
    border-color: #1b3d48;
    background: #1b3d48;
    color: #fff;
}
.tenant-mail-provider-tab.is-selected:hover:not(:disabled)[b-7w1uw7p1es] { background: #244e59; }
.tenant-mail-provider-tab:focus-visible[b-7w1uw7p1es] { outline: 3px solid #b08d4a; outline-offset: 2px; }
.tenant-mail-provider-tab:disabled[b-7w1uw7p1es] { cursor: default; }
/* _content/Starterkit/SystemManagment/AllWebsite.razor.rz.scp.css */
/* Shared treatment for the internal-system cards; editable previews keep their own branding. */
.website-internal-card[b-cpxczzxp8m] {
    --internal-ink: #193d46;
    --internal-muted: #526b76;
    --internal-border: #d6e2e6;
    padding: 0;
    min-width: 0;
    direction: rtl;
    overflow: visible;
    border: 1px solid var(--internal-border);
    border-radius: 16px;
    background: #f2f6f7;
    box-shadow: 0 8px 24px rgb(25 61 70 / 6%);
}
.website-internal-card[b-cpxczzxp8m]  .website-internal-card-head {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 14px;
    margin: 0;
    padding: 22px 26px;
    border-radius: 15px 15px 0 0;
    border-bottom: 3px solid #b8d5cd;
    background: #193d46;
    color: #fff;
}
.website-internal-card[b-cpxczzxp8m]  .website-internal-icon {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    height: 46px;
    border: 1px solid #56747c;
    border-radius: 12px;
    background: #2b5059;
}
.website-internal-card[b-cpxczzxp8m]  .website-internal-icon i { margin: 0; font-size: 19px; color: #e6f3ed; }
.website-internal-card[b-cpxczzxp8m]  .website-internal-title { min-width: 0; flex: 1; }
.website-internal-card[b-cpxczzxp8m]  .website-internal-title h3 { margin: 0; color: #fff; font-size: 1.15rem; font-weight: 800; line-height: 1.6; }
.website-internal-card[b-cpxczzxp8m]  .website-internal-title p { margin: 3px 0 0; color: #d0e0e4; font-size: .84rem; line-height: 1.7; }
.website-internal-card[b-cpxczzxp8m]  .website-card-visibility-toggle { flex-shrink: 0; margin-inline-start: auto; padding: 8px 12px; border-color: #66878b; background: #294f55; color: #edf7f5; font-size: .78rem; font-weight: 600; }
.website-internal-card[b-cpxczzxp8m]  .website-card-visibility-toggle input { accent-color: #79c9ae; }
.website-internal-card[b-cpxczzxp8m]  .website-internal-card-body { min-width: 0; padding: 24px; }
.website-internal-card[b-cpxczzxp8m]  .website-brand-label { display: block; margin-bottom: 9px; color: var(--internal-ink); font-size: .88rem; font-weight: 700; line-height: 1.7; }
.website-internal-card[b-cpxczzxp8m]  .website-brand-help { color: var(--internal-muted); font-size: .79rem; line-height: 1.8; }
.website-internal-card[b-cpxczzxp8m]  .website-brand-control,
.website-internal-card[b-cpxczzxp8m]  .website-login-copy-fields .form-control,
.website-internal-card[b-cpxczzxp8m]  .website-login-feature-editor-fields .form-control { min-height: 44px; font-size: .9rem; line-height: 1.5; background: #fff; border-color: #c6d7dd !important; }
.website-internal-card[b-cpxczzxp8m]  .website-brand-control:focus,
.website-internal-card[b-cpxczzxp8m]  .website-login-copy-fields .form-control:focus,
.website-internal-card[b-cpxczzxp8m]  .website-login-feature-editor-fields .form-control:focus { border-color: #376c77 !important; box-shadow: 0 0 0 3px rgb(55 108 119 / 12%) !important; }
.website-internal-card[b-cpxczzxp8m]  .website-brand-control.custom-is-invalid,
.website-internal-card[b-cpxczzxp8m]  .custom-is-invalid .website-brand-control,
.website-internal-card[b-cpxczzxp8m]  .website-brand-control.is-invalid { border-color: #b42318 !important; }
.website-internal-card[b-cpxczzxp8m]  .website-brand-control.custom-is-invalid:focus,
.website-internal-card[b-cpxczzxp8m]  .custom-is-invalid .website-brand-control:focus { box-shadow: 0 0 0 3px rgb(180 35 24 / 12%) !important; }
.website-internal-card[b-cpxczzxp8m]  .website-switch-row { color: var(--internal-ink); font-size: .9rem; gap: 10px; }
.website-internal-card[b-cpxczzxp8m]  input[type="checkbox"] { accent-color: #245c64; }
.website-internal-card[b-cpxczzxp8m]  .website-card-visibility-toggle input[type="checkbox"] { accent-color: #79c9ae; }
.website-internal-card[b-cpxczzxp8m]  input[type="checkbox"]:focus-visible { outline: 2px solid #78b6bd; outline-offset: 3px; }

/* Group inputs on light surfaces; keep menus and editor popovers free to overflow. */
.website-internal-card[b-cpxczzxp8m]  .website-brand-upload-card,
.website-internal-card[b-cpxczzxp8m]  .website-font-card-layout > div,
.website-internal-card[b-cpxczzxp8m]  .website-support-card-layout > div,
.website-internal-card[b-cpxczzxp8m]  .website-terms-editor-panel,
.website-internal-card[b-cpxczzxp8m]  .website-brand-receipt-fields,
.website-internal-card[b-cpxczzxp8m]  .website-brand-extra-grid > .website-brand-field {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--internal-border);
    border-radius: 12px;
    background: #fff;
}
.website-internal-card[b-cpxczzxp8m]  .website-brand-upload-surface { border: 1px dashed #a7c3cb; border-radius: 10px; background: #f0f6f6; }
.website-internal-card[b-cpxczzxp8m]  .website-brand-upload-surface input[type="file"] { max-width: 100%; }
.website-internal-card[b-cpxczzxp8m]  .website-brand-upload-surface input[type="file"]::file-selector-button { padding: 9px 12px; border: 1px solid #c4d9da; border-radius: 7px; background: #e0eeeb; color: #245259; font: inherit; cursor: pointer; }
.website-internal-card[b-cpxczzxp8m]  .website-brand-files-grid,
.website-internal-card[b-cpxczzxp8m]  .website-font-card-layout,
.website-internal-card[b-cpxczzxp8m]  .website-support-card-layout,
.website-internal-card[b-cpxczzxp8m]  .website-brand-extra-grid { gap: 16px; }
.website-internal-card[b-cpxczzxp8m]  .website-font-card-layout > .website-font-preview { padding: 20px; border-color: #bfd5d9; background: #eaf2f2; }
.website-internal-card[b-cpxczzxp8m]  .website-font-dropdown .dropdown-menu { border: 1px solid #c6d7dd; box-shadow: 0 12px 26px rgb(25 61 70 / 12%); }
.website-internal-card[b-cpxczzxp8m]  .website-login-image-layout { padding: 0; gap: 20px; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.website-internal-card[b-cpxczzxp8m]  .website-login-image-preview-wrap,
.website-internal-card[b-cpxczzxp8m]  .website-login-image-upload { min-width: 0; }
.website-internal-card[b-cpxczzxp8m]  .website-login-screen-preview { border-color: #c1d5db; border-radius: 12px; }
.website-internal-card[b-cpxczzxp8m]  .website-login-feature-editor { border-color: #d1e0e4; background: #fff; border-radius: 12px; }
.website-internal-card[b-cpxczzxp8m]  .website-login-feature-editor-head { border-bottom: 1px solid #dce7e9; background: #eaf2f2; }
.website-internal-card[b-cpxczzxp8m]  .website-login-feature-add-card { border-color: #a7c3cb; background: #eaf3f0; color: #2c5b5d; border-radius: 12px; }
.website-internal-card[b-cpxczzxp8m]  .website-dashboard-role-card { padding: 18px; background: #fff; border-color: #d1e0e4; }
.website-internal-card[b-cpxczzxp8m]  .website-dashboard-role-title { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e0e9eb; color: var(--internal-ink); }
.website-internal-card[b-cpxczzxp8m]  .website-dashboard-section-option { min-height: 52px; background: #f1f6f6; border: 1px solid #d8e5e7; border-radius: 9px; }
.website-internal-card[b-cpxczzxp8m]  .website-dashboard-section-option:has(input:checked) { background: #e7f2ed; border-color: #a9cebc; }
.website-internal-card[b-cpxczzxp8m]  .website-dashboard-special-item { background: #f5f8f9; border-color: #d1e0e4; }
.website-internal-card[b-cpxczzxp8m]  .website-dashboard-special-empty { background: #f2f6f7; border-color: #bfd3d8; color: var(--internal-muted); }
.website-internal-card[b-cpxczzxp8m]  .website-terms-card-layout { gap: 18px; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.website-internal-card[b-cpxczzxp8m]  .website-terms-preview-shell,
.website-internal-card[b-cpxczzxp8m]  .website-brand-receipt-preview-panel { background: #e5eef0; border: 1px solid #cddfe3; border-radius: 12px; }
.website-internal-card[b-cpxczzxp8m]  .website-support-card-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.website-internal-card[b-cpxczzxp8m]  .website-support-rights-toggle { background: #edf5f1; border-color: #cee0d6; color: var(--internal-ink); }
.website-internal-card[b-cpxczzxp8m]  .website-brand-color-card { background: #eaf2f2; border: 1px solid #c9dddd; border-radius: 12px; }
.website-internal-card.website-brand-card--email[b-cpxczzxp8m]  .website-internal-card-body > .website-brand-field { padding: 18px; border: 1px solid #cbddd7; border-radius: 12px; background: #eaf2f0; }
.website-internal-card.website-brand-card--email[b-cpxczzxp8m]  .website-brand-extra-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 1000px) {
    .website-internal-card[b-cpxczzxp8m]  .website-internal-card-head { flex-wrap: wrap; padding: 18px; gap: 10px; }
    .website-internal-card[b-cpxczzxp8m]  .website-internal-title { flex-basis: calc(100% - 60px); }
    .website-internal-card[b-cpxczzxp8m]  .website-card-visibility-toggle { flex: 0 1 auto; width: auto; max-width: calc(100% - 56px); margin-inline-start: 56px; white-space: normal; }
    .website-internal-card[b-cpxczzxp8m]  .website-login-image-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "preview" "upload" "features"; }
    .website-internal-card[b-cpxczzxp8m]  .website-terms-card-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
    .website-internal-card[b-cpxczzxp8m]  .website-internal-card-body { padding: 16px; }
    .website-internal-card[b-cpxczzxp8m]  .website-brand-files-grid,
    .website-internal-card[b-cpxczzxp8m]  .website-font-card-layout,
    .website-internal-card[b-cpxczzxp8m]  .website-support-card-layout,
    .website-internal-card[b-cpxczzxp8m]  .website-brand-extra-grid,
    .website-internal-card[b-cpxczzxp8m]  .website-brand-cashier-grid,
    .website-internal-card[b-cpxczzxp8m]  .website-brand-cashier-files,
    .website-internal-card[b-cpxczzxp8m]  .website-brand-receipt-layout,
    .website-internal-card[b-cpxczzxp8m]  .website-dashboard-sections-grid,
    .website-internal-card[b-cpxczzxp8m]  .website-login-copy-fields,
    .website-internal-card[b-cpxczzxp8m]  .website-login-feature-editor-grid,
    .website-internal-card.website-brand-card--email[b-cpxczzxp8m]  .website-brand-extra-grid { grid-template-columns: minmax(0, 1fr); }
    .website-internal-card[b-cpxczzxp8m]  .website-brand-upload-card,
    .website-internal-card[b-cpxczzxp8m]  .website-font-card-layout > div,
    .website-internal-card[b-cpxczzxp8m]  .website-support-card-layout > div,
    .website-internal-card[b-cpxczzxp8m]  .website-terms-editor-panel,
    .website-internal-card[b-cpxczzxp8m]  .website-brand-receipt-fields,
    .website-internal-card[b-cpxczzxp8m]  .website-brand-extra-grid > .website-brand-field { padding: 14px; }
}

.website-registration-card[b-cpxczzxp8m] {
    --registration-ink: #193d46;
    --registration-muted: #526b76;
    --registration-border: #d6e2e6;
    padding: 0;
    overflow: hidden;
    direction: rtl;
    background: #f2f6f7;
    border-color: var(--registration-border);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgb(25 61 70 / 6%);
}

.website-registration-card[b-cpxczzxp8m]  .registration-card-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px 26px;
    background: #193d46;
    color: #fff;
    border-bottom: 3px solid #b8d5cd;
}
.website-registration-card[b-cpxczzxp8m]  .registration-card-icon {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    height: 46px;
    border: 1px solid #56747c;
    border-radius: 12px;
    background: #2b5059;
}
.website-registration-card[b-cpxczzxp8m]  .registration-card-icon i { font-size: 19px; color: #e6f3ed; }
.website-registration-card[b-cpxczzxp8m]  .registration-card-title { min-width: 0; flex: 1; }
.website-registration-card[b-cpxczzxp8m]  .registration-card-title h3 { margin: 0; font-size: 1.15rem; font-weight: 800; color: #fff; line-height: 1.6; }
.website-registration-card[b-cpxczzxp8m]  .registration-card-title p { margin: 3px 0 0; color: #d0e0e4; font-size: .84rem; line-height: 1.7; }
.website-registration-card[b-cpxczzxp8m]  .registration-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid #66808a; border-radius: 30px; color: #e7eef0; font-size: .78rem; white-space: nowrap; }
.website-registration-card[b-cpxczzxp8m]  .registration-status > span { width: 7px; height: 7px; border-radius: 50%; background: #b3c5cb; }
.website-registration-card[b-cpxczzxp8m]  .registration-status.is-enabled { background: #244e4d; border-color: #608b80; color: #def8ec; }
.website-registration-card[b-cpxczzxp8m]  .registration-status.is-enabled > span { background: #7ed8b0; }
.website-registration-card[b-cpxczzxp8m]  .registration-card-body { padding: 24px; }
.website-registration-card[b-cpxczzxp8m]  .registration-access-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 16px; align-items: stretch; }
.website-registration-card[b-cpxczzxp8m]  .registration-access-panel,
.website-registration-card[b-cpxczzxp8m]  .registration-enable-panel { margin: 0; padding: 18px; border: 1px solid var(--registration-border); border-radius: 12px; background: #fff; min-width: 0; }
.website-registration-card[b-cpxczzxp8m]  .registration-enable-panel { display: flex; flex-direction: column; justify-content: center; background: #eaf2f0; border-color: #cbddd7; }
.website-registration-card[b-cpxczzxp8m]  .website-brand-label { display: block; margin-bottom: 9px; color: var(--registration-ink); font-size: .88rem; font-weight: 700; line-height: 1.7; }
.website-registration-card[b-cpxczzxp8m]  .website-brand-label > i { margin-inline-end: 6px; color: #456874; }
.website-registration-card[b-cpxczzxp8m]  .website-brand-label-note { font-size: .78rem; color: var(--registration-muted); font-weight: 400; }
.website-registration-card[b-cpxczzxp8m]  .website-brand-help { display: block; margin-top: 9px; color: var(--registration-muted); font-size: .79rem; line-height: 1.8; }
.website-registration-card[b-cpxczzxp8m]  .website-brand-control { min-height: 44px; padding: 10px 12px; font-size: .9rem; line-height: 1.5; border-color: #c6d7dd !important; background: #fff; }
.website-registration-card[b-cpxczzxp8m]  .website-brand-control:focus { border-color: #376c77 !important; box-shadow: 0 0 0 3px rgb(55 108 119 / 12%) !important; }
.website-registration-card[b-cpxczzxp8m]  .website-brand-control[aria-invalid="true"],
.website-registration-card[b-cpxczzxp8m]  .website-brand-control.custom-is-invalid { border-color: #b42318 !important; }
.website-registration-card[b-cpxczzxp8m]  .website-brand-control[aria-invalid="true"]:focus { box-shadow: 0 0 0 3px rgb(180 35 24 / 12%) !important; }
.website-registration-card[b-cpxczzxp8m]  .website-switch-row { display: flex; align-items: center; gap: 12px; margin: 0; color: var(--registration-ink); font-size: .9rem; font-weight: 700; cursor: pointer; }
.website-registration-card[b-cpxczzxp8m]  .website-switch-row input { accent-color: #245c64; width: 20px; height: 20px; flex-shrink: 0; margin: 0; }
.website-registration-card[b-cpxczzxp8m]  .website-switch-row small { display: block; margin-top: 4px; color: var(--registration-muted); font-size: .78rem; line-height: 1.7; font-weight: 400; }
.website-registration-card[b-cpxczzxp8m]  .registration-partner-toggle { padding: 16px 2px; }
.website-registration-card[b-cpxczzxp8m]  .registration-type-tabs { display: flex; gap: 5px; background: #e3ecee; border: 1px solid #d4e1e5; border-radius: 12px; padding: 5px; margin-bottom: 20px; }
.website-registration-card[b-cpxczzxp8m]  .registration-type-tab { display: flex; align-items: center; justify-content: center; flex: 1; min-width: 0; min-height: 58px; gap: 10px; border: 1px solid transparent; padding: 9px 14px; background: transparent; color: #526b76; border-radius: 9px; font: inherit; font-size: .92rem; font-weight: 700; cursor: pointer; text-align: start; }
.website-registration-card[b-cpxczzxp8m]  .registration-type-tab i { color: inherit; font-size: 17px; }
.website-registration-card[b-cpxczzxp8m]  .registration-type-tab small { display: block; margin-top: 2px; font-size: .73rem; font-weight: 400; }
.website-registration-card[b-cpxczzxp8m]  .registration-type-tab.is-active { background: #fff; color: #193d46; border-color: #cadbde; box-shadow: 0 2px 5px rgb(25 61 70 / 6%); }
.website-registration-card[b-cpxczzxp8m]  .registration-type-tab:hover { background: #f7fafb; }
.website-registration-card[b-cpxczzxp8m]  .registration-type-tab:focus-visible,
.website-registration-card[b-cpxczzxp8m]  input[type="checkbox"]:focus-visible { outline: 2px solid #376c77; outline-offset: 3px; }
.website-registration-card[b-cpxczzxp8m]  .registration-type-panel[hidden] { display: none !important; }
.website-registration-card[b-cpxczzxp8m]  .registration-panel-heading { margin: 0 0 14px; }
.website-registration-card[b-cpxczzxp8m]  .registration-panel-heading h4 { margin: 0; color: var(--registration-ink); font-size: 1rem; font-weight: 800; line-height: 1.6; }
.website-registration-card[b-cpxczzxp8m]  .registration-panel-heading p { margin: 4px 0 0; color: var(--registration-muted); font-size: .8rem; line-height: 1.8; }
.website-registration-card[b-cpxczzxp8m]  .registration-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.website-registration-card[b-cpxczzxp8m]  .registration-fields-grid > .website-brand-field { margin: 0; min-width: 0; }
.website-registration-card[b-cpxczzxp8m]  .registration-role-field { grid-column: 1 / -1; padding: 17px 18px; background: #fff; border: 1px solid var(--registration-border); border-radius: 12px; }
.website-registration-card[b-cpxczzxp8m]  .registration-domain-panel { padding: 18px; border: 1px solid #cee1d8; border-radius: 12px; background: #f1f8f4; align-self: stretch; }
.website-registration-card[b-cpxczzxp8m]  .registration-domain-panel--approval { background: #fcf8ee; border-color: #e8ddc4; }
.website-registration-card[b-cpxczzxp8m]  .registration-policy-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; margin-bottom: 10px; border-radius: 6px; background: #dfeee6; color: #2b6150; font-size: .73rem; font-weight: 700; }
.website-registration-card[b-cpxczzxp8m]  .registration-policy-badge i { font-size: 12px; color: inherit; }
.website-registration-card[b-cpxczzxp8m]  .registration-domain-panel--approval .registration-policy-badge { background: #f2e8d0; color: #785820; }
.website-registration-card[b-cpxczzxp8m]  .website-domain-chip-editor { min-height: 100px; align-content: flex-start; align-items: flex-start; padding: 10px; background: #fff; }
.website-registration-card[b-cpxczzxp8m]  .website-domain-chip-input { min-width: 100px; flex: 1 1 100px; min-height: 32px; }
.website-registration-card[b-cpxczzxp8m]  .website-domain-chip-add { min-height: 32px; }
.website-registration-card[b-cpxczzxp8m]  .registration-domain-note { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 8px; color: var(--registration-muted); font-size: .79rem; line-height: 1.8; }
.website-registration-card[b-cpxczzxp8m]  .registration-domain-note i { color: #557a84; }
.website-registration-card[b-cpxczzxp8m]  .registration-fields-grid > .website-brand-error { grid-column: 1 / -1; margin: 0; }
.website-registration-card[b-cpxczzxp8m]  .website-registration-policy-grid { grid-column: 1 / -1; margin: 0; }
.website-registration-card[b-cpxczzxp8m]  .website-registration-policy-card { background: #fff; border-color: var(--registration-border); border-radius: 12px; }
.website-registration-card[b-cpxczzxp8m]  .website-registration-country-list { max-height: 190px; }
.website-registration-card[b-cpxczzxp8m]  .registration-save-note { display: flex; align-items: baseline; gap: 8px; margin-top: 20px; padding-top: 14px; border-top: 1px solid #d6e2e6; color: var(--registration-muted); font-size: .78rem; line-height: 1.7; }
.website-registration-card[b-cpxczzxp8m]  .registration-save-note i { color: #63838c; }

@media (max-width: 800px) {
    .website-registration-card[b-cpxczzxp8m]  .registration-access-grid,
    .website-registration-card[b-cpxczzxp8m]  .registration-fields-grid,
    .website-registration-card[b-cpxczzxp8m]  .website-registration-policy-grid { grid-template-columns: minmax(0, 1fr); }
    .website-registration-card[b-cpxczzxp8m]  .registration-card-head { padding: 18px; flex-wrap: wrap; gap: 10px; }
    .website-registration-card[b-cpxczzxp8m]  .registration-status { margin-inline-start: 56px; }
    .website-registration-card[b-cpxczzxp8m]  .registration-card-body { padding: 16px; }
    .website-registration-card[b-cpxczzxp8m]  .registration-card-title { flex-basis: calc(100% - 60px); }
}
@media (max-width: 480px) {
    .website-registration-card[b-cpxczzxp8m]  .registration-type-tab { gap: 7px; padding-inline: 8px; }
    .website-registration-card[b-cpxczzxp8m]  .registration-type-tab small { display: none; }
    .website-registration-card[b-cpxczzxp8m]  .registration-domain-panel,
    .website-registration-card[b-cpxczzxp8m]  .registration-role-field { padding: 14px; }
    .website-registration-card[b-cpxczzxp8m]  .website-registration-country-list { grid-template-columns: minmax(0, 1fr); }
}
/* _content/Starterkit/SystemManagment/Components/WebsiteDashboardSettings.razor.rz.scp.css */

.dashboard-settings[b-3ub5v306et]{direction:rtl;text-align:right;padding:20px;color:var(--bs-body-color,#243247);--ds-line:var(--bs-border-color,#dce3eb);--ds-muted:var(--bs-secondary-color,#637184);--ds-text-accent:color-mix(in srgb,var(--ds-accent) 40%,#001a32);--ds-surface:var(--bs-tertiary-bg,var(--kt-light,#f7f9fb));--ds-soft:color-mix(in srgb,var(--ds-accent) 9%,white)}
.ds-heading[b-3ub5v306et],.ds-section-head[b-3ub5v306et],.ds-toolbar[b-3ub5v306et]{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap}
.ds-heading[b-3ub5v306et]{margin-bottom:18px}.ds-heading h3[b-3ub5v306et]{margin:0 0 6px;font-size:1.3rem}.ds-heading p[b-3ub5v306et],.ds-note[b-3ub5v306et]{color:var(--ds-muted);margin:6px 0 14px;font-size:.95rem}
.ds-audience[b-3ub5v306et]{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:12px}
.ds-audience-field[b-3ub5v306et]{display:grid;gap:7px;width:310px;max-width:100%}.ds-audience-field[b-3ub5v306et]  .gb-autocomplete-select{width:100%}.ds-audience>button[b-3ub5v306et]{margin-inline-start:auto}.ds-status[b-3ub5v306et]{font-size:.9rem;color:var(--ds-text-accent);background:var(--ds-soft);padding:6px 10px;border-radius:6px}
.ds-tabs[b-3ub5v306et]{display:flex;gap:6px;border-bottom:1px solid var(--ds-line);margin-top:18px}.ds-tabs button[b-3ub5v306et]{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:12px 16px;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--ds-muted)}.ds-tabs button.active[b-3ub5v306et]{border-color:var(--ds-accent);color:var(--ds-text-accent);font-weight:700}.ds-count[b-3ub5v306et]{padding:1px 6px;border-radius:4px;background:var(--ds-surface);font-size:.85em}
.dashboard-settings button:focus-visible[b-3ub5v306et],.ds-template:focus-within[b-3ub5v306et]{outline:2px solid var(--ds-accent);outline-offset:3px}.ds-content[b-3ub5v306et]{border:0;padding:18px 0 0;min-width:0}.ds-toolbar[b-3ub5v306et]{margin-bottom:12px}.ds-toolbar .ds-note[b-3ub5v306et]{margin:0}.ds-toolbar button[b-3ub5v306et]{white-space:nowrap}
.ds-flags[b-3ub5v306et]{border:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding-bottom:14px}.ds-flags label[b-3ub5v306et]{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--ds-line);border-radius:9px;cursor:pointer}.ds-flags input[b-3ub5v306et],.ds-switch input[b-3ub5v306et]{appearance:none;width:34px;height:20px;flex-shrink:0;border-radius:12px;background:#a6afba;position:relative;cursor:pointer;transition:background .15s}.ds-flags input[b-3ub5v306et]:before,.ds-switch input[b-3ub5v306et]:before{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:white;transition:transform .15s}.ds-flags input:checked[b-3ub5v306et],.ds-switch input:checked[b-3ub5v306et]{background:var(--ds-accent)}.ds-flags input:checked[b-3ub5v306et]:before,.ds-switch input:checked[b-3ub5v306et]:before{transform:translateX(-14px)}input:focus-visible[b-3ub5v306et]{outline:2px solid var(--ds-accent);outline-offset:3px}input:disabled[b-3ub5v306et]{cursor:default;opacity:.6}
.ds-section[b-3ub5v306et]{border:1px solid var(--ds-line);border-radius:10px;padding:14px 16px;margin:10px 0;background:var(--bs-body-bg,#fff)}.ds-section-info[b-3ub5v306et]{flex:1;min-width:150px;display:grid;gap:5px;overflow-wrap:anywhere}.ds-section-info strong[b-3ub5v306et]{font-size:1rem}.ds-section-info span[b-3ub5v306et]{color:var(--ds-muted);font-size:.86rem}.ds-switch[b-3ub5v306et]{min-height:44px;display:flex;align-items:center;gap:7px;font-size:.9rem;white-space:nowrap}.ds-details-toggle[b-3ub5v306et]{min-height:44px;min-width:70px;border:0;background:transparent;color:var(--ds-muted);font-size:.9rem;padding:6px}.ds-fields[b-3ub5v306et]{border:0;padding:0;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end;border-top:1px solid var(--ds-line);margin-top:14px;padding-top:16px}.ds-fields label[b-3ub5v306et],.ds-field[b-3ub5v306et]{display:grid;gap:6px;font-size:.95rem;min-width:0}.ds-order[b-3ub5v306et]{display:flex;gap:5px}.ds-remove[b-3ub5v306et]{margin-top:14px}.ds-empty[b-3ub5v306et]{text-align:center;padding:30px;color:var(--ds-muted);border:1px dashed var(--ds-line);border-radius:10px}.ds-inherited[b-3ub5v306et]{padding:10px 12px;background:var(--ds-surface);color:var(--ds-muted);border-radius:8px;margin:12px 0 0}
@media(max-width:600px){.dashboard-settings[b-3ub5v306et]{padding:12px}.ds-audience[b-3ub5v306et]{align-items:stretch;flex-direction:column;gap:12px}.ds-audience-field[b-3ub5v306et]{width:100%}.ds-audience>button[b-3ub5v306et]{margin:0}.ds-fields[b-3ub5v306et]{grid-template-columns:1fr}.ds-tabs[b-3ub5v306et]{gap:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ds-tabs button[b-3ub5v306et]{white-space:normal;padding:10px 4px;font-size:.9rem;gap:4px;justify-content:center}.ds-count[b-3ub5v306et]{padding:1px 4px}.ds-section-info[b-3ub5v306et]{flex-basis:100%}.ds-section-head[b-3ub5v306et]{gap:8px}.ds-details-toggle[b-3ub5v306et]{margin-inline-start:auto}.ds-flags[b-3ub5v306et]{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ds-flags input[b-3ub5v306et],.ds-switch input[b-3ub5v306et],.ds-flags input[b-3ub5v306et]:before,.ds-switch input[b-3ub5v306et]:before{transition:none}}

.ds-section-state[b-3ub5v306et]{display:inline-flex;align-items:center;gap:5px;width:fit-content;color:var(--ds-muted);background:var(--ds-surface);border-radius:5px;padding:2px 7px;font-size:.85rem}
.dashboard-settings[b-3ub5v306et]  .gb-autocomplete-select__input{color:var(--bs-body-color,var(--kt-body-color,#243247)) !important}
[data-bs-theme="dark"] .dashboard-settings[b-3ub5v306et],[data-theme="dark"] .dashboard-settings[b-3ub5v306et]{--ds-line:#414155;--ds-muted:#b8b8cb;--ds-surface:#2b2b40;--ds-soft:#18364b;--ds-text-accent:color-mix(in srgb,var(--ds-accent) 65%,white)}



.ds-replacement-note[b-3ub5v306et]{padding:12px 16px;margin-block:12px;border:1px solid var(--ds-line);border-inline-start:3px solid var(--ds-accent);border-radius:10px;background:var(--ds-surface);color:var(--bs-body-color,#243247);font-size:1rem;line-height:1.9}
.ds-card-actions[b-3ub5v306et]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ds-card-actions>.ds-field[b-3ub5v306et]{flex:1 1 180px}.ds-card-actions>.btn[b-3ub5v306et]{width:100%}.ds-catalog-selection[b-3ub5v306et]{border-top:1px solid var(--ds-line);margin-top:12px;padding-top:8px;font-size:.9rem}.ds-catalog-selection .ds-fields[b-3ub5v306et]{border-top:0;margin-top:0;padding-top:8px}.ds-catalog-search[b-3ub5v306et]{display:grid;gap:6px;min-width:240px;max-width:100%}.ds-unavailable[b-3ub5v306et]{margin-top:20px}
.ds-preview[b-3ub5v306et]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px;background:var(--ds-surface);border:1px dashed var(--ds-line);border-radius:12px}
.ds-preview-card[b-3ub5v306et]{min-width:0;border:1px solid var(--ds-line);border-radius:10px;background:var(--bs-body-bg,#fff);padding:16px}.ds-preview-card.main-card[b-3ub5v306et]{grid-column:1/-1}.ds-preview-card>header span[b-3ub5v306et]{font-size:.85rem;color:var(--ds-muted)}.ds-preview-card strong[b-3ub5v306et]{overflow-wrap:anywhere}.ds-preview-card footer[b-3ub5v306et]{display:flex;gap:8px;margin-top:14px}.ds-drag[b-3ub5v306et]{touch-action:none;cursor:grab;border:1px solid var(--ds-line);border-radius:7px;padding:8px 12px;background:var(--ds-surface);color:inherit;margin-inline-end:auto;min-height:44px}.ds-preview-card footer .btn[b-3ub5v306et]{min-width:44px;min-height:44px}.ds-preview-card.dragging[b-3ub5v306et]{opacity:.55}.ds-preview-card.drop-target[b-3ub5v306et]{outline:3px solid var(--ds-accent);outline-offset:2px}.ds-preview-sample[b-3ub5v306et]{margin-top:16px}.ds-sample-row[b-3ub5v306et]{height:14px;background:var(--ds-surface);border-radius:4px;margin:9px 0}.ds-sample-row:nth-child(2)[b-3ub5v306et]{width:85%}.ds-sample-row:nth-child(3)[b-3ub5v306et]{width:65%}.ds-sample-metrics[b-3ub5v306et]{display:flex;gap:10px}.ds-sample-metrics span[b-3ub5v306et]{flex:1;text-align:center;font-size:1.5rem;padding:12px;background:var(--ds-surface);border-radius:8px}.ds-sample-metrics small[b-3ub5v306et]{display:block;font-size:.8rem;color:var(--ds-muted)}
@media(max-width:600px){.ds-preview[b-3ub5v306et]{grid-template-columns:1fr;padding:10px;gap:10px}.ds-catalog-search[b-3ub5v306et]{width:100%;min-width:0}.ds-catalog-card[b-3ub5v306et]{padding:14px}.ds-tabs[b-3ub5v306et]{margin-bottom:8px}.ds-preview-card[b-3ub5v306et]{padding:12px}}

.dash-special-template-grid[b-3ub5v306et] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-block-start: 18px;
}

.dash-special-template-card[b-3ub5v306et] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--db-line, #dce4ec);
    border-radius: 16px;
    background: var(--db-surface, #fff);
    color: var(--db-ink, #22354a);
    text-align: start;
    font: inherit;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.dash-special-template-card:hover:not(:disabled)[b-3ub5v306et] {
    border-color: var(--db-accent, #16899b);
}

.dash-special-template-card.is-selected[b-3ub5v306et] {
    border-color: var(--db-accent, #16899b);
    box-shadow: 0 0 0 2px var(--db-accent, #16899b);
}

.dash-special-template-card:focus-visible[b-3ub5v306et] {
    outline: 3px solid var(--db-accent, #16899b);
    outline-offset: 4px;
}

.dash-special-template-card:disabled[b-3ub5v306et] { cursor: wait; opacity: .65; }
.dash-special-template-heading[b-3ub5v306et] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.dash-special-template-heading > strong[b-3ub5v306et] { font-size: 16px; }
.dash-special-template-choice[b-3ub5v306et] { padding: 4px 9px; border-radius: 20px; font-size: 12px; white-space: nowrap; background: #f1f5f9; color: #52647a; }
.is-selected .dash-special-template-choice[b-3ub5v306et] { background: var(--db-accent, #16899b); color: white; }
.dash-special-template-preview[b-3ub5v306et] { display: flex; flex-direction: column; gap: 12px; flex: 1; padding: 14px; border: 1px solid var(--db-line, #dce4ec); border-radius: 12px; background: var(--db-soft, #f6f8fb); }
.dash-special-preview-caption[b-3ub5v306et] { color: var(--db-muted, #65758b); font-size: 11px; }
.dash-special-preview-items[b-3ub5v306et], .dash-special-preview-totals[b-3ub5v306et] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dash-special-preview-item[b-3ub5v306et], .dash-special-preview-totals > span[b-3ub5v306et] { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 12px; border-radius: 9px; background: var(--db-surface, #fff); border: 1px solid var(--db-line, #dce4ec); }
.dash-special-preview-item[b-3ub5v306et] { font-size: 12px; }
.dash-special-preview-item > i[b-3ub5v306et] { font-size: 22px; color: var(--db-accent, #16899b); }
.dash-special-preview-item > span[b-3ub5v306et] { color: var(--db-muted, #65758b); font-size: 11px; }
.dash-special-preview-link[b-3ub5v306et] { text-decoration: underline; }
.dash-special-preview-filters[b-3ub5v306et] { display: flex; gap: 5px; flex-wrap: wrap; font-size: 10px; }
.dash-special-preview-filters > span[b-3ub5v306et] { background: var(--db-surface, #fff); padding: 3px 7px; border-radius: 6px; border: 1px solid var(--db-line, #dce4ec); }
.dash-special-preview-filters > span:first-child[b-3ub5v306et] { background: #e8f3f5; color: #146275; }
.dash-special-preview-totals > span[b-3ub5v306et] { border-block-start: 3px solid #26837a; }
.dash-special-preview-totals > span:last-child[b-3ub5v306et] { border-block-start-color: #3873b7; }
.dash-special-preview-totals small[b-3ub5v306et] { font-size: 11px; }
.dash-special-preview-totals strong[b-3ub5v306et] { font-size: clamp(15px, 1.4vw, 20px); overflow-wrap: anywhere; }
.dash-special-template-description[b-3ub5v306et] { color: var(--db-muted, #65758b); font-size: 13px; line-height: 1.8; }

@media (max-width: 760px) {
    .dash-special-template-grid[b-3ub5v306et] { grid-template-columns: 1fr; }
    .dash-special-template-card[b-3ub5v306et] { padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .dash-special-template-card[b-3ub5v306et] { transition: none; }
}

/* Original library card composition, themed with the edited website's colors. */
.dashboard-settings[b-3ub5v306et]{--db-line:var(--ds-line);--db-ink:#243247;--db-muted:#576477;--db-accent:var(--ds-accent);--db-surface:#fff;--db-soft:var(--ds-soft);border:1px solid color-mix(in srgb,var(--ds-accent) 18%,#e1e6ed);border-radius:16px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--ds-secondary) 10%,transparent),transparent 48%),linear-gradient(145deg,color-mix(in srgb,var(--ds-accent) 5%,white),#fff 60%);--ds-muted:#576477}
.ds-heading[b-3ub5v306et]{position:relative;isolation:isolate;overflow:hidden;padding:22px;border-radius:12px;border-inline-start:4px solid var(--ds-secondary);background:linear-gradient(115deg,color-mix(in srgb,var(--ds-accent) 14%,white),color-mix(in srgb,var(--ds-secondary) 12%,white));margin-bottom:20px}
.ds-heading[b-3ub5v306et]:after{content:"";position:absolute;z-index:-1;width:240px;height:240px;inset-inline-end:-65px;top:-90px;border:1px solid color-mix(in srgb,var(--ds-accent) 22%,transparent);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--ds-accent) 5%,transparent),0 0 0 44px color-mix(in srgb,var(--ds-secondary) 6%,transparent);pointer-events:none}
.ds-heading h3[b-3ub5v306et]{color:#243247;font-weight:800}.ds-heading p[b-3ub5v306et]{margin-bottom:0;line-height:1.8}.ds-audience[b-3ub5v306et]{background:#ffffffbd}.ds-tabs button.active[b-3ub5v306et]{background:var(--ds-soft);border-radius:8px 8px 0 0}
.ds-catalog[b-3ub5v306et]{display:grid;gap:14px;align-items:start}.dash-template-grid[b-3ub5v306et]{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-special-template-grid[b-3ub5v306et]{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.ds-catalog-card[b-3ub5v306et]{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--ds-secondary) 32%,#e5e9ef);border-radius:10px;padding:14px 16px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--ds-secondary) 10%,transparent),transparent 65%),linear-gradient(180deg,color-mix(in srgb,var(--ds-accent) 4%,white),white);box-shadow:0 4px 14px #24324705;transition:box-shadow .18s,border-color .18s}
.ds-catalog-card:hover[b-3ub5v306et]{border-color:color-mix(in srgb,var(--ds-accent) 60%,#dce3eb);box-shadow:0 8px 24px #2432470d}.ds-catalog-card.enabled[b-3ub5v306et]{border-color:var(--ds-accent);box-shadow:inset 0 3px var(--ds-accent),0 6px 20px color-mix(in srgb,var(--ds-accent) 10%,transparent)}
.ds-catalog-card h4[b-3ub5v306et]{font-size:14px;font-weight:800;margin:8px 0 0;line-height:1.6;overflow-wrap:anywhere;color:#243247}.dash-special-template-card h4[b-3ub5v306et]{font-size:17px}.dash-special-template-card[b-3ub5v306et]{cursor:default;gap:14px;padding:18px}.dash-special-template-heading>div[b-3ub5v306et]{min-width:0;flex:1}.dash-template-chip[b-3ub5v306et]{display:inline-flex;font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px;color:color-mix(in srgb,var(--ds-secondary) 40%,#243247);background:color-mix(in srgb,var(--ds-secondary) 13%,white)}
.dash-special-template-description[b-3ub5v306et]{font-size:12px;line-height:1.8;margin:10px 0;color:#576477}.dash-special-template-choice[b-3ub5v306et]{font-size:11px;color:#576477;background:#f0f3f6}.is-selected .dash-special-template-choice[b-3ub5v306et]{background:var(--ds-soft);color:var(--ds-text-accent);font-weight:800}
.dash-template-actions[b-3ub5v306et]{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.dash-builder-btn[b-3ub5v306et]{border:1px solid color-mix(in srgb,var(--ds-accent) 24%,#e3e8ed);border-radius:7px;padding:7px 12px;min-height:36px;background:#ffffffc9;color:var(--ds-text-accent);font-size:12px;font-weight:700}.dash-builder-btn:hover:not(:disabled)[b-3ub5v306et],.dash-builder-btn[aria-expanded="true"][b-3ub5v306et]{background:var(--ds-soft);border-color:var(--ds-accent)}.dash-builder-btn:disabled[b-3ub5v306et]{opacity:.45;cursor:default}
.ds-card-actions[b-3ub5v306et]{padding-top:10px;border-top:1px solid color-mix(in srgb,var(--ds-secondary) 16%,#e8edf2)}.ds-switch[b-3ub5v306et]{font-size:12px}.ds-card-actions>.btn[b-3ub5v306et]{background:var(--ds-soft);color:var(--ds-text-accent)}.ds-catalog-selection .ds-section-head[b-3ub5v306et]{gap:5px}.ds-details-toggle[b-3ub5v306et]{color:var(--ds-text-accent);font-size:12px}
.dash-special-template-preview[b-3ub5v306et]{background:linear-gradient(135deg,var(--ds-soft),color-mix(in srgb,var(--ds-secondary) 5%,white));border-color:color-mix(in srgb,var(--ds-accent) 15%,#e3e8ed)}.dash-special-preview-totals>span[b-3ub5v306et]{border-block-start-color:var(--ds-accent)}.dash-special-preview-totals>span:last-child[b-3ub5v306et]{border-block-start-color:var(--ds-secondary)}.dash-special-preview-filters>span:first-child[b-3ub5v306et]{background:var(--ds-soft);color:var(--ds-text-accent)}.dash-special-preview-item>i[b-3ub5v306et]{color:var(--ds-text-accent)}
.ds-catalog-preview[b-3ub5v306et]{margin:10px 0}.ds-example-table>div[b-3ub5v306et]{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--ds-line);font-size:12px}.ds-example-table>div:first-child[b-3ub5v306et]{background:#fff8}
.ds-preview[b-3ub5v306et]{background:linear-gradient(120deg,var(--ds-soft),color-mix(in srgb,var(--ds-secondary) 7%,white))}.ds-preview-card[b-3ub5v306et]{border-block-start:3px solid var(--ds-accent)}.ds-flags label[b-3ub5v306et]{background:#fff}.ds-flags label:has(input:checked)[b-3ub5v306et]{background:var(--ds-soft);border-color:color-mix(in srgb,var(--ds-accent) 35%,#dde4eb)}
@media(min-width:1700px){.dash-template-grid[b-3ub5v306et]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.dash-template-grid[b-3ub5v306et]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dash-special-template-grid[b-3ub5v306et]{grid-template-columns:1fr}.ds-heading[b-3ub5v306et]{padding:16px}}
@media(max-width:600px){.dash-template-grid[b-3ub5v306et]{grid-template-columns:1fr}.ds-catalog-card[b-3ub5v306et]{padding:14px}.dash-special-preview-totals strong[b-3ub5v306et]{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ds-catalog-card[b-3ub5v306et]{transition:none}}

.ds-preview-card>header[b-3ub5v306et]{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ds-flags input:checked[b-3ub5v306et],.ds-switch input:checked[b-3ub5v306et]{background:var(--ds-text-accent)}
/* Action colors: preview blue, activate green, configure amber, move violet. */
.dashboard-settings .dash-builder-btn[b-3ub5v306et]{--ds-action:#2563b8}
.dashboard-settings .ds-card-actions>.btn[b-3ub5v306et]{--ds-action:#187348}
.dashboard-settings .ds-details-toggle[b-3ub5v306et]{--ds-action:#945308}
.dashboard-settings .ds-drag[b-3ub5v306et],.dashboard-settings .ds-preview-card footer>.btn[b-3ub5v306et]{--ds-action:#7050a5}
.dashboard-settings .ds-audience>.btn[b-3ub5v306et],.dashboard-settings .ds-content>.alert .btn[b-3ub5v306et]{--ds-action:#16737b}
.dashboard-settings :is(.dash-builder-btn,.ds-details-toggle,.ds-drag,.ds-preview-card footer>.btn,.ds-card-actions>.btn,.ds-audience>.btn,.ds-content>.alert .btn)[b-3ub5v306et]{background:var(--ds-action)!important;color:#fff!important;border:1px solid var(--ds-action)!important;border-radius:7px;font-weight:700;box-shadow:0 2px 5px color-mix(in srgb,var(--ds-action) 14%,transparent);transition:background-color .15s,box-shadow .15s}
.dashboard-settings :is(.dash-builder-btn,.ds-details-toggle,.ds-drag,.ds-preview-card footer>.btn,.ds-card-actions>.btn,.ds-audience>.btn,.ds-content>.alert .btn):is(:hover,:active,[aria-expanded="true"]):not(:disabled)[b-3ub5v306et]{background:color-mix(in srgb,var(--ds-action) 83%,#000)!important;border-color:color-mix(in srgb,var(--ds-action) 83%,#000)!important;color:#fff!important}
.dashboard-settings :is(.dash-builder-btn,.ds-details-toggle,.ds-drag,.ds-preview-card footer>.btn,.ds-card-actions>.btn,.ds-audience>.btn,.ds-content>.alert .btn):focus-visible[b-3ub5v306et]{outline:3px solid color-mix(in srgb,var(--ds-action) 48%,white);outline-offset:3px}
.dashboard-settings :is(.dash-builder-btn,.ds-details-toggle,.ds-drag,.ds-preview-card footer>.btn,.ds-card-actions>.btn,.ds-audience>.btn,.ds-content>.alert .btn):disabled[b-3ub5v306et]{background:#e5e9ee!important;border-color:#dce2e8!important;color:#687584!important;opacity:1;box-shadow:none;cursor:not-allowed}
.dashboard-settings .ds-flags input:checked[b-3ub5v306et],.dashboard-settings .ds-switch input:checked[b-3ub5v306et]{background:#187348}
@media(prefers-reduced-motion:reduce){.dashboard-settings :is(.dash-builder-btn,.ds-details-toggle,.ds-drag,.ds-preview-card footer>.btn,.ds-card-actions>.btn,.ds-audience>.btn,.ds-content>.alert .btn)[b-3ub5v306et]{transition:none}}

.ds-partner-cards[b-3ub5v306et]{border:0;border-top:1px solid var(--ds-line);padding:12px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.ds-partner-cards legend[b-3ub5v306et]{font-size:13px;font-weight:700;margin-bottom:10px}.ds-partner-cards label[b-3ub5v306et]{display:flex;align-items:center;gap:8px;font-size:12px}.ds-partner-cards input[b-3ub5v306et]{accent-color:#187348}

.ds-template-enable[b-3ub5v306et] { display:flex; align-items:center; gap:.65rem; font-weight:700; padding:.8rem 1rem; border-radius:.7rem; background:var(--ds-accent-soft); color:var(--ds-ink); cursor:pointer; }
.ds-template-enable input[b-3ub5v306et] { width:1.3rem; height:1.3rem; accent-color:var(--ds-accent); }

.ds-partner-mini-stats[b-3ub5v306et] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
.ds-partner-mini-stats>span[b-3ub5v306et] { display:grid; grid-template-columns:auto 1fr; gap:.4rem; padding:.8rem; background:var(--ds-surface,#fff); border-radius:.6rem; }
.ds-partner-mini-stats i[b-3ub5v306et] { grid-row:span 2; padding:.5rem; background:var(--ds-accent); color:#fff; border-radius:.5rem; }
.ds-partner-mini-stats small[b-3ub5v306et] { font-size:.75rem; }
.ds-partner-mini-charts[b-3ub5v306et] { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; margin-top:.7rem; }
.ds-partner-mini-charts>span[b-3ub5v306et] { display:flex; flex-direction:column; gap:.8rem; background:var(--ds-surface,#fff); border-radius:.6rem; padding:1rem; font-size:.8rem; }
.ds-partner-mini-charts i[b-3ub5v306et] { text-align:center; font-style:normal; font-size:2rem; letter-spacing:.3rem; color:var(--ds-accent); }
@media(max-width:600px) { .ds-partner-mini-stats[b-3ub5v306et] { grid-template-columns:1fr; } }

.ds-header-activation[b-3ub5v306et] { position:relative; display:inline-flex; flex:0 0 auto; align-items:center; gap:.65rem; margin-inline-start:auto; cursor:pointer; font-size:.85rem; font-weight:700; }
.ds-header-activation input[b-3ub5v306et] { position:absolute; width:1px; height:1px; opacity:0; }
.ds-activation-track[b-3ub5v306et] { display:block; position:relative; width:46px; height:26px; border-radius:20px; background:#929eab; transition:background-color .2s ease,box-shadow .2s ease; }
.ds-activation-track[b-3ub5v306et]::after { content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #0002; transition:transform .2s ease; }
.ds-header-activation input:checked + .ds-activation-track[b-3ub5v306et] { background:var(--ds-accent); }
.ds-header-activation input:checked + .ds-activation-track[b-3ub5v306et]::after { transform:translateX(20px); }
.ds-header-activation input:focus-visible + .ds-activation-track[b-3ub5v306et] { outline:3px solid var(--ds-accent); outline-offset:3px; }
.ds-header-activation:has(input:disabled)[b-3ub5v306et] { cursor:not-allowed; opacity:.55; }
.ds-catalog-card[b-3ub5v306et] { transition:border-color .2s ease, background-color .2s ease, box-shadow .2s ease; }
@media(prefers-reduced-motion:reduce) { .ds-activation-track[b-3ub5v306et],.ds-activation-track[b-3ub5v306et]::after,.ds-catalog-card[b-3ub5v306et] { transition:none; } }

.dash-special-template-heading:has(.ds-header-activation)[b-3ub5v306et] { flex-wrap:nowrap; }
@media(max-width:480px) { .ds-header-activation>span:first-child[b-3ub5v306et] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } }

.ds-card-actions:not(:has(*))[b-3ub5v306et] { display:none; }

.ds-role-picker[b-3ub5v306et]{position:relative;min-width:0;width:100%}.ds-role-picker summary[b-3ub5v306et]{padding:.75rem;border:1px solid var(--ds-line);border-radius:8px;background:var(--bs-body-bg,#fff);color:inherit;cursor:pointer}
.ds-role-options[b-3ub5v306et]{position:absolute;z-index:20;inset-inline:0;max-height:340px;overflow:auto;padding:1rem;background:var(--bs-body-bg,#fff);color:inherit;border:1px solid var(--ds-line);box-shadow:0 8px 20px #1233;border-radius:8px}
.ds-role-options label[b-3ub5v306et]{display:flex;align-items:center;gap:.6rem;padding:.65rem 0}.ds-role-options input[type=checkbox][b-3ub5v306et]{width:18px;height:18px;flex-shrink:0}
.ds-bulk-actions[b-3ub5v306et]{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-block:1rem}.ds-bulk-actions>span[b-3ub5v306et]{flex-basis:100%}
/* _content/Starterkit/SystemManagment/DashboardSectionBuilder.razor.rz.scp.css */
.dash-builder-workspace[b-gy4owmvzf6] {
    min-width: 0;
    border: 0;
    padding: 0;
    margin: 0;
}

/* Role and portal-section suggestions must extend beyond their settings card. */
.dash-builder-card.role-sections[b-gy4owmvzf6] {
    overflow: visible;
}

.dash-builder-card.role-sections:focus-within[b-gy4owmvzf6] {
    z-index: 2;
}

.dash-builder-card.role-sections[b-gy4owmvzf6]::before {
    border-start-start-radius: inherit;
    border-end-start-radius: inherit;
}

.dash-special-page[b-gy4owmvzf6] {
    margin-block-start: 16px;
    padding: 16px;
    border: 1px solid var(--db-line);
    border-radius: 16px;
    background: var(--db-surface);
}

.dash-special-page > summary[b-gy4owmvzf6] {
    cursor: pointer;
    padding-block: 6px 16px;
    color: var(--db-ink);
    font-size: 18px;
    font-weight: 800;
}

.dash-special-page .dash-template-grid[b-gy4owmvzf6] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.dash-special-page .dash-template-card[b-gy4owmvzf6] {
    min-width: 0;
}

.dash-special-page .dash-template-actions[b-gy4owmvzf6] {
    flex-wrap: wrap;
}

.dash-special-template-grid[b-gy4owmvzf6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-block-start: 18px;
}

.dash-special-template-card[b-gy4owmvzf6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--db-line, #dce4ec);
    border-radius: 16px;
    background: var(--db-surface, #fff);
    color: var(--db-ink, #22354a);
    text-align: start;
    font: inherit;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.dash-special-template-card:hover:not(:disabled)[b-gy4owmvzf6] {
    border-color: var(--db-accent, #16899b);
}

.dash-special-template-card.is-selected[b-gy4owmvzf6] {
    border-color: var(--db-accent, #16899b);
    box-shadow: 0 0 0 2px var(--db-accent, #16899b);
}

.dash-special-template-card:focus-visible[b-gy4owmvzf6] {
    outline: 3px solid var(--db-accent, #16899b);
    outline-offset: 4px;
}

.dash-special-template-card:disabled[b-gy4owmvzf6] { cursor: wait; opacity: .65; }
.dash-special-template-heading[b-gy4owmvzf6] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.dash-special-template-heading > strong[b-gy4owmvzf6] { font-size: 16px; }
.dash-special-template-choice[b-gy4owmvzf6] { padding: 4px 9px; border-radius: 20px; font-size: 12px; white-space: nowrap; background: #f1f5f9; color: #52647a; }
.is-selected .dash-special-template-choice[b-gy4owmvzf6] { background: var(--db-accent, #16899b); color: white; }
.dash-special-template-preview[b-gy4owmvzf6] { display: flex; flex-direction: column; gap: 12px; flex: 1; padding: 14px; border: 1px solid var(--db-line, #dce4ec); border-radius: 12px; background: var(--db-soft, #f6f8fb); }
.dash-special-preview-caption[b-gy4owmvzf6] { color: var(--db-muted, #65758b); font-size: 11px; }
.dash-special-preview-items[b-gy4owmvzf6], .dash-special-preview-totals[b-gy4owmvzf6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dash-special-preview-item[b-gy4owmvzf6], .dash-special-preview-totals > span[b-gy4owmvzf6] { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 12px; border-radius: 9px; background: var(--db-surface, #fff); border: 1px solid var(--db-line, #dce4ec); }
.dash-special-preview-item[b-gy4owmvzf6] { font-size: 12px; }
.dash-special-preview-item > i[b-gy4owmvzf6] { font-size: 22px; color: var(--db-accent, #16899b); }
.dash-special-preview-item > span[b-gy4owmvzf6] { color: var(--db-muted, #65758b); font-size: 11px; }
.dash-special-preview-link[b-gy4owmvzf6] { text-decoration: underline; }
.dash-special-preview-filters[b-gy4owmvzf6] { display: flex; gap: 5px; flex-wrap: wrap; font-size: 10px; }
.dash-special-preview-filters > span[b-gy4owmvzf6] { background: var(--db-surface, #fff); padding: 3px 7px; border-radius: 6px; border: 1px solid var(--db-line, #dce4ec); }
.dash-special-preview-filters > span:first-child[b-gy4owmvzf6] { background: #e8f3f5; color: #146275; }
.dash-special-preview-totals > span[b-gy4owmvzf6] { border-block-start: 3px solid #26837a; }
.dash-special-preview-totals > span:last-child[b-gy4owmvzf6] { border-block-start-color: #3873b7; }
.dash-special-preview-totals small[b-gy4owmvzf6] { font-size: 11px; }
.dash-special-preview-totals strong[b-gy4owmvzf6] { font-size: clamp(15px, 1.4vw, 20px); overflow-wrap: anywhere; }
.dash-special-template-description[b-gy4owmvzf6] { color: var(--db-muted, #65758b); font-size: 13px; line-height: 1.8; }

@media (max-width: 760px) {
    .dash-special-template-grid[b-gy4owmvzf6] { grid-template-columns: 1fr; }
    .dash-special-template-card[b-gy4owmvzf6] { padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .dash-special-template-card[b-gy4owmvzf6] { transition: none; }
}
/* _content/Starterkit/SystemManagment/PartnerRegistrationSettings.razor.rz.scp.css */
.partner-registration-control[b-yzctbvdrbq] { width: 100%; }
.partner-registration-control[aria-invalid="true"][b-yzctbvdrbq] { border-color: #b42318 !important; background-image: none; }
.partner-registration-control[aria-invalid="true"]:focus[b-yzctbvdrbq] { box-shadow: 0 0 0 .16rem rgba(180, 35, 24, .12) !important; }