/* ============================================================
   Sit&Seats — ERPNext Desk teması  (Demo "Desky / #2" dili)
   Navy #243349 · subtle #EAF0FF · Hanken Grotesk + Mulish
   Front-only (nginx sub_filter ile enjekte). Backend dokunulmadı.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Mulish:wght@400;500;600;700&display=swap');

:root, .light {
  --primary: #243349;
  --primary-color: #243349;
  --btn-primary: #243349;
  --text-on-primary: #ffffff;
  --bg-color: #F7F8FA;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --control-bg: #F0F2F5;
  --subtle-fg: #EAF0FF;
  --border-color: #DBDDE4;
  --text-color: #243349;
  --heading-color: #243349;
  --text-muted: #565C66;
  --navbar-bg: #243349;
  --font-stack: 'Mulish', system-ui, -apple-system, sans-serif;
  --border-radius: 6px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
}

/* ---- Tipografi ---- */
body, .page-body, input, .form-control, .input-with-feedback, button, .btn {
  font-family: 'Mulish', system-ui, -apple-system, sans-serif !important;
}
h1,h2,h3,h4,h5,h6,
.page-title, .title-text, .page-head .title-area, .navbar-brand,
.workspace-title, .widget-title, .ce-block, .section-head, .comparison-row .label {
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  letter-spacing: -0.01em;
}

/* ---- Navy navbar ---- */
.navbar, header.navbar, .navbar.navbar-expand {
  background-color: #243349 !important;
  border-bottom: none !important;
  box-shadow: 0 1px 4px rgba(36,51,73,.22) !important;
}
.navbar .navbar-nav .nav-link,
.navbar a, .navbar .text-muted, .navbar .navbar-brand,
.navbar .es-icon, .navbar .icon, .navbar svg, .navbar use,
.navbar button, .navbar .btn {
  color: #EAF0FF !important;
}
.navbar .nav-link:hover, .navbar a:hover { color:#ffffff !important; opacity:1; }
/* global search bar */
.navbar .form-control, .navbar #navbar-search, .navbar input.form-control {
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
}
.navbar .form-control::placeholder { color: rgba(234,240,255,.65) !important; }
.navbar .avatar, .navbar .avatar-frame { box-shadow: 0 0 0 2px rgba(255,255,255,.28); }

/* ---- Birincil butonlar (navy) ---- */
.btn-primary {
  background-color:#243349 !important;
  border-color:#243349 !important;
  color:#ffffff !important;
  font-weight:600;
  border-radius:6px !important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-primary.active,.open>.dropdown-toggle.btn-primary {
  background-color:#1b2738 !important; border-color:#1b2738 !important; color:#fff !important;
}
.btn { border-radius:6px !important; }
.btn-default,.btn-secondary { border-radius:6px !important; border-color:#DBDDE4 !important; }
a, .text-primary, .indicator-pill.blue, .ql-editor a { color:#243349 !important; }

/* ---- Aktif sidebar / nav ---- */
.standard-sidebar-item.selected,
.desk-sidebar-item.selected,
.sidebar-item-label.selected {
  background:#EAF0FF !important; color:#243349 !important; font-weight:600;
}
.standard-sidebar-item.selected .sidebar-item-icon svg { color:#243349 !important; }

/* ---- Kartlar / inputlar (yumuşak köşe) ---- */
.widget, .form-section, .frappe-card, .dashboard-card,
.form-control, .control-input, .input-with-feedback, .ce-block__content {
  border-radius:8px !important;
}
.form-control, .input-with-feedback { border-color:#DBDDE4 !important; }
.form-control:focus, .input-with-feedback:focus {
  border-color:#243349 !important; box-shadow:0 0 0 2px rgba(36,51,73,.12) !important;
}
.widget { box-shadow:0 1px 3px rgba(36,51,73,.08) !important; border-color:#E6E9F0 !important; }

/* ---- BASİTLEŞTİR: Frappe markası & dağınıklık gizle ---- */
.navbar .dropdown-help, a.dropdown-help, .dropdown-help,
.navbar-expand .dropdown-notifications + .dropdown-help { display:none !important; }
.standard-footer, .footer-powered, .powered-by, .powered-by-frappe,
.web-footer .footer-powered, .build-version, .navbar .navbar-text .small {
  display:none !important;
}
/* boş workspace "edit"/dağınık ipuçlarını sakinleştir */
.workspace-footer { display:none !important; }

/* ---- Login / web giriş ---- */
body.login-content, .login-content, .for-login, .page-card-container { background:#F7F8FA !important; }
.page-card, .for-login, .for-signup, .for-forgot, .for-email-login {
  border-radius:14px !important;
  box-shadow:0 10px 44px rgba(36,51,73,.12) !important;
  border:1px solid #E6E9F0 !important;
}
.page-card .btn-primary, .btn-login { background:#243349 !important; border-color:#243349 !important; }
.login-content .app-logo, .page-card .app-logo, img.app-logo {
  max-height:46px !important; width:auto !important; margin-bottom:8px;
}

/* ---- Desk navbar: navy üstünde BEYAZ logo (settings koyuyu çekse de override) ---- */
.navbar .navbar-brand img.app-logo,
.navbar-home img.app-logo,
header .navbar .navbar-brand img,
.navbar .app-logo {
  content: url('/brand/logo-light.png') !important;
  height: 28px !important; width: auto !important;
}

/* ---- FIX: navbar açılır menüleri (beyaz navbar metni dropdown'a sızıyordu → beyaz/beyaz) ---- */
.navbar .dropdown-menu {
  background:#ffffff !important;
  border:1px solid #E6E9F0 !important;
  box-shadow:0 10px 34px rgba(36,51,73,.16) !important;
  border-radius:10px !important;
}
.navbar .dropdown-menu,
.navbar .dropdown-menu a,
.navbar .dropdown-menu .dropdown-item,
.navbar .dropdown-menu li > a,
.navbar .dropdown-menu .menu-item-label,
.navbar .dropdown-menu span,
.navbar .dropdown-menu .notification-item,
.navbar .dropdown-menu .notification-body,
.navbar .dropdown-menu b,
.navbar .dropdown-menu .h6 {
  color:#243349 !important;
}
.navbar .dropdown-menu .text-muted,
.navbar .dropdown-menu small,
.navbar .dropdown-menu .small,
.navbar .dropdown-menu .notification-timestamp { color:#8A8F99 !important; }
.navbar .dropdown-item:hover,
.navbar .dropdown-menu a:hover,
.navbar .dropdown-menu li > a:hover { background:#EAF0FF !important; color:#243349 !important; }
.navbar .dropdown-menu svg, .navbar .dropdown-menu use,
.navbar .dropdown-menu .icon { color:#565C66 !important; }
.navbar .dropdown-menu .dropdown-divider { border-color:#EDEFF3 !important; }
/* awesomebar / global arama sonuç listesi de aynı */
.navbar #navbar-search ~ .dropdown-menu .dropdown-item { color:#243349 !important; }