/* ==============================================================
   ARFC UI v2 — Operations Command Center
   Frontend-only design system. Backend remains v7.14.1.
   ============================================================== */

#arf7-superapp{
  --arf-bg:#F4F6F3;
  --arf-surface:#F8FAF7;
  --arf-card:#FFFFFF;
  --arf-card-2:#F7F9F6;
  --arf-sidebar:#102E22;
  --arf-sidebar-2:#0B241A;
  --arf-sidebar-text:#DDE9E2;
  --arf-sidebar-muted:#8FA99A;
  --arf-text:#18241E;
  --arf-muted:#68756E;
  --arf-faint:#8C9891;
  --arf-border:#DCE3DE;
  --arf-border-strong:#C9D3CD;
  --arf-primary:#176B45;
  --arf-primary-2:#208355;
  --arf-primary-soft:#EAF4EE;
  --arf-success:#25885B;
  --arf-warning:#C68A21;
  --arf-warning-soft:#FFF7E7;
  --arf-danger:#C34F4A;
  --arf-danger-soft:#FFF0EF;
  --arf-info:#3F6FA6;
  --arf-info-soft:#EEF4FB;
  --arf-shadow:0 1px 2px rgba(12,33,24,.04),0 8px 24px rgba(12,33,24,.045);
  --arf-shadow-pop:0 18px 50px rgba(8,27,19,.16);
  --arf-radius:14px;
  --arf-radius-sm:10px;

  --g:var(--arf-primary);
  --g2:var(--arf-primary-2);
  --g3:var(--arf-primary-soft);
  --ink:var(--arf-text);
  --muted:var(--arf-muted);
  --bg:var(--arf-bg);
  --card:var(--arf-card);
  --line:var(--arf-border);

  background:var(--arf-bg)!important;
  color:var(--arf-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.005em;
}

#arf7-superapp[data-theme="dark"]{
  --arf-bg:#0B1510;
  --arf-surface:#0F1C15;
  --arf-card:#142219;
  --arf-card-2:#17271E;
  --arf-sidebar:#081A12;
  --arf-sidebar-2:#06150E;
  --arf-sidebar-text:#EDF5F0;
  --arf-sidebar-muted:#93AA9D;
  --arf-text:#EEF5F1;
  --arf-muted:#A7B6AD;
  --arf-faint:#7F9488;
  --arf-border:#2B3D33;
  --arf-border-strong:#3B5145;
  --arf-primary:#3AB978;
  --arf-primary-2:#55CD8E;
  --arf-primary-soft:#183828;
  --arf-success:#49C786;
  --arf-warning:#E4B14E;
  --arf-warning-soft:#342A15;
  --arf-danger:#E2736F;
  --arf-danger-soft:#35201F;
  --arf-info:#75A2D2;
  --arf-info-soft:#192A3A;
  --arf-shadow:0 1px 2px rgba(0,0,0,.22),0 10px 28px rgba(0,0,0,.16);
  --arf-shadow-pop:0 24px 60px rgba(0,0,0,.42);
  color-scheme:dark;
}

/* shell */
#arf7-superapp .arf7-shell{
  grid-template-columns:236px minmax(0,1fr)!important;
  background:var(--arf-bg)!important;
}
#arf7-superapp .arf7-side{
  background:linear-gradient(180deg,var(--arf-sidebar) 0%,var(--arf-sidebar-2) 100%)!important;
  padding:18px 12px 14px!important;
  border-right:1px solid rgba(255,255,255,.04);
}
#arf7-superapp .arf7-brand{
  padding:4px 7px 16px!important;
  gap:11px!important;
}
#arf7-superapp .arf7-logo-img{
  width:46px!important;height:46px!important;
  border-radius:11px!important;
  background:#fff;
  padding:3px;
  object-fit:contain!important;
  box-shadow:none!important;
}
#arf7-superapp .arf7-brand b{
  color:#fff!important;
  font-size:14px!important;
  font-weight:780!important;
  letter-spacing:-.01em;
}
#arf7-superapp .arf7-brand small{
  color:var(--arf-sidebar-muted)!important;
  opacity:1!important;
  font-size:9px!important;
  margin-top:3px!important;
}
#arf7-superapp .arf7-role-pill{
  margin:0 5px 14px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#BFD2C7!important;
  border-radius:8px!important;
  padding:7px 9px!important;
  letter-spacing:.08em!important;
}
#arf7-superapp .arf7-nav{gap:2px!important}
#arf7-superapp .arf7-navrow{
  min-height:41px;
  padding:9px 10px!important;
  border-radius:9px!important;
  color:#C8D9D0!important;
  font-size:11.5px!important;
  font-weight:620!important;
  gap:10px!important;
  position:relative;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
#arf7-superapp .arf7-navrow i{
  width:22px!important;height:22px!important;
  display:grid!important;place-items:center!important;
  color:#9FB9AA;
}
#arf7-superapp .arf7-navrow:hover{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}
#arf7-superapp .arf7-navrow.active{
  background:rgba(69,196,122,.13)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #55C98A;
}
#arf7-superapp .arf7-navrow.active i{color:#6DD49A}
#arf7-superapp .arf7-nav-badge{
  margin-left:auto!important;
  background:#C95B56!important;
  color:#fff!important;
  border:2px solid var(--arf-sidebar)!important;
  min-width:20px!important;height:20px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  font-style:normal!important;
  display:grid;place-items:center;
}
#arf7-superapp .arf7-side-foot{
  border-top:1px solid rgba(255,255,255,.07)!important;
  padding-top:10px!important;
}
#arf7-superapp .arf7-build{
  color:#688578!important;
  font-size:7.5px!important;
  line-height:1.4;
  padding:8px 10px 2px!important;
}

/* top bar */
#arf7-superapp .arf7-main{
  background:var(--arf-bg)!important;
}
#arf7-superapp .arf7-top{
  min-height:72px!important;
  height:72px!important;
  padding:0 24px!important;
  background:color-mix(in srgb,var(--arf-card) 93%,transparent)!important;
  border-bottom:1px solid var(--arf-border)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px);
}
#arf7-superapp .arf7-top-left h1{
  margin:0!important;
  color:var(--arf-text)!important;
  font-size:18px!important;
  font-weight:760!important;
  letter-spacing:-.025em;
}
#arf7-superapp .arf7-subtitle{
  color:var(--arf-muted)!important;
  font-size:9px!important;
  margin-top:2px!important;
}
#arf7-superapp .arf7-top-right{gap:6px!important}
#arf7-superapp .arf7-iconbtn{
  width:36px!important;height:36px!important;
  border-radius:9px!important;
  border:1px solid var(--arf-border)!important;
  background:var(--arf-card)!important;
  color:var(--arf-muted)!important;
  box-shadow:none!important;
  transition:border-color .14s ease,background .14s ease,color .14s ease;
}
#arf7-superapp .arf7-iconbtn:hover{
  border-color:var(--arf-border-strong)!important;
  background:var(--arf-card-2)!important;
  color:var(--arf-primary)!important;
}
#arf7-superapp .arf7-avatar{
  width:36px!important;height:36px!important;
  border-radius:10px!important;
  border:1px solid color-mix(in srgb,var(--arf-primary) 28%,var(--arf-border))!important;
  background:var(--arf-primary-soft)!important;
  color:var(--arf-primary)!important;
  font-size:10px!important;
  font-weight:850!important;
}
#arf7-superapp .arf7-notify em{
  top:-6px!important;right:-5px!important;
  min-width:18px!important;height:18px!important;
  border:2px solid var(--arf-card)!important;
  background:var(--arf-danger)!important;
}
#arf7-superapp .arf-v2-icon{
  width:18px;height:18px;
  display:block;
  pointer-events:none;
}

/* content */
#arf7-superapp .arf7-content{
  padding:20px 22px 56px!important;
  background:var(--arf-bg)!important;
}
#arf7-superapp .arf7-page{max-width:1560px;margin:0 auto}
#arf7-superapp .arf7-card{
  background:var(--arf-card)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:var(--arf-radius)!important;
  box-shadow:var(--arf-shadow)!important;
  color:var(--arf-text)!important;
}
#arf7-superapp .arf7-card-head{
  min-height:38px;
  padding-bottom:10px!important;
  border-bottom:0!important;
  align-items:flex-start!important;
}
#arf7-superapp .arf7-card-head h3,
#arf7-superapp .arf7-section-head h3{
  color:var(--arf-text)!important;
  font-size:12.5px!important;
  font-weight:760!important;
  letter-spacing:-.012em;
  margin:0!important;
}
#arf7-superapp .arf7-card-head small,
#arf7-superapp .arf7-section-head small{
  color:var(--arf-muted)!important;
  font-size:8.5px!important;
  display:block;
  margin-top:3px;
}
#arf7-superapp .arf7-section-head{
  margin:18px 0 9px!important;
}

/* executive home */
#arf7-superapp .arf7-hero{
  min-height:128px!important;
  background:var(--arf-card)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:16px!important;
  box-shadow:var(--arf-shadow)!important;
  padding:22px 24px!important;
  color:var(--arf-text)!important;
  position:relative;
  overflow:hidden;
}
#arf7-superapp .arf7-hero::after{
  content:"";
  position:absolute;
  width:260px;height:260px;
  right:-110px;top:-130px;
  border:48px solid var(--arf-primary-soft);
  border-radius:50%;
  opacity:.72;
  pointer-events:none;
}
#arf7-superapp .arf7-eyebrow{
  color:var(--arf-primary)!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
  font-weight:850!important;
}
#arf7-superapp .arf7-hero h2{
  color:var(--arf-text)!important;
  font-size:24px!important;
  line-height:1.1!important;
  margin:7px 0 7px!important;
  font-weight:780!important;
  letter-spacing:-.035em;
}
#arf7-superapp .arf7-hero p{
  max-width:640px;
  color:var(--arf-muted)!important;
  font-size:10px!important;
  line-height:1.55!important;
  margin:0!important;
}
#arf7-superapp .arf7-hero-metric{
  background:var(--arf-card-2)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:12px!important;
  min-width:190px!important;
  padding:13px 15px!important;
  color:var(--arf-text)!important;
  z-index:1;
}
#arf7-superapp .arf7-hero-metric span,
#arf7-superapp .arf7-hero-metric small{color:var(--arf-muted)!important}
#arf7-superapp .arf7-hero-metric strong{
  color:var(--arf-primary)!important;
  font-size:27px!important;
  font-weight:800!important;
}
#arf7-superapp .arf7-wallet-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:10px!important;
}
#arf7-superapp .arf7-wallet{
  background:var(--arf-card)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:13px!important;
  box-shadow:none!important;
  padding:13px!important;
}
#arf7-superapp .arf7-wallet .wicon{
  width:32px!important;height:32px!important;
  border-radius:9px!important;
  background:var(--arf-primary-soft)!important;
  color:var(--arf-primary)!important;
  display:grid!important;place-items:center!important;
}
#arf7-superapp .arf7-wallet .wicon .arf-v2-icon{width:16px;height:16px}
#arf7-superapp .arf7-wallet span{color:var(--arf-muted)!important;font-size:8.5px!important}
#arf7-superapp .arf7-wallet strong{color:var(--arf-text)!important;font-size:20px!important;font-weight:780!important}
#arf7-superapp .arf7-wallet small{color:var(--arf-faint)!important;font-size:7.5px!important}
#arf7-superapp .arf7-home-insights{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:10px 0!important;
}
#arf7-superapp .arf7-insight{
  background:var(--arf-card-2)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  padding:12px!important;
}
#arf7-superapp .arf7-insight-icon{
  width:28px!important;height:28px!important;
  background:var(--arf-primary-soft)!important;
  color:var(--arf-primary)!important;
  border-radius:8px!important;
  display:grid!important;place-items:center!important;
}
#arf7-superapp .arf7-insight-icon .arf-v2-icon{width:15px;height:15px}

/* operations intelligence */
#arf7-superapp .arf7-intel{margin-top:20px!important}
#arf7-superapp .arf7-intel-kpis{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
#arf7-superapp .arf7-intel-kpi{
  background:var(--arf-card)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  padding:11px!important;
}
#arf7-superapp .arf7-intel-kpi-icon{
  width:31px!important;height:31px!important;
  background:var(--arf-primary-soft)!important;
  color:var(--arf-primary)!important;
  border-radius:8px!important;
}
#arf7-superapp .arf7-intel-kpi-icon .arf-v2-icon{width:15px;height:15px}
#arf7-superapp .arf7-intel-kpi span{color:var(--arf-muted)!important}
#arf7-superapp .arf7-intel-kpi strong{color:var(--arf-text)!important;font-size:18px!important}
#arf7-superapp .arf7-intel-kpi small{color:var(--arf-faint)!important}
#arf7-superapp .arf7-intel-grid{gap:10px!important}
#arf7-superapp .arf7-intel-grid-main{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important}
#arf7-superapp .arf7-attention-tile{
  background:var(--arf-card-2)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:10px!important;
  color:var(--arf-text)!important;
  box-shadow:none!important;
}
#arf7-superapp .arf7-attention-tile:hover{border-color:var(--arf-border-strong)!important}
#arf7-superapp .arf7-attention-tile small{color:var(--arf-muted)!important}
#arf7-superapp .arf7-intel-table th{
  background:var(--arf-card-2)!important;
  color:var(--arf-muted)!important;
  border-color:var(--arf-border)!important;
}
#arf7-superapp .arf7-intel-table td{
  color:var(--arf-text)!important;
  border-color:var(--arf-border)!important;
}
#arf7-superapp .arf7-intel-table td small{color:var(--arf-muted)!important}
#arf7-superapp .arf7-quality-pill{background:var(--arf-primary-soft)!important;color:var(--arf-primary)!important}
#arf7-superapp .arf7-progress{background:var(--arf-card-2)!important;border-color:var(--arf-border)!important}
#arf7-superapp .arf7-progress i{background:var(--arf-primary)!important}

/* quick access */
#arf7-superapp .arf7-services-compact{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
#arf7-superapp .arf7-services-compact .arf7-service{
  min-height:92px!important;
  padding:11px!important;
  border-radius:11px!important;
  border:1px solid var(--arf-border)!important;
  background:var(--arf-card)!important;
  box-shadow:none!important;
}
#arf7-superapp .arf7-services-compact .arf7-service:hover{
  border-color:color-mix(in srgb,var(--arf-primary) 35%,var(--arf-border))!important;
  background:var(--arf-card-2)!important;
}
#arf7-superapp .arf7-service-icon{
  width:31px!important;height:31px!important;
  border-radius:8px!important;
  background:var(--arf-primary-soft)!important;
  color:var(--arf-primary)!important;
  display:grid!important;place-items:center!important;
  font-size:0!important;
}
#arf7-superapp .arf7-service-icon .arf-v2-icon{width:16px;height:16px}
#arf7-superapp .arf7-service h4{color:var(--arf-text)!important;font-size:10px!important;margin:8px 0 3px!important}
#arf7-superapp .arf7-service p{color:var(--arf-muted)!important;font-size:8px!important;line-height:1.35!important}

/* generic buttons/forms */
#arf7-superapp .arf7-btn{
  border-radius:9px!important;
  padding:8px 11px!important;
  min-height:34px;
  font-size:9.5px!important;
  font-weight:760!important;
  box-shadow:none!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease;
}
#arf7-superapp .arf7-btn.primary{
  background:var(--arf-primary)!important;
  color:#fff!important;
}
#arf7-superapp .arf7-btn.primary:hover{background:var(--arf-primary-2)!important}
#arf7-superapp .arf7-btn.soft{
  background:var(--arf-card)!important;
  color:var(--arf-text)!important;
  border:1px solid var(--arf-border)!important;
}
#arf7-superapp .arf7-btn.soft:hover{background:var(--arf-card-2)!important;border-color:var(--arf-border-strong)!important}
#arf7-superapp .arf7-btn.danger{background:var(--arf-danger)!important;color:#fff!important}
#arf7-superapp .arf7-linkbtn{color:var(--arf-primary)!important;font-weight:720!important}
#arf7-superapp .arf7-input,
#arf7-superapp .arf7-select,
#arf7-superapp .arf7-textarea{
  background:var(--arf-card)!important;
  color:var(--arf-text)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
#arf7-superapp .arf7-input:focus,
#arf7-superapp .arf7-select:focus,
#arf7-superapp .arf7-textarea:focus{
  outline:none!important;
  border-color:color-mix(in srgb,var(--arf-primary) 60%,var(--arf-border))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--arf-primary) 11%,transparent)!important;
}
#arf7-superapp .arf7-field label{color:var(--arf-muted)!important;font-weight:650!important}
#arf7-superapp .arf7-settingrow{
  border-color:var(--arf-border)!important;
  color:var(--arf-muted)!important;
}
#arf7-superapp .arf7-settingrow b{color:var(--arf-text)!important}

/* tables */
#arf7-superapp .arf7-tablewrap{
  border:1px solid var(--arf-border)!important;
  border-radius:11px!important;
  overflow:auto!important;
  background:var(--arf-card)!important;
}
#arf7-superapp .arf7-table{
  border-collapse:separate!important;
  border-spacing:0!important;
  color:var(--arf-text)!important;
}
#arf7-superapp .arf7-table th{
  position:sticky;top:0;z-index:2;
  background:var(--arf-card-2)!important;
  color:var(--arf-muted)!important;
  border-bottom:1px solid var(--arf-border)!important;
  font-size:8px!important;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-weight:780!important;
}
#arf7-superapp .arf7-table td{
  background:var(--arf-card)!important;
  color:var(--arf-text)!important;
  border-bottom:1px solid var(--arf-border)!important;
  font-size:9px!important;
}
#arf7-superapp .arf7-table tbody tr:last-child td{border-bottom:0!important}
#arf7-superapp .arf7-table tbody tr:hover td{background:var(--arf-card-2)!important}
#arf7-superapp .arf7-cell-sub{color:var(--arf-muted)!important}

/* approval inbox */
#arf7-superapp .arf7-approval-layout{
  display:grid;
  grid-template-columns:minmax(320px,.78fr) minmax(560px,1.45fr);
  gap:12px;
}
#arf7-superapp .arf7-user-approval-card,
#arf7-superapp .arf7-cluster-approval-card{min-width:0}
#arf7-superapp .arf7-cluster-approval-card{
  border-top:3px solid var(--arf-primary)!important;
}
#arf7-superapp .arf7-review-section{
  background:var(--arf-card-2)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:11px!important;
}
#arf7-superapp .arf7-review-head{
  border-color:var(--arf-border)!important;
  color:var(--arf-text)!important;
}
#arf7-superapp .arf7-review-item{
  background:var(--arf-card)!important;
  border-color:var(--arf-border)!important;
  color:var(--arf-text)!important;
}
#arf7-superapp .arf7-review-item small{color:var(--arf-muted)!important}
#arf7-superapp .arf7-review-comment{
  background:var(--arf-warning-soft)!important;
  border-color:color-mix(in srgb,var(--arf-warning) 30%,var(--arf-border))!important;
  color:var(--arf-text)!important;
}

/* cluster */
#arf7-superapp .arf7-pagebar{
  background:var(--arf-card)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  padding:9px!important;
  margin-bottom:10px!important;
}
#arf7-superapp .arf7-searchbar{
  background:var(--arf-card-2)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:9px!important;
}
#arf7-superapp .arf7-searchbar input{color:var(--arf-text)!important}
#arf7-superapp .arf7-chips button{
  background:var(--arf-card)!important;
  color:var(--arf-muted)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:8px!important;
}
#arf7-superapp .arf7-chips button.active{
  background:var(--arf-primary)!important;
  color:#fff!important;
  border-color:var(--arf-primary)!important;
}
#arf7-superapp .arf7-cluster-layout{
  grid-template-columns:370px minmax(0,1fr)!important;
  gap:10px!important;
}
#arf7-superapp .arf7-farmcards{gap:6px!important}
#arf7-superapp .arf7-farmcard{
  background:var(--arf-card)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:11px!important;
  padding:11px!important;
  box-shadow:none!important;
}
#arf7-superapp .arf7-farmcard:hover{border-color:var(--arf-border-strong)!important}
#arf7-superapp .arf7-farmcard.active{
  border-color:color-mix(in srgb,var(--arf-primary) 55%,var(--arf-border))!important;
  background:var(--arf-primary-soft)!important;
  box-shadow:inset 3px 0 0 var(--arf-primary)!important;
}
#arf7-superapp .arf7-farmcard b{color:var(--arf-text)!important}
#arf7-superapp .arf7-farmcard p{color:var(--arf-muted)!important}
#arf7-superapp .arf7-tag{
  border-radius:6px!important;
  background:var(--arf-card-2)!important;
  color:var(--arf-muted)!important;
  border:1px solid var(--arf-border)!important;
  padding:4px 6px!important;
  font-size:7.5px!important;
}
#arf7-superapp .arf7-tag b{
  color:var(--arf-faint)!important;
  font-size:6.5px!important;
  letter-spacing:.05em;
  margin-right:3px;
}
#arf7-superapp .arf7-fprofile-hero,
#arf7-superapp .arf7-fprofile-panel{
  background:var(--arf-card)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
#arf7-superapp .arf7-fprofile-avatar{
  background:var(--arf-primary-soft)!important;
  color:var(--arf-primary)!important;
  border:1px solid color-mix(in srgb,var(--arf-primary) 22%,var(--arf-border))!important;
}
#arf7-superapp .arf7-fprofile-main h3{color:var(--arf-text)!important}
#arf7-superapp .arf7-fprofile-main p{color:var(--arf-muted)!important}
#arf7-superapp .arf7-fprofile-stat{background:var(--arf-card-2)!important;border-color:var(--arf-border)!important}
#arf7-superapp .arf7-fprofile-stat span{color:var(--arf-muted)!important}
#arf7-superapp .arf7-fprofile-stat b{color:var(--arf-text)!important}
#arf7-superapp .arf7-detail{
  background:var(--arf-card-2)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:9px!important;
}
#arf7-superapp .arf7-detail small{color:var(--arf-muted)!important}
#arf7-superapp .arf7-detail b{color:var(--arf-text)!important}

/* map */
#arf7-superapp .arf7-mapcard{padding:12px!important}
#arf7-superapp .arf7-map{
  border-radius:11px!important;
  border:1px solid var(--arf-border)!important;
  background:var(--arf-card-2)!important;
}
#arf7-superapp .arf7-map-status span{
  background:var(--arf-card)!important;
  border:1px solid var(--arf-border)!important;
  color:var(--arf-muted)!important;
  border-radius:7px!important;
}
#arf7-superapp .maplibregl-popup-content{
  background:var(--arf-card)!important;
  color:var(--arf-text)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:10px!important;
  box-shadow:var(--arf-shadow-pop)!important;
}

/* status / badge */
#arf7-superapp .arf7-badge{
  border-radius:6px!important;
  padding:4px 7px!important;
  background:var(--arf-primary-soft)!important;
  color:var(--arf-primary)!important;
  font-weight:760!important;
}
#arf7-superapp .arf7-badge.warn{background:var(--arf-warning-soft)!important;color:var(--arf-warning)!important}
#arf7-superapp .arf7-badge.err,
#arf7-superapp .arf7-badge.red{background:var(--arf-danger-soft)!important;color:var(--arf-danger)!important}
#arf7-superapp .arf7-badge.blue{background:var(--arf-info-soft)!important;color:var(--arf-info)!important}

/* activity graph */
#arf7-superapp .arf7-chart-shell .grid{stroke:var(--arf-border)!important}
#arf7-superapp .arf7-chart-shell .axis{stroke:var(--arf-faint)!important}
#arf7-superapp .arf7-chart-shell .axis-tick{fill:var(--arf-muted)!important}
#arf7-superapp .arf7-chart-shell .axis-title{fill:var(--arf-text)!important}
#arf7-superapp .arf7-chart-tooltip{
  background:var(--arf-card)!important;
  color:var(--arf-text)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:9px!important;
  box-shadow:var(--arf-shadow-pop)!important;
}

/* timeline / risk */
#arf7-superapp .arf7-risk-row,
#arf7-superapp .arf7-timeline-item{
  color:var(--arf-text)!important;
  border-color:var(--arf-border)!important;
}
#arf7-superapp .arf7-risk-row:hover,
#arf7-superapp .arf7-timeline-item:hover{background:var(--arf-card-2)!important}
#arf7-superapp .arf7-risk-row small,
#arf7-superapp .arf7-timeline-item span,
#arf7-superapp .arf7-timeline-item small{color:var(--arf-muted)!important}
#arf7-superapp .arf7-timeline-item i{
  background:var(--arf-primary-soft)!important;
  color:var(--arf-primary)!important;
}
#arf7-superapp .arf7-timeline-item i .arf-v2-icon{width:15px;height:15px}

/* modal / loading */
#arf7-superapp .arf7-modal{
  background:rgba(6,18,12,.44)!important;
  backdrop-filter:blur(8px);
}
#arf7-superapp .arf7-modal-card{
  background:var(--arf-card)!important;
  color:var(--arf-text)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:16px!important;
  box-shadow:var(--arf-shadow-pop)!important;
}
#arf7-superapp .arf7-loading{background:color-mix(in srgb,var(--arf-bg) 72%,transparent)!important;backdrop-filter:blur(6px)}
#arf7-superapp .arf7-loading-card{
  background:var(--arf-card)!important;
  color:var(--arf-text)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:13px!important;
  box-shadow:var(--arf-shadow-pop)!important;
}
#arf7-superapp .arf7-spinner{border-color:var(--arf-border)!important;border-top-color:var(--arf-primary)!important}

/* login */
#arf7-superapp .arf7-login-card{
  background:var(--arf-card)!important;
  color:var(--arf-text)!important;
  border:1px solid var(--arf-border)!important;
  border-radius:18px!important;
  box-shadow:var(--arf-shadow-pop)!important;
}
#arf7-superapp .arf7-login-title h1,
#arf7-superapp .arf7-login-title h2{color:var(--arf-text)!important}
#arf7-superapp .arf7-login-copy,
#arf7-superapp .arf7-login-help{color:var(--arf-muted)!important}
#arf7-superapp .arf7-loginmark.logo{
  background:transparent!important;
  width:92px!important;height:92px!important;
  border-radius:0!important;
}

/* support mode */
#arf7-superapp .arf7-supportbar{
  background:#332A14!important;
  color:#F5E4B1!important;
  border-bottom:1px solid #5A4720!important;
}

/* profile/settings */
#arf7-superapp .arf7-profile-avatar{
  background:var(--arf-primary-soft)!important;
  color:var(--arf-primary)!important;
  border:1px solid var(--arf-border)!important;
}

/* dark mode hard reset for legacy hard-coded whites */
#arf7-superapp[data-theme="dark"] :where(
  .arf7-card,.arf7-wallet,.arf7-insight,.arf7-service,.arf7-farmcard,.arf7-detail,
  .arf7-fprofile-hero,.arf7-fprofile-panel,.arf7-pagebar,.arf7-tablewrap,
  .arf7-login-card,.arf7-modal-card,.arf7-settingrow,.arf7-threadbtn
){
  color:var(--arf-text)!important;
}
#arf7-superapp[data-theme="dark"] :where(
  h1,h2,h3,h4,strong,b,.arf7-detail b,.arf7-settingrow b,.arf7-fprofile-main h3
){color:var(--arf-text)!important}
#arf7-superapp[data-theme="dark"] :where(
  p,small,label,.arf7-empty,.arf7-cell-sub
){color:var(--arf-muted)!important}

/* bottom/mobile */
#arf7-superapp .arf7-bottom{
  background:color-mix(in srgb,var(--arf-card) 96%,transparent)!important;
  border-top:1px solid var(--arf-border)!important;
  backdrop-filter:blur(16px);
}
#arf7-superapp .arf7-bnav{color:var(--arf-muted)!important}
#arf7-superapp .arf7-bnav i{height:22px!important;display:grid!important;place-items:center!important}
#arf7-superapp .arf7-bnav i .arf-v2-icon{width:19px;height:19px}
#arf7-superapp .arf7-bnav.active{color:var(--arf-primary)!important}
#arf7-superapp .arf7-drawer{background:rgba(4,15,9,.45)!important;backdrop-filter:blur(7px)}
#arf7-superapp .arf7-drawer-panel{
  background:linear-gradient(180deg,var(--arf-sidebar),var(--arf-sidebar-2))!important;
  box-shadow:var(--arf-shadow-pop)!important;
}

/* scrollbars */
#arf7-superapp *{scrollbar-width:thin;scrollbar-color:var(--arf-border-strong) transparent}
#arf7-superapp *::-webkit-scrollbar{width:8px;height:8px}
#arf7-superapp *::-webkit-scrollbar-thumb{background:var(--arf-border-strong);border-radius:10px}
#arf7-superapp *::-webkit-scrollbar-track{background:transparent}

/* responsive */
@media(max-width:1280px){
  #arf7-superapp .arf7-intel-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #arf7-superapp .arf7-services-compact{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #arf7-superapp .arf7-approval-layout{grid-template-columns:1fr!important}
}
@media(max-width:1060px){
  #arf7-superapp .arf7-shell{grid-template-columns:214px minmax(0,1fr)!important}
  #arf7-superapp .arf7-cluster-layout{grid-template-columns:330px minmax(0,1fr)!important}
}
@media(max-width:860px){
  #arf7-superapp .arf7-shell{display:block!important}
  #arf7-superapp .arf7-side{display:none!important}
  #arf7-superapp .arf7-top{height:64px!important;min-height:64px!important;padding:0 13px!important}
  #arf7-superapp .arf7-content{padding:13px 11px 82px!important}
  #arf7-superapp .arf7-hero{padding:17px!important;min-height:0!important}
  #arf7-superapp .arf7-hero::after{display:none}
  #arf7-superapp .arf7-hero h2{font-size:20px!important}
  #arf7-superapp .arf7-hero-metric{min-width:140px!important}
  #arf7-superapp .arf7-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #arf7-superapp .arf7-home-insights{grid-template-columns:1fr!important}
  #arf7-superapp .arf7-intel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #arf7-superapp .arf7-intel-grid,
  #arf7-superapp .arf7-intel-grid-main{grid-template-columns:1fr!important}
  #arf7-superapp .arf7-services-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #arf7-superapp .arf7-cluster-layout{display:block!important}
  #arf7-superapp .arf7-farmcards{max-height:none!important}
}
@media(max-width:560px){
  #arf7-superapp .arf7-top-left h1{font-size:15px!important}
  #arf7-superapp .arf7-top-right{gap:4px!important}
  #arf7-superapp .arf7-iconbtn{width:33px!important;height:33px!important}
  #arf7-superapp .arf7-top-right [data-action="search"]{display:none!important}
  #arf7-superapp .arf7-hero{display:block!important}
  #arf7-superapp .arf7-hero-metric{margin-top:14px!important;width:100%!important}
  #arf7-superapp .arf7-intel-kpis{grid-template-columns:1fr 1fr!important}
  #arf7-superapp .arf7-formgrid,
  #arf7-superapp .arf7-detailgrid{grid-template-columns:1fr!important}
}

/* Accessibility */
#arf7-superapp button:focus-visible,
#arf7-superapp a:focus-visible,
#arf7-superapp input:focus-visible,
#arf7-superapp select:focus-visible,
#arf7-superapp textarea:focus-visible{
  outline:2px solid color-mix(in srgb,var(--arf-primary) 65%,#fff)!important;
  outline-offset:2px!important;
}


/* ARFC v7.14.3 — Map visibility/access hotfix */
#arf7-superapp .arf7-map{background:#DDE8E1!important;isolation:isolate}
#arf7-superapp[data-theme="dark"] .arf7-map{background:#13251B!important}
#arf7-superapp .arf7-map .maplibregl-canvas{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
#arf7-superapp .arf7-map .maplibregl-canvas-container{position:absolute!important;inset:0!important}
#arf7-superapp .arf7-map .maplibregl-control-container{position:relative;z-index:5}
#arf7-superapp .arf7-map-marker{z-index:7!important}
#arf7-superapp .arf7-map-status [data-map-provider]{color:var(--arf-info)!important;background:var(--arf-info-soft)!important}


/* ARFC v7.15 — Visit Management + sidebar notifications */
#arf7-superapp .arf7-notification-badge{background:var(--arf-info)!important}
#arf7-superapp .arf7-visit-badge{background:var(--arf-warning)!important}
#arf7-superapp .arf7-visit-home-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
#arf7-superapp .arf7-visit-home-item{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;text-align:left;border:1px solid var(--arf-border);background:var(--arf-card);color:var(--arf-text);border-radius:11px;padding:10px 12px;cursor:pointer}
#arf7-superapp .arf7-visit-home-item:hover{background:var(--arf-card-2);border-color:var(--arf-border-strong)}
#arf7-superapp .arf7-visit-home-item i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--arf-primary-soft);color:var(--arf-primary)}
#arf7-superapp .arf7-visit-home-item i .arf-v2-icon{width:15px;height:15px}
#arf7-superapp .arf7-visit-home-item span{font-size:8.5px;color:var(--arf-muted)}
#arf7-superapp .arf7-visit-home-item b{font-size:18px;color:var(--arf-text)}
#arf7-superapp .arf7-visit-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:10px;padding:14px 16px;background:var(--arf-card);border:1px solid var(--arf-border);border-radius:13px}
#arf7-superapp .arf7-visit-toolbar h3{margin:0;color:var(--arf-text);font-size:15px}
#arf7-superapp .arf7-visit-toolbar small{color:var(--arf-muted);font-size:9px}
#arf7-superapp .arf7-visit-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}
#arf7-superapp .arf7-visit-kpi{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:10px;background:var(--arf-card);border:1px solid var(--arf-border);border-radius:11px}
#arf7-superapp .arf7-visit-kpi i{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;background:var(--arf-primary-soft);color:var(--arf-primary);border-radius:8px}
#arf7-superapp .arf7-visit-kpi i .arf-v2-icon{width:15px;height:15px}
#arf7-superapp .arf7-visit-kpi span{font-size:8px;color:var(--arf-muted)}
#arf7-superapp .arf7-visit-kpi b{font-size:17px;color:var(--arf-text)}
#arf7-superapp .arf7-visit-filters .arf7-select,#arf7-superapp .arf7-visit-filters .arf7-input{width:auto;min-width:150px}
#arf7-superapp .arf7-actions-cell{white-space:nowrap}
#arf7-superapp .arf7-visit-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
#arf7-superapp .arf7-visit-detail-grid>div{padding:9px 10px;background:var(--arf-card-2);border:1px solid var(--arf-border);border-radius:9px}
#arf7-superapp .arf7-visit-detail-grid span{display:block;color:var(--arf-muted);font-size:8px;margin-bottom:3px}
#arf7-superapp .arf7-visit-detail-grid b{font-size:10px;color:var(--arf-text)}
#arf7-superapp .arf7-visit-report-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0 0 10px}
#arf7-superapp .arf7-visit-report-kpis>div{padding:9px;background:var(--arf-card-2);border:1px solid var(--arf-border);border-radius:9px}
#arf7-superapp .arf7-visit-report-kpis span{display:block;color:var(--arf-muted);font-size:8px}
#arf7-superapp .arf7-visit-report-kpis b{font-size:16px;color:var(--arf-text)}
#arf7-superapp .arf7-notification-row.unread{box-shadow:inset 3px 0 0 var(--arf-info);background:var(--arf-info-soft)!important}
#arf7-superapp .arf7-farm-visit-preview{margin-top:10px;padding:11px;background:var(--arf-card);border:1px solid var(--arf-border);border-radius:12px}
@media(max-width:1100px){#arf7-superapp .arf7-visit-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){#arf7-superapp .arf7-visit-home-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#arf7-superapp .arf7-visit-toolbar{align-items:flex-start;flex-direction:column}#arf7-superapp .arf7-visit-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#arf7-superapp .arf7-visit-report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){#arf7-superapp .arf7-visit-detail-grid{grid-template-columns:1fr}#arf7-superapp .arf7-visit-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#arf7-superapp .arf7-visit-filters{width:100%;flex-wrap:wrap}#arf7-superapp .arf7-visit-filters .arf7-select,#arf7-superapp .arf7-visit-filters .arf7-input{min-width:0;flex:1}}

/* v7.15.1 operational alignment */
#arf7-superapp .arf7-transfer-card{margin-bottom:12px!important;border-left:3px solid var(--arf-primary)!important}
#arf7-superapp .arf7-visit-pop-entry{margin:12px 0!important;padding:12px!important;background:var(--arf-card-2)!important;box-shadow:none!important}
#arf7-superapp .arf7-pop-history{margin-top:10px!important;padding:12px!important}
#arf7-superapp .arf7-badge.green{background:var(--arf-primary-soft)!important;color:var(--arf-success)!important}
#arf7-superapp .arf7-badge.red{background:var(--arf-danger-soft)!important;color:var(--arf-danger)!important}


/* v7.15.2 Unified Population editor */
#arf7-superapp .arf7-profile-population-editor{border-top:3px solid var(--arf-primary)!important}
#arf7-superapp .arf7-profile-population-editor [data-profile-pop-total]{font-size:10px!important}
#arf7-superapp .arf7-profile-population-editor [readonly]{background:var(--arf-primary-soft)!important;color:var(--arf-primary)!important;font-weight:800!important}

/* v7.15.3 Official Visit Report PDF */
#arf7-superapp .arf7-visit-pdf-actions{margin-top:12px;padding-top:10px;border-top:1px solid var(--arf-border)}
#arf7-superapp .arf7-visit-pdf-actions .arf-v2-icon{width:14px;height:14px;margin-right:5px}
#arf7-superapp [data-official-pdf],#arf7-superapp [data-modal-official-pdf]{border-color:color-mix(in srgb,var(--arf-primary) 28%,var(--arf-border))!important}

/* ==============================================================
   ARFC v7.16 — VMS-style lightweight raster map
   No MapLibre/OpenFreeMap runtime dependency.
   ============================================================== */
#arf7-superapp .arf716-map-stage{
  position:relative;width:100%;height:100%;min-height:480px;overflow:hidden;
  background:var(--arf-card-2);cursor:grab;touch-action:none;user-select:none;
}
#arf7-superapp .arf716-map-stage.dragging{cursor:grabbing}
#arf7-superapp .arf716-map-tiles,
#arf7-superapp .arf716-map-markers,
#arf7-superapp .arf716-map-popup-layer{position:absolute;inset:0;overflow:hidden}
#arf7-superapp .arf716-map-tiles img{
  position:absolute;width:256px;height:256px;max-width:none!important;border:0!important;
  user-select:none;pointer-events:none;background:#e8ece9;
}
#arf7-superapp[data-theme="dark"] .arf716-map-tiles{filter:brightness(.72) contrast(1.05) saturate(.78)}
#arf7-superapp .arf716-map-markers{pointer-events:none}
#arf7-superapp .arf716-map-markers .arf7-map-marker{
  position:absolute;transform:translate(-50%,-100%) rotate(-45deg);pointer-events:auto;z-index:20;
}
#arf7-superapp .arf716-map-popup-layer{pointer-events:none;z-index:40}
#arf7-superapp .arf716-raster-popup{
  position:absolute;width:min(290px,calc(100% - 16px));pointer-events:auto;
  background:var(--arf-card);color:var(--arf-text);border:1px solid var(--arf-border);
  border-radius:12px;box-shadow:var(--arf-shadow-pop);padding:12px;z-index:45;
}
#arf7-superapp .arf716-popup-close{
  position:absolute;top:5px;right:6px;width:28px;height:28px;border:0;border-radius:8px;
  background:var(--arf-card-2);color:var(--arf-muted);font-size:18px;cursor:pointer;
}
#arf7-superapp .arf716-map-controls{
  position:absolute;right:12px;top:12px;z-index:60;display:grid;gap:5px;
}
#arf7-superapp .arf716-map-controls button{
  width:38px;height:38px;border:1px solid var(--arf-border);border-radius:9px;
  background:var(--arf-card);color:var(--arf-text);font-size:20px;font-weight:700;
  box-shadow:var(--arf-shadow);cursor:pointer;
}
#arf7-superapp .arf716-map-attrib{
  position:absolute;right:7px;bottom:5px;z-index:50;background:rgba(255,255,255,.88);
  color:#47524c;font-size:9px;padding:3px 6px;border-radius:5px;pointer-events:none;
}
#arf7-superapp[data-theme="dark"] .arf716-map-attrib{background:rgba(12,21,16,.86);color:#becbc3}
@media(max-width:860px){#arf7-superapp .arf716-map-stage{min-height:62vh}}


/* ===== v7.16.5: menu sisi boleh disembunyikan ===== */
/* Bila menu disembunyikan, kandungan utama mengambil SATU-SATUNYA kolum.
   (v7.16.5 tersilap: kandungan jatuh ke kolum 0px dan skrin menjadi kosong.) */
#arf7-superapp .arf7-shell.side-hidden{grid-template-columns:minmax(0,1fr)!important}
#arf7-superapp .arf7-shell.side-hidden .arf7-main{grid-column:1 / -1!important}
#arf7-superapp .arf7-shell.side-hidden .arf7-side{display:none!important}
#arf7-superapp .arf7-top-left{display:flex;align-items:center;gap:12px}
@media(max-width:860px){#arf7-superapp .arf7-desktop-only{display:none!important}}

/* ===== v7.16.5: jadual tidak lagi memecahkan perkataan huruf demi huruf ===== */
#arf7-superapp .arf7-table th,
#arf7-superapp .arf7-table td{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
#arf7-superapp .arf7-table th{white-space:nowrap!important}
#arf7-superapp .arf7-table td{min-width:80px}
#arf7-superapp .arf7-table td.nowrap{white-space:nowrap!important}
#arf7-superapp .arf7-table td.wrap{min-width:180px;max-width:340px;white-space:normal!important;overflow-wrap:anywhere!important}
#arf7-superapp [data-page="audit"] .arf7-table{min-width:1150px!important;table-layout:auto!important}
#arf7-superapp [data-page="audit"] .arf7-table td:nth-child(3),
#arf7-superapp [data-page="audit"] .arf7-table td:nth-child(4),
#arf7-superapp [data-page="audit"] .arf7-table td:nth-child(8){white-space:nowrap!important}
#arf7-superapp [data-page="users"] .arf7-table{min-width:1100px!important}


/* ===== v7.16.7: Notifikasi ===== */
#arf7-superapp [data-announcement-compose],#arf7-superapp [data-announcement-admin-card]{display:none}
#arf7-superapp .arf7-grid2.arf7-notif-single{grid-template-columns:minmax(0,1fr)!important}
#arf7-superapp .arf7-notification-row{align-items:flex-start;gap:14px;padding:12px 4px}
#arf7-superapp .arf7-notif-body{flex:1;min-width:0;cursor:pointer}
#arf7-superapp .arf7-notif-body:hover b{text-decoration:underline}
#arf7-superapp .arf7-notif-msg{font-size:11px;color:var(--arf-muted,var(--muted));margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere}
#arf7-superapp .arf7-notif-time{display:block;margin-top:4px;font-size:10px;opacity:.75}
#arf7-superapp .arf7-notification-row .arf7-actions{flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
#arf7-superapp .arf7-notification-row.unread .arf7-notif-body b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#3DBE7E;margin-right:7px;vertical-align:middle}
#arf7-superapp .arf7-notif-detail-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
#arf7-superapp .arf7-notif-detail-msg{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;padding:14px;border-radius:12px;background:var(--arf-card-2,rgba(255,255,255,.04))}
#arf7-superapp .arf7-notif-detail-from{display:block;margin-top:10px;opacity:.75}

/* ===== v7.16.7: Butang GPS dalam edit profil ===== */
#arf7-superapp .arf7-gps-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
#arf7-superapp .arf7-gps-row small{flex:1;min-width:220px;opacity:.85}


/* ===== v7.16.8: popup peta ===== */
#arf7-superapp .arf7-map-popup-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
#arf7-superapp .arf7-map-popup-actions .arf7-btn{flex:1;text-align:center;justify-content:center;text-decoration:none;min-width:80px}
#arf7-superapp .arf716-raster-popup{max-height:320px;overflow:auto}
#arf7-superapp .arf716-map-controls button{touch-action:manipulation}

/* ===== v7.17.1: peta — pinch, fokus papan kekunci, tile diguna semula, status ===== */
#arf7-superapp .arf716-map-stage{touch-action:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain}
#arf7-superapp .arf716-map-stage:focus{outline:none}
#arf7-superapp .arf716-map-stage:focus-visible{outline:3px solid var(--arf-info,#2f6fde);outline-offset:-3px}
#arf7-superapp .arf716-map-tiles img{left:0;top:0;transform-origin:0 0;backface-visibility:hidden;z-index:1}
#arf7-superapp .arf716-map-tiles img.stale{z-index:0}
#arf7-superapp .arf716-map-tiles img[data-state="err"]{visibility:hidden}
#arf7-superapp .arf716-map-controls button:disabled{opacity:.45;cursor:not-allowed}
#arf7-superapp .arf716-map-controls button:focus-visible,
#arf7-superapp .arf716-map-markers .arf7-map-marker:focus-visible{outline:3px solid var(--arf-info,#2f6fde);outline-offset:2px}
#arf7-superapp .arf7171-map-notice{
  position:absolute;left:10px;right:58px;bottom:26px;z-index:55;pointer-events:none;
  background:var(--arf-card,#fff);color:var(--arf-text,#1d2a22);border:1px solid var(--arf-border,#d7ded9);
  border-left:4px solid #D39A27;border-radius:9px;padding:8px 10px;font-size:11px;line-height:1.35;box-shadow:var(--arf-shadow)
}
#arf7-superapp .arf7171-map-notice[hidden]{display:none}