/* WS3_ADMIN_FINAL_PAGES_V1 */

/*
   Business Overview
   Analytics
   Notifications
   Email Templates
   Maintenance
*/

body[data-admin-role="1"].ws3-admin-final {
  --final-panel:#14282a;
  --final-border:#36564b;
  --final-muted:#aec8bc;
}

/* Layout */
body.ws3-admin-final .content {
  min-width:0 !important;
  max-width:100% !important;
}

body.ws3-admin-final .content h1 {
  font-size:clamp(27px,3vw,36px);
  letter-spacing:-.7px;
  font-weight:750;
  line-height:1.2;
}

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

body.ws3-admin-final .content h3 {
  font-size:15px;
  color:#e9f7ee;
}

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

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

/* Main panels */
body.ws3-admin-final .content :is(
  .card,.panel,.form-card,.ws-card,
  .metric-card,.summary-card,.notice-card
) {
  background:var(--final-panel) !important;
  border:1px solid var(--final-border) !important;
  color:#edf8f0 !important;
  border-radius:15px !important;
  box-shadow:none !important;
  min-width:0;
  max-width:100%;
}

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

/* Dashboard numbers */
body.ws3-admin-final .content :is(
  .stats,.ws-stats,.metrics,.metric-grid,
  .summary-grid,.kpi-grid
) {
  display:grid;
  grid-template-columns:repeat(
    auto-fit,minmax(min(100%,205px),1fr)
  );
  gap:14px;
  margin:18px 0 26px;
  min-width:0;
}

body.ws3-admin-final .content :is(
  .stat,.ws-stat,.metric,.kpi
) {
  background:#19312e !important;
  border:1px solid #38594d !important;
  border-radius:14px !important;
  padding:19px;
  min-width:0;
}

body.ws3-admin-final .content :is(
  .stat,.ws-stat,.metric,.kpi
) strong {
  color:#e9faf0;
  font-size:clamp(23px,2.5vw,34px);
  font-weight:750;
  font-variant-numeric:tabular-nums;
}

body.ws3-admin-final .content :is(
  .stat,.ws-stat,.metric,.kpi
) span {
  color:#b7cfc1;
}

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

body.ws3-admin-final .content table {
  width:100%;
  border-collapse:collapse;
  font-size:12px;
  color:#e7f6ed;
}

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

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

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

/* Notifications */
body.ws3-admin-final .content :is(
  .notification,.notification-item,
  .alert-item,.event-item
) {
  background:#18312e;
  border:1px solid #35574c;
  border-radius:11px;
  padding:14px;
  margin-bottom:9px;
  max-width:100%;
  overflow-wrap:anywhere;
}

body.ws3-admin-final .content :is(
  .notification.unread,
  .notification-item.unread
) {
  border-left:3px solid #a6e8cd;
  background:#1d3933;
}

body.ws3-admin-final .content :is(
  .notification.read,
  .notification-item.read
) {
  opacity:.8;
}

/* Email template editor */
body.ws3-admin-final .content label {
  color:#c7ded1;
  font-size:12px;
  font-weight:650;
}

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

body.ws3-admin-final .content textarea {
  line-height:1.6;
  resize:vertical;
}

body.ws3-admin-final .content
:is(input,textarea)::placeholder {
  color:#92b3a2;
}

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

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

/* Technical previews and logs */
body.ws3-admin-final .content pre {
  display:block;
  max-width:100%;
  overflow-x:auto;
  padding:15px;
  background:#0e2022 !important;
  border:1px solid #36574b;
  border-radius:11px;
  color:#d6eee2 !important;
  line-height:1.6;
  font-size:12px;
}

body.ws3-admin-final .content code {
  overflow-wrap:anywhere;
  color:#c6f1dc;
}

/* Preserve existing action handlers */
body.ws3-admin-final .content :is(
  button,.button,.btn,.link-button
) {
  border-radius:9px;
  font-weight:650;
}

body.ws3-admin-final .content :is(
  .actions,.page-actions,.form-actions,
  .toolbar,.filters
) {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  min-width:0;
  max-width:100%;
}

body.ws3-admin-final .content
:is(button,.button,.btn,a):focus-visible {
  outline:2px solid #a6e8cd;
  outline-offset:2px;
}

/* Keep technical and summary grids flexible */
body.ws3-admin-final .content :is(
  .grid,.grid-2,.form-grid,
  .cards,.card-grid
) {
  min-width:0;
  max-width:100%;
}

body.ws3-admin-final .content :is(
  .grid,.grid-2,.form-grid,
  .cards,.card-grid
) > * {
  min-width:0;
}

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

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

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

  body.ws3-admin-final .content :is(
    .stats,.ws-stats,.metrics,.metric-grid,
    .summary-grid,.kpi-grid
  ) {
    grid-template-columns:repeat(
      2,minmax(0,1fr)
    );
    gap:9px;
  }

  body.ws3-admin-final .content :is(
    .stat,.ws-stat,.metric,.kpi
  ) {
    padding:14px;
  }

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

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

@media(max-width:390px) {
  body.ws3-admin-final .content :is(
    .stats,.ws-stats,.metrics,.metric-grid,
    .summary-grid,.kpi-grid
  ) {
    grid-template-columns:minmax(0,1fr);
  }
}