/* ===========================================================================
   AERO — retint EasyAdmin 5 do palety Mobile Gateway.
   Mapuje zmienne EA na tokeny AERO dla schematu jasnego i ciemnego.
   Ładowane przez DashboardController::configureAssets().
   =========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap');

:root,
[data-bs-theme="light"] {
  --font-family-base:        'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-family-sans-serif:  'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-family-monospace:   'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --body-bg:            #f7f7f8;
  --content-bg:         #f7f7f8;
  --content-panel-bg:   #ffffff;
  --content-top-border-color:     #e4e4e7;
  --content-section-border-color: #e4e4e7;

  --color-primary:      #18181b;
  --primary-bg:         #18181b;
  --text-on-primary:    #ffffff;

  --link-color:         #18181b;
  --link-hover-color:   #2b2b30;

  --color-success:      #16a34a;
  --color-danger:       #dc2626;
  --color-warning:      #d97706;
  --color-info:         #2563eb;

  --text-color:            #18181b;
  --text-primary-color:    #18181b;
  --text-secondary-color:  #52525b;
  --text-tertiary-color:   #8b8b93;
  --text-muted:            #8b8b93;

  --sidebar-bg:                   #ffffff;
  --sidebar-border-color:         #e4e4e7;
  --sidebar-logo-color:           #18181b;
  --sidebar-menu-color:           #52525b;
  --sidebar-menu-icon-color:      #8b8b93;
  --sidebar-menu-header-color:    #8b8b93;
  --sidebar-menu-submenu-color:   #52525b;
  --sidebar-menu-active-item-bg:     #ececee;
  --sidebar-menu-active-item-color:  #18181b;

  --page-login-bg:                       #f7f7f8;
  --page-login-form-bg:                  #ffffff;
  --page-login-form-control-bg:          #ffffff;
  --page-login-form-control-border-color:#d4d4d8;
  --page-login-form-control-button-bg:   #18181b;
}

[data-bs-theme="dark"] {
  --body-bg:            #0a0a0b;
  --content-bg:         #0a0a0b;
  --content-panel-bg:   #141416;
  --content-top-border-color:     #27272a;
  --content-section-border-color: #27272a;

  --color-primary:      #fafafa;
  --primary-bg:         #fafafa;
  --text-on-primary:    #18181b;

  --link-color:         #fafafa;
  --link-hover-color:   #e4e4e7;

  --color-success:      #22c55e;
  --color-danger:       #ef4444;
  --color-warning:      #f59e0b;
  --color-info:         #3b82f6;

  --text-color:            #fafafa;
  --text-primary-color:    #fafafa;
  --text-secondary-color:  #a1a1aa;
  --text-tertiary-color:   #6b6b73;
  --text-muted:            #6b6b73;

  --sidebar-bg:                   #141416;
  --sidebar-border-color:         #27272a;
  --sidebar-logo-color:           #fafafa;
  --sidebar-menu-color:           #a1a1aa;
  --sidebar-menu-icon-color:      #6b6b73;
  --sidebar-menu-header-color:    #6b6b73;
  --sidebar-menu-submenu-color:   #a1a1aa;
  --sidebar-menu-active-item-bg:     #26262a;
  --sidebar-menu-active-item-color:  #fafafa;

  --page-login-bg:                       #0a0a0b;
  --page-login-form-bg:                  #141416;
  --page-login-form-control-bg:          #141416;
  --page-login-form-control-border-color:#3a3a3f;
  --page-login-form-control-button-bg:   #fafafa;
}

/* Przyciski primary EA → grafit AERO.
   EA buduje przyciski na zmiennych --button-primary-* z :root (jasny) i .ea-dark-scheme (ciemny),
   a login submit ma własną, bardziej szczegółową regułę .login-wrapper .btn-primary. */
:root {
  --button-primary-bg:              #18181b;
  --button-primary-hover-bg:        #2b2b30;
  --button-primary-active-bg:       #2b2b30;
  --button-primary-border-color:    #18181b;
  --button-primary-hover-border-color:  #2b2b30;
  --button-primary-active-border-color: #2b2b30;
  --button-primary-color:           #ffffff;
  --button-primary-hover-color:     #ffffff;
  --page-login-form-control-button-bg: #18181b;
}
.ea-dark-scheme {
  --button-primary-bg:              #fafafa;
  --button-primary-hover-bg:        #e4e4e7;
  --button-primary-active-bg:       #e4e4e7;
  --button-primary-border-color:    #fafafa;
  --button-primary-hover-border-color:  #e4e4e7;
  --button-primary-active-border-color: #e4e4e7;
  --button-primary-color:           #18181b;
  --button-primary-hover-color:     #18181b;
  --page-login-form-control-button-bg: #fafafa;
}
.login-wrapper .btn-primary { background-color: #18181b; border-color: #18181b; color: #fff; }
.login-wrapper .btn-primary:hover { background-color: #2b2b30; border-color: #2b2b30; }

/* Drobne dopięcia spójności z AERO */
.content-wrapper, .ea-content { letter-spacing: -.005em; }
.page-header .title { letter-spacing: -.02em; }
.datagrid table tbody td, .field-value { font-variant-numeric: tabular-nums; }

/* ===========================================================================
   Sidebar AERO w EasyAdmin — kontener.
   Markup (brand+nav) z templates/admin/_aero_sidebar.html.twig (wspólny partial),
   wygląd menu z public/aero/sidebar.css (jedno źródło z custom-stronami).
   Tu tylko dostosowanie kontenera EA (aside.sidebar) do identyczności z custom-stronami:
   zerujemy własny padding EA (nav ma swój), tło/obrys jak .aero-sidebar, chowamy resizer.
   =========================================================================== */
.ea aside.sidebar {
  padding: 0;
  background: var(--aero-surface);
  border-right: 1px solid var(--aero-border);
  overflow-y: auto;
}
.ea aside.sidebar #sidebar-resizer-handler { display: none; }

/* Sticky na desktopie — jak custom-strony (.aero-sidebar position:sticky). */
@media (min-width: 821px) {
  .ea .sidebar-wrapper { position: sticky; top: 0; height: 100vh; align-self: start; }
  .ea aside.sidebar { height: 100%; }
}