:root{--ink:#10231d;--muted:#6f817a;--green:#0f6b4f;--green2:#16a36f;--lime:#dff8ec;--bg:#edf2ef;--card:#fff;--danger:#cf4256;--warn:#d5912f;--safe:#25865f}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#dce7e1,#f6f8f7);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.phone-shell{width:100%;max-width:430px;min-height:100vh;margin:auto;background:#f7faf8;position:relative;box-shadow:0 25px 80px rgba(15,55,42,.18);overflow:hidden}.statusbar{height:28px;padding:7px 20px 0;display:flex;justify-content:space-between;font-size:11px;font-weight:800;background:#0c5b43;color:#fff}.app-header{padding:16px 20px 19px;background:linear-gradient(135deg,#0c5b43,#15805b);color:white;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 28px 28px}.app-header h1{font-size:22px;margin:2px 0 0;font-weight:800}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;opacity:.75}.avatar{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-weight:900;border:1px solid rgba(255,255,255,.2)}.content{padding:16px 16px 95px}.hero-card{background:linear-gradient(145deg,#173e32,#0f6b4f);color:#fff;border-radius:24px;padding:20px;display:flex;gap:12px;align-items:center;box-shadow:0 14px 28px rgba(15,107,79,.2)}.hero-card h2{font-size:22px;line-height:1.08;margin:10px 0 8px}.hero-card p,.intro-card p{font-size:12px;opacity:.8;margin:0}.pill{font-size:9px;font-weight:900;letter-spacing:1.2px;background:#dff8ec;color:#0f6b4f;padding:6px 9px;border-radius:999px}.pulse-ring{min-width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:27px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.metric{background:#fff;border:1px solid #e7eeea;border-radius:18px;padding:14px;box-shadow:0 7px 18px rgba(27,65,51,.05)}.metric span,.metric small{display:block;font-size:10px;color:var(--muted)}.metric b{font-size:23px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 10px}.section-head h5{margin:0;font-weight:800}.section-head a{font-size:11px;color:var(--green);text-decoration:none;font-weight:700}.resource-card{display:flex;gap:12px;background:white;border-radius:18px;padding:13px;margin-bottom:10px;border:1px solid #e9efec}.resource-icon{width:42px;height:42px;border-radius:14px;background:#e7f6ef;display:grid;place-items:center;color:var(--green)}.resource-card small{color:var(--muted);font-size:10px}.risk{font-size:11px;font-weight:900}.danger{color:var(--danger)}.warn{color:var(--warn)}.safe{color:var(--safe)}.progress{height:5px;background:#edf1ef}.progress-bar{background:linear-gradient(90deg,#0f6b4f,#2cb477)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.quick-grid a{text-decoration:none;color:var(--ink);background:#fff;padding:15px;border-radius:18px;border:1px solid #e6eeea}.quick-grid i{font-size:20px;color:var(--green);display:block;margin-bottom:11px}.quick-grid b,.quick-grid small{display:block}.quick-grid small{font-size:10px;color:var(--muted)}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:74px;background:rgba(255,255,255,.96);border-top:1px solid #e4ece8;display:flex;justify-content:space-around;padding:9px 5px 8px;backdrop-filter:blur(12px)}.bottom-nav a{color:#8a9993;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;font-weight:700;min-width:58px}.bottom-nav i{font-size:19px}.bottom-nav a.active{color:var(--green)}.intro-card{background:white;border-radius:22px;padding:18px;border:1px solid #e5ede9;margin-bottom:14px}.intro-card h3{font-size:20px;font-weight:800;margin:11px 0 6px}.forecast-card,.scenario-card,.decision-card,.form-card,.simulation-result{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;border:1px solid #e6eeea}.forecast-card h5{font-weight:800;margin:2px 0}.risk-badge{font-weight:900;font-size:10px;padding:7px 9px;border-radius:999px;background:#f5f5f5}.forecast-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.forecast-numbers div{background:#f5f8f6;border-radius:13px;padding:10px}.forecast-numbers span,.forecast-numbers b{display:block}.forecast-numbers span{font-size:9px;color:var(--muted)}.forecast-numbers b{font-size:16px}.insight{font-size:11px;padding:9px 10px;background:#eff7f3;border-radius:11px}.mini-title{margin:15px 2px 8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.match-card{border-radius:17px;padding:14px;margin:8px 0;display:grid;grid-template-columns:1fr auto;background:white;border:1px solid #e7eeea}.match-card small{grid-column:1/-1;color:var(--muted)}.match-card span{font-weight:900}.match-card.source span{color:var(--safe)}.match-card.target span{color:var(--danger)}.exchange-arrow{text-align:center;color:var(--green);font-size:22px}.btn-aren{background:linear-gradient(135deg,#0f6b4f,#16a36f);color:#fff;border:0;border-radius:13px;padding:11px;font-weight:800}.btn-aren:hover{color:#fff}.scenario-card.recommended{border:1.5px solid #2ca979;box-shadow:0 12px 30px rgba(31,150,104,.12)}.rec-label{font-size:9px;display:inline-block;background:#dff8ec;color:#0f6b4f;font-weight:900;letter-spacing:1px;padding:5px 8px;border-radius:999px;margin-bottom:10px}.score{width:42px;height:42px;border-radius:13px;background:#112e25;color:#fff;display:grid;place-items:center;font-weight:900}.route{display:flex;align-items:center;gap:8px;font-size:11px;margin:12px 0;color:var(--muted)}.scenario-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.scenario-stats div{background:#f5f8f6;padding:8px;border-radius:10px}.scenario-stats small,.scenario-stats b{display:block}.scenario-stats small{font-size:8px;color:var(--muted)}.scenario-stats b{font-size:12px}.explain-box{background:#e9f6f0;padding:14px;border-radius:17px;font-size:11px}.explain-box p{margin:6px 0 0}.form-card output{float:right;font-weight:900;color:var(--green)}.simulation-result{text-align:center}.big-risk{font-size:48px;font-weight:900;margin-top:12px;color:var(--danger)}.result-row{display:flex;justify-content:space-between;border-top:1px dashed #dce6e1;padding:10px 0;font-size:11px}.decision-code{font-size:9px;font-weight:900;color:var(--green);letter-spacing:1px}.status-chip{font-size:9px;background:#eef4f1;padding:5px 7px;border-radius:999px}.decision-card h5{margin:10px 0 6px;font-weight:800}.decision-card p{font-size:11px;color:var(--muted)}.confidence{display:flex;justify-content:space-between;background:#f1f7f4;padding:10px;border-radius:12px;font-size:11px}.decision-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px}.decision-actions .btn{font-size:10px;border-radius:10px}.data-row{background:#fff;border-radius:15px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;border:1px solid #e6eeea}.data-row small{display:block;font-size:9px;color:var(--muted)}

@media(min-width:700px){body{padding:24px 0}.phone-shell{min-height:900px;height:900px;border-radius:38px;border:9px solid #16211d}.bottom-nav{position:absolute}.statusbar{border-radius:28px 28px 0 0}.login-shell{min-height:900px}}

.island-map{height:330px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(160deg,#dff7f3,#bce7ef);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.sea-label{position:absolute;left:35%;top:46%;opacity:.25;font-weight:800;transform:rotate(-18deg)}.island{position:absolute;padding:10px 12px;border-radius:18px;background:white;box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:12px;font-weight:800;z-index:2}.island small{display:block;font-size:9px;font-weight:600}.island:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.island.green:before{background:#22a06b}.island.red:before{background:#dc3545}.island.amber:before{background:#f0ad4e}.i1{left:18%;top:18%}.i2{left:56%;top:61%}.i3{left:36%;top:75%}.i4{right:9%;top:8%}.flow{position:absolute;left:33%;top:39%;font-size:11px;font-weight:800;color:#176b52;border-left:2px dashed #176b52;height:82px;padding-left:8px;transform:rotate(-25deg)}


/* ===== UNIFIED AREN LOGIN ===== */
.auth-page{
  min-height:100vh;
  margin:0;
  background:#071b16;
  color:#10231d;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.auth-wrap{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(440px,1.05fr) minmax(420px,.95fr);
}
.auth-visual{
  position:relative;
  overflow:hidden;
  min-height:100vh;
  padding:42px 54px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#fff;
  background:
    radial-gradient(circle at 18% 14%,rgba(76,225,172,.18),transparent 30%),
    radial-gradient(circle at 78% 48%,rgba(39,189,155,.14),transparent 31%),
    linear-gradient(145deg,#061c16 0%,#083b2d 48%,#0b6549 100%);
}
.auth-visual:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.17;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,transparent 2%,#000 30%,#000 80%,transparent);
}
.visual-top{position:relative;z-index:3;display:flex;align-items:center;gap:14px}
.aren-logo{
  width:52px;height:52px;border-radius:17px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#43dc9f,#98f0cf);
  color:#083426;font-weight:950;font-size:25px;
  box-shadow:0 13px 32px rgba(50,221,159,.22);
}
.aren-logo.small{width:44px;height:44px;border-radius:14px;font-size:21px}
.visual-kicker{font-size:9px;letter-spacing:.22em;font-weight:900;color:#87c7b1}
.visual-brand{font-size:24px;font-weight:950;letter-spacing:.04em}
.network-scene{
  position:relative;z-index:2;
  height:310px;margin:18px 0 12px;
}
.sea-glow{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(128,238,198,.16)}
.g1{width:260px;height:260px;left:12%;top:9%;box-shadow:0 0 70px rgba(41,214,150,.09) inset}
.g2{width:160px;height:160px;right:8%;top:35%}
.route-line{
  position:absolute;height:1px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(125,243,198,.15),#60dfac,rgba(125,243,198,.12));
  box-shadow:0 0 11px rgba(91,229,177,.4);
}
.r1{width:48%;left:19%;top:46%;transform:rotate(10deg)}
.r2{width:37%;left:48%;top:51%;transform:rotate(-33deg)}
.r3{width:32%;left:21%;top:47%;transform:rotate(42deg)}
.port-node{
  position:absolute;min-width:118px;padding:11px 13px 10px 37px;
  border:1px solid rgba(179,247,222,.14);
  border-radius:15px;background:rgba(5,36,27,.73);
  box-shadow:0 14px 35px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}
.port-node i{
  position:absolute;left:14px;top:17px;width:10px;height:10px;border-radius:50%;
  background:#5ee1ad;box-shadow:0 0 0 5px rgba(94,225,173,.11),0 0 19px #45d69f;
}
.port-node span,.port-node small{display:block}
.port-node span{font-size:12px;font-weight:850}.port-node small{font-size:9px;color:#8db8a9;margin-top:2px}
.n1{left:10%;top:34%}.n2{left:53%;top:47%}.n3{right:2%;top:11%}
.n2 i{background:#ff8d8d;box-shadow:0 0 0 5px rgba(255,111,111,.10),0 0 19px rgba(255,111,111,.65)}
.n3 i{background:#f8c76b;box-shadow:0 0 0 5px rgba(248,199,107,.11),0 0 19px rgba(248,199,107,.6)}
.ship-chip{
  position:absolute;left:39%;top:37%;
  border:1px solid rgba(179,247,222,.17);background:#dff8ec;color:#0b5c43;
  border-radius:999px;padding:7px 11px;font-size:10px;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.visual-copy{position:relative;z-index:3;max-width:650px}
.visual-pill{
  display:inline-block;padding:7px 10px;border-radius:999px;
  background:rgba(132,240,198,.12);border:1px solid rgba(132,240,198,.16);
  color:#a2e8cd;font-size:9px;font-weight:900;letter-spacing:.18em;
}
.visual-copy h1{max-width:610px;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:16px 0}
.visual-copy>p{max-width:620px;color:#a9c9be;font-size:14px;line-height:1.7;margin:0}
.visual-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;max-width:560px}
.visual-features div{padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}
.visual-features b,.visual-features span{display:block}
.visual-features b{font-size:12px}.visual-features span{margin-top:3px;font-size:9px;color:#8eb5a6}

.auth-panel{
  min-height:100vh;display:flex;flex-direction:column;justify-content:center;
  padding:48px clamp(34px,7vw,92px);
  background:
    radial-gradient(circle at 80% 12%,rgba(18,168,121,.08),transparent 26%),
    #f6f9f7;
}
.auth-mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:34px}
.auth-mobile-brand b,.auth-mobile-brand small{display:block}
.auth-mobile-brand b{font-size:21px}.auth-mobile-brand small{font-size:9px;color:#74857e}
.auth-card{width:100%;max-width:470px;margin:auto}
.auth-kicker{font-size:9px;font-weight:900;color:#0b7a5a;letter-spacing:.2em;margin-bottom:9px}
.auth-card h2{font-size:38px;font-weight:900;letter-spacing:-.04em;margin:0 0 8px}
.auth-subtitle{font-size:13px;line-height:1.65;color:#74817d;margin:0 0 28px}
.field-label{font-size:11px;font-weight:850;margin-bottom:7px;color:#354b43}
.auth-input{
  min-height:54px;border:1px solid #dbe6e1;border-radius:15px;background:#fff;
  display:flex;align-items:center;padding:0 14px;gap:10px;
  box-shadow:0 5px 18px rgba(17,67,49,.025);
  transition:.2s ease;
}
.auth-input:focus-within{border-color:#63c6a3;box-shadow:0 0 0 4px rgba(17,153,106,.08),0 8px 22px rgba(18,81,59,.06)}
.auth-input input{border:0;outline:0;flex:1;min-width:0;background:transparent;font-size:13px;color:#15372c}
.auth-input input::placeholder{color:#a5b1ad}
.field-icon{font-size:8px;color:#12a879}
.eye-btn{border:0;background:transparent;color:#71827b;padding:4px 2px;font-size:14px}
.auth-submit{
  width:100%;margin-top:22px;min-height:54px;border:0;border-radius:15px;
  display:flex;align-items:center;justify-content:space-between;padding:0 19px;
  background:linear-gradient(135deg,#08684d,#10a777);
  color:#fff;font-size:13px;font-weight:850;
  box-shadow:0 12px 26px rgba(11,122,90,.20);
  transition:.2s ease;
}
.auth-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(11,122,90,.25)}
.auth-submit b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.13)}
.access-info{
  margin-top:18px;padding:13px 14px;border-radius:14px;
  display:flex;align-items:flex-start;gap:10px;
  background:#edf6f2;border:1px solid #dceee6;
}
.access-dot{flex:0 0 8px;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#18a676;box-shadow:0 0 0 4px rgba(24,166,118,.10)}
.access-info p{margin:0;font-size:10px;line-height:1.6;color:#65756f}
.access-info b{color:#38544a}
.auth-foot{font-size:9px;color:#9aa7a2;letter-spacing:.12em;text-align:center;margin-top:28px}

@media(max-width:900px){
  .auth-wrap{display:block}
  .auth-visual{display:none}
  .auth-panel{
    min-height:100vh;padding:28px 22px;
    background:
      radial-gradient(circle at 82% 6%,rgba(18,168,121,.13),transparent 24%),
      linear-gradient(180deg,#f1f8f5,#fbfcfb);
  }
  .auth-mobile-brand{display:flex}
  .auth-card{max-width:520px}
  .auth-card h2{font-size:32px}
}
@media(max-width:520px){
  .auth-panel{padding:24px 18px}
  .auth-mobile-brand{margin-bottom:50px}
  .auth-card h2{font-size:29px}
  .auth-subtitle{font-size:12px}
}


/* ===== AREN V4: FRONTEND MOBILE / BACKEND CLEAN SEPARATION ===== */
.mobile-app-body{
  background:#e8eeeb;
}
@media (min-width: 760px){
  .mobile-app-body .phone-shell,
  .mobile-app-body .app-shell,
  .mobile-app-body .mobile-shell,
  .mobile-app-body main.container{
    width:430px;
    max-width:430px;
    min-height:100vh;
    margin:0 auto;
    background:#f7faf8;
    box-shadow:0 0 0 1px rgba(17,65,49,.06),0 24px 80px rgba(11,45,34,.16);
  }
}
@media (max-width:759px){
  .mobile-app-body{
    background:#f7faf8;
  }
}


/* ===== AREN V5 TABLET EXPERIENCE ===== */
.tablet-app-body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%,rgba(25,170,119,.10),transparent 24%),
    linear-gradient(135deg,#dfe8e4,#f2f6f4);
}
.tablet-shell{
  width:min(100%,1120px);
  min-height:100vh;
  margin:0 auto;
  background:#f7faf8;
  position:relative;
  box-shadow:0 28px 90px rgba(16,62,46,.16);
  overflow:hidden;
}
.tablet-topbar{
  min-height:76px;
  padding:13px 24px;
  background:linear-gradient(135deg,#073f31,#0c6c50);
  color:#fff;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
}
.product-brand{display:flex;align-items:center;gap:12px;color:#fff!important}
.product-mark{
  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(145deg,#61e1ae,#b1f2d8);color:#064331;
  font-size:22px;font-weight:950;box-shadow:0 10px 22px rgba(20,233,156,.16);
}
.product-copy b,.product-copy span{display:block}
.product-copy b{font-size:21px;line-height:1;font-weight:950;letter-spacing:.06em}
.product-copy span{font-size:9px;color:#a8d5c5;margin-top:5px}
.topbar-center{text-align:center}
.system-chip{
  display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);
  font-size:9px;font-weight:850;letter-spacing:.08em;color:#c8eadf;
}
.topbar-actions{display:flex;justify-content:flex-end;gap:8px}
.topbar-actions a{
  width:38px;height:38px;display:grid;place-items:center;border-radius:12px;
  color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);
}
.tablet-context{
  padding:22px 26px 16px;
  display:flex;align-items:end;justify-content:space-between;gap:18px;
  background:linear-gradient(180deg,#eef7f3,#f7faf8);
  border-bottom:1px solid #e3ece8;
}
.tablet-context h1{font-size:26px;margin:4px 0 0;font-weight:900;letter-spacing:-.035em}
.context-live{font-size:10px;color:#547168;font-weight:750;display:flex;align-items:center;gap:7px}
.context-live span{width:8px;height:8px;border-radius:50%;background:#27b47e;box-shadow:0 0 0 5px rgba(39,180,126,.10)}
.tablet-content{padding:18px 24px 100px}
.tablet-nav{
  position:absolute;left:50%;bottom:16px;transform:translateX(-50%);
  width:calc(100% - 48px);max-width:920px;
  padding:8px;background:rgba(255,255,255,.94);
  border:1px solid #dfe9e5;border-radius:20px;backdrop-filter:blur(14px);
  box-shadow:0 18px 40px rgba(16,62,46,.13);
  display:grid;grid-template-columns:repeat(7,1fr);z-index:1000;
}
.tablet-nav a{
  min-height:52px;color:#7e9189;text-decoration:none;border-radius:14px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  font-size:10px;font-weight:800;transition:.18s ease;
}
.tablet-nav a i{font-size:17px}
.tablet-nav a.active{background:#e5f5ee;color:#0b6d50}
.tablet-hero{min-height:150px}
.tablet-content .metric-grid{grid-template-columns:repeat(4,1fr)}
.tablet-content .quick-grid{grid-template-columns:repeat(2,1fr)}
.tablet-content .hero-card{padding:24px}
.tablet-content .hero-card h2{font-size:30px;max-width:610px}
.tablet-content .resource-card{padding:15px 17px}

.map-toolbar{
  display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,#123f33,#0b7656);color:#fff;
}
.map-toolbar h3{font-size:24px;font-weight:900;margin:13px 0 6px}
.map-toolbar p{font-size:11px;color:#c1dcd2;margin:0;max-width:650px}
.map-live-meta{min-width:190px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.08);display:flex;gap:11px;align-items:center}
.map-live-meta small,.map-live-meta b{display:block}
.map-live-meta small{font-size:8px;color:#afd2c4}.map-live-meta b{font-size:10px;margin-top:3px}
.live-dot{width:10px;height:10px;border-radius:50%;background:#5ce5ad;box-shadow:0 0 0 6px rgba(92,229,173,.12),0 0 18px rgba(92,229,173,.7)}
.map-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.map-kpi-row>div{background:#fff;border:1px solid #e2ebe7;border-radius:16px;padding:12px 14px}
.map-kpi-row span,.map-kpi-row b{display:block}.map-kpi-row span{font-size:9px;color:#778b83}.map-kpi-row b{font-size:19px;margin-top:3px}
.live-map-card{position:relative;background:#fff;border:1px solid #dfe9e5;border-radius:24px;padding:8px;box-shadow:0 12px 30px rgba(19,70,52,.07)}
#liveMap{height:510px;border-radius:18px;z-index:1}
.map-legend{
  position:absolute;left:24px;bottom:24px;z-index:500;
  padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.94);
  border:1px solid #dce8e3;box-shadow:0 8px 22px rgba(0,0,0,.10);
  display:flex;gap:13px;flex-wrap:wrap;font-size:9px;font-weight:750;color:#52675f;
}
.map-legend div{display:flex;align-items:center;gap:5px}
.legend-dot{width:8px;height:8px;border-radius:50%}.safe-bg{background:#1f9d6b}.warn-bg{background:#e2a33d}.danger-bg{background:#d94d62}
.legend-line{width:20px;border-top:2px dashed #0c7656}
.map-lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:6px}
.map-insight-card{background:#fff;border:1px solid #e3ece8;border-radius:17px;padding:14px;display:flex;gap:12px;margin-bottom:9px}
.map-insight-card i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e6f5ee;color:#0c7656;font-size:17px}
.map-insight-card b{font-size:11px}.map-insight-card p{font-size:9px;line-height:1.6;color:#73867e;margin:4px 0 0}
.aren-map-marker{background:transparent;border:0}
.marker-pulse{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--marker) 18%,white);border:1px solid color-mix(in srgb,var(--marker) 45%,white)}
.marker-pulse span{width:12px;height:12px;border-radius:50%;background:var(--marker);box-shadow:0 0 0 5px color-mix(in srgb,var(--marker) 18%,transparent),0 0 18px var(--marker)}
.aren-popup{min-width:230px}.aren-popup small{font-size:8px;letter-spacing:.1em;color:#668077;font-weight:850}.aren-popup h4{font-size:17px;font-weight:900;margin:5px 0 2px}
.popup-risk{font-size:10px;font-weight:850;margin-bottom:8px}.popup-row{display:grid;grid-template-columns:1fr auto auto;gap:7px;padding:7px 0;border-top:1px solid #edf1ef;font-size:9px}.popup-row em{font-style:normal;font-weight:900}

@media(min-width:900px){
  .tablet-app-body{padding:20px}
  .tablet-shell{min-height:calc(100vh - 40px);border-radius:30px;border:1px solid rgba(10,73,53,.07)}
}
@media(max-width:820px){
  .tablet-topbar{grid-template-columns:1fr auto;padding:12px 16px}.topbar-center{display:none}
  .product-copy span{display:none}
  .tablet-context{padding:18px 17px 14px}.tablet-context h1{font-size:22px}
  .tablet-content{padding:14px 14px 92px}
  .tablet-content .metric-grid{grid-template-columns:1fr 1fr}
  .tablet-nav{width:calc(100% - 20px);bottom:10px;grid-template-columns:repeat(7,1fr);padding:6px}
  .tablet-nav a{font-size:0;min-height:48px}.tablet-nav a i{font-size:19px}
  .map-toolbar{display:block}.map-live-meta{margin-top:14px}
  #liveMap{height:440px}.map-lower-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .tablet-context .context-live{display:none}
  .map-kpi-row{grid-template-columns:1fr 1fr}
  #liveMap{height:400px}
  .map-legend{right:20px;bottom:20px}
}


/* ===== AREN V6: REAL LANDSCAPE TABLET DEVICE ===== */
:root{
  --tablet-w: 1180px;
  --tablet-h: 760px;
  --tablet-bezel: 18px;
}
.tablet-app-body{
  min-height:100vh;
  overflow:auto;
  background:
    radial-gradient(circle at 18% 16%,rgba(53,167,126,.18),transparent 24%),
    radial-gradient(circle at 82% 80%,rgba(31,117,91,.13),transparent 28%),
    linear-gradient(145deg,#dbe4df,#eef3f0 55%,#d9e4df);
}
.tablet-stage{
  min-height:100vh;
  padding:30px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tablet-device{
  width:min(var(--tablet-w),calc(100vw - 60px));
  height:min(var(--tablet-h),calc(100vh - 60px));
  min-height:620px;
  position:relative;
  padding:var(--tablet-bezel);
  border-radius:42px;
  background:
    linear-gradient(145deg,#1d2422 0%,#0b0e0d 52%,#242b28 100%);
  border:1px solid #343a37;
  box-shadow:
    0 36px 95px rgba(11,34,27,.32),
    0 4px 10px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.03);
}
.tablet-device:before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:36px;
  border:1px solid rgba(255,255,255,.035);
  pointer-events:none;
}
.tablet-screen{
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:26px;
  background:#f7faf8;
  position:relative;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 0 0 1px rgba(0,0,0,.65);
}
.tablet-camera{
  position:absolute;
  z-index:20;
  width:10px;
  height:10px;
  border-radius:50%;
  left:50%;
  top:4px;
  transform:translateX(-50%);
  background:#050706;
  border:1px solid #313936;
  box-shadow:0 0 0 2px rgba(255,255,255,.025);
}
.tablet-camera span{
  position:absolute;
  width:3px;height:3px;border-radius:50%;
  left:3px;top:3px;background:#183b33;
  box-shadow:0 0 4px rgba(46,170,132,.35);
}
.tablet-side-button{
  position:absolute;
  background:linear-gradient(#272d2b,#121615);
  border:1px solid #080a09;
  border-radius:0 3px 3px 0;
  box-shadow:1px 0 1px rgba(255,255,255,.07);
}
.tablet-side-button.power{
  right:-5px;top:115px;width:5px;height:60px;
}
.tablet-side-button.volume-up{
  left:-5px;top:135px;width:5px;height:42px;border-radius:3px 0 0 3px;
}
.tablet-side-button.volume-down{
  left:-5px;top:185px;width:5px;height:42px;border-radius:3px 0 0 3px;
}
.tablet-shell{
  width:100%!important;
  max-width:none!important;
  height:100%;
  min-height:0!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  border:0!important;
  overflow:hidden;
  background:#f7faf8;
  display:flex;
  flex-direction:column;
}
.tablet-topbar{
  flex:0 0 76px;
}
.tablet-context{
  flex:0 0 auto;
}
.tablet-content{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding-bottom:96px;
  scrollbar-width:thin;
  scrollbar-color:#b8cbc3 transparent;
}
.tablet-content::-webkit-scrollbar{width:7px}
.tablet-content::-webkit-scrollbar-track{background:transparent}
.tablet-content::-webkit-scrollbar-thumb{background:#b8cbc3;border-radius:20px}
.tablet-nav{
  position:absolute!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
}
.tablet-screen:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:26px;
  box-shadow:inset 0 0 22px rgba(11,40,31,.05);
  z-index:1500;
}

/* A more tablet-like top bar */
.tablet-topbar{
  background:
    radial-gradient(circle at 15% 0%,rgba(117,238,192,.13),transparent 22%),
    linear-gradient(120deg,#062f26,#07563f 58%,#0a6f52);
}
.product-mark{
  border-radius:13px;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.tablet-context{
  background:linear-gradient(180deg,#eef6f2 0%,#f8faf9 100%);
}
.tablet-context h1{
  font-size:25px;
}

/* Tablet home indicator to reinforce device language */
.tablet-screen:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:3px;
  transform:translateX(-50%);
  width:120px;
  height:4px;
  border-radius:99px;
  background:rgba(13,36,29,.17);
  z-index:1700;
  pointer-events:none;
}

@media (max-width: 900px){
  .tablet-stage{padding:16px}
  .tablet-device{
    width:calc(100vw - 32px);
    height:calc(100vh - 32px);
    min-height:600px;
    padding:13px;
    border-radius:32px;
  }
  .tablet-screen{border-radius:20px}
  .tablet-camera{top:2px}
}
@media (max-width: 650px){
  .tablet-stage{padding:0}
  .tablet-device{
    width:100vw;
    height:100vh;
    min-height:100vh;
    padding:0;
    border-radius:0;
    border:0;
    box-shadow:none;
    background:#f7faf8;
  }
  .tablet-camera,.tablet-side-button{display:none}
  .tablet-screen{border-radius:0}
  .tablet-screen:after{border-radius:0}
  .tablet-screen:before{bottom:2px}
}


/* ===== AREN V7: LIVE MAP ON DASHBOARD + FOOTER ===== */
.topbar-center{
  min-height:1px;
}

.dashboard-map-section{
  margin:14px 0 16px;
}
.dashboard-map-head{
  padding:16px 18px 13px;
  margin:0;
  border:1px solid #dfe9e5;
  border-bottom:0;
  border-radius:20px 20px 0 0;
  background:linear-gradient(135deg,#f0f8f4,#ffffff);
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
}
.dashboard-map-head h4{
  margin:9px 0 4px;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.02em;
}
.dashboard-map-head p{
  margin:0;
  font-size:10px;
  color:#70857d;
}
.dash-map-meta{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:180px;
  padding:10px 12px;
  border-radius:13px;
  background:#e9f5ef;
}
.dash-map-meta small,.dash-map-meta b{display:block}
.dash-map-meta small{font-size:8px;color:#789188}
.dash-map-meta b{font-size:9px;margin-top:3px;color:#254c3f}
.dashboard-live-map-card{
  position:relative;
  background:#fff;
  padding:7px;
  border:1px solid #dfe9e5;
  border-top:0;
}
#dashboardLiveMap{
  height:330px;
  border-radius:14px;
  z-index:1;
}
.dashboard-map-legend{
  position:absolute;
  left:20px;
  bottom:18px;
  z-index:500;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.94);
  border:1px solid #dde8e3;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  font-size:8px;
  font-weight:750;
  color:#5b6f67;
}
.dashboard-map-legend span{
  display:flex;
  align-items:center;
  gap:5px;
}
.dashboard-map-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  overflow:hidden;
  border-radius:0 0 18px 18px;
  border:1px solid #dfe9e5;
  border-top:0;
  background:#dfe9e5;
}
.dashboard-map-kpis>div{
  background:#fff;
  padding:10px 13px;
}
.dashboard-map-kpis span,.dashboard-map-kpis b{display:block}
.dashboard-map-kpis span{font-size:8px;color:#758a82}
.dashboard-map-kpis b{font-size:16px;margin-top:2px;color:#183e32}

.aren-footer{
  position:absolute;
  left:50%;
  bottom:77px;
  transform:translateX(-50%);
  z-index:990;
  width:calc(100% - 70px);
  text-align:center;
  color:#879990;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
  white-space:nowrap;
  pointer-events:none;
}

.tablet-content{
  padding-bottom:126px!important;
}

@media(max-width:820px){
  #dashboardLiveMap{height:290px}
  .dashboard-map-head{display:block}
  .dash-map-meta{margin-top:10px;width:max-content}
  .aren-footer{
    bottom:69px;
    width:calc(100% - 30px);
    font-size:7px;
  }
}
@media(max-width:520px){
  #dashboardLiveMap{height:260px}
  .dashboard-map-legend{
    right:14px;
    left:14px;
    bottom:14px;
  }
}


/* ===== AREN V8: DASHBOARD MAP ADOPTS /logistics-map ===== */
.dashboard-adopted-map{
  margin:14px 0 18px;
}

/* Dashboard now uses the exact logistics-map visual components. */
.dashboard-adopted-map .map-toolbar{
  display:flex;
}
.dashboard-adopted-map .map-kpi-row{
  display:grid;
}
.dashboard-adopted-map .live-map-card{
  display:block;
}

/* Keep the same map proportions used by the dedicated logistics-map page. */
.dashboard-adopted-map #dashboardLiveMap{
  height:510px;
  border-radius:18px;
  z-index:1;
}

/* Neutralize the older experimental dashboard map pieces. */
.dashboard-map-section,
.dashboard-live-map-card,
.dashboard-map-head,
.dashboard-map-kpis,
.dashboard-map-legend{
  display:none!important;
}

@media(max-width:820px){
  .dashboard-adopted-map .map-toolbar{display:block}
  .dashboard-adopted-map .map-live-meta{margin-top:14px}
  .dashboard-adopted-map #dashboardLiveMap{height:440px}
}
@media(max-width:520px){
  .dashboard-adopted-map #dashboardLiveMap{height:400px}
}


/* ===== AREN V9: HUMAN-CENTERED VISUAL LANGUAGE ===== */

/* Softer, calmer surfaces */
.tablet-screen,
.tablet-shell{
  background:#f8faf7!important;
}
.tablet-topbar{
  background:linear-gradient(120deg,#234f42,#2f6655 58%,#3b7562)!important;
}
.tablet-context{
  background:#f5f8f5!important;
  border-bottom:1px solid #e5ebe7!important;
}

/* Reduce techno/futuristic feel */
.eyebrow{
  letter-spacing:.08em!important;
  font-weight:700!important;
  color:#72867d!important;
}
.product-copy b{
  letter-spacing:.02em!important;
}
.product-copy span{
  color:#c7d8d1!important;
}
.pill,
.visual-pill{
  letter-spacing:.05em!important;
  font-weight:700!important;
  background:#edf4ef!important;
  border-color:#dfe9e3!important;
  color:#45695b!important;
}
.context-live span,
.live-dot{
  box-shadow:none!important;
}

/* Cards: flatter, warmer, less 'AI dashboard' */
.hero-card,
.metric-card,
.resource-card,
.mini-card,
.map-insight-card,
.map-kpi-row>div,
.dashboard-map-kpis>div{
  box-shadow:none!important;
  border-color:#e1e8e3!important;
}
.hero-card{
  background:#ffffff!important;
  color:#20372f!important;
  border:1px solid #e1e8e3!important;
}
.hero-card h2{
  color:#213b32!important;
  font-size:24px!important;
  letter-spacing:-.02em!important;
}
.hero-card p{
  color:#708178!important;
}

/* Lower visual intensity */
.metric-card,
.resource-card,
.mini-card{
  background:#fff!important;
}
.status-chip{
  background:#f1f5f2!important;
  color:#587066!important;
  border:1px solid #e1e7e3!important;
}

/* Map toolbar becomes editorial/human rather than AI-like */
.map-toolbar{
  background:#ffffff!important;
  color:#243d34!important;
  border:1px solid #e0e8e3!important;
}
.map-toolbar h3{
  color:#203b31!important;
  font-size:21px!important;
  letter-spacing:-.02em!important;
}
.map-toolbar p{
  color:#71837b!important;
}
.map-live-meta{
  background:#f3f7f4!important;
  color:#35584b!important;
  border:1px solid #e0e7e3!important;
}
.map-live-meta small{
  color:#82938c!important;
}
.map-live-meta b{
  color:#36584c!important;
}

/* Subtle green accent only where useful */
.product-mark{
  background:#e7f2ec!important;
  color:#315f50!important;
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.12);
}
.topbar-actions a{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.tablet-nav{
  box-shadow:0 10px 24px rgba(39,64,55,.08)!important;
}
.tablet-nav a.active{
  background:#edf4ef!important;
  color:#3a6657!important;
}

/* Make typography friendlier */
.tablet-content,
.map-toolbar,
.tablet-context,
.product-copy{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.tablet-context h1,
.map-toolbar h3,
.section-head h5{
  font-weight:800!important;
}

/* Footer more subtle and institutional */
.aren-footer{
  color:#77877f!important;
  letter-spacing:.06em!important;
  font-weight:700!important;
}

/* Reduce decorative effects from earlier versions */
.marker-pulse{
  box-shadow:none!important;
}
.marker-pulse span{
  box-shadow:0 0 0 4px color-mix(in srgb,var(--marker) 15%,transparent)!important;
}
.tablet-screen:after{
  box-shadow:inset 0 0 12px rgba(11,40,31,.025)!important;
}

/* Cleaner spacing */
.tablet-content{
  padding-left:22px!important;
  padding-right:22px!important;
}
.dashboard-adopted-map{
  margin-top:10px!important;
}


/* ===== AREN V10: CLEAN PROFESSIONAL DASHBOARD ===== */

/* Header is intentionally minimal: product identity + login only */
.tablet-topbar{
  grid-template-columns:1fr auto!important;
  min-height:70px!important;
  padding:11px 22px!important;
  background:#285a49!important;
}
.topbar-center{display:none!important}
.topbar-actions{
  justify-content:flex-end!important;
}
.topbar-actions a{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.07)!important;
}

/* Stronger but understated product identity */
.product-mark{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
  background:#f1f6f3!important;
  color:#285a49!important;
  border:0!important;
}
.product-copy b{
  font-size:20px!important;
  font-weight:800!important;
}
.product-copy span{
  font-size:9px!important;
  color:#cbdcd5!important;
}

/* Context header becomes editorial, not dashboard-like */
.tablet-context{
  padding:18px 24px 13px!important;
  background:#f8faf8!important;
}
.tablet-context .eyebrow{
  font-size:8px!important;
}
.tablet-context h1{
  font-size:23px!important;
  font-weight:750!important;
  color:#243a32!important;
}

/* Dashboard focuses on one primary object: the live logistics map */
.tablet-content{
  padding:14px 20px 120px!important;
}
.dashboard-adopted-map{
  margin:0!important;
}
.dashboard-adopted-map .map-toolbar{
  padding:15px 17px!important;
  border-radius:16px 16px 0 0!important;
  background:#fff!important;
  border-color:#e3e9e5!important;
}
.dashboard-adopted-map .map-toolbar h3{
  font-size:18px!important;
  font-weight:750!important;
  margin:8px 0 3px!important;
}
.dashboard-adopted-map .map-toolbar p{
  font-size:9px!important;
  line-height:1.55!important;
}
.dashboard-adopted-map .map-toolbar .pill{
  font-size:8px!important;
  padding:5px 8px!important;
}
.dashboard-adopted-map .map-live-meta{
  min-width:170px!important;
  padding:9px 11px!important;
  border-radius:11px!important;
}
.dashboard-adopted-map .map-kpi-row{
  margin:0!important;
  gap:0!important;
  border-left:1px solid #e3e9e5;
  border-right:1px solid #e3e9e5;
  background:#e3e9e5!important;
}
.dashboard-adopted-map .map-kpi-row>div{
  border:0!important;
  border-radius:0!important;
  padding:9px 13px!important;
}
.dashboard-adopted-map .map-kpi-row span{
  font-size:8px!important;
}
.dashboard-adopted-map .map-kpi-row b{
  font-size:16px!important;
}
.dashboard-adopted-map .live-map-card{
  border-radius:0 0 16px 16px!important;
  padding:6px!important;
  box-shadow:none!important;
  border-color:#e3e9e5!important;
}
.dashboard-adopted-map #dashboardLiveMap{
  height:430px!important;
  border-radius:10px!important;
}

/* More restrained map legend */
.dashboard-adopted-map .map-legend{
  left:18px!important;
  bottom:17px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  box-shadow:0 5px 14px rgba(35,61,51,.08)!important;
  font-size:8px!important;
}

/* Bottom nav: six functional items, cleaner tablet toolbar */
.tablet-nav{
  grid-template-columns:repeat(6,1fr)!important;
  max-width:790px!important;
  padding:6px!important;
  border-radius:16px!important;
  bottom:13px!important;
  box-shadow:0 8px 22px rgba(34,62,51,.10)!important;
}
.tablet-nav a{
  min-height:46px!important;
  border-radius:11px!important;
  font-weight:700!important;
}
.tablet-nav a i{
  font-size:16px!important;
}

/* Institutional footer */
.aren-footer{
  bottom:68px!important;
  color:#819088!important;
  font-size:7.5px!important;
  letter-spacing:.055em!important;
}

/* Remove old dashboard leftovers if any */
.hero-card,
.dashboard-map-section,
.metric-grid,
.quick-grid{
  display:none;
}

/* Device itself becomes more premium and less decorative */
.tablet-device{
  background:#171c1a!important;
  border-color:#262d2a!important;
  box-shadow:
    0 30px 75px rgba(16,36,29,.25),
    0 3px 8px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.tablet-screen{
  background:#f8faf8!important;
}

@media(max-width:820px){
  .dashboard-adopted-map #dashboardLiveMap{height:390px!important}
}
@media(max-width:520px){
  .tablet-content{padding-left:12px!important;padding-right:12px!important}
  .dashboard-adopted-map #dashboardLiveMap{height:350px!important}
}


/* ===== AREN V11: PROFESSIONAL GRADIENT + UNKHAIR BRAND + PUBLIC DECISION ===== */

.tablet-topbar{
  background:
    radial-gradient(circle at 18% 0%,rgba(146,235,196,.13),transparent 28%),
    linear-gradient(115deg,#164b3a 0%,#1e6650 45%,#2b7a61 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.product-brand{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}
.brand-lockup{
  display:flex;
  align-items:center;
  gap:11px;
}
.unkhair-brand{
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
}
.unkhair-brand img{
  width:35px;
  height:35px;
  object-fit:contain;
  background:#fff;
  border-radius:50%;
  padding:2px;
}
.unkhair-brand small,
.unkhair-brand strong{
  display:block;
  line-height:1.05;
}
.unkhair-brand small{
  font-size:6.5px;
  letter-spacing:.14em;
  color:#cae0d7;
}
.unkhair-brand strong{
  font-size:10px;
  letter-spacing:.05em;
  color:#fff;
}
.brand-divider{
  width:1px;
  height:28px;
  background:rgba(255,255,255,.18);
  margin-right:2px;
}

.tablet-context{
  background:linear-gradient(180deg,#f3f8f5 0%,#fafcfb 100%)!important;
}

.tablet-nav{
  background:
    linear-gradient(180deg,rgba(34,86,67,.98),rgba(27,69,54,.98))!important;
  border-color:rgba(255,255,255,.08)!important;
}
.tablet-nav a{
  color:#c9ddd5!important;
}
.tablet-nav a span{
  color:#d8e8e2!important;
  font-weight:750!important;
}
.tablet-nav a i{
  color:#c8e4da!important;
}
.tablet-nav a:hover{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
}
.tablet-nav a.active{
  background:linear-gradient(135deg,#5fc49d,#7dd1b1)!important;
  color:#103e30!important;
}
.tablet-nav a.active span,
.tablet-nav a.active i{
  color:#123f31!important;
}

.map-toolbar{
  background:
    linear-gradient(135deg,#ffffff 0%,#f4f9f6 100%)!important;
}
.map-kpi-row>div{
  background:linear-gradient(180deg,#fff,#f8fbf9)!important;
}

.aren-footer{
  color:#7a8d84!important;
}

/* Decision page */
.decision-page{
  max-width:900px;
  margin:0 auto;
}
.decision-intro{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  padding:20px 22px;
  margin-bottom:12px;
  border:1px solid #e0e9e4;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#f2f8f5);
}
.section-kicker{
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  color:#5d806f;
}
.decision-intro h3{
  margin:7px 0 5px;
  font-size:23px;
  font-weight:800;
  color:#233d33;
}
.decision-intro p{
  margin:0;
  max-width:620px;
  color:#70827a;
  font-size:10px;
  line-height:1.6;
}
.decision-summary{
  min-width:110px;
  padding:11px 14px;
  border-radius:13px;
  background:#e9f3ee;
}
.decision-summary small,
.decision-summary b{
  display:block;
}
.decision-summary small{
  font-size:8px;
  color:#758b81;
}
.decision-summary b{
  font-size:22px;
  color:#315f4e;
  margin-top:2px;
}
.decision-list{
  display:grid;
  gap:11px;
}
.clean-decision-card{
  padding:17px 18px!important;
  border:1px solid #e0e8e4!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.decision-card-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.decision-code{
  display:inline-block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:#628174;
  margin-bottom:5px;
}
.decision-card-head h4{
  margin:0;
  font-size:16px;
  font-weight:800;
  color:#253e34;
}
.decision-status{
  padding:6px 9px;
  border-radius:999px;
  font-size:8px;
  font-weight:800;
  background:#eef3f0;
  color:#5b7067;
}
.status-disetujui{background:#e6f4ed;color:#37735b}
.status-ditolak{background:#f9ecee;color:#9c4c59}
.status-dimodifikasi{background:#fbf3e3;color:#8e6b2f}
.decision-recommendation{
  margin:14px 0 12px;
  padding:12px 13px;
  border-left:3px solid #69ad91;
  background:#f6faf8;
  border-radius:0 10px 10px 0;
}
.decision-recommendation span{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  color:#6b8379;
}
.decision-recommendation p{
  margin:5px 0 0;
  font-size:10px;
  line-height:1.6;
  color:#435d53;
}
.decision-meta-grid{
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:12px;
}
.decision-meta-grid>div{
  padding:10px 11px;
  border:1px solid #e8eeeb;
  border-radius:11px;
}
.decision-meta-grid small,
.decision-meta-grid b{
  display:block;
}
.decision-meta-grid small{
  font-size:8px;
  color:#7b8c85;
}
.decision-meta-grid b{
  font-size:12px;
  margin-top:3px;
  color:#334f44;
}
.confidence-track{
  height:5px;
  margin-top:7px;
  border-radius:99px;
  overflow:hidden;
  background:#e8efeb;
}
.confidence-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4a9f7e,#79c3a6);
}
.decision-actions{
  display:flex;
  gap:8px;
  margin-top:13px;
}
.decision-btn{
  border-radius:10px!important;
  font-size:9px!important;
  font-weight:750!important;
  padding:8px 12px!important;
}
.decision-btn.approve{
  background:linear-gradient(135deg,#3e8c6e,#59aa88)!important;
  color:#fff!important;
  border:0!important;
}
.decision-btn.modify{
  background:#fff!important;
  color:#576b62!important;
  border:1px solid #d9e3de!important;
}
.decision-btn.reject{
  background:#fff!important;
  color:#9a505b!important;
  border:1px solid #eedadd!important;
}
.decision-public-note{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:13px;
  padding:9px 11px;
  border-radius:10px;
  background:#f4f7f5;
  color:#6f8179;
  font-size:8.5px;
}
.empty-decision{
  padding:34px;
  text-align:center;
  border:1px dashed #d8e3dd;
  border-radius:15px;
  color:#71857c;
}
.empty-decision i,
.empty-decision b,
.empty-decision span{
  display:block;
}
.empty-decision i{
  font-size:26px;
  margin-bottom:8px;
}
.empty-decision span{
  font-size:9px;
  margin-top:4px;
}

@media(max-width:820px){
  .unkhair-brand div{display:none}
  .brand-divider{display:none}
  .unkhair-brand img{width:31px;height:31px}
}
@media(max-width:600px){
  .decision-intro{display:block}
  .decision-summary{margin-top:12px;width:max-content}
  .decision-meta-grid{grid-template-columns:1fr}
  .decision-actions{flex-wrap:wrap}
}

/* AREN V12 — single institutional brand */
.product-brand{gap:11px!important}
.main-unkhair-logo{
  width:45px;height:45px;object-fit:contain;background:#fff;border-radius:50%;
  padding:2px;box-shadow:0 5px 14px rgba(0,0,0,.12);
}
.product-copy b{font-size:21px!important;letter-spacing:.035em!important;color:#fff!important}
.product-copy span{font-size:9px!important;color:#d4e5de!important;letter-spacing:.025em!important}
.product-mark,.unkhair-brand,.brand-divider{display:none!important}
@media(max-width:600px){.main-unkhair-logo{width:38px;height:38px}.product-copy span{display:block!important}}


/* ===== AREN V14: PROFESSIONAL GREEN GRADIENT + REAL-TIME CURVE ===== */
.tablet-topbar{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% -60%,rgba(196,244,222,.30),transparent 38%),
    radial-gradient(circle at 72% 180%,rgba(96,193,151,.22),transparent 38%),
    linear-gradient(120deg,#123e31 0%,#1c5d49 48%,#28765c 100%)!important;
}
.tablet-topbar:after{
  content:"";
  position:absolute;
  right:-70px;
  top:-110px;
  width:290px;
  height:220px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:
    -36px 45px 0 rgba(255,255,255,.025),
    -72px 90px 0 rgba(255,255,255,.018);
  pointer-events:none;
}
.product-brand,.topbar-actions{position:relative;z-index:2}

/* Green gradient cards with restrained contrast */
.dashboard-adopted-map .map-kpi-row>div{
  background:
    linear-gradient(145deg,#f8fcfa 0%,#e9f4ef 100%)!important;
}
.dashboard-adopted-map .map-kpi-row>div:nth-child(2n){
  background:
    linear-gradient(145deg,#f4faf7 0%,#dfeee7 100%)!important;
}
.dashboard-adopted-map .map-kpi-row b{color:#285847!important}
.dashboard-adopted-map .map-kpi-row span{color:#657d72!important}

.intro-card,
.form-card,
.simulation-result,
.scenario-card,
.explain-box,
.clean-decision-card{
  background:
    linear-gradient(145deg,#ffffff 0%,#edf6f1 100%)!important;
  border-color:#dce9e3!important;
}
.scenario-card.recommended{
  background:
    linear-gradient(145deg,#e3f3eb 0%,#cfe9dc 100%)!important;
  border-color:#b8dccb!important;
}
.decision-intro{
  background:
    linear-gradient(135deg,#ffffff 0%,#e8f4ee 100%)!important;
}
.decision-summary{
  background:
    linear-gradient(145deg,#e8f4ee,#d7ebdf)!important;
}

/* Trend curve */
.trend-section{margin:14px 0 2px}
.trend-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:15px 17px 12px;
  border:1px solid #dce8e2;
  border-bottom:0;
  border-radius:16px 16px 0 0;
  background:
    linear-gradient(135deg,#f7fbf9 0%,#e8f3ed 100%);
}
.trend-head h4{
  margin:8px 0 4px;
  color:#25483a;
  font-size:17px;
  font-weight:800;
}
.trend-head p{margin:0;color:#6f837a;font-size:9px}
.trend-time{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.65);
  border:1px solid #dce8e2;
}
.trend-time span{
  width:7px;height:7px;border-radius:50%;
  background:#53a985;
}
.trend-time small{font-size:8px;color:#637a70;white-space:nowrap}
.trend-card{
  height:235px;
  padding:12px 14px 10px;
  border:1px solid #dce8e2;
  border-radius:0 0 16px 16px;
  background:
    radial-gradient(circle at 15% 0%,rgba(83,169,133,.09),transparent 26%),
    linear-gradient(180deg,#fff,#f8fbf9);
}
.trend-card canvas{width:100%!important;height:100%!important}

/* Policy note */
.policy-note-wrap{margin-top:12px}
.policy-note-btn{
  border:1px solid #cadbd3;
  border-radius:10px;
  background:linear-gradient(145deg,#fff,#edf5f1);
  color:#376552;
  padding:8px 11px;
  font-size:8.5px;
  font-weight:750;
}
.policy-note-result{
  margin-top:8px;
  padding:11px 12px;
  white-space:pre-wrap;
  border-radius:10px;
  background:#f4f8f6;
  border-left:3px solid #65a98c;
  color:#4d675c;
  font-size:9px;
  line-height:1.65;
}

@media(max-width:820px){
  .trend-head{display:block}
  .trend-time{margin-top:10px;width:max-content}
  .trend-card{height:220px}
}


/* ===== AREN V15: MARKET-STYLE PREDICT + CLEAN HEADER ===== */

/* More expressive, professional green header */
.tablet-topbar{
  background:
    radial-gradient(circle at 12% -80%,rgba(145,234,195,.34),transparent 42%),
    radial-gradient(circle at 65% 150%,rgba(77,173,132,.24),transparent 40%),
    linear-gradient(118deg,#0f3a2e 0%,#185440 45%,#247359 100%)!important;
}
.tablet-topbar:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(105deg,transparent 0 62%,rgba(255,255,255,.035) 62% 63%,transparent 63% 100%);
  pointer-events:none;
}
.main-unkhair-logo{
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.product-brand{
  padding:2px 0;
}
.product-copy b{
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}

/* Footer removed: reclaim content height */
.aren-footer{display:none!important}
.tablet-content{padding-bottom:94px!important}

/* Predict page */
.predict-market-page{margin:0}
.predict-market-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:16px 18px;
  border:1px solid #dae7e1;
  border-radius:17px 17px 0 0;
  background:
    radial-gradient(circle at 8% -20%,rgba(83,166,131,.12),transparent 35%),
    linear-gradient(135deg,#ffffff,#eaf4ef);
}
.predict-market-head h3{
  margin:8px 0 4px;
  font-size:20px;
  font-weight:800;
  color:#234638;
}
.predict-market-head p{
  margin:0;
  max-width:620px;
  color:#6c8177;
  font-size:9px;
  line-height:1.55;
}
.predict-select-wrap{
  min-width:230px;
}
.predict-select-wrap label{
  display:block;
  margin-bottom:5px;
  color:#60766c;
  font-size:8px;
  font-weight:750;
}
.predict-select-wrap .form-select{
  font-size:9px;
  border-color:#d5e3dc;
  background-color:rgba(255,255,255,.82);
}

.market-summary-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#d9e6e0;
  border-left:1px solid #d9e6e0;
  border-right:1px solid #d9e6e0;
}
.market-stat{
  padding:10px 13px;
  background:
    linear-gradient(145deg,#fafdfb,#e8f3ed);
}
.market-stat:nth-child(even){
  background:
    linear-gradient(145deg,#f5faf7,#dfeee7);
}
.market-stat span,.market-stat b{display:block}
.market-stat span{font-size:7.5px;color:#70847b}
.market-stat b{margin-top:2px;font-size:16px;color:#255241}
.market-stat.risk b{color:#a5505b}

.market-chart-card{
  border:1px solid #d9e6e0;
  border-top:0;
  border-radius:0 0 17px 17px;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 0%,rgba(55,135,101,.07),transparent 25%),
    linear-gradient(180deg,#fff,#f7faf8);
}
.market-chart-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 15px 5px;
}
.market-chart-top small,.market-chart-top strong{display:block}
.market-chart-top small{font-size:8px;color:#72867d}
.market-chart-top strong{margin-top:2px;font-size:12px;color:#2d4b3f}
.market-status{display:flex;align-items:center;gap:7px}
.market-status span{
  width:7px;height:7px;border-radius:50%;
  background:#3e9c76;
}
.market-status small{font-size:8px;color:#75887f}

.market-chart-wrap{
  position:relative;
  height:300px;
  padding:5px 10px 2px;
}
.market-chart-wrap canvas{width:100%!important;height:100%!important}
.forecast-zone-label{
  position:absolute;
  right:13px;
  top:8px;
  padding:4px 6px;
  border-radius:6px;
  background:rgba(52,113,88,.08);
  color:#5d7f70;
  font-size:6.5px;
  font-weight:850;
  letter-spacing:.08em;
}

.market-legend{
  display:flex;
  align-items:center;
  gap:13px;
  flex-wrap:wrap;
  padding:8px 14px 12px;
  color:#697e74;
  font-size:7.5px;
}
.market-legend span{display:flex;align-items:center;gap:5px}
.legend-swatch{
  display:inline-block;
  width:18px;
  height:2px;
  border-radius:10px;
}
.legend-swatch.actual{background:#176b50}
.legend-swatch.need{background:#3b8b6d;border-top:1px dashed #3b8b6d}
.legend-swatch.riskline{background:#b45661}
.legend-note{margin-left:auto!important;color:#899991!important}

.predict-note{
  margin-top:10px;
  padding:10px 12px;
  display:flex;
  align-items:flex-start;
  gap:8px;
  border-radius:11px;
  border:1px solid #dfe9e4;
  background:linear-gradient(145deg,#f7faf8,#edf4f0);
  color:#687d73;
  font-size:8px;
  line-height:1.55;
}
.predict-note i{color:#3c7b61;margin-top:1px}

/* More vertical space now footer is gone */
.tablet-nav{bottom:12px!important}

@media(max-width:820px){
  .predict-market-head{display:block}
  .predict-select-wrap{margin-top:12px;min-width:0}
  .market-chart-wrap{height:265px}
}
@media(max-width:520px){
  .market-summary-row{grid-template-columns:1fr 1fr}
  .market-chart-wrap{height:240px}
  .market-legend{gap:8px}
  .legend-note{width:100%;margin-left:0!important}
}


/* ===== AREN V16: TABLET STATUS BAR + PUBLIC-FRIENDLY DECISION ===== */

/* Tablet-like status area in header */
.tablet-statusbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:11px;
  color:#eef7f3;
  position:relative;
  z-index:3;
}
.status-date{
  font-size:8px;
  color:#c8ddd5;
  letter-spacing:.02em;
  white-space:nowrap;
}
.status-time{
  font-size:12px;
  font-weight:800;
  color:#fff;
  min-width:58px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.status-icons{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  color:#eaf6f1;
}
.status-icons i{
  line-height:1;
}

/* Decision page made easier for general public */
.public-decision-page{
  max-width:930px;
  margin:0 auto;
}
.public-decision-intro{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  padding:19px 20px;
  border-radius:17px;
  border:1px solid #dce8e2;
  background:
    radial-gradient(circle at 15% -20%,rgba(85,167,132,.10),transparent 34%),
    linear-gradient(135deg,#fff,#eaf4ef);
}
.public-decision-intro h3{
  margin:8px 0 5px;
  font-size:21px;
  font-weight:800;
  color:#24473a;
}
.public-decision-intro p{
  margin:0;
  max-width:650px;
  font-size:9.5px;
  line-height:1.65;
  color:#6d8178;
}
.public-decision-total{
  min-width:125px;
  padding:11px 13px;
  border-radius:12px;
  background:linear-gradient(145deg,#e5f2eb,#d5e9df);
}
.public-decision-total small,
.public-decision-total b{
  display:block;
}
.public-decision-total small{
  font-size:8px;
  color:#71867c;
}
.public-decision-total b{
  margin-top:2px;
  font-size:21px;
  color:#2e624d;
}

.public-decision-list{
  display:grid;
  gap:11px;
  margin-top:12px;
}
.public-decision-card{
  padding:16px 17px;
  border-radius:16px;
  border:1px solid #dfe8e4;
  background:
    linear-gradient(145deg,#fff 0%,#f0f7f3 100%);
}
.public-decision-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.public-decision-top h4{
  margin:4px 0 0;
  font-size:15px;
  font-weight:800;
  color:#29483c;
}

.plain-language-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:9px;
  margin-top:13px;
}
.plain-block{
  display:flex;
  gap:10px;
  padding:12px 13px;
  border-radius:12px;
  border:1px solid #e2e9e5;
}
.plain-block>i{
  width:32px;
  height:32px;
  border-radius:10px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.plain-block.problem{
  background:#fbf6ed;
}
.plain-block.problem>i{
  background:#f3e6c9;
  color:#8d6a2d;
}
.plain-block.action{
  background:#edf6f1;
}
.plain-block.action>i{
  background:#d9ebe2;
  color:#3f755f;
}
.plain-block small{
  display:block;
  font-size:7.5px;
  font-weight:800;
  color:#6c7d75;
  margin-bottom:4px;
}
.plain-block p{
  margin:0;
  font-size:9px;
  line-height:1.6;
  color:#445d53;
}

.decision-simple-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:9px;
}
.decision-simple-metrics>div{
  padding:10px 11px;
  border-radius:11px;
  border:1px solid #e1e8e4;
  background:rgba(255,255,255,.78);
}
.decision-simple-metrics span,
.decision-simple-metrics b,
.decision-simple-metrics small{
  display:block;
}
.decision-simple-metrics span{
  font-size:7.5px;
  color:#778981;
}
.decision-simple-metrics b{
  margin-top:2px;
  font-size:13px;
  color:#355548;
}
.decision-simple-metrics small{
  margin-top:4px;
  font-size:7px;
  line-height:1.45;
  color:#8a9892;
}

.decision-impact{
  display:flex;
  gap:10px;
  margin-top:9px;
  padding:11px 12px;
  border-radius:11px;
  background:#f4f8f6;
  border-left:3px solid #69a98d;
}
.decision-impact>i{
  font-size:17px;
  color:#4c826a;
}
.decision-impact b{
  display:block;
  font-size:8.5px;
  color:#436154;
}
.decision-impact p{
  margin:3px 0 0;
  font-size:8.5px;
  line-height:1.55;
  color:#6c7f77;
}

.decision-help{
  margin-top:10px;
}
.public-actions{
  margin-top:10px;
}
.public-empty{
  margin-top:12px;
  padding:28px;
  text-align:center;
  border-radius:14px;
  border:1px dashed #d7e3dd;
  color:#74877e;
}
.public-empty i,
.public-empty b,
.public-empty span{
  display:block;
}
.public-empty i{
  font-size:25px;
  margin-bottom:6px;
}
.public-empty span{
  margin-top:3px;
  font-size:8px;
}

@media(max-width:760px){
  .status-date{display:none}
  .plain-language-grid,
  .decision-simple-metrics{
    grid-template-columns:1fr;
  }
  .public-decision-intro{
    display:block;
  }
  .public-decision-total{
    margin-top:11px;
    width:max-content;
  }
}


/* ===== AREN V17: EXECUTIVE DASHBOARD + PUBLIC CHAT ASSISTANT ===== */
.executive-page{max-width:930px;margin:0 auto}
.executive-hero{
  display:flex;justify-content:space-between;align-items:flex-end;gap:18px;
  padding:18px 19px;border-radius:17px;border:1px solid #dbe7e1;
  background:
    radial-gradient(circle at 12% -35%,rgba(81,164,130,.14),transparent 38%),
    linear-gradient(135deg,#fff,#e8f4ee);
}
.executive-hero h3{margin:8px 0 4px;font-size:21px;font-weight:800;color:#24483a}
.executive-hero p{margin:0;font-size:9px;color:#70837a;line-height:1.55}
.executive-count{min-width:120px;padding:10px 12px;border-radius:12px;background:linear-gradient(145deg,#e3f1e9,#d2e8dd)}
.executive-count small,.executive-count b{display:block}.executive-count small{font-size:8px;color:#70857b}.executive-count b{font-size:22px;color:#2f654f}

.executive-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.exec-kpi{padding:12px;border-radius:13px;border:1px solid #dce7e2;background:linear-gradient(145deg,#fbfdfc,#e8f3ed)}
.exec-kpi span,.exec-kpi b,.exec-kpi small{display:block}
.exec-kpi span{font-size:7.5px;color:#71837b}.exec-kpi b{font-size:18px;color:#2f5e4c;margin-top:2px}.exec-kpi small{font-size:7px;color:#8a9992;margin-top:2px}

.executive-section-head{margin:15px 2px 8px}.executive-section-head span{font-size:7.5px;letter-spacing:.1em;color:#668075;font-weight:800}.executive-section-head h4{margin:3px 0 0;font-size:16px;color:#2b493d;font-weight:800}
.executive-decision-list{display:grid;gap:9px}
.executive-decision-card{padding:14px 15px;border:1px solid #dde8e3;border-radius:14px;background:linear-gradient(145deg,#fff,#f0f7f3)}
.exec-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.exec-card-top h5{font-size:13px;color:#2d493e;margin:3px 0 0;font-weight:800}
.exec-recommendation{display:flex;gap:10px;margin-top:10px;padding:10px 11px;border-radius:10px;background:#edf5f1}.exec-recommendation>i{color:#4d876e;font-size:16px}.exec-recommendation small{display:block;font-size:7.5px;font-weight:800;color:#6b8177}.exec-recommendation p{margin:3px 0 0;font-size:8.7px;line-height:1.55;color:#4e655b}
.exec-confidence{margin-top:9px}.exec-confidence>div:first-child{display:flex;justify-content:space-between;font-size:8px;color:#74877e}.exec-confidence b{color:#3a6d57}.exec-progress{height:5px;margin-top:5px;border-radius:99px;background:#e3ece7;overflow:hidden}.exec-progress span{display:block;height:100%;background:linear-gradient(90deg,#4d9878,#74bea0)}

.aren-chat-widget{position:absolute;right:22px;bottom:82px;z-index:1800}
.aren-chat-fab{
  width:50px;height:50px;border:0;border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#1d654e,#3d9271);
  color:#fff;font-size:20px;
  box-shadow:0 14px 30px rgba(24,80,60,.24);
}
.aren-chat-panel{
  width:340px;max-height:480px;border-radius:18px;overflow:hidden;
  background:#fff;border:1px solid #d7e4de;
  box-shadow:0 20px 50px rgba(18,56,42,.22);
}
.aren-chat-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:13px 14px;
  background:linear-gradient(120deg,#174d3b,#267057);
  color:#fff;
}
.aren-chat-head b,.aren-chat-head small{display:block}.aren-chat-head b{font-size:12px}.aren-chat-head small{font-size:7.5px;color:#c8ded5;margin-top:2px}.aren-chat-head button{border:0;background:transparent;color:#fff}
.aren-chat-messages{height:250px;overflow-y:auto;padding:12px;background:#f7faf8}
.chat-bubble{max-width:88%;padding:9px 10px;border-radius:12px;margin-bottom:8px;font-size:8.7px;line-height:1.55;white-space:pre-wrap}
.chat-bubble.bot{background:#eaf3ee;color:#425d52;border-bottom-left-radius:4px}
.chat-bubble.user{margin-left:auto;background:#2e7359;color:#fff;border-bottom-right-radius:4px}
.chat-bubble.waiting{opacity:.65}
.aren-chat-suggestions{display:flex;gap:5px;flex-wrap:wrap;padding:8px 10px;border-top:1px solid #e8efeb;background:#fff}
.aren-chat-suggestions button{border:1px solid #dce7e2;border-radius:999px;background:#f6faf8;color:#557167;font-size:7px;padding:5px 7px}
.aren-chat-input{display:flex;gap:7px;padding:10px;border-top:1px solid #e5ece8}.aren-chat-input input{flex:1;border:1px solid #d8e4de;border-radius:10px;padding:8px 9px;font-size:8.5px;outline:none}.aren-chat-input button{width:35px;border:0;border-radius:10px;background:#2f7359;color:#fff}

@media(max-width:820px){
  .executive-kpis{grid-template-columns:1fr 1fr}
  .aren-chat-widget{right:14px;bottom:76px}
}
@media(max-width:520px){
  .executive-hero{display:block}.executive-count{margin-top:10px;width:max-content}
  .aren-chat-panel{width:min(340px,calc(100vw - 28px))}
}


/* ===== AREN V18: PUBLIC RESULTS + ANIMATED EXCHANGE ===== */
.citizen-dashboard{max-width:940px;margin:0 auto}
.citizen-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:19px;border:1px solid #dce8e2;border-radius:17px;background:radial-gradient(circle at 12% -30%,rgba(71,156,121,.13),transparent 36%),linear-gradient(135deg,#fff,#e8f4ee)}
.citizen-kicker{font-size:7px;font-weight:850;letter-spacing:.12em;color:#56806e}.citizen-hero h3{font-size:21px;margin:5px 0 4px;color:#24483a;font-weight:850}.citizen-hero p{margin:0;font-size:9px;color:#71847b;line-height:1.55}.citizen-date{display:flex;align-items:center;gap:6px;font-size:8px;color:#638074;padding:8px 10px;border:1px solid #d7e5de;border-radius:10px;background:rgba(255,255,255,.65)}
.citizen-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.citizen-summary-card{display:flex;align-items:center;gap:11px;padding:13px;border-radius:13px;border:1px solid #dce7e2;background:linear-gradient(145deg,#fbfdfc,#e8f3ed)}.citizen-summary-card>i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#dceee5;color:#367157;font-size:16px}.citizen-summary-card small,.citizen-summary-card b,.citizen-summary-card span{display:block}.citizen-summary-card small{font-size:7.5px;color:#71837b}.citizen-summary-card b{font-size:19px;color:#2f604c}.citizen-summary-card span{font-size:7px;color:#8a9992}
.citizen-section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:15px 2px 8px}.citizen-section-title small{font-size:7px;letter-spacing:.1em;color:#648074;font-weight:850}.citizen-section-title h4{font-size:16px;margin:2px 0 0;color:#29493c;font-weight:850}.citizen-section-title>span{font-size:7.5px;color:#87978f}
.citizen-actions-list{display:grid;gap:8px}.citizen-action-card{display:flex;gap:11px;padding:13px 14px;border:1px solid #dee8e3;border-radius:13px;background:linear-gradient(145deg,#fff,#f0f7f3)}.citizen-action-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#dfeee7;color:#37745a;font-size:16px}.citizen-action-body{flex:1}.citizen-action-top{display:flex;justify-content:space-between;gap:10px}.citizen-action-top h5{font-size:12px;margin:0;color:#2d493e;font-weight:800}.citizen-action-body p{font-size:8.7px;line-height:1.55;color:#536a60;margin:6px 0}.citizen-badge{font-size:6.8px;padding:4px 7px;border-radius:999px;white-space:nowrap}.citizen-badge.ready{background:#dff1e7;color:#347054}.citizen-badge.watch{background:#f6ecd4;color:#876629}.citizen-badge.adjust{background:#e8eef5;color:#586f8a}.citizen-data-note{font-size:7px;color:#789087}.citizen-data-note i{margin-right:3px}
.citizen-empty{text-align:center;padding:28px;border:1px dashed #d8e5de;border-radius:14px}.citizen-empty i,.citizen-empty b,.citizen-empty span{display:block}.citizen-empty i{font-size:25px;color:#4e9878}.citizen-empty span{font-size:8px;color:#82938b;margin-top:3px}

.exchange-live-page{max-width:950px;margin:0 auto}.exchange-live-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;padding:15px 17px;border:1px solid #dbe7e1;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#fff,#e8f4ee)}.exchange-live-head h3{font-size:19px;margin:7px 0 3px;color:#25483a;font-weight:850}.exchange-live-head p{font-size:8.5px;color:#71847b;line-height:1.55;margin:0;max-width:650px}.exchange-live-status{display:flex;align-items:center;gap:6px;font-size:7.5px;color:#6f847a;white-space:nowrap}.exchange-live-status>span{width:7px;height:7px;border-radius:50%;background:#46a37c}
.exchange-map-shell{position:relative;border:1px solid #dbe7e1;border-top:0;background:#e9f3ee}.exchange-map-shell #exchangeLiveMap{height:360px;width:100%}.exchange-map-legend{position:absolute;z-index:500;left:10px;bottom:10px;display:flex;gap:7px;flex-wrap:wrap;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.9);box-shadow:0 5px 16px rgba(25,65,50,.12);font-size:7px;color:#557066}.exchange-map-legend span{display:flex;align-items:center;gap:4px}
.moving-vehicle-icon{background:transparent!important;border:0!important}.moving-vehicle-icon>div{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#185d47,#3c9671);color:#fff;border:2px solid rgba(255,255,255,.92);box-shadow:0 4px 10px rgba(22,76,56,.28);font-size:12px}
.exchange-bottom-grid{display:grid;grid-template-columns:150px 150px 1fr;gap:8px;margin-top:8px}.exchange-info-card{padding:12px;border:1px solid #dce7e2;border-radius:12px;background:linear-gradient(145deg,#fbfdfc,#e6f2ec)}.exchange-info-card small,.exchange-info-card b,.exchange-info-card span{display:block}.exchange-info-card small{font-size:6.7px;font-weight:850;color:#6d8479}.exchange-info-card b{font-size:20px;color:#2e624d}.exchange-info-card span{font-size:7px;color:#87978f}.exchange-info-card.attention{background:linear-gradient(145deg,#fffdf8,#f3ead6)}.exchange-info-card.attention b{color:#87652c}
.exchange-movement-list{border:1px solid #dce7e2;border-radius:12px;background:#fff;max-height:145px;overflow:auto;padding:5px 10px}.exchange-route-item{display:flex;gap:8px;padding:7px 2px;border-bottom:1px solid #edf1ef}.exchange-route-item:last-child{border-bottom:0}.exchange-route-item>i{color:#4c8c70}.exchange-route-item b,.exchange-route-item span{display:block}.exchange-route-item b{font-size:7.8px;color:#3e5b4f}.exchange-route-item span{font-size:6.8px;color:#85958e;margin-top:2px}
@media(max-width:760px){.citizen-summary{grid-template-columns:1fr}.citizen-hero,.exchange-live-head{display:block}.citizen-date,.exchange-live-status{margin-top:9px;width:max-content}.citizen-section-title>span{display:none}.exchange-bottom-grid{grid-template-columns:1fr 1fr}.exchange-movement-list{grid-column:1/-1}.exchange-map-shell #exchangeLiveMap{height:320px}}

/* ===== AREN V19 UNIFIED DISTRIBUTION STUDIO ===== */
.distribution-studio{max-width:960px;margin:0 auto}.distribution-head{display:flex;justify-content:space-between;align-items:flex-end;padding:16px 18px;border:1px solid #dce7e2;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#fff,#e7f3ed)}.distribution-head h3{margin:7px 0 3px;font-size:19px;color:#264a3b;font-weight:850}.distribution-head p{margin:0;max-width:650px;font-size:8.5px;line-height:1.55;color:#71847b}.distribution-live{display:flex;gap:6px;align-items:center;font-size:8px;color:#638073}.distribution-live>span{width:7px;height:7px;border-radius:50%;background:#42a178;box-shadow:0 0 0 4px rgba(66,161,120,.12)}
.scenario-toolbar{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr auto;gap:7px;padding:10px;border:1px solid #dce7e2;border-top:0;background:#f7faf8}.scenario-toolbar label{font-size:7px;font-weight:800;color:#637a70}.scenario-toolbar .form-select{margin-top:4px;font-size:8px;border-color:#d8e4de}.simulate-btn{align-self:end;border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#276c53,#419273);color:#fff;font-size:8px;font-weight:800}
.distribution-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:8px;margin-top:8px}.distribution-map-card{position:relative;border:1px solid #dce7e2;border-radius:14px;overflow:hidden;background:#e8f1ed}.distribution-map-card #distributionMap{height:390px}.map-simulation-badge{position:absolute;z-index:500;left:10px;bottom:10px;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.92);font-size:7px;color:#587166;box-shadow:0 4px 15px rgba(25,66,50,.12)}
.distribution-moving-icon{background:transparent!important;border:0!important}.distribution-moving-icon>div{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#155d46,#3d9972);color:#fff;border:2px solid #fff;box-shadow:0 5px 13px rgba(20,72,53,.3);font-size:14px;animation:vehiclePulse 1.8s infinite}@keyframes vehiclePulse{50%{box-shadow:0 5px 13px rgba(20,72,53,.3),0 0 0 7px rgba(57,145,108,.10)}}
.alternative-panel{border:1px solid #dce7e2;border-radius:14px;background:#fff;overflow:hidden}.alternative-title{padding:12px;border-bottom:1px solid #e7eeea}.alternative-title small{font-size:6.5px;color:#648071;font-weight:850;letter-spacing:.1em}.alternative-title h4{font-size:12px;color:#304f42;margin:2px 0 0}.alternative-scroll{max-height:335px;overflow:auto;padding:6px}.route-choice{display:flex;align-items:center;gap:8px;padding:9px 7px;margin-bottom:5px;border:1px solid #e3ebe7;border-radius:10px;text-decoration:none;color:inherit;background:#fafcfb}.route-choice.active{border-color:#8bbda7;background:linear-gradient(145deg,#edf7f2,#dcefe6)}.route-choice-num{width:25px;height:25px;border-radius:8px;background:#e3efe9;color:#39725a;display:grid;place-items:center;font-size:8px;font-weight:850}.route-choice-main{flex:1}.route-choice-main b,.route-choice-main span,.route-choice-main small{display:block}.route-choice-main b{font-size:7.8px;color:#3d594e}.route-choice-main span{font-size:7px;color:#668076;margin-top:2px}.route-choice-main small{font-size:6.5px;color:#8a9992;margin-top:2px}.route-choice>i{font-size:9px;color:#769086}.route-empty{padding:20px;text-align:center;font-size:8px;color:#84958d}
.selected-route-result{display:flex;justify-content:space-between;gap:15px;margin-top:8px;padding:13px 15px;border:1px solid #d9e6e0;border-radius:13px;background:linear-gradient(135deg,#fff,#e8f4ee)}.result-lead>span{font-size:6.5px;color:#5e7d70;font-weight:850;letter-spacing:.1em}.result-lead h4{font-size:14px;margin:3px 0;color:#2e5042}.result-lead p{font-size:8px;color:#687e74;margin:0}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;min-width:390px}.result-metrics>div{padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.72)}.result-metrics small,.result-metrics b{display:block}.result-metrics small{font-size:6.5px;color:#7a8d84}.result-metrics b{font-size:9px;color:#355d4c;margin-top:2px}

/* interactive decision story */
.decision-story{max-width:930px;margin:0 auto}.story-hero{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid #dbe7e1;border-radius:16px;background:radial-gradient(circle at 15% -20%,rgba(74,161,124,.13),transparent 38%),linear-gradient(135deg,#fff,#e8f4ee)}.story-hero h3{font-size:21px;margin:7px 0 3px;color:#24483a;font-weight:850}.story-hero p{font-size:9px;color:#70847a;margin:0}.story-ring{width:66px;height:66px;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#d9eee4,#c6e3d6);border:5px solid rgba(255,255,255,.7)}.story-ring b,.story-ring span{display:block}.story-ring b{font-size:20px;color:#2d664e}.story-ring span{font-size:6px;color:#71867b}
.story-tabs{display:flex;gap:5px;margin:10px 0}.story-tabs button{border:1px solid #dce6e1;border-radius:999px;padding:7px 10px;background:#fff;color:#62796f;font-size:7.5px}.story-tabs button.active{background:#2e7459;color:#fff;border-color:#2e7459}.story-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.story-card{padding:14px;border:1px solid #dee8e3;border-radius:13px;background:linear-gradient(145deg,#fff,#f0f7f3)}.story-status-line{display:flex;align-items:center;gap:6px;font-size:7px;color:#647a70}.story-dot{width:7px;height:7px;border-radius:50%;background:#82958c}.story-dot.good{background:#429773}.story-dot.warn{background:#d09a43}.story-card h4{font-size:12px;color:#2d4b3e;margin:7px 0}.story-answer{padding:9px 10px;border-radius:9px;background:#edf5f1}.story-answer span{font-size:6.7px;font-weight:850;color:#668074}.story-answer p{font-size:8.3px;line-height:1.55;color:#4f685d;margin:3px 0 0}.story-data-strength{display:flex;gap:5px;align-items:center;margin-top:8px;font-size:7px;color:#71877d}.story-action{display:inline-flex;gap:5px;align-items:center;margin-top:9px;text-decoration:none;color:#357158;font-size:7.5px;font-weight:800}
@media(max-width:800px){.scenario-toolbar{grid-template-columns:1fr 1fr}.simulate-btn{grid-column:1/-1}.distribution-layout{grid-template-columns:1fr}.distribution-map-card #distributionMap{height:330px}.selected-route-result{display:block}.result-metrics{min-width:0;margin-top:9px}.story-list{grid-template-columns:1fr}}


/* ===== AREN V20: MODE + URGENCY DISTRIBUTION SIMULATION ===== */
.scenario-toolbar.v20{
  grid-template-columns:1.1fr .9fr 1.05fr 1fr auto;
}
.mode-summary{
  display:flex;
  align-items:center;
  gap:11px;
  margin-top:8px;
  padding:11px 13px;
  border:1px solid #dce7e2;
  border-radius:12px;
  background:linear-gradient(145deg,#fbfdfc,#e7f3ed);
}
.mode-icon{
  width:42px;height:42px;
  border-radius:12px;
  display:grid;place-items:center;
  font-size:19px;
}
.mode-icon.sea{background:#dcefe8;color:#2d785f}
.mode-icon.air{background:#e8eef7;color:#496f9c}
.mode-icon.land{background:#eee9df;color:#7c6742}
.mode-summary small,.mode-summary b,.mode-summary span{display:block}
.mode-summary small{font-size:7px;color:#73877d}
.mode-summary b{font-size:12px;color:#2c4f41;margin-top:1px}
.mode-summary span{font-size:7.5px;color:#7d8e86;margin-top:2px}

.distribution-moving-icon.mode-udara>div{
  background:linear-gradient(135deg,#3b668d,#6f9bc4);
}
.distribution-moving-icon.mode-darat>div{
  background:linear-gradient(135deg,#6e5c3f,#a18458);
}
.distribution-moving-icon.mode-laut>div{
  background:linear-gradient(135deg,#155d46,#3d9972);
}
.selected-route-result.v20{
  border-left:4px solid #4a9b79;
}
@media(max-width:820px){
  .scenario-toolbar.v20{grid-template-columns:1fr 1fr}
}


/* ===== AREN V21: UNIFIED SIMULASI DISTRIBUSI ===== */
.tablet-nav.compact-nav{
  grid-template-columns:repeat(3,1fr)!important;
  max-width:560px!important;
}
.distribution-studio.v21{max-width:980px;margin:0 auto}
.distribution-input-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:11px;
  border:1px solid #dce7e2;
  border-top:0;
  background:linear-gradient(180deg,#f9fbfa,#f1f7f4);
}
.distribution-input-grid label{
  font-size:7.3px;
  font-weight:800;
  color:#61786d;
}
.distribution-input-grid .form-select,
.distribution-input-grid .form-control{
  margin-top:4px;
  min-height:34px;
  font-size:8.3px;
  border-color:#d8e4de;
  background-color:#fff;
}
.simulate-btn.v21{
  grid-column:1/-1;
  justify-self:end;
  min-width:190px;
}
.distribution-warning{
  margin-top:8px;
  padding:9px 11px;
  border-radius:10px;
  background:#fbf1de;
  color:#80612b;
  font-size:8px;
}
.distribution-main-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:8px;
  margin-top:8px;
}
.distribution-map-card.v21 #distributionMap{height:410px}
.distribution-result-panel{
  border:1px solid #dce7e2;
  border-radius:14px;
  padding:14px;
  background:
    radial-gradient(circle at 90% -20%,rgba(70,153,116,.13),transparent 36%),
    linear-gradient(145deg,#fff,#e9f4ee);
}
.result-eyebrow{
  display:block;font-size:6.5px;letter-spacing:.11em;font-weight:850;color:#648071
}
.result-mode-icon{
  width:45px;height:45px;border-radius:13px;display:grid;place-items:center;
  margin:10px 0 8px;font-size:20px
}
.result-mode-icon.laut{background:#dcefe8;color:#28755a}
.result-mode-icon.udara{background:#e7eef7;color:#486f9b}
.result-mode-icon.darat{background:#eee9df;color:#7c6742}
.distribution-result-panel h4{font-size:15px;color:#294c3e;margin:0 0 4px;font-weight:850}
.distribution-result-panel>p{font-size:8.5px;line-height:1.55;color:#62796f;margin:0}
.result-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}
.result-facts>div{padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.72);border:1px solid rgba(217,231,224,.7)}
.result-facts small,.result-facts b{display:block}.result-facts small{font-size:6.4px;color:#7a8d84}.result-facts b{font-size:8.7px;color:#345849;margin-top:2px}
.public-recommendation{display:flex;gap:8px;margin-top:9px;padding:9px 10px;border-radius:10px;background:#e5f2eb;color:#48685a}
.public-recommendation>i{font-size:15px;color:#3f8567}.public-recommendation b{display:block;font-size:8px}.public-recommendation p{font-size:7.4px;line-height:1.5;margin:2px 0 0}
.save-plan-btn{width:100%;border:0;border-radius:10px;padding:9px;background:linear-gradient(135deg,#286b53,#429273);color:#fff;font-size:8px;font-weight:800}
.alternative-comparison{margin-top:8px;border:1px solid #dce7e2;border-radius:13px;overflow:hidden;background:#fff}
.alternative-title.v21{display:flex;justify-content:space-between;align-items:end}.alternative-title.v21>span{font-size:7px;color:#82938b}
.alternative-table-wrap{overflow:auto}.public-alternative-table{width:100%;border-collapse:collapse}.public-alternative-table th{padding:8px;background:#f5f9f7;font-size:6.8px;color:#71857b;text-align:left}.public-alternative-table td{padding:8px;border-top:1px solid #edf1ef;font-size:7.3px;color:#536c61}.public-alternative-table tr.selected{background:#eaf5ef}.public-alternative-table td b,.public-alternative-table td small{display:block}.public-alternative-table td small{font-size:6.4px;color:#899891;margin-top:1px}.public-alternative-table td a{padding:5px 7px;border-radius:7px;background:#e6f2ec;color:#347057;text-decoration:none;font-weight:800}
.mode-table-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center}.mode-table-icon.laut{background:#dcefe8;color:#28755a}.mode-table-icon.udara{background:#e7eef7;color:#486f9b}.mode-table-icon.darat{background:#eee9df;color:#7c6742}
.no-route-result{text-align:center;margin-top:9px;padding:30px;border:1px dashed #d9e5df;border-radius:13px;background:#fafcfb}.no-route-result i{font-size:26px;color:#638677}.no-route-result h4{font-size:13px;color:#405f52;margin:7px 0 3px}.no-route-result p{font-size:8px;color:#81928a;margin:0}
@media(max-width:850px){
 .distribution-input-grid{grid-template-columns:1fr 1fr}
 .distribution-main-grid{grid-template-columns:1fr}
 .distribution-map-card.v21 #distributionMap{height:340px}
}
@media(max-width:540px){
 .distribution-input-grid{grid-template-columns:1fr}
 .simulate-btn.v21{width:100%;min-width:0}
 .result-facts{grid-template-columns:1fr 1fr}
}

/* ===== AREN V22 NATIONAL OPTIMIZATION ===== */
.tablet-nav.compact-nav.two-item{grid-template-columns:repeat(2,1fr)!important;max-width:430px!important}
.distribution-input-grid.national{grid-template-columns:repeat(3,1fr)}
.optimization-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;border:1px solid #d8e6df;border-radius:13px;background:linear-gradient(135deg,#f9fcfa,#dff0e7)}
.optimization-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#fff;font-size:22px}.optimization-banner small,.optimization-banner h4,.optimization-banner p{display:block}.optimization-banner small{font-size:6.5px;color:#648072;font-weight:850}.optimization-banner h4{font-size:13px;color:#2d5142;margin:2px 0}.optimization-banner p{font-size:7.5px;color:#75887f;margin:0}.optimization-cost{text-align:right}.optimization-cost b{font-size:13px;color:#2e614c;margin-top:2px}
.emoji-vehicle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #3b8b6b;box-shadow:0 6px 15px rgba(26,72,54,.25);font-size:21px}
.smart-policy-section{margin-top:9px;border:1px solid #dce7e2;border-radius:13px;padding:12px;background:linear-gradient(145deg,#fbfdfc,#edf6f1)}.smart-policy-head small{font-size:6.5px;letter-spacing:.1em;color:#668071;font-weight:850}.smart-policy-head h4{font-size:13px;color:#304f42;margin:3px 0 9px}.smart-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.smart-policy-card{padding:10px;border-radius:10px;background:#fff;border:1px solid #e0e9e5}.smart-policy-card>span{font-size:6.5px;color:#4d8069;font-weight:850}.smart-policy-card h5{font-size:9px;color:#355649;margin:3px 0}.smart-policy-card p{font-size:7.4px;line-height:1.55;color:#71827a;margin:0}
@media(max-width:760px){.distribution-input-grid.national{grid-template-columns:1fr 1fr}.optimization-banner{grid-template-columns:auto 1fr}.optimization-cost{grid-column:1/-1;text-align:left}.smart-policy-grid{grid-template-columns:1fr}}

/* ===== AREN V23 READABILITY + NATIONAL FOOD PRICE PANEL ===== */
.aren-chat-widget{display:none!important}
.tablet-content{font-size:12px}
.map-toolbar h3,.distribution-head h3{font-size:17px!important}
.map-toolbar p,.distribution-head p{font-size:10px!important;line-height:1.55}
.map-kpi-row span{font-size:8px!important}.map-kpi-row b{font-size:15px!important}
.tablet-nav a span{font-size:9px!important}.tablet-nav a i{font-size:17px!important}
.distribution-input-grid label{font-size:9px!important}
.distribution-input-grid .form-select,.distribution-input-grid .form-control{font-size:10px!important;min-height:38px!important}
.public-alternative-table th{font-size:8px!important}.public-alternative-table td{font-size:9px!important}
.smart-policy-card>span{font-size:8px!important}.smart-policy-card h5{font-size:11px!important}.smart-policy-card p{font-size:9px!important}
.food-price-panel{margin-top:10px;border:1px solid #dbe7e1;border-radius:14px;background:linear-gradient(145deg,#fbfdfc,#edf6f1);overflow:hidden}
.price-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px}
.price-panel-head h4{font-size:16px;color:#304f42;margin:4px 0}.price-panel-head p{font-size:10px;color:#71857b;margin:0;line-height:1.5}
.price-source-badge{padding:7px 9px;border-radius:9px;background:#e2f0e9;color:#397057;font-size:8px;font-weight:850;white-space:nowrap}
.price-chart-card{height:310px;padding:8px 12px 12px;background:#fff;border-top:1px solid #e6eeea}
.price-source-note{display:flex;gap:8px;align-items:flex-start;padding:10px 13px;font-size:9px;line-height:1.5;color:#6f8279;border-top:1px solid #e5ede9}
.price-source-note i{font-size:14px;color:#438266}
.ai-analysis-summary{font-size:9px!important;line-height:1.55;color:#61776c;margin:4px 0 6px}
.ai-model-badge{display:inline-block;padding:4px 7px;border-radius:7px;background:#e5f2eb;color:#3f775e;font-size:7.5px;font-weight:800}
.ai-analysis-error{font-size:9px!important;padding:8px;border-radius:8px;background:#fff3df;color:#85672d}
@media(max-width:650px){.price-panel-head{display:block}.price-source-badge{display:inline-block;margin-top:8px}.price-chart-card{height:260px}}

/* ===== AREN V24: LOGIN FIX + LIVE PRICE REFRESH + READABILITY ===== */
body{font-size:15px}
.product-copy b{font-size:23px!important}
.product-copy span{font-size:11px!important}
.tablet-context .eyebrow{font-size:10px!important}
.tablet-context h1{font-size:25px!important}
.tablet-context .context-live{font-size:10px!important}

.tablet-content{font-size:14px!important}
.map-toolbar h3,.distribution-head h3{font-size:20px!important}
.map-toolbar p,.distribution-head p{font-size:12px!important;line-height:1.6!important}
.pill{font-size:9px!important;padding:6px 9px!important}

.map-kpi-row span{font-size:10px!important}
.map-kpi-row b{font-size:18px!important}
.tablet-nav a span{font-size:11px!important}
.tablet-nav a i{font-size:19px!important}

.distribution-input-grid label{font-size:11px!important}
.distribution-input-grid .form-select,
.distribution-input-grid .form-control{font-size:12px!important;min-height:42px!important}

.optimization-banner h4{font-size:16px!important}
.optimization-banner p{font-size:10px!important}
.result-facts small{font-size:8.5px!important}
.result-facts b{font-size:11px!important}
.public-recommendation b{font-size:10px!important}
.public-recommendation p{font-size:9.5px!important}

.public-alternative-table th{font-size:10px!important}
.public-alternative-table td{font-size:10.5px!important}
.public-alternative-table td small{font-size:9px!important}

.smart-policy-head h4{font-size:15px!important}
.smart-policy-card>span{font-size:9px!important}
.smart-policy-card h5{font-size:13px!important}
.smart-policy-card p{font-size:11px!important;line-height:1.6!important}

.price-panel-head h4{font-size:19px!important}
.price-panel-head p{font-size:12px!important}
.price-chart-card{height:335px!important}
.price-source-note{font-size:11px!important}
.price-live-meta{display:flex;align-items:center;gap:8px;min-width:190px}
.price-live-dot{width:8px;height:8px;border-radius:50%;background:#a8b7b0;flex:0 0 auto}
.price-live-dot.active{background:#42a178;box-shadow:0 0 0 5px rgba(66,161,120,.12)}
.price-live-meta small{display:block;margin-top:4px;font-size:9px;color:#74887e}
.price-source-badge.demo{background:#f5ead2;color:#86662e}

.auth-card h2{font-size:28px!important}
.auth-subtitle{font-size:13px!important;line-height:1.6!important}
.field-label{font-size:12px!important}
.auth-input input{font-size:14px!important}
.auth-submit{font-size:14px!important}
.auth-kicker{font-size:10px!important}

@media(max-width:650px){
  .tablet-content{font-size:13px!important}
  .map-toolbar h3,.distribution-head h3{font-size:18px!important}
  .price-chart-card{height:285px!important}
}

/* ===== AREN V25 FOOD PRICE CHART VISIBILITY ===== */
.price-chart-card{
  min-height:340px!important;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8fbf9 100%)!important;
}
.price-chart-card canvas{
  width:100%!important;
  height:100%!important;
}
.food-price-panel .pill{
  font-size:10px!important;
}
.price-panel-head h4{
  font-size:20px!important;
}
.price-source-badge{
  font-size:9px!important;
}

/* ===== AREN V26 DISTRIBUTION RISK PREDICTION ===== */
.distribution-risk-panel{margin-top:10px;padding:13px;border:1px solid #dce7e2;border-radius:14px;background:linear-gradient(145deg,#fff,#f1f7f4)}
.risk-panel-main{display:flex;align-items:center;gap:12px}.risk-panel-main>div:last-child>small{font-size:9px;font-weight:850;color:#617c6f;letter-spacing:.07em}.risk-panel-main h4{font-size:16px;margin:2px 0;color:#304f42}.risk-panel-main p{font-size:10px;line-height:1.55;color:#6d8177;margin:0}
.risk-score-ring{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:6px solid #83ad99;background:#fff;flex:0 0 auto}.risk-score-ring b{font-size:17px;line-height:1}.risk-score-ring small{font-size:7px}.risk-score-ring.risk-sedang{border-color:#d5ad58}.risk-score-ring.risk-tinggi{border-color:#cf776d}
.risk-factor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px}.risk-factor{padding:9px;border:1px solid #e0e9e5;border-radius:9px;background:#fff}.risk-factor>div:first-child{display:flex;justify-content:space-between;gap:5px}.risk-factor span,.risk-factor b{font-size:9px}.risk-factor small{font-size:8px;color:#74867d;line-height:1.4}.risk-meter{height:5px;background:#edf2ef;border-radius:10px;margin:6px 0;overflow:hidden}.risk-meter i{display:block;height:100%;background:#6a9d84;border-radius:10px}
.risk-dominant{display:flex;gap:7px;margin-top:8px;padding:8px 9px;border-radius:8px;background:#f5f0e4;color:#765f31;font-size:9px;line-height:1.45}
@media(max-width:700px){.risk-factor-grid{grid-template-columns:1fr 1fr}}

/* ===== AREN V27 REGIONAL MARKET PRICE PANEL ===== */
.market-controls{
  display:flex;
  align-items:flex-end;
  gap:12px;
}
.market-controls label{
  display:block;
  min-width:180px;
  font-size:10px;
  font-weight:800;
  color:#61786d;
}
.market-region-select{
  display:block;
  width:100%;
  margin-top:5px;
  min-height:38px;
  border:1px solid #d6e3dd;
  border-radius:9px;
  padding:7px 9px;
  background:#fff;
  color:#355449;
  font-size:11px;
}
.market-ticker{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:1px;
  background:#dce8e2;
  border-top:1px solid #dce8e2;
  border-bottom:1px solid #dce8e2;
}
.ticker-item{
  padding:10px 11px;
  background:linear-gradient(180deg,#fff,#f6faf8);
}
.ticker-item span,.ticker-item b,.ticker-item small{display:block}
.ticker-item span{font-size:9px;color:#6b8177;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticker-item b{font-size:13px;color:#2f5043;margin-top:2px}
.ticker-item small{font-size:9px;margin-top:2px;font-weight:800}
.ticker-item.up small{color:#27815e}
.ticker-item.down small{color:#b1525d}
.ticker-item.flat small{color:#7c8d85}
.market-chart-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 13px;
  background:#fff;
}
.market-chart-header small,.market-chart-header b{display:block}
.market-chart-header small{font-size:8px;color:#74877e}
.market-chart-header b{font-size:14px;color:#2f5143;margin-top:1px}
.market-chart-legend{display:flex;gap:12px;font-size:9px;font-weight:800}
.market-up{color:#27815e}.market-down{color:#b1525d}
.market-style-chart{
  position:relative;
  background:
    linear-gradient(180deg,rgba(234,244,239,.35),rgba(255,255,255,.95))!important;
}
.market-panel .price-panel-head{align-items:flex-end}
@media(max-width:900px){
  .market-ticker{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
  .market-controls{display:block}
  .market-controls label{min-width:0;margin-bottom:8px}
  .market-ticker{grid-template-columns:repeat(2,1fr)}
  .market-chart-header{display:block}
  .market-chart-legend{margin-top:7px}
}

.weather-result{display:flex;gap:7px;align-items:flex-start;margin-top:8px;padding:8px 9px;border-radius:9px;background:#eaf3f6;color:#506e78;font-size:9px;line-height:1.45}.weather-result i{font-size:14px;color:#4d7e91}


/* ===== AREN V34 RECOMMENDATION EXPERIENCE ===== */
.recommendation-panel{padding:0!important;overflow:hidden}
.recommendation-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px!important;border-bottom:1px solid #e2ebe6}
.recommendation-head h4{font-size:15px!important;margin:2px 0 0}.recommendation-risk{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:850}.recommendation-risk.risk-rendah{background:#e0f1e8;color:#347054}.recommendation-risk.risk-sedang{background:#f6ecd4;color:#86672c}.recommendation-risk.risk-tinggi{background:#f4dede;color:#a05256}
.recommendation-summary{display:flex;gap:10px;align-items:flex-start;margin:11px 12px 0;padding:11px 12px;border-radius:11px;background:linear-gradient(145deg,#e8f4ee,#f6faf8);border:1px solid #d9e7e0}.recommendation-summary>i{font-size:17px;color:#3e8265}.recommendation-summary b{display:block;font-size:9px;color:#3b5a4d}.recommendation-summary p{font-size:9px!important;line-height:1.6;margin:3px 0 0;color:#63786f}.recommendation-summary.unavailable{background:#f6f2e9}.recommendation-summary.unavailable>i{color:#92743d}
.recommendation-body{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;padding:11px 12px 13px}.recommendation-grid{grid-template-columns:1fr!important;gap:7px!important}.recommendation-card{position:relative;padding:11px 11px 11px 48px!important;min-height:78px}.recommendation-audience-icon{position:absolute;left:10px;top:11px;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#e3f0ea;color:#39745c;font-size:13px}.recommendation-card>span{font-size:7.5px!important}.recommendation-card h5{font-size:10.5px!important;margin:3px 0!important}.recommendation-card p{font-size:9px!important;line-height:1.55!important}
.recommendation-chart-card{border:1px solid #dfe8e4;border-radius:11px;background:#fff;padding:10px;min-height:220px}.recommendation-chart-card>div small,.recommendation-chart-card>div b{display:block}.recommendation-chart-card>div small{font-size:7px;color:#70867b;font-weight:850}.recommendation-chart-card>div b{font-size:10px;color:#3c5a4e;margin-top:2px}.recommendation-chart-card canvas{height:175px!important;margin-top:5px}
@media(max-width:760px){.recommendation-body{grid-template-columns:1fr}.recommendation-chart-card{min-height:210px}}


/* ===== AREN V36 RUNNING INFO + FOOTER ===== */
.compact-map-section{margin:0!important}
.malut-running-bar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  min-height:42px;
  border:1px solid #d9e6e0;
  border-radius:12px 12px 0 0;
  overflow:hidden;
  background:linear-gradient(90deg,#224f3e,#2e7357);
  color:#fff;
}
.running-label{
  display:flex;align-items:center;gap:6px;
  height:100%;padding:0 12px;
  background:rgba(0,0,0,.13);
  font-size:9px;font-weight:850;letter-spacing:.06em;
  white-space:nowrap
}
.running-label i{font-size:13px}
.running-window{overflow:hidden;white-space:nowrap;position:relative}
.running-track{
  display:inline-flex;align-items:center;gap:18px;
  min-width:100%;
  padding-left:100%;
  animation:arenTicker 34s linear infinite;
  font-size:10px;
}
.running-track span{display:inline-flex;align-items:center;gap:5px}
.run-separator{opacity:.45;font-weight:400}
.run-up{color:#b9f3d3}.run-down{color:#ffd2d2}.run-demo{color:#f6e5ab}
.running-time{padding:0 11px;font-size:9px;font-weight:800;border-left:1px solid rgba(255,255,255,.13)}
@keyframes arenTicker{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.malut-running-bar:hover .running-track{animation-play-state:paused}
.clean-map-card{border-radius:0 0 14px 14px!important;border-top:0!important}
.clean-map-card #dashboardLiveMap{height:410px!important}

.aren-public-footer{
  padding:8px 15px 64px;
  text-align:center;
  font-size:9px;
  color:#6d8177;
  border-top:1px solid #e1e9e5;
  background:linear-gradient(180deg,#fbfdfc,#eef5f1);
}
.aren-public-footer b{color:#3c6955}

@media(max-width:650px){
  .malut-running-bar{grid-template-columns:auto 1fr}
  .running-time{display:none}
  .running-label{padding:0 8px;font-size:8px}
  .running-track{font-size:9px;animation-duration:27s}
  .clean-map-card #dashboardLiveMap{height:340px!important}
  .aren-public-footer{font-size:8px;padding-bottom:62px}
}


/* ===== AREN V37 BMKG EARLY WARNING + WEATHER DECISION ===== */
.run-alert{
  color:#fff!important;
  background:#b84c50;
  padding:4px 8px;
  border-radius:7px;
  font-weight:850;
  box-shadow:0 0 0 3px rgba(255,255,255,.08);
}
.weather-decision-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  margin:11px 12px 0;
  padding:11px 12px;
  border:1px solid #d9e6e0;
  border-radius:11px;
  background:linear-gradient(145deg,#eef7f3,#ffffff);
}
.weather-decision-card.warning-active{
  background:linear-gradient(145deg,#fff0e8,#fff8f5);
  border-color:#efc8b9;
}
.weather-decision-icon{
  width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;
  background:#dceee6;color:#3c7a60;font-size:16px
}
.weather-decision-card.warning-active .weather-decision-icon{background:#f6d8cf;color:#ac5348}
.weather-decision-card small,.weather-decision-card b{display:block}
.weather-decision-card>div:nth-child(2)>small{font-size:8px;color:#6e8379;font-weight:850;letter-spacing:.06em}
.weather-decision-card>div:nth-child(2)>b{font-size:11px;color:#355548;margin-top:2px}
.weather-decision-card p{font-size:9px!important;line-height:1.55;margin:3px 0 0;color:#687d73}
.weather-score{text-align:right;min-width:75px}
.weather-score small{font-size:7px;color:#7a8c84}.weather-score b{font-size:14px;color:#35654f;margin-top:2px}

/* ===== AREN V40 BMKG LIVE + TON UNITS ===== */
.run-weather i{color:#d7f4e5}.run-weather{font-weight:650}
.sim-unit-note{font-size:9px;color:#71857b;margin-top:3px}

.weather-api-status{
  display:inline-block;margin-top:4px;padding:3px 6px;border-radius:999px;
  background:#e2f1e9;color:#397159;font-size:7px;font-weight:850
}

.quantity-unit-input{display:grid;grid-template-columns:1fr 88px;gap:6px}
.weather-score span{display:block;margin-top:2px;font-size:8px;color:#71857b}
.route-comparison-card>div>span{display:block;margin-top:2px;font-size:7.5px;color:#7b8c84}
.route-comparison-card canvas{cursor:pointer}

.route-animation-panel{border:1px solid #dce7e1;border-radius:12px;background:#fff;padding:10px}
.route-animation-head small,.route-animation-head b,.route-animation-head span{display:block}
.route-animation-head small{font-size:7px;font-weight:850;color:#6d8277}.route-animation-head b{font-size:11px;color:#35594a;margin-top:2px}.route-animation-head span{font-size:8px;color:#7a8d84;margin-top:2px}
.route-lanes{display:grid;gap:7px;margin-top:9px}
.route-lane{display:grid;grid-template-columns:95px 1fr 175px;gap:8px;align-items:center;padding:8px;border:1px solid #e0e9e4;border-radius:10px;text-decoration:none;color:inherit;background:linear-gradient(90deg,#fbfdfc,#f1f8f4);transition:.18s ease}
.route-lane:hover,.route-lane.selected{border-color:#78af94;background:linear-gradient(90deg,#eef8f3,#fff);box-shadow:0 5px 14px rgba(48,112,81,.08)}
.lane-meta b,.lane-meta span{display:block}.lane-meta b{font-size:9px;color:#365a4b}.lane-meta span{font-size:7px;color:#768980;margin-top:2px}
.lane-track{position:relative;height:34px;display:flex;align-items:center}
.lane-path{position:absolute;left:20px;right:20px;height:2px;background:repeating-linear-gradient(90deg,#78a993 0 8px,transparent 8px 13px)}
.lane-origin,.lane-destination{position:absolute;z-index:2;color:#3d7b60;font-size:14px}.lane-origin{left:0}.lane-destination{right:0}
.moving-vehicle{position:absolute;left:21px;z-index:3;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #bcd6c9;color:#337358;animation:routeMove var(--travel) ease-in-out infinite alternate;box-shadow:0 3px 8px rgba(39,100,72,.12)}
@keyframes routeMove{from{left:21px}to{left:calc(100% - 45px)}}
.lane-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.lane-stats span{padding:5px;border-radius:7px;background:#fff;border:1px solid #e4ebe7}.lane-stats small,.lane-stats b{display:block}.lane-stats small{font-size:6px;color:#819088}.lane-stats b{font-size:8px;color:#456658;margin-top:1px}
@media(max-width:760px){.route-lane{grid-template-columns:1fr}.lane-stats{grid-template-columns:repeat(3,1fr)}}

.decision-consistency-note{
  display:flex;align-items:center;gap:7px;
  margin:9px 12px 0;padding:8px 10px;
  border-radius:9px;background:#edf7f2;border:1px solid #d8e8df;
  color:#587267;font-size:8.5px;line-height:1.45
}
.decision-consistency-note i{color:#38795d;font-size:12px}
.decision-consistency-note b{color:#315c49}
.moving-vehicle .bi-ship{font-size:13px}

.ship-symbol{
  font-size:15px;line-height:1;display:block;
  transform:translateY(-1px)
}

/* ===== AREN V40.7 DISTRIBUTION + BMKG RISK MAP ===== */
.risk-map-wrap{position:relative}
.risk-map-legend{
  position:absolute;z-index:650;left:12px;bottom:12px;
  display:flex;gap:10px;flex-wrap:wrap;padding:7px 9px;
  border-radius:9px;background:rgba(255,255,255,.94);
  box-shadow:0 4px 14px rgba(35,79,61,.13);font-size:8px;color:#526d61
}
.risk-map-legend span{display:flex;align-items:center;gap:4px}
.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.legend-dot.safe{background:#3c9b70}.legend-dot.warning{background:#d99637}.legend-dot.danger{background:#cf4f55}
.risk-marker-shell{background:transparent!important;border:0!important}
.risk-map-marker{
  width:36px;height:36px;border-radius:50% 50% 50% 8px;
  transform:rotate(-45deg);display:grid;place-items:center;
  color:#fff;border:2px solid rgba(255,255,255,.95);
  box-shadow:0 4px 13px rgba(28,70,51,.22);position:relative
}
.risk-map-marker>*{transform:rotate(45deg)}
.risk-map-marker i{font-size:12px;position:absolute;top:5px}
.risk-map-marker span{font-size:7px;font-weight:900;position:absolute;bottom:5px}
.risk-map-marker.safe{background:#32966a}
.risk-map-marker.warning{background:#d48d2f}
.risk-map-marker.danger{background:#ca424c;animation:riskPulse 1.5s ease-in-out infinite}
@keyframes riskPulse{50%{box-shadow:0 0 0 9px rgba(202,66,76,.15),0 4px 13px rgba(28,70,51,.22)}}
.risk-popup{min-width:245px;color:#3c594d;font-size:10px}
.risk-popup>b{display:block;font-size:13px;margin-bottom:5px;color:#254f3c}
.popup-risk{display:inline-block;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850;margin-bottom:7px}
.popup-risk.safe{background:#dff1e7;color:#337054}.popup-risk.warning{background:#f6ead2;color:#84632b}.popup-risk.danger{background:#f5dddd;color:#9d4950}
.risk-popup>div{margin-top:5px}.risk-popup>div>strong,.risk-popup>div>span{display:block}
.risk-popup>div>span{font-size:9px;color:#6d8077;margin-top:1px}
.popup-weather-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px}
.popup-weather-grid span{padding:5px;border-radius:7px;background:#eef6f2;text-align:center}
.popup-weather-grid b{display:block;color:#38644f;margin-top:2px}
.popup-alert{padding:6px;border-radius:7px;background:#f9e4e1;color:#9d4e49!important;font-weight:750}
.popup-alert i{margin-right:5px}
.risk-popup>small{display:block;margin-top:7px;color:#82918a}

/* ===== AREN V40.8 FUTURISTIC FOOD MARKET ===== */
.market-board{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr);
  gap:12px;
  align-items:stretch;
  margin-top:10px
}
.market-chart-side,
.market-table-side{
  position:relative;
  overflow:hidden;
  border:1px solid #d8e7df;
  border-radius:15px;
  background:
    radial-gradient(circle at 15% 0%,rgba(63,157,111,.09),transparent 30%),
    linear-gradient(145deg,#ffffff 0%,#f0f8f4 100%);
  box-shadow:0 9px 24px rgba(35,82,61,.06)
}
.market-chart-side{padding:11px}
.market-table-side{padding:11px}

.futuristic-head{
  margin:0!important;padding:0 0 8px!important;
  border:0!important;background:transparent!important
}
.futuristic-head small,
.market-table-head small{
  font-size:7px!important;
  letter-spacing:.12em;
  color:#6f877c;
  font-weight:900
}
.futuristic-head b,
.market-table-head b{
  display:block;
  margin-top:2px;
  font-size:12px;
  color:#2f5f4a
}
.market-glow-line{
  height:1px;
  margin-bottom:8px;
  background:linear-gradient(90deg,transparent,#59a37d,transparent);
  box-shadow:0 0 10px rgba(73,155,115,.28)
}
.futuristic-chart{
  position:relative;
  height:285px!important;
  min-height:285px!important;
  padding:8px 8px 3px!important;
  border:1px solid rgba(70,133,103,.12)!important;
  background:
    linear-gradient(rgba(42,105,77,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,105,77,.025) 1px,transparent 1px),
    radial-gradient(circle at 50% 50%,#fbfefc,#edf7f2)!important;
  background-size:22px 22px,22px 22px,auto!important;
  border-radius:12px!important
}
.chart-corner-label{
  position:absolute;z-index:5;right:10px;top:8px;
  display:flex;align-items:center;gap:5px;
  padding:4px 6px;border-radius:999px;
  background:rgba(255,255,255,.83);
  border:1px solid #dce9e2
}
.chart-corner-label small{font-size:6px;color:#507263;font-weight:900}
.pulse-dot{
  width:6px;height:6px;border-radius:50%;
  background:#3e9f73;
  box-shadow:0 0 0 4px rgba(62,159,115,.10);
  animation:marketPulse 1.5s infinite
}
@keyframes marketPulse{50%{opacity:.45}}

.market-table-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:9px;
  border-bottom:1px solid #e0ebe5
}
.market-clock{
  display:flex;align-items:center;gap:5px;
  padding:5px 7px;border-radius:8px;
  background:#e6f2eb;color:#386c54;
  font-size:8px;font-weight:850
}
.market-live-table-wrap{
  margin-top:7px;
  max-height:292px;
  overflow:auto
}
.market-live-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed
}
.market-live-table th{
  position:sticky;top:0;z-index:2;
  padding:7px 6px;
  background:#edf6f1;
  color:#60796d;
  text-align:left;
  font-size:7px;
  letter-spacing:.04em;
  font-weight:850;
  border-bottom:1px solid #dae7e0
}
.market-live-table th:nth-child(1){width:34%}
.market-live-table th:nth-child(2){width:25%}
.market-live-table th:nth-child(3){width:20%}
.market-live-table th:nth-child(4){width:21%}
.market-live-table td{
  padding:8px 6px;
  border-bottom:1px solid #edf1ef;
  vertical-align:middle
}
.market-live-table tbody tr:hover{background:#f2f8f5}
.market-live-table td b{
  display:block;font-size:9px;color:#385d4d
}
.market-live-table td small{
  display:block;margin-top:2px;font-size:7px;color:#819087
}
.market-live-table td strong{
  font-size:9px;color:#315c49
}
.market-change{
  display:inline-flex;align-items:center;gap:3px;
  padding:4px 5px;border-radius:999px;
  font-size:7px;font-weight:850
}
.market-change.up{background:#dff2e7;color:#317151}
.market-change.down{background:#f5dfdf;color:#a14f55}
.market-change.flat{background:#edf1ef;color:#6d7d75}
.market-table-loading{
  text-align:center!important;
  color:#7a8b83!important;
  padding:28px 8px!important;
  font-size:8px!important
}
.market-table-source{
  display:flex;align-items:center;gap:6px;
  padding-top:8px;margin-top:5px;
  border-top:1px solid #e3ebe7;
  color:#71857b
}
.market-table-source small{font-size:7px}
.compact-source-note{
  margin-top:10px!important;
  padding:8px 9px!important;
  font-size:7.5px!important
}

@media(max-width:900px){
  .market-board{grid-template-columns:1fr}
  .market-live-table-wrap{max-height:280px}
}

.weather-market-intel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 2px}
.weather-rotation-card,.marine-warning-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 12px;border-radius:13px;border:1px solid #d6e7de;background:linear-gradient(135deg,#f7fcf9,#e6f4ec);box-shadow:0 6px 17px rgba(39,89,66,.055);overflow:hidden;position:relative}
.marine-warning-card{background:linear-gradient(135deg,#fffaf2,#f5ead9);border-color:#eadfc8}
.intel-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#dcefe5;color:#347557;font-size:16px}
.intel-icon.marine{background:#f2e5cd;color:#91682d}
.intel-copy small,.intel-copy b,.intel-copy span{display:block}.intel-copy small{font-size:6.5px;letter-spacing:.1em;color:#71877c;font-weight:900}.intel-copy b{font-size:10px;color:#315b49;margin-top:2px}.intel-copy span{font-size:7.5px;color:#74867e;margin-top:2px}
.intel-metric{text-align:right}.intel-metric strong{display:block;font-size:18px;color:#2f674f}.intel-metric small{font-size:7px;color:#71847a}
.warning-level{padding:5px 7px;border-radius:999px;background:#e7cfa4;color:#75551f;font-size:7px;font-weight:900;letter-spacing:.05em}
@media(max-width:800px){.weather-market-intel{grid-template-columns:1fr}}

/* ===== AREN V41 CONTEXT-DRIVEN RECOMMENDATION ===== */
.marine-metrics{display:grid;grid-template-columns:auto auto;gap:4px;align-items:center;text-align:right}
.marine-metrics span{padding:4px 6px;border-radius:8px;background:rgba(255,255,255,.58);border:1px solid rgba(172,132,73,.15)}
.marine-metrics span small,.marine-metrics span b{display:block}.marine-metrics span small{font-size:5.5px;color:#8a7555}.marine-metrics span b{font-size:9px;color:#6f562e;margin-top:1px}
.marine-metrics .warning-level{grid-column:1/-1;text-align:center}

.risk-classification-board{display:grid;grid-template-columns:300px 1fr;gap:10px;margin-top:11px}
.risk-classification-chart,.risk-classification-table-wrap{border:1px solid #dce8e2;border-radius:11px;background:#fff;padding:10px}
.risk-classification-chart{height:250px}
.classification-head small,.classification-head b{display:block}.classification-head small{font-size:6.5px;color:#75887e;font-weight:900;letter-spacing:.1em}.classification-head b{font-size:10px;color:#365c4b;margin-top:2px}
.risk-classification-chart canvas{height:205px!important;margin-top:5px}
.risk-classification-table{width:100%;border-collapse:collapse}.risk-classification-table th{font-size:7px;text-align:left;color:#6e8177;padding:6px;background:#eef6f2}.risk-classification-table td{font-size:8px;padding:7px 6px;border-bottom:1px solid #edf1ef;vertical-align:top}.risk-classification-table td b,.risk-classification-table td small{display:block}.risk-classification-table td small{font-size:6.5px;color:#829087;margin-top:2px}
.risk-level-chip{display:inline-block;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:850}.risk-level-chip.level-rendah{background:#def1e6;color:#337153}.risk-level-chip.level-sedang{background:#f5ead1;color:#826328}.risk-level-chip.level-tinggi{background:#f4dddd;color:#9b4b51}
.external-evidence-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}
.external-evidence-strip>div{display:flex;align-items:center;gap:7px;padding:8px;border-radius:9px;background:linear-gradient(145deg,#f3f9f6,#e7f3ed);border:1px solid #d9e7df}.external-evidence-strip i{color:#3d7a5f;font-size:13px}.external-evidence-strip small,.external-evidence-strip b{display:block}.external-evidence-strip small{font-size:6px;color:#75887e}.external-evidence-strip b{font-size:8px;color:#3d6252;margin-top:1px}
@media(max-width:820px){.risk-classification-board{grid-template-columns:1fr}.external-evidence-strip{grid-template-columns:1fr}}

/* ===== AREN V41.1 FIXES ===== */
.market-chart-actions{display:flex;align-items:center;gap:8px}
.chart-live-badge{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#e8f4ed;border:1px solid #d4e6dc}
.chart-live-badge small{font-size:6px!important;color:#49705e!important;font-weight:900!important}
.chart-corner-label{display:none!important}
.futuristic-chart{padding-top:8px!important}

.optimization-explainer{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:10px 0 12px;padding:11px 12px;border:1px solid #d8e7df;border-radius:12px;background:linear-gradient(135deg,#f7fcf9,#e8f4ed)}
.optimization-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#d7ece1;color:#2f7455;font-size:17px}
.optimization-explainer small,.optimization-explainer b,.optimization-explainer p{display:block}
.optimization-explainer small{font-size:6.5px;letter-spacing:.09em;font-weight:900;color:#6e8479}
.optimization-explainer b{font-size:10px;color:#355d4b;margin-top:2px}
.optimization-explainer p{font-size:8px;line-height:1.55;color:#6c8076;margin:4px 0 0}

/* ===== AREN V41.2 ===== */
.external-evidence-strip.contextual-evidence{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:7px!important;align-items:start!important;margin-bottom:10px!important
}
.external-evidence-strip.contextual-evidence>.evidence-card{
  min-height:0!important;height:auto!important;align-self:start!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:9px 10px!important;background:linear-gradient(145deg,#f4faf7,#e9f4ee)!important;
  border:1px solid #d9e7df!important;border-radius:10px!important
}
.evidence-card i{flex:0 0 auto;font-size:14px;color:#3e795f}.evidence-card span{min-width:0}
.evidence-card small,.evidence-card b,.evidence-card em{display:block!important}
.evidence-card small{font-size:6px!important;letter-spacing:.07em;color:#75887e!important;font-weight:900}
.evidence-card b{font-size:8.5px!important;color:#3b6251!important;margin-top:1px;white-space:normal}
.evidence-card em{font-size:7px!important;color:#73857c!important;margin-top:2px;font-style:normal!important;line-height:1.35}

.market-economic-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px 0}
.economic-tab{border:1px solid #dce8e2;background:#f5faf7;color:#60776b;padding:6px 7px;border-radius:8px;font-size:7.5px;font-weight:850;cursor:pointer}
.economic-tab.active{background:linear-gradient(135deg,#2f7959,#4a9670);border-color:#347859;color:#fff}
.economic-panel{display:none}.economic-panel.active{display:block}
.inflation-table-wrap{max-height:292px}

/* ===== AREN V41.3 UI REFINEMENT ===== */
body{
  position:relative;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.055;
  background:
    radial-gradient(ellipse at 15% 38%,rgba(43,102,76,.55) 0 2.5%,transparent 2.7%),
    radial-gradient(ellipse at 27% 42%,rgba(43,102,76,.5) 0 3.2%,transparent 3.5%),
    radial-gradient(ellipse at 39% 46%,rgba(43,102,76,.46) 0 4.8%,transparent 5.1%),
    radial-gradient(ellipse at 50% 49%,rgba(43,102,76,.42) 0 3.6%,transparent 3.9%),
    radial-gradient(ellipse at 61% 45%,rgba(43,102,76,.4) 0 4.3%,transparent 4.7%),
    radial-gradient(ellipse at 72% 50%,rgba(43,102,76,.38) 0 2.7%,transparent 3%),
    radial-gradient(ellipse at 82% 46%,rgba(43,102,76,.35) 0 3.5%,transparent 3.8%),
    linear-gradient(145deg,#edf6f1 0%,#f8fbf9 46%,#edf5f1 100%);
  background-attachment:fixed;
}
.app-shell,.phone-frame,.tablet-frame{
  position:relative;
  z-index:1;
}

.classification-head span{
  display:block;
  margin-top:3px;
  font-size:7px;
  line-height:1.4;
  color:#7b8d84
}
.radar-axis-legend{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px
}
.radar-axis-legend span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 6px;
  border-radius:999px;
  background:#eef6f2;
  border:1px solid #dbe8e1;
  font-size:6.5px;
  color:#60766b
}
.radar-axis-legend i{
  width:5px;height:5px;border-radius:50%;
  background:#4b9270
}

.recommendation-body>.route-animation-panel{
  margin-bottom:10px!important;
  order:-1;
}
.route-animation-panel{
  margin-top:8px!important
}

.commodity-emoji{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:16px;
  font-size:13px;
  vertical-align:middle
}
.market-ticker .commodity-emoji{
  margin-right:2px
}

/* ===== AREN V41.4 ACCESSIBILITY + RISK LAYOUT ===== */
:root{--access-font-scale:1}
body{font-size:calc(1em * var(--access-font-scale))!important}

.risk-classification-board{
  align-items:start!important;
  margin-bottom:14px!important
}
.risk-classification-chart{
  height:auto!important;
  min-height:300px!important;
  padding-bottom:11px!important
}
.risk-classification-chart canvas{
  display:block!important;
  width:100%!important;
  height:215px!important;
  max-height:215px!important
}
.semantic-risk-legend{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:10px!important
}
.semantic-risk-legend .risk-legend-chip{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  border:1px solid #dae7e0!important
}
.risk-factor-icon{
  width:28px;height:28px;flex:0 0 28px;
  border-radius:8px;display:grid;place-items:center;
  font-size:12px
}
.risk-chip-copy{min-width:0}
.risk-chip-copy b,.risk-chip-copy small{display:block}
.risk-chip-copy b{font-size:7.5px;color:#3b5f4f;white-space:normal;line-height:1.2}
.risk-chip-copy small{font-size:6.3px;color:#72847b;margin-top:2px}
.risk-legend-chip.level-rendah{background:#eff8f3!important}
.risk-legend-chip.level-rendah .risk-factor-icon{background:#d8eee2;color:#2f7655}
.risk-legend-chip.level-sedang{background:#fbf5e9!important;border-color:#eadfc9!important}
.risk-legend-chip.level-sedang .risk-factor-icon{background:#f1e3c5;color:#8a6727}
.risk-legend-chip.level-tinggi{background:#faeded!important;border-color:#edd6d7!important}
.risk-legend-chip.level-tinggi .risk-factor-icon{background:#f2d8da;color:#9e474f}

.smart-policy-section.recommendation-panel{
  margin-top:14px!important;
  clear:both!important
}
.recommendation-head{
  align-items:center!important;
  gap:8px!important
}
.read-decision-btn{
  margin-left:auto;
  display:inline-flex;align-items:center;gap:5px;
  border:1px solid #cfe2d8;
  background:#edf7f2;color:#356b52;
  padding:6px 8px;border-radius:9px;
  font-size:7.5px;font-weight:850
}
.read-decision-btn:hover{background:#dff0e7}

/* Floating accessibility widget */
.accessibility-widget{
  position:fixed;
  right:14px;
  bottom:16px;
  z-index:3000;
  font-family:inherit
}
.accessibility-toggle{
  display:flex;align-items:center;gap:6px;
  border:1px solid #c9ded3;
  background:linear-gradient(135deg,#2f7858,#4b9470);
  color:#fff;padding:8px 10px;border-radius:999px;
  box-shadow:0 7px 20px rgba(37,91,66,.18);
  font-size:8px
}
.accessibility-toggle span{font-size:15px}
.accessibility-panel{
  position:absolute;right:0;bottom:48px;
  width:255px;padding:10px;
  border:1px solid #d6e5de;border-radius:13px;
  background:rgba(255,255,255,.98);
  box-shadow:0 12px 30px rgba(32,74,55,.18)
}
.accessibility-head{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:8px;border-bottom:1px solid #e2ebe6
}
.accessibility-head small,.accessibility-head b{display:block}
.accessibility-head small{font-size:6px;color:#73877c;font-weight:900}
.accessibility-head b{font-size:10px;color:#365d4c}
.accessibility-head button{
  border:0;background:#edf4f0;color:#60776b;
  width:27px;height:27px;border-radius:8px
}
.accessibility-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px
}
.accessibility-actions button{
  min-height:48px;border:1px solid #dbe7e0;
  background:#f6faf8;color:#4c6b5c;
  border-radius:9px;padding:6px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;
  font-size:7px;font-weight:750;text-align:center
}
.accessibility-actions button i{font-size:13px;color:#39765a}
.accessibility-actions button:hover{background:#eaf5ef}

/* Accessibility states */
.high-contrast{
  filter:contrast(1.25)
}
.high-contrast .app-shell,
.high-contrast .tablet-frame,
.high-contrast .phone-frame,
.high-contrast .public-main{
  background:#fff!important;color:#111!important
}
.colorblind-mode .risk-legend-chip.level-rendah{border-left:5px solid #2766b0!important}
.colorblind-mode .risk-legend-chip.level-sedang{border-left:5px solid #e18a00!important}
.colorblind-mode .risk-legend-chip.level-tinggi{border-left:5px double #93278f!important}
.colorblind-mode .risk-map-marker.safe::after{content:"✓"}
.colorblind-mode .risk-map-marker.warning::after{content:"!"}
.colorblind-mode .risk-map-marker.danger::after{content:"⚠"}

.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{
  animation:none!important;transition:none!important;scroll-behavior:auto!important
}

.simple-mode .futuristic-chart,
.simple-mode .risk-classification-chart canvas,
.simple-mode .route-animation-panel,
.simple-mode .live-map-card{
  display:none!important
}
.simple-mode .market-live-table-wrap,
.simple-mode .risk-classification-table-wrap{
  max-height:none!important
}

*:focus-visible{
  outline:3px solid #e49a28!important;
  outline-offset:2px!important
}
.sr-only{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important
}

@media(max-width:760px){
  .semantic-risk-legend{grid-template-columns:1fr!important}
  .accessibility-widget{right:8px;bottom:10px}
  .accessibility-panel{width:235px}
}

/* ===== AREN V41.5 ACCESSIBILITY VISIBILITY + HUMAN RISK LABELS ===== */

/* Widget must stay visible above tablet navigation and device shell */
.accessibility-widget{
  position:fixed!important;
  right:max(14px,calc((100vw - min(100vw,1180px))/2 + 18px))!important;
  bottom:76px!important;
  z-index:99999!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.accessibility-toggle{
  min-width:112px!important;
  min-height:40px!important;
  justify-content:center!important;
  font-size:9px!important;
  border:2px solid rgba(255,255,255,.75)!important;
}
.accessibility-symbol{font-size:18px!important}
.accessibility-panel[hidden]{display:none!important}
.accessibility-panel:not([hidden]){display:block!important}

/* Human-readable risk labels */
.risk-human-label{
  display:inline-block!important;
  margin-top:3px!important;
  font-weight:900!important;
  font-size:7px!important;
}
.risk-chip-copy em{
  display:block!important;
  margin-top:3px!important;
  font-style:normal!important;
  font-size:6.2px!important;
  line-height:1.35!important;
  color:#74867d!important;
  white-space:normal!important;
}
.risk-classification-table td small{
  line-height:1.35!important;
}
.risk-level-chip.level-sangat-rendah{
  background:#e4f2f7!important;color:#3b687b!important
}
.risk-level-chip.level-sangat-tinggi{
  background:#efd5d7!important;color:#8e343c!important
}
.risk-legend-chip.level-sangat-rendah{
  background:#f1f8fb!important;border-color:#d7e7ee!important
}
.risk-legend-chip.level-sangat-rendah .risk-factor-icon{
  background:#dcecf3!important;color:#396a7d!important
}
.risk-legend-chip.level-sangat-tinggi{
  background:#f9e9ea!important;border-color:#ebcfd2!important
}
.risk-legend-chip.level-sangat-tinggi .risk-factor-icon{
  background:#efcfd2!important;color:#913942!important
}

/* Public frontend has no footer; keep bottom safe area for navigation/widget */
.tablet-content{
  padding-bottom:86px!important;
}
@media(max-width:760px){
  .accessibility-widget{
    right:10px!important;
    bottom:70px!important;
  }
  .accessibility-toggle{
    min-width:48px!important;
    padding:7px 9px!important;
  }
  .accessibility-toggle b{display:none}
}

/* ===== AREN V41.6 HYBRID RISK MAP + ACCESSIBILITY DOCK ===== */
.legend-route.simulation{
  width:16px;height:3px;border-radius:3px;
  display:inline-block;
  background:#397b5d;
  border-top:1px dashed #fff
}
.simulation-source-chip{
  display:inline-block!important;
  margin-bottom:6px;
  padding:4px 7px;
  border-radius:999px;
  background:#e0f0e7;
  color:#347056!important;
  font-size:7px!important;
  font-weight:900
}
.simulation-popup small{
  margin-top:7px!important;
  padding-top:6px;
  border-top:1px solid #e5ece8
}

/* Default: slim side dock; expands text only on comfortable desktop width */
.accessibility-widget{
  right:10px!important;
  bottom:82px!important;
  transition:transform .2s ease,opacity .2s ease!important
}
.accessibility-toggle{
  min-width:44px!important;
  width:auto!important;
  min-height:44px!important;
  padding:7px 9px!important;
  border-radius:14px!important
}
.accessibility-toggle b{
  max-width:0;
  overflow:hidden;
  opacity:0;
  white-space:nowrap;
  transition:max-width .18s ease,opacity .18s ease,margin .18s ease;
}
.accessibility-toggle:hover b,
.accessibility-toggle:focus-visible b,
.accessibility-widget:focus-within .accessibility-toggle b{
  max-width:95px;
  opacity:1;
  margin-left:3px
}
.accessibility-panel{
  right:0!important;
  bottom:54px!important;
  max-height:min(72vh,520px)!important;
  overflow:auto!important
}

/* While user scrolls, retreat toward screen edge and close panel. */
.accessibility-scrolling .accessibility-widget{
  transform:translateX(8px) scale(.88)!important;
  opacity:.7!important
}
.accessibility-scrolling .accessibility-toggle b{
  max-width:0!important;opacity:0!important;margin:0!important
}

@media(min-width:1100px){
  .accessibility-widget{right:18px!important}
}
@media(max-width:760px){
  .accessibility-widget{
    right:6px!important;
    bottom:70px!important
  }
  .accessibility-toggle{
    min-width:40px!important;
    width:40px!important;
    min-height:40px!important;
    height:40px!important;
    padding:5px!important;
    border-radius:50%!important
  }
  .accessibility-toggle b{display:none!important}
  .accessibility-panel{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:66px!important;
    width:auto!important;
    max-height:65vh!important
  }
}

/* ===== AREN V41.10 COMPACT EVIDENCE CARDS ===== */
.external-evidence-strip.contextual-evidence{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin:8px 0 10px!important;
  align-items:start!important
}
.external-evidence-strip.contextual-evidence>.evidence-card{
  min-height:0!important;
  height:auto!important;
  padding:9px 12px!important;
  margin:0!important;
  align-self:start!important
}
.external-evidence-strip.contextual-evidence>.evidence-card + .evidence-card{
  margin-top:0!important
}
.evidence-card.weather-evidence,
.evidence-card.marine-evidence,
.evidence-card.market-evidence{
  max-width:none!important;
}
.evidence-card span{
  line-height:1.25!important
}
.evidence-card small{margin-bottom:1px!important}
.evidence-card b{margin-top:0!important}
.evidence-card em{margin-top:2px!important}

/* Prevent parent containers from stretching evidence cards vertically */
.recommendation-body,
.smart-policy-section,
.recommendation-panel{
  align-items:start!important
}
.contextual-evidence{
  align-self:start!important
}

.latest-simulation-badge{
  position:absolute;z-index:700;top:10px;right:10px;
  display:flex;align-items:center;gap:7px;max-width:290px;
  padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.95);
  border:1px solid #d6e5dd;box-shadow:0 5px 16px rgba(36,83,62,.10);
  color:#365e4c
}
.latest-simulation-badge[hidden]{display:none!important}
.latest-simulation-badge i{font-size:13px;color:#39775b}
.latest-simulation-badge small,.latest-simulation-badge b{display:block}
.latest-simulation-badge small{font-size:5.8px;color:#74877e;font-weight:900;letter-spacing:.08em}
.latest-simulation-badge b{font-size:8px;margin-top:1px;line-height:1.25}

/* ===== AREN V41.16 SMART DECISION ===== */
.smart-decision-card{
  margin:10px 0 12px;
  border:1px solid #d5e5dc;
  border-radius:14px;
  padding:12px;
  background:
    radial-gradient(circle at 95% 0%,rgba(65,154,111,.09),transparent 27%),
    linear-gradient(145deg,#ffffff,#edf7f2);
  box-shadow:0 7px 20px rgba(35,82,61,.06)
}
.smart-decision-title{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;
  padding-bottom:9px;border-bottom:1px solid #dfeae4
}
.smart-decision-title small,.smart-decision-title h4,.smart-decision-title p{display:block;margin:0}
.smart-decision-title small{font-size:6.2px;font-weight:900;letter-spacing:.1em;color:#70867a}
.smart-decision-title h4{font-size:12px;color:#2f5e49;margin-top:2px}
.smart-decision-title p{font-size:7.5px;color:#75877f;line-height:1.45;margin-top:3px;max-width:520px}
.smart-decision-score{
  flex:0 0 auto;min-width:70px;padding:7px 9px;border-radius:10px;
  background:#def0e6;border:1px solid #cee5d8;text-align:center
}
.smart-decision-score small,.smart-decision-score b{display:block}
.smart-decision-score small{font-size:5.5px;color:#678073}.smart-decision-score b{font-size:18px;color:#2f6d50}

.smart-decision-route{
  display:flex;align-items:center;gap:9px;margin-top:9px;padding:9px 10px;
  border-radius:10px;background:#e9f5ef;border:1px solid #d7e8df
}
.smart-decision-route>i{font-size:18px;color:#347657}
.smart-decision-route small,.smart-decision-route b,.smart-decision-route span{display:block}
.smart-decision-route small{font-size:5.8px;color:#70867a;font-weight:900}
.smart-decision-route b{font-size:10px;color:#315f49;margin-top:1px}
.smart-decision-route span{font-size:7px;color:#74867d;margin-top:2px}

.smart-decision-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px
}
.smart-decision-metrics>div{
  display:flex;gap:7px;align-items:center;padding:8px;border:1px solid #dce8e2;border-radius:10px;background:#fff
}
.smart-decision-metrics i{font-size:13px;color:#3e795e}
.smart-decision-metrics small,.smart-decision-metrics b,.smart-decision-metrics em{display:block}
.smart-decision-metrics small{font-size:5.5px;color:#7a8b82;font-weight:900}
.smart-decision-metrics b{font-size:9px;color:#3b6150;margin-top:1px}
.smart-decision-metrics em{font-size:6.2px;color:#829087;font-style:normal;margin-top:2px;line-height:1.3}

.smart-efficiency-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px
}
.smart-efficiency-grid>div{
  padding:8px;border-radius:10px;background:#f7faf8;border:1px solid #dfe9e4
}
.smart-efficiency-grid small,.smart-efficiency-grid b,.smart-efficiency-grid span{display:block}
.smart-efficiency-grid small{font-size:5.5px;color:#788a81;font-weight:900}
.smart-efficiency-grid b{font-size:11px;color:#32634d;margin-top:2px}
.smart-efficiency-grid span{font-size:6.5px;color:#788981;margin-top:2px;line-height:1.35}
.smart-decision-source-note{display:flex;gap:6px;margin-top:8px;padding:7px 8px;border-radius:8px;background:#faf1de;color:#79632e;font-size:6.8px}
.smart-decision-source-note i{margin-top:1px}

.policy-insight-heading{
  display:flex;align-items:center;gap:7px;margin:12px 0 7px;padding-top:10px;border-top:1px solid #e2ebe6
}
.policy-insight-heading>i{font-size:14px;color:#a27a2e}
.policy-insight-heading small,.policy-insight-heading b{display:block}
.policy-insight-heading small{font-size:5.8px;color:#7a8a82;font-weight:900;letter-spacing:.08em}
.policy-insight-heading b{font-size:9px;color:#3c6150;margin-top:1px}

@media(max-width:850px){
  .smart-decision-metrics,.smart-efficiency-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .smart-decision-title{display:block}
  .smart-decision-score{margin-top:7px;width:78px}
  .smart-decision-metrics,.smart-efficiency-grid{grid-template-columns:1fr}
}

/* AREN V41.17 policy insight layout */
.policy-insight-heading{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:12px 0 8px!important;padding:10px 0 0!important}
.smart-policy-grid.recommendation-grid{grid-column:1/-1!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important;margin:0!important}
.smart-policy-grid.recommendation-grid>*{width:auto!important;max-width:none!important;margin:0!important;min-height:100%!important}
.recommendation-body{display:block!important;width:100%!important}
.policy-insight-heading + .smart-policy-grid.recommendation-grid{margin-top:0!important}
@media(max-width:900px){.smart-policy-grid.recommendation-grid{grid-template-columns:1fr!important}}

/* ===== AREN V41.19 COMPACT LOGIN ===== */
.login-page-compact{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:18px;
  background:
    radial-gradient(circle at 20% 20%,rgba(55,128,92,.10),transparent 25%),
    linear-gradient(145deg,#eaf4ef,#f8fbf9)
}
.login-card-compact{
  width:min(100%,380px);
  padding:18px;
  border-radius:17px;
  background:rgba(255,255,255,.97);
  border:1px solid #d5e5dd;
  box-shadow:0 16px 42px rgba(32,78,56,.12)
}
.login-brand-compact{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.login-logo-wrap{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#edf5f1;border:1px solid #d8e6df;overflow:hidden}
.login-logo-wrap img{width:40px;height:40px;object-fit:contain}
.login-brand-compact small,.login-brand-compact h2,.login-brand-compact p{display:block;margin:0}
.login-brand-compact small{font-size:6px;letter-spacing:.1em;font-weight:900;color:#71857b}
.login-brand-compact h2{font-size:22px;color:#2f674e;line-height:1.05;margin-top:2px}
.login-brand-compact p{font-size:8px;color:#788a81;margin-top:3px}
.login-form-compact{display:grid;gap:9px}
.login-form-compact label{font-size:8px;font-weight:800;color:#526d60}
.login-input-wrap{position:relative;margin-top:4px}.login-input-wrap i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#6e887b;font-size:12px}
.login-input-wrap input,.login-form-compact .form-control{width:100%;height:39px;border:1px solid #d7e5de;border-radius:9px;background:#f8fbf9;padding:8px 9px 8px 32px;font-size:9px;outline:none}
.captcha-compact{display:grid;grid-template-columns:1fr 100px;gap:8px;align-items:center;padding:8px;border-radius:10px;background:#edf6f1;border:1px solid #d4e6dc}
.captcha-compact>div{display:flex;align-items:center;gap:5px}.captcha-compact small{font-size:5.5px;color:#73867c;font-weight:900}.captcha-compact b{font-size:13px;color:#35664f}.captcha-compact span{font-size:11px;color:#73867c}
.captcha-compact input{padding:8px!important;text-align:center!important}
.login-submit-compact{height:40px;border:0;border-radius:10px;background:linear-gradient(135deg,#2f7958,#4c9871);color:#fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px}
.login-security-note{display:block;text-align:center;margin-top:10px;font-size:6.5px;color:#819087}
.login-alert{padding:7px 8px;border-radius:8px;margin-bottom:9px;font-size:7.5px}.login-alert.danger{background:#f6e2e2;color:#94474e}.login-alert.success{background:#e1f1e8;color:#357056}
@media(max-width:480px){.login-page-compact{padding:10px}.login-card-compact{padding:15px}.captcha-compact{grid-template-columns:1fr 90px}}

/* ===== AREN V41.20 MODERN LOGIN ===== */
.aren-login-body{
  margin:0;
  min-height:100vh;
  font-family:inherit;
  background:
    radial-gradient(circle at 10% 10%,rgba(46,129,89,.10),transparent 28%),
    linear-gradient(145deg,#eaf4ef,#f8fbf9);
}
.login-shell-modern{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);
  align-items:stretch;
}
.login-brand-panel{
  position:relative;
  overflow:hidden;
  padding:42px 48px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.12),transparent 26%),
    linear-gradient(150deg,#1e654a 0%,#2e7a59 46%,#4a9971 100%);
  color:#fff;
}
.login-brand-top{display:flex;align-items:center;gap:13px;position:relative;z-index:2}
.login-mark{
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.92);
  box-shadow:0 9px 26px rgba(13,70,47,.18)
}
.login-mark img{width:46px;height:46px;object-fit:contain}
.login-brand-top small,.login-brand-top h1,.login-brand-top p{display:block;margin:0}
.login-brand-top small{font-size:7px;letter-spacing:.12em;font-weight:800;opacity:.76}
.login-brand-top h1{font-size:29px;line-height:1;margin-top:3px}
.login-brand-top p{font-size:9px;margin-top:4px;opacity:.84}

.login-brand-copy{position:relative;z-index:2;max-width:600px;margin:50px 0 28px}
.login-kicker{display:inline-flex;padding:6px 8px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.08);font-size:6.5px;font-weight:900;letter-spacing:.12em}
.login-brand-copy h2{font-size:30px;line-height:1.15;margin:12px 0 8px;max-width:500px}
.login-brand-copy p{font-size:10px;line-height:1.65;max-width:520px;opacity:.83;margin:0}

.login-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:650px}
.login-feature-grid>div{
  display:flex;align-items:center;gap:9px;padding:10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;background:rgba(255,255,255,.08);
  backdrop-filter:blur(5px)
}
.login-feature-grid i{font-size:18px}
.login-feature-grid b,.login-feature-grid small{display:block}
.login-feature-grid b{font-size:8.5px}.login-feature-grid small{font-size:6.5px;margin-top:2px;opacity:.72}

.login-map-shadow{position:absolute;inset:0;pointer-events:none;opacity:.18}
.login-map-shadow .island{position:absolute;display:block;background:rgba(255,255,255,.55);filter:blur(.2px);border-radius:50%}
.login-map-shadow .i1{width:130px;height:34px;left:10%;top:38%;transform:rotate(14deg)}
.login-map-shadow .i2{width:90px;height:28px;left:30%;top:46%;transform:rotate(-8deg)}
.login-map-shadow .i3{width:160px;height:24px;left:42%;top:55%;transform:rotate(6deg)}
.login-map-shadow .i4{width:78px;height:34px;left:64%;top:43%;transform:rotate(-18deg)}
.login-map-shadow .i5{width:56px;height:27px;left:77%;top:54%;transform:rotate(12deg)}
.login-map-shadow .i6{width:92px;height:30px;left:58%;top:66%;transform:rotate(4deg)}
.login-map-shadow .ship-dot{position:absolute;left:53%;top:47%;font-size:27px;color:#fff;animation:loginShipFloat 4s ease-in-out infinite}
@keyframes loginShipFloat{50%{transform:translate(18px,-5px)}}

.login-form-panel{
  display:grid;place-items:center;
  padding:30px;
  background:rgba(247,251,249,.92)
}
.login-form-box{
  width:min(100%,390px);
  padding:24px;
  border-radius:20px;
  background:rgba(255,255,255,.98);
  border:1px solid #d7e6de;
  box-shadow:0 18px 50px rgba(37,79,60,.10)
}
.login-form-head small,.login-form-head h3,.login-form-head p{display:block;margin:0}
.login-form-head small{font-size:6.5px;letter-spacing:.12em;font-weight:900;color:#698176}
.login-form-head h3{font-size:21px;color:#315d49;margin-top:4px}
.login-form-head p{font-size:8px;color:#7d8e85;margin-top:4px}

.modern-login-form{display:grid;gap:12px;margin-top:18px}
.modern-login-form label>span{display:block;font-size:7.5px;font-weight:850;color:#526d60;margin-bottom:5px}
.modern-input{position:relative}
.modern-input i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c8779;font-size:13px}
.modern-input input{
  width:100%;height:43px;box-sizing:border-box;
  border:1px solid #d7e5de;border-radius:10px;
  background:#f8fbf9;padding:9px 11px 9px 36px;
  font-size:9px;color:#385b4d;outline:none
}
.modern-input input:focus{border-color:#68a486;box-shadow:0 0 0 3px rgba(70,139,103,.08)}

.modern-captcha{
  display:grid;grid-template-columns:1fr 105px;gap:8px;align-items:stretch;
  padding:9px;border-radius:11px;background:#edf6f1;border:1px solid #d5e6dd
}
.captcha-question{display:flex;flex-direction:column;justify-content:center;padding-left:2px}
.captcha-question small{font-size:5.5px;color:#74867d;font-weight:900;letter-spacing:.08em}
.captcha-question strong{font-size:15px;color:#35654f;margin-top:2px}
.captcha-question strong span{color:#839188;font-weight:600}
.captcha-answer input{
  width:100%;height:40px;box-sizing:border-box;text-align:center;
  border:1px solid #d2e2da;border-radius:9px;background:#fff;
  font-size:10px;outline:none
}
.modern-login-submit{
  height:44px;border:0;border-radius:11px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#2d7656,#4c9870);
  color:#fff;font-size:9px;font-weight:900;
  box-shadow:0 7px 18px rgba(44,117,85,.15)
}
.modern-login-submit:hover{transform:translateY(-1px)}
.login-form-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:11px;border-top:1px solid #e6ede9}
.login-form-foot span{font-size:6.5px;color:#61796d}.login-form-foot small{font-size:6px;color:#8a9891}

.login-alert{display:flex;align-items:flex-start;gap:6px;padding:8px 9px;border-radius:9px;margin-top:12px;font-size:7.5px}
.login-alert.danger{background:#f7e6e6;color:#914b50}
.login-alert.warning{background:#faf1df;color:#83672d}
.login-alert.success{background:#e2f1e8;color:#397158}

@media(max-width:900px){
  .login-shell-modern{grid-template-columns:1fr}
  .login-brand-panel{padding:24px;min-height:260px}
  .login-brand-copy{margin:28px 0 20px}
  .login-brand-copy h2{font-size:24px}
  .login-feature-grid{grid-template-columns:1fr 1fr 1fr}
  .login-form-panel{padding:20px}
}
@media(max-width:600px){
  .login-brand-panel{padding:20px;min-height:230px}
  .login-feature-grid{display:none}
  .login-brand-copy{margin:24px 0 0}
  .login-brand-copy h2{font-size:21px}
  .login-form-panel{padding:12px}
  .login-form-box{padding:18px;border-radius:16px}
  .modern-captcha{grid-template-columns:1fr 90px}
  .login-form-foot{display:block}
  .login-form-foot small{display:block;margin-top:5px}
}

/* ===== AREN V41.21 LOGIN BRANDING + ABOUT ===== */
.login-brand-top small{font-size:9px!important}
.login-brand-top h1{font-size:38px!important}
.login-brand-top p{font-size:12px!important}
.login-brand-copy h2{font-size:38px!important;line-height:1.12!important}
.login-brand-copy p{font-size:13px!important;line-height:1.65!important}
.login-kicker{font-size:8px!important}
.login-feature-grid b{font-size:11px!important}
.login-feature-grid small{font-size:8px!important}
.login-form-head small{font-size:8px!important}
.login-form-head h3{font-size:27px!important}
.login-form-head p{font-size:10px!important}
.modern-login-form label>span{font-size:10px!important}
.modern-input input{font-size:11px!important;height:46px!important}
.captcha-question small{font-size:7px!important}
.captcha-question strong{font-size:18px!important}
.modern-login-submit{font-size:11px!important;height:47px!important}
.login-form-foot span,.login-form-foot small{font-size:8px!important}
.login-logo-fallback{
  width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#dceee5,#f6faf8);
  color:#2f7455;font-size:22px
}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.about-page{padding:12px}
.about-hero{
  display:flex;justify-content:space-between;align-items:center;gap:15px;
  padding:18px;border-radius:15px;
  background:linear-gradient(135deg,#266e51,#4b9971);color:#fff
}
.about-hero small{font-size:7px;letter-spacing:.1em;font-weight:900;opacity:.8}
.about-hero h2{font-size:24px;margin:4px 0 2px}.about-hero p{font-size:10px;margin:0;opacity:.85}
.about-hero img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:16px;padding:6px}
.about-content-card{display:flex;gap:10px;margin-top:10px;padding:14px;border:1px solid #d8e6df;border-radius:13px;background:#fff}
.about-content-card>i{font-size:22px;color:#39775b}.about-content-card h3{font-size:12px;margin:0 0 5px;color:#365e4c}.about-content-card p{font-size:9px;line-height:1.65;color:#71847a;margin:0}

/* ===== AREN V41.23 PROFESSIONAL LOGIN ===== */
.aren-login-v23{
  margin:0;
  min-height:100vh;
  background:#eef5f1;
  font-family:inherit;
  overflow-x:hidden;
}
.login-v23-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.72fr);
}
.login-v23-brand{
  position:relative;
  overflow:hidden;
  padding:38px 44px 30px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.13),transparent 25%),
    radial-gradient(circle at 80% 76%,rgba(114,211,158,.14),transparent 28%),
    linear-gradient(145deg,#14583f 0%,#216d4d 44%,#3a8e66 100%);
}
.login-v23-noise{
  position:absolute;inset:0;pointer-events:none;opacity:.08;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.7) 1px,transparent 0);
  background-size:24px 24px;
}
.login-v23-brand-head{
  position:relative;z-index:2;
  display:flex;align-items:center;gap:14px;
}
.login-v23-logo{
  width:66px;height:66px;
  display:grid;place-items:center;
  border-radius:20px;
  background:rgba(255,255,255,.95);
  box-shadow:0 12px 34px rgba(6,45,30,.2);
  overflow:hidden;
}
.login-v23-logo img{
  width:54px;height:54px;object-fit:contain;
}
.login-v23-logo-fallback{
  width:54px;height:54px;border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#dcefe5,#f8fbf9);
  color:#286b4d;font-size:28px;
}
.login-v23-brand-head span,
.login-v23-brand-head strong,
.login-v23-brand-head small{display:block}
.login-v23-brand-head span{
  font-size:10px;font-weight:800;letter-spacing:.13em;opacity:.74
}
.login-v23-brand-head strong{
  font-size:30px;line-height:1;margin-top:4px
}
.login-v23-brand-head small{
  font-size:12px;margin-top:5px;opacity:.86
}
.login-v23-maincopy{
  position:relative;z-index:2;
  max-width:720px;
  margin:55px 0 34px;
}
.login-v23-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  font-size:9px;font-weight:900;letter-spacing:.11em
}
.login-v23-maincopy h1{
  margin:17px 0 12px;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-.02em;
  max-width:680px;
}
.login-v23-maincopy h1 em{
  font-style:normal;
  color:#c7f0dc;
}
.login-v23-maincopy p{
  max-width:640px;
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,.83);
}
.login-v23-metrics{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:10px;max-width:740px;
}
.login-v23-metrics>div{
  display:flex;align-items:center;gap:10px;
  padding:12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
}
.login-v23-metrics>div>i{
  width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.12);
  font-size:17px;
}
.login-v23-metrics b,.login-v23-metrics small{display:block}
.login-v23-metrics b{font-size:11px}
.login-v23-metrics small{font-size:8.5px;margin-top:3px;opacity:.72}

.login-v23-map{
  position:absolute;inset:0;pointer-events:none;opacity:.22
}
.map-node{
  position:absolute;width:12px;height:12px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.08)
}
.n1{left:14%;top:62%}.n2{left:36%;top:53%}.n3{left:58%;top:64%}.n4{left:76%;top:50%}.n5{left:82%;top:72%}
.map-line{
  position:absolute;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);
  transform-origin:left center;opacity:.7
}
.l1{left:15%;top:63%;width:26%;transform:rotate(-18deg)}
.l2{left:37%;top:54%;width:27%;transform:rotate(18deg)}
.l3{left:59%;top:65%;width:24%;transform:rotate(-25deg)}
.ship-v23{position:absolute;left:47%;top:57%;font-size:28px;animation:shipV23 5s ease-in-out infinite}
.plane-v23{position:absolute;left:67%;top:43%;font-size:24px;animation:planeV23 6s ease-in-out infinite}
@keyframes shipV23{50%{transform:translate(24px,-4px)}}
@keyframes planeV23{50%{transform:translate(26px,-14px) rotate(5deg)}}

.login-v23-bottom{
  position:relative;z-index:2;
  display:flex;gap:18px;flex-wrap:wrap;
  padding-top:16px;margin-top:20px;
  border-top:1px solid rgba(255,255,255,.13);
}
.login-v23-bottom span{
  display:inline-flex;align-items:center;gap:6px;
  font-size:9px;color:rgba(255,255,255,.72)
}
.login-v23-bottom i{color:#c3eed8}

.login-v23-formside{
  display:grid;place-items:center;
  padding:30px 34px;
  background:
    radial-gradient(circle at 90% 10%,rgba(61,143,101,.08),transparent 30%),
    linear-gradient(180deg,#f8fbf9,#eef5f1);
}
.login-v23-formbox{
  width:min(100%,430px);
  padding:28px;
  border-radius:24px;
  background:rgba(255,255,255,.97);
  border:1px solid #d6e5dd;
  box-shadow:0 24px 60px rgba(25,75,51,.13);
}
.login-v23-formhead{
  display:flex;align-items:flex-start;gap:12px;
  margin-bottom:20px;
}
.login-v23-badge{
  flex:0 0 46px;width:46px;height:46px;
  border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,#dcefe5,#eef8f3);
  color:#2f7254;font-size:18px;
}
.login-v23-formhead span,
.login-v23-formhead h2,
.login-v23-formhead p{display:block;margin:0}
.login-v23-formhead span{
  font-size:8px;font-weight:900;letter-spacing:.12em;color:#6f8378
}
.login-v23-formhead h2{
  margin-top:4px;font-size:26px;color:#2f5e49;line-height:1.1
}
.login-v23-formhead p{
  margin-top:6px;font-size:11px;line-height:1.5;color:#788a81
}
.login-v23-form{
  display:grid;gap:14px;
}
.login-v23-form label>span{
  display:block;margin-bottom:6px;
  font-size:10px;font-weight:850;color:#536d61
}
.login-v23-input{position:relative}
.login-v23-input>i{
  position:absolute;left:13px;top:50%;
  transform:translateY(-50%);
  color:#6e897b;font-size:14px
}
.login-v23-input input{
  width:100%;height:48px;box-sizing:border-box;
  border:1px solid #d5e4dc;
  border-radius:11px;background:#f8fbf9;
  padding:10px 42px 10px 39px;
  font-size:11px;color:#395d4d;outline:none
}
.login-v23-input input:focus{
  border-color:#63a182;
  box-shadow:0 0 0 4px rgba(65,139,101,.08);
  background:#fff
}
.toggle-pass-v23{
  position:absolute;right:9px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border:0;border-radius:8px;
  background:transparent;color:#72877c
}
.login-v23-captcha{
  display:grid;grid-template-columns:1fr 115px;gap:9px;
  align-items:center;
  padding:10px;border-radius:12px;
  border:1px solid #d4e5dc;
  background:linear-gradient(145deg,#eef7f2,#f8fbf9)
}
.login-v23-captcha small,.login-v23-captcha strong{display:block}
.login-v23-captcha small{
  font-size:7px;font-weight:900;letter-spacing:.08em;color:#72867b
}
.login-v23-captcha strong{
  margin-top:3px;font-size:19px;color:#35654f
}
.login-v23-captcha strong span{font-weight:600;color:#809087}
.login-v23-captcha input{
  width:100%;height:42px;box-sizing:border-box;
  border:1px solid #d3e2da;border-radius:9px;
  text-align:center;background:#fff;font-size:11px;outline:none
}
.login-v23-submit{
  height:48px;border:0;border-radius:12px;
  display:flex;align-items:center;justify-content:center;gap:9px;
  background:linear-gradient(135deg,#276f50,#44966c);
  color:#fff;font-size:11px;font-weight:900;
  box-shadow:0 9px 22px rgba(40,112,80,.18);
  transition:.18s ease
}
.login-v23-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(40,112,80,.22)
}
.login-v23-security{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin-top:16px;padding-top:14px;
  border-top:1px solid #e4ece8;
}
.login-v23-security>div{
  display:flex;align-items:center;gap:7px;
  padding:8px;border-radius:10px;background:#f6faf8
}
.login-v23-security>div>i{
  color:#39775a;font-size:14px
}
.login-v23-security b,.login-v23-security small{display:block}
.login-v23-security b{font-size:8px;color:#526e61}
.login-v23-security small{font-size:7px;color:#86928c;margin-top:2px}
.login-v23-footer{
  margin-top:13px;text-align:center;
  font-size:7.5px;color:#8a9790
}
.login-v23-alert{
  display:flex;align-items:flex-start;gap:7px;
  padding:9px 10px;margin-bottom:13px;
  border-radius:10px;font-size:8.5px;line-height:1.4
}
.login-v23-alert.danger{background:#f7e7e7;color:#90484f}
.login-v23-alert.warning{background:#faf1de;color:#82662d}
.login-v23-alert.success{background:#e3f1e9;color:#397059}

@media(max-width:980px){
  .login-v23-shell{grid-template-columns:1fr}
  .login-v23-brand{min-height:360px;padding:26px}
  .login-v23-maincopy{margin:34px 0 22px}
  .login-v23-maincopy h1{font-size:32px}
  .login-v23-maincopy p{font-size:12px}
  .login-v23-formside{padding:20px}
}
@media(max-width:640px){
  .login-v23-brand{min-height:290px;padding:20px}
  .login-v23-logo{width:56px;height:56px}
  .login-v23-logo img{width:46px;height:46px}
  .login-v23-brand-head strong{font-size:25px}
  .login-v23-brand-head span{font-size:8px}
  .login-v23-brand-head small{font-size:10px}
  .login-v23-maincopy{margin:26px 0 0}
  .login-v23-maincopy h1{font-size:27px}
  .login-v23-maincopy p{font-size:11px}
  .login-v23-pill{font-size:7.5px}
  .login-v23-metrics,.login-v23-bottom{display:none}
  .login-v23-formside{padding:12px}
  .login-v23-formbox{padding:20px;border-radius:18px}
  .login-v23-formhead h2{font-size:23px}
  .login-v23-captcha{grid-template-columns:1fr 95px}
  .login-v23-security{grid-template-columns:1fr}
}

/* ===== AREN V41.25 RESPONSIVE LOGIN REBUILD ===== */
.aren-login-v25{
  margin:0;
  min-height:100vh;
  background:#edf5f1;
  font-family:inherit;
  color:#314f41;
}
.login-v25-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);
  align-items:stretch;
}
.login-v25-visual,
.login-v25-formpanel{
  min-height:100vh;
  box-sizing:border-box;
}
.login-v25-visual{
  position:relative;
  overflow:hidden;
  padding:34px 40px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at 16% 12%,rgba(255,255,255,.12),transparent 23%),
    linear-gradient(145deg,#175e43 0%,#287555 48%,#45936b 100%);
  color:#fff;
}
.login-v25-header{
  display:flex;
  align-items:center;
  gap:13px;
  position:relative;
  z-index:2;
}
.login-v25-logo{
  flex:0 0 62px;
  width:62px;height:62px;
  border-radius:18px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.95);
  box-shadow:0 10px 25px rgba(20,75,50,.18);
  color:#286d4e;
  font-size:25px;
  overflow:hidden;
}
.login-v25-logo img{
  width:50px;height:50px;object-fit:contain;
}
.login-v25-brandtext small,
.login-v25-brandtext h1,
.login-v25-brandtext p{display:block;margin:0}
.login-v25-brandtext small{
  font-size:9px;font-weight:850;letter-spacing:.11em;opacity:.76
}
.login-v25-brandtext h1{
  font-size:31px;line-height:1;margin-top:4px
}
.login-v25-brandtext p{
  font-size:11px;margin-top:4px;opacity:.84
}

.login-v25-copy{
  position:relative;
  z-index:2;
  max-width:650px;
  margin:46px 0 26px;
}
.login-v25-kicker{
  display:inline-flex;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:8px;font-weight:900;letter-spacing:.1em
}
.login-v25-copy h2{
  max-width:590px;
  margin:14px 0 10px;
  font-size:36px;
  line-height:1.12;
  letter-spacing:-.02em
}
.login-v25-copy p{
  max-width:590px;
  margin:0;
  font-size:12px;
  line-height:1.65;
  color:rgba(255,255,255,.82)
}
.login-v25-feature-row{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  max-width:700px;
}
.login-v25-feature-row>div{
  display:flex;align-items:center;gap:9px;
  min-height:62px;
  padding:10px 11px;
  box-sizing:border-box;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(6px)
}
.login-v25-feature-row i{
  flex:0 0 32px;
  width:32px;height:32px;border-radius:9px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.12);
  font-size:15px
}
.login-v25-feature-row b,
.login-v25-feature-row small{display:block}
.login-v25-feature-row b{font-size:10px}
.login-v25-feature-row small{font-size:7.5px;margin-top:2px;opacity:.73}

.login-v25-animation{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
}
.route-node{
  position:absolute;
  width:10px;height:10px;border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 7px rgba(255,255,255,.08)
}
.p1{left:12%;top:68%}.p2{left:34%;top:58%}.p3{left:58%;top:67%}.p4{left:79%;top:54%}
.route-line{
  position:absolute;
  height:2px;
  background:linear-gradient(90deg,transparent,#fff,transparent);
  transform-origin:left center;
}
.r1{left:13%;top:68%;width:24%;transform:rotate(-20deg)}
.r2{left:35%;top:59%;width:28%;transform:rotate(17deg)}
.r3{left:59%;top:67%;width:23%;transform:rotate(-23deg)}
.moving-ship{
  position:absolute;left:45%;top:61%;
  font-size:24px;
  animation:v25ship 5s ease-in-out infinite
}
.moving-plane{
  position:absolute;left:68%;top:48%;
  font-size:20px;
  animation:v25plane 6s ease-in-out infinite
}
@keyframes v25ship{50%{transform:translate(18px,-4px)}}
@keyframes v25plane{50%{transform:translate(22px,-12px) rotate(6deg)}}

.login-v25-formpanel{
  display:grid;
  place-items:center;
  padding:28px;
  background:
    radial-gradient(circle at 85% 12%,rgba(58,139,99,.08),transparent 27%),
    linear-gradient(180deg,#f9fbfa,#edf5f1)
}
.login-v25-card{
  width:min(100%,405px);
  box-sizing:border-box;
  padding:25px;
  border-radius:21px;
  background:rgba(255,255,255,.98);
  border:1px solid #d5e5dd;
  box-shadow:0 20px 55px rgba(31,76,56,.12)
}
.login-v25-formhead span,
.login-v25-formhead h2,
.login-v25-formhead p{display:block;margin:0}
.login-v25-formhead span{
  font-size:8px;font-weight:900;letter-spacing:.12em;color:#6f8378
}
.login-v25-formhead h2{
  font-size:25px;line-height:1.1;color:#315f49;margin-top:4px
}
.login-v25-formhead p{
  font-size:10px;line-height:1.5;color:#7a8b83;margin-top:5px
}
.login-v25-form{
  display:grid;gap:13px;margin-top:18px
}
.login-v25-form label>span{
  display:block;margin-bottom:6px;
  font-size:9px;font-weight:850;color:#536d61
}
.login-v25-input{position:relative}
.login-v25-input>i{
  position:absolute;left:12px;top:50%;
  transform:translateY(-50%);
  color:#70877c;font-size:13px
}
.login-v25-input input{
  width:100%;height:46px;box-sizing:border-box;
  border:1px solid #d4e3dc;border-radius:10px;
  background:#f8fbf9;
  padding:10px 41px 10px 37px;
  font-size:10px;color:#395c4d;outline:none
}
.login-v25-input input:focus{
  background:#fff;
  border-color:#67a386;
  box-shadow:0 0 0 3px rgba(65,139,101,.08)
}
.login-v25-eye{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;
  border:0;border-radius:8px;
  background:transparent;color:#71877c
}
.login-v25-captcha{
  display:grid;
  grid-template-columns:1fr 105px;
  gap:8px;
  align-items:center;
  padding:9px;
  border:1px solid #d4e4dc;
  border-radius:11px;
  background:#eef6f2
}
.login-v25-captcha small,
.login-v25-captcha strong{display:block}
.login-v25-captcha small{
  font-size:6.5px;font-weight:900;letter-spacing:.08em;color:#71867b
}
.login-v25-captcha strong{
  font-size:17px;color:#35654f;margin-top:2px
}
.login-v25-captcha strong span{font-weight:600;color:#7f9087}
.login-v25-captcha input{
  width:100%;height:40px;box-sizing:border-box;
  border:1px solid #d2e2da;border-radius:9px;
  background:#fff;text-align:center;font-size:10px;outline:none
}
.login-v25-submit{
  height:46px;border:0;border-radius:11px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#2b7353,#45936a);
  color:#fff;font-size:10px;font-weight:900;
  box-shadow:0 8px 20px rgba(44,114,81,.16)
}
.login-v25-footer{
  margin-top:15px;
  padding-top:12px;
  border-top:1px solid #e5ece8;
  text-align:center;
  font-size:7.5px;
  color:#89968f
}
.login-v25-alert{
  display:flex;align-items:flex-start;gap:6px;
  padding:8px 9px;margin-top:12px;
  border-radius:9px;font-size:8px;line-height:1.4
}
.login-v25-alert.danger{background:#f7e6e6;color:#91484e}
.login-v25-alert.warning{background:#faf1df;color:#82652d}
.login-v25-alert.success{background:#e3f1e9;color:#397158}

/* Tablet */
@media(max-width:1024px){
  .login-v25-shell{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .login-v25-visual,
  .login-v25-formpanel{
    min-height:auto;
  }
  .login-v25-visual{
    padding:26px 28px 24px;
  }
  .login-v25-copy{
    margin:30px 0 20px;
  }
  .login-v25-copy h2{
    font-size:30px;
    max-width:680px;
  }
  .login-v25-copy p{
    max-width:700px;
  }
  .login-v25-feature-row{
    max-width:none;
  }
  .login-v25-animation{
    opacity:.10;
  }
  .login-v25-formpanel{
    padding:24px 18px 30px;
  }
}

/* Mobile */
@media(max-width:640px){
  .login-v25-visual{
    padding:18px;
  }
  .login-v25-logo{
    width:52px;height:52px;flex-basis:52px;border-radius:15px
  }
  .login-v25-logo img{
    width:42px;height:42px
  }
  .login-v25-brandtext small{font-size:7px}
  .login-v25-brandtext h1{font-size:24px}
  .login-v25-brandtext p{font-size:9px}
  .login-v25-copy{
    margin:22px 0 0;
  }
  .login-v25-kicker{
    font-size:6.8px;padding:6px 8px
  }
  .login-v25-copy h2{
    font-size:24px;
    line-height:1.15;
    margin:11px 0 8px
  }
  .login-v25-copy p{
    font-size:10px;
    line-height:1.55
  }
  .login-v25-feature-row{
    display:none;
  }
  .login-v25-animation{
    display:none;
  }
  .login-v25-formpanel{
    padding:12px;
  }
  .login-v25-card{
    padding:19px;
    border-radius:17px;
  }
  .login-v25-formhead h2{font-size:22px}
  .login-v25-formhead p{font-size:9px}
  .login-v25-captcha{
    grid-template-columns:1fr 90px;
  }
  .login-v25-submit{
    height:44px;
  }
}

/* ===== AREN V41.26 PRECISE LOGIN + THREE ITEM NAV ===== */
.tablet-nav.compact-nav.three-item{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.tablet-nav.compact-nav.three-item a{
  min-width:0!important;
}

/* Login: one balanced frame, no independent vertical drift */
.aren-login-v26{
  margin:0;
  min-height:100vh;
  background:#edf5f1;
  font-family:inherit;
}
.login-v26-frame{
  width:100%;
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);
}
.login-v26-left,
.login-v26-right{
  min-height:100vh;
  box-sizing:border-box;
}
.login-v26-left{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto 1fr auto;
  padding:32px 38px 24px;
  background:
    radial-gradient(circle at 14% 10%,rgba(255,255,255,.12),transparent 24%),
    linear-gradient(145deg,#175d43 0%,#287653 52%,#44936a 100%);
  color:#fff;
}
.login-v26-brand{
  display:flex;
  align-items:center;
  gap:13px;
  position:relative;
  z-index:2;
}
.login-v26-logo{
  width:60px;height:60px;flex:0 0 60px;
  border-radius:17px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(15,66,43,.18);
  color:#286c4d;
  font-size:26px;
  overflow:hidden;
}
.login-v26-logo img{width:49px;height:49px;object-fit:contain}
.login-v26-brand small,.login-v26-brand h1,.login-v26-brand p{display:block;margin:0}
.login-v26-brand small{font-size:9px;letter-spacing:.11em;font-weight:850;opacity:.76}
.login-v26-brand h1{font-size:31px;line-height:1;margin-top:4px}
.login-v26-brand p{font-size:11px;margin-top:4px;opacity:.84}

.login-v26-center{
  align-self:center;
  position:relative;
  z-index:2;
  max-width:670px;
  padding:28px 0 22px;
}
.login-v26-kicker{
  display:inline-flex;
  padding:7px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);
  font-size:8px;font-weight:900;letter-spacing:.1em
}
.login-v26-center h2{
  max-width:610px;
  margin:14px 0 10px;
  font-size:36px;
  line-height:1.12;
  letter-spacing:-.02em
}
.login-v26-center>p{
  max-width:600px;
  margin:0;
  font-size:12px;
  line-height:1.65;
  color:rgba(255,255,255,.83)
}
.login-v26-features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:24px;
}
.login-v26-features>div{
  min-height:62px;
  box-sizing:border-box;
  display:flex;align-items:center;gap:9px;
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(6px)
}
.login-v26-features i{
  width:32px;height:32px;flex:0 0 32px;
  border-radius:9px;display:grid;place-items:center;
  background:rgba(255,255,255,.11);
  font-size:15px
}
.login-v26-features b,.login-v26-features small{display:block}
.login-v26-features b{font-size:10px}
.login-v26-features small{font-size:7.5px;margin-top:2px;opacity:.74}
.login-v26-left-footer{
  position:relative;
  z-index:2;
  min-height:24px;
  display:flex;
  align-items:flex-end;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:8px;
  color:rgba(255,255,255,.66)
}
.login-v26-route{
  position:absolute;inset:0;
  opacity:.13;pointer-events:none
}
.login-v26-route .node{
  position:absolute;width:10px;height:10px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.08)
}
.login-v26-route .n1{left:12%;top:70%}.login-v26-route .n2{left:35%;top:60%}.login-v26-route .n3{left:59%;top:68%}.login-v26-route .n4{left:80%;top:55%}
.login-v26-route .line{
  position:absolute;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);transform-origin:left center
}
.login-v26-route .l1{left:13%;top:70%;width:25%;transform:rotate(-20deg)}
.login-v26-route .l2{left:36%;top:61%;width:27%;transform:rotate(16deg)}
.login-v26-route .l3{left:60%;top:68%;width:23%;transform:rotate(-23deg)}
.login-v26-route .ship{
  position:absolute;left:46%;top:63%;font-size:23px;
  animation:v26ship 5s ease-in-out infinite
}
@keyframes v26ship{50%{transform:translate(18px,-4px)}}

.login-v26-right{
  display:grid;
  place-items:center;
  padding:28px 30px;
  background:
    radial-gradient(circle at 88% 10%,rgba(61,140,100,.08),transparent 28%),
    linear-gradient(180deg,#f9fbfa,#eef5f1);
}
.login-v26-card{
  width:min(100%,405px);
  min-height:510px;
  box-sizing:border-box;
  display:grid;
  grid-template-rows:auto 1fr auto;
  padding:24px 25px 18px;
  border-radius:21px;
  background:rgba(255,255,255,.98);
  border:1px solid #d6e5dd;
  box-shadow:0 20px 56px rgba(31,76,56,.12)
}
.login-v26-form-head span,.login-v26-form-head h2,.login-v26-form-head p{display:block;margin:0}
.login-v26-form-head span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#70847a}
.login-v26-form-head h2{font-size:25px;line-height:1.1;color:#315f49;margin-top:4px}
.login-v26-form-head p{font-size:10px;line-height:1.5;color:#7a8b83;margin-top:5px}
.login-v26-form{
  align-self:center;
  display:grid;
  gap:13px;
  margin:14px 0
}
.login-v26-form label>span{display:block;margin-bottom:6px;font-size:9px;font-weight:850;color:#536d61}
.login-v26-input{position:relative}
.login-v26-input>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#70877c;font-size:13px}
.login-v26-input input{
  width:100%;height:46px;box-sizing:border-box;
  border:1px solid #d4e3dc;border-radius:10px;
  background:#f8fbf9;
  padding:10px 41px 10px 37px;
  font-size:10px;color:#395c4d;outline:none
}
.login-v26-input input:focus{background:#fff;border-color:#67a386;box-shadow:0 0 0 3px rgba(65,139,101,.08)}
.login-v26-input button{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border:0;border-radius:8px;
  background:transparent;color:#71877c
}
.login-v26-captcha{
  display:grid;grid-template-columns:1fr 105px;gap:8px;align-items:center;
  padding:9px;border:1px solid #d4e4dc;border-radius:11px;background:#eef6f2
}
.login-v26-captcha small,.login-v26-captcha strong{display:block}
.login-v26-captcha small{font-size:6.5px;font-weight:900;letter-spacing:.08em;color:#71867b}
.login-v26-captcha strong{font-size:17px;color:#35654f;margin-top:2px}
.login-v26-captcha strong span{font-weight:600;color:#7f9087}
.login-v26-captcha input{
  width:100%;height:40px;box-sizing:border-box;
  border:1px solid #d2e2da;border-radius:9px;
  background:#fff;text-align:center;font-size:10px;outline:none
}
.login-v26-submit{
  height:46px;border:0;border-radius:11px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#2b7353,#45936a);
  color:#fff;font-size:10px;font-weight:900;
  box-shadow:0 8px 20px rgba(44,114,81,.16)
}
.login-v26-card-footer{
  min-height:24px;
  display:flex;align-items:flex-end;justify-content:center;
  padding-top:11px;
  border-top:1px solid #e5ece8;
  text-align:center;font-size:7.5px;color:#89968f
}
.login-v26-alert{
  display:flex;align-items:flex-start;gap:6px;
  padding:8px 9px;margin-top:12px;border-radius:9px;font-size:8px;line-height:1.4
}
.login-v26-alert.danger{background:#f7e6e6;color:#91484e}
.login-v26-alert.warning{background:#faf1df;color:#82652d}
.login-v26-alert.success{background:#e3f1e9;color:#397158}

/* Tablet: stacked, but both sections keep exact internal grid */
@media(max-width:1000px){
  .login-v26-frame{grid-template-columns:1fr}
  .login-v26-left,.login-v26-right{min-height:auto}
  .login-v26-left{padding:24px 26px;grid-template-rows:auto auto auto}
  .login-v26-center{align-self:auto;padding:28px 0 20px}
  .login-v26-center h2{font-size:30px}
  .login-v26-feature{min-height:58px}
  .login-v26-right{padding:22px 18px 28px}
  .login-v26-card{min-height:500px}
}

/* Mobile: compact and exact; no visual animation collision */
@media(max-width:640px){
  .login-v26-left{padding:18px}
  .login-v26-logo{width:52px;height:52px;flex-basis:52px;border-radius:15px}
  .login-v26-logo img{width:42px;height:42px}
  .login-v26-brand small{font-size:7px}
  .login-v26-brand h1{font-size:24px}
  .login-v26-brand p{font-size:9px}
  .login-v26-center{padding:22px 0 8px}
  .login-v26-kicker{font-size:6.8px;padding:6px 8px}
  .login-v26-center h2{font-size:24px;line-height:1.15;margin:11px 0 8px}
  .login-v26-center>p{font-size:10px;line-height:1.55}
  .login-v26-features,.login-v26-route,.login-v26-left-footer{display:none}
  .login-v26-right{padding:12px}
  .login-v26-card{min-height:470px;padding:19px;border-radius:17px}
  .login-v26-form-head h2{font-size:22px}
  .login-v26-form-head p{font-size:9px}
  .login-v26-captcha{grid-template-columns:1fr 90px}
  .login-v26-submit{height:44px}
}

/* ===== AREN V41.27 FULL LOGIN REDESIGN ===== */
.aren-auth-v27{margin:0;min-height:100vh;background:#e9f1ed;color:#315648;font-family:inherit}
.auth-v27-stage{
  min-height:100vh;box-sizing:border-box;padding:28px;
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 10% 10%,rgba(49,133,91,.09),transparent 28%),
    radial-gradient(circle at 90% 90%,rgba(49,133,91,.07),transparent 28%),
    #eef5f1;
}
.auth-v27-shell{
  width:min(1180px,100%);
  min-height:680px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);
  overflow:hidden;
  border:1px solid rgba(45,102,75,.13);
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 80px rgba(28,76,54,.16);
}
.auth-v27-hero{
  position:relative;overflow:hidden;
  display:grid;grid-template-rows:auto 1fr auto;
  min-width:0;padding:34px 38px 26px;
  color:#fff;
  background:
    radial-gradient(circle at 85% 18%,rgba(255,255,255,.11),transparent 22%),
    radial-gradient(circle at 10% 90%,rgba(137,220,175,.13),transparent 25%),
    linear-gradient(145deg,#145a40 0%,#267553 55%,#3f9067 100%);
}
.auth-v27-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:2}
.auth-v27-logo{
  width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;overflow:hidden;
  border-radius:17px;background:rgba(255,255,255,.96);color:#26704f;font-size:25px;
  box-shadow:0 12px 30px rgba(8,52,34,.18)
}
.auth-v27-logo img{width:49px;height:49px;object-fit:contain}
.auth-v27-brand small,.auth-v27-brand h1,.auth-v27-brand p{display:block;margin:0}
.auth-v27-brand small{font-size:8px;font-weight:900;letter-spacing:.13em;opacity:.72}
.auth-v27-brand h1{font-size:30px;line-height:1;margin-top:4px}
.auth-v27-brand p{font-size:10px;margin-top:4px;opacity:.82}

.auth-v27-hero-content{align-self:center;position:relative;z-index:2;max-width:620px;padding:30px 0}
.auth-v27-eyebrow{
  display:inline-block;padding:7px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);
  font-size:7.5px;font-weight:900;letter-spacing:.12em
}
.auth-v27-hero-content h2{
  max-width:560px;margin:15px 0 10px;font-size:38px;line-height:1.08;letter-spacing:-.025em
}
.auth-v27-hero-content>p{
  max-width:570px;margin:0;font-size:11.5px;line-height:1.7;color:rgba(255,255,255,.8)
}
.auth-v27-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:25px}
.auth-v27-capabilities>div{
  display:flex;align-items:flex-start;gap:9px;min-width:0;padding:11px;
  border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.07)
}
.cap-icon{
  width:31px;height:31px;flex:0 0 31px;border-radius:9px;display:grid;place-items:center;
  background:rgba(255,255,255,.12);font-size:14px
}
.auth-v27-capabilities b,.auth-v27-capabilities small{display:block}
.auth-v27-capabilities b{font-size:9px;line-height:1.25}
.auth-v27-capabilities small{font-size:7px;line-height:1.4;margin-top:3px;color:rgba(255,255,255,.67)}
.auth-v27-hero-footer{
  position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.12);
  font-size:7.5px;color:rgba(255,255,255,.62)
}
.auth-v27-network{position:absolute;inset:0;pointer-events:none;opacity:.11}
.auth-v27-network .net-dot{
  position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.08)
}
.auth-v27-network .d1{left:18%;top:73%}.auth-v27-network .d2{left:49%;top:61%}.auth-v27-network .d3{left:79%;top:70%}
.auth-v27-network .net-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);transform-origin:left}
.auth-v27-network .a{left:19%;top:73%;width:33%;transform:rotate(-15deg)}
.auth-v27-network .b{left:50%;top:62%;width:32%;transform:rotate(14deg)}
.auth-v27-network>i{position:absolute;left:61%;top:64%;font-size:22px;animation:v27ship 5s ease-in-out infinite}
@keyframes v27ship{50%{transform:translate(15px,-3px)}}

.auth-v27-access{
  min-width:0;padding:34px 38px 24px;
  display:grid;grid-template-rows:1fr auto;
  background:
    radial-gradient(circle at 90% 8%,rgba(56,139,98,.08),transparent 25%),
    linear-gradient(180deg,#fbfdfc,#f3f8f5);
}
.auth-v27-form-wrap{width:min(100%,390px);align-self:center;justify-self:center}
.auth-v27-form-head{display:flex;align-items:center;gap:11px;margin-bottom:20px}
.auth-v27-form-icon{
  width:43px;height:43px;flex:0 0 43px;border-radius:13px;display:grid;place-items:center;
  background:#e7f2ec;color:#2f7454;font-size:17px
}
.auth-v27-form-head small,.auth-v27-form-head h2,.auth-v27-form-head p{display:block;margin:0}
.auth-v27-form-head small{font-size:7px;font-weight:900;letter-spacing:.12em;color:#71847a}
.auth-v27-form-head h2{font-size:24px;line-height:1.1;margin-top:3px;color:#315f49}
.auth-v27-form-head p{font-size:9.5px;margin-top:4px;color:#7b8b83}
.auth-v27-alert{
  display:flex;align-items:flex-start;gap:7px;padding:9px 10px;margin:0 0 14px;
  border-radius:10px;font-size:8px;line-height:1.4
}
.auth-v27-alert.success{background:#e6f2eb;color:#397158}
.auth-v27-alert.danger{background:#f8e8e8;color:#91484e}
.auth-v27-alert.warning{background:#faf1df;color:#82652d}
.auth-v27-form{display:grid;gap:14px}
.auth-v27-form label>span{display:block;margin-bottom:6px;font-size:9px;font-weight:850;color:#536d61}
.auth-v27-input{position:relative}
.auth-v27-input>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:13px;color:#71877c}
.auth-v27-input input{
  width:100%;height:47px;box-sizing:border-box;padding:10px 42px 10px 38px;
  border:1px solid #d4e3dc;border-radius:11px;background:#fff;
  color:#395c4d;font-size:10px;outline:none;transition:.18s ease
}
.auth-v27-input input:focus{border-color:#65a183;box-shadow:0 0 0 4px rgba(65,139,101,.08)}
.auth-v27-input button{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:31px;height:31px;border:0;border-radius:8px;background:transparent;color:#71877c
}
.auth-v27-captcha{
  display:grid;grid-template-columns:1fr 108px;gap:8px;align-items:center;
  padding:9px 10px;border:1px solid #d5e4dc;border-radius:11px;background:#eef6f2
}
.auth-v27-captcha small,.auth-v27-captcha strong{display:block}
.auth-v27-captcha small{font-size:6.5px;font-weight:900;letter-spacing:.08em;color:#71867b}
.auth-v27-captcha strong{font-size:17px;color:#35654f;margin-top:2px}
.auth-v27-captcha strong span{font-weight:600;color:#7f9087}
.auth-v27-captcha input{
  width:100%;height:39px;box-sizing:border-box;border:1px solid #d2e2da;border-radius:9px;
  background:#fff;text-align:center;font-size:10px;outline:none
}
.auth-v27-submit{
  height:47px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#276e4f,#419168);color:#fff;font-size:10px;font-weight:900;
  box-shadow:0 9px 20px rgba(42,111,79,.17);transition:.18s ease
}
.auth-v27-submit:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(42,111,79,.21)}
.auth-v27-help{
  display:flex;align-items:center;gap:7px;margin-top:14px;padding:9px 10px;border-radius:9px;
  background:#f2f7f4;color:#788980;font-size:7.5px;line-height:1.4
}
.auth-v27-help i{color:#4d8469}
.auth-v27-access-footer{
  align-self:end;text-align:center;padding-top:16px;border-top:1px solid #e2ebe6;
  font-size:7.5px;color:#89968f
}

/* Laptop / short viewport */
@media(max-height:760px) and (min-width:901px){
  .auth-v27-stage{padding:16px}
  .auth-v27-shell{min-height:620px}
  .auth-v27-hero{padding:27px 31px 22px}
  .auth-v27-hero-content{padding:20px 0}
  .auth-v27-hero-content h2{font-size:33px}
  .auth-v27-capabilities{margin-top:18px}
  .auth-v27-access{padding:25px 30px 20px}
}

/* Tablet */
@media(max-width:900px){
  .auth-v27-stage{padding:18px}
  .auth-v27-shell{grid-template-columns:1fr;min-height:0}
  .auth-v27-hero{min-height:390px;padding:24px 26px 20px}
  .auth-v27-hero-content{padding:30px 0 22px}
  .auth-v27-hero-content h2{font-size:30px}
  .auth-v27-access{min-height:520px;padding:28px 24px 20px}
}

/* Mobile */
@media(max-width:600px){
  .auth-v27-stage{padding:0;display:block}
  .auth-v27-shell{width:100%;border:0;border-radius:0;box-shadow:none}
  .auth-v27-hero{min-height:auto;padding:18px}
  .auth-v27-logo{width:51px;height:51px;flex-basis:51px;border-radius:14px}
  .auth-v27-logo img{width:41px;height:41px}
  .auth-v27-brand small{font-size:6.8px}.auth-v27-brand h1{font-size:23px}.auth-v27-brand p{font-size:8.5px}
  .auth-v27-hero-content{padding:24px 0 4px}
  .auth-v27-eyebrow{font-size:6.5px}
  .auth-v27-hero-content h2{font-size:24px;margin:10px 0 7px}
  .auth-v27-hero-content>p{font-size:9.5px;line-height:1.55}
  .auth-v27-capabilities,.auth-v27-network,.auth-v27-hero-footer{display:none}
  .auth-v27-access{min-height:510px;padding:22px 16px 16px}
  .auth-v27-form-wrap{width:100%}
  .auth-v27-form-head h2{font-size:22px}
  .auth-v27-captcha{grid-template-columns:1fr 92px}
}

/* ===== AREN V41.29 LAZY REGION SEARCH ===== */
.lazy-region-picker{
  position:relative;
  width:100%;
}
.lazy-region-input-wrap{
  position:relative;
}
.lazy-region-input-wrap>i{
  position:absolute;
  left:11px;
  top:50%;
  transform:translateY(-50%);
  color:#4b7f66;
  font-size:13px;
  z-index:2;
}
.lazy-region-input{
  padding-left:34px!important;
  padding-right:34px!important;
}
.lazy-region-clear{
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#7b8d84;
}
.lazy-region-clear:hover{
  background:#edf5f1;
  color:#356b52;
}
.lazy-region-results{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 5px);
  z-index:1200;
  max-height:280px;
  overflow:auto;
  border:1px solid #d6e4dd;
  border-radius:11px;
  background:#fff;
  box-shadow:0 14px 34px rgba(34,76,57,.14);
  padding:5px;
}
.lazy-region-results[hidden]{
  display:none!important;
}
.lazy-region-option{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:0;
  background:#fff;
  padding:8px 9px;
  border-radius:8px;
  text-align:left;
  color:#375d4c;
}
.lazy-region-option:hover{
  background:#eef7f2;
}
.lazy-region-option span,
.lazy-region-option b,
.lazy-region-option small{
  display:block;
}
.lazy-region-option b{
  font-size:8.5px;
}
.lazy-region-option small{
  margin-top:2px;
  font-size:6.5px;
  color:#7e8d85;
}
.lazy-region-option>i{
  font-size:9px;
  color:#88a095;
}
.lazy-region-loading,
.lazy-region-empty{
  padding:9px;
  font-size:7.5px;
  color:#74867d;
  text-align:center;
}
.lazy-region-loading i{
  margin-right:4px;
}
@media(max-width:640px){
  .lazy-region-results{
    max-height:240px;
  }
  .lazy-region-option{
    padding:10px 9px;
  }
  .lazy-region-option b{
    font-size:9px;
  }
}

.lazy-region-help{
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:5px;
  font-size:6.7px;
  color:#71867b;
}
.lazy-region-help i{color:#39775b}

/* ===== AREN V41.30 ASYNC AI RECOMMENDATION ===== */
.ai-loading-state{
  position:relative;
  overflow:hidden;
  background:linear-gradient(110deg,#f3f8f5 20%,#e7f2ec 40%,#f3f8f5 60%);
  background-size:200% 100%;
  animation:arenAiLoad 1.5s linear infinite;
}
.ai-policy-loading{
  opacity:.78;
}
.ai-loading-state>i,
.ai-policy-loading .recommendation-audience-icon i{
  animation:arenAiSpin 1.3s linear infinite;
}
@keyframes arenAiLoad{
  to{background-position:-200% 0}
}
@keyframes arenAiSpin{
  to{transform:rotate(360deg)}
}

/* ===== AREN V41.31.1 UNIFIED POLICY HEADING ===== */
.unified-policy-heading{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 0 8px!important;
  margin:0!important;
  border-top:1px solid #e3ece7!important;
  grid-column:1/-1!important;
  width:100%!important;
}
.unified-policy-heading>i{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef6f2!important;
  color:#8a6a20!important;
  font-size:16px!important;
}
.unified-policy-title{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.unified-policy-title b{
  font-size:10px!important;
  line-height:1.3!important;
  color:#456a58!important;
  margin:0!important;
}
.unified-policy-title span{
  font-size:9px!important;
  line-height:1.3!important;
  color:#6f8178!important;
}
.unified-policy-title span::before{
  content:"—";
  margin-right:7px;
  color:#9aaaa2;
}
.unified-policy-heading + .smart-policy-grid.recommendation-grid{
  margin-top:0!important;
}
@media(max-width:700px){
  .unified-policy-title{display:block!important}
  .unified-policy-title b,.unified-policy-title span{display:block!important}
  .unified-policy-title span{margin-top:2px!important}
  .unified-policy-title span::before{content:""!important;margin:0!important}
}

/* ===== AREN V41.31.2 REGION SEARCH RESTORE ===== */
.lazy-region-picker{position:relative!important;overflow:visible!important}
.lazy-region-results{
  position:absolute!important;
  top:calc(100% - 18px)!important;
  left:0!important;
  right:0!important;
  z-index:9999!important;
  max-height:280px!important;
  overflow-y:auto!important;
  background:#fff!important;
  border:1px solid #d3e3da!important;
  border-radius:11px!important;
  box-shadow:0 16px 36px rgba(32,76,56,.18)!important;
  padding:5px!important;
}
.lazy-region-results[hidden]{display:none!important}
.lazy-region-option{
  cursor:pointer!important;
  position:relative!important;
  z-index:10000!important;
}
.distribution-studio,
.distribution-form,
.distribution-form-grid,
.distribution-panel{
  overflow:visible!important;
}

.retry-ai-policy{
  margin-top:7px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid #cfe0d7;
  border-radius:8px;
  background:#fff;
  color:#3b7057;
  padding:6px 8px;
  font-size:7.5px;
  font-weight:850;
}

/* ===== AREN V41.32 ASYNC BMKG LIVE ===== */
.bmkg-live-panel{
  margin-top:8px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:8px!important;
}
.bmkg-live-loading i{
  animation:arenBmkgSpin 1.2s linear infinite;
}
.bmkg-live-panel .evidence-card{
  min-width:0!important;
}
.bmkg-live-panel .warning-live{
  border-color:#ead7b1!important;
  background:#fff9ee!important;
}
.bmkg-live-panel .warning-live>i{
  color:#a87824!important;
}
.bmkg-live-panel .unavailable{
  opacity:.78;
}
@keyframes arenBmkgSpin{
  to{transform:rotate(360deg)}
}