/* Student learning dashboard — scoped to keep teacher/admin catalogs unchanged. */
.student-learning-shell .product-content{padding:0 34px 28px!important;background:#020d1a!important}
.student-learning-shell .product-content:before{display:none}
.ln-page{max-width:1600px;margin:0 auto;color:#f5f7ff}
.ln-hero{position:relative;display:flex;align-items:center;min-height:122px;padding:20px 6px;overflow:hidden;border-bottom:1px solid #172b49;background:radial-gradient(circle at 67% 60%,rgba(64,25,170,.18),transparent 29%)}
.ln-hero:after{content:"";position:absolute;inset:auto 10% -65px 42%;height:120px;background:radial-gradient(ellipse,rgba(87,39,218,.2),transparent 68%)}
.ln-hero>div:first-child{z-index:1}.ln-hero>div:first-child>span{color:#9a64ff;font-size:10px;font-weight:800;letter-spacing:2px}.ln-hero h1{margin:4px 0 2px;font-size:31px;line-height:1.05;letter-spacing:-1px}.ln-hero p{margin:0;color:#9eacc7;font-size:12px}
.ln-hero>strong{position:absolute;z-index:2;right:0;bottom:31px;padding:12px 19px;border:1px solid #26466c;border-radius:10px;background:#081a30;color:#b8c6df;font-size:11px}
.ln-hero-art{position:absolute;left:53%;bottom:0;width:300px;height:112px;opacity:.75;transform:translateX(-50%)}
.ln-hero-art i{position:absolute;left:82px;bottom:-29px;width:135px;height:98px;border:2px solid #3b1f8f;border-radius:50%;background:radial-gradient(circle at 50% 42%,#3e1c83 0 9%,transparent 10%),linear-gradient(155deg,rgba(77,38,166,.62),rgba(13,19,57,.9));box-shadow:0 0 35px rgba(108,45,255,.25);transform:perspective(190px) rotateX(62deg)}
.ln-hero-art b{position:absolute;left:100px;bottom:38px;width:102px;height:54px;border:2px solid #512bad;border-radius:8px;background:linear-gradient(145deg,#241262,#0b1738);transform:skewY(-8deg);box-shadow:0 10px 35px rgba(88,37,200,.28)}
.ln-hero-art em{position:absolute;left:127px;bottom:70px;width:58px;height:28px;border:2px solid #6f3ad5;border-radius:30px 30px 5px 5px;background:#271064;box-shadow:0 -8px 30px rgba(113,55,255,.34)}
.ln-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 -4px 12px;padding:7px;border:1px solid #244264;border-radius:12px;background:linear-gradient(135deg,rgba(8,24,44,.96),rgba(5,18,34,.96));box-shadow:inset 0 0 25px rgba(45,76,144,.05)}
.ln-tabs,.ln-view-tools{display:flex;align-items:center;gap:8px}.ln-tabs button{height:38px;padding:0 20px;border:1px solid transparent;border-radius:9px;background:transparent;color:#9facc4;font:700 10px Manrope;cursor:pointer}.ln-tabs button b{margin-left:6px;padding:3px 7px;border-radius:11px;background:#1b2b48;color:#bfc9db;font-size:9px}.ln-tabs button:hover{color:#fff}.ln-tabs button.active{border-color:#8b52ff;background:linear-gradient(135deg,#8450f9,#6621e7);color:#fff;box-shadow:0 7px 19px rgba(102,35,229,.25)}.ln-tabs button.active b{background:rgba(255,255,255,.16);color:#fff}
.ln-view-tools label{position:relative;display:flex;align-items:center;width:185px;height:38px;border:1px solid #244264;border-radius:8px;background:#081a30;color:#9badc8}.ln-view-tools label>.ui-icon:first-child{position:absolute;left:12px;width:16px}.ln-view-tools label>.ui-icon:last-child{position:absolute;right:10px;width:12px;pointer-events:none}.ln-view-tools select{width:100%;height:100%;padding:0 30px 0 36px;border:0;appearance:none;background:transparent;color:#c7d1e4;font:600 9px Manrope;outline:0;cursor:pointer}.ln-view-tools select option{background:#091b31}.ln-view-tools>button{display:grid;place-items:center;width:39px;height:38px;padding:0;border:1px solid #244264;border-radius:8px;background:#081a30;color:#8394af;cursor:pointer}.ln-view-tools>button .ui-icon{width:18px}.ln-view-tools>button.active{border-color:#8f55ff;background:linear-gradient(135deg,#834bf1,#5319c9);color:#fff;box-shadow:0 0 18px rgba(111,51,234,.24)}
.ln-current{position:relative;display:grid;grid-template-columns:105px minmax(300px,1fr) minmax(260px,.85fr) 200px;align-items:center;gap:24px;min-height:176px;margin-bottom:14px;padding:22px 24px;overflow:hidden;border:2px solid #7c42ed;border-radius:15px;background:linear-gradient(115deg,#0d1a40 0%,#101a40 44%,#130d48 100%);box-shadow:0 0 29px rgba(89,36,196,.15),inset 0 0 40px rgba(74,34,157,.08)}
.ln-current[hidden]{display:none!important}
.ln-current:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 45%,rgba(83,43,199,.28),transparent 30%);pointer-events:none}.ln-current-icon{z-index:1;display:grid;place-items:center;width:101px;height:101px;border:1px solid #5c38ae;border-radius:15px;background:linear-gradient(145deg,#26135f,#1a1749);color:#925eff}.ln-current-icon .ui-icon{width:42px}.ln-current-copy{z-index:1;display:grid;align-content:center}.ln-current-copy>span{display:flex;align-items:center;gap:6px;width:max-content;margin-bottom:7px;padding:5px 10px;border:1px solid #5d3aa9;border-radius:16px;background:rgba(75,43,147,.35);color:#b899ff;font-size:8px;font-weight:800}.ln-current-copy>span i{width:7px;height:7px;border-radius:50%;background:#32e3be;box-shadow:0 0 10px #32e3be}.ln-current-copy>small{color:#9babc7;font-size:9px}.ln-current-copy h2{margin:6px 0 4px;font-size:21px;line-height:1.2}.ln-current-copy p{display:flex;align-items:center;gap:7px;margin:0;color:#a9b7d0;font-size:10px}.ln-current-copy p .ui-icon{width:15px}.ln-current-copy em{max-width:500px;margin-top:8px;overflow:hidden;color:#94a4c0;font-size:10px;font-style:normal;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ln-current-art{z-index:1;position:relative;height:130px}.ln-current-art .screen{position:absolute;left:4px;bottom:26px;width:105px;height:68px;border:2px solid #3a238e;border-radius:8px;background:linear-gradient(145deg,#17134d,#081630);transform:skewY(-7deg);box-shadow:0 20px 30px rgba(0,0,0,.22)}.ln-current-art .screen:after{content:"";position:absolute;left:20px;right:20px;top:20px;height:4px;border-radius:4px;background:#7e4df2;box-shadow:0 13px 0 #422697}.ln-current-art .server{position:absolute;right:18px;bottom:10px;width:100px;height:66px;border:2px solid #5a35b5;border-radius:8px;background:repeating-linear-gradient(to bottom,#1e1260 0 18px,#6742d7 19px 21px)}.ln-current-art .globe{position:absolute;right:37px;bottom:55px;width:62px;height:62px;border:2px solid #8558f6;border-radius:50%;background:radial-gradient(circle,transparent 40%,rgba(121,70,236,.25) 42%);box-shadow:0 0 26px rgba(125,66,242,.45)}.ln-current-art .globe:before,.ln-current-art .globe:after{content:"";position:absolute;inset:8px 18px;border:1px solid #774be1;border-radius:50%}.ln-current-art .globe:after{inset:29px 5px auto;height:0;border-width:1px 0 0;border-radius:0}
.ln-current-action{z-index:1;display:grid;justify-items:stretch;gap:20px}.ln-current-action>strong{justify-self:end;padding:7px 13px;border-radius:8px;background:#f4f0ff;color:#7240ec;font-size:8px}.ln-current-action .btn{justify-content:center;height:48px;border-radius:9px;background:linear-gradient(135deg,#994fff,#7429f0);font-size:11px;box-shadow:0 8px 25px rgba(116,41,240,.28)}.ln-current-action .btn .ui-icon{width:18px}
.ln-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ln-card{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr) 28px;align-items:start;gap:13px;min-height:146px;padding:16px;border:1px solid #1e3a5c;border-radius:13px;background:linear-gradient(145deg,rgba(8,25,45,.98),rgba(6,19,35,.98));box-shadow:inset 0 0 26px rgba(44,83,148,.04);transition:.16s}.ln-card:hover{border-color:#5f3bb1;transform:translateY(-1px)}.ln-card[hidden]{display:none!important}.ln-card-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #4f329b;border-radius:12px;background:linear-gradient(145deg,#2a176a,#201450);color:#9a67ff}.ln-card-icon .ui-icon{width:30px}.ln-card-copy{min-width:0}.ln-card-copy>small{display:block;padding-right:82px;overflow:hidden;color:#8f9fba;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ln-card-copy h2{margin:7px 0 8px;color:#eef2fb;font-size:12px;line-height:1.3}.ln-card-copy p{display:flex;align-items:center;gap:7px;margin:0;color:#9aaac4;font-size:8px}.ln-card-copy p .ui-icon{width:14px}.ln-card-copy em{display:block;margin-top:9px;overflow:hidden;color:#8293af;font-size:8px;font-style:normal;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ln-card-status{position:absolute;right:14px;top:14px;padding:6px 9px;border-radius:8px;background:#f1edff;color:#7040dd;font-size:7px;font-weight:800}.ln-card.is-completed .ln-card-status{border:1px solid #0d735e;background:#073f38;color:#50e4bb}.ln-card>a{align-self:end;display:grid;place-items:center;width:28px;height:28px;border:1px solid #2a4367;border-radius:50%;background:#101e3e;color:#a7b5ce}.ln-card>a .ui-icon{width:14px}.ln-card.is-locked{opacity:.78}.ln-card.is-locked>a{color:#74849f}
.ln-page.is-list .ln-grid{grid-template-columns:1fr}.ln-page.is-list .ln-card{grid-template-columns:66px minmax(0,1fr) 110px 30px;min-height:96px;align-items:center}.ln-page.is-list .ln-card-status{position:static;text-align:center}.ln-page.is-list .ln-card-copy em{-webkit-line-clamp:1}.ln-empty{padding:48px;border:1px dashed #294766;border-radius:12px;color:#91a1bb;text-align:center;font-size:11px}
.ln-timeline{margin-top:14px;padding:13px 18px 17px;border:1px solid #214161;border-radius:13px;background:linear-gradient(145deg,#071a31,#061528)}.ln-timeline>header{display:flex;align-items:center;justify-content:space-between}.ln-timeline>header>div{display:flex;align-items:center;gap:12px}.ln-timeline>header>div>.ui-icon{width:22px;color:#9d5fff}.ln-timeline h2{margin:0 0 2px;font-size:13px}.ln-timeline p{margin:0;color:#8495b1;font-size:8px}.ln-timeline header>a{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #483379;border-radius:8px;background:#16184b;color:#c4b5ed;font-size:8px;text-decoration:none}.ln-timeline header>a .ui-icon{width:14px}.ln-timeline>div{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:19px;margin-top:14px}.ln-timeline>div:before{content:"";position:absolute;left:20px;right:8%;top:7px;border-top:1px dashed #315478}.ln-timeline>div>a{z-index:1;display:grid;grid-template-columns:26px 1fr;color:#8799b6;text-decoration:none}.ln-timeline>div>a i{grid-row:1/4;display:block;width:14px;height:14px;border:4px solid #20395d;border-radius:50%;background:#7691bc;box-sizing:border-box;box-shadow:0 0 0 5px #071a31}.ln-timeline>div>a.current i{border-color:#7b4af1;background:#c582ff}.ln-timeline>div>a small{color:#9caac2;font-size:8px}.ln-timeline>div>a.current small{color:#b36dff;font-weight:800}.ln-timeline>div>a span{margin-top:2px;font-size:7px}.ln-timeline>div>a b{margin-top:7px;color:#bec9db;font-size:8px;line-height:1.35}.ln-timeline>div>a:hover b{color:#fff}
@media(max-width:1250px){.student-learning-shell .product-content{padding:0 22px 28px!important}.ln-current{grid-template-columns:90px 1fr 230px 170px}.ln-current-icon{width:85px;height:85px}.ln-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ln-timeline>div{grid-template-columns:repeat(3,1fr);row-gap:22px}.ln-timeline>div:before{display:none}}
@media(max-width:850px){.ln-hero-art{display:none}.ln-current{grid-template-columns:74px 1fr 150px}.ln-current-icon{width:70px;height:70px}.ln-current-art{display:none}.ln-toolbar{align-items:stretch;flex-direction:column}.ln-tabs{overflow-x:auto}.ln-tabs button{flex:0 0 auto}.ln-view-tools{justify-content:flex-end}.ln-grid{grid-template-columns:1fr}.ln-current-action{grid-column:3}.ln-timeline>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.student-learning-shell .product-content{padding:0 12px 90px!important}.ln-hero{min-height:105px}.ln-hero h1{font-size:27px}.ln-hero>strong{right:3px;bottom:25px;padding:9px 12px}.ln-tabs button{padding:0 12px;font-size:9px}.ln-view-tools label{flex:1}.ln-current{grid-template-columns:54px 1fr;gap:12px;padding:16px}.ln-current-icon{width:52px;height:52px}.ln-current-icon .ui-icon{width:25px}.ln-current-copy h2{font-size:17px}.ln-current-action{grid-column:1/3;display:flex;align-items:center}.ln-current-action>strong{margin-right:auto}.ln-current-action .btn{width:160px;height:42px}.ln-card{grid-template-columns:52px minmax(0,1fr) 26px;padding:12px}.ln-card-icon{width:50px;height:50px}.ln-card-copy>small{padding-right:0}.ln-card-status{position:static;grid-column:2;grid-row:2}.ln-card>a{grid-column:3;grid-row:1/3}.ln-page.is-list .ln-card{grid-template-columns:52px minmax(0,1fr) 28px}.ln-page.is-list .ln-card-status{grid-column:2}.ln-timeline>header{gap:10px}.ln-timeline header>a{padding:9px;font-size:0}.ln-timeline>div{grid-template-columns:1fr}}
