.students-dash .roadmap-chat-layout{gap:18px}.students-dash .roadmap-chat-panel{border-radius:var(--student-radius,4px);border:1px solid color-mix(in srgb, var(--ink) 8%, var(--stroke-01));background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--orange) 14%, transparent), transparent 58%), radial-gradient(90% 70% at 100% 100%, color-mix(in srgb, var(--green) 10%, transparent), transparent 55%), linear-gradient(180deg, #fff 0%, #f8f6f1 100%);padding:14px;position:relative;box-shadow:0 18px 48px #1e1e1e0f}.students-dash .roadmap-chat-panel:before{content:"";pointer-events:none;border-radius:inherit;background-image:radial-gradient(color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px);opacity:.35;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.students-dash .roadmap-chat-head{z-index:1;border-radius:var(--student-radius,4px);border:1px solid color-mix(in srgb, var(--ink) 6%, var(--stroke-01));background:#ffffffe0;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;display:flex;position:relative}.students-dash .roadmap-chat-avatar{border-radius:var(--student-radius,4px);background:var(--ink);color:#fff;letter-spacing:.04em;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:grid}.students-dash .roadmap-chat-head-copy{gap:2px;min-width:0;display:grid}.students-dash .roadmap-chat-head-copy strong{letter-spacing:-.02em;font-size:14px}.students-dash .roadmap-chat-head-copy span{color:var(--muted);font-size:12px;line-height:1.35}.students-dash .roadmap-chat-thread{z-index:1;border:1px solid color-mix(in srgb, var(--ink) 6%, var(--stroke-01));border-radius:var(--student-radius,4px);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink) 18%, transparent) transparent;background:#ffffffd1;padding:12px 10px;position:relative}.students-dash .roadmap-chat-thread::-webkit-scrollbar{width:5px}.students-dash .roadmap-chat-thread::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ink) 20%, transparent);border-radius:999px}.students-dash .roadmap-chat-bubble{border-radius:var(--student-radius,4px);padding:12px 14px;box-shadow:0 6px 18px #1e1e1e0f}.students-dash .roadmap-chat-bubble p{font-size:14px;line-height:1.5}.students-dash .roadmap-chat-bubble.is-user{background:var(--ink);color:#fff;border-bottom-right-radius:2px}.students-dash .roadmap-chat-bubble.is-user p{font-weight:600}.students-dash .roadmap-chat-bubble.is-assistant{border:1px solid color-mix(in srgb, var(--ink) 8%, var(--stroke-01));background:#fff;border-bottom-left-radius:2px}.students-dash .roadmap-chat-bubble.is-typing p{color:var(--muted);font-style:italic}.students-dash .roadmap-track-chips,.students-dash .roadmap-self-level{border-top:1px solid color-mix(in srgb, var(--ink) 8%, var(--stroke-01));margin-top:10px;padding-top:10px}.students-dash .roadmap-chat-bubble.is-user .roadmap-track-chips,.students-dash .roadmap-chat-bubble.is-user .roadmap-self-level{border-top-color:#ffffff29}.students-dash .roadmap-track-chip,.students-dash .roadmap-self-chip{border-radius:var(--student-radius,4px);background:#fff;width:100%;padding:12px 14px;transition:border-color .15s,background .15s,transform .12s}.students-dash .roadmap-track-chip:active:not(:disabled),.students-dash .roadmap-self-chip:active:not(:disabled){transform:scale(.98)}.students-dash .roadmap-track-chip.is-active{border-color:var(--orange);background:color-mix(in srgb, var(--orange) 8%, #fff);box-shadow:0 0 0 2px color-mix(in srgb, var(--orange) 18%, transparent)}.students-dash .roadmap-chat-composer{border:1px solid color-mix(in srgb, var(--ink) 8%, var(--stroke-01));border-radius:var(--student-radius,4px);background:#fff;padding:8px;box-shadow:0 8px 20px #1e1e1e0a}.students-dash .roadmap-chat-composer input{border-radius:var(--student-radius,4px);border:1px solid color-mix(in srgb, var(--ink) 10%, var(--stroke-01));background:#faf8f4;min-height:48px}.students-dash .roadmap-chat-composer input:focus{border-color:color-mix(in srgb, var(--orange) 45%, var(--stroke-01));box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 14%, transparent);outline:0}.students-dash .roadmap-builder-chips{z-index:1;gap:8px;display:grid;position:relative}.students-dash .roadmap-builder-chips-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:800}.students-dash .roadmap-builder-chips-row{flex-wrap:wrap;gap:8px;display:flex}.students-dash .roadmap-chat-composer .button-orange{letter-spacing:.01em;min-width:76px;min-height:48px;padding:0 18px;font-weight:800;border-radius:var(--student-radius,4px)!important;color:#c6f531!important;background:#0c3d28!important}.students-dash .roadmap-chat-composer .button-orange:disabled{opacity:.45}.students-dash .roadmap-builder-chips .future-roadmap-chip{border-radius:var(--student-radius,4px);border:1px solid color-mix(in srgb, var(--ink) 10%, var(--stroke-01));background:#fff;padding:9px 14px;font-size:13px;font-weight:650;line-height:1.2;transition:border-color .15s,background .15s,transform .12s}.students-dash .roadmap-builder-chips .future-roadmap-chip:hover{border-color:color-mix(in srgb, var(--orange) 50%, var(--stroke-01));background:color-mix(in srgb, var(--orange) 7%, #fff)}.students-dash .roadmap-builder-chips .future-roadmap-chip:active:not(:disabled){transform:scale(.98)}.students-dash .roadmap-chat-status{color:var(--brown);background:color-mix(in srgb, var(--brown) 8%, #fff);border:1px solid color-mix(in srgb, var(--brown) 18%, var(--stroke-01));border-radius:var(--student-radius,4px);margin:0;padding:8px 10px;font-size:13px}.students-dash .roadmap-ladder-shell{gap:14px;display:grid}.students-dash .roadmap-ladder-head{border-radius:var(--student-radius,4px);background:radial-gradient(90% 80% at 100% 0%, color-mix(in srgb, var(--green) 14%, transparent), transparent 60%), linear-gradient(180deg, #fff 0%, #faf8f4 100%);border:1px solid color-mix(in srgb, var(--ink) 8%, var(--stroke-01));padding:18px 18px 16px;box-shadow:0 14px 36px #1e1e1e0f}.students-dash .roadmap-ladder-head h3{letter-spacing:-.03em;margin:4px 0 6px}.students-dash .roadmap-visual-track{padding-left:2px;position:relative}.students-dash .roadmap-nav-pin{border-radius:var(--student-radius,4px);width:40px;height:40px;box-shadow:0 0 0 5px color-mix(in srgb, var(--rm-accent,var(--orange)) 14%, transparent)}.students-dash .roadmap-step-num{max-width:72px;line-height:1.25}.students-dash .roadmap-dotted-connector{border-left-width:2px;border-left-color:color-mix(in srgb, var(--rm-accent,var(--orange)) 35%, transparent);min-height:40px}.students-dash .roadmap-progress{gap:8px;margin-top:14px;display:grid}.students-dash .roadmap-progress-label{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.students-dash .roadmap-progress-label strong{color:var(--ink);font-size:13px}.students-dash .roadmap-progress-track{background:#ece8e1;border-radius:999px;height:8px;overflow:hidden}.students-dash .roadmap-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--green), color-mix(in srgb, var(--green) 70%, var(--orange)));height:100%;transition:width .35s}.students-dash .roadmap-cert-list li{border-radius:var(--student-radius,4px)}.students-dash .roadmap-visual-body{border-radius:var(--student-radius,4px);border:1px solid color-mix(in srgb, var(--ink) 8%, var(--stroke-01));border-left:4px solid var(--rm-accent,var(--orange));padding:18px 18px 20px;box-shadow:0 12px 28px #1e1e1e0d}.students-dash .roadmap-nav-pin,.students-dash .roadmap-desig-card{border-radius:var(--student-radius,4px)}.students-dash .roadmap-course-card{border-radius:var(--student-radius,4px);border:1px solid color-mix(in srgb, var(--ink) 8%, var(--stroke-01));background:#fff}.students-dash .roadmap-course-card-media,.students-dash .roadmap-video-card{border-radius:var(--student-radius,4px)}.students-dash .roadmap-jobs-rail{border-radius:var(--student-radius,4px);border:1px solid color-mix(in srgb, var(--ink) 8%, var(--stroke-01));background:#fff;padding:16px 18px}.students-dash .roadmap-jobs-rail h4{letter-spacing:.02em;margin:0 0 12px;font-size:14px}.students-dash .roadmap-jobs-rail li{border-bottom:1px solid #f0ebe4;padding:10px 0}.students-dash .roadmap-jobs-rail li:last-child{border-bottom:0;padding-bottom:0}.students-dash .roadmap-side-placeholder{min-height:100%}.students-dash .roadmap-side-placeholder-inner{border-radius:var(--student-radius,4px);border:1px solid color-mix(in srgb, var(--ink) 10%, var(--stroke-01));background:radial-gradient(80% 60% at 20% 0%, color-mix(in srgb, var(--orange) 12%, transparent), transparent 60%), radial-gradient(70% 50% at 100% 100%, color-mix(in srgb, var(--green) 10%, transparent), transparent 55%), linear-gradient(180deg, #fff 0%, #f7f4ee 100%);align-content:start;gap:10px;height:100%;min-height:280px;padding:20px 18px;display:grid;box-shadow:0 12px 32px #1e1e1e0d}.students-dash .roadmap-side-placeholder-inner h3{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,2.5vw,1.55rem)}.students-dash .roadmap-side-placeholder-inner>p{color:var(--muted);max-width:36ch;margin:0;font-size:14px;line-height:1.5}.students-dash .roadmap-preview-steps{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.students-dash .roadmap-preview-steps li{border-radius:var(--student-radius,4px);border:1px solid color-mix(in srgb, var(--ink) 7%, var(--stroke-01));background:#fff;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.students-dash .roadmap-preview-steps li span{border-radius:var(--student-radius,4px);background:var(--ink);color:#fff;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}@media (max-width:960px){.students-dash .dash-panel.is-active:has(.roadmap-chat){-webkit-overflow-scrolling:touch;display:block;overflow:auto}.students-dash .roadmap-builder.roadmap-chat{flex:none;min-height:auto;display:block}.students-dash .roadmap-chat-layout{flex-direction:column;flex:none;gap:16px;height:auto;min-height:auto;max-height:none;display:flex}.students-dash .roadmap-chat-panel{flex-direction:column;order:1;gap:12px;height:auto;min-height:0;max-height:none;display:flex;overflow:visible}.students-dash .roadmap-chat-thread{flex-direction:column;flex:0 auto;align-items:stretch;gap:12px;min-height:140px;max-height:min(44vh,380px);display:flex;overflow:hidden auto}.students-dash .roadmap-chat-bubble{flex-shrink:0;max-width:88%}.students-dash .roadmap-chat-bubble.is-user{align-self:flex-end;max-width:82%;margin-left:0}.students-dash .roadmap-chat-bubble.is-assistant{align-self:flex-start;max-width:92%}.students-dash .roadmap-track-chips,.students-dash .roadmap-self-level{width:100%}.students-dash .roadmap-chat-composer,.students-dash .roadmap-builder-chips{flex-shrink:0}.students-dash .roadmap-chat-side{border-top:1px solid color-mix(in srgb, var(--ink) 8%, transparent);order:2;height:auto;max-height:none;margin-top:4px;padding:18px 0 0;overflow:visible}.students-dash .roadmap-side-placeholder:before{content:"Your career path";letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:800;display:block}.students-dash .roadmap-side-placeholder{display:block}.students-dash .roadmap-side-placeholder-inner{min-height:auto;padding:16px}.students-dash .roadmap-builder-chips-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0% 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 88%,#0000 100%)}.students-dash .roadmap-builder-chips-row::-webkit-scrollbar{display:none}.students-dash .roadmap-builder-chips .future-roadmap-chip{white-space:nowrap;flex-shrink:0}.students-dash .roadmap-chat-panel{padding:12px}.students-dash .roadmap-chat-head{margin-bottom:0}.students-dash .roadmap-preview-steps li{padding:11px 12px;font-size:13px}.students-dash .roadmap-ladder-head,.students-dash .roadmap-visual-body{padding:14px}.students-dash .roadmap-course-card{grid-template-columns:1fr}.students-dash .roadmap-course-card-media{aspect-ratio:16/10;min-height:0}.students-dash .roadmap-visual-step{grid-template-columns:44px minmax(0,1fr);gap:8px 10px}}
