body[data-v110-tool-page="true"] { --v110-nav-collapsed:64px; --v110-nav-expanded:240px; padding-left:var(--v110-nav-collapsed) !important; color:#18332b; background:#f4f7f5; font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; transition:padding-left .2s ease; }
.v110-tool-nav { position:fixed; z-index:120; top:0; bottom:0; left:0; width:var(--v110-nav-collapsed); overflow:hidden; color:#deeee8; background:#173c32; transition:width .2s ease; box-shadow:4px 0 20px rgba(18,60,47,.14); }
.v110-tool-nav.is-expanded { width:var(--v110-nav-expanded); }
body[data-v110-tool-page="true"]:has(.v110-tool-nav.is-expanded) { padding-left:var(--v110-nav-expanded) !important; }
.v110-tool-nav-inner { min-width:var(--v110-nav-expanded); height:100%; padding:18px 12px; display:flex; flex-direction:column; gap:20px; }
.v110-tool-nav-brand { height:42px; padding:0 10px; display:flex; align-items:center; gap:10px; color:#fff; font-size:14px; font-weight:700; white-space:nowrap; text-decoration:none; }
.v110-brand-mark { position:relative; width:27px; height:24px; flex:0 0 27px; display:block; }
.v110-brand-mark i { position:absolute; display:block; border-radius:3px; }
.v110-brand-mark i:nth-child(1) { left:0; top:22%; width:58%; height:58%; background:#34a97a; }
.v110-brand-mark i:nth-child(2) { right:0; top:0; width:29%; height:29%; background:#5395de; }
.v110-brand-mark i:nth-child(3) { right:0; bottom:0; width:25%; height:25%; background:#e6ad3e; }
.v110-tool-nav-list { display:grid; gap:4px; overflow:auto; flex:1 1 auto; min-height:0; }
.v110-nav-item,.v110-tool-nav-home { min-height:40px; padding:0 10px; display:flex; align-items:center; gap:10px; color:#e8f2ee; border-left:2px solid transparent; font-size:12px; white-space:nowrap; }
.v110-nav-item:hover,.v110-tool-nav-home:hover { background:rgba(255,255,255,.1); }
.v110-nav-item.is-active { background:rgba(226,244,237,.13); border-left-color:#8fe1c5; color:#fff; }
.v110-nav-icon { width:20px; flex:0 0 20px; color:#94cfbb; text-align:center; font-size:14px; }
.v110-tool-nav-home { margin-top:auto; border-top:1px solid rgba(219,234,228,.18); padding-top:14px; }
body[data-v110-tool-page="true"] .v110-tool-nav:not(:hover):not(.is-expanded) .v110-nav-item span:not(.v110-nav-icon),body[data-v110-tool-page="true"] .v110-tool-nav:not(:hover):not(.is-expanded) .v110-tool-nav-home span:not(.v110-nav-icon) { display:none; }
body[data-v110-tool-page="true"] .v110-tool-nav:not(:hover):not(.is-expanded) .v110-tool-nav-inner { min-width:var(--v110-nav-collapsed); padding-left:12px; padding-right:12px; }
body[data-v110-tool-page="true"] .v110-tool-nav:not(:hover):not(.is-expanded) .v110-tool-nav-brand span:not(.v110-brand-mark) { display:none; }
body[data-v110-tool-page="true"] .v110-tool-nav:not(:hover):not(.is-expanded) .v110-tool-nav-brand,body[data-v110-tool-page="true"] .v110-tool-nav:not(:hover):not(.is-expanded) .v110-nav-item,body[data-v110-tool-page="true"] .v110-tool-nav:not(:hover):not(.is-expanded) .v110-tool-nav-home { justify-content:center; padding-left:0; padding-right:0; }
@media(max-width:760px){body[data-v110-tool-page="true"]{padding-left:0 !important}.v110-tool-nav{position:sticky;top:0;bottom:auto;width:100%;height:48px;overflow:auto}.v110-tool-nav.is-expanded{width:100%}.v110-tool-nav-inner{min-width:max-content;height:48px;padding:0 10px;display:flex;flex-direction:row;gap:4px}.v110-tool-nav-brand,.v110-tool-nav-home{display:none}.v110-tool-nav-list{display:flex;gap:4px;overflow:visible}.v110-nav-item{min-height:38px;padding:0 9px;border-left:0}.v110-nav-item span:not(.v110-nav-icon){display:inline !important}.v110-nav-item.is-active{border-bottom:2px solid #8fe1c5}}
body[data-v110-tool-page="true"] a { text-decoration:none !important; }
body[data-v110-tool-page="true"] > header.site-header,body[data-v110-tool-page="true"] > header.tool-header,body[data-v110-tool-page="true"] > header.app-header { display:none !important; }
body[data-v110-tool-page="true"] > header.site-header,body[data-v110-tool-page="true"] > header.tool-header,body[data-v110-tool-page="true"] > header.app-header { display:none !important; }
body[data-v110-tool-page] .v110-tool-nav { font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; }
.v110-tool-nav-list { min-height:0; }
.v110-tool-nav-list { scrollbar-width:none; }
.v110-tool-nav-list::-webkit-scrollbar { width:0; height:0; }
.v110-nav-item,.v110-tool-nav-home { text-decoration:none; font-size:13px; flex:none; }
.v110-tool-nav-brand { flex:none; }
@media(max-width:760px) {
  body[data-v110-tool-page="true"]:has(.v110-tool-nav.is-expanded) { padding-left:0 !important; }
  body[data-v110-tool-page="true"] .v110-tool-nav .v110-tool-nav-inner { min-width:max-content; }
}
@media(prefers-reduced-motion:reduce) { body[data-v110-tool-page],.v110-tool-nav { transition:none !important; } }

/* Shared preview palette: calm operational blue across every tool. */
body[data-v110-tool-page="true"] { color:#1d2d3d; background:#f5f8fc; }
.v110-tool-nav { color:#dfeafb; background:#173f6b; box-shadow:4px 0 20px rgba(22,75,127,.14); }
.v110-tool-nav-brand { color:#fff; }
.v110-nav-item,.v110-tool-nav-home { color:#e8f1fb; }
.v110-nav-item:hover,.v110-tool-nav-home:hover { background:rgba(255,255,255,.11); }
.v110-nav-item.is-active { background:rgba(226,239,253,.16); border-left-color:#8fc4f6; }
.v110-nav-icon { color:#9ec6ec; }
.v110-nav-icon svg { display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.v110-nav-divider { height:1px; margin:12px 10px 6px; background:rgba(219,234,248,.2); }
.v110-admin-only { position:relative; }
.v110-admin-only[hidden] { display:none !important; }
.v110-admin-only small { display:none; margin-left:auto; color:#b9d8f5; font-size:10px; }
.v110-tool-nav.is-expanded .v110-admin-only small { display:block; }
.v110-nav-user { margin-top:0; padding:10px 10px 12px; border-top:1px solid rgba(219,234,248,.2); color:#dceafb; white-space:nowrap; overflow:hidden; }
.v110-nav-user strong,.v110-nav-user span { display:block; overflow:hidden; text-overflow:ellipsis; }
.v110-nav-user strong { color:#fff; font-size:13px; line-height:1.4; }
.v110-nav-user span { margin-top:2px; color:#a9c9e9; font-size:11px; }
.v110-nav-user-logo { display:grid; grid-template-columns:16px 8px; grid-template-rows:16px 8px; gap:2px; width:26px; height:26px; flex:0 0 26px; }
.v110-nav-user > .v110-nav-user-logo { display:grid; }
.v110-nav-user-logo i { display:block; border-radius:2px; }
.v110-nav-user-logo i:nth-child(1) { grid-row:1 / span 2; background:#34a97a; }
.v110-nav-user-logo i:nth-child(2) { background:#5395de; }
.v110-nav-user-logo i:nth-child(3) { background:#e6ad3e; }
.v110-tool-nav:not(:hover):not(.is-expanded) .v110-nav-user { padding:8px 0; text-align:center; }
.v110-tool-nav:not(:hover):not(.is-expanded) .v110-nav-user strong { font-size:0; }
.v110-tool-nav:not(:hover):not(.is-expanded) .v110-nav-user strong::before { content:'●'; font-size:14px; color:#8fc4f6; }
.v110-tool-nav:not(:hover):not(.is-expanded) .v110-nav-user span { display:none; }
.v110-tool-nav:not(:hover):not(.is-expanded) .v110-nav-user-logo { margin:0 auto 6px; }
.v110-brand-mark i:nth-child(1) { background:#34a97a; }
.v110-brand-mark i:nth-child(2) { background:#5395de; }
.v110-brand-mark i:nth-child(3) { background:#e6ad3e; }
body[data-v110-tool-page="true"]:is(:focus-visible) { outline-color:#1f5f9f; }

/* Keep account identity compact: mark sits beside the name, with the login
   account underneath, instead of consuming a separate row. */
.v110-nav-user { display:flex; align-items:center; gap:9px; }
.v110-nav-user-copy { min-width:0; display:block; }
.v110-nav-user-copy strong,.v110-nav-user-copy span { display:block; }
.v110-nav-user-copy span { margin-top:1px; }
.v110-tool-nav:not(:hover):not(.is-expanded) .v110-nav-user { display:block; }
.v110-tool-nav:not(:hover):not(.is-expanded) .v110-nav-user-logo { margin:0 auto 6px; }

/* Calendar buttons use one box model across legacy and current meeting pages. */
.required-date-panel .date-picker { position:relative; display:block; width:175px; flex:0 0 175px; }
.required-date-panel .date-picker input[type="date"] { width:100%; height:40px; padding-right:42px; }
.required-date-panel .calendar-glyph { position:absolute; right:5px; top:50%; inset-inline-start:auto; transform:translateY(-50%); width:30px; height:30px; padding:0; margin:0; display:block; }
.required-date-panel .calendar-glyph::before { left:7px; top:7px; }
.required-date-panel .calendar-glyph::after { left:11px; top:16px; }

/* The authenticated pre-review page uses the shared rail as its only header. */