/* Operations UI — neutral, Website-first, responsive */
:root {
  --ops-background: #f4f4f4;
  --ops-surface: #ffffff;
  --ops-layer: #f4f4f4;
  --ops-layer-hover: #e8e8e8;
  --ops-text: #161616;
  --ops-text-secondary: #525252;
  --ops-border: #e0e0e0;
  --ops-border-strong: #c6c6c6;
  --ops-interactive: #0f62fe;
  --ops-interactive-hover: #0043ce;
  --ops-success: #198038;
  --ops-warning: #8e6a00;
  --ops-danger: #da1e28;
  --website-accent: #0f62fe;
  --brand-500: #0f62fe;
  --brand-600: #0f62fe;
  --brand-700: #0043ce;
  --ink-900: #161616;
  --ink-700: #393939;
  --ink-500: #6f6f6f;
  --ink-300: #c6c6c6;
}

html, body {
  color: var(--ops-text);
  background: var(--ops-background);
  font-family: 'IBM Plex Sans', 'Noto Sans Myanmar', 'Pyidaungsu', 'Padauk', system-ui, -apple-system, sans-serif;
}
body::before { display: none; animation: none; background: none; }
:lang(my), .my { font-family: 'Noto Sans Myanmar', 'Pyidaungsu', 'Padauk', sans-serif; }

.text-gradient {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: var(--ops-text);
}

.card, .glass {
  background: var(--ops-surface);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 1px solid var(--ops-border);
  border-radius: 0;
  box-shadow: none;
  transition: border-color .15s ease, background-color .15s ease;
}
.card-hover:hover { transform: none; box-shadow: none; border-color: var(--ops-border-strong); }

.brand-gradient, .brand-gradient-warm {
  background: #161616;
  border: 1px solid #393939;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.hero-grid { background-image: none; }

.btn {
  min-height: 48px;
  padding: 0 16px;
  border-radius: 0;
  border: 1px solid transparent;
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: .01em;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.btn:active { transform: none; }
.btn-primary, .btn-gold {
  color: #fff;
  background: var(--ops-interactive);
  border-color: var(--ops-interactive);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.btn-primary:hover, .btn-gold:hover {
  color: #fff;
  background: var(--ops-interactive-hover);
  border-color: var(--ops-interactive-hover);
  box-shadow: none;
  transform: none;
}
.btn-outline, .btn-ghost {
  color: var(--ops-interactive);
  background: transparent;
  border-color: var(--ops-interactive);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.btn-outline:hover, .btn-ghost:hover { color: var(--ops-interactive-hover); background: #edf5ff; }
.btn-success { color:#fff; background:var(--ops-success); border-color:var(--ops-success); box-shadow:none; }
.btn-success:hover { transform:none; box-shadow:none; background:#0e6027; }
.btn-danger { color:#fff; background:var(--ops-danger); border-color:var(--ops-danger); box-shadow:none; }
.btn-danger:hover { transform:none; box-shadow:none; background:#b81921; }

.input, input.input, select.input, textarea.input {
  min-height: 48px;
  padding: 0 16px;
  border: 0;
  border-bottom: 2px solid var(--ops-border-strong);
  border-radius: 0;
  color: var(--ops-text);
  background: var(--ops-layer);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
input.input.input-leading-icon { padding-left: 48px; }
textarea.input { min-height: 96px; padding-top: 12px; padding-bottom: 12px; }
.input:focus {
  outline: 2px solid var(--ops-interactive);
  outline-offset: -2px;
  border-bottom-color: var(--ops-interactive);
  background: var(--ops-surface);
  box-shadow: none;
}

.stat-tile {
  padding: 16px;
  border: 1px solid var(--ops-border);
  border-radius: 0;
  background: var(--ops-surface);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.stat-tile::after { display: none; }
.badge {
  border-radius: 999px;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Website color is an identity cue, never a page background. */
.website-context {
  border-left: 4px solid var(--website-accent);
  background: var(--ops-surface);
}
.website-context-dot { width:8px; height:8px; border-radius:50%; background:var(--website-accent); }
.website-context-label { color: var(--ops-text); font-weight: 600; }

.table-modern { width:100%; border-collapse:collapse; background:var(--ops-surface); }
.table-modern thead th {
  color: var(--ops-text-secondary);
  background: var(--ops-layer);
  border-bottom: 1px solid var(--ops-border-strong);
  font-size: .75rem;
  letter-spacing: .02em;
  padding: 12px 16px;
}
.table-modern tbody td { border-bottom:1px solid var(--ops-border); padding:12px 16px; }
.table-modern tbody tr:hover { background:#edf5ff; }
.table-modern tbody tr.member-bulk-selected, .review-card.bulk-selected {
  background:#edf5ff;
  box-shadow:inset 4px 0 0 var(--ops-interactive);
  border-color:var(--ops-interactive);
}

.dock {
  left:0;
  right:0;
  bottom:0;
  border:0;
  border-top:1px solid var(--ops-border);
  border-radius:0;
  padding:4px max(8px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  background:var(--ops-surface);
  box-shadow:0 -2px 8px rgba(0,0,0,.08);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.dock-item { min-height:56px; border-radius:0; color:var(--ops-text-secondary); }
.dock-item.active { color:var(--ops-interactive); background:#edf5ff; box-shadow:inset 0 2px 0 var(--ops-interactive); }
.dock-item:active { transform:none; }

.focus-ring:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline:2px solid var(--ops-interactive);
  outline-offset:2px;
}

::-webkit-scrollbar-thumb { background:#8d8d8d; border-radius:0; }
audio { border-radius:0; }

@media (max-width: 767px) {
  main { padding-left:16px !important; padding-right:16px !important; }
  .table-cards tbody tr {
    margin:8px 0;
    padding:16px;
    border:1px solid var(--ops-border);
    border-radius:0;
    background:var(--ops-surface);
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .table-cards tbody tr:hover { background:var(--ops-surface); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}