/* compact-dynamic-header-v139 */
@media (min-width: 761px) {
  header:has(.auto-centered-header-nav),
  .hero:has(.auto-centered-header-nav) {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    row-gap: 0 !important;
  }
  .auto-centered-header-nav {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .hero:has(.header-tools) {
    min-height: 78px !important;
    height: auto !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .hero:has(.header-tools) .header-tools {
    top: 50% !important;
    right: 18px !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }
}
@media (max-width: 760px) {
  header:has(.auto-centered-header-nav),
  .hero:has(.auto-centered-header-nav) {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .auto-centered-header-nav {
    margin-top: 7px !important;
    margin-bottom: 0 !important;
  }
  .hero:has(.header-tools) {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 10px !important;
  }
}
:root,
html[data-site-theme="classic"] {
  --theme-header:#173b63;--theme-header-2:#224e78;--theme-accent:#337fba;--theme-accent-2:#6f51a8;
  --theme-soft:#edf5fb;--theme-bg:#f3f7fa;--theme-panel:#fff;--theme-line:#cfdae4;--theme-ink:#17324d;--theme-muted:#637a8f;
}
html[data-site-theme="ocean"] {
  --theme-header:#075968;--theme-header-2:#087487;--theme-accent:#118ca0;--theme-accent-2:#2477a8;
  --theme-soft:#e8f7f8;--theme-bg:#f1f9fa;--theme-panel:#fff;--theme-line:#c3dfe2;--theme-ink:#123d46;--theme-muted:#5b7880;
}
html[data-site-theme="forest"] {
  --theme-header:#245641;--theme-header-2:#347158;--theme-accent:#438564;--theme-accent-2:#6d7f45;
  --theme-soft:#edf7f0;--theme-bg:#f4f9f5;--theme-panel:#fff;--theme-line:#cbded1;--theme-ink:#213f32;--theme-muted:#657a6d;
}
html[data-site-theme="sunset"] {
  --theme-header:#713d29;--theme-header-2:#925232;--theme-accent:#c66a25;--theme-accent-2:#b44d57;
  --theme-soft:#fff3e8;--theme-bg:#fff8f2;--theme-panel:#fff;--theme-line:#ead3c0;--theme-ink:#4d3025;--theme-muted:#806b61;
}
html[data-site-theme="pink"] {
  --theme-header:#7f3158;--theme-header-2:#a74373;--theme-accent:#d85c91;--theme-accent-2:#a855b8;
  --theme-soft:#fff0f6;--theme-bg:#fff7fa;--theme-panel:#fff;--theme-line:#ecc9d8;--theme-ink:#54233b;--theme-muted:#876578;
}
html[data-site-theme="purple"] {
  --theme-header:#4d3477;--theme-header-2:#6d4b9a;--theme-accent:#8b5fc1;--theme-accent-2:#b05aa8;
  --theme-soft:#f6f0fb;--theme-bg:#faf7fd;--theme-panel:#fff;--theme-line:#d9cbe8;--theme-ink:#392951;--theme-muted:#77668d;
}
html[data-site-theme] {
  --navy:var(--theme-header);--blue:var(--theme-accent);--teal:var(--theme-accent);--purple:var(--theme-accent-2);
  --bg:var(--theme-bg);--ink:var(--theme-ink);--line:var(--theme-line);--muted:var(--theme-muted);color-scheme:light;
}
html[data-site-theme] body {background-color:var(--theme-bg);color:var(--theme-ink)}
html[data-site-theme] body>header,
html[data-site-theme] .app-header,
html[data-site-theme] .page-header,
html[data-site-theme] .topbar {background-color:var(--theme-header);background-image:linear-gradient(120deg,var(--theme-header),var(--theme-header-2))}
html[data-site-theme] main,
html[data-site-theme] .page,
html[data-site-theme] .page-shell,
html[data-site-theme] .app-shell,
html[data-site-theme] .container,
html[data-site-theme] .content-wrap {margin-inline:auto}
html[data-site-theme] button,
html[data-site-theme] [role="button"],
html[data-site-theme] .btn,
html[data-site-theme] .button,
html[data-site-theme] .open,
html[data-site-theme] .nav-button,
html[data-site-theme] .action-button {text-align:center;align-items:center;justify-content:center}
html[data-site-theme] button>.icon,
html[data-site-theme] .btn>.icon,
html[data-site-theme] .icon-only,
html[data-site-theme] .with-icon::before,
html[data-site-theme] .icon-only::before,
html[data-site-theme] .header-account-avatar,
html[data-site-theme] .profile-avatar,
html[data-site-theme] .user-avatar {align-items:center;justify-content:center;place-items:center}
html[data-site-theme] .dialog-actions,
html[data-site-theme] .modal-actions,
html[data-site-theme] .auth-actions,
html[data-site-theme] .avatar-dialog-actions,
html[data-site-theme] .form-actions,
html[data-site-theme] .bulk-actions {justify-content:center}
html[data-site-theme] .primary,
html[data-site-theme] button.primary,
html[data-site-theme] .btn.primary,
html[data-site-theme] a.open,
html[data-site-theme] button.open {background-color:var(--theme-accent);border-color:var(--theme-accent)}
html[data-site-theme] .panel,
html[data-site-theme] .card,
html[data-site-theme] .system,
html[data-site-theme] .auth-card,
html[data-site-theme] .kpi,
html[data-site-theme] dialog {border-color:var(--theme-line)}
html[data-site-theme] :focus-visible {outline-color:var(--theme-accent)}
.header-theme-field{display:grid;gap:8px;width:100%;padding:10px;border:1px solid var(--theme-line,#d8e3eb);border-radius:9px;background:var(--theme-soft,#f7fafc);color:var(--theme-ink,#173b63)}
.header-theme-label{display:block;font-size:12px;font-weight:850;text-align:center}
.theme-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.theme-choice{display:grid;grid-template-columns:17px minmax(0,1fr);gap:6px;min-height:38px;padding:6px 7px;border:1px solid var(--theme-line,#d8e3eb);border-radius:8px;background:#fff;color:var(--theme-ink,#173b63);font-size:11px;font-weight:800}
.theme-choice:hover{border-color:var(--theme-accent);background:var(--theme-soft)}
.theme-choice.active{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 20%,transparent)}
.theme-swatch{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #9eacb8}
.theme-swatch.classic{background:linear-gradient(135deg,#173b63 50%,#337fba 50%)}
.theme-swatch.ocean{background:linear-gradient(135deg,#075968 50%,#118ca0 50%)}
.theme-swatch.forest{background:linear-gradient(135deg,#245641 50%,#438564 50%)}
.theme-swatch.sunset{background:linear-gradient(135deg,#713d29 50%,#c66a25 50%)}
.theme-swatch.pink{background:linear-gradient(135deg,#7f3158 50%,#d85c91 50%)}
.theme-swatch.purple{background:linear-gradient(135deg,#4d3477 50%,#8b5fc1 50%)}
.theme-save-status{min-height:15px;color:var(--theme-muted);font-size:10px;text-align:center}
.header-account-dropdown{width:min(300px,calc(100vw - 24px))}
@media(max-width:520px){.theme-choice-grid{grid-template-columns:1fr 1fr}.theme-choice{min-height:42px}}
/* v42: independent page-title centering and themed cards */
html[data-site-theme="classic"]{--theme-card:#f8fbfe;--theme-card-alt:#edf4fa;--theme-card-head:#e5eff8;--theme-card-shadow:#173b6314}
html[data-site-theme="ocean"]{--theme-card:#f7fcfc;--theme-card-alt:#e6f5f6;--theme-card-head:#dff1f3;--theme-card-shadow:#07596818}
html[data-site-theme="forest"]{--theme-card:#f8fcf9;--theme-card-alt:#eaf5ed;--theme-card-head:#e1f0e6;--theme-card-shadow:#24564118}
html[data-site-theme="sunset"]{--theme-card:#fffbf7;--theme-card-alt:#fff0e3;--theme-card-head:#f9e6d7;--theme-card-shadow:#713d2918}
html[data-site-theme="pink"]{--theme-card:#fff8fb;--theme-card-alt:#ffeaf3;--theme-card-head:#f9dce9;--theme-card-shadow:#7f315818}
html[data-site-theme="purple"]{--theme-card:#fbf8fe;--theme-card-alt:#f1e7fa;--theme-card-head:#e8d9f5;--theme-card-shadow:#4d347718}

@media screen{
  html[data-site-theme] body>header{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center;
    column-gap:18px;
  }
  html[data-site-theme] body>header>:first-child{
    grid-column:2;
    justify-self:center;
    min-width:0;
    max-width:min(72vw,900px);
    margin-inline:auto!important;
    text-align:center;
  }
  html[data-site-theme] body>header>:first-child.brand{
    justify-content:center;
  }
  html[data-site-theme] body>header>:nth-child(2){
    grid-column:3;
    justify-self:end;
    margin-inline:0!important;
  }
  html[data-site-theme] body>header>:nth-child(n+3){
    grid-column:1/-1;
    justify-self:center;
  }
}

html[data-site-theme] .card,
html[data-site-theme] .panel,
html[data-site-theme] .system,
html[data-site-theme] .kpi,
html[data-site-theme] .auth-card,
html[data-site-theme] .category-card,
html[data-site-theme] .guide-card,
html[data-site-theme] .event-card,
html[data-site-theme] .modal-card,
html[data-site-theme] .order-confirmation-card,
html[data-site-theme] .feature-card,
html[data-site-theme] .stock-card,
html[data-site-theme] .photo-card,
html[data-site-theme] .highlight-card,
html[data-site-theme] .it-card,
html[data-site-theme] .warranty-card,
html[data-site-theme] .table-panel,
html[data-site-theme] .list-panel,
html[data-site-theme] .detail-panel,
html[data-site-theme] .event-panel,
html[data-site-theme] .completion-panel,
html[data-site-theme] .batch-completion-panel,
html[data-site-theme] .import-panel,
html[data-site-theme] .oldest-panel,
html[data-site-theme] .version-panel,
html[data-site-theme] .email-order-summary,
html[data-site-theme] .recipient-summary,
html[data-site-theme] .complete-summary,
html[data-site-theme] .detail-summary,
html[data-site-theme] .user-summary,
html[data-site-theme] .branch-stat,
html[data-site-theme] [data-home-card]{
  background:linear-gradient(145deg,var(--theme-card) 0%,var(--theme-card-alt) 100%);
  border-color:var(--theme-line);
  box-shadow:0 8px 24px var(--theme-card-shadow);
}
html[data-site-theme] .panel-head,
html[data-site-theme] .panel-header,
html[data-site-theme] .card-head,
html[data-site-theme] .card-header,
html[data-site-theme] .feature-card-head,
html[data-site-theme] .branch-summary-head{
  background:linear-gradient(90deg,var(--theme-card-head),var(--theme-card));
  border-color:var(--theme-line);
  color:var(--theme-ink);
}
html[data-site-theme] .system>.icon,
html[data-site-theme] [data-home-card]>.icon,
html[data-site-theme] .system .open,
html[data-site-theme] [data-home-card] .open{
  background:var(--theme-accent)!important;
  border-color:var(--theme-accent)!important;
  color:#fff!important;
}
html[data-site-theme] .kpi,
html[data-site-theme] .branch-stat,
html[data-site-theme] .category-card,
html[data-site-theme] .highlight-card{
  border-top:3px solid var(--theme-accent);
}
html[data-site-theme] .card.active,
html[data-site-theme] .card.selected,
html[data-site-theme] .branch-stat.active,
html[data-site-theme] .branch-stat.selected,
html[data-site-theme] [data-home-card].active{
  border-color:var(--theme-accent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 22%,transparent),0 10px 26px var(--theme-card-shadow);
}
html[data-site-theme] .system h3,
html[data-site-theme] .card h3,
html[data-site-theme] .panel h3,
html[data-site-theme] .kpi strong,
html[data-site-theme] .category-card h3{
  color:var(--theme-ink);
}
html[data-site-theme] .system p,
html[data-site-theme] .card p,
html[data-site-theme] .panel p,
html[data-site-theme] .kpi small{
  color:var(--theme-muted);
}

@media(max-width:760px){
  html[data-site-theme] body>header{
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:12px;
  }
  html[data-site-theme] body>header>:first-child{
    grid-column:1;
    grid-row:1;
    justify-self:center;
    max-width:100%;
    text-align:center;
  }
  html[data-site-theme] body>header>:nth-child(2){
    grid-column:1;
    grid-row:2;
    justify-self:center;
    max-width:100%;
  }
  html[data-site-theme] body>header>:nth-child(n+3){
    grid-column:1;
  }
}
/* v43: lively per-card palette and larger account identity */
html[data-site-theme="classic"]{
  --home-color-1:#3b82f6;--home-color-2:#7c3aed;--home-color-3:#0f9f8f;
  --home-color-4:#d97706;--home-color-5:#16a34a;--home-color-6:#dc5a8a;
  --home-color-7:#0891b2;--home-color-8:#e76f51;--home-color-9:#6366f1;--home-color-10:#c13e69;--home-color-11:#0f8f82;--home-color-12:#2563eb;--home-color-13:#7c3aed;--home-color-14:#2563eb;--home-color-15:#9333ea;--home-color-16:#2f855a;
}
html[data-site-theme="ocean"]{
  --home-color-1:#0e7490;--home-color-2:#2563eb;--home-color-3:#14b8a6;
  --home-color-4:#8b5cf6;--home-color-5:#06a6c4;--home-color-6:#f97360;
  --home-color-7:#2f855a;--home-color-8:#d28a09;--home-color-9:#4f46e5;--home-color-10:#db4b72;--home-color-11:#0f9f8f;--home-color-12:#2563eb;--home-color-13:#8b5cf6;--home-color-14:#0e7490;--home-color-15:#3b6fb6;--home-color-16:#168a72;
}
html[data-site-theme="forest"]{
  --home-color-1:#2f855a;--home-color-2:#65a30d;--home-color-3:#0f766e;
  --home-color-4:#a16207;--home-color-5:#4d7c0f;--home-color-6:#b45309;
  --home-color-7:#7e5f3c;--home-color-8:#3f7a8a;--home-color-9:#7c3f73;--home-color-10:#a33c62;--home-color-11:#3c7f78;--home-color-12:#3b6f63;--home-color-13:#6b4a8f;--home-color-14:#4d7c0f;--home-color-15:#745b9e;--home-color-16:#397a52;
}
html[data-site-theme="sunset"]{
  --home-color-1:#e76f51;--home-color-2:#d97706;--home-color-3:#c2415d;
  --home-color-4:#8b5cf6;--home-color-5:#f59e0b;--home-color-6:#0f8b8d;
  --home-color-7:#ef6c57;--home-color-8:#6d597a;--home-color-9:#3b82a0;--home-color-10:#c2415d;--home-color-11:#0e8699;--home-color-12:#bc5a3c;--home-color-13:#7a4c9a;--home-color-14:#d97706;--home-color-15:#a8557a;--home-color-16:#6d8b4b;
}

html[data-site-theme="pink"]{
  --home-color-1:#db5f91;--home-color-2:#a85db7;--home-color-3:#ef7da2;
  --home-color-4:#845ec2;--home-color-5:#d65c78;--home-color-6:#bc5a89;
  --home-color-7:#9d4f9f;--home-color-8:#ea6f8e;--home-color-9:#7564c8;--home-color-10:#c83f75;--home-color-11:#c75a9d;--home-color-12:#9f4e7b;--home-color-13:#6f55b5;--home-color-14:#db5f91;--home-color-15:#8b5bbf;--home-color-16:#4c8a78;
}
html[data-site-theme="purple"]{
  --home-color-1:#7657b5;--home-color-2:#a855a8;--home-color-3:#6f61c7;
  --home-color-4:#b16b3a;--home-color-5:#5c78b8;--home-color-6:#bd5c95;
  --home-color-7:#7352a8;--home-color-8:#b55a7b;--home-color-9:#536bbf;--home-color-10:#9a4fa4;--home-color-11:#5f6db5;--home-color-12:#7a4fa1;--home-color-13:#b24f86;--home-color-14:#7657b5;--home-color-15:#b1539b;--home-color-16:#596fa8;
}

html[data-site-theme] [data-home-card]{--home-card-accent:var(--theme-accent)}
html[data-site-theme] [data-home-card="meeting-report"]{--home-card-accent:var(--home-color-1)}
html[data-site-theme] [data-home-card="case-tracker"]{--home-card-accent:var(--home-color-2)}
html[data-site-theme] [data-home-card="parts-operations"]{--home-card-accent:var(--home-color-3)}
html[data-site-theme] [data-home-card="ordering-operations"]{--home-card-accent:var(--home-color-4)}
html[data-site-theme] [data-home-card="erp-receiving"]{--home-card-accent:var(--home-color-5)}
html[data-site-theme] [data-home-card="arrivals"]{--home-card-accent:var(--home-color-6)}
html[data-site-theme] [data-home-card="business-admin"]{--home-card-accent:var(--home-color-7)}
html[data-site-theme] [data-home-card="plate-records"]{--home-card-accent:var(--home-color-8)}
html[data-site-theme] [data-home-card="google-ordering"]{--home-card-accent:var(--home-color-9)}
html[data-site-theme] [data-home-card="sales-operations"]{--home-card-accent:var(--home-color-10)}
html[data-site-theme] [data-home-card="store-sales-operations"]{--home-card-accent:var(--home-color-11)}
html[data-site-theme] [data-home-card="shipping-operations"]{--home-card-accent:var(--home-color-12)}
html[data-site-theme] [data-home-card="integration-api"]{--home-card-accent:var(--home-color-13)}
html[data-site-theme] [data-home-card="uniform-requirements"]{--home-card-accent:var(--home-color-14)}
html[data-site-theme] [data-home-card="quotations"]{--home-card-accent:var(--home-color-15)}
html[data-site-theme] [data-home-card="completed-products"]{--home-card-accent:var(--home-color-16)}

html[data-site-theme] [data-home-card]{
  --home-card-soft:color-mix(in srgb,var(--home-card-accent) 10%,#fff);
  --home-card-soft-2:color-mix(in srgb,var(--home-card-accent) 18%,#fff);
  --home-card-border:color-mix(in srgb,var(--home-card-accent) 36%,#fff);
  --home-card-deep:color-mix(in srgb,var(--home-card-accent) 58%,#102a43);
  background:linear-gradient(145deg,#fff 0%,var(--home-card-soft) 100%)!important;
  border-color:var(--home-card-border)!important;
  box-shadow:0 13px 34px color-mix(in srgb,var(--home-card-accent) 15%,transparent)!important;
}
html[data-site-theme] [data-home-card]:hover{
  border-color:color-mix(in srgb,var(--home-card-accent) 60%,#fff)!important;
  box-shadow:0 17px 38px color-mix(in srgb,var(--home-card-accent) 22%,transparent)!important;
}
html[data-site-theme] [data-home-card]>.icon,
html[data-site-theme] [data-home-card] .open{
  background:var(--home-card-accent)!important;
  border-color:var(--home-card-accent)!important;
  color:#fff!important;
}
html[data-site-theme] [data-home-card] h3{color:var(--home-card-deep)!important;font-size:23px}
html[data-site-theme] [data-home-card]>p{color:color-mix(in srgb,var(--home-card-deep) 72%,#64748b)!important;font-size:15px;line-height:1.55}
html[data-site-theme] [data-home-card] .features{font-size:14.5px;line-height:1.5}
html[data-site-theme] [data-home-card] .features li::marker{color:var(--home-card-accent)}
html[data-site-theme] [data-home-card] .status .dot{background:var(--home-card-accent)}
html[data-site-theme] [data-home-card] .hub-page-menu>.parts-suite-toggle{
  border-color:var(--home-card-border)!important;
  background:var(--home-card-soft-2)!important;
  color:var(--home-card-deep)!important;
  font-size:14px;
}
html[data-site-theme] [data-home-card] .hub-page-menu>.parts-suite-toggle:hover,
html[data-site-theme] [data-home-card] .hub-page-menu[open]>.parts-suite-toggle{
  border-color:var(--home-card-accent)!important;
  background:color-mix(in srgb,var(--home-card-accent) 25%,#fff)!important;
  color:var(--home-card-deep)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--home-card-accent) 20%,transparent)!important;
}
html[data-site-theme] [data-home-card] .hub-page-menu>.parts-subpages{
  border-color:var(--home-card-border)!important;
  background:color-mix(in srgb,var(--home-card-accent) 5%,#fff)!important;
  box-shadow:0 18px 42px color-mix(in srgb,var(--home-card-accent) 20%,transparent)!important;
}
html[data-site-theme] [data-home-card] .parts-subpage{
  border-color:var(--home-card-border)!important;
  background:linear-gradient(135deg,#fff,var(--home-card-soft))!important;
  color:var(--home-card-deep)!important;
  font-size:14px;
}
html[data-site-theme] [data-home-card] .parts-subpage small{
  color:color-mix(in srgb,var(--home-card-deep) 68%,#64748b)!important;
  font-size:12px;
}
html[data-site-theme] [data-home-card] .parts-subpage-arrow{color:var(--home-card-accent)!important}
html[data-site-theme] [data-home-card] .parts-subpage:hover{
  border-color:var(--home-card-accent)!important;
  background:var(--home-card-soft-2)!important;
  transform:translateX(2px);
}

html[data-site-theme] .header-account-menu>.account-trigger{
  width:220px!important;
  max-width:240px!important;
  min-height:62px!important;
  height:62px!important;
  padding:7px 14px!important;
  font-size:15.5px!important;
}
html[data-site-theme] .header-account-avatar{
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  border-width:3px!important;
  font-size:18px!important;
}
html[data-site-theme] .account-trigger-name{font-size:15.5px;font-weight:900;letter-spacing:.1px}
html[data-site-theme] .profile-avatar{
  flex-basis:82px!important;
  width:82px!important;
  height:82px!important;
  border-radius:22px!important;
  font-size:29px!important;
}
html[data-site-theme] .account-name{font-size:21px!important;font-weight:900}
html[data-site-theme] .account-username{font-size:13px!important}
html[data-site-theme] .system .open{font-size:14px}
html[data-site-theme] .system .icon{width:54px;height:54px;font-size:23px}

@media(max-width:760px){
  html[data-site-theme] .header-account-menu>.account-trigger{
    width:100%!important;
    max-width:none!important;
    min-height:58px!important;
    height:58px!important;
    font-size:14px!important;
  }
  html[data-site-theme] .header-account-avatar{
    flex-basis:42px!important;
    width:42px!important;
    height:42px!important;
    font-size:16px!important;
  }
  html[data-site-theme] .account-trigger-name{font-size:14px}
  html[data-site-theme] [data-home-card] h3{font-size:21px}
  html[data-site-theme] [data-home-card]>p{font-size:14px}
}
/* v44: readable selected states across every theme */
html[data-site-theme] .branch-stat.active,
html[data-site-theme] .branch-summary-card.active,
html[data-site-theme] .quick-filter.active,
html[data-site-theme] .view-mode-button.active,
html[data-site-theme] .filter-button.active,
html[data-site-theme] .tab-button.active,
html[data-site-theme] .mode-button.active,
html[data-site-theme] button.summary.active{
  color:var(--theme-ink)!important;
  background:var(--theme-card-head)!important;
  border-color:var(--theme-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 18%,transparent)!important;
}
html[data-site-theme] .branch-stat.active strong,
html[data-site-theme] .branch-stat.active small,
html[data-site-theme] .branch-summary-card.active strong,
html[data-site-theme] .branch-summary-card.active small{color:var(--theme-ink)!important}

/* v85: shared mobile alignment and calm focus treatment */
html[data-site-theme] button,html[data-site-theme] a,html[data-site-theme] summary,html[data-site-theme] input,html[data-site-theme] select,html[data-site-theme] textarea{-webkit-tap-highlight-color:transparent}
html[data-site-theme] button:focus:not(:focus-visible),html[data-site-theme] a:focus:not(:focus-visible),html[data-site-theme] summary:focus:not(:focus-visible){outline:0!important;box-shadow:none!important}
html[data-site-theme] dialog .header-link:focus-visible,html[data-site-theme] dialog .dialog-close:focus-visible,html[data-site-theme] dialog button[aria-label*="關閉"]:focus-visible{outline:0!important;border-color:rgba(255,255,255,.32)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)!important}
@media(max-width:1024px){html[data-site-theme] .header-account-dropdown{width:min(340px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}}
@media(max-width:760px){html[data-site-theme] dialog{box-sizing:border-box!important;width:calc(100vw - 12px)!important;max-width:none!important;max-height:calc(100dvh - 12px)!important;margin:6px!important}html[data-site-theme] dialog .dialog-head,html[data-site-theme] dialog .option-dialog-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:12px!important}html[data-site-theme] dialog .dialog-head>button,html[data-site-theme] dialog .option-dialog-head>button{width:auto!important;min-width:44px!important;max-width:132px!important;margin:0!important}html[data-site-theme] dialog input,html[data-site-theme] dialog select,html[data-site-theme] dialog textarea{box-sizing:border-box!important;width:100%!important;min-width:0!important}html[data-site-theme] .header-account-dropdown{position:fixed!important;right:12px!important;left:12px!important;top:max(74px,calc(env(safe-area-inset-top) + 64px))!important;width:auto!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important}}

/* 2026-08 unified interface polish */
@media screen {
  :root { --ui-font: Inter, Aptos, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif; }
  html, body, button, input, select, textarea { font-family: var(--ui-font); }
  body { color: #17324d; letter-spacing: .005em; }
  h1, h2, h3, h4 { color: inherit; letter-spacing: -.012em; line-height: 1.25; }
  button, .button, .button-link, a.btn, a.open, [role="button"] {
    border-radius: 9px; font-weight: 780; letter-spacing: .01em;
  }
  button:not(:disabled), .button:not(:disabled), .button-link, a.btn, a.open { cursor: pointer; }
  button:not(:disabled):active, .button:not(:disabled):active, .button-link:active { transform: translateY(0) scale(.985); }
  input, select, textarea {
    min-height: 38px; padding: 8px 10px; color: #17324d; box-shadow: inset 0 1px 2px rgba(18, 50, 79, .035);
  }
  input:focus, select:focus, textarea:focus { border-color: #4186ba; box-shadow: 0 0 0 3px rgba(45, 124, 182, .14); outline: 0; }
  label { color: #405b72; font-weight: 700; }
  .card, .panel, article, section.auth-card, .drawer-section, .company-panel { border-radius: 13px; }
  table { border-collapse: separate; border-spacing: 0; }
  thead th { font-size: 11px; font-weight: 850; letter-spacing: .025em; }
  tbody td { line-height: 1.45; }
  tbody tr { transition: background-color .14s ease; }
  tbody tr:hover { background-color: rgba(36, 126, 170, .045); }
  .status, .badge, .pill, [class*="status-badge"] { font-weight: 800; }
  .home-card-self-panel { max-width: 1120px; margin: 12px auto 0; padding: 14px; border: 1px solid #cfdce7; border-radius: 14px; background: rgba(255,255,255,.92); box-shadow: var(--ui-shadow); text-align: left; }
  .home-card-self-head, .home-card-permission-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
  .home-card-self-head h3, .home-card-permission-head h4 { margin:0; color:var(--ui-navy); }
  .home-card-self-head p, .home-card-permission-head p { margin:4px 0 0; color:var(--ui-muted); font-size:12px; }
  .home-card-self-close { display:grid; place-items:center; width:36px; height:36px; border:1px solid #cfdae3; background:#f4f8fb; color:var(--ui-navy); font-size:20px; }
  .home-card-self-actions, .home-card-permission-actions { display:flex; gap:7px; flex-wrap:wrap; margin:10px 0; }
  .home-card-self-actions button, .home-card-permission-actions button { min-height:34px; border:1px solid #c6d7e4; padding:6px 11px; background:#f4f8fb; color:var(--ui-navy); }
  .home-card-permission-section { margin-top:14px; padding-top:14px; border-top:1px solid #dbe5ec; }
  .home-card-permission-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:8px; }
  .home-card-toggle { display:flex; align-items:center; gap:9px; min-height:54px; margin:0; padding:9px 11px; border:1px solid #d5e1e9; border-radius:10px; background:#f8fbfd; color:var(--ui-navy); cursor:pointer; }
  .home-card-toggle:has(input:checked) { border-color:#77ab9b; background:#eff9f5; box-shadow:inset 3px 0 #278c71; }
  .home-card-toggle input { flex:0 0 auto; width:18px; height:18px; min-height:0; accent-color:#278c71; }
  .home-card-toggle span { display:grid; gap:2px; min-width:0; }
  .home-card-toggle b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
  .home-card-toggle small { color:var(--ui-muted); font-size:10px; }
  .home-card-self-footer { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:12px; }
  .home-visibility-button { background:#eef7f4; border-color:#bad7ce; color:#246d5a; }
  @media (max-width: 760px) {
    .home-card-self-panel { margin-inline:0; padding:11px; }
    .home-card-permission-grid { grid-template-columns:1fr; }
    .home-card-self-head, .home-card-permission-head { align-items:stretch; }
    .home-card-permission-head { flex-direction:column; }
    .home-card-self-footer { align-items:stretch; flex-direction:column; }
    .home-card-self-footer button { width:100%; }
  }
}

/* Explicit administrator home-card visibility controls */
@media screen {
  .home-card-mode-count { flex:0 0 auto; border-radius:999px; padding:5px 9px; background:#eaf4fb; color:#23658f; font-size:11px; font-weight:850; }
  .home-card-mode-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:8px; }
  .home-card-mode-row { display:grid; grid-template-columns:minmax(0,1fr) 92px; align-items:center; gap:10px; min-height:62px; margin:0; padding:9px 10px 9px 12px; border:1px solid #d5e1e9; border-radius:10px; background:#f8fbfd; }
  .home-card-mode-row span { display:grid; gap:2px; min-width:0; }
  .home-card-mode-row b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ui-navy); font-size:12px; }
  .home-card-mode-row small { color:var(--ui-muted); font-size:10px; }
  .home-card-mode-row select { width:92px; min-height:36px; padding:6px 28px 6px 9px; border-color:#b9cedd; background:#fff; color:var(--ui-navy); font-weight:800; }
  .home-card-mode-row:has(select[value="show"]) { border-left:4px solid #278c71; }
  .home-card-permission-section { order:-1; margin-top:4px; margin-bottom:14px; padding:14px; border:1px solid #c8dbe7; border-radius:12px; background:linear-gradient(145deg,#f8fcff,#f5faf8); }
  @media (max-width:760px) {
    .home-card-mode-grid { grid-template-columns:1fr; }
    .home-card-mode-row { grid-template-columns:minmax(0,1fr) 104px; }
    .home-card-mode-row select { width:104px; }
    .home-card-mode-count { align-self:flex-start; }
  }
}

/* v113: unified themed navigation and function buttons, including nested header navigation */
@media screen {
  html[data-site-theme] body > header nav,
  html[data-site-theme] body > header .header-actions,
  html[data-site-theme] body > .topbar > nav,
  html[data-site-theme] body > .app-header > nav,
  html[data-site-theme] body > .page-header > nav {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    flex-wrap:wrap!important;
  }

  html[data-site-theme] body > header nav > a,
  html[data-site-theme] body > header nav > button,
  html[data-site-theme] body > header .header-actions > a,
  html[data-site-theme] body > header .header-actions > button,
  html[data-site-theme] body > .topbar > nav > a,
  html[data-site-theme] body > .topbar > nav > button,
  html[data-site-theme] body > .app-header > nav > a,
  html[data-site-theme] body > .app-header > nav > button,
  html[data-site-theme] body > .page-header > nav > a,
  html[data-site-theme] body > .page-header > nav > button {
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:40px!important;
    margin:0!important;
    padding:8px 12px!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    font:800 12px/1.15 var(--ui-font,Inter,Aptos,"Segoe UI","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif)!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
  }

  html[data-site-theme] body > header nav > a:hover,
  html[data-site-theme] body > header nav > button:hover,
  html[data-site-theme] body > header .header-actions > a:hover,
  html[data-site-theme] body > header .header-actions > button:hover,
  html[data-site-theme] body > .topbar > nav > a:hover,
  html[data-site-theme] body > .topbar > nav > button:hover,
  html[data-site-theme] body > .app-header > nav > a:hover,
  html[data-site-theme] body > .app-header > nav > button:hover,
  html[data-site-theme] body > .page-header > nav > a:hover,
  html[data-site-theme] body > .page-header > nav > button:hover {
    border-color:rgba(255,255,255,.58)!important;
    background:rgba(255,255,255,.19)!important;
    transform:translateY(-1px);
  }

  html[data-site-theme] body > header nav > :is(a,button).active,
  html[data-site-theme] body > header nav > :is(a,button)[aria-current="page"],
  html[data-site-theme] body > header .header-actions > :is(a,button).active,
  html[data-site-theme] body > .topbar > nav > :is(a,button).active,
  html[data-site-theme] body > .app-header > nav > :is(a,button).active,
  html[data-site-theme] body > .page-header > nav > :is(a,button).active {
    border-color:color-mix(in srgb,var(--theme-accent) 65%,#fff)!important;
    background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-2))!important;
    color:#fff!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.16),0 6px 15px rgba(0,0,0,.13)!important;
  }

  html[data-site-theme] body > header nav > .icon-only,
  html[data-site-theme] body > header .header-actions > .icon-only,
  html[data-site-theme] body > .topbar > nav > .icon-only {
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    padding-inline:0!important;
  }

  html[data-site-theme] body > header nav > .work-home-name,
  html[data-site-theme] body > header .header-actions > .work-home-name,
  html[data-site-theme] body > .topbar > nav > .work-home-name {
    display:inline-flex!important;
    align-items:center!important;
    min-height:40px!important;
    max-width:230px!important;
    padding:8px 4px!important;
    color:rgba(255,255,255,.88)!important;
    font-size:12px!important;
    font-weight:800!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html[data-site-theme] body > header nav > .nav-divider,
  html[data-site-theme] body > .topbar > nav > .nav-divider {
    flex:0 0 1px!important;
    width:1px!important;
    height:28px!important;
    margin:0 2px!important;
    background:rgba(255,255,255,.30)!important;
  }

  html[data-site-theme] :is(button.secondary,.btn.secondary,a.secondary),
  html[data-site-theme] :is(button.primary,.btn.primary,a.primary) {
    border-color:transparent!important;
    color:#fff!important;
  }
  html[data-site-theme] :is(button.secondary,.btn.secondary,a.secondary) {
    background:var(--theme-accent-2)!important;
  }
  html[data-site-theme] :is(button.ghost,.btn.ghost,a.ghost) {
    border-color:var(--theme-line)!important;
    background:color-mix(in srgb,var(--theme-soft) 76%,#fff)!important;
    color:var(--theme-ink)!important;
  }
}

@media screen and (max-width:760px) {
  html[data-site-theme] body > header nav,
  html[data-site-theme] body > header .header-actions,
  html[data-site-theme] body > .topbar > nav,
  html[data-site-theme] body > .app-header > nav,
  html[data-site-theme] body > .page-header > nav {
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
  }
  html[data-site-theme] body > header nav > a:not(.icon-only),
  html[data-site-theme] body > header nav > button:not(.icon-only),
  html[data-site-theme] body > header .header-actions > a:not(.icon-only),
  html[data-site-theme] body > header .header-actions > button:not(.icon-only),
  html[data-site-theme] body > .topbar > nav > a:not(.icon-only),
  html[data-site-theme] body > .topbar > nav > button:not(.icon-only),
  html[data-site-theme] body > .app-header > nav > a:not(.icon-only),
  html[data-site-theme] body > .app-header > nav > button:not(.icon-only),
  html[data-site-theme] body > .page-header > nav > a:not(.icon-only),
  html[data-site-theme] body > .page-header > nav > button:not(.icon-only) {
    flex:1 1 132px!important;
    min-width:0!important;
    min-height:44px!important;
    white-space:normal!important;
  }
  html[data-site-theme] body > header nav > .work-home-name,
  html[data-site-theme] body > header .header-actions > .work-home-name,
  html[data-site-theme] body > .topbar > nav > .work-home-name {
    flex:1 1 100%!important;
    max-width:100%!important;
    justify-content:center!important;
    min-height:30px!important;
    padding:2px 4px!important;
  }
  html[data-site-theme] body > header nav > .nav-divider,
  html[data-site-theme] body > .topbar > nav > .nav-divider { display:none!important; }
}


/* header-overlap-fix-v3: shared desktop title and action alignment */
@media screen and (min-width:761px){
  html[data-site-theme] body>header:not(.hero){display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;align-items:center!important;gap:18px!important}
  html[data-site-theme] body>header:not(.hero)>:first-child{grid-column:1!important;justify-self:stretch!important;min-width:0!important;max-width:none!important;margin:0!important;text-align:center!important}
  html[data-site-theme] body>header:not(.hero)>:nth-child(2){grid-column:2!important;justify-self:end!important;min-width:0!important;margin:0!important}
  html[data-site-theme] body>header:not(.hero)>:is(nav,.header-actions,.actions){display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;max-width:min(72vw,1120px)!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html[data-site-theme] body>header:not(.hero)>:is(nav,.header-actions,.actions)::-webkit-scrollbar{display:none}
  html[data-site-theme] body>header:not(.hero)>:is(nav,.header-actions,.actions)>*{flex:0 0 auto!important;white-space:nowrap!important}
}
@media screen and (max-width:760px){
  html[data-site-theme] body>header:not(.hero)>:is(nav,.header-actions,.actions){display:flex!important;width:100%!important;max-width:100%!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html[data-site-theme] body>header:not(.hero)>:is(nav,.header-actions,.actions)::-webkit-scrollbar{display:none}
  html[data-site-theme] body>header:not(.hero)>:is(nav,.header-actions,.actions)>*{flex:0 0 auto!important;min-width:auto!important;white-space:nowrap!important}
}
/* header-button-width-fix-v117 */
@media screen {
  html[data-site-theme] body > header nav > .icon-only,
  html[data-site-theme] body > header .header-actions > .icon-only,
  html[data-site-theme] body > .topbar > nav > .icon-only,
  html[data-site-theme] body > .app-header > nav > .icon-only,
  html[data-site-theme] body > .page-header > nav > .icon-only {
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    height:auto!important;
    min-height:40px!important;
    padding:8px 12px!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  html[data-site-theme] body > header nav > .icon-only::before,
  html[data-site-theme] body > header .header-actions > .icon-only::before,
  html[data-site-theme] body > .topbar > nav > .icon-only::before,
  html[data-site-theme] body > .app-header > nav > .icon-only::before,
  html[data-site-theme] body > .page-header > nav > .icon-only::before {
    width:auto!important;
    height:auto!important;
    flex:0 0 auto!important;
    font-size:1em!important;
    line-height:1!important;
  }
  html[data-site-theme] body > .topbar > nav,
  html[data-site-theme] body > .app-header > nav,
  html[data-site-theme] body > .page-header > nav {
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
  }
}

/* page-navigation-menu-v126 */
html[data-site-theme] body>.page-nav-header-host{position:relative!important;overflow:visible!important;justify-content:center!important;text-align:center!important;padding-left:220px!important;padding-right:220px!important}
html[data-site-theme] body>.page-nav-header-host>:not(.page-nav-menu):not(.page-nav-original-source){text-align:center!important}
html[data-site-theme] body .page-nav-original-source{display:none!important}
html[data-site-theme] body .page-nav-floating{position:absolute!important;z-index:990!important;top:50%!important;right:max(16px,env(safe-area-inset-right))!important;display:block!important;width:auto!important;margin:0!important;color:var(--theme-ink,#17385f)!important;transform:translateY(-50%)!important}
html[data-site-theme] body .page-nav-menu>summary.page-nav-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:170px!important;min-height:46px!important;margin:0!important;padding:8px 13px!important;list-style:none!important;border:2px solid color-mix(in srgb,var(--theme-accent,#2f75b5) 58%,#fff)!important;border-radius:12px!important;background:#fff!important;color:var(--theme-ink,#17385f)!important;box-shadow:0 7px 20px #071a2d22!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap!important;cursor:pointer!important;user-select:none!important}
html[data-site-theme] body .page-nav-menu>summary.page-nav-trigger::-webkit-details-marker{display:none!important}
html[data-site-theme] body .page-nav-menu[open]>summary.page-nav-trigger{outline:3px solid color-mix(in srgb,var(--theme-accent,#2f75b5) 28%,transparent)!important}
html[data-site-theme] body .page-nav-trigger-icon{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:color-mix(in srgb,var(--theme-accent,#2f75b5) 14%,#fff)!important;color:var(--theme-accent,#2f75b5)!important;font-size:16px!important}
html[data-site-theme] body .page-nav-trigger-label{max-width:190px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html[data-site-theme] body .page-nav-chevron{margin-left:auto!important;color:var(--theme-accent,#2f75b5)!important;font-size:15px!important;transition:transform .16s ease}
html[data-site-theme] body .page-nav-menu[open] .page-nav-chevron{transform:rotate(180deg)}
html[data-site-theme] body .page-nav-dropdown{position:absolute!important;z-index:991!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;display:grid!important;gap:7px!important;width:min(350px,calc(100vw - 24px))!important;max-height:min(70vh,600px)!important;margin:0!important;padding:10px!important;overflow:auto!important;border:1px solid color-mix(in srgb,var(--theme-accent,#2f75b5) 30%,#d7e1e9)!important;border-radius:14px!important;background:var(--theme-card,#fff)!important;color:var(--theme-ink,#17385f)!important;box-shadow:0 20px 55px #071a2d42!important}
html[data-site-theme] body .page-nav-menu:not([open])>.page-nav-dropdown{display:none!important}
html[data-site-theme] body .page-nav-dropdown>:is(a,button){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;margin:0!important;padding:10px 12px!important;overflow:visible!important;border:1px solid var(--theme-border,#d4e0e8)!important;border-radius:10px!important;background:color-mix(in srgb,var(--theme-accent,#2f75b5) 4%,var(--theme-card,#fff))!important;color:var(--theme-ink,#17385f)!important;box-shadow:none!important;font-family:inherit!important;font-size:13px!important;font-weight:850!important;line-height:1.3!important;text-align:left!important;text-decoration:none!important;white-space:normal!important;cursor:pointer!important}
html[data-site-theme] body .page-nav-dropdown>:is(a,button)::before{display:inline-flex!important;flex:0 0 auto!important;font-size:16px!important}
html[data-site-theme] body .page-nav-dropdown>:is(a,button):hover,html[data-site-theme] body .page-nav-dropdown>:is(a,button):focus{border-color:var(--theme-accent,#2f75b5)!important;background:color-mix(in srgb,var(--theme-accent,#2f75b5) 11%,var(--theme-card,#fff))!important;outline:2px solid color-mix(in srgb,var(--theme-accent,#2f75b5) 22%,transparent)!important}
html[data-site-theme] body .page-nav-dropdown>.page-nav-current{border-color:var(--theme-accent,#2f75b5)!important;background:color-mix(in srgb,var(--theme-accent,#2f75b5) 17%,var(--theme-card,#fff))!important}
html[data-site-theme] body .page-nav-dropdown>:is(a,button)[hidden]{display:none!important}
@media(max-width:760px){html[data-site-theme] body>.page-nav-header-host{padding-left:12px!important;padding-right:12px!important;flex-direction:column!important}html[data-site-theme] body .page-nav-floating{position:relative!important;inset:auto!important;width:min(100%,360px)!important;margin:10px auto 0!important;transform:none!important;align-self:center!important}html[data-site-theme] body .page-nav-menu>summary.page-nav-trigger{width:100%!important;min-width:0!important;min-height:48px!important}html[data-site-theme] body .page-nav-dropdown{right:0!important;width:100%!important;max-height:60vh!important}}


/* page-navigation-links-v129 */
html[data-site-theme] body>.page-nav-header-host{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  overflow:visible!important;
  padding-left:16px!important;
  padding-right:16px!important;
  text-align:center!important;
}
html[data-site-theme] body>.page-nav-header-host>:not(.page-nav-original-source):not(.page-nav-links){
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
html[data-site-theme] body .page-nav-original-source{display:none!important}
html[data-site-theme] body .page-nav-links{
  position:static!important;
  z-index:auto!important;
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:min(100%,1500px)!important;
  max-width:100%!important;
  margin:6px auto 0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
}
html[data-site-theme] body .page-nav-links>:is(a,button){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:40px!important;
  height:auto!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid #ffffff66!important;
  border-radius:9px!important;
  background:#ffffff12!important;
  color:#fff!important;
  box-shadow:0 3px 10px #071a2d1f!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.25!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
  cursor:pointer!important;
}
html[data-site-theme] body .page-nav-links>:is(a,button):hover,
html[data-site-theme] body .page-nav-links>:is(a,button):focus{
  border-color:#fff!important;
  background:#ffffff24!important;
  outline:2px solid #ffffff42!important;
}
html[data-site-theme] body .page-nav-links>.page-nav-current{
  border-color:#fff!important;
  background:#fff!important;
  color:var(--theme-header,#17385f)!important;
}
@media(max-width:760px){
  html[data-site-theme] body>.page-nav-header-host{gap:7px!important;padding-left:10px!important;padding-right:10px!important}
  html[data-site-theme] body .page-nav-links{gap:6px!important;margin-top:4px!important}
  html[data-site-theme] body .page-nav-links>:is(a,button){min-height:38px!important;padding:7px 10px!important;font-size:11px!important}
}

/* page-navigation-centering-v129 */
html[data-site-theme] body>.page-nav-header-host .page-nav-links{
  align-self:center!important;
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
html[data-site-theme] body>.page-nav-header-host .page-nav-links>:is(a,button){
  float:none!important;
  text-align:center!important;
}

/* Global page-header centering v20260816130 */
:where(header, .app-header, .page-header, .topbar, .hero-header) {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
:where(header, .app-header, .page-header, .topbar, .hero-header) :where(.header-inner, .header-content, .header-main, .header-copy, .title-block, .brand-copy, .brand) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
  text-align: center !important;
  justify-items: center !important;
  align-items: center !important;
}
:where(header, .app-header, .page-header, .topbar, .hero-header) :where(h1, h2, .page-title, .subtitle, .page-subtitle) {
  margin-inline: auto !important;
  text-align: center !important;
}
:where(.page-nav-links),
:where(header, .app-header, .page-header, .topbar, .hero-header) :where(.header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) {
  position: static !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px auto 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;
  text-align: center !important;
  gap: 8px !important;
}
:where(.page-nav-links),
:where(header, .app-header, .page-header, .topbar, .hero-header) :where(.header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) :where(a, button, .btn) {
  float: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
@media (max-width: 760px) {
  :where(.page-nav-links),
:where(header, .app-header, .page-header, .topbar, .hero-header) :where(.header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) {
    width: 100% !important;
    padding-inline: 8px !important;
  }
}

/* Mobile header navigation: centred when it fits, one-row horizontal swipe when it overflows. */
@media (max-width: 760px) {
  :where(.page-nav-links),
  :where(header, .app-header, .page-header, .topbar, .hero-header) nav,
  :where(header, .app-header, .page-header, .topbar, .hero-header) :where(.header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: safe center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding: 4px 12px 8px !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  :where(.page-nav-links)::-webkit-scrollbar,
  :where(header, .app-header, .page-header, .topbar, .hero-header) nav::-webkit-scrollbar,
  :where(header, .app-header, .page-header, .topbar, .hero-header) :where(.header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools)::-webkit-scrollbar {
    display: none;
  }
  :where(.page-nav-links) > *,
  :where(header, .app-header, .page-header, .topbar, .hero-header) nav > *,
  :where(header, .app-header, .page-header, .topbar, .hero-header) :where(.header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) > * {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    scroll-snap-align: center;
  }
}

/* Three-row responsive page header: name, description, navigation. */
body > :where(header, .app-header, .page-header, .topbar, .hero-header) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: clamp(14px, 2vw, 24px) clamp(12px, 3vw, 36px) !important;
  text-align: center !important;
  gap: 0 !important;
}
body > :where(header, .app-header, .page-header, .topbar, .hero-header) > :where(.inner, .header-inner, .header-content, .header-main, .topbar-inner, .hero-inner) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  text-align: center !important;
}
body > :where(header, .app-header, .page-header, .topbar, .hero-header) > :where(div:first-child, .brand),
body > :where(header, .app-header, .page-header, .topbar, .hero-header) > :where(.inner, .header-inner, .header-content, .header-main, .topbar-inner, .hero-inner) > :where(div:first-child, .brand) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  text-align: center !important;
}
body > :where(header, .app-header, .page-header, .topbar, .hero-header) :where(h1, .page-title) {
  width: 100% !important;
  max-width: min(100%, 1100px) !important;
  margin: 0 auto !important;
  text-align: center !important;
  overflow-wrap: anywhere;
}
body > :where(header, .app-header, .page-header, .topbar, .hero-header) :where(.sub, .subtitle, .page-subtitle, .header-description, p) {
  width: 100% !important;
  max-width: min(100%, 1100px) !important;
  margin: 5px auto 0 !important;
  text-align: center !important;
  overflow-wrap: anywhere;
}
/* The signed-in work-home label belongs to the Work Hub homepage only. */
body > :where(header, .app-header, .page-header, .topbar, .hero-header) [data-work-home-name] {
  display: none !important;
}
body > :where(header, .app-header, .page-header, .topbar, .hero-header) > :where(nav, .header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools, div:last-child:not(:first-child)),
body > :where(header, .app-header, .page-header, .topbar, .hero-header) > :where(.inner, .header-inner, .header-content, .header-main, .topbar-inner, .hero-inner) > :where(nav, .header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) {
  position: static !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;
  order: 3 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  text-align: center !important;
}
body > :where(header, .app-header, .page-header, .topbar, .hero-header) :where(nav, .header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) > :where(a, button, .btn, .header-link, .header-button) {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: max-content !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}
@media (min-width: 761px) {
  body > :where(header, .app-header, .page-header, .topbar, .hero-header) :where(nav, .header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) {
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
}
@media (max-width: 760px) {
  body > :where(header, .app-header, .page-header, .topbar, .hero-header) {
    padding-inline: 10px !important;
  }
  body > :where(header, .app-header, .page-header, .topbar, .hero-header) > :where(nav, .header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools, div:last-child:not(:first-child)),
  body > :where(header, .app-header, .page-header, .topbar, .hero-header) > :where(.inner, .header-inner, .header-content, .header-main, .topbar-inner, .hero-inner) > :where(nav, .header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) {
    flex-wrap: nowrap !important;
    justify-content: safe center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 3px 10px 7px !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body > :where(header, .app-header, .page-header, .topbar, .hero-header) :where(nav, .header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools)::-webkit-scrollbar {
    display: none;
  }
  body > :where(header, .app-header, .page-header, .topbar, .hero-header) :where(nav, .header-actions, .header-buttons, .nav-buttons, .navigation, .actions, .tools) > * {
    scroll-snap-align: center;
  }
}
/* automatic-page-navigation-centering-v135
   Each page measures its own visible buttons. The navigation width therefore
   follows the current button count and is centred against the viewport. */
html[data-site-theme] body > :where(header, .topbar, .app-header, .page-header, .hero-header)[data-centered-navigation="true"] {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
html[data-site-theme] body > :where(header, .topbar, .app-header, .page-header, .hero-header)[data-centered-navigation="true"] > :not(.page-nav-original-source):not(.auto-centered-header-nav) {
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
html[data-site-theme] body .auto-centered-header-nav {
  position:static!important;
  inset:auto!important;
  float:none!important;
  transform:none!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:var(--measured-page-nav-width, max-content)!important;
  max-width:100%!important;
  min-width:0!important;
  margin:12px auto 0!important;
  padding:0!important;
  overflow:visible!important;
  gap:8px!important;
  text-align:center!important;
}
html[data-site-theme] body .auto-centered-header-nav > :is(a, button, .btn) {
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  margin:0!important;
  white-space:nowrap!important;
}
@media (max-width:760px) {
  html[data-site-theme] body .auto-centered-header-nav {
    width:min(100%, var(--measured-page-nav-width, 100%))!important;
    max-width:100%!important;
    justify-content:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:3px 8px 7px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
  }
  html[data-site-theme] body .auto-centered-header-nav.page-nav-needs-scroll {
    width:100%!important;
    justify-content:flex-start!important;
  }
  html[data-site-theme] body .auto-centered-header-nav::-webkit-scrollbar {
    display:none!important;
  }
}
/* polished-navigation-and-detected-title-centering-v136 */
html[data-site-theme] body > :where(header, .topbar, .app-header, .page-header, .hero-header)[data-centered-header-title="true"] {
  text-align:center!important;
}
html[data-site-theme] body > :where(header, .topbar, .app-header, .page-header, .hero-header)[data-centered-header-title="true"] .auto-centered-header-title-group {
  grid-column:1 / -1!important;
  justify-self:center!important;
  align-self:center!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
html[data-site-theme] body .auto-centered-header-title {
  display:block!important;
  width:var(--measured-header-title-width, max-content)!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance;
}
html[data-site-theme] body #hubTitle[data-auto-centered-home-title="true"] {
  display:block!important;
  width:var(--measured-header-title-width, max-content)!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance;
}
@media (min-width:761px) {
  html[data-site-theme] body > header[data-centered-header-title="true"]:has(> .header-tools) {
    padding-left:24px!important;
    padding-right:24px!important;
  }
}
@media (min-width:1051px) {
  html[data-site-theme] body > header[data-centered-header-title="true"]:has(> .header-tools) > .auto-centered-header-title-group {
    max-width:calc(100% - 620px)!important;
  }
}
html[data-site-theme] body .auto-centered-header-nav > :is(a, button, .btn) {
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:9px 14px!important;
  border:1px solid rgba(255,255,255,.46)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 3px 9px rgba(4,24,42,.16)!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  outline:0!important;
  transform:translateY(0)!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease!important;
}
html[data-site-theme] body .auto-centered-header-nav > :is(a, button, .btn):hover {
  border-color:rgba(255,255,255,.82)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.14))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 5px 13px rgba(4,24,42,.2)!important;
  transform:translateY(-1px)!important;
}
html[data-site-theme] body .auto-centered-header-nav > :is(a, button, .btn):active {
  border-color:rgba(255,255,255,.7)!important;
  background:rgba(255,255,255,.2)!important;
  color:#fff!important;
  box-shadow:inset 0 2px 5px rgba(4,24,42,.2)!important;
  transform:translateY(0)!important;
}
html[data-site-theme] body .auto-centered-header-nav > :is(a, button, .btn):focus-visible {
  border-color:#fff!important;
  color:#fff!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.3),0 5px 13px rgba(4,24,42,.2)!important;
}
html[data-site-theme] body .auto-centered-header-nav > .page-nav-current,
html[data-site-theme] body .auto-centered-header-nav > :is(a, button, .btn)[aria-current="page"] {
  border-color:rgba(255,255,255,.9)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.2))!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 4px 11px rgba(4,24,42,.18)!important;
}
html[data-site-theme] body .auto-centered-header-nav > :is(a, button, .btn):disabled {
  opacity:.48!important;
  cursor:not-allowed!important;
  transform:none!important;
}
/* responsive-navigation-wrap-v138 */
@media (min-width:761px) {
  html[data-site-theme] body .auto-centered-header-nav {
    flex-wrap:wrap!important;
    width:min(100%, var(--measured-page-nav-width, 100%))!important;
    max-width:calc(100vw - 32px)!important;
    overflow:visible!important;
  }
}
@media (max-width:760px) {
  html[data-site-theme] body .auto-centered-header-nav {
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
  }
  html[data-site-theme] body .auto-centered-header-nav > :is(a, button, .btn) {
    scroll-snap-align:center;
  }
}

/* compact-responsive-header-v141
   Shared rule: desktop title centred, account on the same row, compact spacing;
   mobile stacks account beneath title and keeps navigation horizontally scrollable. */
@media (min-width:761px) {
  html[data-site-theme] body > :where(header,.topbar,.app-header,.page-header,.hero-header)[data-centered-header-title="true"] {
    box-sizing:border-box!important;
    min-height:84px!important;
    height:auto!important;
    padding:10px 20px!important;
    row-gap:6px!important;
  }
  html[data-site-theme] body .auto-centered-header-title {
    font-size:29px!important;
    line-height:1.12!important;
  }
  html[data-site-theme] body .auto-centered-header-nav {
    margin-top:7px!important;
    gap:7px!important;
  }
  html[data-site-theme] body .auto-centered-header-nav > :is(a,button,.btn) {
    min-height:36px!important;
    padding:7px 12px!important;
  }
  html[data-site-theme] body > :where(header,.topbar,.app-header,.page-header,.hero-header)[data-centered-header-title="true"]:has(.header-account-menu) {
    position:relative!important;
  }
  html[data-site-theme] body > :where(header,.topbar,.app-header,.page-header,.hero-header)[data-centered-header-title="true"] .header-account-menu {
    align-self:center;
  }
}
@media (max-width:760px) {
  html[data-site-theme] body > :where(header,.topbar,.app-header,.page-header,.hero-header)[data-centered-header-title="true"] {
    box-sizing:border-box!important;
    min-height:0!important;
    height:auto!important;
    padding:12px 10px!important;
    row-gap:8px!important;
  }
  html[data-site-theme] body .auto-centered-header-title {
    font-size:24px!important;
    line-height:1.18!important;
  }
  html[data-site-theme] body .auto-centered-header-title-group {
    order:1!important;
  }
  html[data-site-theme] body .auto-centered-header-nav {
    order:3!important;
    margin-top:4px!important;
  }
  html[data-site-theme] body .header-account-menu {
    order:2!important;
    position:static!important;
    inset:auto!important;
    margin:2px auto 0!important;
    transform:none!important;
  }
}
/* floating-quick-shortcuts-v142 */
.ezy-floating-shortcuts{position:fixed;right:18px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 70px));z-index:9998;display:grid;justify-items:end;gap:9px;font-family:Arial,"Microsoft JhengHei",sans-serif}
.ezy-floating-shortcuts[hidden]{display:none!important}
.ezy-floating-shortcuts-menu{display:none;width:260px;max-height:min(460px,62vh);overflow:auto;padding:9px;border:1px solid var(--theme-border,#cbd9e4);border-radius:14px;background:color-mix(in srgb,var(--theme-card,#fff) 96%,transparent);box-shadow:0 18px 48px #071a2d38;backdrop-filter:blur(14px)}
.ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcuts-menu{display:grid;gap:7px;animation:ezy-shortcuts-in .16s ease-out}
.ezy-floating-shortcuts-title{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:4px 4px 7px;color:var(--theme-text,#17365d);font-size:12px;font-weight:900}
.ezy-floating-shortcuts-settings{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border:1px solid var(--theme-border,#cbd9e4);border-radius:8px;background:var(--theme-bg,#eef4f8);color:var(--theme-text,#17365d);text-decoration:none;font-size:11px;font-weight:850}
.ezy-floating-shortcut-link{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:48px;padding:7px 9px;border:1px solid var(--theme-border,#d3dfe8);border-radius:10px;background:var(--theme-card,#fff);color:var(--theme-text,#17365d);text-decoration:none;box-shadow:0 3px 10px #17365d0b}
.ezy-floating-shortcut-link:hover,.ezy-floating-shortcut-link:focus-visible{border-color:var(--theme-accent,#287fb4);background:color-mix(in srgb,var(--theme-accent,#287fb4) 8%,var(--theme-card,#fff));outline:0}
.ezy-floating-shortcut-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--theme-accent,#287fb4) 14%,var(--theme-card,#fff));color:var(--theme-accent,#287fb4);font-size:12px;font-weight:950}
.ezy-floating-shortcut-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850}.ezy-floating-shortcut-arrow{color:var(--theme-accent,#287fb4);font-size:18px;font-weight:900;text-align:center}
.ezy-floating-shortcuts-toggle{position:relative;display:grid;place-items:center;width:56px;height:56px;border:1px solid color-mix(in srgb,var(--theme-accent,#287fb4) 65%,#fff);border-radius:50%;background:linear-gradient(145deg,var(--theme-accent,#287fb4),var(--theme-accent-2,#7656a8));color:#fff;box-shadow:0 10px 28px #0929424a;font-size:23px;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.ezy-floating-shortcuts-toggle:hover{transform:translateY(-2px);box-shadow:0 13px 32px #09294258}.ezy-floating-shortcuts-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-accent,#287fb4) 35%,#fff);outline-offset:3px}
.ezy-floating-shortcuts-count{position:absolute;right:-2px;top:-3px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--theme-card,#fff);border-radius:999px;background:#d33d48;color:#fff;font-size:10px;font-weight:950}
@keyframes ezy-shortcuts-in{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.ezy-floating-shortcuts{right:12px;bottom:max(74px,calc(env(safe-area-inset-bottom) + 68px))}.ezy-floating-shortcuts-menu{width:min(300px,calc(100vw - 24px));max-height:58vh}.ezy-floating-shortcuts-toggle{width:54px;height:54px}}
@media print{.ezy-floating-shortcuts{display:none!important}}
/* theme-palette-refinement-v144 — 六套名稱不變，統一背景、卡片、表單、表格與狀態色 */
:root,html[data-site-theme="classic"]{
  --theme-header:#153a60;--theme-header-2:#285d89;--theme-accent:#2f7fbd;--theme-accent-2:#6b56a7;
  --theme-soft:#eaf3fb;--theme-bg:#f2f6fa;--theme-panel:#ffffff;--theme-line:#c8d8e5;--theme-ink:#18324b;--theme-muted:#62778a;
  --theme-card:#fbfdff;--theme-card-alt:#eef5fa;--theme-card-head:#e4eff7;--theme-card-shadow:#153a6017;
  --theme-field:#fbfdff;--theme-table-head:#205a88;--theme-row-hover:#eaf4fb;--theme-badge:#e1edf7;
  --theme-positive:#2d7b57;--theme-warning:#b86e19;--theme-negative:#b9434d;--theme-info:#2f7fbd;
}
html[data-site-theme="ocean"]{
  --theme-header:#075660;--theme-header-2:#087887;--theme-accent:#0f8f9f;--theme-accent-2:#2875aa;
  --theme-soft:#e6f7f8;--theme-bg:#eef8f9;--theme-panel:#ffffff;--theme-line:#bddde0;--theme-ink:#123d45;--theme-muted:#5c787e;
  --theme-card:#f9fefe;--theme-card-alt:#e4f4f5;--theme-card-head:#d9eef0;--theme-card-shadow:#0756601a;
  --theme-field:#fbffff;--theme-table-head:#087080;--theme-row-hover:#e2f5f6;--theme-badge:#d8eff1;
  --theme-positive:#28795b;--theme-warning:#b8741d;--theme-negative:#ba4554;--theme-info:#247aa5;
}
html[data-site-theme="forest"]{
  --theme-header:#24553e;--theme-header-2:#39735a;--theme-accent:#438565;--theme-accent-2:#7b8343;
  --theme-soft:#eaf6ed;--theme-bg:#f2f8f3;--theme-panel:#ffffff;--theme-line:#c7ddce;--theme-ink:#213e31;--theme-muted:#657a6c;
  --theme-card:#fbfefc;--theme-card-alt:#e7f3ea;--theme-card-head:#dcecdf;--theme-card-shadow:#24553e18;
  --theme-field:#fcfffd;--theme-table-head:#326c50;--theme-row-hover:#e7f4ea;--theme-badge:#dcecdf;
  --theme-positive:#2f7c52;--theme-warning:#af791d;--theme-negative:#b8484f;--theme-info:#39789a;
}
html[data-site-theme="sunset"]{
  --theme-header:#703d2b;--theme-header-2:#955638;--theme-accent:#c36a28;--theme-accent-2:#ad4f59;
  --theme-soft:#fff1e4;--theme-bg:#fff7f0;--theme-panel:#ffffff;--theme-line:#e8cfbb;--theme-ink:#4c3025;--theme-muted:#806b60;
  --theme-card:#fffdfb;--theme-card-alt:#ffeedf;--theme-card-head:#f8e1cf;--theme-card-shadow:#703d2b18;
  --theme-field:#fffdfb;--theme-table-head:#875037;--theme-row-hover:#fff0e3;--theme-badge:#f7e0cf;
  --theme-positive:#4d7b50;--theme-warning:#bd681b;--theme-negative:#b74650;--theme-info:#4b7594;
}
html[data-site-theme="pink"]{
  --theme-header:#7b3155;--theme-header-2:#aa4b78;--theme-accent:#cf578a;--theme-accent-2:#945bb7;
  --theme-soft:#ffedf5;--theme-bg:#fff6fa;--theme-panel:#ffffff;--theme-line:#e9c5d5;--theme-ink:#52233a;--theme-muted:#856476;
  --theme-card:#fffafd;--theme-card-alt:#ffe8f1;--theme-card-head:#f8dbe7;--theme-card-shadow:#7b31551a;
  --theme-field:#fffafd;--theme-table-head:#934062;--theme-row-hover:#ffebf3;--theme-badge:#f7dce7;
  --theme-positive:#37765a;--theme-warning:#aa711e;--theme-negative:#b73752;--theme-info:#6b67a9;
}
html[data-site-theme="purple"]{
  --theme-header:#4c3474;--theme-header-2:#704fa0;--theme-accent:#8059b5;--theme-accent-2:#b1539b;
  --theme-soft:#f4ecfb;--theme-bg:#f9f5fc;--theme-panel:#ffffff;--theme-line:#d7c8e6;--theme-ink:#39284f;--theme-muted:#766489;
  --theme-card:#fcfafe;--theme-card-alt:#efe5f8;--theme-card-head:#e6d7f2;--theme-card-shadow:#4c34741a;
  --theme-field:#fdfbff;--theme-table-head:#65478e;--theme-row-hover:#f1e8f8;--theme-badge:#e8dcf3;
  --theme-positive:#39755b;--theme-warning:#ad711e;--theme-negative:#b64158;--theme-info:#596fa8;
}
html[data-site-theme] :is(input,select,textarea){background-color:var(--theme-field);border-color:var(--theme-line);color:var(--theme-ink)}
html[data-site-theme] :is(input,select,textarea):focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 17%,transparent)}
html[data-site-theme] :is(.panel,.card,.system,.kpi,.summary-card,.modal-card,.dialog-card){background-color:var(--theme-card);border-color:var(--theme-line);box-shadow:0 8px 24px var(--theme-card-shadow)}
html[data-site-theme] :is(.panel-head,.card-head,.section-head,.table-toolbar){background-color:var(--theme-card-head)}
html[data-site-theme] :is(table,.data-table) thead :is(th,td){background-color:var(--theme-table-head);color:#fff}
html[data-site-theme] :is(table,.data-table) tbody tr:hover{background-color:var(--theme-row-hover)}
html[data-site-theme] :is(.badge,.pill,.chip,.status-pill){background-color:var(--theme-badge)}
html[data-site-theme] :is(.success,.status-success,.is-success){color:var(--theme-positive)}
html[data-site-theme] :is(.warning,.status-warning,.is-warning){color:var(--theme-warning)}
html[data-site-theme] :is(.danger,.error,.status-error,.is-error){color:var(--theme-negative)}
html[data-site-theme] :is(.info,.status-info,.is-info){color:var(--theme-info)}
html[data-site-theme] :is(button,.btn,.button,.nav-button,.action-button){transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease}
html[data-site-theme] :is(button,.btn,.button,.nav-button,.action-button):not(:disabled):active{transform:translateY(1px)}
/* floating-shortcuts-burst-v149 — 右下角固定，由按鈕中心炸裂展開 */
.ezy-floating-shortcuts{
  right:18px!important;
  left:auto!important;
  bottom:max(78px,calc(env(safe-area-inset-bottom) + 70px))!important;
  width:auto;
  justify-items:end!important;
  transform:none!important;
}
.ezy-floating-shortcuts-menu{transform-origin:calc(100% - 28px) calc(100% + 28px)}
.ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcuts-menu{
  animation:ezy-shortcuts-burst .3s cubic-bezier(.18,.89,.32,1.28) both!important;
}
.ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcut-link{
  animation:ezy-shortcut-particle .34s cubic-bezier(.18,.89,.32,1.28) both;
}
.ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcut-link:nth-of-type(1){animation-delay:.02s}
.ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcut-link:nth-of-type(2){animation-delay:.06s}
.ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcut-link:nth-of-type(3){animation-delay:.1s}
.ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcut-link:nth-of-type(4){animation-delay:.14s}
.ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcuts-toggle{animation:ezy-shortcuts-pulse .34s ease-out}
@keyframes ezy-shortcuts-burst{
  0%{opacity:0;transform:translate(96px,72px) scale(.18) rotate(9deg);filter:blur(5px)}
  68%{opacity:1;transform:translate(-5px,-4px) scale(1.035) rotate(-1deg);filter:blur(0)}
  100%{opacity:1;transform:none;filter:blur(0)}
}
@keyframes ezy-shortcut-particle{
  0%{opacity:0;transform:translate(112px,58px) scale(.28) rotate(10deg)}
  72%{opacity:1;transform:translate(-4px,-2px) scale(1.025) rotate(-1deg)}
  100%{opacity:1;transform:none}
}
@keyframes ezy-shortcuts-pulse{0%{transform:scale(1)}45%{transform:scale(.88)}75%{transform:scale(1.12)}100%{transform:scale(1)}}
@media(max-width:760px){
  .ezy-floating-shortcuts{
    right:12px!important;
    left:auto!important;
    bottom:max(74px,calc(env(safe-area-inset-bottom) + 68px))!important;
    width:auto;
    transform:none!important;
  }
  .ezy-floating-shortcuts-menu{width:min(300px,calc(100vw - 24px))!important;transform-origin:calc(100% - 27px) calc(100% + 27px)}
}
@media(prefers-reduced-motion:reduce){
  .ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcuts-menu,
  .ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcut-link,
  .ezy-floating-shortcuts[data-open="true"] .ezy-floating-shortcuts-toggle{animation:none!important}
}
/* system-settings-home-card-theme-v151 */
html[data-site-theme] [data-home-card="system-settings"]{--home-card-accent:var(--theme-accent)}

/* floating-theme-shortcuts-v154 */
.ezy-floating-shortcuts-menu{border-color:color-mix(in srgb,var(--theme-accent,#287fb4) 28%,var(--theme-line,#cbd9e4));background:color-mix(in srgb,var(--theme-card,#fff) 94%,var(--theme-accent,#287fb4) 6%)}
.ezy-floating-shortcuts-title{border-bottom:1px solid color-mix(in srgb,var(--theme-accent,#287fb4) 20%,var(--theme-line,#cbd9e4))}
.ezy-floating-theme-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:1px 0 2px}
.ezy-floating-theme-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 8px;border:1px solid var(--theme-border,#cbd9e4);border-radius:9px;background:var(--theme-card,#fff);color:var(--theme-text,#17365d);font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.ezy-floating-theme-button:hover,.ezy-floating-theme-button:focus-visible{border-color:var(--theme-accent,#287fb4);background:var(--theme-card-alt,#eef5fa);outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent,#287fb4) 16%,transparent)}
.ezy-floating-theme-swatch{display:block;flex:0 0 17px;width:17px;height:17px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--theme-border,#cbd9e4)}
.ezy-floating-theme-swatch.classic{background:linear-gradient(135deg,#153a60 50%,#2f7fbd 50%)}.ezy-floating-theme-swatch.ocean{background:linear-gradient(135deg,#075660 50%,#0f8f9f 50%)}.ezy-floating-theme-swatch.forest{background:linear-gradient(135deg,#24553e 50%,#438565 50%)}.ezy-floating-theme-swatch.sunset{background:linear-gradient(135deg,#703d2b 50%,#c36a28 50%)}.ezy-floating-theme-swatch.pink{background:linear-gradient(135deg,#7b3155 50%,#cf578a 50%)}.ezy-floating-theme-swatch.purple{background:linear-gradient(135deg,#4c3474 50%,#8059b5 50%)}
html[data-site-theme] .ezy-floating-shortcut-link{border-color:color-mix(in srgb,var(--theme-accent,#287fb4) 18%,var(--theme-line,#d3dfe8));background:var(--theme-card,#fff)}
/* floating-shortcuts-mobile-solid-surface-v173
   iOS Safari must render the shortcut drawer as a fully opaque themed surface. */
@media(max-width:760px){
  .ezy-floating-shortcuts-menu{
    isolation:isolate;
    overflow-x:hidden;
    overscroll-behavior:contain;
    border:2px solid var(--theme-line,#cbd9e4)!important;
    background:var(--theme-card,#fff)!important;
    background-color:var(--theme-card,#fff)!important;
    opacity:1!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 18px 46px rgba(7,26,45,.34)!important;
  }
  .ezy-floating-shortcuts-menu::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:inherit;
    background:var(--theme-card,#fff);
    pointer-events:none;
  }
  .ezy-floating-shortcuts-title,
  .ezy-floating-theme-shortcuts,
  .ezy-floating-shortcut-link{position:relative;z-index:1}
  .ezy-floating-shortcuts-title{
    margin:-9px -9px 2px;
    padding:10px 11px 9px;
    border-radius:12px 12px 0 0;
    background:var(--theme-card-head,var(--theme-card,#fff));
  }
  .ezy-floating-theme-shortcuts{
    padding:7px;
    border:1px solid var(--theme-line,#cbd9e4);
    border-radius:11px;
    background:var(--theme-card-alt,#eef5fa);
  }
  .ezy-floating-theme-button,
  .ezy-floating-shortcut-link{background-color:var(--theme-card,#fff)!important}
}
.ezy-floating-page-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;padding-top:9px;border-top:1px solid var(--theme-border,#d3dfe8)}
.ezy-floating-page-controls button{min-height:38px;border:1px solid var(--theme-border,#d3dfe8);border-radius:9px;background:color-mix(in srgb,var(--theme-accent,#287fb4) 10%,var(--theme-card,#fff));color:var(--theme-text,#17365d);font-weight:850;cursor:pointer}
.ezy-floating-page-controls button:hover,.ezy-floating-page-controls button:focus-visible{border-color:var(--theme-accent,#287fb4);background:color-mix(in srgb,var(--theme-accent,#287fb4) 18%,var(--theme-card,#fff));outline:0}