: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.gd-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}

.gd-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)}
.gd-app{min-height:100vh;padding-bottom:98px}
.gd-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))}
.gd-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)}
.gd-back{display:inline-flex;gap:8px;align-items:center;color:var(--green-800);font-weight:900;font-size:13px;margin-bottom:18px}
.gd-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)}
.gd-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--green-700);font-weight:950;margin:18px 0 6px}
.gd-login-card h1{margin:0;font-size:34px;letter-spacing:-.05em}.gd-copy{color:var(--muted);line-height:1.55;margin:10px 0 18px}.gd-error{padding:10px 12px;border-radius:14px;background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:900;margin:0 0 12px}

.gd-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}
.gd-header-row{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:980px;margin:0 auto}
.gd-brand{display:flex;align-items:center;gap:12px;min-width:0}.gd-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}.gd-brand small{display:block;color:rgba(255,255,255,.72);font-weight:850;font-size:11px}.gd-brand strong{display:block;font-size:18px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-top-actions{display:flex;gap:8px}.gd-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)}.gd-icon-button svg{width:20px;height:20px}.gd-icon-button:hover{background:rgba(255,255,255,.18)}
.gd-hero{max-width:980px;margin:18px auto 0}.gd-hero span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);font-weight:950}.gd-hero h1{margin:4px 0 4px;font-size:clamp(26px,4vw,38px);letter-spacing:-.055em}.gd-hero p{margin:0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.45;max-width:660px}
.gd-content{width:min(100%,980px);margin:0 auto;padding:16px 14px 24px}.gd-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:16px;margin-bottom:14px}.gd-card.soft{background:linear-gradient(180deg,#ffffff,#f6fff9)}.gd-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.gd-title{display:flex;align-items:center;gap:10px;min-width:0}.gd-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}.gd-title h2,.gd-title h3{margin:0;font-size:16px;letter-spacing:-.03em}.gd-title p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.gd-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}.gd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gd-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}

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

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

.gd-activity-list{display:grid;gap:8px}.gd-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}.gd-type-icon{width:34px;height:34px;font-weight:950;background:#eefaf1;color:var(--green-800)}.gd-type-icon.out{background:#fff5e6;color:#a45b00}.gd-type-icon.return{background:#eef6ff;color:#175c9c}.gd-activity-main{min-width:0}.gd-activity-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.gd-activity-head strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.gd-activity-head span{font-size:10px;font-weight:950;color:var(--green-800);white-space:nowrap}.gd-activity p{margin:3px 0 0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

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

.gd-horizontal{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 3px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.gd-horizontal::-webkit-scrollbar{height:0}.gd-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}.gd-product-card strong{font-size:clamp(22px,5vw,30px);letter-spacing:-.055em;line-height:1.05}.gd-product-card .gd-mini-btn{align-self:flex-start}.gd-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:white}.gd-table{width:100%;border-collapse:collapse;min-width:640px}.gd-table th,.gd-table td{padding:11px 10px;border-bottom:1px solid #edf4ef;text-align:left;font-size:12px;vertical-align:top}.gd-table th{background:#f2fbf5;color:var(--green-800);font-size:11px;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}.gd-table tr:last-child td{border-bottom:0}.gd-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.gd-pagination span{font-size:12px;font-weight:950;color:var(--green-800)}

.gd-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:end center;padding:16px}.gd-modal[hidden]{display:none}.gd-modal-backdrop{position:absolute;inset:0;background:rgba(2,18,12,.62);backdrop-filter:blur(5px)}.gd-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)}.gd-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}.gd-modal-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--green-700);font-weight:950}.gd-modal-card h3{margin:5px 42px 14px 0;font-size:22px;letter-spacing:-.04em}.gd-detail-group{padding:12px;border-radius:22px;border:1px solid #e1eee5;background:#fbfffc;margin-bottom:10px}.gd-detail-group h4{margin:0 0 10px;font-size:13px;letter-spacing:.02em;color:var(--green-900);text-transform:uppercase}.gd-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gd-detail-card{padding:12px;border-radius:18px;background:#f6fff9;border:1px solid #dceddf;min-width:0}.gd-detail-card.full{grid-column:span 2}.gd-detail-card.warning{background:#fff8e8;border-color:#ffe3ad}.gd-detail-card.danger{background:#fff1f0;border-color:#ffd3cf}.gd-detail-card span{font-size:11px;color:var(--muted);font-weight:900;line-height:1.25}.gd-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}.gd-detail-card small{display:block;color:var(--muted);font-weight:850;margin-top:4px;line-height:1.3}

.gd-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)}.gd-outlet-card.active{outline:3px solid rgba(15,104,72,.16)}.gd-outlet-card-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.gd-outlet-card h3{margin:0;font-size:24px;letter-spacing:-.05em}.gd-outlet-card small{font-size:11px;color:var(--muted);font-weight:900}.gd-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}.gd-stock-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.gd-stock-mini div{background:#f6fff9;border:1px solid #e0eee4;border-radius:16px;padding:10px;min-width:0}.gd-stock-mini span{font-size:10px;color:var(--muted);font-weight:900}.gd-stock-mini strong{display:block;font-size:14px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-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)}.gd-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}.gd-bottom-nav a svg{width:21px;height:21px}.gd-bottom-nav a.active{background:#eafff2;color:var(--green-900)}.gd-empty{padding:18px;border-radius:20px;background:#f6fff9;border:1px dashed #cfe7d6;color:var(--muted);font-size:13px;text-align:center}.gd-toggle{display:flex;align-items:center;gap:10px;font-weight:900}.gd-toggle input{width:18px;height:18px}.gd-outlet-list{display:grid;gap:8px}.gd-outlet-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #e0eee4;border-radius:18px;background:#fff}.gd-outlet-row strong{font-size:14px}.gd-row-actions{display:flex;gap:6px}.gd-row-actions button{width:36px;height:36px;border-radius:13px;border:0;background:#effaf3;color:var(--green-800);font-weight:950}.gd-row-actions button.danger{background:var(--danger-soft);color:var(--danger)}

@media (min-width:780px){
  .gd-content{padding:20px 22px 34px}.gd-card{padding:18px}.gd-dashboard-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start}.gd-dashboard-layout .gd-card{margin-bottom:0}.gd-section-dashboard-top{display:grid;grid-template-columns:1fr;gap:14px}.gd-table{min-width:760px}
}
@media (max-width:680px){
  .gd-shell{width:100%;box-shadow:none}.gd-content{padding-inline:12px}.gd-header{border-bottom-left-radius:30px;border-bottom-right-radius:30px}.gd-action-grid{grid-template-columns:repeat(2,1fr)}.gd-kpi-grid{grid-template-columns:1fr 1fr}.gd-kpi.main{grid-column:span 2}.gd-grid-3{grid-template-columns:1fr}.gd-detail-grid{grid-template-columns:1fr 1fr}.gd-table{min-width:620px}.gd-modal-card{border-bottom-left-radius:0;border-bottom-right-radius:0}.gd-modal{padding:12px 10px 0}.gd-product-card{min-width:74%}.gd-outlet-card{min-width:82%}
}
@media (max-width:420px){
  .gd-brand strong{font-size:16px}.gd-hero h1{font-size:28px}.gd-grid-2,.gd-kpi-grid{grid-template-columns:1fr 1fr}.gd-kpi{min-height:102px;padding:12px}.gd-kpi.main{grid-column:span 2}.gd-kpi strong{font-size:20px}.gd-action-link{padding:10px;min-height:66px}.gd-action-link i{width:32px;height:32px}.gd-product-card,.gd-outlet-card{min-width:86%}.gd-detail-grid{grid-template-columns:1fr}.gd-detail-card.full{grid-column:auto}.gd-activity{grid-template-columns:auto minmax(0,1fr) auto}.gd-bottom-nav a{font-size:9px;min-height:56px}.gd-bottom-nav a svg{width:20px;height:20px}.gd-field input,.gd-field select,.gd-field textarea{min-height:44px}.gd-row-head{align-items:flex-start}.gd-section-head{align-items:flex-start}.gd-section-head .gd-mini-btn{white-space:nowrap}
}
.gd-header-spacer{height:12px}
.gd-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;
}
.gd-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;
}
.gd-app{padding-bottom:calc(104px + env(safe-area-inset-bottom));}
.gd-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%);
}
.gd-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;
}
.gd-login-card:before{content:"";position:absolute;right:-54px;top:-72px;width:170px;height:170px;border-radius:50%;background:rgba(13,107,74,.12)}
.gd-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)}
.gd-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}
.gd-eyebrow{position:relative;z-index:1;color:#0b6b49;font-size:10px;letter-spacing:.08em;margin:0 0 5px}.gd-login-card h1{position:relative;z-index:1;font-size:32px;line-height:1;font-weight:1000;color:#0f2c20}.gd-copy{position:relative;z-index:1;font-size:12px;line-height:1.45;font-weight:760;color:#64786f}.gd-form{position:relative;z-index:1}

/* Compact sticky topbar, like the reference app base */
.gd-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;
}
.gd-header-row{max-width:none;margin:0;gap:10px}.gd-brand{gap:10px}.gd-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}.gd-brand small{font-size:10px;color:#64786f;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.gd-brand strong{font-size:16px;line-height:1.05;color:#0f2c20;font-weight:1000}.gd-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)}.gd-icon-button svg{width:20px;height:20px}.gd-icon-button:hover{background:#f2faf6}

.gd-content{width:100%;max-width:none;padding:14px 14px 24px;margin:0 auto}.gd-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}.gd-hero:after{content:"";position:absolute;right:-44px;top:-58px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.1)}.gd-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}.gd-hero h1{position:relative;margin:10px 0 4px;font-size:26px;line-height:1;font-weight:1000;letter-spacing:-.055em;color:#fff}.gd-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}
.gd-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}.gd-card.soft{background:linear-gradient(145deg,#fff,#eef8f3)}.gd-section-head{margin-bottom:10px;align-items:flex-start}.gd-title h2,.gd-title h3{font-size:14px;font-weight:1000;letter-spacing:-.03em;color:#063b2a}.gd-title p{font-size:10.5px;font-weight:760;color:#64786f}.gd-dot{background:#0b6b49;box-shadow:0 0 0 5px rgba(11,107,73,.12)}.gd-chip{height:28px;padding:0 10px;font-size:10px;background:#ecfdf5;color:#047857;border-color:#bbf7d0}

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

/* Forms */
.gd-field span{font-size:10px;font-weight:1000;color:#315546;text-transform:uppercase;letter-spacing:.045em}.gd-field input,.gd-field select,.gd-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)}.gd-field textarea{padding:11px 12px;min-height:78px}.gd-field input:focus,.gd-field select:focus,.gd-field textarea:focus{border-color:#7fc7a7;box-shadow:0 0 0 4px rgba(11,107,73,.09)}.gd-grid-2{grid-template-columns:1fr 1fr;gap:9px}.gd-grid-3{grid-template-columns:repeat(3,1fr);gap:8px}.gd-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)}.gd-row-head strong{font-size:12px;font-weight:1000;color:#063b2a}.gd-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}.gd-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)}.gd-hint{font-size:10.5px;font-weight:780;border:1px solid rgba(178,212,195,.78);background:#f2faf6;border-radius:17px;color:#315546}.gd-warning{background:#fff8e8;color:#8a5500;border-color:#ffe3ad}

/* Stock and tables */
.gd-horizontal{gap:10px;padding:1px 1px 12px;margin-bottom:5px}.gd-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)}.gd-product-card:first-child{background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff}.gd-product-card strong{font-size:22px;color:inherit}.gd-product-card:first-child .gd-mini-btn{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.24)}.gd-table-wrap{border:1px solid rgba(178,212,195,.75);border-radius:20px;background:#fff}.gd-table{min-width:620px;font-size:10.5px;border-collapse:separate;border-spacing:0}.gd-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}.gd-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}.gd-pagination{justify-content:space-between}.gd-pagination span{font-size:11px;font-weight:1000;color:#315546}

/* Manage stock */
.gd-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)}.gd-outlet-card h3{font-size:24px;color:#063b2a}.gd-outlet-card.active{outline:3px solid rgba(11,107,73,.16)}.gd-plus{background:linear-gradient(145deg,#063b2a,#0b6b49)}.gd-stock-mini{gap:7px}.gd-stock-mini div{background:#f6fff9;border-color:#e0eee4;border-radius:16px;padding:9px}.gd-stock-mini strong{font-size:13px}

/* Modal Details: grouped, 2 columns by default */
.gd-modal{z-index:120;place-items:end center;padding:14px}.gd-modal-backdrop{background:rgba(6,59,42,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.gd-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:gdModalIn .2s ease-out}.gd-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}.gd-modal-eyebrow{color:#0b6b49;font-size:10px;letter-spacing:.08em}.gd-modal-card h3{margin:5px 42px 12px 0;font-size:20px;font-weight:1000;letter-spacing:-.05em;color:#063b2a}.gd-detail-group{padding:11px;border-radius:22px;border:1px solid rgba(178,212,195,.78);background:#fbfffc;margin-bottom:10px}.gd-detail-group h4{margin:0 0 9px;font-size:11px;letter-spacing:.08em;color:#063b2a;text-transform:uppercase;font-weight:1000}.gd-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.gd-detail-card{padding:10px;border-radius:18px;background:#f7fcf9;border:1px solid rgba(178,212,195,.74);min-width:0}.gd-detail-card.warning{background:#fff8e8;border-color:#ffe3ad}.gd-detail-card.danger{background:#fff1f0;border-color:#ffd3cf}.gd-detail-card.full{grid-column:1/-1}.gd-detail-card span{display:block;color:#64786f;font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;line-height:1.25}.gd-detail-card strong{display:block;margin-top:5px;color:#063b2a;font-size:13px;line-height:1.28;font-weight:1000;word-break:break-word}.gd-detail-card small{display:block;margin-top:3px;color:#64786f;font-size:9px;font-weight:850;line-height:1.25}@keyframes gdModalIn{from{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}

/* Bottom menu: exactly five visible items, full names, APP/APK style */
.gd-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)}.gd-bottom-nav a{height:56px;min-height:56px;border-radius:18px;color:#64786f;font-size:8.2px;font-weight:1000;gap:3px}.gd-bottom-nav a svg{width:21px;height:21px}.gd-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){
  .gd-shell,.gd-login-shell{max-width:480px}.gd-dashboard-layout{display:block}.gd-card{padding:14px}.gd-content{padding:14px 14px 24px}.gd-table{min-width:620px}
}
@media (max-width:390px){
  .gd-shell{box-shadow:none}.gd-content{padding-inline:12px}.gd-hero{padding:15px 14px}.gd-kpi-grid{grid-template-columns:1fr}.gd-kpi.main{grid-row:auto}.gd-action-grid{grid-template-columns:repeat(2,1fr)}.gd-grid-3{grid-template-columns:1fr}.gd-product-card,.gd-outlet-card{min-width:88%}.gd-bottom-nav{gap:3px;padding-left:6px;padding-right:6px}.gd-bottom-nav a{height:53px;min-height:53px;border-radius:16px;font-size:7.7px}.gd-bottom-nav a svg{width:19px;height:19px}
}
@media (max-width:360px){.gd-grid-2,.gd-detail-grid{grid-template-columns:1fr!important}.gd-detail-card.full{grid-column:auto}.gd-action-grid{grid-template-columns:1fr}}

/* Dashboard detail rows and Rekap page */
.gd-kpi-lines{display:grid;gap:5px;margin-top:9px}
.gd-kpi-lines.light .gd-kpi-line{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.gd-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}
.gd-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}
.gd-kpi-line b{font-size:10px;line-height:1.15;color:inherit;font-weight:1000;text-align:right;white-space:nowrap}
.gd-kpi-line.warn{background:#fff8e8;border-color:#ffe3ad;color:#8a5500}
.gd-kpi-line.danger{background:#fff1f0;border-color:#ffd3cf;color:#b42318}
.gd-kpi.main .gd-kpi-line span,.gd-kpi.main .gd-kpi-line b{color:#fff!important}
.gd-recap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.gd-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}
.gd-recap-card.strong{background:linear-gradient(145deg,#063b2a,#0b6b49);color:#fff}
.gd-recap-card.debt{background:#fff8e8;border-color:#ffe3ad}
.gd-recap-card span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:1000;color:#64786f}
.gd-recap-card.strong span,.gd-recap-card.strong small{color:rgba(255,255,255,.78)}
.gd-recap-card strong{font-size:17px;line-height:1.08;font-weight:1000;color:#063b2a;letter-spacing:-.03em}
.gd-recap-card.strong strong{font-size:20px;color:#fff}
.gd-recap-card small{font-size:10px;line-height:1.25;font-weight:800;color:#64786f}
.gd-recap-outlets{display:grid;gap:9px}
.gd-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}
.gd-recap-outlet>div:first-child span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:1000;color:#64786f}
.gd-recap-outlet>div:first-child strong{display:block;margin-top:3px;font-size:18px;line-height:1.1;font-weight:1000;color:#063b2a}
.gd-recap-outlet>div:first-child small{display:block;margin-top:3px;font-size:10px;font-weight:800;color:#64786f}
@media (max-width:360px){.gd-recap-grid{grid-template-columns:1fr}.gd-kpi-line{padding-inline:7px}.gd-kpi-line b{font-size:9.5px}}

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


/* Gudang Konfirmasi Mitra */
.gd-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 10px;background:#edf7f1;border:1px solid #d7eadf;border-radius:20px;padding:6px}
.gd-tabs button{border:0;border-radius:15px;background:transparent;color:var(--muted);font-weight:950;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px}
.gd-tabs button.active{background:#fff;color:var(--green-900);box-shadow:0 8px 22px rgba(6,59,42,.08)}
.gd-tabs b{min-width:24px;height:24px;border-radius:999px;background:#e4f4eb;display:inline-grid;place-items:center;font-size:11px;color:var(--green-800)}
.gd-muted-line{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:850;line-height:1.4}
.gd-order-list{display:grid;gap:10px}
.gd-order-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:22px;background:#fff;border:1px solid #dbeee1;box-shadow:var(--shadow-soft);min-width:0}
.gd-order-main{min-width:0}.gd-order-main strong{display:block;font-size:16px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-order-main small{display:block;color:var(--muted);font-size:11px;font-weight:850;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-order-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.gd-order-meta span{font-size:10px;font-weight:950;border-radius:999px;background:#eef8f2;color:var(--green-900);padding:5px 8px}.gd-order-meta span.warn{background:#fff8e8;color:#8a5500}.gd-order-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:112px}.gd-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:950;white-space:nowrap;background:#eef8f2;color:var(--green-900)}.gd-status-pill.partial{background:#fff8e8;color:#8a5500}.gd-status-pill.done{background:#eafff2;color:var(--green-800)}.gd-status-pill.process{background:#eef8f2;color:#315546}.gd-mini-btn.light{background:#f5fbf7;color:var(--green-800);border:1px solid #dbeee1}
@media (max-width:420px){.gd-order-card{grid-template-columns:1fr}.gd-order-actions{justify-content:flex-start}.gd-order-main small{white-space:normal}.gd-order-meta span{max-width:100%;overflow-wrap:anywhere}}

/* v10 Sync Repair: konfirmasi mitra gudang menampilkan pesanan cup dari Pemesanan pusat secara eksplisit */
.gd-info-flow{display:grid;gap:8px;margin-top:8px}.gd-info-flow div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-bottom:1px solid rgba(178,212,195,.72);padding:9px 0;min-width:0}.gd-info-flow div:last-child{border-bottom:0}.gd-info-flow span{color:#64786f;font-size:9.5px;font-weight:1000;text-transform:uppercase;letter-spacing:.045em}.gd-info-flow strong{color:#063b2a;font-size:14px;font-weight:1000;text-align:right}.gd-info-flow small{grid-column:1/-1;color:#64786f;font-size:10px;font-weight:850;line-height:1.35}.gd-info-flow.compact div{background:#fff;border:1px solid rgba(178,212,195,.78);border-radius:16px;padding:10px}.gd-order-meta-clear{grid-template-columns:1fr!important}.gd-order-meta-clear span{display:block;min-width:0;overflow-wrap:anywhere}
@media(max-width:430px){.gd-info-flow div{grid-template-columns:1fr}.gd-info-flow strong{text-align:left}.gd-order-meta-clear{gap:5px!important}}


/* Gudang internal SweetAlert-style feedback */
.gd-swal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px}.gd-swal-backdrop{position:absolute;inset:0;background:rgba(3,20,14,.62);backdrop-filter:blur(4px)}.gd-swal-card{position:relative;width:min(360px,100%);background:#fff;border-radius:24px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);border:1px solid rgba(13,72,48,.12);text-align:center}.gd-swal-card strong{display:block;color:#063b2a;font-size:18px;margin-bottom:8px}.gd-swal-card p{margin:0 0 16px;color:#5d6b63;line-height:1.45}.gd-swal-card button{border:0;border-radius:14px;background:#0b6b45;color:#fff;padding:11px 18px;font-weight:800}.gd-swal-error .gd-swal-card button{background:#a6402d}.gd-swal-success .gd-swal-card button{background:#0b6b45}


/* Final sync repair: header actions for Gudang Konfirmasi Mitra */
.gd-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
.gd-head-actions .gd-mini-btn{white-space:nowrap}
@media (max-width:420px){.gd-head-actions{width:100%;justify-content:flex-start}.gd-head-actions .gd-mini-btn{flex:1;text-align:center}}


/* v14 — Compact dashboard menu */
.gd-action-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gd-all-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gd-all-menu-grid .gd-action-link{text-decoration:none}.gd-section-head .gd-mini-btn[data-gd-all-menu]{white-space:nowrap}@media(max-width:360px){.gd-all-menu-grid{grid-template-columns:1fr}}

/* 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}}

/* ===== 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}}