/* 4P3X AI™ transparent adaptive intelligence layer — v33 */
.ai-intelligence-panel{position:relative;overflow:hidden;border:1px solid rgba(192,132,252,.28);border-radius:22px;background:linear-gradient(155deg,rgba(126,34,206,.14),rgba(15,23,42,.78) 48%,rgba(20,184,166,.08));box-shadow:0 22px 70px rgba(0,0,0,.22)}
.ai-intelligence-panel:before{content:"";position:absolute;inset:-90px auto auto -70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,.18),transparent 68%);pointer-events:none}
.ai-panel-head{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.11)}
.ai-panel-head h2,.ai-panel-head h3{margin:0}.ai-panel-head p{max-width:760px;margin:6px 0 0;color:var(--ds-muted,#aebed0)}
.ai-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(192,132,252,.3);border-radius:999px;background:rgba(126,34,206,.15);color:#ead7ff;font-size:.74rem;font-weight:900;white-space:nowrap}.ai-badge:before{content:"✦";color:#c084fc}
.ai-panel-body{position:relative;padding:22px}.ai-profile-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.25fr);gap:18px}.ai-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-setting{display:grid;gap:7px}.ai-setting label{font-weight:850;font-size:.8rem;color:#dce8f2}.ai-setting select,.ai-setting input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#08111e;color:#fff;padding:11px 12px;font:inherit}
.ai-learning-card{padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035)}.ai-learning-card h3{margin:0 0 8px}.ai-learning-card p{margin:5px 0;color:var(--ds-muted,#aebed0)}
.ai-signal-list{display:grid;gap:9px;margin-top:13px}.ai-signal{display:grid;grid-template-columns:minmax(130px,.8fr) 1.25fr 56px;gap:10px;align-items:center}.ai-signal strong{font-size:.8rem}.ai-signal-track{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.ai-signal-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7e22ce,#c084fc)}.ai-signal small{text-align:right;color:#d8b4fe;font-weight:900}
.ai-learned-summary{display:grid;gap:9px;margin-top:14px}.ai-memory-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(3,7,18,.26)}.ai-memory-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(192,132,252,.13);color:#e9d5ff}.ai-memory-row strong,.ai-memory-row span{display:block}.ai-memory-row span{font-size:.78rem;color:var(--ds-muted,#aebed0)}
.ai-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.ai-boundary{margin-top:16px;padding:13px 15px;border-left:4px solid #f4d47c;border-radius:12px;background:rgba(244,212,124,.07);color:#e9e2cc}.ai-boundary strong{color:#fff}
.ai-adapted .metric-card,.ai-adapted .ds-panel{transition:.2s ease}.ai-density-compact .metric-card{min-height:112px;padding:14px}.ai-density-compact .ds-panel-body{padding:14px}.ai-density-compact .ds-table td{padding:9px 11px}.ai-density-spacious .metric-card{min-height:165px;padding:24px}.ai-density-spacious .ds-panel-body{padding:26px}.ai-focus-mode .metric-card:not([data-priority="high"]){opacity:.64}.ai-focus-mode .ds-section.active>.ds-grid>.ds-panel:not([data-priority="high"]){opacity:.72}.ai-calm-mode .metric-trend,.ai-calm-mode .status-chip{filter:saturate(.72)}
.ai-role-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ai-role-card{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.03);cursor:pointer}.ai-role-card:hover,.ai-role-card:focus-visible{border-color:rgba(94,234,212,.45);background:rgba(94,234,212,.06)}.ai-role-card.active{border-color:#5eead4;background:rgba(20,184,166,.12);box-shadow:0 0 0 3px rgba(94,234,212,.08)}.ai-role-card strong,.ai-role-card span{display:block}.ai-role-card span{margin-top:4px;color:var(--ds-muted,#aebed0);font-size:.76rem}
.ai-flow{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;align-items:stretch}.ai-flow-step{position:relative;padding:14px 12px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.03);text-align:center}.ai-flow-step:after{content:"→";position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;color:#5eead4;font-weight:950}.ai-flow-step:last-child:after{display:none}.ai-flow-step strong,.ai-flow-step span{display:block}.ai-flow-step span{margin-top:4px;font-size:.75rem;color:var(--ds-muted,#aebed0)}.ai-flow-step.complete{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.07)}.ai-flow-step.active{border-color:#f4d47c;background:rgba(244,212,124,.11);box-shadow:0 0 0 3px rgba(244,212,124,.07)}
.adaptive-demo-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.75fr);gap:16px}.learner-stage{min-height:390px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(192,132,252,.12),transparent 34%),linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.02))}.learner-stage h2{font-size:clamp(1.65rem,3vw,2.45rem);margin:8px 0 12px}.lesson-example{margin:18px 0;padding:20px;border:1px solid rgba(94,234,212,.25);border-radius:18px;background:rgba(20,184,166,.07)}.counter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.counter-dot{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#14b8a6;color:#04110f;font-weight:950}.counter-dot.alt{background:#c084fc;color:#160621}.lesson-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.lesson-choice{padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.035);color:#fff;font:inherit;font-weight:850;cursor:pointer}.lesson-choice:hover{background:rgba(94,234,212,.08)}.adaptation-reason{display:grid;gap:9px}.reason-row{padding:12px;border-left:3px solid #c084fc;border-radius:10px;background:rgba(192,132,252,.07)}.reason-row strong,.reason-row span{display:block}.reason-row span{font-size:.8rem;color:var(--ds-muted,#aebed0)}
.admin-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-task{padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.03)}.admin-task.active{border-color:#5eead4;background:rgba(20,184,166,.08)}.admin-task strong,.admin-task span{display:block}.admin-task span{margin-top:5px;color:var(--ds-muted,#aebed0);font-size:.8rem}.procedure-list{counter-reset:step;display:grid;gap:9px}.procedure-step{counter-increment:step;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.025)}.procedure-step:before{content:counter(step);width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(94,234,212,.1);color:#5eead4;font-weight:950}.procedure-step small{color:var(--ds-muted,#aebed0)}.validation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.validation-card{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}.validation-card.pass{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.07)}.validation-card strong,.validation-card span{display:block}.validation-card span{font-size:.78rem;color:var(--ds-muted,#aebed0);margin-top:5px}.output-preview{padding:18px;border:1px solid rgba(94,234,212,.22);border-radius:17px;background:#07111c}.output-preview pre{white-space:pre-wrap;margin:0;color:#dce8f2;font:500 .82rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:1180px){.ai-role-map{grid-template-columns:repeat(3,1fr)}.ai-flow{grid-template-columns:repeat(3,1fr)}.ai-flow-step:nth-child(3):after{display:none}.admin-task-grid{grid-template-columns:1fr}.adaptive-demo-grid{grid-template-columns:1fr}}
@media(max-width:820px){.ai-profile-grid{grid-template-columns:1fr}.ai-settings-grid{grid-template-columns:1fr}.ai-role-map{grid-template-columns:repeat(2,1fr)}.ai-panel-head{display:block}.ai-badge{margin-top:12px}.validation-grid{grid-template-columns:1fr}.lesson-choice-grid{grid-template-columns:1fr}}
@media(max-width:560px){.ai-role-map{grid-template-columns:1fr}.ai-flow{grid-template-columns:1fr}.ai-flow-step:after{content:"↓";right:50%;top:auto;bottom:-14px;transform:translateX(50%)}.ai-flow-step:nth-child(3):after{display:block}.ai-flow-step:last-child:after{display:none}.ai-signal{grid-template-columns:1fr 50px}.ai-signal strong{grid-column:1/-1}.ai-actions{display:grid;grid-template-columns:1fr}}