/* WS3_ADMIN_FOUNDATION_V1 */

/* WaveStream Admin V3 - fixed premium appearance */
body[data-admin-role="1"] {
  --bg:#0b1518;
  --panel:#14272a;
  --text:#edf7f0;
  --muted:#a3beb2;
  --border:#315148;
  --nav:#102124;
  --accent:#a6e8cd;
  --accent-dark:#c0f3dd;
  --ok:#a5e8cd;
  --ok-bg:#1d4335;
  --warn:#f4ce87;
  --warn-bg:#47391e;
  --danger:#f4b1b4;
  --danger-bg:#43262b;

  background:#0b1518 !important;
  color:#edf7f0 !important;
  color-scheme:dark;
  font-family:Inter,"Segoe UI",system-ui,sans-serif;
  min-width:0;
}

body[data-admin-role="1"] *,
body[data-admin-role="1"] *::before,
body[data-admin-role="1"] *::after {
  box-sizing:border-box;
}

body[data-admin-role="1"] a {
  color:#a6e8cd;
}

body[data-admin-role="1"] .layout {
  display:flex;
  align-items:stretch;
  min-height:calc(100vh - 73px);
  background:#0b1518;
  min-width:0;
}

/* Header */
body[data-admin-role="1"] .topbar {
  height:73px !important;
  padding:0 26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:#102124 !important;
  border-bottom:1px solid #315047 !important;
  color:#eaf5ef !important;
  box-shadow:none !important;
  position:sticky;
  top:0;
  z-index:50;
}

body[data-admin-role="1"] .topbar .brand {
  font-size:0 !important;
  display:flex;
  align-items:center;
  min-height:42px;
}

body[data-admin-role="1"] .topbar .brand::before {
  content:"";
  display:block;
  width:170px;
  height:39px;
  background:url("/static/ws3/wavestream-logo.png")
    left center / contain no-repeat;
}

body[data-admin-role="1"] .top-right {
  display:flex;
  align-items:center;
  gap:17px;
  color:#b8d1c6 !important;
  font-size:12px;
}

body[data-admin-role="1"] .top-right span {
  color:#b8d1c6 !important;
}

body[data-admin-role="1"] .top-right .link-button {
  background:#203b35 !important;
  border:1px solid #496b5e !important;
  border-radius:10px;
  padding:10px 16px;
  color:#eff8f1 !important;
  font-weight:650;
}

body[data-admin-role="1"] .top-right .link-button:hover {
  background:#305548 !important;
}

/* Main navigation */
body[data-admin-role="1"] .sidebar {
  flex:0 0 250px !important;
  width:250px !important;
  min-width:250px;
  position:sticky;
  top:73px;
  align-self:flex-start;
  height:calc(100vh - 73px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:21px 12px 32px !important;
  display:flex !important;
  flex-direction:column;
  gap:4px !important;
  background:#102124 !important;
  border-right:1px solid #2e4b44;
  scrollbar-width:thin;
  scrollbar-color:#466a5c transparent;
}

body[data-admin-role="1"] .sidebar::before {
  content:"ADMINISTRATION";
  color:#83a99a;
  font-size:10px;
  letter-spacing:2px;
  font-weight:750;
  padding:4px 13px 13px;
}

body[data-admin-role="1"] .sidebar a {
  display:flex;
  align-items:center;
  min-height:43px;
  gap:8px;
  padding:11px 13px !important;
  border:1px solid transparent;
  border-radius:10px !important;
  background:transparent !important;
  text-decoration:none;
  color:#afc7bb !important;
  font-size:12.5px;
  font-weight:600;
  line-height:1.3;
  transition:background .15s, color .15s;
}

body[data-admin-role="1"] .sidebar a:hover {
  color:#f5fbf6 !important;
  background:#1b3732 !important;
}

body[data-admin-role="1"] .sidebar a.ws3-admin-active {
  color:#b7f3d9 !important;
  background:#24433a !important;
  border-color:#3f6756 !important;
  font-weight:750;
}

body[data-admin-role="1"] .nav-notification-count {
  margin-left:auto;
  background:#376249;
  color:#e9f8ef;
  border-radius:50px;
  padding:2px 7px;
}

/* Content */
body[data-admin-role="1"] .content {
  flex:1 1 0 !important;
  min-width:0 !important;
  max-width:none !important;
  width:auto !important;
  padding:30px clamp(18px,3vw,43px) 65px !important;
  background:#0b1518 !important;
  color:#edf7f0 !important;
}

body[data-admin-role="1"] h1,
body[data-admin-role="1"] h2,
body[data-admin-role="1"] h3,
body[data-admin-role="1"] h4 {
  color:#f1faf5;
  overflow-wrap:anywhere;
}

body[data-admin-role="1"] h1 {
  font-size:clamp(26px,2.7vw,36px);
  letter-spacing:-.8px;
  font-weight:750;
}

body[data-admin-role="1"] h2 {
  font-size:19px;
  letter-spacing:-.3px;
}

body[data-admin-role="1"] .muted,
body[data-admin-role="1"] small {
  color:#a7c0b5 !important;
}

body[data-admin-role="1"] .page-head {
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-bottom:27px;
  align-items:center;
  justify-content:space-between;
}

body[data-admin-role="1"] .page-head p {
  color:#a5beb2;
  margin:8px 0 0;
  line-height:1.55;
}

/* Cards and summary numbers */
body[data-admin-role="1"] .card,
body[data-admin-role="1"] .stat,
body[data-admin-role="1"] .form-card,
body[data-admin-role="1"] .notice,
body[data-admin-role="1"] .ws-dash .ws-shortcuts a {
  background:#14272a !important;
  border:1px solid #315148 !important;
  color:#eaf6ee !important;
  border-radius:15px !important;
  box-shadow:none !important;
}

body[data-admin-role="1"] .card {
  padding:22px;
  min-width:0;
  max-width:100%;
}

body[data-admin-role="1"] .stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}

body[data-admin-role="1"] .stat {
  min-height:115px;
  padding:21px;
}

body[data-admin-role="1"] .stat span {
  color:#afc9bd !important;
  font-size:12px;
  font-weight:650;
}

body[data-admin-role="1"] .stat strong {
  color:#edfaf2 !important;
  font-size:clamp(25px,2.7vw,37px);
  font-weight:750;
  margin-top:11px;
  font-variant-numeric:tabular-nums;
}

/* Dashboard shortcuts */
body[data-admin-role="1"] .ws-dash .ws-shortcuts {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
  gap:13px;
}

body[data-admin-role="1"] .ws-dash .ws-shortcuts a {
  display:block;
  padding:21px !important;
  min-height:115px;
  transition:background .15s, transform .15s;
}

body[data-admin-role="1"] .ws-dash .ws-shortcuts a:hover {
  background:#1c3834 !important;
  transform:translateY(-2px);
}

body[data-admin-role="1"] .ws-dash .ws-shortcuts strong {
  display:block;
  color:#e6f7ed;
  font-size:14px;
  margin-bottom:11px;
}

body[data-admin-role="1"] .ws-dash .ws-shortcuts small {
  font-size:11px;
  line-height:1.5;
}

/* Tables */
body[data-admin-role="1"] table {
  width:100%;
  border-collapse:collapse;
  background:transparent !important;
  color:#e6f3eb !important;
}

body[data-admin-role="1"] thead,
body[data-admin-role="1"] th {
  background:#1c3432 !important;
  color:#aac6b8 !important;
}

body[data-admin-role="1"] th {
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:.7px;
  font-weight:750;
}

body[data-admin-role="1"] td,
body[data-admin-role="1"] th {
  border-bottom:1px solid #304a43 !important;
  padding:13px 12px;
  vertical-align:middle;
}

body[data-admin-role="1"] td {
  color:#e5f3e9 !important;
}

body[data-admin-role="1"] tr:hover > td {
  background:#192f2e !important;
}

body[data-admin-role="1"] .ws-table-scroll,
body[data-admin-role="1"] .table-wrap,
body[data-admin-role="1"] .table-responsive {
  max-width:100%;
  overflow-x:auto;
}

/* Form fields */
body[data-admin-role="1"] label {
  color:#c5ddd0;
}

body[data-admin-role="1"] input:not([type=checkbox]):not([type=radio]),
body[data-admin-role="1"] select,
body[data-admin-role="1"] textarea {
  background:#102326 !important;
  color:#f0f9f2 !important;
  border:1px solid #48675c !important;
  border-radius:10px;
  max-width:100%;
  min-width:0;
}

body[data-admin-role="1"] input::placeholder,
body[data-admin-role="1"] textarea::placeholder {
  color:#88a99a;
}

body[data-admin-role="1"] input:focus,
body[data-admin-role="1"] select:focus,
body[data-admin-role="1"] textarea:focus {
  outline:2px solid #80cfad !important;
  outline-offset:1px;
}

body[data-admin-role="1"] input[type=checkbox],
body[data-admin-role="1"] input[type=radio] {
  accent-color:#a6e8cd;
}

/* Buttons */
body[data-admin-role="1"] .button,
body[data-admin-role="1"] button {
  border-radius:10px;
  font-weight:650;
}

body[data-admin-role="1"] .button.primary,
body[data-admin-role="1"] button.primary,
body[data-admin-role="1"] .primary {
  background:#a6e8cd !important;
  color:#102720 !important;
  border:1px solid #a6e8cd !important;
}

body[data-admin-role="1"] .button.primary:hover,
body[data-admin-role="1"] button.primary:hover {
  background:#c5f4de !important;
}

body[data-admin-role="1"] .button.secondary,
body[data-admin-role="1"] button.secondary,
body[data-admin-role="1"] .secondary {
  background:#25433c !important;
  color:#edf8f1 !important;
  border:1px solid #47665b !important;
}

body[data-admin-role="1"] .button.secondary:hover,
body[data-admin-role="1"] button.secondary:hover {
  background:#31584b !important;
}

/* Status and notices */
body[data-admin-role="1"] .badge.active {
  background:#21513c !important;
  color:#b3f1d0 !important;
}

body[data-admin-role="1"] .badge.suspended,
body[data-admin-role="1"] .badge.expired {
  background:#492b31 !important;
  color:#f4b6ba !important;
}

body[data-admin-role="1"] .flash.success {
  background:#1c4433 !important;
  color:#c4f4d8 !important;
}

body[data-admin-role="1"] .flash.danger,
body[data-admin-role="1"] .flash.error {
  background:#47272c !important;
  color:#ffd2d3 !important;
}

body[data-admin-role="1"] code {
  background:#254038;
  color:#d6f7e8;
  overflow-wrap:anywhere;
}

/* Hide legacy theme chooser in administration only */
body[data-admin-role="1"] #cafe-theme-control,
body[data-admin-role="1"] .cafe-theme-control {
  display:none !important;
}

/* Adaptive administration */
@media(max-width:1050px) {
  body[data-admin-role="1"] .sidebar {
    flex-basis:205px !important;
    width:205px !important;
    min-width:205px;
  }

  body[data-admin-role="1"] .stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body[data-admin-role="1"] .ws-dash .ws-panels {
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:760px) {
  body[data-admin-role="1"] .layout {
    display:block !important;
  }

  body[data-admin-role="1"] .topbar {
    height:65px !important;
    padding:0 14px !important;
  }

  body[data-admin-role="1"] .topbar .brand::before {
    width:130px;
  }

  body[data-admin-role="1"] .top-right span {
    display:none;
  }

  body[data-admin-role="1"] .sidebar {
    display:flex !important;
    position:relative !important;
    top:auto;
    height:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:6px !important;
    padding:9px 11px !important;
    border-right:0;
    border-bottom:1px solid #315047;
    scrollbar-width:thin;
  }

  body[data-admin-role="1"] .sidebar::before {
    display:none;
  }

  body[data-admin-role="1"] .sidebar a {
    flex:0 0 auto !important;
    min-height:37px;
    white-space:nowrap;
    font-size:11px;
    padding:9px 12px !important;
  }

  body[data-admin-role="1"] .content {
    padding:20px 13px 55px !important;
    max-width:100% !important;
  }

  body[data-admin-role="1"] .stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  body[data-admin-role="1"] .stat {
    min-height:90px;
    padding:15px;
  }

  body[data-admin-role="1"] .card {
    padding:16px;
  }

  body[data-admin-role="1"] .ws-dash .ws-shortcuts {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  body[data-admin-role="1"] .ws-dash .ws-shortcuts a {
    padding:15px !important;
    min-height:105px;
  }

  body[data-admin-role="1"] .form-grid,
  body[data-admin-role="1"] .grid-2,
  body[data-admin-role="1"] .ws-dash .ws-panels {
    grid-template-columns:minmax(0,1fr) !important;
  }
}

@media(max-width:390px) {
  body[data-admin-role="1"] .stats {
    grid-template-columns:minmax(0,1fr);
  }
  body[data-admin-role="1"] .ws-dash .ws-shortcuts {
    grid-template-columns:minmax(0,1fr);
  }
}