/* Portal operator mitra sekolah (melengkapi admin.css) */
.mt-page{margin:0;background:#F4F7F2}
.mt-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#3B0764;background:linear-gradient(90deg,#2E1065,#0B3B26);color:#fff;padding:10px 20px}
.mt-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.mt-brand img{height:38px;background:#fff;border-radius:8px;padding:2px 6px}
.mt-brand b{display:block;font-family:Nunito,sans-serif;font-size:18px}
.mt-brand small{display:block;font-size:12px;color:#E9D5FF}
.mt-top nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.mt-top nav a{color:#E2E8F0;text-decoration:none;font-weight:700;padding:7px 12px;border-radius:999px}
.mt-top nav a:hover,.mt-top nav a.on{background:rgba(255,255,255,.15);color:#fff}
.mt-main{max-width:1280px;margin:0 auto;padding:18px}
.mt-login{max-width:440px;margin:40px auto}
.mt-login h1{margin-top:0}
.mt-hero{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:18px 20px;margin-bottom:14px}
.mt-hero small{font-weight:800;color:#6D28D9;letter-spacing:.5px;text-transform:uppercase;font-size:12px}
.mt-hero h1{margin:4px 0;font-size:26px}
.mt-hero p{margin:0;color:#64748B}
.mt-kpis{display:flex;gap:10px;flex-wrap:wrap}
.mt-kpis div{min-width:140px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:14px;padding:10px 14px;position:relative;overflow:hidden}
.mt-kpis b{display:block;font-family:Nunito,sans-serif;font-size:22px;color:#0F172A}
.mt-kpis b small{font-size:14px;color:#64748B}
.mt-kpis span{font-size:12.5px;color:#64748B;font-weight:700}
.mt-kpis i{position:absolute;left:0;bottom:0;height:4px;width:var(--w);background:#7C3AED}
.mt-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}
.mt-two .card{margin:0}
.mt-classes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.mt-class{display:flex;flex-direction:column;gap:4px;border:2px solid #E9D5FF;border-radius:16px;padding:12px 14px;text-decoration:none;color:#0F172A;background:linear-gradient(160deg,#fff,#FAF5FF);transition:transform .15s,border-color .15s}
.mt-class:hover{transform:translateY(-2px);border-color:#7C3AED}
.mt-class b{font-family:Nunito,sans-serif;font-size:17px}
.mt-class span{font-size:13px;color:#475569}
.mt-class em{font-style:normal;font-weight:800;color:#B91C1C;font-size:12px}
.mt-class.off{opacity:.6}
.mt-two textarea{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid #CBD5E1;border-radius:12px;resize:vertical}
.mt-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}
.mt-dl dt{color:#64748B;font-weight:700}
.mt-dl dd{margin:0;font-weight:700}
.mt-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.mt-act{display:flex;gap:6px}
.mt-act form{margin:0}
.mt-temp{background:#FEF3C7;border:1px solid #F59E0B;border-radius:12px;padding:12px;font-size:15px;margin-bottom:12px}
.mt-temp code{font-size:18px;font-weight:800;background:#fff;padding:2px 8px;border-radius:8px}
.mt-prog th,.mt-prog td{text-align:center}
.mt-prog th:first-child,.mt-prog td:first-child,.mt-prog td:nth-child(2){text-align:left}
.mp-c{color:#CBD5E1;font-size:12px;white-space:nowrap}
.mp-c.ok{color:#E5B322;background:#FFFBEB}
/* Kartu akun siswa */
.mt-cards-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.mt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:10px}
.mt-card{border:2px dashed #7C3AED;border-radius:16px;padding:12px 14px;background:#fff;break-inside:avoid}
.mc-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.mc-top img{height:24px}
.mc-top span{font-family:Nunito,sans-serif;font-weight:900;color:#0B3B26;font-size:13px}
.mt-card b{display:block;font-family:Nunito,sans-serif;font-size:18px}
.mt-card small{display:block;color:#64748B;font-size:12px}
.mt-card dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0;background:#F5F3FF;border-radius:10px;padding:8px 10px}
.mt-card dt{color:#6D28D9;font-weight:700;font-size:12.5px}
.mt-card dd{margin:0;font-family:ui-monospace,Consolas,monospace;font-weight:800;font-size:16px}
.mt-card p{margin:0;font-size:12px;color:#475569}
@media (max-width:900px){.mt-two{grid-template-columns:1fr}}
@media print{
  .mt-top,.mt-main>*:not(.mt-cards-wrap),.mt-cards-head .btn,.mt-cards-head p{display:none!important}
  .mt-cards-wrap{border:0;box-shadow:none;padding:0}
  .mt-cards{grid-template-columns:repeat(2,1fr)}
  body{background:#fff}
}
.mt-card p{overflow-wrap:anywhere}