/* DigiModules site-frame for WHMCS — header + footer ported from the
 * digimodules WordPress theme (theme.css). Only the frame is included (no
 * body/hero/content resets) so the WHMCS page content stays intact. */

:root{
  --bg:#080b16; --bg2:#0c1122;
  --surf:rgba(255,255,255,.05); --surf2:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.18);
  --ink:#eef2ff; --mut:#9aa6c7; --dim:#66739b;
  --panel:rgba(14,19,38,.92); --header-bg:rgba(12,17,34,.6); --footer-bg:rgba(6,9,20,.55);
  --shadow:rgba(3,6,20,.5); --shadow-lg:rgba(3,6,20,.6);
  --link:#a9c0ff; --brand:#3b6bff; --brand2:#7c5cff; --cyan:#22d3ee; --green:#22c55e;
  --price:#5ee6a8; --pink:#ff5db1;
  --grad:linear-gradient(120deg,#3b6bff,#7c5cff 42%,#22d3ee 82%);
  --header-h:72px;
}
:root[data-theme="light"]{
  --surf:rgba(255,255,255,.72); --surf2:rgba(255,255,255,.9);
  --line:rgba(23,37,84,.10); --line2:rgba(23,37,84,.18);
  --ink:#0f1836; --mut:#4a5677; --dim:#7180a3;
  --panel:rgba(255,255,255,.94); --header-bg:rgba(255,255,255,.82); --footer-bg:rgba(255,255,255,.75);
  --shadow:rgba(31,45,97,.12); --shadow-lg:rgba(31,45,97,.18);
  --link:#2d5bff; --price:#0f9d63;
}

/* hide the WHMCS native header + our old promo topbar (frame replaces them) */
#header.header, header#header, .hf-topbar { display:none !important; }

.dg-siteframe *{box-sizing:border-box}
.dg-container{max-width:1220px;margin-inline:auto;padding-inline:22px}
.dg-siteframe a{color:var(--link);text-decoration:none}
.dg-siteframe svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dg-mega-ico svg{width:17px;height:17px}

/* ---- buttons ---- */
.dg-siteframe .dg-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;font-family:inherit;
  padding:10px 18px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap;overflow:hidden;text-decoration:none}
.dg-siteframe .dg-btn-primary{color:#fff !important;background:var(--grad);background-size:180% 180%;
  box-shadow:0 10px 30px rgba(59,107,255,.4),inset 0 1px 0 rgba(255,255,255,.35)}
.dg-siteframe .dg-btn-primary:hover{background-position:100% 0;transform:translateY(-2px)}
.dg-siteframe .dg-btn-ghost{color:var(--ink) !important;background:var(--surf);border-color:var(--line2);backdrop-filter:blur(10px)}
.dg-siteframe .dg-btn-ghost:hover{border-color:rgba(59,107,255,.55);background:var(--surf2)}

/* ---- floating glass header ---- */
.dg-header{position:sticky;top:10px;z-index:100;margin:10px auto 14px;max-width:1220px;
  border-radius:18px;background:var(--header-bg);border:1px solid var(--line);
  backdrop-filter:blur(18px) saturate(150%);box-shadow:0 20px 50px var(--shadow)}
.dg-header-in{display:flex;align-items:center;gap:22px;height:var(--header-h);padding-inline:18px}
.dg-logo{display:flex;align-items:center;gap:11px;color:var(--ink) !important;flex:0 0 auto}
.dg-logo-mark{width:40px;height:40px;border-radius:12px;flex:0 0 auto;background:var(--grad);color:#fff;font-weight:900;font-size:15px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(59,107,255,.5)}
.dg-logo-text{font-weight:900;font-size:18px}
.dg-nav{margin-inline-start:auto}
.dg-menu{list-style:none;display:flex;gap:2px;margin:0;padding:0;align-items:center}
.dg-menu>li{position:static}
.dg-menu>li>a{display:flex;align-items:center;gap:5px;padding:9px 14px;border-radius:11px;color:var(--mut);font-weight:700;font-size:14px;transition:.18s}
.dg-menu>li>a:hover{color:var(--ink);background:var(--surf)}
.dg-caret{font-size:10px;opacity:.7}
.dg-header-cta{flex:0 0 auto;display:flex;gap:8px;align-items:center}
.dg-theme-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:var(--surf);color:var(--ink);
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;flex:0 0 auto}
.dg-theme-btn:hover{background:var(--surf2);border-color:var(--brand)}
.dg-theme-btn svg{width:19px;height:19px}
.dg-theme-btn .dg-sun{display:none}
:root[data-theme="light"] .dg-theme-btn .dg-sun{display:block}
:root[data-theme="light"] .dg-theme-btn .dg-moon{display:none}
.dg-nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:0;padding:8px;cursor:pointer}
.dg-nav-toggle span{width:22px;height:2px;background:var(--ink);border-radius:2px}
/* submenu panels — CENTERED under the header (never left/right-aligned) */
.dg-drop,.dg-mega{position:absolute;top:calc(100% - 6px);inset-inline:auto;left:50%;right:auto;z-index:120;
  opacity:0;visibility:hidden;transform:translateX(-50%) translateY(12px);transition:.2s cubic-bezier(.4,.1,.2,1)}
.dg-has-drop:hover>.dg-drop,.dg-has-drop:focus-within>.dg-drop,
.dg-has-mega:hover>.dg-mega,.dg-has-mega:focus-within>.dg-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
/* a hover bridge so the panel doesn't close in the gap under the menu item */
.dg-has-mega::after,.dg-has-drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.dg-mega-in{background:var(--panel);border:1px solid var(--line);border-radius:20px;
  backdrop-filter:blur(22px);box-shadow:0 30px 70px var(--shadow-lg);padding:16px;display:grid;gap:6px}
.dg-mega-in.dg-mega-3{width:min(780px,94vw);grid-template-columns:1fr 1fr 1.05fr}
.dg-mega-in.dg-mega-1{width:min(340px,92vw);grid-template-columns:1fr}
.dg-mega-col{padding:6px 10px;border-inline-end:1px solid var(--line)}
.dg-mega-in.dg-mega-1 .dg-mega-col,.dg-mega-col:last-child{border-inline-end:0}
.dg-mega-head{font-weight:900;font-size:12.5px;color:var(--dim);margin:4px 6px 8px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.4px}
.dg-mega-ico{width:26px;height:26px;border-radius:8px;background:var(--surf2);color:var(--brand);display:flex;align-items:center;justify-content:center}
.dg-mega-ico.dg-wp{color:var(--cyan)}
/* rich icon-led menu rows */
.dg-mega-link{display:flex;gap:11px;align-items:flex-start;padding:9px 10px;border-radius:12px;transition:.15s;color:inherit;text-decoration:none}
.dg-mega-link:hover{background:var(--surf2)}
.dg-mega-li-ico{width:36px;height:36px;border-radius:10px;flex:0 0 auto;background:var(--surf2);color:var(--brand);display:flex;align-items:center;justify-content:center}
.dg-mega-li-ico svg{width:18px;height:18px}
.dg-wp-col .dg-mega-li-ico{color:var(--cyan)}
.dg-mega-link b{display:block;color:var(--ink);font-size:13.5px;font-weight:800;line-height:1.5}
.dg-mega-link small{display:block;color:var(--mut);font-size:12px;line-height:1.55;margin-top:1px}
.dg-mega-feature{background:linear-gradient(160deg,rgba(59,107,255,.15),rgba(124,92,255,.08));border-radius:16px;padding:16px}
.dg-mega-feature .dg-mega-head{color:var(--ink);text-transform:none;letter-spacing:0;font-size:15px;margin:0 0 8px}
.dg-mega-feature p{color:var(--mut);font-size:13px;line-height:1.8;margin:0 0 14px}
.dg-block{display:flex;justify-content:center;width:100%}
.dg-ico-btn{width:16px;height:16px}

/* ---- WHMCS account + cart, relocated into the header CTA ---- */
.dg-header-cta #Secondary_Navbar-Account>a,
.dg-header-cta .cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-width:40px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);
  background:var(--surf);color:var(--ink) !important;font-weight:700;font-size:13px;text-decoration:none;transition:.2s}
.dg-header-cta #Secondary_Navbar-Account>a:hover,.dg-header-cta .cart-btn:hover{background:var(--surf2);border-color:var(--brand)}
.dg-header-cta #Secondary_Navbar-Account{list-style:none;margin:0;padding:0}
.dg-header-cta .dropdown-menu{color:#222}

/* ---- footer ---- */
.dg-footer{margin-top:50px;border-top:1px solid var(--line);background:var(--footer-bg);backdrop-filter:blur(14px)}
.dg-footer-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding:48px 0 36px}
.dg-footer-brand{max-width:320px}
.dg-footer-brandrow{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.dg-footer-name{font-weight:900;color:var(--ink);font-size:18px}
.dg-footer-desc{color:var(--mut);font-size:13.5px;line-height:1.9;margin:0 0 16px}
.dg-footer-social{display:flex;gap:9px}
.dg-footer-social a{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--surf);display:flex;align-items:center;justify-content:center;color:var(--mut);transition:.2s}
.dg-footer-social a:hover{color:var(--ink);border-color:var(--brand);background:var(--surf2)}
.dg-footer-social svg{width:18px;height:18px}
.dg-footer-col h4{margin:0 0 14px;font-size:14px;font-weight:900;color:var(--ink)}
.dg-footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dg-footer-links a{color:var(--mut);font-weight:600;font-size:14px;transition:.15s}
.dg-footer-links a:hover{color:var(--ink)}
.dg-footer-bottom{border-top:1px solid var(--line);padding:18px 0;color:var(--dim);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.dg-footer-bottom a{color:var(--mut)}

@media(max-width:1000px){.dg-mega-in{grid-template-columns:1fr}}
@media(max-width:820px){
  .dg-nav-toggle{display:flex}
  .dg-nav{position:absolute;inset-inline:10px;left:10px;right:10px;top:calc(100% + 8px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px;display:none;margin:0;box-shadow:0 20px 50px var(--shadow-lg);max-height:75vh;overflow:auto}
  .dg-nav.dg-open{display:block}
  .dg-menu{flex-direction:column;align-items:stretch;gap:2px}
  .dg-drop,.dg-mega,
  .dg-has-mega:hover>.dg-mega,.dg-has-drop:hover>.dg-drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding-inline:10px;left:auto;right:auto}
  .dg-mega-in,.dg-mega-in.dg-mega-3,.dg-mega-in.dg-mega-1{grid-template-columns:1fr;box-shadow:none;border:0;padding:0;background:none;width:auto}
  .dg-mega-col{border-inline-end:0}
  .dg-has-mega::after,.dg-has-drop::after{display:none}
  .dg-footer-in{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){.dg-footer-in{grid-template-columns:1fr}}

/* ============================================================
 * Second-tier PLATFORM bar (ModulesGarden-style, floating glass pill)
 * ============================================================ */
.dg-tierbar{position:relative;z-index:99;margin:-6px auto 14px;max-width:1220px;padding-inline:22px}
.dg-tierbar-in{display:flex;align-items:stretch;gap:2px;padding:5px 8px;border-radius:15px;
  background:var(--header-bg);border:1px solid var(--line);backdrop-filter:blur(16px) saturate(150%);box-shadow:0 14px 34px var(--shadow)}
.dg-tier{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:2px;flex-wrap:wrap}
.dg-tier>li{position:static;display:flex}
.dg-tier>li>a{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:11px;color:var(--mut);font-weight:700;font-size:13.5px;transition:.15s;white-space:nowrap;text-decoration:none}
.dg-tier>li>a:hover,.dg-tier>li.dg-has-tmega:hover>a,.dg-tier>li.dg-has-tmega:focus-within>a{color:var(--ink);background:var(--surf)}
.dg-tier-ico{width:17px;height:17px;flex:0 0 auto;color:var(--brand)}
.dg-tier-ico.dg-wp{color:var(--cyan)}
.dg-tier-badge{font-size:9.5px;font-weight:900;padding:1px 6px;border-radius:8px;background:var(--brand);color:#fff;line-height:1.6}
.dg-tier-badge.is-deal{background:var(--pink)}
.dg-tier-cnt{font-size:10.5px;font-weight:800;color:var(--dim);background:var(--surf2);border-radius:8px;padding:1px 6px;line-height:1.6}
.dg-tier-sp{flex:1 1 auto}
.dg-tier-act{display:flex;align-items:center;gap:3px}
.dg-tier-act a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:var(--mut);position:relative}
.dg-tier-act a:hover{color:var(--ink);background:var(--surf)}
.dg-tier-act svg{width:19px;height:19px}
.dg-tier-cartn{position:absolute;top:3px;inset-inline-end:3px;min-width:15px;height:15px;padding:0 3px;border-radius:9px;background:var(--pink);color:#fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}
.dg-tmega{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(10px);z-index:130;
  opacity:0;visibility:hidden;transition:.2s cubic-bezier(.4,.1,.2,1)}
.dg-tier>li.dg-has-tmega:hover>.dg-tmega,.dg-tier>li.dg-has-tmega:focus-within>.dg-tmega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dg-tier>li.dg-has-tmega::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.dg-tmega-in{background:var(--panel);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(22px);
  box-shadow:0 30px 70px var(--shadow-lg);padding:14px;display:grid;gap:10px;grid-template-columns:1.2fr .8fr;width:min(720px,94vw)}
.dg-tmega-list{display:flex;flex-direction:column;gap:1px;min-width:0}
.dg-tmega-cap{font-weight:900;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin:2px 8px 6px;display:flex;align-items:center;gap:7px}
.dg-tmega-cap svg{width:15px;height:15px}
.dg-pcard{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:12px;color:inherit;text-decoration:none;transition:.15s}
.dg-pcard:hover{background:var(--surf2)}
.dg-pcard-ico{width:38px;height:38px;border-radius:11px;flex:0 0 auto;background:var(--surf2);color:var(--brand);display:flex;align-items:center;justify-content:center}
.dg-pcard-ico svg{width:19px;height:19px}
.dg-pcard-ico.dg-wp{color:var(--cyan)}
.dg-pcard-tx{flex:1;min-width:0}
.dg-pcard-tx b{display:block;color:var(--ink);font-size:13.5px;font-weight:800;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-pcard-tx small{display:block;color:var(--mut);font-size:11.5px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-pcard-price{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--price);white-space:nowrap}
.dg-tmega-feat{background:linear-gradient(160deg,rgba(59,107,255,.15),rgba(124,92,255,.08));border-radius:16px;padding:16px;display:flex;flex-direction:column}
.dg-tmega-feat h4{margin:0 0 6px;font-size:15px;color:var(--ink);font-weight:900}
.dg-tmega-feat p{margin:0 0 14px;font-size:12.5px;color:var(--mut);line-height:1.75;flex:1}
.dg-tmega-empty{padding:14px 10px;color:var(--mut);font-size:12.5px;line-height:1.8;text-align:center}
@media(max-width:1000px){.dg-tmega-in{grid-template-columns:1fr}}
@media(max-width:820px){.dg-tierbar{display:none}}

/* client account menu (logged-in only) */
.dg-menu .dg-acct-ico{width:16px;height:16px;color:var(--brand);flex:0 0 auto}
.dg-acct-item>a{color:var(--ink)}

/* =====================================================================
   DigiModules client-area skin — sidebar shell + content redesign.
   Injected on every logged-in client-area page (sidebar via JS, this CSS
   via ClientAreaHeadOutput). Restyles WHMCS twenty-one content to the dg look.
   ===================================================================== */
.dgc-shell{--b:#2d5bff;--b2:#3b6bff;--ink:#0f1836;--mut:#5b6b8c;--line:#e7eaf3;--bg:#f5f7fc;--surf:#fff;
  --ok:#16a34a;--gold:#d97706;--red:#dc2626;--green:#0f9d63;
  display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start;margin-top:6px;
  font-family:Vazirmatn,system-ui,sans-serif}
html[data-theme="dark"] .dgc-shell{--ink:#eef2fb;--mut:#94a3c4;--line:#26324a;--bg:#0b1120;--surf:#111a2e}
@media(max-width:900px){.dgc-shell{grid-template-columns:1fr}}
.dgc-content{min-width:0;color:var(--ink)}
/* ---- sidebar ---- */
.dgc-side{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:16px;position:sticky;top:90px}
@media(max-width:900px){.dgc-side{position:static}}
.dgc-side-head{display:flex;align-items:center;gap:11px;padding:6px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:12px}
.dgc-ava{width:44px;height:44px;border-radius:12px;flex:0 0 auto;background:linear-gradient(140deg,var(--b),var(--b2));color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800}
.dgc-hi{font-size:12px;color:var(--mut)}
.dgc-name{font-size:14.5px;font-weight:800;line-height:1.5;color:var(--ink)}
.dgc-menu{display:flex;flex-direction:column;gap:3px}
.dgc-mi{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:var(--mut);font-weight:700;font-size:14px;text-decoration:none;transition:.15s}
.dgc-mi i{width:19px;text-align:center;font-size:15px}
.dgc-mi:hover{background:var(--bg);color:var(--ink);text-decoration:none}
.dgc-mi.active{background:linear-gradient(140deg,var(--b),var(--b2));color:#fff;box-shadow:0 8px 20px -8px var(--b)}
.dgc-mi.active i{color:#fff}
.dgc-mi-logout{margin-top:8px;border-top:1px solid var(--line);border-radius:0 0 11px 11px;color:var(--red)}
.dgc-mi-logout:hover{background:rgba(220,38,38,.08);color:var(--red)}
@media(max-width:900px){.dgc-menu{flex-direction:row;flex-wrap:wrap}.dgc-mi{flex:1 1 auto;justify-content:center}.dgc-mi-logout{border-top:0}}
/* ---- dashboard stats (homepage) ---- */
.dgc-title{font-size:20px;font-weight:900;margin:2px 0 16px;color:var(--ink)}
.dgc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
@media(max-width:1100px){.dgc-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.dgc-stats{grid-template-columns:1fr}}
.dgc-stat{display:flex;align-items:center;gap:14px;background:var(--surf);border:1px solid var(--line);border-radius:15px;padding:16px 17px;text-decoration:none;color:var(--ink);transition:.18s}
.dgc-stat:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(15,24,54,.5);text-decoration:none;color:var(--ink)}
.dgc-stat .ic{width:46px;height:46px;border-radius:13px;flex:0 0 auto;display:grid;place-items:center;font-size:19px;color:#fff}
.dgc-stat .v{font-size:26px;font-weight:900;line-height:1;display:block}
.dgc-stat .t{font-size:12.5px;color:var(--mut);font-weight:700;margin-top:3px;display:block}
.dgc-stat.s-blue .ic{background:linear-gradient(140deg,#2d5bff,#3b6bff)}
.dgc-stat.s-green .ic{background:linear-gradient(140deg,#0f9d63,#16a34a)}
.dgc-stat.s-red .ic{background:linear-gradient(140deg,#dc2626,#ef4444)}
.dgc-stat.s-gold .ic{background:linear-gradient(140deg,#d97706,#f59e0b)}
.dgc-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:1200px){.dgc-panels{grid-template-columns:1fr}}
.dgc-colspan{grid-column:1/-1}
/* =====================================================================
   Restyle WHMCS twenty-one content elements (scoped to .dgc-content)
   ===================================================================== */
.dgc-content .page-header,.dgc-content .pageheader{border:0;margin:0 0 18px;padding:0}
.dgc-content h1,.dgc-content .page-header h1{font-size:21px;font-weight:900;color:var(--ink)}
.dgc-content .card,.dgc-content .panel{background:var(--surf)!important;border:1px solid var(--line)!important;border-radius:15px!important;box-shadow:none!important;margin-bottom:16px;overflow:hidden}
.dgc-content .card-header,.dgc-content .panel-heading{background:transparent!important;border-bottom:1px solid var(--line)!important;padding:14px 18px;font-weight:800;color:var(--ink)}
.dgc-content .card-title{font-size:15px;font-weight:800;color:var(--ink);margin:0}
.dgc-content .card-body,.dgc-content .panel-body{padding:16px 18px;color:var(--ink)}
.dgc-content .card-footer{background:transparent!important;border-top:1px solid var(--line)!important}
.dgc-content .card-footer:empty{display:none}
/* tables */
.dgc-content .table{color:var(--ink);border-color:var(--line)}
.dgc-content .table thead th{background:var(--bg);border-color:var(--line)!important;color:var(--mut);font-weight:800;font-size:12.5px;text-transform:none;border-top:0}
.dgc-content .table td,.dgc-content .table th{border-color:var(--line)!important;vertical-align:middle;padding:12px 14px}
.dgc-content .table-hover tbody tr:hover{background:var(--bg)}
.dgc-content .table.card-list,.dgc-content .table-list{background:var(--surf)}
/* buttons */
.dgc-content .btn{border-radius:10px;font-weight:700}
.dgc-content .btn-primary{background:linear-gradient(140deg,var(--b),var(--b2));border-color:var(--b)}
.dgc-content .btn-primary:hover{filter:brightness(1.05)}
.dgc-content .btn-success{background:linear-gradient(140deg,#0f9d63,#16a34a);border-color:#0f9d63}
.dgc-content .btn-default,.dgc-content .btn-secondary{background:var(--surf);border:1px solid var(--line);color:var(--ink)}
/* forms */
.dgc-content .form-control,.dgc-content .form-select,.dgc-content select,.dgc-content textarea,.dgc-content input[type=text],.dgc-content input[type=email],.dgc-content input[type=password],.dgc-content input[type=tel]{
  border:1px solid var(--line);border-radius:10px;background:var(--surf);color:var(--ink);padding:10px 12px;box-shadow:none}
.dgc-content .form-control:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(45,91,255,.14)}
.dgc-content label,.dgc-content .control-label{color:var(--mut);font-weight:700}
/* tabs / list groups */
.dgc-content .nav-tabs{border-bottom:1px solid var(--line)}
.dgc-content .nav-tabs .nav-link{color:var(--mut);font-weight:700;border:0;border-radius:10px 10px 0 0}
.dgc-content .nav-tabs .nav-link.active{color:var(--b);background:transparent;border-bottom:2px solid var(--b)}
.dgc-content .list-group-item{background:transparent;border-color:var(--line);color:var(--ink)}
.dgc-content .list-group-item-action:hover{background:var(--bg)}
.dgc-content .list-group-item.active{background:var(--b);border-color:var(--b)}
/* alerts + badges + misc */
.dgc-content .alert{border-radius:12px;border:1px solid var(--line)}
.dgc-content .badge{border-radius:7px}
.dgc-content a{color:var(--b)}
.dgc-content hr{border-color:var(--line)}

/* brand M logo in header + footer */
.dg-logo-img{height:38px;width:auto;display:block;flex:0 0 auto}
.dg-footer-brandrow .dg-logo-img{height:34px}

/* ===== client-area skin v2 — full-width content + carded blocks ===== */
#main-body .row > .dgc-shell{flex:1 1 100%;width:100%;max-width:100%}
.dgc-content{min-height:420px}
.dgc-content > h1:first-child,.dgc-content .pageheader h1{font-size:21px;font-weight:900;margin:0 0 18px;color:var(--ink)}
/* wrap the common WHMCS content blocks in a card so nothing floats bare */
.dgc-content .table-container,
.dgc-content > form,
.dgc-content > .card,
.dgc-content > .panel,
.dgc-content .card,
.dgc-content .panel{
  background:var(--surf);border:1px solid var(--line)!important;border-radius:15px!important;box-shadow:none!important;margin-bottom:18px}
.dgc-content .table-container{padding:14px 16px}
.dgc-content > form{padding:20px 22px}
.dgc-content .dataTables_wrapper{background:transparent!important;border:0!important;padding:0!important}
/* search + length row */
.dgc-content .dataTables_filter{margin-bottom:12px}
.dgc-content .dataTables_filter input{border:1px solid var(--line);border-radius:10px;padding:9px 13px;background:var(--surf);color:var(--ink);margin-inline-start:8px;min-width:220px}
.dgc-content .dataTables_length{color:var(--mut);margin-top:10px}
.dgc-content .dataTables_length select{border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:var(--surf);color:var(--ink);margin:0 6px}
.dgc-content .dataTables_info{color:var(--mut);font-size:13px;padding-top:12px}
/* tables */
.dgc-content table.table,.dgc-content table.table-list{width:100%!important;margin:0;border-collapse:separate;border-spacing:0;background:transparent}
.dgc-content table.table thead th{background:var(--bg);color:var(--mut);font-weight:800;font-size:12.5px;border:0!important;border-bottom:1px solid var(--line)!important;padding:13px 14px;white-space:nowrap}
.dgc-content table.table thead th:first-child{border-radius:0 10px 10px 0}
.dgc-content table.table thead th:last-child{border-radius:10px 0 0 10px}
.dgc-content table.table td{border:0!important;border-bottom:1px solid var(--line)!important;padding:14px;vertical-align:middle;color:var(--ink)}
.dgc-content table.table tbody tr:last-child td{border-bottom:0!important}
.dgc-content table.table tbody tr:hover td{background:var(--bg)}
/* pagination */
.dgc-content .dataTables_paginate{padding-top:12px}
.dgc-content .dataTables_paginate .paginate_button{border-radius:9px!important;margin:0 3px;padding:7px 13px!important;border:1px solid var(--line)!important;color:var(--ink)!important;background:var(--surf)!important;font-weight:700}
.dgc-content .dataTables_paginate .paginate_button.current,
.dgc-content .dataTables_paginate .paginate_button.current:hover{background:linear-gradient(140deg,var(--b),var(--b2))!important;color:#fff!important;border-color:transparent!important}
.dgc-content .dataTables_paginate .paginate_button.disabled{opacity:.45}
/* status labels/badges keep their color but rounded */
.dgc-content .label,.dgc-content .badge{border-radius:7px;padding:.35em .7em;font-weight:700}

/* ===== client-area skin v3 ===== */
/* #1 sidebar breathing room */
.dgc-shell{gap:30px}
@media(min-width:901px){.dgc-side{margin-inline-start:6px}}
/* #3 email-preference / checkbox + radio rows — RTL-safe, no overlap with text */
.dgc-content .form-check{padding:0;margin-bottom:2px}
.dgc-content .form-check label{display:flex;align-items:flex-start;gap:10px;line-height:1.9;font-weight:600;margin:0;padding:6px 0}
.dgc-content .form-check input[type=checkbox],
.dgc-content .form-check input[type=radio]{position:static!important;margin:5px 0 0!important;inset-inline:auto!important;flex:0 0 auto;order:-1;width:16px;height:16px}

/* real flag icons in language switcher (Windows does not render flag emoji) */
.dg-lang-item .dg-lang-flag{font-size:0!important;line-height:0;width:19px;height:13px;display:inline-block;border-radius:3px;background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(0,0,0,.12);vertical-align:middle}
.dg-lang-item[hreflang="fa"] .dg-lang-flag{background-image:url(brand/flag-ir.svg)}
.dg-lang-item[hreflang="en"] .dg-lang-flag{background-image:url(brand/flag-gb.svg)}