.mt{direction:rtl;color:#e9eefb;font-family:Tajawal,Arial,sans-serif;background:linear-gradient(180deg,#080c18,#0d1424 55%,#080c18);padding:22px 0 90px}
.mt *{box-sizing:border-box}
.mt-w{width:min(1180px,calc(100% - 26px));margin:0 auto}
.mt-kick{width:fit-content;padding:6px 14px;border:1px solid rgba(139,92,246,.32);border-radius:999px;color:#c4b5fd;background:rgba(139,92,246,.1);font-size:12.5px;font-weight:800}
.mt-kickrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.mt-freebadge{display:inline-flex;align-items:center;gap:7px;padding:6px 15px;border-radius:999px;font-size:12.5px;font-weight:900;color:#052e1a;background:linear-gradient(135deg,#34d399,#22d3ee);box-shadow:0 4px 18px rgba(34,211,238,.28)}
.mt-freebadge .dot{width:8px;height:8px;border-radius:50%;background:#052e1a;box-shadow:0 0 0 0 rgba(5,46,26,.5);animation:mtpulse 1.8s infinite}
@keyframes mtpulse{0%{box-shadow:0 0 0 0 rgba(5,46,26,.45)}70%{box-shadow:0 0 0 7px rgba(5,46,26,0)}100%{box-shadow:0 0 0 0 rgba(5,46,26,0)}}
.mt h1{margin:0;color:#fff;font-size:clamp(25px,4vw,40px);line-height:1.22}
.mt-sub{margin:10px 0 0;max-width:720px;color:#a9b8d4;font-size:15.5px;line-height:1.85}
.mt-vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 4px}
@media(max-width:760px){.mt-vgrid{grid-template-columns:1fr 1fr}}
.mt-vcard{background:rgba(255,255,255,.03);border:1px solid rgba(139,92,246,.18);border-radius:14px;padding:14px}
.mt-vcard .ic{font-size:22px}
.mt-vcard b{display:block;color:#fff;font-size:14.5px;margin:6px 0 3px;font-weight:800}
.mt-vcard small{color:#93a3c0;font-size:12px;line-height:1.6;display:block}
.mt-steps{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 2px}
.mt-step{flex:1;min-width:150px;background:rgba(2,6,23,.5);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}
.mt-step .n{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#22d3ee);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.mt-step b{color:#e9eefb;font-size:13.5px}.mt-step small{color:#93a3c0;font-size:11.5px;display:block;margin-top:2px}
.mt-trustline{margin-top:14px;color:#a7f3cf;font-size:13px;font-weight:700;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:9px 13px;width:fit-content}

/* form */
.mt-panel{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;background:rgba(15,23,42,.82);margin-top:22px}
.mt-lb{display:block;color:#eef3ff;font-size:13.5px;font-weight:800;margin:0 0 7px}
.mt-in,.mt-ta{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(2,6,23,.55);color:#fff;font:inherit;font-size:15px;padding:12px 13px;outline:none;transition:.15s}
.mt-ta{min-height:90px;line-height:1.8;resize:vertical}
.mt-in:focus,.mt-ta:focus{border-color:rgba(139,92,246,.6);box-shadow:0 0 0 4px rgba(139,92,246,.13)}
.mt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
@media(max-width:640px){.mt-grid{grid-template-columns:1fr}}
.mt-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.mt-btn{min-height:48px;padding:12px 26px;border:0;border-radius:12px;font:inherit;font-weight:900;cursor:pointer;font-size:15px;transition:.15s}
.mt-btn.pri{background:linear-gradient(135deg,#7c3aed,#0ea5e9);color:#fff}.mt-btn.pri:hover{filter:brightness(1.08)}.mt-btn:disabled{opacity:.55;cursor:default}
.mt-btn.sec{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff}
.mt-mini{color:#8ea0bd;font-size:12px;margin-top:9px;line-height:1.7}

/* loader + 3-step tracker */
.mt-load{display:none;padding:34px 16px;color:#c7d2e8;text-align:center}
.mt-spin{width:42px;height:42px;border:4px solid rgba(255,255,255,.14);border-top-color:#8b5cf6;border-radius:50%;margin:0 auto 16px;animation:mtsp 1s linear infinite}
@keyframes mtsp{to{transform:rotate(360deg)}}
.mt-track{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px;max-width:720px;margin-inline:auto}
.mt-step{flex:1;min-width:200px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 13px;background:rgba(255,255,255,.03);color:#93a4c2;font-size:13px;font-weight:700;display:flex;align-items:center;gap:9px;transition:.25s}
.mt-step .n{width:24px;height:24px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;background:rgba(255,255,255,.08);color:#93a4c2}
.mt-step.active{border-color:rgba(139,92,246,.55);background:rgba(139,92,246,.1);color:#ddd6fe}
.mt-step.active .n{background:linear-gradient(135deg,#7c3aed,#0ea5e9);color:#fff}
.mt-step.done{border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.07);color:#a7f3cf}
.mt-step.done .n{background:#10b981;color:#052e1a}

.mt-err{display:none;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.08);border-radius:12px;padding:13px;color:#fca5a5;margin-top:14px;line-height:1.7}

/* results shell */
.mt-res{display:none;margin-top:24px}
.mt-topbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px}
.mt-hero{border:1px solid rgba(139,92,246,.28);border-radius:16px;padding:18px 20px;background:linear-gradient(180deg,rgba(139,92,246,.1),rgba(14,165,233,.05));margin-bottom:16px}
.mt-hero h2{margin:0 0 4px;color:#fff;font-size:23px}
.mt-hero .pos{color:#c4b5fd;font-size:14.5px;font-weight:700;margin:6px 0}
.mt-hero .meta{color:#aab8d4;font-size:13.5px;line-height:1.85}
.mt-hero .meta b{color:#cbd5e1}

/* tabs */
.mt-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:2px}
.mt-tab{border:0;background:transparent;color:#93a4c2;font:inherit;font-size:14.5px;font-weight:800;cursor:pointer;padding:11px 16px;border-radius:11px 11px 0 0;position:relative;transition:.15s;white-space:nowrap}
.mt-tab:hover{color:#cbd5e1}
.mt-tab.on{color:#fff;background:rgba(255,255,255,.04)}
.mt-tab.on::after{content:"";position:absolute;bottom:-2px;right:12px;left:12px;height:3px;border-radius:3px;background:linear-gradient(135deg,#7c3aed,#0ea5e9)}
.mt-pane{display:none}.mt-pane.on{display:block;animation:mtfade .3s ease}
@keyframes mtfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* section blocks */
.mt-sec{margin-bottom:24px}
.mt-sh{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#fff;font-size:17px;font-weight:900}
.mt-sh .ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:rgba(139,92,246,.15);flex-shrink:0}
.mt-shsub{color:#8ea0bd;font-size:12.5px;font-weight:600;margin-inline-start:4px}

.mt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.mt-card{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:15px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:9px;position:relative}
.mt-card::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;border-radius:14px 14px 0 0;background:var(--ac,linear-gradient(135deg,#7c3aed,#0ea5e9))}
.mt-ctitle{color:#fff;font-size:15px;font-weight:800;line-height:1.5}
.mt-ctop{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.mt-cbody{color:#c3d0e8;font-size:13.5px;line-height:1.8}
.mt-cbody b{color:#c4b5fd}

/* copyable draft box */
.mt-draft{background:rgba(2,6,23,.5);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:11px 12px;color:#e6ecfa;font-size:14px;line-height:1.9;white-space:pre-wrap;position:relative}
.mt-draft.pre{font-family:inherit}
.mt-cfoot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:2px}
.mt-cbtn{font:inherit;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;border-radius:9px;padding:6px 11px;cursor:pointer;transition:.15s}
.mt-cbtn:hover{background:rgba(255,255,255,.1)}
.mt-cbtn.ok{border-color:rgba(52,211,153,.4);color:#6ee7b7}

/* chips + pills */
.mt-chips{display:flex;flex-wrap:wrap;gap:6px}
.mt-chip{font-size:11px;color:#a7b6d4;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:3px 10px;white-space:nowrap}
.mt-chip.hl{color:#c4b5fd;border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.1)}
.mt-pill{display:inline-block;font-size:11px;font-weight:800;padding:2px 9px;border-radius:6px;white-space:nowrap}
.mt-pill.high{background:rgba(16,185,129,.16);color:#6ee7b7}
.mt-pill.med{background:rgba(245,158,11,.16);color:#fcd34d}
.mt-pill.low{background:rgba(148,163,184,.14);color:#cbd5e1}
.mt-pill.plat{background:rgba(56,189,248,.16);color:#7dd3fc}

/* lists */
.mt-ul{margin:0;padding-inline-start:20px}
.mt-ul li{color:#c8d4ea;font-size:13.5px;line-height:1.85}
.mt-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.mt-two{grid-template-columns:1fr}}
.mt-list-panel{border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:14px 16px;background:rgba(255,255,255,.02)}
.mt-list-panel h4{margin:0 0 9px;font-size:14px;color:#fff;display:flex;align-items:center;gap:7px}

/* highlighted callouts */
.mt-hlbox{border:1px solid rgba(139,92,246,.32);border-radius:14px;padding:16px 18px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(14,165,233,.06));margin-bottom:14px}
.mt-hlbox .k{color:#c4b5fd;font-size:12px;font-weight:800;letter-spacing:.3px;margin-bottom:5px}
.mt-hlbox .v{color:#fff;font-size:17px;font-weight:800;line-height:1.6}
.mt-callout{border-inline-start:3px solid #0ea5e9;background:rgba(14,165,233,.07);border-radius:0 12px 12px 0;padding:12px 15px;margin-bottom:14px;color:#dbeafe;font-size:13.5px;line-height:1.85}
.mt-callout b{color:#7dd3fc}
.mt-amber{border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.07);border-radius:14px;padding:15px 17px;margin-top:6px}
.mt-amber h4{margin:0 0 9px;color:#fcd34d;font-size:14.5px;display:flex;align-items:center;gap:7px}
.mt-amber li{color:#f3e2b8;font-size:13.5px;line-height:1.85}
.mt-green-panel{border:1px solid rgba(52,211,153,.28);background:rgba(52,211,153,.06);border-radius:13px;padding:14px 16px}
.mt-green-panel h4{margin:0 0 9px;color:#6ee7b7;font-size:14px}
.mt-green-panel li{color:#c9f5e2;font-size:13.5px;line-height:1.85}

/* tables */
.mt-tblw{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.09)}
table.mt-tbl{width:100%;border-collapse:collapse;min-width:560px;font-size:13.5px}
.mt-tbl th{background:rgba(255,255,255,.05);color:#cbd5e1;font-weight:800;padding:10px 12px;text-align:right;white-space:nowrap}
.mt-tbl td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);color:#e2e8f0;line-height:1.7;vertical-align:top}
.mt-tbl tr:hover td{background:rgba(255,255,255,.02)}

/* day cards (X calendar) */
.mt-daybadge{font-size:12px;font-weight:900;color:#fff;background:linear-gradient(135deg,#7c3aed,#0ea5e9);border-radius:8px;padding:3px 11px;white-space:nowrap}
.mt-tweet{background:rgba(2,6,23,.5);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;color:#e6ecfa;font-size:13.5px;line-height:1.9;white-space:pre-wrap;margin-bottom:8px;position:relative}
.mt-tnum{color:#7dd3fc;font-weight:900;font-size:12px;margin-inline-end:4px}
.mt-hook{color:#fcd34d;font-weight:800;font-size:13.5px;line-height:1.7}

.mt-note{color:#8ea0bd;font-size:12.5px;margin-top:18px;text-align:center;line-height:1.7}
.mt-metar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:#cbd5e1;margin:6px 0;font-weight:700}
.mt-metar .sep{opacity:.35}
.mt-toc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(124,58,237,.10);border:1px solid rgba(124,58,237,.22);border-radius:8px;padding:6px 10px;margin:7px 0;font-size:12.5px}
.mt-toc .est{margin-inline-start:auto;color:#a7f3cf;font-weight:800}
.mt-kv{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0;font-size:11.5px}
.mt-kv .mt-chip{font-size:10.5px}
.mt-task{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:9px 11px}
.mt-printfoot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.mt-pf-badge{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#22d3ee);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}
.mt-pf-txt{display:flex;flex-direction:column;line-height:1.45}
.mt-pf-txt b{color:#cbd5e1;font-size:12.5px;font-weight:700}
.mt-pf-txt span{color:#8ea0bd;font-size:11px}

/* ===== طباعة احترافية: عزل التقرير عن المنصة + ألوان مقروءة ===== */
.mt-printhead{display:none}
@media print{
  @page{size:A4;margin:12mm}
  html,body{background:#fff!important}
  body *{visibility:hidden!important}
  #mtRes, #mtRes *{visibility:visible!important}
  #mtRes{position:absolute;left:0;top:0;width:100%!important;margin:0!important}
  .mt-topbar,.mt-tabs,.mt-cbtn{display:none!important}
  .mt-pane{display:block!important}
  #mtPrintHead{display:block!important;border-bottom:2px solid #7c3aed;padding-bottom:8px;margin-bottom:16px}
  #mtPhName{font-size:19px;font-weight:900}
  #mtPhMeta{display:block;font-size:11.5px;margin-top:3px}
  #mtRes *{color:#0f172a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #mtPhMeta,.mt-note{color:#475569!important}
  .mt-hero,.mt-sec,.mt-card,.mt-hlbox,.mt-callout,.mt-amber,.mt-green-panel,.mt-list-panel,.mt-tblw{background:#f8fafc!important;border:1px solid #cbd5e1!important;break-inside:avoid;page-break-inside:avoid;margin-bottom:12px!important}
  .mt-draft,.mt-tweet{background:#fff!important;border:1px solid #d7dee8!important;break-inside:avoid}
  .mt-hero{background:#f2eefc!important;border-color:#c9bdf0!important}
  .mt-hero .pos,.mt-callout b,.mt-cbody b,.mt-hlbox .k,.mt-tnum{color:#6d28d9!important}
  .mt-sh .ic{background:#ece7fb!important}
  .mt-hook{color:#b45309!important}
  .mt-pill,.mt-chip{border:1px solid #cbd5e1!important;background:#eef2f7!important;color:#1e293b!important}
  .mt-pill.high{background:#dcfce7!important;color:#166534!important}
  .mt-pill.med{background:#fef3c7!important;color:#92400e!important}
  .mt-pill.plat{background:#e0f2fe!important;color:#075985!important}
  .mt-tblw{overflow:visible!important}
  table.mt-tbl{min-width:0!important;font-size:11px!important}
  .mt-tbl th{background:#eef2f7!important;border-bottom:1px solid #cbd5e1!important}
  .mt-tbl td{border-top:1px solid #e2e8f0!important}
  .mt-sh{page-break-after:avoid}
  #mtPrintFoot{display:flex!important;border-top:2px solid #7c3aed!important;margin-top:18px;padding-top:12px;break-inside:avoid}
  .mt-pf-badge{background:linear-gradient(135deg,#7c3aed,#22d3ee)!important;color:#fff!important}
  .mt-pf-txt b{color:#0f172a!important}
  .mt-pf-txt span{color:#475569!important}
}
