.empire-phone-v4{
  margin:0 0 14px;
  border:1px solid rgba(212,175,55,.45);
  border-radius:16px;
  overflow:hidden;
  background:
    linear-gradient(145deg,#091a3a,#050d20);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}

/* Approved charcoal surface and neon-green dialer accents. */
.empire-phone-v4{border-color:rgba(57,255,136,.34);background:linear-gradient(145deg,#353c47 0%,#181d25 100%);box-shadow:0 24px 70px rgba(0,0,0,.48)}
.empire-phone-v4>summary>b{border-color:rgba(57,255,136,.6);color:#39ff88}
.empire-phone-v4-eyebrow,.empire-phone-v4-hero span,.empire-phone-v4-control span{color:#39ff88}
.empire-phone-v4-body{border-top-color:rgba(57,255,136,.22)}
.empire-phone-v4-hero{border-color:rgba(57,255,136,.3);background:linear-gradient(145deg,#353c47,#1d2631)}
.empire-phone-v4-stats article.gold{border-color:rgba(57,255,136,.48)}
.empire-phone-v4-stats .gold strong{color:#39ff88}
.empire-phone-v4-presets button{border-color:rgba(57,255,136,.46);color:#39ff88}
.empire-phone-v4-presets button:hover{background:rgba(57,255,136,.12)}
.empire-phone-v4-save button{border-color:#39ff88;background:linear-gradient(135deg,#39ff88,#18b968);color:#071427;box-shadow:0 10px 24px rgba(24,185,104,.22)}
.empire-dialer-overview{border-color:rgba(57,255,136,.34);background:linear-gradient(145deg,#353c47,#181d25);box-shadow:0 20px 48px rgba(0,0,0,.32)}
.empire-dialer-overview-heading span{color:#39ff88}
.empire-phone-v4-body #admin-dialer-control :is(.eyebrow,.admin-dialer-control-grid label>span),
.empire-phone-v4-body #incoming-call-assignments .eyebrow{color:#39ff88!important}
.empire-phone-v4-body #admin-dialer-control button.primary{border-color:#39ff88!important;background:linear-gradient(135deg,#39ff88,#18b968)!important;color:#071427!important}

.empire-phone-v4>summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 20px;
}

.empire-phone-v4>summary::-webkit-details-marker{
  display:none;
}

.empire-phone-v4>summary>div{
  display:grid;
  gap:3px;
}

.empire-phone-v4>summary strong{
  color:#fff;
  font-size:20px;
}

.empire-phone-v4>summary small{
  color:rgba(255,255,255,.6);
}

.empire-phone-v4>summary>b{
  padding:8px 12px;
  border:1px solid rgba(212,175,55,.45);
  border-radius:999px;
  color:#efd67f;
  font-size:10px;
  letter-spacing:.08em;
}

.empire-phone-v4-eyebrow,
.empire-phone-v4-hero span,
.empire-phone-v4-control span{
  color:#d8b85b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.empire-phone-v4-body{
  padding:20px;
  border-top:1px solid rgba(212,175,55,.25);
}

.empire-phone-v4-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px;
  border:1px solid rgba(212,175,55,.3);
  border-radius:14px;
  background:
    radial-gradient(
      circle at 95% 0,
      rgba(212,175,55,.15),
      transparent 34%
    ),
    linear-gradient(145deg,#10254d,#071127);
}

.empire-phone-v4-hero h2{
  margin:5px 0;
  color:#fff;
}

.empire-phone-v4-hero p{
  margin:0;
  color:rgba(255,255,255,.6);
}

.empire-phone-v4-status{
  font-size:11px;
  font-weight:900;
  text-align:right;
}

.empire-phone-v4-status[data-tone=online]{
  color:#bdf2cf;
}

.empire-phone-v4-status[data-tone=pending]{
  color:#efd67f;
}

.empire-phone-v4-status[data-tone=error]{
  color:#ffb1b1;
}

.empire-phone-v4-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}

.empire-phone-v4-stats article{
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(255,255,255,.035);
}

.empire-phone-v4-stats article.gold{
  border-color:rgba(212,175,55,.42);
  background:rgba(212,175,55,.08);
}

.empire-phone-v4-stats small{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.48);
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}

.empire-phone-v4-stats strong{
  color:#fff;
  font-size:19px;
}

.empire-phone-v4-stats .gold strong{
  color:#efd67f;
}

.empire-phone-v4-presets{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}

.empire-phone-v4-presets button{
  display:grid;
  gap:3px;
  padding:13px;
  border:1px solid rgba(212,175,55,.3);
  border-radius:11px;
  background:rgba(212,175,55,.05);
  color:#efd67f;
  font-weight:900;
  cursor:pointer;
}

.empire-phone-v4-presets small{
  color:rgba(255,255,255,.48);
  font-weight:600;
}

.empire-phone-v4-control{
  display:grid;
  grid-template-columns:minmax(230px,.8fr) 1.6fr minmax(130px,.45fr);
  align-items:center;
  gap:18px;
  margin-top:12px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(0,0,0,.14);
}

.empire-phone-v4-control>div:first-child{
  display:grid;
  gap:4px;
}

.empire-phone-v4-control strong{
  color:#fff;
}

.empire-phone-v4-control small{
  color:rgba(255,255,255,.48);
}

.empire-phone-v4-number{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:7px;
}

.empire-phone-v4-number b{
  color:rgba(255,255,255,.48);
  font-size:10px;
}

.empire-phone-v4-save{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}

.empire-phone-v4-save>div{
  display:grid;
  gap:3px;
}

.empire-phone-v4-save strong{
  color:#fff;
}

.empire-phone-v4-save small{
  color:rgba(255,255,255,.48);
}

.empire-phone-v4-save button{
  padding:11px 17px;
  border:1px solid #d2aa45;
  border-radius:9px;
  background:linear-gradient(145deg,#e2c16a,#a97c1f);
  color:#081126;
  font-weight:950;
  cursor:pointer;
}

.empire-calling-window{margin-top:16px;padding:18px;border:1px solid rgba(57,255,136,.42);border-radius:14px;background:linear-gradient(145deg,#102d2b,#071b25);box-shadow:0 16px 36px rgba(0,0,0,.2)}
.empire-calling-window-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.empire-calling-window-heading>div{display:grid;gap:4px}
.empire-calling-window-heading span,.empire-calling-window-fields label>span{color:#39ff88;font-size:10px;font-weight:900;letter-spacing:.13em}
.empire-calling-window-heading h2{margin:0;color:#fff}
.empire-calling-window-heading p{margin:0;color:rgba(255,255,255,.68)}
.empire-calling-window-heading>strong{color:#efd67f;font-size:10px;letter-spacing:.08em;text-align:right}
.empire-calling-window-heading>strong[data-tone=online]{color:#39ff88}
.empire-calling-window-heading>strong[data-tone=error]{color:#ffb1b1}
.empire-calling-window-fields{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(180px,.6fr) minmax(260px,1fr);gap:12px;margin-top:16px}
.empire-calling-window-fields label{display:grid;gap:6px}
.empire-calling-window-fields input{width:100%;min-height:46px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#071427;color:#fff}
.empire-calling-window-fields small{color:rgba(255,255,255,.55)}
.empire-calling-window-rule{display:grid;align-content:center;gap:5px;padding:13px;border-left:3px solid #39ff88;border-radius:8px;background:rgba(57,255,136,.08)}
.empire-calling-window-rule b{color:#39ff88;font-size:9px;letter-spacing:.12em}
.empire-calling-window-rule span{color:#e4f5eb;font-size:11px;line-height:1.45}
#empire-calling-window-save{margin-top:14px;padding:11px 17px;border:1px solid #39ff88;border-radius:9px;background:linear-gradient(135deg,#39ff88,#18b968);color:#071427;font-weight:950;cursor:pointer}

.empire-dialer-overview{margin-top:16px;padding:18px;border:1px solid rgba(215,181,98,.42);border-radius:14px;background:linear-gradient(145deg,#182c48,#0b1729);box-shadow:0 16px 36px rgba(0,0,0,.24)}
.empire-dialer-overview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.empire-dialer-overview-heading>div{display:grid;gap:4px}
.empire-dialer-overview-heading span{color:#d8b763;font-size:10px;font-weight:900;letter-spacing:.13em}
.empire-dialer-overview-heading h2{margin:0;color:#fff}
.empire-dialer-overview-heading p{max-width:900px;margin:0;color:rgba(255,255,255,.68)}
.empire-dialer-overview-heading>strong{color:#efd67f;font-size:10px;letter-spacing:.08em;text-align:right}
.empire-dialer-overview-heading>strong[data-tone=online]{color:#39ff88}
.empire-dialer-overview-heading>strong[data-tone=error]{color:#ffb1b1}
.empire-dialer-overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.empire-dialer-overview-metrics article{padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05)}
.empire-dialer-overview-metrics small{display:block;color:#9eb0c6;font-size:9px;font-weight:850;letter-spacing:.1em}
.empire-dialer-overview-metrics strong{display:block;margin-top:5px;color:#39ff88;font-size:21px}
.empire-dialer-overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.empire-dialer-overview-columns>section{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(3,11,23,.38)}
.empire-dialer-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.empire-dialer-list-heading h3{margin:0;color:#fff}
.empire-dialer-list-heading a,.empire-dialer-list-heading span{color:#39ff88;font-size:9px;font-weight:850;letter-spacing:.07em;text-decoration:none}
.empire-dialer-overview-list{display:grid;gap:8px;max-height:260px;margin-top:12px;overflow:auto}
.empire-dialer-overview-list article{padding:11px 12px;border-left:3px solid #4b6688;border-radius:8px;background:rgba(255,255,255,.055)}
.empire-dialer-overview-list article[data-tone=healthy]{border-left-color:#39ff88}
.empire-dialer-overview-list article[data-tone=attention]{border-left-color:#d8b763}
.empire-dialer-overview-list strong{display:block;color:#fff;font-size:12px}
.empire-dialer-overview-list small{display:block;margin-top:3px;color:#aebbd0;font-size:10px;line-height:1.4}
.empire-phone-v4-body>#admin-dialer-control,.empire-phone-v4-body>#incoming-call-assignments{width:100%;margin-top:16px;border-color:rgba(215,225,238,.2);background:rgba(255,255,255,.045);box-shadow:none}
.empire-phone-v4-body>#incoming-call-assignments{grid-column:1/-1}

@media(max-width:800px){
  .empire-phone-v4-hero,
  .empire-phone-v4-save{
    flex-direction:column;
    align-items:stretch;
  }

  .empire-phone-v4-stats,
  .empire-phone-v4-presets{
    grid-template-columns:1fr;
  }

  .empire-phone-v4-control{
    grid-template-columns:1fr;
  }

  .empire-phone-v4-status{
    text-align:left;
  }

  .empire-calling-window-heading{flex-direction:column}
  .empire-calling-window-heading>strong{text-align:left}
  .empire-calling-window-fields{grid-template-columns:1fr}
  .empire-dialer-overview-heading{flex-direction:column}
  .empire-dialer-overview-heading>strong{text-align:left}
  .empire-dialer-overview-metrics{grid-template-columns:1fr 1fr}
  .empire-dialer-overview-columns{grid-template-columns:1fr}
}

@media(max-width:520px){.empire-dialer-overview-metrics{grid-template-columns:1fr}}

/* Final visual authority: charcoal module, neon-green highlights and actions. */
#admin-panel .empire-phone-v4{
  border:1px solid rgba(57,255,136,.38)!important;
  background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-eyebrow,
  .empire-phone-v4-hero span,
  .empire-phone-v4-control span,
  .empire-calling-window-heading span,
  .empire-calling-window-fields label>span,
  .empire-dialer-overview-heading span,
  .empire-dialer-list-heading a,
  .empire-dialer-list-heading span,
  .empire-phone-v4-stats .gold strong,
  #admin-dialer-control .eyebrow,
  #incoming-call-assignments .eyebrow
){color:#39ff88!important}
#admin-panel .empire-phone-v4>summary>b,
#admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-hero,
  .empire-phone-v4-stats article.gold,
  .empire-phone-v4-presets button,
  .empire-calling-window,
  .empire-dialer-overview
){border-color:rgba(57,255,136,.48)!important}
#admin-panel .empire-phone-v4>summary>b{
  color:#39ff88!important;
  font-size:0;
}
#admin-panel .empire-phone-v4>summary>b::before{
  content:"OPEN MODULE";
  font-size:10px;
}
#admin-panel .empire-phone-v4[open]>summary>b::before{content:"CLOSE MODULE"}
#admin-panel .empire-phone-v4>summary :is(
  .empire-phone-v4-eyebrow,
  strong,
  small,
  b
){color:#fff!important}
#admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-status[data-tone=pending],
  .empire-calling-window-heading>strong:not([data-tone=error]),
  .empire-dialer-overview-heading>strong:not([data-tone=error])
){color:#39ff88!important}
#admin-panel .empire-phone-v4 .empire-dialer-overview-list article[data-tone=attention]{
  border-left-color:#39ff88!important;
}
#admin-panel .empire-phone-v4 :is(.empire-phone-v4-hero,.empire-dialer-overview){
  background:linear-gradient(145deg,#353c47,#1d232b)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.36)!important;
}
#admin-panel .empire-phone-v4 .empire-phone-v4-presets button{
  background:rgba(57,255,136,.07)!important;
  color:#39ff88!important;
}
#admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-save button,
  #empire-calling-window-save,
  #admin-dialer-control button.primary
){
  border:1px solid #39ff88!important;
  background:linear-gradient(135deg,#39ff88,#18b968)!important;
  color:#071427!important;
  box-shadow:0 10px 24px rgba(24,185,104,.26)!important;
}

/* Restrained emerald treatment: green signals actions and live values only. */
#admin-panel .empire-phone-v4{
  border-color:rgba(215,225,238,.26)!important;
}
#admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-hero,
  .empire-phone-v4-stats article.gold,
  .empire-phone-v4-presets button,
  .empire-calling-window,
  .empire-dialer-overview
){border-color:rgba(215,225,238,.24)!important}
#admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-eyebrow,
  .empire-phone-v4-hero span,
  .empire-phone-v4-control span,
  .empire-calling-window-heading span,
  .empire-calling-window-fields label>span,
  .empire-dialer-overview-heading span,
  .empire-dialer-list-heading a,
  .empire-dialer-list-heading span,
  #admin-dialer-control .eyebrow,
  #incoming-call-assignments .eyebrow
){color:#fff!important}
#admin-panel .empire-phone-v4 .empire-phone-v4-presets button{
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
}
#admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-save button,
  #empire-calling-window-save,
  #admin-dialer-control button.primary
){
  border-color:#35d987!important;
  background:linear-gradient(135deg,#35d987,#16865f)!important;
  color:#071427!important;
  box-shadow:0 10px 24px rgba(22,134,95,.24)!important;
}

/* Dialer controls: blue actions and white field titles reduce green overload. */
#admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-save button,
  #empire-calling-window-save,
  #admin-dialer-control button.primary
){
  border-color:#58a6ff!important;
  background:linear-gradient(135deg,#2585f4 0%,#0f63ca 58%,#084993 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(20,105,211,.34)!important;
}
#admin-panel .empire-phone-v4 #admin-dialer-control .admin-dialer-control-grid label>span,
#admin-panel .empire-phone-v4 #admin-dialer-control .admin-policy-check span{
  color:#fff!important;
  text-shadow:none!important;
}
#admin-panel .empire-phone-v4 #admin-dialer-control button.primary:disabled{
  opacity:.64!important;
}