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

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

.employee-contract-tabs #HrSubContractAllowance[b-uhvt9dy4ey] {
    padding-top: 1rem;
}
/* _content/Starterkit/HRM/ReleaseLiability.razor.rz.scp.css */
.release-page[b-3l467dt6t9] { color: var(--kt-text-dark, #172b4d); }
.release-card[b-3l467dt6t9] { background: var(--kt-card-bg, #fff); border: 1px solid var(--kt-gray-200); border-radius: 18px; margin-bottom: 18px; overflow: hidden; }
.release-header[b-3l467dt6t9] { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; padding: 18px; }
.release-header label[b-3l467dt6t9] { display: block; color: var(--kt-gray-600); font-size: 12px; font-weight: 600; }
.release-header .form-control[b-3l467dt6t9], .release-header .form-select[b-3l467dt6t9], .release-header[b-3l467dt6t9]  .form-control { margin-top: 8px; min-height: 48px; border-radius: 10px; }
.release-header input[readonly][b-3l467dt6t9] { background: var(--kt-gray-100); color: var(--kt-gray-600); }
.release-stats[b-3l467dt6t9] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 18px 0; }
.release-stat[b-3l467dt6t9] { 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-3l467dt6t9] { border-color: var(--kt-primary); box-shadow: inset 0 4px var(--kt-primary); }
.release-stat span[b-3l467dt6t9], .release-stat small[b-3l467dt6t9] { display: block; color: var(--kt-gray-600); font-size: 11px; }
.release-stat strong[b-3l467dt6t9] { display: block; font-size: 30px; color: var(--kt-primary); margin: 12px 0; }
.release-card header[b-3l467dt6t9] { 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-3l467dt6t9] { font-size: 20px; margin: 0; }
.release-card p[b-3l467dt6t9] { font-size: 11px; color: var(--kt-gray-600); margin: 10px 0 0; }
.release-table[b-3l467dt6t9] { margin: 18px; }
.release-table table[b-3l467dt6t9] { min-width: 1000px; }
.release-table th[b-3l467dt6t9] { color: var(--kt-gray-600); background: var(--kt-gray-100); padding: 14px; }
.release-table td[b-3l467dt6t9] { padding: 14px; }
.release-badge[b-3l467dt6t9] { border-radius: 20px; padding: 5px 10px; color: var(--kt-primary); background: var(--kt-primary-light); white-space: nowrap; }
.release-approval[b-3l467dt6t9], .release-close[b-3l467dt6t9] { display: flex; gap: 8px; align-items: center; }
.release-page input[type=checkbox][b-3l467dt6t9] { accent-color: var(--kt-primary); }
.release-close[b-3l467dt6t9] { margin: 18px 0; }
@media(max-width:1000px) { .release-header[b-3l467dt6t9] { grid-template-columns: repeat(2,minmax(0,1fr)); } .release-stats[b-3l467dt6t9] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { .release-header[b-3l467dt6t9],.release-stats[b-3l467dt6t9] { grid-template-columns: 1fr; } }
/* _content/Starterkit/HRM/RetrievalaInspection.razor.rz.scp.css */
.retrieval-page[b-ew4e1nzryw] { background:#f0f3f8; color:#102641; padding:18px; border-radius:18px; }
.retrieval-title[b-ew4e1nzryw] { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.retrieval-title h2[b-ew4e1nzryw] { font-size:23px; margin:0 0 8px; }
.retrieval-title p[b-ew4e1nzryw],.retrieval-section header p[b-ew4e1nzryw],.retrieval-photos p[b-ew4e1nzryw] { color:#8795ab; font-size:12px; margin:8px 0 0; }
.retrieval-selector[b-ew4e1nzryw] { max-width:760px; margin-bottom:18px; }
.retrieval-selector>label[b-ew4e1nzryw] { display:block; margin-bottom:8px; font-weight:600; }
.retrieval-page fieldset[b-ew4e1nzryw] { border:0; padding:0; min-width:0; }
.retrieval-section[b-ew4e1nzryw] { border:1px solid #dbe4f0; border-radius:18px; background:#fff; margin-bottom:16px; overflow:hidden; }
.retrieval-section header[b-ew4e1nzryw] { padding:20px 18px; border-bottom:1px solid #edf0f6; display:flex; justify-content:space-between; align-items:center; gap:14px; }
.retrieval-section h3[b-ew4e1nzryw] { font-size:17px; font-weight:700; margin:0; }
.retrieval-badge[b-ew4e1nzryw] { background:#fff3dc; color:#bc831e; border-radius:20px; font-size:11px; padding:5px 10px; white-space:nowrap; }
.retrieval-details[b-ew4e1nzryw] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:18px 16px; }
.retrieval-page label[b-ew4e1nzryw] { color:#526783; font-size:12px; font-weight:600; }
.retrieval-page .form-control[b-ew4e1nzryw],.retrieval-page .form-select[b-ew4e1nzryw] { border-color:#d4dfef; border-radius:9px; margin-top:8px; min-height:44px; color:#142d4b; }
.retrieval-details input[b-ew4e1nzryw] { background:#f4f6fa; color:#6d7f97!important; text-align:right; }
.retrieval-table[b-ew4e1nzryw] { margin:16px; border:1px solid #dbe4f0; border-radius:12px; }
.retrieval-page table[b-ew4e1nzryw] { margin:0; font-size:12px; }
.retrieval-page th[b-ew4e1nzryw] { background:#f6f8fb; color:#7b8da8; white-space:nowrap; padding:14px 10px; font-size:11px; }
.retrieval-page td[b-ew4e1nzryw] { padding:12px 10px; }
.retrieval-table .form-select[b-ew4e1nzryw] { min-width:115px; font-size:12px; margin:0; }
.retrieval-table .form-control[b-ew4e1nzryw] { margin:0; font-size:12px; }
.retrieval-asset[b-ew4e1nzryw] { min-width:170px; font-weight:700; }
.retrieval-notes[b-ew4e1nzryw] { min-width:185px; }
.retrieval-documentation[b-ew4e1nzryw] { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:16px; align-items:stretch; }
.retrieval-photos[b-ew4e1nzryw] { border:2px dashed #cbd8e9; border-radius:12px; background:#fbfcff; padding:22px 16px; text-align:center; }
.retrieval-photos h4[b-ew4e1nzryw] { font-size:14px; }
.retrieval-documentation textarea[b-ew4e1nzryw] { font-size:16px; line-height:1.8; }
.retrieval-date[b-ew4e1nzryw] { display:flex; align-items:end; gap:14px; padding:0 16px 16px; }
.retrieval-date small[b-ew4e1nzryw] { color:#8795ab; padding-bottom:12px; }
.retrieval-actions[b-ew4e1nzryw] { display:flex; justify-content:flex-end; margin:16px 0; }
.retrieval-actions button[b-ew4e1nzryw] { background:#202543; border-color:#202543; }
.retrieval-history[b-ew4e1nzryw] { padding:0 16px 16px; }
@media(max-width:800px) { .retrieval-details[b-ew4e1nzryw] { grid-template-columns:1fr 1fr; } .retrieval-documentation[b-ew4e1nzryw] { grid-template-columns:1fr; } .retrieval-title[b-ew4e1nzryw] { align-items:start; } }
@media(max-width:480px) { .retrieval-page[b-ew4e1nzryw] { padding:10px; } .retrieval-details[b-ew4e1nzryw] { grid-template-columns:1fr; } .retrieval-title[b-ew4e1nzryw],.retrieval-date[b-ew4e1nzryw] { flex-direction:column; align-items:stretch; } }
/* _content/Starterkit/HRM/SettingCustody.razor.rz.scp.css */
.custody-settings[b-a1mzii8fgx] { color: #142b4c; padding: 8px 0 24px; }
.custody-settings fieldset[b-a1mzii8fgx] { border: 0; min-width: 0; padding: 0; }
.settings-columns[b-a1mzii8fgx] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.settings-card[b-a1mzii8fgx] { background: #fff; border: 1px solid #dce4ef; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 24px #18335506; }
.settings-card header[b-a1mzii8fgx] { padding: 22px 18px 18px; border-bottom: 1px solid #ebeff5; }
.settings-card h3[b-a1mzii8fgx] { font-size: 19px; font-weight: 700; margin: 0; color: #142b4c; }
.settings-card header p[b-a1mzii8fgx] { color: #8796ae; font-size: 11px; margin: 12px 0 0; }
.settings-content[b-a1mzii8fgx] { padding: 20px 18px; }
.settings-days[b-a1mzii8fgx] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 14px; }
.settings-days label[b-a1mzii8fgx], .settings-channels h4[b-a1mzii8fgx] { color: #53647e; font-size: 13px; font-weight: 600; }
.settings-number[b-a1mzii8fgx] { display: flex; align-items: center; border: 1px solid #d5dfef; border-radius: 10px; padding-inline: 12px; margin-top: 8px; gap: 6px; }
.settings-number[b-a1mzii8fgx]  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-a1mzii8fgx] { outline: 2px solid #c3953b; outline-offset: 1px; }
.settings-number span[b-a1mzii8fgx] { color: #53647e; font-size: 14px; }
.settings-channels[b-a1mzii8fgx] { margin-top: 20px; }
.settings-channels h4[b-a1mzii8fgx] { margin-bottom: 18px; }
.settings-channels > div[b-a1mzii8fgx] { display: flex; flex-wrap: wrap; gap: 20px; }
.settings-channels label[b-a1mzii8fgx] { display: flex; align-items: center; gap: 8px; color: #53647e; font-size: 13px; font-weight: 600; }
.settings-channels input[b-a1mzii8fgx] { accent-color: #c3953b; width: 15px; height: 15px; }
.settings-events[b-a1mzii8fgx] { padding: 18px; display: flex; flex-direction: column; gap: 9px; }
.settings-events label[b-a1mzii8fgx] { 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-a1mzii8fgx] { 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-a1mzii8fgx]::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-a1mzii8fgx] { background: var(--kt-primary); }
.settings-events input:checked[b-a1mzii8fgx]::before { transform: translateX(-22px); }
.settings-events input:focus-visible[b-a1mzii8fgx] { outline: 2px solid var(--kt-primary); outline-offset: 3px; }
.settings-actions[b-a1mzii8fgx] { display: flex; gap: 12px; margin-top: 20px; }
@media(max-width: 900px) { .settings-columns[b-a1mzii8fgx] { grid-template-columns: 1fr; } }
@media(max-width: 480px) { .settings-days[b-a1mzii8fgx] { grid-template-columns: 1fr; } }
/* _content/Starterkit/HRM/TransferCustody.razor.rz.scp.css */
.transfer-page[b-ceqkz59g4o] { padding:18px; border-radius:18px; background:#f2f5f9; color:#132b48; }
.transfer-title[b-ceqkz59g4o] { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.transfer-title h2[b-ceqkz59g4o] { font-size:23px; margin:0 0 8px; }
.transfer-title p[b-ceqkz59g4o],.transfer-section header p[b-ceqkz59g4o] { color:#8998ae; font-size:12px; margin:8px 0 0; }
.transfer-page fieldset[b-ceqkz59g4o] { min-width:0; border:0; padding:0; }
.transfer-section[b-ceqkz59g4o] { border:1px solid #dbe5f1; border-radius:17px; background:#fff; margin-bottom:16px; overflow:hidden; }
.transfer-section header[b-ceqkz59g4o] { padding:18px; border-bottom:1px solid #ecf0f6; }
.transfer-section h3[b-ceqkz59g4o] { font-size:17px; margin:0; font-weight:700; }
.transfer-content[b-ceqkz59g4o] { padding:15px; }
.transfer-parties[b-ceqkz59g4o],.transfer-pair[b-ceqkz59g4o] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.transfer-party[b-ceqkz59g4o] { border:1px solid #d9e3f0; border-radius:12px; overflow:hidden; }
.transfer-party h4[b-ceqkz59g4o] { padding:13px; margin:0; background:#f9fbfe; border-bottom:1px solid #ecf0f6; font-size:13px; font-weight:700; }
.transfer-party-body[b-ceqkz59g4o] { padding:12px; }
.transfer-page label[b-ceqkz59g4o] { display:block; color:#556c8d; font-size:12px; font-weight:600; }
.transfer-page label span[b-ceqkz59g4o],.transfer-page th span[b-ceqkz59g4o] { color:#ce5665; }
.transfer-page .form-control[b-ceqkz59g4o],.transfer-page .form-select[b-ceqkz59g4o] { border-color:#d3dfef; border-radius:9px; min-height:42px; margin-top:8px; font-size:14px; }
.transfer-page input[readonly][b-ceqkz59g4o] { background:#f4f6fa; color:#7f90a9; }
.transfer-party .transfer-pair[b-ceqkz59g4o] { margin-top:12px; }
.transfer-meta[b-ceqkz59g4o] { margin:14px 0 18px; }
.transfer-notes-label textarea[b-ceqkz59g4o] { resize:vertical; }
.transfer-table[b-ceqkz59g4o] { margin:15px; border:1px solid #dce5f1; border-radius:11px; }
.transfer-page table[b-ceqkz59g4o] { margin:0; font-size:12px; }
.transfer-page th[b-ceqkz59g4o] { padding:13px 10px; background:#f7f9fc; color:#8393ad; font-size:11px; white-space:nowrap; }
.transfer-page td[b-ceqkz59g4o] { padding:12px 10px; }
.transfer-table .form-control[b-ceqkz59g4o],.transfer-table .form-select[b-ceqkz59g4o] { margin:0; font-size:12px; min-width:130px; }
.transfer-table td:nth-child(2)[b-ceqkz59g4o] { min-width:180px; }
.transfer-custody-number[b-ceqkz59g4o] { display:block; color:#8a99ad; margin-top:5px; }
.transfer-status[b-ceqkz59g4o] { display:inline-block; padding:4px 10px; border-radius:20px; background:#e5f6ef; color:#268764; font-size:11px; white-space:nowrap; }
.transfer-status.damaged[b-ceqkz59g4o] { background:#fff0dd; color:#af771f; }
.transfer-actions[b-ceqkz59g4o] { display:flex; justify-content:flex-end; align-items:center; gap:16px; margin:18px 0; }
.transfer-actions span[b-ceqkz59g4o] { color:#7b8ca6; }
.transfer-actions button[b-ceqkz59g4o] { background:#222744; border-color:#222744; }
.transfer-history[b-ceqkz59g4o] { padding:0 15px 15px; }
@media(max-width:760px) { .transfer-parties[b-ceqkz59g4o] { grid-template-columns:1fr; } .transfer-page[b-ceqkz59g4o] { padding:10px; } }
@media(max-width:460px) { .transfer-pair[b-ceqkz59g4o] { grid-template-columns:1fr; } .transfer-title[b-ceqkz59g4o] { flex-direction:column; align-items:stretch; } }
/* _content/Starterkit/Observatory/Components/DashboardLayoutSizePicker.razor.rz.scp.css */
.obs-dashboard-size-picker[b-4375l6epb1] {
    display: grid;
    grid-column: span 2;
    min-width: 0;
    gap: 11px;
}

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

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

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

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

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

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

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

.obs-dashboard-size-picker__options button[b-4375l6epb1] {
    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-4375l6epb1],
.obs-dashboard-size-picker__options button:focus-visible[b-4375l6epb1] {
    border-color: var(--obs-primary, #0b5c60);
    outline: none;
    transform: translateY(-1px);
}

.obs-dashboard-size-picker__options button.is-selected[b-4375l6epb1] {
    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-4375l6epb1] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

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

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

.obs-dashboard-size-picker__icon[b-4375l6epb1] {
    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-4375l6epb1] {
    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-4375l6epb1] {
    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-4375l6epb1] {
    position: absolute;
    inset-block-start: 6px;
    inset-inline-end: 6px;
    color: #15805f;
    font-size: .66rem;
}

.obs-dashboard-size-picker__legacy[b-4375l6epb1] {
    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-4375l6epb1] {
    padding: 9px;
}

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

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

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

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

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

.obs-builder-alert[b-zxfviw3u9j] {
    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-zxfviw3u9j]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 4px;
    background: currentColor;
    content: "";
}

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

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

.obs-builder-alert a[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: inherit;
    background: rgba(255, 255, 255, .72);
    transform: translateY(-1px);
}

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

.obs-dashboard-switcher[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 6px;
}

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

.obs-dashboard-switcher .form-select[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

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

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

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

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

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

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

.obs-builder-index[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-builder-index__toggle:focus-visible[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    max-height: 70px;
    padding: 10px;
    overflow: hidden;
}

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

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

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

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

.obs-builder-form[b-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-creation-experience-tabs button:focus-visible[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 70%, #153b3f));
}

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

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

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

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

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

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

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

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

.obs-builder-guide[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.obs-builder-guide__icon[b-zxfviw3u9j],
.obs-smart-start__icon[b-zxfviw3u9j],
.obs-publish-readiness__icon[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin: 3px 0 0;
    color: #153b3e;
    font-size: clamp(1.18rem, 2vw, 1.55rem);
    font-weight: 950;
}

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

.obs-builder-guide__counter[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.obs-builder-steps button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-builder-steps button:focus-visible[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #dce7e5);
    outline: none;
    transform: translateY(-1px);
}

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

.obs-builder-steps button.is-active[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #176955;
    border-color: #b9ddd3;
    background: #f1faf7;
}

.obs-builder-steps__number[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #fff;
    background: var(--obs-primary);
}

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

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

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

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

.obs-builder-guide__message[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #91364a;
    border-color: #edc4cc;
    background: #fff4f6;
}

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

.obs-builder-mode[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.obs-builder-mode > span > i[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

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

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

.obs-builder-mode button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-builder-mode button:focus-visible:not(:disabled)[b-zxfviw3u9j] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    outline: none;
}

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

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

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

.is-advanced-section > summary[b-zxfviw3u9j]::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-zxfviw3u9j] {
    flex: 0 0 auto;
    order: 3;
}

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

.obs-new-dashboard-button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-new-dashboard-button:focus-visible[b-zxfviw3u9j] {
    outline: none;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
    transform: translateY(-1px);
}

.obs-smart-start[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin: 0;
    color: #173d40;
    font-size: 1rem;
    font-weight: 950;
}

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

.obs-smart-start button[b-zxfviw3u9j],
.obs-advanced-add-source[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    cursor: not-allowed;
    filter: grayscale(.25);
    opacity: .5;
}

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

.obs-optional-section > summary[b-zxfviw3u9j] {
    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-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.obs-choice-card:has(input:focus-visible)[b-zxfviw3u9j],
.obs-simple-choice:has(input:focus-visible)[b-zxfviw3u9j],
.obs-source-mode > label:has(input:focus-visible)[b-zxfviw3u9j],
.obs-axis-strip > label:has(input:focus-visible)[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

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

.obs-builder-form > .obs-builder-section-head[b-zxfviw3u9j]::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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

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

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

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

.obs-icon-button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-icon-button:focus-visible[b-zxfviw3u9j] {
    box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
    outline: none;
    transform: translateY(-2px);
}

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

.obs-index-live-preview[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

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

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

.obs-index-live-preview > header > b[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    padding-bottom: 0;
}

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

.obs-index-live-preview__canvas[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    grid-column: auto;
}

.obs-index-live-preview__item[b-zxfviw3u9j],
.obs-index-live-preview__item.is-tall[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    min-width: 0;
    padding-inline-end: 27px;
}

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

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

.obs-index-live-preview__order[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    color: #6b8082;
    font-size: .62rem;
    line-height: 1.55;
}

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

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

.obs-dashboard-list__empty-action[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-dashboard-list__empty-action:focus-visible[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j],
.obs-dashboard-list__item:focus-visible[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j]::before {
    background: var(--obs-secondary);
}

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

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

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

.obs-dashboard-list__publication-note[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    flex: 0 0 auto;
    margin-top: .25em;
    color: #c68a15;
}

.obs-dashboard-list__select[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #0d6a54;
}

.obs-version-chip[b-zxfviw3u9j],
.obs-count-chip[b-zxfviw3u9j],
.obs-preview__type[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.obs-source-flow[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #174a4e;
    background: #fff;
    box-shadow: 0 5px 16px rgba(20, 67, 70, .08);
}

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

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

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

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

.obs-dashboard-source-card[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-dashboard-source-card.is-active[b-zxfviw3u9j],
.obs-dashboard-source-card:focus-visible[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-dashboard-source-card__remove:focus-visible[b-zxfviw3u9j],
.obs-dashboard-source-card__confirm button:focus-visible[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 70%, #fff);
    outline-offset: 2px;
}

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

.obs-dashboard-source-card__number[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

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

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

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

.obs-dashboard-source-card__remove[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    border-color: #c84d63;
    color: #fff;
    background: #a83f53;
}

.obs-dashboard-source-card.is-add[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.obs-source-grid .obs-field[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-pinned-version > small[b-zxfviw3u9j] {
    color: #748789;
    font-size: .71rem;
    line-height: 1.65;
}

.obs-source-version[b-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.obs-source-version__icon[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 3px;
    margin-inline-end: auto;
}

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

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

.obs-data-ready[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #0d6955;
    border-color: #b9e0d7;
    background: #eefaf7;
}

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

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

.obs-source-mode > label[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #d9e4e2);
    transform: translateY(-1px);
}

.obs-source-mode > label.is-selected[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    position: absolute;
    opacity: 0;
}

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

.obs-source-mode label > i[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-source-mode small[b-zxfviw3u9j] {
    display: block;
}

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

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

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

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

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

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

.obs-map-toolbar > label[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #17383b;
    background: transparent;
    font-size: .78rem;
}

.obs-map-toolbar button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-map-toolbar button:focus-visible[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #d7e3e1);
    outline: none;
}

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

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

.obs-axis-strip > label[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #dbe6e4);
    transform: translateY(-1px);
}

.obs-axis-strip > label.is-selected[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    position: absolute;
    opacity: 0;
}

.obs-axis-strip__number[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-axis-strip small[b-zxfviw3u9j] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

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

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

.obs-axis-accordion[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 30%, #dbe6e4);
}

.obs-axis-accordion__item.is-expanded[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
}

.obs-axis-accordion__summary[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-axis-accordion__summary:focus-visible[b-zxfviw3u9j] {
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
    outline: none;
}

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

.obs-axis-accordion__number[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    min-width: 0;
}

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

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

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

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

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

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

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

.obs-axis-accordion__toggle[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

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

.obs-axis-accordion__toggle > span[b-zxfviw3u9j]::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-zxfviw3u9j] {
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
}

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

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

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

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

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

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

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

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

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

.obs-axis-accordion__panel-head button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-axis-accordion__panel-head button:focus-visible[b-zxfviw3u9j] {
    border-color: var(--obs-primary);
    outline: none;
}

.obs-axis-accordion__indicators[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: flex;
    min-height: 88px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #718587;
    text-align: start;
}

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

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

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

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

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

.obs-empty--source[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    align-content: start;
    gap: 7px;
}

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

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

.obs-field .form-control[b-zxfviw3u9j],
.obs-field .form-select[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    min-height: 104px;
    resize: vertical;
}

.obs-field .form-control:focus[b-zxfviw3u9j],
.obs-field .form-select:focus[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    grid-column: 1 / -1;
}

.obs-switch-line[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    position: absolute;
    opacity: 0;
}

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

.obs-switch-line__control[b-zxfviw3u9j]::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-zxfviw3u9j] {
    background: var(--obs-primary);
}

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

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

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

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

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

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

.obs-page-editor[b-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    cursor: not-allowed;
    opacity: .45;
}

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

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

.obs-page-card[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    font-size: .78rem;
    font-weight: 950;
}

.obs-page-card__number small[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    gap: 5px;
}

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

.obs-page-card .form-control[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.obs-page-card__actions button[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #7b550d;
    border-color: #ead6a6;
    background: #fff9ea;
}

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

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

.obs-layout-editor[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    gap: 13px;
}

.obs-live-preview[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
}

.obs-live-preview__icon[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

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

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

.obs-live-preview__live[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    font-size: .45rem;
    animation: obs-live-preview-pulse-b-zxfviw3u9j 1.8s ease-in-out infinite;
}

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

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

.obs-live-preview__pages button[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
}

.obs-live-preview__canvas[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j 1s linear both;
}

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

.obs-live-preview__item.is-dragging[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    grid-column: 1 / -1;
}

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

.obs-live-preview__item-head[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

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

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

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

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

.obs-live-preview__miniature i[b-zxfviw3u9j] {
    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-zxfviw3u9j] { right: 12%; height: 28%; }
.obs-live-preview__miniature i:nth-child(2)[b-zxfviw3u9j] { right: 34%; height: 62%; }
.obs-live-preview__miniature i:nth-child(3)[b-zxfviw3u9j] { right: 56%; height: 43%; }
.obs-live-preview__miniature i:nth-child(4)[b-zxfviw3u9j] { right: 78%; height: 76%; }

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

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

.obs-live-preview__miniature.is-circle[b-zxfviw3u9j]::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-zxfviw3u9j]::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-zxfviw3u9j],
.obs-live-preview__miniature.is-number i[b-zxfviw3u9j],
.obs-live-preview__miniature.is-table i[b-zxfviw3u9j],
.obs-live-preview__miniature.is-filter i[b-zxfviw3u9j],
.obs-live-preview__miniature.is-map i[b-zxfviw3u9j] {
    display: none;
}

.obs-live-preview__miniature.is-number b[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-live-preview__miniature.is-filter[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
        grid-template-columns: minmax(0, 1fr) 310px;
        align-items: start;
    }

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

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

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

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

.obs-layout-field-guide[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

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

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

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

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

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

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

.obs-layout-field-guide dl[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    padding: 9px 10px;
    border: 1px solid #e4ebe9;
    border-radius: 9px;
    background: #fff;
}

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

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

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

.obs-layout-row[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.obs-layout-row:has(.obs-layout-row__banner-picker[open])[b-zxfviw3u9j],
.obs-layout-row:has(.obs-series-picker[open])[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    --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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(230px, 1fr);
    align-items: stretch;
    gap: 7px;
}

.obs-widget-card-preview-trigger[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-widget-card-preview-trigger strong[b-zxfviw3u9j],
.obs-widget-card-preview-trigger small[b-zxfviw3u9j] {
    display: block;
}

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

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

.obs-widget-card-preview-trigger:hover[b-zxfviw3u9j],
.obs-widget-card-preview-trigger:focus-visible[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    --banner-accent: #197f77;
    --banner-soft: #e1f5f0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.obs-source-relations[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin: 3px 0 4px;
    color: #173e41;
    font-size: 1rem;
    font-weight: 950;
}

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

.obs-source-relation[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    align-self: center;
    color: #244a4d;
    font-size: .8rem;
}

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

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

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

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

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

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

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

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

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

.obs-source-relation__preview[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

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

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

.obs-visual-picker__selected-icon[b-zxfviw3u9j],
.obs-visual-picker__option-icon[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

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

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

.obs-visual-picker__change[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #fff;
    background: var(--obs-primary);
}

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

.obs-layout-row__banner-picker[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #74898b;
    font-size: .61rem;
}

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

.obs-layout-row__banner-picker .obs-visual-picker__change[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    background: var(--banner-accent);
}

.obs-layout-row__banner-picker > .obs-visual-picker__panel[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

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

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

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

.obs-visual-picker__panel > header > span[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    gap: 6px;
}

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

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

.obs-visual-picker__option[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 34%, transparent);
    outline-offset: 1px;
}

.obs-visual-picker__option.is-selected[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    cursor: not-allowed;
    filter: grayscale(.35);
    opacity: .48;
}

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

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

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

.obs-visual-picker__option-copy small[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #16806b;
}

.obs-visual-picker__selected-mark[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    font-size: .72rem;
}

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

.obs-visual-picker-trigger .obs-visual-picker__change[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    --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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

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

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

.obs-layout-row__type-guide ul[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #667c7e;
    font-size: .72rem;
    font-weight: 900;
}

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

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

.obs-widget-card-preview-backdrop[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-widget-card-preview-dialog > header h2[b-zxfviw3u9j],
.obs-widget-card-preview-dialog > header p[b-zxfviw3u9j] {
    margin: 0;
}

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

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

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

.obs-widget-card-preview-dialog > header > button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-widget-card-preview-dialog > header > button:focus-visible[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    --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-zxfviw3u9j] {
    width: min(68%, 520px);
}

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

.obs-widget-card-preview > header[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-widget-card-preview > header small[b-zxfviw3u9j] {
    display: block;
}

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

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

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

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

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

.obs-widget-card-preview > footer[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #627a7c;
    font-size: .61rem;
    font-weight: 850;
}

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

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

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

.obs-widget-card-preview-dialog__body > aside ul[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin-top: 3px;
    color: var(--obs-primary);
}

.obs-widget-card-preview-dialog > footer[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #b87920;
}

.obs-widget-card-preview-dialog > footer button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-widget-card-preview-dialog > footer button:focus-visible[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 18%, transparent);
    outline-offset: 2px;
}

.obs-visual-dialog-backdrop[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    --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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    gap: 3px;
}

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

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

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

.obs-visual-dialog__header > button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-visual-dialog__header > button:focus-visible[b-zxfviw3u9j] {
    outline: none;
    background: rgba(255, 255, 255, .22);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .16);
}

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

.obs-visual-dialog__context > span[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #1d625b;
}

.obs-visual-dialog__body[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #956500;
    background: #ffe7ad;
}

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

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

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

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

.obs-visual-dialog__selection-feedback button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-visual-dialog__selection-feedback button:focus-visible[b-zxfviw3u9j] {
    outline: none;
    background: #fff1c9;
    box-shadow: 0 0 0 3px rgba(212, 155, 45, .2);
}

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

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

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

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

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

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

.obs-visual-dialog__category > header > span[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.obs-visual-choice[b-zxfviw3u9j] {
    --banner-accent: #5668a7;
    --banner-soft: #eceffa;
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(145px, .9fr) minmax(160px, 1.1fr);
    align-items: stretch;
    gap: 9px;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 18%, #dce7e5);
    border-radius: 15px;
    color: #294d50;
    background: #fff;
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--banner-accent) 30%, transparent);
    outline-offset: 2px;
}

.obs-visual-choice.is-selected[b-zxfviw3u9j] {
    border-color: var(--banner-accent);
    background: color-mix(in srgb, var(--banner-soft) 45%, #fff);
    box-shadow: inset 0 0 0 1px var(--banner-accent);
}

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

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

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

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

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

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

.obs-visual-choice__content[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 6px;
}

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

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

.obs-visual-choice__heading strong[b-zxfviw3u9j] {
    color: #22494c;
    font-size: .86rem;
    font-weight: 950;
}

.obs-visual-choice__heading small[b-zxfviw3u9j] {
    color: #586f72;
    font-size: .76rem;
    font-weight: 750;
}

.obs-visual-choice__icon[b-zxfviw3u9j] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 8px;
    color: var(--banner-accent);
    background: var(--banner-soft);
}

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

.obs-visual-choice__settings[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    padding-top: 5px;
    border-top: 1px dashed #dce6e4;
}

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

.obs-visual-choice__requirements[b-zxfviw3u9j] {
    display: grid;
    gap: 5px;
    padding: 7px;
    border: 1px solid #dce7e5;
    border-radius: 10px;
    background: #f8fbfa;
}

.obs-visual-choice__requirements > strong[b-zxfviw3u9j] {
    color: #294f52;
    font-size: .79rem;
    font-weight: 950;
}

.obs-visual-requirement[b-zxfviw3u9j] {
    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: #fff;
}

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

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

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

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

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

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

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

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

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

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

.obs-visual-choice__compatibility[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #126b58;
    background: #e1f5ed;
}

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

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

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

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

.obs-visual-choice__selected[b-zxfviw3u9j] {
    position: absolute;
    z-index: 2;
    top: 7px;
    inset-inline-start: 7px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #fff;
    background: var(--banner-accent);
    font-size: .74rem;
    font-weight: 950;
}

.obs-visual-dialog__footer[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin-top: 3px;
    color: var(--dialog-accent);
}

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

.obs-visual-dialog__footer button[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #5e7375;
    background: #fff;
}

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

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

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

    .obs-visual-choice[b-zxfviw3u9j] {
        grid-template-columns: minmax(130px, .85fr) minmax(150px, 1.15fr);
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .obs-visual-choice[b-zxfviw3u9j] {
        grid-template-columns: minmax(130px, .9fr) minmax(145px, 1.1fr);
    }

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

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

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

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

@media (max-width: 420px) {
    .obs-visual-choice[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-visual-choice__preview[b-zxfviw3u9j] {
        min-height: 104px;
    }
}

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

.obs-layout-row__compatibility[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin-top: 2px;
}

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

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

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

.obs-layout-row__settings[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

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

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

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

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

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

.obs-layout-row__settings > div[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: var(--obs-primary);
}

.obs-layout-row__interaction-settings > p[b-zxfviw3u9j],
.obs-layout-row__interaction-settings > small[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: block;
    padding: 7px 8px;
    border-radius: 8px;
    color: #963d4e;
    background: #fff0f3;
}

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

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

.obs-interaction-targets label[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    width: 16px;
    height: 16px;
    grid-row: 1 / span 2;
    accent-color: var(--obs-primary);
}

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

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

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

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

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

.obs-layout-row__target-settings legend[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: var(--obs-secondary);
}

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

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

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

.obs-layout-row__target-settings > small[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #176f5d;
    background: #eaf8f3;
}

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

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

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

.obs-layout-row__alert-settings[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    border-color: #dce5e3;
    background: #fbfdfc;
}

.obs-layout-row__alert-settings legend[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #b8791f;
}

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

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

.obs-alert-settings__master[b-zxfviw3u9j],
.obs-alert-settings__choice[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    flex: 1 1 360px;
    border-color: #e5d2ad;
}

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

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

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

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

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

.obs-alert-settings__condition[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    align-items: stretch;
    gap: 9px;
    margin-top: 10px;
}

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

.obs-alert-settings__field[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-alert-settings__channels > span[b-zxfviw3u9j] {
    color: #536b6d;
    font-size: .61rem;
    font-weight: 900;
}

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

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

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

.obs-alert-settings__channels[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-alert-recipient-picker.is-invalid[b-zxfviw3u9j] {
    border-color: #bd5267;
    box-shadow: 0 0 0 3px rgba(189, 82, 103, .08);
}

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

.obs-alert-settings__channels label[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #805716;
    border-color: #dfc184;
    background: #fff8e8;
}

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

.obs-alert-settings__audience-note[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin-top: 2px;
    color: var(--obs-primary);
}

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

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

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

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

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

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

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

.obs-alert-recipient-picker__columns > div > strong[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    max-height: 174px;
    gap: 5px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.obs-alert-recipient-picker__items label[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #dfe8e6);
    background: #eef7f5;
}

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

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

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

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

.obs-layout-row__alert-settings > small[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #176f5d;
    background: #eaf8f3;
}

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

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

.obs-alert-runtime[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

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

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

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

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

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

.obs-alert-runtime__actions button[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    cursor: wait;
    opacity: .55;
}

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

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

.obs-alert-runtime dl > div[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #7a8e90;
    font-size: .5rem;
    font-weight: 750;
}

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

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

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

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

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

.obs-alert-runtime .obs-alert-runtime__error[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    padding: 7px 8px;
    border-radius: 8px;
    color: #7d6420;
    background: #fff5d6;
}

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

.obs-alert-runtime__deliveries span[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #765e1b;
    background: #fff3c7;
}

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

.obs-alert-runtime__error-details[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-weight: 900;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.obs-layout-row__source[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    gap: 5px;
}

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

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

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

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

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

.obs-series-picker > summary[b-zxfviw3u9j],
.obs-series-picker__disabled[b-zxfviw3u9j] {
    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-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

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

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

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

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

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

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

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

.obs-series-picker__panel[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    position: relative;
    display: block !important;
}

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

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

.obs-series-picker__options[b-zxfviw3u9j] {
    display: grid;
    max-height: 250px;
    gap: 5px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.obs-series-picker__option[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-series-picker__option > span[b-zxfviw3u9j],
.obs-series-picker__option strong[b-zxfviw3u9j],
.obs-series-picker__option small[b-zxfviw3u9j] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-series-picker__option strong[b-zxfviw3u9j] {
    color: #294d50;
    font-size: .73rem;
}

.obs-series-picker__option small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #7e9092;
    font-size: .64rem;
}

.obs-series-picker__empty[b-zxfviw3u9j] {
    margin: 0;
    padding: 16px 8px;
    color: #7b8f91;
    text-align: center;
    font-size: .71rem;
}

.obs-layout-row__series-role[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: var(--obs-primary);
}

.obs-layout-row .form-select[b-zxfviw3u9j],
.obs-layout-row .form-control[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-layout-row .form-control:focus[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.obs-choice-grid--organizations[b-zxfviw3u9j] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-height: 430px;
    gap: 10px;
}

.obs-choice-card[b-zxfviw3u9j],
.obs-simple-choice[b-zxfviw3u9j] {
    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-zxfviw3u9j]::before,
.obs-simple-choice[b-zxfviw3u9j]::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-zxfviw3u9j],
.obs-simple-choice:hover[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-simple-choice:has(input:checked)[b-zxfviw3u9j] {
    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-zxfviw3u9j]::before,
.obs-simple-choice:has(input:checked)[b-zxfviw3u9j]::before {
    background: var(--obs-secondary);
}

.obs-choice-card input[b-zxfviw3u9j],
.obs-simple-choice input[b-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-choice-card__icon[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-choice-card span small[b-zxfviw3u9j],
.obs-simple-choice span strong[b-zxfviw3u9j],
.obs-simple-choice span small[b-zxfviw3u9j] {
    display: block;
}

.obs-choice-card span strong[b-zxfviw3u9j],
.obs-simple-choice span strong[b-zxfviw3u9j] {
    color: #28484b;
    font-size: .75rem;
}

.obs-choice-card small[b-zxfviw3u9j],
.obs-simple-choice small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #819092;
    font-size: .65rem;
}

.obs-simple-choice__content[b-zxfviw3u9j] {
    min-width: 0;
    flex: 1;
}

.obs-simple-choice--user[b-zxfviw3u9j] {
    min-height: 78px;
    padding: 14px 15px;
}

.obs-simple-choice--user .obs-simple-choice__content strong[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    min-height: 78px;
    padding: 13px 15px;
}

.obs-simple-choice--role .obs-simple-choice__content strong[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j]::before {
    inset: auto 12px 0;
    width: auto;
    height: 4px;
    border-radius: 4px 4px 0 0;
}

.obs-simple-choice--organization input[b-zxfviw3u9j] {
    position: absolute;
    inset-block-start: 13px;
    inset-inline-start: 13px;
    margin: 0;
}

.obs-simple-choice__organization-icon[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    width: 100%;
    min-width: 0;
}

.obs-simple-choice--organization .obs-simple-choice__organization-content strong[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin-inline-start: auto;
    color: var(--obs-primary);
    opacity: 0;
}

.obs-choice-card.is-checked .obs-choice-card__check[b-zxfviw3u9j] {
    opacity: 1;
}

.obs-governance-card[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
}

.obs-governance-card__icon[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-governance-card__head p[b-zxfviw3u9j] {
    margin: 0;
}

.obs-governance-card__head h2[b-zxfviw3u9j] {
    color: #24474a;
    font-size: 1rem;
    font-weight: 950;
}

.obs-governance-card__head p[b-zxfviw3u9j] {
    margin-top: 5px;
    color: #748789;
    font-size: .68rem;
    line-height: 1.75;
}

.obs-governance-card__count[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin-top: 3px;
    color: var(--obs-primary);
}

.obs-audience-tabs[b-zxfviw3u9j] {
    display: flex;
    gap: 4px;
    margin-bottom: 11px;
    padding: 5px;
    border: 1px solid #dfe8e6;
    border-radius: 13px;
    background: #f3f7f6;
}

.obs-audience-tabs button[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 10px 0;
}

.obs-audience-search label[b-zxfviw3u9j] {
    position: relative;
    display: block;
    min-width: 0;
    flex: 1 1 auto;
}

.obs-audience-search label > i[b-zxfviw3u9j] {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 13px;
    color: #789092;
    transform: translateY(-50%);
}

.obs-audience-search input[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: block;
    margin: -5px 2px 9px;
    color: #74898b;
    font-size: .71rem;
    line-height: 1.5;
}

.obs-audience-priority-note[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin-top: 4px;
    color: var(--obs-secondary);
}

.obs-audience-priority-note span[b-zxfviw3u9j],
.obs-audience-priority-note strong[b-zxfviw3u9j],
.obs-audience-priority-note small[b-zxfviw3u9j] {
    display: block;
}

.obs-audience-priority-note strong[b-zxfviw3u9j] {
    color: #244e51;
    font-size: .82rem;
    font-weight: 950;
}

.obs-audience-priority-note small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #647d7f;
    font-size: .76rem;
    font-weight: 750;
    line-height: 1.65;
}

.obs-empty--search[b-zxfviw3u9j] {
    grid-column: 1 / -1;
    min-height: 130px;
}

.obs-all-audience[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-all-audience strong[b-zxfviw3u9j],
.obs-all-audience small[b-zxfviw3u9j] {
    display: block;
}

.obs-all-audience strong[b-zxfviw3u9j] {
    color: #29484b;
    font-size: .77rem;
}

.obs-all-audience small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #7b8c8e;
    font-size: .68rem;
}

.obs-audience-combination-hint[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin-top: 4px;
    color: var(--obs-primary);
}

.obs-all-audience-scope[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #294f52;
    font-size: .76rem;
    font-weight: 950;
}

.obs-all-audience-scope > small[b-zxfviw3u9j] {
    color: #718587;
    font-size: .68rem;
}

.obs-all-audience-scope > .obs-audience-source-scope[b-zxfviw3u9j] {
    margin-top: 3px;
}

.obs-audience-choice-card[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 7px;
}

.obs-audience-choice-card.is-selected[b-zxfviw3u9j] {
    grid-column: 1 / -1;
}

.obs-audience-choice-card > .obs-simple-choice[b-zxfviw3u9j] {
    width: 100%;
    margin: 0;
}

.obs-audience-source-scope[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin: -4px 0 12px;
}

.obs-audience-source-scope__toggle[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-audience-source-scope__toggle:focus-visible[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: var(--obs-primary);
}

.obs-audience-source-scope__toggle span[b-zxfviw3u9j],
.obs-audience-source-scope__toggle strong[b-zxfviw3u9j],
.obs-audience-source-scope__toggle small[b-zxfviw3u9j] {
    display: block;
    min-width: 0;
}

.obs-audience-source-scope__toggle strong[b-zxfviw3u9j] {
    color: #294f52;
    font-size: .78rem;
    font-weight: 950;
}

.obs-audience-source-scope__toggle small[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: var(--obs-primary);
    font-size: .69rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-audience-source-scope__options[b-zxfviw3u9j] {
    display: grid;
    gap: 6px;
}

.obs-audience-source-scope__options > label[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    accent-color: var(--obs-primary);
}

.obs-audience-source-scope__options span[b-zxfviw3u9j],
.obs-audience-source-scope__options strong[b-zxfviw3u9j],
.obs-audience-source-scope__options small[b-zxfviw3u9j] {
    display: block;
    min-width: 0;
}

.obs-audience-source-scope__options span[b-zxfviw3u9j] {
    overflow: hidden;
}

.obs-audience-source-scope__options strong[b-zxfviw3u9j],
.obs-audience-source-scope__options small[b-zxfviw3u9j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-audience-source-scope__options strong[b-zxfviw3u9j] {
    color: #294d50;
    font-size: .76rem;
    font-weight: 900;
}

.obs-audience-source-scope__options small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #7b8e90;
    font-size: .68rem;
    font-weight: 750;
}

.obs-audience-source-scope__error[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a44a2a;
    font-size: .72rem;
    font-weight: 900;
}

.obs-export-rights[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #29484b;
    font-size: .77rem;
    font-weight: 950;
}

.obs-export-rights label[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    accent-color: var(--obs-primary);
}

.obs-export-rights small[b-zxfviw3u9j] {
    grid-column: 1 / -1;
    color: #7e8e90;
    font-size: .66rem;
    line-height: 1.6;
}

.obs-governance-loading[b-zxfviw3u9j],
.obs-governance-error[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    justify-content: space-between;
    border-color: #efd6d9;
    color: #8c3f49;
    background: #fff8f8;
}

.obs-governance-error button[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
}

.obs-governance-panel[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-governance-panel__head h3[b-zxfviw3u9j],
.obs-governance-panel__head p[b-zxfviw3u9j] {
    margin: 0;
}

.obs-governance-panel__head h3[b-zxfviw3u9j] {
    color: #28494c;
    font-size: .82rem;
    font-weight: 950;
}

.obs-governance-panel__head p[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #7a8d8f;
    font-size: .61rem;
    line-height: 1.65;
}

.obs-governance-panel__head > strong[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: color-mix(in srgb, var(--obs-primary) 55%, #9aacaa);
    font-size: 1.2rem;
}

.obs-version-history[b-zxfviw3u9j],
.obs-share-list[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-share-list > li[b-zxfviw3u9j] {
    display: grid;
    gap: 9px;
    padding: 13px 15px;
    border-bottom: 1px solid #e6eceb;
}

.obs-version-history > li:last-child[b-zxfviw3u9j],
.obs-share-list > li:last-child[b-zxfviw3u9j] {
    border-bottom: 0;
}

.obs-version-history > li.is-current[b-zxfviw3u9j] {
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
}

.obs-version-history__summary[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.obs-version-history__number[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-share-list > li > div:first-child[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-version-history__summary strong[b-zxfviw3u9j],
.obs-share-list strong[b-zxfviw3u9j] {
    color: #294a4d;
    font-size: .71rem;
    font-weight: 950;
}

.obs-version-history__summary strong small[b-zxfviw3u9j] {
    margin-inline-start: 4px;
    color: var(--obs-primary);
    font-size: .55rem;
}

.obs-version-history__summary div > span[b-zxfviw3u9j],
.obs-version-history__summary time[b-zxfviw3u9j],
.obs-share-list small[b-zxfviw3u9j] {
    color: #7b8d8f;
    font-size: .59rem;
    line-height: 1.55;
}

.obs-version-status[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #14664f;
    background: #e8f7f0;
}

.obs-version-status.is-draft[b-zxfviw3u9j] {
    color: #725615;
    background: #fff5d9;
}

.obs-version-status.is-expired[b-zxfviw3u9j] {
    color: #725a2b;
    background: #f7efdf;
}

.obs-version-status.is-revoked[b-zxfviw3u9j] {
    color: #8d404b;
    background: #fbeaec;
}

.obs-governance-link-button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-governance-link-button:focus-visible[b-zxfviw3u9j] {
    border-color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
}

.obs-governance-link-button.is-danger[b-zxfviw3u9j] {
    color: #95454f;
}

.obs-inline-confirm[b-zxfviw3u9j] {
    display: grid;
    gap: 9px;
    padding: 10px;
    border: 1px solid #ead9bd;
    border-radius: 11px;
    background: #fffbf3;
}

.obs-inline-confirm p[b-zxfviw3u9j] {
    margin: 0;
    color: #6f5a35;
    font-size: .62rem;
    font-weight: 800;
    line-height: 1.65;
}

.obs-inline-confirm > div[b-zxfviw3u9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-inline-confirm button[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
}

.obs-inline-confirm button.is-danger[b-zxfviw3u9j] {
    border-color: #984853;
    color: #fff;
    background: #984853;
}

.obs-share-create[b-zxfviw3u9j] {
    display: grid;
    gap: 10px;
    padding: 14px 15px;
    border-bottom: 1px solid #e5ecea;
    background: #fbfcfc;
}

.obs-share-create > label:not(.obs-share-pdf-choice)[b-zxfviw3u9j] {
    display: grid;
    gap: 5px;
    color: #526b6e;
    font-size: .63rem;
    font-weight: 900;
}

.obs-share-create select[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-share-pdf-choice span[b-zxfviw3u9j],
.obs-share-pdf-choice strong[b-zxfviw3u9j],
.obs-share-pdf-choice small[b-zxfviw3u9j] {
    display: block;
}

.obs-share-pdf-choice strong[b-zxfviw3u9j] {
    color: #3b595c;
    font-size: .65rem;
}

.obs-share-pdf-choice small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #859496;
    font-size: .56rem;
}

.obs-share-created[b-zxfviw3u9j] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid #cde5da;
    background: #f1fbf6;
}

.obs-share-created > div[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #246a54;
}

.obs-share-created > div > i[b-zxfviw3u9j] {
    margin-top: 3px;
}

.obs-share-created strong[b-zxfviw3u9j],
.obs-share-created small[b-zxfviw3u9j] {
    display: block;
}

.obs-share-created strong[b-zxfviw3u9j] {
    font-size: .69rem;
}

.obs-share-created small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #5c7d71;
    font-size: .57rem;
}

.obs-share-created > label[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    direction: ltr;
}

.obs-share-created input[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin-bottom: 3px;
}

.obs-builder-review[b-zxfviw3u9j] {
    padding: 18px;
    border: 1px solid #dce7e5;
    border-radius: 17px;
    background: #fbfdfc;
}

.obs-builder-review__score[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.obs-builder-review__list button[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #176650;
    border-color: #b9ddd3;
    background: #f3faf8;
}

.obs-builder-review__list button.is-missing[b-zxfviw3u9j] {
    color: #8f394a;
    border-color: #ebc6cd;
    background: #fff6f7;
}

.obs-builder-review__list button:hover[b-zxfviw3u9j],
.obs-builder-review__list button:focus-visible[b-zxfviw3u9j] {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);
}

.obs-builder-review__list strong[b-zxfviw3u9j],
.obs-builder-review__list small[b-zxfviw3u9j] {
    display: block;
}

.obs-builder-review__list strong[b-zxfviw3u9j] {
    font-size: .84rem;
    font-weight: 950;
}

.obs-builder-review__list small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #6f8385;
    font-size: .79rem;
    line-height: 1.5;
}

.obs-final-summary[b-zxfviw3u9j] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 15px;
    border: 1px solid #dce7e5;
    border-radius: 16px;
    background: #fff;
}

.obs-final-summary > header[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.obs-final-summary > header > span:first-child[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-final-summary > header strong[b-zxfviw3u9j] {
    color: #23494c;
    font-size: .9rem;
    font-weight: 950;
}

.obs-final-summary > header small[b-zxfviw3u9j] {
    color: #6e8385;
    font-size: .77rem;
}

.obs-final-summary > div[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.obs-final-summary button[b-zxfviw3u9j] {
    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-zxfviw3u9j],
.obs-final-summary button:focus-visible[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #809294;
    font-size: .65rem;
}

.obs-final-summary button > span[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-final-summary button small[b-zxfviw3u9j] {
    color: #75898b;
    font-size: .65rem;
}

.obs-final-summary button strong[b-zxfviw3u9j] {
    overflow: hidden;
    font-size: .76rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-publish-readiness[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.obs-publish-readiness strong[b-zxfviw3u9j],
.obs-publish-readiness small[b-zxfviw3u9j] {
    display: block;
}

.obs-publish-readiness strong[b-zxfviw3u9j] {
    color: #1c4548;
    font-size: .93rem;
    font-weight: 950;
}

.obs-publish-readiness small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #6c8183;
    font-size: .79rem;
    line-height: 1.45;
}

.obs-publish-readiness ul[b-zxfviw3u9j] {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-publish-readiness li[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #176650;
    background: #eaf7f3;
}

.obs-publish-readiness li.is-pending[b-zxfviw3u9j] {
    color: #7b6a4e;
    background: #fff8ec;
}

.obs-builder-footer[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    min-height: 47px;
    flex: 0 0 auto;
    padding-inline: 15px;
    border-radius: 11px;
    font-size: .82rem;
    font-weight: 950;
}

.obs-wizard-navigation__status[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    font-size: 1.05rem;
}

.obs-wizard-navigation__status strong[b-zxfviw3u9j],
.obs-wizard-navigation__status small[b-zxfviw3u9j] {
    display: block;
}

.obs-wizard-navigation__status strong[b-zxfviw3u9j] {
    font-size: .82rem;
    font-weight: 950;
}

.obs-wizard-navigation__status small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #6f8385;
    font-size: .8rem;
}

.obs-wizard-navigation__status.is-saving[b-zxfviw3u9j] {
    color: #2d6070;
    background: #eef8fb;
}

.obs-wizard-navigation__status.is-new[b-zxfviw3u9j] {
    color: #506f72;
    background: #f1f5f5;
}

.obs-wizard-navigation__status.is-previewed[b-zxfviw3u9j],
.obs-wizard-navigation__status.is-saved[b-zxfviw3u9j] {
    color: #176650;
    background: #eef9f5;
}

.obs-wizard-navigation__hint[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    min-height: 45px;
    border-radius: 11px;
    font-size: .75rem;
    font-weight: 900;
}

.obs-btn--publish[b-zxfviw3u9j] {
    color: #fff;
    border-color: #95681f;
    background: linear-gradient(135deg, #bd914b, #8d5e18);
    box-shadow: 0 10px 22px rgba(151, 105, 32, .2);
}

.obs-preview[b-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j] {
    color: color-mix(in srgb, var(--obs-secondary) 55%, #fff);
    font-size: .7rem;
    font-weight: 900;
}

.obs-preview__head h2[b-zxfviw3u9j] {
    margin: 10px 0 6px;
    color: #fff;
    font-size: clamp(1.35rem, 2vw, 1.9rem);
    font-weight: 950;
}

.obs-preview__head p[b-zxfviw3u9j] {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .67);
    font-size: .78rem;
    line-height: 1.8;
}

.obs-preview__type[b-zxfviw3u9j] {
    position: relative;
    z-index: 1;
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .09);
}

.obs-preview__pages[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #173f42;
    border-color: #fff;
    background: #fff;
}

.obs-preview__metrics[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

.obs-preview__metrics article[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    display: flex;
    min-height: 170px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--obs-primary);
}

.obs-preview__truth-note[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    color: #806020;
    border-color: #ead8ad;
    background: #fff9ed;
}

.obs-preview__real-metric[b-zxfviw3u9j] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 18px 0 11px;
}

.obs-preview__real-metric strong[b-zxfviw3u9j] {
    color: var(--obs-primary);
    font-size: clamp(1.7rem, 3vw, 2.45rem);
    font-weight: 950;
}

.obs-preview__real-metric small[b-zxfviw3u9j] {
    color: #718486;
}

.obs-preview__real-metric.is-placeholder[b-zxfviw3u9j] {
    opacity: .58;
}

.obs-preview__spark[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j],
.obs-preview__metrics article > small[b-zxfviw3u9j] {
    color: #718486;
    font-size: .68rem;
}

.obs-preview__metrics article > span b[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    margin: 8px 0;
    color: #1b4144;
    font-size: .9rem;
    font-weight: 950;
}

.obs-audience-tabs button > span[b-zxfviw3u9j] {
    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-zxfviw3u9j] {
    min-height: 220px;
    margin-top: 6px;
}

.obs-preview__table-wrap[b-zxfviw3u9j] {
    max-height: 285px;
    margin: 12px 0 8px;
    overflow: auto;
    border: 1px solid #e1e9e7;
    border-radius: 10px;
}

.obs-preview__table-wrap th[b-zxfviw3u9j],
.obs-preview__table-wrap td[b-zxfviw3u9j] {
    color: #36575a;
    font-size: .68rem;
    text-align: right;
}

.obs-preview__comparison[b-zxfviw3u9j] {
    display: inline-flex;
    margin: 5px 0;
    padding: 4px 8px;
    border-radius: 999px;
    font-weight: 900;
}

.obs-preview__comparison.is-positive[b-zxfviw3u9j] {
    color: #176f5d;
    background: #eaf8f3;
}

.obs-preview__comparison.is-negative[b-zxfviw3u9j] {
    color: #a33e52;
    background: #fff0f3;
}

.obs-preview__placeholder[b-zxfviw3u9j] {
    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-zxfviw3u9j]::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-zxfviw3u9j],
    .obs-builder-review__list[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-layout-row__settings > div[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .obs-layout-row__target-settings > div[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .obs-alert-settings__grid[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .obs-builder-layout[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

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

    .obs-builder-index[b-zxfviw3u9j] {
        position: static;
        max-height: none;
    }

    .obs-dashboard-list[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-index-live-preview__canvas[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-choice-grid--indicators[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-axis-accordion__indicators[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-page-card[b-zxfviw3u9j] {
        grid-template-columns: 70px repeat(2, minmax(150px, 1fr)) auto;
    }

    .obs-page-card__description[b-zxfviw3u9j] {
        grid-column: 2 / 4;
    }

    .obs-layout-row[b-zxfviw3u9j],
    .obs-layout-row.is-series-control-hidden[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .obs-layout-row__series[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-choice-grid--organizations[b-zxfviw3u9j] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .obs-map-toolbar[b-zxfviw3u9j] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-map-toolbar > label[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-axis-strip[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .obs-dashboard-switcher[b-zxfviw3u9j] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        margin: -4px -4px 20px;
        padding: 11px;
    }

    .obs-dashboard-switcher > .obs-new-dashboard-button[b-zxfviw3u9j] {
        width: 100%;
        justify-content: center;
    }

    .obs-dashboard-switcher__status strong[b-zxfviw3u9j],
    .obs-dashboard-switcher__status small[b-zxfviw3u9j] {
        white-space: normal;
    }

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

    .obs-builder-index.is-collapsed[b-zxfviw3u9j] {
        max-height: 62px;
        padding: 10px;
    }

    .obs-builder-index.is-collapsed .obs-builder-index__toggle[b-zxfviw3u9j] {
        width: 100%;
    }

    .obs-builder-index.is-collapsed .obs-builder-index__toggle span[b-zxfviw3u9j] {
        display: inline;
    }

    .obs-index-live-preview__canvas[b-zxfviw3u9j] {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-layout-field-guide dl[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-builder-guide[b-zxfviw3u9j] {
        margin: -4px -4px 22px;
        padding: 14px;
        border-radius: 16px;
    }

    .obs-builder-guide__intro[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .obs-builder-guide__counter[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .obs-builder-steps[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-builder-steps button[b-zxfviw3u9j] {
        min-height: 64px;
    }

    .obs-builder-steps small[b-zxfviw3u9j] {
        display: none;
    }

    .obs-smart-start[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 14px;
    }

    .obs-smart-start button[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .obs-builder-review__list[b-zxfviw3u9j],
    .obs-publish-readiness[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-optional-section > summary[b-zxfviw3u9j] {
        padding: 11px 12px;
    }

    .is-advanced-section > summary[b-zxfviw3u9j] {
        flex-wrap: wrap;
    }

    .is-advanced-section > summary[b-zxfviw3u9j]::after {
        margin-inline-start: auto;
    }

    .obs-layout-row__settings[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-layout-row__settings > div[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-layout-row__target-settings > div[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-alert-settings__head[b-zxfviw3u9j],
    .obs-alert-recipient-picker > header[b-zxfviw3u9j],
    .obs-alert-runtime > header[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-alert-runtime__actions[b-zxfviw3u9j] {
        justify-content: space-between;
    }

    .obs-alert-settings__condition[b-zxfviw3u9j] {
        align-self: flex-start;
    }

    .obs-alert-settings__grid[b-zxfviw3u9j],
    .obs-alert-recipient-picker__columns[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-alert-settings__choice--wide[b-zxfviw3u9j] {
        grid-column: auto;
    }

    .obs-builder-form[b-zxfviw3u9j],
    .obs-builder-index[b-zxfviw3u9j] {
        padding: 18px;
        border-radius: 20px;
    }

    .obs-form-grid[b-zxfviw3u9j],
    .obs-source-grid[b-zxfviw3u9j],
    .obs-source-mode[b-zxfviw3u9j],
    .obs-source-binding-grid[b-zxfviw3u9j],
    .obs-dashboard-sources[b-zxfviw3u9j],
    .obs-dashboard-list[b-zxfviw3u9j],
    .obs-choice-grid[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-audience-source-scope__toggle[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-audience-source-scope__toggle > b[b-zxfviw3u9j] {
        grid-column: 2;
        justify-self: start;
    }

    .obs-audience-source-scope__options strong[b-zxfviw3u9j] {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .obs-source-relation[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-source-relation__result[b-zxfviw3u9j],
    .obs-source-relation__preview[b-zxfviw3u9j] {
        grid-column: auto;
    }

    .obs-dashboard-source-card__confirm[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-dashboard-source-card__confirm button[b-zxfviw3u9j] {
        width: 100%;
    }

    .obs-layout-editor[b-zxfviw3u9j] {
        padding: 14px;
    }

    .obs-page-editor[b-zxfviw3u9j] {
        padding: 14px;
    }

    .obs-page-card[b-zxfviw3u9j] {
        grid-template-columns: 58px minmax(0, 1fr);
        align-items: end;
    }

    .obs-page-card > label[b-zxfviw3u9j],
    .obs-page-card__description[b-zxfviw3u9j],
    .obs-page-card__actions[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-page-card__number[b-zxfviw3u9j] {
        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-zxfviw3u9j] {
        flex-wrap: wrap;
    }

    .obs-layout-row[b-zxfviw3u9j],
    .obs-layout-row.is-series-control-hidden[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
        align-items: end;
    }

    .obs-layout-row__series[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-layout-row__banner[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-layout-row__banner-actions[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        grid-template-columns: minmax(120px, .72fr) minmax(230px, 1.28fr);
    }

    .obs-layout-row__banner-picker[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        min-width: 0;
    }

    .obs-series-picker__panel[b-zxfviw3u9j] {
        width: 100%;
        min-width: 100%;
    }

    .obs-preview__metrics[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-preview__metrics article[b-zxfviw3u9j] {
        grid-column: 1;
    }

    .obs-source-flow[b-zxfviw3u9j] {
        align-items: stretch;
        overflow-x: auto;
    }

    .obs-source-flow > span[b-zxfviw3u9j] {
        min-width: 105px;
        justify-content: center;
    }

    .obs-source-version__head[b-zxfviw3u9j] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .obs-data-ready[b-zxfviw3u9j] {
        width: 100%;
        justify-content: center;
    }

    .obs-map-toolbar[b-zxfviw3u9j],
    .obs-axis-strip[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-map-toolbar > label[b-zxfviw3u9j] {
        grid-column: auto;
    }

    .obs-choice-grid--indicators[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-axis-accordion__header[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-axis-accordion[b-zxfviw3u9j] {
        max-height: min(62vh, 590px);
    }

    .obs-axis-accordion__summary[b-zxfviw3u9j] {
        min-height: 68px;
        grid-template-columns: 35px minmax(0, 1fr) 16px;
        gap: 9px;
        padding: 10px 11px;
    }

    .obs-axis-accordion__number[b-zxfviw3u9j] {
        width: 35px;
        height: 35px;
    }

    .obs-axis-accordion__selection[b-zxfviw3u9j] {
        grid-column: 2 / 4;
        grid-row: 2;
    }

    .obs-axis-accordion__chevron[b-zxfviw3u9j] {
        grid-column: 3;
        grid-row: 1;
    }

    .obs-axis-accordion__toggle[b-zxfviw3u9j] {
        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-zxfviw3u9j] {
        padding: 10px;
    }

    .obs-axis-accordion__panel-head[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-axis-accordion__panel-head button[b-zxfviw3u9j] {
        width: 100%;
        justify-content: center;
    }

    .obs-axis-accordion__indicators[b-zxfviw3u9j] {
        max-height: 300px;
        grid-template-columns: 1fr;
    }

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

    .obs-choice-grid--organizations[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-builder-form > .obs-builder-section-head[b-zxfviw3u9j] {
        padding-inline-start: 52px;
    }

    .obs-builder-section-head[b-zxfviw3u9j] {
        align-items: flex-start;
    }

    .obs-audience-tabs[b-zxfviw3u9j] {
        overflow-x: auto;
    }

    .obs-audience-tabs button[b-zxfviw3u9j] {
        min-width: 130px;
        flex: 0 0 auto;
    }

    .obs-export-rights[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-export-rights small[b-zxfviw3u9j] {
        grid-column: auto;
    }

    .obs-dashboard-governance-grid[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-governance-card__head[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-governance-card__count[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .obs-governance-panel__head[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-governance-panel__head > strong[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .obs-governance-error[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-share-created > label[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-share-created input[b-zxfviw3u9j],
    .obs-share-created label button[b-zxfviw3u9j] {
        min-height: 44px;
        border-radius: 9px;
    }

    .obs-builder-footer[b-zxfviw3u9j] {
        position: static;
        margin-inline: 0;
        background: #fff;
        backdrop-filter: none;
    }

    .obs-builder-footer .obs-btn[b-zxfviw3u9j] {
        width: 100%;
        justify-content: center;
    }

    .obs-wizard-navigation[b-zxfviw3u9j] {
        bottom: 0;
        flex-wrap: wrap;
        margin: 22px -8px -8px;
        padding: 10px;
        border-radius: 14px 14px 8px 8px;
    }

    .obs-wizard-navigation__status[b-zxfviw3u9j] {
        order: -2;
        width: 100%;
        min-width: 0;
        flex-basis: 100%;
    }

    .obs-wizard-navigation__hint[b-zxfviw3u9j] {
        order: -1;
        width: 100%;
        max-width: none;
        flex-basis: 100%;
        padding-inline: 4px;
    }

    .obs-wizard-navigation > .obs-btn[b-zxfviw3u9j] {
        min-width: 0;
        flex: 1 1 calc(50% - 5px);
        justify-content: center;
    }

    .obs-preview__head[b-zxfviw3u9j] {
        flex-direction: column;
    }
}

@media (max-width: 419.98px) {
    .obs-builder-steps[b-zxfviw3u9j] {
        display: flex;
        margin-inline: -4px;
        padding: 3px 4px 8px;
        overflow-x: auto;
        scroll-snap-type: inline mandatory;
    }

    .obs-builder-steps button[b-zxfviw3u9j] {
        min-width: 128px;
        min-height: 56px;
        flex: 0 0 128px;
        scroll-snap-align: start;
    }

    .obs-choice-grid--organizations[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1120px) {
    .obs-visual-picker__grid[b-zxfviw3u9j] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-final-summary > div[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .obs-creation-experience-tabs[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-visual-picker__grid[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-builder-mode[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-builder-mode button[b-zxfviw3u9j] {
        width: 100%;
        justify-content: center;
    }

    .obs-final-summary > div[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 450px) {
    .obs-layout-row__banner-actions[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-widget-card-preview-trigger[b-zxfviw3u9j],
    .obs-layout-row__banner-picker[b-zxfviw3u9j] {
        width: 100%;
    }

    .obs-visual-picker > summary[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-visual-picker__change[b-zxfviw3u9j] {
        min-height: auto;
        grid-column: 2;
        justify-self: start;
        padding: 0;
        background: transparent;
    }

    .obs-visual-picker[open] .obs-visual-picker__change[b-zxfviw3u9j] {
        color: var(--obs-primary);
        background: transparent;
    }

    .obs-visual-picker__panel > header[b-zxfviw3u9j] {
        align-items: flex-start;
        flex-direction: column;
    }

    .obs-visual-picker__grid[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-live-preview > header[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-live-preview__live[b-zxfviw3u9j] {
        grid-column: 2;
        justify-self: start;
    }

    .obs-live-preview__canvas[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-live-preview__item.is-wide[b-zxfviw3u9j] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-builder-stage.is-active[b-zxfviw3u9j] {
        animation: none;
    }

    .obs-icon-button[b-zxfviw3u9j],
    .obs-dashboard-list__item[b-zxfviw3u9j],
    .obs-dashboard-source-card[b-zxfviw3u9j],
    .obs-choice-card[b-zxfviw3u9j],
    .obs-simple-choice[b-zxfviw3u9j],
    .obs-live-preview__live i[b-zxfviw3u9j],
    .obs-switch-line__control[b-zxfviw3u9j]::after {
        transition: none;
        animation: none;
    }

    .obs-live-preview__item.is-hold-pending[b-zxfviw3u9j]::after {
        animation: none;
        transform: scaleX(1);
    }
}
/* _content/Starterkit/Observatory/Components/DashboardTargetTrackingVisual.razor.rz.scp.css */
.obs-target-visual[b-7gtyux8w5q] {
    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-7gtyux8w5q] {
    --target-status: #187052;
    --target-status-soft: #eaf8f2;
}

.obs-target-visual.is-critical[b-7gtyux8w5q] {
    --target-status: #a33e52;
    --target-status-soft: #fff0f3;
}

.obs-target-visual.is-no-data[b-7gtyux8w5q] {
    --target-status: #718486;
    --target-status-soft: #f1f5f4;
}

.obs-target-visual__invalid[b-7gtyux8w5q] {
    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-7gtyux8w5q] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
}

.obs-target-visual__reading strong[b-7gtyux8w5q],
.obs-target-visual__gauge-reading strong[b-7gtyux8w5q] {
    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-7gtyux8w5q],
.obs-target-visual__gauge-reading small[b-7gtyux8w5q],
.obs-target-visual__target-line small[b-7gtyux8w5q] {
    color: #708486;
    font-size: .68rem;
    font-weight: 850;
}

.obs-target-visual__progress-head[b-7gtyux8w5q],
.obs-target-visual__target-line[b-7gtyux8w5q],
.obs-target-visual__status[b-7gtyux8w5q],
.obs-target-visual__comparison[b-7gtyux8w5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.obs-target-visual__progress-head[b-7gtyux8w5q] {
    color: #657b7d;
    font-size: .64rem;
    font-weight: 850;
}

.obs-target-visual__progress-head bdi[b-7gtyux8w5q] {
    color: var(--target-status);
    font-weight: 950;
}

.obs-target-visual__progress[b-7gtyux8w5q] {
    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-7gtyux8w5q] {
    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-7gtyux8w5q] {
    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-7gtyux8w5q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #5d7476;
    font-size: .65rem;
    font-weight: 850;
}

.obs-target-visual__target-line > span i[b-7gtyux8w5q] {
    color: var(--target-color);
}

.obs-target-visual__target-line strong[b-7gtyux8w5q] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    color: #21494c;
    font-size: .8rem;
    font-weight: 950;
}

.obs-target-visual__status[b-7gtyux8w5q] {
    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-7gtyux8w5q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .65rem;
    font-weight: 950;
}

.obs-target-visual__status small[b-7gtyux8w5q] {
    color: inherit;
    font-size: .58rem;
    font-weight: 800;
    line-height: 1.55;
    text-align: end;
}

.obs-target-visual__comparison[b-7gtyux8w5q] {
    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-7gtyux8w5q] {
    border-color: #c9ead8;
    color: #176542;
    background: #edf9f3;
}

.obs-target-visual__comparison.is-decline[b-7gtyux8w5q] {
    border-color: #f0ced4;
    color: #9e3447;
    background: #fff2f4;
}

.obs-target-visual__comparison.is-neutral[b-7gtyux8w5q] {
    border-color: #dbe5e3;
    color: #617779;
    background: #f3f6f5;
}

.obs-target-visual__direction[b-7gtyux8w5q] {
    color: #718486;
    font-size: .56rem;
    font-weight: 750;
    line-height: 1.55;
}

.obs-target-visual__gauge[b-7gtyux8w5q] {
    position: relative;
    max-width: 310px;
    margin: 0 auto -4px;
}

.obs-target-visual__gauge svg[b-7gtyux8w5q] {
    display: block;
    width: 100%;
    overflow: visible;
}

.obs-target-visual__gauge-track[b-7gtyux8w5q],
.obs-target-visual__gauge-value[b-7gtyux8w5q] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 16;
}

.obs-target-visual__gauge-track[b-7gtyux8w5q] {
    stroke: #e6eeec;
}

.obs-target-visual__gauge-value[b-7gtyux8w5q] {
    stroke: var(--target-status);
    transition: stroke-dasharray .4s ease;
}

.obs-target-visual__gauge-target[b-7gtyux8w5q] {
    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-7gtyux8w5q] {
    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-7gtyux8w5q] {
    font-size: clamp(1.45rem, 3vw, 2.35rem);
}

.obs-target-visual__gauge-range[b-7gtyux8w5q] {
    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-7gtyux8w5q],
    .obs-target-visual__gauge-value[b-7gtyux8w5q] {
        transition: none;
    }
}

@media (max-width: 520px) {
    .obs-target-visual__status[b-7gtyux8w5q] {
        align-items: stretch;
        flex-direction: column;
        gap: 4px;
    }

    .obs-target-visual__status small[b-7gtyux8w5q] {
        text-align: start;
    }
}
/* _content/Starterkit/Observatory/Components/DashboardTemplateGenerationWorkspace.razor.rz.scp.css */
.obs-template-generator[b-d2zsr5tv8m] {
    --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-d2zsr5tv8m] {
    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-d2zsr5tv8m]::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-d2zsr5tv8m] {
    position: relative;
    z-index: 1;
    max-width: 760px;
}

.obs-template-generator__eyebrow[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    color: #b37d00;
}

.obs-template-generator__hero h2[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    border-color: #efdca7;
    color: #725b19;
    background: #fffaf0;
}

.obs-template-generator__loading[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.obs-template-generator__field > span[b-d2zsr5tv8m],
.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m] {
    color: var(--generator-primary);
}

.obs-template-generator__field small[b-d2zsr5tv8m] {
    color: #789093;
    font-size: .68rem;
    font-weight: 700;
}

.obs-template-generator__field :is(.form-select, .form-control)[b-d2zsr5tv8m],
.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__setting :is(.form-select, .form-control),
.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m],
.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__visual-picker-trigger:hover:not(:disabled),
.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__visual-picker-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__visual-picker-copy small {
    color: #71888a;
    font-size: .61rem;
    font-weight: 800;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    font-size: 1.23rem;
    font-weight: 950;
    line-height: 1;
}

.obs-template-generator__availability small[b-d2zsr5tv8m] {
    margin-top: 5px;
    font-size: .66rem;
    font-weight: 850;
}

.obs-template-generator__empty[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    min-height: 130px;
}

.obs-template-generator__empty.is-selection .obs-template-generator__empty-icon[b-d2zsr5tv8m] {
    color: #8a6d1c;
    border-color: #ead8a3;
    background: #fff9e8;
}

.obs-template-generator__empty-icon[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    display: block;
    margin-bottom: 5px;
    color: #214d51;
    font-size: .92rem;
    font-weight: 950;
}

.obs-template-generator__empty p[b-d2zsr5tv8m] {
    max-width: 590px;
    margin: 0;
    color: #708689;
    font-size: .76rem;
    font-weight: 700;
    line-height: 1.75;
}

.obs-template-generator__template-summary[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    display: grid;
    gap: 2px;
}

.obs-template-generator__template-summary > div:nth-child(2) > span[b-d2zsr5tv8m] {
    color: #7d9294;
    font-size: .67rem;
    font-weight: 850;
}

.obs-template-generator__template-summary > div:nth-child(2) > strong[b-d2zsr5tv8m] {
    font-size: .88rem;
    font-weight: 950;
}

.obs-template-generator__template-summary small[b-d2zsr5tv8m] {
    color: #748b8e;
    font-size: .69rem;
    font-weight: 750;
}

.obs-template-generator__approval[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    display: grid;
    gap: 1px;
}

.obs-template-generator__approval strong[b-d2zsr5tv8m] {
    font-size: .7rem;
    font-weight: 950;
}

.obs-template-generator__approval small[b-d2zsr5tv8m] {
    font-size: .61rem;
}

.obs-template-generator__axes[b-d2zsr5tv8m] {
    display: grid;
    gap: 11px;
}

.obs-template-generator__axis[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    margin: 0;
}

.obs-template-generator__axis h3 > button[b-d2zsr5tv8m] {
    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-d2zsr5tv8m],
.obs-template-generator__axis h3 > button:focus-visible[b-d2zsr5tv8m] {
    background: #f7fbfa;
    outline: none;
}

.obs-template-generator__axis-icon[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-template-generator__axis-title strong[b-d2zsr5tv8m] {
    overflow: hidden;
    font-size: .86rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-template-generator__axis-title small[b-d2zsr5tv8m] {
    color: #7a8f91;
    font-size: .66rem;
    font-weight: 750;
}

.obs-template-generator__axis-count[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    border-color: #b9ddd4;
    color: #116955;
    background: #edf9f5;
}

.obs-template-generator__axis-chevron[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    transform: rotate(180deg);
}

.obs-template-generator__axis-body[b-d2zsr5tv8m] {
    padding: 17px;
    border-top: 1px solid #e4edec;
    background: #f7faf9;
}

.obs-template-generator__cards[b-d2zsr5tv8m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.obs-template-generator__axis-empty[b-d2zsr5tv8m] {
    padding: 24px;
    color: #748b8d;
    font-size: .78rem;
    font-weight: 800;
    text-align: center;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__card:hover {
    transform: translateY(-1px);
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__card.is-full {
    grid-column: 1 / -1;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__card-accent {
    height: 4px;
    background: #d7e2e1;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__indicator-identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .is-enabled .obs-template-generator__indicator-icon {
    color: var(--generator-primary);
    background: #e8f6f3;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__indicator-identity > div {
    min-width: 0;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__visibility {
    display: grid;
    flex: 0 0 auto;
    justify-items: center;
    gap: 3px;
    cursor: pointer;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__visibility input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .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-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__visibility input:checked + .obs-template-generator__visibility-track span {
    transform: translateX(-18px);
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__visibility input:disabled + .obs-template-generator__visibility-track {
    opacity: .48;
    cursor: not-allowed;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__visibility strong {
    color: #73888a;
    font-size: .59rem;
    font-weight: 900;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .is-enabled .obs-template-generator__visibility strong {
    color: #126957;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__chart {
    width: 100%;
    min-height: calc(var(--generator-preview-height, 230px) - 25px);
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__preview-loading,
.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__preview-empty i {
    font-size: 1.3rem;
    opacity: .65;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__metric {
    display: grid;
    min-height: 190px;
    place-items: center;
    align-content: center;
    gap: 5px;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__metric small {
    color: #758b8d;
    font-size: .72rem;
    font-weight: 850;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__preview-slicer {
    display: grid;
    gap: 7px;
    padding: 16px;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__preview-slicer > span {
    color: #486a6d;
    font-size: .72rem;
    font-weight: 900;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__table-wrap {
    max-height: 205px;
    overflow: auto;
    border: 1px solid #dfE9e8;
    border-radius: 10px;
    background: #fff;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__table-wrap table {
    width: 100%;
    border-collapse: collapse;
    font-size: .68rem;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__table-wrap :is(th, td) {
    padding: 8px 9px;
    border-bottom: 1px solid #e7eeed;
    text-align: right;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__table-wrap thead th {
    position: sticky;
    top: 0;
    color: #315b5e;
    background: #eef6f5;
    font-weight: 950;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__settings:disabled {
    opacity: .56;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__setting {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 6px;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__setting.is-wide {
    grid-column: 1 / -1;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__setting :is(.form-select, .form-control) {
    min-height: 37px;
    padding-block: 6px;
    font-size: .7rem;
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .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-d2zsr5tv8m]  .obs-template-generator__check input {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    accent-color: var(--generator-primary);
}

.obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__check.is-unavailable {
    color: #8b999a;
}

.obs-template-generator__continue:disabled[b-d2zsr5tv8m] {
    cursor: not-allowed;
    opacity: .52;
}

.obs-template-generator__footer[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.obs-template-generator__selection-status > span[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    color: #126a57;
    background: #e9f7f3;
}

.obs-template-generator__selection-status > div[b-d2zsr5tv8m] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-template-generator__selection-status strong[b-d2zsr5tv8m] {
    overflow: hidden;
    color: #234f53;
    font-size: .77rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-template-generator__selection-status small[b-d2zsr5tv8m] {
    color: #788d8f;
    font-size: .65rem;
    font-weight: 750;
}

.obs-template-generator__continue[b-d2zsr5tv8m] {
    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-d2zsr5tv8m],
.obs-template-generator__continue:focus-visible[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    min-width: 0;
}

.obs-template-visual-picker > header > div > span[b-d2zsr5tv8m] {
    color: #9a7417;
    font-size: .66rem;
    font-weight: 950;
}

.obs-template-visual-picker h2[b-d2zsr5tv8m] {
    margin: 3px 0 4px;
    color: #173f43;
    font-size: clamp(1rem, 2vw, 1.28rem);
    font-weight: 950;
}

.obs-template-visual-picker > header p[b-d2zsr5tv8m] {
    max-width: 760px;
    margin: 0;
    color: #687f82;
    font-size: .72rem;
    font-weight: 750;
    line-height: 1.7;
}

.obs-template-visual-picker__close[b-d2zsr5tv8m] {
    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-d2zsr5tv8m],
.obs-template-visual-picker__close:focus-visible[b-d2zsr5tv8m] {
    border-color: #b35260;
    color: #a33d4c;
    outline: none;
}

.obs-template-visual-picker__context[b-d2zsr5tv8m] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 21px;
    border-bottom: 1px solid #e3ecea;
    background: #fbfdfc;
}

.obs-template-visual-picker__context > span[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    color: var(--generator-primary);
}

.obs-template-visual-picker__context strong[b-d2zsr5tv8m] {
    color: #214f53;
    font-weight: 950;
}

.obs-template-visual-picker__body[b-d2zsr5tv8m] {
    display: grid;
    gap: 17px;
    min-height: 0;
    padding: 18px 21px;
    overflow: auto;
    background: #f6faf9;
}

.obs-template-visual-picker__category[b-d2zsr5tv8m] {
    display: grid;
    gap: 9px;
}

.obs-template-visual-picker__category > header[b-d2zsr5tv8m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.obs-template-visual-picker__category h3[b-d2zsr5tv8m] {
    margin: 0;
    color: #244f53;
    font-size: .82rem;
    font-weight: 950;
}

.obs-template-visual-picker__category > header > span[b-d2zsr5tv8m] {
    padding: 4px 8px;
    border-radius: 999px;
    color: #6d8284;
    background: #e9f0ef;
    font-size: .59rem;
    font-weight: 850;
}

.obs-template-visual-picker__grid[b-d2zsr5tv8m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.obs-template-visual-picker__option[b-d2zsr5tv8m] {
    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-d2zsr5tv8m],
.obs-template-visual-picker__option:focus-visible[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    border-color: #d6b34f;
}

.obs-template-visual-picker__sample[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    display: grid;
    gap: 5px;
    padding: 10px 11px 12px;
}

.obs-template-visual-picker__choice-copy > span[b-d2zsr5tv8m] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.obs-template-visual-picker__choice-copy > span i[b-d2zsr5tv8m] {
    color: var(--generator-primary);
}

.obs-template-visual-picker__choice-copy strong[b-d2zsr5tv8m] {
    color: #234f53;
    font-size: .72rem;
    font-weight: 950;
}

.obs-template-visual-picker__choice-copy small[b-d2zsr5tv8m] {
    min-height: 2.8em;
    color: #72878a;
    font-size: .59rem;
    font-weight: 750;
    line-height: 1.45;
}

.obs-template-visual-picker__recommended[b-d2zsr5tv8m],
.obs-template-visual-picker__selected[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    inset-inline-start: 7px;
    color: #775b0b;
    background: #fff5cf;
}

.obs-template-visual-picker__selected[b-d2zsr5tv8m] {
    inset-inline-end: 7px;
    color: #fff;
    background: var(--generator-primary);
}

.obs-template-visual-picker > footer[b-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    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-d2zsr5tv8m] {
    margin-top: 2px;
    color: var(--generator-primary);
}

.obs-template-visual-picker > footer > div[b-d2zsr5tv8m] {
    display: flex;
    gap: 8px;
}

.obs-template-visual-picker > footer button[b-d2zsr5tv8m] {
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: .7rem;
    font-weight: 900;
}

.obs-template-visual-picker > footer button.is-secondary[b-d2zsr5tv8m] {
    border: 1px solid #cedddb;
    color: #557073;
    background: #f7faf9;
}

.obs-template-visual-picker > footer button.is-primary[b-d2zsr5tv8m] {
    border: 1px solid var(--generator-primary);
    color: #fff;
    background: var(--generator-primary);
}

.obs-template-visual-picker > footer button:disabled[b-d2zsr5tv8m] {
    cursor: not-allowed;
    opacity: .5;
}

@media (max-width: 760px) {
    .obs-template-generator__cards[b-d2zsr5tv8m] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 820px) {
    .obs-template-generator__hero[b-d2zsr5tv8m],
    .obs-template-generator__footer[b-d2zsr5tv8m] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-template-generator__continue[b-d2zsr5tv8m] {
        width: 100%;
    }

    .obs-template-generator__filters[b-d2zsr5tv8m] {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-template-generator__availability[b-d2zsr5tv8m] {
        min-height: 58px;
    }

    .obs-template-generator__template-summary[b-d2zsr5tv8m] {
        flex-wrap: wrap;
    }

    .obs-template-generator__approval[b-d2zsr5tv8m] {
        width: 100%;
        margin-inline-start: 0;
    }

    .obs-template-visual-picker-backdrop[b-d2zsr5tv8m] {
        padding: 10px;
    }

    .obs-template-visual-picker[b-d2zsr5tv8m] {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        border-radius: 18px;
    }

    .obs-template-visual-picker__grid[b-d2zsr5tv8m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-template-visual-picker > footer[b-d2zsr5tv8m] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-template-visual-picker > footer > div[b-d2zsr5tv8m],
    .obs-template-visual-picker > footer button[b-d2zsr5tv8m] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .obs-template-generator__hero[b-d2zsr5tv8m],
    .obs-template-generator__filters[b-d2zsr5tv8m],
    .obs-template-generator__axis-body[b-d2zsr5tv8m] {
        padding: 14px;
    }

    .obs-template-generator__empty[b-d2zsr5tv8m] {
        min-height: 190px;
        align-items: flex-start;
        flex-direction: column;
        padding: 20px;
    }

    .obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__settings {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__setting.is-wide {
        grid-column: auto;
    }

    .obs-template-generator__axis-count[b-d2zsr5tv8m] {
        display: none;
    }

    .obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__preview {
        min-height: 210px;
    }

    .obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__chart {
        min-height: 185px;
    }

    .obs-template-generator__selection-status small[b-d2zsr5tv8m] {
        white-space: normal;
    }

    .obs-template-generator__cards[b-d2zsr5tv8m]  .obs-template-generator__visual-picker-action span {
        display: none;
    }

    .obs-template-visual-picker > header[b-d2zsr5tv8m] {
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 14px;
    }

    .obs-template-visual-picker__hero-icon[b-d2zsr5tv8m] {
        display: none;
    }

    .obs-template-visual-picker__context[b-d2zsr5tv8m],
    .obs-template-visual-picker__body[b-d2zsr5tv8m],
    .obs-template-visual-picker > footer[b-d2zsr5tv8m] {
        padding-inline: 14px;
    }

    .obs-template-visual-picker__grid[b-d2zsr5tv8m] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-template-generator *[b-d2zsr5tv8m],
    .obs-template-generator *[b-d2zsr5tv8m]::before,
    .obs-template-generator *[b-d2zsr5tv8m]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }

    .obs-template-generator__cards[b-d2zsr5tv8m]  *,
    .obs-template-generator__cards[b-d2zsr5tv8m]  *::before,
    .obs-template-generator__cards[b-d2zsr5tv8m]  *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* _content/Starterkit/Observatory/Components/DashboardVisualizationSample.razor.rz.scp.css */
.obs-viz-sample[b-gvzr5kue96] {
    --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-gvzr5kue96] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: visible;
}

.obs-viz-sample svg text[b-gvzr5kue96] {
    fill: var(--sample-muted);
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    direction: rtl;
}

.sample-grid[b-gvzr5kue96] {
    fill: none;
    stroke: #dfe9e7;
    stroke-linecap: round;
    stroke-width: 1;
}

.sample-axis-labels text[b-gvzr5kue96] {
    font-size: 9.5px;
    text-anchor: middle;
}

.sample-line[b-gvzr5kue96],
.sample-line-secondary[b-gvzr5kue96] {
    fill: none;
    stroke: var(--sample-primary);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.5;
}

.sample-line-secondary[b-gvzr5kue96] {
    stroke: var(--sample-secondary);
    stroke-width: 2.5;
}

.sample-points circle[b-gvzr5kue96],
.sample-points-secondary circle[b-gvzr5kue96] {
    fill: #fff;
    stroke: var(--sample-primary);
    stroke-width: 2;
}

.sample-points-secondary circle[b-gvzr5kue96] {
    stroke: var(--sample-secondary);
}

.sample-card-value[b-gvzr5kue96],
.sample-kpi[b-gvzr5kue96],
.sample-narrative[b-gvzr5kue96],
.sample-slicer[b-gvzr5kue96],
.sample-unknown[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    align-content: center;
}

.sample-card-value[b-gvzr5kue96] {
    justify-items: start;
    gap: 2px;
    padding: 3px 10px;
}

.sample-card-value small[b-gvzr5kue96],
.sample-kpi small[b-gvzr5kue96],
.sample-slicer small[b-gvzr5kue96] {
    color: var(--sample-muted);
    font-size: clamp(.68rem, 2.7vw, .78rem);
    font-weight: 850;
}

.sample-card-value strong[b-gvzr5kue96] {
    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-gvzr5kue96] {
    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-gvzr5kue96] {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 50%;
    background: #e4f4ed;
    font-style: normal;
}

.sample-kpi[b-gvzr5kue96] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 6px 12px;
    padding: 5px 10px;
}

.sample-kpi > span:first-child[b-gvzr5kue96] {
    display: grid;
}

.sample-kpi strong[b-gvzr5kue96] {
    color: var(--sample-primary);
    font-size: clamp(1.25rem, 6vw, 1.8rem);
    font-weight: 950;
    line-height: 1;
}

.sample-kpi__target[b-gvzr5kue96] {
    padding: 4px 7px;
    border-radius: 999px;
    color: #8a6422;
    background: #fff4df;
    font-size: clamp(.62rem, 2.1vw, .7rem);
    font-weight: 900;
}

.sample-progress[b-gvzr5kue96] {
    position: relative;
    height: 8px;
    grid-column: 1 / -1;
    overflow: hidden;
    border-radius: 999px;
    background: #dfe9e7;
}

.sample-progress i[b-gvzr5kue96] {
    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-gvzr5kue96],
.sample-gauge-value[b-gvzr5kue96] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 14;
}

.sample-gauge-track[b-gvzr5kue96] { stroke: #dfe9e7; }
.sample-gauge-value[b-gvzr5kue96] {
    stroke: var(--sample-primary);
    stroke-dasharray: 74 100;
}

.sample-gauge-target[b-gvzr5kue96] {
    stroke: var(--sample-secondary);
    stroke-linecap: round;
    stroke-width: 4;
}

.obs-viz-sample svg .sample-value[b-gvzr5kue96] {
    fill: var(--sample-ink);
    font-size: 24px;
    font-weight: 950;
}

.obs-viz-sample svg .sample-value-small[b-gvzr5kue96] {
    fill: var(--sample-ink);
    font-size: 14px;
    font-weight: 950;
}

.obs-viz-sample svg .sample-caption[b-gvzr5kue96] {
    fill: var(--sample-muted);
    font-size: 9px;
}

.sample-area[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-primary) 20%, transparent);
}

.sample-stack-one[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-primary) 72%, #fff); }
.sample-stack-two[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 66%, #fff); }
.sample-stack-three[b-gvzr5kue96] { fill: #c9dcda; }

.sample-bars-horizontal rect[b-gvzr5kue96],
.sample-columns rect[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-primary) 78%, #fff);
}

.sample-bars-horizontal rect:nth-of-type(2)[b-gvzr5kue96],
.sample-columns rect:nth-child(2)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 74%, #fff); }
.sample-bars-horizontal rect:nth-of-type(3)[b-gvzr5kue96],
.sample-columns rect:nth-child(4)[b-gvzr5kue96] { fill: #8eb9af; }

.sample-bars-horizontal text:first-of-type[b-gvzr5kue96],
.sample-bars-horizontal text:nth-of-type(3)[b-gvzr5kue96],
.sample-bars-horizontal text:nth-of-type(5)[b-gvzr5kue96] {
    text-anchor: end;
}

.sample-bars-horizontal text:nth-of-type(2)[b-gvzr5kue96],
.sample-bars-horizontal text:nth-of-type(4)[b-gvzr5kue96],
.sample-bars-horizontal text:nth-of-type(6)[b-gvzr5kue96] {
    fill: var(--sample-ink);
    font-weight: 950;
}

.sample-ribbons path[b-gvzr5kue96] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 11;
    opacity: .78;
}

.sample-ribbons path:nth-child(1)[b-gvzr5kue96] { stroke: var(--sample-primary); }
.sample-ribbons path:nth-child(2)[b-gvzr5kue96] { stroke: var(--sample-secondary); }
.sample-ribbons path:nth-child(3)[b-gvzr5kue96] { stroke: #8caeaa; }

.sample-part-whole[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(86px, .9fr) minmax(82px, 1.1fr);
    align-items: center;
    gap: 4px;
}

.sample-pie-base[b-gvzr5kue96] { fill: #dce8e6; }
.sample-pie-one[b-gvzr5kue96] {
    fill: none;
    stroke: var(--sample-primary);
    stroke-dasharray: 58 42;
    stroke-width: 76;
    transform: rotate(-90deg);
    transform-origin: 58px 56px;
}

.sample-pie-slice[b-gvzr5kue96] { fill: var(--sample-secondary); }

.sample-donut-track[b-gvzr5kue96],
.sample-donut-value[b-gvzr5kue96] {
    fill: none;
    stroke-width: 15;
}

.sample-donut-track[b-gvzr5kue96] { stroke: #dce8e6; }
.sample-donut-value[b-gvzr5kue96] {
    stroke: var(--sample-primary);
    stroke-dasharray: 68 32;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 58px 56px;
}

.sample-legend[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    gap: 5px;
    color: var(--sample-muted);
    font-size: clamp(.6rem, 2vw, .68rem);
    font-weight: 800;
}

.sample-legend span[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    grid-template-columns: 7px minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
}

.sample-legend i[b-gvzr5kue96] {
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--sample-primary);
}

.sample-legend span:nth-child(2) i[b-gvzr5kue96] { background: var(--sample-secondary); }
.sample-legend span:nth-child(3) i[b-gvzr5kue96] { background: #9db6b2; }
.sample-legend small[b-gvzr5kue96] { color: var(--sample-ink); font-weight: 900; }

.sample-treemap rect[b-gvzr5kue96] { stroke: #fff; stroke-width: 3; }
.sample-treemap rect:nth-child(1)[b-gvzr5kue96] { fill: var(--sample-primary); }
.sample-treemap rect:nth-child(2)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 80%, #fff); }
.sample-treemap rect:nth-child(3)[b-gvzr5kue96] { fill: #78a99e; }
.sample-treemap rect:nth-child(4)[b-gvzr5kue96] { fill: #b7cfca; }

.sample-block-labels text[b-gvzr5kue96] {
    fill: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-anchor: middle;
}

.sample-matrix[b-gvzr5kue96],
.sample-table[b-gvzr5kue96] {
    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-gvzr5kue96] {
    grid-template-columns: 1.35fr repeat(3, 1fr);
}

.sample-matrix > *[b-gvzr5kue96] {
    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-gvzr5kue96],
.sample-matrix b[b-gvzr5kue96] {
    color: var(--sample-ink);
    background: #edf5f3;
    font-weight: 900;
}

.sample-matrix i:nth-of-type(3n + 2)[b-gvzr5kue96],
.sample-matrix i:nth-of-type(3n + 3)[b-gvzr5kue96] {
    color: #fff;
    background: color-mix(in srgb, var(--sample-primary) 58%, #fff);
}

.sample-tree-lines path[b-gvzr5kue96] {
    fill: none;
    stroke: #a8c0bc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.sample-tree-nodes rect[b-gvzr5kue96] { fill: #edf5f3; stroke: #bfd2ce; }
.sample-tree-nodes rect:first-child[b-gvzr5kue96] { fill: var(--sample-primary); stroke: var(--sample-primary); }
.sample-tree-labels text[b-gvzr5kue96] { text-anchor: middle; font-size: 9px !important; }
.sample-tree-labels text:first-child[b-gvzr5kue96] { fill: #fff !important; }

.sample-funnel path:nth-child(1)[b-gvzr5kue96] { fill: var(--sample-primary); }
.sample-funnel path:nth-child(2)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-primary) 58%, var(--sample-secondary)); }
.sample-funnel path:nth-child(3)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 75%, #fff); }
.sample-funnel-labels text[b-gvzr5kue96] { fill: #fff !important; text-anchor: middle; font-weight: 900 !important; }

.sample-trend-dashed[b-gvzr5kue96] {
    fill: none;
    stroke: var(--sample-secondary);
    stroke-dasharray: 4 4;
    stroke-width: 2;
}

.sample-scatter circle[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-primary) 76%, #fff);
    stroke: #fff;
    stroke-width: 2;
}

.sample-bubbles circle[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-primary) 48%, transparent);
    stroke: var(--sample-primary);
    stroke-width: 2;
}

.sample-bubbles circle:nth-child(even)[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-secondary) 45%, transparent);
    stroke: var(--sample-secondary);
}

.obs-viz-sample svg .sample-axis-title[b-gvzr5kue96] {
    fill: var(--sample-muted);
    font-size: 9px;
    text-anchor: middle;
}

.sample-combo-bars rect[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-primary) 68%, #fff); }
.sample-combo-bars rect:nth-child(even)[b-gvzr5kue96] { fill: #98bdb5; }

.sample-waterfall-lines path[b-gvzr5kue96] {
    fill: none;
    stroke: #9fb5b1;
    stroke-dasharray: 3 2;
}

.sample-waterfall rect[b-gvzr5kue96] { fill: #4aa482; }
.sample-waterfall rect.is-down[b-gvzr5kue96] { fill: #cc6f71; }
.sample-waterfall rect.is-total[b-gvzr5kue96] { fill: var(--sample-primary); }

.sample-map-shape[b-gvzr5kue96] {
    fill: #e1eeeb;
    stroke: #9cbbb5;
    stroke-linejoin: round;
    stroke-width: 2;
}

.sample-map-points circle[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-secondary) 72%, #fff);
    stroke: #fff;
    stroke-width: 3;
}

.sample-map-points circle:nth-child(even)[b-gvzr5kue96] { fill: var(--sample-primary); }
.sample-map-labels text[b-gvzr5kue96] { fill: var(--sample-ink) !important; text-anchor: middle; }

.sample-regions path[b-gvzr5kue96] {
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 3;
}

.sample-regions path:nth-child(1)[b-gvzr5kue96] { fill: #b9d4cf; }
.sample-regions path:nth-child(2)[b-gvzr5kue96] { fill: #6ba695; }
.sample-regions path:nth-child(3)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 63%, #fff); }
.sample-regions path:nth-child(4)[b-gvzr5kue96] { fill: var(--sample-primary); }
.sample-region-labels text[b-gvzr5kue96] { fill: #fff !important; text-anchor: middle; font-weight: 950 !important; }

.sample-table[b-gvzr5kue96] {
    padding: 0;
}

.sample-table > span[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    grid-template-columns: 1.4fr 1fr 1fr;
}

.sample-table > span > *[b-gvzr5kue96] {
    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-gvzr5kue96] {
    color: var(--sample-ink);
    background: #eaf3f1;
}

.sample-table > span:not(:first-child):nth-child(odd)[b-gvzr5kue96] { background: #f8fbfa; }

.sample-slicer[b-gvzr5kue96] {
    gap: 7px;
    padding: 5px 8px;
}

.sample-slicer > span[b-gvzr5kue96] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
}

.sample-slicer span[b-gvzr5kue96] {
    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-gvzr5kue96] {
    border-color: var(--sample-primary);
    color: #fff;
    background: var(--sample-primary);
}

.sample-slicer span i[b-gvzr5kue96] { font-style: normal; }
.sample-slicer b[b-gvzr5kue96] { color: #526b6e; font-size: clamp(.58rem, 1.9vw, .65rem); }

.sample-narrative[b-gvzr5kue96] {
    gap: 7px;
    padding: 5px 9px;
}

.sample-narrative > span[b-gvzr5kue96] {
    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-gvzr5kue96] {
    display: grid;
    width: 19px;
    height: 19px;
    place-items: center;
    border-radius: 6px;
    color: #7b5b22;
    background: #fff1d3;
    font-style: normal;
}

.sample-narrative__text[b-gvzr5kue96] {
    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-gvzr5kue96] { color: var(--sample-ink); }

.sample-narrative__bars[b-gvzr5kue96] {
    display: flex;
    gap: 4px;
}

.sample-narrative__bars i[b-gvzr5kue96] {
    height: 4px;
    border-radius: 999px;
    background: #dce8e6;
}

.sample-narrative__bars i:nth-child(1)[b-gvzr5kue96] { width: 55%; background: color-mix(in srgb, var(--sample-primary) 45%, #dce8e6); }
.sample-narrative__bars i:nth-child(2)[b-gvzr5kue96] { width: 26%; }
.sample-narrative__bars i:nth-child(3)[b-gvzr5kue96] { width: 13%; }

.sample-unknown[b-gvzr5kue96] {
    justify-items: center;
    gap: 4px;
    color: var(--sample-muted);
}

.sample-unknown span[b-gvzr5kue96] {
    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-gvzr5kue96] { font-size: .72rem; font-weight: 850; }

@media (max-width: 450px) {
    .obs-viz-sample[b-gvzr5kue96] {
        min-height: 88px;
        padding: 5px;
    }

    .sample-part-whole[b-gvzr5kue96] {
        grid-template-columns: minmax(74px, .85fr) minmax(72px, 1.15fr);
    }

    .sample-table > span > *[b-gvzr5kue96] {
        padding: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-viz-sample *[b-gvzr5kue96] {
        transition: none !important;
    }
}
/* _content/Starterkit/Observatory/Components/DataFilesWorkspace.razor.rz.scp.css */
*[b-re8qfzjrj9] {
    --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-re8qfzjrj9],
.obs-upload-inline-loading[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    min-height: 140px;
    border: 0;
    border-radius: 18px;
    box-shadow: none;
}

.obs-upload-loading .spinner-border[b-re8qfzjrj9],
.obs-upload-inline-loading .spinner-border[b-re8qfzjrj9] {
    color: var(--obs-primary);
}

.obs-upload-alert[b-re8qfzjrj9] {
    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-re8qfzjrj9]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 4px;
    background: currentColor;
}

.obs-upload-alert.is-success[b-re8qfzjrj9] {
    color: #0b7059;
    border-color: rgba(11, 112, 89, .2);
    background: linear-gradient(110deg, #fff, #eef9f5);
}

.obs-upload-alert.is-warning[b-re8qfzjrj9] {
    color: #9a5a08;
    border-color: rgba(180, 108, 17, .28);
    background: linear-gradient(110deg, #fff, #fff7e8);
}

.obs-upload-alert.is-error[b-re8qfzjrj9] {
    color: #982f43;
    border-color: rgba(152, 47, 67, .2);
    background: linear-gradient(110deg, #fff, #fff1f4);
}

.obs-upload-alert > i[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-upload-alert strong[b-re8qfzjrj9] {
    font-weight: 950;
}

.obs-upload-alert p[b-re8qfzjrj9] {
    margin: 0;
    font-size: .77rem;
}

.obs-upload-alert__close[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    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-re8qfzjrj9]::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-re8qfzjrj9],
.obs-upload-protocol > ol[b-re8qfzjrj9],
.obs-upload-protocol__secure[b-re8qfzjrj9] {
    position: relative;
    z-index: 1;
}

.obs-upload-protocol__identity[b-re8qfzjrj9] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.obs-upload-protocol__signal[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    display: grid;
    gap: 2px;
}

.obs-upload-protocol__identity small[b-re8qfzjrj9] {
    color: rgba(255, 255, 255, .48);
    font-size: .61rem;
    font-weight: 900;
}

.obs-upload-protocol__identity strong[b-re8qfzjrj9] {
    font-size: .86rem;
    font-weight: 950;
}

.obs-upload-protocol ol[b-re8qfzjrj9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-upload-protocol li[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    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-re8qfzjrj9] {
    display: grid;
    min-width: 0;
}

.obs-upload-protocol li strong[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    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-re8qfzjrj9] {
    border-color: rgba(189, 150, 81, .45);
    background: rgba(189, 150, 81, .08);
}

.obs-upload-protocol li.is-current > span[b-re8qfzjrj9] {
    color: #1d3030;
    border-color: #d2ad68;
    background: linear-gradient(135deg, #e0c080, #aa7d34);
}

.obs-upload-protocol li.is-current strong[b-re8qfzjrj9] {
    color: #f2ddb0;
}

.obs-upload-protocol li.is-complete > span[b-re8qfzjrj9] {
    color: #71e0ba;
    border-color: rgba(113, 224, 186, .27);
    background: rgba(113, 224, 186, .08);
}

.obs-upload-protocol li.is-complete > span[b-re8qfzjrj9]::after {
    content: "✓";
    position: absolute;
    font-size: .77rem;
}

.obs-upload-protocol li.is-complete > span[b-re8qfzjrj9] {
    font-size: 0;
}

.obs-upload-protocol__secure[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    color: var(--upload-gold);
}

.obs-upload-template-waiting[b-re8qfzjrj9] {
    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-re8qfzjrj9]::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-re8qfzjrj9] {
    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-re8qfzjrj9] {
    color: #997033;
    font-size: .68rem;
    font-weight: 950;
}

.obs-upload-template-waiting h2[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    max-width: 780px;
    margin: 0;
    color: var(--upload-muted);
    line-height: 1.9;
}

.obs-upload-layout[b-re8qfzjrj9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    margin-bottom: 16px;
}

.obs-panel.obs-upload-form-panel[b-re8qfzjrj9],
.obs-panel.obs-upload-validation[b-re8qfzjrj9],
.obs-panel.obs-upload-history[b-re8qfzjrj9],
.obs-panel.obs-upload-details[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    scroll-margin-top: 24px;
}

.obs-panel.obs-upload-form-panel[b-re8qfzjrj9]::before,
.obs-panel.obs-upload-validation[b-re8qfzjrj9]::before,
.obs-panel.obs-upload-history[b-re8qfzjrj9]::before,
.obs-panel.obs-upload-details[b-re8qfzjrj9]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 24px;
    width: 54px;
    height: 2px;
    background: linear-gradient(90deg, var(--obs-secondary), #e2c589);
}

.obs-panel__header[b-re8qfzjrj9] {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(12, 48, 51, .09);
}

.obs-panel__eyebrow[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    color: var(--upload-ink);
    font-size: 1rem;
    font-weight: 950;
}

.obs-panel__subtitle[b-re8qfzjrj9] {
    margin-top: 4px;
    color: #77898a;
    font-size: .72rem;
    line-height: 1.65;
}

.obs-upload-cancel-version[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    scroll-margin-top: 24px;
}

.obs-upload-form-panel.is-correction-mode[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    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-re8qfzjrj9] {
    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-re8qfzjrj9] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-upload-correction-note strong[b-re8qfzjrj9] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-upload-correction-note > div > span[b-re8qfzjrj9] {
    font-size: .72rem;
    line-height: 1.7;
}

.obs-upload-permission-note[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    gap: 16px !important;
}

.obs-field[b-re8qfzjrj9] {
    position: relative;
}

.obs-field label[b-re8qfzjrj9] {
    margin-bottom: 7px;
    color: #334f51;
    font-size: .71rem;
    font-weight: 950;
}

.obs-field label span[b-re8qfzjrj9] {
    color: #b03349;
}

.obs-field-lock[b-re8qfzjrj9] {
    margin-inline-start: 5px;
    color: #9a7434;
    font-size: .66rem;
}

.obs-field .form-control[b-re8qfzjrj9],
.obs-field .form-select[b-re8qfzjrj9] {
    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-re8qfzjrj9],
.obs-field .form-select:focus[b-re8qfzjrj9] {
    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-re8qfzjrj9],
.obs-field .form-select:disabled[b-re8qfzjrj9] {
    color: #8a999a;
    background-color: #f1f4f3;
}

.obs-template-auto-note[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    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-re8qfzjrj9] {
    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-re8qfzjrj9]::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-re8qfzjrj9] {
    border-color: var(--obs-primary);
    transform: translateY(-2px);
}

.obs-upload-file.has-file[b-re8qfzjrj9] {
    border-style: solid;
    border-color: rgba(23, 132, 105, .36);
    background: linear-gradient(120deg, #f0faf6, #fff);
}

.obs-upload-file__icon[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    background: linear-gradient(145deg, #1a9778, #0d6d58);
}

.obs-upload-file__copy[b-re8qfzjrj9] {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 0;
    gap: 4px;
}

.obs-upload-file__copy strong[b-re8qfzjrj9] {
    overflow: hidden;
    color: var(--upload-ink);
    font-size: .86rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-file__copy span[b-re8qfzjrj9] {
    color: var(--upload-muted);
    font-size: .7rem;
}

.obs-upload-file label.btn[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    flex: 0 0 auto;
    line-height: 1;
}

.obs-upload-file__button-label[b-re8qfzjrj9] {
    display: inline-block;
    min-width: max-content;
    overflow: visible;
    padding-block: .08em .14em;
    line-height: 1.65 !important;
    white-space: nowrap;
}

[b-re8qfzjrj9] .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-re8qfzjrj9] {
    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-re8qfzjrj9] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b7d7f;
    font-size: .67rem;
}

.obs-upload-form-actions > div i[b-re8qfzjrj9] {
    color: var(--upload-gold);
}

.obs-upload-form-actions button[b-re8qfzjrj9] {
    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-re8qfzjrj9],
.obs-upload-details__close[b-re8qfzjrj9],
.obs-upload-version-list .btn[b-re8qfzjrj9] {
    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-re8qfzjrj9],
.obs-upload-version-list .btn:hover[b-re8qfzjrj9] {
    color: #fff;
    background: var(--obs-primary);
    transform: translateY(-2px);
}

.obs-upload-validation[b-re8qfzjrj9],
.obs-upload-history[b-re8qfzjrj9],
.obs-upload-details[b-re8qfzjrj9] {
    margin-bottom: 16px;
}

.obs-upload-validation__state[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    color: #087257;
    border-color: rgba(8, 114, 87, .2);
    background: #eaf8f3;
}

.obs-upload-validation__state.is-invalid[b-re8qfzjrj9] {
    color: #9c3045;
    border-color: rgba(156, 48, 69, .2);
    background: #fff0f3;
}

.obs-upload-validation__metrics[b-re8qfzjrj9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 17px;
}

.obs-upload-validation__metrics article[b-re8qfzjrj9] {
    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-re8qfzjrj9]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: var(--obs-secondary);
}

.obs-upload-validation__metrics span[b-re8qfzjrj9] {
    color: #718486;
    font-size: .65rem;
    font-weight: 900;
}

.obs-upload-validation__metrics strong[b-re8qfzjrj9] {
    color: var(--upload-ink);
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1.1;
}

.obs-upload-sheet-statuses[b-re8qfzjrj9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 17px;
}

.obs-upload-sheet-statuses article[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    border-color: #eadfbd;
    background: #fffaf0;
}

.obs-upload-sheet-statuses__icon[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    color: #8a601c;
    background: #fff0ca;
}

.obs-upload-sheet-statuses strong[b-re8qfzjrj9],
.obs-upload-sheet-statuses small[b-re8qfzjrj9] {
    display: block;
}

.obs-upload-sheet-statuses strong[b-re8qfzjrj9] {
    color: #183a3d;
    font-size: .7rem;
    font-weight: 950;
}

.obs-upload-sheet-statuses small[b-re8qfzjrj9] {
    margin-top: 3px;
    color: #708384;
    font-size: .61rem;
    font-weight: 700;
}

.obs-upload-sheet-statuses__issues[b-re8qfzjrj9] {
    grid-column: 2;
    color: #8a601c;
    font-size: .6rem;
    font-weight: 900;
}

.obs-upload-issue[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    color: #a02e44;
    background: #ffedf1;
}

.obs-upload-issue.is-warning[b-re8qfzjrj9] {
    color: #8a601c;
    background: #fff7e5;
}

.obs-upload-validation__more[b-re8qfzjrj9] {
    margin: 12px 0 0;
    color: #768889;
    font-size: .7rem;
}

.obs-validation-pagination[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    min-width: 88px;
    border-radius: 11px;
}

.obs-upload-filters[b-re8qfzjrj9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.obs-upload-filters .form-control[b-re8qfzjrj9] {
    min-width: 250px;
}

.obs-upload-filters .form-control[b-re8qfzjrj9],
.obs-upload-filters .form-select[b-re8qfzjrj9] {
    min-height: 42px;
    border: 1px solid #d6e3e1;
    border-radius: 12px;
    background-color: #fbfdfd;
    font-size: .71rem;
}

.obs-upload-filters .btn[b-re8qfzjrj9] {
    min-height: 42px;
    border-radius: 12px;
    font-size: .7rem;
    font-weight: 900;
}

.obs-upload-history .obs-table-wrap[b-re8qfzjrj9],
.obs-upload-validation .obs-table-wrap[b-re8qfzjrj9],
.obs-upload-details .obs-table-wrap[b-re8qfzjrj9] {
    overflow: hidden;
    border: 1px solid var(--upload-line);
    border-radius: 15px;
}

.obs-upload-history .obs-table[b-re8qfzjrj9],
.obs-upload-validation .obs-table[b-re8qfzjrj9],
.obs-upload-details .obs-table[b-re8qfzjrj9] {
    margin: 0;
}

.obs-upload-history .obs-table thead th[b-re8qfzjrj9],
.obs-upload-validation .obs-table thead th[b-re8qfzjrj9],
.obs-upload-details .obs-table thead th[b-re8qfzjrj9] {
    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-re8qfzjrj9],
.obs-upload-validation .obs-table tbody td[b-re8qfzjrj9],
.obs-upload-details .obs-table tbody td[b-re8qfzjrj9] {
    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-re8qfzjrj9],
.obs-upload-validation .obs-table tbody tr[b-re8qfzjrj9],
.obs-upload-details .obs-table tbody tr[b-re8qfzjrj9] {
    transition: background .2s ease;
}

.obs-upload-history .obs-table tbody tr:hover[b-re8qfzjrj9],
.obs-upload-validation .obs-table tbody tr:hover[b-re8qfzjrj9],
.obs-upload-details .obs-table tbody tr:hover[b-re8qfzjrj9] {
    background: color-mix(in srgb, var(--obs-primary) 3%, #fff);
}

.obs-upload-history td strong[b-re8qfzjrj9],
.obs-upload-history td small[b-re8qfzjrj9] {
    display: block;
}

.obs-upload-history td strong[b-re8qfzjrj9] {
    color: #234245;
    font-weight: 950;
}

.obs-upload-history td:first-child strong[b-re8qfzjrj9] {
    color: var(--obs-primary);
    font-family: "Roboto Mono", Consolas, monospace;
}

.obs-upload-history td small[b-re8qfzjrj9] {
    margin-top: 3px;
    color: #829293;
    font-size: .61rem;
}

.obs-upload-history tr.is-selected td[b-re8qfzjrj9] {
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-upload-row-result[b-re8qfzjrj9] {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    font-size: .63rem;
    font-weight: 900;
}

.obs-upload-row-result .is-valid[b-re8qfzjrj9] {
    color: #16755e;
}

.obs-upload-row-result .is-error[b-re8qfzjrj9] {
    color: #a82f45;
}

.obs-upload-row-result .is-warning[b-re8qfzjrj9] {
    color: #9a6b1d;
}

.obs-upload-row-actions[b-re8qfzjrj9] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.obs-upload-row-actions .btn[b-re8qfzjrj9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    line-height: 1;
}

.obs-upload-row-actions .btn i[b-re8qfzjrj9] {
    display: block;
    margin: 0;
    line-height: 1;
}

.obs-upload-row-actions .is-correction[b-re8qfzjrj9] {
    color: #93671d;
    border-color: #e6d6af;
    background: #fff9eb;
}

.obs-upload-row-actions .is-request-preview[b-re8qfzjrj9] {
    color: #0b6f73;
    border-color: #abd9d7;
    background: #eefaf9;
}

.obs-upload-version-list[b-re8qfzjrj9] {
    display: grid;
    gap: 9px;
}

.obs-upload-version-list article[b-re8qfzjrj9] {
    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-re8qfzjrj9] {
    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-re8qfzjrj9] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.obs-upload-version-list article > div > strong[b-re8qfzjrj9] {
    overflow: hidden;
    color: #234144;
    font-size: .75rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-version-list article > div > span[b-re8qfzjrj9] {
    color: #748687;
    font-size: .63rem;
}

.obs-upload-version-list__result[b-re8qfzjrj9] {
    justify-items: start;
}

.obs-upload-details__issues[b-re8qfzjrj9] {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--upload-line);
}

.obs-upload-details__issues h3[b-re8qfzjrj9] {
    margin: 0 0 12px;
    color: var(--upload-ink-2);
    font-size: .82rem;
    font-weight: 950;
}

[b-re8qfzjrj9] .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-re8qfzjrj9] .obs-empty i {
    color: var(--obs-primary);
}

@media (max-width: 1240px) {
    .obs-upload-protocol[b-re8qfzjrj9] {
        grid-template-columns: 1fr;
    }

    .obs-upload-protocol__secure[b-re8qfzjrj9] {
        position: absolute;
        top: 18px;
        left: 18px;
    }
}

@media (max-width: 767.98px) {
    .obs-upload-alert[b-re8qfzjrj9] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .obs-upload-alert .btn[b-re8qfzjrj9],
    .obs-upload-alert__close[b-re8qfzjrj9] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .obs-upload-protocol[b-re8qfzjrj9] {
        padding: 18px;
    }

    .obs-upload-protocol > ol[b-re8qfzjrj9] {
        grid-template-columns: 1fr;
    }

    .obs-upload-protocol__secure[b-re8qfzjrj9] {
        position: static;
        width: max-content;
    }

    .obs-upload-template-waiting[b-re8qfzjrj9] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .obs-upload-file[b-re8qfzjrj9],
    .obs-upload-form-actions[b-re8qfzjrj9],
    .obs-panel__header[b-re8qfzjrj9] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-upload-file[b-re8qfzjrj9] {
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .obs-upload-file label[b-re8qfzjrj9] {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .obs-upload-form-actions[b-re8qfzjrj9] {
        margin-inline: -16px;
        padding-inline: 16px;
    }

    .obs-upload-form-actions button[b-re8qfzjrj9] {
        justify-content: center;
    }

    .obs-upload-sheet-statuses[b-re8qfzjrj9],
    .obs-upload-validation__metrics[b-re8qfzjrj9] {
        grid-template-columns: 1fr;
    }

    .obs-upload-filters[b-re8qfzjrj9],
    .obs-upload-filters .form-control[b-re8qfzjrj9],
    .obs-upload-filters .form-select[b-re8qfzjrj9],
    .obs-upload-filters button[b-re8qfzjrj9] {
        width: 100%;
    }

    .obs-upload-version-list article[b-re8qfzjrj9] {
        grid-template-columns: 42px minmax(0, 1fr) 40px;
    }

    .obs-upload-version-list__result[b-re8qfzjrj9] {
        grid-column: 2 / -1;
    }

    .obs-validation-pagination[b-re8qfzjrj9] {
        flex-wrap: wrap;
    }

    .obs-validation-pagination span[b-re8qfzjrj9] {
        flex: 1 0 100%;
        order: -1;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-upload-file[b-re8qfzjrj9],
    .obs-upload-row-actions .btn[b-re8qfzjrj9],
    .obs-upload-version-list .btn[b-re8qfzjrj9] {
        transition: none;
    }
}

/* File list and focused upload/detail workspaces. */
.files-workspace[b-re8qfzjrj9] { --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 .obs-table tbody td[b-re8qfzjrj9] { font-size:inherit; }
.files-workspace-heading[b-re8qfzjrj9] { 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-re8qfzjrj9] { margin:0; font-size:1.25em; flex:1; }
.files-pagination[b-re8qfzjrj9] { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-block:12px; }
.files-identity[b-re8qfzjrj9] { display:flex; flex-wrap:wrap; align-items:center; gap:8px; overflow-wrap:anywhere; }
.files-history[b-re8qfzjrj9] { border:1px solid #879da7; background:#fff; border-radius:12px; margin-block:16px; padding:14px; }
.files-history>summary[b-re8qfzjrj9] { 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-re8qfzjrj9] { margin-block-end:14px; border-bottom:1px solid #879da7; }
.files-version-downloads[b-re8qfzjrj9] { display:flex; flex-wrap:wrap; gap:8px; }
.obs-upload-filters[b-re8qfzjrj9] { width:100%; display:flex; flex-wrap:wrap; gap:8px; }
.obs-upload-filters .form-control[b-re8qfzjrj9] { flex:2 1 250px; }
.obs-upload-filters .form-select[b-re8qfzjrj9] { flex:1 1 160px; width:auto; }
.obs-upload-row-actions .btn[b-re8qfzjrj9] { 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-re8qfzjrj9] { max-width:300px; overflow-wrap:anywhere; }
@media(max-width:600px) {
    .files-workspace-heading .btn[b-re8qfzjrj9] { flex:1 1 100%; }
    .obs-upload-filters .form-control[b-re8qfzjrj9],.obs-upload-filters .form-select[b-re8qfzjrj9] { width:100%; flex-basis:100%; }
}
@container observatory-content (max-width:760px) {
    .files-workspace .obs-upload-history .obs-upload-filters[b-re8qfzjrj9] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .obs-upload-filters .form-control[b-re8qfzjrj9] { grid-column:1/-1; }
    .obs-upload-filters .form-control[b-re8qfzjrj9],.obs-upload-filters .form-select[b-re8qfzjrj9] { width:100%; min-width:0; }
    .obs-upload-history .obs-table[b-re8qfzjrj9] { min-width:0; width:100%; }
    .obs-upload-history .obs-table thead[b-re8qfzjrj9] { display:none; }
    .obs-upload-history .obs-table tbody[b-re8qfzjrj9] { display:grid; gap:12px; }
    .obs-upload-history .obs-table tr[b-re8qfzjrj9] { 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-re8qfzjrj9] { 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-re8qfzjrj9]::before { content:attr(data-label); display:block; font-weight:600; color:#405961; margin-block-end:4px; }
    .obs-upload-history .obs-table .files-name[b-re8qfzjrj9],.obs-upload-history .obs-table .files-actions[b-re8qfzjrj9] { grid-column:1/-1; }
    .obs-upload-history .obs-table .files-period[b-re8qfzjrj9] { display:none; }
}
/* _content/Starterkit/Observatory/Components/FixedAssignmentEditor.razor.rz.scp.css */
.assignment-editor[b-zi6e87hunc] { container: assignment-editor / inline-size; min-width:0; margin-block:20px; color:#19343e; }
.assignment-editor h4[b-zi6e87hunc] { display:flex; align-items:center; gap:6px; font-size:1.05em; margin:0 0 12px; }
.assignment-editor>label[b-zi6e87hunc] { display:block; font-weight:600; margin-block-end:6px; }
.assignment-option[b-zi6e87hunc] { display:flex; align-items:center; gap:4px; }
.assignment-row-heading[b-zi6e87hunc],.assignment-row[b-zi6e87hunc] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:16px; padding:14px 16px; }
.assignment-row-heading[b-zi6e87hunc] { background:#edf3f5; border:1px solid #bdcfd4; border-radius:8px 8px 0 0; font-weight:600; margin-block-start:16px; }
.assignment-row[b-zi6e87hunc] { border:1px solid #bdcfd4; border-top:0; background:#fff; }
.assignment-identity[b-zi6e87hunc],.assignment-options[b-zi6e87hunc] { min-width:0; }
.assignment-identity small[b-zi6e87hunc] { display:block; margin-block-start:6px; color:#596f77; font-size:.8em; }
.assignment-options[b-zi6e87hunc] { display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; }
.assignment-options label[b-zi6e87hunc] { display:flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; font-size:.9em; }
.assignment-options input[b-zi6e87hunc] { width:20px; height:20px; accent-color:var(--obs-primary,#0b4f52); flex-shrink:0; }
.assignment-effective[b-zi6e87hunc] { flex-basis:100%; margin:0; font-size:.8em; color:#486269; }
.assignment-save[b-zi6e87hunc] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding-block:16px; }
.assignment-save>span[b-zi6e87hunc] { font-size:.85em; color:#486269; }
.assignment-save button[b-zi6e87hunc] { font:inherit; min-height:44px; }
.assignment-empty[b-zi6e87hunc] { padding:20px; border:1px dashed #bdcfd4; border-radius:8px; color:#486269; }
@container assignment-editor (max-width:680px) {
    .assignment-row-heading[b-zi6e87hunc] { display:none; }
    .assignment-row[b-zi6e87hunc] { grid-template-columns:minmax(0,1fr); border-top:1px solid #bdcfd4; border-radius:8px; margin-block:10px; gap:8px; }
    .assignment-save button[b-zi6e87hunc] { width:100%; justify-content:center; }
}
/* _content/Starterkit/Observatory/Components/FixedDashboardVisual.razor.rz.scp.css */
.fixed-visual[b-2cp2q2d1mj]{color:#193d44;min-width:0}.fixed-visual header[b-2cp2q2d1mj]{padding:1rem;background:#eef8f5;border-radius:1rem;margin-bottom:1rem}.fixed-visual h3[b-2cp2q2d1mj],.fixed-visual h4[b-2cp2q2d1mj]{margin:0 0 .6rem}.fixed-visual p[b-2cp2q2d1mj]{line-height:1.8;margin:.4rem 0}.fixed-visual nav[b-2cp2q2d1mj]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.fixed-visual button[b-2cp2q2d1mj]{border:1px solid #b8cecd;background:white;border-radius:.7rem;padding:.45rem .8rem;color:inherit}.fixed-visual button.selected[b-2cp2q2d1mj]{background:#176c65;color:white}.fixed-visual button:disabled[b-2cp2q2d1mj]{opacity:.45}.fixed-visual__grid[b-2cp2q2d1mj]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.fixed-visual article[b-2cp2q2d1mj]{border:1px solid #d8e6e5;padding:1rem;border-radius:1rem;min-width:0;background:white}.fixed-visual article.wide[b-2cp2q2d1mj]{grid-column:1/-1}.fixed-visual small[b-2cp2q2d1mj],.muted[b-2cp2q2d1mj]{color:#597579;font-size:.85rem}.fixed-visual__scroll[b-2cp2q2d1mj]{max-height:26rem;overflow:auto;margin-top:.6rem;overscroll-behavior:contain}.fixed-visual table[b-2cp2q2d1mj]{border-collapse:collapse;width:100%;font-size:.85rem}.fixed-visual th[b-2cp2q2d1mj]{position:sticky;top:0;background:#f0f6f5}.fixed-visual td[b-2cp2q2d1mj],.fixed-visual th[b-2cp2q2d1mj]{text-align:start;padding:.6rem;border-bottom:1px solid #e5eeee;overflow-wrap:anywhere}.fixed-visual__point[b-2cp2q2d1mj]{display:flex;flex-direction:column;gap:.4rem;padding:.6rem 0;border-bottom:1px solid #e6eeee;overflow-wrap:anywhere}.fixed-visual__point strong[b-2cp2q2d1mj]{font-size:1.45rem}.fixed-visual meter[b-2cp2q2d1mj]{width:100%;height:1rem;accent-color:#168271}.fixed-visual details[b-2cp2q2d1mj]{font-size:.8rem;max-height:14rem;overflow:auto}.fixed-visual summary[b-2cp2q2d1mj]{cursor:pointer;color:#176c65}.fixed-visual__line[b-2cp2q2d1mj]{width:100%;max-height:180px;direction:ltr}.fixed-visual__pager[b-2cp2q2d1mj]{display:flex;gap:1rem;align-items:center;margin-top:.7rem}@media(max-width:700px){.fixed-visual__grid[b-2cp2q2d1mj]{grid-template-columns:1fr}.fixed-visual article[b-2cp2q2d1mj]{padding:.7rem}.fixed-visual td[b-2cp2q2d1mj]{min-width:5rem}}@media print{.fixed-visual nav[b-2cp2q2d1mj],.fixed-visual__pager[b-2cp2q2d1mj]{display:none}.fixed-visual__scroll[b-2cp2q2d1mj]{max-height:none;overflow:visible}}
.fixed-visual[b-2cp2q2d1mj] { overflow-wrap: anywhere; } .fixed-visual__pager[b-2cp2q2d1mj] { flex-wrap: wrap; }
.fixed-visual__distribution[b-2cp2q2d1mj]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.5rem 0}
.fixed-visual__pie[b-2cp2q2d1mj]{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-2cp2q2d1mj]{display:grid;gap:.4rem}
.fixed-visual__part[b-2cp2q2d1mj]:before,.fixed-visual__remainder[b-2cp2q2d1mj]:before{content:"";display:inline-block;width:.7rem;height:.7rem;margin-inline-end:.4rem;border-radius:.15rem;background:#177c74}
.fixed-visual__remainder[b-2cp2q2d1mj]:before{background:#c5d9e5}
.fixed-visual--compact .fixed-visual__distribution[b-2cp2q2d1mj]{grid-column:1/-1}

.fixed-visual--compact .fixed-visual__point[b-2cp2q2d1mj]{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-2cp2q2d1mj]{font-size:1.1rem;white-space:nowrap}
.fixed-visual--compact .fixed-visual__point>strong small[b-2cp2q2d1mj]{display:inline;font-size:.8rem}
.fixed-visual--compact .fixed-visual__point>meter[b-2cp2q2d1mj],.fixed-visual--compact .fixed-visual__point>details[b-2cp2q2d1mj],.fixed-visual--compact .fixed-visual__point>small[b-2cp2q2d1mj]{grid-column:1/-1}
.fixed-visual--compact .fixed-visual__coverage[b-2cp2q2d1mj]{margin:0 0 .6rem;padding:.4rem .6rem;background:#edf4f1;border:1px solid #b4cbc4;border-radius:.5rem;font-size:.85rem}
.fixed-visual--compact nav[b-2cp2q2d1mj]{margin-bottom:.6rem}.fixed-visual--compact article[b-2cp2q2d1mj]{padding:.7rem}.fixed-visual--compact article>h4[b-2cp2q2d1mj]{margin-bottom:.3rem}

/* Persisted presentation only; measurements and source attribution are unchanged. */
.fixed-visual__grid[b-2cp2q2d1mj]{grid-template-columns:repeat(12,minmax(0,1fr))}
.fixed-visual article[b-2cp2q2d1mj]{grid-column:span 6}.fixed-visual article.wide[b-2cp2q2d1mj]{grid-column:span 12}
.fixed-visual article.layout-width-4[b-2cp2q2d1mj]{grid-column:span 4}.fixed-visual article.layout-width-6[b-2cp2q2d1mj]{grid-column:span 6}.fixed-visual article.layout-width-12[b-2cp2q2d1mj]{grid-column:span 12}
.fixed-visual article.layout-height-1[b-2cp2q2d1mj]{min-height:180px}.fixed-visual article.layout-height-2[b-2cp2q2d1mj]{min-height:280px}.fixed-visual article.layout-height-3[b-2cp2q2d1mj]{min-height:400px}
@media(max-width:700px){.fixed-visual__grid[b-2cp2q2d1mj]{grid-template-columns:1fr}.fixed-visual article[b-2cp2q2d1mj]{grid-column:1/-1!important;min-height:0!important}}
/* Shared presentation for editing, preview, and published fixed dashboards. */
.fixed-visual[b-2cp2q2d1mj]{--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-2cp2q2d1mj]{background:white;border:1px solid #dce5e9;padding:.85rem 1rem}.fixed-visual h3[b-2cp2q2d1mj]{font-size:1.1rem;line-height:1.6}.fixed-visual h4[b-2cp2q2d1mj]{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.fixed-visual p[b-2cp2q2d1mj]{line-height:1.7}.fixed-visual article[b-2cp2q2d1mj]{padding:1.15rem;border-color:#dce5e9;border-radius:.75rem;align-self:stretch}.fixed-visual button.selected[b-2cp2q2d1mj]{background:var(--obs-chart-primary);border-color:var(--obs-chart-primary)}.fixed-visual summary[b-2cp2q2d1mj]{color:var(--obs-chart-primary);font-size:.8rem}.fixed-visual__explanation[b-2cp2q2d1mj]{margin:.4rem 0 .8rem}.fixed-visual__point[b-2cp2q2d1mj]{padding:.85rem 0;gap:.4rem}.fixed-visual__point strong[b-2cp2q2d1mj]{font-size:2rem;font-variant-numeric:tabular-nums;line-height:1.4}.fixed-visual__point strong small[b-2cp2q2d1mj]{font-size:.9rem;font-weight:400}.fixed-visual__point>span[b-2cp2q2d1mj]{font-size:.88rem;color:#52616b}.fixed-visual meter[b-2cp2q2d1mj]{height:1.5rem;accent-color:var(--obs-chart-primary)}.fixed-visual meter[b-2cp2q2d1mj]::-webkit-meter-optimum-value{background:var(--obs-chart-primary)}.fixed-visual__distribution[b-2cp2q2d1mj]{justify-content:center;gap:1.5rem;padding:1rem 0}.fixed-visual__pie[b-2cp2q2d1mj]{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-2cp2q2d1mj]:before{content:"";position:absolute;inset:21%;border-radius:50%;background:#fff}.fixed-visual__pie>span[b-2cp2q2d1mj]{position:relative;text-align:center;font-size:1.5rem;font-weight:700;line-height:1.4}.fixed-visual__pie>span small[b-2cp2q2d1mj]{display:block;font-weight:400}.fixed-visual__part[b-2cp2q2d1mj]:before{background:var(--obs-chart-primary)}.fixed-visual__remainder[b-2cp2q2d1mj]:before{background:var(--obs-chart-secondary)}.fixed-visual__scroll[b-2cp2q2d1mj]{max-height:32rem}.fixed-visual--thumbnail .fixed-visual__grid[b-2cp2q2d1mj]{grid-template-columns:1fr}.fixed-visual--thumbnail article[b-2cp2q2d1mj]{grid-column:1/-1!important;padding:.35rem;border:0;background:transparent;min-height:0!important}.fixed-visual--thumbnail article>h4[b-2cp2q2d1mj]{display:none}.fixed-visual--thumbnail .fixed-visual__point[b-2cp2q2d1mj]{display:flex;align-items:stretch;border-bottom:0;padding:.35rem 0}.fixed-visual--thumbnail .fixed-visual__point strong[b-2cp2q2d1mj]{font-size:1.65rem;white-space:normal}.fixed-visual--thumbnail .fixed-visual__scroll[b-2cp2q2d1mj]{max-height:22rem;margin:0}.fixed-visual--thumbnail .fixed-visual__pie[b-2cp2q2d1mj]{width:8rem}.fixed-visual--thumbnail .fixed-visual__distribution[b-2cp2q2d1mj]{gap:.75rem;padding:.5rem 0}.fixed-visual--thumbnail .fixed-visual__pager[b-2cp2q2d1mj]{margin-top:.3rem}.fixed-visual__grid[b-2cp2q2d1mj]{align-items:start}
@container(max-width:600px){.fixed-visual article[b-2cp2q2d1mj]{grid-column:1/-1!important;min-height:0!important}.fixed-visual__distribution[b-2cp2q2d1mj]{gap:1rem}.fixed-visual__point strong[b-2cp2q2d1mj]{font-size:1.6rem}.fixed-visual article[b-2cp2q2d1mj]{padding:.85rem}.fixed-visual__grid[b-2cp2q2d1mj]{gap:.75rem}}
.fixed-visual__bars[b-2cp2q2d1mj]{display:flex;gap:1rem;align-items:flex-start;overflow-x:auto;padding:1rem .5rem;direction:ltr}.fixed-visual__bar-column[b-2cp2q2d1mj]{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-2cp2q2d1mj]{font-size:1.1rem}.fixed-visual__bar-track[b-2cp2q2d1mj]{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-2cp2q2d1mj]{display:block;width:64%;margin-inline:auto;border-radius:.25rem .25rem 0 0;background:var(--obs-chart-primary)}.fixed-visual__bar-column>small[b-2cp2q2d1mj]{font-size:.75rem}.fixed-visual--thumbnail .fixed-visual__bars[b-2cp2q2d1mj]{gap:.5rem;padding:.4rem}.fixed-visual--thumbnail .fixed-visual__bar-track[b-2cp2q2d1mj]{height:80px}.fixed-visual--thumbnail .fixed-visual__bar-column[b-2cp2q2d1mj]{min-width:45px}.fixed-visual--thumbnail .fixed-visual__bar-column>small[b-2cp2q2d1mj]{display:none}
.fixed-visual .fixed-visual__data[b-2cp2q2d1mj]{max-height:none;overflow:visible}.fixed-visual__data.is-direct>summary[b-2cp2q2d1mj]{display:none}.fixed-visual__data>summary[b-2cp2q2d1mj]{padding:.5rem 0}.fixed-visual__line-periods[b-2cp2q2d1mj]{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-2cp2q2d1mj]{border:0;border-radius:0;background:transparent;padding:0;margin:.75rem 0 0}
.fixed-visual .fixed-visual__data:not(.is-direct)[b-2cp2q2d1mj]{border:1px solid #dce5e9;border-radius:.65rem;overflow:hidden}
.fixed-visual .fixed-visual__data>summary[b-2cp2q2d1mj]{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-2cp2q2d1mj]::-webkit-details-marker{display:none}
.fixed-visual .fixed-visual__data>summary>small[b-2cp2q2d1mj]{margin-inline-start:auto;font-size:.75rem;font-weight:400}
.fixed-visual__chevron[b-2cp2q2d1mj]{transition:transform .15s ease;font-size:1.1rem}
.fixed-visual__data[open]>summary>.fixed-visual__chevron[b-2cp2q2d1mj]{transform:rotate(180deg)}
.fixed-visual .fixed-visual__data.is-direct>summary[b-2cp2q2d1mj]{display:none}
.fixed-visual .fixed-visual__data:not(.is-direct)>.fixed-visual__scroll[b-2cp2q2d1mj]{padding:0 .9rem;margin:0}
.fixed-visual .fixed-visual__data.is-direct>.fixed-visual__scroll[b-2cp2q2d1mj]{margin:0}
.fixed-visual .fixed-visual__value-cards[b-2cp2q2d1mj]{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-2cp2q2d1mj]{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-2cp2q2d1mj]{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-2cp2q2d1mj]{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-2cp2q2d1mj]{font-size:.85rem;font-weight:400}
.fixed-visual .fixed-visual__point[data-value-card=true]>.fixed-visual__value-label[b-2cp2q2d1mj]{font-size:.8rem;line-height:1.6}
.fixed-visual .fixed-visual__explanation[b-2cp2q2d1mj],.fixed-visual .fixed-visual__source[b-2cp2q2d1mj]{border:0;background:transparent;border-radius:0;padding:0;max-height:18rem;overflow:auto}
.fixed-visual .fixed-visual__explanation>summary[b-2cp2q2d1mj],.fixed-visual .fixed-visual__source>summary[b-2cp2q2d1mj]{padding:.35rem 0;border:0;border-radius:0;background:transparent;font-size:.78rem;color:#60717d}
.fixed-visual .fixed-visual__point>.fixed-visual__source[b-2cp2q2d1mj]{width:100%;margin-top:.25rem;border-top:1px solid #e3e9ec;padding-top:.4rem}
.fixed-visual .fixed-visual__source p[b-2cp2q2d1mj],.fixed-visual .fixed-visual__source ul[b-2cp2q2d1mj]{font-size:.8rem;line-height:1.7}
.fixed-visual .fixed-visual__point:last-child[b-2cp2q2d1mj]{border-bottom:0}
.fixed-visual .fixed-visual__point[data-value-card=true]:last-child[b-2cp2q2d1mj]{border-bottom:1px solid #dce5e9}
.fixed-visual__pager:empty[b-2cp2q2d1mj]{display:none}
.fixed-visual--thumbnail .fixed-visual__point[data-value-card=true][b-2cp2q2d1mj]{padding:.8rem}
.fixed-visual article[b-2cp2q2d1mj]{align-self:start}
.fixed-visual .fixed-visual__data:not(.is-direct) .fixed-visual__point[b-2cp2q2d1mj]{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-2cp2q2d1mj]{font-size:1.1rem;white-space:normal;text-align:end}
.fixed-visual .fixed-visual__data:not(.is-direct) .fixed-visual__point>details[b-2cp2q2d1mj],.fixed-visual .fixed-visual__data:not(.is-direct) .fixed-visual__point>small[b-2cp2q2d1mj]{grid-column:1/-1}
@media(prefers-reduced-motion:reduce){.fixed-visual__chevron[b-2cp2q2d1mj]{transition:none}}

/* Optional presentation settings are saved with the snapshot; the measures stay unchanged. */
.fixed-visual article[b-2cp2q2d1mj]{position:relative}
.fixed-visual article.layout-width-3[b-2cp2q2d1mj]{grid-column:span 3}.fixed-visual article.layout-width-8[b-2cp2q2d1mj]{grid-column:span 8}
.fixed-visual article.layout-height-1[b-2cp2q2d1mj]{min-height:190px}.fixed-visual article.layout-height-2[b-2cp2q2d1mj]{min-height:300px}.fixed-visual article.layout-height-3[b-2cp2q2d1mj]{min-height:420px}
.fixed-visual .layout-height-2 .fixed-visual__bars:not(.is-horizontal) .fixed-visual__bar-track[b-2cp2q2d1mj]{height:170px}
.fixed-visual .layout-height-3 .fixed-visual__bars:not(.is-horizontal) .fixed-visual__bar-track[b-2cp2q2d1mj]{height:260px}
.fixed-visual .layout-height-3 .fixed-visual__line[b-2cp2q2d1mj]{max-height:280px}
.fixed-visual article.tone-primary[b-2cp2q2d1mj]{--obs-chart-primary:var(--obs-primary,#177c74)}
.fixed-visual article.tone-secondary[b-2cp2q2d1mj]{--obs-chart-primary:var(--obs-secondary,#b48a45)}
.fixed-visual article.tone-blue[b-2cp2q2d1mj]{--obs-chart-primary:#3975bd}.fixed-visual article.tone-teal[b-2cp2q2d1mj]{--obs-chart-primary:#148c86}.fixed-visual article.tone-violet[b-2cp2q2d1mj]{--obs-chart-primary:#7964b6}
.fixed-visual article[class*="tone-"]:not(.tone-)[b-2cp2q2d1mj]{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-2cp2q2d1mj]{border:0;background:transparent;padding:.25rem 0}
.fixed-visual .is-horizontal[b-2cp2q2d1mj]{flex-direction:column;gap:.75rem;direction:rtl}
.fixed-visual .is-horizontal .fixed-visual__bar-column[b-2cp2q2d1mj]{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-2cp2q2d1mj]{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-2cp2q2d1mj]{height:100%;margin:0;border-radius:.25rem}
.fixed-visual .is-horizontal .fixed-visual__bar-column>strong[b-2cp2q2d1mj]{grid-column:3;grid-row:1/3;font-variant-numeric:tabular-nums}
.fixed-visual .is-horizontal .fixed-visual__bar-column>span[b-2cp2q2d1mj],.fixed-visual .is-horizontal .fixed-visual__bar-column>small[b-2cp2q2d1mj]{grid-column:1}
.fixed-visual__gauge[b-2cp2q2d1mj]{width:min(100%,220px);margin:.5rem auto;grid-column:1/-1}
.fixed-visual__gauge svg[b-2cp2q2d1mj]{width:100%;display:block;direction:ltr}.fixed-visual__gauge>div[b-2cp2q2d1mj]{display:flex;justify-content:space-between;direction:ltr;font-size:.75rem;color:#5a6a75}
.fixed-visual .fixed-visual__resize[b-2cp2q2d1mj]{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-2cp2q2d1mj],.fixed-visual article.is-drop-target[b-2cp2q2d1mj]{outline:2px solid var(--obs-primary,#177c74);outline-offset:2px;box-shadow:0 5px 18px #24475315}
.fixed-visual article.is-resizing[b-2cp2q2d1mj]{outline:2px dashed var(--obs-primary,#177c74);user-select:none}
.fixed-visual__grid.is-drag-preview[b-2cp2q2d1mj]{user-select:none;align-content:start}
.fixed-visual article.is-drop-preview[b-2cp2q2d1mj]{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-2cp2q2d1mj]: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-2cp2q2d1mj]{outline:2px solid var(--obs-primary,#177c74)}
@container(max-width:600px){.fixed-visual .fixed-visual__resize[b-2cp2q2d1mj]{display:none}.fixed-visual article.layout-width-3[b-2cp2q2d1mj],.fixed-visual article.layout-width-8[b-2cp2q2d1mj]{grid-column:1/-1}}
/* _content/Starterkit/Observatory/Components/FixedDashboardWorkspace.razor.rz.scp.css */
/* Observatory builder: shared tenant theme, five compact steps, one published renderer. */
.fixed-builder[b-hu4kwkhycz]{--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-hu4kwkhycz]{box-sizing:border-box}.fixed-builder fieldset[b-hu4kwkhycz]{border:0;padding:0;margin:0;min-width:0}.fixed-builder h2[b-hu4kwkhycz],.fixed-builder h3[b-hu4kwkhycz],.fixed-builder h4[b-hu4kwkhycz],.fixed-builder p[b-hu4kwkhycz]{margin:0}.fixed-builder h3[b-hu4kwkhycz]{font-size:1.35rem;line-height:1.6}.fixed-builder h4[b-hu4kwkhycz]{font-size:1.05rem;line-height:1.6}.fixed-builder p[b-hu4kwkhycz],.fixed-builder small[b-hu4kwkhycz]{color:#52616b}.fixed-builder small[b-hu4kwkhycz]{display:block;font-size:.85rem}.fixed-builder label[b-hu4kwkhycz]{display:flex;flex-direction:column;gap:.4rem;min-width:0}.fixed-builder input:not([type=checkbox])[b-hu4kwkhycz],.fixed-builder select[b-hu4kwkhycz]{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-hu4kwkhycz]{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-hu4kwkhycz]{opacity:.5;cursor:default}.fixed-builder .btn-primary[b-hu4kwkhycz],.fixed-builder .btn-success[b-hu4kwkhycz]{background:var(--builder-accent);border-color:var(--builder-accent);color:white}.fixed-builder button:focus-visible[b-hu4kwkhycz],.fixed-builder input:focus-visible[b-hu4kwkhycz],.fixed-builder select:focus-visible[b-hu4kwkhycz],.fixed-builder summary:focus-visible[b-hu4kwkhycz]{outline:3px solid var(--builder-accent);outline-offset:3px}.fixed-builder button:hover:not(:disabled)[b-hu4kwkhycz]{box-shadow:0 0 0 2px color-mix(in srgb,var(--obs-primary,#0b4f52) 18%,transparent)}
.builder-heading[b-hu4kwkhycz]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0}.builder-heading>div[b-hu4kwkhycz]{min-width:0}.builder-heading>button[b-hu4kwkhycz]{flex-shrink:0}.builder-heading>div>small[b-hu4kwkhycz]{color:var(--builder-accent);font-weight:700}.builder-progress[b-hu4kwkhycz]{padding:.75rem;background:var(--builder-soft);display:flex;align-items:center;gap:.75rem}
.fixed-wizard-steps[b-hu4kwkhycz]{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-hu4kwkhycz]{justify-content:flex-start;text-align:start;border:0;padding:.7rem;gap:.7rem}.fixed-wizard-steps b[b-hu4kwkhycz]{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-hu4kwkhycz]{background:var(--builder-accent);color:#fff}.fixed-wizard-steps button.is-current b[b-hu4kwkhycz]{background:#fff;color:var(--builder-accent)}
.builder-panel[b-hu4kwkhycz],.builder-axis[b-hu4kwkhycz]{background:#fff;border:1px solid var(--builder-border);border-radius:.8rem;min-width:0}.builder-panel[b-hu4kwkhycz]{padding:1.25rem}.builder-panel>h4[b-hu4kwkhycz]{margin-bottom:.65rem}.builder-source-grid[b-hu4kwkhycz],.builder-workspace-grid[b-hu4kwkhycz]{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:1.25rem;align-items:start}.builder-title-field[b-hu4kwkhycz]{margin:1.25rem 0}.fixed-builder__fields[b-hu4kwkhycz]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.builder-source-summary[b-hu4kwkhycz]{border-top:3px solid var(--builder-accent)}.builder-source-summary dl[b-hu4kwkhycz]{margin:1rem 0;display:grid;gap:.25rem}.builder-source-summary dt[b-hu4kwkhycz]{font-size:.85rem;color:#52616b;margin-top:.65rem}.builder-source-summary dd[b-hu4kwkhycz]{margin:0;overflow-wrap:anywhere;font-weight:600}.builder-note[b-hu4kwkhycz]{padding:.8rem;background:var(--builder-soft);border-radius:.5rem;font-size:.9rem;margin-top:1rem!important}.builder-empty[b-hu4kwkhycz]{border:1px dashed #b7c8ce;border-radius:.65rem;background:#f8fafb;padding:1.3rem;margin:1rem 0}.builder-empty p[b-hu4kwkhycz]{margin:.4rem 0}.builder-empty strong[b-hu4kwkhycz]{display:block}.fixed-builder__actions[b-hu4kwkhycz]{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;margin-top:1.25rem}.builder-source-strip[b-hu4kwkhycz]{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-hu4kwkhycz]{min-width:0}.builder-source-strip>button[b-hu4kwkhycz]{flex-shrink:0;padding:.3rem .6rem}
.builder-axis-list[b-hu4kwkhycz]{display:grid;gap:1rem;min-width:0}.builder-axis h4>button[b-hu4kwkhycz]{width:100%;text-align:start;justify-content:flex-start;border:0;background:transparent;padding:1rem}.builder-axis h4>button>span:first-of-type[b-hu4kwkhycz]{flex:1}.builder-axis h4>button>i:first-child[b-hu4kwkhycz]{color:var(--builder-accent);padding:.65rem;background:var(--builder-soft);border-radius:.6rem}.builder-axis h4>button>i:last-child[b-hu4kwkhycz]{font-size:.75rem}.builder-axis.is-open>h4[b-hu4kwkhycz]{border-bottom:1px solid var(--builder-border);background:var(--builder-soft);border-radius:.8rem .8rem 0 0}.builder-axis-body[b-hu4kwkhycz]{padding:1rem}.builder-badge[b-hu4kwkhycz]{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-hu4kwkhycz]{margin-bottom:1rem;font-size:.9rem}.builder-indicator[b-hu4kwkhycz]{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-hu4kwkhycz]{border-color:var(--builder-accent);box-shadow:inset -3px 0 var(--builder-accent)}.builder-indicator-copy[b-hu4kwkhycz]{display:grid;gap:.6rem;min-width:0}.builder-indicator-copy label[b-hu4kwkhycz]{font-size:.85rem}.builder-indicator-copy button[b-hu4kwkhycz]{justify-self:start}.builder-indicator-preview[b-hu4kwkhycz]{min-width:0;border-inline-start:1px solid var(--builder-border);padding-inline-start:.75rem;max-height:240px;overflow:auto}.builder-selected[b-hu4kwkhycz]{position:sticky;top:1rem}.builder-selected>h4[b-hu4kwkhycz]{display:flex;justify-content:space-between;gap:.5rem}.builder-selected>p[b-hu4kwkhycz]{font-size:.88rem}.builder-selection[b-hu4kwkhycz]{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-hu4kwkhycz]{flex:1;min-width:0}.builder-selection strong[b-hu4kwkhycz]{font-size:.92rem}.builder-selection-actions[b-hu4kwkhycz]{display:flex;flex-wrap:wrap;gap:.3rem}.builder-selection-actions button[b-hu4kwkhycz]{padding:.4rem}.builder-pager[b-hu4kwkhycz]{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem}
.builder-layout-toolbar[b-hu4kwkhycz],.builder-review[b-hu4kwkhycz]{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-hu4kwkhycz]{display:flex;flex-wrap:wrap;gap:.35rem}.builder-mode-switch button[aria-pressed=true][b-hu4kwkhycz]{background:var(--builder-soft);border-color:var(--builder-accent);color:var(--builder-accent)}.builder-canvas[b-hu4kwkhycz]{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-hu4kwkhycz]{padding:.25rem .25rem 1rem}.builder-canvas.is-mobile[b-hu4kwkhycz]{max-width:390px;margin-inline:auto}.builder-widget-tools[b-hu4kwkhycz]{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-hu4kwkhycz]{font-size:.8rem;padding:.3rem .5rem}.builder-widget-tools label[b-hu4kwkhycz]{flex:1 1 110px;font-size:.78rem;display:flex;flex-direction:row;align-items:center}.builder-widget-tools select[b-hu4kwkhycz]{font-size:.8rem;padding:.3rem}.builder-widget-tools button[draggable=true][b-hu4kwkhycz]{cursor:grab}
.builder-audience>p[b-hu4kwkhycz]{margin-bottom:1rem}.fixed-builder__roles[b-hu4kwkhycz]{display:grid;gap:.6rem}.fixed-builder__roles label[b-hu4kwkhycz]{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-hu4kwkhycz]{border-color:var(--builder-accent);background:var(--builder-soft)}.fixed-builder input[type=checkbox][b-hu4kwkhycz]{width:1.15rem;height:1.15rem;accent-color:var(--builder-accent);flex:none}.builder-selected-role[b-hu4kwkhycz]{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-hu4kwkhycz]{padding:.2rem .55rem}.builder-review>div[b-hu4kwkhycz]{flex:1}.builder-save-actions[b-hu4kwkhycz]{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-hu4kwkhycz]{flex:1 1 200px;min-width:0}.builder-save-state small[b-hu4kwkhycz]{font-size:.8rem}.builder-list[b-hu4kwkhycz]{display:grid;gap:.7rem}.builder-list article[b-hu4kwkhycz]{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-hu4kwkhycz]{flex:1;min-width:0}.builder-status[b-hu4kwkhycz]{font-size:.85rem;padding:.2rem .6rem;border-radius:1rem;background:var(--builder-soft);white-space:nowrap}
.fixed-visual-picker[b-hu4kwkhycz]{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-hu4kwkhycz]{display:flex;flex-direction:column}.fixed-visual-picker[b-hu4kwkhycz]::backdrop{background:#172a3b85;backdrop-filter:blur(3px)}.fixed-visual-picker>header[b-hu4kwkhycz],.fixed-visual-picker>footer[b-hu4kwkhycz]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;flex:none;background:#fff}.fixed-visual-picker>header[b-hu4kwkhycz]{border-bottom:1px solid var(--builder-border)}.fixed-visual-picker h2[b-hu4kwkhycz]{font-size:1.2rem}.fixed-visual-picker>footer[b-hu4kwkhycz]{justify-content:flex-end;border-top:1px solid var(--builder-border)}.fixed-visual-picker>.alert[b-hu4kwkhycz]{margin:0;padding:.5rem 1rem;flex:none}.fixed-picker-body[b-hu4kwkhycz]{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);overflow-y:auto;min-height:0}.fixed-picker-settings[b-hu4kwkhycz]{display:grid;align-content:start;gap:1rem;padding:1.25rem}.fixed-picker-choices[b-hu4kwkhycz]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.fixed-picker-choices button[b-hu4kwkhycz]{display:flex;flex-direction:column;text-align:center;padding:.6rem;font-size:.85rem}.fixed-picker-choices button.is-selected[b-hu4kwkhycz]{border-color:var(--builder-accent);box-shadow:inset 0 0 0 1px var(--builder-accent);background:var(--builder-soft)}.fixed-picker-sample[b-hu4kwkhycz]{color:var(--builder-accent);width:70px;height:42px}.fixed-picker-sample svg[b-hu4kwkhycz]{width:100%;height:100%}.fixed-picker-preview[b-hu4kwkhycz]{padding:1.25rem;background:#f8fafb;border-inline-start:1px solid var(--builder-border);min-width:0}.fixed-picker-preview>p[b-hu4kwkhycz]{font-size:.85rem;margin:.5rem 0 1rem}.fixed-picker-preview>h3[b-hu4kwkhycz]{font-size:1rem}
@container(max-width:900px){.builder-source-grid[b-hu4kwkhycz],.builder-workspace-grid[b-hu4kwkhycz]{grid-template-columns:minmax(0,1fr)}.builder-selected[b-hu4kwkhycz]{position:static}.fixed-wizard-steps[b-hu4kwkhycz]{gap:.25rem}.fixed-wizard-steps button[b-hu4kwkhycz]{flex-direction:column;text-align:center;font-size:.82rem;padding:.5rem .25rem;gap:.3rem}.builder-save-actions[b-hu4kwkhycz]{position:static}}
@container(max-width:520px){.fixed-builder__fields[b-hu4kwkhycz]{grid-template-columns:1fr}.builder-indicator[b-hu4kwkhycz]{grid-template-columns:1fr}.builder-indicator-preview[b-hu4kwkhycz]{border-inline-start:0;border-top:1px solid var(--builder-border);padding:.65rem 0 0}.builder-heading[b-hu4kwkhycz]{align-items:flex-start}.builder-heading h3[b-hu4kwkhycz]{font-size:1.1rem}.builder-source-strip[b-hu4kwkhycz]{flex-wrap:wrap}.builder-panel[b-hu4kwkhycz]{padding:1rem}.builder-save-state[b-hu4kwkhycz]{flex-basis:100%}.builder-save-actions>button[b-hu4kwkhycz]{flex:1}.builder-canvas[b-hu4kwkhycz]{padding:.65rem}.builder-list article[b-hu4kwkhycz]{flex-wrap:wrap}.builder-list article>div[b-hu4kwkhycz]{flex-basis:100%}}
@media(max-width:650px){.fixed-visual-picker[b-hu4kwkhycz]{max-height:calc(100dvh - 1rem);max-width:calc(100% - 1rem);width:calc(100% - 1rem);border-radius:.7rem}.fixed-picker-body[b-hu4kwkhycz]{grid-template-columns:minmax(0,1fr)}.fixed-picker-preview[b-hu4kwkhycz]{border-inline-start:0;border-top:1px solid var(--builder-border)}.fixed-visual-picker>header[b-hu4kwkhycz],.fixed-visual-picker>footer[b-hu4kwkhycz]{padding:.75rem}.fixed-picker-settings[b-hu4kwkhycz],.fixed-picker-preview[b-hu4kwkhycz]{padding:1rem}.fixed-visual-picker h2[b-hu4kwkhycz]{font-size:1rem}.builder-mode-switch button[b-hu4kwkhycz]{flex:1}.builder-canvas.is-mobile[b-hu4kwkhycz]{max-width:100%}}
@media(prefers-reduced-motion:reduce){.fixed-builder *[b-hu4kwkhycz]{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-hu4kwkhycz]{gap:.5rem;align-items:center;padding:.65rem;container-type:inline-size}
.fixed-builder .builder-widget-tools>button[b-hu4kwkhycz]{flex:none;min-width:2rem;min-height:2rem;white-space:nowrap}
.fixed-builder .builder-widget-tools>label[b-hu4kwkhycz]{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-hu4kwkhycz]{flex:none;white-space:nowrap;font-size:.8rem}
.fixed-builder .builder-widget-tools select[b-hu4kwkhycz]{flex:1;width:auto;min-width:95px;padding:.35rem .5rem;font-size:.8rem}
.fixed-picker-preview>.fixed-visual[b-hu4kwkhycz]{width:100%}
.fixed-builder .fixed-picker-choices button[b-hu4kwkhycz]{min-height:105px;gap:.4rem}
.fixed-builder .fixed-picker-choices button strong[b-hu4kwkhycz]{font-size:.9rem;font-weight:600}

/* Ministries pilot: design gallery, a clear canvas, and a contextual inspector. */
.ministry-builder[b-hu4kwkhycz]{--builder-border:#c9d6df;--builder-soft:#f2f6f8}
.ministry-builder .fixed-wizard-steps[b-hu4kwkhycz]{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-hu4kwkhycz]{border-radius:0;border-bottom:3px solid transparent;padding:1rem .4rem;color:#6c7d88;background:transparent}
.ministry-builder .fixed-wizard-steps button.is-current[b-hu4kwkhycz]{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-hu4kwkhycz]{color:white;background:var(--builder-accent)}
.ministry-builder .builder-heading h3[b-hu4kwkhycz]{font-size:1.65rem;letter-spacing:-.02em}.ministry-builder .builder-heading[b-hu4kwkhycz]{padding:1.4rem 0}
.ministry-builder button.btn-primary[b-hu4kwkhycz]{box-shadow:0 3px 7px #153e4517}.ministry-builder .btn-success[b-hu4kwkhycz]{background:#18794e;border-color:#18794e}
.ministry-builder button[data-obs-action=delete][b-hu4kwkhycz],.ministry-builder .builder-selection-actions button:last-child[b-hu4kwkhycz]{color:#b0474c;border-color:#e8cdce}
.ministry-gallery>header[b-hu4kwkhycz]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.ministry-gallery>header small[b-hu4kwkhycz]{color:var(--builder-accent);font-weight:700;margin-bottom:.4rem}.ministry-gallery>header h3[b-hu4kwkhycz]{font-size:1.7rem;margin-bottom:.4rem}.ministry-gallery>header>button[b-hu4kwkhycz]{flex:none}
.ministry-designs[b-hu4kwkhycz]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:start}
.ministry-design[b-hu4kwkhycz]{border:1px solid #c9d6df;border-radius:1rem;overflow:hidden;background:white;box-shadow:0 4px 12px #213b4910}
.ministry-design.is-selected[b-hu4kwkhycz]{outline:2px solid var(--builder-accent);outline-offset:2px}
.ministry-design-sketch[b-hu4kwkhycz]{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-hu4kwkhycz]{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-hu4kwkhycz]{color:#7e68b1}.ministry-design-sketch>div:nth-child(3n + 1)[b-hu4kwkhycz]{color:var(--builder-accent)}.ministry-design-sketch>div:nth-child(3n + 2)[b-hu4kwkhycz]{color:#229796}
.ministry-design-sketch svg[b-hu4kwkhycz]{width:80%;height:90%;min-height:0}.ministry-design-copy[b-hu4kwkhycz]{padding:1.2rem}.ministry-design-copy h4[b-hu4kwkhycz]{font-size:1.18rem}.ministry-design-copy>p[b-hu4kwkhycz]{min-height:3.5rem;margin:.55rem 0;font-size:.9rem;line-height:1.8}.ministry-design-copy>div[b-hu4kwkhycz]{display:flex;gap:.55rem;margin-top:1rem;flex-wrap:wrap}.ministry-design-copy>div>button[b-hu4kwkhycz]{flex:1;font-size:.9rem}
.ministry-design-copy details[b-hu4kwkhycz]{font-size:.8rem;margin-top:.65rem;color:#8b672b}.ministry-design-copy details ul[b-hu4kwkhycz]{padding-inline-start:1.2rem}.ministry-design-preview[b-hu4kwkhycz]{margin-top:1.5rem;border:1px solid #c9d6df;padding:1.2rem;border-radius:.8rem;background:#f6f8fb}.ministry-design-preview>header[b-hu4kwkhycz]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.ministry-return[b-hu4kwkhycz]{margin-top:1rem}
.ministry-canvas-actions[b-hu4kwkhycz]{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-hu4kwkhycz]{margin-inline-start:auto}
.ministry-editor[b-hu4kwkhycz]{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:1.2rem}
.ministry-editor:has(.builder-canvas:only-child)[b-hu4kwkhycz]{grid-template-columns:minmax(0,1fr)}
.ministry-builder .builder-canvas[b-hu4kwkhycz]{padding:1.1rem;background:#eef2f6;border:1px solid #c9d6df;min-width:0}.ministry-builder .builder-canvas-heading[b-hu4kwkhycz]{padding:.4rem .4rem 1.2rem}
.ministry-inspector[b-hu4kwkhycz]{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-hu4kwkhycz]{display:flex;justify-content:space-between;gap:.5rem;align-items:start;padding:1rem;border-bottom:1px solid #e0e7ec;background:#f9fbfc}.ministry-inspector h4[b-hu4kwkhycz]{font-size:1rem}.ministry-inspector>header button[b-hu4kwkhycz]{padding:.15rem .5rem}
.ministry-inspector .fixed-picker-settings[b-hu4kwkhycz]{padding:1rem;gap:.9rem}.ministry-inspector .fixed-picker-settings label[b-hu4kwkhycz]{font-size:.85rem}.ministry-inspector .fixed-picker-choices[b-hu4kwkhycz]{gap:.45rem}.ministry-inspector .fixed-picker-choices button[b-hu4kwkhycz]{min-height:80px;font-size:.75rem}.ministry-inspector .fixed-picker-sample[b-hu4kwkhycz]{height:30px;width:55px}.ministry-inspector .fixed-picker-choices button strong[b-hu4kwkhycz]{font-size:.78rem}
.ministry-inspector>footer[b-hu4kwkhycz]{display:flex;gap:.5rem;padding:.85rem;position:sticky;bottom:0;background:#fff;border-top:1px solid #d7e1e7}.ministry-inspector>footer>button[b-hu4kwkhycz]{flex:1}.ministry-inspector-empty[b-hu4kwkhycz]{padding:1.6rem 1.2rem;text-align:center}.ministry-inspector-empty>i[b-hu4kwkhycz]{font-size:1.7rem;color:var(--builder-accent);margin-bottom:1rem}.ministry-inspector-empty p[b-hu4kwkhycz]{font-size:.9rem;margin:.7rem 0;line-height:1.9}.ministry-inspector-preview[b-hu4kwkhycz]{padding:0 1rem 1rem}
.fixed-builder .ministry-tones[b-hu4kwkhycz]{display:flex;flex-wrap:wrap;gap:.55rem}.ministry-tones legend[b-hu4kwkhycz]{font-size:.85rem;margin:0 0 .5rem}.fixed-builder .tone-swatch[b-hu4kwkhycz]{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-hu4kwkhycz]{outline:2px solid #293d46;outline-offset:2px}
.tone-swatch.tone-primary[b-hu4kwkhycz]{background:var(--obs-primary,#177c74)}.tone-swatch.tone-secondary[b-hu4kwkhycz]{background:var(--obs-secondary,#b48a45)}.tone-swatch.tone-blue[b-hu4kwkhycz]{background:#3975bd}.tone-swatch.tone-teal[b-hu4kwkhycz]{background:#148c86}.tone-swatch.tone-violet[b-hu4kwkhycz]{background:#7964b6}
.ministry-builder .builder-widget-tools[b-hu4kwkhycz]{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-hu4kwkhycz],.ministry-builder .builder-widget-tools:hover[b-hu4kwkhycz]{opacity:1}.ministry-builder .builder-widget-tools button[b-hu4kwkhycz]{padding:.25rem .4rem;min-height:1.8rem;font-size:.75rem}.ministry-builder .builder-widget-tools button:last-child[b-hu4kwkhycz]{color:#b0474c}
@container(max-width:900px){.ministry-editor[b-hu4kwkhycz]{grid-template-columns:minmax(0,1fr)}.ministry-inspector[b-hu4kwkhycz]{position:static;max-height:none}.ministry-designs[b-hu4kwkhycz]{gap:.8rem}.ministry-design-copy[b-hu4kwkhycz]{padding:.9rem}.ministry-builder .builder-widget-tools[b-hu4kwkhycz]{opacity:1}}
@container(max-width:720px){.ministry-designs[b-hu4kwkhycz]{grid-template-columns:minmax(0,1fr)}.ministry-gallery>header[b-hu4kwkhycz]{align-items:flex-start;flex-direction:column}.ministry-gallery>header h3[b-hu4kwkhycz]{font-size:1.4rem}.ministry-design-copy>p[b-hu4kwkhycz]{min-height:0}.ministry-builder .fixed-wizard-steps[b-hu4kwkhycz]{gap:.2rem}.ministry-gallery>header>button[b-hu4kwkhycz]{width:100%}.ministry-design-sketch[b-hu4kwkhycz]{height:220px}}
@media(hover:none){.ministry-builder .builder-widget-tools[b-hu4kwkhycz]{opacity:1}}
.ministry-builder button.btn-primary[b-hu4kwkhycz]{background-color:var(--builder-accent)!important;border-color:var(--builder-accent)!important;color:#fff!important}
.ministry-builder button.btn-success[b-hu4kwkhycz]{background-color:#18794e!important;border-color:#18794e!important;color:#fff!important}
.ministry-builder .builder-save-actions:has(+ .builder-note)[b-hu4kwkhycz]{margin-bottom:.7rem}
.ministry-builder:has(.ministry-gallery) .builder-save-actions[b-hu4kwkhycz]{display:none}
.ministry-builder:has(.ministry-editor) .builder-source-strip[b-hu4kwkhycz]{display:none}
.ministry-builder:has(.ministry-editor) .builder-heading[b-hu4kwkhycz]{padding:.75rem 0}
.ministry-builder:has(.ministry-editor) .fixed-wizard-steps[b-hu4kwkhycz]{margin-bottom:1rem}
.ministry-builder .builder-widget-tools[b-hu4kwkhycz]{opacity:1}
.ministry-builder [data-move-widget][b-hu4kwkhycz]{touch-action:none;cursor:grab}
.ministry-builder[b-hu4kwkhycz]  article.is-moving{opacity:.85}
.builder-canvas.is-mobile[b-hu4kwkhycz]{width:390px;max-width:100%;box-sizing:border-box;justify-self:center;min-width:0}
.builder-canvas.is-mobile[b-hu4kwkhycz]  .fixed-visual__grid{grid-template-columns:minmax(0,1fr)}
.builder-canvas.is-mobile[b-hu4kwkhycz]  .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-hu4kwkhycz]{overflow-wrap:break-word}
.ministry-builder:has(.ministry-editor) .builder-save-actions[b-hu4kwkhycz]{position:static}
.ministry-builder .builder-canvas[b-hu4kwkhycz]  article:hover .builder-widget-tools{opacity:1}

.rich-settings-section[b-hu4kwkhycz]{display:grid;gap:.8rem;border:1px solid var(--obs-border,#d7e3e9);border-radius:12px;padding:1rem;background:#fff}.rich-settings-step[b-hu4kwkhycz]{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-hu4kwkhycz]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.rich-shape-choices button[b-hu4kwkhycz]{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-hu4kwkhycz]{font-size:.8rem}.rich-shape-choices i[b-hu4kwkhycz]{font-size:1.15rem;color:var(--obs-primary,#177c74)}.rich-shape-choices button.is-selected[b-hu4kwkhycz]{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-hu4kwkhycz]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.rich-color-inputs label[b-hu4kwkhycz]{font-size:.75rem!important;min-width:0}.rich-color-inputs input[type=color][b-hu4kwkhycz]{width:100%;height:36px;padding:3px;border-radius:7px;background:white;cursor:pointer}.rich-color-presets[b-hu4kwkhycz]{display:flex;flex-wrap:wrap;gap:.4rem}.rich-color-presets button[b-hu4kwkhycz]{font:inherit;font-size:.72rem;border:1px solid #d5e1e8;border-radius:6px;background:#f6f9fb;color:inherit;padding:.35rem .5rem}.rich-settings-section small[b-hu4kwkhycz]{font-size:.74rem;line-height:1.7;color:#607787}.rich-settings-section button:focus-visible[b-hu4kwkhycz]{outline:2px solid var(--obs-primary,#177c74);outline-offset:2px}

.rich-direct-gallery[b-hu4kwkhycz]{display:grid;gap:1rem;max-height:480px;overflow:auto;padding:.25rem;scrollbar-width:thin}.rich-choice-group h4[b-hu4kwkhycz]{font-size:.85rem;margin:.2rem 0 .6rem}.rich-choice-hint[b-hu4kwkhycz]{font-size:.78rem;color:#607787;margin:0}.rich-shape-choices button[b-hu4kwkhycz]{flex-direction:column;align-items:stretch;text-align:center;padding:.65rem;gap:.3rem}.rich-choice-sample[b-hu4kwkhycz]{color:var(--obs-primary,#177c74);display:block}.rich-choice-sample[b-hu4kwkhycz]  svg{display:block;width:100%;height:58px}.rich-shape-choices button small[b-hu4kwkhycz]{font-size:.68rem}.rich-shape-choices button:hover[b-hu4kwkhycz]{border-color:var(--obs-primary,#177c74)}

.comparison-mode[b-hu4kwkhycz]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.comparison-mode button[b-hu4kwkhycz]{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-hu4kwkhycz]{border-color:var(--obs-primary,#177c74);background:#eaf5f2}.comparison-mode button:disabled[b-hu4kwkhycz]{opacity:.55}

/* Keep the actual editor compact and legible inside the Observatory page shell. */
.ministry-builder .rich-shape-choices button[b-hu4kwkhycz] { min-height: 112px; padding: 10px; }
.ministry-builder .rich-shape-choices button strong[b-hu4kwkhycz] { font-size: 12px; line-height: 1.6; }
.ministry-builder .rich-shape-choices button small[b-hu4kwkhycz] { font-size: 11px; }
.ministry-builder .ministry-inspector[b-hu4kwkhycz] { border-color: #c5d5df; }
.ministry-builder .builder-widget-tools button[b-hu4kwkhycz] { min-width: 28px; min-height: 28px; }
.ministry-builder .fixed-wizard-steps button[b-hu4kwkhycz] { min-height: 48px; }
@media (pointer: coarse) {
    .ministry-builder .builder-widget-tools button[b-hu4kwkhycz] { min-width: 44px; min-height: 44px; }
}
/* _content/Starterkit/Observatory/Components/FixedDuplicateReleaseDialog.razor.rz.scp.css */
.duplicate-release-dialog[b-gnerukbq8q] {
    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-gnerukbq8q]::backdrop { background: #102d4866; backdrop-filter: blur(3px); }
.duplicate-release-dialog h2[b-gnerukbq8q] { font-size: 1.2rem; line-height: 1.6; margin: 0 0 12px; }
.duplicate-release-dialog p[b-gnerukbq8q] { line-height: 1.9; margin: 0 0 24px; overflow-wrap: anywhere; }
.duplicate-release-actions[b-gnerukbq8q] { display: flex; flex-wrap: wrap; gap: 12px; }
.duplicate-release-actions button[b-gnerukbq8q] { flex: 1 1 180px; min-height: 44px; }
/* _content/Starterkit/Observatory/Components/FixedFileDetails.razor.rz.scp.css */
.fixed-file-details[b-2n4bfpctrd] { padding: 1rem; border: 1px solid #d9e5e4; border-radius: .75rem; background: #fff; margin-block: 1rem; }
.fixed-file-details details[b-2n4bfpctrd] { margin-block: 1rem; }
.fixed-file-details summary[b-2n4bfpctrd] { cursor: pointer; font-weight: 600; padding-block: .5rem; }
.fixed-file-details__scroll[b-2n4bfpctrd] { overflow-x: auto; }
.fixed-file-details th[b-2n4bfpctrd] { position: sticky; top: 0; background: #f2f7f6; }
.fixed-file-details td[b-2n4bfpctrd] { overflow-wrap: anywhere; min-width: 7rem; }
.fixed-file-details article p[b-2n4bfpctrd] { margin-block: .5rem; }
.fixed-file-details[b-2n4bfpctrd] { min-width: 0; overflow-wrap: anywhere; }
.fixed-file-details .alert-warning[b-2n4bfpctrd] { color:#674600; background-color:#fff8df; border-color:#e4c876; }
.fixed-file-details .alert-danger[b-2n4bfpctrd] { color:#8a2435; background-color:#fff0f2; border-color:#e4afb8; }
.validation-summary[b-2n4bfpctrd] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-block:16px; }
.validation-summary>div[b-2n4bfpctrd] { display:grid; gap:4px; padding:10px 12px; background:#eef3f5; border:1px solid #91a5af; border-radius:8px; }
.validation-summary span[b-2n4bfpctrd] { color:#405961; }
.validation-next[b-2n4bfpctrd] { font-weight:600; margin-block:12px; }
.validation-filters[b-2n4bfpctrd] { display:flex; flex-wrap:wrap; gap:12px; margin-block:16px; }
.validation-filters label[b-2n4bfpctrd] { flex:1 1 200px; display:grid; gap:6px; min-width:0; }
.validation-filters select[b-2n4bfpctrd] { font:inherit; min-height:44px; border:1px solid #778e99; }
.validation-issue[b-2n4bfpctrd] { padding:12px; margin-block:12px; }
.validation-issue .issue-location[b-2n4bfpctrd] { color:inherit; }
.validation-issue dl[b-2n4bfpctrd] { margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.validation-issue dt[b-2n4bfpctrd] { font-weight:600; }
.validation-issue dd[b-2n4bfpctrd] { margin:0; overflow-wrap:anywhere; }
.validation-pagination[b-2n4bfpctrd] { display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; }
.fixed-file-details button:focus-visible[b-2n4bfpctrd],.fixed-file-details select:focus-visible[b-2n4bfpctrd],.fixed-file-details summary:focus-visible[b-2n4bfpctrd] { outline:3px solid #345c6a; outline-offset:3px; }
@container observatory-content (max-width:760px) {
    .validation-summary[b-2n4bfpctrd] { grid-template-columns:minmax(0,1fr); gap:8px; }
    .validation-summary>div[b-2n4bfpctrd] { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
    .validation-issue dl[b-2n4bfpctrd] { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
    .validation-summary[b-2n4bfpctrd],.validation-issue dl[b-2n4bfpctrd] { grid-template-columns:minmax(0,1fr); }
}
/* _content/Starterkit/Observatory/Components/FixedHomeAssignments.razor.rz.scp.css */
.fixed-home-assignments[b-i0a89lof7y]{padding:1rem}.fixed-home-assignments__grid[b-i0a89lof7y]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.8rem;}.fixed-home-assignments article[b-i0a89lof7y]{border:1px solid #9fb6b2;border-radius:12px;padding:0 0 .7rem;min-width:0;overflow-wrap:anywhere}.fixed-home-assignments h3[b-i0a89lof7y]{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-i0a89lof7y]{margin:0 0 .6rem}.fixed-home-assignments dl[b-i0a89lof7y]{margin:.75rem 0 0}.fixed-home-assignments dl div[b-i0a89lof7y]{display:flex;justify-content:space-between;gap:.75rem}.fixed-home-assignments dt[b-i0a89lof7y]{font-weight:500}.fixed-home-assignments dd[b-i0a89lof7y]{margin:0}

.fixed-home-assignments article>p[b-i0a89lof7y],.fixed-home-assignments article>small[b-i0a89lof7y],.fixed-home-assignments article>dl[b-i0a89lof7y]{margin-inline:.8rem}.fixed-home-assignments article>small[b-i0a89lof7y]{display:block}
/* _content/Starterkit/Observatory/Components/FixedHomeWorkspace.razor.rz.scp.css */
.fixed-home[b-gjklp5snqa]{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-gjklp5snqa]{min-width:0;border:1px solid #99b1b1;border-radius:.7rem;background:#fff;overflow:hidden}
.home-panel>header[b-gjklp5snqa],.home-panel>summary[b-gjklp5snqa]{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-gjklp5snqa]{display:flex;align-items:center;justify-content:space-between;gap:.4rem 1rem;flex-wrap:wrap}
.home-panel h2[b-gjklp5snqa]{margin:0;font-size:1.2rem;color:#203d45}.home-panel p[b-gjklp5snqa]{margin:0}.home-work>header p[b-gjklp5snqa]{color:#425e65;font-size:14px}
.home-panel a[b-gjklp5snqa]{color:#245764;text-decoration:underline;text-underline-offset:3px;max-width:100%}.home-panel a:focus-visible[b-gjklp5snqa],.home-panel summary:focus-visible[b-gjklp5snqa]{outline:3px solid #296a78;outline-offset:-3px}
.home-actions[b-gjklp5snqa]{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-gjklp5snqa]{min-width:0}.home-actions a[b-gjklp5snqa]{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-gjklp5snqa]{border-color:#426d71;background:#e9f0ed}.home-actions strong[b-gjklp5snqa]{font-size:1rem}.home-actions span[b-gjklp5snqa]{font-size:14px;color:#435e65}.home-actions small[b-gjklp5snqa]{margin-top:auto;padding-top:.25rem;color:#245764;text-decoration:underline}
.home-shortcuts[b-gjklp5snqa]{display:flex;gap:.6rem 1.2rem;flex-wrap:wrap;padding:.55rem 1rem;border-top:1px solid #ccd7d2;background:#f6f7f3}.home-shortcuts a[b-gjklp5snqa]{font-size:15px}
.home-empty[b-gjklp5snqa]{padding:1rem;color:#49646a}.home-recent>header[b-gjklp5snqa],.home-summary>summary[b-gjklp5snqa]{background:#f1ede5;background:color-mix(in srgb,var(--obs-secondary,#b48a45) 16%,white)}
.home-files[b-gjklp5snqa]{list-style:none;padding:0;margin:0}.home-files li[b-gjklp5snqa]{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-gjklp5snqa]{border-top:1px solid #c9d6d4}.home-files li:nth-child(even)[b-gjklp5snqa]{background:#f6f8f6}
.home-file-identity[b-gjklp5snqa],.home-file-meta[b-gjklp5snqa]{display:grid;gap:.1rem;min-width:0;justify-items:start}.home-file-identity>a[b-gjklp5snqa]{font-weight:600}.home-file-identity>span[b-gjklp5snqa]{font-size:14px}.home-files small[b-gjklp5snqa],.home-files time[b-gjklp5snqa]{font-size:14px;color:#49626a}.home-files time[b-gjklp5snqa]{direction:ltr;unicode-bidi:isolate}
.home-panel>summary[b-gjklp5snqa]{cursor:pointer;font-weight:600}.home-panel>summary span[b-gjklp5snqa]{font-size:14px;font-weight:400;margin-inline-start:.7rem;color:#49626a}.home-panel:not([open])>summary[b-gjklp5snqa]{border-bottom:0}.home-details-link[b-gjklp5snqa]{display:inline-block;margin:.75rem 1rem 0}
.home-metrics[b-gjklp5snqa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.5rem;margin:0;padding:.8rem}.home-metrics>div[b-gjklp5snqa]{padding:.6rem;border:1px solid #bccbc5;border-radius:.45rem;background:#f6f8f5}.home-metrics dt[b-gjklp5snqa]{font-size:14px;font-weight:400}.home-metrics dd[b-gjklp5snqa]{font-size:1.35rem;font-weight:600;margin:0}.home-intro[b-gjklp5snqa]{padding:0 1rem 1rem;font-size:14px;color:#49626a}
@container(max-width:650px){.home-files li[b-gjklp5snqa]{grid-template-columns:minmax(0,1fr);gap:.3rem}.home-file-meta[b-gjklp5snqa]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.home-files time[b-gjklp5snqa]{justify-self:start}.home-actions[b-gjklp5snqa]{grid-template-columns:minmax(0,1fr)}.home-panel>summary span[b-gjklp5snqa]{display:block;margin-inline-start:1rem}}
/* _content/Starterkit/Observatory/Components/FixedMonitoringWorkspace.razor.rz.scp.css */
.fixed-monitoring[b-t0goi19ywl]{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-t0goi19ywl],.fixed-monitoring p[b-t0goi19ywl]{margin:0}.fixed-monitoring h2[b-t0goi19ywl]{font-size:1.35rem}.fixed-monitoring small[b-t0goi19ywl]{display:block;font-size:14px;color:#4b6269}
.monitoring-heading[b-t0goi19ywl]{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-t0goi19ywl]{margin-top:.25rem;color:#425f66}
.fixed-monitoring-search[b-t0goi19ywl]{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-t0goi19ywl]{display:grid;gap:.3rem;flex:1 1 190px;min-width:0}.fixed-monitoring-search label:first-child[b-t0goi19ywl]{flex:2 1 240px}
.fixed-monitoring input[b-t0goi19ywl],.fixed-monitoring select[b-t0goi19ywl]{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-t0goi19ywl],.fixed-monitoring a.btn[b-t0goi19ywl]{font:inherit;white-space:normal;max-width:100%;padding:.45rem .7rem;border:1px solid #8da9ad!important;border-radius:.45rem}.fixed-monitoring .btn-primary[b-t0goi19ywl]{background:#d9e8e4;background:color-mix(in srgb,var(--monitoring-primary) 15%,white);color:#173c43}.fixed-monitoring .btn-light[b-t0goi19ywl]{background:#fff;color:#254c53}.fixed-monitoring button:disabled[b-t0goi19ywl]{opacity:.5}
.fixed-monitoring button:focus-visible[b-t0goi19ywl],.fixed-monitoring a:focus-visible[b-t0goi19ywl],.fixed-monitoring input:focus-visible[b-t0goi19ywl],.fixed-monitoring select:focus-visible[b-t0goi19ywl],.fixed-monitoring summary:focus-visible[b-t0goi19ywl]{outline:3px solid #2b6774;outline-offset:3px}
.monitoring-count[b-t0goi19ywl]{color:#4b6269;margin:.5rem 0!important;font-size:14px}.monitoring-list[b-t0goi19ywl]{display:grid;gap:.55rem}.monitoring-row[b-t0goi19ywl]{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-t0goi19ywl]{min-width:0}.monitoring-identity[b-t0goi19ywl]{display:grid;gap:.25rem;border-inline-start:4px solid #8eaead;padding-inline-start:.7rem}.monitoring-identity>strong[b-t0goi19ywl]{font-weight:600}.monitoring-release[b-t0goi19ywl]{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-t0goi19ywl]{display:grid;justify-items:start;gap:.2rem}.monitoring-action[b-t0goi19ywl]{display:grid;justify-items:start;gap:.2rem}.monitoring-action summary[b-t0goi19ywl]{cursor:pointer;color:#345860;font-size:14px}.monitoring-action details[b-t0goi19ywl]{margin-top:.1rem;max-width:100%}.monitoring-guidance[b-t0goi19ywl]{font-size:14px;color:#5b6458}.monitoring-empty[b-t0goi19ywl]{padding:1rem;border:1px dashed #94b1ab;border-radius:.6rem;background:#f4f7f4}.monitoring-empty p[b-t0goi19ywl]{margin-top:.4rem}.monitoring-pages[b-t0goi19ywl]{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-top:.8rem}
@container(max-width:700px){.monitoring-row[b-t0goi19ywl]{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:0}.monitoring-identity[b-t0goi19ywl]{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-t0goi19ywl],.monitoring-action[b-t0goi19ywl]{padding:0 .75rem}.monitoring-status[b-t0goi19ywl]{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .7rem}.monitoring-action[b-t0goi19ywl]{padding-bottom:.65rem}.monitoring-action>a[b-t0goi19ywl]{width:100%}.monitoring-action[b-t0goi19ywl]{justify-items:stretch}.fixed-monitoring-search button[b-t0goi19ywl]{flex:1 1 120px}}
/* _content/Starterkit/Observatory/Components/FixedReleaseComparisonCard.razor.rz.scp.css */
.release-comparison[b-sdaqldnrxr]{display:grid;gap:1rem}.comparison-endpoints[b-sdaqldnrxr]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.comparison-endpoints section[b-sdaqldnrxr]{padding:.8rem;border:1px solid #dbe5eb;border-radius:12px;background:#f8fafb;min-width:0}.comparison-endpoints strong[b-sdaqldnrxr]{display:block;font-size:1.5rem;margin:.5rem 0;color:var(--obs-primary,#177c74)}.comparison-endpoints strong span[b-sdaqldnrxr]{font-size:.8rem}.release-comparison small[b-sdaqldnrxr],.comparison-endpoints p[b-sdaqldnrxr]{font-size:.75rem;color:#587080;line-height:1.7}.comparison-endpoints p[b-sdaqldnrxr]{margin:0}.comparison-change[b-sdaqldnrxr]{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;padding:.8rem;border-block:1px solid #e2e9ee}.comparison-change>b[b-sdaqldnrxr]{font-size:1.5rem;color:var(--obs-primary,#177c74)}.comparison-change small[b-sdaqldnrxr]{flex-basis:100%}.comparison-line[b-sdaqldnrxr]{width:100%;height:auto;max-height:180px;direction:ltr}.comparison-axis[b-sdaqldnrxr]{display:flex;justify-content:space-between;direction:ltr;font-size:.8rem}
/* _content/Starterkit/Observatory/Components/FixedRichChart.razor.rz.scp.css */
.rich-plot[b-39hgfymgyw]{min-width:0;color:inherit;font-family:inherit}.plot-legend[b-39hgfymgyw],.series-key[b-39hgfymgyw]{display:flex;gap:.6rem 1rem;flex-wrap:wrap;font-size:.74rem;margin:.7rem 0}.plot-legend span[b-39hgfymgyw],.series-key span[b-39hgfymgyw]{display:flex;align-items:center;gap:.35rem}.rich-plot i[b-39hgfymgyw]{display:inline-block;width:.7rem;height:.7rem;border-radius:3px;flex-shrink:0}.plot-bars[b-39hgfymgyw]{display:grid;gap:1rem}.plot-bar[b-39hgfymgyw]{min-width:0}.plot-bar-label[b-39hgfymgyw]{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;margin-bottom:.4rem}.plot-bar-label span[b-39hgfymgyw]{overflow-wrap:anywhere}.plot-bar-label strong[b-39hgfymgyw]{font-variant-numeric:tabular-nums;white-space:nowrap}.plot-bar-label small[b-39hgfymgyw]{font-weight:400;color:#657783}.plot-track[b-39hgfymgyw]{height:14px;background:#edf2f6;border-radius:4px;overflow:hidden}.plot-track span[b-39hgfymgyw]{display:block;height:100%;border-radius:4px}.is-columns[b-39hgfymgyw]{display:flex;direction:ltr;overflow-x:auto;align-items:flex-end;gap:1rem;padding:.5rem 0}.is-columns .plot-bar[b-39hgfymgyw]{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:.4rem}.is-columns .plot-bar-label[b-39hgfymgyw]{display:contents}.is-columns .plot-bar-label strong[b-39hgfymgyw]{order:1;font-size:.85rem}.is-columns .plot-bar-label span[b-39hgfymgyw]{order:3;font-size:.8rem;text-align:center;max-width:110px}.is-columns .plot-bar-label small[b-39hgfymgyw]{display:none}.is-columns .plot-track[b-39hgfymgyw]{order:2;width:55%;max-width:65px;height:170px;display:flex;align-items:flex-end}.is-columns .plot-track span[b-39hgfymgyw]{width:100%}.ring-layout[b-39hgfymgyw]{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;padding:.8rem 0}.plot-ring[b-39hgfymgyw]{width:180px;aspect-ratio:1;flex-shrink:0;border-radius:50%;display:grid;place-items:center;border:1px solid #dbe4ea}.plot-ring>div[b-39hgfymgyw]{width:65%;height:65%;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.plot-ring strong[b-39hgfymgyw]{font-size:1.6rem}.plot-ring small[b-39hgfymgyw]{color:#657783;font-size:.8rem}.ring-key[b-39hgfymgyw]{display:grid;gap:.7rem;flex:1;min-width:145px}.ring-key>div[b-39hgfymgyw]{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.ring-key span[b-39hgfymgyw]{flex:1;overflow-wrap:anywhere}.ring-key strong[b-39hgfymgyw]{white-space:nowrap}.ring-key small[b-39hgfymgyw]{font-weight:400}.plot-line[b-39hgfymgyw]{width:100%;height:auto;display:block;direction:ltr}.line-values[b-39hgfymgyw]{display:flex;direction:ltr;gap:.3rem;justify-content:space-between;overflow-x:auto}.line-values span[b-39hgfymgyw]{display:flex;flex-direction:column;gap:.3rem;font-size:.73rem;text-align:center;min-width:36px}.plot-note[b-39hgfymgyw]{display:block;color:#657783;font-size:.75rem;line-height:1.7;margin-top:.7rem}.multi-chart[b-39hgfymgyw]{display:flex;gap:1.2rem;overflow-x:auto;direction:ltr;padding:1rem .3rem}.multi-year[b-39hgfymgyw]{min-width:72px;flex:1;text-align:center;font-size:.8rem}.multi-bars[b-39hgfymgyw]{height:190px;display:flex;align-items:flex-end;justify-content:center;gap:5px;margin-bottom:.6rem}.multi-part[b-39hgfymgyw]{min-width:20px;max-width:45px;flex:1;position:relative;border-radius:4px 4px 0 0}.multi-part span[b-39hgfymgyw]{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:.72rem;padding-bottom:3px;color:#31465a}.is-stacked .multi-bars[b-39hgfymgyw]{flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:0}.is-stacked .multi-part[b-39hgfymgyw]{flex:none;width:55px;max-width:55px;border-radius:0;min-height:0}.is-stacked .multi-part span[b-39hgfymgyw]{display:none}.plot-values[b-39hgfymgyw]{border-top:1px solid #e0e8ee;margin-top:.8rem;padding-top:.6rem;font-size:.8rem}.plot-values summary[b-39hgfymgyw]{cursor:pointer}.plot-values>div[b-39hgfymgyw]{display:flex;gap:.6rem;flex-wrap:wrap;border-bottom:1px solid #e9eef3;padding:.5rem 0}.plot-pages[b-39hgfymgyw]{display:flex;gap:.75rem;align-items:center;justify-content:center;font-size:.8rem;margin-top:1rem}.plot-pages button[b-39hgfymgyw]{font:inherit;background:white;border:1px solid #d3dfe6;border-radius:5px;padding:.3rem .6rem;color:inherit}.plot-pages button:disabled[b-39hgfymgyw]{opacity:.45}.rich-plot button:focus-visible[b-39hgfymgyw],.rich-plot summary:focus-visible[b-39hgfymgyw]{outline:2px solid var(--obs-primary,#177c74);outline-offset:3px}@media(max-width:480px){.ring-layout[b-39hgfymgyw]{gap:.8rem}.plot-ring[b-39hgfymgyw]{width:155px}.ring-key[b-39hgfymgyw]{flex-basis:100%}.is-columns .plot-bar[b-39hgfymgyw]{min-width:52px}.multi-chart[b-39hgfymgyw]{gap:.7rem}}

.plot-values details[b-39hgfymgyw]{padding:.4rem 0}.plot-values ul[b-39hgfymgyw]{max-height:220px;overflow:auto;padding-inline-start:1.2rem}.plot-values li[b-39hgfymgyw]{overflow-wrap:anywhere;padding:.2rem 0}
/* _content/Starterkit/Observatory/Components/FixedRichIndicator.razor.rz.scp.css */
.rich-indicator[b-7u7v24mnw2]{min-width:0;font-family:inherit;--rich-color:var(--obs-chart-primary,var(--obs-primary,#177c74));color:inherit}
.rich-summary[b-7u7v24mnw2]{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-7u7v24mnw2]{display:flex;flex-direction:column;gap:.3rem}.rich-summary>div:last-child[b-7u7v24mnw2]{text-align:end}.rich-summary span[b-7u7v24mnw2],.rich-chart-heading small[b-7u7v24mnw2]{font-size:.82rem;color:#637888}.rich-summary strong[b-7u7v24mnw2]{font-size:2rem;line-height:1.3;color:var(--rich-color);font-variant-numeric:tabular-nums}.rich-summary bdi[b-7u7v24mnw2]{font-size:.9rem}
.rich-tabs[b-7u7v24mnw2]{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.rich-tabs button[b-7u7v24mnw2]{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-7u7v24mnw2]{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-7u7v24mnw2],.rich-indicator select:focus-visible[b-7u7v24mnw2],.rich-indicator summary:focus-visible[b-7u7v24mnw2]{outline:2px solid var(--rich-color);outline-offset:3px}
.rich-chart-heading[b-7u7v24mnw2]{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-7u7v24mnw2]{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.rich-chart-heading select[b-7u7v24mnw2]{font:inherit;color:inherit;max-width:100%;padding:.25rem .45rem;border:1px solid #cad9e2;border-radius:.4rem;background:white}
.rich-chart[b-7u7v24mnw2]{display:grid;gap:.85rem}.rich-bar[b-7u7v24mnw2]{min-width:0}.rich-bar-label[b-7u7v24mnw2]{display:flex;justify-content:space-between;gap:.7rem;font-size:.85rem;margin-bottom:.3rem}.rich-bar-label span[b-7u7v24mnw2]{overflow-wrap:anywhere}.rich-bar-label strong[b-7u7v24mnw2]{white-space:nowrap;font-variant-numeric:tabular-nums}.rich-bar-label small[b-7u7v24mnw2]{font-weight:400;color:#637888;font-size:.72rem}.rich-track[b-7u7v24mnw2]{height:14px;background:#edf2f6;border-radius:4px;overflow:hidden;direction:rtl}.rich-track>span[b-7u7v24mnw2]{display:block;height:100%;border-radius:4px;background:var(--rich-color)}.is-distribution .rich-bar:nth-child(2n) .rich-track>span[b-7u7v24mnw2]{background:color-mix(in srgb,var(--rich-color) 55%,#adc8d8)}
.rich-details[b-7u7v24mnw2]{margin-top:1rem;padding-top:.7rem;border-top:1px solid #e2eaf0;font-size:.82rem;color:#637888}.rich-details summary[b-7u7v24mnw2]{cursor:pointer;padding:.3rem 0}.rich-details p[b-7u7v24mnw2]{line-height:1.8}.rich-details ul[b-7u7v24mnw2]{padding-inline-start:1.2rem;max-height:250px;overflow:auto}.rich-details li[b-7u7v24mnw2]{padding:.25rem;overflow-wrap:anywhere}.rich-details dl[b-7u7v24mnw2]{margin:.5rem 0}.rich-details dl>div[b-7u7v24mnw2]{padding:.5rem 0;border-bottom:1px solid #edf2f6}.rich-details dt[b-7u7v24mnw2]{font-size:.75rem}.rich-details dd[b-7u7v24mnw2]{margin:0;color:#243c4c;overflow-wrap:anywhere}
.rich-pagination[b-7u7v24mnw2]{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.6rem;font-size:.75rem}.rich-pagination button[b-7u7v24mnw2]{font:inherit;color:inherit;border:1px solid #d6e2e8;background:white;padding:.25rem .6rem;border-radius:.35rem}.rich-pagination button:disabled[b-7u7v24mnw2]{opacity:.45}
.rich-identity[b-7u7v24mnw2]{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.rich-identity>span[b-7u7v24mnw2],.rich-identity small[b-7u7v24mnw2]{color:#637888;font-size:.85rem}.rich-identity strong[b-7u7v24mnw2]{font-size:1.3rem;color:var(--rich-color)}.rich-identity-meta[b-7u7v24mnw2]{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem}.rich-identity-meta span[b-7u7v24mnw2]{padding:.6rem;border:1px solid #d6e2e8;border-radius:.45rem}
.is-thumbnail .rich-summary[b-7u7v24mnw2]{padding:.4rem 0 .6rem}.is-thumbnail .rich-summary strong[b-7u7v24mnw2]{font-size:1.5rem}.is-thumbnail .rich-chart[b-7u7v24mnw2]{gap:.4rem}.is-thumbnail .rich-track[b-7u7v24mnw2]{height:8px}.is-thumbnail .rich-bar-label small[b-7u7v24mnw2]{display:none}.is-thumbnail .rich-chart-heading[b-7u7v24mnw2]{margin:.5rem 0}.is-thumbnail .rich-summary span[b-7u7v24mnw2]{font-size:.72rem}
.rich-chart.is-comparison[b-7u7v24mnw2]{display:flex;align-items:flex-end;gap:.8rem;overflow-x:auto;padding:.5rem 0;direction:ltr}.is-comparison .rich-bar[b-7u7v24mnw2]{display:flex;flex:1;min-width:55px;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.is-comparison .rich-bar-label[b-7u7v24mnw2]{display:contents}.is-comparison .rich-bar-label>span[b-7u7v24mnw2]{order:3}.is-comparison .rich-bar-label>strong[b-7u7v24mnw2]{order:1;font-size:.85rem}.is-comparison .rich-bar-label small[b-7u7v24mnw2]{display:none}.is-comparison .rich-track[b-7u7v24mnw2]{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-7u7v24mnw2]{width:100%;border-radius:5px 5px 0 0}.is-thumbnail .is-comparison .rich-track[b-7u7v24mnw2]{height:90px}

.identity-banner[b-7u7v24mnw2]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.identity-banner .rich-identity[b-7u7v24mnw2]{padding:0}.identity-compact .rich-identity-meta[b-7u7v24mnw2]{font-size:.75rem}.identity-compact .rich-identity strong[b-7u7v24mnw2]{font-size:1.15rem}
/* _content/Starterkit/Observatory/Components/FixedSettingsEditor.razor.rz.scp.css */
/* One selected group, with a single page scroll. */
.fixed-settings[b-m09osqp397] { container: fixed-settings / inline-size; min-width:0; margin-block:12px; }
.settings-layout[b-m09osqp397] { display:grid; grid-template-columns:240px minmax(0,1fr); gap:16px; align-items:start; }
.settings-group-picker[b-m09osqp397] { display:none; }
.settings-group-nav[b-m09osqp397] { display:grid; gap:4px; }
.settings-group-nav button[b-m09osqp397] { 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-m09osqp397] { display:block; font-size:.85em; color:#842032; }
.settings-group-nav button[aria-pressed=true][b-m09osqp397] { background:color-mix(in srgb,var(--obs-primary,#0b4f52) 16%,#f4f6f8); border:2px solid #456b76; font-weight:600; }
.settings-section[b-m09osqp397] { min-width:0; border:1px solid #8c9fa7; border-radius:12px; background:#fff; }
.settings-section h4[b-m09osqp397] { 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-m09osqp397] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:16px; }
.setting-field[b-m09osqp397] { display:flex; flex-direction:column; gap:6px; min-width:0; scroll-margin-block:100px; }
.setting-field--wide[b-m09osqp397] { grid-column:1/-1; }
.setting-field:focus[b-m09osqp397] { outline:3px solid #345c6a; outline-offset:4px; border-radius:4px; }
.setting-field small[b-m09osqp397] { color:#405961; line-height:1.65; }
.setting-label-row[b-m09osqp397] { display:flex; align-items:center; gap:6px; position:relative; min-width:0; }
.setting-label-row>label[b-m09osqp397] { font-weight:600; overflow-wrap:anywhere; min-width:0; margin:0; }
.setting-label-row--help-open[b-m09osqp397] { z-index:1002; }
.setting-field .setting-help-icon[b-m09osqp397] { 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-m09osqp397] { color:inherit; font-size:16px; }
.setting-help-icon:hover[b-m09osqp397],.setting-help-icon[aria-expanded=true][b-m09osqp397] { background:#eaf2f3; border-color:#b8ccd0; }
.setting-help-dismiss[b-m09osqp397] { position:fixed; inset:0; z-index:1001; border:0; padding:0; background:transparent; cursor:default; }
.setting-help-tooltip[b-m09osqp397] { 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-m09osqp397] { margin:0 0 8px; }
.setting-help-tooltip p:last-child[b-m09osqp397] { margin:0; }
.setting-help-tooltip strong[b-m09osqp397],.setting-help-tooltip small[b-m09osqp397] { display:block; }
.setting-help-tooltip small[b-m09osqp397] { margin-block-start:8px; }
.setting-help-location[b-m09osqp397] { display:grid; gap:2px; padding-block:6px; border-bottom:1px solid #e1e9ec; }
.setting-help-location code[b-m09osqp397] { 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-m09osqp397] { color:#a02537; }
.setting-value[b-m09osqp397] { white-space:pre-wrap; overflow-wrap:anywhere; padding-block:4px; }
.fixed-settings--readonly .setting-field[b-m09osqp397] { border:1px solid #d3dde5; border-radius:8px; padding:12px; background:#f8fafc; }
.fixed-settings--readonly .setting-label-row[b-m09osqp397] { padding-block-end:8px; border-bottom:1px solid #d3dde5; }
.setting-field .form-control[b-m09osqp397],.setting-field .form-select[b-m09osqp397],.setting-field .btn[b-m09osqp397],.setting-field .year-remove[b-m09osqp397] { font:inherit; min-height:44px; max-width:100%; white-space:normal; border:1px solid #778e99; color:#19343e; background:#fff; }
.setting-field .form-control[b-m09osqp397],.setting-field .form-select[b-m09osqp397] { width:100%; min-width:0; }
.setting-field .btn[b-m09osqp397] { border:1px solid #778e99!important; color:#19343e!important; background:#fff!important; }
.setting-field input[b-m09osqp397],.setting-field select[b-m09osqp397],.setting-field textarea[b-m09osqp397] { scroll-margin-block:100px 150px; }
fieldset[b-m09osqp397] { border:0; padding:0; min-width:0; }
.year-list[b-m09osqp397] { 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-m09osqp397] { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:8px; width:16em; max-width:100%; min-width:0; }
.year-entry input[b-m09osqp397] { border-radius:8px; }
.year-entry .year-remove[b-m09osqp397] { padding:4px; border-radius:8px; cursor:pointer; }
.year-entry .year-remove:disabled[b-m09osqp397] { cursor:default; opacity:.65; }
.supported-options[b-m09osqp397] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 12px; }
.supported-option[b-m09osqp397] { display:flex; align-items:center; gap:10px; min-height:44px; padding-block:4px; overflow-wrap:anywhere; }
.supported-option input[b-m09osqp397] { width:22px; height:22px; flex-shrink:0; }
.selection-count[b-m09osqp397] { display:block; color:#405961; margin-block-end:6px; }
.options-pages[b-m09osqp397] { display:flex; gap:8px; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-block-start:8px; }
.additional-settings[b-m09osqp397] { 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-m09osqp397] { color:#a02537; overflow-wrap:anywhere; }
.has-error .form-control[b-m09osqp397],.has-error .form-select[b-m09osqp397] { border-color:#a02537; }
.settings-errors[b-m09osqp397] { padding:12px; margin-block-end:12px; color:#842032; border:1px solid #a02537; background:#fff1f3; border-radius:8px; }
.settings-errors button[b-m09osqp397] { 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-m09osqp397],input:focus-visible[b-m09osqp397],select:focus-visible[b-m09osqp397],textarea:focus-visible[b-m09osqp397],summary:focus-visible[b-m09osqp397] { outline:3px solid #345c6a; outline-offset:3px; }
@container fixed-settings (max-width:850px) {
    .settings-layout[b-m09osqp397] { grid-template-columns:minmax(0,1fr); gap:12px; }
    .settings-group-nav[b-m09osqp397] { display:none; }
    .settings-group-picker[b-m09osqp397] { display:grid; gap:6px; min-width:0; }
    .settings-group-picker select[b-m09osqp397] { min-height:44px; width:100%; font:inherit; }
}
@container fixed-settings (max-width:700px) {
    .settings-grid[b-m09osqp397],.supported-options[b-m09osqp397] { grid-template-columns:minmax(0,1fr); }
}
@container fixed-settings (max-width:400px) {
    .settings-grid[b-m09osqp397] { padding:12px; }
    .year-entry[b-m09osqp397] { width:100%; }
}
/* _content/Starterkit/Observatory/Components/FixedSettingsReview.razor.rz.scp.css */
.settings-review[b-8yg394d9q9] { container: settings-review / inline-size; min-width:0; color:#19343e; font:inherit; margin-block:16px; }
.review-overview[b-8yg394d9q9] { 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-8yg394d9q9] { display:block; color:#486269; font-size:.85em; margin-block-end:4px; }
.review-overview strong[b-8yg394d9q9] { font-size:1.45em; line-height:1.5; }
.review-overview strong span[b-8yg394d9q9] { font-size:.65em; font-weight:500; }
.review-counts[b-8yg394d9q9] { display:flex; flex-wrap:wrap; gap:8px; }
.review-count[b-8yg394d9q9] { padding:3px 10px; border:1px solid #b7c8cd; border-radius:6px; color:#344f58; background:#fff; font-size:.85em; }
.review-count--added[b-8yg394d9q9] { color:#216343; border-color:#bad8c6; }
.review-count--removed[b-8yg394d9q9] { color:#863a42; border-color:#e4c3c7; }
.review-group[b-8yg394d9q9] { margin-block:16px; border:1px solid #c4d3d7; border-radius:10px; background:#fff; overflow:hidden; }
.review-group-heading[b-8yg394d9q9] { 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-8yg394d9q9] { margin:0; font-size:1em; font-weight:700; overflow-wrap:anywhere; }
.review-group-heading>span[b-8yg394d9q9] { color:#486269; font-size:.8em; }
.review-change[b-8yg394d9q9] { padding:18px; min-width:0; }
.review-change+.review-change[b-8yg394d9q9] { border-top:1px solid #e1e8eb; }
.review-change-heading[b-8yg394d9q9] { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:6px 12px; margin-block-end:12px; }
.review-change-heading h5[b-8yg394d9q9] { font-size:.95em; font-weight:600; line-height:1.7; margin:0; overflow-wrap:anywhere; min-width:0; }
.review-kind[b-8yg394d9q9] { font-size:.75em; color:#526a72; white-space:nowrap; }
.review-comparison[b-8yg394d9q9] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.review-value[b-8yg394d9q9] { min-width:0; padding:12px 14px; border:1px solid #e0e7e9; border-radius:7px; background:#f8fafb; }
.review-value--after[b-8yg394d9q9] { border-color:#bbd7ca; background:#f1f8f4; }
.review-value-label[b-8yg394d9q9] { display:block; font-size:.75em; font-weight:600; color:#53696f; margin-block-end:8px; }
.review-value--after .review-value-label[b-8yg394d9q9] { color:#216343; }
.review-text[b-8yg394d9q9] { font-size:1em; line-height:1.8; }
.review-token bdi[b-8yg394d9q9] { white-space:pre-wrap; overflow-wrap:anywhere; }
.review-tokens[b-8yg394d9q9] { display:flex; flex-wrap:wrap; gap:6px; }
.review-tokens>.review-token[b-8yg394d9q9] { 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-8yg394d9q9] { color:#1e5c3b; background:#e0f1e6; border-color:#9dc9ae; }
.review-tokens>.review-token--removed[b-8yg394d9q9] { color:#85323e; background:#fbecef; border-color:#ddbac1; }
.review-token-mark[b-8yg394d9q9] { font-weight:700; flex-shrink:0; }
.review-token--empty[b-8yg394d9q9] { color:#687a80; font-size:.9em; }
.review-empty[b-8yg394d9q9] { display:flex; align-items:flex-start; gap:12px; padding:20px; border:1px dashed #a6bdc4; border-radius:10px; background:#f8fafb; }
.review-empty i[b-8yg394d9q9] { margin-block-start:6px; color:#46745b; }
.review-empty p[b-8yg394d9q9] { margin:4px 0 0; color:#526a72; font-size:.9em; }
@container settings-review (max-width:560px) {
    .review-comparison[b-8yg394d9q9] { grid-template-columns:minmax(0,1fr); gap:8px; }
    .review-overview[b-8yg394d9q9] { padding:14px; gap:12px; }
    .review-group-heading[b-8yg394d9q9],.review-change[b-8yg394d9q9] { padding:12px; }
    .review-value[b-8yg394d9q9] { padding:10px 12px; }
}
/* _content/Starterkit/Observatory/Components/FixedTemplateContents.razor.rz.scp.css */
.template-contents[b-45r9binf33]{display:grid;grid-template-columns:minmax(180px,24%) minmax(0,1fr);gap:24px;margin-block:20px}
.axis-list[b-45r9binf33]{display:flex;flex-direction:column;gap:8px;align-self:start;max-height:640px;overflow:auto;padding:3px}
button[b-45r9binf33]{font:inherit;color:inherit;background:var(--bs-body-bg,#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-45r9binf33]{background:#e7f5ef;color:#16473c;border-color:#287a66;font-weight:600}
button:focus-visible[b-45r9binf33]{outline:3px solid #287a66;outline-offset:2px}
.axis-list button[b-45r9binf33]{display:grid;gap:4px;flex-shrink:0}.axis-list small[b-45r9binf33]{color:#4b6569}
.axis-content[b-45r9binf33]{min-width:0;padding:16px;scroll-margin-top:100px;outline:none}h4[b-45r9binf33]{font-size:1.12em;margin-block:12px}p[b-45r9binf33],li[b-45r9binf33]{line-height:1.8;overflow-wrap:anywhere}
.axis-section[b-45r9binf33]{margin-block-start:16px;padding:16px;min-width:0}
.axis-section>h4[b-45r9binf33],.field-info>h4[b-45r9binf33]{margin:-16px -16px 16px;padding:12px 16px;border-radius:11px 11px 0 0}
.axis-section>ul[b-45r9binf33]{margin-block-end:0}.axis-section li+li[b-45r9binf33]{border-top:1px solid #d3dde5;margin-block-start:8px;padding-block-start:8px}
.table-picker[b-45r9binf33]{display:grid;gap:8px;margin-block:14px}.field-list[b-45r9binf33],.view-list[b-45r9binf33]{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}
.field-info[b-45r9binf33]{background:#f4f8f8;color:#193f43;border:1px solid #d1e0e0;border-radius:12px;padding:16px}
dl[b-45r9binf33]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}dt[b-45r9binf33]{color:#4b6569;font-weight:400}dd[b-45r9binf33]{margin:4px 0;overflow-wrap:anywhere}
.view-list span[b-45r9binf33]{padding:7px 12px;border:1px solid #c4d8d8;border-radius:6px}ul[b-45r9binf33]{padding-inline-start:24px}
@media(max-width:800px){.template-contents[b-45r9binf33]{grid-template-columns:1fr}.axis-list[b-45r9binf33]{flex-direction:row;flex-wrap:wrap;max-height:none}.axis-list button[b-45r9binf33]{flex:1 1 180px}}
@media(max-width:420px){dl[b-45r9binf33]{grid-template-columns:1fr}.field-list button[b-45r9binf33]{width:100%}}
/* _content/Starterkit/Observatory/Components/FixedTemplateRoleGrants.razor.rz.scp.css */
.fixed-grants[b-oqaziaj4ll] { min-width:0; grid-column:1 / -1; }
p[b-oqaziaj4ll] { margin-block:10px; line-height:1.7; color:#4f656b; }
select[b-oqaziaj4ll] { width:100%; max-width:600px; min-height:48px; margin-block:8px 16px; }
fieldset[b-oqaziaj4ll] { border:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px; padding:12px 0 20px; min-width:0; }
legend[b-oqaziaj4ll] { font-size:18px; }
fieldset label[b-oqaziaj4ll], .grant-activation[b-oqaziaj4ll] { 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-oqaziaj4ll] { background:#edf9f1; }
input[type=checkbox][b-oqaziaj4ll] { width:22px!important; height:22px!important; min-height:0!important; flex:0 0 22px; margin-top:4px; accent-color:#16734b; }
.grant-activation[b-oqaziaj4ll] { border-top:1px solid #e1ebeb; border-radius:0; }
button[b-oqaziaj4ll] { min-height:44px; white-space:normal; line-height:1.6; }
details[b-oqaziaj4ll] { margin-block-start:20px; padding-top:16px; border-top:1px solid #e1ebeb; }
summary[b-oqaziaj4ll] { cursor:pointer; padding-block:8px; line-height:1.7; }
@media(max-width:700px) { fieldset[b-oqaziaj4ll] { grid-template-columns:1fr; } }
/* _content/Starterkit/Observatory/Components/FixedTemplatesWorkspace.razor.rz.scp.css */
.fixed-workspace[b-tfzxlq140n] { color:var(--bs-body-color,#183f45); margin-block:12px 24px; }
.workspace-heading[b-tfzxlq140n] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin-block-end:16px; }
h2[b-tfzxlq140n],h3[b-tfzxlq140n] { font-size:1.25rem; margin-block-end:8px; } h4[b-tfzxlq140n] { font-size:1.08rem; margin-block:16px 8px; }
p[b-tfzxlq140n] { margin-block:8px 14px; } .hint[b-tfzxlq140n],small[b-tfzxlq140n] { color:#647b82; }
.search-field[b-tfzxlq140n] { min-width:min(280px,100%); display:grid; gap:6px; }
.fixed-template-grid[b-tfzxlq140n] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:3px; }
.template-choice[b-tfzxlq140n] { background:var(--bs-body-bg,#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-tfzxlq140n] { overflow-wrap:anywhere; } .template-choice i[b-tfzxlq140n] { color:#17846a; }
.template-choice.selected[b-tfzxlq140n] { border:2px solid #188d76; background:#f0fbf6; }
.template-choice:focus-visible[b-tfzxlq140n] { outline:3px solid #42ab95; outline-offset:2px; }
.template-detail[b-tfzxlq140n] { padding:22px; border:1px solid #d5e4e4; border-radius:16px; background:var(--bs-body-bg,#fff); }
.release-toolbar[b-tfzxlq140n],.download-row[b-tfzxlq140n],.actions[b-tfzxlq140n] { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-block:16px; }
.release-toolbar label[b-tfzxlq140n],.download-row label[b-tfzxlq140n] { display:grid; gap:6px; min-width:min(260px,100%); }
.download-row small[b-tfzxlq140n] { flex-basis:100%; }
.state[b-tfzxlq140n] { background:#eef4f4; border-radius:20px; padding:6px 12px; }
.content-section[b-tfzxlq140n],.sheet-detail[b-tfzxlq140n] { border:1px solid #dce8e8; border-radius:10px; padding:14px; margin-block:12px; }
summary[b-tfzxlq140n] { cursor:pointer; font-weight:600; } .content-section[open]>summary[b-tfzxlq140n],.sheet-detail[open]>summary[b-tfzxlq140n] { margin-block-end:14px; }
.table-scroll[b-tfzxlq140n] { overflow:auto; max-height:420px; } table[b-tfzxlq140n] { min-width:520px; } th[b-tfzxlq140n] { background:#f4f8f8; } td[b-tfzxlq140n],th[b-tfzxlq140n] { vertical-align:top; }
.management-panel[b-tfzxlq140n] { border-block-start:1px solid #dce8e8; margin-block-start:20px; padding-block-start:12px; }
fieldset[b-tfzxlq140n] { display:flex; gap:16px; flex-wrap:wrap; align-items:center; border:1px solid #dce8e8; padding:16px; border-radius:10px; }
fieldset label[b-tfzxlq140n] { display:flex; align-items:center; flex-wrap:wrap; gap:8px; } legend[b-tfzxlq140n] { font-size:1rem; }
.availability-heading[b-tfzxlq140n],.availability-option[b-tfzxlq140n] { display:flex; align-items:center; gap:6px; }
.assignment-list[b-tfzxlq140n] { max-height:330px; overflow:auto; margin-block-start:16px; }
.assignment-list>div[b-tfzxlq140n] { display:flex; gap:12px; justify-content:space-between; flex-wrap:wrap; padding:12px; border-block-end:1px solid #e2eaea; }
.empty-state[b-tfzxlq140n] { padding:24px; background:#f6f9f9; border-radius:12px; } .preserve-lines[b-tfzxlq140n] { white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:1200px) { .fixed-template-grid[b-tfzxlq140n] { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:800px) { .fixed-template-grid[b-tfzxlq140n] { grid-template-columns:repeat(2,minmax(0,1fr)); } .template-detail[b-tfzxlq140n] { padding:14px; } }
@media(max-width:480px) { .fixed-template-grid[b-tfzxlq140n] { grid-template-columns:1fr; } .download-row label[b-tfzxlq140n],.release-toolbar label[b-tfzxlq140n] { width:100%; min-width:0; } }
.fixed-workspace[b-tfzxlq140n] {--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-tfzxlq140n]{scroll-margin-top:100px;outline:none}
.workspace-heading h2[b-tfzxlq140n]{margin-block:16px 0}.template-choice h3[b-tfzxlq140n]{margin:0;overflow-wrap:anywhere}
.template-card-actions[b-tfzxlq140n]{display:grid;gap:10px;width:100%;margin-block-start:auto;padding-block-start:12px}
.fixed-workspace .btn[b-tfzxlq140n],.fixed-workspace .form-select[b-tfzxlq140n],.fixed-workspace .form-control[b-tfzxlq140n]{font-size:inherit;min-height:48px;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.fixed-workspace .btn:focus-visible[b-tfzxlq140n]{outline:3px solid #287a66;outline-offset:3px}
.fixed-workspace label[b-tfzxlq140n]{max-width:100%;overflow-wrap:anywhere}
.fixed-workspace .hint[b-tfzxlq140n],.fixed-workspace small[b-tfzxlq140n]{color:#4c666c}
.workspace-sections[b-tfzxlq140n]{display:flex;flex-wrap:wrap;gap:12px;padding-block:16px;border-block-end:1px solid #d5e4e4}
.workspace-sections button[aria-pressed=true][b-tfzxlq140n]{background:#e7f5ef;border-color:#287a66;color:#16473c;font-weight:600}
.release-steps[b-tfzxlq140n]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin-block:24px}
.release-steps li[b-tfzxlq140n]{min-width:0}.release-steps button[b-tfzxlq140n]{width:100%;height:100%;min-height:64px;background:var(--bs-body-bg,#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-tfzxlq140n]{background:#e7f5ef;border:2px solid #287a66;color:#16473c;font-weight:600}
.release-steps button:disabled[b-tfzxlq140n]{color:#52686b;background:#f3f6f6;cursor:not-allowed}
.release-steps span[b-tfzxlq140n]{font-weight:600;margin-inline-end:6px}.step-title[b-tfzxlq140n]{margin-block:16px}
.step-actions[b-tfzxlq140n]{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-tfzxlq140n]{overflow-wrap:anywhere;white-space:pre-wrap}.alert ul[b-tfzxlq140n]{white-space:normal;margin:0;padding-inline-start:24px}
.management-intro>.hint[b-tfzxlq140n]{background:#f0f6f6;padding:16px;border-radius:10px}
fieldset input[type=checkbox][b-tfzxlq140n]{width:22px;height:22px;flex-shrink:0}
.release-toolbar>*[b-tfzxlq140n]{min-width:0}.download-row .hint[b-tfzxlq140n]{flex-basis:100%}
@media(max-width:1000px){.release-steps[b-tfzxlq140n]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fixed-template-grid[b-tfzxlq140n]{grid-template-columns:1fr}.workspace-sections .btn[b-tfzxlq140n],.step-actions .btn[b-tfzxlq140n]{width:100%}.template-detail[b-tfzxlq140n]{padding:12px}.release-steps[b-tfzxlq140n]{gap:8px}.release-steps button[b-tfzxlq140n]{padding:10px}.release-toolbar label[b-tfzxlq140n],.download-row label[b-tfzxlq140n]{width:100%;min-width:0}}

.fixed-workspace h2[b-tfzxlq140n]{font-size:1.3em}.fixed-workspace h3[b-tfzxlq140n]{font-size:1.15em}.fixed-workspace h4[b-tfzxlq140n]{font-size:1.05em}.fixed-workspace legend[b-tfzxlq140n]{font-size:1em}
.fixed-workspace .btn-outline-secondary[b-tfzxlq140n]{border:1px solid #a7c4c4!important;color:#244f54;background:var(--bs-body-bg,#fff)}
.fixed-workspace .btn-outline-secondary[aria-pressed=true][b-tfzxlq140n]{border:2px solid #287a66!important;background:#e7f5ef;color:#16473c}
.fixed-workspace .table[b-tfzxlq140n]{font-size:inherit}

/* The release editor uses one page scroll; optional details supply the density. */
.fixed-workspace[b-tfzxlq140n] { container: fixed-template / inline-size; color:#19343e; }
.template-detail[b-tfzxlq140n] { padding:16px; border-color:#8c9fa7; }
.workspace-heading[b-tfzxlq140n] { gap:12px; margin-block-end:12px; }
.workspace-heading>div[b-tfzxlq140n] { display:flex; align-items:center; flex-wrap:wrap; gap:12px; min-width:0; }
.workspace-heading h2[b-tfzxlq140n] { margin:0; }
.workspace-sections[b-tfzxlq140n] { padding-block:8px; gap:8px; }
.release-toolbar[b-tfzxlq140n] { gap:8px 16px; margin-block:12px; }
.release-toolbar label[b-tfzxlq140n] { gap:4px; }
.management-intro>.hint[b-tfzxlq140n] { padding:8px 12px; border-inline-start:3px solid #66828d; margin-block:8px; }
.management-intro .actions[b-tfzxlq140n] { margin-block:12px; }
.fixed-workspace .btn-management[b-tfzxlq140n] { border:1px solid #597681; background:color-mix(in srgb,var(--obs-primary,#0b4f52) 20%,#f4f6f8); color:#19343e; font-weight:600; }
.content-section[b-tfzxlq140n] { border-color:#8c9fa7; padding:12px; margin-block:10px; }
.settings-preview[b-tfzxlq140n] { background:color-mix(in srgb,var(--obs-secondary,#b48a45) 10%,#fff); }
.release-steps[b-tfzxlq140n] { gap:8px; margin-block:12px; }
.release-steps button[b-tfzxlq140n] { padding:8px 10px; min-height:48px; }
.step-title[b-tfzxlq140n] { margin-block:12px 8px; }
.step-actions[b-tfzxlq140n] { 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-tfzxlq140n] { color:#405961; margin-inline-end:auto; }
.review-release-notes[b-tfzxlq140n] { padding:14px 16px; border-inline-start:3px solid #a7bcc3; background:#f8fafb; border-radius:6px; margin-block:16px; }
.review-release-notes p[b-tfzxlq140n] { margin:6px 0 0; }
.table-scroll[b-tfzxlq140n] { max-height:none; }
.step-actions .btn[b-tfzxlq140n] { min-height:44px; }
@container fixed-template (max-width:760px) {
    .release-steps[b-tfzxlq140n] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .step-actions[b-tfzxlq140n] { gap:8px; }
    .save-state[b-tfzxlq140n] { flex-basis:100%; }
    .step-actions .btn[b-tfzxlq140n] { 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-tfzxlq140n] { position:static; box-shadow:none; }
}
/* _content/Starterkit/Observatory/Components/FixedUploadWorkspace.razor.rz.scp.css */
.fixed-upload[b-kvx3iiq4cz] { border: 1px solid #d9e5e4; border-radius: .8rem; padding: 1.25rem; margin-block-end: 1.5rem; background: #f8fbfa; }
.fixed-upload label[b-kvx3iiq4cz] { display: block; margin-block-end: .4rem; }
.fixed-upload fieldset[b-kvx3iiq4cz] { min-width: 0; border: 0; padding: 0; margin: 0; }
.fixed-upload select[b-kvx3iiq4cz] { width: 100%; }
.fixed-upload [data-observatory-feedback][b-kvx3iiq4cz] { white-space:pre-line; overflow-wrap:anywhere; }
.upload-rules[b-kvx3iiq4cz] { margin-block:16px; padding:14px; border:1px solid #d9e5e4; border-radius:10px; background:white; }
.upload-rules summary[b-kvx3iiq4cz] { cursor:pointer; font-weight:600; }
.upload-rules summary:focus-visible[b-kvx3iiq4cz] { outline:3px solid #345c6a; outline-offset:3px; }
.upload-rules p[b-kvx3iiq4cz] { color:#405961; margin-block:12px; }
.upload-rules dl[b-kvx3iiq4cz] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; margin:0; }
.upload-rules dt[b-kvx3iiq4cz] { font-weight:400; color:#405961; }
.upload-rules dd[b-kvx3iiq4cz] { margin:4px 0 0; overflow-wrap:anywhere; }
@media(max-width:600px) { .upload-rules dl[b-kvx3iiq4cz] { grid-template-columns:1fr; } }
.upload-actions[b-kvx3iiq4cz] { display:flex; flex-wrap:wrap; gap:10px; margin-block:14px; }
.upload-guidance[b-kvx3iiq4cz],.upload-next-action[b-kvx3iiq4cz] { background:#eef3f5; border:1px solid #91a5af; border-radius:10px; padding:12px; margin-block:14px; }
.upload-next-action p[b-kvx3iiq4cz] { margin:0; }
.upload-next-action .upload-actions[b-kvx3iiq4cz] { margin-block-end:0; }
.fixed-upload--preview[b-kvx3iiq4cz] { border:0; padding:0; background:transparent; }
.fixed-upload small[b-kvx3iiq4cz] { display:block; color:#405961; margin-block:6px; }
.fixed-upload .btn[b-kvx3iiq4cz] { font:inherit; min-height:44px; white-space:normal; overflow-wrap:anywhere; }
.fixed-upload button:focus-visible[b-kvx3iiq4cz],.fixed-upload input:focus-visible[b-kvx3iiq4cz],.fixed-upload select:focus-visible[b-kvx3iiq4cz] { outline:3px solid #345c6a; outline-offset:3px; }
@media(max-width:600px) { .upload-actions .btn[b-kvx3iiq4cz] { flex:1 1 100%; } }
/* _content/Starterkit/Observatory/Components/FixedVerificationStatus.razor.rz.scp.css */
.obs-upload-alert[b-2me792l62r] {
    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-2me792l62r]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 4px;
    background: currentColor;
}

.obs-upload-alert.is-success[b-2me792l62r] {
    color: #0b7059;
    border-color: rgba(11, 112, 89, .2);
    background: linear-gradient(110deg, #fff, #eef9f5);
}

.obs-upload-alert.is-warning[b-2me792l62r] {
    color: #9a5a08;
    border-color: rgba(180, 108, 17, .28);
    background: linear-gradient(110deg, #fff, #fff7e8);
}

.obs-upload-alert.is-error[b-2me792l62r] {
    color: #982f43;
    border-color: rgba(152, 47, 67, .2);
    background: linear-gradient(110deg, #fff, #fff1f4);
}

.obs-upload-alert > i[b-2me792l62r] {
    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-2me792l62r] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-upload-alert strong[b-2me792l62r] {
    font-weight: 950;
}

.obs-upload-alert p[b-2me792l62r] {
    margin: 0;
    font-size: .77rem;
}

.obs-upload-alert__close[b-2me792l62r] {
    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-2me792l62r] { margin-block: 1rem; overflow-wrap: anywhere; }
@media (max-width: 480px) {
    .obs-upload-alert[b-2me792l62r] { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; padding: 12px; }
    .obs-upload-alert > i[b-2me792l62r] { width: 34px; height: 34px; }
}
/* _content/Starterkit/Observatory/Components/FixedVersionHistory.razor.rz.scp.css */
.fixed-version-history[b-o3zbwlsvij] { min-width: 0; overflow-wrap: anywhere; }
.fixed-version-history__controls[b-o3zbwlsvij] { display: flex; align-items: end; flex-wrap: wrap; gap: .75rem; border: 0; padding: 0; min-width: 0; }
.fixed-version-history__controls label[b-o3zbwlsvij] { display: grid; gap: .4rem; flex: 1 1 160px; min-width: 0; }
.fixed-version-history__controls button[b-o3zbwlsvij] { white-space: normal; max-width: 100%; }
.fixed-version-history td[b-o3zbwlsvij] { min-width: 7rem; overflow-wrap: anywhere; }
@media(max-width: 480px) { .fixed-version-history__controls > *[b-o3zbwlsvij] { flex: 1 1 100%; width: 100%; } }
/* _content/Starterkit/Observatory/Components/LegacyComparisonWorkspace.razor.rz.scp.css */
.comparison-workspace[b-jpb3xfs2de],
.comparison-message[b-jpb3xfs2de],
.comparison-loading[b-jpb3xfs2de] {
    --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-jpb3xfs2de] {
    display: grid;
    gap: 1.25rem;
    direction: rtl;
    color: var(--cmp-ink);
    font-family: inherit;
}

.comparison-message[b-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .9rem 1rem;
    border: 1px solid transparent;
    border-radius: .9rem;
    font-weight: 700;
}

.comparison-message span[b-jpb3xfs2de] {
    flex: 1;
}

.comparison-message button[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    border-color: rgba(19, 134, 111, .25);
    color: #0d6d5b;
    background: #eef9f5;
}

.comparison-message.is-error[b-jpb3xfs2de] {
    border-color: rgba(189, 67, 84, .24);
    color: #a63244;
    background: #fff1f3;
}

.comparison-loading[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: grid;
    gap: .25rem;
}

.comparison-loading strong[b-jpb3xfs2de] {
    font-size: 1.08rem;
}

.comparison-loading span:not(.comparison-loading__signal):not(.comparison-loading__line)[b-jpb3xfs2de] {
    color: var(--cmp-muted);
}

.comparison-loading__line[b-jpb3xfs2de] {
    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-jpb3xfs2de 1.6s ease-in-out infinite;
}

.comparison-hero[b-jpb3xfs2de] {
    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-jpb3xfs2de]::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-jpb3xfs2de]::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-jpb3xfs2de] {
    align-self: center;
    max-width: 56rem;
}

.comparison-kicker[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    max-width: 65ch;
    margin: 0;
    color: rgba(255, 255, 255, .74);
    font-size: 1rem;
    line-height: 1.9;
}

.comparison-hero__metrics[b-jpb3xfs2de] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

.comparison-hero__metrics article[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    color: #e7c477;
}

.comparison-hero__metrics strong[b-jpb3xfs2de] {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
}

.comparison-hero__metrics span[b-jpb3xfs2de] {
    color: rgba(255, 255, 255, .64);
    font-size: .79rem;
}

.comparison-selector[b-jpb3xfs2de],
.comparison-results[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.comparison-step[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    margin: 0;
    color: var(--cmp-ink);
    font-size: 1.35rem;
    font-weight: 850;
}

.comparison-section-heading p[b-jpb3xfs2de] {
    margin: .2rem 0 0;
    color: var(--cmp-muted);
    font-size: .88rem;
}

.comparison-search[b-jpb3xfs2de] {
    position: relative;
    display: block;
    width: min(100%, 24rem);
}

.comparison-search i[b-jpb3xfs2de] {
    position: absolute;
    inset-inline-start: .9rem;
    inset-block-start: 50%;
    color: #91a3a6;
    transform: translateY(-50%);
    pointer-events: none;
}

.comparison-search input[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .22rem rgba(20, 95, 101, .08);
}

.comparison-source-grid[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: grid;
    flex: 1;
    gap: .1rem;
}

.comparison-source-no-results strong[b-jpb3xfs2de] {
    color: var(--cmp-ink);
}

.comparison-source-no-results button[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: grid;
    align-content: center;
    gap: .5rem;
    padding: 1rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background: #f9fbfa;
}

.comparison-field > span[b-jpb3xfs2de],
.comparison-version label > span[b-jpb3xfs2de] {
    color: var(--cmp-ink);
    font-size: .83rem;
    font-weight: 800;
}

.comparison-field select[b-jpb3xfs2de],
.comparison-version select[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--cmp-muted);
}

.comparison-source-card[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-source-card div[b-jpb3xfs2de] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.comparison-source-card small[b-jpb3xfs2de] {
    color: var(--cmp-muted);
    font-size: .72rem;
}

.comparison-source-card strong[b-jpb3xfs2de] {
    overflow: hidden;
    color: var(--cmp-ink);
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-ltr[b-jpb3xfs2de] {
    direction: ltr;
    unicode-bidi: plaintext;
}

.comparison-version-grid[b-jpb3xfs2de] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
}

.comparison-version[b-jpb3xfs2de] {
    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-jpb3xfs2de]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: .23rem;
    background: var(--cmp-primary);
}

.comparison-version--target[b-jpb3xfs2de]::before {
    background: var(--cmp-secondary);
}

.comparison-version__heading[b-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.comparison-version__heading > span[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    background: var(--cmp-secondary);
}

.comparison-version__heading div[b-jpb3xfs2de] {
    display: grid;
}

.comparison-version__heading small[b-jpb3xfs2de] {
    color: var(--cmp-muted);
    font-size: .7rem;
}

.comparison-version__heading strong[b-jpb3xfs2de] {
    font-size: 1rem;
}

.comparison-version label[b-jpb3xfs2de] {
    display: grid;
    gap: .4rem;
}

.comparison-version__details[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-version__status[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    font-size: .42rem;
}

.comparison-version__status.is-approved[b-jpb3xfs2de] {
    color: #0c775f;
    background: #e9f7f2;
}

.comparison-version__status.is-needs-changes[b-jpb3xfs2de] {
    color: #a53243;
    background: #fff0f2;
}

.comparison-version__status.is-pending[b-jpb3xfs2de] {
    color: #a56710;
    background: #fff7e9;
}

.comparison-direction[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    font-size: .68rem;
}

.comparison-selector__footer[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--cmp-muted);
    font-size: .84rem;
}

.comparison-selector__footer > div i[b-jpb3xfs2de] {
    color: var(--cmp-secondary);
}

.comparison-primary-action[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    transform: translateY(-2px);
}

.comparison-primary-action:disabled[b-jpb3xfs2de] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

.comparison-inline-warning[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-pending[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-pending__visual[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-pending__visual i[b-jpb3xfs2de] {
    font-size: 1.5rem;
    transform: rotate(5deg);
}

.comparison-empty h2[b-jpb3xfs2de],
.comparison-pending h2[b-jpb3xfs2de] {
    margin: 0 0 .45rem;
    color: var(--cmp-ink);
    font-size: 1.5rem;
    font-weight: 850;
}

.comparison-empty p[b-jpb3xfs2de],
.comparison-pending p[b-jpb3xfs2de] {
    max-width: 58ch;
    margin: 0;
    color: var(--cmp-muted);
    line-height: 1.8;
}

.comparison-section-heading--results[b-jpb3xfs2de] {
    align-items: flex-start;
}

.comparison-readonly-badge[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.comparison-summary__card[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-summary__card.is-active[b-jpb3xfs2de] {
    transform: translateY(-2px);
    box-shadow: 0 .7rem 1.4rem rgba(18, 61, 67, .08);
}

.comparison-summary__card > span[b-jpb3xfs2de] {
    display: grid;
    place-items: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: .8rem;
}

.comparison-summary__card div[b-jpb3xfs2de] {
    display: grid;
    gap: .1rem;
}

.comparison-summary__card strong[b-jpb3xfs2de] {
    color: var(--cmp-ink);
    font-size: 1.45rem;
    line-height: 1;
}

.comparison-summary__card small[b-jpb3xfs2de] {
    color: var(--cmp-muted);
}

.comparison-summary__card.is-added > span[b-jpb3xfs2de] {
    color: var(--cmp-added);
    background: rgba(19, 134, 111, .1);
}

.comparison-summary__card.is-removed > span[b-jpb3xfs2de] {
    color: var(--cmp-removed);
    background: rgba(189, 67, 84, .1);
}

.comparison-summary__card.is-changed > span[b-jpb3xfs2de] {
    color: var(--cmp-changed);
    background: rgba(193, 129, 33, .11);
}

.comparison-summary__card.is-unchanged > span[b-jpb3xfs2de] {
    color: var(--cmp-unchanged);
    background: rgba(101, 125, 131, .1);
}

.comparison-summary__card.is-added.is-active[b-jpb3xfs2de] {
    border-color: rgba(19, 134, 111, .38);
}

.comparison-summary__card.is-removed.is-active[b-jpb3xfs2de] {
    border-color: rgba(189, 67, 84, .35);
}

.comparison-summary__card.is-changed.is-active[b-jpb3xfs2de] {
    border-color: rgba(193, 129, 33, .4);
}

.comparison-summary__card.is-unchanged.is-active[b-jpb3xfs2de] {
    border-color: rgba(101, 125, 131, .4);
}

.comparison-result-toolbar[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.comparison-filter-pills button[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    border-color: rgba(20, 95, 101, .16);
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-filter-pills button.is-active span[b-jpb3xfs2de] {
    background: rgba(255, 255, 255, .16);
}

.comparison-search--results[b-jpb3xfs2de] {
    width: min(100%, 20rem);
}

.comparison-axis-filter[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.comparison-axis-filter__icon[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: grid;
    min-width: 0;
}

.comparison-axis-filter__label strong[b-jpb3xfs2de] {
    color: var(--cmp-ink);
}

.comparison-axis-filter__label small[b-jpb3xfs2de] {
    color: var(--cmp-muted);
}

.comparison-axis-pills[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    border-color: rgba(20, 95, 101, .34);
    background: rgba(20, 95, 101, .06);
}

.comparison-axis-pills button.is-active[b-jpb3xfs2de] {
    border-color: var(--cmp-primary);
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-axis-pills button span[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    color: #fff;
    background: rgba(255, 255, 255, .18);
}

.comparison-axis-groups[b-jpb3xfs2de] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.comparison-axis-card[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    border-color: rgba(20, 95, 101, .32);
    box-shadow: 0 1rem 2.4rem rgba(18, 61, 67, .09);
}

.comparison-axis-card__toggle[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    background: rgba(20, 95, 101, .025);
}

.comparison-axis-card__mark[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-axis-card__identity[b-jpb3xfs2de] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.comparison-axis-card__identity strong[b-jpb3xfs2de] {
    overflow: hidden;
    font-size: 1.06rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-axis-card__identity small[b-jpb3xfs2de] {
    color: var(--cmp-muted);
}

.comparison-axis-card__stats[b-jpb3xfs2de] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.comparison-axis-card__stats b[b-jpb3xfs2de] {
    padding: .32rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    white-space: nowrap;
}

.comparison-axis-card__stats .is-added[b-jpb3xfs2de] {
    color: var(--cmp-added);
    background: rgba(19, 134, 111, .1);
}

.comparison-axis-card__stats .is-removed[b-jpb3xfs2de] {
    color: var(--cmp-removed);
    background: rgba(189, 67, 84, .1);
}

.comparison-axis-card__stats .is-changed[b-jpb3xfs2de] {
    color: #a96b0d;
    background: rgba(193, 129, 33, .11);
}

.comparison-axis-card__stats .is-unchanged[b-jpb3xfs2de] {
    color: var(--cmp-unchanged);
    background: rgba(101, 125, 131, .1);
}

.comparison-axis-card__chevron[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    color: #fff;
    background: var(--cmp-secondary);
    transform: rotate(180deg);
}

.comparison-axis-card__panel[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 0;
}

.comparison-axis-card__tools > div[b-jpb3xfs2de] {
    display: grid;
}

.comparison-axis-card__tools > div strong[b-jpb3xfs2de] {
    color: var(--cmp-ink);
}

.comparison-axis-card__tools > div small[b-jpb3xfs2de] {
    color: var(--cmp-muted);
}

.comparison-search--axis[b-jpb3xfs2de] {
    width: min(100%, 26rem);
}

.comparison-table-wrap--axis[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    position: sticky;
    z-index: 2;
    top: 0;
    box-shadow: 0 1px var(--cmp-line);
}

.comparison-axis-card__empty[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    color: var(--cmp-secondary);
    font-size: 1.6rem;
}

.comparison-axis-card__empty button[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    overflow: auto;
    margin-top: 1rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
}

.comparison-table[b-jpb3xfs2de] {
    width: 100%;
    min-width: 72rem;
    border-collapse: collapse;
    background: #fff;
}

.comparison-table th[b-jpb3xfs2de] {
    padding: .8rem;
    color: #526b70;
    background: #f1f5f4;
    font-size: .75rem;
    font-weight: 850;
    white-space: nowrap;
}

.comparison-table th small[b-jpb3xfs2de] {
    display: block;
    margin-top: .2rem;
    color: #60777b;
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
}

.comparison-table td[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    transition: background .18s ease;
}

.comparison-table tbody tr:hover[b-jpb3xfs2de] {
    background: #fbfdfc;
}

.comparison-change[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    color: var(--cmp-added);
    background: rgba(19, 134, 111, .1);
}

.comparison-change.is-removed[b-jpb3xfs2de] {
    color: var(--cmp-removed);
    background: rgba(189, 67, 84, .1);
}

.comparison-change.is-changed[b-jpb3xfs2de] {
    color: #a96b0d;
    background: rgba(193, 129, 33, .11);
}

.comparison-change.is-unchanged[b-jpb3xfs2de] {
    color: var(--cmp-unchanged);
    background: rgba(101, 125, 131, .1);
}

.comparison-entity[b-jpb3xfs2de],
.comparison-context[b-jpb3xfs2de],
.comparison-delta[b-jpb3xfs2de],
.comparison-sources[b-jpb3xfs2de] {
    display: grid;
    gap: .2rem;
}

.comparison-entity small[b-jpb3xfs2de],
.comparison-context small[b-jpb3xfs2de],
.comparison-delta small[b-jpb3xfs2de] {
    color: var(--cmp-muted);
    font-size: .72rem;
}

.comparison-entity strong[b-jpb3xfs2de] {
    max-width: 19rem;
    line-height: 1.55;
}

.comparison-context small[b-jpb3xfs2de] {
    max-width: 13rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-value[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    box-shadow: inset 3px 0 rgba(20, 95, 101, .28);
}

.comparison-value--new[b-jpb3xfs2de] {
    box-shadow: inset 3px 0 rgba(184, 137, 53, .32);
}

.comparison-delta[b-jpb3xfs2de] {
    direction: ltr;
    text-align: right;
}

.comparison-delta.is-positive strong[b-jpb3xfs2de] {
    color: var(--cmp-added);
}

.comparison-delta.is-negative strong[b-jpb3xfs2de] {
    color: var(--cmp-removed);
}

.comparison-sources span[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    background: var(--cmp-secondary);
}

.comparison-no-results[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    margin-bottom: .25rem;
    color: var(--cmp-secondary);
    font-size: 1.5rem;
}

.comparison-no-results strong[b-jpb3xfs2de] {
    color: var(--cmp-ink);
}

.comparison-render-note[b-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .8rem 0 0;
    color: var(--cmp-muted);
    font-size: .78rem;
}

.comparison-render-note i[b-jpb3xfs2de] {
    color: var(--cmp-primary);
}

@keyframes comparison-pulse-b-jpb3xfs2de {
    0%,
    100% {
        opacity: .35;
        transform: scaleX(.45);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@media (max-width: 1100px) {
    .comparison-hero[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }

    .comparison-hero__metrics article[b-jpb3xfs2de] {
        min-height: 6.5rem;
    }

    .comparison-source-grid[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .comparison-section-heading[b-jpb3xfs2de],
    .comparison-selector__footer[b-jpb3xfs2de],
    .comparison-result-toolbar[b-jpb3xfs2de] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-search[b-jpb3xfs2de],
    .comparison-search--results[b-jpb3xfs2de] {
        width: 100%;
    }

    .comparison-source-card[b-jpb3xfs2de] {
        grid-template-columns: auto 1fr;
    }

    .comparison-source-card div[b-jpb3xfs2de] {
        grid-column: 2;
    }

    .comparison-version-grid[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }

    .comparison-direction[b-jpb3xfs2de] {
        margin: auto;
        transform: rotate(-90deg);
    }

    .comparison-summary[b-jpb3xfs2de] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comparison-axis-filter[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }

    .comparison-axis-card__toggle[b-jpb3xfs2de] {
        grid-template-columns: 2.7rem minmax(0, 1fr) 2.4rem;
    }

    .comparison-axis-card__stats[b-jpb3xfs2de] {
        grid-column: 2 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }

    .comparison-axis-card__tools[b-jpb3xfs2de] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-search--axis[b-jpb3xfs2de] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .comparison-hero__metrics[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }

    .comparison-hero__metrics article[b-jpb3xfs2de] {
        min-height: auto;
    }

    .comparison-empty[b-jpb3xfs2de],
    .comparison-pending[b-jpb3xfs2de] {
        align-items: flex-start;
        flex-direction: column;
    }

    .comparison-summary[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }

    .comparison-axis-card__toggle[b-jpb3xfs2de] {
        padding-inline: .7rem;
    }

    .comparison-axis-card__stats b[b-jpb3xfs2de] {
        font-size: .68rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .comparison-loading__line[b-jpb3xfs2de] {
        animation: none;
    }

    .comparison-primary-action[b-jpb3xfs2de],
    .comparison-summary__card[b-jpb3xfs2de],
    .comparison-axis-card[b-jpb3xfs2de],
    .comparison-axis-card__chevron[b-jpb3xfs2de],
    .comparison-axis-pills button[b-jpb3xfs2de] {
        transition: none;
    }
}

/* Version comparison workflow extensions */
.comparison-hero .comparison-kicker[b-jpb3xfs2de] {
    color: #f2d28d;
}

.comparison-history[b-jpb3xfs2de],
.comparison-load-error[b-jpb3xfs2de],
.comparison-capability-lock[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    align-items: center;
}

.comparison-history__search[b-jpb3xfs2de],
.comparison-result-search[b-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.comparison-history__search > button[b-jpb3xfs2de],
.comparison-result-search > button[b-jpb3xfs2de],
.comparison-inline-error button[b-jpb3xfs2de],
.comparison-history__empty button[b-jpb3xfs2de],
.comparison-no-results button[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-history__empty button[b-jpb3xfs2de],
.comparison-no-results button[b-jpb3xfs2de] {
    color: var(--cmp-primary);
    background: #fff;
}

.comparison-history__list[b-jpb3xfs2de] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.comparison-history-card[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .2rem rgba(20, 95, 101, .07);
}

.comparison-history-card__identity[b-jpb3xfs2de],
.comparison-history-card__versions[b-jpb3xfs2de],
.comparison-history-card footer[b-jpb3xfs2de],
.comparison-history-card footer > div[b-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.comparison-history-card__identity > span[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-history-card footer > div[b-jpb3xfs2de] {
    display: grid;
    min-width: 0;
}

.comparison-history-card__identity strong[b-jpb3xfs2de],
.comparison-history-card__identity small[b-jpb3xfs2de] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-history-card__identity small[b-jpb3xfs2de],
.comparison-history-card footer small[b-jpb3xfs2de] {
    color: var(--cmp-muted);
    font-size: .74rem;
}

.comparison-history-card__versions[b-jpb3xfs2de] {
    justify-content: center;
    padding: .55rem;
    border-radius: .75rem;
    color: var(--cmp-primary);
    background: #f4f8f7;
}

.comparison-history-card__versions b[b-jpb3xfs2de] {
    padding: .3rem .55rem;
    border-radius: .55rem;
    background: #fff;
}

.comparison-history-card__stats[b-jpb3xfs2de] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.comparison-history-card__stats span[b-jpb3xfs2de],
.comparison-importance-flags span[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-history-card__stats .is-important[b-jpb3xfs2de],
.comparison-importance-flags .is-important[b-jpb3xfs2de] {
    color: #08705d;
    background: #e8f7f2;
}

.comparison-history-card__stats .is-removed[b-jpb3xfs2de],
.comparison-history-card__stats .is-breaking[b-jpb3xfs2de],
.comparison-importance-flags .is-breaking[b-jpb3xfs2de] {
    color: #982d3e;
    background: #fff0f2;
}

.comparison-history-card__stats .is-changed[b-jpb3xfs2de] {
    color: #89560d;
    background: #fff4df;
}

.comparison-history-card__stats .is-comments[b-jpb3xfs2de] {
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .08);
}

.comparison-history-card footer[b-jpb3xfs2de] {
    justify-content: space-between;
    padding-top: .65rem;
    border-top: 1px solid var(--cmp-line);
}

.comparison-history-card footer button[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-inline-error[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    color: #962e3f;
    background: #fff5f6;
}

.comparison-load-error[b-jpb3xfs2de],
.comparison-capability-lock[b-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.comparison-load-error > span[b-jpb3xfs2de],
.comparison-capability-lock > span[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    background: var(--cmp-primary);
}

.comparison-load-error > div[b-jpb3xfs2de],
.comparison-capability-lock > div[b-jpb3xfs2de] {
    display: grid;
    flex: 1;
    gap: .15rem;
}

.comparison-load-error p[b-jpb3xfs2de],
.comparison-capability-lock p[b-jpb3xfs2de] {
    margin: 0;
    color: var(--cmp-muted);
}

.comparison-load-error button[b-jpb3xfs2de] {
    min-height: 2.75rem;
    padding: .55rem .85rem;
    border: 0;
    border-radius: .75rem;
    color: #fff;
    background: #a73749;
    font-weight: 850;
}

.comparison-version__details[b-jpb3xfs2de] {
    display: grid;
    gap: .55rem;
}

.comparison-version__meta[b-jpb3xfs2de],
.comparison-version__flags[b-jpb3xfs2de] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.comparison-version__meta > span:not(.comparison-version__status)[b-jpb3xfs2de] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-version__flags b[b-jpb3xfs2de],
.comparison-result-version__badges b[b-jpb3xfs2de] {
    padding: .3rem .5rem;
    border-radius: 999px;
    color: #526b70;
    background: #edf2f1;
    font-size: .68rem;
}

.comparison-version__flags .is-approved[b-jpb3xfs2de],
.comparison-result-version__badges .is-approved[b-jpb3xfs2de] {
    color: #08705d;
    background: #e8f7f2;
}

.comparison-version__flags .is-draft[b-jpb3xfs2de],
.comparison-result-version__badges .is-draft[b-jpb3xfs2de],
.comparison-version__flags .is-error[b-jpb3xfs2de],
.comparison-result-version__badges .is-error[b-jpb3xfs2de],
.comparison-result-version__badges .is-needs-changes[b-jpb3xfs2de] {
    color: #982d3e;
    background: #fff0f2;
}

.comparison-version__flags .is-locked[b-jpb3xfs2de],
.comparison-result-version__badges .is-locked[b-jpb3xfs2de],
.comparison-result-version__badges .is-pending[b-jpb3xfs2de] {
    color: #87550c;
    background: #fff4df;
}

.comparison-version-warning[b-jpb3xfs2de],
.comparison-formula[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-formula > div[b-jpb3xfs2de] {
    display: grid;
    gap: .15rem;
}

.comparison-version-warning span[b-jpb3xfs2de],
.comparison-formula small[b-jpb3xfs2de] {
    color: #705c34;
}

.comparison-formula[b-jpb3xfs2de] {
    border-color: rgba(20, 95, 101, .18);
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .055);
}

.comparison-result-direction[b-jpb3xfs2de] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: .75rem;
    align-items: stretch;
    margin-top: 1rem;
}

.comparison-result-version[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    background: var(--cmp-secondary);
}

.comparison-result-version > div:not(.comparison-result-version__badges)[b-jpb3xfs2de] {
    display: grid;
    min-width: 0;
}

.comparison-result-version > div small[b-jpb3xfs2de] {
    overflow: hidden;
    color: var(--cmp-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-result-version__badges[b-jpb3xfs2de] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.comparison-result-direction__formula[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    direction: ltr;
    font-size: 1rem;
}

.comparison-result-direction__formula small[b-jpb3xfs2de] {
    color: var(--cmp-muted);
    font-size: .68rem;
}

.comparison-summary[b-jpb3xfs2de] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.comparison-summary__card.is-breaking > span[b-jpb3xfs2de] {
    color: #a63244;
    background: #fff0f2;
}

.comparison-summary__card.is-important > span[b-jpb3xfs2de] {
    color: #8c5c10;
    background: #fff4df;
}

.comparison-summary > article:hover[b-jpb3xfs2de] {
    transform: none;
    box-shadow: none;
}

.comparison-result-search[b-jpb3xfs2de] {
    flex: 0 1 31rem;
    justify-content: flex-end;
}

.comparison-result-search .comparison-search[b-jpb3xfs2de] {
    width: min(100%, 24rem);
}

.comparison-items-loading[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    min-width: 92rem;
}

.comparison-table tbody tr.is-breaking[b-jpb3xfs2de] {
    background: linear-gradient(90deg, rgba(189, 67, 84, .06), transparent 34%);
}

.comparison-table tbody tr.is-important:not(.is-breaking)[b-jpb3xfs2de] {
    background: linear-gradient(90deg, rgba(184, 137, 53, .07), transparent 34%);
}

.comparison-importance-flags[b-jpb3xfs2de] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.comparison-importance-flags .is-normal[b-jpb3xfs2de] {
    color: var(--cmp-muted);
    background: #eef3f2;
}

.comparison-entity > span[b-jpb3xfs2de],
.comparison-delta > span[b-jpb3xfs2de] {
    color: var(--cmp-muted);
    font-size: .7rem;
}

.comparison-axis-name[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    max-width: 18rem;
    white-space: normal;
    line-height: 1.55;
}

.comparison-value[b-jpb3xfs2de] {
    direction: initial;
    unicode-bidi: plaintext;
    text-align: start;
}

.comparison-delta.is-increase strong[b-jpb3xfs2de] {
    color: var(--cmp-primary);
}

.comparison-delta.is-decrease strong[b-jpb3xfs2de] {
    color: #75511a;
}

.comparison-row-action[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    padding: 0 !important;
    background: #f7faf9;
}

.comparison-row-details[b-jpb3xfs2de] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: .8rem;
    padding: 1rem;
}

.comparison-row-details__loading[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-comments[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-comments header[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-comments header > div[b-jpb3xfs2de] {
    display: grid;
}

.comparison-importance-editor header small[b-jpb3xfs2de],
.comparison-comments header small[b-jpb3xfs2de],
.comparison-comments header > span[b-jpb3xfs2de] {
    color: var(--cmp-muted);
    font-size: .72rem;
}

.comparison-importance-editor label:not(.comparison-important-toggle)[b-jpb3xfs2de],
.comparison-comment-editor label[b-jpb3xfs2de] {
    display: grid;
    gap: .3rem;
    color: var(--cmp-ink);
    font-size: .76rem;
    font-weight: 800;
}

.comparison-importance-editor textarea[b-jpb3xfs2de],
.comparison-comment-editor textarea[b-jpb3xfs2de],
.comparison-comment-editor select[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    width: 1.1rem;
    height: 1.1rem;
}

.comparison-importance-editor > button[b-jpb3xfs2de],
.comparison-comment-editor > button[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    margin: 0;
    padding: .7rem;
    border-radius: .7rem;
    color: var(--cmp-muted);
    text-align: center;
    background: #f7faf9;
}

.comparison-comments__list[b-jpb3xfs2de] {
    display: grid;
    gap: .45rem;
    max-height: 15rem;
    overflow: auto;
}

.comparison-comments__list article[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    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-jpb3xfs2de] {
    margin: 0;
    color: var(--cmp-ink);
    white-space: pre-wrap;
}

.comparison-comments__list footer[b-jpb3xfs2de] {
    color: var(--cmp-muted);
    font-size: .68rem;
}

.comparison-comment-editor[b-jpb3xfs2de] {
    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-jpb3xfs2de] {
    grid-column: 1 / -1;
    margin: 0;
    padding: .65rem .75rem;
    border-radius: .7rem;
    color: #962e3f;
    background: #fff0f2;
    font-weight: 800;
}

.comparison-pager[b-jpb3xfs2de] {
    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-jpb3xfs2de],
.comparison-pager label[b-jpb3xfs2de] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.comparison-pager select[b-jpb3xfs2de],
.comparison-pager button[b-jpb3xfs2de] {
    min-height: 2.55rem;
    border: 1px solid var(--cmp-line);
    border-radius: .65rem;
    color: var(--cmp-ink);
    background: #fff;
}

.comparison-pager select[b-jpb3xfs2de] {
    padding: .4rem .55rem;
}

.comparison-pager button[b-jpb3xfs2de] {
    display: grid;
    place-items: center;
    width: 2.55rem;
    padding: 0;
}

.comparison-pager button:disabled[b-jpb3xfs2de] {
    opacity: .4;
}

.comparison-no-results button[b-jpb3xfs2de] {
    margin-top: .45rem;
}

@media (max-width: 1180px) {
    .comparison-summary[b-jpb3xfs2de] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .comparison-history__list[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }

    .comparison-result-toolbar[b-jpb3xfs2de] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-result-search[b-jpb3xfs2de] {
        flex-basis: auto;
        justify-content: stretch;
    }

    .comparison-result-search .comparison-search[b-jpb3xfs2de] {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .comparison-history__search[b-jpb3xfs2de],
    .comparison-result-search[b-jpb3xfs2de],
    .comparison-load-error[b-jpb3xfs2de],
    .comparison-capability-lock[b-jpb3xfs2de],
    .comparison-pager[b-jpb3xfs2de] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-result-direction[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }

    .comparison-result-direction__formula i[b-jpb3xfs2de] {
        transform: rotate(-90deg);
    }

    .comparison-row-details[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }

    .comparison-comment-editor[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
    }

    .comparison-pager > div[b-jpb3xfs2de] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .comparison-pager label[b-jpb3xfs2de] {
        width: 100%;
        justify-content: space-between;
    }

    .comparison-table-wrap[b-jpb3xfs2de] {
        overflow: visible;
        border: 0;
        border-radius: 0;
    }

    .comparison-table[b-jpb3xfs2de] {
        display: block;
        min-width: 0;
        background: transparent;
    }

    .comparison-table thead[b-jpb3xfs2de] {
        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-jpb3xfs2de] {
        display: grid;
        gap: .8rem;
    }

    .comparison-table tbody tr:not(.comparison-detail-row)[b-jpb3xfs2de] {
        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-jpb3xfs2de] {
        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-jpb3xfs2de] {
        border-top: 0;
    }

    .comparison-table tbody tr:not(.comparison-detail-row) td[b-jpb3xfs2de]::before {
        content: attr(data-label);
        color: var(--cmp-muted);
        font-size: .74rem;
        font-weight: 850;
    }

    .comparison-detail-row[b-jpb3xfs2de] {
        display: block;
        margin-top: -.8rem;
    }

    .comparison-detail-row > td[b-jpb3xfs2de] {
        display: block;
        border: 1px solid var(--cmp-line);
        border-top: 0;
        border-radius: 0 0 1rem 1rem;
    }

    .comparison-context small[b-jpb3xfs2de],
    .comparison-value[b-jpb3xfs2de],
    .comparison-sources span[b-jpb3xfs2de] {
        max-width: none;
    }
}

@media (max-width: 560px) {
    .comparison-summary[b-jpb3xfs2de] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comparison-history-card footer[b-jpb3xfs2de],
    .comparison-importance-editor header[b-jpb3xfs2de],
    .comparison-comments header[b-jpb3xfs2de] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-table tbody tr:not(.comparison-detail-row) td[b-jpb3xfs2de] {
        grid-template-columns: 1fr;
        gap: .35rem;
    }

    .comparison-table tbody tr:not(.comparison-detail-row) td[b-jpb3xfs2de]::before {
        padding-bottom: .2rem;
        border-bottom: 1px dashed var(--cmp-line);
    }
}
/* _content/Starterkit/Observatory/Components/LegacyQualityWorkspace.razor.rz.scp.css */
.quality-workspace[b-edz4z0ny4j],
.quality-message[b-edz4z0ny4j],
.quality-loading[b-edz4z0ny4j] {
    --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-edz4z0ny4j] {
    display: grid;
    gap: 1.25rem;
    direction: rtl;
    color: var(--quality-ink);
    font-family: inherit;
}

.quality-message[b-edz4z0ny4j] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .9rem 1rem;
    border: 1px solid transparent;
    border-radius: .9rem;
    font-weight: 750;
}

.quality-message span[b-edz4z0ny4j] {
    flex: 1;
}

.quality-message button[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    border-color: rgba(19, 134, 111, .25);
    color: #0d6d5b;
    background: #eef9f5;
}

.quality-message.is-error[b-edz4z0ny4j] {
    border-color: rgba(189, 67, 84, .24);
    color: #a63244;
    background: #fff1f3;
}

.quality-loading[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    display: grid;
    gap: .25rem;
}

.quality-loading strong[b-edz4z0ny4j] {
    font-size: 1.08rem;
}

.quality-loading div span[b-edz4z0ny4j] {
    color: var(--quality-muted);
}

.quality-loading__line[b-edz4z0ny4j] {
    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-edz4z0ny4j 1.6s ease-in-out infinite;
}

.quality-hero[b-edz4z0ny4j] {
    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-edz4z0ny4j]::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-edz4z0ny4j]::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-edz4z0ny4j] {
    align-self: center;
    max-width: 57rem;
}

.quality-kicker[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    max-width: 65ch;
    margin: 0;
    color: rgba(255, 255, 255, .74);
    font-size: 1rem;
    line-height: 1.9;
}

.quality-hero__metrics[b-edz4z0ny4j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

.quality-hero__metrics article[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    color: #e7c477;
}

.quality-hero__metrics strong[b-edz4z0ny4j] {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
}

.quality-hero__metrics span[b-edz4z0ny4j] {
    color: rgba(255, 255, 255, .64);
    font-size: .79rem;
}

.quality-run-panel[b-edz4z0ny4j],
.quality-result[b-edz4z0ny4j],
.quality-rules[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.quality-step[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    margin: 0;
    color: var(--quality-ink);
    font-size: 1.35rem;
    font-weight: 850;
}

.quality-section-heading p[b-edz4z0ny4j] {
    margin: .2rem 0 0;
    color: var(--quality-muted);
    font-size: .88rem;
}

.quality-readonly-badge[b-edz4z0ny4j],
.quality-run-state[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    border-color: rgba(19, 134, 111, .2);
    color: #0d765f;
    background: rgba(19, 134, 111, .08);
}

.quality-run-grid[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    display: grid;
    align-content: start;
    gap: .45rem;
    min-width: 0;
}

.quality-field > span[b-edz4z0ny4j] {
    color: var(--quality-ink);
    font-size: .82rem;
    font-weight: 800;
}

.quality-field > span b[b-edz4z0ny4j] {
    color: var(--quality-danger);
}

.quality-field input:not([type="checkbox"])[b-edz4z0ny4j],
.quality-field select[b-edz4z0ny4j] {
    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-edz4z0ny4j],
.quality-field select:focus[b-edz4z0ny4j] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .22rem rgba(20, 95, 101, .08);
}

.quality-field small[b-edz4z0ny4j] {
    min-height: 1.2rem;
    color: var(--quality-muted);
    font-size: .72rem;
}

.quality-run-action[b-edz4z0ny4j],
.quality-primary-action[b-edz4z0ny4j],
.quality-secondary-action[b-edz4z0ny4j],
.quality-ghost-action[b-edz4z0ny4j] {
    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-edz4z0ny4j],
.quality-primary-action[b-edz4z0ny4j] {
    color: #fff;
    background: var(--quality-primary);
    box-shadow: 0 .8rem 1.8rem rgba(20, 95, 101, .16);
}

.quality-secondary-action[b-edz4z0ny4j] {
    border: 1px solid rgba(20, 95, 101, .16);
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .06);
}

.quality-ghost-action[b-edz4z0ny4j] {
    border: 1px solid var(--quality-line);
    color: var(--quality-muted);
    background: #fff;
}

.quality-run-action:not(:disabled):hover[b-edz4z0ny4j],
.quality-primary-action:not(:disabled):hover[b-edz4z0ny4j],
.quality-secondary-action:not(:disabled):hover[b-edz4z0ny4j] {
    transform: translateY(-2px);
}

.quality-run-action:disabled[b-edz4z0ny4j],
.quality-primary-action:disabled[b-edz4z0ny4j],
.quality-secondary-action:disabled[b-edz4z0ny4j],
.quality-ghost-action:disabled[b-edz4z0ny4j] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

.quality-permission-note[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    display: grid;
    gap: .35rem;
    width: min(100%, 38rem);
}

.quality-history-select label > span[b-edz4z0ny4j] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--quality-ink);
    font-size: .8rem;
    font-weight: 800;
}

.quality-history-select select[b-edz4z0ny4j] {
    min-height: 2.8rem;
    border-color: var(--quality-line);
    border-radius: .7rem;
}

.quality-history-select > span[b-edz4z0ny4j] {
    color: var(--quality-muted);
    font-size: .75rem;
}

.quality-empty[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    font-size: 1.5rem;
    transform: rotate(5deg);
}

.quality-empty h2[b-edz4z0ny4j] {
    margin: 0 0 .45rem;
    color: var(--quality-ink);
    font-size: 1.5rem;
    font-weight: 850;
}

.quality-empty p[b-edz4z0ny4j] {
    max-width: 58ch;
    margin: 0;
    color: var(--quality-muted);
    line-height: 1.8;
}

.quality-section-heading--result[b-edz4z0ny4j] {
    align-items: flex-start;
}

.quality-result-overview[b-edz4z0ny4j] {
    display: grid;
    grid-template-columns: minmax(19rem, .7fr) minmax(0, 1.3fr);
    gap: 1rem;
    margin-top: 1rem;
}

.quality-score-card[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    display: grid;
    justify-items: center;
}

.quality-score-ring strong[b-edz4z0ny4j] {
    color: var(--quality-score-color, var(--quality-primary));
    font-size: 1.75rem;
    line-height: 1;
}

.quality-score-ring small[b-edz4z0ny4j] {
    margin-top: .15rem;
    color: var(--quality-muted);
    font-size: .68rem;
}

.quality-score-card > div:last-child[b-edz4z0ny4j] {
    display: grid;
    gap: .2rem;
}

.quality-score-card > div:last-child small[b-edz4z0ny4j],
.quality-score-card > div:last-child span[b-edz4z0ny4j] {
    color: var(--quality-muted);
    font-size: .74rem;
}

.quality-score-card > div:last-child strong[b-edz4z0ny4j] {
    color: var(--quality-ink);
    font-size: 1.2rem;
}

.quality-score-card.is-excellent[b-edz4z0ny4j],
.quality-score-card.is-good[b-edz4z0ny4j] {
    --quality-score-color: var(--quality-success);
}

.quality-score-card.is-review[b-edz4z0ny4j] {
    --quality-score-color: var(--quality-warning);
}

.quality-score-card.is-critical[b-edz4z0ny4j] {
    --quality-score-color: var(--quality-danger);
}

.quality-result-metrics[b-edz4z0ny4j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.quality-result-metrics article[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .85rem;
}

.quality-result-metrics article > div[b-edz4z0ny4j] {
    display: grid;
    gap: .15rem;
}

.quality-result-metrics strong[b-edz4z0ny4j] {
    color: var(--quality-ink);
    font-size: 1.55rem;
    line-height: 1;
}

.quality-result-metrics small[b-edz4z0ny4j] {
    color: var(--quality-muted);
}

.quality-result-metrics .is-error > span[b-edz4z0ny4j] {
    color: var(--quality-danger);
    background: rgba(189, 67, 84, .1);
}

.quality-result-metrics .is-warning > span[b-edz4z0ny4j] {
    color: var(--quality-warning);
    background: rgba(193, 129, 33, .1);
}

.quality-result-metrics .is-total > span[b-edz4z0ny4j] {
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .1);
}

.quality-findings-heading[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    margin: 0;
    color: var(--quality-ink);
    font-size: 1.15rem;
    font-weight: 850;
}

.quality-findings-heading p[b-edz4z0ny4j] {
    margin: .2rem 0 0;
    color: var(--quality-muted);
    font-size: .82rem;
}

.quality-findings-filters[b-edz4z0ny4j] {
    display: flex;
    gap: .55rem;
    width: min(100%, 56rem);
}

.quality-findings-filters > select[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    flex: 1 1 30rem;
    min-width: 28rem;
}

.quality-search[b-edz4z0ny4j] {
    position: relative;
    display: block;
    width: 100%;
}

.quality-search i[b-edz4z0ny4j] {
    position: absolute;
    inset-inline-start: .9rem;
    inset-block-start: 50%;
    color: #91a3a6;
    transform: translateY(-50%);
    pointer-events: none;
}

.quality-search input[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .22rem rgba(20, 95, 101, .08);
}

.quality-findings-table-wrap[b-edz4z0ny4j] {
    overflow: auto;
    margin-top: 1rem;
    border: 1px solid var(--quality-line);
    border-radius: 1rem;
}

.quality-findings-table[b-edz4z0ny4j] {
    width: 100%;
    min-width: 70rem;
    border-collapse: collapse;
    background: #fff;
}

.quality-findings-table th[b-edz4z0ny4j] {
    padding: .8rem;
    color: #6d8286;
    background: #f1f5f4;
    font-size: .75rem;
    font-weight: 850;
    white-space: nowrap;
}

.quality-findings-table td[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    transition: background .18s ease;
}

.quality-findings-table tbody tr:hover[b-edz4z0ny4j] {
    background: #fbfdfc;
}

.quality-severity[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    color: var(--quality-danger);
    background: rgba(189, 67, 84, .1);
}

.quality-severity.is-warning[b-edz4z0ny4j] {
    color: #a66b13;
    background: rgba(193, 129, 33, .11);
}

.quality-finding-copy[b-edz4z0ny4j],
.quality-finding-context[b-edz4z0ny4j] {
    display: grid;
    gap: .2rem;
}

.quality-finding-copy[b-edz4z0ny4j] {
    max-width: 27rem;
}

.quality-finding-copy strong[b-edz4z0ny4j],
.quality-finding-context strong[b-edz4z0ny4j] {
    color: var(--quality-ink);
    line-height: 1.5;
}

.quality-finding-copy span[b-edz4z0ny4j],
.quality-finding-context small[b-edz4z0ny4j] {
    color: var(--quality-muted);
    font-size: .73rem;
    line-height: 1.55;
}

.quality-cell-location[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    box-shadow: inset 3px 0 rgba(189, 67, 84, .25);
}

.quality-cell-value.is-expected[b-edz4z0ny4j] {
    box-shadow: inset 3px 0 rgba(19, 134, 111, .24);
}

.quality-no-findings[b-edz4z0ny4j],
.quality-rules-empty[b-edz4z0ny4j] {
    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-edz4z0ny4j],
.quality-rules-empty i[b-edz4z0ny4j] {
    margin-bottom: .25rem;
    color: var(--quality-success);
    font-size: 1.5rem;
}

.quality-no-findings strong[b-edz4z0ny4j],
.quality-rules-empty strong[b-edz4z0ny4j] {
    color: var(--quality-ink);
}

.quality-render-note[b-edz4z0ny4j] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .8rem 0 0;
    color: var(--quality-muted);
    font-size: .78rem;
}

.quality-render-note i[b-edz4z0ny4j] {
    color: var(--quality-primary);
}

.quality-rule-editor[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.quality-rule-editor > header > div[b-edz4z0ny4j] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.quality-rule-editor__mark[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    color: var(--quality-secondary);
    font-size: .7rem;
    font-weight: 800;
}

.quality-rule-editor h3[b-edz4z0ny4j] {
    margin: .1rem 0 0;
    color: var(--quality-ink);
    font-size: 1.08rem;
    font-weight: 850;
}

.quality-icon-button[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
    margin-top: 1rem;
}

.quality-field--wide[b-edz4z0ny4j] {
    grid-column: 1 / -1;
}

.quality-toggle[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quality-toggle > span[b-edz4z0ny4j] {
    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-edz4z0ny4j]::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-edz4z0ny4j] {
    background: var(--quality-primary);
}

.quality-toggle input:checked + span[b-edz4z0ny4j]::after {
    transform: translateX(-1.25rem);
}

.quality-toggle div[b-edz4z0ny4j] {
    display: grid;
    gap: .1rem;
}

.quality-toggle strong[b-edz4z0ny4j] {
    color: var(--quality-ink);
    font-size: .84rem;
}

.quality-toggle small[b-edz4z0ny4j] {
    color: var(--quality-muted);
    font-size: .72rem;
}

.quality-engine-note[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    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-edz4z0ny4j] {
    max-width: 28rem;
}

.quality-rules-toolbar > select[b-edz4z0ny4j] {
    width: 12rem;
    min-height: 2.8rem;
    border-color: var(--quality-line);
    border-radius: .72rem;
}

.quality-rule-list[b-edz4z0ny4j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.quality-rule-card[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    border-color: rgba(20, 95, 101, .27);
    transform: translateY(-2px);
}

.quality-rule-card.is-disabled[b-edz4z0ny4j] {
    opacity: .65;
    background: #fafbfb;
}

.quality-rule-card__top[b-edz4z0ny4j],
.quality-rule-card > footer[b-edz4z0ny4j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.quality-rule-type[b-edz4z0ny4j],
.quality-rule-state[b-edz4z0ny4j] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--quality-primary);
    font-size: .72rem;
    font-weight: 850;
}

.quality-rule-state[b-edz4z0ny4j] {
    padding: .3rem .5rem;
    border-radius: 999px;
}

.quality-rule-state i[b-edz4z0ny4j] {
    font-size: .42rem;
}

.quality-rule-state.is-enabled[b-edz4z0ny4j] {
    color: var(--quality-success);
    background: rgba(19, 134, 111, .09);
}

.quality-rule-state.is-disabled[b-edz4z0ny4j] {
    color: var(--quality-muted);
    background: rgba(111, 133, 137, .09);
}

.quality-rule-card__body h3[b-edz4z0ny4j] {
    margin: 0;
    color: var(--quality-ink);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.55;
}

.quality-rule-card__body p[b-edz4z0ny4j] {
    margin: .3rem 0 0;
    color: var(--quality-muted);
    font-size: .76rem;
    line-height: 1.55;
}

.quality-rule-scope[b-edz4z0ny4j] {
    display: grid;
    gap: .35rem;
    padding: .65rem;
    border-radius: .7rem;
    background: #f6f8f8;
}

.quality-rule-scope span[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    color: var(--quality-primary);
}

.quality-rule-card > footer[b-edz4z0ny4j] {
    padding-top: .7rem;
    border-top: 1px solid var(--quality-line);
}

.quality-rule-card > footer button[b-edz4z0ny4j] {
    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-edz4z0ny4j] {
    opacity: .45;
}

@keyframes quality-pulse-b-edz4z0ny4j {
    0%,
    100% {
        opacity: .35;
        transform: scaleX(.45);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@media (max-width: 1180px) {
    .quality-hero[b-edz4z0ny4j] {
        grid-template-columns: 1fr;
    }

    .quality-hero__metrics article[b-edz4z0ny4j] {
        min-height: 6.5rem;
    }

    .quality-rule-list[b-edz4z0ny4j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .quality-run-grid[b-edz4z0ny4j],
    .quality-result-overview[b-edz4z0ny4j] {
        grid-template-columns: 1fr;
    }

    .quality-run-action[b-edz4z0ny4j] {
        width: 100%;
    }

    .quality-history-select[b-edz4z0ny4j],
    .quality-findings-heading[b-edz4z0ny4j] {
        align-items: stretch;
        flex-direction: column;
    }

    .quality-findings-filters[b-edz4z0ny4j] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .quality-section-heading[b-edz4z0ny4j] {
        align-items: stretch;
        flex-direction: column;
    }

    .quality-result-metrics[b-edz4z0ny4j],
    .quality-rule-form[b-edz4z0ny4j],
    .quality-rule-list[b-edz4z0ny4j] {
        grid-template-columns: 1fr;
    }

    .quality-field--wide[b-edz4z0ny4j] {
        grid-column: auto;
    }

    .quality-findings-filters[b-edz4z0ny4j],
    .quality-rules-toolbar[b-edz4z0ny4j] {
        align-items: stretch;
        flex-direction: column;
    }

    .quality-findings-filters > select[b-edz4z0ny4j],
    .quality-findings-filters .quality-search[b-edz4z0ny4j],
    .quality-rules-toolbar > select[b-edz4z0ny4j],
    .quality-rules-toolbar .quality-search[b-edz4z0ny4j] {
        width: 100%;
        min-width: 0;
        max-width: none;
        flex-basis: auto;
    }
}

@media (max-width: 560px) {
    .quality-hero__metrics[b-edz4z0ny4j] {
        grid-template-columns: 1fr;
    }

    .quality-hero__metrics article[b-edz4z0ny4j] {
        min-height: auto;
    }

    .quality-empty[b-edz4z0ny4j] {
        align-items: flex-start;
        flex-direction: column;
    }

    .quality-score-card[b-edz4z0ny4j] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .quality-loading__line[b-edz4z0ny4j] {
        animation: none;
    }

    .quality-run-action[b-edz4z0ny4j],
    .quality-primary-action[b-edz4z0ny4j],
    .quality-secondary-action[b-edz4z0ny4j],
    .quality-rule-card[b-edz4z0ny4j],
    .quality-toggle > span[b-edz4z0ny4j],
    .quality-toggle > span[b-edz4z0ny4j]::after {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/NotificationRulesPanel.razor.rz.scp.css */
.smart-rules[b-xu1g0e1vic] {
    --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-xu1g0e1vic],
.smart-rules input[b-xu1g0e1vic],
.smart-rules select[b-xu1g0e1vic],
.smart-rules textarea[b-xu1g0e1vic] {
    font: inherit;
}

.smart-rules button:focus-visible[b-xu1g0e1vic],
.smart-rules input:focus-visible[b-xu1g0e1vic],
.smart-rules select:focus-visible[b-xu1g0e1vic],
.smart-rules textarea:focus-visible[b-xu1g0e1vic] {
    outline: 3px solid rgba(20, 95, 101, .18);
    outline-offset: 2px;
}

.smart-rules__header[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.smart-rules__header > div[b-xu1g0e1vic] {
    min-width: 0;
}

.smart-rules__kicker[b-xu1g0e1vic] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--smart-secondary);
    font-size: .72rem;
    font-weight: 900;
}

.smart-rules__header h3[b-xu1g0e1vic] {
    margin: .3rem 0 .2rem;
    color: var(--smart-ink);
    font-size: 1.08rem;
    font-weight: 900;
}

.smart-rules__header p[b-xu1g0e1vic] {
    max-width: 56rem;
    margin: 0;
    color: var(--smart-muted);
    font-size: .76rem;
    line-height: 1.75;
}

.smart-rules__primary[b-xu1g0e1vic],
.smart-rules__secondary[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    color: #fff;
    background: var(--smart-primary);
    box-shadow: 0 .55rem 1.3rem rgba(20, 95, 101, .14);
}

.smart-rules__secondary[b-xu1g0e1vic] {
    border-color: var(--smart-line);
    color: var(--smart-primary);
    background: #fff;
}

.smart-rules button:disabled[b-xu1g0e1vic] {
    cursor: wait;
    opacity: .58;
}

.smart-rules__permission[b-xu1g0e1vic],
.smart-rules__loading[b-xu1g0e1vic],
.smart-rules__empty[b-xu1g0e1vic] {
    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-xu1g0e1vic],
.smart-rules__empty > i[b-xu1g0e1vic] {
    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-xu1g0e1vic],
.smart-rules__empty div[b-xu1g0e1vic] {
    display: grid;
    gap: .18rem;
}

.smart-rules__permission strong[b-xu1g0e1vic],
.smart-rules__empty strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .78rem;
}

.smart-rules__permission span[b-xu1g0e1vic],
.smart-rules__empty span[b-xu1g0e1vic],
.smart-rules__loading[b-xu1g0e1vic] {
    font-size: .72rem;
}

.smart-rules__message[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    border-color: rgba(189, 67, 84, .22);
    color: #a43147;
    background: #fff3f5;
}

.smart-rules__message span[b-xu1g0e1vic] {
    flex: 1;
}

.smart-rules__message button[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    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-xu1g0e1vic] {
    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-xu1g0e1vic] {
    display: grid;
    gap: .1rem;
}

.smart-rule-editor > header span[b-xu1g0e1vic] {
    color: #dbc28f;
    font-size: .65rem;
    font-weight: 800;
}

.smart-rule-editor > header strong[b-xu1g0e1vic] {
    font-size: .9rem;
}

.smart-rule-editor > header button[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    padding: 1rem;
}

.smart-rule-field[b-xu1g0e1vic] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.smart-rule-field > span[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .7rem;
    font-weight: 850;
}

.smart-rule-field > span b[b-xu1g0e1vic] {
    color: #bd4354;
}

.smart-rule-field input[b-xu1g0e1vic],
.smart-rule-field select[b-xu1g0e1vic],
.smart-rule-field textarea[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    min-height: 5rem;
    resize: vertical;
}

.smart-rule-field small[b-xu1g0e1vic],
.smart-rule-switch small[b-xu1g0e1vic] {
    color: var(--smart-muted);
    font-size: .62rem;
    line-height: 1.55;
}

.smart-rule-field--wide[b-xu1g0e1vic] {
    grid-column: 1 / -1;
}

.smart-rule-switch[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.smart-rule-switch > span[b-xu1g0e1vic] {
    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-xu1g0e1vic]::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-xu1g0e1vic] {
    background: #13866f;
}

.smart-rule-switch > input:checked + span[b-xu1g0e1vic]::after {
    transform: translateX(-1.3rem);
}

.smart-rule-switch div[b-xu1g0e1vic] {
    display: grid;
    gap: .12rem;
}

.smart-rule-switch strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .72rem;
}

.recipient-picker[b-xu1g0e1vic] {
    margin: 0 1rem 1rem;
    border: 1px solid var(--smart-line);
    border-radius: .82rem;
    background: #fbfdfd;
}

.recipient-picker > header[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.recipient-picker > header strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .72rem;
}

.recipient-picker > header span[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    position: relative;
    width: min(17rem, 48%);
}

.recipient-picker__search i[b-xu1g0e1vic] {
    position: absolute;
    inset-inline-start: .65rem;
    inset-block-start: 50%;
    color: #91a5a8;
    transform: translateY(-50%);
}

.recipient-picker__search input[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
    max-height: 15rem;
    padding: .6rem;
    overflow: auto;
}

.recipient-picker__items label[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    border-color: rgba(20, 95, 101, .24);
    background: rgba(20, 95, 101, .045);
}

.recipient-picker__items input[b-xu1g0e1vic] {
    accent-color: var(--smart-primary);
}

.recipient-picker__avatar[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    display: grid;
    gap: .06rem;
    min-width: 0;
}

.recipient-picker__items strong[b-xu1g0e1vic],
.recipient-picker__items small[b-xu1g0e1vic] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recipient-picker__items strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .68rem;
}

.recipient-picker__items small[b-xu1g0e1vic] {
    color: var(--smart-muted);
    font-size: .6rem;
}

.smart-rule-editor__hint[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    padding: .75rem 1rem;
    border-top: 1px solid var(--smart-line);
    background: #f8fbfa;
}

.smart-rules__summary[b-xu1g0e1vic] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.smart-rules__summary article[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    color: var(--smart-secondary);
}

.smart-rules__summary strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
}

.smart-rules__list[b-xu1g0e1vic] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.smart-rule-card[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    border-color: rgba(20, 95, 101, .22);
    box-shadow: inset -.2rem 0 var(--smart-primary);
}

.smart-rule-card.is-disabled[b-xu1g0e1vic] {
    opacity: .68;
    background: #f7f9f9;
}

.smart-rule-card__icon[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    display: grid;
    gap: .38rem;
    min-width: 0;
}

.smart-rule-card__body header[b-xu1g0e1vic] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .55rem;
}

.smart-rule-card__body header div[b-xu1g0e1vic] {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

.smart-rule-card__body header strong[b-xu1g0e1vic],
.smart-rule-card__body header span[b-xu1g0e1vic],
.smart-rule-card__body p[b-xu1g0e1vic] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-rule-card__body header strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .75rem;
}

.smart-rule-card__body header span[b-xu1g0e1vic],
.smart-rule-card__body header b[b-xu1g0e1vic] {
    font-size: .61rem;
}

.smart-rule-card__body header span[b-xu1g0e1vic] {
    color: var(--smart-muted);
}

.smart-rule-card__body header b[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    color: #7c8c8f;
    background: #edf1f1;
}

.smart-rule-card__body p[b-xu1g0e1vic] {
    margin: 0;
    color: #526f74;
    font-size: .68rem;
}

.smart-rule-card__meta[b-xu1g0e1vic] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.smart-rule-card__meta span[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    display: flex;
    gap: .32rem;
}

.smart-rule-card__actions button[b-xu1g0e1vic] {
    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-xu1g0e1vic] {
    color: #9f7530;
    background: #fff9ef;
}

.smart-rule-card__actions button.is-start[b-xu1g0e1vic] {
    color: #0f765f;
    background: #effaf6;
}

@media (max-width: 980px) {
    .smart-rule-editor__grid[b-xu1g0e1vic],
    .smart-rules__list[b-xu1g0e1vic] {
        grid-template-columns: 1fr;
    }

    .smart-rule-field--wide[b-xu1g0e1vic] {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .smart-rules[b-xu1g0e1vic] {
        padding: 1rem;
    }

    .smart-rules__header[b-xu1g0e1vic],
    .recipient-picker > header[b-xu1g0e1vic] {
        align-items: stretch;
        flex-direction: column;
    }

    .smart-rules__header .smart-rules__primary[b-xu1g0e1vic],
    .recipient-picker__search[b-xu1g0e1vic] {
        width: 100%;
    }

    .smart-rules__summary[b-xu1g0e1vic],
    .recipient-picker__items[b-xu1g0e1vic] {
        grid-template-columns: 1fr;
    }

    .smart-rule-card[b-xu1g0e1vic] {
        grid-template-columns: 2.6rem minmax(0, 1fr);
    }

    .smart-rule-card__actions[b-xu1g0e1vic] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
/* _content/Starterkit/Observatory/Components/ObservatoryAccessDenied.razor.rz.scp.css */
.obs-access-denied[b-wytnjdcl8i] {
    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-wytnjdcl8i]::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-wytnjdcl8i] {
    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-wytnjdcl8i] {
    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-wytnjdcl8i] {
    margin: 0 0 7px;
    font-size: clamp(1.05rem, 2vw, 1.3rem);
    font-weight: 700;
}

.obs-access-denied p[b-wytnjdcl8i] {
    margin: 0;
    color: #8a6269;
    line-height: 1.7;
}

@media (max-width: 575.98px) {
    .obs-access-denied[b-wytnjdcl8i] {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}
/* _content/Starterkit/Observatory/Components/ObservatoryHelpTooltip.razor.rz.scp.css */
.obs-help[b-yqgsdoj8yn] { display:inline-flex; vertical-align:middle; flex-shrink:0; font-weight:400; }
.obs-help .obs-help-icon[b-yqgsdoj8yn] { 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-yqgsdoj8yn] { color:inherit; font-size:16px; }
.obs-help-icon:hover[b-yqgsdoj8yn],.obs-help:has(:popover-open) .obs-help-icon[b-yqgsdoj8yn] { background:#eaf2f3; border-color:#b8ccd0; }
.obs-help-icon:focus-visible[b-yqgsdoj8yn] { 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-yqgsdoj8yn] { 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-yqgsdoj8yn],.obs-help-tooltip>span[b-yqgsdoj8yn] { display:block; }
.obs-help-tooltip>strong[b-yqgsdoj8yn] { margin-block-end:6px; }
.obs-help-example[b-yqgsdoj8yn] { margin-block-start:10px; padding-block-start:10px; border-block-start:1px solid #dce8e8; }
@supports (position-area:bottom) {
    .obs-help-tooltip[b-yqgsdoj8yn] { inset:auto; margin:8px; position-area:bottom span-left; position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline; }
}
/* _content/Starterkit/Observatory/Components/ObservatoryPageShell.razor.rz.scp.css */
.obs-shell[b-s8bb9xeuvi] {
    --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: 24px;
    --obs-section-title-size: 20px;
    --obs-subsection-title-size: 18px;
    --obs-text-size: 15px;
    --obs-helper-text-size: 14px;
    --obs-feedback-text-size: clamp(15px, calc(14px + .15vw), 17px);
    --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;
}

.obs-shell [b-s8bb9xeuvi]::selection {
    color: #fff;
    background: var(--obs-primary);
}

.obs-shell[b-s8bb9xeuvi]  button:focus-visible,
.obs-shell[b-s8bb9xeuvi]  a:focus-visible,
.obs-shell[b-s8bb9xeuvi]  input:focus-visible,
.obs-shell[b-s8bb9xeuvi]  select:focus-visible,
.obs-shell[b-s8bb9xeuvi]  textarea:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 42%, transparent);
    outline-offset: 2px;
}

.obs-shell__page-header[b-s8bb9xeuvi] {
    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-s8bb9xeuvi]::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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    min-width: 0;
}

.obs-shell__page-header-copy h1[b-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    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-s8bb9xeuvi]::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-s8bb9xeuvi]::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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    min-width: 0;
}

.obs-shell__eyebrow[b-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    max-width: 850px;
}

.obs-shell__heading-row h1[b-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 21px;
}

.obs-shell__trust-list span[b-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    color: color-mix(in srgb, var(--obs-secondary) 70%, #fff);
}

.obs-shell__actions[b-s8bb9xeuvi] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.obs-shell__data-visual[b-s8bb9xeuvi] {
    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-s8bb9xeuvi]::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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    display: grid;
    gap: 2px;
}

.obs-shell__command-head small[b-s8bb9xeuvi] {
    color: rgba(255, 255, 255, .45);
    font-size: .61rem;
    font-weight: 700;
}

.obs-shell__command-head strong[b-s8bb9xeuvi] {
    color: #fff;
    font-size: .84rem;
    font-weight: 900;
}

.obs-shell__command-head em[b-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    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-s8bb9xeuvi]::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-s8bb9xeuvi] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 2px;
    min-width: 0;
    text-align: center;
}

.obs-shell__command-flow li > span[b-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    color: rgba(255, 255, 255, .86);
    font-size: .67rem;
    font-weight: 900;
}

.obs-shell__command-flow li small[b-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.obs-shell__command-health > div i[b-s8bb9xeuvi] {
    display: block;
    width: 92%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--obs-secondary), #6ce2b8);
}

.obs-shell__command-health strong[b-s8bb9xeuvi] {
    color: rgba(255, 255, 255, .67);
    font-size: .57rem;
    font-weight: 900;
}

.obs-shell__navigation-dock[b-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    display: grid;
    gap: 2px;
    padding: 4px 10px;
    border-inline-end: 1px solid #e2eae9;
}

.obs-shell__navigation-label span[b-s8bb9xeuvi] {
    color: var(--obs-ink);
    font-size: .78rem;
    font-weight: 900;
}

.obs-shell__navigation-label small[b-s8bb9xeuvi] {
    color: #839395;
    font-size: .58rem;
    line-height: 1.6;
}

.obs-shell__navigation[b-s8bb9xeuvi] {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding: 2px;
    scrollbar-width: thin;
    scroll-snap-type: inline proximity;
}

.obs-shell__navigation[b-s8bb9xeuvi]::-webkit-scrollbar {
    height: 5px;
}

.obs-shell__navigation[b-s8bb9xeuvi]::-webkit-scrollbar-track {
    background: transparent;
}

.obs-shell__navigation[b-s8bb9xeuvi]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, var(--obs-primary) 22%, transparent);
}

.obs-shell__nav-link[b-s8bb9xeuvi] {
    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-s8bb9xeuvi],
.obs-shell__nav-link:focus-visible[b-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    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-s8bb9xeuvi]::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-s8bb9xeuvi] {
    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-s8bb9xeuvi] {
    color: color-mix(in srgb, var(--obs-secondary) 74%, #fff);
    background: rgba(255, 255, 255, .11);
}

.obs-shell__notice[b-s8bb9xeuvi] {
    margin-top: 16px;
}

.obs-shell__content[b-s8bb9xeuvi] {
    width: 100%;
    min-width: 0;
    padding-block: 22px 36px;
    container-name: observatory-content;
    container-type: inline-size;
}

.obs-shell__content[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  .gb-autocomplete-select.is-open {
    z-index: 1200;
}

.obs-shell__content[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  [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-s8bb9xeuvi]  [data-observatory-feedback][data-observatory-feedback] :is(
    p,
    span,
    strong,
    small) {
    font-size: inherit !important;
    line-height: inherit;
}

.obs-shell__content[b-s8bb9xeuvi]  :where(
    section,
    article,
    form,
    .obs-grid,
    .obs-form-grid,
    .obs-panel) {
    min-width: 0;
    max-width: 100%;
}

.obs-shell__content[b-s8bb9xeuvi]  :where(
    img,
    video,
    canvas) {
    max-width: 100%;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
}

.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-panel::before {
    content: "";
    position: absolute;
    width: clamp(72px, 11vw, 150px);
    height: 3px;
    inset-block-start: 0;
    inset-inline-start: 0;
    background: linear-gradient(90deg, var(--obs-secondary), var(--obs-primary));
}

.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-panel__title {
    margin: 0;
    color: var(--obs-ink);
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-panel__subtitle {
    margin: 5px 0 0;
    color: var(--obs-muted);
    font-size: .82rem;
    line-height: 1.7;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .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-s8bb9xeuvi]  .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-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-metric__label {
    color: var(--obs-muted);
    font-size: .78rem;
    font-weight: 800;
}

.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-form-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
}

.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-btn:disabled {
    cursor: not-allowed;
    opacity: .58;
}

.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-btn--danger {
    color: #9b3040;
    border-color: #f0c8ce;
    background: #fff3f5;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field {
    grid-column: span 4;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field.is-wide {
    grid-column: span 8;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field.is-full {
    grid-column: 1 / -1;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field label {
    display: block;
    margin-bottom: 7px;
    color: #344d50;
    font-size: .8rem;
    font-weight: 700;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field .form-control,
.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-field .form-control:focus,
.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-table {
    min-width: 760px;
    margin: 0;
}

.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-table td {
    padding: 14px;
    border-color: #edf2f1;
    color: #243c40;
    font-size: .82rem;
    vertical-align: middle;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-table tbody tr {
    transition: background-color .18s ease;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-table tbody tr:hover {
    background: color-mix(in srgb, var(--obs-primary) 2.5%, #fff);
}

.obs-shell__content[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .obs-empty i {
    display: block;
    margin-bottom: 12px;
    color: color-mix(in srgb, var(--obs-primary) 65%, #819292);
    font-size: 2rem;
}

.obs-shell[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .btn-obs-primary:hover,
.obs-shell[b-s8bb9xeuvi]  .btn-obs-primary:focus-visible {
    color: #fff;
    background: color-mix(in srgb, var(--obs-primary) 86%, #000);
}

.obs-shell[b-s8bb9xeuvi]  .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-s8bb9xeuvi] {
        grid-template-columns: minmax(0, 1fr) 270px;
        gap: 28px;
    }

    .obs-shell__navigation-dock[b-s8bb9xeuvi] {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-shell__navigation-label[b-s8bb9xeuvi] {
        display: none;
    }
}

@media (max-width: 899.98px) {
    .obs-shell__content[b-s8bb9xeuvi]  .obs-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-shell__content[b-s8bb9xeuvi]  .obs-panel__header {
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .obs-shell[b-s8bb9xeuvi] {
        padding: 10px;
    }

    .obs-shell__hero[b-s8bb9xeuvi] {
        border-radius: 20px;
    }

    .obs-shell__page-header[b-s8bb9xeuvi] {
        min-height: 64px;
        padding: 10px 12px;
        border-radius: 16px;
    }

    .obs-shell__page-header-mark[b-s8bb9xeuvi] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 11px;
    }

    .obs-shell__hero-body[b-s8bb9xeuvi] {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        padding: 24px 18px 25px;
    }

    .obs-shell__heading-row h1[b-s8bb9xeuvi] {
        font-size: clamp(1.6rem, 7vw, 2.15rem);
    }

    .obs-shell__trust-list[b-s8bb9xeuvi] {
        gap: 7px;
        margin-top: 17px;
    }

    .obs-shell__trust-list span[b-s8bb9xeuvi] {
        flex: 1 1 130px;
        justify-content: center;
    }

    .obs-shell__data-visual[b-s8bb9xeuvi] {
        min-height: 190px;
        padding: 15px;
        border-radius: 19px;
    }

    .obs-shell__command-flow[b-s8bb9xeuvi] {
        margin-block: 12px 10px;
    }

    .obs-shell__command-flow li small[b-s8bb9xeuvi] {
        display: none;
    }

    .obs-shell__navigation-dock[b-s8bb9xeuvi] {
        margin: 0 10px 12px;
        padding: 7px;
        border-radius: 15px;
    }

    .obs-shell__nav-link[b-s8bb9xeuvi] {
        min-height: 44px;
        padding: 7px 9px;
    }

    .obs-shell__actions[b-s8bb9xeuvi] {
        width: 100%;
    }

    .obs-shell__actions[b-s8bb9xeuvi]  .btn {
        flex: 1 1 auto;
        min-height: 44px;
    }

    .obs-shell__content[b-s8bb9xeuvi]  .obs-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-shell__content[b-s8bb9xeuvi]  .obs-field,
    .obs-shell__content[b-s8bb9xeuvi]  .obs-field.is-wide {
        grid-column: 1 / -1;
    }

    .obs-shell__content[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi] {
        white-space: normal;
    }

    .obs-shell__eyebrow[b-s8bb9xeuvi] {
        max-width: 100%;
        line-height: 1.6;
    }

    .obs-shell__data-visual[b-s8bb9xeuvi] {
        display: none;
    }

    .obs-shell__trust-list span[b-s8bb9xeuvi] {
        flex-basis: 100%;
    }

    .obs-shell__content[b-s8bb9xeuvi]  .obs-metric-grid {
        grid-template-columns: 1fr;
    }

    .obs-shell__content[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  .official-template-editor__intro {
        grid-row: auto !important;
        min-height: 0;
    }
}

@container observatory-content (max-width: 860px) {
    .obs-shell__content[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :where(
        .dashboard-selector-row,
        .role-selector-row,
        .obs-map-toolbar) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .obs-shell__content[b-s8bb9xeuvi]  :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-s8bb9xeuvi] {
        transition: none;
        animation: none;
    }
}

/* Shared typography; the dashboard editor owns its type scale and control sizing. */
.obs-shell[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :where(p, small):not(:where(.fixed-builder *)) {
    font-size: var(--obs-helper-text-size) !important;
    line-height: 1.7;
}

.obs-shell__content[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  strong:not(:where(.fixed-builder *)) {
    font-size: var(--obs-text-size) !important;
}

.obs-shell[b-s8bb9xeuvi]  :where(input, select, textarea, option):not(:where(.fixed-builder *)) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.55;
}

.obs-shell[b-s8bb9xeuvi]  :where(label, button, th):not(:where(.fixed-builder *)) {
    font-size: var(--obs-helper-text-size) !important;
    line-height: 1.5;
}

.obs-shell[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :where(input[type="checkbox"], input[type="radio"]) {
    min-height: 0;
    flex-shrink: 0;
    accent-color: var(--obs-primary);
}

.obs-shell[b-s8bb9xeuvi]  :where(fieldset, .table-responsive, .table-scroll, .fixed-file-details__scroll) {
    min-width: 0;
    max-width: 100%;
}

.obs-shell[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :where(.alert, [data-observatory-feedback]) :where(p, span, strong, a) {
    min-width: 0;
    overflow-wrap: anywhere;
}

.obs-shell[b-s8bb9xeuvi]  .alert-warning { color: #674600; background-color: #fff8df; border-color: #e4c876; }
.obs-shell[b-s8bb9xeuvi]  .alert-danger { color: #8a2435; background-color: #fff0f2; border-color: #e4afb8; }
.obs-shell[b-s8bb9xeuvi]  .alert-success { color: #155f4e; background-color: #edf8f2; border-color: #acd3c1; }
.obs-shell[b-s8bb9xeuvi]  .alert-info { color: #245a70; background-color: #edf6fc; border-color: #b4d1e2; }

@container observatory-content (max-width: 1100px) {
    .obs-shell__content[b-s8bb9xeuvi]  .fixed-template-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .obs-shell__content[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  .fixed-template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .obs-shell__content[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :is(.fixed-template-grid, .fixed-monitoring-grid, .fixed-grants :where(fieldset)) { grid-template-columns: minmax(0, 1fr); }
    .obs-shell__content[b-s8bb9xeuvi]  :where(.template-detail, .content-section, .sheet-detail, .fixed-file-details) { padding: 12px; }
    .obs-shell__content[b-s8bb9xeuvi]  :where(.release-toolbar, .download-row) label { width: 100%; min-width: 0; }
}

.obs-shell[b-s8bb9xeuvi]  textarea {
    min-height: 96px;
}

.obs-shell[b-s8bb9xeuvi]  h1:not(:where(.fixed-builder *)) {
    font-size: var(--obs-page-title-size) !important;
    line-height: 1.35;
}

.obs-shell[b-s8bb9xeuvi]  h2:not(:where(.fixed-builder *)) {
    font-size: var(--obs-section-title-size) !important;
    line-height: 1.4;
}

.obs-shell[b-s8bb9xeuvi]  h3:not(:where(.fixed-builder *)) {
    font-size: var(--obs-subsection-title-size) !important;
    line-height: 1.45;
}

.obs-shell[b-s8bb9xeuvi]  :where(h4, h5, h6):not(:where(.fixed-builder *)) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.5;
}

.obs-shell__page-header[b-s8bb9xeuvi] {
    min-height: 84px;
}

.obs-shell__page-header-copy p[b-s8bb9xeuvi] {
    overflow: visible;
    white-space: normal;
}


/* Opt-in card surfaces for file operations and governance only. */
.obs-shell--defined-cards[b-s8bb9xeuvi] {
    --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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-secondary);
}

.obs-shell--defined-cards[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :is(.obs-panel, .governance-panel)::before,
.obs-shell--defined-cards[b-s8bb9xeuvi]  :is(.obs-panel, .governance-panel)::after {
    display: none;
}

.obs-shell--defined-cards[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  .permission-group__hint { color: var(--obs-card-muted); }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .permission-group__rows { margin-top: 0; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .permission-group { height: 100%; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .permission-group .permission-row { border: 1px solid transparent; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .permission-group .permission-row.is-enabled {
    background: #eaf5ef;
    border-color: #91b7a5;
}

.obs-shell--defined-cards[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :is(input[type=checkbox], input[type=radio]) { accent-color: var(--obs-card-focus); }
.obs-shell--defined-cards[b-s8bb9xeuvi]  :is(input, select, textarea):disabled {
    color: #4e626c;
    background-color: #edf1f3;
}
.obs-shell--defined-cards[b-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :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-s8bb9xeuvi]  :focus-visible {
    outline: 3px solid var(--obs-card-focus);
    outline-offset: 3px;
}

.obs-shell--defined-cards[b-s8bb9xeuvi]  .access-layout { padding: var(--obs-card-padding); gap: 18px; border: 0; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .capability-editor { overflow: visible; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .permission-groups-grid { gap: 18px; align-items: stretch; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .fixed-grants { margin: 0; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .scope-directory { margin: 0 var(--obs-card-padding) 18px; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .governance-panel { background: color-mix(in srgb, var(--obs-card-primary) 4%, #f0f3f5); }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .governance-panel__header {
    border-bottom-color: var(--obs-card-border);
    background: var(--obs-card-banner);
    flex-wrap: wrap;
}
.obs-shell--defined-cards[b-s8bb9xeuvi]  .governance-panel__header :is(p, .governance-kicker) { color: var(--obs-card-muted); }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .section-heading > span { color: var(--obs-card-ink); border-color: var(--obs-card-border); }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .scope-directory > header .governance-search { min-width: 0; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .scope-user-card > header { margin-bottom: 0; }
.obs-shell--defined-cards[b-s8bb9xeuvi]  .scope-user-card__organizations { margin-inline: calc(-1 * var(--obs-card-padding)); }

.obs-shell--defined-cards[b-s8bb9xeuvi]  .fixed-file-details > details {
    border: 1px solid var(--obs-card-border);
    border-radius: 10px;
    padding: 12px;
}
.obs-shell--defined-cards[b-s8bb9xeuvi]  .fixed-upload--preview {
    border:0; padding:0; background:transparent; box-shadow:none;
}
.obs-shell--defined-cards[b-s8bb9xeuvi]  .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-s8bb9xeuvi]  .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-s8bb9xeuvi]  :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-s8bb9xeuvi]  .permission-groups-grid { grid-template-columns: minmax(0, 1fr); }
    .obs-shell--defined-cards[b-s8bb9xeuvi]  :is(.obs-upload-filters, .capability-actions) { width: 100%; flex-wrap: wrap; }
}
/* _content/Starterkit/Observatory/Components/ObservatoryRecycleBin.razor.rz.scp.css */
.recycle-preview[b-ufrypydixe] { background: rgba(15, 23, 42, .42); }
.recycle-preview .modal-dialog[b-ufrypydixe] { max-width: 740px; }
.recycle-preview .modal-content[b-ufrypydixe] { border: 0; border-radius: 16px; box-shadow: 0 20px 64px #10232d26; }
.recycle-preview .modal-header[b-ufrypydixe] { padding: 20px 24px; }
.recycle-preview .modal-body[b-ufrypydixe] { padding: 24px; }
.recycle-preview .modal-footer[b-ufrypydixe] { padding: 16px 24px; justify-content: flex-start; gap: 8px; }
.recycle-preview .modal-footer .btn[b-ufrypydixe] { min-width: 100px; margin: 0; }
.preview-overview[b-ufrypydixe] { padding-bottom: 22px; border-bottom: 1px solid var(--bs-border-color, #e9edf0); margin-bottom: 22px; }
.preview-kind[b-ufrypydixe] { display: block; color: #667785; font-size: .9rem; margin-bottom: 8px; }
.preview-overview h3[b-ufrypydixe] { font-size: 1.3rem; line-height: 1.7; margin: 0 0 12px; overflow-wrap: anywhere; }
.preview-meta[b-ufrypydixe] { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; color: #596877; font-size: .92rem; }
.preview-state[b-ufrypydixe] { display: inline-block; padding: 4px 10px; border-radius: 6px; background: #eef4f5; color: #294f55; font-weight: 600; }
.preview-section h4[b-ufrypydixe] { font-size: 1rem; margin-bottom: 14px; }
.preview-fields[b-ufrypydixe] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin: 0; }
.preview-field[b-ufrypydixe] { min-width: 0; }
.preview-field dt[b-ufrypydixe] { color: #697784; font-size: .92rem; font-weight: 400; margin-bottom: 5px; }
.preview-field dd[b-ufrypydixe] { color: var(--bs-body-color, #253545); margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; font-weight: 500; }
.preview-disclosure[b-ufrypydixe] { margin-top: 20px; border: 1px solid var(--bs-border-color, #e5eaee); border-radius: 10px; overflow: hidden; }
.preview-disclosure summary[b-ufrypydixe] { 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-ufrypydixe]::-webkit-details-marker { display: none; }
.preview-disclosure summary:focus-visible[b-ufrypydixe] { outline: 2px solid #397f89; outline-offset: -3px; }
.preview-disclosure summary small[b-ufrypydixe] { color: #74818c; font-weight: 400; margin-inline-start: 10px; }
.preview-disclosure[open] summary[b-ufrypydixe] { border-bottom: 1px solid var(--bs-border-color, #e5eaee); background: #f8fafb; }
.preview-disclosure[open] .preview-chevron[b-ufrypydixe] { transform: rotate(180deg); }
.preview-disclosure .preview-fields[b-ufrypydixe] { padding: 18px 16px; }
.preview-reference[b-ufrypydixe] { margin-top: 12px; }
.preview-note[b-ufrypydixe] { 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-ufrypydixe] { margin: 12px; }
    .recycle-preview .modal-body[b-ufrypydixe], .recycle-preview .modal-header[b-ufrypydixe] { padding: 18px; }
    .recycle-preview .modal-footer[b-ufrypydixe] { padding: 14px 18px; }
    .preview-fields[b-ufrypydixe] { gap: 16px; }
    .preview-settings[b-ufrypydixe] { grid-template-columns: 1fr; }
    .preview-overview h3[b-ufrypydixe] { font-size: 1.15rem; }
}
/* _content/Starterkit/Observatory/Components/ObservatoryRequestPreview.razor.rz.scp.css */
.obs-request-preview[b-z3wwsortm7]{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-z3wwsortm7],.obs-request-preview h5[b-z3wwsortm7],.obs-request-preview p[b-z3wwsortm7]{margin:0}.obs-request-preview h4[b-z3wwsortm7]{font-size:1.2em}.obs-request-preview h5[b-z3wwsortm7]{font-size:1.05em}.obs-request-preview small[b-z3wwsortm7]{display:block;font-size:14px;color:#4d626a}
.obs-request-preview button[b-z3wwsortm7]{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-z3wwsortm7],.obs-request-preview summary:focus-visible[b-z3wwsortm7],.obs-request-preview textarea:focus-visible[b-z3wwsortm7]{outline:3px solid #376b76;outline-offset:2px}.obs-request-preview button:disabled[b-z3wwsortm7]{opacity:.55;cursor:default}
.obs-request-preview .btn-success[b-z3wwsortm7]{background:#166348;color:#fff}.obs-request-preview .btn-warning[b-z3wwsortm7]{background:#f5e4bf;color:#563b0d}.obs-request-preview .btn-light[b-z3wwsortm7]{background:#fff;color:#254c53}
.obs-request-preview__header[b-z3wwsortm7]{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-z3wwsortm7]{min-width:0}.obs-request-preview__header p[b-z3wwsortm7]{margin-top:.2rem}.request-file-name[b-z3wwsortm7]{color:#49626a;font-size:14px}.request-header-actions[b-z3wwsortm7]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;flex-shrink:0}
.request-facts[b-z3wwsortm7]{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;padding:0 .4rem}.request-facts>span[b-z3wwsortm7]{color:#526a71}.request-facts strong[b-z3wwsortm7]{color:#253f48;margin-inline-start:.3rem}
.request-quality[b-z3wwsortm7]{display:flex;flex-wrap:wrap;gap:.4rem 1rem;background:#fff;border:1px solid #aabdb9;border-radius:.5rem;padding:.65rem .8rem}.request-quality small[b-z3wwsortm7]{flex-basis:100%}
.request-attention[b-z3wwsortm7],.request-decision[b-z3wwsortm7],.request-details[b-z3wwsortm7]{min-width:0;padding:.75rem .85rem;border:1px solid #aabdb9;border-radius:.6rem;background:#fff}.request-attention>h5[b-z3wwsortm7],.request-decision>h5[b-z3wwsortm7]{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-z3wwsortm7]{padding:.45rem .65rem;border-inline-start:3px solid #b27b21;margin-top:.45rem;background:#fbf6eb;border-radius:.3rem}.request-attention article.is-error[b-z3wwsortm7]{border-color:#b6423a;background:#fff1ef}.request-attention article strong[b-z3wwsortm7]{font-weight:600}.request-attention>p[b-z3wwsortm7]{margin-top:.4rem}
.request-changes[b-z3wwsortm7]{border-top:1px solid #c9d5d2;padding-top:.6rem;margin-top:.6rem}.request-changes>p[b-z3wwsortm7]{padding:.4rem 0;border-bottom:1px solid #e0e7e5}.request-changes span[b-z3wwsortm7]{font-size:14px}
.request-decision[b-z3wwsortm7]{background:#f5f8f5}.request-decision>h5[b-z3wwsortm7]{background:#e5efeb;background:color-mix(in srgb,var(--request-primary,#0b4f52) 10%,white)}.request-decision label[b-z3wwsortm7]{display:block;margin:.4rem 0;font-weight:600}.request-decision label span[b-z3wwsortm7]{font-size:14px;color:#745110;font-weight:400}
.request-decision textarea[b-z3wwsortm7]{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-z3wwsortm7]{border-color:#ab3434!important}.request-field-error[b-z3wwsortm7]{display:block;color:#9f2b2b;font-size:14px}.request-decision-hint[b-z3wwsortm7]{margin:.5rem 0!important;font-size:14px;color:#405d63}
.request-actions[b-z3wwsortm7]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.request-optional-note summary[b-z3wwsortm7],.request-details>summary[b-z3wwsortm7]{cursor:pointer;font-weight:600}.request-details>summary[b-z3wwsortm7]{color:#244b51}.request-details[open]>summary[b-z3wwsortm7]{margin-bottom:.7rem;padding-bottom:.5rem;border-bottom:1px solid #c3d4cc}
.request-versions[b-z3wwsortm7]{display:grid;gap:.5rem}.request-versions article[b-z3wwsortm7]{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid #d7e1db}.request-versions article>div[b-z3wwsortm7]{flex:1;min-width:0}.request-history[b-z3wwsortm7],.request-legacy-issue[b-z3wwsortm7]{padding:.6rem 0;border-bottom:1px solid #d7e1db}.request-history p[b-z3wwsortm7]{white-space:pre-wrap}
.request-pages[b-z3wwsortm7]{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-z3wwsortm7]{align-items:flex-start;flex-direction:column}.request-header-actions[b-z3wwsortm7]{width:100%;flex-shrink:1;justify-content:space-between}.request-quality[b-z3wwsortm7]{flex-direction:column;flex-wrap:nowrap}.request-quality small[b-z3wwsortm7]{flex-basis:auto}.request-attention[b-z3wwsortm7],.request-decision[b-z3wwsortm7],.request-details[b-z3wwsortm7]{padding:.65rem}.request-attention>h5[b-z3wwsortm7],.request-decision>h5[b-z3wwsortm7]{margin:-.65rem -.65rem .6rem;padding:.5rem .65rem}.request-actions button[b-z3wwsortm7]{flex:1 1 9rem}.request-versions article[b-z3wwsortm7]{flex-wrap:wrap}}
/* _content/Starterkit/Observatory/Components/ObservatoryStatusBadge.razor.rz.scp.css */
.obs-status[b-xh22ifs8gq] {
    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-xh22ifs8gq] {
    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-xh22ifs8gq] {
    color: #087257;
    border-color: #b9e2d5;
    background: #ecf9f4;
}

.obs-status.is-warning[b-xh22ifs8gq] {
    color: #916313;
    border-color: #ead7a7;
    background: #fff9e9;
}

.obs-status.is-attention[b-xh22ifs8gq] {
    color: #a25118;
    border-color: #efc8a8;
    background: #fff4eb;
}

.obs-status.is-danger[b-xh22ifs8gq] {
    color: #a32d45;
    border-color: #efbec8;
    background: #fff0f3;
}

.obs-status.is-progress[b-xh22ifs8gq] {
    color: #245aa7;
    border-color: #bdd0ef;
    background: #eff5ff;
}

.obs-status.is-muted[b-xh22ifs8gq] {
    color: #6f7782;
    border-color: #d8dde3;
    background: #f3f5f7;
}
/* _content/Starterkit/Observatory/Components/ObservatoryWorkbookProgressOverlay.razor.rz.scp.css */
.obs-workbook-progress[b-k45i2023zy] {
    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-k45i2023zy] {
    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-k45i2023zy]::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-k45i2023zy] {
    position: relative;
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    margin-inline: auto;
}

.obs-workbook-progress__file[b-k45i2023zy] {
    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-k45i2023zy] {
    position: absolute;
    inset: 2px;
    border: 1px solid rgba(23, 131, 107, .25);
    border-radius: 26px;
    animation: obs-workbook-pulse-b-k45i2023zy 1.8s ease-out infinite;
}

.obs-workbook-progress__copy[b-k45i2023zy] {
    display: grid;
    gap: 6px;
    text-align: center;
}

.obs-workbook-progress__eyebrow[b-k45i2023zy] {
    color: #9a7132;
    font-size: .78rem;
    font-weight: 900;
}

.obs-workbook-progress__copy h2[b-k45i2023zy] {
    margin: 0;
    color: #12373a;
    font-size: clamp(1.25rem, 4vw, 1.65rem);
    font-weight: 950;
}

.obs-workbook-progress__copy p[b-k45i2023zy] {
    min-height: 25px;
    margin: 0;
    color: #61797b;
    font-size: .93rem;
    font-weight: 700;
    line-height: 1.75;
}

.obs-workbook-progress__meter[b-k45i2023zy] {
    display: grid;
    gap: 9px;
}

.obs-workbook-progress__meter-head[b-k45i2023zy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #49686a;
    font-size: .8rem;
    font-weight: 850;
}

.obs-workbook-progress__meter-head strong[b-k45i2023zy] {
    color: #0e6858;
    font-size: 1rem;
}

.obs-workbook-progress__track[b-k45i2023zy] {
    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-k45i2023zy] {
    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-k45i2023zy] {
    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-k45i2023zy] {
    color: #187d68;
}

.obs-workbook-progress__file > i[b-k45i2023zy] { font-size: inherit; color: inherit; }

.obs-workbook-progress:not([open])[b-k45i2023zy] { display: none; }
.obs-workbook-progress__steps[b-k45i2023zy] { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.obs-workbook-progress__steps li[b-k45i2023zy] { display:flex; align-items:center; gap:10px; color:#61797b; font-size:.86rem; }
.obs-workbook-progress__steps li > span[b-k45i2023zy] { 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-k45i2023zy] { color:#12373a; font-weight:800; }
.obs-workbook-progress__steps .is-current > span[b-k45i2023zy] { background:#12373a; color:white; }
.obs-workbook-progress__steps .is-done > span[b-k45i2023zy] { background:#e5f4eb; color:#0d6256; }
.obs-workbook-progress__track.is-indeterminate span[b-k45i2023zy] { width:35% !important; animation:obs-upload-wait-b-k45i2023zy 1.4s ease-in-out infinite alternate; }
@keyframes obs-upload-wait-b-k45i2023zy { to { transform:translateX(-180%); } }
@media(prefers-reduced-motion:reduce) { .obs-workbook-progress__track.is-indeterminate span[b-k45i2023zy] { animation:none; } }
.obs-workbook-progress[b-k45i2023zy]::backdrop { background: transparent; }

.obs-workbook-progress__cancel[b-k45i2023zy] {
    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-k45i2023zy] {
    outline: 3px solid #17836b;
    outline-offset: 3px;
}

@keyframes obs-workbook-pulse-b-k45i2023zy {
    0% {
        opacity: .8;
        transform: scale(.72);
    }
    80%,
    100% {
        opacity: 0;
        transform: scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-workbook-progress__pulse[b-k45i2023zy] {
        animation: none;
    }

    .obs-workbook-progress__track span[b-k45i2023zy] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/OrganizationAdditionalDetails.razor.rz.scp.css */
.organization-additional[b-13pbg4au25] {
    grid-column: 1 / -1;
    min-width: 0;
    border: 1px solid #d5e3df;
    border-radius: 12px;
    background: #fff;
}

.organization-additional__toggle[b-13pbg4au25] {
    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-13pbg4au25] { margin-inline-start: 8px; color: #607a72; font-weight: 400; font-size: .8rem; }
.organization-additional__toggle:hover[b-13pbg4au25] { background: #eaf4ef; }
.organization-additional__toggle:focus-visible[b-13pbg4au25] { outline: 3px solid #348778; outline-offset: 2px; }
.organization-additional__chevron[b-13pbg4au25] { flex-shrink: 0; font-size: 1.25rem; line-height: 1; }
.organization-additional__body[b-13pbg4au25] { padding: 16px; border-top: 1px solid #e3ece8; }
.organization-additional__body[hidden][b-13pbg4au25] { display: none; }
/* _content/Starterkit/Observatory/Components/OrganizationDetailsDialog.razor.rz.scp.css */
.organization-details[b-0o7izt7q0a] { width: 100%; max-width: 100%; max-height: 80vh; max-height: 80dvh; display: flex; flex-direction: column; min-width: 0; color: #17383b; text-align: start; }
.organization-details__header[b-0o7izt7q0a] { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid #dbe7e3; }
.organization-details__header > div[b-0o7izt7q0a] { min-width: 0; }
.organization-details__eyebrow[b-0o7izt7q0a] { color: #52736a; font-size: .8rem; }
.organization-details h2[b-0o7izt7q0a] { margin: 6px 0 0; font-size: 1.15rem; line-height: 1.7; overflow-wrap: anywhere; }
.organization-details__close[b-0o7izt7q0a] { 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-0o7izt7q0a] { overflow-y: auto; min-height: 0; padding: 18px 4px; }
.organization-details dl[b-0o7izt7q0a] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0; }
.organization-details dl > div[b-0o7izt7q0a] { min-width: 0; }
.organization-details .is-wide[b-0o7izt7q0a] { grid-column: 1 / -1; }
.organization-details dt[b-0o7izt7q0a] { color: #607a72; font-size: .8rem; font-weight: 600; }
.organization-details dd[b-0o7izt7q0a] { margin: 6px 0 0; font-size: .95rem; line-height: 1.7; overflow-wrap: anywhere; }
.organization-details code[b-0o7izt7q0a] { display: inline-block; max-width: 100%; padding: 3px 8px; border-radius: 6px; color: #245c4e; background: #edf5f1; white-space: normal; }
.organization-details a[b-0o7izt7q0a] { display: inline-block; max-width: 100%; color: #176855; text-underline-offset: 4px; overflow-wrap: anywhere; }
.organization-details__missing[b-0o7izt7q0a] { color: #738587; }
.organization-details footer[b-0o7izt7q0a] { display: flex; justify-content: flex-end; padding-top: 14px; border-top: 1px solid #dbe7e3; }
.organization-details__done[b-0o7izt7q0a] { 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-0o7izt7q0a], .organization-details a:focus-visible[b-0o7izt7q0a] { outline: 3px solid #348778; outline-offset: 2px; }
/* _content/Starterkit/Observatory/Components/OrganizationDirectory.razor.rz.scp.css */
.obs-org-directory[b-ic4pgt4k3p] {
    container-type: inline-size;
    min-width: 0;
    color: #17383b;
    text-align: start;
}

.obs-org-heading[b-ic4pgt4k3p], .obs-org-toolbar[b-ic4pgt4k3p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

.obs-org-directory h3[b-ic4pgt4k3p], .obs-org-directory h4[b-ic4pgt4k3p], .obs-org-directory p[b-ic4pgt4k3p] { margin: 0; }
.obs-org-directory h3[b-ic4pgt4k3p] { font-size: 1.05rem; font-weight: 800; line-height: 1.7; }
.obs-org-directory p[b-ic4pgt4k3p] { margin-top: 4px; color: #5b7375; font-size: .88rem; line-height: 1.8; overflow-wrap: anywhere; }
.obs-org-total[b-ic4pgt4k3p] { font-size: .85rem; color: #5b7375; }

.obs-org-chips[b-ic4pgt4k3p] { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; padding: 3px; }
.obs-org-chip[b-ic4pgt4k3p] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid #cedfdb;
    border-radius: 24px;
    background: #fff;
    color: #284d50;
    font: inherit;
    font-size: .9rem;
    line-height: 1.6;
    text-align: start;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}
.obs-org-chip > span:first-child[b-ic4pgt4k3p] { min-width: 0; overflow-wrap: anywhere; }
.obs-org-chip:hover[b-ic4pgt4k3p] { background: #f0f8f5; border-color: #729c91; }
.obs-org-chip.is-selected[b-ic4pgt4k3p] { background: #173f41; color: #fff; border-color: #173f41; }
.obs-org-chip__count[b-ic4pgt4k3p] { flex-shrink: 0; min-width: 26px; padding: 1px 7px; border-radius: 20px; background: #edf5f2; color: #345d55; text-align: center; font-size: .8rem; }
.obs-org-chip.is-selected .obs-org-chip__count[b-ic4pgt4k3p] { background: #d9f3e9; color: #184c3d; }
.obs-org-chip:focus-visible[b-ic4pgt4k3p], .obs-org-action:focus-visible[b-ic4pgt4k3p], .obs-org-search input:focus-visible[b-ic4pgt4k3p], .obs-org-contacts a:focus-visible[b-ic4pgt4k3p] { outline: 3px solid #348778; outline-offset: 3px; }

.obs-org-main[b-ic4pgt4k3p] { padding: 20px; border: 1px solid #cedfd9; border-radius: 16px; background: #f3f8f6; margin-bottom: 28px; }
.obs-org-eyebrow[b-ic4pgt4k3p] { display: block; color: #426c61; font-size: .8rem; font-weight: 700; margin-bottom: 14px; }
.obs-org-row[b-ic4pgt4k3p] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr) auto; align-items: start; gap: 24px; min-width: 0; }
.obs-org-identity[b-ic4pgt4k3p] { display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.obs-org-identity h4[b-ic4pgt4k3p] { margin-bottom: 8px; font-size: 1.05rem; line-height: 1.8; font-weight: 800; }
.obs-org-identity > span:not(.obs-org-label)[b-ic4pgt4k3p] { color: #466367; font-size: .88rem; line-height: 1.7; }
.obs-org-identity code[b-ic4pgt4k3p] { display: block; width: fit-content; max-width: 100%; padding: 3px 7px; border-radius: 5px; background: #edf3f1; color: #355f57; font-size: .8rem; white-space: normal; overflow-wrap: anywhere; }
.obs-org-label[b-ic4pgt4k3p], .obs-org-contacts dt[b-ic4pgt4k3p] { font-size: .8rem; color: #5b7375; font-weight: 600; line-height: 1.7; }
.obs-org-contacts[b-ic4pgt4k3p] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; min-width: 0; margin: 0; }
.obs-org-contacts > div[b-ic4pgt4k3p] { min-width: 0; }
.obs-org-contacts dd[b-ic4pgt4k3p] { margin: 4px 0 0; font-size: .95rem; line-height: 1.8; overflow-wrap: anywhere; }
.obs-org-contacts a[b-ic4pgt4k3p] { display: inline-block; max-width: 100%; color: #176855; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.obs-org-missing[b-ic4pgt4k3p] { color: #738587; font-size: .88rem; }
.obs-org-actions[b-ic4pgt4k3p] { display: flex; flex-wrap: wrap; gap: 8px; }
.obs-org-action[b-ic4pgt4k3p] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 12px; border: 1px solid #bfd3cd; border-radius: 9px; color: #245c4e; background: #fff; font: inherit; font-size: .85rem; line-height: 1.5; cursor: pointer; }
.obs-org-action:hover[b-ic4pgt4k3p] { background: #eaf4ef; }
.obs-org-action.is-delete[b-ic4pgt4k3p] { color: #a53948; border-color: #e5c8cd; }
.obs-org-action.is-delete:hover[b-ic4pgt4k3p] { background: #fcf0f2; }
.obs-org-action:disabled[b-ic4pgt4k3p] { cursor: wait; opacity: .55; }

.obs-org-toolbar > div[b-ic4pgt4k3p] { flex: 1 1 230px; min-width: 0; }
.obs-org-search[b-ic4pgt4k3p] { display: grid; flex: 0 1 340px; min-width: 0; gap: 6px; max-width: 100%; color: #466367; font-size: .8rem; }
.obs-org-search input[b-ic4pgt4k3p] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #c9dcd6; border-radius: 9px; background: #fff; color: #17383b; font: inherit; font-size: .9rem; }
.obs-org-rows[b-ic4pgt4k3p] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-content: start;
    gap: 12px;
    max-height: min(560px, 65vh);
    max-height: min(560px, 65dvh);
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #9cbdb2 #f3f8f6;
    padding: 4px;
    border-radius: 14px;
}
.obs-org-rows:focus-visible[b-ic4pgt4k3p] { outline: 3px solid #348778; outline-offset: 2px; }
.obs-org-branch[b-ic4pgt4k3p] { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 14px; border: 1px solid #dbe7e3; border-radius: 12px; background: #fff; }
.obs-org-branch .obs-org-identity[b-ic4pgt4k3p] { gap: 8px; }
.obs-org-branch .obs-org-identity h4[b-ic4pgt4k3p] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; font-size: .95rem; line-height: 1.6; }
.obs-org-card-actions[b-ic4pgt4k3p] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 10px; border-top: 1px solid #e5eeea; }
.obs-org-card-actions .obs-org-action[b-ic4pgt4k3p] { flex: 0 0 44px; width: 44px; height: 44px; padding: 7px; }
.obs-org-empty[b-ic4pgt4k3p] { display: grid; justify-items: start; gap: 10px; padding: 26px 18px; border: 1px dashed #cbdcd5; border-radius: 12px; background: #f8fbfa; line-height: 1.8; }
.obs-org-empty span[b-ic4pgt4k3p] { color: #5b7375; font-size: .9rem; }

@container (max-width: 1099px) {
    .obs-org-rows[b-ic4pgt4k3p] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container (max-width: 799px) {
    .obs-org-rows[b-ic4pgt4k3p] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 850px) {
    .obs-org-row[b-ic4pgt4k3p] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
    .obs-org-actions[b-ic4pgt4k3p] { grid-column: 1 / -1; padding-top: 14px; border-top: 1px solid #dbe7e3; }
}
@container (max-width: 520px) {
    .obs-org-row[b-ic4pgt4k3p] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .obs-org-main[b-ic4pgt4k3p] { padding: 16px; }
    .obs-org-rows[b-ic4pgt4k3p] { grid-template-columns: minmax(0, 1fr); }
    .obs-org-search[b-ic4pgt4k3p] { flex-basis: 100%; }
    .obs-org-actions[b-ic4pgt4k3p] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .obs-org-chip[b-ic4pgt4k3p] { padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .obs-org-chip[b-ic4pgt4k3p] { transition: none; }
}
/* _content/Starterkit/Observatory/Components/OrganizationIdentity.razor.rz.scp.css */
.organization-identity[b-yusdcs0fpo] { 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-yusdcs0fpo] { min-width: 0; overflow-wrap: anywhere; }
.organization-identity__type[b-yusdcs0fpo] { 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-yusdcs0fpo] { color: #1e40af; background: #eff6ff; border-color: #bfdbfe; }
.organization-identity__type.is-branch[b-yusdcs0fpo] { color: #116149; background: #ecfdf5; border-color: #a7f3d0; }
.organization-identity__parent[b-yusdcs0fpo] { 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-nnc2pnm5qn] {
    --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-nnc2pnm5qn]::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-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    min-width: 0;
}

.journey-panel__eyebrow[b-nnc2pnm5qn] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    color: #9a681e;
    font-size: .76rem;
    font-weight: 900;
}

.journey-panel__eyebrow i[b-nnc2pnm5qn] {
    font-size: .72rem;
}

.journey-panel h2[b-nnc2pnm5qn] {
    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-nnc2pnm5qn],
.journey-panel__empty span[b-nnc2pnm5qn] {
    margin: 0;
    color: var(--journey-muted);
    font-weight: 650;
}

.journey-panel p[b-nnc2pnm5qn] {
    max-width: 46rem;
    font-size: .86rem;
    line-height: 1.75;
}

.journey-panel__selectors[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    display: grid;
    min-width: 0;
    gap: .42rem;
    margin: 0;
}

.journey-panel__selector-label[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    color: var(--journey-blue);
    font-size: .76rem;
}

.journey-panel__selector[b-nnc2pnm5qn]  .organization-select {
    grid-template-columns: minmax(0, 1fr) 52px;
    gap: .55rem;
}

.journey-panel__selector[b-nnc2pnm5qn]  .organization-select__add {
    min-width: 52px;
    min-height: 52px;
    border-color: #c9ddda;
    border-radius: .78rem;
    background: #f2faf8;
    font-size: .92rem;
}

.journey-panel__selector[b-nnc2pnm5qn]  .gb-autocomplete-select__input,
.journey-panel__selector[b-nnc2pnm5qn]  .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-nnc2pnm5qn]  .gb-autocomplete-select__input:hover {
    border-color: #9dbfc4 !important;
}

.journey-panel__selector[b-nnc2pnm5qn]  .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-nnc2pnm5qn]  .gb-autocomplete-select__toggle {
    width: 2.8rem;
    color: #58757b;
}

.journey-panel__selector[b-nnc2pnm5qn]  .gb-autocomplete-select__menu {
    z-index: 1200;
    max-height: 20rem;
    font-size: .9rem;
}

.journey-panel__loading[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: 1.4fr repeat(2, 1fr);
    gap: .75rem;
    margin-top: 1rem;
}

.journey-panel__skeleton[b-nnc2pnm5qn] {
    min-height: 6rem;
    border-radius: .9rem;
    background: linear-gradient(100deg, #eef3f4 25%, #f8fafb 42%, #eef3f4 60%);
    background-size: 220% 100%;
    animation: journey-skeleton-b-nnc2pnm5qn 1.4s ease-in-out infinite;
}

.journey-panel__empty[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    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-nnc2pnm5qn],
.journey-panel__empty span[b-nnc2pnm5qn] {
    display: block;
}

.journey-panel__empty strong[b-nnc2pnm5qn] {
    color: var(--journey-ink);
    font-size: .94rem;
}

.journey-panel__empty span[b-nnc2pnm5qn] {
    margin-top: .2rem;
    font-size: .78rem;
    line-height: 1.65;
}

.journey-panel__overview[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(19rem, .62fr);
    gap: .8rem;
    margin-top: 1rem;
}

.journey-panel__overview.is-progress-only[b-nnc2pnm5qn] {
    grid-template-columns: 1fr;
}

.journey-panel__readiness[b-nnc2pnm5qn] {
    --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-nnc2pnm5qn] {
    --readiness-color: var(--journey-success);
}

.journey-panel__readiness.is-attention[b-nnc2pnm5qn] {
    --readiness-color: #a97625;
}

.journey-panel__readiness-score[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    color: var(--journey-muted);
    font-size: .64rem;
    font-weight: 800;
}

.journey-panel__readiness-score strong[b-nnc2pnm5qn] {
    color: var(--readiness-color);
    font-size: 1.52rem;
    font-weight: 950;
    line-height: 1.25;
}

.journey-panel__readiness-score span[b-nnc2pnm5qn],
.journey-panel__version[b-nnc2pnm5qn] {
    color: var(--journey-muted);
    font-size: .68rem;
    font-weight: 850;
}

.journey-panel__readiness dl[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    background: #fff3f4;
}

.journey-panel__readiness dt[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    margin: 0;
    color: var(--journey-ink);
    font-size: .85rem;
    font-weight: 950;
}

.journey-panel__readiness .has-blockers dd[b-nnc2pnm5qn] {
    color: #aa3f50;
}

.journey-panel__version[b-nnc2pnm5qn] {
    align-self: start;
    padding: .4rem .58rem;
    border: 1px solid #e0e8ea;
    border-radius: .58rem;
    background: var(--journey-surface);
    white-space: nowrap;
}

.journey-panel__progress[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
}

.journey-panel__progress-copy span[b-nnc2pnm5qn] {
    color: #58747a;
    font-size: .8rem;
    font-weight: 850;
    line-height: 1.55;
}

.journey-panel__progress strong[b-nnc2pnm5qn] {
    color: var(--journey-blue);
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1;
}

.journey-panel__bar[b-nnc2pnm5qn] {
    height: .52rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dfeaec;
}

.journey-panel__bar span[b-nnc2pnm5qn] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--journey-blue), #2ea78d);
    transition: width .28s ease;
}

.journey-steps[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    position: relative;
    min-width: 0;
    scroll-snap-align: start;
    transition: opacity .18s ease, filter .18s ease;
}

.journey-step__main[b-nnc2pnm5qn] {
    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-nnc2pnm5qn],
.journey-step__main:focus-visible[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    transform: translateY(0) scale(.99);
}

.journey-step__marker[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    min-width: 0;
}

.journey-step__content strong[b-nnc2pnm5qn],
.journey-step__content small[b-nnc2pnm5qn] {
    display: block;
    overflow-wrap: anywhere;
}

.journey-step__content strong[b-nnc2pnm5qn] {
    font-size: .88rem;
    line-height: 1.48;
}

.journey-step__content small[b-nnc2pnm5qn] {
    margin-top: .18rem;
    color: #70898f;
    font-size: .72rem;
    line-height: 1.55;
}

.journey-step.is-complete .journey-step__main[b-nnc2pnm5qn] {
    border-color: rgba(18, 134, 111, .28);
    background: var(--journey-success-soft);
}

.journey-step.is-complete .journey-step__marker[b-nnc2pnm5qn] {
    background: var(--journey-success);
    color: #fff;
}

.journey-step.is-current .journey-step__main[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    background: var(--journey-blue);
    color: #fff;
    box-shadow: 0 0 0 .3rem rgba(29, 120, 212, .12);
}

.journey-step.is-pending[b-nnc2pnm5qn] {
    opacity: .62;
    filter: saturate(.62);
}

.journey-step.is-pending:hover[b-nnc2pnm5qn],
.journey-step.is-pending:focus-within[b-nnc2pnm5qn] {
    opacity: .86;
}

.journey-step__details[b-nnc2pnm5qn] {
    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-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: start;
    gap: .4rem;
    color: #5d787e;
}

.journey-substep i[b-nnc2pnm5qn] {
    margin-top: .2rem;
    font-size: .6rem;
    text-align: center;
}

.journey-substep b[b-nnc2pnm5qn],
.journey-substep small[b-nnc2pnm5qn] {
    display: block;
    overflow-wrap: anywhere;
}

.journey-substep b[b-nnc2pnm5qn] {
    color: inherit;
    font-size: .71rem;
    line-height: 1.45;
}

.journey-substep small[b-nnc2pnm5qn] {
    margin-top: .08rem;
    color: #7f959a;
    font-size: .64rem;
    line-height: 1.48;
}

.journey-substep.is-complete[b-nnc2pnm5qn] {
    color: var(--journey-success);
}

.journey-substep.is-current[b-nnc2pnm5qn] {
    color: var(--journey-blue);
}

.journey-substep.is-attention[b-nnc2pnm5qn] {
    color: #a95618;
}

.journey-substep.is-pending[b-nnc2pnm5qn] {
    opacity: .72;
}

@keyframes journey-skeleton-b-nnc2pnm5qn {
    to {
        background-position: -120% 0;
    }
}

@media (max-width: 1180px) {
    .journey-panel__heading[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }

    .journey-panel__selectors[b-nnc2pnm5qn] {
        grid-template-columns: repeat(2, minmax(14rem, 1fr));
    }

    .journey-panel__overview[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .journey-panel__selectors[b-nnc2pnm5qn],
    .journey-panel__loading[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }

    .journey-panel__readiness[b-nnc2pnm5qn] {
        grid-template-columns: 6.5rem minmax(0, 1fr);
    }

    .journey-panel__readiness dl[b-nnc2pnm5qn] {
        grid-template-columns: repeat(2, minmax(7rem, 1fr));
    }

    .journey-panel__version[b-nnc2pnm5qn] {
        grid-column: 1 / -1;
        width: max-content;
    }
}

@media (max-width: 520px) {
    .journey-panel[b-nnc2pnm5qn] {
        padding: .8rem;
        border-radius: 1rem;
    }

    .journey-panel__heading[b-nnc2pnm5qn] {
        gap: 1rem;
    }

    .journey-panel__selectors[b-nnc2pnm5qn] {
        padding: .7rem;
    }

    .journey-panel__selector[b-nnc2pnm5qn]  .organization-select {
        grid-template-columns: minmax(0, 1fr) 48px;
    }

    .journey-panel__selector[b-nnc2pnm5qn]  .organization-select__add,
    .journey-panel__selector[b-nnc2pnm5qn]  .gb-autocomplete-select__input,
    .journey-panel__selector[b-nnc2pnm5qn]  .journey-panel__control {
        min-height: 48px !important;
    }

    .journey-panel__readiness[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }

    .journey-panel__readiness-score[b-nnc2pnm5qn] {
        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-nnc2pnm5qn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .journey-panel__readiness dt[b-nnc2pnm5qn] {
        white-space: normal;
    }

    .journey-panel__progress-copy[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }

    .journey-steps[b-nnc2pnm5qn] {
        grid-template-columns: repeat(5, 14rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .journey-panel__skeleton[b-nnc2pnm5qn] {
        animation: none;
    }

    .journey-step[b-nnc2pnm5qn],
    .journey-step__main[b-nnc2pnm5qn],
    .journey-panel__bar span[b-nnc2pnm5qn] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/OrganizationMultiSelect.razor.rz.scp.css */
.branch-multi[b-b0k9jt0l1h]{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-b0k9jt0l1h]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #afc9c9;border-radius:12px;background:var(--bs-body-bg,#fff)}
.branch-multi__control:focus-within[b-b0k9jt0l1h]{outline:2px solid #287a66;outline-offset:2px}.is-invalid .branch-multi__control[b-b0k9jt0l1h]{border-color:#a02537}
.branch-multi__chip[b-b0k9jt0l1h]{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-b0k9jt0l1h]{overflow-wrap:anywhere;min-width:0}.branch-multi__chip button[b-b0k9jt0l1h]{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-b0k9jt0l1h]{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-b0k9jt0l1h],.branch-multi__footer button[b-b0k9jt0l1h]{border:1px solid #afc9c9;border-radius:8px;background:var(--bs-body-bg,#fff);color:inherit;font:inherit;min-height:44px;padding:8px 12px;white-space:normal}
.branch-multi__panel[b-b0k9jt0l1h]{margin-top:8px;padding:12px;border:1px solid #afc9c9;border-radius:12px;background:var(--bs-body-bg,#fff)}
.branch-multi__panel p[b-b0k9jt0l1h]{margin:0 0 10px;overflow-wrap:anywhere}.branch-multi__results[b-b0k9jt0l1h]{max-height:300px;overflow:auto}
.branch-multi__option[b-b0k9jt0l1h]{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-b0k9jt0l1h]{width:22px;height:22px;min-height:0;flex-shrink:0;accent-color:#287a66}.branch-multi__option>span[b-b0k9jt0l1h]{display:grid;gap:5px;min-width:0}.branch-multi__option strong[b-b0k9jt0l1h],.branch-multi__option small[b-b0k9jt0l1h]{overflow-wrap:anywhere}.branch-multi__option small[b-b0k9jt0l1h]{color:#4c686c;font-size:15px}
.branch-multi__footer[b-b0k9jt0l1h]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}button:disabled[b-b0k9jt0l1h]{opacity:.6;cursor:not-allowed}button:focus-visible[b-b0k9jt0l1h]{outline:3px solid #287a66;outline-offset:2px}
@media(max-width:480px){.branch-multi__toggle[b-b0k9jt0l1h]{width:100%}.branch-multi__panel[b-b0k9jt0l1h]{padding:8px}}
/* _content/Starterkit/Observatory/Components/OrganizationSelect.razor.rz.scp.css */
.organization-select[b-lxrajgrilu] {
    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-lxrajgrilu]  .gb-autocomplete-select,
.organization-select[b-lxrajgrilu]  .gb-autocomplete-select__control,
.organization-select[b-lxrajgrilu]  .gb-autocomplete-select__input {
    min-width: 0;
    max-width: 100%;
}

.organization-select__add[b-lxrajgrilu] {
    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-lxrajgrilu],
.organization-select__add:focus-visible[b-lxrajgrilu] {
    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-lxrajgrilu] {
    cursor: not-allowed;
    opacity: 0.5;
}

.organization-select__identity[b-lxrajgrilu] { grid-column: 1 / -1; }

.organization-select__created[b-lxrajgrilu] {
    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-lxrajgrilu] {
        grid-template-columns: minmax(0, 1fr) 40px;
        gap: 0.4rem;
    }
}

.organization-select--multiple[b-lxrajgrilu]{align-items:start;grid-template-columns:minmax(0,1fr) 44px}
.organization-select--multiple .organization-select__add[b-lxrajgrilu]{height:48px;min-width:44px}
.organization-select--no-add[b-lxrajgrilu]{grid-template-columns:minmax(0,1fr)}
/* _content/Starterkit/Observatory/Components/PermissionGroupCard.razor.rz.scp.css */
.permission-group[b-p762w9zp1g] { --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-p762w9zp1g] { 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-p762w9zp1g] { font-size:20px; line-height:1.6; margin:0 0 8px; overflow-wrap:anywhere; }
.permission-group__scope[b-p762w9zp1g] { display:inline-block; padding:4px 10px; border-radius:7px; background:#f0f5f5; color:#496268; font-size:16px; }
.permission-group__count[b-p762w9zp1g] { color:#146747; background:#e9f7ef; border-radius:7px; padding:4px 10px; white-space:nowrap; font-size:16px; }
.permission-group__hint[b-p762w9zp1g] { margin:12px 0; font-size:18px; line-height:1.7; color:#50666c; }
.permission-group__rows[b-p762w9zp1g] { display:grid; gap:8px; margin-top:12px; }
.permission-group[b-p762w9zp1g]  .permission-row { display:flex; align-items:center; gap:8px; min-width:0; padding:6px; border-radius:8px; }
.permission-group[b-p762w9zp1g]  .permission-row.is-enabled { background:#edf9f1; }
.permission-group[b-p762w9zp1g]  .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-p762w9zp1g]  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-p762w9zp1g]  .permission-row span { overflow-wrap:anywhere; }
.permission-group[b-p762w9zp1g]  .permission-help { width:44px; height:44px; flex:0 0 44px; padding:0; border:0; border-radius:8px; background:transparent; color:#45666b; }
.permission-group[b-p762w9zp1g]  .permission-help:hover { background:#dfedeb; }
.permission-group[b-p762w9zp1g]  :focus-visible { outline:3px solid #15816c; outline-offset:3px; }
@media(max-width:550px) { .permission-group[b-p762w9zp1g] { padding:14px; } }
/* _content/Starterkit/Observatory/Components/QuickCreateOrganizationDialog.razor.rz.scp.css */
.quick-organization[b-xcrj2g3y29] {
    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-xcrj2g3y29] {
    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-xcrj2g3y29] {
    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-xcrj2g3y29] {
    color: #b16a10;
    font-weight: 800;
}

.quick-organization__header h2[b-xcrj2g3y29] {
    margin: 0.15rem 0 0.25rem;
    color: #0f3e4b;
    font-size: 1.35rem;
    font-weight: 900;
}

.quick-organization__header p[b-xcrj2g3y29] {
    margin: 0;
    color: #657f87;
    font-size: 0.9rem;
}

.quick-organization__close[b-xcrj2g3y29] {
    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-xcrj2g3y29] {
    padding: 1.35rem 1.45rem;
}

.quick-organization__grid[b-xcrj2g3y29] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.quick-organization__grid label[b-xcrj2g3y29] {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    margin: 0;
}

.quick-organization__grid label.is-wide[b-xcrj2g3y29] {
    grid-column: 1 / -1;
}

.quick-organization__grid label > span[b-xcrj2g3y29] {
    font-size: 0.87rem;
    font-weight: 800;
}

.quick-organization__grid label > span b[b-xcrj2g3y29] {
    color: #c2413b;
}

.quick-organization__grid .form-control[b-xcrj2g3y29] {
    min-height: 44px;
    border-radius: 12px;
    border-color: #d5e3e6;
}

.quick-organization__grid .form-control:focus[b-xcrj2g3y29] {
    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-xcrj2g3y29] {
    color: #71868c;
    font-size: 0.76rem;
}

.quick-organization__message[b-xcrj2g3y29] {
    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-xcrj2g3y29] {
    color: #b42318;
    font-size: 0.76rem;
    font-weight: 700;
}

.quick-organization__actions[b-xcrj2g3y29] {
    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-xcrj2g3y29] {
    min-height: 42px;
    padding-inline: 1.1rem;
    border-radius: 12px;
    font-weight: 800;
}

.quick-organization__cancel[b-xcrj2g3y29] {
    border: 1px solid #d6e1e4;
    background: #fff;
    color: #526b73;
}

.quick-organization__save[b-xcrj2g3y29] {
    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-xcrj2g3y29] {
        width: calc(100vw - 1rem);
        border-radius: 16px;
    }

    .quick-organization__header[b-xcrj2g3y29],
    .quick-organization__body[b-xcrj2g3y29],
    .quick-organization__actions[b-xcrj2g3y29] {
        padding-inline: 1rem;
    }

    .quick-organization__grid[b-xcrj2g3y29] {
        grid-template-columns: 1fr;
    }

    .quick-organization__grid label.is-wide[b-xcrj2g3y29] {
        grid-column: auto;
    }
}
/* _content/Starterkit/Observatory/Components/RoleNotificationPermission.razor.rz.scp.css */
.role-notifications[b-ar51krzrcr] { min-width:0; margin-top:8px; padding-top:12px; border-top:1px solid #dce8e6; }
p[b-ar51krzrcr] { font-size:18px; line-height:1.7; color:#4f656b; margin:8px 0 14px; }
.btn[b-ar51krzrcr] { min-height:44px; white-space:normal; line-height:1.6; border:1px solid #41856e!important; }
.alert[b-ar51krzrcr] { overflow-wrap:anywhere; line-height:1.7; }

.permission-row[b-ar51krzrcr] { display:flex; border-radius:8px; padding:6px; }
.permission-row.is-enabled[b-ar51krzrcr] { background:#edf9f1; }
label[b-ar51krzrcr] { display:flex; align-items:flex-start; gap:12px; margin:0; padding:8px 4px; line-height:1.65; }
input[type=checkbox][b-ar51krzrcr] { flex:0 0 22px; width:22px!important; height:22px!important; min-height:0!important; margin:4px 0 0; accent-color:#16734b; }
/* _content/Starterkit/Observatory/Dashboards.razor.rz.scp.css */
.dashboard-workspace[b-bl6f7av1u9] {
    --dash-ink: #102f34;
    --dash-muted: #647a7d;
    --dash-line: #dce8e6;
    --dash-paper: #ffffff;
    display: grid;
    gap: 20px;
}

.dashboard-page-heading[b-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9] {
    min-width: 0;
}

.dashboard-page-heading__copy h2[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    max-width: 720px;
    margin: 0;
    color: #667c7f;
    font-size: .76rem;
    font-weight: 650;
    line-height: 1.75;
}

.dashboard-page-heading__actions[b-bl6f7av1u9] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

.dashboard-page-heading__settings[b-bl6f7av1u9],
.dashboard-heading-help > summary[b-bl6f7av1u9] {
    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-bl6f7av1u9],
.dashboard-page-heading__settings:focus-visible[b-bl6f7av1u9],
.dashboard-heading-help > summary:hover[b-bl6f7av1u9],
.dashboard-heading-help > summary:focus-visible[b-bl6f7av1u9],
.dashboard-heading-help[open] > summary[b-bl6f7av1u9] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    outline: none;
    transform: translateY(-2px);
}

.dashboard-page-heading__back[b-bl6f7av1u9] {
    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-bl6f7av1u9],
.dashboard-page-heading__back:focus-visible[b-bl6f7av1u9] {
    color: #fff;
    background: var(--obs-primary);
    outline: none;
    transform: translateY(-1px);
}

.dashboard-heading-help[b-bl6f7av1u9] {
    position: relative;
}

.dashboard-heading-help > summary[b-bl6f7av1u9] {
    list-style: none;
}

.dashboard-heading-help > summary[b-bl6f7av1u9]::-webkit-details-marker {
    display: none;
}

.dashboard-heading-help__tooltip[b-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9] {
    display: block;
    color: #17383c;
    font-size: .8rem;
    font-weight: 950;
}

.dashboard-heading-help__tooltip[data-help-placement][b-bl6f7av1u9]::before {
    inset-inline-end: auto;
    left: var(--obs-help-arrow-left);
}

.dashboard-heading-help__tooltip[data-help-placement="top"][b-bl6f7av1u9]::before {
    inset-block-start: auto;
    bottom: -6px;
    transform: rotate(135deg);
}

.dashboard-heading-help__tooltip p[b-bl6f7av1u9] {
    margin: 5px 0 11px;
    color: #647a7d;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.75;
}

.dashboard-heading-help__tooltip a[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--obs-primary);
    font-size: .7rem;
    font-weight: 950;
    text-decoration: none;
}

.dashboard-kicker[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9] {
    position: relative;
    display: grid;
    width: 94px;
    height: 94px;
    place-items: center;
    margin-bottom: 22px;
}

.dashboard-loading__signal span[b-bl6f7av1u9] {
    position: absolute;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 54%, transparent);
    border-radius: 50%;
    animation: dashboard-pulse-b-bl6f7av1u9 2.2s ease-out infinite;
}

.dashboard-loading__signal span:nth-child(1)[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    width: 64px;
    height: 64px;
}

.dashboard-loading__signal span:nth-child(3)[b-bl6f7av1u9] {
    width: 94px;
    height: 94px;
    animation-delay: .55s;
}

.dashboard-loading__copy[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 13px;
    color: var(--dash-ink);
}

.dashboard-loading__copy .spinner-border[b-bl6f7av1u9] {
    color: var(--obs-primary);
}

.dashboard-loading__copy strong[b-bl6f7av1u9],
.dashboard-loading__copy small[b-bl6f7av1u9] {
    display: block;
}

.dashboard-loading__copy strong[b-bl6f7av1u9] {
    font-size: 1rem;
    font-weight: 950;
}

.dashboard-loading__copy small[b-bl6f7av1u9] {
    margin-top: 5px;
    color: var(--dash-muted);
    font-size: .75rem;
}

.dashboard-loading__skeleton[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9 1.6s linear infinite;
}

.dashboard-empty-state[b-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: color-mix(in srgb, var(--obs-secondary) 18%, transparent);
}

.dashboard-empty-state__orbit[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    position: relative;
    z-index: 1;
}

.dashboard-empty-state__copy h2[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.dashboard-empty-state__flow span[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #456064;
    font-size: .72rem;
    font-weight: 850;
}

.dashboard-empty-state__flow b[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    color: color-mix(in srgb, var(--obs-primary) 42%, #91a3a4);
    font-size: .65rem;
}

.dashboard-command[b-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9]::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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    color: color-mix(in srgb, var(--obs-secondary) 70%, #fff);
}

.dashboard-command__heading h2[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    max-width: 520px;
    margin: 0;
    color: rgba(236, 246, 245, .72);
    font-size: .77rem;
    line-height: 1.75;
}

.dashboard-card-overview[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9],
.dashboard-card-overview small[b-bl6f7av1u9] {
    display: block;
}

.dashboard-card-overview strong[b-bl6f7av1u9] {
    color: #fff;
    font-size: .78rem;
    font-weight: 950;
}

.dashboard-card-overview small[b-bl6f7av1u9] {
    margin-top: 5px;
    color: rgba(234, 245, 244, .66);
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.65;
}

.dashboard-selector[b-bl6f7av1u9] {
    display: grid;
    gap: 8px;
    margin: 0;
}

.dashboard-selector-row[b-bl6f7av1u9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 9px;
}

.dashboard-selector > span[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: grid;
    min-width: 86px;
    place-content: center;
    padding: 11px 14px;
    text-align: center;
}

.dashboard-command__pulse > span + span[b-bl6f7av1u9] {
    border-inline-start: 1px solid rgba(255,255,255,.1);
}

.dashboard-command__pulse strong[b-bl6f7av1u9],
.dashboard-command__pulse small[b-bl6f7av1u9] {
    display: block;
}

.dashboard-command__pulse strong[b-bl6f7av1u9] {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1;
}

.dashboard-command__pulse small[b-bl6f7av1u9] {
    margin-top: 5px;
    color: rgba(230, 242, 241, .62);
    font-size: .57rem;
    font-weight: 800;
    white-space: nowrap;
}

.dashboard-command__filter-bar[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    border-radius: 0;
}

.dashboard-filter-collapse[b-bl6f7av1u9] {
    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-bl6f7av1u9],
.dashboard-filter-collapse:focus-visible[b-bl6f7av1u9],
.dashboard-filter-collapse[aria-expanded="true"][b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    border-color: rgba(255, 206, 92, .34);
    background: rgba(116, 77, 7, .22);
}

.dashboard-filter-collapse__icon[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: 2px;
}

.dashboard-filter-collapse__copy strong[b-bl6f7av1u9] {
    font-size: .75rem;
    font-weight: 950;
}

.dashboard-filter-collapse__copy small[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    color: #ffe7a5;
}

.dashboard-filter-collapse__count[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    color: rgba(242, 248, 247, .72);
    font-size: .65rem;
}

.dashboard-command__exports[b-bl6f7av1u9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.dashboard-command__exports .obs-btn[b-bl6f7av1u9] {
    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-bl6f7av1u9],
.dashboard-command__exports .obs-btn:focus-visible[b-bl6f7av1u9] {
    border-color: rgba(255,255,255,.28);
    color: #fff;
    background: rgba(255,255,255,.12);
}

.dashboard-card-catalog[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.dashboard-card-catalog__head h3[b-bl6f7av1u9] {
    margin: 6px 0 0;
    color: #17383c;
    font-size: 1rem;
    font-weight: 950;
}

.dashboard-card-catalog__count[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
    gap: 13px;
}

.dashboard-card[b-bl6f7av1u9] {
    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-bl6f7av1u9],
.dashboard-card:focus-within[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: grid;
    width: 100%;
    min-height: 268px;
    align-content: start;
    gap: 11px;
    padding: 17px;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: start;
}

.dashboard-card__open:disabled[b-bl6f7av1u9] {
    cursor: wait;
    opacity: .78;
}

.dashboard-card__top[b-bl6f7av1u9] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    padding-inline-end: 38px;
}

.dashboard-card__type-icon[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    background: #326b91;
}

.dashboard-card__type-icon.is-public[b-bl6f7av1u9] {
    background: #8a6525;
}

.dashboard-card__type[b-bl6f7av1u9] {
    color: #668083;
    font-size: .64rem;
    font-weight: 900;
}

.dashboard-card__favorite-label[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-inline-start: auto;
    color: #8a6525;
    font-size: .59rem;
    font-weight: 950;
}

.dashboard-card__title[b-bl6f7av1u9] {
    overflow: hidden;
    color: #17383c;
    font-size: 1rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-card__description[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.dashboard-card__stats > span[b-bl6f7av1u9] {
    display: grid;
    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-bl6f7av1u9] {
    color: var(--obs-primary);
    font-size: .8rem;
    font-weight: 950;
}

.dashboard-card__organizations[b-bl6f7av1u9] {
    display: flex;
    min-height: 25px;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.dashboard-card__organizations > span[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dashboard-card__code[b-bl6f7av1u9] {
    overflow: hidden;
    max-width: 45%;
    color: #718689;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .57rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr;
}

.dashboard-card__delete[b-bl6f7av1u9] {
    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-bl6f7av1u9],
.dashboard-card__delete:focus-visible[b-bl6f7av1u9] {
    border-color: #db9c9f;
    color: #922e34;
    background: #fff3f3;
    outline: none;
}

.dashboard-card-catalog__empty[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    margin-bottom: 5px;
    color: var(--obs-primary);
    font-size: 1.4rem;
}

.dashboard-card-catalog__empty strong[b-bl6f7av1u9] {
    color: #294b4f;
    font-size: .82rem;
    font-weight: 950;
}

.dashboard-card-catalog__empty span[b-bl6f7av1u9] {
    font-size: .66rem;
    font-weight: 700;
}

.dashboard-selection-placeholder[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: block;
    color: #294b4f;
    font-size: .86rem;
    font-weight: 950;
}

.dashboard-selection-placeholder p[b-bl6f7av1u9] {
    margin: 5px 0 0;
    font-size: .68rem;
    font-weight: 700;
}

.dashboard-command__controls[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-filter-grid label[b-bl6f7av1u9] {
    display: grid;
    gap: 6px;
    margin: 0;
}

.dashboard-filter-grid label > span[b-bl6f7av1u9] {
    color: rgba(234, 245, 244, .68);
    font-size: .63rem;
    font-weight: 900;
}

.dashboard-filter-grid .form-select[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    color: #183b3f;
    background: #fff;
}

.dashboard-command[b-bl6f7av1u9]  .gb-autocomplete-select,
.dashboard-command[b-bl6f7av1u9]  .organization-select {
    position: relative;
    z-index: 30;
    width: 100%;
}

.dashboard-command[b-bl6f7av1u9]  .gb-autocomplete-select__menu {
    z-index: 1200;
}

.dashboard-filter-grid .form-select:focus[b-bl6f7av1u9],
.dashboard-selector .form-select:focus[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.dashboard-command__actions .obs-btn[b-bl6f7av1u9] {
    min-height: 43px;
    border-radius: 12px;
    font-size: .7rem;
    font-weight: 900;
}

.dashboard-command__actions .obs-btn--ghost[b-bl6f7av1u9] {
    border-color: rgba(255,255,255,.14);
    color: rgba(245, 250, 249, .86);
    background: rgba(255,255,255,.06);
}

.dashboard-filters-pending[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    color: #ffd369;
}

.dashboard-command__actions .obs-btn--ghost:hover[b-bl6f7av1u9],
.dashboard-command__actions .obs-btn--ghost:focus-visible[b-bl6f7av1u9] {
    border-color: rgba(255,255,255,.28);
    color: #fff;
    background: rgba(255,255,255,.12);
}

.dashboard-apply[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9],
.obs-dashboard-canvas__stamp[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
}

.obs-dashboard-canvas__eyebrow[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    max-width: 760px;
    margin: 0;
    color: rgba(230, 243, 242, .75);
    font-size: .82rem;
    line-height: 1.85;
}

.obs-dashboard-canvas__meta[b-bl6f7av1u9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 22px;
}

.obs-dashboard-canvas__meta span[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    color: color-mix(in srgb, var(--obs-secondary) 72%, #fff);
}

.obs-dashboard-canvas__stamp[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    margin-top: 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
}

.obs-dashboard-canvas__stamp small[b-bl6f7av1u9] {
    color: rgba(232, 244, 243, .62);
    font-size: .62rem;
    font-weight: 750;
}

.obs-dashboard-canvas__stamp-line[b-bl6f7av1u9] {
    width: 44px;
    height: 2px;
    margin: 13px 0 10px;
    border-radius: 999px;
    background: var(--obs-secondary);
}

.obs-dashboard-pages[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-primary) 42%, #d8e5e3);
    transform: translateY(-1px);
}

.obs-dashboard-pages button.is-active[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    font-size: .75rem;
    font-weight: 950;
}

.obs-dashboard-pages button small[b-bl6f7av1u9] {
    color: #839496;
    font-size: .58rem;
    font-weight: 800;
}

.obs-dashboard-pages button.is-active small[b-bl6f7av1u9] {
    color: rgba(255, 255, 255, .72);
}

.obs-dashboard-interaction[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-dashboard-interaction > div[b-bl6f7av1u9] {
    display: grid;
    gap: 2px;
}

.obs-dashboard-interaction small[b-bl6f7av1u9],
.obs-dashboard-interaction span[b-bl6f7av1u9] {
    color: #738789;
    font-size: .6rem;
    font-weight: 800;
}

.obs-dashboard-interaction strong[b-bl6f7av1u9] {
    font-size: .75rem;
    font-weight: 950;
}

.obs-dashboard-overlay[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    width: 2.4rem;
    height: 2.4rem;
    color: var(--obs-primary);
}

.obs-dashboard-overlay strong[b-bl6f7av1u9] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-widget-grid[b-bl6f7av1u9] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
    padding: clamp(14px, 2.6vw, 28px);
}

.obs-print-page-heading[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    color: var(--obs-secondary);
    font-size: .57rem;
    font-weight: 950;
}

.obs-print-page-heading h3[b-bl6f7av1u9],
.obs-print-page-heading p[b-bl6f7av1u9] {
    margin: 0;
}

.obs-print-page-heading h3[b-bl6f7av1u9] {
    color: #294d50;
    font-size: .94rem;
    font-weight: 950;
}

.obs-print-page-heading p[b-bl6f7av1u9] {
    color: #708588;
    font-size: .65rem;
    line-height: 1.65;
}

.obs-widget[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9] {
    grid-column: span var(--widget-width, 6);
    min-height: calc(185px + (var(--widget-height, 3) * 70px));
}

.obs-widget--slicer[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #d7e4e2);
}

.obs-widget.is-drilldown-target[b-bl6f7av1u9] {
    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-bl6f7av1u9]::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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    margin: 6px 0 0;
    color: var(--dash-ink);
    font-size: .98rem;
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-widget__signal[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #738789;
    font-size: .62rem;
    font-weight: 900;
}

.obs-widget__signal i[b-bl6f7av1u9] {
    color: var(--obs-secondary);
}

.obs-widget__icon[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9] {
    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-bl6f7av1u9]::after {
    width: 100%;
    background: #d79a19;
}

.obs-widget--target h3[b-bl6f7av1u9] {
    margin-block: 14px 10px;
}

.obs-widget__reading[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-widget__value[b-bl6f7av1u9] {
    color: var(--dash-ink);
    font-size: clamp(2rem, 4vw, 3.15rem);
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: .95;
}

.obs-widget__unit[b-bl6f7av1u9] {
    color: #74888a;
    font-size: .7rem;
    font-weight: 850;
}

.obs-widget__delta[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    border-color: #c9ead8;
    color: #176542;
    background: #edf9f3;
}

.obs-widget__delta.is-negative[b-bl6f7av1u9] {
    border-color: #f0ced4;
    color: #9e3447;
    background: #fff2f4;
}

.obs-widget__unit-chip[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    position: relative;
    margin-top: 16px;
    padding-top: 7px;
    border-top: 1px solid #edf2f1;
}

.obs-chart-frame__axis[b-bl6f7av1u9] {
    position: absolute;
    width: 34px;
    height: 2px;
    inset-inline-start: 0;
    inset-block-start: -1px;
    border-radius: 999px;
    background: var(--obs-secondary);
}

.obs-chart[b-bl6f7av1u9] {
    min-height: 300px;
}

.obs-widget-slicer[b-bl6f7av1u9] {
    display: grid;
    max-width: 520px;
    gap: 7px;
    margin-top: 24px;
    color: #4d686b;
    font-size: .68rem;
    font-weight: 900;
}

.dashboard-favorite-toggle[b-bl6f7av1u9] {
    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-bl6f7av1u9],
.dashboard-favorite-toggle:focus-visible[b-bl6f7av1u9],
.dashboard-favorite-toggle.is-active[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    outline: 3px solid rgba(255,255,255,.35);
    outline-offset: 2px;
}

.dashboard-favorite-toggle:disabled[b-bl6f7av1u9] {
    cursor: wait;
    opacity: .65;
    transform: none;
}

.dashboard-favorite-toggle i[b-bl6f7av1u9] {
    color: color-mix(in srgb, var(--obs-secondary) 78%, #fff);
    font-size: .85rem;
}

.dashboard-favorite-toggle span[b-bl6f7av1u9] {
    font-size: .56rem;
    font-weight: 950;
}

.obs-widget-slicer .form-select[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    color: #7a8e90;
    font-size: .58rem;
    line-height: 1.65;
}

.obs-widget-interaction-options[b-bl6f7av1u9] {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    margin-top: 9px;
    padding: 2px 1px 6px;
    scrollbar-width: thin;
}

.obs-widget-interaction-options button[b-bl6f7av1u9],
.obs-table-filter-button[b-bl6f7av1u9] {
    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-bl6f7av1u9],
.obs-table-filter-button:hover[b-bl6f7av1u9],
.obs-widget-interaction-options button[aria-pressed="true"][b-bl6f7av1u9],
.obs-table-filter-button[aria-pressed="true"][b-bl6f7av1u9] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
}

.obs-table-filter-button[b-bl6f7av1u9] {
    border-radius: 8px;
    white-space: normal;
}

.obs-widget table tr.is-selected > *[b-bl6f7av1u9] {
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

[b-bl6f7av1u9] .obs-chart .apexcharts-tooltip,
[b-bl6f7av1u9] .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-bl6f7av1u9] .obs-chart .apexcharts-gridline {
    stroke: #e7efed;
}

.obs-dashboard-no-data[b-bl6f7av1u9] {
    min-height: 360px;
    margin: 22px;
    border: 1px dashed #c9d9d6;
    border-radius: 22px;
    background: rgba(255,255,255,.7);
}

.obs-dashboard-canvas__foot[b-bl6f7av1u9] {
    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-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.obs-dashboard-canvas__foot i[b-bl6f7av1u9] {
    color: var(--obs-primary);
}

.obs-dashboard-canvas__code[b-bl6f7av1u9] {
    padding: 5px 9px;
    border: 1px solid #dce7e5;
    border-radius: 8px;
    color: #4f686b;
    background: #f4f8f7;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .61rem;
    direction: ltr;
}

@keyframes dashboard-pulse-b-bl6f7av1u9 {
    0% { opacity: .8; transform: scale(.7); }
    80%, 100% { opacity: 0; transform: scale(1.08); }
}

@keyframes dashboard-shimmer-b-bl6f7av1u9 {
    to { background-position: -220% 0; }
}

@media (max-width: 1279.98px) {
    .dashboard-command__lead[b-bl6f7av1u9] {
        grid-template-columns: minmax(250px, .8fr) minmax(320px, 1.2fr);
    }

    .dashboard-command__pulse[b-bl6f7av1u9] {
        grid-column: 1 / -1;
        justify-self: end;
    }

    .dashboard-command__actions[b-bl6f7av1u9] {
        justify-content: flex-start;
    }
}

@media (max-width: 1049.98px) {
    .dashboard-filter-grid[b-bl6f7av1u9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-widget--metric[b-bl6f7av1u9] {
        grid-column: span 6;
    }

    .obs-widget--chart[b-bl6f7av1u9] {
        grid-column: span 12;
    }
}

@media (max-width: 799.98px) {
    .dashboard-page-heading[b-bl6f7av1u9] {
        align-items: flex-start;
    }

    .dashboard-empty-state[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .dashboard-empty-state__flow[b-bl6f7av1u9] {
        justify-content: center;
    }

    .dashboard-command__lead[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
    }

    .dashboard-card-catalog__head[b-bl6f7av1u9] {
        align-items: flex-start;
    }

    .dashboard-command__pulse[b-bl6f7av1u9] {
        width: 100%;
        justify-self: stretch;
    }

    .dashboard-command__pulse > span[b-bl6f7av1u9] {
        flex: 1;
        min-width: 0;
    }

    .dashboard-command__filter-bar[b-bl6f7av1u9] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-filter-collapse[b-bl6f7av1u9] {
        width: 100%;
    }

    .dashboard-command__exports[b-bl6f7av1u9] {
        justify-content: flex-start;
    }

    .dashboard-filter-grid[b-bl6f7av1u9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-dashboard-canvas__head[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
    }

    .obs-dashboard-canvas__stamp[b-bl6f7av1u9] {
        width: min(100%, 300px);
        justify-self: start;
    }

    .obs-widget--metric[b-bl6f7av1u9],
    .obs-widget--chart[b-bl6f7av1u9],
    .obs-widget--slicer[b-bl6f7av1u9] {
        grid-column: span 12;
    }
}

@media (max-width: 559.98px) {
    .dashboard-page-heading[b-bl6f7av1u9] {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
        border-radius: 16px;
    }

    .dashboard-page-heading__actions[b-bl6f7av1u9] {
        justify-content: flex-start;
    }

    .dashboard-page-heading__back[b-bl6f7av1u9] {
        width: 100%;
        justify-content: center;
    }

    .dashboard-heading-help__tooltip[b-bl6f7av1u9] {
        inset-inline: 0 auto;
    }

    .dashboard-loading[b-bl6f7av1u9] {
        min-height: 360px;
        border-radius: 22px;
    }

    .dashboard-loading__skeleton[b-bl6f7av1u9] {
        width: 82vw;
        grid-template-columns: 1fr;
    }

    .dashboard-loading__skeleton span:not(:first-child)[b-bl6f7av1u9] {
        display: none;
    }

    .dashboard-empty-state[b-bl6f7av1u9] {
        min-height: 430px;
        padding: 28px 20px;
        border-radius: 22px;
    }

    .dashboard-empty-state__visual[b-bl6f7av1u9] {
        width: 190px;
    }

    .dashboard-empty-state__orbit[b-bl6f7av1u9] {
        width: 92px;
        height: 92px;
        border-radius: 28px;
        font-size: 1.6rem;
    }

    .dashboard-empty-state__flow[b-bl6f7av1u9] {
        display: grid;
        justify-content: stretch;
    }

    .dashboard-empty-state__flow i[b-bl6f7av1u9] {
        display: none;
    }

    .dashboard-command[b-bl6f7av1u9],
    .obs-dashboard-canvas[b-bl6f7av1u9] {
        border-radius: 22px;
    }

    .dashboard-card-catalog[b-bl6f7av1u9] {
        padding: 14px;
        border-radius: 19px;
    }

    .dashboard-card-catalog__head[b-bl6f7av1u9] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-card-catalog__count[b-bl6f7av1u9] {
        align-self: flex-start;
    }

    .dashboard-card__open[b-bl6f7av1u9] {
        min-height: 250px;
    }

    .dashboard-command__lead[b-bl6f7av1u9],
    .dashboard-command__controls[b-bl6f7av1u9],
    .dashboard-command__filter-bar[b-bl6f7av1u9] {
        padding-inline: 18px;
    }

    .dashboard-selector-row[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
    }

    .dashboard-favorite-toggle[b-bl6f7av1u9] {
        grid-auto-flow: column;
        width: 100%;
        min-height: 44px;
        justify-content: center;
    }

    .dashboard-filter-grid[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
    }

    .dashboard-command__actions[b-bl6f7av1u9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-command__actions .obs-btn[b-bl6f7av1u9] {
        width: 100%;
        justify-content: center;
    }

    .dashboard-command__exports[b-bl6f7av1u9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-command__exports .obs-btn[b-bl6f7av1u9] {
        width: 100%;
        justify-content: center;
    }

    .obs-dashboard-canvas__head[b-bl6f7av1u9] {
        padding: 30px 22px;
    }

    .obs-dashboard-canvas__head h2[b-bl6f7av1u9] {
        font-size: 1.55rem;
    }

    .obs-dashboard-canvas__meta[b-bl6f7av1u9] {
        display: grid;
    }

    .obs-dashboard-canvas__stamp[b-bl6f7av1u9] {
        width: 100%;
    }

    .obs-dashboard-interaction[b-bl6f7av1u9] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-dashboard-interaction .obs-btn[b-bl6f7av1u9] {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: center;
    }

    .obs-widget-grid[b-bl6f7av1u9] {
        padding: 10px;
    }

    .obs-widget[b-bl6f7av1u9] {
        border-radius: 17px;
    }

    .obs-widget-interaction-options button[b-bl6f7av1u9],
    .obs-table-filter-button[b-bl6f7av1u9] {
        min-height: 44px;
    }

    .obs-dashboard-canvas__foot[b-bl6f7av1u9] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media print {
    .dashboard-command[b-bl6f7av1u9],
    .obs-view-message[b-bl6f7av1u9] {
        display: none !important;
    }

    .obs-dashboard-canvas[b-bl6f7av1u9] {
        border: 0;
        box-shadow: none;
    }

    .obs-widget[b-bl6f7av1u9] {
        break-inside: avoid;
        box-shadow: none;
    }

    .obs-dashboard-canvas.is-printing-all-pages .obs-print-page-heading:not(:first-child)[b-bl6f7av1u9] {
        break-before: page;
        page-break-before: always;
    }

    .obs-print-page-heading[b-bl6f7av1u9] {
        break-after: avoid;
        page-break-after: avoid;
        border-color: #cfdcda;
        box-shadow: none;
    }

    .obs-dashboard-interaction .obs-btn[b-bl6f7av1u9],
    .obs-widget-interaction-options[b-bl6f7av1u9] {
        display: none !important;
    }

    .obs-widget.is-slicer-widget[b-bl6f7av1u9] {
        display: none !important;
    }

    .obs-table-filter-button[b-bl6f7av1u9] {
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: inherit;
        background: transparent;
    }

    .obs-widget.is-cross-filter-source[b-bl6f7av1u9],
    .obs-widget.is-cross-filter-target[b-bl6f7av1u9],
    .obs-widget.is-drilldown-target[b-bl6f7av1u9] {
        border-color: #dfe9e7;
        box-shadow: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-loading__signal span[b-bl6f7av1u9],
    .dashboard-loading__skeleton span[b-bl6f7av1u9] {
        animation: none;
    }

    .obs-widget[b-bl6f7av1u9] {
        transition: none;
    }

    .obs-widget:hover[b-bl6f7av1u9] {
        transform: none;
    }
}

/* The catalogue stays compact; the reader has its own layout without application chrome. */
.dashboard-page-heading--compact[b-bl6f7av1u9] { padding: 12px 18px; min-height: 0; margin-bottom: 14px; }
.dashboard-page-heading--compact .dashboard-kicker[b-bl6f7av1u9],
.dashboard-page-heading--compact .dashboard-page-heading__copy p[b-bl6f7av1u9] { display: none; }
.dashboard-page-heading--compact .dashboard-page-heading__copy h2[b-bl6f7av1u9] { margin: 0; font-size: 1.35rem; }
.dashboard-command[b-bl6f7av1u9] { border-radius: 14px; box-shadow: none; }
.dashboard-command__filter-bar[b-bl6f7av1u9] { border-radius: 14px; padding: 6px 12px; }
.dashboard-command.filters-expanded .dashboard-command__filter-bar[b-bl6f7av1u9] { border-radius: 14px 14px 0 0; }
.dashboard-viewer[b-bl6f7av1u9] { min-height: 100dvh; width: 100%; background: #f8fafb; color: #18383c; }
.dashboard-viewer__toolbar[b-bl6f7av1u9] { 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-bl6f7av1u9] { min-width: 0; }
.dashboard-viewer__toolbar h1[b-bl6f7av1u9] { margin: 0; color: inherit; font-size: 1.3rem; overflow-wrap: anywhere; }
.dashboard-viewer__toolbar span[b-bl6f7av1u9] { font-size: .85rem; }
.dashboard-viewer__toolbar a[b-bl6f7av1u9] { 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-bl6f7av1u9] { outline: 3px solid #fff; outline-offset: 3px; }
.dashboard-viewer .dashboard-workspace[b-bl6f7av1u9] { padding: 12px; gap: 12px; }
.dashboard-viewer .obs-dashboard-canvas[b-bl6f7av1u9] { margin: 0; border-radius: 12px; }
@media (max-width: 600px) {
    .dashboard-viewer__toolbar[b-bl6f7av1u9] { align-items: flex-start; flex-wrap: wrap; padding: 10px 12px; gap: 8px; }
    .dashboard-viewer__toolbar h1[b-bl6f7av1u9] { font-size: 1.1rem; }
    .dashboard-viewer .dashboard-workspace[b-bl6f7av1u9] { padding: 6px; }
}
@media print { .dashboard-viewer__toolbar[b-bl6f7av1u9] { display: none; } }
/* _content/Starterkit/Observatory/DataCatalog.razor.rz.scp.css */
.obs-loading[b-s11m7mbn5b] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #496467;
    font-weight: 850;
}

.obs-page-message[b-s11m7mbn5b] {
    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-s11m7mbn5b]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 4px;
    background: currentColor;
    content: "";
}

.obs-page-message.is-success[b-s11m7mbn5b] {
    color: #0d6955;
    border-color: #b7dfd5;
    background: #f1fbf8;
}

.obs-page-message.is-error[b-s11m7mbn5b] {
    color: #96384a;
    border-color: #ecc2ca;
    background: #fff4f6;
}

.obs-page-message__content[b-s11m7mbn5b] {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.obs-page-message__content strong[b-s11m7mbn5b] {
    font-size: .8rem;
}

.obs-page-message__codes[b-s11m7mbn5b] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-page-message__codes li[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b]::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-s11m7mbn5b] {
    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-s11m7mbn5b],
.obs-tab:focus-visible[b-s11m7mbn5b] {
    color: #fff;
    background: rgba(255, 255, 255, .08);
    outline: none;
}

.obs-tab:focus-visible[b-s11m7mbn5b] {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--obs-secondary) 75%, #fff);
}

.obs-tab__label[b-s11m7mbn5b] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.obs-tab__label i[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b]::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-s11m7mbn5b] {
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
}

.obs-tab.is-active strong[b-s11m7mbn5b] {
    color: #76561e;
    background: color-mix(in srgb, var(--obs-secondary) 18%, #fff);
}

.obs-panel[b-s11m7mbn5b] {
    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-s11m7mbn5b]::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-s11m7mbn5b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5ecea;
}

.obs-panel__title[b-s11m7mbn5b] {
    margin: 0;
    color: #14373a;
    font-size: clamp(1.1rem, 1.4vw, 1.35rem);
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-panel__subtitle[b-s11m7mbn5b] {
    max-width: 760px;
    margin: 7px 0 0;
    color: #6c8082;
    font-size: .8rem;
    line-height: 1.85;
}

.obs-readiness[b-s11m7mbn5b],
.readonly-chip[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b]::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-s11m7mbn5b] {
    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-s11m7mbn5b] {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: .92rem;
    font-weight: 950;
}

.official-template-editor__intro p[b-s11m7mbn5b] {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: .74rem;
    line-height: 1.85;
}

.official-template-editor__grid[b-s11m7mbn5b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    padding: 24px 24px 10px;
}

.official-template-editor__grid .is-wide[b-s11m7mbn5b] {
    grid-column: span 2;
}

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

.obs-field label[b-s11m7mbn5b] {
    color: #344f52;
    font-size: .76rem;
    font-weight: 850;
}

.obs-field .form-control[b-s11m7mbn5b],
.obs-field .form-select[b-s11m7mbn5b] {
    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-s11m7mbn5b],
.obs-field .form-select:focus[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    color: #687d80;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.65;
}

.official-template-editor__grid .form-control:disabled[b-s11m7mbn5b] {
    color: var(--obs-primary);
    background: #eef5f3;
    opacity: 1;
    cursor: not-allowed;
}

.official-template-file[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    border-style: solid;
    border-color: #83c7b6;
    background: #effaf7;
}

.official-template-file__analysis[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    color: #13735f;
}

.official-template-file > div[b-s11m7mbn5b] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    color: #476164;
    font-size: .74rem;
    font-weight: 800;
}

.official-template-file > div i[b-s11m7mbn5b] {
    color: #158266;
    font-size: 1.15rem;
}

.official-template-file > div span[b-s11m7mbn5b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.official-template-file__input[b-s11m7mbn5b] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.official-template-preview[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b] {
    display: block;
    color: inherit;
    font-size: .95rem;
    font-weight: 950;
}

.official-template-preview p[b-s11m7mbn5b] {
    margin: 4px 0 0;
    color: #587174;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.75;
}

.official-template-preview.is-new[b-s11m7mbn5b] {
    border-color: #b9ddd3;
    background: #effaf7;
}

.official-template-preview.is-new .official-template-preview__icon[b-s11m7mbn5b],
.official-template-preview.is-same .official-template-preview__icon[b-s11m7mbn5b] {
    background: #158266;
}

.official-template-preview.is-waiting[b-s11m7mbn5b] {
    border-color: #bed9e1;
    background: #f1f8fa;
}

.official-template-preview.is-waiting .official-template-preview__icon[b-s11m7mbn5b] {
    background: #28758a;
}

.official-template-preview.is-version[b-s11m7mbn5b] {
    border-color: #ead3a6;
    background: #fff8e9;
}

.official-template-preview.is-version .official-template-preview__icon[b-s11m7mbn5b] {
    background: #b77918;
}

.official-template-preview.is-error[b-s11m7mbn5b] {
    border-color: #e8b6bc;
    color: #8b2634;
    background: #fff2f3;
}

.official-template-preview.is-error .official-template-preview__icon[b-s11m7mbn5b] {
    background: #b73548;
}

.official-template-preview.is-error p[b-s11m7mbn5b] {
    color: #8b4550;
}

.official-template-editor__actions[b-s11m7mbn5b] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 20px 24px 24px;
}

.official-template-editor__actions .btn[b-s11m7mbn5b],
.template-card .btn[b-s11m7mbn5b] {
    min-height: 44px;
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 900;
}

.template-designer-launch[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b] {
    color: #18383b;
    font-size: .86rem;
    font-weight: 900;
}

.template-designer-launch p[b-s11m7mbn5b] {
    margin: 3px 0 0;
    color: #6d7f81;
    font-size: .72rem;
    line-height: 1.7;
}

.template-publication-filter[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b] {
    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-s11m7mbn5b],
.template-publication-filter__button:focus[b-s11m7mbn5b],
.template-publication-filter__button.is-active[b-s11m7mbn5b] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
    outline: none;
}

.template-publication-filter__button.is-active strong[b-s11m7mbn5b],
.template-publication-filter__button:hover strong[b-s11m7mbn5b],
.template-publication-filter__button:focus strong[b-s11m7mbn5b] {
    background: rgba(255, 255, 255, .18);
}

.template-filter-empty[b-s11m7mbn5b] {
    min-height: 220px;
}

.template-grid[b-s11m7mbn5b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.template-card[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    border-color: #a9dbc8;
    background: linear-gradient(150deg, #fff, #effaf5 96%);
}

.template-card.without-published-dashboards[b-s11m7mbn5b] {
    border-color: #cad9e7;
    background: linear-gradient(150deg, #fff, #f1f6fb 96%);
}

.template-card[b-s11m7mbn5b]::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-s11m7mbn5b]::before {
    background: linear-gradient(#1ca879, #0b7155);
}

.template-card.without-published-dashboards[b-s11m7mbn5b]::before {
    background: linear-gradient(#7995b2, #526b84);
}

.template-card:hover[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.template-card__meta[b-s11m7mbn5b] {
    display: grid;
    justify-items: end;
    gap: 6px;
}

.template-card__publication[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    border-color: #9bd5bf;
    color: #0b7155;
    background: #e8f8f1;
}

.template-card__publication.is-unpublished[b-s11m7mbn5b] {
    border-color: #c4d3e1;
    color: #526b84;
    background: #edf3f8;
}

.template-card__icon[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    padding: 5px 9px;
    border: 1px solid #e3e9e7;
    border-radius: 8px;
    color: #6b7c7e;
    background: #f7f9f9;
    font-size: .67rem;
    font-weight: 900;
}

.template-card h3[b-s11m7mbn5b] {
    margin: 20px 0 7px;
    color: #143639;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.55;
}

.template-card__organization[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    min-height: 49px;
    margin: 0 0 15px;
    color: #6f8183;
    font-size: .75rem;
    line-height: 1.8;
}

.template-card dl[b-s11m7mbn5b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin: 0 0 17px;
}

.template-card dl div[b-s11m7mbn5b] {
    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-s11m7mbn5b] {
    grid-column: 1 / -1;
}

.template-card dt[b-s11m7mbn5b],
.template-card dd[b-s11m7mbn5b] {
    margin: 0;
}

.template-card dt[b-s11m7mbn5b] {
    color: #819092;
    font-size: .65rem;
    font-weight: 750;
}

.template-card dd[b-s11m7mbn5b] {
    margin-top: 3px;
    overflow: hidden;
    color: #294649;
    font-size: .73rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-card__fingerprint[b-s11m7mbn5b] {
    direction: ltr;
    font-family: Consolas, "Courier New", monospace;
    letter-spacing: .04em;
}

.template-card__actions[b-s11m7mbn5b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: auto;
}

.template-card__actions .btn[b-s11m7mbn5b] {
    width: 100%;
    min-width: 0;
}

.template-card__actions .btn:only-child[b-s11m7mbn5b] {
    grid-column: 1 / -1;
}

.template-card__actions .btn-template-delete[b-s11m7mbn5b] {
    grid-column: 1 / -1;
    border: 1px solid #e6aeba;
    color: #a62f47;
    background: #fff4f6;
}

.template-card__actions .btn-template-delete:hover[b-s11m7mbn5b],
.template-card__actions .btn-template-delete:focus[b-s11m7mbn5b] {
    color: #fff;
    border-color: #b73551;
    background: #b73551;
}

[b-s11m7mbn5b] .dictionary-layout {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(380px, 1.14fr);
    gap: 18px;
    align-items: start;
}

[b-s11m7mbn5b] .dictionary-layout > .obs-panel {
    min-height: 100%;
}

[b-s11m7mbn5b] .dictionary-form {
    border-top: 4px solid var(--obs-primary);
}

[b-s11m7mbn5b] .dictionary-list {
    border-top: 4px solid var(--obs-secondary);
}

[b-s11m7mbn5b] .dictionary-layout .obs-panel__header {
    margin-bottom: 18px;
}

[b-s11m7mbn5b] .dictionary-layout .obs-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

[b-s11m7mbn5b] .dictionary-layout .obs-field.is-wide,
[b-s11m7mbn5b] .dictionary-layout .obs-field.is-full {
    grid-column: 1 / -1;
}

[b-s11m7mbn5b] .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-s11m7mbn5b] .obs-field label span {
    color: #b43c4e;
}

[b-s11m7mbn5b] .obs-field textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

[b-s11m7mbn5b] .obs-field-error {
    display: block;
    margin-top: 6px;
    color: #ab3449;
    font-size: .7rem;
    font-weight: 850;
}

[b-s11m7mbn5b] .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-s11m7mbn5b] .switch-row input {
    width: 19px;
    height: 19px;
    accent-color: var(--obs-primary);
}

[b-s11m7mbn5b] .switch-row strong,
[b-s11m7mbn5b] .switch-row small {
    display: block;
}

[b-s11m7mbn5b] .switch-row small {
    margin-top: 4px;
    color: #708284;
    font-size: .68rem;
    font-weight: 650;
}

[b-s11m7mbn5b] .form-actions {
    display: flex;
    gap: 9px;
    margin-top: 24px;
}

[b-s11m7mbn5b] .form-actions .btn {
    min-width: 132px;
    min-height: 45px;
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 900;
}

[b-s11m7mbn5b] .obs-empty.compact {
    min-height: 190px;
}

[b-s11m7mbn5b] .dictionary-layout.is-organizations {
    grid-template-columns: 1fr;
}

@media (prefers-reduced-motion: reduce) {
    .obs-tab[b-s11m7mbn5b],
    .template-card[b-s11m7mbn5b],
    [b-s11m7mbn5b] .dictionary-item {
        transition: none;
    }
}

[b-s11m7mbn5b] .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-s11m7mbn5b] .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-s11m7mbn5b] .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-s11m7mbn5b] .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-s11m7mbn5b] .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-s11m7mbn5b] .dictionary-item strong,
[b-s11m7mbn5b] .dictionary-item code {
    display: block;
}

[b-s11m7mbn5b] .dictionary-item strong {
    overflow: hidden;
    color: #243f42;
    font-size: .79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-s11m7mbn5b] .dictionary-item code {
    margin-top: 4px;
    color: #829092;
    font-size: .65rem;
}

[b-s11m7mbn5b] .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-s11m7mbn5b] .dictionary-item button:hover,
[b-s11m7mbn5b] .dictionary-item button:focus-visible {
    color: #fff;
    background: var(--obs-primary);
    outline: none;
}

@media (max-width: 1199.98px) {
    .obs-tabs[b-s11m7mbn5b] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .template-grid[b-s11m7mbn5b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .official-template-editor[b-s11m7mbn5b] {
        grid-template-columns: 1fr;
    }

    .official-template-editor__intro[b-s11m7mbn5b] {
        grid-row: auto;
        min-height: 150px;
    }

    .official-template-preview[b-s11m7mbn5b] {
        grid-column: auto;
    }

    [b-s11m7mbn5b] .dictionary-layout {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 767.98px) {
    .obs-tabs[b-s11m7mbn5b] {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .obs-tab[b-s11m7mbn5b] {
        min-width: 190px;
        scroll-snap-align: start;
    }

    .obs-panel[b-s11m7mbn5b] {
        padding: 18px;
        border-radius: 20px;
    }

    .obs-panel__header[b-s11m7mbn5b] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-readiness[b-s11m7mbn5b] {
        width: fit-content;
    }

    .official-template-editor__grid[b-s11m7mbn5b] {
        grid-template-columns: 1fr;
        padding: 18px 18px 8px;
    }

    .official-template-editor__grid .is-wide[b-s11m7mbn5b] {
        grid-column: auto;
    }

    .official-template-editor__actions[b-s11m7mbn5b] {
        padding: 20px 18px 18px;
    }

    .official-template-preview[b-s11m7mbn5b] {
        margin: 10px 18px 0;
    }

    .template-grid[b-s11m7mbn5b] {
        grid-template-columns: 1fr;
    }

    [b-s11m7mbn5b] .dictionary-layout .obs-form-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 479.98px) {
    .official-template-file[b-s11m7mbn5b],
    .official-template-editor__actions[b-s11m7mbn5b] {
        align-items: stretch;
        flex-direction: column;
    }

    .official-template-editor__actions .btn[b-s11m7mbn5b],
    [b-s11m7mbn5b] .form-actions .btn {
        width: 100%;
    }

    [b-s11m7mbn5b] .form-actions {
        flex-direction: column;
    }

}
/* _content/Starterkit/Observatory/DataOperations.razor.rz.scp.css */
*[b-26gdzmx20i] {
    box-sizing: border-box;
}

.obs-operations[b-26gdzmx20i] {
    --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-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :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-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :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-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(p) {
    font-size: var(--obs-helper-text-size) !important;
    line-height: 1.7;
}

.obs-operations :where(input, select, textarea, option)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(input, select, textarea, option) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.55;
}

.obs-operations :where(label, button, th)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(label, button, th) {
    font-size: var(--obs-helper-text-size) !important;
}

.obs-operations :where(h1)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(h1) {
    font-size: var(--obs-page-title-size) !important;
}

.obs-operations :where(h2)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(h2) {
    font-size: var(--obs-section-title-size) !important;
}

.obs-operations :where(h3)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(h3) {
    font-size: var(--obs-subsection-title-size) !important;
}

.obs-operations :where(h4, h5, h6)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(h4, h5, h6) {
    font-size: var(--obs-text-size) !important;
}

.obs-operations__hero[b-26gdzmx20i] {
    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-26gdzmx20i] {
    color: #ffffff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .16);
}

.obs-operations__hero p[b-26gdzmx20i] {
    color: rgba(255, 255, 255, .9);
}

.obs-operations__hero[b-26gdzmx20i]::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-26gdzmx20i] {
    align-items: center;
    display: flex;
    gap: 1.15rem;
    position: relative;
    z-index: 1;
}

.obs-operations__icon[b-26gdzmx20i] {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 1.15rem;
    display: inline-flex;
    flex: 0 0 4rem;
    font-size: 1.35rem;
    height: 4rem;
    justify-content: center;
}

.obs-operations__eyebrow[b-26gdzmx20i],
.obs-section-heading span:first-child[b-26gdzmx20i] {
    color: #e0b765;
    display: block;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .04em;
    margin-bottom: .35rem;
}

.obs-operations__identity h1[b-26gdzmx20i] {
    font-size: clamp(1.65rem, 3vw, 2.45rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.obs-operations__identity p[b-26gdzmx20i] {
    color: rgba(255, 255, 255, .75);
    font-size: 1rem;
    margin: .55rem 0 0;
}

.obs-operations__pulse[b-26gdzmx20i] {
    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-26gdzmx20i] {
    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-26gdzmx20i],
.obs-operations__pulse strong[b-26gdzmx20i] {
    display: block;
}

.obs-operations__pulse small[b-26gdzmx20i] {
    color: rgba(255, 255, 255, .58);
    font-size: .82rem;
}

.obs-operations__pulse strong[b-26gdzmx20i] {
    font-size: 1rem;
    margin-top: .15rem;
}

.obs-operations__tabs[b-26gdzmx20i] {
    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-26gdzmx20i] {
    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-26gdzmx20i] {
    background: #f3f7f6;
    color: var(--ops-ink);
    transform: translateY(-1px);
}

.obs-operations__tab.is-active[b-26gdzmx20i] {
    background: linear-gradient(135deg, #0f555b, #197077);
    box-shadow: 0 10px 22px rgba(12, 80, 86, .2);
    color: #fff;
}

.obs-operations__tab-icon[b-26gdzmx20i] {
    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-26gdzmx20i] {
    background: rgba(255, 255, 255, .12);
}

.obs-operations__tab strong[b-26gdzmx20i],
.obs-operations__tab small[b-26gdzmx20i] {
    display: block;
}

.obs-operations__tab strong[b-26gdzmx20i] {
    font-size: 1rem;
    font-weight: 800;
}

.obs-operations__tab small[b-26gdzmx20i] {
    font-size: .82rem;
    margin-top: .15rem;
    opacity: .72;
}

.obs-operations__workspace[b-26gdzmx20i] {
    min-height: 28rem;
}

.obs-operations__workspace[b-26gdzmx20i]  .obs-shell {
    padding-inline: 0;
}

.obs-operations__loading[b-26gdzmx20i],
.obs-tab-loading[b-26gdzmx20i] {
    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-26gdzmx20i] {
    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-26gdzmx20i] {
    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-26gdzmx20i] {
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 800;
    margin: 0;
}

.obs-section-heading p[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .95rem;
    margin: .4rem 0 0;
    max-width: 62rem;
}

.obs-action[b-26gdzmx20i] {
    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-26gdzmx20i] {
    transform: translateY(-1px);
}

.obs-action:disabled[b-26gdzmx20i] {
    cursor: not-allowed;
    opacity: .5;
}

.obs-action.is-primary[b-26gdzmx20i] {
    background: linear-gradient(135deg, var(--ops-teal), var(--ops-teal-2));
    color: #fff;
}

.obs-action.is-secondary[b-26gdzmx20i] {
    background: #e8f3f2;
    color: var(--ops-teal);
}

.obs-action.is-quiet[b-26gdzmx20i] {
    background: #fff;
    border: 1px solid var(--ops-line);
    color: var(--ops-teal);
}

.obs-action.is-compact[b-26gdzmx20i] {
    background: #edf5f4;
    color: var(--ops-teal);
    min-height: 2rem;
    padding: .35rem .65rem;
}

.obs-feedback[b-26gdzmx20i] {
    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-26gdzmx20i] {
    background: #edf9f5;
    border-color: #abdcca;
    color: #147157;
}

.obs-feedback.is-error[b-26gdzmx20i] {
    background: #fff1f2;
    border-color: #efbdc2;
    color: #ad3541;
}

.obs-feedback span[b-26gdzmx20i] {
    flex: 1;
    font-size: .95rem;
    font-weight: 700;
}

.obs-feedback button[b-26gdzmx20i] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
}
.obs-error-layout[b-26gdzmx20i] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .75fr);
}

.obs-card[b-26gdzmx20i] {
    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-26gdzmx20i] {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
}

.obs-card__title.is-compact[b-26gdzmx20i] {
    margin-bottom: .75rem;
}

.obs-card__title h3[b-26gdzmx20i] {
    font-size: 1.12rem;
    font-weight: 800;
    margin: 0;
}

.obs-card__title p[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .78rem;
    margin: .2rem 0 0;
}

.obs-step[b-26gdzmx20i] {
    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-26gdzmx20i],
.obs-inspector-banner[b-26gdzmx20i] {
    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-26gdzmx20i] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.obs-form-grid label[b-26gdzmx20i] {
    display: block;
    min-width: 0;
}

.obs-form-grid label.is-wide[b-26gdzmx20i] {
    grid-column: 1 / -1;
}

.obs-form-grid label > span[b-26gdzmx20i] {
    color: #36575a;
    display: block;
    font-size: .9rem;
    font-weight: 800;
    margin-bottom: .4rem;
}

.obs-form-grid label > span b[b-26gdzmx20i] {
    color: #c94354;
}

.obs-form-grid .form-control[b-26gdzmx20i],
.obs-search .form-control[b-26gdzmx20i] {
    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-26gdzmx20i],
.obs-search .form-control:focus[b-26gdzmx20i] {
    border-color: #4d9598;
    box-shadow: 0 0 0 .2rem rgba(27, 112, 118, .1);
}

.obs-form-actions[b-26gdzmx20i] {
    align-items: center;
    border-top: 1px solid var(--ops-line);
    display: flex;
    gap: .65rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.obs-search[b-26gdzmx20i] {
    align-items: center;
    display: flex;
    margin-bottom: .85rem;
    position: relative;
}

.obs-search > i[b-26gdzmx20i] {
    color: #88a0a2;
    pointer-events: none;
    position: absolute;
    right: .85rem;
    z-index: 1;
}

.obs-search .form-control[b-26gdzmx20i] {
    padding-right: 2.45rem;
}
.obs-error-file-list[b-26gdzmx20i] {
    display: grid;
    gap: .6rem;
    max-height: 34rem;
    overflow: auto;
    padding-left: .2rem;
}

.obs-status[b-26gdzmx20i] {
    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-26gdzmx20i],
.obs-status.is-completed[b-26gdzmx20i],
.obs-status.is-ready[b-26gdzmx20i] {
    background: #e6f7f0;
    color: #168262;
}

.obs-status.is-draft[b-26gdzmx20i],
.obs-status.is-notstarted[b-26gdzmx20i] {
    background: #f1f3f4;
    color: #697779;
}

.obs-status.is-inprogress[b-26gdzmx20i],
.obs-status.is-requested[b-26gdzmx20i],
.obs-status.is-submitted[b-26gdzmx20i],
.obs-status.is-attention[b-26gdzmx20i] {
    background: #fff6e5;
    color: #996b1c;
}

.obs-status.is-changesrequired[b-26gdzmx20i] {
    background: #ffecef;
    color: #b63f4b;
}

.obs-table-wrap[b-26gdzmx20i] {
    border: 1px solid var(--ops-line);
    border-radius: .85rem;
    overflow: auto;
}

.obs-table-wrap table[b-26gdzmx20i] {
    border-collapse: collapse;
    min-width: 48rem;
    width: 100%;
}

.obs-table-wrap th[b-26gdzmx20i],
.obs-table-wrap td[b-26gdzmx20i] {
    border-bottom: 1px solid #e7eded;
    font-size: .92rem;
    padding: .75rem .8rem;
    text-align: right;
    vertical-align: top;
}

.obs-table-wrap th[b-26gdzmx20i] {
    background: #f0f5f4;
    color: #61797b;
    font-size: .88rem;
    font-weight: 800;
    white-space: nowrap;
}

.obs-table-wrap tbody tr:last-child td[b-26gdzmx20i] {
    border-bottom: 0;
}

.obs-empty-state[b-26gdzmx20i] {
    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-26gdzmx20i] {
    min-height: 24rem;
}

.obs-empty-state i[b-26gdzmx20i] {
    color: #4a9295;
    font-size: 1.5rem;
    margin-bottom: .65rem;
}

.obs-empty-state strong[b-26gdzmx20i] {
    color: var(--ops-ink);
    font-size: 1rem;
}

.obs-empty-state span[b-26gdzmx20i] {
    font-size: .88rem;
    margin-top: .25rem;
}

.obs-readiness-summary[b-26gdzmx20i] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.obs-readiness-summary article[b-26gdzmx20i] {
    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-26gdzmx20i] {
    border-right-color: #2d9a79;
}

.obs-readiness-summary article.is-attention[b-26gdzmx20i] {
    border-right-color: #c6953b;
}

.obs-readiness-summary article.is-not-ready[b-26gdzmx20i] {
    border-right-color: #c8525e;
}

.obs-readiness-summary article.is-not-assessed[b-26gdzmx20i] {
    border-right-color: #66849d;
}

.obs-readiness-summary strong[b-26gdzmx20i],
.obs-readiness-summary span[b-26gdzmx20i] {
    display: block;
}

.obs-readiness-summary strong[b-26gdzmx20i] {
    font-size: 1.5rem;
}

.obs-readiness-summary span[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .88rem;
    margin-top: .15rem;
}

.obs-readiness-grid[b-26gdzmx20i] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.obs-readiness-card[b-26gdzmx20i] {
    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-26gdzmx20i] {
    --status-color: #238d6e;
}

.obs-readiness-card.is-attention[b-26gdzmx20i] {
    --status-color: #bd8831;
}

.obs-readiness-card.is-not-ready[b-26gdzmx20i] {
    --status-color: #bb4854;
}

.obs-readiness-card.is-not-assessed[b-26gdzmx20i] {
    --status-color: #66849d;
}

.obs-readiness-card header[b-26gdzmx20i] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.obs-readiness-card header .obs-status[b-26gdzmx20i] {
    background: color-mix(in srgb, var(--status-color) 12%, white);
    color: var(--status-color);
}

.obs-readiness-card header small[b-26gdzmx20i] {
    color: #8a9b9d;
    font-size: .82rem;
}

.obs-readiness-card__score[b-26gdzmx20i] {
    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-26gdzmx20i] {
    align-items: baseline;
    display: flex;
    gap: .1rem;
}

.obs-readiness-card__score strong[b-26gdzmx20i] {
    font-size: 1.65rem;
}

.obs-readiness-card__score span[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .84rem;
}

.obs-readiness-card h3[b-26gdzmx20i] {
    font-size: 1rem;
    margin: 0;
}

.obs-readiness-card > p[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .9rem;
    margin: .25rem 0 .65rem;
}

.obs-readiness-card__source[b-26gdzmx20i] {
    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-26gdzmx20i] {
    color: #4f686b;
    font-size: .86rem;
}

.obs-readiness-card__source i[b-26gdzmx20i] {
    color: var(--ops-teal);
    margin-left: .25rem;
}

.obs-score-grid[b-26gdzmx20i] {
    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-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .84rem;
}

.obs-score-grid b[b-26gdzmx20i] {
    color: var(--ops-ink);
    display: block;
    font-size: .95rem;
}

.obs-score-grid .has-errors[b-26gdzmx20i],
.obs-score-grid .has-errors b[b-26gdzmx20i] {
    color: #ad3f55;
}

.obs-readiness-reasons[b-26gdzmx20i] {
    background: #fff8ea;
    border: 1px solid #efd9a8;
    border-radius: .72rem;
    margin-top: .8rem;
    padding: .65rem .75rem;
}

.obs-readiness-reasons summary[b-26gdzmx20i] {
    color: #805a16;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 800;
}

.obs-readiness-reasons ul[b-26gdzmx20i] {
    color: #6d5a36;
    font-size: .86rem;
    line-height: 1.75;
    margin: .55rem 0 0;
    padding-right: 1.2rem;
}

.obs-readonly-badge[b-26gdzmx20i] {
    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-26gdzmx20i] {
    grid-template-columns: minmax(18rem, .32fr) minmax(0, .68fr);
}

.obs-error-file-list > button[b-26gdzmx20i] {
    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-26gdzmx20i],
.obs-error-file-list > button.is-selected[b-26gdzmx20i] {
    background: #f3f8f7;
    border-color: #65a2a5;
}

.obs-error-file-list strong[b-26gdzmx20i],
.obs-error-file-list small[b-26gdzmx20i] {
    display: block;
}

.obs-error-file-list strong[b-26gdzmx20i] {
    font-size: .95rem;
}

.obs-error-file-list small[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .84rem;
    margin-top: .22rem;
}

.obs-error-counts[b-26gdzmx20i] {
    align-items: flex-end;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: .25rem;
}

.obs-error-counts b[b-26gdzmx20i],
.obs-error-counts em[b-26gdzmx20i] {
    border-radius: 99px;
    font-size: .78rem;
    font-style: normal;
    padding: .25rem .45rem;
}

.obs-error-counts b[b-26gdzmx20i] {
    background: #ffecef;
    color: #b63f4b;
}

.obs-error-counts em[b-26gdzmx20i] {
    background: #fff6e4;
    color: #9a6b1b;
}

.obs-inspector-banner span[b-26gdzmx20i],
.obs-inspector-banner strong[b-26gdzmx20i] {
    display: block;
}

.obs-inspector-banner strong[b-26gdzmx20i] {
    margin-bottom: .12rem;
}

.obs-issues-table tbody tr.is-error[b-26gdzmx20i] {
    background: rgba(202, 69, 82, .055);
}

.obs-issues-table tbody tr.is-warning[b-26gdzmx20i] {
    background: rgba(187, 137, 47, .055);
}

.obs-issues-table td code[b-26gdzmx20i] {
    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-26gdzmx20i] {
    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-26gdzmx20i] {
    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-26gdzmx20i] {
    background: #fff4dc;
    border-color: #e3c47e;
    color: #8b5d10;
    box-shadow: 0 0 0 3px rgba(187, 137, 47, .08);
}

.obs-issues-table td strong[b-26gdzmx20i],
.obs-issues-table td small[b-26gdzmx20i] {
    display: block;
}

.obs-issues-table td small[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .84rem;
    margin-top: .2rem;
}

.obs-issue-kind[b-26gdzmx20i] {
    border-radius: .5rem;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    padding: .32rem .5rem;
}

tr.is-error .obs-issue-kind[b-26gdzmx20i] {
    background: #ffe9ec;
    color: #b43a47;
}

tr.is-warning .obs-issue-kind[b-26gdzmx20i] {
    background: #fff5df;
    color: #976719;
}

@media (max-width: 1200px) {
    .obs-operations__tabs[b-26gdzmx20i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .obs-error-layout[b-26gdzmx20i] {
        grid-template-columns: 1fr;
    }

    .obs-readiness-grid[b-26gdzmx20i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-readiness-summary[b-26gdzmx20i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .obs-operations[b-26gdzmx20i] {
        padding: .65rem;
    }

    .obs-operations__hero[b-26gdzmx20i] {
        align-items: flex-start;
        border-radius: 1.1rem;
        flex-direction: column;
    }

    .obs-operations__pulse[b-26gdzmx20i] {
        width: 100%;
    }

    .obs-operations__tabs[b-26gdzmx20i] {
        grid-template-columns: 1fr;
        margin-top: .75rem;
        max-width: 100%;
    }

    .obs-operations__tab[b-26gdzmx20i] {
        min-height: 3.8rem;
    }

    .obs-section-heading[b-26gdzmx20i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .obs-form-grid[b-26gdzmx20i],
    .obs-readiness-summary[b-26gdzmx20i],
    .obs-readiness-grid[b-26gdzmx20i] {
        grid-template-columns: 1fr;
    }

    .obs-form-actions[b-26gdzmx20i] {
        align-items: stretch;
        flex-direction: column;
    }
}

@container observatory-operations (max-width: 1000px) {
    .obs-error-layout[b-26gdzmx20i],
    .obs-operations[b-26gdzmx20i]  :where(
        .obs-upload-protocol,
        .obs-upload-layout) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@container observatory-operations (max-width: 760px) {
    .obs-form-grid[b-26gdzmx20i],
    .obs-readiness-summary[b-26gdzmx20i],
    .obs-readiness-grid[b-26gdzmx20i],
    .obs-operations[b-26gdzmx20i]  :where(
        .obs-form-grid,
        .obs-upload-filters) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .obs-operations[b-26gdzmx20i]  :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-26gdzmx20i],
    .obs-action[b-26gdzmx20i] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/DictionaryTab.razor.rz.scp.css */
.dictionary-layout[b-8k7ppa6qpw] {
    --dictionary-ink: #17383b;
    --dictionary-muted: #6f8385;
    --dictionary-line: #d9e6e3;
    --dictionary-soft: #f4f9f8;
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(380px, 1.14fr);
    align-items: start;
    gap: 20px;
}

.dictionary-layout.is-organizations[b-8k7ppa6qpw] {
    grid-template-columns: 1fr;
}

.dictionary-form[b-8k7ppa6qpw] {
    scroll-margin-block-start: calc(var(--kt-app-header-height, 70px) + 20px);
}

@media (prefers-reduced-motion: reduce) {
    .dictionary-item[b-8k7ppa6qpw],
    .dictionary-item button[b-8k7ppa6qpw],
    .dictionary-form__actions .btn[b-8k7ppa6qpw] {
        transition: none;
    }
}

.obs-panel[b-8k7ppa6qpw] {
    position: relative;
    min-width: 0;
    padding: clamp(20px, 2.2vw, 32px);
    overflow: hidden;
    border: 1px solid var(--dictionary-line);
    border-radius: 24px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 3%, transparent) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(155deg, #fff, #fbfdfc);
    box-shadow: 0 18px 48px rgba(16, 55, 58, .085);
}

.obs-panel[b-8k7ppa6qpw]::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--obs-primary), var(--obs-secondary));
    content: "";
}

.dictionary-form[b-8k7ppa6qpw] {
    border-top-color: var(--obs-primary);
}

.dictionary-list[b-8k7ppa6qpw] {
    border-top-color: var(--obs-secondary);
}

.dictionary-filters[b-8k7ppa6qpw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 12px;
    margin: -5px 0 20px;
    padding: 14px;
    border: 1px solid #dce8e5;
    border-radius: 15px;
    background: linear-gradient(135deg, #f5faf9, #fff);
}

.dictionary-filter[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    gap: 6px;
}

.dictionary-filter--search[b-8k7ppa6qpw],
.dictionary-filter__actions[b-8k7ppa6qpw] {
    grid-column: 1 / -1;
}

.dictionary-filter__actions[b-8k7ppa6qpw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.dictionary-filter__actions .btn[b-8k7ppa6qpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 46px;
    border-radius: 11px;
    white-space: nowrap;
}

.dictionary-filter--search > div:focus-within[b-8k7ppa6qpw] {
    border-color: var(--obs-primary);
    outline: 2px solid color-mix(in srgb, var(--obs-primary) 20%, transparent);
    outline-offset: 2px;
}

.dictionary-filter > label[b-8k7ppa6qpw],
.dictionary-filter > span[b-8k7ppa6qpw] {
    color: #536d70;
    font-size: clamp(14px, calc(13px + .12vw), 16px);
    font-weight: 850;
}

.dictionary-filter .form-select[b-8k7ppa6qpw],
.dictionary-filter--search > div[b-8k7ppa6qpw] {
    min-height: 46px;
    border: 1px solid #d6e3e0;
    border-radius: 11px;
    color: var(--dictionary-ink);
    background-color: #fff;
    font-size: clamp(15px, calc(14px + .12vw), 17px);
    box-shadow: none;
}

.dictionary-filter--search > div[b-8k7ppa6qpw] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-inline: 13px;
}

.dictionary-filter--search i[b-8k7ppa6qpw] {
    flex: 0 0 auto;
    color: var(--obs-primary);
}

.dictionary-filter--search input[b-8k7ppa6qpw] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: var(--dictionary-ink);
    background: transparent;
    font: inherit;
}

.dictionary-filter__result[b-8k7ppa6qpw] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-inline-start: auto;
    padding: 9px 13px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce8e5);
    border-radius: 11px;
    color: #526d70;
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: clamp(14px, calc(13px + .12vw), 16px);
    font-weight: 800;
    white-space: nowrap;
}

.dictionary-filter__result strong[b-8k7ppa6qpw] {
    color: var(--obs-primary);
    font-size: 1.08em;
}

.indicator-bulk[b-8k7ppa6qpw] {
    display: grid;
    gap: 15px;
    margin: 0 0 20px;
    padding: 17px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #d9e6e3);
    border-radius: 17px;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--obs-primary) 11%, transparent), transparent 34%),
        linear-gradient(145deg, #f6fbfa, #fff);
}

.indicator-bulk__header[b-8k7ppa6qpw],
.indicator-bulk__selection[b-8k7ppa6qpw],
.indicator-bulk__review-heading[b-8k7ppa6qpw],
.indicator-bulk__review footer[b-8k7ppa6qpw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.indicator-bulk__header[b-8k7ppa6qpw] {
    align-items: flex-start;
}

.indicator-bulk__eyebrow[b-8k7ppa6qpw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--obs-primary);
    font-size: clamp(13px, calc(12px + .1vw), 15px);
    font-weight: 900;
}

.indicator-bulk__header h3[b-8k7ppa6qpw] {
    margin: 5px 0 0;
    color: #173b3e;
    font-size: clamp(18px, calc(17px + .2vw), 21px);
    font-weight: 950;
}

.indicator-bulk__header p[b-8k7ppa6qpw],
.indicator-bulk__review-heading p[b-8k7ppa6qpw] {
    margin: 5px 0 0;
    color: #698083;
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 650;
    line-height: 1.75;
}

.indicator-bulk__count[b-8k7ppa6qpw] {
    display: inline-flex;
    min-width: 112px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 21%, #d9e6e3);
    border-radius: 12px;
    color: #516d70;
    background: #fff;
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 850;
    white-space: nowrap;
}

.indicator-bulk__count strong[b-8k7ppa6qpw] {
    color: var(--obs-primary);
    font-size: 1.15em;
}

.indicator-bulk__template-hint[b-8k7ppa6qpw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 14px;
    border: 1px dashed color-mix(in srgb, var(--obs-secondary) 45%, #ddcfad);
    border-radius: 12px;
    color: #745921;
    background: color-mix(in srgb, var(--obs-secondary) 10%, #fff);
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 750;
    line-height: 1.75;
}

.indicator-bulk__selection[b-8k7ppa6qpw] {
    padding: 12px 14px;
    border: 1px solid #deebe8;
    border-radius: 13px;
    background: rgba(255, 255, 255, .82);
}

.indicator-bulk__selection > div:first-child[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.indicator-bulk__selection strong[b-8k7ppa6qpw] {
    overflow: hidden;
    color: #25484b;
    font-size: clamp(14px, calc(13px + .15vw), 17px);
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indicator-bulk__selection span[b-8k7ppa6qpw] {
    color: #758789;
    font-size: clamp(12px, calc(11px + .12vw), 14px);
    font-weight: 700;
}

.indicator-bulk__selection > div:last-child[b-8k7ppa6qpw] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
}

.indicator-bulk__selection .btn[b-8k7ppa6qpw],
.indicator-bulk__review .btn[b-8k7ppa6qpw] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 10px;
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 900;
}

.indicator-bulk__fields[b-8k7ppa6qpw] {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(155px, 1fr))
        minmax(165px, auto);
    align-items: end;
    gap: 10px;
}

.indicator-bulk__fields label[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    gap: 6px;
    color: #405d60;
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 850;
}

.indicator-bulk__fields .form-select[b-8k7ppa6qpw] {
    min-height: 45px;
    border: 1px solid #d5e3e0;
    border-radius: 10px;
    color: #244548;
    background-color: #fff;
    font-size: clamp(14px, calc(13px + .12vw), 16px);
    box-shadow: none;
}

.indicator-bulk__review-button[b-8k7ppa6qpw] {
    min-height: 45px;
    border: 1px solid var(--obs-primary);
    border-radius: 10px;
    color: #fff;
    background: var(--obs-primary);
    font-size: clamp(14px, calc(13px + .12vw), 16px);
    font-weight: 900;
}

.indicator-bulk__review-button:disabled[b-8k7ppa6qpw] {
    border-color: #cbd8d6;
    color: #8a9a9b;
    background: #eef3f2;
}

.indicator-bulk__review-hint[b-8k7ppa6qpw] {
    grid-column: 1 / -1;
    color: #647d80;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}

.indicator-bulk__review[b-8k7ppa6qpw] {
    display: grid;
    gap: 13px;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 38%, #cfe0dd);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(23, 67, 69, .09);
}

.indicator-bulk__review-heading[b-8k7ppa6qpw] {
    justify-content: flex-start;
}

.indicator-bulk__review-heading > span[b-8k7ppa6qpw] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
}

.indicator-bulk__review-heading strong[b-8k7ppa6qpw] {
    color: #173d40;
    font-size: clamp(15px, calc(14px + .15vw), 18px);
    font-weight: 950;
}

.indicator-bulk__review dl[b-8k7ppa6qpw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin: 0;
}

.indicator-bulk__review dl > div[b-8k7ppa6qpw] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid #e0ebe8;
    border-radius: 10px;
    background: #f8fbfa;
}

.indicator-bulk__review dt[b-8k7ppa6qpw] {
    color: #758789;
    font-size: clamp(12px, calc(11px + .1vw), 14px);
    font-weight: 750;
}

.indicator-bulk__review dd[b-8k7ppa6qpw] {
    margin: 0;
    color: var(--obs-primary);
    font-size: clamp(14px, calc(13px + .15vw), 17px);
    font-weight: 950;
}

.indicator-bulk__impact-note[b-8k7ppa6qpw] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce8e5);
    border-radius: 10px;
    color: #49676a;
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: clamp(12px, calc(11px + .12vw), 14px);
    font-weight: 750;
    line-height: 1.7;
}

.indicator-bulk__shared-warning[b-8k7ppa6qpw] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #ead6ad;
    border-radius: 10px;
    color: #775818;
    background: #fff9ec;
    font-size: clamp(12px, calc(11px + .12vw), 14px);
    font-weight: 750;
    line-height: 1.7;
}

.indicator-bulk__review footer[b-8k7ppa6qpw] {
    justify-content: flex-start;
    padding-top: 3px;
}

.obs-panel__header[b-8k7ppa6qpw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e5ecea;
}

.obs-panel__title[b-8k7ppa6qpw] {
    margin: 0;
    color: #14373a;
    font-size: clamp(1.15rem, 1.45vw, 1.42rem);
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-panel__subtitle[b-8k7ppa6qpw] {
    max-width: 760px;
    margin: 7px 0 0;
    color: var(--dictionary-muted);
    font-size: .8rem;
    line-height: 1.85;
}

.readonly-chip[b-8k7ppa6qpw] {
    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;
}

.permission-hint[b-8k7ppa6qpw] {
    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;
}

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

.obs-field[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 7px;
}

.obs-field.is-wide[b-8k7ppa6qpw],
.obs-field.is-full[b-8k7ppa6qpw] {
    grid-column: 1 / -1;
}

.obs-field label[b-8k7ppa6qpw] {
    color: #344f52;
    font-size: .76rem;
    font-weight: 850;
}

.obs-field label span[b-8k7ppa6qpw] {
    color: #b43c4e;
}

.obs-field label small[b-8k7ppa6qpw] {
    color: #7a8c8e;
    font-size: .68rem;
    font-weight: 700;
}

.obs-field .form-control[b-8k7ppa6qpw],
.obs-field .form-select[b-8k7ppa6qpw] {
    min-height: 47px;
    border: 1px solid #d7e3e1;
    border-radius: 11px;
    color: var(--dictionary-ink);
    background-color: #fbfdfc;
    font-size: .8rem;
    box-shadow: none;
}

.obs-field textarea.form-control[b-8k7ppa6qpw] {
    min-height: 100px;
    resize: vertical;
}

.dictionary-field-hint[b-8k7ppa6qpw] {
    color: #738689;
    font-size: .68rem;
    font-weight: 650;
    line-height: 1.7;
}

.obs-field .form-control:focus[b-8k7ppa6qpw],
.obs-field .form-select:focus[b-8k7ppa6qpw] {
    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);
}

.dictionary-form__actions[b-8k7ppa6qpw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-block-start: 25px;
    padding-block-start: 17px;
    border-top: 1px solid #e7efed;
}

.dictionary-form__actions .btn[b-8k7ppa6qpw] {
    display: inline-flex;
    min-width: 142px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 12px;
    font-size: .78rem;
    font-weight: 900;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.dictionary-form__actions .btn:hover:not(:disabled)[b-8k7ppa6qpw],
.dictionary-form__actions .btn:focus-visible[b-8k7ppa6qpw] {
    outline: none;
    transform: translateY(-1px);
}

.dictionary-form__actions .btn-light[b-8k7ppa6qpw] {
    border-color: #dce6e4;
    color: #546b6e;
    background: linear-gradient(145deg, #fff, #f4f8f7);
}

.dictionary-form__actions .btn-light:hover[b-8k7ppa6qpw],
.dictionary-form__actions .btn-light:focus-visible[b-8k7ppa6qpw] {
    border-color: color-mix(in srgb, var(--obs-primary) 28%, #dce6e4);
    color: var(--obs-primary);
    box-shadow: 0 9px 20px rgba(25, 72, 74, .09);
}

.switch-row.indicator-gender-toggle[b-8k7ppa6qpw],
.switch-row.indicator-policy-toggle[b-8k7ppa6qpw] {
    display: grid !important;
    min-height: 76px;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #dbe7e5;
    border-radius: 13px;
    background: linear-gradient(135deg, #f7fbfa, #fff);
    cursor: pointer;
}

.switch-row.indicator-gender-toggle input[b-8k7ppa6qpw],
.switch-row.indicator-policy-toggle input[b-8k7ppa6qpw] {
    width: 20px;
    height: 20px;
    align-self: center;
    margin: 0;
    accent-color: var(--obs-primary);
}

.indicator-gender-toggle__content[b-8k7ppa6qpw],
.indicator-policy-toggle__content[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.indicator-gender-toggle__content strong[b-8k7ppa6qpw],
.indicator-policy-toggle__content strong[b-8k7ppa6qpw] {
    color: #2c494c;
    font-size: .8rem;
    font-weight: 900;
    line-height: 1.55;
}

.indicator-gender-toggle__content small[b-8k7ppa6qpw],
.indicator-policy-toggle__content small[b-8k7ppa6qpw] {
    color: #708284;
    font-size: .69rem;
    font-weight: 650;
    line-height: 1.7;
}

.dictionary-items[b-8k7ppa6qpw] {
    display: grid;
    gap: 9px;
    max-height: 650px;
    overflow: auto;
    padding-inline-end: 4px;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 35%, #d8e4e1) transparent;
}

.dictionary-item[b-8k7ppa6qpw] {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid #e0eae7;
    border-radius: 13px;
    background: linear-gradient(145deg, #fff, #fafcfb);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.dictionary-item.has-selector[b-8k7ppa6qpw] {
    grid-template-columns: 28px 44px minmax(0, 1fr) auto;
}

.dictionary-item.is-selected[b-8k7ppa6qpw] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #d7e5e2);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 8%, #fff), #fff);
    box-shadow: 0 9px 22px rgba(21, 57, 60, .1);
}

.dictionary-item__selector[b-8k7ppa6qpw] {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    cursor: pointer;
}

.dictionary-item__selector input[b-8k7ppa6qpw] {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--obs-primary);
    cursor: pointer;
}

.dictionary-item[b-8k7ppa6qpw]::before {
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.dictionary-item:hover[b-8k7ppa6qpw] {
    border-color: color-mix(in srgb, var(--obs-primary) 30%, #e1eae8);
    box-shadow: 0 9px 22px rgba(21, 57, 60, .08);
    transform: translateX(-2px);
}

.dictionary-item__icon[b-8k7ppa6qpw] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
}

.dictionary-item strong[b-8k7ppa6qpw],
.dictionary-item code[b-8k7ppa6qpw] {
    display: block;
}

.dictionary-item strong[b-8k7ppa6qpw] {
    overflow: hidden;
    color: #243f42;
    font-size: .8rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dictionary-item code[b-8k7ppa6qpw] {
    margin-top: 4px;
    color: #829092;
    font-size: .65rem;
}

.dictionary-item__usage[b-8k7ppa6qpw] {
    display: inline-flex;
    width: fit-content;
    margin-top: 7px;
    padding: 4px 8px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 16%, #dce8e5);
    border-radius: 999px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: clamp(13px, calc(12px + .1vw), 15px);
    font-weight: 800;
}

.dictionary-item__usage.is-unlinked[b-8k7ppa6qpw] {
    border-color: #ead8b8;
    color: #805d1d;
    background: #fff8ea;
}

.dictionary-item button[b-8k7ppa6qpw] {
    display: inline-flex;
    min-width: 42px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #dce7e4);
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .7rem;
    font-weight: 900;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.dictionary-item button:hover[b-8k7ppa6qpw],
.dictionary-item button:focus-visible[b-8k7ppa6qpw] {
    color: #fff;
    background: var(--obs-primary);
    outline: none;
    transform: translateY(-1px);
}

.obs-empty.compact[b-8k7ppa6qpw] {
    min-height: 190px;
}

@media (max-width: 1199.98px) {
    .dictionary-layout[b-8k7ppa6qpw] {
        grid-template-columns: 1fr;
    }

    .indicator-bulk__fields[b-8k7ppa6qpw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {

    .indicator-bulk__header[b-8k7ppa6qpw],
    .indicator-bulk__selection[b-8k7ppa6qpw] {
        align-items: stretch;
        flex-direction: column;
    }

    .indicator-bulk__count[b-8k7ppa6qpw] {
        align-self: flex-start;
    }

    .indicator-bulk__fields[b-8k7ppa6qpw],
    .indicator-bulk__review dl[b-8k7ppa6qpw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .obs-panel[b-8k7ppa6qpw] {
        padding: 18px;
        border-radius: 20px;
    }

    .obs-panel__header[b-8k7ppa6qpw] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-form-grid[b-8k7ppa6qpw] {
        grid-template-columns: 1fr;
    }

    .dictionary-filters[b-8k7ppa6qpw] {
        grid-template-columns: 1fr;
    }

    .dictionary-filter__actions .btn[b-8k7ppa6qpw] {
        flex: 1 1 auto;
    }

    .dictionary-filter__result[b-8k7ppa6qpw] {
        flex: 1 1 auto;
        margin-inline-start: 0;
    }

}

@media (max-width: 479.98px) {
    .dictionary-form__actions[b-8k7ppa6qpw] {
        align-items: stretch;
        flex-direction: column;
    }

    .dictionary-form__actions .btn[b-8k7ppa6qpw] {
        width: 100%;
    }

    .indicator-bulk__selection > div:last-child[b-8k7ppa6qpw],
    .indicator-bulk__review footer[b-8k7ppa6qpw] {
        align-items: stretch;
        flex-direction: column;
    }

    .indicator-bulk__selection .btn[b-8k7ppa6qpw],
    .indicator-bulk__review .btn[b-8k7ppa6qpw] {
        width: 100%;
    }

    .dictionary-item.has-selector[b-8k7ppa6qpw] {
        grid-template-columns: 26px 40px minmax(0, 1fr);
    }

    .dictionary-item.has-selector > button[b-8k7ppa6qpw] {
        grid-column: 2 / -1;
    }
}
/* _content/Starterkit/Observatory/Governance.razor.rz.scp.css */
.governance-workspace[b-dp91q628vn],
.governance-message[b-dp91q628vn],
.governance-loading[b-dp91q628vn] {
    --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-dp91q628vn] {
    display: grid;
    gap: 1.25rem;
    direction: rtl;
    color: var(--gov-ink);
    font-family: inherit;
}

.governance-command[b-dp91q628vn] {
    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-dp91q628vn]::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-dp91q628vn]::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-dp91q628vn] {
    align-self: center;
    max-width: 52rem;
}

.governance-kicker[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    max-width: 62ch;
    margin: 0;
    color: rgba(255, 255, 255, .73);
    font-size: 1rem;
    line-height: 1.9;
}

.governance-command__metrics[b-dp91q628vn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    align-self: stretch;
}

.governance-command__metrics article[b-dp91q628vn] {
    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-dp91q628vn] {
    color: #e7c477;
    font-size: 1.05rem;
}

.governance-command__metrics div[b-dp91q628vn] {
    display: grid;
    gap: .2rem;
}

.governance-command__metrics strong[b-dp91q628vn] {
    color: #fff;
    font-size: 1.65rem;
    line-height: 1;
}

.governance-command__metrics span[b-dp91q628vn] {
    color: rgba(255, 255, 255, .65);
    font-size: .78rem;
    line-height: 1.45;
}

.governance-tabs[b-dp91q628vn] {
    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-dp91q628vn] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.governance-tabs button[b-dp91q628vn] {
    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-dp91q628vn] {
    color: var(--gov-ink);
    background: rgba(20, 95, 101, .055);
}

.governance-tabs button:focus-visible[b-dp91q628vn],
.governance-panel button:focus-visible[b-dp91q628vn],
.governance-panel input:focus-visible[b-dp91q628vn],
.governance-panel select:focus-visible[b-dp91q628vn],
.notification-item a:focus-visible[b-dp91q628vn] {
    outline: 3px solid rgba(184, 137, 53, .3);
    outline-offset: 2px;
}

.governance-tabs button.is-active[b-dp91q628vn] {
    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-dp91q628vn]::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-dp91q628vn] {
    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-dp91q628vn] {
    color: #fff;
    background: var(--gov-primary);
}

.governance-tabs button > span:nth-child(2)[b-dp91q628vn] {
    display: grid;
    gap: .15rem;
}

.governance-tabs strong[b-dp91q628vn] {
    font-size: .96rem;
}

.governance-tabs small[b-dp91q628vn] {
    color: #83979b;
    font-size: .74rem;
}

.governance-tabs b[b-dp91q628vn] {
    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-dp91q628vn] {
    color: #a9b7ba;
    font-size: .8rem;
}

.governance-panel[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    flex: 1 1 auto;
    min-width: 0;
}

.governance-panel__header h2[b-dp91q628vn] {
    margin: 0 0 .25rem;
    color: var(--gov-ink);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 800;
}

.governance-panel__header p[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .92rem;
    line-height: 1.65;
}

.panel-stat[b-dp91q628vn] {
    display: grid;
    gap: .1rem;
    min-width: 6.8rem;
    padding: .7rem .9rem;
    border-inline-start: 1px solid var(--gov-line);
}

.panel-stat strong[b-dp91q628vn] {
    color: var(--gov-primary);
    font-size: 1.45rem;
}

.panel-stat span[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .72rem;
}

.panel-stat.is-accent strong[b-dp91q628vn] {
    color: var(--gov-danger);
}

.access-layout[b-dp91q628vn] {
    display: grid;
    grid-template-columns: minmax(19rem, .76fr) minmax(0, 1.55fr);
    border-bottom: 1px solid var(--gov-line);
}

.access-editor[b-dp91q628vn],
.capability-editor[b-dp91q628vn] {
    padding: 1.4rem;
}

.access-editor[b-dp91q628vn] {
    border-inline-end: 1px solid var(--gov-line);
    background: rgba(244, 249, 248, .72);
}

.section-heading[b-dp91q628vn] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin-bottom: 1.15rem;
}

.section-heading > span[b-dp91q628vn] {
    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-dp91q628vn] {
    flex: 1;
}

.section-heading h3[b-dp91q628vn],
.scope-directory h3[b-dp91q628vn] {
    margin: 0 0 .2rem;
    color: var(--gov-ink);
    font-size: 1.15rem;
    font-weight: 800;
}

.section-heading p[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .8rem;
    line-height: 1.55;
}

.assignee-role-tab[b-dp91q628vn] {
    display: grid;
    margin-bottom: 1rem;
    padding: .35rem;
    border: 1px solid var(--gov-line);
    border-radius: .95rem;
    background: #eef4f3;
}

.assignee-role-tab span[b-dp91q628vn] {
    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-dp91q628vn] {
    display: grid;
    gap: .4rem;
    min-width: 0;
    margin-bottom: .85rem;
}

.governance-field label[b-dp91q628vn] {
    color: #315a60;
    font-size: .8rem;
    font-weight: 800;
}

.governance-field label b[b-dp91q628vn] {
    color: var(--gov-danger);
}

.governance-field input[b-dp91q628vn],
.governance-field select[b-dp91q628vn] {
    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-dp91q628vn],
.governance-field select:disabled[b-dp91q628vn] {
    color: #9caeb0;
    background: #f2f5f5;
    cursor: not-allowed;
}

.governance-field .is-invalid[b-dp91q628vn] {
    border-color: rgba(189, 67, 84, .65);
    box-shadow: 0 0 0 3px rgba(189, 67, 84, .07);
}

.governance-search[b-dp91q628vn] {
    position: relative;
    min-width: 0;
}

.governance-search > i[b-dp91q628vn] {
    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-dp91q628vn] {
    padding-inline-start: 2.5rem;
}

.access-autocomplete[b-dp91q628vn] {
    position: relative;
    z-index: 5;
}

.role-selector-row[b-dp91q628vn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 3.25rem;
    align-items: start;
    gap: .55rem;
}

.roles-list-link[b-dp91q628vn] {
    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-dp91q628vn] {
    color: #fff;
    background: #0f4f55;
    box-shadow: 0 .65rem 1.35rem rgba(20, 95, 101, .22);
    transform: translateY(-1px);
}

.roles-list-link:focus-visible[b-dp91q628vn] {
    outline: 3px solid rgba(20, 95, 101, .18);
    outline-offset: 2px;
}

.access-autocomplete.is-open[b-dp91q628vn] {
    z-index: 40;
}

.access-autocomplete__control[b-dp91q628vn] {
    position: relative;
}

.access-autocomplete__control > i:first-child[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    color: var(--gov-primary);
}

.access-autocomplete__clear[b-dp91q628vn] {
    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-dp91q628vn] {
    color: var(--gov-danger);
    border-color: rgba(189, 67, 84, .28);
    background: rgba(189, 67, 84, .05);
}

.access-autocomplete__clear:focus-visible[b-dp91q628vn],
.access-autocomplete__option:focus-visible[b-dp91q628vn] {
    outline: 3px solid rgba(20, 95, 101, .16);
    outline-offset: 2px;
}

.access-autocomplete__chevron[b-dp91q628vn] {
    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-dp91q628vn] {
    transform: translateY(-50%) rotate(180deg);
}

.access-autocomplete__menu[b-dp91q628vn] {
    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-dp91q628vn .16s ease-out;
}

.access-autocomplete__option[b-dp91q628vn] {
    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-dp91q628vn] {
    border-top: 1px solid rgba(18, 60, 67, .07);
}

.access-autocomplete__option:hover[b-dp91q628vn],
.access-autocomplete__option.is-active[b-dp91q628vn] {
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .055);
    transform: translateX(-2px);
}

.access-autocomplete__option-icon[b-dp91q628vn] {
    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-dp91q628vn] {
    color: #936c28;
    border-color: rgba(187, 142, 69, .28);
    background: rgba(187, 142, 69, .11);
}

.access-autocomplete__option-copy[b-dp91q628vn] {
    display: grid;
    min-width: 0;
    gap: .2rem;
}

.access-autocomplete__option-copy strong[b-dp91q628vn],
.access-autocomplete__option-copy small[b-dp91q628vn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    unicode-bidi: plaintext;
}

.access-autocomplete__option-copy strong[b-dp91q628vn] {
    font-size: .9rem;
    font-weight: 900;
}

.access-autocomplete__option-copy small[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .72rem;
    font-weight: 650;
}

.access-autocomplete__selected[b-dp91q628vn] {
    color: var(--gov-success);
}

.access-autocomplete__hint[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn],
.access-autocomplete__empty small[b-dp91q628vn] {
    display: block;
}

.access-autocomplete__empty strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: .85rem;
    font-weight: 900;
}

.access-autocomplete__empty small[b-dp91q628vn] {
    margin-top: .2rem;
    font-size: .7rem;
}

@keyframes governance-autocomplete-in-b-dp91q628vn {
    from {
        opacity: 0;
        transform: translateY(-.35rem);
    }

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

.field-hint[b-dp91q628vn],
.field-error[b-dp91q628vn] {
    font-size: .72rem;
}

.field-hint[b-dp91q628vn] {
    color: var(--gov-muted);
}

.field-error[b-dp91q628vn] {
    color: var(--gov-danger);
    font-weight: 700;
}

.capability-actions[b-dp91q628vn] {
    display: flex;
    gap: .35rem;
}

.capability-actions button[b-dp91q628vn] {
    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-dp91q628vn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.capability-card[b-dp91q628vn] {
    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-dp91q628vn] {
    transform: translateY(-1px);
    border-color: rgba(20, 95, 101, .25);
}

.capability-card.is-enabled[b-dp91q628vn] {
    border-color: rgba(19, 134, 111, .3);
    background: rgba(19, 134, 111, .045);
}

.capability-card input[b-dp91q628vn] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--gov-primary);
}

.capability-card__toggle[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.capability-card strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: .8rem;
}

.capability-card small[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .68rem;
    line-height: 1.45;
}

.capability-card__check[b-dp91q628vn] {
    color: var(--gov-success);
    opacity: 0;
}

.capability-card.is-enabled .capability-card__check[b-dp91q628vn] {
    opacity: 1;
}

.capability-card__details[b-dp91q628vn] {
    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-dp91q628vn],
.capability-card__details:focus-visible[b-dp91q628vn] {
    color: #fff;
    border-color: var(--gov-primary);
    background: var(--gov-primary);
    outline: none;
}

.capability-details-backdrop[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    margin-bottom: .15rem;
    color: var(--gov-secondary);
    font-size: .69rem;
}

.capability-details-dialog__header h3[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-ink);
    font-size: 1.08rem;
}

.capability-details-dialog__header > button[b-dp91q628vn] {
    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-dp91q628vn],
.capability-details-dialog__header > button:focus-visible[b-dp91q628vn] {
    color: #fff;
    border-color: var(--gov-danger);
    background: var(--gov-danger);
    outline: none;
}

.capability-details-dialog__icon[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    color: var(--gov-success);
    border-color: rgba(19, 134, 111, .22);
    background: rgba(19, 134, 111, .07);
}

.capability-details-dialog__summary[b-dp91q628vn] {
    margin: 1rem 1.15rem;
    color: #415f64;
    font-size: .86rem;
    line-height: 1.75;
}

.capability-details-dialog__section[b-dp91q628vn] {
    margin: 0 1.15rem 1rem;
    padding: .95rem;
    border: 1px solid var(--gov-line);
    border-radius: .9rem;
    background: #fbfdfc;
}

.capability-details-dialog__section h4[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 .7rem;
    color: var(--gov-primary);
    font-size: .82rem;
}

.capability-details-dialog__section ul[b-dp91q628vn] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.capability-details-dialog__section li[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: 0 1.15rem 1rem;
}

.capability-details-dialog__notes article[b-dp91q628vn] {
    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-dp91q628vn] {
    border-color: rgba(184, 137, 53, .2);
    background: rgba(184, 137, 53, .06);
}

.capability-details-dialog__notes article > i[b-dp91q628vn] {
    color: var(--gov-primary);
    font-size: .9rem;
    text-align: center;
}

.capability-details-dialog__notes article.is-boundary > i[b-dp91q628vn] {
    color: var(--gov-secondary);
}

.capability-details-dialog__notes strong[b-dp91q628vn] {
    display: block;
    margin-bottom: .2rem;
    color: var(--gov-ink);
    font-size: .74rem;
}

.capability-details-dialog__notes p[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .7rem;
    line-height: 1.6;
}

.capability-details-dialog > footer[b-dp91q628vn] {
    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-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--gov-muted);
    font-size: .68rem;
}

.capability-details-dialog > footer span i[b-dp91q628vn] {
    color: var(--gov-primary);
}

.capability-details-dialog > footer button[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    border: 1px solid var(--gov-primary);
    color: #fff;
    background: var(--gov-primary);
}

.secondary-action[b-dp91q628vn] {
    border: 1px solid var(--gov-line);
    color: var(--gov-primary);
    background: #fff;
}

.editor-actions button:disabled[b-dp91q628vn],
.capability-actions button:disabled[b-dp91q628vn] {
    opacity: .48;
    cursor: not-allowed;
}

.scope-directory[b-dp91q628vn] {
    padding: 1.4rem;
}

.scope-directory > header[b-dp91q628vn] {
    display: flex;
    align-items: end;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.scope-directory > header .governance-search[b-dp91q628vn] {
    width: clamp(30rem, 42vw, 44rem);
    max-width: 100%;
    flex: 0 1 44rem;
}

.scope-directory > header .governance-search input[b-dp91q628vn] {
    min-height: 3.15rem;
    padding-inline-start: 2.7rem;
    font-size: .92rem;
    font-weight: 700;
}

.scope-grid[b-dp91q628vn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.scope-user-card[b-dp91q628vn] {
    overflow: hidden;
    border: 1px solid var(--gov-line);
    border-radius: 1rem;
    background: #fff;
}

.scope-user-card > header[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .95rem;
    border-bottom: 1px solid var(--gov-line);
    background: #f5f9f8;
}

.scope-avatar[b-dp91q628vn] {
    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-dp91q628vn] {
    color: #8d6728;
    background: #f8edda;
}

.scope-user-card > header div[b-dp91q628vn] {
    display: grid;
    gap: .1rem;
}

.scope-user-card > header strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: 1.05rem;
    font-weight: 900;
}

.scope-user-card > header small[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .72rem;
}

.scope-user-card > header .scope-assignee-kind[b-dp91q628vn] {
    color: var(--gov-primary);
    font-size: .65rem;
    font-weight: 900;
}

.scope-user-card.is-role[b-dp91q628vn] {
    border-color: rgba(187, 142, 69, .3);
}

.scope-user-card.is-role > header[b-dp91q628vn] {
    background: linear-gradient(135deg, #fffaf1, #f7f4ea);
}

.scope-row[b-dp91q628vn] {
    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-dp91q628vn] {
    border-bottom: 0;
}

.scope-row > span:first-child[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

.scope-row > span:first-child i[b-dp91q628vn] {
    color: var(--gov-secondary);
}

.scope-row > span:first-child strong[b-dp91q628vn] {
    overflow: hidden;
    color: var(--gov-ink);
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scope-pills[b-dp91q628vn] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.scope-pills small[b-dp91q628vn] {
    padding: .18rem .42rem;
    border-radius: 99rem;
    color: #557378;
    background: #eef4f3;
    font-size: .62rem;
}

.scope-row button[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    grid-template-columns: minmax(16rem, 1.5fr) minmax(10rem, .8fr) minmax(9rem, .6fr) minmax(9rem, .6fr);
}

.notification-filter-bar[b-dp91q628vn] {
    grid-template-columns: minmax(16rem, 1fr) minmax(11rem, .35fr);
}

.filter-bar .governance-field[b-dp91q628vn] {
    margin: 0;
}

.results-heading[b-dp91q628vn] {
    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-dp91q628vn] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: .75rem 1.4rem 1.4rem;
    list-style: none;
}

.audit-timeline > li[b-dp91q628vn] {
    position: relative;
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: .6rem;
}

.audit-timeline > li[b-dp91q628vn]::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-dp91q628vn]::before {
    display: none;
}

.audit-timeline__marker[b-dp91q628vn] {
    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-dp91q628vn] {
    overflow: hidden;
    border: 1px solid var(--gov-line);
    border-radius: .9rem;
    background: #fff;
}

.audit-summary[b-dp91q628vn] {
    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-dp91q628vn],
.audit-summary__meta[b-dp91q628vn] {
    display: grid;
    gap: .2rem;
}

.audit-summary strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: .86rem;
}

.audit-summary small[b-dp91q628vn],
.audit-summary time[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .7rem;
}

.audit-summary__meta[b-dp91q628vn] {
    min-width: 12rem;
    text-align: left;
}

.audit-summary__chevron[b-dp91q628vn] {
    color: #8aa0a4;
    transition: transform .2s ease;
}

.audit-timeline li.is-expanded .audit-summary__chevron[b-dp91q628vn] {
    transform: rotate(180deg);
}

.audit-details[b-dp91q628vn] {
    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-dp91q628vn] {
    display: flex;
    gap: .6rem;
    padding: .75rem;
    border: 1px solid var(--gov-line);
    border-radius: .75rem;
    background: #fff;
}

.audit-details__copy > span[b-dp91q628vn] {
    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-dp91q628vn] {
    font-size: .72rem;
}

.audit-details__copy p[b-dp91q628vn] {
    margin: .25rem 0 0;
    color: var(--gov-muted);
    font-size: .72rem;
    line-height: 1.55;
}

.audit-details dl[b-dp91q628vn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    margin: 0;
}

.audit-details dl div[b-dp91q628vn] {
    padding: .55rem .65rem;
    border: 1px solid var(--gov-line);
    border-radius: .65rem;
    background: #fff;
}

.audit-details dt[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .62rem;
}

.audit-details dd[b-dp91q628vn] {
    margin: .15rem 0 0;
    color: var(--gov-ink);
    font-size: .72rem;
    font-weight: 800;
}

.notification-list[b-dp91q628vn] {
    display: grid;
    gap: .6rem;
    padding: 1.2rem 1.4rem 1.4rem;
}

.notification-item[b-dp91q628vn] {
    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-dp91q628vn] {
    border-color: rgba(20, 95, 101, .25);
    background: linear-gradient(90deg, rgba(20, 95, 101, .04), #fff 38%);
}

.notification-item.is-unread[b-dp91q628vn]::after {
    content: "";
    position: absolute;
    inset-block: .75rem;
    inset-inline-start: 0;
    width: .22rem;
    border-radius: 99rem;
    background: var(--gov-primary);
}

.notification-item__icon[b-dp91q628vn] {
    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-dp91q628vn] {
    display: grid;
    gap: .38rem;
    min-width: 0;
}

.notification-item__body header[b-dp91q628vn],
.notification-item__body footer[b-dp91q628vn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.notification-item__body header strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: .84rem;
}

.notification-item__body header span[b-dp91q628vn] {
    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-dp91q628vn] {
    color: var(--gov-success);
    background: rgba(19, 134, 111, .1);
}

.notification-item__body p[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .75rem;
    line-height: 1.6;
}

.notification-item__body time[b-dp91q628vn] {
    color: #83979a;
    font-size: .68rem;
}

.notification-item__body a[b-dp91q628vn] {
    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-dp91q628vn],
.panel-empty[b-dp91q628vn],
.panel-error[b-dp91q628vn],
.panel-loading[b-dp91q628vn] {
    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-dp91q628vn],
.panel-empty > span[b-dp91q628vn] {
    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-dp91q628vn],
.panel-empty strong[b-dp91q628vn] {
    display: block;
    color: var(--gov-ink);
}

.governance-permission-note p[b-dp91q628vn],
.panel-empty p[b-dp91q628vn] {
    margin: .25rem 0 0;
    font-size: .78rem;
}

.panel-error[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    min-height: 14rem;
    color: var(--gov-primary);
    font-weight: 800;
}

.result-limit-note[b-dp91q628vn] {
    margin: -.5rem 1.4rem 1.25rem;
    color: var(--gov-muted);
    font-size: .7rem;
    text-align: center;
}

.governance-message[b-dp91q628vn] {
    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-dp91q628vn] {
    border-color: rgba(189, 67, 84, .22);
    color: var(--gov-danger);
    background: #fff3f5;
}

.governance-message span[b-dp91q628vn] {
    flex: 1;
    font-weight: 700;
}

.governance-message button[b-dp91q628vn] {
    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-dp91q628vn] {
    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-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    color: #fff;
    background: var(--gov-primary);
}

.governance-loading div[b-dp91q628vn] {
    display: grid;
    gap: .2rem;
}

.governance-loading strong[b-dp91q628vn] {
    color: var(--gov-ink);
}

.governance-loading div span[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .78rem;
}

.governance-loading__line[b-dp91q628vn] {
    grid-column: 1 / -1;
    overflow: hidden;
    height: .22rem;
    border-radius: 99rem;
    background: #e7efee;
}

.governance-loading__line[b-dp91q628vn]::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-dp91q628vn 1.15s ease-in-out infinite alternate;
}

@keyframes governance-loading-b-dp91q628vn {
    from { transform: translateX(0); }
    to { transform: translateX(-160%); }
}

@media (max-width: 1100px) {
    .governance-command[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .access-layout[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .access-editor[b-dp91q628vn] {
        border-inline-end: 0;
        border-bottom: 1px solid var(--gov-line);
    }

    .audit-filter-bar[b-dp91q628vn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .scope-grid[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .capability-details-backdrop[b-dp91q628vn] {
        place-items: end center;
        padding: .5rem;
    }

    .capability-details-dialog[b-dp91q628vn] {
        max-height: calc(100vh - 1rem);
        border-radius: 1rem;
    }

    .capability-details-dialog__notes[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .capability-details-dialog > footer[b-dp91q628vn] {
        align-items: stretch;
        flex-direction: column;
    }

    .capability-details-dialog > footer button[b-dp91q628vn] {
        width: 100%;
    }

    .governance-workspace[b-dp91q628vn] {
        gap: .85rem;
    }

    .governance-command[b-dp91q628vn] {
        padding: 1.2rem;
        border-radius: 1.2rem;
    }

    .governance-command__metrics[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .governance-command__metrics article[b-dp91q628vn] {
        grid-template-columns: 1.8rem minmax(0, 1fr);
        align-items: center;
        min-height: auto;
    }

    .governance-tabs[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .governance-tabs button[b-dp91q628vn] {
        min-height: 3.9rem;
    }

    .governance-panel__header[b-dp91q628vn] {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 1.1rem;
    }

    .panel-stat[b-dp91q628vn] {
        min-width: 45%;
        border-inline-start: 0;
        border-top: 1px solid var(--gov-line);
    }

    .access-editor[b-dp91q628vn],
    .capability-editor[b-dp91q628vn],
    .scope-directory[b-dp91q628vn] {
        padding: 1rem;
    }

    .capability-grid[b-dp91q628vn],
    .audit-filter-bar[b-dp91q628vn],
    .notification-filter-bar[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .capability-actions[b-dp91q628vn] {
        width: 100%;
        margin-top: .5rem;
    }

    .section-heading[b-dp91q628vn] {
        flex-wrap: wrap;
    }

    .scope-directory > header[b-dp91q628vn] {
        align-items: stretch;
        flex-direction: column;
    }

    .scope-directory > header .governance-search[b-dp91q628vn] {
        width: 100%;
    }

    .scope-row[b-dp91q628vn] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .scope-pills[b-dp91q628vn] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .filter-bar[b-dp91q628vn] {
        padding: .9rem 1rem;
    }

    .audit-timeline[b-dp91q628vn],
    .notification-list[b-dp91q628vn] {
        padding: .85rem 1rem 1rem;
    }

    .audit-summary[b-dp91q628vn] {
        grid-template-columns: minmax(0, 1fr) 1rem;
    }

    .audit-summary__meta[b-dp91q628vn] {
        grid-column: 1 / -1;
        grid-row: 2;
        min-width: 0;
        text-align: right;
    }

    .audit-details[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .notification-item__body header[b-dp91q628vn],
    .notification-item__body footer[b-dp91q628vn] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .governance-loading__line[b-dp91q628vn]::after {
        animation: none;
    }

    .governance-tabs button[b-dp91q628vn],
    .capability-card[b-dp91q628vn],
    .access-autocomplete__option[b-dp91q628vn],
    .roles-list-link[b-dp91q628vn],
    .audit-summary__chevron[b-dp91q628vn] {
        transition: none;
    }

    .access-autocomplete__menu[b-dp91q628vn] {
        animation: none;
    }
}

.selected-branch-list[b-dp91q628vn] { max-height:360px; overflow:auto; margin-block-start:12px; display:grid; gap:10px; }
.selected-branch-item[b-dp91q628vn] { 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-dp91q628vn] { line-height:1.8; }

/* Cards group related permissions; rows remain readable at narrow content widths. */
.permission-groups-grid[b-dp91q628vn] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.capability-editor[b-dp91q628vn] { container-type:inline-size; }
@container (max-width:700px) { .permission-groups-grid[b-dp91q628vn] { grid-template-columns:1fr; } }
@media(max-width:767px) { .permission-groups-grid[b-dp91q628vn] { grid-template-columns:1fr; } }

.access-layout[b-dp91q628vn] { grid-template-columns:minmax(0,1fr); }
.access-editor[b-dp91q628vn] { border-inline-end:0; border-bottom:1px solid var(--gov-line); }
/* _content/Starterkit/Observatory/Home.razor.rz.scp.css */
*[b-pp19h3bwom] {
    --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-pp19h3bwom] {
    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-pp19h3bwom]::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-pp19h3bwom] {
    position: absolute;
    top: calc(50% - 52px);
    width: 1.8rem;
    height: 1.8rem;
    color: var(--obs-primary);
}

.obs-home-message[b-pp19h3bwom] {
    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-pp19h3bwom] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    background: #ffe7ec;
    font-size: 1.25rem;
}

.obs-home-message p[b-pp19h3bwom] {
    margin: 4px 0 0;
}

.obs-home-message .btn[b-pp19h3bwom] {
    min-height: 42px;
    border-radius: 12px;
    font-weight: 900;
}

@media(max-width:600px){.obs-home-message[b-pp19h3bwom]{grid-template-columns:minmax(0,1fr);gap:.5rem}.obs-home-loading[b-pp19h3bwom]{min-height:180px}}
/* _content/Starterkit/Observatory/SharedDashboard.razor.rz.scp.css */
.shared-dashboard-root[b-txnqsczeeb] {
    --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-txnqsczeeb] {
    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-txnqsczeeb] {
    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-txnqsczeeb] {
    animation: shared-pulse-b-txnqsczeeb 1.6s ease-in-out infinite;
}

.shared-dashboard-state__mark.is-invalid[b-txnqsczeeb] {
    background: linear-gradient(145deg, #743f48, #a25761);
    box-shadow: 0 18px 38px rgba(132, 61, 72, .2);
}

.shared-dashboard-state__eyebrow[b-txnqsczeeb] {
    color: var(--share-secondary);
    font-size: .67rem;
    font-weight: 950;
}

.shared-dashboard-state h1[b-txnqsczeeb],
.shared-dashboard-state p[b-txnqsczeeb] {
    margin: 0;
}

.shared-dashboard-state h1[b-txnqsczeeb] {
    color: #21484b;
    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 950;
}

.shared-dashboard-state p[b-txnqsczeeb] {
    max-width: 520px;
    color: #748789;
    font-size: .78rem;
    line-height: 1.85;
}

.shared-dashboard-state__skeleton[b-txnqsczeeb] {
    display: grid;
    width: min(100%, 500px);
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 20px;
}

.shared-dashboard-state__skeleton span[b-txnqsczeeb] {
    height: 82px;
    border-radius: 14px;
    background: linear-gradient(100deg, #edf3f2 20%, #f9fbfa 42%, #edf3f2 64%) 0 0 / 220% 100%;
    animation: shared-shimmer-b-txnqsczeeb 1.35s linear infinite;
}

.shared-dashboard-toolbar[b-txnqsczeeb] {
    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-txnqsczeeb],
.shared-dashboard-toolbar__meta[b-txnqsczeeb],
.shared-dashboard-toolbar__meta > span[b-txnqsczeeb],
.shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
    display: flex;
    align-items: center;
}

.shared-dashboard-toolbar__brand[b-txnqsczeeb] {
    min-width: 0;
    gap: 10px;
}

.shared-dashboard-toolbar__brand > span[b-txnqsczeeb] {
    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-txnqsczeeb],
.shared-dashboard-toolbar__brand small[b-txnqsczeeb] {
    display: block;
}

.shared-dashboard-toolbar__brand strong[b-txnqsczeeb] {
    color: #29494c;
    font-size: .76rem;
    font-weight: 950;
}

.shared-dashboard-toolbar__brand small[b-txnqsczeeb] {
    margin-top: 2px;
    color: #7e8f91;
    font-size: .59rem;
}

.shared-dashboard-toolbar__meta[b-txnqsczeeb] {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.shared-dashboard-toolbar__meta > span[b-txnqsczeeb],
.shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
    min-height: 42px;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 11px;
    font-size: .64rem;
    font-weight: 900;
}

.shared-dashboard-toolbar__meta > span[b-txnqsczeeb] {
    color: #5f7679;
    background: #f1f6f5;
}

.shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
    border: 1px solid var(--share-primary);
    color: #fff;
    background: var(--share-primary);
}

.shared-dashboard-toolbar__meta > button:hover[b-txnqsczeeb],
.shared-dashboard-toolbar__meta > button:focus-visible[b-txnqsczeeb] {
    background: color-mix(in srgb, var(--share-primary) 86%, #000);
}

.shared-dashboard-toolbar__meta > button:focus-visible[b-txnqsczeeb] {
    outline: 3px solid color-mix(in srgb, var(--share-secondary) 44%, transparent);
    outline-offset: 2px;
}

.shared-dashboard-message[b-txnqsczeeb] {
    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-txnqsczeeb] {
    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-txnqsczeeb] {
    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-txnqsczeeb]::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-txnqsczeeb] {
    position: relative;
    z-index: 1;
}

.shared-dashboard-hero__eyebrow[b-txnqsczeeb] {
    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-txnqsczeeb],
.shared-dashboard-hero p[b-txnqsczeeb] {
    margin: 0;
}

.shared-dashboard-hero h1[b-txnqsczeeb] {
    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-txnqsczeeb] {
    max-width: 780px;
    margin-top: 10px;
    color: rgba(238, 247, 246, .75);
    font-size: .78rem;
    line-height: 1.9;
}

.shared-dashboard-hero__meta[b-txnqsczeeb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 20px;
}

.shared-dashboard-hero__meta span[b-txnqsczeeb] {
    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-txnqsczeeb] {
    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-txnqsczeeb] {
    color: rgba(255,255,255,.74);
    font-size: .62rem;
    font-weight: 950;
}

.shared-dashboard-page[b-txnqsczeeb] {
    padding: clamp(15px, 2.5vw, 28px);
    border-bottom: 1px solid #dce6e4;
}

.shared-dashboard-page__head[b-txnqsczeeb] {
    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-txnqsczeeb] {
    color: var(--share-secondary);
    font-size: .58rem;
    font-weight: 950;
}

.shared-dashboard-page__head h2[b-txnqsczeeb],
.shared-dashboard-page__head p[b-txnqsczeeb] {
    margin: 0;
}

.shared-dashboard-page__head h2[b-txnqsczeeb] {
    margin-top: 2px;
    color: #294b4e;
    font-size: 1rem;
    font-weight: 950;
}

.shared-dashboard-page__head p[b-txnqsczeeb] {
    margin-top: 3px;
    color: #748789;
    font-size: .62rem;
    line-height: 1.65;
}

.shared-dashboard-page__head > strong[b-txnqsczeeb] {
    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-txnqsczeeb] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
}

.shared-widget[b-txnqsczeeb] {
    --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-txnqsczeeb] {
    min-height: 210px;
}

.shared-widget--chart[b-txnqsczeeb] {
    min-height: 330px;
}

.shared-widget--table[b-txnqsczeeb],
.shared-widget--readonly-filter[b-txnqsczeeb] {
    grid-column: span var(--widget-width, 12);
}

.shared-widget__head[b-txnqsczeeb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.shared-widget__head > div[b-txnqsczeeb] {
    min-width: 0;
}

.shared-widget__head span[b-txnqsczeeb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--widget-accent);
    font-size: .58rem;
    font-weight: 950;
}

.shared-widget__head h3[b-txnqsczeeb] {
    margin: 4px 0 0;
    color: #2d4d50;
    font-size: .88rem;
    font-weight: 950;
    line-height: 1.5;
}

.shared-widget__head > small[b-txnqsczeeb] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    color: #637a7c;
    background: #eef4f3;
    font-size: .55rem;
    font-weight: 900;
}

.shared-widget__value[b-txnqsczeeb] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.shared-widget__value strong[b-txnqsczeeb] {
    color: #173f43;
    font-size: clamp(2rem, 5vw, 3.6rem);
    font-weight: 950;
    letter-spacing: -.04em;
}

.shared-widget__value span[b-txnqsczeeb] {
    color: #718486;
    font-size: .68rem;
    font-weight: 850;
}

.shared-widget__delta[b-txnqsczeeb] {
    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-txnqsczeeb] {
    color: #17694f;
    background: #e7f7ef;
}

.shared-widget__delta.is-negative[b-txnqsczeeb] {
    color: #93434d;
    background: #fbeaec;
}

.shared-chart[b-txnqsczeeb] {
    min-height: 270px;
}

.shared-readonly-values[b-txnqsczeeb] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.shared-readonly-values span[b-txnqsczeeb] {
    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-txnqsczeeb] {
    display: block;
    margin-top: 10px;
    color: #859496;
    font-size: .57rem;
}

.shared-table-wrap[b-txnqsczeeb] {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #dbe6e4;
    border-radius: 12px;
}

.shared-table-wrap table[b-txnqsczeeb] {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    color: #3e5a5d;
    font-size: .63rem;
}

.shared-table-wrap th[b-txnqsczeeb],
.shared-table-wrap td[b-txnqsczeeb] {
    padding: 9px 11px;
    border-bottom: 1px solid #e4ecea;
    text-align: start;
}

.shared-table-wrap thead th[b-txnqsczeeb] {
    color: #315356;
    background: #edf4f2;
    font-weight: 950;
}

.shared-table-wrap tbody th[b-txnqsczeeb] {
    color: #3b5e61;
    background: #f9fbfa;
    font-weight: 900;
}

.shared-table-wrap tbody tr:last-child > *[b-txnqsczeeb] {
    border-bottom: 0;
}

.shared-dashboard-empty[b-txnqsczeeb] {
    display: grid;
    min-height: 90px;
    place-items: center;
    color: #829294;
    text-align: center;
    font-size: .68rem;
}

.shared-dashboard-footer[b-txnqsczeeb] {
    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-txnqsczeeb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--share-primary);
}

@keyframes shared-pulse-b-txnqsczeeb {
    50% { transform: scale(1.1); opacity: .72; }
}

@keyframes shared-shimmer-b-txnqsczeeb {
    to { background-position: -220% 0; }
}

@media (max-width: 800px) {
    .shared-dashboard-toolbar[b-txnqsczeeb],
    .shared-dashboard-page__head[b-txnqsczeeb],
    .shared-dashboard-footer[b-txnqsczeeb] {
        align-items: stretch;
        flex-direction: column;
    }

    .shared-dashboard-toolbar__meta[b-txnqsczeeb] {
        justify-content: stretch;
    }

    .shared-dashboard-toolbar__meta > span[b-txnqsczeeb],
    .shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
        justify-content: center;
        flex: 1;
    }

    .shared-dashboard-hero[b-txnqsczeeb] {
        grid-template-columns: 1fr;
    }

    .shared-dashboard-hero__seal[b-txnqsczeeb] {
        width: 90px;
        height: 90px;
        justify-self: start;
        border-radius: 25px;
    }

    .shared-widget[b-txnqsczeeb] {
        grid-column: span 12;
    }
}

@media (max-width: 520px) {
    .shared-dashboard-root[b-txnqsczeeb] {
        padding: 8px;
    }

    .shared-dashboard-toolbar[b-txnqsczeeb],
    .shared-dashboard-snapshot[b-txnqsczeeb],
    .shared-dashboard-state[b-txnqsczeeb] {
        border-radius: 18px;
    }

    .shared-dashboard-toolbar__meta[b-txnqsczeeb],
    .shared-dashboard-toolbar__meta > span[b-txnqsczeeb],
    .shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
        width: 100%;
    }

    .shared-dashboard-toolbar__meta[b-txnqsczeeb] {
        display: grid;
    }

    .shared-dashboard-state__skeleton[b-txnqsczeeb] {
        grid-template-columns: 1fr;
    }

    .shared-dashboard-state__skeleton span:not(:first-child)[b-txnqsczeeb] {
        display: none;
    }

    .shared-dashboard-hero[b-txnqsczeeb],
    .shared-dashboard-page[b-txnqsczeeb] {
        padding: 18px 14px;
    }

    .shared-widget[b-txnqsczeeb] {
        padding: 15px;
        border-radius: 15px;
    }

    .shared-dashboard-footer[b-txnqsczeeb] {
        padding: 14px;
    }
}

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

    .shared-dashboard-root[b-txnqsczeeb] {
        min-height: 0;
        padding: 0;
        background: #fff;
    }

    .shared-dashboard-toolbar[b-txnqsczeeb],
    .shared-dashboard-message[b-txnqsczeeb] {
        display: none !important;
    }

    .shared-dashboard-snapshot[b-txnqsczeeb] {
        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-txnqsczeeb] {
        break-before: page;
        page-break-before: always;
    }

    .shared-dashboard-page:first-of-type[b-txnqsczeeb] {
        break-before: auto;
        page-break-before: auto;
    }

    .shared-widget[b-txnqsczeeb],
    .shared-dashboard-page__head[b-txnqsczeeb] {
        break-inside: avoid;
        page-break-inside: avoid;
        box-shadow: none;
    }

    .shared-table-wrap[b-txnqsczeeb] {
        overflow: visible;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shared-dashboard-state__mark.is-loading i[b-txnqsczeeb],
    .shared-dashboard-state__skeleton span[b-txnqsczeeb] {
        animation: none;
    }
}
/* _content/Starterkit/Observatory/TemplateDesigner.razor.rz.scp.css */
.otd-loading[b-04fso1srw0] {
    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-04fso1srw0],
.otd-meta[b-04fso1srw0],
.otd-message[b-04fso1srw0] {
    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-04fso1srw0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
}

.otd-command__identity[b-04fso1srw0] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.otd-command__mode[b-04fso1srw0] {
    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-04fso1srw0] {
    font-size: 1rem;
}

.otd-command h2[b-04fso1srw0] {
    margin: 0;
    color: #173336;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.otd-command p[b-04fso1srw0] {
    margin: 4px 0 0;
    color: #6d7f81;
    font-size: .76rem !important;
}

.otd-command__actions[b-04fso1srw0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.otd-meta[b-04fso1srw0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
}

.otd-meta label[b-04fso1srw0] {
    display: grid;
    gap: 6px;
}

.otd-meta label.is-wide[b-04fso1srw0] {
    grid-column: span 1;
}

.otd-meta label > span[b-04fso1srw0] {
    color: #40595c;
    font-size: .72rem !important;
    font-weight: 800 !important;
}

.otd-meta label b[b-04fso1srw0] {
    color: #b53d4f;
}

.otd-meta__hint[b-04fso1srw0] {
    color: #718487;
    font-size: .66rem !important;
    font-weight: 700;
    line-height: 1.6;
}

.otd-meta :is(.form-control, .form-select)[b-04fso1srw0] {
    min-height: 44px;
    border-color: #d8e4e2;
    border-radius: 10px;
    background-color: #fbfdfc;
}

.otd-meta .form-control:disabled[b-04fso1srw0] {
    color: var(--obs-primary);
    background: #eef5f3;
    opacity: 1;
    cursor: not-allowed;
}

.otd-message[b-04fso1srw0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    color: #2f6261;
}

.otd-message p[b-04fso1srw0] {
    flex: 1;
    margin: 0;
    font-size: .77rem !important;
}

.otd-message.is-error[b-04fso1srw0] {
    color: #9b3040;
    border-color: #efcbd1;
    background: #fff5f6;
}

.otd-message.is-success[b-04fso1srw0] {
    color: #167058;
    border-color: #bfe2d5;
    background: #f1fbf7;
}

.otd-message.is-info[b-04fso1srw0] {
    color: #296776;
    border-color: #c6dfe5;
    background: #f2fafc;
}

.otd-host[b-04fso1srw0] {
    min-height: 720px;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .otd-ribbon__group {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-inline-end: 8px;
    border-inline-end: 1px solid #d4dfdd;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-ribbon :is(button, label):hover {
    border-color: #bed1cf;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .otd-ribbon input[type="color"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-formula > span {
    color: var(--obs-secondary);
    font-family: Georgia, serif !important;
    font-style: italic;
    text-align: center;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-name-box {
    text-align: center;
}

.otd-host[b-04fso1srw0]  .otd-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    min-height: 600px;
}

.otd-host[b-04fso1srw0]  .otd-canvas {
    display: grid;
    min-width: 0;
    grid-template-rows: minmax(0, 1fr) auto auto;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-grid {
    table-layout: fixed;
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .otd-row-number {
    width: 48px;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-grid thead th {
    top: 0;
}

.otd-host[b-04fso1srw0]  .otd-grid tbody th {
    inset-inline-start: 0;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .otd-grid td > div {
    min-height: 100%;
    padding: 5px 7px;
    overflow: hidden;
    outline: none;
    text-overflow: ellipsis;
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-selected {
    z-index: 2;
    box-shadow: inset 0 0 0 2px var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .otd-analytics.is-empty {
    display: none;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-analysis-card header {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
    color: #29484b;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card header > i {
    color: var(--obs-secondary);
}

.otd-host[b-04fso1srw0]  .otd-analysis-card header strong {
    overflow: hidden;
    font-size: .66rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card header code {
    color: #718385;
    font-family: ui-monospace, Consolas, monospace !important;
    font-size: .56rem !important;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card svg {
    display: block;
    width: 100%;
    height: 145px;
    margin-top: 5px;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card footer {
    display: flex;
    gap: 5px;
    overflow: hidden;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-analysis-card.is-pivot {
    overflow: auto;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card.is-pivot table {
    width: 100%;
    margin-top: 8px;
    border-collapse: collapse;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-analysis-card.is-pivot th {
    color: #fff;
    background: var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .otd-analysis-card.is-pivot p {
    margin: 12px 0 0;
    color: #7b4f56;
    font-size: .59rem !important;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .otd-sheet-tabs .otd-add-sheet {
    min-width: 36px;
    border-radius: 8px;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .otd-inspector > label {
    display: grid;
    gap: 5px;
    margin-bottom: 10px;
    color: #465e61;
    font-size: .67rem !important;
    font-weight: 800 !important;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-inspector__split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.otd-host[b-04fso1srw0]  .otd-inspector__split label {
    display: grid;
    gap: 5px;
    color: #465e61;
    font-size: .64rem !important;
}

.otd-host[b-04fso1srw0]  .otd-inspector .otd-check {
    display: flex;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.otd-host[b-04fso1srw0]  .otd-check input {
    width: 18px;
    min-height: 18px !important;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section {
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #d4dfdd;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section > div:first-child {
    display: grid;
    gap: 3px;
    margin-bottom: 9px;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section small {
    color: #718385;
    font-size: .58rem !important;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-artifact > i {
    color: var(--obs-secondary);
}

.otd-host[b-04fso1srw0]  .otd-artifact span {
    display: grid;
    min-width: 0;
}

.otd-host[b-04fso1srw0]  .otd-artifact strong,
.otd-host[b-04fso1srw0]  .otd-artifact small {
    overflow: hidden;
    font-size: .6rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-04fso1srw0]  .otd-artifact button {
    width: 28px;
    min-height: 28px;
    border: 0;
    border-radius: 6px;
    color: #a33b4b;
    background: #fff1f3;
}

.otd-host[b-04fso1srw0]  .otd-artifact-empty {
    margin: 0;
    color: #7b8b8d;
    font-size: .61rem !important;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-ribbon__select,
.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-ribbon__number {
    width: 56px;
    direction: ltr;
}

.otd-host[b-04fso1srw0]  :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-04fso1srw0]  .otd-grid-stage {
    position: relative;
    width: max-content;
    min-width: 100%;
    min-height: 100%;
}

.otd-host[b-04fso1srw0]  .otd-grid-stage > [data-role="grid"] {
    width: max-content;
    min-width: 100%;
}

.otd-host[b-04fso1srw0]  .otd-grid th[data-column-header],
.otd-host[b-04fso1srw0]  .otd-grid th[data-row-header],
.otd-host[b-04fso1srw0]  .otd-grid .otd-corner {
    cursor: default;
}

.otd-host[b-04fso1srw0]  .otd-grid th.is-selected-header {
    color: #fff;
    border-color: #2f7774;
    background: linear-gradient(180deg, #438e88, var(--obs-primary));
}

.otd-host[b-04fso1srw0]  .otd-grid.is-without-gridlines :is(td, th) {
    border-color: transparent;
}

.otd-host[b-04fso1srw0]  .otd-grid.is-without-headers :is(thead, tbody > tr > th) {
    display: none;
}

.otd-host[b-04fso1srw0]  .otd-grid.is-without-headers .otd-row-number {
    width: 0;
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-selected {
    background-clip: padding-box;
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-selected:first-of-type {
    box-shadow: inset 0 0 0 2px var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .otd-cell-mark.is-comment {
    background: #b17b27;
}

.otd-host[b-04fso1srw0]  .otd-cell-mark.is-locked {
    background: #496c8d;
}

.otd-host[b-04fso1srw0]  .otd-cell-mark.is-required {
    color: #fff;
    background: #ae3e50;
    font-size: .56rem !important;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .otd-cell-mark.is-link {
    background: #337e75;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-grid td.is-locked:not(.is-selected) {
    box-shadow: inset 0 0 0 1px rgba(73, 108, 141, .22);
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-required:not(.is-selected) {
    box-shadow: inset 0 -2px 0 rgba(174, 62, 80, .24);
}

.otd-host[b-04fso1srw0]  .otd-image-layer {
    position: absolute;
    z-index: 6;
    inset: 0;
    min-width: 100%;
    pointer-events: none;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .otd-sheet-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-inspector__section.is-compact {
    display: grid;
    gap: 8px;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section.is-compact > div:first-child {
    margin-bottom: 0;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section.is-compact > label {
    display: grid;
    gap: 5px;
    margin: 0;
    color: #465e61;
    font-size: .64rem !important;
}

.otd-host[b-04fso1srw0]  .otd-artifact {
    grid-template-columns: 24px minmax(0, 1fr) auto;
}

.otd-host[b-04fso1srw0]  .otd-artifact__actions {
    display: inline-flex !important;
    grid-auto-flow: column;
    gap: 3px;
}

.otd-host[b-04fso1srw0]  .otd-artifact__actions button:first-child {
    color: #286c67;
    background: #e9f6f3;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-dialog[open] {
    display: block;
    animation: otd-dialog-in-b-04fso1srw0 .16s ease-out;
}

.otd-host[b-04fso1srw0]  .otd-dialog::backdrop {
    background: rgba(10, 35, 39, .56);
    backdrop-filter: blur(3px);
}

.otd-host[b-04fso1srw0]  .otd-dialog form {
    display: grid;
    max-height: min(88vh, 840px);
    grid-template-rows: auto minmax(0, 1fr) auto auto;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-dialog__head > div {
    min-width: 0;
}

.otd-host[b-04fso1srw0]  .otd-dialog__head > div > span {
    display: block;
    margin-bottom: 3px;
    color: #a07432;
    font-size: .62rem !important;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__head h3 {
    margin: 0;
    color: #15393c;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__head p {
    margin: 5px 0 0;
    color: #657a7c;
    font-size: .7rem !important;
    line-height: 1.7;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-dialog__body {
    display: grid;
    gap: 13px;
    overflow-y: auto;
    padding: 18px 20px;
}

.otd-host[b-04fso1srw0]  .otd-dialog__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.otd-host[b-04fso1srw0]  .otd-dialog__grid.is-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.otd-host[b-04fso1srw0]  .otd-dialog__field {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: #415b5e;
    font-size: .68rem !important;
    font-weight: 800 !important;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-dialog__field textarea {
    min-height: 92px;
    resize: vertical;
    line-height: 1.6;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-dialog__checks {
    display: flex;
    gap: 8px 14px;
    flex-wrap: wrap;
}

.otd-host[b-04fso1srw0]  .otd-dialog__checks.is-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-dialog__check input {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .otd-dialog__colors {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-dialog__color input {
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    background: transparent;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-dialog__notice.is-danger {
    color: #8f3040;
    border-color: #efc9cf;
    background: #fff2f4;
}

.otd-host[b-04fso1srw0]  .otd-dialog__notice.is-warning {
    color: #765718;
    border-color: #e7d29f;
    background: #fff9e9;
}

.otd-host[b-04fso1srw0]  .otd-dialog__notice p {
    margin: 0;
    font-size: .68rem !important;
    line-height: 1.7;
}

.otd-host[b-04fso1srw0]  .otd-dialog__hint {
    margin: -5px 0 0;
    color: #708486;
    font-size: .62rem !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__subhead {
    margin: 3px 0 -3px;
    color: #31575a;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .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-04fso1srw0]  .otd-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 13px 20px;
    border-top: 1px solid #d5e1df;
    background: #f3f7f6;
}

.otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-dialog__cancel {
    color: #526d6f;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .otd-dialog__save {
    color: #fff;
    border-color: var(--obs-primary) !important;
    background: var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .otd-dialog__save.is-danger {
    border-color: #a83c4d !important;
    background: #a83c4d;
}

@keyframes otd-dialog-in-b-04fso1srw0 {
    from {
        opacity: 0;
        transform: translateY(8px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1100px) {
    .otd-meta[b-04fso1srw0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .otd-host[b-04fso1srw0]  .otd-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .otd-host[b-04fso1srw0]  .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-04fso1srw0]  .otd-inspector__head,
    .otd-host[b-04fso1srw0]  .otd-inspector__section {
        grid-column: 1 / -1;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog {
        width: min(720px, calc(100vw - 24px));
    }
}

@media (max-width: 767px) {
    .otd-command[b-04fso1srw0] {
        align-items: stretch;
        flex-direction: column;
    }

    .otd-command__actions > button[b-04fso1srw0] {
        flex: 1 1 150px;
    }

    .otd-meta[b-04fso1srw0] {
        grid-template-columns: 1fr;
    }

    .otd-host[b-04fso1srw0]  .otd-inspector {
        grid-template-columns: 1fr 1fr;
    }

    .otd-host[b-04fso1srw0]  .otd-ribbon {
        position: sticky;
        inset-block-start: 0;
        z-index: 10;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog__grid,
    .otd-host[b-04fso1srw0]  .otd-dialog__grid.is-four,
    .otd-host[b-04fso1srw0]  .otd-dialog__colors {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .otd-command__actions[b-04fso1srw0] {
        flex-direction: column;
    }

    .otd-command__actions > button[b-04fso1srw0] {
        width: 100%;
        flex-basis: auto;
    }

    .otd-host[b-04fso1srw0]  .otd-inspector {
        grid-template-columns: 1fr;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog {
        width: calc(100vw - 14px);
        max-height: 94vh;
        border-radius: 13px;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog form {
        max-height: 94vh;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog__head,
    .otd-host[b-04fso1srw0]  .otd-dialog__body,
    .otd-host[b-04fso1srw0]  .otd-dialog__actions {
        padding-inline: 13px;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog__grid,
    .otd-host[b-04fso1srw0]  .otd-dialog__grid.is-four,
    .otd-host[b-04fso1srw0]  .otd-dialog__colors,
    .otd-host[b-04fso1srw0]  .otd-dialog__checks.is-grid {
        grid-template-columns: 1fr;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog__actions button {
        min-width: 0;
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .otd-host[b-04fso1srw0]  * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}
/* _content/Starterkit/Partners/Partners/PartnerProfileBranches.razor.rz.scp.css */
.partner-branches-draft[b-uexln5u835] { background: white; border: 1px solid #d9dee7; border-radius: 16px; padding: 20px; }
.partner-branches-heading[b-uexln5u835] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.partner-branches-heading h3[b-uexln5u835] { font-size: 17px; margin: 0 0 8px; }
.partner-branches-heading p[b-uexln5u835] { color: #727c8c; margin: 0; }
.table[b-uexln5u835] { min-width: 500px; }
.table-responsive[b-uexln5u835] { margin-top: 20px; }
.partner-branches-empty[b-uexln5u835] { text-align: center; padding: 24px 16px; color: #727c8c; white-space: normal; }
.partner-branch-row-actions[b-uexln5u835] { display: flex; gap: 8px; }
.partner-branch-editor[b-uexln5u835] { border-top: 1px solid #e5e9f0; margin-top: 24px; padding-top: 24px; min-width: 0; }
.partner-branch-editor h4[b-uexln5u835] { font-size: 17px; margin-bottom: 16px; }
.partner-branch-notice[b-uexln5u835] { margin: 16px 0 0; color: #42526b; overflow-wrap: anywhere; }
.partner-branch-editor[b-uexln5u835]  .data-tabs-container { padding-top: 0 !important; }
.partner-branch-editor[b-uexln5u835]  .tab-pane > .mt-5 { margin-top: 0 !important; }
.partner-branch-editor[b-uexln5u835]  .gm-group { box-shadow: none; }
.partner-branch-editor[b-uexln5u835]  .partner-branch-footer { display: flex; gap: 12px; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid #e5e9f0; }
td:first-child[b-uexln5u835] { overflow-wrap: anywhere; }
@media (max-width: 640px) { .partner-branches-draft[b-uexln5u835] { padding: 14px; } }
/* _content/Starterkit/Partners/Partners/PartnerProfileCompletion.razor.rz.scp.css */
.partner-completion[b-qh4qgse5vx] { max-width: 1180px; margin: 0 auto; padding: 40px 24px; min-height: 100vh; }
.partner-completion-head[b-qh4qgse5vx] { margin-bottom: 28px; }
.partner-completion-head h1[b-qh4qgse5vx] { font-size: clamp(24px, 3vw, 32px); font-weight: 800; margin-bottom: 12px; }
.partner-completion-head p[b-qh4qgse5vx] { color: #667085; line-height: 1.8; }
@media (max-width: 700px) { .partner-completion[b-qh4qgse5vx] { padding: 24px 12px; } }
/* _content/Starterkit/Shared/Components/GbAutocompleteSelect.razor.rz.scp.css */
.gb-autocomplete-select[b-zkqxl9xbzv] {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.gb-autocomplete-select__native[b-zkqxl9xbzv] {
    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-zkqxl9xbzv] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.gb-autocomplete-select__input[b-zkqxl9xbzv] {
    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-zkqxl9xbzv] {
    cursor: not-allowed;
}

.gb-autocomplete-select__toggle[b-zkqxl9xbzv] {
    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-zkqxl9xbzv] {
    outline: 2px solid #2563eb;
    outline-offset: -3px;
}

.gb-autocomplete-select__toggle i[b-zkqxl9xbzv] {
    font-size: .76rem;
    transition: transform .18s ease;
}

.gb-autocomplete-select.is-open .gb-autocomplete-select__toggle i[b-zkqxl9xbzv] {
    transform: rotate(180deg);
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv] {
    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-zkqxl9xbzv] {
    z-index: 1090;
}

.gb-autocomplete-select.is-open .gb-autocomplete-select__menu[b-zkqxl9xbzv] {
    z-index: 1095;
}

.gb-autocomplete-select__menu[hidden][b-zkqxl9xbzv] {
    display: none;
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__option,
.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .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-zkqxl9xbzv]  .gb-autocomplete-select__option {
    color: #173b66;
    background: transparent;
    font-weight: 650;
    cursor: pointer;
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__option:hover,
.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__option.is-active {
    color: #0c5670;
    background: #f0f6f8;
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .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-zkqxl9xbzv]  .gb-autocomplete-select__empty {
    justify-content: center;
    color: #64748b;
    text-align: center;
}

.gb-autocomplete-select.is-invalid .gb-autocomplete-select__input[b-zkqxl9xbzv] {
    border-color: var(--bs-form-invalid-border-color, #dc3545);
}

@media (max-width: 575.98px) {
    .gb-autocomplete-select__menu[b-zkqxl9xbzv] {
        max-height: 16rem;
    }
}
/* _content/Starterkit/Shared/MainLayout.razor.rz.scp.css */
.page[b-x8oooc3fre] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-x8oooc3fre] {
    flex: 1;
}

.sidebar[b-x8oooc3fre] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-x8oooc3fre] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-x8oooc3fre]  a, .top-row .btn-link[b-x8oooc3fre] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-x8oooc3fre] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-x8oooc3fre] {
        display: none;
    }

    .top-row.auth[b-x8oooc3fre] {
        justify-content: space-between;
    }

    .top-row a[b-x8oooc3fre], .top-row .btn-link[b-x8oooc3fre] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-x8oooc3fre] {
        flex-direction: row;
    }

    .sidebar[b-x8oooc3fre] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-x8oooc3fre] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-x8oooc3fre], article[b-x8oooc3fre] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Starterkit/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ysixjylna5] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-ysixjylna5] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ysixjylna5] {
    font-size: 1.1rem;
}

.oi[b-ysixjylna5] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-ysixjylna5] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ysixjylna5] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ysixjylna5] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ysixjylna5]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-ysixjylna5]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-ysixjylna5]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ysixjylna5] {
        display: none;
    }

    .collapse[b-ysixjylna5] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-ysixjylna5] {
        /* 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-5c7ieobir3] { padding: 4px 0; color: var(--bs-body-color, #25354a); }
.portfolio-filters[b-5c7ieobir3] { display: flex; flex-wrap: wrap; gap: 6px; }
.portfolio-chip[b-5c7ieobir3], .portfolio-apply[b-5c7ieobir3], .portfolio-retry[b-5c7ieobir3] { font: inherit; cursor: pointer; border-radius: 8px; border: 1px solid var(--bs-border-color, #dde4ec); padding: 6px 12px; background: var(--bs-body-bg, #fff); color: inherit; }
.portfolio-chip.selected[b-5c7ieobir3] { background: var(--bs-primary, #1768ac); border-color: var(--bs-primary, #1768ac); color: white; }
.portfolio-chip:hover[b-5c7ieobir3], .portfolio-retry:hover[b-5c7ieobir3] { border-color: var(--bs-primary, #1768ac); }
.portfolio-chip:focus-visible[b-5c7ieobir3], .portfolio-apply:focus-visible[b-5c7ieobir3], .portfolio-retry:focus-visible[b-5c7ieobir3], .portfolio-dates input:focus-visible[b-5c7ieobir3] { outline: 2px solid var(--bs-primary, #1768ac); outline-offset: 2px; }
.portfolio-date-note[b-5c7ieobir3] { margin: 10px 0 0; color: var(--bs-secondary-color, #65758b); font-size: .85rem; line-height: 1.7; }
.portfolio-dates[b-5c7ieobir3] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-top: 12px; }
.portfolio-dates label[b-5c7ieobir3] { display: grid; gap: 4px; flex: 1 1 130px; min-width: 0; }
.portfolio-dates input[b-5c7ieobir3] { 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-5c7ieobir3] { background: var(--bs-primary, #1768ac); color: white; }
.portfolio-apply:disabled[b-5c7ieobir3] { opacity: .6; cursor: wait; }
.portfolio-totals[b-5c7ieobir3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.portfolio-total[b-5c7ieobir3] { display: flex; flex-direction: column; gap: 12px; padding: 16px; border: 1px solid var(--bs-border-color, #e1e8ed); border-radius: 12px; border-top: 3px solid #26837a; min-width: 0; }
.portfolio-total.retained[b-5c7ieobir3] { border-top-color: #3873b7; }
.portfolio-total span[b-5c7ieobir3] { font-size: .95rem; line-height: 1.6; }
.portfolio-total i[b-5c7ieobir3] { margin-inline-end: 4px; }
.portfolio-total strong[b-5c7ieobir3] { font-size: clamp(1.25rem, 2vw, 1.85rem); text-align: start; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.portfolio-message[b-5c7ieobir3] { padding: 20px 0; margin: 0; line-height: 1.8; }
.portfolio-retry[b-5c7ieobir3] { margin-inline-start: 8px; }
@media (max-width: 480px) { .portfolio-totals[b-5c7ieobir3] { grid-template-columns: 1fr; } .portfolio-chip[b-5c7ieobir3] { padding: 6px 9px; } }
/* _content/Starterkit/Shared/Partials/Dashboard/PartnerProfileData.razor.rz.scp.css */
.partner-profile-data[b-tcjkaczcpc] { min-width: 0; }
.partner-profile-header[b-tcjkaczcpc] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 20px; }
.partner-profile-header h2[b-tcjkaczcpc] { font-size: 21px; margin: 0 0 8px; }
.partner-profile-header p[b-tcjkaczcpc] { color: #727c8c; margin: 0; }
.alert[b-tcjkaczcpc] { overflow-wrap: anywhere; }
.partner-profile-data[b-tcjkaczcpc]  .partner-profile-submit { margin-top: 24px; padding-top: 24px; border-top: 1px solid #e5e9f0; }
@media (max-width: 640px) {
    .partner-profile-data[b-tcjkaczcpc]  .partner-profile-submit > .btn { width: 100%; }
}
/* _content/Starterkit/Shared/Partials/Dashboard/SpecialDashboardSection.razor.rz.scp.css */
.special-dashboard-section[b-fywyck8nx1] { min-width: 0; color: var(--ds-ink, #182230); }
.special-section-message[b-fywyck8nx1] { padding: 2rem 1rem; text-align: center; color: var(--ds-ink-3, #667085); }
.special-section-grid[b-fywyck8nx1] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: .75rem; padding: .25rem; }
.special-section-card[b-fywyck8nx1] { 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-fywyck8nx1] { border-color: #d0d5dd; box-shadow: 0 9px 22px rgba(16, 24, 40, .08); transform: translateY(-1px); }
.special-section-media[b-fywyck8nx1] { 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, #f2f0ff); color: var(--ds-brand, #6941c6); }
.special-section-media img[b-fywyck8nx1] { width: 100%; height: 100%; min-width: 0; min-height: 0; display: block; object-fit: contain; object-position: center; }
.special-section-media i[b-fywyck8nx1] { font-size: 1.5rem; }
.special-section-card-body[b-fywyck8nx1] { min-width: 0; display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: .25rem; padding: .4rem .65rem; }
.special-section-card-meta[b-fywyck8nx1] { width: 100%; display: flex; align-items: center; gap: .5rem; color: var(--ds-ink-3, #667085); font-size: .8rem; }
.special-section-number[b-fywyck8nx1] { 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-fywyck8nx1] { 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-fywyck8nx1], .special-section-content[b-fywyck8nx1] { 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-fywyck8nx1] { -webkit-line-clamp: 2; }
.special-section-content[b-fywyck8nx1] { -webkit-line-clamp: 2; padding-top: .35rem; border-top: 1px solid #f2f4f7; color: var(--ds-ink-2, #475467); }
.special-section-card-action[b-fywyck8nx1] { display: flex; align-items: center; margin: 0 .65rem; padding-block: .3rem .4rem; border-top: 1px solid #f2f4f7; }
.special-section-link[b-fywyck8nx1] { width: 100%; min-height: 2rem; display: inline-flex; gap: .5rem; align-items: center; justify-content: center; padding: .25rem .65rem; border: 1px solid #e4e0ff; border-radius: .65rem; background: var(--ds-brand-soft, #f2f0ff); color: var(--ds-brand, #6941c6); text-decoration: none; font-size: .85rem; font-weight: 700; line-height: 1.4; white-space: nowrap; }
.special-section-link:hover[b-fywyck8nx1] { background: #ebe7ff; }
.special-section-no-link[b-fywyck8nx1] { width: 100%; text-align: center; color: var(--ds-ink-3, #667085); font-size: .9rem; }
.special-section-footer[b-fywyck8nx1] { 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-fywyck8nx1] { justify-self: end; }
.special-section-pagination[b-fywyck8nx1] { display: flex; justify-content: center; gap: .3rem; flex-wrap: wrap; }
.special-section-pagination button[b-fywyck8nx1] { 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-fywyck8nx1] { border-color: #c7b9f8; background: #faf9ff; color: var(--ds-brand, #6941c6); }
.special-section-pagination .special-section-page-direction[b-fywyck8nx1] { min-width: 4.6rem; }
.special-section-pagination button.is-current[b-fywyck8nx1] { border-color: var(--ds-brand, #6941c6); color: var(--ds-brand, #6941c6); background: var(--ds-brand-soft, #f2f0ff); }
.special-section-pagination button:disabled[b-fywyck8nx1] { opacity: .45; cursor: default; }
.special-section-pagination button:focus-visible[b-fywyck8nx1], .special-section-link:focus-visible[b-fywyck8nx1] { outline: 2px solid var(--ds-brand, #6941c6); outline-offset: 2px; }
@media (max-width: 700px) { .special-section-grid[b-fywyck8nx1] { grid-template-columns: minmax(0, 1fr); } .special-section-footer[b-fywyck8nx1] { display: flex; justify-content: center; flex-wrap: wrap; } .special-section-footer > :last-child[b-fywyck8nx1] { justify-self: auto; } }
@media (prefers-reduced-motion: reduce) { .special-section-card[b-fywyck8nx1] { transition: none; } .special-section-card:hover[b-fywyck8nx1] { transform: none; } }
/* _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-rccjzeibss] {
    --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-rccjzeibss]  .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-rccjzeibss]  .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-rccjzeibss]  .website-internal-icon i { margin: 0; font-size: 19px; color: #e6f3ed; }
.website-internal-card[b-rccjzeibss]  .website-internal-title { min-width: 0; flex: 1; }
.website-internal-card[b-rccjzeibss]  .website-internal-title h3 { margin: 0; color: #fff; font-size: 1.15rem; font-weight: 800; line-height: 1.6; }
.website-internal-card[b-rccjzeibss]  .website-internal-title p { margin: 3px 0 0; color: #d0e0e4; font-size: .84rem; line-height: 1.7; }
.website-internal-card[b-rccjzeibss]  .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-rccjzeibss]  .website-card-visibility-toggle input { accent-color: #79c9ae; }
.website-internal-card[b-rccjzeibss]  .website-internal-card-body { min-width: 0; padding: 24px; }
.website-internal-card[b-rccjzeibss]  .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-rccjzeibss]  .website-brand-help { color: var(--internal-muted); font-size: .79rem; line-height: 1.8; }
.website-internal-card[b-rccjzeibss]  .website-brand-control,
.website-internal-card[b-rccjzeibss]  .website-login-copy-fields .form-control,
.website-internal-card[b-rccjzeibss]  .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-rccjzeibss]  .website-brand-control:focus,
.website-internal-card[b-rccjzeibss]  .website-login-copy-fields .form-control:focus,
.website-internal-card[b-rccjzeibss]  .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-rccjzeibss]  .website-brand-control.custom-is-invalid,
.website-internal-card[b-rccjzeibss]  .custom-is-invalid .website-brand-control,
.website-internal-card[b-rccjzeibss]  .website-brand-control.is-invalid { border-color: #b42318 !important; }
.website-internal-card[b-rccjzeibss]  .website-brand-control.custom-is-invalid:focus,
.website-internal-card[b-rccjzeibss]  .custom-is-invalid .website-brand-control:focus { box-shadow: 0 0 0 3px rgb(180 35 24 / 12%) !important; }
.website-internal-card[b-rccjzeibss]  .website-switch-row { color: var(--internal-ink); font-size: .9rem; gap: 10px; }
.website-internal-card[b-rccjzeibss]  input[type="checkbox"] { accent-color: #245c64; }
.website-internal-card[b-rccjzeibss]  .website-card-visibility-toggle input[type="checkbox"] { accent-color: #79c9ae; }
.website-internal-card[b-rccjzeibss]  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-rccjzeibss]  .website-brand-upload-card,
.website-internal-card[b-rccjzeibss]  .website-font-card-layout > div,
.website-internal-card[b-rccjzeibss]  .website-support-card-layout > div,
.website-internal-card[b-rccjzeibss]  .website-terms-editor-panel,
.website-internal-card[b-rccjzeibss]  .website-brand-receipt-fields,
.website-internal-card[b-rccjzeibss]  .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-rccjzeibss]  .website-brand-upload-surface { border: 1px dashed #a7c3cb; border-radius: 10px; background: #f0f6f6; }
.website-internal-card[b-rccjzeibss]  .website-brand-upload-surface input[type="file"] { max-width: 100%; }
.website-internal-card[b-rccjzeibss]  .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-rccjzeibss]  .website-brand-files-grid,
.website-internal-card[b-rccjzeibss]  .website-font-card-layout,
.website-internal-card[b-rccjzeibss]  .website-support-card-layout,
.website-internal-card[b-rccjzeibss]  .website-brand-extra-grid { gap: 16px; }
.website-internal-card[b-rccjzeibss]  .website-font-card-layout > .website-font-preview { padding: 20px; border-color: #bfd5d9; background: #eaf2f2; }
.website-internal-card[b-rccjzeibss]  .website-font-dropdown .dropdown-menu { border: 1px solid #c6d7dd; box-shadow: 0 12px 26px rgb(25 61 70 / 12%); }
.website-internal-card[b-rccjzeibss]  .website-login-image-layout { padding: 0; gap: 20px; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.website-internal-card[b-rccjzeibss]  .website-login-image-preview-wrap,
.website-internal-card[b-rccjzeibss]  .website-login-image-upload { min-width: 0; }
.website-internal-card[b-rccjzeibss]  .website-login-screen-preview { border-color: #c1d5db; border-radius: 12px; }
.website-internal-card[b-rccjzeibss]  .website-login-feature-editor { border-color: #d1e0e4; background: #fff; border-radius: 12px; }
.website-internal-card[b-rccjzeibss]  .website-login-feature-editor-head { border-bottom: 1px solid #dce7e9; background: #eaf2f2; }
.website-internal-card[b-rccjzeibss]  .website-login-feature-add-card { border-color: #a7c3cb; background: #eaf3f0; color: #2c5b5d; border-radius: 12px; }
.website-internal-card[b-rccjzeibss]  .website-dashboard-role-card { padding: 18px; background: #fff; border-color: #d1e0e4; }
.website-internal-card[b-rccjzeibss]  .website-dashboard-role-title { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e0e9eb; color: var(--internal-ink); }
.website-internal-card[b-rccjzeibss]  .website-dashboard-section-option { min-height: 52px; background: #f1f6f6; border: 1px solid #d8e5e7; border-radius: 9px; }
.website-internal-card[b-rccjzeibss]  .website-dashboard-section-option:has(input:checked) { background: #e7f2ed; border-color: #a9cebc; }
.website-internal-card[b-rccjzeibss]  .website-dashboard-special-item { background: #f5f8f9; border-color: #d1e0e4; }
.website-internal-card[b-rccjzeibss]  .website-dashboard-special-empty { background: #f2f6f7; border-color: #bfd3d8; color: var(--internal-muted); }
.website-internal-card[b-rccjzeibss]  .website-terms-card-layout { gap: 18px; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.website-internal-card[b-rccjzeibss]  .website-terms-preview-shell,
.website-internal-card[b-rccjzeibss]  .website-brand-receipt-preview-panel { background: #e5eef0; border: 1px solid #cddfe3; border-radius: 12px; }
.website-internal-card[b-rccjzeibss]  .website-support-card-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.website-internal-card[b-rccjzeibss]  .website-support-rights-toggle { background: #edf5f1; border-color: #cee0d6; color: var(--internal-ink); }
.website-internal-card[b-rccjzeibss]  .website-brand-color-card { background: #eaf2f2; border: 1px solid #c9dddd; border-radius: 12px; }
.website-internal-card.website-brand-card--email[b-rccjzeibss]  .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-rccjzeibss]  .website-brand-extra-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 1000px) {
    .website-internal-card[b-rccjzeibss]  .website-internal-card-head { flex-wrap: wrap; padding: 18px; gap: 10px; }
    .website-internal-card[b-rccjzeibss]  .website-internal-title { flex-basis: calc(100% - 60px); }
    .website-internal-card[b-rccjzeibss]  .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-rccjzeibss]  .website-login-image-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "preview" "upload" "features"; }
    .website-internal-card[b-rccjzeibss]  .website-terms-card-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
    .website-internal-card[b-rccjzeibss]  .website-internal-card-body { padding: 16px; }
    .website-internal-card[b-rccjzeibss]  .website-brand-files-grid,
    .website-internal-card[b-rccjzeibss]  .website-font-card-layout,
    .website-internal-card[b-rccjzeibss]  .website-support-card-layout,
    .website-internal-card[b-rccjzeibss]  .website-brand-extra-grid,
    .website-internal-card[b-rccjzeibss]  .website-brand-cashier-grid,
    .website-internal-card[b-rccjzeibss]  .website-brand-cashier-files,
    .website-internal-card[b-rccjzeibss]  .website-brand-receipt-layout,
    .website-internal-card[b-rccjzeibss]  .website-dashboard-sections-grid,
    .website-internal-card[b-rccjzeibss]  .website-login-copy-fields,
    .website-internal-card[b-rccjzeibss]  .website-login-feature-editor-grid,
    .website-internal-card.website-brand-card--email[b-rccjzeibss]  .website-brand-extra-grid { grid-template-columns: minmax(0, 1fr); }
    .website-internal-card[b-rccjzeibss]  .website-brand-upload-card,
    .website-internal-card[b-rccjzeibss]  .website-font-card-layout > div,
    .website-internal-card[b-rccjzeibss]  .website-support-card-layout > div,
    .website-internal-card[b-rccjzeibss]  .website-terms-editor-panel,
    .website-internal-card[b-rccjzeibss]  .website-brand-receipt-fields,
    .website-internal-card[b-rccjzeibss]  .website-brand-extra-grid > .website-brand-field { padding: 14px; }
}

.website-registration-card[b-rccjzeibss] {
    --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-rccjzeibss]  .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-rccjzeibss]  .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-rccjzeibss]  .registration-card-icon i { font-size: 19px; color: #e6f3ed; }
.website-registration-card[b-rccjzeibss]  .registration-card-title { min-width: 0; flex: 1; }
.website-registration-card[b-rccjzeibss]  .registration-card-title h3 { margin: 0; font-size: 1.15rem; font-weight: 800; color: #fff; line-height: 1.6; }
.website-registration-card[b-rccjzeibss]  .registration-card-title p { margin: 3px 0 0; color: #d0e0e4; font-size: .84rem; line-height: 1.7; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .registration-status > span { width: 7px; height: 7px; border-radius: 50%; background: #b3c5cb; }
.website-registration-card[b-rccjzeibss]  .registration-status.is-enabled { background: #244e4d; border-color: #608b80; color: #def8ec; }
.website-registration-card[b-rccjzeibss]  .registration-status.is-enabled > span { background: #7ed8b0; }
.website-registration-card[b-rccjzeibss]  .registration-card-body { padding: 24px; }
.website-registration-card[b-rccjzeibss]  .registration-access-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 16px; align-items: stretch; }
.website-registration-card[b-rccjzeibss]  .registration-access-panel,
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .registration-enable-panel { display: flex; flex-direction: column; justify-content: center; background: #eaf2f0; border-color: #cbddd7; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .website-brand-label > i { margin-inline-end: 6px; color: #456874; }
.website-registration-card[b-rccjzeibss]  .website-brand-label-note { font-size: .78rem; color: var(--registration-muted); font-weight: 400; }
.website-registration-card[b-rccjzeibss]  .website-brand-help { display: block; margin-top: 9px; color: var(--registration-muted); font-size: .79rem; line-height: 1.8; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .website-brand-control:focus { border-color: #376c77 !important; box-shadow: 0 0 0 3px rgb(55 108 119 / 12%) !important; }
.website-registration-card[b-rccjzeibss]  .website-brand-control[aria-invalid="true"],
.website-registration-card[b-rccjzeibss]  .website-brand-control.custom-is-invalid { border-color: #b42318 !important; }
.website-registration-card[b-rccjzeibss]  .website-brand-control[aria-invalid="true"]:focus { box-shadow: 0 0 0 3px rgb(180 35 24 / 12%) !important; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .website-switch-row input { accent-color: #245c64; width: 20px; height: 20px; flex-shrink: 0; margin: 0; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .registration-partner-toggle { padding: 16px 2px; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .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-rccjzeibss]  .registration-type-tab i { color: inherit; font-size: 17px; }
.website-registration-card[b-rccjzeibss]  .registration-type-tab small { display: block; margin-top: 2px; font-size: .73rem; font-weight: 400; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .registration-type-tab:hover { background: #f7fafb; }
.website-registration-card[b-rccjzeibss]  .registration-type-tab:focus-visible,
.website-registration-card[b-rccjzeibss]  input[type="checkbox"]:focus-visible { outline: 2px solid #376c77; outline-offset: 3px; }
.website-registration-card[b-rccjzeibss]  .registration-type-panel[hidden] { display: none !important; }
.website-registration-card[b-rccjzeibss]  .registration-panel-heading { margin: 0 0 14px; }
.website-registration-card[b-rccjzeibss]  .registration-panel-heading h4 { margin: 0; color: var(--registration-ink); font-size: 1rem; font-weight: 800; line-height: 1.6; }
.website-registration-card[b-rccjzeibss]  .registration-panel-heading p { margin: 4px 0 0; color: var(--registration-muted); font-size: .8rem; line-height: 1.8; }
.website-registration-card[b-rccjzeibss]  .registration-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.website-registration-card[b-rccjzeibss]  .registration-fields-grid > .website-brand-field { margin: 0; min-width: 0; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .registration-domain-panel { padding: 18px; border: 1px solid #cee1d8; border-radius: 12px; background: #f1f8f4; align-self: stretch; }
.website-registration-card[b-rccjzeibss]  .registration-domain-panel--approval { background: #fcf8ee; border-color: #e8ddc4; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .registration-policy-badge i { font-size: 12px; color: inherit; }
.website-registration-card[b-rccjzeibss]  .registration-domain-panel--approval .registration-policy-badge { background: #f2e8d0; color: #785820; }
.website-registration-card[b-rccjzeibss]  .website-domain-chip-editor { min-height: 100px; align-content: flex-start; align-items: flex-start; padding: 10px; background: #fff; }
.website-registration-card[b-rccjzeibss]  .website-domain-chip-input { min-width: 100px; flex: 1 1 100px; min-height: 32px; }
.website-registration-card[b-rccjzeibss]  .website-domain-chip-add { min-height: 32px; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .registration-domain-note i { color: #557a84; }
.website-registration-card[b-rccjzeibss]  .registration-fields-grid > .website-brand-error { grid-column: 1 / -1; margin: 0; }
.website-registration-card[b-rccjzeibss]  .website-registration-policy-grid { grid-column: 1 / -1; margin: 0; }
.website-registration-card[b-rccjzeibss]  .website-registration-policy-card { background: #fff; border-color: var(--registration-border); border-radius: 12px; }
.website-registration-card[b-rccjzeibss]  .website-registration-country-list { max-height: 190px; }
.website-registration-card[b-rccjzeibss]  .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-rccjzeibss]  .registration-save-note i { color: #63838c; }

@media (max-width: 800px) {
    .website-registration-card[b-rccjzeibss]  .registration-access-grid,
    .website-registration-card[b-rccjzeibss]  .registration-fields-grid,
    .website-registration-card[b-rccjzeibss]  .website-registration-policy-grid { grid-template-columns: minmax(0, 1fr); }
    .website-registration-card[b-rccjzeibss]  .registration-card-head { padding: 18px; flex-wrap: wrap; gap: 10px; }
    .website-registration-card[b-rccjzeibss]  .registration-status { margin-inline-start: 56px; }
    .website-registration-card[b-rccjzeibss]  .registration-card-body { padding: 16px; }
    .website-registration-card[b-rccjzeibss]  .registration-card-title { flex-basis: calc(100% - 60px); }
}
@media (max-width: 480px) {
    .website-registration-card[b-rccjzeibss]  .registration-type-tab { gap: 7px; padding-inline: 8px; }
    .website-registration-card[b-rccjzeibss]  .registration-type-tab small { display: none; }
    .website-registration-card[b-rccjzeibss]  .registration-domain-panel,
    .website-registration-card[b-rccjzeibss]  .registration-role-field { padding: 14px; }
    .website-registration-card[b-rccjzeibss]  .website-registration-country-list { grid-template-columns: minmax(0, 1fr); }
}
/* _content/Starterkit/SystemManagment/DashboardSectionBuilder.razor.rz.scp.css */
.dash-builder-workspace[b-v156uds052] {
    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-v156uds052] {
    overflow: visible;
}

.dash-builder-card.role-sections:focus-within[b-v156uds052] {
    z-index: 2;
}

.dash-builder-card.role-sections[b-v156uds052]::before {
    border-start-start-radius: inherit;
    border-end-start-radius: inherit;
}

.dash-special-page[b-v156uds052] {
    margin-block-start: 16px;
    padding: 16px;
    border: 1px solid var(--db-line);
    border-radius: 16px;
    background: var(--db-surface);
}

.dash-special-page > summary[b-v156uds052] {
    cursor: pointer;
    padding-block: 6px 16px;
    color: var(--db-ink);
    font-size: 18px;
    font-weight: 800;
}

.dash-special-page .dash-template-grid[b-v156uds052] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.dash-special-page .dash-template-card[b-v156uds052] {
    min-width: 0;
}

.dash-special-page .dash-template-actions[b-v156uds052] {
    flex-wrap: wrap;
}

.dash-special-template-grid[b-v156uds052] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-block-start: 18px;
}

.dash-special-template-card[b-v156uds052] {
    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-v156uds052] {
    border-color: var(--db-accent, #16899b);
}

.dash-special-template-card.is-selected[b-v156uds052] {
    border-color: var(--db-accent, #16899b);
    box-shadow: 0 0 0 2px var(--db-accent, #16899b);
}

.dash-special-template-card:focus-visible[b-v156uds052] {
    outline: 3px solid var(--db-accent, #16899b);
    outline-offset: 4px;
}

.dash-special-template-card:disabled[b-v156uds052] { cursor: wait; opacity: .65; }
.dash-special-template-heading[b-v156uds052] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.dash-special-template-heading > strong[b-v156uds052] { font-size: 16px; }
.dash-special-template-choice[b-v156uds052] { padding: 4px 9px; border-radius: 20px; font-size: 12px; white-space: nowrap; background: #f1f5f9; color: #52647a; }
.is-selected .dash-special-template-choice[b-v156uds052] { background: var(--db-accent, #16899b); color: white; }
.dash-special-template-preview[b-v156uds052] { 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-v156uds052] { color: var(--db-muted, #65758b); font-size: 11px; }
.dash-special-preview-items[b-v156uds052], .dash-special-preview-totals[b-v156uds052] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dash-special-preview-item[b-v156uds052], .dash-special-preview-totals > span[b-v156uds052] { 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-v156uds052] { font-size: 12px; }
.dash-special-preview-item > i[b-v156uds052] { font-size: 22px; color: var(--db-accent, #16899b); }
.dash-special-preview-item > span[b-v156uds052] { color: var(--db-muted, #65758b); font-size: 11px; }
.dash-special-preview-link[b-v156uds052] { text-decoration: underline; }
.dash-special-preview-filters[b-v156uds052] { display: flex; gap: 5px; flex-wrap: wrap; font-size: 10px; }
.dash-special-preview-filters > span[b-v156uds052] { 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-v156uds052] { background: #e8f3f5; color: #146275; }
.dash-special-preview-totals > span[b-v156uds052] { border-block-start: 3px solid #26837a; }
.dash-special-preview-totals > span:last-child[b-v156uds052] { border-block-start-color: #3873b7; }
.dash-special-preview-totals small[b-v156uds052] { font-size: 11px; }
.dash-special-preview-totals strong[b-v156uds052] { font-size: clamp(15px, 1.4vw, 20px); overflow-wrap: anywhere; }
.dash-special-template-description[b-v156uds052] { color: var(--db-muted, #65758b); font-size: 13px; line-height: 1.8; }

@media (max-width: 760px) {
    .dash-special-template-grid[b-v156uds052] { grid-template-columns: 1fr; }
    .dash-special-template-card[b-v156uds052] { padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .dash-special-template-card[b-v156uds052] { transition: none; }
}
/* _content/Starterkit/SystemManagment/PartnerRegistrationSettings.razor.rz.scp.css */
.partner-registration-control[b-iibcpjtvsb] { width: 100%; }
.partner-registration-control[aria-invalid="true"][b-iibcpjtvsb] { border-color: #b42318 !important; background-image: none; }
.partner-registration-control[aria-invalid="true"]:focus[b-iibcpjtvsb] { box-shadow: 0 0 0 .16rem rgba(180, 35, 24, .12) !important; }