/* BG supplies component styling; these rules connect Razor markup and browser state. */
[hidden]{display:none!important}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}svg.fi-icon{flex-shrink:0}input[type=checkbox]{accent-color:#0e7490}.fi-topbar{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.fi-topbar-start,.fi-topbar-end{display:flex;align-items:center;gap:12px}.fi-topbar .fi-icon-btn{position:relative;color:rgba(255,255,255,.85);display:grid;place-items:center;width:36px;height:36px}.bg-notification-count{position:absolute;top:0;right:0;font-size:9px;color:#fcd34d}.bg-avatar-small{width:32px!important;height:32px!important;font-size:11px}.bg-form-grid{display:grid;grid-template-columns:repeat(var(--form-cols,3),minmax(0,1fr));gap:24px}.bg-profile-rows{display:flex;flex-direction:column;gap:24px}.bg-resource-form{display:flex;flex-direction:column;gap:24px}.bg-workspace-actions{flex-wrap:wrap;gap:12px}.fi-header-actions-ctn>.fi-ac{display:flex;flex-wrap:wrap;gap:12px}.bg-field-help{font-size:11px;color:#64748b;margin:6px 0 12px}.bg-validation:empty,.validation-summary-valid,.bg-auth-error:empty{display:none}.bg-validation{padding:12px 16px;border:1px solid #fca5a5;border-radius:8px;background:#fef2f2;color:#991b1b}.bg-validation ul{list-style:disc;list-style-position:inside}.bg-toast{position:fixed;bottom:24px;inset-inline-end:24px;max-width:min(420px,90vw);padding:16px 24px;background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7;border-radius:10px;z-index:100;box-shadow:0 4px 25px #0002}.bg-breadcrumbs{font-size:12px;color:#64748b;margin-bottom:8px}.bg-breadcrumbs a{color:#0e7490}.bg-register-toolbar{padding:12px 16px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.bg-table-controls{display:flex;gap:12px;align-items:center;justify-content:flex-end}.bg-table-controls .fi-icon-btn{width:28px;height:28px;color:#64748b}.bg-register-table{width:100%;border-collapse:collapse}.bg-register-table th{text-align:start;padding:12px;font-size:12px;white-space:nowrap;background:#f8fafc}.bg-register-table td{padding:13px 12px;border-top:1px solid #e2e8f0;vertical-align:middle;font-size:13px}.bg-register-table th>a{display:flex;gap:8px;align-items:center}.bg-sort-icon{height:13px;width:13px;color:#94a3b8}.bg-register-table tbody tr:hover{background:#f8fafc}.bg-record-link{color:#0e7490;font-weight:500;display:inline-flex;align-items:center;gap:5px}.bg-record-description{display:block;color:#64748b;font-size:11px;margin-top:4px}.bg-register-table .fi-badge{padding:3px 8px;font-size:12px}.bg-register-table .fi-badge.fi-color-success{color:#15803d;background:#dcfce7}.bg-register-table .fi-badge.fi-color-warning{color:#a16207;background:#fef9c3}.bg-register-table .fi-badge.fi-color-danger{color:#b91c1c;background:#fee2e2}.bg-register-table .fi-badge.fi-color-info{color:#0369a1;background:#e0f2fe}.bg-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;font-size:12px;border-top:1px solid #e2e8f0}.bg-pagination>div{display:flex;gap:4px}.bg-pagination a{padding:5px 10px;border:1px solid #e2e8f0;border-radius:5px}.bg-pagination .is-active{background:#e0f2fe;color:#0e7490}.bg-pagination form label{display:flex;align-items:center;gap:10px}.bg-empty{padding:24px!important;text-align:center;color:#94a3b8;font-size:12px}.bg-overflow{overflow-x:auto}.bg-bulk-toolbar{display:flex;gap:12px;padding:12px 16px}.bg-bulk-toolbar button{color:#b91c1c}.bg-register-context{display:flex;gap:18px;justify-content:flex-end;padding-bottom:12px;color:#0e7490;font-size:13px}.bg-workspace-table{width:100%;font-size:12px;border-collapse:collapse}.bg-workspace-table td,.bg-workspace-table th{padding:10px;border-bottom:1px solid #e2e8f0;text-align:start}.bg-workspace-table a{color:#0e7490}.bg-next-actions{margin-top:18px}.bg-add-action{display:flex;gap:5px;align-items:center;margin:12px auto;color:#0e7490;font-size:12px;font-weight:600}.bg-add-action svg{width:16px;height:16px}.bg-doclist a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#0e7490;text-decoration:underline}.bg-doclist span{font-size:11px;color:#94a3b8}.bg-decision-form,.bg-report-form{display:flex;flex-direction:column;gap:20px}.bg-report-form{margin-top:20px}.bg-token-form{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end;margin-top:20px}.bg-token-once{padding:16px;border:1px solid #0e7490;margin-top:16px;border-radius:8px}.bg-token-once code{display:block;overflow-wrap:anywhere;margin-top:8px}.bg-admin-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.bg-admin-tile{border:1px solid #dbe4ec;background:#f8fafc;padding:18px;border-radius:10px;display:flex;align-items:center;gap:12px;color:#0e7490}.bg-admin-tile strong{font-size:24px}.bg-admin-tile span{font-size:13px}.bg-admin-links{display:flex;flex-wrap:wrap;gap:12px}.bg-user-menu,.bg-notifications{position:fixed;top:160px;inset-inline-end:16px;background:white;box-shadow:0 8px 30px #0003;border:1px solid #cbd5e1;border-radius:10px;padding:16px;z-index:70;color:#1e293b}.bg-user-menu{display:flex;flex-direction:column;gap:14px;font-size:13px;min-width:220px}.bg-user-menu button{color:#b91c1c}.bg-notifications{width:min(420px,94vw);max-height:75vh;overflow:auto}.bg-notifications h2{font-size:18px;font-weight:600;padding-bottom:12px}.bg-notifications article{padding:12px 0;border-top:1px solid #e2e8f0;font-size:12px}.bg-notifications .is-unread{border-inline-start:3px solid #0e7490;padding-inline-start:10px}.bg-notifications small{color:#64748b}.bg-auth-error{color:#fecaca;font-size:12px;margin-top:10px}.bg-auth .bg-auth__form input[type=password]{letter-spacing:2px}.bg-reset{display:grid;place-items:center;min-height:100vh;background:linear-gradient(#062c39b0,#06202aee),url('/images/maritime-hero.webp') center/cover}.bg-reset .bg-auth__panel{position:static;width:min(440px,94vw);margin:40px auto}.bg-reset form{display:flex;flex-direction:column;gap:24px;margin-block:20px}.bg-auth__access-note[hidden]{display:none}.bg-kpi-ring{display:block;width:28px;height:28px;border:4px solid;border-radius:50%}.bg-dashboard-content{gap:12px!important}.bg-inline-meter{display:flex;align-items:center;gap:6px;min-width:70px}.bg-inline-meter .bg-meter{flex:1;min-width:30px}.bg-inline-meter>span{font-size:10px;white-space:nowrap}.bg-region-link{display:flex;align-items:center;gap:5px;color:#9ebfcb;font-size:10px;padding:7px 4px;border-radius:5px}.bg-region-link:hover{background:#10b98120}.bg-region-link strong{margin-inline-start:auto}.bg-phase-row{display:flex;align-items:center;gap:8px;font-size:11px}.bg-phase-row>span{width:60px;flex-shrink:0;color:#cbd5e1}.bg-phase-bars{height:19px;display:flex;flex:1;border-radius:4px;background:#8db3c314;overflow:hidden}.bg-phase-bars span{height:100%;display:grid;place-items:center;font-size:9px;color:#082f36}.bg-phase-row small{color:#7f9eaf;width:12px}.bg-decision-item{display:flex;align-items:center;gap:10px;border:1px solid #94a3b81a;background:#94a3b80d;border-radius:8px;padding:8px 10px;font-size:11px}.bg-decision-item p{font-size:12px}.bg-decision-item small{font-size:10px}.bg-watchlist-item{border:1px solid #94a3b81a;background:#94a3b80d;border-radius:8px;padding:8px 10px;font-size:12px}.bg-signal-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.bg-signal-chips li{border:1px solid #94a3b81a;background:#0f172a66;padding:2px 6px;border-radius:4px;font-size:10px;color:#cbd5e1}.bg-timeline-head{display:flex;justify-content:space-between;padding-inline-start:100px;color:#94a3b8;font-size:9px;margin-bottom:12px}.bg-timeline{display:flex;flex-direction:column;gap:10px;font-size:10px}.bg-timeline-row{display:flex;gap:8px;align-items:center}.bg-timeline-row>a{width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.bg-timeline-row>div{position:relative;flex:1;height:12px;border-radius:100px;background:#94a3b81a;overflow:hidden}.bg-timeline-row>div>span{position:absolute;height:100%;border-radius:100px}.bg-trend-svg{display:block;width:100%;height:180px}.bg-spend-total{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.bg-spend-total strong{font-size:24px;color:#d9f5f0}.bg-spend-total span{font-size:10px;color:#8eb1c0}.bg-ai-optional>summary{padding:16px;cursor:pointer}.bg-insight-result{font-size:13px;line-height:1.7}.bg-insight-table{border-collapse:collapse;width:100%;font-size:12px;margin-top:15px}.bg-insight-table th{text-align:start;background:#f1f5f9;font-weight:600}.bg-insight-table td,.bg-insight-table th{border-bottom:1px solid #dbe4ec;padding:10px}.bg-insight-table a{color:#0e7490}.bg-insight-note{font-size:11px;color:#64748b;margin-top:12px}.bg-assistant-fab{position:fixed;inset-inline-end:24px;bottom:24px;z-index:40;display:flex;gap:8px;align-items:center;border:1px solid #52bfa9;background:linear-gradient(135deg,#0f766e,#064e3b);border-radius:30px;padding:13px 18px;color:white;box-shadow:0 5px 30px #0004;font-size:12px}.bg-assistant-panel{position:fixed;inset-inline-end:20px;bottom:20px;width:min(680px,calc(100vw - 40px));height:min(680px,calc(100dvh - 40px));background:white;border:1px solid #dbe4ec;border-radius:16px;z-index:90;box-shadow:0 15px 70px #0006;display:flex;flex-direction:column;overflow:hidden;color:#1e293b}.bg-assistant-panel>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#07313d;color:#e2f3f5}.bg-assistant-panel>header button{font-size:25px}.bg-assistant-content{padding:18px;flex:1;overflow:auto;font-size:13px}.bg-assistant-content>label{display:flex;align-items:center;gap:10px;margin:15px 0}.bg-assistant-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.bg-assistant-presets button{border:1px solid #bdd8da;background:#f0fdfa;color:#0f766e;border-radius:20px;padding:6px 10px;font-size:11px}.bg-confirm{border:1px solid #dbe4ec;border-radius:14px;background:white;padding:24px;width:min(440px,90vw);box-shadow:0 20px 80px #0005;color:#1e293b}.bg-confirm::backdrop{background:#071f2dbb}.bg-confirm h2{font-size:19px;font-weight:600}.bg-confirm p{margin:14px 0;line-height:1.7;font-size:14px}.bg-confirm>div{display:flex;gap:12px;justify-content:flex-end}.bg-confirm button{border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px}.bg-confirm button:last-child{background:#0e7490;color:white}.dark .bg-report-sheet{background:#0a2936;border-color:#28515f;color:#dbe8ef}.dark .bg-insight-table th{background:#041b27}.dark .bg-insight-table td,.dark .bg-insight-table th{border-color:#28515f}.dark .bg-insight-table a{color:#5eead4}.dark .bg-insight-note{color:#8aafbf}.dark .fi-section{background:#0a2936;color:#dbe8ef;border-color:#28515f}.dark .fi-section-header-heading{color:#e2f3f5}.dark .bg-assistant-panel .bg-report-sheet{background:white;color:#1e293b}.dark .bg-assistant-panel .bg-insight-table th{background:#f1f5f9}.dark .bg-assistant-panel .bg-insight-table a{color:#0e7490}.dark select option{background:#0c2733;color:#e2f3f5}.dark .bg-assistant-panel select option{background:white;color:#1e293b}.bg-print-body.fi-body{background:#eef1f5!important}.bg-print-body .bg-report-sheet{box-shadow:none;background:white;border:0;margin-top:20px}.bg-print-body .bg-insight-table th{color:#1e3a5f}.bg-print-body .signal{break-inside:avoid}
@media(min-width:1024px){.fi-main-ctn-sidebar-open{margin-inline-start:0}.fi-topbar-start>[data-sidebar-toggle]{display:grid}.fi-sidebar{width:14rem}.bg-sidebar-collapsed .fi-sidebar{width:72px}.bg-sidebar-collapsed .fi-sidebar-item-label,.bg-sidebar-collapsed .fi-sidebar-group-label,.bg-sidebar-collapsed .bg-sidebar-user__details{display:none}.bg-sidebar-collapsed .fi-main-ctn-sidebar-open{margin-inline-start:0}}
@media(max-width:1023px){.bg-form-grid{grid-template-columns:minmax(0,1fr)}.bg-form-grid>div{grid-column:auto!important}.fi-sidebar{transform:translateX(110%);width:14rem;top:0!important;position:fixed!important;z-index:80!important;height:100dvh!important}html[dir=ltr] .fi-sidebar{transform:translateX(-110%)}.bg-sidebar-mobile-open .fi-sidebar{transform:translateX(0)!important}.bg-sidebar-mobile-open .bg-sidebar-overlay{display:block!important}.fi-main-ctn-sidebar-open{margin-inline-start:0}.bg-admin-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.bg-form-grid{grid-template-columns:1fr}.bg-form-grid>div{grid-column:auto!important}.bg-token-form{grid-template-columns:1fr}.bg-brand-grid,.bg-admin-tiles{grid-template-columns:1fr}.bg-pagination{flex-wrap:wrap}.bg-workspace-switcher{flex-wrap:wrap}.bg-assistant-fab{padding:12px;bottom:16px;inset-inline-end:16px}.bg-assistant-fab span{display:none}.bg-assistant-panel{bottom:0;inset-inline-end:0;width:100%;height:90dvh;border-radius:16px 16px 0 0}.bg-masthead__vision{display:none}.bg-print-body .facts{grid-template-columns:repeat(2,1fr)}}
@media print{.bg-print-body.fi-body{background:white!important}.bg-assistant-fab,.bg-user-menu,.bg-toast{display:none!important}.bg-insight-table{font-size:10px}.bg-report-sheet{break-inside:avoid}.bg-print-body .sheet a{color:inherit;text-decoration:none}}
.bg-workspace__main .bg-profile-rows{gap:10px}.bg-workspace__main .bg-form-grid{column-gap:14px;row-gap:10px}.fi-sidebar-group-btn .fi-icon{margin-inline-start:auto;width:16px;height:16px}

.bg-page-heading{display:contents}.fi-panel-portfolio .bg-page-heading>.fi-header{display:none}.bg-insight-note{font-size:11px;color:#64748b}.bg-burn-caption{font-size:10px;color:#7899aa;margin-top:8px}
.bg-register-controls{position:relative;display:flex;justify-content:space-between;align-items:center}.bg-register-control-group{display:flex;align-items:center;gap:12px}.bg-register-controls .fi-dropdown{position:relative}.bg-register-controls .fi-ta-search-field{width:333px;max-width:calc(100vw - 160px)}.bg-register-filter-popup{position:absolute;inset-inline-end:0;top:calc(100% + 14px);z-index:35;min-width:300px;max-width:90vw;max-height:65vh;overflow:auto;border:1px solid #dce4ed;border-radius:12px;background:white;padding:16px;box-shadow:0 10px 35px #142d4526}.bg-filter-fields{display:grid;gap:16px;margin-block:16px}.bg-filter-field{display:grid;gap:8px;font-size:13px;font-weight:500}.bg-column-option{display:flex;gap:10px;align-items:center;font-size:13px;padding:7px 0}.bg-register-controls .fi-ta-search-field .fi-input-wrp-prefix button{display:flex}.bg-register-controls .fi-icon-btn{position:relative}.bg-register-controls .fi-ta-filters-header{display:flex;gap:16px;align-items:center;justify-content:space-between}.bg-register-controls .fi-ta-filters-heading{font-weight:600}.bg-register-controls .fi-ta-filters-header .fi-link{font-size:12px}.bg-record-dialog{width:min(1000px,94vw);max-height:90dvh;border-radius:12px;padding:24px;border:1px solid #d9e2ea;color:#122b44;background:#fff;box-shadow:0 20px 70px #102c4555}.bg-record-dialog::backdrop{background:#09263899}.bg-record-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-weight:600;font-size:20px}.bg-record-dialog .bg-resource-form{gap:20px}.bg-record-dialog .fi-section{box-shadow:none}.bg-record-dialog .fi-form-actions{display:flex;gap:12px}.bg-record-dialog-close{color:#64748b;font-size:24px}.fi-ta-content-ctn{overflow-x:auto}.fi-ta-cell .fi-ta-icon{display:flex;justify-content:center}
.bg-user-avatar-button{width:32px;height:32px;border-radius:50%;overflow:hidden}.bg-mobile-sidebar-toggle{display:none}@media(max-width:1023px){.bg-desktop-sidebar-toggle{display:none}.bg-mobile-sidebar-toggle{display:block}}
/* Preserve Filament's selector DOM while posting its value through MVC. */
.bg-select-value{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;padding:0!important;border:0!important}

.bg-resource-schema{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.bg-resource-schema>.fi-form-actions{grid-column:1/-1}@media(max-width:1023px){.bg-resource-schema{grid-template-columns:minmax(0,1fr)}}

.fi-fo-repeater-items:empty{display:none}

.fi-fo-repeater-items:not(:has(>[data-action-row])),.bg-doclist:empty{display:none}
.fi-topbar-start .fi-icon-btn{margin:0}.fi-topbar-end{gap:18px}
[data-upload-status]:empty{display:none}

@media(max-width:1023px){html[dir=ltr] .fi-sidebar{transform:translateX(-110%)}html[dir=ltr] .bg-sidebar-mobile-open .fi-sidebar{transform:translateX(0)!important}}

.bg-sidebar-collapsed .bg-desktop-sidebar-toggle{transform:rotate(180deg)}

[data-copy-text]{cursor:pointer}.bg-copy-tooltip{position:fixed;z-index:100;padding:6px 10px;background:#111827;color:white;border-radius:6px;font-size:12px;pointer-events:none}

@media(min-width:1024px){body:not(.fi-body-has-sidebar-collapsible-on-desktop) [data-sidebar-toggle]{display:none}}
.bg-license-reminder{margin-block-end:1rem;padding:.75rem;border:1px solid rgb(229 231 235);border-radius:.5rem;background:#fff;font-size:.875rem}.bg-license-reminder a{font-weight:600;text-decoration:underline}.dark .bg-license-reminder{border-color:rgb(55 65 81);background:rgb(17 24 39)}
/* Field-level validation: the field is outlined and its message sits directly under it. */
.bg-field-invalid .fi-input-wrp,.bg-input-invalid{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc2626!important}.bg-field-invalid .fi-fo-field-label-content{color:#b91c1c}
.bg-field-error{margin-top:.35rem;color:#b91c1c;font-size:.8rem;font-weight:500}.dark .bg-field-error{color:#fca5a5}
.bg-error-summary{margin-block-end:1rem;padding:.85rem 1rem;border:1px solid #fca5a5;border-inline-start:4px solid #dc2626;border-radius:.6rem;background:#fef2f2;color:#7f1d1d;font-size:.875rem}.bg-error-summary:focus{outline:2px solid #dc2626;outline-offset:2px}
.bg-error-summary__title{display:flex;align-items:center;gap:.5rem;font-weight:600}.bg-error-summary ul{margin:.5rem 0 0;padding-inline-start:1.75rem;list-style:disc}.bg-error-summary a{font-weight:600;text-decoration:underline}
.bg-other-input{margin-top:.6rem;padding:.6rem .75rem;border-inline-start:3px solid #f59e0b;border-radius:.4rem;background:#fffbeb}.bg-other-input .fi-fo-field-label{margin-bottom:.35rem;display:block}.dark .bg-other-input{background:rgb(120 53 15 / .2)}
.bg-empty-note,.bg-note-inline{color:#64748b;font-size:.85rem}.bg-note-inline{display:flex;gap:.4rem;align-items:flex-start;margin-bottom:.75rem;padding:.5rem .65rem;border-radius:.4rem;background:#f1f5f9}
.bg-notes{display:grid;gap:.4rem;padding-inline-start:1.25rem;list-style:disc;font-size:.875rem;color:#334155}.bg-subtle{display:block;color:#64748b;font-size:.75rem}.bg-subheading{font-weight:600;margin-bottom:.75rem}
.bg-section-link{margin-inline-start:auto;font-size:.85rem;font-weight:600;color:#0e7490}
/* Attachments */

.bg-permission-list{display:grid;gap:.45rem;font-size:.875rem}.bg-permission-list li{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap}.bg-permission-list small{flex-basis:100%;padding-inline-start:1.75rem;color:#64748b}.bg-permission-list .is-allowed svg{color:#16a34a}.bg-permission-list .is-denied{color:#64748b}.bg-permission-list .is-denied svg{color:#dc2626}.bg-permission-list .is-info svg{color:#0e7490}
.bg-attachment-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.bg-attachment-filters label{font-size:.8rem;color:#475569}.bg-attachment-filters .fi-input-wrp
.bg-table-scroll{overflow-x:auto}.bg-simple-table{width:100%;border-collapse:collapse;font-size:.85rem}.bg-simple-table th{text-align:start;font-weight:600;color:#475569;padding:.55rem .6rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}.bg-simple-table td{padding:.6rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.bg-simple-table td small{display:block;color:#64748b;font-size:.75rem}
.bg-file{display:flex;gap:.5rem;align-items:flex-start;color:#0e7490}.bg-file strong{display:block}.bg-note-cell{max-width:22rem;white-space:pre-wrap;overflow-wrap:anywhere}.bg-actions{white-space:nowrap}.bg-actions>*{display:inline-flex;align-items:center;gap:.25rem;margin-inline-end:.6rem}.bg-actions form{display:inline}
.bg-row-active{background:#ecfeff}.bg-row-muted{opacity:.6}.bg-file-names{display:block;margin-top:.35rem;font-size:.8rem;font-weight:600;color:#0e7490}
.bg-doclist__main{flex:1;min-width:0}.bg-doclist__main small{display:block;color:#64748b;font-size:.72rem}.bg-doclist__note{margin-top:.15rem;font-size:.75rem;color:#334155;white-space:pre-wrap;overflow-wrap:anywhere}
/* Custom fields */

.bg-field-list{display:grid;gap:.5rem;margin-bottom:1rem}.bg-field-list li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.5rem .65rem;border:1px solid #e2e8f0;border-radius:.5rem}.bg-field-list form{margin-inline-start:auto}
.bg-custom-field-form{margin-top:1rem;padding-top:1rem;border-top:1px dashed #cbd5e1}td .bg-custom-field-form{min-width:28rem}
/* Decision reasons and history */
.bg-authority-note{display:flex;gap:.4rem;align-items:center;margin-bottom:1rem;font-size:.875rem}.bg-decision-form{display:grid;gap:1rem;max-width:48rem}
.bg-rulings{display:grid;gap:.75rem}.bg-ruling{padding:.75rem 1rem;border:1px solid #e2e8f0;border-inline-start:4px solid #94a3b8;border-radius:.6rem;background:#fff}.bg-ruling--approved{border-inline-start-color:#16a34a}.bg-ruling--rejected{border-inline-start-color:#dc2626}.bg-ruling--deferred,.bg-ruling--under_review{border-inline-start-color:#f59e0b}
.bg-ruling__head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:.5rem}.bg-ruling__meta{font-size:.78rem;color:#64748b}.bg-ruling dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem .9rem;font-size:.875rem}.bg-ruling dt{color:#64748b}.bg-ruling__notes{white-space:pre-wrap;overflow-wrap:anywhere}
.fi-no-notification-body{white-space:pre-line}

/* Temporary coverage uses the portal's form rhythm in both directions. */
.bg-delegation-nav { color:#d8e8ee; font-size:.85rem; }



.bg-delegations h2 { font-size:1.1rem; font-weight:600; margin-block-end:1rem; }
.bg-delegations form { display:grid; gap:1rem; }
.bg-delegations label { display:block; line-height:1.8; }
.bg-delegations fieldset { padding:1rem; border:1px solid #d6e0e8; border-radius:.5rem; }
.bg-delegations legend { font-weight:600; padding-inline:.4rem; }

.bg-delegation-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap:.65rem 1rem; }

.bg-delegations section p { margin-block:.6rem; overflow-wrap:anywhere; }
/* A numeric or amount field is larger than the text field beside it, so a figure can be read and corrected. */
input.fi-input[type=number]:not([data-date-year]),input.fi-input.bg-number-input{font-size:var(--text-lg);line-height:1.75rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:0}
/* The larger figure needs a cell of its own, or it would crowd the unit and the label beside it. */
.bg-form-grid>div:has(input.fi-input:is([type=number],.bg-number-input)){grid-column:span 2}
/* The theme keeps a notification hidden until its own script reveals it; the port renders its
   notices on the server, so every one of them is shown as it arrives, and the toast carries its
   tone on its edge. */
.fi-no-notification{visibility:visible}.fi-no-notification[data-toast]{border-inline-start:4px solid var(--bg-toast-tone,#16a34a)}.fi-no-notification.fi-status-warning{--bg-toast-tone:#d97706}.fi-no-notification.fi-status-danger{--bg-toast-tone:#dc2626}
/* Uploads: one row per chosen file. The state is written and has its own icon, so it does not rest on the colour of the edge. */
.bg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bg-dropzone--over{border-color:var(--bg-teal,#0e7490);border-style:solid;background:#ecfeff}[aria-busy=true] .bg-dropzone{opacity:.65;cursor:progress}
.bg-upload-queue{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.45rem}
.bg-upload{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .7rem;border:1px solid #e2e8f0;border-inline-start:4px solid #94a3b8;border-radius:.5rem;background:#fff;font-size:.8rem}
.bg-upload__icon{flex-shrink:0;color:#64748b}.bg-upload--uploading{border-inline-start-color:#0e7490}.bg-upload--uploading .bg-upload__icon{color:#0e7490;animation:bg-spin 1s linear infinite}
.bg-upload--done{border-inline-start-color:#16a34a;background:#f0fdf4}.bg-upload--done .bg-upload__icon,.bg-upload--done .bg-upload__state{color:#15803d}
.bg-upload--failed{border-inline-start-color:#dc2626;background:#fef2f2}.bg-upload--failed .bg-upload__icon,.bg-upload--failed .bg-upload__state{color:#b91c1c}
.bg-upload__main{flex:1;min-width:0;display:grid;gap:.2rem}.bg-upload__name{font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-upload__meta{color:#475569;font-size:.75rem}.bg-upload__state{font-weight:600;font-variant-numeric:tabular-nums}
.bg-upload progress{width:100%;height:.4rem;accent-color:#0e7490}.bg-upload__reason{color:#991b1b;font-size:.78rem;overflow-wrap:anywhere}
.bg-upload__retry{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0;padding:.25rem .6rem;border:1px solid #fca5a5;border-radius:.4rem;background:#fff;color:#991b1b;font-weight:600;font-size:.75rem}.bg-upload__retry:hover{background:#fee2e2}.bg-upload__retry:focus-visible{outline:2px solid #0e7490;outline-offset:2px}
/* A file the upload has just added is marked for a moment where it lands. */
.bg-doclist li.bg-doclist__new,.bg-row-new>td{animation:bg-arrived 2.5s ease-out}
@keyframes bg-arrived{from{background:#bbf7d0}}@keyframes bg-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bg-upload--uploading .bg-upload__icon,.bg-doclist li.bg-doclist__new,.bg-row-new>td{animation:none}}
/* The attachments tree: a folder is a native disclosure, the nesting of the lists draws the depth,
   and the logical properties carry the right-to-left reading. */
.bg-tree{border:1px solid #e2e8f0;border-radius:.6rem;background:#fff;font-size:.85rem}
.bg-tree__bar{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:.6rem .6rem 0 0}
.bg-tree__bar .fi-ac{display:flex;gap:.75rem}
.bg-tree__root{display:inline-flex;gap:.4rem;align-items:center;font-weight:600;color:#334155}
.bg-tree__group{list-style:none;margin:0;padding-inline-start:clamp(.6rem,3vw,1.25rem)}
.bg-tree__top{padding:.35rem .25rem}
.bg-tree__folder>.bg-tree__group{margin-inline-start:.85rem;border-inline-start:1px solid #e2e8f0}
.bg-tree__group--flat{padding-inline-start:.35rem}
.bg-tree__row{display:flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:.25rem .5rem;border-radius:.4rem;cursor:pointer;list-style:none;font-weight:600;color:#1e293b}
.bg-tree__row::-webkit-details-marker{display:none}
.bg-tree__row:hover{background:#f1f5f9}
.bg-tree__row:focus-visible,.bg-tree__manage>summary:focus-visible{outline:2px solid #0e7490;outline-offset:1px}
.bg-tree__row .bg-tree__shut,.bg-tree__row .bg-tree__open{color:#d4a017}
.bg-tree__name{min-width:0;overflow-wrap:anywhere}
.bg-tree__chevron{color:#94a3b8;transform:rotate(-90deg);transition:transform .15s}
[dir=rtl] .bg-tree__chevron{transform:rotate(90deg)}
.bg-tree__folder[open]>.bg-tree__row .bg-tree__chevron{transform:none}
.bg-tree__folder[open]>.bg-tree__row .bg-tree__shut,.bg-tree__folder:not([open])>.bg-tree__row .bg-tree__open{display:none}
.bg-tree__tools{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;padding:.25rem .5rem .5rem}
.bg-tree__manage[open]{flex-basis:100%}
.bg-tree__manage>summary{display:inline-flex;gap:.25rem;align-items:center;list-style:none;cursor:pointer}
.bg-tree__manage>summary::-webkit-details-marker{display:none}
.bg-tree__manage form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}
.bg-tree__manage .fi-input-wrp{min-width:12rem}
.bg-tree__file{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:start;padding:.5rem;border-radius:.4rem}
.bg-tree__file+.bg-tree__file{border-top:1px solid #f1f5f9}
.bg-tree__file:hover{background:#f8fafc}
.bg-tree__file.bg-row-active{background:#ecfeff}
.bg-tree__file>.bg-actions{grid-column:2;grid-row:1/span 3}
.bg-tree__meta,.bg-tree__note{grid-column:1;margin:0;padding-inline-start:1.75rem}
.bg-tree__meta{display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:center;color:#64748b;font-size:.75rem}
.bg-tree__note{color:#475569;font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bg-tree__empty{padding:.4rem .5rem}
@media(max-width:640px){.bg-tree__file{grid-template-columns:minmax(0,1fr)}.bg-tree__file>.bg-actions{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;gap:.25rem .75rem;white-space:normal;padding-inline-start:1.75rem}.bg-tree__file>.bg-actions>*{min-height:2.25rem}.bg-tree__manage .fi-input-wrp{min-width:0;flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.bg-tree__chevron{transition:none}}
.dark .bg-tree{background:#0a2936;border-color:#28515f;color:#dbe8ef}
.dark .bg-tree__bar{background:#0c2733;border-color:#28515f}
.dark .bg-tree__root{color:#e2f3f5}
.dark .bg-tree__row{color:#dbe8ef}
.dark .bg-tree__row:hover{background:#123a44}
.dark .bg-tree__folder>.bg-tree__group{border-inline-start-color:#28515f}
.dark .bg-tree__file:hover{background:#0c2733}
.dark .bg-tree__file+.bg-tree__file{border-top-color:#28515f}
.dark .bg-tree__meta,.dark .bg-tree__note{color:#8aafbf}
/* Temporary coverage: cards that read as sentences, one column on a phone, the same in both directions. */
.bg-delegations{display:grid;gap:1.25rem;max-width:56rem}

.bg-delegations h2{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;display:flex;gap:.5rem;align-items:center}

.bg-deleg-rules>summary,.bg-deleg-history>summary,.bg-deleg-zone>summary{cursor:pointer;color:#0e7490;font-size:.875rem;font-weight:600}
.bg-deleg-rules .bg-notes{margin-top:.5rem}
.bg-deleg-waiting{padding:1rem;border:1px solid #fcd34d;border-inline-start:4px solid #d4a017;border-radius:.75rem;background:#fffbeb}
.bg-deleg-waiting:has(.bg-deleg-clear){border-color:#bbf7d0;border-inline-start-color:#16a34a;background:#f0fdf4}
.bg-deleg-waiting:has(.bg-deleg-clear) h2{margin:0 0 .25rem}
.bg-deleg-clear{margin:0;color:#15803d;font-weight:600}
.bg-deleg-tabs{margin-bottom:1rem;overflow-x:auto}
.bg-deleg{display:grid;gap:.75rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff}
.bg-deleg+.bg-deleg,.bg-deleg-earlier .bg-deleg{margin-top:.75rem}
.bg-deleg__head{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.bg-deleg__ref{margin-inline-start:auto;color:#94a3b8;font-size:.75rem}
.bg-deleg__title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.6;color:#0f2a3a}
.bg-deleg__period{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.bg-deleg__meter{display:block;height:.375rem;margin-top:.5rem;border-radius:999px;background:#e2e8f0;overflow:hidden}
.bg-deleg__meter>span{display:block;height:100%;background:#16a34a}
.bg-deleg__meter.is-soon>span{background:#d4a017}
.bg-deleg__left{display:block;margin-top:.25rem;font-size:.8rem;color:#15803d}
.bg-deleg__left.is-soon,.bg-deleg__ext{color:#a16207;font-weight:600}
.bg-deleg__ext{display:block;margin-top:.35rem;font-size:.85rem}
.bg-deleg__zone{display:block;margin-top:.25rem;color:#64748b;font-size:.75rem}
.bg-deleg__chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}
.bg-deleg__chips li{padding:.15rem .65rem;border-radius:999px;background:#f1f5f9;font-size:.85rem}
.bg-powers{display:grid;gap:.4rem}
.bg-powers__count{margin:0;font-weight:600;font-size:.9rem}
.bg-powers__area{border:1px solid #e2e8f0;border-radius:.5rem;background:#fff}
.bg-powers__area>summary{display:flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:center;min-height:2.75rem;padding:.4rem .75rem;cursor:pointer;list-style:none}
.bg-powers__area>summary::-webkit-details-marker{display:none}
.bg-powers__area>summary::after{content:'';margin-inline-start:auto;width:.45rem;height:.45rem;border:solid #94a3b8;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .15s}
.bg-powers__area[open]>summary::after{transform:rotate(-135deg)}
.bg-powers__name{font-weight:600}
.bg-powers__tally{color:#64748b;font-size:.8rem}
.bg-powers__items{display:grid;gap:.5rem;margin:0;padding:.25rem .75rem .75rem;list-style:none}
.bg-powers__items li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem}
.bg-powers__verbs{display:flex;flex-wrap:wrap;gap:.35rem}
.bg-powers__verb{display:inline-flex;align-items:center;gap:.35rem;min-height:2.25rem;padding:.15rem .7rem;border:1px solid #cbd5e1;border-radius:999px;font-size:.85rem;cursor:pointer}
.bg-powers__verb:has(:checked){border-color:#0e7490;background:#ecfeff;color:#0e7490}
.bg-powers__verb:has(:disabled){cursor:default;opacity:.75}
.bg-powers__verb.is-read{min-height:0;border-color:transparent;background:#f1f5f9;cursor:default}
.bg-deleg__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}
.bg-deleg__actions form{margin:0}

.bg-deleg__extend{flex-basis:100%}
.bg-deleg__extend>summary{list-style:none}
.bg-deleg__extend>summary::-webkit-details-marker,.bg-deleg-new>summary::-webkit-details-marker{display:none}
.bg-deleg__extend form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;margin-top:.5rem}
.bg-deleg-history ol{display:grid;gap:.75rem;margin:.75rem 0 0;padding-inline-start:.85rem;border-inline-start:2px solid #e2e8f0;list-style:none}
.bg-deleg-history li p{margin:0}
.bg-deleg-history__when,.bg-deleg-history__scope{font-size:.8rem;color:#64748b}
.bg-deleg-history__raw>summary{cursor:pointer;font-size:.75rem;color:#64748b}
.bg-deleg-history__raw pre{max-height:16rem;overflow:auto;margin-top:.35rem;padding:.5rem;border-radius:.4rem;background:#f8fafc;font-size:.75rem;white-space:pre-wrap;text-align:left}
.bg-deleg-earlier>summary{margin-top:1rem;cursor:pointer;font-weight:600;color:#475569}
.bg-deleg-new>summary{list-style:none;margin-bottom:1rem}
.bg-deleg-form{display:grid;gap:1.5rem;margin-bottom:1.25rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff}
.bg-deleg-step{display:grid;gap:.5rem;margin:0;padding:0;border:0}
.bg-deleg-step>legend,.bg-deleg-step__label{display:flex;align-items:center;margin-bottom:.25rem;padding:0;font-weight:600}
.bg-deleg-step__n{display:inline-grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;border-radius:50%;background:#0e7490;color:#fff;font-size:.8rem}

.bg-deleg-pick{display:grid;gap:.5rem}
.bg-deleg-option{display:flex;gap:.6rem;align-items:center;min-height:2.75rem;padding:.4rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;cursor:pointer}
.bg-deleg-option:has(:checked){border-color:#0e7490;background:#ecfeff}
.bg-deleg-when{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.75rem}
.bg-deleg-zone select{margin-top:.5rem}
.bg-deleg-presets{display:flex;flex-wrap:wrap;gap:.5rem}
.bg-deleg-recap{margin:0;padding:.75rem 1rem;border-radius:.5rem;background:#f1f5f9;line-height:1.8}
.bg-deleg-recap:empty{display:none}
.dark .bg-deleg,.dark .bg-deleg-form,.dark .bg-powers__area{background:#0a2936;border-color:#28515f;color:#dbe8ef}
.dark .bg-deleg__title{color:#e2f3f5}
.dark .bg-deleg-waiting{background:#2a2410;border-color:#a16207}
.dark .bg-deleg-waiting:has(.bg-deleg-clear){background:#0f2a1c;border-color:#166534}
.dark .bg-deleg__chips li,.dark .bg-powers__verb.is-read,.dark .bg-deleg-recap{background:#123847}
@media(max-width:640px){.bg-deleg__actions>form,.bg-deleg__actions>form .fi-btn,.bg-deleg-form>button[type=submit],.bg-deleg-new>summary{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.bg-powers__area>summary::after{transition:none}}

/* Facts: a thing's own figures, the label above the value. One pattern for the whole
   application: a project's figures, a delegation's, a memo's. */
.bg-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.75rem;margin:0}
.bg-fact{min-width:0;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.6rem;background:#fff}
.bg-fact--wide{grid-column:span 2}
.bg-fact dt{font-size:.75rem;font-weight:500;line-height:1.5;color:#64748b}
.bg-fact dd{margin:.15rem 0 0;font-size:1.25rem;font-weight:600;line-height:1.4;color:#0f2a3a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bg-fact__unit{margin-inline-start:.15rem;font-size:.8rem;font-weight:500;color:#64748b}
.bg-fact dd .fi-badge{margin-inline-start:.5rem;vertical-align:.2em}
.bg-fact dd.bg-fact__note{font-size:.75rem;font-weight:400;color:#64748b}
/* The bar illustrates the figure above it; it is not the value. */
.bg-fact__bar{position:relative;height:.4rem;margin-block:.4rem .25rem;border-radius:999px;background:#e2e8f0}
.bg-fact__bar>span{display:block;height:100%;border-radius:999px;background:var(--bg-fact-tone,#0e7490)}
.bg-fact__bar>i{position:absolute;inset-block:-.2rem;inset-inline-start:var(--bg-fact-planned);width:2px;background:#334155}
.bg-facts--compact{gap:.75rem 1.25rem}
.bg-facts--compact .bg-fact{padding:0;border:0;background:none}
.bg-facts--compact .bg-fact dd{font-size:.9375rem}
/* Prose: each label on its own line, each text a readable paragraph. */
.bg-prose{display:grid;gap:1.25rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}
.bg-prose:first-child{margin-top:0;padding-top:0;border-top:0}
.bg-prose__label{margin:0 0 .35rem;font-size:.8rem;font-weight:600;color:#475569}
.bg-prose p,.bg-prose .bg-notes{margin:0;max-width:72ch;font-size:.9375rem;line-height:1.9;color:#1e293b;white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:640px){.bg-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.bg-fact{padding:.6rem .75rem}.bg-fact dd{font-size:1.1rem}}
.dark .bg-fact{background:#0c2733;border-color:#28515f}.dark .bg-fact dd,.dark .bg-prose p,.dark .bg-prose .bg-notes{color:#e2f3f5}
.dark .bg-fact dt,.dark .bg-fact__unit,.dark .bg-fact dd.bg-fact__note,.dark .bg-prose__label{color:#8aafbf}
.dark .bg-fact__bar,.dark .bg-prose{border-color:#28515f}.dark .bg-fact__bar{background:#28515f}.dark .bg-fact__bar>i{background:#dbe8ef}
.dark .bg-facts--compact .bg-fact{background:none}

/* The chooser: two columns and the items that move between them. The list underneath is the
   form's own field, so the page works without the script; the columns appear only once it has drawn
   them. The two columns share their rows, so the headings, the lists and the buttons line up. */
.bg-chooser{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem .75rem}
.bg-chooser__side{grid-row:1/span 3;display:flex;flex-direction:column;gap:.5rem;min-width:0;border:1px solid #e2e8f0;border-radius:.6rem;background:#fff;padding:.6rem}
.bg-chooser__side[data-chooser-side="available"]{grid-column:1}
.bg-chooser__side--chosen{grid-column:3;background:#f8fafc}
@supports (grid-template-rows:subgrid){.bg-chooser__side{display:grid;grid-template-rows:subgrid}}
.bg-chooser__side.is-over{border-color:#0e7490;box-shadow:0 0 0 2px #0e7490 inset}
.bg-chooser__head{display:grid;gap:.4rem;align-content:start}
.bg-chooser__title{font-size:.8rem;font-weight:600;color:#334155}
.bg-chooser__count{font-weight:400;color:#64748b}

.bg-chooser__list{list-style:none;margin:0;padding:0;height:18rem;overflow:auto;overscroll-behavior:contain;display:grid;gap:.15rem;align-content:start}
.bg-chooser__group{display:grid;gap:.15rem;padding-block:.35rem}
.bg-chooser__group-name{font-size:.7rem;font-weight:600;color:#94a3b8;user-select:none}
.bg-chooser__group ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
/* An item is a thing that moves, not words to select: the text is never highlighted under a drag or
   a double click, and a long press on a phone does not open the text menu. */
.bg-chooser__item{display:flex;align-items:center;gap:.4rem;padding:.35rem .55rem;border:1px solid #e2e8f0;border-radius:.4rem;background:#fff;font-size:.85rem;color:#334155;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.bg-chooser__item:hover{background:#f1f5f9}
.bg-chooser__grip{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;min-height:1.4rem;cursor:grab;color:#94a3b8;touch-action:none}
.bg-chooser__grip svg{width:.85rem;height:.85rem}
.bg-chooser__label{min-width:0;overflow-wrap:anywhere}
.bg-chooser__item.is-marked,.bg-chooser__item.is-marked:hover{border-color:#0e7490;background:#0e7490;color:#fff}
.bg-chooser__item.is-marked .bg-chooser__grip{color:#cffafe}
.bg-chooser__item.is-fixed{cursor:default;color:#64748b;background:#f8fafc;border-style:dashed}
.bg-chooser__item.is-fixed .bg-chooser__grip{cursor:default}
.bg-chooser__item.is-dragging{opacity:.4}
.bg-chooser__item:focus{outline:none}
.bg-chooser__item:focus-visible{outline:2px solid #f59e0b;outline-offset:1px}
.bg-chooser__ghost{position:fixed;top:0;left:0;z-index:60;margin:0;pointer-events:none;border-color:#0e7490;box-shadow:0 8px 24px rgb(15 23 42/.18);cursor:grabbing}
.bg-chooser__badge{margin-inline-start:auto;min-width:1.3rem;padding:0 .35rem;border-radius:999px;background:#0e7490;color:#fff;font-size:.7rem;text-align:center}
.bg-chooser__moves{grid-column:2;grid-row:2;align-self:center;display:flex;flex-direction:column;gap:.35rem}.bg-chooser__moves .fi-icon-btn{margin:0}


.bg-chooser__move:disabled,.bg-chooser__all:disabled{opacity:.4;cursor:default}
/* The arrow is drawn pointing at the end of the line, where the chosen column stands. */
.bg-chooser__arrow{width:1.1rem;height:1.1rem}
.bg-chooser__move[data-chooser-move="available"] .bg-chooser__arrow,[dir=rtl] .bg-chooser__move[data-chooser-move="chosen"] .bg-chooser__arrow{transform:scaleX(-1)}
[dir=rtl] .bg-chooser__move[data-chooser-move="available"] .bg-chooser__arrow{transform:none}
.bg-chooser__foot{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}

.bg-chooser__hidden{font-size:.75rem;color:#64748b}
.bg-chooser__source{grid-column:1/-1;grid-row:1;width:100%}.bg-chooser__source select{min-height:8rem}
.bg-chooser:not([data-chooser-ready="true"]) :is(.bg-chooser__side,.bg-chooser__moves){display:none}
.bg-chooser[data-chooser-ready="true"] .bg-chooser__source{display:none}
/* On a phone the columns stand one above the other, and the arrows point down and up at them. */
@media(max-width:640px){
  .bg-chooser{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .bg-chooser__side,.bg-chooser__side[data-chooser-side="available"],.bg-chooser__side--chosen{grid-column:1;grid-row:auto;display:flex}
  .bg-chooser__moves{grid-column:1;grid-row:auto;flex-direction:row;justify-content:center}
  .bg-chooser__list{height:auto;min-height:3rem;max-height:16rem}
  .bg-chooser__move[data-chooser-move="chosen"] .bg-chooser__arrow,[dir=rtl] .bg-chooser__move[data-chooser-move="chosen"] .bg-chooser__arrow{transform:rotate(90deg)}
  .bg-chooser__move[data-chooser-move="available"] .bg-chooser__arrow,[dir=rtl] .bg-chooser__move[data-chooser-move="available"] .bg-chooser__arrow{transform:rotate(-90deg)}
}
.dark .bg-chooser__side,.dark .bg-chooser__item{background:#0c2733;border-color:#28515f;color:#dbe8ef}
.dark .bg-chooser__item:hover{background:#123847}
.dark .bg-chooser__item.is-marked,.dark .bg-chooser__item.is-marked:hover{background:#0e7490;border-color:#5eead4;color:#fff}
.dark .bg-chooser__item.is-fixed{background:#0a1f29;color:#8aafbf}
.dark .bg-chooser__side.is-over{border-color:#5eead4;box-shadow:0 0 0 2px #5eead4 inset}
.dark .bg-chooser__title{color:#e2f3f5}
.dark .bg-chooser__count,.dark .bg-chooser__hidden{color:#8aafbf}
.dark .bg-chooser__group-name{color:#8aafbf}
/* Placement for the pages built on the theme's own controls: the theme draws them, these only place them. */
.bg-form-grid__full{grid-column:1/-1}
.bg-memos fieldset{display:grid;gap:.4rem;padding:1rem;border:1px solid #d6e0e8;border-radius:.5rem}.bg-memos legend{font-weight:600;padding-inline:.4rem}.bg-memos fieldset label{display:flex;gap:.5rem;align-items:center}
.bg-attachment-filters .bg-share-days{min-width:0;width:7rem}.bg-share-token{display:block;margin-top:.25rem;overflow-wrap:anywhere;font-size:.8rem}
.bg-files{display:grid;gap:1.25rem}.bg-files__project{margin-bottom:.5rem;font-size:.9rem;font-weight:600}.bg-files__code{margin-inline-start:.35rem;color:#64748b;font-size:.75rem;font-weight:400}.bg-files__folder{margin-block:.75rem}.bg-files__folder-name{display:flex;gap:.35rem;align-items:center;font-size:.8rem;font-weight:500;color:#475569}