/* AI Discovery Lab – management pages (works with style.css variables, LTR and RTL) */

.m-impersonation{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 24px 0;padding:12px 18px;border-radius:16px;background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(239,68,68,.18));border:1px solid rgba(245,158,11,.55);color:#fde68a;font-weight:800}
.m-impersonation span{display:block;color:#fef3c7;font-weight:600;margin-top:3px}
.m-anon-lang{position:fixed;top:14px;inset-inline-end:16px;z-index:50;display:flex;gap:6px}
.m-anon-lang a{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border-soft);color:var(--text-soft);font-weight:800;text-decoration:none;font-size:14px}
.m-anon-lang a.on{background:var(--primary);color:#00111d}

.m-page{display:grid;gap:22px}
.m-head{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.m-head h1{margin:6px 0 4px;font-size:clamp(26px,3.2vw,40px);letter-spacing:-.03em;line-height:1.1}
.m-head p{margin:0;color:var(--text-soft);max-width:860px;line-height:1.6}
.m-kicker{color:var(--primary);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.rtl .m-kicker{letter-spacing:0}
.m-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.m-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:22px;padding:22px;box-shadow:var(--shadow-card);min-width:0}
.m-card h2{margin:0 0 6px;font-size:21px}
.m-card h3{margin:0 0 8px;font-size:17px}
.m-card>p.m-sub,.m-sub{color:var(--text-muted);margin:0 0 14px;line-height:1.55;font-size:14px}
.m-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.m-grid-2{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.m-grid-3{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}

.m-stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.m-stat{background:rgba(255,255,255,.06);border:1px solid var(--border-soft);border-radius:18px;padding:16px}
.m-stat b{display:block;font-size:28px;color:var(--primary);font-weight:950;line-height:1.1}
.m-stat span{color:var(--text-soft);font-weight:700;font-size:13px}
.m-stat.ok b{color:var(--success)}.m-stat.warn b{color:var(--warning)}.m-stat.bad b{color:var(--danger)}

.m-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border-soft);padding-bottom:10px}
.m-tabs a{padding:9px 14px;border-radius:999px;color:var(--text-soft);text-decoration:none;font-weight:800;font-size:14px;border:1px solid transparent}
.m-tabs a:hover{background:rgba(255,255,255,.06)}
.m-tabs a.on{background:var(--primary-soft);color:var(--primary);border-color:rgba(56,189,248,.4)}

.m-form{display:grid;gap:12px}
.m-form.inline{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}
.m-form label,.m-field>span{display:block;font-weight:800;font-size:13px;color:var(--text-soft);margin-bottom:5px}
.m-form input[type=text],.m-form input[type=email],.m-form input[type=password],.m-form input[type=search],.m-form input[type=number],.m-form input[type=date],.m-form input[type=datetime-local],.m-form input:not([type]),.m-form select,.m-form textarea,.m-input{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:12px;border:1px solid var(--border-soft);background:rgba(2,6,23,.55);color:var(--text-main);font:inherit;font-size:15px}
.m-form textarea{min-height:80px;resize:vertical}
.m-form input:focus,.m-form select:focus,.m-form textarea:focus,.m-input:focus{outline:2px solid var(--primary);border-color:transparent}
.m-check{display:flex;gap:9px;align-items:center;font-weight:700;color:var(--text-soft)}
.m-check input{width:18px;height:18px;accent-color:var(--primary)}
.m-hint{font-size:13px;color:var(--text-muted);line-height:1.5}
.m-inline{display:inline}

.m-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--border-soft)}
.m-table{width:100%;border-collapse:collapse;font-size:14px}
.m-table th,.m-table td{padding:11px 12px;border-bottom:1px solid var(--border-soft);text-align:start;vertical-align:top}
.m-table th{background:rgba(56,189,248,.08);color:var(--primary);font-size:12px;font-weight:900;white-space:nowrap}
.m-table tr:last-child td{border-bottom:0}
.m-table td small{display:block;color:var(--text-muted);margin-top:2px}
.m-table tr.dim td{opacity:.55}
.m-num{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}

.m-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:800;font-size:12px;background:rgba(255,255,255,.08);color:var(--text-soft);white-space:nowrap}
.m-pill.ok{background:var(--success-soft);color:#86efac}
.m-pill.warn{background:var(--warning-soft);color:#fcd34d}
.m-pill.bad{background:var(--danger-soft);color:#fca5a5}
.m-pill.info{background:var(--primary-soft);color:#7dd3fc}

.m-flash{padding:13px 16px;border-radius:14px;font-weight:800;border:1px solid var(--border-soft)}
.m-flash.success{background:var(--success-soft);color:#bbf7d0;border-color:rgba(34,197,94,.45)}
.m-flash.error{background:var(--danger-soft);color:#fecaca;border-color:rgba(239,68,68,.45)}
.m-flash.info{background:var(--primary-soft);color:#bae6fd}

.m-secret{border:2px dashed var(--warning);background:var(--warning-soft);border-radius:18px;padding:16px}
.m-secret h3{color:#fde68a;margin:0 0 8px}
.m-secret code{font-size:17px;font-weight:900;background:rgba(2,6,23,.6);padding:4px 10px;border-radius:8px;direction:ltr;unicode-bidi:isolate;user-select:all}

.m-empty{padding:26px;text-align:center;color:var(--text-muted);border:1px dashed var(--border-soft);border-radius:16px}
.m-lab-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.m-lab{background:rgba(255,255,255,.05);border:1px solid var(--border-soft);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px}
.m-lab .ic{font-size:28px}
.m-lab h3{margin:0;font-size:16px;line-height:1.35}
.m-lab p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.m-lab .row{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}

.m-grade{border:1px solid var(--border-soft);border-radius:18px;padding:14px;background:rgba(255,255,255,.04)}
.m-grade h3{margin:0 0 10px}
.m-chips{display:flex;gap:8px;flex-wrap:wrap}
.m-chip{display:inline-flex;gap:6px;align-items:center;padding:8px 13px;border-radius:12px;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.3);color:var(--text-main);text-decoration:none;font-weight:800}
.m-chip small{color:var(--text-muted);font-weight:600}

.m-checklist{max-height:360px;overflow:auto;border:1px solid var(--border-soft);border-radius:14px;padding:6px}
.m-checklist label{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer;font-weight:700;color:var(--text-main);margin:0}
.m-checklist label:hover{background:rgba(255,255,255,.05)}
.m-checklist input{width:18px;height:18px;accent-color:var(--primary)}

.m-pager{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:12px}
.m-pager a,.m-pager span{padding:7px 12px;border-radius:10px;border:1px solid var(--border-soft);color:var(--text-soft);text-decoration:none;font-weight:800}
.m-pager span.on{background:var(--primary);color:#00111d}

.m-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;min-width:80px}
.m-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--success))}

.m-timeline{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--border-soft)}
.m-timeline li{padding:6px 14px;position:relative;font-size:14px}
.m-timeline li::before{content:"";position:absolute;inset-inline-start:-6px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--primary)}
.m-timeline time{color:var(--text-muted);font-size:12px;margin-inline-end:8px}

.m-steps{display:flex;gap:8px;flex-wrap:wrap}
.m-steps span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--text-muted);font-weight:800;font-size:13px}
.m-steps span.on{background:var(--primary-soft);color:var(--primary)}

.m-auth{max-width:470px;margin:40px auto}
.m-auth .m-card{padding:30px}
.m-auth h1{margin:6px 0 8px;font-size:30px}
.m-code{font-size:30px !important;letter-spacing:10px;text-align:center;direction:ltr;font-variant-numeric:tabular-nums}
.m-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:6px}
.m-links a{color:var(--primary);font-weight:800;text-decoration:none}

.m-track{position:sticky;top:0;z-index:40;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px;padding:12px 16px;border-radius:16px;background:rgba(2,6,23,.88);border:1px solid rgba(56,189,248,.45);backdrop-filter:blur(10px)}
.m-track b{color:var(--primary)}
.m-track .meta{color:var(--text-soft);font-size:14px}
.m-details summary{cursor:pointer;font-weight:800;color:var(--primary)}

@media (max-width:900px){.m-grid-2,.m-grid-3{grid-template-columns:1fr}}
@media (max-width:640px){
 .m-card{padding:16px;border-radius:18px}
 .m-table th,.m-table td{padding:9px 8px}
 .m-form.inline{grid-template-columns:1fr}
 .m-head{align-items:flex-start}
}
@media print{
 .topbar,.user-context-bar,.footer,.m-anon-lang,.no-print,.m-impersonation,.app-background-orb{display:none !important}
 body{background:#fff !important;color:#000 !important}
 .m-card{box-shadow:none;border:1px solid #bbb;background:#fff;color:#000;break-inside:avoid}
 .m-table th{background:#eef;color:#000}
 .m-table td,.m-table th{border-color:#bbb}
 .m-sub,.m-hint,.m-table td small{color:#333}
 .m-pill{border:1px solid #888;color:#000;background:#fff}
 .m-stat b{color:#000}
}