:root { --ns-blue:#005b8f; --ns-deep:#083b57; --ns-mint:#e8f5f3; --ns-gold:#d9a441; }
body { background:#f3f6f8; color:#20313b; }
.version-badge { display:inline-block; margin-left:.35rem; padding:.12rem .38rem; border:1px solid #ffffff45; border-radius:999px; font-size:.62rem; font-weight:600; vertical-align:middle; opacity:.8; }
.app-nav { background:linear-gradient(110deg,var(--ns-deep),var(--ns-blue)); box-shadow:0 2px 12px #083b5722; }
.card { border:0; border-radius:1rem; box-shadow:0 3px 18px #17384a10; }
.metric { min-height:122px; }
.metric .display-6 { color:var(--ns-blue); }
.stage-pill { font-size:.78rem; background:var(--ns-mint); color:#17645a; }
.timeline { border-left:3px solid #c9dce7; margin-left:.6rem; padding-left:1.25rem; }
.timeline-item { position:relative; padding-bottom:1.1rem; }
.timeline-item::before { content:""; position:absolute; left:-1.66rem; top:.25rem; width:.72rem; height:.72rem; border-radius:50%; background:#9db7c6; }
.timeline-item.active::before { background:var(--ns-blue); box-shadow:0 0 0 5px #dcecf5; }
.required::after { content:" *"; color:#b42318; }
.table > :not(caption) > * > * { padding:.85rem .75rem; }
.admin-hero { background:linear-gradient(135deg,#073b58,#087da7); color:white; overflow:hidden; position:relative; }
.admin-hero::after { content:""; position:absolute; width:260px; height:260px; border-radius:50%; background:#ffffff12; right:-70px; top:-120px; }
.admin-tabs .nav-link { color:var(--bs-secondary-color); border-radius:.7rem; padding:.7rem 1rem; }
.admin-tabs .nav-link.active { color:white; background:var(--ns-blue); }
.icon-tile { width:44px; height:44px; border-radius:.8rem; display:grid; place-items:center; background:var(--ns-mint); color:#17645a; font-weight:700; }
.log-dot { width:.6rem; height:.6rem; border-radius:50%; background:var(--ns-blue); display:inline-block; }
[data-bs-theme="dark"] body { background:#111b22; color:#dbe6ec; }
[data-bs-theme="dark"] .card { background:#182630; box-shadow:0 3px 18px #0005; }
[data-bs-theme="dark"] .stage-pill,[data-bs-theme="dark"] .icon-tile { background:#164053; color:#aee5df; }
[data-bs-theme="dark"] .table-light { --bs-table-bg:#20323e; --bs-table-color:#dbe6ec; }
[data-bs-theme="dark"] .app-nav { background:linear-gradient(110deg,#061f2e,#074d70); }
.branch-picker { position:relative; }
.branch-picker-toggle { width:100%; min-height:42px; display:flex; align-items:center; gap:.65rem; padding:.55rem .8rem; color:var(--bs-body-color); background:var(--bs-body-bg); border:1px solid var(--bs-border-color); border-radius:.55rem; text-align:left; transition:border-color .15s,box-shadow .15s; }
.branch-picker-toggle:hover,.branch-picker.open .branch-picker-toggle { border-color:#5ba7cc; box-shadow:0 0 0 .22rem #0d6efd1a; }
.branch-picker-icon { width:1.65rem; height:1.65rem; display:grid; place-items:center; border-radius:.45rem; background:var(--ns-mint); color:#17645a; font-weight:700; }
.branch-picker-label { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.branch-picker-chevron { font-size:1.2rem; transition:transform .15s; }
.branch-picker.open .branch-picker-chevron { transform:rotate(180deg); }
.branch-picker-menu { position:absolute; z-index:1080; top:calc(100% + .45rem); left:0; right:0; min-width:280px; padding:.55rem; border:1px solid var(--bs-border-color); border-radius:.8rem; background:var(--bs-body-bg); box-shadow:0 16px 45px #09283b2d; }
.branch-picker-search-wrap { display:flex; align-items:center; gap:.5rem; padding:.5rem .65rem; border:1px solid var(--bs-border-color); border-radius:.55rem; margin-bottom:.45rem; }
.branch-picker-search { border:0; outline:0; width:100%; background:transparent; color:var(--bs-body-color); }
.branch-picker-options { max-height:260px; overflow:auto; }
.branch-picker-option { display:flex; align-items:center; gap:.65rem; width:100%; padding:.58rem .65rem; border:0; border-radius:.5rem; background:transparent; color:var(--bs-body-color); text-align:left; }
.branch-picker-option:hover,.branch-picker-option:focus { background:var(--ns-mint); color:#124f49; outline:0; }
.branch-picker-check { opacity:0; color:#087a6a; font-weight:700; }
.branch-picker-option.selected .branch-picker-check { opacity:1; }
.branch-picker-option.selected { background:#e8f5f3; color:#124f49; font-weight:600; }
.branch-picker-empty { padding:1rem; text-align:center; color:var(--bs-secondary-color); }
[data-bs-theme="dark"] .branch-picker-icon,[data-bs-theme="dark"] .branch-picker-option:hover,[data-bs-theme="dark"] .branch-picker-option:focus,[data-bs-theme="dark"] .branch-picker-option.selected { background:#164053; color:#bce9e4; }
.choice-picker,.date-picker { position:relative; }
.choice-picker-toggle,.date-picker-toggle { width:100%; min-height:42px; display:flex; align-items:center; gap:.65rem; padding:.55rem .8rem; color:var(--bs-body-color); background:var(--bs-body-bg); border:1px solid var(--bs-border-color); border-radius:.55rem; text-align:left; transition:border-color .15s,box-shadow .15s; }
.choice-picker-toggle:hover,.choice-picker.open .choice-picker-toggle,.date-picker-toggle:hover,.date-picker.open .date-picker-toggle { border-color:#5ba7cc; box-shadow:0 0 0 .22rem #0d6efd1a; }
.choice-picker-label,.date-picker-label { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.choice-picker-chevron,.date-picker-chevron { font-size:1.2rem; transition:transform .15s; }
.choice-picker.open .choice-picker-chevron,.date-picker.open .date-picker-chevron { transform:rotate(180deg); }
.choice-picker-menu,.date-picker-menu { position:absolute; z-index:1090; top:calc(100% + .45rem); left:0; right:0; min-width:260px; padding:.55rem; border:1px solid var(--bs-border-color); border-radius:.8rem; background:var(--bs-body-bg); box-shadow:0 16px 45px #09283b2d; }
.date-picker.drop-up .date-picker-menu { top:auto; bottom:calc(100% + .45rem); box-shadow:0 -16px 45px #09283b2d; }
.choice-picker-search-wrap { display:flex; align-items:center; gap:.5rem; padding:.5rem .65rem; border:1px solid var(--bs-border-color); border-radius:.55rem; margin-bottom:.45rem; }
.choice-picker-search-wrap input { border:0; outline:0; width:100%; background:transparent; color:var(--bs-body-color); }
.choice-picker-options { max-height:260px; overflow:auto; }
.choice-picker-option { display:flex; align-items:center; gap:.65rem; width:100%; padding:.58rem .65rem; border:0; border-radius:.5rem; background:transparent; color:var(--bs-body-color); text-align:left; }
.choice-picker-option:hover,.choice-picker-option:focus,.choice-picker-option.selected { background:var(--ns-mint); color:#124f49; outline:0; }
.choice-picker-check { opacity:0; color:#087a6a; font-weight:700; }.choice-picker-option.selected .choice-picker-check { opacity:1; }.choice-picker-option.selected { font-weight:600; }
.choice-picker-empty { padding:1rem; text-align:center; color:var(--bs-secondary-color); }
.date-picker-icon { width:1.65rem; height:1.65rem; display:grid; place-items:center; border-radius:.45rem; background:#edf4fa; color:var(--ns-blue); }
.date-picker-head { display:grid; grid-template-columns:36px 1fr 36px; align-items:center; text-align:center; padding:.2rem .15rem .6rem; }
.date-picker-head button,.date-picker-actions button { border:0; border-radius:.45rem; background:transparent; color:var(--bs-body-color); padding:.35rem; }.date-picker-head button:hover,.date-picker-actions button:hover { background:var(--ns-mint); color:#124f49; }
.date-picker-week,.date-picker-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:.18rem; text-align:center; }.date-picker-week { color:var(--bs-secondary-color); font-size:.72rem; font-weight:700; padding-bottom:.25rem; }
.date-picker-day { aspect-ratio:1; display:grid; place-items:center; border:0; border-radius:.5rem; background:transparent; color:var(--bs-body-color); font-size:.85rem; }.date-picker-day:hover { background:var(--ns-mint); color:#124f49; }.date-picker-day.outside { opacity:.32; }.date-picker-day.today { box-shadow:inset 0 0 0 1px var(--ns-blue); }.date-picker-day.selected { background:var(--ns-blue); color:white; font-weight:700; }
.date-picker-actions { display:flex; justify-content:space-between; border-top:1px solid var(--bs-border-color); margin-top:.45rem; padding-top:.45rem; }.date-picker-actions button { color:var(--ns-blue); font-weight:600; font-size:.85rem; }
.date-picker-menu { width:300px; max-width:min(300px,calc(100vw - 2rem)); }
[data-bs-theme="dark"] .choice-picker-option:hover,[data-bs-theme="dark"] .choice-picker-option:focus,[data-bs-theme="dark"] .choice-picker-option.selected,[data-bs-theme="dark"] .date-picker-day:hover { background:#164053; color:#bce9e4; }
[data-bs-theme="dark"] .date-picker-icon { background:#163747; color:#9ed8f4; }

/* NS Work / AvWork theme */
:root {
  --av-accent:#6c5ce7; --av-accent-strong:#5946dc; --av-accent-soft:#f0edff;
  --av-bg:#f7f7fa; --av-surface:#ffffff; --av-sidebar:#fbfbfd; --av-border:#e7e7ee;
  --av-text:#24242b; --av-muted:#777783; --av-success:#20a66a; --av-radius:12px;
  --bs-primary:#6c5ce7; --bs-primary-rgb:108,92,231;
}
body { margin:0; background:var(--av-bg); color:var(--av-text); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:.92rem; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:248px minmax(0,1fr); }
.app-sidebar { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:18px 14px 14px; background:var(--av-sidebar); border-right:1px solid var(--av-border); z-index:1030; }
.app-brand { display:flex; align-items:center; gap:.75rem; padding:4px 8px 22px; text-decoration:none; color:var(--av-text); }
.app-brand-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:linear-gradient(145deg,#7c6cf0,#5946dc); color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.03em; box-shadow:0 7px 16px #6c5ce735; }
.app-brand strong,.app-brand small { display:block; }.app-brand strong { font-size:.95rem; }.app-brand small { max-width:155px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--av-muted); font-size:.68rem; margin-top:.08rem; }
.side-nav { flex:1; overflow-y:auto; }.side-nav-label { padding:0 10px 7px; color:#a0a0aa; font-size:.64rem; font-weight:700; letter-spacing:.075em; text-transform:uppercase; }
.side-nav-link { display:flex; align-items:center; gap:.72rem; min-height:40px; padding:.55rem .72rem; margin:2px 0; border-radius:9px; color:#656570; text-decoration:none; font-weight:520; transition:.15s ease; }
.side-nav-link:hover { color:var(--av-text); background:#f0f0f5; }.side-nav-link.active { color:var(--av-accent-strong); background:var(--av-accent-soft); font-weight:650; }
.side-nav-icon { width:22px; text-align:center; font-size:1rem; }
.sidebar-bottom { padding-top:12px; border-top:1px solid var(--av-border); }.theme-segment { display:grid; grid-template-columns:1fr 1fr; gap:3px; padding:3px; margin-bottom:8px; border:1px solid var(--av-border); border-radius:9px; background:#f0f0f4; }.theme-segment button { border:0; border-radius:6px; padding:.4rem .35rem; background:transparent; color:var(--av-muted); font-size:.72rem; font-weight:650; }.theme-segment button:hover { color:var(--av-text); }.theme-segment button.active { background:#fff; color:var(--av-accent-strong); box-shadow:0 1px 4px #25253218; }.mobile-theme { display:none; width:76px; margin:0; }
.sidebar-profile { display:flex; align-items:center; gap:.65rem; padding:.65rem .6rem; color:var(--av-text); text-decoration:none; border-radius:9px; }.sidebar-profile:hover { background:#f0f0f5; }.profile-avatar { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:#f1b94b; color:#3b2b0b; font-weight:800; }.profile-copy { min-width:0; flex:1; }.profile-copy strong,.profile-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.profile-copy strong { font-size:.78rem; }.profile-copy small { color:var(--av-muted); font-size:.67rem; }.sidebar-logout { display:block; padding:.35rem .7rem; color:var(--av-muted); text-decoration:none; font-size:.75rem; }.sidebar-logout:hover { color:#d44242; }.sidebar-version { padding:.5rem .7rem 0; color:#aaaab4; font-size:.62rem; }
.app-workspace { min-width:0; }.app-topbar { position:sticky; top:0; z-index:1020; height:68px; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0 28px; background:#ffffffdd; backdrop-filter:blur(16px); border-bottom:1px solid var(--av-border); }.app-topbar strong,.topbar-kicker { display:block; }.app-topbar strong { font-size:1rem; }.topbar-kicker { color:var(--av-muted); font-size:.64rem; margin-bottom:.05rem; }.topbar-actions { display:flex; align-items:center; gap:.6rem; }.topbar-search { padding:.38rem .7rem; border:1px solid var(--av-border); border-radius:8px; color:var(--av-muted); text-decoration:none; font-size:.78rem; background:var(--av-surface); }.topbar-search:hover { color:var(--av-text); border-color:#cfcfd8; }
.card { background:var(--av-surface); border:1px solid var(--av-border); border-radius:var(--av-radius); box-shadow:0 1px 2px #20202a08; }.metric { min-height:104px; }.metric .display-6 { color:var(--av-text); font-size:1.9rem; }
.btn { border-radius:8px; font-weight:600; }.btn-primary { --bs-btn-bg:var(--av-accent); --bs-btn-border-color:var(--av-accent); --bs-btn-hover-bg:var(--av-accent-strong); --bs-btn-hover-border-color:var(--av-accent-strong); box-shadow:0 3px 10px #6c5ce724; }.btn-outline-primary { --bs-btn-color:var(--av-accent-strong); --bs-btn-border-color:#cfc8ff; --bs-btn-hover-bg:var(--av-accent-soft); --bs-btn-hover-color:var(--av-accent-strong); --bs-btn-hover-border-color:#b8adff; }
.form-control,.form-select { min-height:40px; border-color:var(--av-border); border-radius:8px; background:var(--av-surface); }.form-control:focus { border-color:#a89df5; box-shadow:0 0 0 3px #6c5ce719; }.form-label { color:#54545f; font-size:.78rem; font-weight:620; margin-bottom:.38rem; }
.table { --bs-table-bg:transparent; }.table > :not(caption) > * > * { padding:.72rem .75rem; border-bottom-color:var(--av-border); }.table-light { --bs-table-bg:#fafafd; --bs-table-color:#656570; }.table thead th { font-size:.68rem; letter-spacing:.03em; text-transform:uppercase; font-weight:700; }
.stage-pill { background:var(--av-accent-soft); color:var(--av-accent-strong); }.admin-hero { background:linear-gradient(130deg,#6250de,#8173ef); border:0; }.admin-tabs .nav-link.active { background:var(--av-accent); }.icon-tile { background:var(--av-accent-soft); color:var(--av-accent-strong); }
.branch-picker-toggle,.choice-picker-toggle,.date-picker-toggle { border-color:var(--av-border); border-radius:8px; background:var(--av-surface); }.branch-picker-toggle:hover,.branch-picker.open .branch-picker-toggle,.choice-picker-toggle:hover,.choice-picker.open .choice-picker-toggle,.date-picker-toggle:hover,.date-picker.open .date-picker-toggle { border-color:#a89df5; box-shadow:0 0 0 3px #6c5ce719; }.branch-picker-icon,.date-picker-icon { background:var(--av-accent-soft); color:var(--av-accent-strong); }.branch-picker-menu,.choice-picker-menu,.date-picker-menu { border-color:var(--av-border); border-radius:10px; box-shadow:0 18px 48px #2b274020; }.branch-picker-option:hover,.branch-picker-option:focus,.branch-picker-option.selected,.choice-picker-option:hover,.choice-picker-option:focus,.choice-picker-option.selected,.date-picker-day:hover { background:var(--av-accent-soft); color:var(--av-accent-strong); }.date-picker-day.selected { background:var(--av-accent); color:white; }.date-picker-day.today { box-shadow:inset 0 0 0 1px var(--av-accent); }
.timeline { border-left-color:#dedbe9; }.timeline-item.active::before { background:var(--av-accent); box-shadow:0 0 0 5px var(--av-accent-soft); }

[data-bs-theme="dark"] { --av-bg:#17171c; --av-surface:#202027; --av-sidebar:#1b1b21; --av-border:#303039; --av-text:#f0f0f3; --av-muted:#9898a4; --av-accent-soft:#302b51; }
[data-bs-theme="dark"] body { background:var(--av-bg); color:var(--av-text); }[data-bs-theme="dark"] .app-sidebar,[data-bs-theme="dark"] .card { background:var(--av-surface); border-color:var(--av-border); box-shadow:none; }[data-bs-theme="dark"] .app-sidebar { background:var(--av-sidebar); }[data-bs-theme="dark"] .app-topbar { background:#202027e8; border-color:var(--av-border); }[data-bs-theme="dark"] .side-nav-link:hover,[data-bs-theme="dark"] .sidebar-profile:hover { background:#282830; }[data-bs-theme="dark"] .theme-segment { background:#17171c; border-color:#34343d; }[data-bs-theme="dark"] .theme-segment button.active { background:#34343d; color:#c8c1ff; box-shadow:none; }[data-bs-theme="dark"] .table-light { --bs-table-bg:#24242c; --bs-table-color:#a8a8b3; }[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .branch-picker-toggle,[data-bs-theme="dark"] .choice-picker-toggle,[data-bs-theme="dark"] .date-picker-toggle { background:#24242b; border-color:var(--av-border); color:var(--av-text); }[data-bs-theme="dark"] .branch-picker-menu,[data-bs-theme="dark"] .choice-picker-menu,[data-bs-theme="dark"] .date-picker-menu { background:#24242b; border-color:var(--av-border); }[data-bs-theme="dark"] .topbar-search { background:#24242b; border-color:var(--av-border); }[data-bs-theme="dark"] .metric .display-6 { color:var(--av-text); }

/* Rich illustrated help center */
.help-hero { min-height:310px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); overflow:hidden; border:0; background:linear-gradient(125deg,#5645d3 0%,#7565ec 58%,#9a8ef8 100%); color:#fff; }
.help-hero-copy { position:relative; z-index:2; padding:44px 50px; }.help-eyebrow { display:block; margin-bottom:12px; color:#dcd7ff; font-size:.68rem; font-weight:750; letter-spacing:.13em; }.help-hero h1 { max-width:760px; margin:0 0 12px; font-size:clamp(2rem,4vw,3.4rem); line-height:1.02; letter-spacing:-.04em; }.help-hero p { max-width:700px; margin:0; color:#ece9ff; font-size:1rem; }
.help-search { max-width:680px; height:54px; display:flex; align-items:center; gap:12px; margin-top:28px; padding:0 16px; border:1px solid #ffffff38; border-radius:12px; background:#ffffffee; box-shadow:0 16px 42px #30249635; color:#6253d8; }.help-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#292632; font-size:.9rem; }.help-search input::placeholder { color:#8a8795; }.help-search kbd { border:1px solid #dedbea; border-bottom-width:2px; border-radius:5px; background:#f7f6fb; color:#777283; font:600 .72rem/1 sans-serif; padding:.3rem .45rem; }
.help-export-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; }.help-export-actions button { min-height:38px; display:inline-flex; align-items:center; gap:7px; padding:.48rem .78rem; border:1px solid #ffffff48; border-radius:8px; background:#ffffff17; color:#fff; font-size:.76rem; font-weight:700; }.help-export-actions button:hover { background:#ffffff28; }.help-export-actions button.primary { border-color:#fff; background:#fff; color:#5d4bd2; }.help-export-actions button.primary:hover { background:#f0edff; }.help-export-actions button.primary span { padding:.16rem .28rem; border-radius:4px; background:#ebe7ff; font-size:.58rem; letter-spacing:.04em; }.help-export-actions small { flex-basis:100%; color:#dcd7ff; font-size:.64rem; }
.help-hero-visual { position:relative; min-height:270px; overflow:hidden; }.help-orbit { position:absolute; border:1px solid #ffffff32; border-radius:50%; }.help-orbit-one { width:310px; height:310px; right:-65px; top:-25px; }.help-orbit-two { width:210px; height:210px; right:16px; top:35px; }.help-book { position:absolute; right:44px; top:86px; width:190px; display:flex; align-items:center; gap:14px; padding:18px; border:1px solid #ffffff42; border-radius:16px; background:#ffffff19; backdrop-filter:blur(12px); box-shadow:0 24px 45px #35288d30; transform:rotate(-3deg); font-size:2.2rem; }.help-book span { font-size:1.05rem; font-weight:750; line-height:1.15; }.help-book small { color:#e5e0ff; font-size:.68rem; font-weight:500; }
.help-role-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }.help-role-row button { border:1px solid var(--av-border); border-radius:999px; padding:.48rem .85rem; background:var(--av-surface); color:var(--av-muted); font-size:.76rem; font-weight:650; }.help-role-row button:hover,.help-role-row button.active { border-color:#bfb6ff; background:var(--av-accent-soft); color:var(--av-accent-strong); }
.help-layout { display:grid; grid-template-columns:238px minmax(0,1fr); gap:24px; align-items:start; }.help-toc { position:sticky; top:92px; max-height:calc(100vh - 116px); padding:18px; overflow:auto; }.help-toc>strong { padding:0 8px 10px; font-size:.72rem; letter-spacing:.07em; text-transform:uppercase; }.help-toc nav { display:grid; gap:2px; }.help-toc nav a { padding:.48rem .58rem; border-radius:7px; color:var(--av-muted); text-decoration:none; font-size:.75rem; }.help-toc nav a:hover { background:var(--av-accent-soft); color:var(--av-accent-strong); }.help-toc-note { display:grid; gap:4px; margin-top:16px; padding:12px; border-radius:9px; background:var(--av-accent-soft); color:var(--av-accent-strong); font-size:.69rem; }.help-toc-note span { color:var(--av-muted); line-height:1.45; }
.help-content { min-width:0; display:grid; gap:24px; }.help-article { scroll-margin-top:92px; padding:28px; }.help-article[hidden] { display:none!important; }.help-article-head { display:flex; align-items:start; justify-content:space-between; gap:20px; margin-bottom:20px; }.help-article-head h2 { margin:6px 0 6px; font-size:1.45rem; letter-spacing:-.025em; }.help-article-head p { max-width:780px; margin:0; color:var(--av-muted); }.help-role { display:inline-flex; padding:.25rem .48rem; border-radius:6px; background:var(--av-accent-soft); color:var(--av-accent-strong); font-size:.64rem; font-weight:750; text-transform:uppercase; letter-spacing:.05em; }.help-anchor { color:#b0abbf; text-decoration:none; font-size:1rem; }.help-anchor:hover { color:var(--av-accent); }
.help-screen { position:relative; width:100%; display:block; margin:0 0 22px; padding:0; overflow:hidden; border:1px solid #dcd9e7; border-radius:12px; background:#f2f1f7; color:#24242b; text-align:left; box-shadow:0 12px 30px #29243d13; cursor:zoom-in; }.help-screen:hover { border-color:#b9aff9; box-shadow:0 16px 36px #5d4cd01d; transform:translateY(-1px); }.help-screen-bar { height:31px; display:flex; align-items:center; gap:6px; padding:0 11px; border-bottom:1px solid #dedce6; background:#f8f7fa; }.help-screen-bar i { width:7px; height:7px; border-radius:50%; background:#d1ceda; }.help-screen-bar i:first-child { background:#fa7b79; }.help-screen-bar i:nth-child(2) { background:#f3c66c; }.help-screen-bar i:nth-child(3) { background:#67c995; }.help-screen-bar em { flex:1; text-align:center; color:#777381; font-size:.57rem; font-style:normal; }.help-screen-bar b { color:#8d8899; font-size:.82rem; }
.help-screen-body { position:relative; height:330px; display:grid; grid-template-columns:92px 1fr; background:#f7f7fa; }.help-mini-side { display:flex; flex-direction:column; gap:13px; padding:18px 14px; background:#fbfbfd; border-right:1px solid #e4e3eb; }.help-mini-side b { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:#6c5ce7; color:#fff; font-size:.48rem; }.help-mini-side i { width:52px; height:7px; border-radius:9px; background:#dcdae5; }.help-mini-side i:nth-child(3) { background:#c6bfff; }.help-mini-main { display:block; padding:17px 20px; overflow:hidden; }.help-mini-top { display:flex; justify-content:space-between; margin-bottom:22px; }.help-mini-top i { width:90px; height:7px; border-radius:9px; background:#d7d5df; }.help-mini-top i:last-child { width:70px; background:#6c5ce7; }.help-mini-main>strong { display:block; margin-bottom:4px; font-size:.75rem; }.help-mini-sub { display:block; max-width:72%; height:7px; overflow:hidden; color:#8e8a96; font-size:.43rem; white-space:nowrap; }.help-mini-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:18px 0 12px; }.help-mini-cards i { height:59px; border:1px solid #e4e2eb; border-radius:8px; background:#fff; box-shadow:inset 0 5px 0 #eeeafe; }.help-mini-panel { display:grid; gap:7px; padding:12px; border:1px solid #e4e2eb; border-radius:8px; background:#fff; }.help-mini-panel i { height:10px; border-radius:4px; background:#eeeef3; }.help-mini-panel i:first-child { width:54%; background:#ddd9fa; }.help-callout { position:absolute; width:25px; height:25px; display:grid; place-items:center; border:3px solid #fff; border-radius:50%; background:#6c5ce7; color:#fff; box-shadow:0 5px 12px #4839ac4f; font-size:.67rem; font-weight:800; }.help-callout-a { top:70px; left:72px; }.help-callout-b { top:152px; right:17%; }.help-callout-c { bottom:24px; right:30%; }
.help-screen-navigation .help-callout-a { top:125px; left:28px; }.help-screen-navigation .help-callout-b { bottom:25px; top:auto; left:35px; }.help-screen-navigation .help-callout-c { top:40px; right:24px; }.help-screen-create .help-mini-cards,.help-screen-pickers .help-mini-cards,.help-screen-profile .help-mini-cards { grid-template-columns:2fr 1fr; }.help-screen-create .help-mini-cards i,.help-screen-pickers .help-mini-cards i,.help-screen-profile .help-mini-cards i { height:80px; }.help-screen-documents .help-mini-panel,.help-screen-logs .help-mini-panel,.help-screen-users .help-mini-panel,.help-screen-projects .help-mini-panel { grid-template-columns:1fr 2fr 1fr; }.help-screen-stages .help-mini-cards { grid-template-columns:repeat(9,1fr); }.help-screen-stages .help-mini-cards i { height:40px; box-shadow:inset 0 5px 0 #6c5ce7; }.help-screen-admin .help-mini-cards,.help-screen-reports .help-mini-cards { grid-template-columns:repeat(4,1fr); }.help-screen-trouble .help-mini-panel { background:#fff8e4; border-color:#f2d58a; }
.help-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 22px; margin:0; padding:0; list-style:none; counter-reset:helpstep; }.help-steps li { display:flex; align-items:flex-start; gap:11px; padding:10px 0; border-top:1px solid var(--av-border); line-height:1.5; }.help-steps li>span { width:25px; height:25px; flex:0 0 25px; display:grid; place-items:center; border-radius:7px; background:var(--av-accent-soft); color:var(--av-accent-strong); font-size:.68rem; font-weight:800; }.help-steps li div { font-size:.82rem; }
.help-note,.help-warning { display:flex; align-items:center; gap:14px; margin-top:18px; padding:14px 16px; border-radius:9px; background:#eef8f4; color:#227657; font-size:.77rem; }.help-note span,.help-warning span { color:var(--av-muted); }.help-warning { background:#fff5dc; color:#8a641d; }.help-stage-line { display:grid; grid-template-columns:repeat(9,1fr); gap:5px; margin-top:22px; }.help-stage-line span { min-width:0; padding:9px 5px; border-radius:8px; background:var(--av-accent-soft); color:var(--av-accent-strong); text-align:center; }.help-stage-line b,.help-stage-line small { display:block; }.help-stage-line b { font-size:.76rem; }.help-stage-line small { margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.46rem; }.help-empty { padding:48px; text-align:center; }.help-empty>span { font-size:2rem; color:var(--av-accent); }.help-empty h2 { margin-top:10px; font-size:1.25rem; }.help-empty p { margin:0; color:var(--av-muted); }
.help-lightbox { position:fixed; inset:0; z-index:2000; display:grid; place-items:center; padding:5vh 5vw; background:#111018dd; backdrop-filter:blur(8px); }.help-lightbox[hidden] { display:none; }.help-lightbox>button { position:absolute; top:20px; right:26px; width:42px; height:42px; border:1px solid #ffffff50; border-radius:50%; background:#ffffff12; color:#fff; font-size:1.8rem; line-height:1; }.help-lightbox>div { width:min(1180px,92vw); }.help-lightbox .help-screen { margin:0; cursor:default; box-shadow:0 28px 80px #0008; }.help-lightbox .help-screen-body { height:min(68vh,680px); }.help-lightbox>p { margin:14px 0 0; color:#d6d3df; font-size:.72rem; }
.help-print-footer { display:none; }
[data-bs-theme="dark"] .help-screen { border-color:#42414b; background:#24242b; }.help-lightbox .help-screen { color:#24242b; }[data-bs-theme="dark"] .help-note { background:#193a31; color:#87d8b9; }[data-bs-theme="dark"] .help-warning { background:#43391f; color:#f2cf77; }

@media (max-width: 900px) { .app-shell { grid-template-columns:1fr; }.app-sidebar { position:relative; height:auto; padding:10px 14px; border-right:0; border-bottom:1px solid var(--av-border); }.app-brand { padding:2px 4px 10px; }.side-nav { display:flex; gap:4px; overflow-x:auto; }.side-nav-label,.sidebar-bottom { display:none; }.side-nav-link { flex:0 0 auto; }.app-topbar { position:relative; padding:0 16px; }.topbar-search { display:none; }.mobile-theme { display:grid; }.container-fluid.px-4 { padding-left:16px!important; padding-right:16px!important; }.help-hero { grid-template-columns:1fr; }.help-hero-copy { padding:34px 28px; }.help-hero-visual { display:none; }.help-layout { grid-template-columns:1fr; }.help-toc { position:relative; top:auto; max-height:none; }.help-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.help-screen-body { height:280px; }.help-steps { grid-template-columns:1fr; } }
@media (max-width: 560px) { .help-article { padding:20px; }.help-article-head h2 { font-size:1.2rem; }.help-screen-body { height:235px; grid-template-columns:62px 1fr; }.help-mini-side { padding:14px 8px; }.help-mini-side i { width:38px; }.help-mini-main { padding:14px 12px; }.help-toc nav { grid-template-columns:1fr; }.help-stage-line { grid-template-columns:repeat(3,1fr); }.help-note,.help-warning { align-items:flex-start; flex-direction:column; } }

@page { size:A4 portrait; margin:15mm 13mm 18mm; }
@media print {
  html,body { background:#fff!important; color:#17171c!important; font-size:10pt; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
  .app-shell { display:block; }.app-sidebar,.app-topbar,.help-role-row,.help-search,.help-export-actions,.help-toc-note,.help-lightbox { display:none!important; }.app-workspace,.container-fluid { display:block!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; }
  .help-hero { min-height:0; display:block; margin:0 0 10mm!important; border-radius:0; background:#6655df!important; box-shadow:none; break-after:page; page-break-after:always; }.help-hero-copy { min-height:245mm; display:flex; flex-direction:column; justify-content:center; padding:24mm 18mm!important; }.help-hero h1 { max-width:160mm; color:#fff!important; font-size:31pt; }.help-hero p,.help-eyebrow { color:#eeeaff!important; }.help-hero-visual { display:none!important; }
  .help-layout { display:block; }.help-toc { position:static; display:block; max-height:none; margin:0 0 9mm; padding:8mm; border:1px solid #dedce7; box-shadow:none; break-after:page; page-break-after:always; }.help-toc>strong { font-size:12pt; }.help-toc nav { grid-template-columns:repeat(2,1fr); margin-top:5mm; }.help-toc nav a { color:#37333f!important; font-size:9pt; }
  .help-content { display:block; }.help-empty { display:none!important; }.help-article,.help-article[hidden] { display:block!important; margin:0 0 8mm; padding:7mm; border:1px solid #dedce7; border-radius:3mm; box-shadow:none; break-before:page; page-break-before:always; }.help-article-head h2 { color:#24242b!important; font-size:20pt; }.help-article-head p { color:#66616f!important; }.help-role { background:#eeeafe!important; color:#5946dc!important; }.help-anchor { display:none; }
  .help-screen { border-color:#d9d6e3!important; background:#f3f2f7!important; box-shadow:none; break-inside:avoid; page-break-inside:avoid; }.help-screen-body { height:105mm; }.help-steps { break-inside:avoid; page-break-inside:avoid; }.help-steps li { border-color:#dedce7; }.help-steps li>span,.help-stage-line span { background:#eeeafe!important; color:#5946dc!important; }.help-note { background:#eef8f4!important; }.help-warning { background:#fff5dc!important; }
  .help-print-footer { position:fixed; right:0; bottom:-11mm; left:0; display:block; padding-top:2mm; border-top:.2mm solid #d8d5df; color:#7c7785; text-align:center; font-size:7pt; }
  a { color:inherit!important; text-decoration:none!important; }.help-screen:hover { transform:none; }
}