.help-overlay{z-index:1300;background:var(--bg-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:2vh 2vw;animation:.15s help-fade;display:flex;position:fixed;inset:0}@keyframes help-fade{0%{opacity:0}to{opacity:1}}.help-modal{background:var(--bg-surface);width:min(960px,100%);height:min(86vh,720px);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.help-modal-head{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.help-modal-title{color:var(--text-primary);align-items:center;gap:10px;font-size:1.05rem;font-weight:600;display:flex}.help-modal-title svg{color:var(--brand)}.help-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:0 6px;font-size:1.6rem;line-height:1;transition:color .15s,background .15s}.help-close:hover{color:var(--text-primary);background:var(--bg-subtle)}.help-modal-body{flex:1;min-height:0;display:flex}.help-toc{border-right:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0;width:260px;padding:10px 8px;overflow-y:auto}.help-toc ol{margin:0;padding:0;list-style:none}.help-toc button{text-align:left;width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:.86rem;transition:background .12s,color .12s;display:flex}.help-toc button:hover{background:var(--bg-surface)}.help-toc button.active{background:var(--brand);color:#fff;font-weight:600}.help-toc-num{background:var(--bg-surface);width:20px;height:20px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.help-toc button.active .help-toc-num{color:#fff;background:#ffffff40}.help-content{flex:1;min-width:0;padding:22px 26px 40px;line-height:1.6;animation:.18s help-fade;overflow-y:auto}.help-content h3{color:var(--text-primary);margin:0 0 14px;font-size:1.25rem}.help-content h4{color:var(--text-primary);margin:20px 0 8px;font-size:.98rem}.help-content p{margin:0 0 12px}.help-bullets{margin:0 0 12px;padding-left:20px}.help-bullets li{margin-bottom:6px}.help-steps{margin:0 0 14px;padding-left:22px}.help-steps li{margin-bottom:8px}.help-caption{color:var(--text-secondary);margin:-4px 0 16px;font-size:.82rem}.help-tip,.help-note{border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin:4px 0 16px;padding:11px 14px;font-size:.9rem;display:flex}.help-tip{background:color-mix(in srgb, var(--info) 12%, transparent);border:1px solid color-mix(in srgb, var(--info) 40%, transparent)}.help-note{background:color-mix(in srgb, var(--warning) 14%, transparent);border:1px solid color-mix(in srgb, var(--warning) 45%, transparent)}.help-tip-badge,.help-note-badge{color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:.72rem;font-weight:700}.help-tip-badge{background:var(--info)}.help-note-badge{background:var(--warning)}.help-screen{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);margin:4px 0 6px;overflow:hidden}.help-screen-bar{background:var(--bg-subtle);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:7px 12px;display:flex}.help-dot{background:var(--border);border-radius:50%;width:9px;height:9px}.help-screen-title{color:var(--text-secondary);margin-left:8px;font-size:.78rem}.help-screen-canvas{padding:8px 10px}@media (max-width:720px){.help-modal{height:92vh}.help-modal-body{flex-direction:column}.help-toc{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:34%}.help-toc ol{flex-wrap:wrap;gap:4px;display:flex}.help-toc li{flex:auto}}
.app-frame{background:var(--bg-page);height:100dvh;color:var(--text-primary);flex-direction:column;display:flex}.app-frame-shell{flex:1 1 0;min-height:0}.app-frame.has-bottomnav{--app-bottom-inset:calc(var(--bottomnav-height) + env(safe-area-inset-bottom,0px))}@media (max-width:599.98px){.app-frame .sl-shell-main{padding:var(--space-4)}}.app-drawer{z-index:var(--z-drawer);display:flex;position:fixed;inset:0}.app-drawer-backdrop{background:var(--bg-overlay);position:absolute;inset:0}.app-drawer-panel{background:var(--bg-nav);width:min(288px,100% - 56px);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative}.app-drawer-head{justify-content:space-between;align-items:center;gap:var(--space-2);height:var(--header-height);padding:0 var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--border);flex:none;display:flex}.app-drawer-title{font-size:16px;font-weight:600;line-height:24px}.app-drawer-dept{z-index:1;padding:var(--space-3) var(--space-3) 0;flex:none;position:relative}.app-drawer-dept .sl-dept-btn{width:100%}.app-drawer-dept .sl-dept-text{flex:1;min-width:0}.app-drawer-dept .sl-dept-value{white-space:normal}.app-drawer .sl-sidebar{border-right:0;flex:1 1 0;width:100%;height:auto;min-height:0}.app-drawer .sl-sidebar-collapse{display:none}.app-drawer .sl-sidebar-bottom:not(:has(.sl-nav-group)){display:none}.app-drawer-foot{padding:var(--space-2);border-top:1px solid var(--border);flex:none}.app-drawer-foot .sl-btn{justify-content:flex-start}@media print{.app-frame,.app-frame .sl-shell{display:block;height:auto!important}.app-frame .sl-shell-header,.app-frame .sl-shell-side,.app-frame .sl-bottomnav,.app-drawer{display:none!important}.app-frame .sl-shell-main{padding:0;overflow:visible}}