/* =========================================================
   CloudyWire v5.0 — CLEAN UI SYSTEM
   One stylesheet, no legacy stacking
   ========================================================= */

:root{
  --bg:#0e1829;
  --surface:#192a3e;
  --surface-soft:#142337;
  --surface-hover:#223850;
  --border:#36506b;
  --line:#2d435b;
  --text:#f4f7fb;
  --muted:#91a4ba;
  --accent:#69a0dc;
  --accent-bright:#28b8ec;
  --green:#33c998;
  --amber:#e2a33a;
  --red:#dd647a;
  --shadow:0 14px 36px rgba(0,0,0,.14);
  --radius:13px;
  --sidebar:268px;
  --content:1420px;
  --font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;
}

html[data-theme="light"]{
  --bg:#eef3f8;
  --surface:#ffffff;
  --surface-soft:#f5f8fb;
  --surface-hover:#e6eef6;
  --border:#c8d5e1;
  --line:#dce4ec;
  --text:#1c2b3b;
  --muted:#657a8f;
  --accent:#527fad;
  --accent-bright:#138fbf;
  --green:#168867;
  --amber:#a96d0f;
  --red:#b3475c;
  --shadow:0 12px 28px rgba(54,75,96,.08);
}

*{box-sizing:border-box}
html{
  font-size:17px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:16px;
  line-height:1.75;
}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{cursor:pointer}
code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.cw-icon{width:20px;height:20px;fill:currentColor;flex:0 0 auto}
.ltr{direction:ltr;text-align:left}

/* ---------- application shell ---------- */
.cw-shell-sidebar{
  position:fixed;
  top:14px;right:14px;bottom:14px;
  width:var(--sidebar);
  z-index:60;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.cw-shell-brand{
  min-height:74px;
  padding:0 16px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
}
.cw-brand-link{display:flex;align-items:center;gap:11px;min-width:0}
.cw-logo-mark{
  width:44px;height:44px;
  flex:0 0 auto;
  border-radius:11px;
  display:grid;place-items:center;
  color:#fff;
  background:linear-gradient(135deg,var(--accent-bright),var(--accent));
  font-size:13px;font-weight:900;
}
.cw-brand-copy{display:grid;line-height:1.25}
.cw-brand-copy b{font-size:17px}
.cw-brand-copy small{margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:1px}
.cw-mobile-close{display:none;margin-right:auto;border:0;background:transparent;color:var(--muted);font-size:28px}
.cw-shell-nav{display:grid;gap:5px;padding:13px 10px;overflow:auto}
.cw-shell-nav a{
  min-height:47px;
  padding:0 13px;
  border-radius:9px;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--muted);
  font-size:13px;
  font-weight:650;
  transition:.16s ease;
}
.cw-shell-nav a:hover,.cw-shell-nav a.active{background:var(--surface-hover);color:var(--text)}
.cw-shell-nav a.active .cw-icon{color:var(--accent-bright)}
.cw-shell-bottom{margin-top:auto;padding:11px;border-top:1px solid var(--line)}
.cw-theme-toggle{
  width:100%;min-height:42px;
  border:1px solid var(--border);
  border-radius:8px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--surface-soft);color:var(--text);
  font-size:12px;
}
.cw-theme-svg{display:flex}.cw-theme-svg .cw-icon{width:17px;height:17px}
.cw-theme-sun{display:none}
html[data-theme="light"] .cw-theme-sun{display:flex}
html[data-theme="light"] .cw-theme-moon{display:none}
.cw-shell-user{margin-top:9px;display:grid;grid-template-columns:1fr 36px;gap:6px;align-items:center}
.cw-profile-link{
  min-width:0;
  padding:5px;
  border-radius:9px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;gap:9px;
}
.cw-profile-link:hover{background:var(--surface-hover)}
.cw-shell-avatar,.avatar{
  width:42px;height:42px;
  border:1px solid var(--border);
  border-radius:50%;
  display:grid;place-items:center;
  background:var(--surface-hover);
  font-size:13px;font-weight:800;
}
.cw-shell-user-copy{display:grid;min-width:0;line-height:1.3}
.cw-shell-user-copy b{font-size:12px}
.cw-shell-user-copy small{margin-top:3px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-logout-link{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}
.cw-logout-link:hover{background:var(--surface-hover);color:var(--text)}
.cw-logout-link .cw-icon{width:18px;height:18px}
.cw-sidebar-backdrop,.cw-mobile-topbar{display:none}

.cw-shell-main{
  min-height:100vh;
  margin-right:calc(var(--sidebar) + 32px);
  padding:36px clamp(24px,3vw,48px) 68px;
}
.cw-shell-main>*{
  width:min(100%,var(--content));
  margin-left:auto;
  margin-right:auto;
}
.cw-public-main{min-height:100vh}
.cw-shell-footer{
  margin-right:calc(var(--sidebar) + 32px);
  padding:0 28px 25px;
  display:flex;justify-content:center;gap:20px;
  color:var(--muted);font-size:10px;
}

/* ---------- headings / common panels ---------- */
.cw-context-bar{
  min-height:42px;
  margin-bottom:18px;
  padding:9px 13px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--surface-soft);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  color:var(--muted);font-size:10px;
}
.cw-page-head,.admin-head{
  min-height:100px;
  margin:0 0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px;
}
.cw-page-head>div:first-child,.admin-head>div:first-child{max-width:850px}
.cw-page-head h1,.admin-head .section-title,.section-title{
  margin:0!important;
  color:var(--accent-bright)!important;
  font-size:32px!important;
  font-weight:800;
  line-height:1.3;
}
.cw-page-head p,.admin-head p{margin:6px 0 0;color:var(--muted);font-size:13px}
.cw-page-eyebrow,.kicker{
  display:inline-flex;
  margin-bottom:7px;
  padding:4px 8px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--surface-soft);
  color:var(--muted);
  font-size:9px;
  letter-spacing:.6px;
}
.cw-centered-head{text-align:center!important;justify-content:center!important}
.cw-head-actions{display:flex;gap:9px;flex-wrap:wrap}

.cw-panel,.card,.stat,.table-wrap{
  border:1px solid var(--border)!important;
  border-radius:var(--radius)!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow)!important;
}
.card{padding:22px}
.card h2{margin:0 0 12px;font-size:21px}
.card h3{margin:0 0 10px;font-size:16px}
.cw-panel-title{
  min-height:52px;
  padding:0 17px;
  border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.cw-panel-title b{font-size:14px}
.cw-panel-title small{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.cw-panel-title>a{padding:5px 9px;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:10px}
.cw-panel-title .cw-icon{width:18px;height:18px;color:var(--muted)}
.muted{color:var(--muted)!important;font-size:11px!important}
.empty,.cw-empty-state{padding:38px;text-align:center;color:var(--muted)}
.cw-empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cw-empty-state h3{margin:8px 0 3px;color:var(--text);font-size:15px}
.cw-empty-state p{margin:0 0 12px;font-size:11px}

/* ---------- buttons / fields ---------- */
.btn{
  appearance:none;
  min-height:44px;
  padding:0 17px;
  border:1px solid color-mix(in srgb,var(--accent) 78%,transparent);
  border-radius:9px;
  background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#000));
  color:#fff!important;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font-size:13px;font-weight:750;line-height:1;
}
.btn:hover{filter:brightness(1.07)}
.btn.ghost{background:var(--surface-soft);border-color:var(--border);color:var(--text)!important}
.btn.danger{background:#744353;border-color:#98586a}
.btn.ok{background:#276151;border-color:#3c7b68}
.btn.small{min-height:34px;padding:0 11px;font-size:10px}
.btn.full{width:100%}
.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.link{color:var(--accent-bright);font-size:11px}
.grid{display:grid;gap:15px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-group{margin:14px 0}
.label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}
.input{
  width:100%;
  min-height:46px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:8px;
  outline:none;
  background:var(--surface-soft);
  color:var(--text);
  font-size:12px;
}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.textarea{min-height:130px;resize:vertical}
.compact{min-width:170px}
.notice{
  margin-top:14px;padding:11px 12px;
  border:1px solid color-mix(in srgb,var(--amber) 30%,var(--border));
  border-radius:8px;
  background:color-mix(in srgb,var(--amber) 7%,var(--surface-soft));
  color:var(--muted);font-size:10px;
}
.alert{
  margin-bottom:16px!important;padding:11px 13px;
  border:1px solid var(--border);border-radius:8px;background:var(--surface);
  font-size:11px;
}
.alert.success{border-color:#2f775f;color:var(--green)}
.alert.error{border-color:#81475a;color:#f2a7b5}
.badge,.network-chip{
  display:inline-flex;padding:4px 8px;
  border:1px solid var(--border);border-radius:6px;
  background:var(--surface-soft);font-size:9px;color:var(--text);
}
.badge-placeholder{visibility:hidden}
.status{
  display:inline-flex;align-items:center;justify-content:center;
  padding:4px 8px;border-radius:999px;background:var(--surface-hover);
  font-size:9px;white-space:nowrap;
}
.status.active,.status.approved,.status.answered{color:var(--green)}
.status.pending,.status.open{color:var(--amber)}
.status.rejected,.status.disabled,.status.expired,.status.suspended{color:var(--red)}

/* ---------- tables ---------- */
.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}
.table{width:100%;min-width:760px;border-collapse:collapse}
.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
.table th{background:var(--surface-soft);color:var(--muted);font-size:10px;white-space:nowrap}
.table td{font-size:11px}
.table tr:last-child td{border-bottom:0}
.txid{direction:ltr;display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-bright);font-size:10px}

/* ---------- user dashboard ---------- */
.cw-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.cw-kpi-card{min-height:180px;padding-bottom:14px}
.cw-kpi-main{padding:20px 17px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cw-kpi-main>span{color:var(--muted);font-size:12px}
.cw-kpi-main strong{font-size:30px}.cw-kpi-main strong small{color:var(--muted);font-size:11px}
.cw-progress{height:7px;margin:0 17px;border-radius:999px;overflow:hidden;background:var(--surface-hover)}
.cw-progress i{display:block;height:100%;border-radius:inherit;background:var(--amber)}
.cw-progress.expiry i{background:#aa6173}
.cw-kpi-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:16px 17px 0}
.cw-kpi-meta div{display:grid}.cw-kpi-meta small{color:var(--muted);font-size:9px}.cw-kpi-meta b{margin-top:3px;font-size:11px}
.cw-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px}
.cw-dashboard-main,.cw-dashboard-side{display:grid;gap:18px;align-content:start}
.cw-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 16px 15px}
.cw-info-grid>div{min-height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}
.cw-info-grid span{color:var(--muted);font-size:10px}.cw-info-grid b{font-size:11px;overflow-wrap:anywhere}
.cw-service-grid{padding:5px 15px}
.cw-service-row{min-height:62px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:10px}
.cw-service-row:last-child{border-bottom:0}.cw-service-status{width:8px;height:8px;border-radius:50%;background:var(--muted)}.cw-service-status.on{background:var(--green)}
.cw-service-row>div{display:grid}.cw-service-row b{font-size:11px}.cw-service-row small{color:var(--muted);font-size:9px}
.cw-tabs{margin:15px;padding:3px;border-radius:7px;background:var(--surface-hover);display:grid;grid-template-columns:repeat(3,1fr)}
.cw-tabs button{height:31px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:10px}.cw-tabs button.active{border:1px solid var(--border);background:var(--surface);color:var(--text)}
.cw-consumption{padding:5px 12px 16px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.cw-consumption div{display:grid}.cw-consumption span{color:var(--accent);font-size:14px}.cw-consumption small{color:var(--muted);font-size:9px}.cw-consumption b{font-size:11px}
.cw-shortcuts>a{min-height:64px;padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.cw-shortcuts>a:last-child{border-bottom:0}.cw-shortcuts>a>.cw-icon{width:32px;height:32px;padding:7px;border-radius:8px;background:var(--surface-hover);color:var(--accent)}
.cw-shortcuts>a div{display:grid}.cw-shortcuts>a b{font-size:11px}.cw-shortcuts>a small{color:var(--muted);font-size:9px}

/* ---------- admin dashboard ---------- */
.cw-admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.cw-admin-stat{min-height:128px;padding:19px!important;display:flex;align-items:center;gap:14px}
.cw-admin-stat-icon{width:46px;height:46px;border-radius:10px;background:var(--surface-hover);color:var(--accent-bright);display:grid;place-items:center;flex:0 0 auto}
.cw-admin-stat-icon .cw-icon{width:22px;height:22px}
.cw-admin-stat>div:last-child{display:grid}.cw-admin-stat span{color:var(--muted);font-size:10px}.cw-admin-stat strong{font-size:29px;line-height:1.15}.cw-admin-stat small{color:var(--muted);font-size:9px}
.cw-admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}
.cw-admin-primary,.cw-admin-secondary{display:grid;gap:18px;align-content:start}.cw-admin-secondary{position:sticky;top:20px}
.cw-admin-orders{padding:3px 15px}
.cw-admin-order-row{min-height:70px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px minmax(140px,1.2fr) minmax(120px,1fr) auto auto;align-items:center;gap:12px}
.cw-admin-order-row:last-child{border-bottom:0}.cw-admin-order-row:hover{background:color-mix(in srgb,var(--surface-hover) 45%,transparent)}
.cw-admin-order-user,.cw-admin-order-plan{display:grid;min-width:0}.cw-admin-order-user b,.cw-admin-order-plan span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-admin-order-user small,.cw-admin-order-plan small{color:var(--muted);font-size:9px}.cw-admin-order-price{font-size:11px;font-weight:750;white-space:nowrap}
.cw-admin-shortcuts>a{min-height:64px;padding:11px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.cw-admin-shortcuts>a:last-child{border-bottom:0}.cw-admin-shortcuts>a:hover{background:var(--surface-hover)}.cw-admin-shortcuts>a>.cw-icon{width:32px;height:32px;padding:7px;border-radius:8px;background:var(--surface-hover);color:var(--accent)}.cw-admin-shortcuts>a div{display:grid}.cw-admin-shortcuts b{font-size:11px}.cw-admin-shortcuts small{color:var(--muted);font-size:9px}
.cw-admin-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px}.cw-admin-overview-grid>div{min-height:72px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);display:grid;align-content:center}.cw-admin-overview-grid span{color:var(--muted);font-size:9px}.cw-admin-overview-grid b{font-size:19px}
.cw-admin-wallet-body{padding:15px;display:grid;gap:10px}.cw-admin-wallet-body>span{color:var(--muted);font-size:10px}.cw-admin-wallet-body code{direction:ltr;text-align:left;padding:9px;border:1px solid var(--border);border-radius:7px;background:var(--surface-soft);font-size:9px;word-break:break-all}

/* ---------- admin plans ---------- */
.cw-plans-head,.cw-plans-summary,.cw-plans-list,.cw-new-plan{width:min(100%,1320px)!important}
.cw-plans-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.cw-plans-summary article{min-height:88px;padding:15px 17px!important;display:grid;align-content:center}.cw-plans-summary span{color:var(--muted);font-size:10px}.cw-plans-summary strong{font-size:25px}
.cw-plans-list{display:grid;gap:11px;margin-bottom:22px}
.cw-plan-admin-card{padding:0!important;overflow:hidden}
.cw-plan-admin-card>summary{min-height:98px;padding:15px 18px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cw-plan-admin-card>summary::-webkit-details-marker{display:none}.cw-plan-admin-card[open]>summary{border-bottom:1px solid var(--line);background:var(--surface-soft)}
.cw-plan-summary-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.cw-plan-summary-icon{width:45px;height:45px;border-radius:10px;background:var(--surface-hover);color:var(--accent-bright);display:grid;place-items:center;flex:0 0 auto}.cw-plan-summary-icon .cw-icon{width:21px;height:21px}.cw-plan-summary-copy{min-width:0}.cw-plan-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cw-plan-title-line h2{margin:0;font-size:17px}.cw-plan-inline-meta{margin-top:7px;display:flex;gap:6px;flex-wrap:wrap}.cw-plan-inline-meta span{padding:4px 7px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--muted);font-size:9px}.cw-plan-summary-actions{display:flex;align-items:center;gap:8px}.cw-plan-edit-hint{height:33px;padding:0 9px;border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.cw-plan-edit-hint .cw-icon{width:13px;height:13px}
.cw-plan-edit-form,.cw-new-plan-form{padding:19px;background:var(--surface-soft)}.cw-plan-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 13px}.cw-plan-form-actions{display:flex;gap:8px}.cw-new-plan{overflow:hidden;margin-top:20px!important}.cw-new-plan-form{background:transparent}.cw-new-plan-submit{display:flex;justify-content:flex-start}

/* ---------- admin services ---------- */
.cw-services-summary{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px;width:min(410px,100%)}.cw-services-summary>div{min-height:64px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);display:grid;align-content:center}.cw-services-summary span{color:var(--muted);font-size:9px}.cw-services-summary b{font-size:21px}
.cw-services-list{display:grid;gap:16px}.cw-service-admin-card{overflow:hidden}.cw-service-admin-head{min-height:72px;padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:13px}.cw-service-admin-title{display:flex;align-items:center;gap:11px}.cw-service-icon{width:42px;height:42px;border-radius:9px;background:var(--surface-hover);color:var(--accent-bright);display:grid;place-items:center}.cw-service-icon .cw-icon{width:20px;height:20px}.cw-service-id{color:var(--muted);font-size:9px}.cw-service-admin-title h2{margin:1px 0 0;font-size:17px}
.cw-service-admin-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px)}.cw-service-details,.cw-service-delivery{padding:19px}.cw-service-delivery{border-right:1px solid var(--line);background:var(--surface-soft)}.cw-service-details>h3,.cw-service-delivery>h3{margin:0 0 13px;font-size:13px}.cw-service-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cw-service-meta{min-height:91px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);display:grid;align-content:center;min-width:0}.cw-service-meta span{color:var(--muted);font-size:9px}.cw-service-meta b{margin-top:3px;font-size:11px;overflow-wrap:anywhere}.cw-service-meta small{margin-top:2px;color:var(--muted);font-size:9px;overflow-wrap:anywhere}.cw-service-meta-wide{grid-column:1/-1;min-height:auto}.cw-service-meta code{direction:ltr;text-align:left;margin-top:4px;color:var(--accent-bright);font-size:10px;word-break:break-all}
.cw-file-picker{min-height:72px;padding:10px;border:1px dashed var(--border);border-radius:9px;background:var(--surface);display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;cursor:pointer}.cw-file-picker>input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.cw-file-icon{width:38px;height:38px;border-radius:8px;background:var(--surface-hover);color:var(--accent-bright);display:grid;place-items:center}.cw-file-icon .cw-icon{width:19px;height:19px}.cw-file-copy{display:grid;min-width:0}.cw-file-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-file-copy small{color:var(--muted);font-size:8px}.cw-file-button{min-height:32px;padding:0 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface-soft);display:flex;align-items:center;font-size:9px}.cw-service-actions{margin-top:10px;display:flex;gap:8px}.cw-service-actions form{display:flex}

/* ---------- admin legacy layouts ---------- */
.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.admin-main{min-width:0}.admin-side{display:grid;gap:15px}.sticky-card{position:sticky;top:20px}.wallet-admin-grid,.admin-list{display:grid;gap:10px}
.wallet-edit-card{padding:0!important;overflow:hidden}.wallet-edit-card summary{padding:15px 17px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px}.wallet-edit-card summary::-webkit-details-marker{display:none}.wallet-edit-card[open] summary{border-bottom:1px solid var(--line)}.wallet-edit-card summary h3{direction:ltr;text-align:left;margin:7px 0 0;font-size:10px;word-break:break-all;color:var(--muted)}.edit-panel{padding:17px;background:var(--surface-soft)}.wallet-admin-qr{width:110px;height:110px;object-fit:contain;background:#fff;padding:6px;border-radius:8px;margin:5px 0 12px}
.admin-person{min-height:64px;padding:10px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.admin-person:last-child{border-bottom:0}.admin-person .grow{display:grid;min-width:130px;flex:1}.grow small{color:var(--muted);font-size:9px}
.wallet-mini{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.wallet-mini span{font-size:9px;color:var(--muted)}.wallet-mini code{direction:ltr;font-size:9px;max-width:260px;overflow:hidden;text-overflow:ellipsis}

/* ---------- user plans ---------- */
.page-heading{margin-bottom:20px}.page-heading .section-title{margin-top:7px!important}
.home-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.home-plan-card{padding:20px!important;display:grid;grid-template-rows:auto auto minmax(54px,auto) auto auto auto;gap:8px}.plan-badge-slot{min-height:26px}.plan-title{margin:0;font-size:17px}.plan-description{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.plan-price-row{display:flex;align-items:center}.plan-price{display:flex;align-items:flex-end;gap:6px}.plan-price strong{font-size:27px}.plan-price small{color:var(--muted);font-size:10px}.plan-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.plan-specs>div{padding:8px;border-radius:8px;background:var(--surface-soft);display:grid}.plan-specs span{color:var(--muted);font-size:8px}.plan-specs b{font-size:10px}.plan-card-action{margin-top:3px}

/* ---------- checkout ---------- */
.checkout-head{margin-bottom:16px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;max-width:1180px!important}.checkout-payment-card,.checkout-form-card{padding:21px!important}.checkout-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.checkout-amount{text-align:left;display:grid}.checkout-amount small{color:var(--muted);font-size:9px}.checkout-amount strong{font-size:27px}.checkout-amount span{font-size:9px;color:var(--muted)}
.wallet-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.wallet-choice{min-width:115px;padding:8px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);display:grid}.wallet-choice b{font-size:10px}.wallet-choice span{font-size:8px;color:var(--muted)}.wallet-choice.selected{border-color:var(--accent);background:var(--surface-hover)}
.payment-destination{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);display:grid;grid-template-columns:175px 1fr;gap:18px}.payment-qr{display:grid;justify-items:center;gap:6px}.payment-qr img{width:160px;height:160px;object-fit:contain;background:#fff;padding:7px;border-radius:9px}.payment-qr small{color:var(--muted);font-size:9px}.payment-wallet-info h3{margin:9px 0;font-size:14px}.wallet-address-large{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.wallet-address-large code{direction:ltr;text-align:left;display:block;word-break:break-all;font-size:10px}.copy-wallet{margin-top:8px}.payment-warning{color:var(--muted);font-size:10px}.checkout-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.checkout-specs>div{padding:9px;border-radius:8px;background:var(--surface-soft);display:grid}.checkout-specs span{font-size:8px;color:var(--muted)}.checkout-specs b{font-size:10px}.checkout-note{margin-top:13px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);display:grid}.checkout-note b{font-size:10px}.checkout-note span{color:var(--muted);font-size:9px}.qr-empty{min-height:160px}

/* ---------- tickets / chat ---------- */
.ticket-row{padding:17px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.chat-card{display:flex;flex-direction:column;gap:10px;max-width:1050px!important}.message{max-width:78%;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.message.user{align-self:flex-start;background:var(--surface-hover)}.message.admin{align-self:flex-end;background:var(--surface-soft)}.message-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:5px}.message-head b{font-size:10px}.message-head span{color:var(--muted);font-size:8px}

/* ---------- service preview ---------- */
.service-code{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;max-height:620px;overflow:auto;padding:17px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:11px;line-height:1.7}

/* ---------- profile ---------- */
.cw-profile-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;max-width:1100px!important}.cw-profile-summary{padding:23px!important;text-align:center;position:sticky;top:20px}.cw-profile-big-avatar{width:76px;height:76px;margin:0 auto 11px;border:1px solid var(--border);border-radius:50%;background:var(--surface-hover);display:grid;place-items:center;font-size:25px;font-weight:900}.cw-profile-summary h2{margin:0 0 3px;font-size:18px}.cw-profile-summary>p{direction:ltr;color:var(--muted);font-size:10px;word-break:break-all}.cw-profile-mini{margin-top:18px;border-top:1px solid var(--line)}.cw-profile-mini>div{min-height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.cw-profile-mini span{color:var(--muted);font-size:9px}.cw-profile-mini b{font-size:9px}.cw-profile-content{display:grid;gap:18px}.cw-profile-form{padding:18px}.cw-field-help{display:block;margin-top:4px;color:var(--muted);font-size:8px}.cw-config-note-body{padding:22px}.cw-config-note-body p{color:var(--muted);font-size:10px;line-height:1.9}

/* ---------- login / register ---------- */
.cw-auth-body{min-height:100vh;background:var(--bg)!important;color:var(--text);display:grid;place-items:center}.cw-auth-tools{position:fixed;top:16px;left:16px;display:flex;gap:7px}.cw-auth-tools button{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.cw-login-stage{width:100%;min-height:100svh;padding:24px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cw-login-logo{display:flex;direction:ltr;align-items:center;gap:7px;margin-bottom:19px}.cw-login-logo b{font-size:20px}.cw-login-logo b span{color:var(--accent-bright)}.cw-login-logo i{font-style:normal;color:var(--accent-bright);font-size:27px}.cw-login-card{width:min(410px,100%);padding:27px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.cw-register-card{width:min(480px,100%)}.cw-login-intro{text-align:center}.cw-login-intro h1{margin:0 0 5px;font-size:22px}.cw-login-intro p{margin:0 0 19px;color:var(--muted);font-size:10px}.cw-login-alert{margin-bottom:10px;padding:9px;border-radius:7px;font-size:10px}.cw-login-alert.error{border:1px solid #81475a;color:#f2a7b5}.cw-login-alert.success{border:1px solid #2f775f;color:var(--green)}.cw-login-form>label{display:block;margin-bottom:12px}.cw-login-form>label>span{display:block;margin-bottom:5px;font-size:10px}.cw-field{position:relative}.cw-field input{width:100%;height:45px;padding:0 36px;border:1px solid var(--border);border-radius:8px;outline:none;background:var(--surface-soft);color:var(--text);font-size:12px}.cw-field>i{position:absolute;right:11px;top:11px;color:var(--muted);font-style:normal}.cw-eye{position:absolute;left:8px;top:7px;width:30px;height:30px;border:0;background:transparent;color:var(--muted)}.cw-login-options{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;margin:3px 0 12px;color:var(--muted);font-size:9px}.cw-remember{display:flex;align-items:center;gap:5px}.cw-login-submit,.cw-register-btn{width:100%;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.cw-login-submit{border:0;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#000));color:#fff}.cw-register-btn{border:1px solid var(--border);background:var(--surface-soft)}.cw-login-divider{height:1px;margin:18px 0 12px;background:var(--line)}.cw-register-caption{text-align:center;color:var(--muted);font-size:9px}

/* ---------- responsive ---------- */
@media(max-width:1250px){
  :root{--sidebar:238px}
  .cw-dashboard-grid{grid-template-columns:1fr}
  .cw-dashboard-side{grid-template-columns:repeat(2,1fr)}
  .cw-admin-stat-grid{grid-template-columns:repeat(2,1fr)}
  .cw-admin-dashboard-grid{grid-template-columns:1fr 310px}
  .cw-service-admin-body{grid-template-columns:minmax(0,1fr) 350px}
  .cw-service-meta-grid{grid-template-columns:repeat(2,1fr)}
  .cw-plan-form-grid{grid-template-columns:repeat(2,1fr)}
  .home-plan-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
  html{font-size:16px}
  .cw-shell-sidebar{
    position:fixed;top:0;right:0;bottom:0;
    width:min(84vw,310px);
    border-radius:0;
    transform:translateX(105%);
    transition:transform .2s ease;
    z-index:130;
  }
  .cw-menu-open .cw-shell-sidebar{transform:translateX(0)}
  .cw-mobile-close{display:block}
  .cw-sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:120}
  .cw-menu-open .cw-sidebar-backdrop{display:block}
  .cw-shell-main{margin:0;padding:76px 15px 46px}
  .cw-shell-footer{margin:0;padding:0 15px 22px}
  .cw-mobile-topbar{
    position:fixed;top:0;left:0;right:0;height:58px;z-index:100;
    padding:0 13px;border-bottom:1px solid var(--border);
    background:color-mix(in srgb,var(--surface) 94%,transparent);
    backdrop-filter:blur(12px);
    display:flex;align-items:center;justify-content:space-between;
  }
  .cw-menu-button,.cw-mobile-theme{width:38px;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);display:grid;place-items:center}
  .cw-menu-button{align-content:center}.cw-menu-button span{width:18px;height:2px;margin:2px 0;border-radius:9px;background:currentColor}.cw-mobile-logo{font-size:14px;font-weight:800}
  .cw-page-head,.admin-head{min-height:auto;align-items:flex-start!important;flex-direction:column!important}
  .cw-head-actions{width:100%}
  .cw-dashboard-side{grid-template-columns:1fr}
  .cw-admin-dashboard-grid{grid-template-columns:1fr}
  .cw-admin-secondary{position:static;grid-template-columns:repeat(2,1fr)}
  .admin-layout{grid-template-columns:1fr}.admin-side{grid-template-columns:repeat(2,1fr)}.sticky-card{position:static}
  .cw-service-admin-body{grid-template-columns:1fr}.cw-service-delivery{border-right:0;border-top:1px solid var(--line)}
  .cw-profile-layout{grid-template-columns:1fr;max-width:760px!important}.cw-profile-summary{position:static}
  .checkout-layout{grid-template-columns:1fr}
}

@media(max-width:640px){
  body{font-size:15px}
  .cw-shell-main{padding:70px 9px 38px}
  .cw-page-head,.admin-head{text-align:center!important;align-items:center!important;margin-bottom:17px!important}
  .cw-page-head h1,.admin-head .section-title,.section-title{font-size:25px!important}
  .cw-page-head p,.admin-head p{font-size:11px}
  .cw-head-actions{display:grid;grid-template-columns:1fr;width:100%}.cw-head-actions .btn,.cw-page-head>.btn{width:100%}
  .cw-context-bar{display:none}
  .cw-kpi-grid{grid-template-columns:1fr;gap:11px}.cw-kpi-card{min-height:auto}.cw-kpi-main{padding:14px 12px 7px}.cw-kpi-main strong{font-size:25px}.cw-progress{margin:0 12px}.cw-kpi-meta{grid-template-columns:repeat(2,1fr);padding:12px}
  .cw-dashboard-grid,.cw-dashboard-main,.cw-dashboard-side{gap:11px}
  .cw-info-grid{grid-template-columns:1fr;padding:5px 12px 11px}.cw-info-grid>div{min-height:47px}
  .cw-service-grid{padding:3px 12px}.cw-service-row{grid-template-columns:8px 1fr auto;padding:7px 0}.cw-service-row>.btn,.cw-service-row>.muted{grid-column:2/-1;width:100%}
  .cw-admin-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cw-admin-stat{min-height:101px;padding:12px!important;gap:8px}.cw-admin-stat-icon{width:36px;height:36px}.cw-admin-stat strong{font-size:23px}.cw-admin-secondary{grid-template-columns:1fr}.cw-admin-order-row{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.cw-admin-order-plan{display:none}.cw-admin-order-row>.status{grid-column:2/4;justify-self:start}.cw-admin-overview-grid{grid-template-columns:repeat(2,1fr)}
  .cw-plans-summary{grid-template-columns:repeat(3,1fr);gap:6px}.cw-plans-summary article{min-height:70px;padding:9px!important;text-align:center}.cw-plan-admin-card>summary{padding:12px;align-items:flex-start}.cw-plan-summary-icon{width:38px;height:38px}.cw-plan-title-line h2{font-size:15px}.cw-plan-summary-actions{flex-direction:column;align-items:flex-end}.cw-plan-edit-hint{width:33px;padding:0;font-size:0;justify-content:center}.cw-plan-form-grid{grid-template-columns:1fr}.cw-plan-form-actions{display:grid;grid-template-columns:1fr}
  .cw-services-summary{grid-template-columns:repeat(3,1fr);width:100%}.cw-services-summary>div{text-align:center;padding:7px}.cw-service-admin-head{padding:11px}.cw-service-details,.cw-service-delivery{padding:13px}.cw-service-meta-grid{grid-template-columns:1fr}.cw-service-meta-wide{grid-column:auto}.cw-file-picker{grid-template-columns:36px 1fr}.cw-file-button{grid-column:1/-1;justify-content:center}.cw-service-actions{display:grid}.cw-service-actions form,.cw-service-actions .btn{width:100%}
  .admin-side{grid-template-columns:1fr}.admin-person{align-items:flex-start;flex-wrap:wrap}.admin-person form{width:100%}.compact{min-width:0;flex:1}
  .grid-2,.home-plan-grid{grid-template-columns:1fr}.card{padding:15px}.input{min-height:47px;font-size:13px}.label{font-size:11px}.btn{min-height:43px;font-size:12px}.table{min-width:650px}.table th,.table td{white-space:nowrap}
  .payment-destination{grid-template-columns:1fr;text-align:center}.payment-qr{justify-items:center}.wallet-address-large{text-align:left}.checkout-plan-head{flex-direction:column}.checkout-amount{text-align:right}.checkout-specs{grid-template-columns:1fr 1fr 1fr}
  .ticket-row{align-items:flex-start;flex-direction:column}.message{max-width:94%}
  .cw-profile-form{padding:14px}.cw-profile-summary{padding:19px!important}
  .cw-login-stage{padding:18px 10px}.cw-login-card{padding:22px 17px}.cw-field input{height:48px;font-size:13px}.cw-login-form>label>span{font-size:11px}.cw-login-submit,.cw-register-btn{height:46px;font-size:12px}
}

@media(max-width:390px){
  .cw-admin-stat-grid,.cw-plans-summary,.cw-services-summary,.cw-kpi-meta{grid-template-columns:1fr}
  .cw-shell-main{padding-left:6px;padding-right:6px}
}

/* Legacy nav/footer hidden after unified shell */
.modern-nav,.footer{display:none!important}


/* =========================================================
   v5.1 TYPOGRAPHY + DASHBOARD REBUILD
   readable at browser zoom 100%
   ========================================================= */

:root{--content:1480px;--sidebar:276px}

html{font-size:18px!important}
body{font-size:16px!important;line-height:1.78!important}
body,button,input,textarea,select{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;
}

/* Never use micro text in main application UI */
.cw-shell-nav a{font-size:14px!important}
.cw-brand-copy b{font-size:18px!important}
.cw-brand-copy small{font-size:11px!important}
.cw-shell-user-copy b{font-size:13px!important}
.cw-shell-user-copy small{font-size:11px!important}
.cw-theme-toggle{font-size:13px!important}
.cw-page-head h1,.admin-head .section-title,.section-title{font-size:34px!important}
.cw-page-head p,.admin-head p{font-size:15px!important}
.cw-page-eyebrow,.kicker{font-size:11px!important}
.cw-panel-title{min-height:58px!important;padding:0 20px!important}
.cw-panel-title b{font-size:16px!important}
.cw-panel-title small{font-size:12px!important}
.cw-panel-title>a{font-size:12px!important}
.label{font-size:13px!important}
.input{font-size:14px!important;min-height:50px!important}
.btn{font-size:14px!important;min-height:48px!important}
.btn.small{font-size:12px!important;min-height:38px!important}
.table th{font-size:12px!important}
.table td{font-size:13px!important}
.status{font-size:11px!important}
.muted{font-size:12px!important}

/* Shell scale */
.cw-shell-sidebar{width:var(--sidebar)!important}
.cw-shell-main{
  margin-right:calc(var(--sidebar) + 34px)!important;
  padding:42px clamp(28px,3vw,54px) 78px!important;
}
.cw-shell-footer{margin-right:calc(var(--sidebar) + 34px)!important}
.cw-shell-brand{min-height:80px!important}
.cw-shell-nav a{min-height:50px!important}
.cw-logo-mark{width:46px!important;height:46px!important}

/* Shared dashboard */
.cw-dashboard-head{min-height:118px!important}
.cw-primary-cta{min-width:175px!important}
.cw-dashboard-kpis{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-bottom:20px;
}
.cw-dashboard-kpi{
  min-height:205px;
  padding:24px!important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.cw-dashboard-kpi-head{
  display:flex;
  align-items:center;
  gap:16px;
}
.cw-dashboard-kpi-icon{
  width:54px;
  height:54px;
  border-radius:12px;
  background:var(--surface-hover);
  color:var(--accent-bright);
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.cw-dashboard-kpi-icon .cw-icon{width:25px!important;height:25px!important}
.cw-dashboard-kpi-head>div:last-child{display:grid}
.cw-dashboard-kpi-head span{font-size:14px;color:var(--muted)}
.cw-dashboard-kpi-head strong{font-size:35px;line-height:1.2;margin-top:4px}
.cw-dashboard-kpi-head strong small{font-size:14px;color:var(--muted)}
.cw-dashboard-kpi .cw-progress{margin:17px 0 12px!important;height:9px!important}
.cw-dashboard-kpi-meta{
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.cw-dashboard-kpi-meta span{font-size:13px;color:var(--muted)}
.cw-dashboard-kpi-meta b{color:var(--text)}

.cw-dashboard-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:20px;
  align-items:start;
}
.cw-dashboard-main,.cw-dashboard-aside{
  display:grid;
  gap:20px;
  align-content:start;
}
.cw-account-list{padding:8px 20px 16px}
.cw-account-list>div{
  min-height:62px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.cw-account-list span{font-size:13px;color:var(--muted)}
.cw-account-list b{font-size:14px;overflow-wrap:anywhere}
.cw-service-list-large{padding:8px 20px}
.cw-service-item-large{
  min-height:76px;
  display:grid;
  grid-template-columns:9px minmax(0,1fr) auto auto;
  align-items:center;
  gap:13px;
  border-bottom:1px solid var(--line);
}
.cw-service-item-large:last-child{border-bottom:0}
.cw-service-item-copy{display:grid}
.cw-service-item-copy b{font-size:14px}
.cw-service-item-copy span{font-size:12px;color:var(--muted);margin-top:3px}
.cw-waiting-text{font-size:12px;color:var(--muted)}
.cw-consumption-large{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  padding:20px;
}
.cw-consumption-large>div{
  min-height:108px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-soft);
  display:grid;
  align-content:center;
}
.cw-consumption-large span{font-size:12px;color:var(--muted)}
.cw-consumption-large strong{font-size:27px;margin-top:4px}
.cw-consumption-large strong small{font-size:12px;color:var(--muted)}
.cw-quick-links-large>a{
  min-height:76px;
  padding:14px 19px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  gap:13px;
}
.cw-quick-links-large>a:last-child{border-bottom:0}
.cw-quick-links-large>a>.cw-icon{
  width:40px!important;height:40px!important;padding:9px;
  border-radius:10px;background:var(--surface-hover);color:var(--accent);
}
.cw-quick-links-large>a>div{display:grid}
.cw-quick-links-large b{font-size:14px}
.cw-quick-links-large span{font-size:12px;color:var(--muted);margin-top:2px}

/* Admin */
.cw-admin-kpis-large{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:20px;
}
.cw-admin-kpis-large>article{
  min-height:150px;
  padding:22px!important;
  display:flex;
  align-items:center;
  gap:16px;
}
.cw-admin-kpis-large>article>div:last-child{display:grid}
.cw-admin-kpis-large span{font-size:13px;color:var(--muted)}
.cw-admin-kpis-large strong{font-size:35px;line-height:1.15;margin:3px 0}
.cw-admin-kpis-large small{font-size:12px;color:var(--muted)}
.cw-admin-layout-large{grid-template-columns:minmax(0,1fr) 390px}
.cw-admin-orders-large{padding:6px 20px}
.cw-admin-order-large{
  min-height:82px;
  display:grid;
  grid-template-columns:46px minmax(160px,1.2fr) minmax(140px,1fr) auto auto;
  align-items:center;
  gap:14px;
  border-bottom:1px solid var(--line);
}
.cw-admin-order-large:last-child{border-bottom:0}
.cw-admin-order-copy,.cw-admin-order-plan-large{display:grid;min-width:0}
.cw-admin-order-copy b,.cw-admin-order-plan-large b{font-size:14px}
.cw-admin-order-copy span,.cw-admin-order-plan-large span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-admin-price{font-size:14px;white-space:nowrap}
.cw-system-summary-large{
  padding:18px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.cw-system-summary-large>div{
  min-height:104px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-soft);
  display:grid;
  align-content:center;
}
.cw-system-summary-large span{font-size:12px;color:var(--muted)}
.cw-system-summary-large strong{font-size:27px;margin-top:4px}
.cw-wallet-large{padding:20px;display:grid;gap:12px}
.cw-wallet-large>span{font-size:13px;color:var(--muted)}
.cw-wallet-large code{
  direction:ltr;text-align:left;
  padding:12px;border:1px solid var(--border);border-radius:8px;
  background:var(--surface-soft);font-size:12px;word-break:break-all;
}

/* 100% browser zoom on common laptop widths */
@media(max-width:1450px){
  :root{--sidebar:250px}
  html{font-size:17px!important}
  .cw-shell-main{margin-right:280px!important;padding:34px 26px 64px!important}
  .cw-shell-footer{margin-right:280px!important}
  .cw-dashboard-layout,.cw-admin-layout-large{grid-template-columns:minmax(0,1fr) 340px}
  .cw-admin-kpis-large>article{min-height:135px;padding:18px!important}
}

/* Tablet */
@media(max-width:1050px){
  html{font-size:16px!important}
  .cw-shell-main{margin:0!important;padding:76px 16px 48px!important}
  .cw-shell-footer{margin:0!important}
  .cw-dashboard-layout,.cw-admin-layout-large{grid-template-columns:1fr!important}
  .cw-dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-admin-kpis-large{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phone */
@media(max-width:700px){
  body{font-size:15px!important}
  .cw-shell-main{padding:70px 10px 40px!important}
  .cw-page-head h1,.admin-head .section-title,.section-title{font-size:27px!important}
  .cw-page-head p,.admin-head p{font-size:13px!important}
  .cw-dashboard-kpis{grid-template-columns:1fr;gap:12px}
  .cw-dashboard-kpi{min-height:170px;padding:17px!important}
  .cw-dashboard-kpi-head strong{font-size:29px}
  .cw-dashboard-aside{grid-template-columns:1fr}
  .cw-admin-kpis-large{grid-template-columns:1fr 1fr;gap:10px}
  .cw-admin-kpis-large>article{min-height:118px;padding:14px!important;gap:10px}
  .cw-admin-kpis-large strong{font-size:27px}
  .cw-admin-order-large{grid-template-columns:40px 1fr auto;gap:9px}
  .cw-admin-order-plan-large{display:none}
  .cw-admin-order-large>.status{grid-column:2/4;justify-self:start}
  .cw-system-summary-large{grid-template-columns:1fr 1fr;padding:11px;gap:8px}
  .cw-account-list{padding:5px 13px 12px}
  .cw-account-list>div{min-height:54px}
  .cw-service-list-large{padding:5px 13px}
  .cw-service-item-large{grid-template-columns:8px 1fr auto}
  .cw-service-item-large>.btn,.cw-service-item-large>.cw-waiting-text{grid-column:2/-1;width:100%}
}

@media(max-width:430px){
  .cw-admin-kpis-large,.cw-system-summary-large{grid-template-columns:1fr}
}


/* =========================================================
   v5.2 FLUID RESPONSIVE SYSTEM
   Base target: browser zoom 100%; stable from ~80% to 150%
   ========================================================= */
:root{
  --sidebar:clamp(238px,14vw,278px);
  --content:min(100%,1500px);
  --gutter:clamp(14px,2.2vw,38px);
}
html{font-size:100%!important}
body,button,input,textarea,select{
  font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif!important;
}
body{
  font-size:clamp(15px,.72vw + 8px,17px)!important;
  line-height:1.8!important;
  letter-spacing:0!important;
}
.cw-shell-sidebar{width:var(--sidebar)!important}
.cw-shell-main{
  width:auto!important;max-width:none!important;
  margin-right:calc(var(--sidebar) + 28px)!important;
  padding:clamp(24px,3vw,44px) var(--gutter) clamp(48px,5vw,78px)!important;
}
.cw-shell-main>*{width:var(--content)!important;max-width:1500px!important}
.cw-shell-footer{margin-right:calc(var(--sidebar) + 28px)!important}

.cw-brand-copy b{font-size:clamp(15px,1vw,18px)!important}
.cw-brand-copy small{font-size:clamp(9px,.55vw,11px)!important}
.cw-shell-nav a{font-size:clamp(12px,.72vw,14px)!important;min-height:clamp(44px,3vw,50px)!important}
.cw-shell-user-copy b{font-size:clamp(11px,.68vw,13px)!important}
.cw-shell-user-copy small{font-size:clamp(9px,.55vw,11px)!important}
.cw-page-head h1,.admin-head .section-title,.section-title{font-size:clamp(26px,2vw,36px)!important;line-height:1.35!important}
.cw-page-head p,.admin-head p{font-size:clamp(12px,.8vw,15px)!important}
.cw-page-eyebrow,.kicker{font-size:clamp(9px,.58vw,11px)!important}
.cw-panel-title b{font-size:clamp(13px,.82vw,16px)!important}
.cw-panel-title small{font-size:clamp(10px,.64vw,12px)!important}
.cw-panel-title>a{font-size:clamp(10px,.64vw,12px)!important}
.label{font-size:clamp(11px,.7vw,13px)!important}
.input{font-size:clamp(12px,.75vw,14px)!important}
.btn{font-size:clamp(12px,.75vw,14px)!important}
.btn.small{font-size:clamp(10px,.65vw,12px)!important}
.table th{font-size:clamp(10px,.65vw,12px)!important}
.table td{font-size:clamp(11px,.7vw,13px)!important}
.status{font-size:clamp(9px,.58vw,11px)!important}
.muted{font-size:clamp(10px,.65vw,12px)!important}

.cw-page-head,.admin-head{
  min-height:auto!important;
  padding-block:clamp(8px,1.2vw,18px)!important;
  margin-bottom:clamp(16px,1.6vw,26px)!important;
}
.btn{min-height:clamp(42px,3vw,48px)!important;padding-inline:clamp(13px,1.15vw,20px)!important}
.input{min-height:clamp(44px,3vw,50px)!important}

.cw-dashboard-kpis{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;
  gap:clamp(12px,1.2vw,20px)!important;
}
.cw-dashboard-kpi{
  min-height:clamp(170px,12vw,205px)!important;
  padding:clamp(16px,1.5vw,24px)!important;
}
.cw-dashboard-kpi-icon{width:clamp(46px,3.2vw,54px)!important;height:clamp(46px,3.2vw,54px)!important}
.cw-dashboard-kpi-head span{font-size:clamp(12px,.75vw,14px)!important}
.cw-dashboard-kpi-head strong{font-size:clamp(28px,2vw,36px)!important}
.cw-dashboard-kpi-head strong small{font-size:clamp(11px,.75vw,14px)!important}
.cw-dashboard-kpi-meta span{font-size:clamp(11px,.72vw,13px)!important}

.cw-dashboard-layout{
  grid-template-columns:minmax(0,1fr) clamp(310px,25vw,400px)!important;
  gap:clamp(12px,1.3vw,20px)!important;
}
.cw-account-list>div{min-height:clamp(52px,4vw,62px)!important}
.cw-account-list span{font-size:clamp(11px,.72vw,13px)!important}
.cw-account-list b{font-size:clamp(12px,.78vw,14px)!important}
.cw-service-item-large{min-height:clamp(64px,4.8vw,76px)!important}
.cw-service-item-copy b{font-size:clamp(12px,.8vw,14px)!important}
.cw-service-item-copy span,.cw-waiting-text{font-size:clamp(10px,.68vw,12px)!important}
.cw-quick-links-large>a{min-height:clamp(64px,4.8vw,76px)!important}
.cw-quick-links-large b{font-size:clamp(12px,.8vw,14px)!important}
.cw-quick-links-large span{font-size:clamp(10px,.68vw,12px)!important}

.cw-admin-kpis-large{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;
  gap:clamp(10px,1vw,16px)!important;
}
.cw-admin-kpis-large>article{
  min-height:clamp(120px,9vw,150px)!important;
  padding:clamp(14px,1.4vw,22px)!important;
}
.cw-admin-kpis-large span{font-size:clamp(11px,.72vw,13px)!important}
.cw-admin-kpis-large strong{font-size:clamp(27px,2vw,35px)!important}
.cw-admin-kpis-large small{font-size:clamp(10px,.68vw,12px)!important}
.cw-admin-layout-large{grid-template-columns:minmax(0,1fr) clamp(310px,25vw,400px)!important}
.cw-admin-order-large{
  grid-template-columns:46px minmax(130px,1.15fr) minmax(110px,.9fr) minmax(70px,auto) auto!important;
  gap:clamp(8px,1vw,14px)!important;
}
.cw-admin-order-copy b,.cw-admin-order-plan-large b{font-size:clamp(12px,.8vw,14px)!important}
.cw-admin-order-copy span,.cw-admin-order-plan-large span{font-size:clamp(10px,.68vw,12px)!important}
.cw-admin-price{font-size:clamp(12px,.8vw,14px)!important}
.cw-system-summary-large{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}
.cw-system-summary-large span{font-size:clamp(10px,.68vw,12px)!important}
.cw-system-summary-large strong{font-size:clamp(22px,1.6vw,28px)!important}

.admin-layout{grid-template-columns:minmax(0,1fr) clamp(280px,23vw,330px)!important}
.cw-plan-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.cw-service-admin-body{grid-template-columns:minmax(0,1fr) clamp(320px,31vw,430px)!important}
.cw-service-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
.home-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important}
.table-wrap{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain}
.table{min-width:720px!important}

@media(max-width:1180px){
  .cw-dashboard-layout,.cw-admin-layout-large,.admin-layout{grid-template-columns:1fr!important}
  .cw-dashboard-aside{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
  .cw-admin-secondary,.admin-side{position:static!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
  .cw-service-admin-body{grid-template-columns:1fr!important}
  .cw-service-delivery{border-right:0!important;border-top:1px solid var(--line)!important}
}
@media(max-width:960px){
  :root{--sidebar:280px}
  .cw-shell-sidebar{
    position:fixed!important;top:0!important;right:0!important;bottom:0!important;
    width:min(84vw,320px)!important;border-radius:0!important;
    transform:translateX(105%)!important;transition:transform .2s ease!important;z-index:130!important;
  }
  .cw-menu-open .cw-shell-sidebar{transform:translateX(0)!important}
  .cw-mobile-close{display:block!important}
  .cw-sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:120}
  .cw-menu-open .cw-sidebar-backdrop{display:block!important}
  .cw-mobile-topbar{
    display:flex!important;position:fixed;top:0;left:0;right:0;height:60px;z-index:100;
    padding:0 14px;align-items:center;justify-content:space-between;
    background:color-mix(in srgb,var(--surface) 94%,transparent);
    border-bottom:1px solid var(--border);backdrop-filter:blur(12px);
  }
  .cw-menu-button,.cw-mobile-theme{
    width:40px;height:40px;border:1px solid var(--border);border-radius:9px;
    background:var(--surface-soft);color:var(--text);display:grid;place-items:center;
  }
  .cw-menu-button{align-content:center}
  .cw-menu-button span{width:18px;height:2px;margin:2px 0;border-radius:9px;background:currentColor}
  .cw-mobile-logo{font-size:15px;font-weight:800}
  .cw-shell-main{margin:0!important;padding:76px var(--gutter) 48px!important}
  .cw-shell-footer{margin:0!important}
}
@media(max-width:700px){
  body{font-size:15px!important}
  .cw-shell-main{padding-inline:10px!important}
  .cw-page-head,.admin-head{align-items:stretch!important;text-align:right!important}
  .cw-head-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important}
  .cw-head-actions .btn,.cw-page-head>.btn{width:100%!important}
  .cw-dashboard-kpi-meta{flex-direction:column!important;gap:4px!important}
  .cw-account-list>div{
    align-items:flex-start!important;flex-direction:column!important;
    justify-content:center!important;gap:2px!important;padding-block:8px!important;
  }
  .cw-service-item-large{grid-template-columns:8px minmax(0,1fr) auto!important}
  .cw-service-item-large>.btn,.cw-service-item-large>.cw-waiting-text{grid-column:2/-1!important;width:100%!important}
  .cw-admin-order-large{grid-template-columns:42px minmax(0,1fr) auto!important}
  .cw-admin-order-plan-large{display:none!important}
  .cw-admin-order-large>.status{grid-column:2/4!important;justify-self:start!important}
  .grid-2{grid-template-columns:1fr!important}
  .table{min-width:640px!important}
}
@media(max-width:420px){
  .cw-admin-kpis-large,.cw-system-summary-large{grid-template-columns:1fr!important}
}


/* =========================================================
   v5.3 TOP AREA ALIGNMENT
   Typography intentionally untouched
   ========================================================= */

/* Shared top container on every user/admin page */
.cw-page-head,
.admin-head{
  width:min(100%,1500px)!important;
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;

  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:clamp(18px,2.2vw,36px)!important;

  min-height:118px!important;
  padding:18px 0 20px!important;
  text-align:right!important;
}

/* Keep title block fixed to the right */
.cw-page-head>div:first-child,
.admin-head>div:first-child{
  min-width:0!important;
  max-width:900px!important;
  justify-self:start!important;
  align-self:center!important;
}

/* Actions / counters always sit on the opposite side */
.cw-page-head>.cw-head-actions,
.admin-head>.cw-head-actions,
.cw-page-head>.cw-services-summary,
.admin-head>.cw-services-summary{
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}

/* Primary button on user pages */
.cw-page-head>.btn{
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}

/* Context bar stays directly above page header */
.cw-context-bar{
  width:min(100%,1500px)!important;
  max-width:1500px!important;
  margin:0 auto 14px!important;
}

/* Services counters */
.cw-services-summary{
  width:auto!important;
  min-width:min(100%,390px)!important;
  grid-template-columns:repeat(3,minmax(105px,1fr))!important;
}

/* Plans page: summary starts cleanly below the main heading */
.cw-plans-head{
  margin-bottom:14px!important;
}
.cw-plans-summary{
  width:min(100%,1320px)!important;
  max-width:1320px!important;
  margin:0 auto 20px!important;
}

/* Dashboard pages: same vertical baseline */
.cw-dashboard-head{
  min-height:118px!important;
  padding-top:18px!important;
  padding-bottom:20px!important;
}

/* Remove accidental top offsets left from earlier versions */
.cw-page-head .cw-page-eyebrow,
.admin-head .cw-page-eyebrow{
  margin-top:0!important;
}
.cw-page-head h1,
.admin-head .section-title{
  margin-top:0!important;
}

/* Tablet */
@media(max-width:1180px){
  .cw-page-head,
  .admin-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    min-height:104px!important;
    gap:18px!important;
  }

  .cw-services-summary{
    min-width:330px!important;
  }
}

/* Mobile / narrow widths */
@media(max-width:760px){
  .cw-page-head,
  .admin-head{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:14px 0 18px!important;
    gap:14px!important;
    text-align:right!important;
    align-items:stretch!important;
  }

  .cw-page-head>div:first-child,
  .admin-head>div:first-child{
    max-width:none!important;
    width:100%!important;
  }

  .cw-page-head>.cw-head-actions,
  .admin-head>.cw-head-actions,
  .cw-page-head>.cw-services-summary,
  .admin-head>.cw-services-summary,
  .cw-page-head>.btn{
    width:100%!important;
    justify-self:stretch!important;
  }

  .cw-head-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .cw-services-summary{
    min-width:0!important;
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Very narrow phones */
@media(max-width:420px){
  .cw-services-summary{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v5.4 USER WALLET
   Typography intentionally untouched
   ========================================================= */
.cw-user-wallet-balance{
  min-width:250px;
  padding:14px 18px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
  display:grid;
}
.cw-user-wallet-balance span{color:var(--muted);font-size:.78em}
.cw-user-wallet-balance strong{font-size:1.65em;margin-top:2px}

.cw-wallet-page-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(290px,350px);
  gap:18px;
  align-items:start;
}
.cw-wallet-main{display:grid;gap:18px}
.cw-wallet-aside{position:sticky;top:20px}

.cw-wallet-topup-form{padding:20px}
.cw-topup-destination{
  padding:14px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--surface-soft);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:15px;
  align-items:center;
}
.cw-topup-qr img{
  width:110px;height:110px;object-fit:contain;
  padding:6px;border-radius:9px;background:#fff;
}
.cw-topup-address{display:grid;min-width:0}
.cw-topup-address>span{color:var(--muted);font-size:.82em}
.cw-topup-address code{
  direction:ltr;text-align:left;
  margin:7px 0;padding:10px;
  border:1px solid var(--border);
  border-radius:7px;background:var(--bg);
  word-break:break-all;
}
.cw-topup-address small{color:var(--muted)}

.cw-topup-list{padding:7px 14px}
.cw-topup-item{
  padding:12px 0;
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 10px;
}
.cw-topup-item:last-child{border-bottom:0}
.cw-topup-item>div{display:grid}
.cw-topup-item>div span,.cw-topup-item>small{color:var(--muted);font-size:.78em}
.cw-topup-item>small{grid-column:1/-1}
.cw-topup-empty{padding:24px 4px;text-align:center;color:var(--muted)}

.cw-amount-credit{color:var(--green);font-weight:700}
.cw-amount-debit{color:var(--red);font-weight:700}
.cw-topup-admin-actions{min-width:260px}
.cw-topup-admin-actions .compact{width:100%;margin-bottom:7px}

.cw-payment-methods{margin-bottom:18px}
.cw-balance-pay-card{
  padding:18px 20px!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.cw-balance-pay-card>div:first-child{display:grid}
.cw-balance-pay-card span{color:var(--muted)}
.cw-balance-pay-card strong{font-size:1.8em}
.cw-balance-pay-card small{color:var(--muted)}
.cw-insufficient-balance{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

@media(max-width:1180px){
  .cw-wallet-page-grid{grid-template-columns:1fr}
  .cw-wallet-aside{position:static}
}
@media(max-width:760px){
  .cw-user-wallet-balance{width:100%;min-width:0}
  .cw-topup-destination{grid-template-columns:1fr;text-align:center}
  .cw-topup-qr{display:flex;justify-content:center}
  .cw-topup-address code{text-align:left}
  .cw-balance-pay-card{align-items:stretch;flex-direction:column}
  .cw-balance-pay-card form,.cw-balance-pay-card .btn{width:100%}
}


/* =========================================================
   v5.5 CENTRAL USER PAYMENTS
   Typography intentionally unchanged
   ========================================================= */
.cw-payments-heading{
  text-align:center;
  margin:0 auto 22px!important;
  max-width:900px!important;
}
.cw-payments-heading h1{margin:0;color:var(--accent-bright);font-size:clamp(28px,2vw,36px)}
.cw-payments-heading p{margin:6px 0 0;color:var(--muted)}

.cw-payments-tabs{
  width:min(100%,760px)!important;
  margin:0 auto 26px!important;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.cw-payments-tabs>a{
  min-height:62px;
  padding:8px 12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--surface-hover);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:var(--muted);
}
.cw-payments-tabs>a.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.cw-payments-tabs .cw-icon{width:22px;height:22px}
.cw-payments-tabs div{display:grid}
.cw-payments-tabs b{font-size:1em}
.cw-payments-tabs span{font-size:.78em}

.cw-payments-buy-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
  align-items:start;
}
.cw-payment-plan-list{overflow:hidden}
.cw-payment-plans{display:grid}
.cw-payment-plan-row{
  min-height:70px;
  padding:10px 14px;
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:42px repeat(4,minmax(0,1fr));
  align-items:center;
  gap:12px;
}
.cw-payment-plan-row:last-child{border-bottom:0}
.cw-payment-plan-row:hover{background:var(--surface-soft)}
.cw-payment-plan-number{
  width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--surface-hover);color:var(--text);
}
.cw-payment-plan-row>div:not(.cw-payment-plan-number){display:grid}
.cw-payment-plan-row span{color:var(--muted);font-size:.78em}
.cw-payment-plan-row b{font-size:.95em}
.cw-payment-order-summary{position:sticky;top:20px}
.cw-order-summary-body{padding:18px;display:grid;gap:14px}
.cw-order-summary-body>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}
.cw-order-summary-body span{color:var(--muted)}
.cw-order-summary-body strong{font-size:1.15em}

.cw-payments-wallet{width:min(100%,850px)!important;margin:0 auto!important}
.cw-wallet-balance-strip{
  min-height:78px;padding:16px 20px;border-bottom:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;gap:15px;
}
.cw-wallet-balance-strip span{color:var(--muted)}
.cw-wallet-balance-strip strong{font-size:1.8em}
.cw-wallet-payment-form{padding:20px}
.cw-wallet-destination-box{
  padding:14px;border:1px solid var(--border);border-radius:10px;
  background:var(--surface-soft);
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;
}
.cw-wallet-destination-box img{width:105px;height:105px;object-fit:contain;background:#fff;padding:6px;border-radius:8px}
.cw-wallet-destination-box>div{display:grid;min-width:0}
.cw-wallet-destination-box span{color:var(--muted)}
.cw-wallet-destination-box code{direction:ltr;text-align:left;margin-top:6px;padding:9px;border-radius:7px;background:var(--bg);border:1px solid var(--border);word-break:break-all}

.cw-payments-table-panel{overflow:hidden}
.cw-payments-table-panel .table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important}

@media(max-width:980px){
  .cw-payments-buy-layout{grid-template-columns:1fr}
  .cw-payment-order-summary{position:static}
}
@media(max-width:700px){
  .cw-payments-tabs{grid-template-columns:repeat(2,1fr)}
  .cw-payment-plan-row{
    grid-template-columns:36px 1fr 1fr;
    gap:8px;
  }
  .cw-payment-plan-row>div:nth-child(4),
  .cw-payment-plan-row>div:nth-child(5){display:none}
  .cw-wallet-destination-box{grid-template-columns:1fr;text-align:center}
  .cw-wallet-destination-box img{margin:auto}
  .cw-wallet-destination-box code{text-align:left}
}


/* =========================================================
   v5.7 SIDEBAR PAYMENT SUBMENU
   Typography / Vazirmatn unchanged
   ========================================================= */
.cw-nav-group{display:grid;gap:3px}
.cw-nav-parent{
  width:100%;
  min-height:clamp(44px,3vw,50px);
  padding:0 13px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--muted);
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 18px;
  align-items:center;
  gap:12px;
  text-align:right;
  font:inherit;
  font-weight:650;
}
.cw-nav-parent:hover,
.cw-nav-parent.active{
  background:var(--surface-hover);
  color:var(--text);
}
.cw-nav-parent.active>.cw-icon{color:var(--accent-bright)}
.cw-nav-caret{
  display:block;
  text-align:center;
  color:var(--muted);
  transition:transform .18s ease;
}
.cw-nav-group.open .cw-nav-caret{transform:rotate(180deg)}
.cw-nav-submenu{
  display:none;
  margin:2px 31px 5px 6px;
  padding:4px 9px 4px 0;
  border-right:1px solid var(--line);
}
.cw-nav-group.open .cw-nav-submenu{display:grid;gap:2px}
.cw-nav-submenu a{
  min-height:35px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:.92em!important;
}
.cw-nav-submenu a:hover,
.cw-nav-submenu a.active{
  background:var(--surface-soft)!important;
  color:var(--text)!important;
}
.cw-sub-dot{
  width:5px;height:5px;border-radius:50%;
  flex:0 0 auto;background:currentColor;opacity:.55;
}
.cw-nav-submenu a.active .cw-sub-dot{
  background:var(--accent-bright);
  opacity:1;
}

/* v5.8: Payments sidebar is a single link. Existing font/layout unchanged. */
:root{--bg:#0d1628!important;--surface:#1b293b!important;--surface-soft:#18283c!important;--surface-hover:#24364d!important;--border:#3d5874!important;--line:#2b415b!important;--text:#eef4fb!important;--muted:#9aacc0!important;--accent:#7094ce!important;--accent-bright:#2abce8!important;--radius:14px!important;--gutter:clamp(16px,3vw,42px)!important;--glass-bg:rgba(27,41,59,.68)!important;--glass-blur:18px!important}html{font-size:16px!important}body,button,input,textarea,select{font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif!important}body{font-size:clamp(14px,1vw,16px)!important;line-height:1.7!important;background-color:var(--bg)!important;background-image:radial-gradient(circle at 50% -10%,rgba(48,77,116,.22),transparent 38%),radial-gradient(circle at 100% 100%,rgba(28,61,104,.14),transparent 34%)!important}.cw-shell-sidebar,.cw-panel,.card,.stat,.table-wrap,.cw-login-card,.cw-register-card,.cw-context-bar,.cw-kpi-card,.cw-dashboard-kpi,.cw-admin-kpis-large>article,.modal,.dropdown-menu,.cw-mobile-topbar{background:var(--glass-bg)!important;border-color:rgba(112,148,196,.42)!important;backdrop-filter:blur(var(--glass-blur)) saturate(125%)!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%)!important;box-shadow:0 18px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important}.cw-auth-body{min-height:100svh!important;margin:0!important;padding:clamp(24px,5vh,64px) var(--gutter)!important;background:radial-gradient(ellipse at 50% 35%,rgba(35,54,82,.42),transparent 42%),linear-gradient(135deg,#0c1526,#111c31 52%,#0b1425)!important}.cw-auth-tools{top:clamp(12px,2vw,24px)!important;left:clamp(12px,2vw,24px)!important}.cw-login-stage{min-height:calc(100svh - 48px)!important;padding:24px 12px!important}.cw-login-logo{margin-bottom:clamp(18px,3vh,30px)!important}.cw-login-logo b{font-size:clamp(19px,1.7vw,25px)!important}.cw-login-card,.cw-register-card{box-sizing:border-box!important;width:min(100%,460px)!important;padding:clamp(28px,3.5vw,40px)!important;border-radius:var(--radius)!important;background:rgba(27,41,59,.97)!important;transform:none!important}.cw-login-intro h1{font-size:clamp(23px,2vw,30px)!important}.cw-login-intro p{font-size:clamp(12px,.9vw,14px)!important;margin-bottom:28px!important}.cw-login-form>label{margin-bottom:20px!important}.cw-login-form>label>span{font-size:clamp(12px,.9vw,14px)!important;margin-bottom:8px!important}.cw-field input{box-sizing:border-box!important;width:100%!important;height:52px!important;padding:0 52px 0 16px!important;border-radius:9px!important;background:rgba(24,40,60,.58)!important;color:var(--text)!important;font-size:clamp(13px,.9vw,15px)!important}.cw-field svg.cw-login-icon{right:16px!important;width:21px!important;height:21px!important;fill:none!important;stroke:#a9bfd7!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.cw-field svg.cw-login-icon *,.cw-eye svg,.cw-eye svg *{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.cw-field>i{display:none!important}.cw-eye{left:14px!important;top:50%!important;transform:translateY(-50%)!important}.cw-login-submit,.cw-register-btn{min-height:50px!important;height:50px!important;border-radius:9px!important;font-size:clamp(13px,.9vw,15px)!important}.cw-login-submit{background:linear-gradient(90deg,#7396d0,#5578b2)!important}.cw-login-divider{margin:28px 0 18px!important}.cw-register-caption{font-size:clamp(11px,.8vw,13px)!important}.cw-field input,.input,textarea,select,.form-control{border-color:rgba(112,148,196,.42)!important;background:rgba(24,40,60,.58)!important;color:var(--text)!important}.glass,.cw-glass{background:var(--glass-bg)!important;border:1px solid rgba(112,148,196,.42)!important;border-radius:var(--radius)!important;backdrop-filter:blur(var(--glass-blur)) saturate(125%)!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%)!important}@media(max-width:700px){.cw-login-stage{min-height:calc(100svh - 40px)!important;padding:22px 8px!important}.cw-login-card,.cw-register-card{width:min(100%,430px)!important;padding:clamp(24px,6vw,32px)!important}.cw-field input{height:50px!important}}@media(max-width:380px){.cw-login-card,.cw-register-card{padding:22px 18px!important}.cw-login-options{font-size:10px!important}}
.cw-field>svg.cw-login-icon{position:absolute!important;display:block!important;right:16px!important;left:auto!important;top:50%!important;width:21px!important;min-width:21px!important;max-width:21px!important;height:21px!important;min-height:21px!important;max-height:21px!important;transform:translateY(-50%)!important;overflow:visible!important;box-sizing:border-box!important;z-index:3!important;pointer-events:none!important}.cw-field>svg.cw-login-icon path,.cw-field>svg.cw-login-icon circle,.cw-field>svg.cw-login-icon rect,.cw-field>svg.cw-login-icon line,.cw-field>svg.cw-login-icon polyline{fill:none!important;stroke:#a9bfd7!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.cw-field input:-webkit-autofill,.cw-field input:-webkit-autofill:hover,.cw-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px rgba(24,40,60,.98) inset!important;box-shadow:0 0 0 1000px rgba(24,40,60,.98) inset!important;caret-color:var(--text)!important}.cw-field input{appearance:none!important;-webkit-appearance:none!important}.cw-eye{z-index:4!important}.cw-eye svg{display:block!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;overflow:visible!important}
.cw-header-logo{display:block!important;width:clamp(132px,10vw,170px)!important;height:auto!important;max-width:none!important;flex:0 0 auto!important}.cw-brand-copy{display:flex!important;align-items:center!important;min-width:0!important}.cw-brand-copy small{font-size:8px!important;letter-spacing:.8px!important}.cw-mobile-logo{display:flex!important;align-items:center!important}.cw-mobile-logo img{display:block!important;width:132px!important;height:auto!important;max-width:none!important}
:root{--page-max:1440px!important;--content-gap:clamp(16px,1.5vw,26px)!important;--control-h:48px!important}*{box-sizing:border-box!important}body{font-size:clamp(14px,.82vw,16px)!important;line-height:1.75!important;overflow-x:hidden!important}.cw-shell-main{width:auto!important;max-width:var(--page-max)!important;margin-right:calc(var(--sidebar) + clamp(24px,3vw,56px))!important;margin-left:auto!important;padding:clamp(28px,3vw,52px) clamp(18px,3vw,48px) 64px!important}.cw-shell-main>*{width:100%!important;max-width:100%!important}.cw-page-head,.admin-head{min-height:90px!important;margin-bottom:var(--content-gap)!important}.cw-page-head h1,.admin-head .section-title,.section-title{font-size:clamp(24px,1.8vw,32px)!important;line-height:1.45!important}.cw-page-head p,.admin-head p{font-size:clamp(12px,.8vw,14px)!important}.card,.cw-panel,.stat,.table-wrap{border-radius:14px!important}.card{padding:clamp(18px,1.6vw,26px)!important}.card h2{font-size:clamp(18px,1.3vw,22px)!important}.card h3{font-size:clamp(15px,1vw,18px)!important}.btn{min-height:var(--control-h)!important;padding:0 clamp(15px,1.3vw,22px)!important;border-radius:9px!important;font-size:clamp(13px,.8vw,15px)!important}.btn.small{min-height:38px!important;font-size:clamp(11px,.7vw,13px)!important}.input,.textarea,textarea,select,.form-control{min-height:var(--control-h)!important;padding:10px 14px!important;border-radius:9px!important;font-size:clamp(13px,.8vw,15px)!important}.textarea,textarea{min-height:130px!important}.form-group{margin:0 0 18px!important}.label{margin-bottom:7px!important;font-size:clamp(12px,.75vw,14px)!important}.table th,.table td{padding:14px!important;font-size:clamp(12px,.75vw,14px)!important}.cw-dashboard-grid,.cw-dashboard-layout,.admin-layout{gap:var(--content-gap)!important}.cw-kpi-grid,.cw-admin-kpis-large{gap:var(--content-gap)!important}.cw-payments-heading h1{font-size:clamp(24px,1.8vw,32px)!important}.cw-payments-tabs{gap:10px!important}.cw-payments-tabs>a{min-height:70px!important;padding:12px 16px!important;border-radius:10px!important}.cw-payments-tabs .cw-icon{width:24px!important;height:24px!important}@media(max-width:1180px){.cw-shell-main{margin-right:0!important;padding:78px var(--gutter) 52px!important}}@media(max-width:700px){.cw-shell-main{padding:72px 12px 40px!important}.cw-page-head,.admin-head{min-height:auto!important}.cw-page-head h1,.admin-head .section-title,.section-title{font-size:23px!important}.card{padding:18px!important}.grid-2{grid-template-columns:1fr!important}.cw-payments-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cw-payments-tabs>a{min-height:64px!important;padding:10px!important}.table{min-width:680px!important}}
.cw-currency-icon{width:22px!important;height:22px!important;display:inline-block!important;object-fit:contain!important;vertical-align:middle!important;margin-left:7px!important}.cw-wallet-choice-title,.cw-currency-line{display:flex!important;align-items:center!important;gap:5px!important}.cw-wallet-choice-title .cw-currency-icon,.cw-currency-line .cw-currency-icon{width:22px!important;height:22px!important;margin:0!important}.cw-wallet-destination-box{background:rgba(24,40,60,.55)!important;border:1px solid rgba(112,148,196,.42)!important;border-radius:12px!important;padding:16px!important;display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;align-items:center!important;gap:16px!important}
html[data-theme="light"]{--bg:#eef3f8!important;--surface:#fff!important;--surface-soft:#f7f9fc!important;--surface-hover:#e8eef6!important;--border:#c4d0df!important;--line:#d9e2ec!important;--text:#172235!important;--muted:#64758a!important;--accent:#5f82bd!important;--accent-bright:#128bb7!important;--glass-bg:rgba(255,255,255,.76)!important}html[data-theme="light"] body{background-color:var(--bg)!important;background-image:radial-gradient(circle at 50% -10%,rgba(116,153,204,.16),transparent 38%)!important;color:var(--text)!important}html[data-theme="light"] .cw-auth-body{background:linear-gradient(135deg,#eef3f8,#f8fafc)!important}html[data-theme="light"] .cw-login-card,html[data-theme="light"] .cw-register-card{background:rgba(255,255,255,.86)!important;border-color:#c4d0df!important}html[data-theme="light"] .cw-field input,html[data-theme="light"] .input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:rgba(255,255,255,.72)!important;color:#172235!important}html[data-theme="light"] .cw-field svg.cw-login-icon{stroke:#58708f!important}html[data-theme="light"] .cw-auth-tools button{background:#fff!important;color:#172235!important;border-color:#c4d0df!important}
@media(min-width:961px){.cw-shell-main{width:calc(100% - var(--sidebar))!important;max-width:none!important;margin-right:var(--sidebar)!important;margin-left:0!important;padding:clamp(28px,3vw,52px) clamp(18px,3vw,48px) 64px!important}.cw-shell-main>*{width:min(100%,1380px)!important;max-width:1380px!important;margin-left:auto!important;margin-right:auto!important}.cw-shell-footer{width:calc(100% - var(--sidebar))!important;margin-right:var(--sidebar)!important;margin-left:0!important}.cw-shell-footer>*{max-width:1380px!important;margin-inline:auto!important}.cw-page-head,.admin-head{width:min(100%,1380px)!important;margin-inline:auto!important}.cw-dashboard-grid,.cw-dashboard-layout,.admin-layout{width:100%!important;margin-inline:auto!important}}
@media(max-width:960px){.cw-shell-main{width:100%!important;max-width:none!important;margin:0!important}.cw-shell-footer{width:100%!important;margin:0!important}}
.cw-service-page-head{width:min(100%,1380px)!important;margin:0 auto var(--content-gap)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}.cw-service-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:22px 26px!important;margin-bottom:var(--content-gap)!important}.cw-service-hero-main{display:flex!important;align-items:center!important;gap:16px!important;min-width:0}.cw-service-large-icon{width:54px!important;height:54px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(42,188,232,.12)!important;color:var(--accent-bright)!important}.cw-service-large-icon .cw-icon{width:28px!important;height:28px!important}.cw-service-hero h2{margin:3px 0!important;font-size:clamp(19px,1.4vw,25px)!important}.cw-service-hero p,.cw-service-eyebrow{margin:0!important;color:var(--muted)!important;font-size:12px!important}.cw-service-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--content-gap)!important;margin-bottom:var(--content-gap)!important}.cw-service-stat{position:relative!important;min-height:145px!important;padding:22px!important;overflow:hidden!important}.cw-service-stat>span{color:var(--muted)!important;font-size:13px!important}.cw-service-stat strong{display:block!important;margin-top:14px!important;font-size:clamp(25px,2vw,34px)!important}.cw-service-stat strong small{font-size:12px!important;color:var(--muted)!important}.cw-service-stat-icon{position:absolute!important;left:20px!important;top:20px!important;width:40px!important;height:40px!important;padding:9px!important;border-radius:10px!important;background:rgba(42,188,232,.12)!important;color:var(--accent-bright)!important}.cw-service-detail-layout{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr)!important;gap:var(--content-gap)!important}.cw-service-main-column,.cw-service-side-column{display:grid!important;gap:var(--content-gap)!important;align-content:start!important}.cw-service-usage-body{padding:24px!important}.cw-service-usage-head,.cw-service-usage-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;color:var(--muted)!important;font-size:12px!important}.cw-service-usage-head strong{color:var(--accent-bright)!important;font-size:25px!important}.cw-service-progress{height:10px!important;margin:20px 0!important}.cw-service-usage-meta b{color:var(--text)!important}.cw-config-actions{display:flex!important;gap:10px!important;padding:18px 20px 0!important;flex-wrap:wrap!important}.cw-service-code{margin:18px 20px 20px!important;max-height:330px!important;overflow:auto!important;direction:ltr!important;text-align:left!important;white-space:pre!important}.cw-service-info-list{padding:8px 20px 16px!important}.cw-service-info-list>div{display:flex!important;justify-content:space-between!important;gap:14px!important;padding:14px 0!important;border-bottom:1px solid var(--line)!important;font-size:12px!important}.cw-service-info-list>div:last-child{border-bottom:0!important}.cw-service-info-list span{color:var(--muted)!important}.cw-service-help-list{padding:8px 20px 16px!important}.cw-service-help-list>div{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 0!important;color:var(--muted)!important;font-size:12px!important}.cw-service-help-list>div b{width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(112,148,196,.18)!important;color:var(--accent-bright)!important}.cw-service-help-card>.btn{margin:0 20px 20px!important;width:calc(100% - 40px)!important}@media(max-width:900px){.cw-service-page-head{align-items:stretch!important;flex-direction:column!important}.cw-service-page-head>.btn{width:100%!important}.cw-service-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cw-service-detail-layout{grid-template-columns:1fr!important}}@media(max-width:520px){.cw-service-hero{align-items:flex-start!important;flex-direction:column!important;padding:18px!important}.cw-service-stat-grid{grid-template-columns:1fr!important}.cw-service-usage-head,.cw-service-usage-meta{align-items:flex-start!important;flex-direction:column!important}.cw-config-actions{display:grid!important;grid-template-columns:1fr!important}.cw-config-actions .btn{width:100%!important}.cw-service-code{margin-inline:12px!important}}
.cw-service-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--content-gap)!important;margin-bottom:var(--content-gap)!important}.cw-service-summary-grid>article{min-height:120px!important;padding:22px!important}.cw-service-summary-grid span{color:var(--muted)!important;font-size:13px!important}.cw-service-summary-grid strong{display:block!important;margin-top:12px!important;font-size:clamp(24px,1.8vw,32px)!important}.cw-service-summary-grid small{font-size:12px!important;color:var(--muted)!important}.cw-services-list-page{overflow:hidden!important}.cw-services-page-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:20px!important}.cw-service-list-card{padding:20px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:rgba(24,40,60,.42)!important}.cw-service-list-head{display:flex!important;align-items:center!important;gap:12px!important}.cw-service-list-head h3{margin:0 0 3px!important;font-size:16px!important}.cw-service-list-head span:not(.status){color:var(--muted)!important;font-size:11px!important}.cw-service-list-head .status{margin-right:auto!important}.cw-service-list-meta{display:flex!important;justify-content:space-between!important;gap:10px!important;margin:20px 0 12px!important;color:var(--muted)!important;font-size:11px!important}.cw-service-list-meta b{color:var(--text)!important}.cw-service-list-actions{display:flex!important;gap:8px!important;margin-top:16px!important;flex-wrap:wrap!important}.cw-service-list-actions .btn{flex:1!important}@media(max-width:900px){.cw-service-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cw-services-page-grid{grid-template-columns:1fr!important}}@media(max-width:520px){.cw-service-summary-grid{grid-template-columns:1fr!important}.cw-service-list-meta{align-items:flex-start!important;flex-direction:column!important}.cw-service-list-actions{display:grid!important;grid-template-columns:1fr!important}.cw-service-list-actions .btn{width:100%!important}}