.amf-agent-distribution-p350{
  --agent-blue:#1267f4;
  --agent-blue-2:#2793ff;
  --agent-green:#12a255;
  --agent-violet:#7c3aed;
  --agent-ink:#0f1e3a;
  --agent-muted:#66758f;
  --agent-line:#e4eaf3;
  --agent-soft:#f7f9fc;
  color:var(--agent-ink);
}


.amf-agent-distribution-p350 .amf-agent-tabs-p350{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  padding:6px!important;
  gap:6px!important;
  margin-bottom:22px!important;
  border:1px solid #e1e7f0!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 28px rgba(27,52,87,.055)!important;
}
.amf-agent-distribution-p350 .amf-agent-tab-p350{
  min-height:50px!important;
  border-radius:13px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:#42516a!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:13px!important;
  letter-spacing:-.01em;
}
.amf-agent-distribution-p350 .amf-agent-tab-p350:hover{
  background:#f4f7fc!important;
  color:#155fd7!important;
}
.amf-agent-distribution-p350 .amf-agent-tab-p350.bg-blue-600{
  color:#fff!important;
  background:linear-gradient(135deg,#125ff0 0%,#287cf7 62%,#1f9bf4 100%)!important;
  box-shadow:0 9px 20px rgba(37,99,235,.23)!important;
}
.amf-agent-distribution-p350 .amf-agent-tab-icon-p350{
  width:25px;height:25px;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;font-size:18px;line-height:1;font-family:Arial,sans-serif;
  border:1px solid rgba(59,83,121,.12);background:#f5f8fd;color:#52627b;
}
.amf-agent-distribution-p350 .amf-agent-tab-p350.bg-blue-600 .amf-agent-tab-icon-p350{
  color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);
}


.amf-agent-distribution-p350 .amf-agent-summary-grid-p350{
  gap:18px!important;
  margin-bottom:22px!important;
}
.amf-agent-distribution-p350 .amf-agent-summary-card-p350{
  position:relative;
  overflow:hidden;
  min-height:140px;
  padding:24px!important;
  border:1px solid var(--agent-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(31,54,87,.055)!important;
  isolation:isolate;
}
.amf-agent-distribution-p350 .amf-agent-summary-card-p350::after{
  content:"";position:absolute;z-index:-1;left:-7%;right:-7%;bottom:-46px;height:94px;
  border-radius:55% 55% 0 0/100% 100% 0 0;opacity:.86;pointer-events:none;
}
.amf-agent-distribution-p350 .amf-agent-balance-p350::after{background:linear-gradient(90deg,#eef5ff,#dceaff,#eff6ff)}
.amf-agent-distribution-p350 .amf-agent-tier-p350::after{background:linear-gradient(90deg,#f1fbf5,#e2f8ea,#f2fbf4)}
.amf-agent-distribution-p350 .amf-agent-profit-p350::after{background:linear-gradient(90deg,#fbf7ff,#f0e7ff,#faf4ff)}
.amf-agent-distribution-p350 .amf-agent-summary-card-p350>div:first-child{position:relative;z-index:2;min-width:0}
.amf-agent-distribution-p350 .amf-agent-summary-card-p350 span:first-child{
  color:#62718a!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;
}
.amf-agent-distribution-p350 .amf-agent-balance-p350 span.text-2xl{color:#1267f4!important;font-family:inherit!important;font-size:28px!important;letter-spacing:-.035em}
.amf-agent-distribution-p350 .amf-agent-tier-p350 span.text-sm{font-size:20px!important;letter-spacing:-.01em!important}
.amf-agent-distribution-p350 .amf-agent-profit-p350 span.text-sm{color:#6d28d9!important;font-size:17px!important;letter-spacing:-.02em!important}
.amf-agent-distribution-p350 .amf-agent-summary-note-p350{
  display:block;margin-top:7px;color:#7a879a;font-size:11px;line-height:1.45;font-weight:500;
}
.amf-agent-distribution-p350 .amf-agent-summary-icon-p350{
  position:relative;z-index:2;
  width:58px!important;height:58px!important;border-radius:18px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.07)!important;
}
.amf-agent-distribution-p350 .amf-agent-balance-p350 .amf-agent-summary-icon-p350{background:#eaf2ff!important;color:#1267f4!important}
.amf-agent-distribution-p350 .amf-agent-tier-p350 .amf-agent-summary-icon-p350{background:#eaf9ef!important;color:#0d9f50!important}
.amf-agent-distribution-p350 .amf-agent-profit-p350 .amf-agent-summary-icon-p350{background:#f3eaff!important;color:#7c3aed!important}


.amf-agent-distribution-p350 .amf-agent-main-grid-p350{gap:20px!important;align-items:stretch}
.amf-agent-distribution-p350 .amf-agent-panel-p350{
  border:1px solid #dfe6f0!important;
  border-radius:22px!important;
  padding:24px!important;
  background:linear-gradient(180deg,#fff 0%,#fff 72%,#fbfcfe 100%)!important;
  box-shadow:0 10px 30px rgba(29,53,87,.06)!important;
}
.amf-agent-distribution-p350 .amf-agent-rental-p350{border-top:2px solid #d5e5ff!important}
.amf-agent-distribution-p350 .amf-agent-activation-p350{border-top:2px solid #d8f1e1!important}
.amf-agent-distribution-p350 .amf-agent-panel-title-p350{
  margin-bottom:7px!important;color:#111d35!important;font-size:16px!important;line-height:1.35!important;letter-spacing:-.015em;
}
.amf-agent-distribution-p350 .amf-agent-panel-title-p350 svg{
  width:25px!important;height:25px!important;padding:4px;border-radius:8px;background:#edf4ff;color:#1267f4!important;
}
.amf-agent-distribution-p350 .amf-agent-activation-p350 .amf-agent-panel-title-p350 svg{background:#eaf8ef;color:#10a151!important}
.amf-agent-distribution-p350 .amf-agent-panel-p350 p.text-xs{
  color:#718097!important;font-size:12px!important;line-height:1.65!important;
}
.amf-agent-distribution-p350 .amf-agent-form-p350{margin-top:2px}
.amf-agent-distribution-p350 .amf-agent-form-p350 label{
  color:#263550!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;letter-spacing:.01em;
}


.amf-agent-distribution-p350 .amf-agent-duration-grid-p350{gap:10px!important}
.amf-agent-distribution-p350 .amf-agent-duration-btn-p350{
  min-height:62px;padding:10px 7px!important;border-radius:13px!important;background:#fff!important;
  color:#526179!important;border:1px solid #dde4ee!important;font-size:11px!important;line-height:1.45!important;
  box-shadow:0 3px 10px rgba(28,52,84,.025);
}
.amf-agent-distribution-p350 .amf-agent-duration-btn-p350:hover{border-color:#b8cdf0!important;background:#f8fbff!important}
.amf-agent-distribution-p350 .amf-agent-duration-btn-p350.border-cyan-500{
  border:1.5px solid #176cf3!important;background:#f5f9ff!important;color:#1267f4!important;
  box-shadow:0 5px 14px rgba(37,99,235,.12)!important;
}


.amf-agent-distribution-p350 .amf-agent-activation-options-p350{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;
}
.amf-agent-distribution-p350 .amf-agent-activation-option-p350{
  appearance:none;min-width:0;min-height:62px;padding:9px 6px;border:1px solid #dfe6ef;border-radius:13px;
  background:#fff;color:#485870;text-align:center;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:700;line-height:1.25;
}
.amf-agent-distribution-p350 .amf-agent-activation-option-p350 strong{font-size:11px;color:#53627a;font-weight:800}
.amf-agent-distribution-p350 .amf-agent-activation-option-p350:hover{border-color:#a9d5b9;background:#fbfefc}
.amf-agent-distribution-p350 .amf-agent-activation-option-p350.is-active{
  border:1.5px solid #11a151;background:#f2fbf5;color:#0b8b45;box-shadow:0 5px 14px rgba(16,185,129,.11);
}
.amf-agent-distribution-p350 .amf-agent-activation-option-p350.is-active strong{color:#0b8b45}


.amf-agent-distribution-p350 .amf-agent-input-p350{
  min-height:45px!important;background:#fff!important;border:1px solid #dbe3ee!important;border-radius:13px!important;
  padding:10px 13px!important;font-size:12px!important;box-shadow:inset 0 1px 0 rgba(15,23,42,.015)!important;
}
.amf-agent-distribution-p350 .amf-agent-input-p350:focus{border-color:#7faef7!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}
.amf-agent-distribution-p350 .amf-agent-primary-btn-p350{
  min-height:46px!important;border:0!important;border-radius:13px!important;font-size:12px!important;letter-spacing:.005em;
  box-shadow:0 8px 17px rgba(15,23,42,.10)!important;
}
.amf-agent-distribution-p350 .amf-agent-rental-submit-p350{background:linear-gradient(135deg,#1262f2,#187cf7 70%,#2696fa)!important}
.amf-agent-distribution-p350 .amf-agent-activation-submit-p350{background:linear-gradient(135deg,#079543,#10aa52 70%,#15b75c)!important}
.amf-agent-distribution-p350 .amf-agent-primary-btn-p350:hover{filter:brightness(1.035)}
.amf-agent-distribution-p350 .amf-agent-rental-p350 .amf-agent-form-p350::after,
.amf-agent-distribution-p350 .amf-agent-activation-p350 .amf-agent-form-p350::after{
  display:block;margin-top:11px;border-radius:11px;padding:10px 12px;font-size:10px;line-height:1.4;font-weight:600;
}
.amf-agent-distribution-p350 .amf-agent-rental-p350 .amf-agent-form-p350::after{
  content:"ⓘ  Akun yang dibuat dapat dilihat di menu Produk Saya.";color:#3571c5;background:#f1f7ff;border:1px solid #e0ecfb;
}
.amf-agent-distribution-p350 .amf-agent-activation-p350 .amf-agent-form-p350::after{
  content:"✓  Lisensi akan langsung aktif setelah proses berhasil.";color:#21854b;background:#f1faf4;border:1px solid #dff2e5;
}


@media (min-width:1024px){
  .amf-agent-distribution-p350 .amf-agent-summary-grid-p350{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .amf-agent-distribution-p350 .amf-agent-main-grid-p350{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .amf-agent-distribution-p350 .amf-agent-panel-p350{min-height:430px}
}


@media (max-width:767px){
  .amf-agent-distribution-p350 .amf-agent-tabs-p350{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:5px!important;border-radius:16px!important;
  }
  .amf-agent-distribution-p350 .amf-agent-tab-p350{
    min-height:62px!important;padding:7px 3px!important;gap:5px!important;flex-direction:column!important;font-size:10.5px!important;line-height:1.15!important;
  }
  .amf-agent-distribution-p350 .amf-agent-tab-icon-p350{width:23px;height:23px;font-size:15px;border-radius:7px}
  .amf-agent-distribution-p350 .amf-agent-summary-grid-p350{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:16px!important}
  .amf-agent-distribution-p350 .amf-agent-summary-card-p350{min-height:116px;padding:19px!important;border-radius:18px!important}
  .amf-agent-distribution-p350 .amf-agent-summary-icon-p350{width:50px!important;height:50px!important;border-radius:15px!important}
  .amf-agent-distribution-p350 .amf-agent-main-grid-p350{grid-template-columns:1fr!important;gap:14px!important}
  .amf-agent-distribution-p350 .amf-agent-panel-p350{padding:19px!important;border-radius:19px!important;min-height:0}
  .amf-agent-distribution-p350 .amf-agent-activation-options-p350{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:430px){
  .amf-agent-distribution-p350 .amf-agent-tabs-p350{overflow:visible!important}
  .amf-agent-distribution-p350 .amf-agent-tab-p350{font-size:10px!important}
  .amf-agent-distribution-p350 .amf-agent-duration-grid-p350{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .amf-agent-distribution-p350 .amf-agent-duration-btn-p350{min-height:66px}
  .amf-agent-distribution-p350 .amf-agent-balance-p350 span.text-2xl{font-size:25px!important}
}

@media (hover:none) and (pointer:coarse){
  .amf-agent-distribution-p350 .amf-agent-summary-card-p350,
  .amf-agent-distribution-p350 .amf-agent-panel-p350{box-shadow:0 4px 14px rgba(15,23,42,.05)!important}
  .amf-agent-distribution-p350 .amf-agent-tab-p350,
  .amf-agent-distribution-p350 .amf-agent-activation-option-p350,
  .amf-agent-distribution-p350 .amf-agent-duration-btn-p350{transition-duration:.08s!important}
}