/* Clean app chrome and clearly separated work sections. */
#lms-portal#lms-portal#lms-portal .app-header .header-start>div>small{display:none!important}
#lms-portal#lms-portal#lms-portal .app-header .header-start{align-items:center!important}
#lms-portal#lms-portal#lms-portal .page-title{padding-bottom:14px;border-bottom:1px solid var(--zx-line)}
#lms-portal#lms-portal#lms-portal :is(.tasks-summary,.quiz-overview){display:flex;flex-wrap:wrap;gap:14px 28px;padding:14px 0;margin:0!important;border-bottom:1px solid var(--zx-line);font-size:12px;line-height:1.5;color:var(--zx-muted)}
#lms-portal#lms-portal#lms-portal :is(.tasks-summary,.quiz-overview) b{font-size:22px;margin-right:6px;letter-spacing:-.5px}
#lms-portal#lms-portal#lms-portal .task-grid{display:flex;flex-direction:column;gap:10px}
#lms-portal#lms-portal#lms-portal .task-card.panel{border-radius:12px!important;border:1px solid var(--zx-line)!important;border-left:3px solid #a78bfa!important;padding:18px!important;gap:10px;box-shadow:none!important}
#lms-portal#lms-portal#lms-portal .task-card h3{font-size:18px!important}
#lms-portal#lms-portal#lms-portal .task-card .actions{justify-content:flex-end;border-top:1px solid #f0ebf5;padding-top:12px;margin-top:4px}
#lms-portal#lms-portal#lms-portal .task-review{margin-top:6px!important;border-top:2px solid #d9ccf3!important}
#lms-portal#lms-portal#lms-portal .quiz-directory.panel{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
#lms-portal#lms-portal#lms-portal .quiz-card{background:#fff;border-radius:12px;border-top:3px solid #b4a0df;box-shadow:0 2px 5px #34205205}
#lms-portal#lms-portal#lms-portal .quiz-card .actions{border-top:1px solid #f0ebf5;padding-top:14px;margin-top:auto}
#lms-portal#lms-portal#lms-portal .quiz-history{background:#fff;border:1px solid var(--zx-line);padding:0 16px;border-radius:12px}
#lms-portal#lms-portal#lms-portal .quiz-history article:last-child{border-bottom:0}
#lms-portal#lms-portal#lms-portal .task-card .badge{align-self:flex-start}
#lms-portal#lms-portal#lms-portal .tasks-empty{margin:4px 0!important}
#lms-portal#lms-portal#lms-portal .app-footer nav{display:flex;flex-wrap:wrap;gap:8px 14px}
@media(min-width:850px){#lms-portal#lms-portal#lms-portal .task-card.panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:22px}#lms-portal#lms-portal#lms-portal .task-card>:not(.actions){grid-column:1}#lms-portal#lms-portal#lms-portal .task-card .actions{grid-column:2;grid-row:1 / span 5;align-self:center;border:0;min-width:130px;margin:0;padding:0;max-width:220px}}
@media(max-width:640px){
 #lms-portal#lms-portal#lms-portal .mobile-app-nav{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));border:1px solid #ffffffd9!important;border-radius:22px!important;background:#ffffffdc!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 8px 35px #34205220!important;padding:6px!important;gap:2px}
 #lms-portal#lms-portal#lms-portal .mobile-app-nav a{border-radius:16px!important;min-width:0;font-size:9px!important;min-height:48px}
 #lms-portal#lms-portal#lms-portal .mobile-app-nav a.active{background:#ece2fccc!important;box-shadow:inset 0 -2px #7c3aed!important}
 #lms-portal#lms-portal#lms-portal :is(.tasks-summary,.quiz-overview){gap:12px 18px;padding:10px 0}
 #lms-portal#lms-portal#lms-portal :is(.tasks-summary,.quiz-overview) b{font-size:19px}
 #lms-portal#lms-portal#lms-portal .task-card.panel{padding:12px!important}
}
/* The tour is outside the portal root so it persists while its pages change. */
#zenx-welcome-tour{box-sizing:border-box;position:fixed;inset:auto 20px 20px auto;margin:0;width:390px;max-width:calc(100vw - 20px);max-height:70dvh;overflow:auto;border:1px solid #d9cbf0;border-radius:18px;padding:24px;background:#fff;color:#241b35;box-shadow:0 18px 70px #241b3540;font-family:Inter,system-ui,sans-serif;z-index:2147483000}
#zenx-welcome-tour::backdrop{background:#241b3540;backdrop-filter:blur(1px)}
#zenx-welcome-tour h2{font-size:23px!important;font-weight:700;line-height:1.3;letter-spacing:-.4px;margin:0 0 12px!important;color:#241b35}
#zenx-welcome-tour p{font-size:14px;line-height:1.7;margin:0 0 14px;overflow-wrap:anywhere}
#zenx-welcome-tour .tour-step{font-size:11px;font-weight:700;letter-spacing:1px;color:#6d28d9;margin-top:14px}
#zenx-welcome-tour .tour-note{font-size:12px;color:#756a82}
#zenx-welcome-tour .tour-progress{height:4px;border-radius:4px;background:#eee8f8;overflow:hidden}
#zenx-welcome-tour .tour-progress i{height:100%;display:block;background:#7c3aed}
#zenx-welcome-tour .tour-actions{display:flex;gap:10px;justify-content:space-between}
#zenx-welcome-tour button{font-family:inherit;font-size:13px;line-height:1.5;min-height:44px;padding:10px 16px;border:1px solid #e2d8ee;border-radius:10px;background:#fff;color:#5b21b6;cursor:pointer}
#zenx-welcome-tour .tour-primary{background:#6d28d9;color:#fff;border-color:#6d28d9}
#zenx-welcome-tour button:disabled{opacity:.5;cursor:default}
#zenx-welcome-tour .tour-exit{border:0;background:transparent;font-size:12px;margin-top:10px;padding:6px 0}
#zenx-welcome-tour #zenx-tour-error{color:#b42318;font-size:12px}
#zenx-welcome-tour button:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px}
#lms-portal .zenx-tour-target{outline:2px solid #a78bfa!important;outline-offset:4px;border-radius:6px}
@media(max-width:640px){#zenx-welcome-tour{left:10px;right:10px;bottom:85px;width:auto;max-height:64dvh;padding:20px}}
@media(prefers-reduced-motion:reduce){#zenx-welcome-tour,#zenx-welcome-tour *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}