/* Shared light palette. Loaded only while the administration panel is open. */
:root {
  color-scheme: light;
  --bg: #eaf4ff !important;
  --panel: #ffffff !important;
  --border: #c5d9ed !important;
  --text: #203d59;
  --muted: #587087;
  --gold: #0877cc !important;
  --green: #138052;
  --red: #c93642;
  --fg: #203d59;
  --primary: #0877cc;
  --bg-card: #fff;
  --bg-input: #fff;
}
body.admin-mode {
  background: radial-gradient(#b9d7ed 0.65px, transparent 0.65px) 0 0 / 14px 14px, #eaf4ff !important;
  color: #203d59 !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
}
#shell .sidebar {
  width: 178px; padding: 26px 12px; background: #fff !important;
  border-right: 1px solid #a7ccec !important;
}
#shell .brand { flex-direction: column; text-align:center; padding: 0; font-size: 17px; gap: 12px; }
#shell .brand small { font-size: 8px; letter-spacing: .6px; }
.panel-portrait { width: 62px; height: 62px; object-fit: cover; border-radius: 50%; border: 2px solid #1687cf; box-shadow: 0 3px 10px #206a9f25; }
#shell .workspace { margin: 24px 0 16px; padding: 10px 8px; gap: 6px; background: #f1f8ff; }
#shell .world-icon { background: #dceeff; }
#shell .sidebar-bottom { margin-top: 10px; }
#shell .system-chip { background: #f1f8ff; color: #244563; padding: 12px 8px; letter-spacing: .2px; }
#shell .system-chip small { padding-left: 0; overflow-wrap: anywhere; }
#shell .web-switch-nav { order: 5; margin-top: auto; margin-bottom: 0; background: #edf6ff !important; color: #0869af !important; border-color: #b8d7ee !important; font-size: 11px; padding: 9px !important; }
#shell .logout { color: #587087; padding: 8px; }
#shell main { margin-left: 178px; }
#shell .topbar { position: static; height: 64px; padding: 0 24px; background: #ffffffed; border-color: #c5d9ed; }
#shell .content { max-width: none; padding: 20px 24px 24px; }
#shell .management-board { margin-bottom: 28px; }
#shell .board-title { font-size: 16px; color: #0877cc; margin: 0 0 12px; letter-spacing: .4px; }
#shell .management-group { background: #fff; border: 1px solid #80b7ea; border-radius: 10px; padding: 16px; margin-bottom: 14px; box-shadow: 0 2px 5px #285e8d08; }
#shell .operations-group { background: linear-gradient(110deg,#fff9e8,#fff); border-color: #edc36c; }
#shell .management-group h3 { font-size: 14px; margin: 0 0 2px; }
#shell .operations-group h3 { color: #a76504; }
#shell .management-group p { font-size: 11px; color: #587087; margin: 0 0 12px; }
#shell .management-group nav { display:flex; flex-wrap:wrap; gap:10px; margin:0; overflow:visible; background:transparent !important; }
#shell .management-group nav button { width: 108px; min-height: 92px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:9px; text-align:center; white-space:normal; padding:10px 6px; color:#244563; background:#fff; border:1px solid #8ab8e5; border-radius:9px; font-size:12px; font-weight:600; line-height:1.4; box-shadow:none; }
#shell .management-group nav button span { display:block; width:auto; font-size:24px; line-height:1.2; color:#0877cc; }
#shell .management-group nav button:hover { background:#edf7ff; border-color:#0877cc; transform:translateY(-2px); box-shadow:0 4px 10px #1572b416; }
#shell .management-group nav button.active { background:#e3f2ff; border:2px solid #0877cc; color:#075c9e; box-shadow:inset 0 -3px #0877cc; }
#shell .management-divider { flex-basis:100%; border-top:1px solid #b6d5ed; margin:2px 0; }
#shell .page-heading h1 { font-size:25px; letter-spacing:0; }
#shell .page-heading { margin-bottom:18px; }
#shell .eyebrow, #modal .eyebrow { letter-spacing:1px; }
#shell .hero { min-height:0; background:linear-gradient(115deg,#fff,#eef8ff) !important; padding:22px; border-color:#b8d7ee !important; }
#shell .hero h2 { font-size:22px; }
#shell .hero p, #shell .hero-tags, #shell .stat-top, #shell .status-row span:first-child, #shell .status-row code { color:#587087; }
#shell .hero-tags span { background:#eef6fd; border-color:#b9d7ed; }
#shell .card, #shell .stat, #modal { background:#fff !important; border-color:#c5d9ed !important; box-shadow:0 2px 7px #1b588408; }
#shell button, #modal button { background:#fff; color:#244563; border-color:#b9d0e5; }
#shell button:hover, #modal button:hover { background:#edf6ff; border-color:#2789d2; }
#shell .primary, #modal .primary { background:#0877cc !important; border-color:#0877cc !important; color:#fff !important; }
#shell .primary:hover, #modal .primary:hover { background:#0663ab !important; }
#shell input, #shell select, #shell textarea, #modal input, #modal select, #modal textarea { background:#fff !important; color:#203d59 !important; border-color:#b5cde1 !important; }
#shell input:focus, #shell select:focus, #shell textarea:focus, #modal input:focus, #modal select:focus, #modal textarea:focus { border-color:#0877cc !important; box-shadow:0 0 0 3px #0877cc18 !important; }
#shell label, #modal label { color:#375773; }
#shell th { background:#edf5fc; color:#496a87; font-weight:700; }
#shell td, #shell th, #shell .status-row { border-color:#e0ebf4 !important; }
#shell tr:hover td { background:#f3f9ff !important; color:inherit !important; }
#shell .empty strong { color:#244563; }
#shell .bar { background:#52a3df; }
#shell .badge, #shell .local-pill { background:#eaf8f0; color:#127145; border-color:#b6ddc8; }
#shell .badge.gold, #modal .badge.gold, #shell .activity-icon { background:#e7f3ff !important; color:#096fb7 !important; border-color:#b8d8f0; }
#shell .badge.neutral { background:#f0f4f8; color:#516a80; border-color:#d1deea; }
#shell .badge.bad, #shell .danger-button, #modal .danger-button { background:#fff0f0; color:#b72d3b; border-color:#e9bfc5; }
#shell .notice { background:#fff8e5; color:#855800; border-color:#e9d193; }
#shell .avatar { background:#edf6ff; color:#126baa; border-color:#b5d3ec; }
body.admin-mode #toast { background:#fff; color:#244563; border-color:#a9cdea; box-shadow:0 5px 25px #17477225; }
body.admin-mode dialog::backdrop { background:#19394f66; backdrop-filter:blur(3px); }
body.admin-mode pre { background:#f2f7fc; color:#244563; }
body.admin-mode .error { color:#b72d3b !important; }
#shell .success, #modal .success { color:#127145; }
#shell .benefit-tabs .active { background:#e3f2ff; color:#075c9e; border-color:#0877cc; }
#shell .benefit-tabs .active small { color:#075c9e; }
body.admin-mode :focus-visible { outline:2px solid #0877cc; outline-offset:3px; }
::-webkit-scrollbar-track { background:#edf5fc; }
::-webkit-scrollbar-thumb { background:#a4c2db; }
@media (max-width: 1000px) {
  #shell .sidebar { width:154px; padding:20px 10px; }
  #shell main { margin-left:154px; }
  #shell .content { padding:18px; }
  #shell .management-group nav button { width:100px; }
  #shell .grid-two { grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 760px) {
  #shell .sidebar { position:static; width:100%; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid #c5d9ed; }
  #shell .brand { flex-direction:row; font-size:14px; text-align:left; }
  .panel-portrait { width:40px; height:40px; }
  #shell .workspace, #shell .sidebar-bottom { display:none; }
  #shell .web-switch-nav { width:auto; margin:0 0 0 auto; }
  #shell main { margin-left:0; }
  #shell .topbar { padding:0 14px; height:54px; gap:8px; }
  #shell #btn-topbar-view-web { display:none; }
  #shell .content { padding:14px 12px; }
  #shell .management-group { padding:12px; }
  #shell .management-group nav { display:grid; grid-template-columns:repeat(auto-fit,minmax(88px,1fr)); gap:8px; }
  #shell .management-group nav button { width:100%; min-height:86px; font-size:11px; }
  #shell .management-divider { grid-column:1/-1; }
  #shell .page-heading { flex-wrap:wrap; }
  #shell .page-heading h1 { font-size:23px; }
  #shell .hero p { max-width:100%; }
  #shell .hero .crown { display:none; }
}