/* Modern görsel katman — main.css'in üzerine biner, hiçbir class/HTML yapısını bozmaz.
   Marka renkleri korunur: teal #2C667C, turuncu #EC9333 (site orange-500 #f97316 ile uyumlu). */

:root {
  --admin-bg: #f4f6f8;
  --admin-surface: #ffffff;
  --admin-border: #e5e9ee;
  --admin-teal: #2C667C;
  --admin-teal-soft: rgba(44, 102, 124, 0.08);
  --admin-orange: #f97316;
  --admin-orange-soft: rgba(249, 115, 22, 0.12);
  --admin-text: #1f2937;
  --admin-text-muted: #6b7280;
  --admin-radius: 10px;
  --admin-radius-sm: 6px;
  --admin-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06);
  --admin-shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);
}

body {
  background: var(--admin-bg);
  -webkit-font-smoothing: antialiased;
}

* {
  scrollbar-width: thin;
}

/* Sidebar */
nav.sub-menu {
  background: var(--admin-surface);
  border-right: 1px solid var(--admin-border);
  box-shadow: var(--admin-shadow);
}

nav.sub-menu ul .sub-menu-main span.icon {
  background: var(--admin-teal-soft);
  border-radius: var(--admin-radius-sm);
}

nav.sub-menu ul li a {
  border-bottom: none;
  border-radius: var(--admin-radius-sm);
  margin-bottom: 2px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

nav.sub-menu ul li a:hover {
  background: var(--admin-teal-soft);
  color: var(--admin-teal);
}

nav.sub-menu ul li a span.icon {
  background: var(--admin-orange-soft);
  color: var(--admin-orange);
}

/* Header */
header.main-header .header {
  background: var(--admin-surface);
  border-radius: var(--admin-radius);
  padding: 16px 20px;
  box-shadow: var(--admin-shadow);
}

/* Buttons */
body .button,
body .button-filled,
.submitbutton2,
form.form label button {
  border-radius: var(--admin-radius-sm);
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

body .button:hover,
body .button-filled:hover,
.submitbutton2:hover,
form.form label button:hover {
  filter: brightness(1.05);
  box-shadow: var(--admin-shadow-md);
  transform: translateY(-1px);
}

body .button-bordered {
  border-radius: var(--admin-radius-sm);
  transition: border-color 0.15s ease, color 0.15s ease;
}

body .button-bordered:hover {
  border-color: var(--admin-orange);
  color: var(--admin-orange);
}

/* Forms */
form.form label input,
form.form label select,
form.form label textarea {
  border-radius: var(--admin-radius-sm);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

form.form label input:focus,
form.form label select:focus,
form.form label textarea:focus {
  border-color: var(--admin-orange);
  box-shadow: 0 0 0 3px var(--admin-orange-soft);
}

/* Cards / content boxes */
form.form .box,
.form-content,
.table-responsive {
  background: var(--admin-surface);
  border-radius: var(--admin-radius);
  box-shadow: var(--admin-shadow);
}

/* Tables */
.table-bordered {
  border-radius: var(--admin-radius-sm);
  overflow: hidden;
}

.table-bordered thead th {
  background: var(--admin-bg);
  color: var(--admin-text-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.table-bordered tbody tr {
  transition: background-color 0.12s ease;
}

.table-bordered tbody tr:hover {
  background: var(--admin-teal-soft);
}

/* Breadcrumb */
.breadcrumb {
  background: transparent;
  padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--admin-text-muted);
}