:root{font-family:"Microsoft JhengHei","PingFang TC",Arial,sans-serif;font-size:14px;color:#263c4b;background:#fff;--side:224px;--top:48px}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;grid-template-columns:var(--side) minmax(0,1fr);grid-template-rows:var(--top) minmax(0,1fr);overflow:hidden}[hidden]{display:none!important}
button{font:inherit;color:#385162;border:1px solid #c5cfd6;border-radius:3px;background:linear-gradient(#fff,#eef1f4);min-height:29px;padding:4px 12px;cursor:pointer}button:hover{background:#e5edf3;border-color:#9db7ca}button:focus-visible{outline:2px solid #327fb7;outline-offset:2px}button:disabled{color:#97a1a9;cursor:default}
.topbar{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:0 20px;border-top:3px solid #397fae;border-bottom:1px solid #bfccd5;background:#f8f9fa;z-index:5}
.topbar strong{font-size:19px;font-weight:600;color:#254f6e}.edition{border-left:1px solid #d3dce3;padding-left:13px;font-size:12px;color:#788691}.top-status{margin-left:auto;color:#6d7f88;font-size:12px}.topbar>button{font-size:12px;min-height:26px;padding:3px 10px}#menu-toggle{display:none;font-size:16px}
.sidebar{grid-column:1;grid-row:2;background:#f1f3f5;border-right:1px solid #bdcad4;padding:13px 9px 22px;overflow:auto}.menu-label{padding:2px 10px 11px;color:#7c8c98;font-size:12px}
.nav-group{margin-bottom:16px}.nav-label{background:#e3e9ee;color:#304e64;font-weight:600;padding:8px 10px;border:1px solid #c7d1d9;border-radius:3px}
.company{margin-top:5px}.company-button{display:block;width:100%;border:0;background:none;text-align:left;padding:7px 10px;min-height:32px;font-size:13px;font-weight:600;color:#526776}.company-button.open{color:#28648d}
.nav-link{display:block;width:100%;border:0;border-left:3px solid transparent;background:none;text-align:left;padding:6px 8px 6px 27px;margin:2px 0;min-height:31px;font-size:13px;color:#596c7b}
.nav-link:hover{background:#e4edf4}.nav-link.active{background:#dbeaf5;color:#21658f;border-left-color:#397fae;font-weight:600}.source-note{border-top:1px solid #d1dce4;margin:22px 10px 0;padding-top:13px;color:#7b8a95;font-size:11px;line-height:1.8}
.workspace{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px 12px;border-bottom:1px solid #d8e0e7;min-height:75px}
.breadcrumb{font-size:11px;color:#8a969f;margin-bottom:4px}h1{font-size:21px;font-weight:500;line-height:1.3;margin:0;color:#304a5d}#scope{font-size:12px;color:#607c8f;background:#f0f5f8;border:1px solid #cfdae2;border-radius:3px;padding:4px 8px;white-space:nowrap}
.panes{position:relative;flex:1;min-height:0;min-width:0}.pane{position:absolute;inset:0}.pane iframe{border:0;width:100%;height:100%;display:block;background:#fff}
#loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#ffffffee;color:#6c7d88}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#315b78;color:#fff;border-radius:3px;padding:10px 18px;max-width:calc(100vw - 35px);line-height:1.6}
.empty-message{padding:40px;color:#6a7f8d;line-height:1.8}
@media(max-width:900px){:root{--side:195px}.topbar{padding:0 12px;gap:9px}.page-heading{padding:12px 15px}.edition{display:none}}
@media(max-width:680px){:root{--side:190px}.sidebar{display:none;position:fixed;top:var(--top);bottom:0;left:0;width:var(--side);z-index:10;box-shadow:3px 0 12px #26465f20}.workspace{grid-column:1/-1}.show-menu .sidebar{display:block}#menu-toggle{display:block}.topbar strong{font-size:16px}.top-status{font-size:10px}.page-heading{min-height:68px}h1{font-size:18px}#scope{font-size:10px}}

/* Shared preference covers the shell as well as the retained applications. */
@media screen {
  html.dark{color-scheme:dark;color:#e4edf5;background:#111923;scrollbar-color:#52677b #17222f}
  html.dark body,html.dark .workspace,html.dark .panes,html.dark .pane iframe{background:#111923;color:#e4edf5}
  html.dark .topbar{background:#17222f;border-top-color:#5ba5dc;border-bottom-color:#34475a}
  html.dark .topbar strong{color:#c6e3fa}
  html.dark .edition{border-color:#34475a;color:#a6b9c9}
  html.dark .top-status{color:#b4c9da}
  html.dark button{color:#e0ebf4;border-color:#425970;background:#213144}
  html.dark button:hover{background:#2a4158;border-color:#6d97b8}
  html.dark button:disabled{color:#8196a9;border-color:#34475a;background:#1b2937}
  html.dark button:focus-visible{outline-color:#79c3ff}
  html.dark .sidebar{background:#17222f;border-color:#34475a;scrollbar-color:#52677b #17222f}
  html.dark .menu-label,html.dark .source-note{color:#a4b7c7}
  html.dark .source-note{border-color:#34475a}
  html.dark .nav-label{background:#243448;border-color:#3b5168;color:#d0e6f7}
  html.dark .company-button{background:transparent;border-color:transparent;color:#b8cddd}
  html.dark .company-button.open{color:#8fcaff}
  html.dark .company-button:hover{background:#21364a}
  html.dark .nav-link{background:transparent;color:#b9cbd9}
  html.dark .nav-link:hover{background:#253c51;color:#edf7ff}
  html.dark .nav-link.active{background:#254b6a;border-left-color:#7cc7ff;color:#e4f4ff}
  html.dark .page-heading{background:#17222f;border-color:#34475a}
  html.dark .breadcrumb{color:#a4b7c7}
  html.dark h1{color:#e1edf7}
  html.dark #scope{color:#bed8eb;background:#22364a;border-color:#405c73}
  html.dark #loading{background:#111923f2;color:#c0d3e3}
  html.dark #toast{background:#315b7a;color:#f2f8ff;box-shadow:0 4px 20px #0006}
  html.dark .empty-message{color:#b4c6d6}
}

/* Keep all three actions available on phones without horizontal overflow. */
@media screen and (max-width:680px){
  :root{--top:78px}
  .topbar{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;grid-template-rows:28px 24px;gap:4px 6px;align-content:center;padding:6px 10px}
  .topbar strong{grid-column:2;grid-row:1;font-size:14px;white-space:nowrap}
  .topbar>button{min-height:24px;font-size:11px;padding:3px 5px;white-space:nowrap}
  #menu-toggle{grid-column:1;grid-row:1;font-size:16px}
  #appearance-toggle{grid-column:3;grid-row:1}
  #open-original{grid-column:4;grid-row:1}
  .topbar .top-status{grid-column:1/5;grid-row:2;margin-left:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
}