/*
@fileoverview Shared visual foundation for the browser platform shell.
@layer ui-public
@used-by src/core/render/ejs/layouts/app.ejs
@depends-on Bootstrap 5 RTL and local theme variables
هذه الطبقة توحد الإيقاع البصري دون تغيير عقود الشاشات أو سلوكها.
*/
:root {
  --platform-accent: #229ed9;
  --platform-surface: #ffffff;
  --platform-bg: #f3f6f8;
  --platform-ink: #18232d;
  --platform-muted: #687987;
  --platform-line: #dce4e9;
}

body.platform-shell {
  background: var(--platform-bg) !important;
  color: var(--platform-ink);
  font-family: Tahoma, "Segoe UI", "Noto Sans Arabic", sans-serif;
}

body.platform-shell .navbar {
  min-height: 64px;
  border-color: var(--platform-line) !important;
  background: color-mix(in srgb, var(--platform-surface) 94%, transparent) !important;
  box-shadow: 0 4px 18px rgba(24, 35, 45, .05) !important;
  backdrop-filter: blur(12px);
}

body.platform-shell .navbar-brand {
  color: var(--platform-ink);
  font-weight: 800;
  letter-spacing: -.025em;
}

body.platform-shell main.container {
  max-width: 1240px;
  padding-top: 2rem;
  padding-bottom: 3rem;
}

body.platform-shell .card {
  border: 1px solid var(--platform-line) !important;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(24, 35, 45, .045) !important;
}

body.platform-shell .card-header,
body.platform-shell .card-footer {
  background: var(--platform-surface);
  border-color: var(--platform-line);
}

body.platform-shell .btn-primary {
  --bs-btn-bg: var(--platform-accent);
  --bs-btn-border-color: var(--platform-accent);
  --bs-btn-hover-bg: #1d8abb;
  --bs-btn-hover-border-color: #1d8abb;
}

body.platform-shell .table > :not(caption) > * > * {
  padding-top: .8rem;
  padding-bottom: .8rem;
  border-color: var(--platform-line);
}

body.platform-shell .dropdown-menu {
  border-color: var(--platform-line);
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(24, 35, 45, .1);
}

@media (prefers-reduced-motion: reduce) {
  body.platform-shell *,
  body.platform-shell *::before,
  body.platform-shell *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

@media (max-width: 767.98px) {
  body.platform-shell main.container {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
}