/* WS3_ADMIN_CUSTOMERS_V2 */

/* Customer Management, Trials and Admin Users */
body[data-admin-role="1"].ws3-customer-admin {
  --cust-bg:#0b1518;
  --cust-panel:#14282a;
  --cust-border:#36564a;
  --cust-muted:#adc8ba;
}

body.ws3-customer-admin .content {
  min-width:0 !important;
  max-width:100% !important;
}

body.ws3-customer-admin .content h1 {
  font-size:clamp(27px,3vw,36px);
  letter-spacing:-.7px;
  color:#effaf3;
}

body.ws3-customer-admin .content h2 {
  font-size:19px;
  color:#eff9f2;
}

body.ws3-customer-admin .content p {
  line-height:1.6;
}

body.ws3-customer-admin .content
:is(.muted,small,.hint,.help-text) {
  color:var(--cust-muted) !important;
}

/* Existing management panels */
body.ws3-customer-admin .content
:is(.card,.panel,.form-card,.ws-card) {
  background:var(--cust-panel) !important;
  color:#edf8ef !important;
  border:1px solid var(--cust-border) !important;
  border-radius:15px !important;
  box-shadow:none !important;
  max-width:100%;
  min-width:0;
}

body.ws3-customer-admin .content
:is(.card,.panel,.form-card) {
  padding:20px;
}

/* Customer section navigation */
body.ws3-customer-admin .ws3-customer-tabs {
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px;
  width:max-content;
  max-width:100%;
  margin-bottom:25px;
  background:#14282a;
  border:1px solid #36554b;
  border-radius:12px;
  overflow-x:auto;
  scrollbar-width:thin;
}

body.ws3-customer-admin .ws3-customer-tabs a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:10px 14px;
  min-height:39px;
  color:#aecbbd !important;
  text-decoration:none;
  white-space:nowrap;
  font-size:12px;
  font-weight:700;
  border-radius:9px;
}

body.ws3-customer-admin .ws3-customer-tabs a:hover {
  background:#254239;
  color:#eff9f2 !important;
}

body.ws3-customer-admin .ws3-customer-tabs
a[aria-current="page"] {
  background:#a6e8cd;
  color:#102720 !important;
}

/* Tables */
body.ws3-customer-admin .ws3-customer-table-scroll {
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid #34544a;
  border-radius:12px;
  margin:14px 0;
  scrollbar-width:thin;
}

body.ws3-customer-admin .content table {
  width:100%;
  border-collapse:collapse;
  background:#14282a !important;
  color:#eaf6ed !important;
  font-size:12px;
}

body.ws3-customer-admin .content th {
  background:#1d3933 !important;
  color:#afccbe !important;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
  padding:13px 12px !important;
}

body.ws3-customer-admin .content td {
  color:#e9f6ee !important;
  border-bottom:1px solid #315047 !important;
  padding:13px 12px !important;
  vertical-align:middle;
  line-height:1.5;
}

body.ws3-customer-admin .content tbody tr:hover td {
  background:#1c3732 !important;
}

body.ws3-customer-admin .content td form {
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  flex-wrap:wrap;
}

body.ws3-customer-admin .content td button {
  padding:8px 11px;
  font-size:11px;
  border-radius:8px;
}

/* Customer form controls */
body.ws3-customer-admin .content label {
  color:#c7e0d1;
  font-size:12px;
  font-weight:650;
}

body.ws3-customer-admin .content
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body.ws3-customer-admin .content select,
body.ws3-customer-admin .content textarea {
  min-width:0;
  max-width:100%;
  background:#102326 !important;
  color:#eff9f2 !important;
  border:1px solid #4a6d5e !important;
  border-radius:9px !important;
  padding:10px 12px;
}

body.ws3-customer-admin .content
:is(input[type=checkbox],input[type=radio]) {
  accent-color:#a6e8cd;
}

body.ws3-customer-admin .content
:is(input,select,textarea):focus-visible {
  outline:2px solid #a6e8cd;
  outline-offset:1px;
}

body.ws3-customer-admin .content :is(
  .grid,.grid-2,.form-grid,.check-grid,
  .ws-stats,.stats,.cards
) {
  min-width:0;
  max-width:100%;
}

body.ws3-customer-admin .content :is(
  .grid,.grid-2,.form-grid,.check-grid,
  .ws-stats,.stats,.cards
) > * {
  min-width:0;
}

/* Status indicators: do not infer customer state */
body.ws3-customer-admin .content
:is(.badge,.pill,.ws-pill,.status-badge) {
  border-radius:30px;
  padding:5px 10px;
  font-size:11px;
  font-weight:700;
}

body.ws3-customer-admin .content
:is(.badge,.pill,.ws-pill,.status-badge).active {
  background:#20503b !important;
  color:#baf3d5 !important;
}

body.ws3-customer-admin .content
:is(.badge,.pill,.ws-pill,.status-badge).expired,
body.ws3-customer-admin .content
:is(.badge,.pill,.ws-pill,.status-badge).disabled {
  background:#492c32 !important;
  color:#f6bdc0 !important;
}

/* Customer account actions */
body.ws3-customer-admin .content :is(
  .actions,.page-actions,.form-actions,.row-actions
) {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
}

body.ws3-customer-admin .content
:is(button,.button,.btn) {
  border-radius:9px;
  font-weight:650;
}

/* Mobile */
@media(max-width:760px) {
  body.ws3-customer-admin .content {
    padding:18px 12px 55px !important;
  }

  body.ws3-customer-admin .ws3-customer-tabs {
    width:100%;
  }

  body.ws3-customer-admin .content
  :is(.card,.panel,.form-card) {
    padding:15px !important;
  }

  body.ws3-customer-admin .content :is(
    .grid,.grid-2,.form-grid,.check-grid,
    .ws-stats,.stats,.cards
  ) {
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.ws3-customer-admin .content
  :is(input,select,textarea) {
    max-width:100%;
  }

  body.ws3-customer-admin .content th,
  body.ws3-customer-admin .content td {
    padding:10px !important;
  }
}