/*! © 2026 Smart Navigator. All rights reserved. Work Hub Platform developed by ANGUS CHEN since July 2026. */
:root{--navy:#16324f;--blue:#2878b5;--teal:#178c86;--bg:#eef3f7;--ink:#213547;--line:#d7e2ea;--green:#2f7a3e;--red:#a61b1b;--amber:#a76000;--muted:#6a7d8f}
    *{box-sizing:border-box}
    body{margin:0;min-height:100vh;background:linear-gradient(150deg,#eef4f8 0%,#f8fafc 60%,#e8f2f1 100%);font:15px/1.5 "Segoe UI",Arial,sans-serif;color:var(--ink)}
    button,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}
    header{position:relative;background:var(--navy);color:#fff;padding:24px 330px 24px 190px;text-align:center;min-height:100px;display:grid;place-items:center}
    header h1{margin:0;font-size:27px;letter-spacing:.3px}header p{margin:4px 0 0;opacity:.72;font-size:13px}
    .header-tools{position:absolute;right:28px;top:29px;display:flex;align-items:center;gap:8px}.account-trigger,.company-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;border:1px solid #ffffff55;background:#ffffff16;color:#fff;border-radius:9px;padding:10px 14px;font-weight:750;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger::before{content:"◎";display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin:0;font-size:17px;line-height:1}.company-trigger::before{content:"✉";display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin:0;font-size:16px;line-height:1}
    .account-trigger.signed-in{background:#fff;color:var(--navy)}
    .account-trigger.signed-in::before{display:none}.header-account-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;overflow:hidden;border:2px solid #d7e5ef;border-radius:50%;background:linear-gradient(145deg,#dceaf5,#e9e1f3);color:var(--navy);font-size:14px;font-weight:900}.header-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}.account-trigger-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .company-trigger[hidden]{display:none!important}
    main{max-width:1180px;margin:0 auto;padding:42px 24px}.intro{text-align:center;margin-bottom:28px}.intro h2{font-size:26px;color:var(--navy);margin:0 0 7px}.intro p{color:var(--muted);margin:0}
    .permission-summary{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:10px}.permission-pill{border-radius:999px;padding:4px 9px;background:#e7eef4;color:#627687;font-size:11px;font-weight:750}.permission-pill.active{background:#dff1e2;color:#2f6c2c}
    .systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.system{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 35px #16324f12;display:flex;flex-direction:column;min-height:255px}.system[hidden]{display:none}.system.locked{opacity:.72}.icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;margin-bottom:16px}.case .icon{background:var(--blue)}.pick-pack .icon{background:#7656a8}.warehouse .icon{background:var(--teal)}.erp .icon{background:#b66a18;font-size:15px}.plates .icon{background:#c3562c}.system h3{font-size:21px;margin:0 0 6px;color:var(--navy)}.system p{color:var(--muted);margin:0 0 15px}.features{margin:0 0 22px;padding-left:20px;color:#40576c;flex:1}.features li{margin:5px 0}
    .footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.open{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#fff;padding:10px 16px;border-radius:8px;font-weight:750;border:0}.case .open{background:var(--blue)}.case .open.history{background:#e7f2fb;color:var(--navy)}.pick-pack .open{background:#7656a8}.warehouse .open{background:var(--teal)}.erp .open{background:#b66a18}.plates .open{background:#c3562c}.production-suite .icon,.production-suite .open{background:#2878b5}.open.locked-link{background:#dbe3e9;color:#647687}.with-icon{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;text-align:center;vertical-align:middle}.with-icon::before{content:attr(data-icon);display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.15em;width:1.15em;height:1.15em;margin:0;font-size:1.08em;line-height:1;font-weight:900;text-align:center}.icon-only{display:inline-flex!important;align-items:center;justify-content:center;text-align:center;vertical-align:middle;width:38px;min-width:38px;height:38px;padding:0!important;font-size:0!important;line-height:1}.icon-only::before{content:attr(data-icon);display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;font-size:19px;line-height:1;font-weight:900;text-align:center}.with-icon:focus-visible,.icon-only:focus-visible{outline:3px solid #82b8df;outline-offset:2px}.status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:#a8b3bd}.status.online .dot{background:var(--green);box-shadow:0 0 0 4px #dff1e2}.status.offline .dot{background:var(--red);box-shadow:0 0 0 4px #f5dddd}.note{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 16px;color:var(--muted);font-size:13px;text-align:center}
    .pick-pack .open.history{background:#eee8f7;color:#4f3874}.pick-pack .open.history.locked-link{background:#dbe3e9;color:#647687}
    .ordering-suite{border-color:#ead4ba;background:linear-gradient(145deg,#fff 0%,#fffaf4 100%)}.ordering-suite .parts-suite-menu{margin-top:14px;border-top:1px solid #ead8c2;padding-top:14px}.ordering-suite .parts-suite-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border-color:#e2bd90;background:#fff0df;color:#7a430b}.ordering-suite .parts-suite-toggle:hover{background:#ffe5c7}.ordering-suite .parts-subpage{border-color:#ead8c2;color:#674018}.ordering-suite .parts-subpage:hover{border-color:#d69b57;background:#fff7ed}.ordering-suite .parts-subpage-arrow{color:#b66a18}.ordering-suite-status{justify-content:flex-end}
    .hub-page-menu{position:relative;margin:0!important;border:0!important;padding:0!important}.hub-page-menu>.parts-suite-toggle{display:flex;align-items:center;justify-content:center;width:auto;min-height:40px;padding:9px 13px;border:1px solid #d4c5e7;border-radius:8px;background:#f2ecf9;color:#573c7e;white-space:nowrap}.hub-page-menu>.parts-subpages{position:absolute;left:0;top:calc(100% + 8px);z-index:60;width:360px;padding:8px;border:1px solid #d9cdea;border-radius:11px;background:#fff;box-shadow:0 16px 42px #17365d2b}.hub-page-menu:not([open])>.parts-subpages{display:none}.hub-page-menu[open]>.parts-suite-toggle{box-shadow:0 0 0 3px #7656a822}.ordering-suite .hub-page-menu>.parts-subpages{right:0;left:auto;border-color:#ead1b4}.ordering-suite .hub-page-menu[open]>.parts-suite-toggle{box-shadow:0 0 0 3px #b66a1822}.system:has(.hub-page-menu[open]){position:relative;z-index:25}
    .ordering-suite{position:relative}.ordering-suite .hub-page-menu{position:relative}.ordering-suite .hub-page-menu>.parts-suite-toggle{border-color:#d99a55;background:#fff0df;color:#874b0b}.ordering-suite .hub-page-menu>.parts-suite-toggle:hover{background:#ffe2bf}.ordering-suite .hub-page-menu[open]>.parts-suite-toggle{border-color:#bf6d14;background:#ffe8cc;color:#713b05}.ordering-suite .hub-page-menu>.parts-subpages{right:auto;left:0;top:calc(100% + 8px);width:360px;grid-template-columns:1fr;gap:8px;border-color:#e4bd91;background:#fffaf4}.ordering-suite .parts-subpage{height:auto;min-height:54px}.ordering-suite .parts-subpage>span:first-child{display:block;min-width:0}.ordering-suite .parts-subpage small{line-height:1.35}
    .warehouse-suite{position:relative;border-color:#b8dcda;background:linear-gradient(145deg,#fff 0%,#f3fbfa 100%)}.warehouse-suite .hub-page-menu>.parts-suite-toggle{border-color:#9dcfcb;background:#e5f7f5;color:#146c67}.warehouse-suite .hub-page-menu>.parts-suite-toggle:hover{background:#d8f1ef}.warehouse-suite .hub-page-menu[open]>.parts-suite-toggle{border-color:#178c86;background:#d8f1ef;color:#0f5d59;box-shadow:0 0 0 3px #178c8622}.warehouse-suite .hub-page-menu>.parts-subpages{border-color:#b8dcda;background:#f8fffe}.warehouse-suite .parts-subpage{border-color:#c8e3e0;color:#174d4a}.warehouse-suite .parts-subpage:hover{border-color:#5cb6b0;background:#eaf8f7}.warehouse-suite .parts-subpage-arrow{color:#178c86}.parts-suite{border-color:#d9cceb;background:linear-gradient(145deg,#fff 0%,#fbf8ff 100%)}.parts-suite .features{margin-bottom:16px}.parts-suite-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.parts-suite-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.parts-suite-toggle{border:1px solid #d4c5e7;border-radius:8px;padding:10px 14px;background:#f2ecf9;color:#573c7e;font-weight:800}.parts-suite-toggle::-webkit-details-marker{display:none}.parts-suite-toggle::marker{content:""}.parts-suite-menu{margin-top:14px;border-top:1px solid #e2d8ee;padding-top:14px}.parts-suite-menu[open] .parts-suite-chevron{transform:rotate(180deg)}.parts-suite-chevron{display:inline-block;margin-left:5px;transition:transform .18s ease}.parts-subpages{display:grid;grid-template-columns:1fr;gap:8px}.parts-subpage{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:10px 12px;border:1px solid #dfd5eb;border-radius:10px;background:#fff;color:#3d2b59;text-decoration:none;font-weight:800}.parts-subpage:hover{border-color:#aa8ccc;background:#f7f2fc}.parts-subpage small{display:block;margin-top:2px;color:#7a6c8d;font-size:11px;font-weight:650}.parts-subpage-arrow{flex:0 0 auto;color:#7656a8;font-size:18px}.parts-subpage.locked-link{background:#eef2f5;color:#71808c;border-color:#dbe3e9}.parts-subpage[hidden]{display:none}.parts-subpages.admin-subpage-sort{padding-top:42px;position:relative}.parts-subpages.admin-subpage-sort::before{content:"管理者：拖曳排序；右側可切換清單／首頁卡片";position:absolute;top:8px;left:12px;right:12px;color:#65788b;font-size:11px;font-weight:800;text-align:center}.parts-subpage.admin-sortable{position:relative;padding-left:54px;padding-right:132px}.subpage-drag-handle{position:absolute;left:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:36px;border:1px solid currentColor;border-radius:9px;background:#fff;color:inherit;cursor:grab;font-size:20px;font-weight:900;line-height:1;touch-action:none;user-select:none;box-shadow:0 3px 9px #183a5814}.subpage-drag-handle:hover,.subpage-drag-handle:focus-visible{background:#edf5fa;outline:3px solid #2f75b526}.subpage-drag-handle:active{cursor:grabbing}.subpage-placement-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:none;min-width:112px;min-height:36px;padding:6px 9px;border:1px solid #b9a4d5;border-radius:9px;background:#f1eafa;color:#573c7e;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.admin-subpage-sort .subpage-placement-toggle{display:inline-flex;align-items:center;justify-content:center}.subpage-placement-toggle.is-card{border-color:#5aa8a2;background:#e5f7f5;color:#126b67}.subpage-promoted-source{border-style:dashed!important}.parts-subpage.subpage-dragging{z-index:2;opacity:.55;transform:scale(.985);box-shadow:0 10px 24px #1539552b}.parts-subpage.subpage-drop-target{border-color:#2f75b5!important;background:#edf7fd!important}.promoted-subpage-card{border-color:#b9d8dc;background:linear-gradient(145deg,#fff,#f0faf9)}.promoted-subpage-card .icon,.promoted-subpage-card .open{background:linear-gradient(135deg,#178c86,#2f75b5)}.promoted-subpage-card .features{margin-bottom:16px}.promoted-subpage-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e5f7f5;color:#126b67;font-size:10px;font-weight:900;white-space:nowrap}.promoted-subpage-card[data-subpage-placement-mode="card"]::after{content:"由分頁選項提升";position:absolute;right:16px;bottom:13px;color:#6c8291;font-size:9px;font-weight:800}.systems.home-layout-editing .promoted-subpage-card{min-height:255px}
    .drawer-backdrop{position:fixed;inset:0;background:#071a2da8;backdrop-filter:blur(2px);z-index:90;display:none}.drawer-backdrop.open{display:block}.account-drawer{--account-navy:#123a60;--account-blue:#2f75b5;--account-purple:#7656a8;--account-green:#2f7a4d;--account-red:#a61b1b;position:fixed;right:0;top:0;bottom:0;width:min(530px,100vw);background:linear-gradient(180deg,#eaf1f7 0%,#f8fafc 42%,#f3eff9 100%);z-index:100;box-shadow:-18px 0 65px #071a2d55;transform:translateX(102%);transition:transform .2s ease;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.account-drawer.open{transform:translateX(0)}.drawer-head{flex:0 0 auto;width:100%;min-height:86px;background:linear-gradient(120deg,#102f50 0%,#235f8e 58%,#7151a3 100%);color:#fff;padding:20px 24px;border-bottom:1px solid #ffffff30;box-shadow:0 7px 22px #123a6030;display:flex;align-items:center;justify-content:space-between}.drawer-head h2{margin:0;font-size:20px;letter-spacing:.2px}.drawer-close{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #ffffff55;background:#ffffff18;color:#fff;border-radius:10px;font-size:21px;line-height:1;width:41px;height:41px;padding:0}.drawer-close:hover{background:#ffffff2e}.drawer-body{flex:1 1 auto;width:100%;min-height:0;padding:20px 22px;overflow:auto;scrollbar-gutter:stable;background:radial-gradient(circle at 100% 0,#7656a80c,transparent 34%),linear-gradient(180deg,#f1f6fa,#f8fafc 48%,#f5f1f9)}.auth-card{background:#fff;border:1px solid #cbd9e5;border-top:4px solid var(--account-blue);border-radius:12px;padding:16px;margin-bottom:13px;box-shadow:0 7px 20px #123a600d}.auth-card:nth-child(even){border-top-color:var(--account-purple)}.auth-card h3{margin:0 0 5px;color:var(--account-navy);font-size:17px}.auth-card p{margin:0 0 13px;color:#607589;font-size:13px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#405a70;margin-bottom:4px}input{width:100%;border:1px solid #b6c8d8;border-radius:7px;padding:9px 10px;background:#fbfdff;color:var(--ink)}input:hover{border-color:#86a9c7}input:focus{outline:3px solid #2f75b526;border-color:var(--account-blue);background:#fff}.auth-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid transparent;border-radius:7px;padding:9px 12px;font-weight:750}.primary{background:var(--account-blue);color:#fff}.primary:hover{background:#245f93}.secondary{background:var(--account-purple);color:#fff}.secondary:hover{background:#5e4489}.ghost{background:#e7eef5;color:var(--account-navy);border-color:#d2dee8}.ghost:hover{background:#dbe7f0}.danger{background:#fff0f0;color:#94151b;border-color:#f1c9cb}.danger:hover{background:#f9dddd}.message{font-size:12px;color:var(--muted);margin-top:8px;min-height:18px}.message.error{color:var(--account-red)}.message.ok{color:var(--account-green)}
    .user-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.active-mark,.inactive-mark{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.active-mark{color:#24623e;background:#e0f2e7}.inactive-mark{color:#8f171d;background:#fae3e4}.permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.permission-section{margin-top:14px;padding:11px;border:1px solid #d4e0ea;border-radius:9px;background:#f3f7fb}.permission-section.page-permissions{border-color:#ddd2eb;background:#f6f2fa}.permission-section h4{margin:0 0 7px;color:var(--account-navy);font-size:13px}.permission-section.page-permissions h4{color:#5d4388}.permission-check{display:flex;align-items:center;gap:7px;border:1px solid #d6e0e8;border-radius:7px;padding:8px;background:#fff;color:#40576b;font-size:12px;font-weight:650}.permission-check:has(input:checked),.permission-check.granted{border-color:#9fcab0;background:#e9f5ed;color:#245e3b}.permission-check.denied{background:#f2f5f7;color:#7b8995}.permission-check input{width:16px;height:16px;margin:0;accent-color:var(--account-purple)}.account-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:9px;background:linear-gradient(120deg,#edf5fb,#f4eff9)}.account-name{font-weight:800;color:var(--account-navy)}.account-username{font:12px Consolas,monospace;color:var(--muted)}.manage-toggle{margin-top:12px;width:100%}
    .user-management-shell{margin-top:13px}.user-management-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 9px}.user-management-head h3{margin:0;color:var(--account-navy);font-size:16px}.user-head-tools{display:flex;align-items:center;gap:7px}.user-sort{width:auto;min-width:116px;border:1px solid #c4d2de;border-radius:7px;padding:6px 28px 6px 8px;background:#fff;color:var(--account-navy);font-size:11px;font-weight:750}.user-management-count{border-radius:999px;padding:4px 9px;background:#e9e2f3;color:#5d4388;font-size:11px;font-weight:800;white-space:nowrap}.user-list{display:grid;gap:8px}.user-accordion{overflow:hidden;background:#fff;border:1px solid #cbd9e5;border-radius:11px;box-shadow:0 5px 16px #123a600b}.user-accordion[open]{border-color:#9cb8cf;box-shadow:0 9px 24px #123a6017}.user-accordion.create-user{border-color:#cbbbe1}.user-summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto 22px;gap:11px;align-items:center;min-height:72px;padding:10px 12px;cursor:pointer;list-style:none;background:#fff}.user-summary::-webkit-details-marker{display:none}.user-summary:hover{background:#f5f9fc}.user-accordion[open]>.user-summary{background:linear-gradient(110deg,#edf5fb,#f5f0fa);border-bottom:1px solid #d5e0e8}.user-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#dceaf5;color:var(--account-navy);font-size:18px;font-weight:900}.create-user .user-avatar{background:#e9e1f3;color:#5d4388}.user-summary-text{min-width:0}.user-summary-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--account-navy);font-size:14px;font-weight:850}.user-summary-username{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7e8d;font:11px Consolas,monospace;margin-top:2px}.user-summary-meta{display:flex;align-items:flex-end;gap:5px;flex-direction:column}.user-permission-count{color:#718291;font-size:10px;font-weight:750;white-space:nowrap}.user-chevron{display:grid;place-items:center;color:#7656a8;font-size:17px;transition:transform .16s ease}.user-accordion[open] .user-chevron{transform:rotate(180deg)}.user-detail{padding:14px}.user-detail .auth-actions{padding-top:3px;border-top:1px solid #e3eaf0}.user-list-empty{padding:18px;text-align:center;border:1px dashed #b9c9d6;border-radius:10px;color:var(--muted);background:#ffffffaa}
    .login-audit-list{display:grid;gap:8px;margin-top:10px}.login-audit-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(170px,1fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid #d6e0e8;border-radius:8px;background:#f8fbfd;font-size:13px}.login-audit-name{font-weight:800;color:var(--account-navy)}.login-audit-time{color:#607589;text-align:right}.login-audit-empty{padding:22px;text-align:center;color:var(--muted)}
    .company-dialog{width:min(920px,96vw);max-height:90vh;border:0;border-radius:15px;padding:0;box-shadow:0 22px 75px #071a2d77;color:var(--ink)}.company-dialog::backdrop{background:#071a2dbb;backdrop-filter:blur(2px)}.company-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;background:linear-gradient(125deg,#123a60,#245d8b 72%,#178c86);color:#fff}.company-dialog-head h2{margin:0;font-size:20px}.company-dialog-close{width:40px;height:40px;padding:0;border:1px solid #ffffff55;border-radius:8px;background:#ffffff18;color:#fff;font-size:22px}.company-dialog-body{padding:18px;max-height:69vh;overflow:auto}.company-tabs{display:flex;gap:7px;margin-bottom:14px;padding:5px;border-radius:10px;background:#e8eff4}.company-tab{flex:1;border:0;border-radius:7px;padding:10px 12px;background:transparent;color:#536b7e;font-weight:800}.company-tab.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px #16324f18}.company-directory-note{margin:0 0 12px;color:var(--muted);font-size:12px}.company-message{min-height:18px;margin-bottom:8px;color:var(--muted);font-size:12px}.company-message.error{color:var(--red)}.company-message.ok{color:var(--green)}.directory-list{display:grid;gap:9px}.directory-row{display:grid;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#f8fbfd}.directory-row.contact-row{grid-template-columns:minmax(160px,.7fr) minmax(260px,1.3fr) auto}.directory-row.branch-row{grid-template-columns:80px minmax(145px,.85fr) minmax(150px,1fr) minmax(230px,1.25fr) auto}.directory-row input{min-width:0}.directory-value{min-width:0;overflow-wrap:anywhere}.directory-value b{color:var(--navy)}.directory-value a{color:#0b639f;text-decoration:none}.directory-value a:hover{text-decoration:underline}.state-group{border:1px solid var(--line);border-radius:11px;padding:11px;background:#f7fafc}.state-group h3{margin:0 0 8px;color:var(--navy);font-size:15px}.state-group+.state-group{margin-top:10px}.directory-delete{width:36px;height:36px;padding:0;border-radius:7px;background:#fff0f0;color:#94151b}.company-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 17px;border-top:1px solid var(--line);background:#f8fafc}.company-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.company-updated{color:var(--muted);font-size:11px}.company-save{background:var(--teal);color:#fff}.company-add{background:#e7eef5;color:var(--navy)}
    .company-directory-list,.branch-directory{display:grid;gap:9px}.company-edit-row{display:grid;align-items:end;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#f8fbfd}.company-edit-row.contact-row{grid-template-columns:minmax(145px,.8fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(220px,1.2fr) auto}.company-edit-row.branch-row{grid-template-columns:minmax(145px,.85fr) minmax(150px,1fr) minmax(230px,1.25fr) auto}.company-read-row{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(0,1.2fr);gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#f8fbfd}.company-read-row a{color:#0b639f;text-decoration:none;overflow-wrap:anywhere}.branch-state-group{border:1px solid var(--line);border-radius:11px;padding:11px;background:#f7fafc}.branch-state-group h3{margin:0 0 8px;color:var(--navy);font-size:15px}.branch-state-group+.branch-state-group{margin-top:10px}.branch-read-row{grid-template-columns:minmax(145px,.8fr) minmax(145px,.8fr) minmax(0,1.4fr)}.company-remove{width:36px;height:36px;padding:0;border:0;border-radius:7px;background:#fff0f0;color:#94151b;font-size:20px}.company-empty{padding:24px;text-align:center;color:var(--muted)}
    .company-row-order{display:flex;align-items:center;gap:5px}.company-move{width:34px;height:36px;padding:0;border:1px solid #c8d5df;border-radius:7px;background:#eaf1f6;color:var(--navy);font-size:17px;font-weight:900}.company-move:disabled{opacity:.35;cursor:not-allowed}
    .version-dialog{width:min(820px,96vw);max-height:90vh;border:0;border-radius:15px;padding:0;box-shadow:0 22px 75px #071a2d77;color:var(--ink)}.version-dialog::backdrop{background:#071a2dbb;backdrop-filter:blur(2px)}.version-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;background:linear-gradient(125deg,#123a60,#245d8b 66%,#7656a8);color:#fff}.version-dialog-head h2{margin:0;font-size:20px}.version-dialog-close{width:40px;height:40px;padding:0;border:1px solid #ffffff55;border-radius:8px;background:#ffffff18;color:#fff;font-size:22px}.version-dialog-body{padding:18px;max-height:73vh;overflow:auto;background:#f5f8fb}.version-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:13px 15px;border:1px solid #c9d8e4;border-radius:11px;background:#fff}.version-current-label{color:var(--muted);font-size:12px}.version-current{color:var(--navy);font-size:20px;font-weight:900}.version-admin-note{padding:5px 9px;border-radius:999px;background:#ebe3f5;color:#60438d;font-size:11px;font-weight:850;white-space:nowrap}.version-list{display:grid;gap:12px}.version-entry{overflow:hidden;border:1px solid #d3dee8;border-radius:12px;background:#fff;box-shadow:0 5px 17px #123a600b}.version-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e3eaf0;background:linear-gradient(110deg,#edf5fb,#f7f3fb)}.version-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.version-number{padding:4px 8px;border-radius:999px;background:#173f66;color:#fff;font:800 12px Consolas,monospace}.version-latest{padding:3px 7px;border-radius:999px;background:#dff1e2;color:#27633b;font-size:10px;font-weight:900}.version-entry h3{margin:0;color:var(--navy);font-size:16px}.version-date{color:var(--muted);font-size:12px;white-space:nowrap}.version-entry-body{padding:13px 15px}.version-type{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:6px;background:#e7eef5;color:#385874;font-size:11px;font-weight:850}.version-changes{margin:0;padding-left:20px;color:#40576c}.version-changes li+li{margin-top:5px}.version-areas{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.version-area{padding:4px 7px;border:1px solid #d6e0e8;border-radius:999px;background:#f6f9fb;color:#607589;font-size:10px;font-weight:750}.version-empty{padding:34px;text-align:center;color:var(--muted)}
    .feature-library{margin-bottom:20px}.feature-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.feature-library-head h3,.version-section-title{margin:0;color:var(--navy);font-size:17px}.feature-library-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.feature-library-badge{padding:4px 8px;border-radius:999px;background:#dff1e2;color:#27633b;font-size:10px;font-weight:900;white-space:nowrap}.feature-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-card{padding:12px 13px;border:1px solid #d5dfe8;border-left:4px solid #7656a8;border-radius:10px;background:#fff;box-shadow:0 4px 14px #123a6009}.feature-card:first-child{border-left-color:#2f75b5;background:linear-gradient(120deg,#edf6fc,#fff 56%)}.feature-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.feature-card h4{margin:0;color:var(--navy);font-size:14px}.feature-scope{padding:3px 6px;border-radius:999px;background:#edf2f6;color:#607589;font-size:9px;font-weight:850;white-space:nowrap}.feature-card p{margin:5px 0 8px;color:#52687a;font-size:11px}.feature-items{margin:0;padding-left:18px;color:#40576c;font-size:11px}.feature-items li+li{margin-top:3px}.version-section-title{margin:4px 0 10px;padding-top:16px;border-top:1px solid #d8e2ea}
    .version-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:14px;padding:5px;border:1px solid #d4dee7;border-radius:11px;background:#e8eff4}.version-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:0;border-radius:8px;background:transparent;color:#52697d;font-weight:850}.version-tab.active{background:#fff;color:var(--navy);box-shadow:0 3px 10px #17365d18}.version-tab-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#dce7ef;color:#4e6679;font-size:10px}.version-tab.active .version-tab-count{background:#e9e1f3;color:#60438d}.version-panel[hidden]{display:none}.version-panel .feature-library{margin-bottom:0}
    @media(max-width:760px){header{padding:22px 20px 132px}.header-tools{right:50%;top:auto;bottom:18px;transform:translateX(50%);width:calc(100% - 28px);justify-content:center}.account-trigger,.company-trigger{min-height:44px}.systems{grid-template-columns:1fr}main{padding-top:30px}.system{min-height:auto}.parts-suite-footer{align-items:stretch;flex-direction:column}.parts-suite-actions{display:grid;grid-template-columns:1fr}.hub-page-menu{width:100%}.hub-page-menu>.parts-suite-toggle{width:100%;min-height:44px}.hub-page-menu>.parts-subpages{right:auto;left:0;width:min(360px,calc(100vw - 60px))}.ordering-suite .hub-page-menu>.parts-subpages{right:0;left:0;width:auto;grid-template-columns:1fr}.auth-grid{grid-template-columns:1fr}.full{grid-column:auto}.directory-row.contact-row,.directory-row.branch-row,.company-edit-row.contact-row,.company-edit-row.branch-row,.company-read-row,.branch-read-row{grid-template-columns:1fr}.company-dialog-actions{align-items:stretch;flex-direction:column}.company-action-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.company-action-buttons button{min-height:44px}}
    html[data-device="mobile"] body{font-size:15px}
    html[data-device="mobile"] header{padding:20px 16px 132px;text-align:center}
    html[data-device="mobile"] header h1{font-size:24px}
    html[data-device="mobile"] header p{font-size:12px}
    html[data-device="mobile"] .header-tools{right:50%;top:auto;bottom:18px;transform:translateX(50%);width:calc(100% - 24px);justify-content:center}
    html[data-device="mobile"] .account-trigger,html[data-device="mobile"] .company-trigger{min-width:0;min-height:44px}
    html[data-device="mobile"] main{padding:24px 12px}
    html[data-device="mobile"] .intro{margin-bottom:18px}
    html[data-device="mobile"] .intro h2{font-size:22px}
    html[data-device="mobile"] .systems{grid-template-columns:1fr;gap:12px}
    html[data-device="mobile"] .system{min-height:0;padding:18px}
    html[data-device="mobile"] .features{margin-bottom:16px}
    html[data-device="mobile"] .footer-row{align-items:stretch;flex-direction:column}
    html[data-device="mobile"] .footer-links{display:grid;grid-template-columns:1fr}
    html[data-device="mobile"] .open{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
    html[data-device="mobile"] .status{justify-content:flex-end}
    html[data-device="mobile"] .note{margin-top:14px;overflow-wrap:anywhere}
    html[data-device="mobile"] .account-drawer{width:100vw}
    html[data-device="mobile"] .drawer-body{padding:14px}
    html[data-device="mobile"] .auth-card{padding:14px}
    html[data-device="mobile"] .auth-grid,html[data-device="mobile"] .permissions,html[data-device="mobile"] .login-audit-row{grid-template-columns:1fr}
    html[data-device="mobile"] .user-summary{grid-template-columns:38px minmax(0,1fr) 20px;gap:8px;padding:9px 10px}
    html[data-device="mobile"] .user-summary-meta{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:-5px}
    html[data-device="mobile"] .user-chevron{grid-column:3;grid-row:1/3}
    html[data-device="mobile"] .user-detail{padding:12px}
    html[data-device="mobile"] .user-management-head{align-items:stretch;flex-direction:column}
    html[data-device="mobile"] .user-head-tools{justify-content:space-between}
    html[data-device="mobile"] .user-sort{flex:1;min-height:40px}
    html[data-device="mobile"] input{min-height:44px;font-size:16px}
    html[data-device="mobile"] .btn{min-height:44px}
    html[data-device="mobile"] .icon-only{min-width:44px;width:44px;height:44px}
    .account-drawer{padding:0!important}
    .drawer-head{position:relative;justify-content:center;text-align:center}
    .drawer-head h2{width:100%;text-align:center}
    .drawer-close{position:absolute;right:22px;top:50%;transform:translateY(-50%)}
    .account-profile{display:flex;align-items:center;gap:10px;min-width:0}
    .profile-avatar,.user-avatar{overflow:hidden}
    .profile-avatar{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border:3px solid #fff;border-radius:18px;background:linear-gradient(145deg,#dceaf5,#e9e1f3);box-shadow:0 5px 16px #123a6028;color:var(--account-navy);font-size:23px;font-weight:900}
    .profile-avatar img,.user-avatar img{width:100%;height:100%;display:block;object-fit:cover}
    .profile-avatar-actions{display:flex;gap:7px;margin:8px 0 2px}
    .profile-avatar-actions .btn{flex:1;padding:7px 9px;font-size:12px}
    .avatar-dialog{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 20px);border:0;border-radius:16px;padding:0;overflow:hidden;color:var(--ink);background:#f8fafc;box-shadow:0 24px 75px #071a2d77}.avatar-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
    .avatar-dialog::backdrop{background:#071a2dc0;backdrop-filter:blur(3px)}
    .avatar-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;color:#fff;background:linear-gradient(120deg,#102f50,#235f8e 60%,#7151a3)}
    .avatar-dialog-head h2{margin:0;font-size:18px}.avatar-dialog-close{width:38px;height:38px;padding:0;border:1px solid #ffffff55;border-radius:9px;background:#ffffff18;color:#fff;font-size:20px}
    .avatar-dialog-body{min-height:0;padding:18px;overflow:auto}.avatar-help{margin:0 0 12px;text-align:center;color:#607589;font-size:12px}
    .avatar-stage{position:relative;display:grid;place-items:center;width:100%;padding:14px;border-radius:14px;background:linear-gradient(145deg,#dbe7f0,#eee8f6);box-shadow:inset 0 0 0 1px #cbd8e3}.avatar-stage::after{content:"拖曳照片調整位置";position:absolute;left:50%;bottom:20px;transform:translateX(-50%);padding:5px 9px;border-radius:999px;background:#102f50c9;color:#fff;font-size:10px;font-weight:800;white-space:nowrap;pointer-events:none}
    .avatar-canvas{display:block;width:min(400px,100%);height:auto;border:5px solid #fff;border-radius:50%;background:#dfe7ee;box-shadow:0 10px 30px #102f5045;cursor:grab;touch-action:none;user-select:none}
    .avatar-canvas.dragging{cursor:grabbing}.avatar-zoom-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:15px}.avatar-zoom-row label{margin:0;color:var(--account-navy)}
    .avatar-zoom-row input{padding:0;accent-color:var(--account-purple)}.avatar-zoom-value{min-width:38px;color:#5d4388;font-size:12px;font-weight:850;text-align:right}.avatar-move-note{margin:7px 0 0;text-align:center;color:#718291;font-size:11px}
    .avatar-dialog-actions{position:sticky;bottom:0;z-index:3;display:flex;justify-content:center;gap:8px;padding:13px 18px;border-top:1px solid #d6e0e8;background:#fff;box-shadow:0 -5px 18px #102f5012}.avatar-dialog-actions .btn{min-width:96px}
    .header-tools .account-trigger,.header-tools .company-trigger,.header-tools .language-trigger{width:180px;height:52px;min-height:52px;padding:8px 14px}
    .language-trigger{border:1px solid #ffffff55;background:#ffffff16;color:#fff;border-radius:9px;font-weight:800;text-align:center}
    .language-trigger option{color:#17365d;background:#fff}
    @media(min-width:761px) and (max-width:1050px){header{padding-bottom:88px}.header-tools{top:auto;bottom:18px}}
    @media(max-width:420px){.drawer-close{right:14px}.drawer-head h2{font-size:18px}.profile-avatar-actions{flex-direction:column}}
    @media(max-width:760px){.avatar-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);margin:6px auto}.avatar-dialog-body{max-height:none;padding:13px;overflow:auto}.avatar-stage{padding:9px}.avatar-canvas{width:min(82vw,340px)}.avatar-zoom-row input{min-height:44px}.avatar-dialog-actions{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px max(10px,env(safe-area-inset-bottom))}.avatar-dialog-actions .btn{min-height:46px}.avatar-dialog-actions .btn:last-child{grid-column:1/-1;background:var(--account-blue);color:#fff}}
    @media(max-width:760px){.header-tools .account-trigger,.header-tools .company-trigger,.header-tools .language-trigger{flex:1 1 0;width:0;min-width:0;max-width:none;height:52px;padding:6px}}
    html[data-device="mobile"] .header-tools .account-trigger,html[data-device="mobile"] .header-tools .company-trigger,html[data-device="mobile"] .header-tools .language-trigger{flex:1 1 0;width:0;min-width:0;max-width:none;height:52px;padding:6px}html[data-device="mobile"] .header-account-avatar{flex-basis:34px;width:34px;height:34px}
    .company-action-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid transparent;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:850;line-height:1;box-shadow:0 4px 12px #16324f12;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
    .company-action-buttons button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px #16324f20;filter:saturate(1.06)}.company-action-buttons button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
    #addCompanyEntry{border-color:#b7d4ea;background:#e6f2fb;color:#145b8d}#importCompanyDirectory{border-color:#d4c5e8;background:#f0eaf8;color:#62418e}#exportCompanyDirectory{border-color:#b8dedb;background:#e6f5f3;color:#126c67}#saveCompanyDirectory{border-color:#2f7a4d;background:linear-gradient(120deg,#2f7a4d,#218866);color:#fff}
    .company-row-order{padding:3px;border:1px solid #d5e0e8;border-radius:10px;background:#edf3f7}.company-move,.company-remove{display:inline-grid!important;place-items:center!important;width:36px;height:36px;min-width:36px;padding:0;border-radius:8px;line-height:1;transition:transform .14s ease,background .14s ease,border-color .14s ease}.company-move{border:1px solid #bfd0dd;background:#fff;color:#17476d;font-size:16px}.company-move:hover:not(:disabled){transform:translateY(-1px);border-color:#82aac7;background:#e8f3fa}.company-remove{border:1px solid #efc2c5;background:#fff1f1;color:#a61b1b;font-size:20px}.company-remove:hover{transform:translateY(-1px);border-color:#dc9297;background:#f9dddd}.company-move:disabled{opacity:.3;background:#eef2f5;cursor:not-allowed}
    @media(max-width:760px){.company-action-buttons button{width:100%;min-height:46px}.company-row-order{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.company-move,.company-remove{width:100%;height:42px}.version-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.version-dialog-body{max-height:calc(100dvh - 82px);padding:12px}.version-summary,.version-entry-head,.feature-library-head{align-items:flex-start;flex-direction:column}.version-date{white-space:normal}.feature-library-grid{grid-template-columns:1fr}}
    .home-layout-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.home-layout-tools[hidden],.home-layout-tools>button[hidden],.home-layout-tools>select[hidden]{display:none!important}.home-layout-target-group{min-height:38px;max-width:220px;border:1px solid #c8d7e3;border-radius:9px;padding:8px 30px 8px 11px;background:#fff;color:var(--navy);font-weight:800}.home-layout-button,.home-layout-reset{min-height:38px;border:1px solid #c8d7e3;border-radius:9px;padding:8px 13px;background:#fff;color:var(--navy);font-weight:850;box-shadow:0 3px 10px #16324f0d}.home-layout-button.active{border-color:#7656a8;background:#7656a8;color:#fff}.home-layout-reset{background:#f3eef9;color:#5d4388;border-color:#d9cbea}.home-layout-status{min-width:88px;color:var(--muted);font-size:11px;font-weight:750}.system[data-home-card]{position:relative;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,outline-color .16s ease}.systems.home-layout-editing .system[data-home-card]:not([hidden]){outline:2px dashed #9b83c2;outline-offset:-5px;box-shadow:0 14px 36px #5d43881c}.home-card-controls{position:absolute;z-index:4;top:12px;right:12px;display:none;align-items:center;gap:4px;padding:4px;border:1px solid #d5c8e7;border-radius:10px;background:#fffffff2;box-shadow:0 5px 16px #193d6420}.systems.home-layout-editing .home-card-controls{display:flex}.home-card-control{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border:0;border-radius:7px;padding:0;background:#edf3f7;color:var(--navy);font-size:16px;font-weight:900}.home-card-return-subpage{display:inline-flex;width:auto;min-width:0;padding:0 10px;background:#e5f7f5;color:#126b67;font-size:10px;white-space:nowrap}.home-card-category-select{max-width:138px;height:34px;border:1px solid #cbbce0;border-radius:7px;padding:4px 7px;background:#fff;color:#4f367b;font:inherit;font-size:11px;font-weight:800}.home-card-control:hover{background:#e5dcf1;color:#5d4388}.home-card-return-subpage:hover{background:#d2efec;color:#0d5b57}.home-card-drag{cursor:move;background:#7656a8;color:#fff;font-size:21px}.home-card-drag:active{cursor:grabbing}.system.home-card-dragging{opacity:.48;transform:scale(.985)}.system.home-card-drop-target{outline-color:#2f75b5!important;background:#f7fbff}.home-category-grid.home-card-grid-drop-target{min-height:92px;outline:2px dashed #2f75b5;outline-offset:-7px;background:#eef7fd}.home-layout-editing .system[data-home-card]>h3{padding-right:265px}
    @media(max-width:760px){.home-layout-tools{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.home-layout-status{grid-column:1/-1;text-align:center}.home-layout-button,.home-layout-reset{min-height:44px}.home-card-controls{position:static;display:none!important;justify-content:center;margin:-4px 0 12px;padding:5px}.systems.home-layout-editing .home-card-controls{display:flex!important}.home-layout-editing .system[data-home-card]>h3{padding-right:0}.home-card-control{width:44px;height:40px}.home-card-drag{cursor:move}}    .header-tools{z-index:75}.header-account-menu{position:relative}.header-account-menu>summary{list-style:none}.header-account-menu>summary::-webkit-details-marker{display:none}.header-account-menu>summary::after{content:"⌄";flex:0 0 auto;margin-left:2px;color:currentColor;font-size:13px;transition:transform .18s ease}.header-account-menu[open]>summary::after{transform:rotate(180deg)}.header-account-dropdown{position:absolute;right:0;top:calc(100% + 9px);display:grid;gap:7px;width:260px;padding:9px;border:1px solid #cdd9e3;border-radius:12px;background:#fff;color:var(--navy);box-shadow:0 18px 46px #071a2d45}.header-account-action,.header-language-field{width:100%;min-height:46px;border:1px solid #d8e3eb;border-radius:9px;background:#f7fafc;color:var(--navy)}.header-account-action{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;font-weight:850}.header-account-action:hover{border-color:#91b4ce;background:#eaf4fa}.header-account-action.logout-action{border-color:#efc6c9;background:#fff5f5;color:#9f2525}.header-account-action.logout-action:hover{border-color:#dc9398;background:#ffe7e7}.header-account-action>span:first-child{display:grid;place-items:center;width:24px;color:#356f99;font-size:16px}.header-account-action[hidden]{display:none!important}.header-login-box{display:grid;gap:8px;padding:10px;border:1px solid #d8e3eb;border-radius:9px;background:#f7fafc}.header-login-box[hidden]{display:none!important}.header-login-title{font-size:13px;font-weight:900;text-align:center}.header-login-box label{display:grid;gap:4px;color:#526b80;font-size:11px;font-weight:800;text-align:left}.header-login-box input{width:100%;height:38px;min-width:0;padding:7px 9px;border:1px solid #c7d8e4;border-radius:8px;background:#fff;color:var(--navy);font:inherit}.header-login-box input:focus{outline:2px solid #5c91b8;outline-offset:1px}.header-login-submit{min-height:40px;border:0;border-radius:8px;background:var(--navy);color:#fff;font-weight:900;cursor:pointer}.header-login-submit:disabled{opacity:.55;cursor:wait}.header-login-message{min-height:14px;color:#a22f36;font-size:10px;text-align:center}.header-login-message.ok{color:#28764a}.header-language-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px 7px 12px;margin:0;font-size:12px;font-weight:850}.header-account-menu .language-trigger{width:100%;height:36px;min-height:36px;padding:5px 7px;border-color:#c4d4df;background:#fff;color:var(--navy);font-size:12px}.business-suite{position:relative;border-color:#bed8cd;background:linear-gradient(145deg,#fff 0%,#f5fbf7 100%)}.business-suite .icon{background:#34785b}.business-suite .open{background:#34785b}.business-suite .hub-page-menu>.parts-suite-toggle{border-color:#b8d7c8;background:#eaf6f0;color:#276348}.business-suite .hub-page-menu[open]>.parts-suite-toggle{border-color:#34785b;background:#dff1e8;color:#21543e;box-shadow:0 0 0 3px #34785b22}.business-suite .hub-page-menu>.parts-subpages{border-color:#b8d7c8;background:#f8fdfa}.business-suite .parts-subpage{border-color:#c9e1d6;color:#234f3b}.business-suite .parts-subpage:hover{border-color:#6eaa8e;background:#edf8f2}.business-suite .parts-subpage-arrow{color:#34785b}@media(max-width:760px){.header-account-menu{width:min(300px,calc(100vw - 28px))}.header-account-menu>.account-trigger{width:100%!important;max-width:none}.header-account-dropdown{right:0;width:100%}}html[data-device="mobile"] .header-account-menu{width:min(300px,calc(100vw - 24px))}html[data-device="mobile"] .header-account-menu>.account-trigger{width:100%!important;max-width:none}.sales-suite{position:relative;border-color:#e8b9c7;background:linear-gradient(145deg,#fff 0%,#fff7fa 100%)}.sales-suite .icon{background:#c13e69}.sales-suite .open{background:#c13e69}.sales-suite .hub-page-menu>.parts-suite-toggle{border-color:#e2afbf;background:#fff0f5;color:#8d294b}.sales-suite .hub-page-menu[open]>.parts-suite-toggle{border-color:#c13e69;background:#ffe4ee;color:#7b203f;box-shadow:0 0 0 3px #c13e6922}.sales-suite .hub-page-menu>.parts-subpages{border-color:#e8b9c7;background:#fff9fb}.sales-suite .parts-subpage{border-color:#edcad5;color:#6f2942}.sales-suite .parts-subpage:hover{border-color:#cf7291;background:#fff0f5}.sales-suite .parts-subpage-arrow{color:#c13e69}  .uniform-suite{border-color:#9fcbd3;background:linear-gradient(145deg,#fff 0%,#f1fbfc 100%)}.uniform-suite .icon,.uniform-suite .open{background:#247f8c}.uniform-suite .open:hover{background:#1b6974}.uniform-suite{border-color:#b8d4e3;background:linear-gradient(145deg,#f4fbff,#eaf4fb)}.uniform-suite .home-card-icon{background:linear-gradient(135deg,#247f8c,#173e64)}.uniform-suite .primary-action{background:#247f8c}.uniform-suite .secondary-action{border-color:#97c1ce;background:#e7f6f8}.uniform-suite .uniform-footer-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.uniform-suite .uniform-open-button{display:inline-flex!important;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important;min-height:46px;padding:11px 20px;border-radius:10px;background:#247f8c!important;color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 6px 16px #247f8c2b;position:relative;z-index:3}.uniform-suite .uniform-open-button:hover{background:#1b6974!important;transform:translateY(-1px)}@media(max-width:760px){.uniform-suite .uniform-footer-row{align-items:stretch;flex-direction:column}.uniform-suite .uniform-open-button{width:100%}.uniform-suite .uniform-footer-row .status{align-self:flex-end}}
/*! © 2026 Smart Navigator. All rights reserved. Work Hub Platform developed by ANGUS CHEN since July 2026. */