/*! © 2026 Smart Navigator. All rights reserved. Work Hub Platform developed by ANGUS CHEN since July 2026. */
.home-category-sidebar[hidden],.home-sidebar-unused,.home-layout-sidebar .home-category-inactive{display:none!important}
.home-layout-sidebar{display:grid;grid-template-columns:minmax(235px,300px) minmax(0,1fr);gap:20px;align-items:start}
.home-layout-sidebar>.systems{min-width:0;margin:0!important;display:block}
.home-category-sidebar{position:sticky;top:16px;display:grid;gap:7px;padding:3px;align-content:start}
.home-category-sidebar>button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:64px;border:1px solid var(--theme-line,#cfdbe4);border-radius:12px;padding:8px;background:var(--theme-card,#fff);color:var(--theme-ink,#183e60);text-align:left;cursor:pointer;font:inherit}
.home-category-sidebar>button[aria-pressed="true"]{border-color:var(--category-color);box-shadow:inset 5px 0 var(--category-color);background:color-mix(in srgb,var(--category-color) 10%,var(--theme-card,#fff))}
.home-category-sidebar>button:focus-visible{outline:3px solid var(--category-color);outline-offset:-3px}
.home-category-sidebar .home-category-icon{width:36px;height:36px;font-size:15px}
.home-category-sidebar .home-category-copy strong{font-size:16px;overflow-wrap:anywhere}
.home-category-sidebar .home-category-copy small{font-size:11px}
.home-category-sidebar .home-category-count{min-width:0;padding:4px 6px}
.home-layout-sidebar .home-category>summary{display:none!important}
.home-layout-sidebar .home-category>summary>.home-category-chevron{display:none}
/* Modern details content participates in inheritance; carry the frame radius through it. */
.home-layout-sidebar .home-category::details-content{border-radius:inherit}
.home-layout-sidebar .home-category-grid{gap:14px;padding:14px;border-radius:inherit}
@media(min-width:761px){
  main.home-workspace-wide{width:min(1480px,calc(100vw - 32px));max-width:none;padding-inline:24px}
  main.home-workspace-wide .home-layout-tools{width:min(1320px,100%)}
}
@media(min-width:1101px){
  main.home-workspace-wide .home-layout-sidebar{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px}
  main.home-workspace-wide .home-layout-sidebar .home-category-grid{gap:18px;padding:20px}
}
/* Narrow cards remain full height: menus and permissions retain their original DOM. */
@media(min-width:761px) and (max-width:1100px){.home-layout-sidebar{grid-template-columns:235px minmax(0,1fr)}.home-layout-sidebar .home-category-grid{grid-template-columns:1fr}.home-category-sidebar .home-category-copy small{display:none}}
/* More categories than a single column can fit use the page scroll, not a nested scrollbar. */
@media(min-width:761px){.home-category-sidebar:has(>button:nth-child(10)){position:static}}
@media(min-width:761px) and (max-height:700px){
  .home-category-sidebar{top:8px;gap:5px;padding:2px}
  .home-category-sidebar>button{grid-template-columns:32px minmax(0,1fr) auto;min-height:52px;padding:5px 8px}
  .home-category-sidebar .home-category-icon{width:32px;height:32px}
  .home-category-sidebar .home-category-copy small{display:none}
}
@media(min-width:761px) and (max-height:550px){.home-category-sidebar{position:static}}
@media(max-width:760px){
  .home-layout-sidebar{display:block}
  .home-category-sidebar{position:sticky;top:0;z-index:8;display:flex;gap:7px;max-width:100%;max-height:none;overflow-x:auto;padding:8px 2px;margin-bottom:10px;background:var(--theme-bg,#f4f8fb);scrollbar-width:thin}
  .home-category-sidebar>button{flex:0 0 auto;min-height:48px;width:auto;padding:8px 11px;grid-template-columns:minmax(0,1fr) auto;gap:7px;border-radius:10px}
  .home-category-sidebar .home-category-icon,.home-category-sidebar .home-category-copy small{display:none}
  .home-category-sidebar .home-category-copy strong{font-size:14px;white-space:nowrap}
  .home-layout-sidebar .home-category-grid{grid-template-columns:1fr;padding:10px}
}
.home-style-form{padding:18px;color:var(--theme-ink,#183e60)}
.home-style-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;margin:0 0 16px;padding:0}
.home-style-form legend{font-weight:800;margin-bottom:10px}
.home-style-option{display:flex;gap:12px;align-items:center;padding:20px;border:1px solid var(--theme-line,#cfdbe4);border-radius:12px;background:var(--theme-card,#fff);cursor:pointer}
.home-style-option:has(input:checked){border-color:var(--theme-accent,#14858d);box-shadow:inset 0 0 0 1px var(--theme-accent,#14858d)}
.home-style-option input{width:20px!important;height:20px!important;flex:0 0 20px;margin:0}
.home-style-option span{display:grid;gap:6px}.home-style-option small{line-height:1.6;color:var(--theme-muted,#607589)}
.home-style-form>button,.home-style-form>a,.home-style-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid var(--theme-line,#cfdbe4);border-radius:12px;min-height:46px;box-sizing:border-box;font:inherit;font-weight:750;line-height:1.4;cursor:pointer;text-decoration:none!important;background:var(--theme-card,#fff);color:var(--theme-ink,#183e60);box-shadow:0 3px 8px #183e6010;transition:box-shadow .15s,background .15s}
.home-style-form>button,.home-style-form>a{margin:0 8px 8px 0}
.home-style-form>button,.home-style-action.primary{background:var(--theme-accent,#14858d);border-color:var(--theme-accent,#14858d);color:#fff}
.home-style-form>button:before{content:"✓";font-size:18px}.home-style-form>a:before{content:"⌂";font-size:18px}
.home-style-form>button:hover,.home-style-form>a:hover,.home-style-action:hover{box-shadow:0 4px 12px #183e6028}
.home-style-form>button:focus-visible,.home-style-form>a:focus-visible,.home-style-controls :is(button,select):focus-visible{outline:3px solid var(--theme-accent,#14858d);outline-offset:3px}
.home-style-form>button:disabled,.home-style-action:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.home-style-form>p{min-height:24px}
.home-style-controls[hidden],.home-style-admin[hidden]{display:none!important}
.home-visual-picker[hidden]{display:none!important}
.home-theme-access[hidden]{display:none!important}
.home-theme-access{margin:0 0 18px;padding:14px;border:1px dashed var(--theme-line,#cfdbe4);border-radius:12px;background:var(--theme-soft,#edf4fa)}
.home-theme-access p{font-size:13px;line-height:1.6;margin:0 0 10px;color:var(--theme-muted,#607589)}
.home-theme-access p:last-child:empty{display:none}
.home-style-controls .home-style-quick{margin-bottom:20px}
.home-style-controls{margin:14px auto 20px;max-width:1120px;padding:20px;text-align:left;border:1px solid var(--theme-line,#cfdbe4);border-radius:16px;background:var(--theme-card,#fff);box-shadow:0 5px 18px #183e600a;box-sizing:border-box}
.home-style-heading h3{font-size:18px;margin:0 0 6px}.home-style-heading p{font-size:13px;margin:0 0 16px;color:var(--theme-muted,#607589)}
.home-style-quick,.home-style-admin{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.home-style-controls label{display:grid;gap:7px;flex:1 1 250px;min-width:0;font-weight:700;font-size:13px}
.home-style-controls select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border-radius:10px;border:1px solid var(--theme-line,#cfdbe4);background:var(--theme-card,#fff);color:var(--theme-ink,#183e60);font:inherit}
.home-style-admin{border-top:1px solid var(--theme-line,#cfdbe4);margin-top:16px;padding-top:16px}
.home-style-action.caution{border-color:var(--theme-accent,#14858d);color:var(--theme-accent,#14858d)}
.home-style-controls [role=status]{font-size:13px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}
@media(max-width:760px){.home-style-controls{padding:14px}.home-style-quick,.home-style-admin{display:grid;grid-template-columns:minmax(0,1fr)}.home-style-action{width:100%}.home-style-form>button,.home-style-form>a{padding:11px 14px}}
@media(max-width:760px){.home-style-form fieldset{grid-template-columns:1fr}.home-style-option{padding:14px}}
.home-style-form .home-visual-picker,.home-visual-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;padding:0;margin:0 0 20px;min-width:0}
.home-visual-picker legend{font-weight:800;margin-bottom:12px;font-size:14px}
.home-visual-option{display:grid!important;gap:10px!important;padding:12px;border:1px solid var(--theme-line,#cfdbe4);border-radius:13px;background:var(--theme-card,#fff);cursor:pointer;min-width:0}
.home-visual-option:has(input:checked){outline:2px solid var(--theme-accent,#14858d);outline-offset:1px}
.home-visual-title{display:flex;align-items:center;gap:8px}.home-visual-title input{width:18px!important;height:18px!important;margin:0;flex:0 0 18px}
.home-visual-option small{font-size:12px;line-height:1.5;color:var(--theme-muted,#607589)}
.home-visual-preview{height:68px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-items:center;padding:12px;border-radius:8px;background:var(--theme-soft,#edf4fa)}
.home-visual-preview i{height:34px;background:var(--theme-accent,#14858d);border-radius:6px;opacity:.8}
[data-visual-swatch=cream] .home-visual-preview{background:#fff4dc radial-gradient(#29251e26 1px,transparent 1.1px) 0 0/7px 7px}[data-visual-swatch=cream] i{background:#ffda4b;border:2px solid #29251e;box-shadow:3px 3px #29251e;opacity:1}[data-visual-swatch=cream] i:nth-child(2){background:#ffb8cf}[data-visual-swatch=cream] i:nth-child(3){background:#a7ddfb}
[data-visual-swatch=minimal] .home-visual-preview{background:#f6f7f8}[data-visual-swatch=minimal] i{background:#fff;border:1px solid #dde2e6;border-top:1px solid #1f2933;border-radius:4px;box-shadow:none;opacity:1}
[data-visual-swatch=sketch] .home-visual-preview{background-color:#fbfaf2;background-image:linear-gradient(90deg,transparent 0 10px,#d98b8b99 10px 11px,transparent 11px),repeating-linear-gradient(transparent 0 11px,#9fb0a766 11px 12px)}[data-visual-swatch=sketch] i{background:#fffefa;border:1.5px solid #414740;border-radius:9px 3px 12px 4px;box-shadow:2px 2px #d8ddd5;opacity:1}
[data-visual-swatch=comic] .home-visual-preview{background:#f2f2ef radial-gradient(#111 1.25px,transparent 1.35px) 0 0/6px 6px}[data-visual-swatch=comic] i{background:#fff;border:2.5px solid #111;border-radius:0;box-shadow:3px 3px 0 #fff,5px 5px 0 #111;opacity:1}
[data-visual-swatch=tech] .home-visual-preview{background-color:#070d17;background-image:linear-gradient(#17b6d824 1px,transparent 1px),linear-gradient(90deg,#17b6d824 1px,transparent 1px);background-size:9px 9px,9px 9px;border:1px solid #17b6d8}
[data-visual-swatch=tech] i{background:#0e1a29;border:1px solid #24425f;border-top:2px solid #17b6d8;border-radius:4px;box-shadow:0 0 10px #17b6d859;opacity:1}
[data-visual-swatch=tech] i:nth-child(2){background:#123449}
[data-visual-swatch=forest] .home-visual-preview{position:relative;overflow:hidden;background:linear-gradient(145deg,#bfd5b5,#d5e3cf);border:1px solid #849d7c}
[data-visual-swatch=forest] .home-visual-preview::after{content:"";position:absolute;width:72px;height:2px;left:16%;bottom:18%;background:#527a53;transform:rotate(-33deg);transform-origin:left center;opacity:.7}
[data-visual-swatch=forest] i{z-index:1;background:#5f8d58;border:1px solid #2d4a2b;border-radius:0 88% 0 88%;box-shadow:inset 4px 4px #ffffff47;opacity:1;transform:rotate(-23deg)}
[data-visual-swatch=forest] i:nth-child(2){background:#95ae78;transform:rotate(32deg)}
[data-visual-swatch=forest] i:nth-child(3){background:#3f7652;transform:rotate(-38deg)}
[data-visual-swatch=sky] .home-visual-preview{position:relative;overflow:hidden;background:linear-gradient(170deg,#a9d0f2,#cfe6fa 55%,#eaf4ff);border:1px solid #8fb8dd}
[data-visual-swatch=sky] .home-visual-preview::after{content:"";position:absolute;width:44px;height:15px;left:9%;bottom:13%;background:#fff;border-radius:15px 15px 11px 11px;box-shadow:25px -5px 0 -3px #ffffffd9;opacity:.85}
[data-visual-swatch=sky] i{z-index:1;background:#fff;border:1px solid #7fb0dd;border-radius:14px 14px 12px 12px;box-shadow:inset 0 -4px #eaf4ff;opacity:1}
[data-visual-swatch=sky] i:nth-child(2){background:#f2f8ff;height:28px}
[data-visual-swatch=sky] i:nth-child(3){background:#e7f2ff}
@media(min-width:761px) and (max-width:1000px){.home-style-form .home-visual-picker,.home-visual-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.home-style-form .home-visual-picker,.home-visual-picker{grid-template-columns:1fr}.home-visual-option{grid-template-columns:82px minmax(0,1fr);align-items:center}.home-visual-preview{grid-row:1/3;padding:8px;gap:4px}.home-visual-option small{grid-column:2}.home-visual-option i{height:28px}}
/*! © 2026 Smart Navigator. All rights reserved. Work Hub Platform developed by ANGUS CHEN since July 2026. */