:root{
  --green-950:#021a11;
  --green-900:#043622;
  --green-850:#06442b;
  --green-800:#075133;
  --green-700:#0d6b45;
  --green-600:#12925f;
  --mint:#b9f5d4;
  --mint-2:#eafff2;
  --cream:#fffaf1;
  --surface:#f4fbf6;
  --card:#ffffff;
  --line:#d9eadf;
  --line-2:#e8f2eb;
  --text:#10231a;
  --muted:#6b8075;
  --danger:#b42318;
  --danger-soft:#fff1f0;
  --amber:#a45b00;
  --amber-soft:#fff8e8;
  --blue-soft:#eef6ff;
  --shadow:0 18px 50px rgba(3,33,22,.14);
  --shadow-soft:0 8px 30px rgba(7,70,47,.08);
  --radius:24px;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--surface);scroll-behavior:smooth}
html.mt-modal-open{overflow:hidden}
body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,var(--green-950) 0,#073a29 148px,var(--surface) 430px);}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.45;cursor:not-allowed}
svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hidden{display:none!important}
[hidden]{display:none!important}

.mt-shell{width:min(100%,1120px);min-height:100vh;margin:0 auto;background:var(--surface);position:relative;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.mt-app{min-height:100vh;padding-bottom:98px}
.mt-login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 30% 0%,rgba(185,245,212,.24),transparent 38%),linear-gradient(160deg,var(--green-950),var(--green-800))}
.mt-login-card{width:min(100%,390px);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.68);border-radius:32px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.mt-back{display:inline-flex;gap:8px;align-items:center;color:var(--green-800);font-weight:900;font-size:13px;margin-bottom:18px}
.mt-mark{width:74px;height:74px;border-radius:26px;background:linear-gradient(145deg,var(--green-900),var(--green-700));color:white;display:grid;place-items:center;font-size:26px;font-weight:950;letter-spacing:-.04em;box-shadow:0 16px 34px rgba(6,59,42,.28)}
.mt-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--green-700);font-weight:950;margin:18px 0 6px}
.mt-login-card h1{margin:0;font-size:34px;letter-spacing:-.05em}.mt-copy{color:var(--muted);line-height:1.55;margin:10px 0 18px}.mt-error{padding:10px 12px;border-radius:14px;background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:900;margin:0 0 12px}

.mt-header{background:linear-gradient(150deg,var(--green-950),var(--green-800));color:white;padding:18px 18px 24px;border-bottom-left-radius:34px;border-bottom-right-radius:34px;box-shadow:0 18px 46px rgba(3,33,22,.20);position:relative;z-index:2}
.mt-header-row{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:980px;margin:0 auto}
.mt-brand{display:flex;align-items:center;gap:12px;min-width:0}.mt-brand-mark{width:48px;height:48px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);display:grid;place-items:center;font-weight:950;flex:0 0 auto}.mt-brand small{display:block;color:rgba(255,255,255,.72);font-weight:850;font-size:11px}.mt-brand strong{display:block;font-size:18px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-top-actions{display:flex;gap:8px}.mt-icon-button{border:0;border-radius:16px;background:rgba(255,255,255,.12);color:white;width:42px;height:42px;display:grid;place-items:center;font-weight:900;border:1px solid rgba(255,255,255,.12)}.mt-icon-button svg{width:20px;height:20px}.mt-icon-button:hover{background:rgba(255,255,255,.18)}
.mt-hero{max-width:980px;margin:18px auto 0}.mt-hero span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);font-weight:950}.mt-hero h1{margin:4px 0 4px;font-size:clamp(26px,4vw,38px);letter-spacing:-.055em}.mt-hero p{margin:0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.45;max-width:660px}
.mt-content{width:min(100%,980px);margin:0 auto;padding:16px 14px 24px}.mt-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:16px;margin-bottom:14px}.mt-card.soft{background:linear-gradient(180deg,#ffffff,#f6fff9)}.mt-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mt-title{display:flex;align-items:center;gap:10px;min-width:0}.mt-dot{width:10px;height:10px;border-radius:50%;background:var(--green-700);box-shadow:0 0 0 6px rgba(15,104,72,.1);flex:0 0 auto}.mt-title h2,.mt-title h3{margin:0;font-size:16px;letter-spacing:-.03em}.mt-title p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.mt-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(15,104,72,.2);background:var(--mint-2);color:var(--green-800);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950;white-space:nowrap}.mt-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mt-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

.mt-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.mt-kpi{padding:14px;border-radius:22px;border:1px solid #d8ecd8;background:linear-gradient(180deg,#fff,#f4fff8);min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.mt-kpi.main{grid-column:span 2;background:linear-gradient(145deg,var(--green-900),var(--green-700));color:white;border:0}.mt-kpi-top{display:flex;align-items:start;justify-content:space-between;gap:8px}.mt-kpi span{font-size:11px;color:var(--muted);font-weight:900;line-height:1.25}.mt-kpi.main span{color:rgba(255,255,255,.80)}.mt-kpi strong{display:block;margin-top:7px;font-size:clamp(20px,3vw,26px);letter-spacing:-.05em}.mt-kpi small{display:block;margin-top:5px;color:var(--muted);font-weight:750;line-height:1.35}.mt-kpi.main small{color:rgba(255,255,255,.74)}
.mt-icon-mini{width:34px;height:34px;border:0;border-radius:13px;background:#eafff2;color:var(--green-800);display:grid;place-items:center;flex:0 0 auto}.mt-icon-mini svg{width:18px;height:18px}.mt-icon-mini.light{background:rgba(255,255,255,.16);color:white;border:1px solid rgba(255,255,255,.14)}.mt-mini-btn,.mt-primary,.mt-danger,.mt-ghost{border:0;border-radius:16px;font-weight:950;min-height:42px;padding:10px 14px}.mt-mini-btn{background:#eafff2;color:var(--green-800);border:1px solid rgba(15,104,72,.16);font-size:12px}.mt-primary{background:linear-gradient(145deg,var(--green-800),var(--green-700));color:white;box-shadow:0 14px 28px rgba(15,104,72,.22);width:100%}.mt-danger{background:var(--danger-soft);color:var(--danger);border:1px solid #ffd3cf}.mt-ghost{background:#fff;color:var(--green-800);border:1px solid var(--line)}

.mt-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mt-action-link{display:flex;gap:10px;align-items:center;padding:12px;border-radius:20px;background:#f5fff8;border:1px solid #dbeee1;min-height:70px}.mt-action-link i,.mt-nav-icon,.mt-type-icon{width:36px;height:36px;border-radius:14px;background:var(--green-900);color:white;display:grid;place-items:center;font-style:normal;flex:0 0 auto}.mt-action-link i svg,.mt-nav-icon svg{width:20px;height:20px}.mt-action-link strong{font-size:13px;letter-spacing:-.02em}.mt-action-link small{display:block;color:var(--muted);font-size:11px;margin-top:2px;line-height:1.25}.mt-chart{display:flex;align-items:end;gap:8px;height:132px;padding:10px 3px 4px}.mt-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.mt-chart-stack{width:100%;height:92px;display:flex;align-items:end;gap:3px}.mt-bar{flex:1;min-height:4px;border-radius:8px 8px 4px 4px;background:var(--green-700)}.mt-bar.out{background:#d8982f}.mt-bar.ret{background:#78bd97}.mt-chart-col small{font-size:10px;color:var(--muted);font-weight:800}

.mt-activity-list{display:grid;gap:8px}.mt-activity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid #e0eee4;border-radius:18px;background:#fff;min-height:58px}.mt-type-icon{width:34px;height:34px;font-weight:950;background:#eefaf1;color:var(--green-800)}.mt-type-icon.out{background:#fff5e6;color:#a45b00}.mt-type-icon.return{background:#eef6ff;color:#175c9c}.mt-activity-main{min-width:0}.mt-activity-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mt-activity-head strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.mt-activity-head span{font-size:10px;font-weight:950;color:var(--green-800);white-space:nowrap}.mt-activity p{margin:3px 0 0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.mt-form{display:grid;gap:12px}.mt-field{display:grid;gap:7px}.mt-field span{font-size:12px;font-weight:900;color:#263c30}.mt-field input,.mt-field select,.mt-field textarea{width:100%;border:1px solid #d9e9dd;background:white;border-radius:16px;padding:12px 12px;outline:none;color:var(--text);min-height:46px}.mt-field input:focus,.mt-field select:focus,.mt-field textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 4px rgba(15,104,72,.1)}.mt-field small{color:var(--muted);font-weight:800}.mt-required span:after{content:' *';color:var(--danger)}.mt-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mt-dynamic{display:grid;gap:10px}.mt-item-row{padding:12px;border-radius:20px;background:#f7fbf6;border:1px solid #deeee2}.mt-item-row-top{display:flex;gap:8px;align-items:start}.mt-item-row-top .mt-field{flex:1}.mt-remove{width:40px;height:40px;border-radius:14px;border:0;background:var(--danger-soft);color:var(--danger);font-size:22px;font-weight:950;flex:0 0 auto}.mt-hint{padding:10px 12px;border-radius:16px;background:#ecfff3;color:var(--green-800);font-size:12px;font-weight:800;line-height:1.45}.mt-warning{background:var(--amber-soft);color:#8a5500;border:1px solid #ffe3ad}

.mt-horizontal{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 3px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.mt-horizontal::-webkit-scrollbar{height:0}.mt-product-card{min-width:clamp(220px,62%,320px);height:132px;border-radius:26px;border:1px solid rgba(15,104,72,.18);background:linear-gradient(145deg,#fff,#ecfff3);display:flex;flex-direction:column;justify-content:space-between;padding:18px;scroll-snap-align:start}.mt-product-card strong{font-size:clamp(22px,5vw,30px);letter-spacing:-.055em;line-height:1.05}.mt-product-card .mt-mini-btn{align-self:flex-start}.mt-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:white}.mt-table{width:100%;border-collapse:collapse;min-width:640px}.mt-table th,.mt-table td{padding:11px 10px;border-bottom:1px solid #edf4ef;text-align:left;font-size:12px;vertical-align:top}.mt-table th{background:#f2fbf5;color:var(--green-800);font-size:11px;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}.mt-table tr:last-child td{border-bottom:0}.mt-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.mt-pagination span{font-size:12px;font-weight:950;color:var(--green-800)}

.mt-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:end center;padding:16px}.mt-modal[hidden]{display:none}.mt-modal-backdrop{position:absolute;inset:0;background:rgba(2,18,12,.62);backdrop-filter:blur(5px)}.mt-modal-card{position:relative;width:min(100%,760px);max-height:88vh;overflow:auto;background:#fff;border-radius:30px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.mt-modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:14px;background:#f1f8f3;color:var(--green-800);font-size:24px}.mt-modal-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--green-700);font-weight:950}.mt-modal-card h3{margin:5px 42px 14px 0;font-size:22px;letter-spacing:-.04em}.mt-detail-group{padding:12px;border-radius:22px;border:1px solid #e1eee5;background:#fbfffc;margin-bottom:10px}.mt-detail-group h4{margin:0 0 10px;font-size:13px;letter-spacing:.02em;color:var(--green-900);text-transform:uppercase}.mt-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mt-detail-card{padding:12px;border-radius:18px;background:#f6fff9;border:1px solid #dceddf;min-width:0}.mt-detail-card.full{grid-column:span 2}.mt-detail-card.warning{background:#fff8e8;border-color:#ffe3ad}.mt-detail-card.danger{background:#fff1f0;border-color:#ffd3cf}.mt-detail-card span{font-size:11px;color:var(--muted);font-weight:900;line-height:1.25}.mt-detail-card strong{display:block;font-size:clamp(16px,4vw,20px);margin-top:5px;letter-spacing:-.03em;line-height:1.18;word-break:break-word}.mt-detail-card small{display:block;color:var(--muted);font-weight:850;margin-top:4px;line-height:1.3}

.mt-outlet-card{min-width:clamp(240px,68%,340px);scroll-snap-align:start;border-radius:26px;background:white;border:1px solid #dbeee1;padding:15px;box-shadow:var(--shadow-soft)}.mt-outlet-card.active{outline:3px solid rgba(15,104,72,.16)}.mt-outlet-card-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.mt-outlet-card h3{margin:0;font-size:24px;letter-spacing:-.05em}.mt-outlet-card small{font-size:11px;color:var(--muted);font-weight:900}.mt-plus{width:42px;height:42px;border-radius:16px;border:0;background:var(--green-900);color:white;font-size:22px;font-weight:950;flex:0 0 auto}.mt-stock-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mt-stock-mini div{background:#f6fff9;border:1px solid #e0eee4;border-radius:16px;padding:10px;min-width:0}.mt-stock-mini span{font-size:10px;color:var(--muted);font-weight:900}.mt-stock-mini strong{display:block;font-size:14px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,680px);z-index:40;background:rgba(255,255,255,.97);border-top:1px solid rgba(7,70,47,.12);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -18px 40px rgba(7,70,47,.12);backdrop-filter:blur(16px)}.mt-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;border-radius:18px;color:#6f8276;font-size:10px;font-weight:900}.mt-bottom-nav a svg{width:21px;height:21px}.mt-bottom-nav a.active{background:#eafff2;color:var(--green-900)}.mt-empty{padding:18px;border-radius:20px;background:#f6fff9;border:1px dashed #cfe7d6;color:var(--muted);font-size:13px;text-align:center}.mt-toggle{display:flex;align-items:center;gap:10px;font-weight:900}.mt-toggle input{width:18px;height:18px}.mt-outlet-list{display:grid;gap:8px}.mt-outlet-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #e0eee4;border-radius:18px;background:#fff}.mt-outlet-row strong{font-size:14px}.mt-row-actions{display:flex;gap:6px}.mt-row-actions button{width:36px;height:36px;border-radius:13px;border:0;background:#effaf3;color:var(--green-800);font-weight:950}.mt-row-actions button.danger{background:var(--danger-soft);color:var(--danger)}

@media (min-width:780px){
  .mt-content{padding:20px 22px 34px}.mt-card{padding:18px}.mt-dashboard-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start}.mt-dashboard-layout .mt-card{margin-bottom:0}.mt-section-dashboard-top{display:grid;grid-template-columns:1fr;gap:14px}.mt-table{min-width:760px}
}
@media (max-width:680px){
  .mt-shell{width:100%;box-shadow:none}.mt-content{padding-inline:12px}.mt-header{border-bottom-left-radius:30px;border-bottom-right-radius:30px}.mt-action-grid{grid-template-columns:repeat(2,1fr)}.mt-kpi-grid{grid-template-columns:1fr 1fr}.mt-kpi.main{grid-column:span 2}.mt-grid-3{grid-template-columns:1fr}.mt-detail-grid{grid-template-columns:1fr 1fr}.mt-table{min-width:620px}.mt-modal-card{border-bottom-left-radius:0;border-bottom-right-radius:0}.mt-modal{padding:12px 10px 0}.mt-product-card{min-width:74%}.mt-outlet-card{min-width:82%}
}
@media (max-width:420px){
  .mt-brand strong{font-size:16px}.mt-hero h1{font-size:28px}.mt-grid-2,.mt-kpi-grid{grid-template-columns:1fr 1fr}.mt-kpi{min-height:102px;padding:12px}.mt-kpi.main{grid-column:span 2}.mt-kpi strong{font-size:20px}.mt-action-link{padding:10px;min-height:66px}.mt-action-link i{width:32px;height:32px}.mt-product-card,.mt-outlet-card{min-width:86%}.mt-detail-grid{grid-template-columns:1fr}.mt-detail-card.full{grid-column:auto}.mt-activity{grid-template-columns:auto minmax(0,1fr) auto}.mt-bottom-nav a{font-size:9px;min-height:56px}.mt-bottom-nav a svg{width:20px;height:20px}.mt-field input,.mt-field select,.mt-field textarea{min-height:44px}.mt-row-head{align-items:flex-start}.mt-section-head{align-items:flex-start}.mt-section-head .mt-mini-btn{white-space:nowrap}
}
.mt-header-spacer{height:12px}
.mt-return-audit-grid{margin-top:10px}


/* ==========================================================
   UI REPAIR FINAL — RESTORE V1 APP/APK FOUNDATION
   Focus: responsive mobile-first app shell, sticky compact topbar,
   premium dark-green Pusa theme, compact cards, and readable modal groups.
   ========================================================== */
:root{
  --green-950:#031b12;
  --green-900:#063b2a;
  --green-800:#07543a;
  --green-700:#0b6b49;
  --green-600:#13855e;
  --mint:#e8f7ef;
  --mint-2:#f2faf6;
  --surface:#eef7f1;
  --card:#ffffff;
  --line:#d7eadf;
  --text:#10231a;
  --muted:#64786f;
  --shadow:0 24px 60px rgba(6,59,42,.16);
  --shadow-soft:0 10px 26px rgba(6,59,42,.07);
  --radius:26px;
}
html{background:radial-gradient(circle at 20% -10%,rgba(6,59,42,.22),#eaf5ef 44%,#f8fbf9 100%);}
body{
  min-height:100dvh;
  background:radial-gradient(circle at 20% -10%,rgba(11,107,73,.24) 0,#e8f4ef 42%,#f8fbf9 100%);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
.mt-shell{
  width:100%;
  max-width:480px;
  min-height:100dvh;
  margin:0 auto;
  background:linear-gradient(180deg,#f4fbf7 0%,#eaf5ef 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.4),0 24px 80px rgba(3,33,22,.18);
  overflow:hidden;
}
.mt-app{padding-bottom:calc(104px + env(safe-area-inset-bottom));}
.mt-login-shell{
  width:100%;
  max-width:480px;
  margin:0 auto;
  padding:18px;
  background:radial-gradient(circle at 20% 0%,rgba(13,107,74,.22) 0,#f5fbf8 46%,#e8f4ef 100%);
}
.mt-login-card{
  width:100%;
  max-width:380px;
  border:1px solid rgba(178,212,195,.95);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,250,245,.96));
  border-radius:32px;
  padding:18px;
  box-shadow:0 28px 70px rgba(6,59,42,.18);
  position:relative;
  overflow:hidden;
}
.mt-login-card:before{content:"";position:absolute;right:-54px;top:-72px;width:170px;height:170px;border-radius:50%;background:rgba(13,107,74,.12)}
.mt-back{position:relative;z-index:1;display:inline-flex;align-items:center;text-decoration:none;color:#315546;font-size:11px;font-weight:1000;border:1px solid var(--line);background:#fff;border-radius:999px;height:32px;padding:0 11px;margin:0 0 20px;box-shadow:var(--shadow-soft)}
.mt-mark{position:relative;z-index:1;width:58px;height:58px;border-radius:23px;background:linear-gradient(145deg,#063b2a,#0b6b49);font-size:16px;box-shadow:0 16px 34px rgba(6,59,42,.22);margin:0 0 12px}
.mt-eyebrow{position:relative;z-index:1;color:#0b6b49;font-size:10px;letter-spacing:.08em;margin:0 0 5px}.mt-login-card h1{position:relative;z-index:1;font-size:32px;line-height:1;font-weight:1000;color:#0f2c20}.mt-copy{position:relative;z-index:1;font-size:12px;line-height:1.45;font-weight:760;color:#64786f}.mt-form{position:relative;z-index:1}

/* Compact sticky topbar, like the reference app base */
.mt-header{
  position:sticky;
  top:0;
  z-index:50;
  margin:0;
  padding:12px 14px 10px;
  background:rgba(244,251,247,.92);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(178,212,195,.72);
  color:#0f2c20;
  box-shadow:0 10px 26px rgba(6,59,42,.075);
  border-radius:0;
}
.mt-header-row{max-width:none;margin:0;gap:10px}.mt-brand{gap:10px}.mt-brand-mark{width:42px;height:42px;border-radius:18px;background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff;border:0;box-shadow:0 14px 28px rgba(6,59,42,.18);font-size:13px}.mt-brand small{font-size:10px;color:#64786f;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.mt-brand strong{font-size:16px;line-height:1.05;color:#0f2c20;font-weight:1000}.mt-icon-button{width:42px;height:42px;border-radius:17px;background:#fff;color:#063b2a;border:1px solid rgba(178,212,195,.9);box-shadow:0 8px 20px rgba(6,59,42,.065)}.mt-icon-button svg{width:20px;height:20px}.mt-icon-button:hover{background:#f2faf6}

.mt-content{width:100%;max-width:none;padding:14px 14px 24px;margin:0 auto}.mt-hero{border:1px solid rgba(178,212,195,.84);background:linear-gradient(145deg,#063b2a,#0b6b49 58%,#13855e);color:#fff;border-radius:30px;padding:16px 15px;margin:0 0 12px;box-shadow:0 26px 58px rgba(6,59,42,.23);position:relative;overflow:hidden}.mt-hero:after{content:"";position:absolute;right:-44px;top:-58px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.1)}.mt-hero span{display:inline-flex;height:25px;align-items:center;border-radius:999px;background:rgba(255,255,255,.14);color:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.2);padding:0 9px;font-size:9.5px;font-weight:1000;letter-spacing:.075em;text-transform:uppercase}.mt-hero h1{position:relative;margin:10px 0 4px;font-size:26px;line-height:1;font-weight:1000;letter-spacing:-.055em;color:#fff}.mt-hero p{position:relative;margin:0;color:rgba(255,255,255,.78);font-size:11.5px;line-height:1.42;font-weight:760;max-width:360px}
.mt-card{border:1px solid rgba(178,212,195,.84);background:rgba(255,255,255,.94);border-radius:26px;padding:14px;box-shadow:0 14px 34px rgba(6,59,42,.075);margin-bottom:12px}.mt-card.soft{background:linear-gradient(145deg,#fff,#eef8f3)}.mt-section-head{margin-bottom:10px;align-items:flex-start}.mt-title h2,.mt-title h3{font-size:14px;font-weight:1000;letter-spacing:-.03em;color:#063b2a}.mt-title p{font-size:10.5px;font-weight:760;color:#64786f}.mt-dot{background:#0b6b49;box-shadow:0 0 0 5px rgba(11,107,73,.12)}.mt-chip{height:28px;padding:0 10px;font-size:10px;background:#ecfdf5;color:#047857;border-color:#bbf7d0}

/* Dashboard: compact but complete */
.mt-kpi-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9px;margin-bottom:12px}.mt-kpi{min-height:104px;border:1px solid rgba(178,212,195,.86);background:#fff;border-radius:23px;padding:13px;box-shadow:0 10px 24px rgba(6,59,42,.055)}.mt-kpi.main{grid-column:auto;grid-row:span 2;background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff}.mt-kpi span{font-size:9.5px;font-weight:1000;text-transform:uppercase;letter-spacing:.055em;color:#64786f}.mt-kpi.main span{color:rgba(255,255,255,.74)}.mt-kpi strong{font-size:20px;font-weight:1000}.mt-kpi.main strong{font-size:27px}.mt-kpi small{font-size:10.5px;font-weight:800}.mt-action-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mt-action-link{min-height:68px;padding:10px;border-radius:20px;background:#fff;border:1px solid rgba(178,212,195,.86);box-shadow:0 10px 22px rgba(6,59,42,.045)}.mt-action-link i,.mt-nav-icon,.mt-type-icon{background:#f1f8f4;color:#0b6b49;border:1px solid rgba(178,212,195,.76)}.mt-action-link strong{font-size:12.5px;color:#063b2a}.mt-action-link small{font-size:10px}.mt-chart{height:124px;border:1px solid rgba(178,212,195,.72);background:#f5fbf8;border-radius:21px;padding:11px 6px}.mt-activity{min-height:54px;border-radius:18px;padding:8px;box-shadow:0 8px 20px rgba(6,59,42,.045)}

/* Forms */
.mt-field span{font-size:10px;font-weight:1000;color:#315546;text-transform:uppercase;letter-spacing:.045em}.mt-field input,.mt-field select,.mt-field textarea{min-height:44px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 12px;color:#0f2c20;font-size:14px;font-weight:850;box-shadow:0 5px 16px rgba(6,59,42,.035)}.mt-field textarea{padding:11px 12px;min-height:78px}.mt-field input:focus,.mt-field select:focus,.mt-field textarea:focus{border-color:#7fc7a7;box-shadow:0 0 0 4px rgba(11,107,73,.09)}.mt-grid-2{grid-template-columns:1fr 1fr;gap:9px}.mt-grid-3{grid-template-columns:repeat(3,1fr);gap:8px}.mt-item-row{border:1px solid rgba(178,212,195,.74);background:#f7fcf9;border-radius:22px;padding:10px;box-shadow:0 8px 18px rgba(6,59,42,.035)}.mt-row-head strong{font-size:12px;font-weight:1000;color:#063b2a}.mt-primary{height:50px;border-radius:19px;background:linear-gradient(135deg,#063b2a,#0b6b49);box-shadow:0 18px 40px rgba(6,59,42,.20);font-size:13px}.mt-mini-btn{height:36px;min-height:36px;padding:0 12px;border-radius:14px;font-size:11px;background:#fff;color:#063b2a;border:1px solid rgba(178,212,195,.9);box-shadow:0 8px 18px rgba(6,59,42,.045)}.mt-hint{font-size:10.5px;font-weight:780;border:1px solid rgba(178,212,195,.78);background:#f2faf6;border-radius:17px;color:#315546}.mt-warning{background:#fff8e8;color:#8a5500;border-color:#ffe3ad}

/* Stock and tables */
.mt-horizontal{gap:10px;padding:1px 1px 12px;margin-bottom:5px}.mt-product-card{min-width:82%;height:126px;border:1px solid rgba(178,212,195,.84);background:#fff;border-radius:27px;padding:14px;box-shadow:0 16px 36px rgba(6,59,42,.085)}.mt-product-card:first-child{background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff}.mt-product-card strong{font-size:22px;color:inherit}.mt-product-card:first-child .mt-mini-btn{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.24)}.mt-table-wrap{border:1px solid rgba(178,212,195,.75);border-radius:20px;background:#fff}.mt-table{min-width:620px;font-size:10.5px;border-collapse:separate;border-spacing:0}.mt-table th{background:#f2faf6;color:#315546;text-align:left;padding:10px 9px;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;position:static}.mt-table td{padding:9px;border-top:1px solid rgba(226,232,240,.84);border-bottom:0;color:#334155;font-size:10.5px;font-weight:800}.mt-pagination{justify-content:space-between}.mt-pagination span{font-size:11px;font-weight:1000;color:#315546}

/* Manage stock */
.mt-outlet-card{min-width:82%;border-radius:26px;border:1px solid rgba(178,212,195,.84);box-shadow:0 14px 34px rgba(6,59,42,.075)}.mt-outlet-card h3{font-size:24px;color:#063b2a}.mt-outlet-card.active{outline:3px solid rgba(11,107,73,.16)}.mt-plus{background:linear-gradient(145deg,#063b2a,#0b6b49)}.mt-stock-mini{gap:7px}.mt-stock-mini div{background:#f6fff9;border-color:#e0eee4;border-radius:16px;padding:9px}.mt-stock-mini strong{font-size:13px}

/* Modal Details: grouped, 2 columns by default */
.mt-modal{z-index:120;place-items:end center;padding:14px}.mt-modal-backdrop{background:rgba(6,59,42,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mt-modal-card{width:100%;max-width:452px;max-height:82dvh;overflow:auto;border:1px solid rgba(178,212,195,.94);background:#fff;border-radius:28px;padding:16px;box-shadow:0 -20px 70px rgba(6,59,42,.25);animation:mtModalIn .2s ease-out}.mt-modal-close{right:12px;top:12px;width:34px;height:34px;border-radius:14px;border:1px solid rgba(178,212,195,.86);background:#f2faf6;color:#0b6b49;font-weight:1000;font-size:18px}.mt-modal-eyebrow{color:#0b6b49;font-size:10px;letter-spacing:.08em}.mt-modal-card h3{margin:5px 42px 12px 0;font-size:20px;font-weight:1000;letter-spacing:-.05em;color:#063b2a}.mt-detail-group{padding:11px;border-radius:22px;border:1px solid rgba(178,212,195,.78);background:#fbfffc;margin-bottom:10px}.mt-detail-group h4{margin:0 0 9px;font-size:11px;letter-spacing:.08em;color:#063b2a;text-transform:uppercase;font-weight:1000}.mt-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.mt-detail-card{padding:10px;border-radius:18px;background:#f7fcf9;border:1px solid rgba(178,212,195,.74);min-width:0}.mt-detail-card.warning{background:#fff8e8;border-color:#ffe3ad}.mt-detail-card.danger{background:#fff1f0;border-color:#ffd3cf}.mt-detail-card.full{grid-column:1/-1}.mt-detail-card span{display:block;color:#64786f;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;line-height:1.25}.mt-detail-card strong{display:block;margin-top:5px;color:#063b2a;font-size:13px;line-height:1.28;font-weight:1000;word-break:break-word}.mt-detail-card small{display:block;margin-top:3px;color:#64786f;font-size:9px;font-weight:850;line-height:1.25}@keyframes mtModalIn{from{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}

/* Bottom menu: exactly five visible items, full names, APP/APK style */
.mt-bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,480px);z-index:45;background:rgba(255,255,255,.94);border:1px solid rgba(178,212,195,.72);border-bottom:0;border-top-left-radius:24px;border-top-right-radius:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -14px 34px rgba(6,59,42,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mt-bottom-nav a{height:56px;min-height:56px;border-radius:18px;color:#64786f;font-size:8.2px;font-weight:1000;gap:3px}.mt-bottom-nav a svg{width:21px;height:21px}.mt-bottom-nav a.active{background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff;box-shadow:0 14px 28px rgba(6,59,42,.18)}

@media (min-width:760px){
  .mt-shell,.mt-login-shell{max-width:480px}.mt-dashboard-layout{display:block}.mt-card{padding:14px}.mt-content{padding:14px 14px 24px}.mt-table{min-width:620px}
}
@media (max-width:390px){
  .mt-shell{box-shadow:none}.mt-content{padding-inline:12px}.mt-hero{padding:15px 14px}.mt-kpi-grid{grid-template-columns:1fr}.mt-kpi.main{grid-row:auto}.mt-action-grid{grid-template-columns:repeat(2,1fr)}.mt-grid-3{grid-template-columns:1fr}.mt-product-card,.mt-outlet-card{min-width:88%}.mt-bottom-nav{gap:3px;padding-left:6px;padding-right:6px}.mt-bottom-nav a{height:53px;min-height:53px;border-radius:16px;font-size:7.7px}.mt-bottom-nav a svg{width:19px;height:19px}
}
@media (max-width:360px){.mt-grid-2,.mt-detail-grid{grid-template-columns:1fr!important}.mt-detail-card.full{grid-column:auto}.mt-action-grid{grid-template-columns:1fr}}

/* Dashboard detail rows and Rekap page */
.mt-kpi-lines{display:grid;gap:5px;margin-top:9px}
.mt-kpi-lines.light .mt-kpi-line{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.mt-kpi-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px;padding:5px 8px;border-radius:12px;background:#f3faf6;border:1px solid rgba(178,212,195,.7);color:#244c3b}
.mt-kpi-line span{font-size:8.5px!important;line-height:1.15;color:inherit!important;opacity:.72;letter-spacing:.04em;text-transform:uppercase;font-weight:1000}
.mt-kpi-line b{font-size:10px;line-height:1.15;color:inherit;font-weight:1000;text-align:right;white-space:nowrap}
.mt-kpi-line.warn{background:#fff8e8;border-color:#ffe3ad;color:#8a5500}
.mt-kpi-line.danger{background:#fff1f0;border-color:#ffd3cf;color:#b42318}
.mt-kpi.main .mt-kpi-line span,.mt-kpi.main .mt-kpi-line b{color:#fff!important}
.mt-recap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mt-recap-card{border:1px solid rgba(178,212,195,.84);background:#fff;border-radius:22px;padding:12px;box-shadow:0 10px 24px rgba(6,59,42,.055);min-height:98px;display:flex;flex-direction:column;justify-content:space-between;gap:5px}
.mt-recap-card.strong{background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff}
.mt-recap-card.debt{background:#fff8e8;border-color:#ffe3ad}
.mt-recap-card span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:1000;color:#64786f}
.mt-recap-card.strong span,.mt-recap-card.strong small{color:rgba(255,255,255,.78)}
.mt-recap-card strong{font-size:17px;line-height:1.08;font-weight:1000;color:#063b2a;letter-spacing:-.03em}
.mt-recap-card.strong strong{font-size:20px;color:#fff}
.mt-recap-card small{font-size:10px;line-height:1.25;font-weight:800;color:#64786f}
.mt-recap-outlets{display:grid;gap:9px}
.mt-recap-outlet{border:1px solid rgba(178,212,195,.84);background:#fff;border-radius:22px;padding:12px;box-shadow:0 10px 24px rgba(6,59,42,.055);display:grid;gap:10px}
.mt-recap-outlet>div:first-child span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:1000;color:#64786f}
.mt-recap-outlet>div:first-child strong{display:block;margin-top:3px;font-size:18px;line-height:1.1;font-weight:1000;color:#063b2a}
.mt-recap-outlet>div:first-child small{display:block;margin-top:3px;font-size:10px;font-weight:800;color:#64786f}
@media (max-width:360px){.mt-recap-grid{grid-template-columns:1fr}.mt-kpi-line{padding-inline:7px}.mt-kpi-line b{font-size:9.5px}}

/* Final settings toggle and Rekap pcs/dos card anatomy */
.mt-toggle{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid rgba(178,212,195,.82);border-radius:18px;background:#f7fcf9;color:#063b2a;font-size:13px;font-weight:1000}
.mt-toggle input{width:20px;height:20px;accent-color:#0b6b49;flex:0 0 auto}
.mt-recap-card{padding:0;overflow:hidden;min-height:126px;justify-content:stretch}
.mt-recap-top{padding:13px 13px 10px;display:grid;gap:4px;min-height:70px;background:linear-gradient(180deg,#ffffff,#f7fcf9)}
.mt-recap-card.strong .mt-recap-top{background:transparent}
.mt-recap-card.debt .mt-recap-top{background:linear-gradient(180deg,#fffaf0,#fff8e8)}
.mt-recap-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(178,212,195,.72);background:#f3faf6}
.mt-recap-bottom>div{padding:9px 10px;min-width:0}
.mt-recap-bottom>div+div{border-left:1px solid rgba(178,212,195,.72)}
.mt-recap-bottom span{display:block;font-size:8.5px!important;text-transform:uppercase;letter-spacing:.06em;font-weight:1000;color:#64786f!important}
.mt-recap-bottom b{display:block;margin-top:3px;font-size:12px;line-height:1.15;color:#063b2a;font-weight:1000;word-break:break-word}
.mt-recap-card.strong .mt-recap-bottom{background:rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.20)}
.mt-recap-card.strong .mt-recap-bottom>div+div{border-left-color:rgba(255,255,255,.20)}
.mt-recap-card.strong .mt-recap-bottom span,.mt-recap-card.strong .mt-recap-bottom b{color:#fff!important}
.mt-price-disabled [data-feature-price],.mt-manage-disabled [data-feature-manage]{display:none!important}


/* Mitra module components — intentionally follows Gudang UI foundation */
.mt-order-list{display:grid;gap:10px}.mt-order-card{border:1px solid rgba(178,212,195,.84);background:#fff;border-radius:24px;padding:13px;display:grid;gap:10px;box-shadow:0 12px 28px rgba(6,59,42,.06)}
.mt-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mt-order-top strong{display:block;font-size:15px;font-weight:1000;color:#063b2a;letter-spacing:-.035em}.mt-order-top small{display:block;margin-top:3px;font-size:10px;font-weight:850;color:#64786f;line-height:1.25}.mt-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:5px 9px;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.mt-status.warn{background:#fff8e8;color:#8a5500;border-color:#ffe3ad}.mt-status.done{background:#ecfdf3;color:#067647;border-color:#bbf7d0}
.mt-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mt-item-box{border:1px solid rgba(178,212,195,.74);background:#f7fcf9;border-radius:18px;padding:10px;min-width:0}.mt-item-box span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#64786f;font-weight:1000}.mt-item-box strong{display:block;margin-top:4px;font-size:14px;color:#063b2a;font-weight:1000;line-height:1.16}.mt-item-box small{display:block;margin-top:4px;color:#64786f;font-size:9.5px;font-weight:800;line-height:1.25}
.mt-card-actions{display:flex;flex-wrap:wrap;gap:8px}.mt-outline-btn,.mt-wa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:14px;border:1px solid rgba(178,212,195,.9);background:#fff;color:#063b2a;padding:0 12px;font-size:11px;font-weight:1000;box-shadow:0 8px 18px rgba(6,59,42,.045)}.mt-wa-btn{background:linear-gradient(135deg,#063b2a,#0b6b49);color:#fff;border-color:#0b6b49}.mt-confirm-preview,.mt-wa-result{border:1px solid rgba(178,212,195,.78);background:#f7fcf9;border-radius:22px;padding:12px;font-size:12px;font-weight:780;color:#315546;line-height:1.45}.mt-wa-result{background:#ecfdf5;color:#063b2a;margin-top:10px}.mt-empty{padding:14px;border:1px dashed rgba(178,212,195,.88);border-radius:20px;text-align:center;color:#64786f;background:#f7fcf9;font-size:12px;font-weight:900}.mt-sop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mt-sop-grid div{border:1px solid rgba(178,212,195,.74);background:#fff;border-radius:18px;padding:11px;box-shadow:0 8px 18px rgba(6,59,42,.035)}.mt-sop-grid strong{width:28px;height:28px;border-radius:11px;background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:1000}.mt-sop-grid span{display:block;margin-top:8px;font-size:10.5px;font-weight:800;line-height:1.35;color:#64786f}.mt-login-note{position:relative;z-index:1;margin-top:12px;border:1px solid rgba(178,212,195,.78);border-radius:18px;padding:11px;background:#f2faf6;display:grid;gap:2px}.mt-login-note strong{font-size:12px;color:#063b2a;font-weight:1000}.mt-login-note span{font-size:10.5px;color:#64786f;font-weight:800;line-height:1.35}
.mt-detail-box{border:1px solid rgba(178,212,195,.74);background:#f7fcf9;border-radius:18px;padding:10px;min-width:0}.mt-detail-box span{display:block;color:#64786f;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.mt-detail-box strong{display:block;margin-top:5px;color:#063b2a;font-size:13px;line-height:1.28;font-weight:1000;word-break:break-word}.mt-detail-box small{display:block;margin-top:3px;color:#64786f;font-size:9px;font-weight:850;line-height:1.25}.mt-action-card{margin-bottom:12px}.mt-card h4{margin:12px 0 8px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#063b2a;font-weight:1000}
@media (max-width:390px){.mt-item-grid{grid-template-columns:1fr}.mt-sop-grid{grid-template-columns:1fr}.mt-status{white-space:normal;text-align:center}.mt-action-link small{display:none}.mt-order-card{border-radius:22px;padding:12px}.mt-order-top{gap:8px}}


/* Mitra final operational repair: partner order input removed from UI */
.mt-bottom-nav.mitra-4{grid-template-columns:repeat(4,1fr)!important}
.mitra-action-grid{grid-template-columns:repeat(4,1fr)}
.mt-simple-list{display:grid;gap:9px}
.mt-simple-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(178,212,195,.84);background:#fff;border-radius:22px;padding:11px;box-shadow:0 10px 22px rgba(6,59,42,.055)}
.mt-simple-main{min-width:0}.mt-simple-main strong{display:block;color:#063b2a;font-size:14px;font-weight:1000;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-simple-main small{display:block;margin-top:3px;color:#64786f;font-size:9.5px;font-weight:850;line-height:1.25}.mt-simple-items{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.mt-simple-items span{border:1px solid rgba(178,212,195,.72);background:#f7fcf9;border-radius:999px;padding:5px 7px;color:#315546;font-size:9px;font-weight:1000;line-height:1}.mt-simple-items span.warn{background:#fff8e8;border-color:#ffe3ad;color:#8a5500}.mt-simple-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:98px}.mt-simple-side .mt-outline-btn{width:100%;min-height:32px;padding:0 9px}
.mt-status{gap:5px;max-width:148px;text-align:left}.mt-status svg{width:13px;height:13px;flex:0 0 auto}.mt-status b{font:inherit;line-height:1.12}.mt-status.process{background:#fff8e8;color:#8a5500;border-color:#ffe3ad}.mt-status.done{background:#ecfdf3;color:#067647;border-color:#bbf7d0}.mt-status.partial{background:#fff1f0;color:#b42318;border-color:#ffd3cf}
.mt-donut-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.mt-donut-wrap{display:flex;align-items:center;gap:12px}.mt-donut{--pct:0;width:116px;height:116px;border-radius:50%;background:conic-gradient(#0b6b49 calc(var(--pct)*1%),#e6f2eb 0);display:grid;place-items:center;position:relative;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(178,212,195,.7)}.mt-donut:before{content:'';position:absolute;inset:14px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(178,212,195,.6)}.mt-donut strong,.mt-donut span{position:relative;z-index:1;text-align:center}.mt-donut strong{font-size:24px;font-weight:1000;color:#063b2a;letter-spacing:-.05em}.mt-donut span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#64786f;font-weight:1000;margin-top:28px;position:absolute}.mt-donut-info strong{display:block;color:#063b2a;font-size:15px;font-weight:1000;letter-spacing:-.03em}.mt-donut-info small{display:block;color:#64786f;font-size:11px;font-weight:850;margin-top:4px}.mt-donut-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mt-donut-side div{border:1px solid rgba(178,212,195,.74);background:#f7fcf9;border-radius:18px;padding:10px;min-width:0}.mt-donut-side span{display:block;font-size:8.7px;text-transform:uppercase;letter-spacing:.06em;color:#64786f;font-weight:1000;line-height:1.25}.mt-donut-side strong{display:block;margin-top:4px;color:#063b2a;font-size:13px;font-weight:1000;line-height:1.18;word-break:break-word}
.mt-aging-list{display:grid;gap:8px}.mt-aging-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(178,212,195,.74);background:#f7fcf9;border-radius:18px;padding:10px}.mt-aging-list strong{font-size:12px;color:#063b2a;font-weight:1000}.mt-aging-list span{font-size:10px;color:#8a5500;background:#fff8e8;border:1px solid #ffe3ad;border-radius:999px;padding:5px 8px;font-weight:1000;white-space:nowrap}
.mt-check-card{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(178,212,195,.78);background:#f7fcf9;border-radius:20px;padding:12px;color:#063b2a}.mt-check-card input{width:20px;height:20px;margin:1px 0 0;accent-color:#0b6b49;flex:0 0 auto}.mt-check-card strong{display:block;font-size:13px;font-weight:1000}.mt-check-card small{display:block;margin-top:3px;color:#64786f;font-size:10.5px;font-weight:850;line-height:1.3}.mt-confirm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mt-confirm-head strong{display:block;color:#063b2a;font-size:14px;font-weight:1000}.mt-confirm-head small{display:block;margin-top:3px;color:#64786f;font-size:10px;font-weight:850}.mt-confirm-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.mt-confirm-mini span{border:1px solid rgba(178,212,195,.74);background:#fff;border-radius:14px;padding:7px 8px;color:#315546;font-size:10px;font-weight:950;line-height:1.2}.mt-confirm-mini span.warn{background:#fff8e8;border-color:#ffe3ad;color:#8a5500}
@media (max-width:390px){.mitra-action-grid{grid-template-columns:repeat(2,1fr)}.mt-simple-order{grid-template-columns:1fr}.mt-simple-side{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center}.mt-simple-side .mt-status{max-width:none}.mt-donut-panel{grid-template-columns:1fr}.mt-donut-wrap{justify-content:center}.mt-donut-side{grid-template-columns:1fr}.mt-confirm-mini{grid-template-columns:1fr}.mt-bottom-nav.mitra-4 a{font-size:7.5px}.mt-bottom-nav.mitra-4 a svg{width:19px;height:19px}}
@media (max-width:340px){.mt-simple-side{grid-template-columns:1fr}.mt-donut{width:104px;height:104px}.mt-donut strong{font-size:21px}}


/* ==========================================================
   MITRA RESPONSIVE FINAL REPAIR
   Focus: prevent text/card overflow, restore Gudang-like APP/APK layout,
   keep labels readable on Android/iPhone/tablet/desktop browser.
   ========================================================== */
.mt-shell,.mt-login-shell{max-width:480px!important;width:100%!important;overflow-x:hidden!important}
.mt-content,.mt-card,.mt-kpi,.mt-action-link,.mt-simple-order,.mt-simple-main,.mt-simple-side,.mt-detail-card,.mt-detail-box,.mt-confirm-preview,.mt-wa-result,.mt-donut-side div,.mt-aging-list div{min-width:0!important;max-width:100%!important}
.mt-card,.mt-kpi,.mt-action-link,.mt-simple-order,.mt-detail-card,.mt-detail-box,.mt-confirm-preview,.mt-wa-result{overflow:hidden!important}
.mt-brand strong,.mt-hero h1,.mt-hero p,.mt-title h2,.mt-title h3,.mt-title p,.mt-kpi strong,.mt-kpi small,.mt-action-link strong,.mt-action-link small,.mt-simple-main strong,.mt-simple-main small,.mt-simple-items span,.mt-status b,.mt-detail-card strong,.mt-detail-card small,.mt-detail-box strong,.mt-detail-box small,.mt-confirm-mini span,.mt-donut-side span,.mt-donut-side strong,.mt-aging-list strong,.mt-aging-list span,.mt-table td{overflow-wrap:anywhere;word-break:normal;hyphens:auto}

/* Action Menu: do not force 4 narrow columns inside 480px app shell */
.mitra-action-grid,.mt-action-grid.mitra-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.mitra-action-grid .mt-action-link{min-height:66px!important;padding:10px!important;border-radius:20px!important;align-items:center!important}
.mitra-action-grid .mt-action-link i{width:34px!important;height:34px!important;border-radius:14px!important}
.mitra-action-grid .mt-action-link>div{min-width:0!important}
.mitra-action-grid .mt-action-link strong{font-size:12px!important;line-height:1.12!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mitra-action-grid .mt-action-link small{font-size:9.5px!important;line-height:1.18!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* KPI cards: compact, no clipped numbers */
.mt-kpi-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
.mt-kpi{min-height:98px!important;padding:12px!important;justify-content:flex-start!important;gap:5px!important}
.mt-kpi.main{grid-column:span 2!important;grid-row:auto!important;min-height:108px!important}
.mt-kpi span{font-size:9px!important;line-height:1.15!important;letter-spacing:.045em!important}
.mt-kpi strong{font-size:clamp(18px,5vw,24px)!important;line-height:1.05!important;margin-top:4px!important;max-width:100%!important}
.mt-kpi.main strong{font-size:clamp(24px,7vw,30px)!important}
.mt-kpi small{font-size:10px!important;line-height:1.25!important;margin-top:2px!important}

/* Latest order cards: Details remains on the right on normal phone width, stacks safely on very small screens */
.mt-simple-order{grid-template-columns:minmax(0,1fr) 108px!important;gap:9px!important;align-items:start!important;padding:11px!important;border-radius:22px!important}
.mt-simple-main strong{font-size:13.5px!important;line-height:1.14!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mt-simple-main small{font-size:9.5px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.mt-simple-items{gap:5px!important;margin-top:7px!important}
.mt-simple-items span{max-width:100%!important;line-height:1.08!important;white-space:normal!important;padding:5px 7px!important}
.mt-simple-side{width:108px!important;min-width:108px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important}
.mt-simple-side .mt-outline-btn{width:100%!important;min-height:32px!important;height:auto!important;padding:7px 8px!important;font-size:10px!important;line-height:1.1!important;white-space:normal!important;text-align:center!important}

/* Status chips: long operational labels must wrap inside card, not outside */
.mt-status{width:100%!important;max-width:100%!important;min-height:30px!important;display:grid!important;grid-template-columns:14px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;padding:5px 7px!important;border-radius:14px!important;text-align:left!important;white-space:normal!important;letter-spacing:.025em!important;font-size:8.3px!important;line-height:1.08!important}
.mt-status svg{width:13px!important;height:13px!important;min-width:13px!important}
.mt-status b{display:block!important;min-width:0!important;line-height:1.08!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Donut/progress panel: one clean column inside the app shell */
.mt-donut-panel{grid-template-columns:1fr!important;gap:11px!important;align-items:stretch!important}
.mt-donut-wrap{justify-content:flex-start!important;gap:11px!important;max-width:100%!important}
.mt-donut{width:104px!important;height:104px!important;min-width:104px!important}
.mt-donut:before{inset:13px!important}
.mt-donut strong{font-size:21px!important}
.mt-donut span{font-size:8px!important;margin-top:26px!important}
.mt-donut-info{min-width:0!important}.mt-donut-info strong{font-size:13.5px!important;line-height:1.18!important}.mt-donut-info small{font-size:10px!important;line-height:1.25!important}
.mt-donut-side{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.mt-donut-side div{padding:8px!important;border-radius:16px!important}
.mt-donut-side span{font-size:7.7px!important;line-height:1.1!important}
.mt-donut-side strong{font-size:11px!important;line-height:1.12!important}

/* Confirmation form and preview */
.mt-confirm-head{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:9px!important;align-items:start!important}
.mt-confirm-head>div{min-width:0!important}.mt-confirm-head strong{line-height:1.15!important;overflow-wrap:anywhere!important}.mt-confirm-head small{line-height:1.25!important}
.mt-confirm-mini{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.mt-confirm-mini span{font-size:9.5px!important;line-height:1.16!important;min-width:0!important;overflow-wrap:anywhere!important}
.mt-check-card{align-items:flex-start!important;overflow:hidden!important}.mt-check-card span{min-width:0!important}.mt-check-card strong,.mt-check-card small{overflow-wrap:anywhere!important;line-height:1.25!important}
.mt-wa-result{overflow-wrap:anywhere!important}.mt-wa-result .mt-wa-btn{margin-top:8px!important;width:100%!important;min-height:38px!important;text-align:center!important}

/* Modal detail: safe two-column on phone, single column on very narrow devices */
.mt-modal{padding:12px 10px 0!important;z-index:120!important}.mt-modal-card{width:100%!important;max-width:452px!important;max-height:84dvh!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;overflow:auto!important}.mt-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.mt-detail-card.full{grid-column:1/-1!important}.mt-detail-card strong{font-size:13px!important;line-height:1.24!important}.mt-detail-card small{font-size:9px!important;line-height:1.25!important}

/* Aging and history */
.mt-aging-list div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.mt-aging-list span{white-space:normal!important;text-align:right!important;line-height:1.12!important}
.mt-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.mt-table th,.mt-table td{white-space:normal!important;line-height:1.25!important}.mt-pagination button{min-height:36px!important;border-radius:14px!important;border:1px solid rgba(178,212,195,.84)!important;background:#fff!important;color:#063b2a!important;font-weight:1000!important;padding:0 13px!important}

/* Bottom nav: long labels stay inside their item */
.mt-bottom-nav.mitra-4{width:min(100%,480px)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important}
.mt-bottom-nav.mitra-4 a{min-width:0!important;height:56px!important;min-height:56px!important;padding:5px 2px!important;gap:3px!important;overflow:hidden!important}
.mt-bottom-nav.mitra-4 a span{display:block!important;max-width:100%!important;text-align:center!important;white-space:normal!important;line-height:1.05!important;font-size:8px!important;overflow-wrap:anywhere!important}
.mt-bottom-nav.mitra-4 a svg{width:20px!important;height:20px!important;flex:0 0 auto!important}

@media (max-width:430px){
  .mt-content{padding-left:12px!important;padding-right:12px!important}
  .mt-hero{border-radius:28px!important;padding:15px 14px!important}.mt-hero h1{font-size:25px!important}.mt-hero p{font-size:11px!important}
  .mt-simple-order{grid-template-columns:1fr!important}.mt-simple-side{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important}.mt-simple-side .mt-status{grid-column:1/-1!important}
  .mt-confirm-head{grid-template-columns:1fr!important}.mt-confirm-head .mt-status{width:100%!important}
  .mt-donut-side{grid-template-columns:1fr!important}.mt-aging-list div{grid-template-columns:1fr!important}.mt-aging-list span{text-align:left!important;width:max-content;max-width:100%}
}
@media (max-width:370px){
  .mitra-action-grid,.mt-action-grid.mitra-action-grid{grid-template-columns:1fr!important}
  .mt-kpi-grid{grid-template-columns:1fr!important}.mt-kpi.main{grid-column:auto!important}.mt-grid-2,.mt-confirm-mini,.mt-detail-grid{grid-template-columns:1fr!important}.mt-detail-card.full{grid-column:auto!important}
  .mt-simple-side{grid-template-columns:1fr!important}.mt-bottom-nav.mitra-4 a span{font-size:7.3px!important}.mt-bottom-nav.mitra-4 a svg{width:18px!important;height:18px!important}
}

/* =========================================================
   MITRA TEST ORDER + FINAL RESPONSIVE NAV (v4)
   ========================================================= */
.mt-bottom-nav.mitra-5{
  width:min(100%,480px)!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:3px!important;
  padding:8px 7px calc(8px + env(safe-area-inset-bottom))!important;
  border-top-left-radius:24px!important;
  border-top-right-radius:24px!important;
}
.mt-bottom-nav.mitra-5 a{
  min-width:0!important;
  height:56px!important;
  min-height:56px!important;
  padding:5px 1px!important;
  gap:3px!important;
  overflow:hidden!important;
}
.mt-bottom-nav.mitra-5 a span{
  display:block!important;
  max-width:100%!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.05!important;
  font-size:7.4px!important;
  overflow-wrap:anywhere!important;
}
.mt-bottom-nav.mitra-5 a svg{width:19px!important;height:19px!important;flex:0 0 auto!important}
.mt-bottom-nav.mitra-5 a.active span{font-weight:950!important}
.mt-confirm-focus{border-color:rgba(13,107,69,.24)!important;box-shadow:0 16px 40px rgba(7,70,47,.10)!important}
.mt-confirm-matrix,.mt-confirm-result{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
}
.mt-confirm-matrix div,.mt-confirm-result div{
  min-width:0!important;
  border:1px solid #dcece1!important;
  background:#f7fff9!important;
  border-radius:17px!important;
  padding:10px!important;
  overflow:hidden!important;
}
.mt-confirm-matrix span,.mt-confirm-result span{
  display:block!important;
  font-size:9px!important;
  font-weight:950!important;
  color:var(--muted)!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  overflow-wrap:anywhere!important;
}
.mt-confirm-matrix strong,.mt-confirm-result b{
  display:block!important;
  margin-top:4px!important;
  font-size:16px!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
  color:var(--green-900)!important;
  overflow-wrap:anywhere!important;
}
.mt-confirm-result .warn{background:var(--amber-soft)!important;border-color:#ffe2a8!important}
.mt-confirm-result .warn b{color:var(--amber)!important}
.mt-check-strong{border-color:rgba(13,107,69,.28)!important;background:linear-gradient(180deg,#f5fff8,#ffffff)!important}
.mt-check-strong input{width:22px!important;height:22px!important;accent-color:var(--green-700)!important}
.mt-wa-result a.mt-wa-btn,
.mt-wa-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:8px!important;
  min-height:40px!important;
  padding:9px 13px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,var(--green-800),var(--green-700))!important;
  color:white!important;
  font-weight:950!important;
  font-size:12px!important;
  text-align:center!important;
}
#mtOrderResult{margin-top:12px!important}
.mt-simple-list .mt-simple-order:first-child{border-color:rgba(13,107,69,.24)!important}
@media(max-width:430px){
  .mt-bottom-nav.mitra-5 a span{font-size:6.9px!important}
  .mt-bottom-nav.mitra-5 a svg{width:18px!important;height:18px!important}
}
@media(max-width:370px){
  .mt-confirm-matrix,.mt-confirm-result{grid-template-columns:1fr!important}
  .mt-bottom-nav.mitra-5 a span{font-size:6.4px!important}
  .mt-bottom-nav.mitra-5 a svg{width:17px!important;height:17px!important}
}

/* MITRA DATA RESET TOOLS (v5) */
.mt-data-tools{border-style:solid!important}
.mt-tool-grid,.mt-inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
.mt-inline-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}
.mt-mini-btn.danger{background:var(--danger-soft)!important;color:var(--danger)!important;border-color:#ffd3cf!important}
.mt-tool-grid .mt-mini-btn{width:100%!important;min-height:40px!important}
@media(max-width:370px){.mt-tool-grid{grid-template-columns:1fr}.mt-inline-actions{width:100%;justify-content:stretch}.mt-inline-actions .mt-mini-btn{flex:1 1 0}}


/* =========================================================
   MITRA OPERATIONAL FINAL V6 — dashboard, confirm tabs, swal
   ========================================================= */
.mt-new-badge{display:inline-flex;vertical-align:middle;margin-left:5px;height:18px;align-items:center;border-radius:999px;padding:0 7px;background:#dcfce7;color:#047857;border:1px solid #86efac;font-size:8.5px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em;animation:mtBlink 1s infinite}
@keyframes mtBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.42;transform:scale(.96)}}
.mt-line-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(178,212,195,.82);background:#fff;border-radius:20px;padding:10px 11px;box-shadow:0 9px 20px rgba(6,59,42,.045);min-width:0;overflow:hidden}.mt-line-main{min-width:0}.mt-line-main strong{display:block;color:#063b2a;font-size:13px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.03em}.mt-line-main small{display:block;margin-top:3px;color:#64786f;font-size:9.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-line-side{display:flex;align-items:center;gap:7px;min-width:0}.mt-line-side .mt-status{max-width:126px}.mt-line-side .mt-outline-btn{min-height:31px;padding:0 9px}
.mt-list-more{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:16px;border:1px solid rgba(178,212,195,.86);background:#f2faf6;color:#063b2a;font-size:12px;font-weight:1000;text-decoration:none;margin-top:2px}.mt-tabbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f2faf6;border:1px solid rgba(178,212,195,.8);border-radius:19px;padding:5px;margin-bottom:10px}.mt-tabbar button{min-height:42px;border:0;border-radius:15px;background:transparent;color:#64786f;font-size:12px;font-weight:1000}.mt-tabbar button b{display:inline-flex;min-width:21px;height:21px;align-items:center;justify-content:center;margin-left:4px;border-radius:999px;background:#fff;border:1px solid rgba(178,212,195,.9);font-size:10px}.mt-tabbar button.active{background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff;box-shadow:0 12px 24px rgba(6,59,42,.15)}.mt-tabbar button.active b{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.2);color:#fff}.mt-tab-summary{margin:0 0 10px;color:#64786f;font-size:11px;font-weight:850;line-height:1.35}.mt-confirm-card-list{display:grid;gap:9px}.mt-confirm-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(178,212,195,.84);background:#fff;border-radius:20px;padding:11px;box-shadow:0 10px 22px rgba(6,59,42,.045);min-width:0;overflow:hidden}.mt-confirm-main{min-width:0}.mt-confirm-main strong{display:block;color:#063b2a;font-size:14px;font-weight:1000;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-confirm-main small{display:block;margin-top:4px;color:#64786f;font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-confirm-actions{display:grid;grid-template-columns:1fr;gap:6px;min-width:92px}.mt-confirm-actions .mt-wa-btn,.mt-confirm-actions .mt-outline-btn{margin:0!important;width:100%;min-height:32px!important;padding:0 10px!important;font-size:10.5px!important}.mt-shortage-card{border:1px solid rgba(178,212,195,.84);background:#fff;border-radius:22px;padding:12px;box-shadow:0 10px 22px rgba(6,59,42,.045);display:grid;gap:10px;overflow:hidden}.mt-shortage-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mt-shortage-top strong{display:block;color:#063b2a;font-size:14px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-shortage-top small{display:block;margin-top:3px;color:#64786f;font-size:9.5px;font-weight:850}.mt-shortage-top span{flex:0 0 auto;border-radius:999px;background:#fff8e8;border:1px solid #ffe3ad;color:#8a5500;padding:5px 8px;font-size:9px;font-weight:1000}.mt-shortage-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mt-shortage-grid div{border:1px solid #dcece1;background:#f7fff9;border-radius:16px;padding:9px;min-width:0}.mt-shortage-grid small{display:block;color:#64786f;font-size:8.5px;font-weight:1000;text-transform:uppercase;letter-spacing:.045em}.mt-shortage-grid b{display:block;margin-top:4px;color:#063b2a;font-size:14px;line-height:1.1;font-weight:1000}.mt-shortage-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mt-shortage-actions .mt-wa-btn,.mt-shortage-actions .mt-outline-btn{width:100%;margin:0!important;min-height:36px!important}
.mt-modal-confirm-form{padding-top:2px}.mt-modal-confirm-form .mt-primary{margin-top:2px}.mt-swal{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:18px}.mt-swal-backdrop{position:absolute;inset:0;background:rgba(2,18,12,.62);backdrop-filter:blur(10px)}.mt-swal-card{position:relative;width:min(100%,370px);background:#fff;border:1px solid rgba(178,212,195,.9);border-radius:28px;padding:20px;text-align:center;box-shadow:0 30px 90px rgba(2,18,12,.36);animation:mtSwalIn .18s ease-out}.mt-swal-icon{width:58px;height:58px;border-radius:22px;margin:0 auto 12px;display:grid;place-items:center;background:#f2faf6;color:#0b6b49}.mt-swal-icon svg{width:29px;height:29px}.mt-swal-error .mt-swal-icon{background:#fff1f0;color:#b42318}.mt-swal-success .mt-swal-icon{background:#ecfdf3;color:#047857}.mt-swal-card h3{margin:0;font-size:20px;color:#063b2a;font-weight:1000;letter-spacing:-.04em}.mt-swal-card p{margin:7px 0 16px;color:#64786f;font-size:12px;font-weight:850;line-height:1.45}.mt-swal-actions{display:grid;grid-template-columns:1fr;gap:8px}.mt-swal-actions:has(.mt-swal-cancel){grid-template-columns:1fr 1fr}.mt-swal-confirm,.mt-swal-cancel{min-height:42px;border-radius:16px;border:0;font-weight:1000;font-size:12px}.mt-swal-confirm{background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff}.mt-swal-cancel{background:#f2faf6;color:#063b2a;border:1px solid rgba(178,212,195,.86)}@keyframes mtSwalIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:430px){.mt-line-order{grid-template-columns:1fr}.mt-line-side{width:100%;display:grid;grid-template-columns:1fr 1fr}.mt-line-side .mt-status{grid-column:1/-1;max-width:none}.mt-confirm-card{grid-template-columns:1fr}.mt-confirm-actions{grid-template-columns:1fr 1fr;min-width:0}.mt-shortage-grid,.mt-shortage-actions{grid-template-columns:1fr}.mt-swal-actions:has(.mt-swal-cancel){grid-template-columns:1fr}.mt-confirm-main strong,.mt-shortage-top strong{white-space:normal}}


/* Shared v7 — Pemesanan pusat & Packaging */
.mt-bottom-nav.packaging-4{width:min(100%,480px)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important}.mt-bottom-nav.packaging-4 a{min-width:0!important;height:56px!important;min-height:56px!important;padding:5px 2px!important;gap:3px!important;overflow:hidden!important}.mt-bottom-nav.packaging-4 a span{display:block!important;max-width:100%!important;text-align:center!important;white-space:normal!important;line-height:1.05!important;font-size:8px!important;overflow-wrap:anywhere!important}.mt-bottom-nav.packaging-4 a svg{width:20px!important;height:20px!important;flex:0 0 auto!important}.mt-brand-mark{background:linear-gradient(145deg,#063b2a,#0b6b49)!important;color:#fff}.pm-data-actions{margin-bottom:10px}.pm-data-actions button{flex:1}.mt-simple-side a.mt-outline-btn,.mt-simple-side a.mt-wa-btn{text-decoration:none}.mt-status svg{width:13px;height:13px;margin-right:4px;flex:0 0 auto}.mt-status.partial{background:#fff8e8;color:#8a5500;border-color:#ffe3ad}.mt-status.process{background:#eef6ff;color:#075985;border-color:#bae6fd}@media(max-width:390px){.mt-bottom-nav.packaging-4 a span{font-size:7.2px!important}.pm-data-actions{display:grid;grid-template-columns:1fr!important}.mt-simple-side{grid-template-columns:1fr!important}.mt-simple-side a{width:100%}}

/* v10 Sync Repair: modal informasi Mitra dibuat seperti ringkasan operasional, bukan card-card kecil */
.mt-flow-summary{margin-top:12px;display:grid;gap:10px}
.mt-flow-summary h4,.mt-confirm-send h4{margin:0;color:#063b2a;font-size:12px;font-weight:1000;letter-spacing:-.02em}
.mt-qty-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border-bottom:1px solid rgba(178,212,195,.75);padding:9px 0;min-width:0}
.mt-qty-line span{color:#64786f;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.045em;min-width:0;overflow-wrap:anywhere}
.mt-qty-line strong{color:#063b2a;font-size:11px;font-weight:1000;white-space:nowrap}
.mt-ready-list{display:grid;gap:7px}
.mt-ready-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(178,212,195,.8);border-radius:16px;background:#fff;padding:10px;min-width:0}
.mt-ready-line span,.mt-send-row span{display:block;color:#64786f;font-size:9.5px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}.mt-ready-line strong,.mt-send-row strong{display:block;margin-top:2px;color:#063b2a;font-size:14px;font-weight:1000}.mt-ready-line small,.mt-confirm-send small{display:block;margin-top:2px;color:#64786f;font-size:10px;font-weight:850;line-height:1.35}.mt-ready-line b{display:inline-flex;align-items:center;justify-content:center;min-width:82px;border-radius:999px;padding:6px 8px;font-size:9.5px;font-weight:1000}.mt-ready-line.is-ready b{background:#e8f8ef;color:#047244;border:1px solid #bde9cd}.mt-ready-line.is-waiting b{background:#fff8e8;color:#8a5500;border:1px solid #ffe3ad}.mt-confirm-send{margin-top:10px;border:1px solid rgba(178,212,195,.78);background:#f7fcf9;border-radius:18px;padding:12px;display:grid;gap:8px}.mt-send-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid rgba(178,212,195,.65);padding-bottom:7px}.mt-send-row:last-of-type{border-bottom:0;padding-bottom:0}
@media(max-width:430px){.mt-qty-line{grid-template-columns:1fr}.mt-qty-line strong{white-space:normal}.mt-ready-line{grid-template-columns:1fr}.mt-ready-line b{justify-content:center;width:100%}}


/* v14 — Mitra owns Gudang confirmation + compact action menus */
.mt-all-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mt-all-menu-grid .mt-action-link{text-decoration:none}.mt-section-head .mt-mini-btn[data-mt-all-menu],.mt-section-head .mt-mini-btn[data-pg-all-menu]{white-space:nowrap}.mt-bottom-nav.mitra-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.mt-bottom-nav.mitra-5 a span{font-size:7.2px!important}.mt-gudang-source-note{font-size:10px;color:#64786f;font-weight:850}.mt-confirm-preview .mt-confirm-result{margin-top:8px!important}
@media(max-width:370px){.mt-all-menu-grid{grid-template-columns:1fr}.mt-bottom-nav.mitra-5 a span{font-size:6.2px!important}}

/* Bukti Pembayaran dalam modal details */
.pusa-proof-panel{display:grid;grid-template-columns:1fr;gap:.9rem;border:1px solid rgba(16,185,129,.16);background:linear-gradient(180deg,rgba(240,253,244,.96),rgba(255,255,255,.98));border-radius:1.35rem;padding:1rem;overflow:hidden;min-width:0}
.pusa-proof-panel.empty{background:#f8fafc;border-color:#e2e8f0}
.pusa-proof-copy{min-width:0;display:grid;gap:.25rem}.pusa-proof-copy span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#047857}.pusa-proof-copy strong{font-size:.98rem;color:#063b2a;line-height:1.25;overflow-wrap:anywhere}.pusa-proof-copy small{color:#64748b;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.pusa-proof-image-link{display:block;border-radius:1.1rem;overflow:hidden;border:1px solid rgba(6,59,42,.14);background:#fff;min-height:160px}.pusa-proof-image{display:block;width:100%;max-height:360px;object-fit:contain;background:#fff}.pusa-proof-image-link.is-broken{display:grid;place-items:center;min-height:120px}.pusa-proof-image-link.is-broken::after{content:'Gambar bukti tidak dapat dimuat. Klik untuk membuka file.';padding:1rem;text-align:center;color:#64748b;font-weight:800;font-size:.85rem}.pusa-proof-open{display:grid;place-items:center;border-radius:1rem;padding:1rem;border:1px dashed rgba(6,59,42,.25);color:#047857;font-weight:900;text-decoration:none;background:#fff}
@media (min-width:520px){.pusa-proof-panel{grid-template-columns:1fr 1.15fr;align-items:start}.pusa-proof-panel.empty{grid-template-columns:1fr}.pusa-proof-image-link{min-height:180px}}


.mt-help-text{display:block;margin-top:.45rem;font-size:.72rem;line-height:1.4;color:#6b7280;font-weight:700}
.mt-template-preview{border:1px solid rgba(15,95,60,.12);background:#f8faf9;border-radius:1.25rem;padding:1rem;min-width:0}
.mt-template-preview>span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#0f5f3c;margin-bottom:.6rem}
.mt-template-preview pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font:700 .82rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#1f2937;max-height:18rem;overflow:auto}

/* v22 — Mitra Analysis */
.mt-analysis-filter{margin-bottom:12px}
.mt-analysis-kpi{margin-bottom:12px}
.mt-month-trend{display:grid;gap:9px}
.mt-month-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(80px,1fr) minmax(0,.78fr);gap:10px;align-items:center;padding:10px;border-radius:20px;background:#fff;border:1px solid rgba(178,212,195,.78);box-shadow:0 8px 18px rgba(6,59,42,.045);min-width:0}
.mt-month-meta,.mt-month-value{min-width:0}.mt-month-meta strong,.mt-month-value strong{display:block;color:#063b2a;font-weight:1000;font-size:12px;line-height:1.2;overflow-wrap:anywhere}.mt-month-meta small{display:block;color:#64786f;font-size:9.5px;font-weight:850;margin-top:3px}.mt-month-bar{height:12px;background:#edf6f1;border-radius:999px;overflow:hidden;border:1px solid rgba(178,212,195,.7)}.mt-month-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0b6b49,#2fb36c)}.mt-month-value{text-align:right}.mt-month-value strong{font-size:11px}.mt-perf{display:inline-flex;align-items:center;justify-content:center;margin-top:4px;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:1000;border:1px solid transparent;white-space:nowrap}.mt-perf.up{background:#ecfdf3;color:#0f7a42;border-color:#b9efce}.mt-perf.down{background:#fff1f2;color:#be123c;border-color:#fecdd3}.mt-perf.flat{background:#f5f7f8;color:#475569;border-color:#e2e8f0}
.mt-partner-list{display:grid;gap:9px}.mt-partner-card{padding:12px;border-radius:21px;background:#fff;border:1px solid rgba(178,212,195,.78);box-shadow:0 8px 20px rgba(6,59,42,.045);min-width:0}.mt-partner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0}.mt-partner-head>div{min-width:0}.mt-partner-head strong{display:block;color:#063b2a;font-size:13px;font-weight:1000;line-height:1.2;overflow-wrap:anywhere}.mt-partner-head small{display:block;color:#64786f;font-size:10px;font-weight:850;margin-top:4px;line-height:1.3}.mt-mini-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mt-mini-split div{border-radius:16px;background:#f6fbf8;border:1px solid rgba(178,212,195,.7);padding:9px;min-width:0}.mt-mini-split span{display:block;color:#64786f;font-size:9px;text-transform:uppercase;letter-spacing:.04em;font-weight:1000}.mt-mini-split b{display:block;color:#063b2a;font-size:12px;font-weight:1000;margin-top:3px;overflow-wrap:anywhere}.mt-forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mt-forecast-card{border:1px solid rgba(178,212,195,.78);background:linear-gradient(145deg,#fff,#f4fbf7);border-radius:22px;padding:12px;box-shadow:0 8px 20px rgba(6,59,42,.045);min-width:0}.mt-forecast-card>span{font-size:10px;font-weight:1000;color:#0b6b49;text-transform:uppercase;letter-spacing:.06em}.mt-forecast-card>strong{display:block;margin-top:7px;font-size:17px;font-weight:1000;color:#063b2a;line-height:1.2;overflow-wrap:anywhere}.mt-forecast-card>small{display:block;margin-top:9px;color:#64786f;font-size:10px;line-height:1.35;font-weight:850;overflow-wrap:anywhere}
.module-analysis-link span{background:linear-gradient(145deg,#0b6b49,#2fb36c)!important;color:#fff!important}
@media(max-width:430px){.mt-month-row{grid-template-columns:1fr;gap:7px}.mt-month-value{text-align:left}.mt-forecast-grid{grid-template-columns:1fr}.mt-partner-head{display:grid;grid-template-columns:1fr;gap:6px}.mt-perf{width:max-content}.mt-mini-split{grid-template-columns:1fr 1fr}}
@media(max-width:360px){.mt-mini-split{grid-template-columns:1fr}}

/* Analysis Suite v9 — separated from operational Mitra */
.analysis-shell{padding-bottom:92px!important}
.analysis-header .mt-brand-mark{background:linear-gradient(145deg,#0b6b49,#2fb36c)!important;color:#fff!important}
.analysis-login-shell .mt-mark{background:linear-gradient(145deg,#0b6b49,#2fb36c)!important;color:#fff!important}
.analysis-hero{background:linear-gradient(145deg,#063b2a,#0b6b49)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
.analysis-hero span,.analysis-hero p{color:rgba(255,255,255,.74)!important}
.analysis-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.analysis-menu-grid a{display:grid;gap:7px;min-height:128px;padding:14px;border-radius:24px;background:linear-gradient(145deg,#fff,#f4fbf7);border:1px solid rgba(178,212,195,.78);box-shadow:0 10px 24px rgba(6,59,42,.055);color:#063b2a;text-decoration:none;min-width:0}
.analysis-menu-grid i{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff;font-style:normal;font-weight:1000;font-size:12px;box-shadow:0 12px 24px rgba(6,59,42,.16)}
.analysis-menu-grid strong{font-size:14px;font-weight:1000;line-height:1.12;overflow-wrap:anywhere}.analysis-menu-grid small{font-size:10.5px;font-weight:850;line-height:1.35;color:#64786f;overflow-wrap:anywhere}
.analysis-period-card .analysis-compare-grid{margin-top:10px}.analysis-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.analysis-compare-grid>div{padding:12px;border-radius:20px;background:#fff;border:1px solid rgba(178,212,195,.76);min-width:0}.analysis-compare-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:1000;color:#64786f}.analysis-compare-grid strong{display:block;margin-top:5px;font-size:17px;font-weight:1000;color:#063b2a;overflow-wrap:anywhere}.analysis-compare-grid small{display:block;margin-top:3px;font-size:10px;font-weight:850;color:#64786f}
.analysis-row-split{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:1px}.analysis-row-split span{border-radius:14px;background:#f6fbf8;border:1px solid rgba(178,212,195,.68);padding:7px 8px;font-size:10px;font-weight:900;color:#315546;text-align:center;overflow-wrap:anywhere}
.analysis-partner-list{gap:11px}.analysis-partner-card{border-radius:24px}.analysis-performance-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.analysis-performance-two.secondary{opacity:.96}.analysis-perf-box{border-radius:18px;background:#f6fbf8;border:1px solid rgba(178,212,195,.72);padding:10px;min-width:0}.analysis-perf-box.main{background:linear-gradient(145deg,#ecfdf3,#fff);border-color:#b9efce}.analysis-perf-box span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:1000;color:#64786f}.analysis-perf-box strong{display:block;margin-top:5px;font-size:15px;font-weight:1000;color:#063b2a;overflow-wrap:anywhere}.analysis-perf-box small{display:block;margin-top:4px;font-size:9.6px;font-weight:850;line-height:1.35;color:#64786f;overflow-wrap:anywhere}
.analysis-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.analysis-pagination span{font-size:11px;font-weight:1000;color:#64786f}.analysis-pagination .disabled{opacity:.45;pointer-events:none}
.analysis-forecast-stack{display:grid;gap:11px}.analysis-forecast-row{padding:13px;border-radius:24px;background:#fff;border:1px solid rgba(178,212,195,.78);box-shadow:0 9px 22px rgba(6,59,42,.045)}.analysis-forecast-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.analysis-forecast-head span{display:block;font-size:10px;font-weight:1000;color:#0b6b49;text-transform:uppercase;letter-spacing:.06em}.analysis-forecast-head strong{display:block;margin-top:5px;font-size:20px;font-weight:1000;color:#063b2a;line-height:1.12;overflow-wrap:anywhere}.analysis-forecast-head small{font-size:10px;font-weight:900;color:#64786f;text-align:right}.analysis-stock-lines{display:grid;gap:8px}.analysis-stock-lines div{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.9fr);align-items:center;gap:8px;padding:10px;border-radius:17px;background:#f6fbf8;border:1px solid rgba(178,212,195,.68);overflow:hidden}.analysis-stock-lines b,.analysis-stock-lines span{position:relative;z-index:1;font-size:10.5px;font-weight:1000;color:#063b2a;overflow-wrap:anywhere}.analysis-stock-lines span{text-align:right;color:#315546}.analysis-stock-lines i{position:absolute;left:0;bottom:0;top:0;border-radius:17px;background:linear-gradient(90deg,rgba(47,179,108,.18),rgba(47,179,108,.04));min-width:4px}
.analysis-vertical-chart{height:220px;display:flex;align-items:end;gap:8px;padding:16px 6px 4px;border-radius:24px;background:#f6fbf8;border:1px solid rgba(178,212,195,.72);overflow:hidden}.analysis-vbar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:6px;min-width:0}.analysis-vbar span{display:block;width:100%;max-width:26px;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,#2fb36c,#063b2a);box-shadow:0 10px 20px rgba(6,59,42,.14)}.analysis-vbar small{font-size:8.5px;font-weight:1000;color:#64786f}.analysis-horizontal-bars{display:grid;gap:10px}.analysis-hbar{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;border-radius:18px;background:#fff;border:1px solid rgba(178,212,195,.72)}.analysis-hbar div{display:flex;justify-content:space-between;gap:8px;align-items:center;min-width:0}.analysis-hbar strong,.analysis-hbar small{font-size:10.5px;font-weight:1000;color:#063b2a;overflow-wrap:anywhere}.analysis-hbar small{color:#64786f;text-align:right}.analysis-hbar>span{display:block;height:11px;border-radius:999px;background:#edf6f1;overflow:hidden;border:1px solid rgba(178,212,195,.68)}.analysis-hbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0b6b49,#2fb36c)}.analysis-horizontal-bars.budget .analysis-hbar i{background:linear-gradient(90deg,#0b6b49,#e3b341)}
.analysis-bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,480px);z-index:48;background:rgba(255,255,255,.96);border:1px solid rgba(178,212,195,.76);border-bottom:0;border-top-left-radius:24px;border-top-right-radius:24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -14px 34px rgba(6,59,42,.13);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.analysis-bottom-nav a{height:56px;min-height:56px;border-radius:18px;color:#64786f;font-size:7.8px;font-weight:1000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;text-decoration:none;min-width:0}.analysis-bottom-nav a svg{width:19px;height:19px;flex:0 0 auto}.analysis-bottom-nav a span{max-width:100%;text-align:center;line-height:1.05;overflow-wrap:anywhere}.analysis-bottom-nav a.active{background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff;box-shadow:0 14px 28px rgba(6,59,42,.18)}
@media(max-width:430px){.analysis-menu-grid{grid-template-columns:1fr}.analysis-compare-grid,.analysis-performance-two{grid-template-columns:1fr}.analysis-row-split{grid-template-columns:1fr}.analysis-forecast-head{display:grid}.analysis-forecast-head small{text-align:left}.analysis-stock-lines div{grid-template-columns:1fr}.analysis-stock-lines span{text-align:left}.analysis-bottom-nav a{font-size:6.8px}.analysis-bottom-nav a svg{width:18px;height:18px}}

.mtg-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.75rem}.mtg-tabs button{border:0;border-radius:999px;padding:.7rem .45rem;background:#eef8f1;color:#0f5f3c;font-weight:900}.mtg-tabs button.active{background:#0f5f3c;color:#fff;box-shadow:0 10px 24px rgba(15,95,60,.18)}.mt-item-row{border:1px solid rgba(15,95,60,.12);border-radius:1.1rem;background:#fff;padding:.85rem;margin:.65rem 0}.mt-table-wrap{overflow:auto}.mt-table{width:100%;border-collapse:collapse;min-width:560px}.mt-table th,.mt-table td{padding:.7rem;border-bottom:1px solid rgba(15,95,60,.08);font-size:.84rem;text-align:left}.mt-table th{font-size:.72rem;text-transform:uppercase;color:#64748b}.mt-empty{padding:1rem;border-radius:1rem;background:#f8fafc;color:#64748b;font-weight:800}

/* Gudang Khusus Mitra — refinements following Gudang form anatomy */
.mt-alert{border:1px solid rgba(245,158,11,.22);background:#fffbeb;color:#92400e;border-radius:1rem;padding:.8rem .9rem;font-weight:800;font-size:.82rem;line-height:1.45;margin:.75rem 0}
.mtg-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.32rem .58rem;font-size:.68rem;font-weight:950;line-height:1;white-space:nowrap}
.mtg-badge.in{background:#dcfce7;color:#166534}.mtg-badge.out{background:#fee2e2;color:#991b1b}.mtg-badge.return{background:#e0f2fe;color:#075985}
.mt-section-head.compact{margin-bottom:.85rem}
#mtgMitra:disabled{opacity:.75;background:#f8fafc;color:#94a3b8}
@media(max-width:420px){.mtg-tabs{gap:.42rem}.mtg-tabs button{font-size:.78rem;padding:.68rem .35rem}.mt-table{min-width:640px}}

/* ===== v33 PIN six-box input ===== */
.pin-source{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.pin-box-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:8px}.pin-box{width:100%;height:50px;border-radius:16px;border:1px solid rgba(178,212,195,.95);background:#fff;color:#063b2a;text-align:center;font-size:20px;font-weight:1000;outline:none;box-shadow:0 8px 18px rgba(6,59,42,.045)}.pin-box:focus{border-color:#0b6b49;box-shadow:0 0 0 4px rgba(11,107,73,.1)}.pin-box-grid.complete .pin-box{border-color:#86efac;background:#f0fdf4}@media(max-width:360px){.pin-box-grid{gap:5px}.pin-box{height:45px;border-radius:14px;font-size:18px}}