:root {
  --gold: #dbb465;
  --gold-d: #c49a4a;
  --vx-primary: #1a1a1a;
  --vx-primary-dark: #111;
  --vx-primary-soft: rgba(26, 26, 26, .08);
  --vx-success: #2f6b4f;
  --vx-warning: #9a6b24;
  --vx-danger: #b42318;
  --vx-info: #1a1a1a;
  --vx-body: #f6f4f0;
  --vx-card: #fff;
  --vx-text: #3a3a3a;
  --vx-heading: #1a1a1a;
  --vx-muted: #7a7368;
  --vx-border: #e4dfd6;
  --vx-menu: #fff;
  --vx-shadow: none;
  --vx-radius: 4px;
  --vx-sans: "Public Sans", "Segoe UI", system-ui, sans-serif;
  --ink: var(--vx-heading);
  --ink-soft: var(--vx-text);
  --navy: var(--vx-primary);
  --navy-2: var(--vx-primary-dark);
  --deep: #1a1a1a;
  --accent: var(--gold);
  --accent-d: var(--gold-d);
  --teal: var(--vx-info);
  --teal-s: #f3efe6;
  --cream: var(--vx-body);
  --paper: var(--vx-body);
  --white: #fff;
  --brass: var(--gold);
  --brass-d: var(--gold-d);
  --line: var(--vx-border);
  --mute: var(--vx-muted);
  --ok: var(--vx-success);
  --warn: var(--vx-warning);
  --danger: var(--vx-danger);
  --shadow: var(--vx-shadow);
  --r: var(--vx-radius);
  --sans: var(--vx-sans);
  --serif: var(--vx-sans);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body.is-panel { height: 100%; overflow: hidden; }
html:has(body.is-panel) { height: 100%; overflow: hidden; }
body {
  font-family: var(--vx-sans);
  color: var(--vx-text);
  background: var(--vx-body);
  font-size: 15px;
  line-height: 1.5;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: .55rem 1.25rem; border-radius: .375rem; border: 1px solid transparent;
  cursor: pointer; font-size: .9375rem; font-weight: 500; letter-spacing: 0;
  line-height: 1.2; min-height: 38px; white-space: nowrap; color: #fff;
  transition: transform .1s ease, box-shadow .15s ease, background .15s ease;
}
.btn:hover { color: #fff; }
.btn-brass, .btn-ink, .btn-primary, .btn-accent, .btn-success, .btn-info, .btn-secondary {
  background: #1a1a1a; border-color: #1a1a1a; box-shadow: none;
}
.btn-brass:hover, .btn-ink:hover, .btn-primary:hover, .btn-accent:hover,
.btn-success:hover, .btn-info:hover, .btn-secondary:hover { background: #000; }
.btn-warning {
  background: #9a6b24; border-color: #9a6b24; box-shadow: none;
}
.btn-warning:hover { background: #7e561c; }
.btn-danger {
  background: #b42318; border-color: #b42318; box-shadow: none;
}
.btn-danger:hover { background: #912018; }
.btn-ghost {
  background: #fff; border-color: #e4dfd6; color: #3a3a3a; box-shadow: none;
}
.btn-ghost:hover { background: #f3f6f9; color: #102a43; border-color: #c5d4e0; }
.btn-sm { min-height: 32px; padding: .35rem .85rem; font-size: .8125rem; }
.swal2-actions .btn { margin: 0 .35rem; }
.kicker {
  color: var(--vx-primary); font-size: 11px; letter-spacing: .04em;
  text-transform: uppercase; font-weight: 600; margin: 0 0 4px;
}
.muted { color: var(--vx-muted); font-size: 13px; }
.pill, .tag {
  display: inline-block; font-size: 11px; font-weight: 500; padding: 3px 8px; border-radius: 4px;
  background: var(--vx-primary-soft); color: var(--vx-primary);
}
.tag-on { background: rgba(40,199,111,.16); color: var(--vx-success); }
.tag-off { background: rgba(234,84,85,.16); color: var(--vx-danger); }
.alert { padding: 12px 16px; border-radius: var(--vx-radius); margin: 0 0 16px; font-size: 13px; }
.alert-ok { background: rgba(40,199,111,.16); color: #28c76f; }
.alert-err { background: rgba(234,84,85,.16); color: #ea5455; }

.form { display: grid; gap: 14px; max-width: none; }
.form-wide { max-width: none; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.vx-row { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.vx-col-12 { grid-column: span 12; }
.vx-col-8 { grid-column: span 8; }
.vx-col-6 { grid-column: span 6; }
.vx-col-4 { grid-column: span 4; }
.vx-col-3 { grid-column: span 3; }
label { display: block; font-size: .8125rem; font-weight: 500; color: #444050; margin-bottom: .375rem; }
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=file]):not([type=image]),
textarea, select {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: .5rem .875rem;
  border: 1px solid #dbdade;
  border-radius: .375rem;
  background: #fff;
  color: #6f6b7d;
  font-size: .9375rem;
  line-height: 1.5;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236f6b7d' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 12px;
  padding-right: 2rem;
}
textarea { min-height: 110px; resize: vertical; }
input::placeholder, textarea::placeholder { color: #b7b5be; }
input:hover, textarea:hover, select:hover { border-color: #c9c8ce; }
input:focus, textarea:focus, select:focus {
  outline: 0; border-color: #1a1a1a; color: #1a1a1a;
  box-shadow: 0 0 0 2px rgba(219, 180, 101, .35);
}
input[type=file] {
  display: block; width: 100%; padding: .55rem .875rem;
  border: 1px dashed #dbdade; border-radius: .375rem; background: #f8f7fa;
  color: #6f6b7d; font-size: .8125rem; min-height: 40px;
}

.admin-shell { display: grid; grid-template-columns: 240px minmax(0, 1fr); height: 100vh; max-height: 100dvh; background: var(--vx-body); overflow: hidden; }
.side {
  background: #fff; color: #3a3a3a;
  padding: 16px 12px; display: flex; flex-direction: column; gap: 2px;
  border-right: 1px solid var(--vx-border); z-index: 21; position: relative;
  height: 100%; max-height: 100dvh; overflow: hidden; min-height: 0;
}
.side-scroll { flex: 1; overflow-y: auto; min-height: 0; padding-bottom: 8px; }
.side .brand {
  display: flex; align-items: center; gap: 10px;
  font-size: 16px; font-weight: 700; padding: 6px 10px 18px;
  color: #1a1a1a; line-height: 1.15; letter-spacing: -.02em; text-decoration: none;
}
.side .brand img { height: 28px; width: auto; }
.side .brand span {
  display: block; font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: #8a8378; margin-top: 2px; font-weight: 600;
}
.side .nav-label {
  font-size: 10px; letter-spacing: .08em; text-transform: uppercase;
  color: #8a8378; padding: 16px 12px 6px; font-weight: 600;
}
.side a {
  display: flex; align-items: center; gap: 10px;
  padding: 7px 12px; border-radius: 0; border-left: 3px solid transparent;
  color: #4a453e; font-size: 14px; font-weight: 450;
}
.side a i { font-size: 16px; width: 20px; text-align: center; color: #8a8378; }
.side a.is-active { background: #f6f4f0; color: #1a1a1a; font-weight: 600; border-left-color: var(--gold); }
.side a.is-active i { color: var(--gold-d); }
.side a:hover { color: #1a1a1a; background: #f6f4f0; }
.side-foot { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--vx-border); flex: 0 0 auto; }
.side-user { padding: 4px 12px 8px; color: #8a8378; font-size: 12px; line-height: 1.45; }
.role-chip {
  display: inline-block; font-size: 10px; letter-spacing: .08em; text-transform: uppercase;
  font-weight: 600; color: #1a1a1a; background: #f3efe6;
  padding: 2px 8px; border-radius: 4px; margin-top: 6px;
}

.workspace { min-width: 0; min-height: 0; max-width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; }
.panel-top {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  min-height: 56px; padding: 8px 24px;
  background: #fff; border-bottom: 1px solid var(--vx-border);
  position: relative; z-index: 20;
  min-width: 0; flex: 0 0 auto;
}
.panel-search {
  display: flex; align-items: center; gap: 0; flex: 1; max-width: 420px; min-width: 180px;
}
.panel-search input {
  min-height: 34px !important; border-right: 0; border-radius: 4px 0 0 4px;
}
.panel-search button {
  min-height: 34px; border-radius: 0 4px 4px 0; border: 1px solid var(--vx-border); border-left: 0;
  background: #fff; color: #1a1a1a; padding: 0 12px; cursor: pointer;
}
.panel-top strong { font-size: 15px; font-weight: 600; color: var(--vx-heading); }
.panel-top .spacer { margin-left: auto; }
.panel-burger {
  display: none; width: 38px; height: 38px; border: 1px solid var(--vx-border);
  background: #fff; cursor: pointer; border-radius: var(--vx-radius);
}
.panel-burger span { display: block; width: 16px; height: 2px; background: var(--vx-heading); margin: 3px auto; }
.main { padding: 24px 28px 48px; flex: 1; min-width: 0; min-height: 0; overflow: auto; max-width: 100%; }
.vx-col-12, .vx-col-8, .vx-col-6, .vx-col-4, .vx-col-3 { min-width: 0; }

.panel-hero { margin-bottom: 20px; }
.panel-hero h1 {
  font-weight: 600; font-size: 22px; margin: 0 0 4px; color: var(--vx-heading); letter-spacing: 0; line-height: 1.3;
}
.panel-hero .muted { margin: 0; }
.panel-card, .vx-card {
  background: var(--vx-card); border: 1px solid var(--vx-border); border-radius: var(--vx-radius);
  padding: 24px; margin-bottom: 20px; box-shadow: none;
  max-width: 100%;
}
.vx-card-head {
  font-size: 16px; font-weight: 600; color: var(--vx-heading);
  margin: -4px 0 18px; padding-bottom: 12px; border-bottom: 1px solid var(--vx-border);
}
.panel-toolbar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 0 0 16px; }
.panel-toolbar input[type=search] { max-width: 360px; }

.grid-4, .grid-3, .grid-2 { display: grid; gap: 16px; }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-2 { grid-template-columns: 1fr 1fr; }
.row-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }

.kpi {
  background: #fff; border: 1px solid var(--vx-border); border-radius: var(--vx-radius); padding: 20px;
  box-shadow: none; display: flex; align-items: center; gap: 16px;
}
.kpi .kpi-ico {
  width: 42px; height: 42px; border-radius: 4px; display: grid; place-items: center;
  background: #f3efe6; color: #1a1a1a; font-size: 20px; flex: 0 0 auto;
}
.kpi b { display: block; font-size: 22px; font-weight: 600; color: var(--vx-heading); line-height: 1.2; }
.kpi span { color: var(--vx-muted); font-size: 13px; }
.kpi.warn, .kpi.teal { background: #fff; color: var(--vx-text); }
.kpi.warn .kpi-ico, .kpi.teal .kpi-ico { background: #f3efe6; color: #1a1a1a; }
.kpi.warn b, .kpi.teal b { color: var(--vx-heading); }
.kpi.warn span, .kpi.teal span { color: var(--vx-muted); }

.chips { display: flex; gap: 8px; flex-wrap: wrap; }
.chip { padding: 6px 14px; border-radius: var(--vx-radius); border: 1px solid var(--vx-border); background: #fff; font-size: 13px; font-weight: 500; color: var(--vx-text); }
.chip.is-active { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }

.table { width: 100%; border-collapse: collapse; background: #fff; }
.table th, .table td { padding: 12px 14px; border-bottom: 1px solid var(--vx-border); text-align: left; font-size: 14px; vertical-align: middle; }
.table th { font-size: 11px; color: var(--vx-muted); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.table tr:last-child td { border-bottom: 0; }
.table input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),
.table select {
  width: auto; max-width: 200px; display: inline-block; min-height: 36px;
}
.status {
  display: inline-flex; align-items: center;
  font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  padding: 4px 8px; border-radius: 4px; background: #f3efe6; color: var(--vx-heading);
  line-height: 1.2; white-space: nowrap;
}
.status-published, .status-active, .status-tamamlandi { background: #e8f1ea; color: #2f6b4f; }
.status-draft, .status-passive { background: #f1eee8; color: var(--vx-muted); }
.status-sale_off, .status-yeni, .status-islemde { background: #f8edd6; color: #8a5a12; }
.status-onay { background: #e8f1ea; color: #2f6b4f; }
.status-sevk { background: #ece7dc; color: #5c4a24; }
.status-teslim { background: #e8f1ea; color: #2f6b4f; }
.status-iptal, .status-red { background: #f8e4e2; color: #b42318; }
.thumb-cell img { width: 48px; height: 48px; object-fit: contain; background: #f3f6f9; border-radius: 4px; padding: 4px; }
.crumb { font-size: 13px; color: var(--vx-muted); margin: 0 0 10px; }
.crumb a { color: var(--vx-primary); font-weight: 500; }

.dealer-tools { display: flex; gap: 10px; flex-wrap: wrap; margin: 8px 0 20px; }
.dealer-tools input { max-width: 360px; background: #fff; flex: 1; min-width: 220px; }
.dealer-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.dealer-card { background: #fff; border: 0; border-radius: var(--vx-radius); overflow: hidden; box-shadow: var(--vx-shadow); }
.dealer-card.is-focus { outline: 2px solid var(--vx-primary); }
.dealer-card .ph { position: relative; aspect-ratio: 1; background: #f3f2f5; overflow: hidden; }
.dealer-card .ph img { width: 100%; height: 100%; object-fit: contain; padding: 16px; }
.dealer-card .origin-badge { position: absolute; left: 10px; top: 10px; }
.dealer-card .meta { padding: 16px; }
.dealer-card h3 { margin: 4px 0 10px; font-size: 16px; font-weight: 600; color: var(--vx-heading); }
.price-row { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; margin-bottom: 12px; font-size: 13px; }
.price-row span { color: var(--vx-muted); text-decoration: line-through; }
.price-row strong { font-size: 16px; color: var(--vx-primary); }

.origin-badge {
  display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase; padding: 3px 8px; border-radius: 4px;
}
.origin-made { background: var(--vx-primary-soft); color: var(--vx-primary); }
.origin-trade { background: rgba(0,207,232,.16); color: #00bad7; }

.dyn-row { display: grid; grid-template-columns: 1fr 1fr 32px; gap: 8px; margin-bottom: 8px; }
.sort-list { list-style: none; padding: 0; margin: 0 0 20px; }
.sort-item {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: #fff; border: 0; padding: 12px 14px; margin-bottom: 8px;
  border-radius: var(--vx-radius); box-shadow: var(--vx-shadow);
}
.sort-item.is-edit { outline: 2px solid var(--vx-primary); }
.sort-item strong { font-size: 14px; font-weight: 600; color: var(--vx-heading); }
.drag-handle { cursor: grab; color: var(--vx-muted); padding: 4px; }
.nest, .nest-root { list-style: none; padding: 0; margin: 0; }
.nest-root { margin-bottom: 8px; }
.nest-item > .nest { margin: 0 0 8px 28px; min-height: 10px; padding: 4px 0 0; border-left: 1px dashed var(--vx-border); }
.nest-item.is-edit > .sort-item { outline: 2px solid var(--vx-primary); }
.item-editor { background: var(--vx-body); border: 1px solid var(--vx-border); padding: 14px; margin-bottom: 10px; border-radius: var(--vx-radius); }
.grow { flex: 1; min-width: 0; }
.split-hero { display: flex; justify-content: space-between; gap: 16px; align-items: end; flex-wrap: wrap; }
.add-bar {
  display: grid; grid-template-columns: 1.2fr 1.4fr auto; gap: 12px; align-items: end;
  max-width: 100%; margin-bottom: 16px;
}
.menu-add { grid-template-columns: 1.1fr 1.2fr .9fr .9fr auto; }
.add-bar .btn { min-height: 40px; }
.check-row { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: end; margin: 4px 0; }
.check-row select, .check-row input:not([type=checkbox]):not([type=radio]):not([type=hidden]) {
  width: auto; min-width: 160px; max-width: 240px; display: inline-block;
}
.check { display: flex; align-items: center; gap: 8px; font-weight: 500; font-size: 14px; }
.check input { width: auto; min-height: auto; }
.inline-name { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.inline-name input { min-height: 36px; max-width: 220px; width: auto; display: inline-block; }
.row-actions select { width: auto; max-width: 160px; display: inline-block; min-height: 36px; }
.create-page { max-width: none; }
.page-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.page-card { background: #fff; border: 0; border-radius: var(--vx-radius); padding: 20px; box-shadow: var(--vx-shadow); }
.page-card-top .page-name {
  font-size: 16px; font-weight: 600; border: 0; padding: 0; background: transparent; width: calc(100% - 90px); color: var(--vx-heading);
}
.page-card-top form { display: flex; gap: 8px; align-items: center; }
.page-url { display: block; color: var(--vx-primary); font-size: 13px; font-weight: 500; margin: 4px 0 10px; }
.page-meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; color: var(--vx-muted); font-size: 12px; margin: 0 0 12px; }
.edit-title { font-weight: 600; font-size: 16px; margin: 0 0 16px; color: var(--vx-heading); }
.media-field {
  display: grid; grid-template-columns: 88px 1fr; gap: 12px; align-items: center;
  background: var(--vx-body); border: 1px solid var(--vx-border); border-radius: var(--vx-radius); padding: 10px; margin-bottom: 10px;
}
.media-thumb { width: 88px; height: 64px; object-fit: cover; border-radius: 4px; background: #eee; }
.media-thumb.is-empty {
  display: grid; place-items: center; font-size: 11px; font-weight: 600; color: var(--vx-muted); text-transform: uppercase;
}
.block-thumb { width: 48px; height: 36px; object-fit: cover; border-radius: 4px; background: #eee; flex: 0 0 auto; }
.block-thumb.is-empty {
  display: grid; place-items: center; font-size: 10px; font-weight: 600; color: #fff; background: var(--vx-primary);
}
.side .nav-label:first-of-type { padding-top: 4px; }
h2, h3 { font-weight: 600; color: var(--vx-heading); }
.vx-upload {
  border: 1px dashed var(--vx-border); border-radius: var(--vx-radius); padding: 16px;
  background: var(--vx-body); display: flex; gap: 16px; align-items: center;
}
.vx-upload img { width: 96px; height: 96px; object-fit: contain; background: #fff; border-radius: 6px; padding: 8px; }
.vx-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--vx-border); }

.auth-body { min-height: 100vh; background: var(--vx-body); display: grid; place-items: stretch; }
.auth-split { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 100vh; }
.auth-cover {
  background: #2f3349 center/cover no-repeat; position: relative; color: #fff;
}
.auth-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(18,16,12,.88), rgba(18,16,12,.42)); }
.auth-cover .inner { position: relative; z-index: 1; padding: 48px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.auth-cover h2 { color: #fff; font-size: 32px; margin: 12px 0 8px; }
.auth-card { display: grid; place-items: center; padding: 40px 32px; }
.auth-card .box { width: min(420px, 100%); }
.auth-card h1 { font-size: 24px; margin: 0 0 6px; color: var(--vx-heading); font-weight: 600; }
.navbar-user {
  display: flex; align-items: center; gap: 8px; margin-left: 8px; color: var(--vx-heading); font-size: 13px; font-weight: 500;
}
.navbar-user span {
  width: 32px; height: 32px; border-radius: 50%; background: var(--vx-primary-soft); color: var(--vx-primary);
  display: grid; place-items: center; font-weight: 700; font-size: 12px;
}

@media (max-width: 1100px) {
  .vx-col-4, .vx-col-3, .vx-col-8 { grid-column: span 6; }
}
@media (max-width: 960px) {
  .admin-shell { grid-template-columns: 1fr; height: 100vh; max-height: 100dvh; }
  .side {
    position: fixed; inset: 0 auto 0 0; width: min(260px, 86vw); height: 100vh; z-index: 40;
    transform: translateX(-110%); transition: transform .2s ease;
  }
  .side.open { transform: none; }
  .panel-burger { display: block; }
  .grid-4, .grid-3, .grid-2, .form-grid, .add-bar, .menu-add, .media-field, .vx-row, .auth-split { grid-template-columns: 1fr; }
  .vx-col-12, .vx-col-8, .vx-col-6, .vx-col-4, .vx-col-3 { grid-column: span 1; }
  .main, .panel-top { padding-left: 16px; padding-right: 16px; }
  .auth-cover { min-height: 220px; }
  .settings-tabs { gap: 0; }
  .settings-tab { flex: 1 1 auto; text-align: center; padding: 12px 10px; }
}

.settings-card { padding-top: 8px; }
.settings-tabs {
  display: flex; flex-wrap: wrap; gap: 4px;
  margin: 0 -8px 20px; padding: 0 8px;
  border-bottom: 1px solid var(--vx-border);
}
.settings-tab {
  appearance: none; background: none; border: 0; border-bottom: 2px solid transparent;
  padding: 12px 18px; margin-bottom: -1px; cursor: pointer;
  color: var(--vx-muted); font-size: 14px; font-weight: 600; min-height: 44px;
}
.settings-tab:hover { color: var(--vx-heading); }
.settings-tab.is-on { color: var(--vx-heading); border-bottom-color: var(--gold); }
.settings-pane { display: none; }
.settings-pane.is-on { display: block; }
.settings-hint { margin: 0 0 18px; }
.settings-save {
  display: flex; justify-content: flex-end;
  margin-top: 20px; padding-top: 16px;
  border-top: 1px solid var(--vx-border);
  position: sticky; bottom: 0; background: #fff;
}

.admin-shell { font-size: 13px; }
.admin-shell .panel-hero h1 { font-size: 18px; }
.admin-shell .vx-card-head { font-size: 13px; }
.admin-shell .side { padding: 12px 10px; }
.admin-shell .side .brand { font-size: 18px; padding: 6px 10px 14px; }
.admin-shell .side a { font-size: 13px; padding: 6px 10px; }
.admin-shell .side a i { font-size: 16px; }
.admin-shell .panel-top { min-height: 52px; }
.admin-shell .panel-top strong { font-size: 13px; }
.admin-shell .main { padding: 16px 20px 36px; }
.admin-shell .panel-card, .admin-shell .vx-card { padding: 16px; margin-bottom: 14px; }
.admin-shell .vx-row { gap: 12px; }
.admin-shell .btn { min-height: 32px; font-size: 13px; padding: .35rem .9rem; }
.admin-shell .btn-sm { min-height: 28px; font-size: 12px; padding: .25rem .7rem; }
.admin-shell label { font-size: 12px; margin-bottom: .2rem; }
.admin-shell input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=file]):not([type=image]),
.admin-shell textarea, .admin-shell select {
  min-height: 32px; font-size: 13px; padding: .3rem .65rem;
}
.admin-shell textarea { min-height: 72px; }
.admin-shell .table th, .admin-shell .table td { padding: 8px 10px; font-size: 13px; }
.admin-shell .kpi b { font-size: 18px; }
.admin-shell .kpi { padding: 14px; }
.admin-shell .settings-tab { font-size: 13px; min-height: 38px; padding: 8px 14px; }

.side a .nav-count {
  margin-left: auto; min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: 9px; background: #1a1a1a; color: #fff;
  font-size: 10px; font-style: normal; font-weight: 700; line-height: 18px; text-align: center;
}
.dealer-catbar {
  display: flex; gap: 6px; flex-wrap: nowrap; overflow-x: auto;
  padding: 8px 20px; background: #fff; border-bottom: 1px solid var(--vx-border);
  flex-shrink: 0;
}
.dealer-catbar a {
  flex: 0 0 auto; white-space: nowrap; font-size: 12px; font-weight: 600;
  padding: 6px 12px; border-radius: 999px; color: var(--vx-muted); text-decoration: none;
  background: var(--vx-body);
}
.dealer-catbar a.is-on { background: var(--vx-primary); color: #fff; }
.dealer-card .pack-pill {
  position: absolute; left: 10px; top: 10px; font-size: 10px; font-weight: 600;
  letter-spacing: .03em; padding: 3px 8px; border-radius: 4px; background: #fff; color: var(--vx-heading);
}
.dealer-card .pack-pill.pack-demonte { background: rgba(0,207,232,.16); color: #008ca3; }
.add-row { display: flex; gap: 8px; margin-bottom: 10px; }
.add-row input[type=number] { width: 72px; max-width: 72px; }
.add-row .btn { flex: 1; }
.cart-hint {
  background: #fff; border-left: 3px solid var(--vx-primary); padding: 12px 16px;
  margin: 0 0 16px; font-size: 13px; box-shadow: var(--vx-shadow);
}
.cart-grid { display: grid; grid-template-columns: 1.4fr .8fr; gap: 16px; align-items: start; }
@media (max-width: 960px) { .cart-grid { grid-template-columns: 1fr; } }
.ship-list { display: grid; gap: 8px; margin-bottom: 14px; }
.ship-card {
  display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px;
  border: 1px solid var(--vx-border); border-radius: var(--vx-radius); cursor: pointer; background: #fff;
}
.ship-card input { margin-top: 3px; }
.ship-card strong { display: block; font-size: 13px; }
.ship-card p { margin: 4px 0 0; }
.ship-card.is-locked { opacity: .55; cursor: not-allowed; background: var(--vx-body); }
.qty-form input { width: 72px; }

.page-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-end; flex-wrap: wrap; margin: 0 0 18px; }
.page-head h1 { font-size: 20px; font-weight: 600; margin: 0 0 4px; color: var(--vx-heading); }
.page-head .muted { margin: 0; }
.page-head-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.crumb { font-size: 12px; color: var(--vx-muted); margin: 0 0 8px; }
.filter-bar {
  display: flex; gap: 8px; flex-wrap: wrap; align-items: end;
  background: #fff; border: 1px solid var(--vx-border); padding: 12px; margin: 0 0 14px;
}
.filter-bar label { margin: 0; }
.filter-bar input, .filter-bar select { width: auto; min-width: 140px; max-width: 240px; }
.filter-bar .grow { flex: 1; min-width: 180px; max-width: none; }
.filter-bar .grow input { width: 100%; max-width: none; }
.queue { list-style: none; margin: 0; padding: 0; }
.queue li { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--vx-border); }
.queue li:last-child { border-bottom: 0; }
.queue b { font-size: 18px; }
.queue a { font-weight: 600; color: #1a1a1a; }
.queue .n { font-variant-numeric: tabular-nums; min-width: 28px; text-align: right; font-weight: 700; }
.queue .n.is-hot { color: var(--gold-d); }
.timeline { list-style: none; margin: 0; padding: 0; }
.timeline li { position: relative; padding: 0 0 16px 18px; border-left: 2px solid var(--vx-border); }
.timeline li:last-child { padding-bottom: 0; }
.timeline li::before {
  content: ""; position: absolute; left: -5px; top: 4px; width: 8px; height: 8px;
  border-radius: 50%; background: var(--gold); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--vx-border);
}
.timeline strong { display: block; font-size: 13px; }
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
.gallery-item { border: 1px solid var(--vx-border); padding: 6px; background: #fff; text-align: center; }
.gallery-item img { width: 100%; height: 72px; object-fit: contain; background: #f6f4f0; }
.gallery-item label { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 11px; margin: 6px 0 0; }
.search-hit { padding: 10px 0; border-bottom: 1px solid var(--vx-border); }
.search-hit:last-child { border-bottom: 0; }
.num { font-variant-numeric: tabular-nums; }
.sticky-save {
  position: sticky; bottom: 0; background: #fff; display: flex; justify-content: flex-end; gap: 8px;
  margin-top: 16px; padding: 12px 0 4px; border-top: 1px solid var(--vx-border); z-index: 5;
}
.form-inline { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.form-inline select { width: auto; }
.seo-box {
  margin: 8px 0 0; padding: 8px 10px; font-size: 12px; line-height: 1.4;
  border-radius: 6px; border: 1px solid var(--vx-border); background: #faf8f4;
}
.seo-box.err { border-color: #e8b4b4; background: #fdf2f2; color: #8a2b2b; }
.seo-box.warn { border-color: #e6d09a; background: #fbf6e8; color: #6d5416; }
.seo-box.ok { border-color: #b7d7c4; background: #f1f8f4; color: #1f6b3a; }
.seo-count { font-weight: 600; color: var(--vx-muted); font-variant-numeric: tabular-nums; }
.seo-count.is-long { color: var(--vx-danger, #b42318); }
.seo-count.is-short { color: #9a6b12; }
.seo-queue { list-style: none; margin: 12px 0 0; padding: 0; }
.seo-queue .seo-box { margin-top: 6px; }
.seo-queue a { font-weight: 600; color: inherit; }

.order-kpis {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px;
}
.order-kpi {
  background: #fff; border: 1px solid var(--vx-border); border-radius: var(--vx-radius);
  padding: 12px 14px; display: block; min-height: 88px;
}
.order-kpi b { display: block; font-size: 22px; font-weight: 700; color: var(--vx-heading); line-height: 1.15; margin: 2px 0 4px; font-variant-numeric: tabular-nums; }
.order-kpi em { font-style: normal; font-size: 12px; color: var(--vx-muted); }
.order-kpi.is-on { border-color: var(--gold); box-shadow: inset 3px 0 0 var(--gold); }
.order-kpi.is-static { cursor: default; }
.order-kpi.is-hot { border-color: var(--gold); }
.dash-hero {
  display: flex; justify-content: space-between; gap: 16px; align-items: flex-end; flex-wrap: wrap;
  background: #fff; border: 1px solid var(--vx-border); border-left: 4px solid var(--gold);
  padding: 18px 20px; margin: 0 0 16px; border-radius: var(--vx-radius);
}
.dash-hero h1 { margin: 0 0 4px; font-size: 24px; }
.dash-hero .muted { margin: 0; }
.dash-hero-side { text-align: right; }
.dash-hero-side span { display: block; font-size: 12px; color: var(--vx-muted); }
.dash-hero-side strong { font-size: 14px; }
.dash-kpis { margin-bottom: 16px; }
.dash-go {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0 0 18px;
}
.dash-go-item {
  background: #fff; border: 1px solid var(--vx-border); border-radius: var(--vx-radius);
  padding: 14px 12px; display: flex; flex-direction: column; gap: 2px;
}
.dash-go-item:hover { border-color: var(--gold); }
.dash-go-item i { font-size: 18px; color: var(--gold-d); margin-bottom: 6px; }
.dash-go-item span { font-weight: 700; font-size: 13px; color: var(--vx-heading); }
.dash-go-item small { color: var(--vx-muted); font-size: 11px; }
.dash-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 16px; margin-bottom: 16px; }
@media (max-width: 1100px) {
  .dash-go { grid-template-columns: repeat(3, 1fr); }
  .dash-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .dash-go { grid-template-columns: repeat(2, 1fr); }
}
.order-table-card { padding: 0; overflow: hidden; }
.order-table-head {
  display: flex; justify-content: space-between; gap: 12px; align-items: baseline;
  padding: 14px 16px; border-bottom: 1px solid var(--vx-border);
}
.order-code { font-weight: 700; color: var(--vx-heading); letter-spacing: .01em; }
.order-code:hover { color: var(--gold-d); }
.order-table tbody tr:hover { background: #faf8f4; }
.ship-tag, .pack-tag {
  display: inline-block; font-size: 11px; font-weight: 600; padding: 3px 8px;
  border-radius: 4px; background: #f3efe6; color: var(--vx-heading);
}
.ship-nakliye { background: #ece7dc; }
.ship-teslim_al { background: #e8f1ea; color: #2f6b4f; }
.ship-kargo { background: #f8edd6; color: #8a5a12; }
.pack-demonte { background: #eef3f6; }
.order-file-head {
  display: flex; justify-content: space-between; gap: 16px; align-items: flex-end; flex-wrap: wrap;
  background: #fff; border: 1px solid var(--vx-border); border-left: 4px solid var(--gold);
  padding: 16px 18px; margin: 0 0 14px; border-radius: var(--vx-radius);
}
.order-file-head h1 { margin: 0 0 4px; font-size: 22px; letter-spacing: .02em; }
.order-file-head .muted { margin: 0; }
.order-meta {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px;
}
.order-meta > div {
  background: #fff; border: 1px solid var(--vx-border); padding: 12px 14px; border-radius: var(--vx-radius);
}
.order-meta b { display: block; margin-top: 2px; color: var(--vx-heading); font-variant-numeric: tabular-nums; }
.order-pipe {
  list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;
  margin: 0 0 16px; padding: 0;
}
.order-pipe li {
  background: #fff; border: 1px solid var(--vx-border); padding: 10px 12px;
  font-size: 12px; font-weight: 600; color: var(--vx-muted); border-radius: var(--vx-radius);
}
.order-pipe li span {
  display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 6px;
  border-radius: 50%; background: #f3efe6; font-size: 11px; vertical-align: middle;
}
.order-pipe li.is-done { color: #2f6b4f; border-color: #c9ddcf; }
.order-pipe li.is-done span { background: #e8f1ea; color: #2f6b4f; }
.order-pipe li.is-now { color: var(--vx-heading); border-color: var(--gold); box-shadow: inset 0 -2px 0 var(--gold); }
.order-pipe li.is-now span { background: var(--gold); color: #1a1a1a; }
.order-pipe li.is-off { opacity: .45; }
.order-file-note { margin: -8px 0 16px; font-size: 13px; color: #8a5a12; }
.order-layout { display: grid; grid-template-columns: 1.45fr .85fr; gap: 16px; align-items: start; }
.order-side .btn-ink { width: 100%; margin-bottom: 12px; }
.order-side .status-lead { margin: 0 0 8px; }
.order-addr { white-space: pre-wrap; margin: 0; font-size: 13px; }
.order-dl { margin: 0 0 12px; }
.order-dl > div { display: grid; grid-template-columns: 72px 1fr; gap: 8px; padding: 4px 0; font-size: 13px; }
.order-dl dt { color: var(--vx-muted); margin: 0; }
.order-dl dd { margin: 0; }
.order-total-row td { background: #faf8f4; font-weight: 600; }
.order-file-foot { margin-top: 4px; }
.thumb-empty { display: block; width: 48px; height: 48px; background: #f3efe6; border-radius: 4px; }
@media (max-width: 1100px) {
  .order-kpis, .order-meta, .order-pipe { grid-template-columns: repeat(2, 1fr); }
  .order-layout { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .order-kpis, .order-meta, .order-pipe { grid-template-columns: 1fr; }
}