/* Shared library navigation; component and widget skins stay inside their style. */
[data-style] { --style-accent:#0d6efd; --style-rgb:13,110,253; --style-radius:.375rem; --style-shadow:none; --style-on-accent:#fff; }
[data-style="2"] { --style-accent:#0d6efd; --style-rgb:13,110,253; --style-radius:.8rem; --style-shadow:0 2px 3px rgb(0 0 0 / 2%); }
[data-style="3"] { --style-accent:#206bc4; --style-rgb:32,107,196; --style-radius:.45rem; --style-shadow:0 1px 3px rgb(24 36 51 / 5%); }
[data-style="4"] { --style-accent:#2468e8; --style-rgb:36,104,232; --style-radius:1.6rem; --style-shadow:0 12px 30px rgb(37 46 63 / 4%); }
[data-style="5"] { --style-accent:#343c32; --style-rgb:52,60,50; --style-radius:.65rem; --style-shadow:0 5px 16px rgb(20 30 45 / 5%); }
[data-style="6"] { --style-accent:#171718; --style-rgb:23,23,24; --style-radius:.75rem; --style-shadow:0 1px 2px rgb(0 0 0 / 3%); }
[data-style="7"] { --style-accent:#facc15; --style-rgb:250,204,21; --style-radius:.625rem; --style-shadow:0 1px 2px rgb(0 0 0 / 4%); --style-on-accent:#713f12; }
[data-bs-theme="dark"] [data-style="5"] { --style-accent:#b4c4ac; --style-rgb:180,196,172; --style-on-accent:#20261e; }
[data-bs-theme="dark"] [data-style="6"] { --style-accent:#f5f5f6; --style-rgb:245,245,246; --style-on-accent:#181819; }
[data-bs-theme="dark"] [data-style="7"] { --style-accent:#eab308; --style-rgb:234,179,8; --style-on-accent:#422006; }
.style-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem; padding:.75rem 1.5rem; background:var(--bs-body-bg); }
.style-identity { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; font-size:.8rem; }
.style-swatch { width:.7rem; height:.7rem; border-radius:50%; background:var(--style-accent); }
.style-toolbar .nav-link { color:var(--bs-secondary-color); font-size:.8rem; padding:.5rem .85rem; }
.style-toolbar .nav-link.active { background:var(--style-accent); color:var(--style-on-accent); }
/* Style 1 intentionally uses unmodified Bootstrap component primitives. */
body[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) {
 --bs-primary:var(--style-accent); --bs-primary-rgb:var(--style-rgb); --bs-link-color:var(--style-accent); --bs-link-color-rgb:var(--style-rgb);
 --bs-border-radius:var(--style-radius); --bs-border-radius-lg:var(--style-radius);
 background:var(--bs-tertiary-bg);
}
[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) .card {
 --bs-card-border-radius:var(--style-radius); --bs-card-inner-border-radius:var(--style-radius); box-shadow:var(--style-shadow)!important; border:1px solid var(--bs-border-color)!important;
}
[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) :is(.btn,.form-control,.form-select,.input-group-text,.list-group,.alert) { border-radius:var(--style-radius); }
[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) .btn-primary {
 --bs-btn-bg:var(--style-accent); --bs-btn-border-color:var(--style-accent); --bs-btn-color:var(--style-on-accent);
 --bs-btn-hover-bg:var(--style-accent); --bs-btn-hover-border-color:var(--style-accent); --bs-btn-hover-color:var(--style-on-accent);
 --bs-btn-active-bg:var(--style-accent); --bs-btn-active-border-color:var(--style-accent); --bs-btn-active-color:var(--style-on-accent);
 --bs-btn-disabled-bg:var(--style-accent); --bs-btn-disabled-border-color:var(--style-accent); --bs-btn-disabled-color:var(--style-on-accent);
 --bs-btn-focus-shadow-rgb:var(--style-rgb);
}
[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) .btn-outline-primary { --bs-btn-color:var(--style-accent); --bs-btn-border-color:var(--style-accent); --bs-btn-hover-bg:var(--style-accent); --bs-btn-hover-border-color:var(--style-accent); --bs-btn-hover-color:var(--style-on-accent); --bs-btn-active-bg:var(--style-accent); --bs-btn-active-border-color:var(--style-accent); --bs-btn-active-color:var(--style-on-accent); }
[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) :is(.progress-bar,.form-check-input:checked,.page-item.active .page-link) { background-color:var(--style-accent); border-color:var(--style-accent); color:var(--style-on-accent); }
[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) .form-control:focus { border-color:var(--style-accent); box-shadow:0 0 0 .25rem rgba(var(--style-rgb),.2); }
[data-style="2"]:is([data-style-page="components"],[data-style-page="gallery"]) .gallery-entry-title { font-family:inherit; font-weight:650; }
[data-style="3"]:is([data-style-page="components"],[data-style-page="gallery"]) { font-size:.875rem; }
[data-style="4"]:is([data-style-page="components"],[data-style-page="gallery"]) .gallery-sidebar { margin:1rem; border:0!important; border-radius:1.6rem; background:var(--bs-body-bg); }
[data-style="4"]:is([data-style-page="components"],[data-style-page="gallery"]) .gallery-entry-title { font-family:inherit; color:var(--bs-body-color); font-size:1rem; font-weight:650; }
[data-style="5"]:is([data-style-page="components"],[data-style-page="gallery"]) h1 { letter-spacing:-.045em; font-weight:500!important; }
[data-style="5"]:is([data-style-page="components"],[data-style-page="gallery"]) .gallery-sidebar { background:var(--bs-body-bg); }
[data-style="6"]:is([data-style-page="components"],[data-style-page="gallery"]) .gallery-entry-title { font-family:inherit; letter-spacing:-.015em; font-weight:600; }
[data-style="6"]:is([data-style-page="components"],[data-style-page="gallery"]) .gallery-sidebar { background:var(--bs-body-bg); }
[data-style]:is([data-style-page="components"],[data-style-page="gallery"]) .gallery-sidebar .nav-link.active { color:var(--style-accent); background:rgba(var(--style-rgb),.09); }
[data-style-page="components"] #overview { padding-block:2.5rem!important; }
[data-style-page="components"] #overview h1 { font-size:2.5rem; }
[data-style-page="components"] #overview .lead { font-size:1rem; }
[data-style-page="gallery"] .gallery-main { width:100%; max-width:90rem; padding:clamp(1.25rem,3vw,3rem); }
[data-style] .gallery-primary-nav { flex-wrap:wrap; }
[data-style] :is(main section[id],.gallery-entry) { scroll-margin-top:7rem; }
@media(max-width:767.98px) {
 .style-toolbar { padding:.75rem 1rem; }
 .style-toolbar .nav { width:100%; }
 .gallery-topbar { position:relative; }
 [data-style] .gallery-primary-nav { width:100%; gap:.1rem; }
 [data-style] .gallery-primary-nav .nav-link { padding:.45rem .65rem; font-size:.8rem; }
 [data-style] .gallery-shell { grid-template-columns:minmax(0,1fr); }
}

/* Widget utility classes must adopt the selected surface geometry too. */
[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) :is(.card.rounded-4,fieldset.rounded-4,.modal-content) { border-radius:var(--style-radius)!important; }
[data-style="3"][data-style-page="gallery"] .gallery-main { background-image:radial-gradient(var(--bs-border-color) .6px,transparent .6px); background-size:20px 20px; }
[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) .text-bg-primary { color:var(--style-on-accent)!important; }
/* Match the workspace surfaces, including the neutral Orbit dark palette. */
[data-style="4"]:is([data-style-page="components"],[data-style-page="gallery"]) { --bs-body-color:#171b24; --bs-secondary-color:#747d8d; --bs-body-bg:#fff; --bs-tertiary-bg:#f3f5f8; --bs-border-color:#e5e8ee; }
[data-style="5"]:is([data-style-page="components"],[data-style-page="gallery"]) { --bs-body-color:#171b24; --bs-secondary-color:#747d8d; --bs-body-bg:#fff; --bs-tertiary-bg:#f7f8f6; --bs-border-color:#e5e8ee; }
[data-bs-theme="dark"] :is([data-style="4"],[data-style="5"]):is([data-style-page="components"],[data-style-page="gallery"]) { --bs-body-color:#edf1f7; --bs-secondary-color:#aeb6c5; --bs-body-bg:#1b2029; --bs-tertiary-bg:#11151c; --bs-border-color:#343b48; }
[data-style="6"]:is([data-style-page="components"],[data-style-page="gallery"]) { --bs-body-color:#242426; --bs-secondary-color:#737378; --bs-body-bg:#fff; --bs-tertiary-bg:#f7f7f8; --bs-secondary-bg:#f2f2f3; --bs-border-color:#ededee; letter-spacing:-.015em; }
[data-bs-theme="dark"] [data-style="6"]:is([data-style-page="components"],[data-style-page="gallery"]) { --bs-body-color:#e8e8ea; --bs-secondary-color:#a1a1a8; --bs-body-bg:#1c1c1e; --bs-tertiary-bg:#131314; --bs-secondary-bg:#28282b; --bs-border-color:#303033; }
[data-style]:not([data-style="1"]):is([data-style-page="components"],[data-style-page="gallery"]) { color:var(--bs-body-color); }
[data-bs-theme="dark"] :is([data-style="5"],[data-style="6"]):is([data-style-page="components"],[data-style-page="gallery"]) .form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23181819' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
[data-bs-theme="dark"] :is([data-style="5"],[data-style="6"]):is([data-style-page="components"],[data-style-page="gallery"]) :is(.form-check-input:checked[type="radio"],.form-switch .form-check-input:checked) { --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23181819'/%3e%3c/svg%3e"); }