/* ============================================================
   SENAGUARD PREMIUM MASTER V3
   Identidade oficial:
   grafite + prata/cromo + dourado metálico + verde neon + rosa neon
   ============================================================ */
:root{
  --sgm-bg:#020507;
  --sgm-bg-2:#050a0e;
  --sgm-panel:#081016;
  --sgm-panel-2:#0b141a;
  --sgm-line:rgba(219,228,234,.13);
  --sgm-text:#f6f8fa;
  --sgm-muted:#8e9aa2;

  --sgm-green:#39f58a;
  --sgm-green-hi:#a5ffca;
  --sgm-green-deep:#17b95a;

  --sgm-gold:#dfb34b;
  --sgm-gold-hi:#ffeb9c;
  --sgm-gold-deep:#765016;

  --sgm-silver:#dce3e8;
  --sgm-silver-mid:#7d8991;
  --sgm-silver-dark:#313a40;

  --sgm-pink:#ff4b88;
  --sgm-pink-hi:#ff9abc;
  --sgm-pink-deep:#a72a5f;

  --sgm-danger:#ff607b;
}

body.sg-premium-master{
  background:
    radial-gradient(circle at 88% -18%,rgba(223,179,75,.085),transparent 31%),
    radial-gradient(circle at 7% 26%,rgba(57,245,138,.038),transparent 25%),
    linear-gradient(180deg,#071017 0%,var(--sgm-bg) 62%,#010304 100%)!important;
  color:var(--sgm-text)!important;
}

.sg-premium-master *{box-sizing:border-box}

/* Preview safety banner */
.sg-premium-master .sgm-preview-banner{
  position:relative;
  z-index:99999;
  width:100%;
  padding:8px 14px;
  text-align:center;
  font-size:10px;
  letter-spacing:.08em;
  font-weight:800;
  color:#9ca7ad;
  background:#03070a;
  border-bottom:1px solid rgba(219,228,234,.08);
}

/* ============================================================
   BRAND
   ============================================================ */
.sg-premium-master .sgm-official-brand{
  display:inline-block!important;
  width:190px!important;
  max-width:48vw!important;
  height:48px!important;
  background:url('/assets/img/senaguard-control-oficial.png?v=20260918') left center/contain no-repeat!important;
  font-size:0!important;
  color:transparent!important;
  vertical-align:middle!important;
}
.sg-premium-master .sgm-official-brand>*{display:none!important}

/* Dashboard specific brand */
.sg-premium-master .sg-brand{
  min-height:68px!important;
  height:68px!important;
  padding:0 12px!important;
  background:url('/assets/img/senaguard-control-oficial.png?v=20260918') 12px center/184px auto no-repeat!important;
  font-size:0!important;
  color:transparent!important;
}
.sg-premium-master .sg-brand>*{display:none!important}

/* ============================================================
   CHASSIS / PANELS
   ============================================================ */
.sg-premium-master .sg-sidebar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%),
    #04090d!important;
  border-right:1px solid rgba(223,179,75,.14)!important;
}
.sg-premium-master .sg-topbar,
.sg-premium-master header,
.sg-premium-master .cg-head,
.sg-premium-master .site-header,
.sg-premium-master .topbar{
  background:rgba(3,8,11,.93)!important;
  border-color:rgba(219,228,234,.10)!important;
  backdrop-filter:blur(16px);
}
.sg-premium-master .sg-card,
.sg-premium-master .sg-note,
.sg-premium-master .sg-empty,
.sg-premium-master .sg-metric,
.sg-premium-master .sg-fact,
.sg-premium-master .sg-check,
.sg-premium-master .sg-tool,
.sg-premium-master .cg-box,
.sg-premium-master .cg-note,
.sg-premium-master .cg-plan,
.sg-premium-master .card,
.sg-premium-master .plan-card,
.sg-premium-master .pricing-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005)),
    var(--sgm-panel)!important;
  border-color:var(--sgm-line)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 16px 40px rgba(0,0,0,.19)!important;
}
.sg-premium-master .sg-card:hover,
.sg-premium-master .sg-tool:hover,
.sg-premium-master .cg-box:hover{
  border-color:rgba(223,179,75,.22)!important;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
.sg-premium-master h1,
.sg-premium-master h2,
.sg-premium-master h3,
.sg-premium-master h4{
  color:var(--sgm-text)!important;
}
.sg-premium-master .sg-pagehead h1{
  letter-spacing:-.04em!important;
}
.sg-premium-master .sg-kicker,
.sg-premium-master .eyebrow{
  color:var(--sgm-green)!important;
}
.sg-premium-master p,
.sg-premium-master small,
.sg-premium-master .muted,
.sg-premium-master .sg-muted,
.sg-premium-master .sg-pagehead p{
  color:var(--sgm-muted)!important;
}

/* ============================================================
   ICONS — larger and better defined
   ============================================================ */
.sg-premium-master .sg-svg,
.sg-premium-master .nav-icon svg,
.sg-premium-master svg.sg-svg{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  stroke-width:1.9!important;
  shape-rendering:geometricPrecision;
}
.sg-premium-master .sg-nav .nav-icon,
.sg-premium-master .sg-nav a>span:first-child{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
}
.sg-premium-master .sg-tool .sg-svg,
.sg-premium-master .sg-card .sg-svg,
.sg-premium-master .sgm-action-icon svg{
  width:24px!important;
  height:24px!important;
  stroke-width:1.9!important;
}

/* ============================================================
   NAVIGATION — simplified, premium, readable
   ============================================================ */
.sg-premium-master .sg-nav-section{
  color:#68747b!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
  margin-top:18px!important;
}
.sg-premium-master .sg-nav a{
  min-height:46px!important;
  padding:8px 10px!important;
  color:#aeb8be!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  gap:8px!important;
}
.sg-premium-master .sg-nav a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.03)!important;
  border-color:rgba(219,228,234,.08)!important;
}
.sg-premium-master .sg-nav a.active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(223,179,75,.10),rgba(255,255,255,.01))!important;
  border-color:rgba(223,179,75,.28)!important;
  box-shadow:inset 3px 0 0 var(--sgm-gold)!important;
}
.sg-premium-master .sg-nav a[data-accent="green"].active{
  background:linear-gradient(90deg,rgba(57,245,138,.09),rgba(255,255,255,.01))!important;
  border-color:rgba(57,245,138,.25)!important;
  box-shadow:inset 3px 0 0 var(--sgm-green)!important;
}
.sg-premium-master .sg-nav a[data-accent="pink"].active{
  background:linear-gradient(90deg,rgba(255,75,136,.09),rgba(255,255,255,.01))!important;
  border-color:rgba(255,75,136,.26)!important;
  box-shadow:inset 3px 0 0 var(--sgm-pink)!important;
}

.sg-premium-master .sg-nav a[data-accent="green"] .nav-icon{color:var(--sgm-green)!important}
.sg-premium-master .sg-nav a[data-accent="gold"] .nav-icon{color:var(--sgm-gold-hi)!important}
.sg-premium-master .sg-nav a[data-accent="pink"] .nav-icon{color:var(--sgm-pink)!important}
.sg-premium-master .sg-nav a[data-accent="silver"] .nav-icon{color:var(--sgm-silver)!important}
.sg-premium-master .sg-nav a[data-accent="blue"] .nav-icon{color:#a9cfe5!important}

/* ============================================================
   BUTTON SYSTEM
   ============================================================ */
.sg-premium-master .sg-btn,
.sg-premium-master .cg-btn,
.sg-premium-master .btn,
.sg-premium-master button,
.sg-premium-master input[type="submit"]{
  min-height:38px;
  border-radius:10px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  transition:.16s ease!important;
}
.sg-premium-master .sgm-green{
  color:#031008!important;
  background:linear-gradient(180deg,var(--sgm-green-hi) 0%,var(--sgm-green) 44%,var(--sgm-green-deep) 100%)!important;
  border:1px solid rgba(160,255,199,.64)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -1px 0 rgba(0,60,29,.46),
    0 9px 25px rgba(57,245,138,.12)!important;
}
.sg-premium-master .sgm-gold{
  color:#161003!important;
  background:linear-gradient(180deg,var(--sgm-gold-hi) 0%,#e6ba58 31%,#997026 73%,var(--sgm-gold-deep) 100%)!important;
  border:1px solid rgba(255,235,168,.60)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.61),
    inset 0 -1px 0 rgba(61,38,5,.55),
    0 9px 25px rgba(223,179,75,.13)!important;
}
.sg-premium-master .sgm-silver{
  color:#101519!important;
  background:linear-gradient(180deg,#f8fafb 0%,#c5ced4 29%,#7c8790 69%,#e0e5e9 100%)!important;
  border:1px solid rgba(244,248,250,.50)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(41,48,53,.34),
    0 8px 21px rgba(0,0,0,.15)!important;
}
.sg-premium-master .sgm-pink{
  color:#fff!important;
  background:linear-gradient(180deg,var(--sgm-pink-hi) 0%,var(--sgm-pink) 45%,var(--sgm-pink-deep) 100%)!important;
  border:1px solid rgba(255,155,190,.50)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.39),
    0 9px 25px rgba(255,75,136,.13)!important;
}
.sg-premium-master .sgm-neutral{
  color:#dce3e7!important;
  background:linear-gradient(180deg,#111a20,#091015)!important;
  border:1px solid rgba(219,228,234,.15)!important;
}

/* ============================================================
   STATUS ACCOUNT / TRIAL / PAID
   ============================================================ */
.sg-premium-master .sgm-account-state{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  margin:0 0 16px;
  padding:16px 18px;
  border:1px solid rgba(223,179,75,.28);
  border-radius:14px;
  background:
    radial-gradient(circle at 0 0,rgba(223,179,75,.10),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004)),
    #071016;
}
.sg-premium-master .sgm-account-state[data-state="trial"]{
  border-color:rgba(57,245,138,.27);
  background:
    radial-gradient(circle at 0 0,rgba(57,245,138,.075),transparent 42%),
    #071016;
}
.sg-premium-master .sgm-account-state[data-state="expired"]{
  border-color:rgba(255,75,136,.30);
  background:
    radial-gradient(circle at 0 0,rgba(255,75,136,.07),transparent 42%),
    #091016;
}
.sg-premium-master .sgm-account-state h3{
  margin:0 0 4px!important;
  font-size:18px!important;
}
.sg-premium-master .sgm-account-state p{margin:0!important}
.sg-premium-master .sgm-state-actions{display:flex;gap:8px;flex-wrap:wrap}

/* ============================================================
   PLANS — clear distinction trial vs paid
   ============================================================ */
.sg-premium-master .sgm-plans-hero{
  position:relative;
  overflow:hidden;
  margin:0 auto 22px;
  padding:26px;
  border:1px solid rgba(57,245,138,.28);
  border-radius:20px;
  background:
    radial-gradient(circle at 10% 0,rgba(57,245,138,.10),transparent 38%),
    radial-gradient(circle at 92% 18%,rgba(223,179,75,.10),transparent 34%),
    linear-gradient(180deg,#0a1419,#06100e);
  box-shadow:0 22px 54px rgba(0,0,0,.25);
}
.sg-premium-master .sgm-plans-hero .eyebrow{
  display:block;
  margin-bottom:8px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.18em;
}
.sg-premium-master .sgm-plans-hero h1{
  max-width:760px;
  margin:0 0 10px;
  font-size:clamp(30px,4.4vw,52px);
  line-height:1;
  letter-spacing:-.055em;
}
.sg-premium-master .sgm-plans-hero p{
  max-width:720px;
  font-size:15px;
  line-height:1.65;
}
.sg-premium-master .sgm-plan-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.sg-premium-master .sgm-or{
  margin:18px 0 6px;
  color:#7f8c94;
  font-size:11px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.sg-premium-master .cg-plans,
.sg-premium-master .pricing,
.sg-premium-master .pricing-app{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.sg-premium-master .cg-plans>*,
.sg-premium-master .pricing>*,
.sg-premium-master .pricing-app>*{
  position:relative!important;
  overflow:hidden!important;
  min-height:100%!important;
  padding:22px!important;
  border-radius:18px!important;
}
.sg-premium-master .cg-plans>*.sgm-plan-essential,
.sg-premium-master .pricing>*.sgm-plan-essential{
  border-color:rgba(220,227,232,.24)!important;
}
.sg-premium-master .cg-plans>*.sgm-plan-family,
.sg-premium-master .pricing>*.sgm-plan-family{
  border-color:rgba(223,179,75,.48)!important;
  background:
    radial-gradient(circle at 10% 0,rgba(223,179,75,.115),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.005)),
    #0b110e!important;
}
.sg-premium-master .cg-plans>*.sgm-plan-plus,
.sg-premium-master .pricing>*.sgm-plan-plus{
  border-color:rgba(255,75,136,.31)!important;
  background:
    radial-gradient(circle at 88% 0,rgba(255,75,136,.085),transparent 33%),
    linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.005)),
    #0a0e13!important;
}
.sg-premium-master .sgm-plan-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  margin:0 0 12px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#150e02;
  background:linear-gradient(180deg,#ffec9b,#d8a944);
  border:1px solid rgba(255,237,171,.60);
}
.sg-premium-master .sgm-plan-intro{
  min-height:48px;
  margin:6px 0 14px!important;
}

/* ============================================================
   EMPTY STATES
   ============================================================ */
.sg-premium-master .sgm-empty-enhanced{
  padding:26px!important;
  text-align:center!important;
  border-style:dashed!important;
}
.sg-premium-master .sgm-empty-enhanced h3{
  margin:0 0 6px!important;
}

/* ============================================================
   LOCATION
   ============================================================ */
.sg-premium-master .sgm-location-action{
  border-color:rgba(57,245,138,.22)!important;
  background:
    radial-gradient(circle at 0 0,rgba(57,245,138,.065),transparent 36%),
    #071016!important;
}
.sg-premium-master .leaflet-container,
.sg-premium-master .sg-map{
  border:1px solid rgba(219,228,234,.14)!important;
  box-shadow:
    inset 0 0 0 1px rgba(223,179,75,.035),
    0 16px 36px rgba(0,0,0,.21)!important;
}

/* ============================================================
   FORMS
   ============================================================ */
.sg-premium-master input,
.sg-premium-master select,
.sg-premium-master textarea{
  color:#f3f6f8!important;
  background:#040a0e!important;
  border-color:rgba(219,228,234,.16)!important;
}
.sg-premium-master input:focus,
.sg-premium-master select:focus,
.sg-premium-master textarea:focus{
  outline:none!important;
  border-color:rgba(57,245,138,.42)!important;
  box-shadow:0 0 0 3px rgba(57,245,138,.07)!important;
}

/* ============================================================
   UTILS
   ============================================================ */
.sg-premium-master .sgm-hidden{display:none!important}
.sg-premium-master .sgm-secondary{
  opacity:.84;
}
.sg-premium-master .sgm-nowrap{white-space:nowrap}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1000px){
  .sg-premium-master .cg-plans,
  .sg-premium-master .pricing,
  .sg-premium-master .pricing-app{
    grid-template-columns:1fr!important;
  }
  .sg-premium-master .sgm-account-state{grid-template-columns:1fr}
}
@media(max-width:640px){
  .sg-premium-master .sgm-plan-actions,
  .sg-premium-master .sgm-state-actions{
    flex-direction:column;
  }
  .sg-premium-master .sgm-plan-actions>*,
  .sg-premium-master .sgm-state-actions>*{
    width:100%;
  }
  .sg-premium-master .sgm-official-brand{width:158px!important}
}