:root{
  --bg:#eef2f3;--panel:#fff;--ink:#1b242c;--muted:#667582;--line:#d5dee5;
  --teal:#006b5f;--teal2:#00534c;--teal3:#004942;--orange:#f28c28;--green:#73f000;
  --yellow:#fff800;--dark:#2d3438;--red:#d23232;--blue:#0c8fd1;--soft:#f7fafc;
  --shadow:0 8px 22px rgba(18,40,52,.10);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:12px}
button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.page{min-height:100vh;display:flex;flex-direction:column}
.identity-header{height:104px;background:#fff;display:grid;grid-template-columns:310px minmax(0,1fr) 410px;align-items:center;gap:16px;padding:14px 22px 12px 22px;border-bottom:1px solid #dfe7ed}
.logo-area{display:flex;align-items:center;gap:14px;min-width:0}.logo-mark{width:68px;height:58px;border-radius:14px;background:linear-gradient(135deg,#ff9a22,#ef6d22);display:grid;place-items:center;color:#fff;font-weight:950;font-size:20px;letter-spacing:-.06em;box-shadow:0 8px 20px rgba(242,140,40,.25)}
.logo-title{font-size:30px;line-height:1;font-weight:950;color:#00816f;letter-spacing:-.05em}.logo-subtitle{margin-top:5px;color:#6b7a86;font-weight:700}
.customer-identity{text-align:center;min-width:0}.customer-identity strong{font-size:17px;color:#222;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-identity span{display:inline-block;margin-top:8px;background:#3daa28;color:#fff;border-radius:999px;padding:5px 16px;font-weight:900}
.right-widgets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cart-widget,.rep-widget{height:70px;border:1px solid #dfe7ed;background:#f7f9fb;display:flex;flex-direction:column;align-items:center;justify-content:center}.cart-widget span,.rep-widget span{font-size:13px;color:#555}.cart-widget strong,.rep-widget strong{font-size:16px;margin-top:2px}.cart-widget small,.rep-widget small{color:#777;margin-top:2px}
.tile-menu{height:78px;background:var(--teal);display:grid;grid-template-columns:repeat(12,minmax(90px,1fr)) 76px;border-bottom:1px solid #00433d;overflow:hidden}
.tile{border:0;border-right:1px solid rgba(255,255,255,.13);background:var(--teal);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:900;min-width:0}.tile span{font-size:24px;line-height:1}.tile b{font-size:12px;white-space:nowrap}.tile.active,.tile.active2{background:#00776a}.tile.campaign-tile{background:#027367}.tile.disabled{opacity:.88}.tile:hover{background:#078071}
.currency-box{background:#f28c28;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:950;gap:8px}
.content-wrap{padding:9px 12px 0;flex:1;min-height:0}.search-board{background:#fff;border:1px solid #d7e0e7;box-shadow:var(--shadow);margin-bottom:8px}
.board-title{height:32px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #e1e8ee;background:#fbfcfd}.board-title strong{font-size:15px}.board-title em{margin-left:auto;color:#667582;font-style:normal}.section-icon{color:#445}
.board-grid{display:grid;grid-template-columns:540px minmax(360px,1fr) 470px;gap:14px;padding:8px 10px}
.filter-matrix{display:grid;grid-template-columns:170px 1fr;align-content:start;border:1px solid #dce5eb}
.filter-row{display:contents}.filter-row label{background:#254d36;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);padding:8px 10px;text-align:right;font-weight:900}.filter-row select{border:0;border-bottom:1px solid #dce5eb;height:32px;padding:0 10px;background:#fff;outline:0}.operations-row label{background:#254d36}.operation-buttons{height:32px;border-bottom:1px solid #dce5eb;display:grid;grid-template-columns:1fr 1fr}.operation-buttons button{border:0;border-right:1px solid #dce5eb;background:#f9fbfc;font-weight:900;color:#165e92}
.search-center{display:flex;flex-direction:column;gap:8px}.flag-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dce5eb}.flag{height:31px;display:flex;align-items:center;gap:7px;padding:0 10px;font-weight:800;border-right:1px solid rgba(0,0,0,.08)}.flag.campaign{background:var(--yellow)}.flag.new{background:#ff9b24}.flag.stock{background:#29abe2;color:#fff}.flag.super{background:#d7d7d7;color:#333}
.general-search{display:grid;grid-template-columns:minmax(0,1fr) 170px;height:36px}.general-search input{border:1px solid #cfdbe4;padding:0 12px;outline:0}.general-search input:focus{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.general-search button{border:0;background:var(--orange);font-weight:950;color:#1a1d21}
.catalog-status{height:26px;background:#252b2f;color:#fff;display:grid;grid-template-columns:90px 1fr;align-items:center}.catalog-status span{text-align:center;color:#dedede}.catalog-status strong{font-weight:800;color:#fff}
.promo-banner{background:linear-gradient(135deg,#f9efe3,#fff7ed 45%,#eaf4ee);border:1px solid #ead9bd;min-height:108px;display:flex;align-items:center;padding:16px;position:relative;overflow:hidden}.promo-banner:after{content:"";position:absolute;right:-30px;top:-35px;width:190px;height:190px;border-radius:50%;background:rgba(0,107,95,.13)}.promo-banner b{display:block;color:#8b4b00;font-size:15px}.promo-banner strong{display:block;font-size:25px;letter-spacing:-.04em;margin-top:3px}.promo-banner span{display:block;color:#6b5d4f;margin-top:6px;font-weight:700}
.summary-strip{height:40px;background:#fff;border:1px solid #d7e0e7;display:grid;grid-template-columns:120px 120px 140px 120px minmax(190px,240px);align-items:center;margin-bottom:8px;box-shadow:var(--shadow)}.summary-strip div{border-right:1px solid #e4ebf0;padding:0 12px}.summary-strip span{display:block;color:#697986;font-size:10px}.summary-strip strong{font-size:15px}.sort-cell{border-right:0!important;justify-self:end;width:240px}.sort-cell select{width:100%;height:30px;border:1px solid #ccd7df;background:#fff;border-radius:4px;padding:0 8px}
.loading-box,.error-box{background:#fff;border:1px solid #d7e0e7;padding:10px;margin-bottom:8px}.error-box{background:#fff5f5;border-color:#ffd4d4;color:#9a2222}
.grid-panel{background:#fff;border:1px solid #cfd9e1;box-shadow:var(--shadow)}.table-scroll{height:calc(100vh - 332px);min-height:370px;overflow:auto}
.sales-grid{width:100%;min-width:1450px;border-collapse:collapse}.sales-grid th{position:sticky;top:0;z-index:2;background:#30383d;color:#fff;border-right:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:900;padding:7px 6px;text-align:left}.sales-grid th.flag-col,.sales-grid th.qty-col,.sales-grid th.cart-col,.sales-grid th.info-col{text-align:center}
.sales-grid td{border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(0,0,0,.08);padding:5px 6px;height:28px;vertical-align:middle;font-size:12px}.sales-grid tbody tr{background:var(--green)}.sales-grid tbody tr:nth-child(even){background:#80f20d}.sales-grid tbody tr.campaign-row{background:var(--yellow)}.sales-grid tbody tr.zero-price{background:#f2f2f2}.sales-grid tbody tr:hover{filter:brightness(.96)}
.flag-col{width:32px}.qty-col{width:58px}.cart-col{width:40px}.info-col{width:34px}.code-col{width:118px}.unit-col{width:72px}.brand-col{width:120px}.oem-col{width:120px}.price-col{width:98px}.disc-col{width:56px}.net-col{width:100px}.campaign-col{width:122px}.action-col{width:85px}
.led{width:13px;height:13px;border-radius:50%;display:inline-block;background:#2aad2a;box-shadow:inset 0 -2px 2px rgba(0,0,0,.2)}.led.red{background:#e12626}.qty-input{width:42px;height:22px;border:1px solid #b5c2ca;border-radius:3px;text-align:center;background:#fff}.mini-cart{border:0;background:transparent;font-size:18px;line-height:1;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15));opacity:.65;cursor:not-allowed}.info-dot{width:21px;height:21px;border-radius:50%;background:#f28c28;color:#fff;display:inline-grid;place-items:center;font-weight:950}.code-text{font-weight:950;color:#0b2d34}.name-text{font-weight:900;color:#0c1d22}.sub-text{color:#35434a;font-size:10px;margin-top:1px}.num{text-align:right;font-weight:850}.unit{text-align:center;font-weight:850}.muted{color:#44545e}.action-btn{border:0;background:#113d37;color:#fff;border-radius:3px;padding:4px 8px;font-weight:900}.detail-btn{border:0;background:#eaf1f5;color:#122a35;border-radius:3px;padding:4px 7px;font-weight:900}
.product-grid{background:#fff;border:1px solid #d7e0e7;padding:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.product-card{border:1px solid #ccd8e1;background:#fff;border-radius:8px;padding:11px;display:flex;flex-direction:column;gap:8px;min-height:200px}.card-image{height:72px;background:linear-gradient(135deg,#edf3f7,#fff);display:grid;place-items:center;color:#8da0b2;font-weight:900}.card-title{font-weight:950;line-height:1.25}.card-meta{color:var(--muted)}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:end}
.badge{display:inline-flex;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:950}.badge.stock-ok{background:#0d7d3b;color:#fff}.badge.stock-low{background:#ad7a00;color:#fff}.badge.stock-none{background:#d64545;color:#fff}.badge.campaign{background:#f28c28;color:#fff}.badge.featured{background:#0c8fd1;color:#fff}.badges{display:flex;gap:4px;flex-wrap:wrap}
.pager{display:flex;justify-content:center;align-items:center;gap:12px;padding:9px}.pager-btn{border:0;background:#e4ebf0;border-radius:5px;padding:7px 12px;font-weight:900}.pager-btn:disabled{opacity:.45;cursor:not-allowed}.footer-line{text-align:center;color:#667582;font-size:11px;padding:5px 0 10px}
.drawer{position:fixed;inset:0;z-index:50}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}.drawer-panel{position:absolute;right:0;top:0;width:min(620px,100%);height:100%;background:#fff;box-shadow:-22px 0 65px rgba(0,0,0,.25);overflow:auto;padding:20px}.drawer-close{position:sticky;top:0;display:block;margin-left:auto;width:38px;height:38px;border:0;border-radius:6px;background:#eaf1f5;font-size:24px}.detail-code{font-weight:950;color:#006b5f}.detail-title{font-size:22px;line-height:1.15;margin:8px 0 10px}.detail-section{margin-top:14px;border:1px solid #d7e0e7}.detail-section h3{margin:0;background:#f1f6f8;padding:10px 12px;font-size:14px}.detail-list{padding:12px;display:grid;gap:9px}.kv{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #d7e0e7;padding-bottom:8px}.kv:last-child{border-bottom:0;padding-bottom:0}.kv span{color:#667582}.kv strong{text-align:right}
@media(max-width:1300px){.identity-header{grid-template-columns:270px minmax(0,1fr) 310px}.rep-widget{display:none}.right-widgets{grid-template-columns:1fr}.board-grid{grid-template-columns:430px minmax(360px,1fr)}.promo-banner{display:none}.tile-menu{grid-template-columns:repeat(8,minmax(90px,1fr)) 76px;overflow:auto}.tile:nth-of-type(n+9){display:none}}
@media(max-width:900px){.identity-header{height:auto;grid-template-columns:1fr}.customer-identity{text-align:left}.tile-menu{height:auto;display:flex;overflow:auto}.tile{min-width:92px;height:64px}.content-wrap{padding:8px}.board-grid{grid-template-columns:1fr}.summary-strip{height:auto;grid-template-columns:repeat(2,1fr);gap:0}.sort-cell{width:100%;justify-self:stretch}.table-scroll{height:auto;max-height:70vh}.product-grid{grid-template-columns:1fr}}



/* MVP1.1 discount display + UI polish */
.sales-grid th {
  background: linear-gradient(180deg, #263238, #1f292e);
}

.sales-grid tbody tr {
  transition: filter .12s ease, transform .12s ease;
}

.sales-grid tbody tr:hover {
  filter: brightness(.98);
}

.discount-stack {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  flex-wrap: wrap;
}

.discount-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 19px;
  padding: 0 6px;
  border-radius: 999px;
  background: #0b6b5f;
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.14);
}

.discount-pill.second {
  background: #f28c28;
  color: #1b2128;
}

.discount-pill.third {
  background: #2563eb;
}

.discount-pill.empty {
  background: rgba(0,0,0,.10);
  color: #334;
  box-shadow: none;
}

.sales-grid tbody tr.campaign-row .discount-pill {
  background: #30383d;
  color: #fff;
}

.sales-grid tbody tr.zero-price .discount-pill {
  background: #adb5bd;
  color: #fff;
}

.identity-header {
  box-shadow: 0 4px 18px rgba(8, 43, 53, .08);
}

.logo-mark {
  position: relative;
  overflow: hidden;
}

.logo-mark:after {
  content: "";
  position: absolute;
  inset: -20px;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.35), transparent 70%);
  transform: translateX(-55px);
}

.logo-area:hover .logo-mark:after {
  transform: translateX(55px);
  transition: transform .55s ease;
}

.tile-menu {
  box-shadow: 0 8px 20px rgba(0, 83, 76, .15);
}

.tile {
  transition: background .15s ease, transform .15s ease;
}

.tile:hover {
  transform: translateY(-1px);
}

.general-search input {
  font-weight: 700;
}

.general-search input::placeholder {
  color: #7b8b95;
  font-weight: 600;
}

.detail-discount-list {
  display: grid;
  gap: 8px;
}

.detail-discount-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px dashed #d7e0e7;
  padding-bottom: 8px;
}

.detail-discount-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.detail-discount-row span {
  color: #667582;
}

.detail-discount-row strong {
  text-align: right;
}


/* MVP1.2 opening search required */
.empty-search-state td {
  background: #f7fafc !important;
  color: #52616d;
  text-align: center;
  font-weight: 850;
  padding: 22px 10px !important;
}

.search-required-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff7e8;
  border: 1px solid #ffd99c;
  color: #7a4300;
  border-radius: 999px;
  padding: 6px 11px;
  font-weight: 900;
}



/* MVP5 depot + discount trace polish */
.led.other-depot {
  background: #b7c3cb;
  box-shadow: none;
  opacity: .55;
}

.led.other-depot.active {
  background: #2aad2a;
  box-shadow: inset 0 -2px 2px rgba(0,0,0,.2);
  opacity: 1;
}

.discount-stack {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  flex-wrap: wrap;
}

.discount-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 19px;
  padding: 0 6px;
  border-radius: 999px;
  background: #0b6b5f;
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.14);
}

.discount-pill.second {
  background: #f28c28;
  color: #1b2128;
}

.discount-pill.third {
  background: #2563eb;
}

.discount-pill.empty {
  background: rgba(0,0,0,.10);
  color: #334;
  box-shadow: none;
}

.stock-depot-hint {
  color: #334;
  font-size: 10px;
  font-weight: 800;
}

.sales-grid th {
  background: linear-gradient(180deg, #263238, #1f292e);
}

.sales-grid td {
  font-size: 12px;
}

.sales-grid tbody tr {
  transition: filter .12s ease;
}

.sales-grid tbody tr:hover {
  filter: brightness(.97);
}

.name-text {
  letter-spacing: .01em;
}

.detail-btn {
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.08);
}

.general-search input {
  font-weight: 750;
}



/* MVP6 Zafer style grid tuning */
.grid-panel {
  border-color: #bfcbd4;
  box-shadow: 0 6px 18px rgba(8, 43, 53, .10);
}

.table-scroll {
  background: #7df000;
}

.sales-grid {
  border-collapse: separate;
  border-spacing: 0;
}

.sales-grid th {
  background: #2d3438 !important;
  color: #fff;
  height: 30px;
  padding: 6px 6px;
  border-right: 1px solid rgba(255,255,255,.16);
  border-bottom: 2px solid #20282c;
  font-size: 11px;
}

.sales-grid td {
  height: 27px;
  padding: 4px 6px;
  border-right: 1px solid rgba(255,255,255,.25);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.sales-grid tbody tr {
  background: #7df000;
}

.sales-grid tbody tr:nth-child(even) {
  background: #83f40b;
}

.sales-grid tbody tr:hover {
  background: #f8ff00 !important;
  filter: none !important;
}

.sales-grid tbody tr.campaign-row {
  background: #f8ff00;
}

.sales-grid tbody tr.zero-price {
  background: #eeeeee;
}

.name-text {
  font-size: 12px;
  font-weight: 950;
  color: #102027;
}

.sub-text {
  display: flex;
  gap: 8px;
  align-items: center;
  color: rgba(16,32,39,.68);
  font-size: 10px;
}

.group-chip {
  display: inline-flex;
  align-items: center;
  height: 15px;
  padding: 0 5px;
  border-radius: 4px;
  background: rgba(0,0,0,.13);
  color: #20313a;
  font-size: 9px;
  font-weight: 900;
}

.led {
  width: 12px;
  height: 12px;
}

.depot-label {
  display: block;
  margin-top: 1px;
  font-size: 8px;
  color: rgba(0,0,0,.52);
  font-weight: 900;
}

.led.other-depot {
  background: #afbdc5;
  box-shadow: none;
  opacity: .70;
}

.qty-input {
  height: 22px;
  width: 42px;
  font-size: 11px;
}

.mini-cart {
  opacity: .9;
  color: #0b6b5f;
}

.info-dot {
  width: 19px;
  height: 19px;
  font-size: 11px;
  background: #f28c28;
}

.detail-btn {
  height: 21px;
  min-width: 48px;
  padding: 0 7px;
  font-size: 11px;
  background: #e9eef2;
  border: 1px solid #cbd6de;
  color: #102027;
}

.discount-stack {
  justify-content: center;
}

.discount-pill {
  height: 18px;
  min-width: 29px;
  font-size: 10px;
  border-radius: 4px;
  box-shadow: none;
}

.discount-pill.second {
  background: #ffb033;
  color: #111;
}

.discount-pill.empty {
  background: rgba(255,255,255,.35);
  color: rgba(0,0,0,.50);
}

.filter-matrix label {
  background: #254d36;
}

.operation-buttons button {
  background: #fff;
}

.general-search {
  height: 34px;
}

.general-search button {
  letter-spacing: .02em;
}

.catalog-status {
  height: 25px;
}

.summary-strip {
  box-shadow: 0 4px 12px rgba(8, 43, 53, .08);
}

/* MVP7 - Empty grid area fix
   Yeşil renk sadece satırlarda kalır, tablonun boş alt alanı beyaz görünür. */

.grid-panel {
  background: #ffffff !important;
}

.table-scroll {
  background: #ffffff !important;
}

.sales-grid {
  background: #ffffff !important;
}

.sales-grid tbody {
  background: #ffffff !important;
}

/* Ürün satırları yeşil kalır */
.sales-grid tbody tr:not(.no-data-row):not(.empty-row):not(.message-row) {
  background: #7df000;
}

.sales-grid tbody tr:not(.no-data-row):not(.empty-row):not(.message-row):nth-child(even) {
  background: #83f40b;
}

.sales-grid tbody tr.campaign-row {
  background: #f8ff00 !important;
}

.sales-grid tbody tr.zero-price {
  background: #eeeeee !important;
}

/* Boş / bilgi satırı varsa yeşil olmasın */
.sales-grid tbody tr.no-data-row,
.sales-grid tbody tr.empty-row,
.sales-grid tbody tr.message-row {
  background: #ffffff !important;
}

.sales-grid tbody tr.no-data-row td,
.sales-grid tbody tr.empty-row td,
.sales-grid tbody tr.message-row td {
  background: #ffffff !important;
  color: #5f6f7b;
  text-align: center;
  font-weight: 800;
  padding: 22px 10px;
  border-bottom: 1px solid #e5edf3;
}

/* JS mesajı td içine normal satır olarak basıyorsa onu da temiz göster */
.sales-grid tbody td[colspan] {
  background: #ffffff !important;
  color: #5f6f7b;
  text-align: center;
  font-weight: 800;
  padding: 22px 10px;
}

/* Satır yokken büyük yeşil blok görünmesin */
.table-scroll:has(.sales-grid tbody:empty) {
  background: #ffffff !important;
}

/* CART MVP2 - Sepet çekmecesi / liste / güncelleme */
.cart-widget {
  cursor: pointer;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

.cart-widget:hover {
  transform: translateY(-1px);
  border-color: #f28c28;
  box-shadow: 0 10px 22px rgba(242, 140, 40, .14);
}

.cart-widget.has-items {
  background: #fff8ed;
  border-color: #f6c078;
}

.cart-widget.has-items strong {
  color: #8b4b00;
}

.tile-cart-active {
  background: #057a6d !important;
}

.cart-drawer {
  position: fixed;
  inset: 0;
  z-index: 120;
}

.cart-drawer.hidden {
  display: none !important;
}

.cart-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(9, 27, 34, .46);
}

.cart-drawer-panel {
  position: absolute;
  right: 0;
  top: 0;
  width: min(760px, 100%);
  height: 100%;
  background: #fff;
  box-shadow: -22px 0 70px rgba(0,0,0,.24);
  display: flex;
  flex-direction: column;
}

.cart-drawer-head {
  min-height: 76px;
  padding: 16px 18px;
  border-bottom: 1px solid #dce5eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: linear-gradient(180deg,#ffffff,#f7fafc);
}

.cart-drawer-head h2 {
  margin: 0;
  font-size: 22px;
  color: #102027;
  letter-spacing: -.03em;
}

.cart-drawer-head span {
  display: block;
  color: #667582;
  margin-top: 3px;
  font-weight: 700;
}

.cart-drawer-close {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 10px;
  background: #eaf1f5;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
}

.cart-drawer-body {
  flex: 1;
  overflow: auto;
  padding: 12px;
  background: #f5f8fa;
}

.cart-empty {
  height: 100%;
  display: grid;
  place-items: center;
  text-align: center;
  color: #667582;
  font-weight: 800;
}

.cart-empty strong {
  display: block;
  color: #102027;
  font-size: 18px;
  margin-bottom: 6px;
}

.cart-lines {
  display: grid;
  gap: 8px;
}

.cart-line {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 82px 110px 82px;
  gap: 10px;
  align-items: center;
  box-shadow: 0 4px 14px rgba(18,40,52,.05);
}

.cart-line-code {
  color: #006b5f;
  font-weight: 950;
  margin-bottom: 2px;
}

.cart-line-name {
  color: #102027;
  font-weight: 850;
  line-height: 1.25;
}

.cart-line-meta {
  color: #667582;
  font-size: 11px;
  margin-top: 3px;
}

.cart-line-qty-wrap label,
.cart-line-total label {
  display: block;
  color: #667582;
  font-size: 10px;
  font-weight: 900;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.cart-line-qty {
  width: 100%;
  height: 32px;
  border: 1px solid #cbd6de;
  border-radius: 7px;
  text-align: center;
  font-weight: 900;
}

.cart-line-total strong {
  display: block;
  text-align: right;
  font-size: 14px;
  color: #102027;
}

.cart-line-total span {
  display: block;
  text-align: right;
  color: #667582;
  font-size: 10px;
  margin-top: 2px;
}

.cart-line-actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.cart-line-btn {
  border: 0;
  border-radius: 7px;
  height: 30px;
  padding: 0 8px;
  font-weight: 900;
  font-size: 11px;
}

.cart-line-remove {
  background: #ffe8e8;
  color: #a61d1d;
}

.cart-line-update {
  background: #e8f7ee;
  color: #13743e;
}

.cart-drawer-foot {
  border-top: 1px solid #dce5eb;
  padding: 12px 16px;
  background: #fff;
}

.cart-total-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
  margin-bottom: 12px;
}

.cart-total-cell {
  border: 1px solid #dce5eb;
  background: #f7fafc;
  border-radius: 9px;
  padding: 9px 10px;
}

.cart-total-cell span {
  display: block;
  color: #667582;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.cart-total-cell strong {
  display: block;
  margin-top: 3px;
  color: #102027;
  font-size: 16px;
}

.cart-footer-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.cart-footer-btn {
  border: 0;
  border-radius: 9px;
  height: 36px;
  padding: 0 13px;
  font-weight: 950;
}

.cart-footer-btn.clear {
  background: #fff0f0;
  color: #a61d1d;
}

.cart-footer-btn.order {
  background: #f28c28;
  color: #1b2128;
}

.cart-footer-btn.order:disabled {
  opacity: .55;
  cursor: not-allowed;
}

@media(max-width:720px){
  .cart-line {
    grid-template-columns: 1fr;
  }
  .cart-line-total strong,
  .cart-line-total span {
    text-align: left;
  }
  .cart-line-actions {
    justify-content: flex-start;
  }
  .cart-total-grid {
    grid-template-columns: 1fr;
  }
}



/* MVP3 Full Cart Page */
.cart-page {
  background: #fff;
  border: 1px solid #cfd9e1;
  box-shadow: 0 8px 22px rgba(18,40,52,.10);
  margin-bottom: 8px;
}

.cart-page-head {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border-bottom: 1px solid #d9e2ea;
  background: #fbfcfd;
}

.cart-page-head strong {
  font-size: 15px;
  color: #1b242c;
}

.cart-page-head span {
  margin-left: auto;
  color: #667582;
  font-weight: 800;
  font-size: 11px;
}

.cart-info-box {
  margin: 8px;
  border: 1px solid #8fc4c1;
  background: #f8fffe;
  color: #255c5a;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  font-weight: 850;
}

.cart-info-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #8fc4ff;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 950;
  font-size: 18px;
}

.cart-action-top {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 8px 8px;
}

.cart-top-btn {
  border: 0;
  height: 27px;
  padding: 0 11px;
  font-weight: 900;
  font-size: 11px;
  color: #fff;
  background: #f28c28;
}

.cart-top-btn.green {
  background: #43a047;
}

.cart-top-btn.red {
  background: #d84343;
}

.cart-table-wrap {
  overflow: auto;
  margin: 0 8px;
  border: 1px solid #cfd9e1;
}

.cart-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
  background: #fff;
}

.cart-table th {
  height: 29px;
  background: #30383d;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  padding: 6px 7px;
  border-right: 1px solid rgba(255,255,255,.15);
  text-align: left;
}

.cart-table th.center,
.cart-table td.center {
  text-align: center;
}

.cart-table th.num,
.cart-table td.num {
  text-align: right;
}

.cart-table td {
  height: 30px;
  padding: 5px 7px;
  border-right: 1px solid #e4ebf0;
  border-bottom: 1px solid #e4ebf0;
  vertical-align: middle;
  font-size: 12px;
}

.cart-table tbody tr:nth-child(odd) {
  background: #f8fbf7;
}

.cart-table tbody tr:nth-child(even) {
  background: #eef8ea;
}

.cart-table tbody tr:hover {
  background: #fff8d9;
}

.cart-code {
  font-weight: 950;
  color: #006b5f;
}

.cart-name {
  font-weight: 850;
  color: #102027;
  line-height: 1.22;
}

.cart-meta {
  margin-top: 2px;
  color: #667582;
  font-size: 10px;
  font-weight: 700;
}

.cart-qty-input {
  width: 48px;
  height: 23px;
  border: 1px solid #b8c6cf;
  border-radius: 3px;
  text-align: center;
  background: #fff;
  font-weight: 800;
}

.cart-row-btn {
  height: 23px;
  border: 0;
  border-radius: 3px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 900;
}

.cart-row-btn.update {
  background: #e5f6ec;
  color: #13743e;
}

.cart-row-btn.remove {
  background: #ffe8e8;
  color: #a61d1d;
}

.cart-warn-line {
  margin: 8px;
  min-height: 31px;
  background: #fff2b9;
  border: 1px solid #e7ca66;
  color: #7b5400;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  font-weight: 850;
}

.cart-bottom-grid {
  display: grid;
  grid-template-columns: 1.05fr 1.35fr .85fr 135px;
  gap: 8px;
  padding: 0 8px 8px;
}

.cart-box {
  border: 1px solid #d9e2ea;
  background: #fff;
}

.cart-box-title {
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbfcfd;
  border-bottom: 1px solid #e4ebf0;
  font-weight: 950;
}

.cart-box-body {
  padding: 8px;
}

.cart-shipping-select {
  width: 100%;
  height: 30px;
  border: 1px solid #cbd6de;
  background: #fff;
  padding: 0 8px;
}

.cart-note {
  width: 100%;
  min-height: 95px;
  resize: vertical;
  border: 1px solid #cbd6de;
  padding: 8px;
  outline: 0;
}

.cart-note:focus,
.cart-shipping-select:focus {
  border-color: #f28c28;
  box-shadow: inset 0 0 0 1px #f28c28;
}

.cart-note-foot {
  color: #667582;
  font-size: 11px;
  margin-top: 5px;
}

.cart-total-list {
  display: grid;
  gap: 5px;
}

.cart-total-row {
  display: grid;
  grid-template-columns: 1fr 140px;
  gap: 8px;
  align-items: center;
}

.cart-total-row span {
  font-weight: 800;
  color: #33434c;
}

.cart-total-row strong {
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #d9e2ea;
  background: #fff;
  padding: 0 8px;
  font-weight: 950;
}

.cart-total-row.grand strong {
  background: #f6fff5;
  border-color: #bde3b7;
  color: #0f6b38;
}

.cart-send-btn {
  width: 100%;
  height: 118px;
  border: 0;
  background: #f28c28;
  color: #fff;
  font-weight: 950;
  font-size: 15px;
}

.cart-send-btn:disabled {
  opacity: .75;
  cursor: not-allowed;
}

.cart-back-link {
  border: 0;
  background: #e8eef2;
  color: #20313a;
  height: 27px;
  padding: 0 12px;
  font-weight: 900;
}

.cart-empty-full {
  margin: 0 8px 8px;
  border: 1px dashed #cfd9e1;
  background: #fbfcfd;
  min-height: 150px;
  display: grid;
  place-items: center;
  text-align: center;
  color: #667582;
  font-weight: 850;
}

.cart-empty-full strong {
  display: block;
  color: #102027;
  font-size: 18px;
  margin-bottom: 5px;
}

.tile-cart-active {
  opacity: 1 !important;
}

.cart-widget {
  cursor: pointer;
}

@media(max-width:1000px) {
  .cart-bottom-grid {
    grid-template-columns: 1fr;
  }

  .cart-send-btn {
    height: 54px;
  }

  .cart-page-head {
    height: auto;
    min-height: 34px;
    flex-wrap: wrap;
    padding: 8px 10px;
  }

  .cart-page-head span {
    margin-left: 0;
    width: 100%;
  }
}


/* Delivery Methods MVP1 */
.cart-delivery-required {
  border-color: #d23232 !important;
  box-shadow: 0 0 0 2px rgba(210, 50, 50, .12) !important;
}

.cart-delivery-loading {
  color: #667582;
  font-size: 11px;
  margin-top: 8px;
  font-weight: 800;
}

.cart-delivery-hint {
  color: #667582;
  font-size: 11px;
  margin-top: 10px;
  line-height: 1.35;
}

.cart-box-title.required-title:after {
  content: " *";
  color: #d23232;
}

.cart-send-btn.ready {
  background: #1b8d4b;
}

.cart-send-btn.needs-delivery {
  background: #f28c28;
}


/* Order MVP1 */
.order-success-box {
  margin: 8px;
  border: 1px solid #9ed6b2;
  background: #f1fff5;
  color: #0f6b38;
  padding: 10px 12px;
  font-weight: 850;
}

.order-success-box strong {
  font-size: 16px;
}

.cart-send-btn.sending {
  opacity: .8;
  cursor: wait;
}

/* B2B_WEB_CART_ADD_FEEDBACK_CURSOR_FIX
   Sepete ekle butonu aktifken yasak imleci göstermesin.
   Toast mesajı ekranda görünür olsun. */
.mini-cart,
.btn-cart-add {
  cursor: pointer !important;
  opacity: .95;
}

.btn-cart-add:disabled,
.btn-cart-add.loading {
  cursor: wait !important;
  opacity: .55;
}

.b2b-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 10000;
  min-width: 260px;
  max-width: 460px;
  background: #0b6b5f;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
  padding: 12px 14px;
  font-weight: 800;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.b2b-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.b2b-toast.error {
  background: #b42318;
}

/* ==========================================================
   Premium Theme / Stock Status MVP1
   - Ürün satırında miktar yerine VAR / SINIRLI / TEDARİK / YOK etiketi
   - TEDARİK ürünler sepete eklenebilir; YOK ürünlerde buton pasif
   ========================================================== */
.stock-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .02em;
  white-space: nowrap;
  border: 1px solid transparent;
}

.stock-status-pill.stock-ok {
  color: #047857;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.stock-status-pill.stock-low {
  color: #a16207;
  background: #fefce8;
  border-color: #fde68a;
}

.stock-status-pill.stock-supply {
  color: #0369a1;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.stock-status-pill.stock-none {
  color: #b91c1c;
  background: #fef2f2;
  border-color: #fecaca;
}

.led.warn {
  background: #f59e0b !important;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, .14);
}

tr.stock-yok {
  opacity: .78;
}

tr.stock-yok .name-text,
tr.stock-yok .code-text {
  color: #64748b;
}

.btn-cart-add:disabled,
.qty-input:disabled {
  opacity: .55;
  cursor: not-allowed !important;
  filter: grayscale(.35);
}

.btn-cart-add:not(:disabled) {
  cursor: pointer !important;
}

.badges .stock-status-pill {
  margin-right: 4px;
}


/* B2B_PREMIUM_ADMIN_STOCK_RULES_MVP2 - Stok aksiyon modalı */
.stock-action-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(6px);
}

.stock-action-modal {
  width: min(520px, 100%);
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid rgba(15, 118, 110, .16);
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
  color: #0f172a;
}

.stock-action-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  color: #92400e;
  font-weight: 900;
  font-size: 28px;
}

.stock-action-content h3 {
  margin: 0 0 8px;
  font-size: 20px;
  letter-spacing: -.02em;
}

.stock-action-content p {
  margin: 0 0 8px;
  color: #334155;
  line-height: 1.45;
}

.stock-action-muted {
  color: #64748b !important;
  font-size: 13px;
}

.stock-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.stock-action-btn {
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.stock-action-btn:hover {
  transform: translateY(-1px);
}

.stock-action-btn.primary {
  background: #047857;
  color: #fff;
  box-shadow: 0 10px 24px rgba(4, 120, 87, .22);
}

.stock-action-btn.secondary {
  background: #ecfeff;
  color: #0f766e;
  border: 1px solid rgba(15, 118, 110, .18);
}

.stock-action-btn.ghost {
  background: #f8fafc;
  color: #475569;
  border: 1px solid #e2e8f0;
}

.stock-yok .mini-cart:not(:disabled) {
  color: #92400e;
  background: #fffbeb;
  border-color: #fde68a;
}

/* ==========================================================================
   B2B_PREMIUM_ADMIN_STOCK_RULES_MVP3
   Premium Light Theme v1 - hedef görsele yaklaşma düzeltmeleri
   ========================================================================== */
:root {
  --bg: #f5f7f8;
  --panel: #ffffff;
  --ink: #111827;
  --muted: #64748b;
  --line: #e2e8f0;
  --teal: #006b5f;
  --teal2: #0f766e;
  --teal3: #064e3b;
  --orange: #f59e0b;
  --green: #16a34a;
  --yellow: #fff8db;
  --soft: #f8fafc;
  --shadow: 0 14px 36px rgba(15, 23, 42, .07);
}

body {
  background: radial-gradient(circle at 15% -10%, rgba(15, 118, 110, .06), transparent 32%), #f6f8fa;
  color: var(--ink);
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  font-size: 12.5px;
  -webkit-font-smoothing: antialiased;
}

.identity-header {
  height: 98px;
  padding: 16px 24px 14px;
  grid-template-columns: 360px minmax(0,1fr) 500px;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(15, 23, 42, .07);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .04);
}

.logo-mark {
  width: 66px;
  height: 62px;
  border-radius: 16px;
  background: linear-gradient(135deg, #00806f, #004f47);
  color: #fff;
  font-size: 19px;
  letter-spacing: -.04em;
  box-shadow: 0 14px 30px rgba(0, 107, 95, .24);
}
.logo-mark.has-logo-image { background-color: #fff; box-shadow: none; border: 1px solid #e5eef0; }
.logo-title { color: #006b5f; font-size: 30px; letter-spacing: -.035em; }
.logo-subtitle { color: #64748b; font-weight: 650; }
.customer-identity strong { font-size: 17px; color: #111827; letter-spacing: .01em; }
.customer-identity span { background: #16a34a; padding: 5px 18px; box-shadow: 0 8px 16px rgba(22, 163, 74, .16); }

.right-widgets {
  grid-template-columns: 1fr 1.25fr 88px;
  gap: 12px;
}
.right-widgets::after {
  content: "🛒\A 0,00 TL⌄";
  white-space: pre;
  display: grid;
  place-items: center;
  height: 72px;
  border-radius: 10px;
  background: linear-gradient(135deg, #00766a, #004f47);
  color: #fff;
  font-weight: 900;
  line-height: 1.35;
  box-shadow: 0 12px 24px rgba(0, 107, 95, .22);
}
.cart-widget,
.rep-widget {
  height: 72px;
  border: 1px solid #e3e9ef;
  border-radius: 10px;
  background: #fbfdfe;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .035);
}
.cart-widget.has-items { background: #fff8ed; border-color: #fed7aa; }
.cart-widget strong,
.rep-widget strong { color: #0f172a; font-size: 15px; }
.cart-widget span,
.rep-widget span { color: #64748b; }

.tile-menu {
  height: 78px;
  background: linear-gradient(180deg, #006b5f, #00564f);
  grid-template-columns: repeat(12,minmax(94px,1fr)) 0px;
  border-bottom: 1px solid rgba(0, 67, 61, .9);
  box-shadow: 0 14px 32px rgba(0, 73, 66, .18);
}
.tile {
  background: transparent;
  border-right: 1px solid rgba(255,255,255,.10);
  gap: 7px;
  position: relative;
  transition: background .16s ease, transform .16s ease;
}
.tile span { font-size: 20px; opacity: .96; }
.tile b { font-size: 12px; font-weight: 800; }
.tile.active2::after,
.tile.active::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 3px;
  border-radius: 99px 99px 0 0;
  background: #5eead4;
}
.tile.active,
.tile.active2,
.tile.campaign-tile { background: rgba(255,255,255,.07); }
.tile:hover { background: rgba(255,255,255,.11); }
.currency-box { display:none; }

.content-wrap { padding: 16px 24px 0; }
.search-board,
.summary-strip,
.grid-panel,
.product-grid {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: rgba(255,255,255,.98);
  box-shadow: var(--shadow);
}
.search-board { overflow: hidden; margin-bottom: 14px; }
.board-title {
  height: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.board-grid {
  grid-template-columns: 500px minmax(420px,1fr) 470px;
  gap: 14px;
  padding: 14px;
  align-items: stretch;
}
.filter-matrix {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  grid-template-columns: 160px 1fr;
  box-shadow: 0 6px 18px rgba(15,23,42,.035);
}
.filter-row label {
  background: #fff;
  color: #334155;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  padding: 11px 14px;
  font-weight: 800;
}
.filter-row select {
  height: 39px;
  border-bottom: 1px solid #edf2f7;
  color: #1f2937;
  background: #fbfdfe;
}
.operation-buttons { height: 39px; background:#fbfdfe; }
.operation-buttons button {
  background: #fff;
  color: #006b5f;
  border-right: 1px solid #edf2f7;
}
.operation-buttons button:hover { background: #f0fdfa; }

.search-center { gap: 12px; }
.flag-row {
  border: 0;
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
}
.flag {
  border: 1px solid #e2e8f0 !important;
  border-radius: 9px;
  height: 40px;
  padding: 0 14px;
  color: #0f172a !important;
  background: #fff !important;
  box-shadow: 0 5px 12px rgba(15,23,42,.025);
}
.flag input { accent-color: #006b5f; }
.flag.campaign { background: #fffbe8 !important; border-color: #fde68a !important; }
.flag.new { background: #fff7ed !important; border-color: #fed7aa !important; }
.flag.stock { background: #ecfeff !important; border-color: #bae6fd !important; }
.flag.super { background: #f8fafc !important; }
.general-search { height: 44px; grid-template-columns: minmax(0,1fr) 96px; }
.general-search input {
  border: 1px solid #dbe5ea;
  border-radius: 10px 0 0 10px;
  background: #fff;
  padding: 0 16px;
}
.general-search button {
  background: #006b5f;
  color: #fff;
  border-radius: 0 10px 10px 0;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}
.catalog-status {
  height: 38px;
  border: 1px solid #e2e8f0;
  border-radius: 9px;
  background: #fbfdfe;
  color: #0f172a;
  grid-template-columns: 86px 1fr;
}
.catalog-status span { color: #64748b; }
.catalog-status strong { color: #0f172a; }
.promo-banner {
  border-radius: 14px;
  min-height: 150px;
  border-color: #d8eee9;
  background: linear-gradient(135deg, #f1fffb, #ffffff 60%, #e6f7f3);
  box-shadow: 0 8px 22px rgba(0,107,95,.055);
}
.promo-banner b { color: #00766a; font-size: 13px; letter-spacing: .02em; }
.promo-banner strong { color: #0f172a; font-size: 24px; }
.promo-banner span { color: #334155; font-weight: 650; line-height: 1.45; }
.promo-banner:after { background: rgba(0,107,95,.08); }

.summary-strip {
  height: 58px;
  grid-template-columns: 145px 145px 145px 145px minmax(220px,260px) minmax(0,1fr);
  align-items: center;
  padding: 0 12px;
  margin-bottom: 14px;
}
.summary-strip div { padding: 0 14px; border-right: 1px solid #edf2f7; }
.summary-strip span { font-size: 11px; color: #64748b; }
.summary-strip strong { font-size: 16px; color: #0f172a; }
.sort-cell { justify-self: start; width: 250px; }
.sort-cell select { height: 38px; border-radius: 9px; }

.grid-panel { overflow: hidden; }
.table-scroll { height: calc(100vh - 358px); min-height: 390px; }
.sales-grid { border-collapse: separate; border-spacing: 0; min-width: 1500px; }
.sales-grid th {
  background: linear-gradient(180deg, #006b5f, #00564f);
  color: #fff;
  height: 38px;
  padding: 8px 8px;
  border-right: 1px solid rgba(255,255,255,.10);
  font-size: 11.5px;
  letter-spacing: .01em;
}
.sales-grid td {
  background: transparent;
  height: 38px;
  padding: 7px 8px;
  border-right: 1px solid #edf2f7;
  border-bottom: 1px solid #edf2f7;
  font-size: 12px;
}
.sales-grid tbody tr { background: #fff; }
.sales-grid tbody tr:nth-child(even) { background: #fbfdfe; }
.sales-grid tbody tr.campaign-row { background: #fff8db; }
.sales-grid tbody tr.stock-var:not(.zero-price):not(.campaign-row),
.sales-grid tbody tr.stock-sinirli:not(.zero-price):not(.campaign-row) { background: #eefbdc; }
.sales-grid tbody tr.zero-price { background: #f7f8fa; }
.sales-grid tbody tr:hover { filter: none; background: #eefcf8 !important; }
.code-text { color: #0f5149; font-weight: 900; }
.name-text { color: #111827; font-weight: 900; letter-spacing: .01em; }
.sub-text { color: #64748b; font-weight: 600; }
.led { width: 10px; height: 10px; box-shadow: 0 0 0 3px rgba(22,163,74,.12); }
.led.red { box-shadow: 0 0 0 3px rgba(220,38,38,.10); }
.depot-label { margin-left: 5px; color: #64748b; font-weight: 900; font-size: 10px; }
.qty-input {
  width: 52px;
  height: 28px;
  border: 1px solid #d5dee6;
  border-radius: 7px;
  font-weight: 800;
}
.mini-cart,
.btn-cart-add:not(:disabled) {
  width: 30px;
  height: 28px;
  border: 1px solid #dbe5ea;
  border-radius: 8px;
  background: #fff;
  opacity: 1;
  cursor: pointer !important;
  display: inline-grid;
  place-items: center;
}
.btn-cart-add:disabled { cursor: not-allowed !important; }
.info-dot {
  width: 20px;
  height: 20px;
  background: #f59e0b;
  font-size: 11px;
}
.discount-stack { display: flex; gap: 3px; justify-content: flex-end; }
.discount-pill,
.discount-pill.empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 20px;
  border-radius: 6px;
  padding: 0 6px;
  background: #006b5f;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}
.discount-pill.empty { background: #cbd5e1; }
.stock-status-pill {
  border-radius: 7px;
  height: 22px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 900;
  border: 1px solid transparent;
}
.stock-status-pill.stock-ok { color:#047857; background:#ecfdf5; border-color:#bbf7d0; }
.stock-status-pill.stock-low { color:#92400e; background:#fffbeb; border-color:#fde68a; }
.stock-status-pill.stock-supply { color:#0369a1; background:#eff6ff; border-color:#bfdbfe; }
.stock-status-pill.stock-none { color:#b91c1c; background:#fef2f2; border-color:#fecaca; }
.detail-btn,
.action-btn {
  border-radius: 7px;
  border: 1px solid #b6d7d1;
  background: #fff;
  color: #006b5f;
  padding: 5px 10px;
  font-weight: 900;
}
.detail-btn:hover,
.action-btn:hover { background:#f0fdfa; }
.pager {
  padding: 14px;
  gap: 10px;
}
.pager-btn {
  background: #fff;
  border: 1px solid #dbe5ea;
  color: #0f766e;
  border-radius: 9px;
}
.footer-line { color:#94a3b8; padding: 12px 0 14px; }

.cart-page,
.cart-table-wrap,
.cart-bottom-grid .cart-box,
.cart-info-box {
  border-radius: 14px;
  box-shadow: var(--shadow);
}
.cart-send-btn { background: #f28c28; border-radius: 10px; }
.b2b-toast {
  border-radius: 14px;
  box-shadow: 0 18px 42px rgba(15,23,42,.18);
}

@media (max-width: 1400px) {
  .identity-header { grid-template-columns: 300px minmax(0,1fr) 420px; }
  .board-grid { grid-template-columns: 420px minmax(360px,1fr) 360px; }
}

/* MVP4 - Tek aktif menü ve sepet ekranı premium düzeltmesi */
.tile.active2 { background: transparent; }
.tile.active2::after { display: none; }
.tile.active::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 3px;
  border-radius: 99px 99px 0 0;
  background: #5eead4;
}
.tile.active {
  background: rgba(255,255,255,.10) !important;
}

.cart-page {
  border: 1px solid #dbe7e5;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .08);
  overflow: hidden;
}
.cart-page-head {
  height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fbfdfe;
  border-bottom: 1px solid #e5edf1;
}
.cart-page-head strong {
  color: #0f172a;
  font-size: 15px;
}
.cart-back-link {
  border: 1px solid #dbe7e5;
  background: #fff;
  color: #006b5f;
  border-radius: 10px;
  padding: 8px 12px;
  font-weight: 900;
}
#cartPageSub {
  margin-left: auto;
  color: #64748b;
  font-weight: 800;
}
.cart-info-box {
  border-radius: 16px;
  margin: 16px;
  border-color: #b8e3dc;
  background: linear-gradient(135deg, #f0fdfa, #ffffff);
}
.cart-action-top {
  padding: 12px 16px 0;
}
.cart-page table,
.cart-table,
.cart-grid {
  border-radius: 14px;
  overflow: hidden;
}
.cart-page th {
  background: linear-gradient(180deg, #0b5d55, #064e47) !important;
}

/* MVP5 - Plasiyer / Temsilci üst kartı ve cari seçme modalı */
.currency-box.sales-rep-card{
  min-width:132px;
  height:72px;
  padding:8px 12px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--teal),var(--teal2));
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:2px;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(0,107,95,.22);
}
.currency-box.sales-rep-card span{font-size:11px;opacity:.82;font-weight:700;line-height:1}
.currency-box.sales-rep-card strong{font-size:13px;line-height:1.15;font-weight:900;max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.currency-box.sales-rep-card small{font-size:10px;opacity:.85;line-height:1.1;max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.currency-box.sales-rep-card.needs-customer{background:linear-gradient(135deg,#f28c28,#d96b16)}
.currency-box.sales-rep-card:hover{filter:brightness(1.04);transform:translateY(-1px)}

.sales-rep-modal{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:24px}
.sales-rep-modal.hidden{display:none!important}
.sales-rep-modal-backdrop{position:absolute;inset:0;background:rgba(10,20,28,.48);backdrop-filter:blur(3px)}
.sales-rep-modal-card{position:relative;z-index:1;width:min(780px,96vw);max-height:86vh;background:#fff;border:1px solid #dce7ec;border-radius:18px;box-shadow:0 24px 80px rgba(10,30,45,.28);overflow:hidden;display:flex;flex-direction:column}
.sales-rep-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-bottom:1px solid #e7eef2;background:linear-gradient(180deg,#ffffff,#f8fbfc)}
.sales-rep-modal-head strong{display:block;font-size:20px;color:var(--teal);font-weight:950;letter-spacing:-.03em}
.sales-rep-modal-head span{display:block;margin-top:4px;color:#667582;font-weight:650}
.sales-rep-modal-head button{width:34px;height:34px;border:1px solid #d6e2e8;background:#fff;border-radius:10px;font-size:22px;color:#475569}
.sales-rep-modal.force-select .sales-rep-modal-head button{display:none}
.sales-rep-modal-search{display:grid;grid-template-columns:1fr 110px;gap:10px;padding:14px 18px;border-bottom:1px solid #edf2f5;background:#fbfdfe}
.sales-rep-modal-search input{height:40px;border:1px solid #ccd9e0;border-radius:10px;padding:0 12px;font-weight:700;outline:none}
.sales-rep-modal-search input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,107,95,.12)}
.sales-rep-modal-search button{border:0;border-radius:10px;background:var(--teal);color:#fff;font-weight:900}
.sales-rep-customer-list{padding:10px 12px;overflow:auto;display:grid;gap:8px}
.sales-rep-customer-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:'title balance' 'meta balance';gap:4px 14px;text-align:left;border:1px solid #e2ebf0;background:#fff;border-radius:12px;padding:12px 14px;color:#1b242c;box-shadow:0 2px 8px rgba(18,40,52,.04)}
.sales-rep-customer-row:hover{border-color:var(--teal);background:#f4fffc;box-shadow:0 8px 18px rgba(0,107,95,.10)}
.sales-rep-customer-row strong{grid-area:title;font-size:14px;color:#0f172a;font-weight:900}
.sales-rep-customer-row span{grid-area:meta;color:#64748b;font-weight:650}
.sales-rep-customer-row em{grid-area:balance;align-self:center;color:var(--teal);font-style:normal;font-weight:950;background:#eefdf8;border:1px solid #cbeee4;border-radius:999px;padding:6px 10px}
.sales-rep-customer-empty{padding:28px;text-align:center;color:#64748b;font-weight:800}
.error-text{color:#b91c1c!important}

body.sales-rep-mode .stock-status-pill{min-width:58px;text-align:center;font-variant-numeric:tabular-nums}

/* MVP7 - Header context cards: Sepet + Cari + Temsilci/Plasiyer */
.identity-header {
  grid-template-columns: 360px minmax(0,1fr) minmax(430px, 520px) !important;
}
.right-widgets {
  grid-template-columns: minmax(128px,.82fr) minmax(210px,1.18fr) !important;
  gap: 12px !important;
}
.right-widgets::after { display: none !important; content: none !important; }
.cart-widget,
.rep-widget.customer-context-widget {
  height: 72px;
  border: 1px solid #e3e9ef;
  border-radius: 12px;
  background: #fbfdfe;
  box-shadow: 0 8px 20px rgba(15,23,42,.04);
}
.cart-widget { cursor: pointer; }
.rep-widget.customer-context-widget {
  align-items: flex-start !important;
  padding: 8px 14px;
  overflow: hidden;
}
.rep-widget.customer-context-widget span {
  font-size: 11px;
  color: #64748b;
  font-weight: 800;
  line-height: 1.1;
}
.rep-widget.customer-context-widget strong {
  color: #0f172a;
  font-size: 15px;
  line-height: 1.15;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rep-widget.customer-context-widget small {
  color: #475569;
  font-size: 11px;
  line-height: 1.2;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rep-widget.customer-context-widget .balance-line {
  color: #006b5f;
  font-weight: 900;
}
.rep-widget.customer-context-widget.needs-customer {
  border-color: #fed7aa;
  background: #fff7ed;
}
.tile-menu {
  grid-template-columns: repeat(12,minmax(94px,1fr)) 138px !important;
}
.currency-box,
.currency-box.sales-rep-card,
.currency-box.representative-widget {
  min-width: 132px;
  height: 78px;
  padding: 8px 12px;
  border-radius: 0;
  background: linear-gradient(135deg, var(--teal), var(--teal2));
  color: #fff;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
  cursor: default;
  box-shadow: inset 1px 0 0 rgba(255,255,255,.08);
}
.currency-box.sales-rep-card span,
.currency-box.representative-widget span {
  font-size: 11px;
  opacity: .82;
  font-weight: 800;
  line-height: 1;
}
.currency-box.sales-rep-card strong,
.currency-box.representative-widget strong {
  font-size: 13px;
  line-height: 1.15;
  font-weight: 950;
  max-width: 118px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.currency-box.sales-rep-card small,
.currency-box.representative-widget small {
  font-size: 10.5px;
  opacity: .88;
  line-height: 1.1;
  max-width: 118px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.currency-box.sales-rep-card.needs-customer,
.currency-box.representative-widget.needs-customer {
  background: linear-gradient(135deg,#f28c28,#d96b16);
}
body.sales-rep-mode .currency-box.sales-rep-card,
body.sales-rep-mode .currency-box.representative-widget {
  cursor: pointer;
}
body.sales-rep-mode .currency-box.sales-rep-card:hover,
body.sales-rep-mode .currency-box.representative-widget:hover {
  filter: brightness(1.05);
}
@media (max-width: 1400px) {
  .identity-header { grid-template-columns: 300px minmax(0,1fr) minmax(380px, 460px) !important; }
  .right-widgets { grid-template-columns: 1fr 1.35fr !important; }
}
@media (max-width: 1100px) {
  .identity-header { grid-template-columns: 1fr !important; height: auto !important; gap: 12px; }
  .right-widgets { grid-template-columns: 1fr 1fr !important; width: 100%; }
}
@media (max-width: 720px) {
  .right-widgets { grid-template-columns: 1fr !important; }
  .tile-menu { display: flex !important; overflow-x: auto; }
  .currency-box.sales-rep-card,
  .currency-box.representative-widget { min-width: 150px; border-radius: 0; }
}


/* MVP7 FIX1 - Temsilci/Plasiyer kartı üst header içinde; menüye taşmaz */
.identity-header {
  grid-template-columns: 360px minmax(0,1fr) minmax(640px, 740px) !important;
}
.right-widgets.header-context-widgets {
  display: grid !important;
  grid-template-columns: minmax(128px,.72fr) minmax(240px,1.28fr) minmax(128px,.82fr) !important;
  gap: 12px !important;
  align-items: center !important;
}
.right-widgets.header-context-widgets::after {
  display: none !important;
  content: none !important;
}
.header-representative-card,
.right-widgets .representative-widget {
  height: 72px !important;
  min-width: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,107,95,.14) !important;
  background: linear-gradient(135deg, #00766a, #004f47) !important;
  color: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 3px !important;
  padding: 8px 13px !important;
  box-shadow: 0 12px 24px rgba(0,107,95,.18) !important;
  overflow: hidden !important;
  cursor: default;
}
.header-representative-card span,
.right-widgets .representative-widget span {
  font-size: 11px !important;
  opacity: .86 !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.header-representative-card strong,
.right-widgets .representative-widget strong {
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #fff !important;
}
.header-representative-card small,
.right-widgets .representative-widget small {
  font-size: 10.5px !important;
  opacity: .9 !important;
  line-height: 1.1 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: rgba(255,255,255,.92) !important;
}
.header-representative-card.needs-customer,
.right-widgets .representative-widget.needs-customer {
  background: linear-gradient(135deg,#f28c28,#d96b16) !important;
  border-color: rgba(242,140,40,.35) !important;
}
body.sales-rep-mode .header-representative-card,
body.sales-rep-mode .right-widgets .representative-widget {
  cursor: pointer !important;
}
body.sales-rep-mode .header-representative-card:hover,
body.sales-rep-mode .right-widgets .representative-widget:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.tile-menu {
  grid-template-columns: repeat(12,minmax(94px,1fr)) !important;
}
.tile-menu > .currency-box,
.tile-menu > .representative-widget {
  display: none !important;
}
@media (max-width: 1500px) {
  .identity-header { grid-template-columns: 300px minmax(0,1fr) minmax(590px, 680px) !important; }
  .right-widgets.header-context-widgets { grid-template-columns: minmax(120px,.7fr) minmax(220px,1.22fr) minmax(120px,.8fr) !important; }
}
@media (max-width: 1180px) {
  .identity-header { grid-template-columns: 1fr !important; height: auto !important; gap: 12px; }
  .right-widgets.header-context-widgets { grid-template-columns: 1fr 1.2fr 1fr !important; width: 100%; }
}
@media (max-width: 760px) {
  .right-widgets.header-context-widgets { grid-template-columns: 1fr !important; }
}

/* ==========================================================
   MVP9 - Plasiyer cari context / üst kart etkileşimleri
   ========================================================== */
.header-context-widgets {
  grid-template-columns: minmax(132px, .85fr) minmax(190px, 1.3fr) minmax(132px, .9fr) !important;
  align-items: stretch;
}

.customer-context-widget.context-clickable,
.header-representative-card {
  cursor: pointer;
}

.customer-context-widget.context-clickable:hover,
.header-representative-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .10);
}

.customer-context-widget {
  position: relative;
  align-items: flex-start !important;
  padding: 10px 14px !important;
  overflow: hidden;
}

.customer-context-widget span,
.header-representative-card span {
  font-size: 12px !important;
  line-height: 1.1;
}

.customer-context-widget strong,
.header-representative-card strong {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.customer-context-widget small,
.header-representative-card small {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.customer-context-widget .balance-line {
  color: #065f46 !important;
  font-weight: 800;
}

.customer-context-widget.needs-customer {
  border-color: #f59e0b !important;
  background: #fffbeb !important;
}

.customer-switch-hint {
  position: absolute;
  right: 10px;
  bottom: 7px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(0, 109, 91, .10);
  color: #006d5b !important;
  font-size: 10px !important;
  font-weight: 800;
}

.customer-switch-hint::before {
  content: '↺';
  font-size: 11px;
}

.header-representative-card {
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  background: linear-gradient(135deg, #006d5b, #004f45) !important;
  color: #fff !important;
  border-color: transparent !important;
}

.header-representative-card span,
.header-representative-card strong,
.header-representative-card small {
  color: #fff !important;
}

.header-representative-card small {
  opacity: .86;
}

.sales-rep-modal-card {
  max-width: 820px;
}

.sales-rep-customer-row {
  position: relative;
  padding-right: 132px !important;
}

.sales-rep-customer-row em {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 104px;
  text-align: right;
  font-style: normal;
  color: #065f46;
  font-weight: 900;
}

.sales-rep-customer-row:hover {
  border-color: #006d5b;
  background: #f0fdfa;
}

@media (max-width: 1300px) {
  .header-context-widgets {
    grid-template-columns: repeat(3, minmax(118px, 1fr)) !important;
  }
  .customer-switch-hint { display: none; }
}

@media (max-width: 760px) {
  .header-context-widgets {
    grid-template-columns: 1fr !important;
  }
  .customer-context-widget,
  .header-representative-card,
  .cart-widget {
    min-height: 58px;
  }
  .sales-rep-customer-row {
    padding-right: 14px !important;
  }
  .sales-rep-customer-row em {
    position: static;
    display: block;
    transform: none;
    text-align: left;
    margin-top: 4px;
  }
}

/* ==========================================================
   MVP9 FIX1 - Cari kartı layout düzeltmesi
   Amaç: Sepetim / Cari / Plasiyer kartlarını üst header içinde
   hizalamak; cari kodu, ünvan, bakiye ve Cari Değiştir aksiyonunu
   taşmadan okunur göstermek.
   ========================================================== */
.identity-header {
  grid-template-columns: 360px minmax(0,1fr) minmax(690px, 780px) !important;
}

.right-widgets.header-context-widgets {
  grid-template-columns: minmax(130px,.72fr) minmax(300px,1.55fr) minmax(160px,.9fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.right-widgets.header-context-widgets > .cart-widget,
.right-widgets.header-context-widgets > .customer-context-widget,
.right-widgets.header-context-widgets > .header-representative-card {
  height: 74px !important;
  min-height: 74px !important;
  box-sizing: border-box !important;
}

.customer-context-widget {
  background: #fff !important;
  border: 1px solid #dce5eb !important;
  border-radius: 12px !important;
  padding: 8px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "label action"
    "code action"
    "name action"
    "balance action";
  column-gap: 10px !important;
  row-gap: 1px !important;
  align-items: center !important;
  justify-content: stretch !important;
  overflow: hidden !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .05) !important;
}

.customer-context-widget > span {
  grid-area: label !important;
  color: #64748b !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.customer-context-widget > strong {
  grid-area: code !important;
  color: #0f172a !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.customer-context-widget > small:not(.customer-switch-hint):not(.balance-line) {
  grid-area: name !important;
  color: #334155 !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  font-weight: 750 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.customer-context-widget > .balance-line {
  grid-area: balance !important;
  color: #006d5b !important;
  font-size: 10.5px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.customer-context-widget > .customer-switch-hint {
  grid-area: action !important;
  position: static !important;
  justify-self: end !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: rgba(0, 109, 91, .10) !important;
  color: #006d5b !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.customer-context-widget.needs-customer {
  border-color: #f59e0b !important;
  background: #fffbeb !important;
}

.header-representative-card {
  border-radius: 12px !important;
  padding: 9px 14px !important;
  min-width: 0 !important;
}

@media (max-width: 1500px) {
  .identity-header {
    grid-template-columns: 300px minmax(0,1fr) minmax(620px, 700px) !important;
  }
  .right-widgets.header-context-widgets {
    grid-template-columns: minmax(120px,.7fr) minmax(270px,1.5fr) minmax(145px,.85fr) !important;
  }
  .customer-context-widget > .customer-switch-hint {
    padding: 4px 7px !important;
    font-size: 9.5px !important;
  }
}

@media (max-width: 1180px) {
  .identity-header {
    grid-template-columns: 1fr !important;
    height: auto !important;
  }
  .right-widgets.header-context-widgets {
    grid-template-columns: 1fr 1.4fr 1fr !important;
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  .right-widgets.header-context-widgets {
    grid-template-columns: 1fr !important;
  }
  .customer-context-widget {
    grid-template-columns: minmax(0,1fr) auto !important;
  }
}

/* MVP11 - Şifre değiştirme modalı */
.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(15, 23, 42, .52);
  backdrop-filter: blur(4px);
}
.modal-backdrop.hidden { display: none !important; }
.modal-card {
  width: min(520px, calc(100vw - 28px));
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 18px;
  box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
  padding: 22px;
  position: relative;
}
.modal-card h2 {
  margin: 0 0 6px;
  color: #004d45;
  font-size: 20px;
  font-weight: 900;
}
.modal-card p {
  margin: 0 0 16px;
  color: #64748b;
  font-size: 13px;
}
.modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  color: #475569;
  cursor: pointer;
}
.modal-close.hidden { display: none !important; }
.password-form-grid {
  display: grid;
  gap: 12px;
}
.password-form-grid label span {
  display: block;
  margin-bottom: 6px;
  color: #334155;
  font-weight: 800;
  font-size: 12px;
}
.password-form-grid input {
  width: 100%;
  height: 42px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px;
  outline: none;
}
.password-form-grid input:focus {
  border-color: var(--teal, #006b5f);
  box-shadow: 0 0 0 3px rgba(0, 107, 95, .12);
}
.modal-error {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff1f2;
  border: 1px solid #fecdd3;
  color: #b91c1c;
  font-size: 13px;
  font-weight: 800;
}
.modal-error.hidden { display: none !important; }
.modal-actions {
  margin-top: 18px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.btn-primary, .btn-secondary {
  height: 40px;
  border-radius: 12px;
  padding: 0 16px;
  font-weight: 900;
  cursor: pointer;
}
.btn-primary {
  border: 0;
  background: var(--teal, #006b5f);
  color: #fff;
}
.btn-secondary {
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #334155;
}

/* ============================================================================
   B2B_LOGIN_UI_UX_MVP12
   - Desktop/mobile premium login ekranı
   - Mobil JS hata toleransı için stabil layout
   - Tek aktif menü düzeltmesi: Arama/Sepet aynı anda aktif kalmasın
============================================================================ */
.login-screen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(0,107,95,.16), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(242,140,40,.10), transparent 22%),
    linear-gradient(135deg, #f7faf9 0%, #eef4f3 52%, #e5eeee 100%);
}
.login-shell {
  width: min(1040px, 100%);
  display: grid;
  grid-template-columns: minmax(320px, 1fr) 430px;
  gap: 22px;
  align-items: stretch;
}
.login-hero,
.login-card {
  border: 1px solid rgba(0,83,76,.12);
  border-radius: 24px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 24px 70px rgba(15, 41, 51, .14);
  overflow: hidden;
}
.login-hero {
  position: relative;
  min-height: 430px;
  padding: 42px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  background:
    linear-gradient(140deg, rgba(0,83,76,.98), rgba(0,107,95,.88)),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.20), transparent 30%);
}
.login-hero:before {
  content: "";
  position: absolute;
  right: -90px;
  top: -80px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 48px solid rgba(255,255,255,.08);
}
.login-hero:after {
  content: "";
  position: absolute;
  left: 32px;
  top: 32px;
  width: 92px;
  height: 92px;
  border-radius: 24px;
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.login-hero > * { position: relative; z-index: 1; }
.login-hero-badge {
  width: max-content;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  color: #d7fff8;
  font-weight: 950;
  letter-spacing: .08em;
  margin-bottom: 16px;
}
.login-hero h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.08;
  letter-spacing: -.05em;
  max-width: 520px;
}
.login-hero p {
  margin: 14px 0 0;
  max-width: 460px;
  color: rgba(255,255,255,.82);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.55;
}
.login-feature-grid {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.login-feature-grid span {
  min-height: 46px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.11);
  border: 1px solid rgba(255,255,255,.16);
  font-weight: 900;
  color: #ecfffb;
}
.login-card {
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
}
.login-logo {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #007a6f, #00534c);
  color: #fff;
  font-size: 18px;
  font-weight: 950;
  box-shadow: 0 14px 28px rgba(0,83,76,.22);
}
.login-brand h1 {
  margin: 0;
  color: #006b5f;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.05em;
}
.login-brand p {
  margin: 7px 0 0;
  color: #64727d;
  font-size: 13px;
  font-weight: 700;
}
.login-form {
  display: grid;
  gap: 14px;
}
.login-field {
  display: grid;
  gap: 7px;
}
.login-form label {
  color: #21313a;
  font-weight: 900;
}
.login-field input {
  width: 100%;
  height: 46px;
  border: 1px solid #d5e0e6;
  border-radius: 13px;
  background: #fff;
  padding: 0 14px;
  color: #111827;
  font-size: 15px;
  font-weight: 700;
  outline: 0;
  transition: border-color .16s ease, box-shadow .16s ease;
}
.login-field input:focus {
  border-color: #007a6f;
  box-shadow: 0 0 0 4px rgba(0,107,95,.10);
}
.login-actions-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 2px;
}
.remember-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  font-weight: 800;
}
.remember-line input {
  width: 18px;
  height: 18px;
  accent-color: #006b5f;
}
.login-support-text {
  color: #7b8994;
  font-size: 11px;
  font-weight: 700;
  text-align: right;
}
.login-submit,
#btnLogin {
  height: 48px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #006b5f, #004942);
  color: #fff;
  font-size: 15px;
  font-weight: 950;
  box-shadow: 0 14px 28px rgba(0,83,76,.20);
}
.login-submit:disabled,
#btnLogin:disabled {
  opacity: .72;
  cursor: wait;
}
.login-error {
  border-radius: 13px;
  padding: 11px 12px;
  background: #fff3f3;
  border: 1px solid #ffd1d1;
  color: #a01b1b;
  font-weight: 850;
  line-height: 1.35;
}
.login-hint {
  border-radius: 13px;
  padding: 10px 12px;
  background: #f4faf8;
  border: 1px solid #dcebe7;
  color: #55636c;
  font-weight: 700;
}
.tile.tile-cart-active:not(.active) {
  background: var(--teal) !important;
}
.tile.active2 {
  background: transparent !important;
}
.tile.active2::after {
  display: none !important;
}
@media (max-width: 900px) {
  .login-screen {
    display: block;
    padding: 18px;
    min-height: 100dvh;
  }
  .login-shell {
    width: 100%;
    display: block;
  }
  .login-hero {
    min-height: auto;
    padding: 22px;
    border-radius: 22px 22px 0 0;
  }
  .login-hero:before,
  .login-hero:after {
    display: none;
  }
  .login-hero h2 {
    font-size: 24px;
  }
  .login-hero p {
    font-size: 13px;
  }
  .login-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
  }
  .login-card {
    border-radius: 0 0 22px 22px;
    padding: 24px 18px 20px;
  }
  .login-brand {
    align-items: center;
    margin-bottom: 20px;
  }
  .login-logo {
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }
  .login-brand h1 {
    font-size: 25px;
  }
  .login-actions-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .login-support-text {
    text-align: left;
  }
  .login-field input,
  .login-submit,
  #btnLogin {
    height: 48px;
    font-size: 16px;
  }
  .login-hint {
    display: none;
  }
}

/* MVP12 FIX1 - mobile login hardening */
@media (max-width: 760px) {
  html, body { width: 100%; min-width: 0 !important; overflow-x: hidden !important; }
  .login-screen { display: block; min-height: 100svh; padding: 14px; background: linear-gradient(180deg,#f4faf8,#eef4f5); }
  .login-shell { display: flex !important; flex-direction: column; width: 100%; gap: 12px; }
  .login-hero { min-height: auto; padding: 20px; border-radius: 20px; }
  .login-hero-badge { width: 50px; height: 30px; margin-bottom: 12px; font-size: 12px; }
  .login-hero h2 { font-size: 22px; line-height: 1.16; letter-spacing: -.035em; }
  .login-hero p { font-size: 13px; margin-top: 10px; }
  .login-feature-grid { margin-top: 14px; gap: 7px; }
  .login-feature-grid span { font-size: 11px; padding: 6px 10px; }
  .login-card { padding: 20px; border-radius: 20px; }
  .login-brand { margin-bottom: 16px; align-items: center; }
  .login-logo { width: 48px; height: 48px; border-radius: 14px; font-size: 13px; flex: 0 0 auto; }
  .login-brand h1 { font-size: 24px; }
  .login-brand p { font-size: 12px; }
  .login-field input { height: 44px; font-size: 16px; border-radius: 12px; }
  .login-actions-row { display: grid; gap: 8px; justify-content: stretch; }
  .login-support-text { font-size: 11px; line-height: 1.35; }
  .login-submit { height: 46px; width: 100%; }
  .login-hint { text-align: left; }
}

/* MVP20 - Product image status icons, hover preview, image popup and home showcase */
.home-page{display:grid;gap:14px;margin-bottom:12px}.home-hero-panel{background:linear-gradient(135deg,#003f39,#006b5f 58%,#0b8b77);border:1px solid rgba(0,70,60,.18);border-radius:18px;padding:22px;box-shadow:0 18px 54px rgba(10,34,45,.12);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:18px;align-items:center;overflow:hidden;position:relative}.home-hero-panel:after{content:"";position:absolute;right:-70px;top:-90px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.1)}.home-kicker{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.12);border-radius:999px;padding:6px 12px;font-weight:900;font-size:12px}.home-hero-panel h2{margin:12px 0 4px;font-size:30px;letter-spacing:-.04em}.home-hero-panel p{margin:0;color:rgba(255,255,255,.82);font-weight:700}.home-quick-search{position:relative;z-index:1;display:flex;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:10px}.home-quick-search input{flex:1;min-width:0;height:42px;border:0;border-radius:11px;padding:0 12px;outline:none}.home-quick-search button,.home-section-head button{border:0;border-radius:11px;background:#fff;color:#006b5f;font-weight:950;padding:0 16px}.home-featured-panel{background:#fff;border:1px solid #d8e3ea;border-radius:16px;box-shadow:0 14px 38px rgba(18,38,50,.08);overflow:hidden}.home-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;border-bottom:1px solid #e5edf2;background:#f8fbfc}.home-section-head strong{display:block;font-size:18px;color:#142b37}.home-section-head span{display:block;margin-top:3px;color:#647481;font-weight:700}.home-section-head button{height:36px;background:#eaf4f2}.home-featured-state{padding:18px;color:#6b7b87;font-weight:850}.home-featured-grid{padding:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.home-product-card{border:1px solid #d9e4eb;border-radius:14px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:280px;box-shadow:0 10px 24px rgba(15,40,55,.06)}.home-product-image{height:150px;border:0;background:#f3f7f9;display:grid;place-items:center;overflow:hidden}.home-product-image img{width:100%;height:100%;object-fit:contain;padding:8px;background:#fff}.home-product-image.no-image span{font-weight:950;color:#91a0ab}.home-product-body{padding:12px;display:grid;gap:4px}.home-product-body strong{font-size:14px;line-height:1.25;color:#142833}.home-product-body span{font-size:12px;color:#647481;font-weight:700}.home-product-footer{margin-top:auto;padding:11px 12px;border-top:1px solid #edf2f5;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.home-product-footer b{display:block;color:#0b3f38;font-size:15px}.home-product-footer small{display:block;color:#70808c;font-weight:800;margin-top:2px}
.image-status{width:25px;height:25px;border-radius:999px;border:1px solid transparent;display:inline-grid;place-items:center;font-size:14px;font-weight:950;line-height:1;text-decoration:none}.image-status.has-image{background:#e7f7ef;border-color:#b8e4cc;color:#0b7d42;box-shadow:0 1px 0 rgba(0,0,0,.08)}.image-status.has-image:hover{filter:brightness(.96);transform:translateY(-1px)}.image-status.no-image{background:#f1f4f6;border-color:#d6e0e6;color:#99a6ae}.image-card-status{height:72px}.card-image .image-status{width:42px;height:42px;font-size:19px}.image-preview-tooltip{position:fixed;z-index:1200;width:250px;min-height:210px;padding:9px;background:#fff;border:1px solid #d8e2e8;border-radius:14px;box-shadow:0 20px 60px rgba(8,25,38,.24);pointer-events:none}.image-preview-tooltip img{width:100%;height:180px;object-fit:contain;background:#f8fbfc;border-radius:10px}.image-preview-tooltip span{display:block;margin-top:7px;font-size:12px;font-weight:950;color:#17313d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-image-modal{position:fixed;inset:0;z-index:1150}.product-image-backdrop{position:absolute;inset:0;background:rgba(7,20,30,.62);backdrop-filter:blur(2px)}.product-image-card{position:relative;z-index:1;width:min(1120px,96vw);max-height:92vh;margin:4vh auto;background:#fff;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.34);overflow:hidden;display:flex;flex-direction:column}.product-image-close{position:absolute;right:12px;top:10px;z-index:2;width:38px;height:38px;border:0;border-radius:10px;background:#eef4f7;font-size:25px;font-weight:900;color:#16313d}.product-image-modal-content{overflow:auto;padding:20px}.product-image-loading{padding:45px;text-align:center;font-weight:950;color:#657783}.product-image-head{padding-right:44px;margin-bottom:12px}.product-image-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:16px}.product-image-main{height:min(64vh,620px);background:#f7fafc;border:1px solid #dce7ed;border-radius:16px;overflow:auto;display:grid;place-items:center}.product-image-main img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .16s ease;transform-origin:center center}.product-image-empty{color:#8a99a4;font-weight:950}.product-image-side{display:flex;flex-direction:column;gap:12px;min-width:0}.product-image-zoom-row{display:flex;gap:8px}.product-image-zoom-row button{flex:1;height:36px;border:1px solid #d7e2e8;border-radius:10px;background:#f7fafc;font-weight:950;color:#17313d}.product-image-info-list{border:1px solid #dce7ed;border-radius:14px;background:#fff}.product-image-qty-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce7ed;border-radius:14px;padding:11px 12px;font-weight:950}.product-image-qty-row input{width:96px;height:38px;text-align:center;border:1px solid #c9d6df;border-radius:10px}.product-image-actions{display:grid;gap:8px}.product-image-action{height:42px;border:0;border-radius:12px;font-weight:950}.product-image-action.primary{background:#006b5f;color:#fff}.product-image-action.secondary{background:#eaf4f2;color:#005c52}.product-image-action.ghost{background:#f1f4f6;color:#4f606b}.product-image-action:disabled{opacity:.55;cursor:wait}.error-text{color:#b01818!important}
@media(max-width:1100px){.home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-panel{grid-template-columns:1fr}.product-image-layout{grid-template-columns:1fr}.product-image-main{height:52vh}.product-image-side{min-width:0}}@media(max-width:680px){.home-featured-grid{grid-template-columns:1fr}.home-hero-panel{padding:16px;border-radius:14px}.home-quick-search{display:grid}.home-quick-search button{height:40px}.product-image-card{width:100vw;max-height:100vh;height:100vh;margin:0;border-radius:0}.product-image-modal-content{padding:14px}.product-image-main{height:46vh}.product-image-head{padding-right:42px}.home-product-image{height:170px}}

/* ==========================================================
   MVP21 - Theme / Branding / Premium Home / Cart Image
   ========================================================== */
.tile-menu,
.tile {
  background: var(--teal) !important;
}
.tile.active,
.tile.active2,
.tile.tile-current,
.tile:hover,
.tile.campaign-tile {
  background: var(--teal2) !important;
}
.logo-title,
.customer-context-widget > .balance-line,
.cart-widget strong,
.detail-code,
.code-text {
  color: var(--teal, #006b5f) !important;
}
.btn-primary,
.login-submit,
.general-search button,
.product-image-action.primary,
.cart-send-btn,
.detail-btn {
  background: var(--teal, #006b5f) !important;
}
.brand-logo-image {
  display: block;
  width: min(265px, 100%);
  max-height: 68px;
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
}
.brand-logo-image.hidden { display: none !important; }
.logo-area.has-full-logo {
  gap: 12px;
}
.logo-area.has-full-logo .logo-mark {
  display: none !important;
}
.logo-area.has-full-logo .logo-title,
.logo-area.has-full-logo .logo-subtitle {
  display: none !important;
}
.login-logo.has-logo-image {
  background-color: #fff !important;
  box-shadow: none !important;
  border: 1px solid #dfe8ee !important;
}
.home-hero-panel {
  background: linear-gradient(135deg, var(--teal3, #003f39), var(--teal, #006b5f) 58%, var(--teal2, #0b8b77)) !important;
}
.home-hero-copy {
  position: relative;
  z-index: 1;
}
.home-hero-cta {
  margin-top: 16px;
  height: 38px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  color: var(--teal, #006b5f);
  font-weight: 950;
  cursor: pointer;
}
.home-featured-panel {
  border: 1px solid rgba(15, 23, 42, .08) !important;
  box-shadow: 0 18px 52px rgba(15, 23, 42, .08) !important;
}
.home-featured-grid {
  padding: 18px !important;
  gap: 18px !important;
}
.home-product-card.premium {
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 22px !important;
  min-height: 330px !important;
  overflow: hidden;
  background: linear-gradient(180deg, #fff, #fbfdfe) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08) !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.home-product-card.premium:hover {
  transform: translateY(-2px);
  border-color: rgba(0,107,95,.22) !important;
  box-shadow: 0 22px 58px rgba(15, 23, 42, .12) !important;
}
.home-product-card.premium .home-product-image {
  height: 176px !important;
  position: relative;
  background: radial-gradient(circle at 70% 20%, #f2fbf8, #f8fafc 55%, #eef4f6) !important;
  border-bottom: 1px solid #e8eef2;
}
.home-product-card.premium .home-product-image img {
  padding: 14px !important;
  mix-blend-mode: multiply;
}
.home-stock-chip {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 2;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(0,107,95,.10);
  color: var(--teal, #006b5f);
  border: 1px solid rgba(0,107,95,.18);
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
}
.home-product-card.premium .home-product-body {
  padding: 15px 16px 12px !important;
  gap: 7px !important;
}
.home-product-card.premium .home-product-body strong {
  min-height: 38px;
  font-size: 15px !important;
  color: #0f172a !important;
}
.home-product-card.premium .home-product-footer {
  padding: 14px 16px 16px !important;
}
.home-product-card.premium .home-product-footer b {
  color: var(--teal3, #064e3b) !important;
  font-size: 18px !important;
}
.home-product-card.premium .campaign-text {
  color: #f97316 !important;
}
.cart-image-status {
  width: 34px !important;
  height: 28px !important;
  border-radius: 10px !important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: default !important;
}
.cart-table .js-cart-image-preview {
  cursor: help !important;
}
@media(max-width:760px){
  .brand-logo-image { max-width: 210px; max-height: 56px; }
  .home-product-card.premium { min-height: 300px !important; }
}

/* MVP21 V2 - Ana sayfa premium öne çıkan ürün kartları */
.home-featured-panel {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-radius: 20px !important;
}
.home-featured-grid {
  grid-template-columns: repeat(4, minmax(260px, 1fr)) !important;
  gap: 20px !important;
  padding: 20px !important;
}
.home-product-card.premium.v2 {
  min-height: 430px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.075) !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.home-product-card.premium.v2:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--teal, #006b5f) 30%, #d8e3ea) !important;
  box-shadow: 0 26px 70px rgba(15,23,42,.13) !important;
}
.home-product-card.premium.v2 .home-product-media-wrap {
  position: relative;
  padding: 14px 14px 0;
  background: linear-gradient(135deg, rgba(248,250,252,.96), rgba(240,247,246,.90));
}
.home-product-card.premium.v2 .home-product-image {
  height: 205px !important;
  width: 100%;
  border-radius: 16px !important;
  border: 1px solid rgba(15,23,42,.07) !important;
  background: radial-gradient(circle at 60% 15%, #fff 0%, #f8fafc 58%, #eef5f6 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.home-product-card.premium.v2 .home-product-image img {
  padding: 18px !important;
  transition: transform .18s ease;
}
.home-product-card.premium.v2:hover .home-product-image img {
  transform: scale(1.035);
}
.home-product-card.premium.v2 .home-product-image.no-image span {
  color: #8a98a5;
  font-size: 13px;
  font-weight: 950;
}
.home-card-badges {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  z-index: 3;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
.home-product-card.premium.v2 .home-stock-chip,
.home-campaign-chip {
  position: static !important;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 950;
  font-style: normal;
  letter-spacing: .02em;
  background: rgba(0,107,95,.10);
  border: 1px solid rgba(0,107,95,.20);
  color: var(--teal, #006b5f);
  backdrop-filter: blur(6px);
}
.home-campaign-chip {
  margin-left: auto;
  background: rgba(249,115,22,.13) !important;
  color: #c2410c !important;
  border-color: rgba(249,115,22,.25) !important;
}
.home-product-card.premium.v2 .home-product-body {
  padding: 15px 16px 10px !important;
  gap: 9px !important;
}
.home-card-code {
  color: var(--teal, #006b5f);
  font-weight: 950;
  font-size: 12px;
  letter-spacing: .02em;
}
.home-card-title {
  color: #0f172a !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 40px !important;
  line-height: 1.28 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}
.home-card-meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 10px;
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px dashed #dbe5ea;
}
.home-card-meta-grid span {
  min-width: 0;
  display: grid !important;
  gap: 2px;
  color: inherit !important;
  font-size: 11px !important;
}
.home-card-meta-grid em {
  color: #8795a1;
  font-style: normal;
  font-size: 10px;
  font-weight: 850;
}
.home-card-meta-grid b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #334155;
  font-size: 11px;
  font-weight: 900;
}
.home-product-card.premium.v2 .home-product-footer {
  margin-top: auto;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 13px 16px 16px !important;
  border-top: 1px solid #e8eef2 !important;
  background: linear-gradient(180deg,#fff,#f8fbfc);
}
.home-card-pricebox {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.home-card-pricebox small {
  flex: 0 0 100%;
  margin: 0 !important;
  color: #64748b !important;
  font-size: 11px;
  font-weight: 900;
}
.home-card-pricebox b {
  color: var(--teal3, #064e3b) !important;
  font-size: 21px !important;
  letter-spacing: -.02em;
}
.home-card-pricebox span {
  color: #f97316;
  font-size: 11px;
  font-weight: 950;
}
.home-card-actions {
  display: grid;
  grid-template-columns: 86px 1fr 1.25fr;
  gap: 8px;
  align-items: end;
}
.home-card-qty-wrap {
  height: 42px;
  border: 1px solid #d9e4eb;
  border-radius: 12px;
  background: #fff;
  padding: 4px 8px;
  display: grid;
  gap: 1px;
}
.home-card-qty-wrap span {
  color: #7b8a96;
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
}
.home-card-qty {
  width: 100%;
  border: 0;
  outline: 0;
  font-size: 15px;
  font-weight: 950;
  background: transparent;
  color: #0f172a;
}
.home-card-detail,
.home-card-cart {
  height: 42px;
  border: 0;
  border-radius: 12px;
  font-weight: 950;
  cursor: pointer;
}
.home-card-detail {
  background: #eef5f7;
  color: #0f3f3a;
}
.home-card-cart {
  background: var(--teal, #006b5f);
  color: #fff;
  box-shadow: 0 10px 20px rgba(0,107,95,.20);
}
.home-card-detail:hover { background: #e2eef1; }
.home-card-cart:hover { filter: brightness(.96); }
.home-card-cart:disabled,
.home-card-qty:disabled {
  cursor: not-allowed;
  opacity: .55;
}
@media(max-width:1280px){
  .home-featured-grid { grid-template-columns: repeat(3, minmax(240px, 1fr)) !important; }
}
@media(max-width:980px){
  .home-featured-grid { grid-template-columns: repeat(2, minmax(240px, 1fr)) !important; }
}
@media(max-width:620px){
  .home-featured-grid { grid-template-columns: 1fr !important; padding: 14px !important; }
  .home-product-card.premium.v2 { min-height: 410px !important; }
  .home-card-actions { grid-template-columns: 76px 1fr; }
  .home-card-cart { grid-column: 1 / -1; }
}


/* MVP21 V3 - Ana sayfa kompakt premium ürün vitrini
   Omay benzeri daha küçük, raf/katalog hissi veren kart oranları. */
.home-featured-grid {
  grid-template-columns: repeat(auto-fill, minmax(198px, 226px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 14px !important;
  padding: 16px !important;
}
.home-product-card.premium.v2 {
  min-height: 354px !important;
  max-width: 226px !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .07) !important;
}
.home-product-card.premium.v2:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .12) !important;
}
.home-product-card.premium.v2 .home-product-media-wrap {
  padding: 10px 10px 0 !important;
}
.home-product-card.premium.v2 .home-product-image {
  height: 132px !important;
  border-radius: 12px !important;
}
.home-product-card.premium.v2 .home-product-image img {
  padding: 10px !important;
}
.home-card-badges {
  top: 16px !important;
  left: 16px !important;
  right: 16px !important;
  gap: 5px !important;
}
.home-product-card.premium.v2 .home-stock-chip,
.home-campaign-chip {
  min-height: 18px !important;
  padding: 3px 7px !important;
  font-size: 9px !important;
  line-height: 1 !important;
}
.home-product-card.premium.v2 .home-product-body {
  padding: 10px 11px 7px !important;
  gap: 6px !important;
}
.home-card-code {
  font-size: 10.5px !important;
  line-height: 1.15 !important;
}
.home-card-title {
  min-height: 33px !important;
  font-size: 12.5px !important;
  line-height: 1.28 !important;
  letter-spacing: -.01em !important;
}
.home-card-meta-grid {
  gap: 4px 8px !important;
  margin-top: 2px !important;
  padding-top: 7px !important;
}
.home-card-meta-grid span {
  gap: 1px !important;
  font-size: 10px !important;
}
.home-card-meta-grid em {
  font-size: 8.5px !important;
}
.home-card-meta-grid b {
  font-size: 10px !important;
}
.home-product-card.premium.v2 .home-product-footer {
  gap: 8px !important;
  padding: 9px 11px 11px !important;
}
.home-card-pricebox {
  gap: 5px !important;
}
.home-card-pricebox small {
  font-size: 9.5px !important;
}
.home-card-pricebox b {
  font-size: 17px !important;
}
.home-card-pricebox span {
  font-size: 9.5px !important;
}
.home-card-actions {
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 6px !important;
}
.home-card-qty-wrap {
  height: 34px !important;
  border-radius: 9px !important;
  padding: 3px 6px !important;
}
.home-card-qty-wrap span {
  font-size: 8px !important;
}
.home-card-qty {
  font-size: 13px !important;
}
.home-card-detail,
.home-card-cart {
  height: 34px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}
.home-card-detail {
  grid-column: 1 / -1 !important;
  order: 3 !important;
  height: 30px !important;
  background: transparent !important;
  border: 1px solid #dfe8ee !important;
}
.home-card-cart {
  order: 2 !important;
}
.home-card-qty-wrap {
  order: 1 !important;
}
@media(max-width: 1520px) {
  .home-featured-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 218px)) !important; }
  .home-product-card.premium.v2 { max-width: 218px !important; }
}
@media(max-width: 980px) {
  .home-featured-grid { grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)) !important; }
  .home-product-card.premium.v2 { max-width: none !important; }
}
@media(max-width: 620px) {
  .home-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; padding: 12px !important; }
  .home-product-card.premium.v2 { min-height: 330px !important; }
  .home-product-card.premium.v2 .home-product-image { height: 118px !important; }
  .home-card-meta-grid { grid-template-columns: 1fr !important; }
  .home-card-meta-grid span:nth-child(n+3) { display: none !important; }
}
@media(max-width: 420px) {
  .home-featured-grid { grid-template-columns: 1fr !important; }
}


/* MVP21 V4 - Ana sayfa kompakt ürün vitrini panel ortalama */
.home-featured-grid {
  justify-content: center !important;
}
@media(max-width: 980px) {
  .home-featured-grid { justify-content: center !important; }
}
@media(max-width: 680px) {
  .home-featured-grid { justify-content: stretch !important; }
}


/* MVP21 V5 - Ana sayfa kompakt kartları gerçek ortalama
   CSS Grid auto-fill boş track bıraktığı için panel solda görünüyordu.
   Flex wrap ile yalnızca mevcut kartlar ölçüye dahil edilir ve grup panel içinde ortalanır. */
.home-featured-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 14px !important;
  padding: 16px 18px !important;
}
.home-featured-grid .home-product-card.premium.v2 {
  flex: 0 0 218px !important;
  width: 218px !important;
  max-width: 218px !important;
}
@media(max-width: 1520px) {
  .home-featured-grid .home-product-card.premium.v2 {
    flex-basis: 212px !important;
    width: 212px !important;
    max-width: 212px !important;
  }
}
@media(max-width: 980px) {
  .home-featured-grid { justify-content: center !important; }
  .home-featured-grid .home-product-card.premium.v2 {
    flex: 1 1 190px !important;
    width: auto !important;
    max-width: 230px !important;
  }
}
@media(max-width: 620px) {
  .home-featured-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
  }
  .home-featured-grid .home-product-card.premium.v2 {
    width: auto !important;
    max-width: none !important;
  }
}
@media(max-width: 420px) {
  .home-featured-grid { grid-template-columns: 1fr !important; }
}


/* ==========================================================
   MVP22 - GLOBAL_COMPACT_UI_DENSITY
   B2B genel yoğunluk/cila: header, menü, arama, grid, sepet ve popup
   alanlarını %10-15 daha kompakt hale getirir. Ana işlevlere dokunmaz.
   ========================================================== */
:root {
  --compact-radius: 10px;
  --compact-shadow: 0 8px 22px rgba(15, 23, 42, .055);
}

body {
  font-size: 11.6px !important;
}

.identity-header {
  height: 84px !important;
  min-height: 84px !important;
  padding: 10px 18px !important;
  gap: 12px !important;
  grid-template-columns: 300px minmax(0,1fr) minmax(610px,700px) !important;
}
.logo-area { gap: 10px !important; }
.logo-mark {
  width: 54px !important;
  height: 50px !important;
  border-radius: 12px !important;
  font-size: 16px !important;
}
.brand-logo-image {
  width: min(230px, 100%) !important;
  max-height: 56px !important;
}
.logo-title { font-size: 25px !important; }
.logo-subtitle { font-size: 11px !important; margin-top: 3px !important; }
.customer-identity strong { font-size: 15px !important; }
.customer-identity span {
  margin-top: 5px !important;
  padding: 3px 13px !important;
  font-size: 11px !important;
}
.right-widgets.header-context-widgets {
  gap: 9px !important;
  grid-template-columns: minmax(118px,.68fr) minmax(270px,1.55fr) minmax(142px,.86fr) !important;
}
.right-widgets.header-context-widgets > .cart-widget,
.right-widgets.header-context-widgets > .customer-context-widget,
.right-widgets.header-context-widgets > .header-representative-card {
  height: 60px !important;
  min-height: 60px !important;
  border-radius: 10px !important;
}
.cart-widget { padding: 6px 10px !important; }
.cart-widget span,
.rep-widget span { font-size: 10px !important; }
.cart-widget strong,
.rep-widget strong { font-size: 13px !important; }
.cart-widget small,
.rep-widget small { font-size: 10px !important; }
.customer-context-widget {
  padding: 6px 10px !important;
  row-gap: 0 !important;
}
.customer-context-widget > span,
.customer-context-widget > small:not(.customer-switch-hint):not(.balance-line),
.customer-context-widget > .balance-line {
  font-size: 9.8px !important;
}
.customer-context-widget > strong { font-size: 13px !important; }
.customer-context-widget > .customer-switch-hint {
  padding: 4px 7px !important;
  font-size: 9px !important;
}
.header-representative-card {
  padding: 7px 11px !important;
}
.header-representative-card span { font-size: 10px !important; }
.header-representative-card strong { font-size: 12.5px !important; }
.header-representative-card small { font-size: 9.5px !important; }

.tile-menu {
  height: 58px !important;
  grid-template-columns: repeat(12,minmax(78px,1fr)) !important;
  box-shadow: 0 8px 18px rgba(0,73,66,.14) !important;
}
.tile {
  gap: 3px !important;
}
.tile span {
  font-size: 16px !important;
}
.tile b {
  font-size: 10.5px !important;
  font-weight: 850 !important;
}
.tile.active::after,
.tile.active2::after,
.tile.tile-current::after {
  left: 12px !important;
  right: 12px !important;
  height: 2px !important;
}

.content-wrap {
  padding: 10px 14px 0 !important;
}
.search-board,
.summary-strip,
.grid-panel,
.cart-page,
.home-featured-panel,
.home-hero-panel {
  box-shadow: var(--compact-shadow) !important;
}
.search-board,
.grid-panel,
.summary-strip,
.home-featured-panel {
  border-radius: 12px !important;
}
.board-grid {
  grid-template-columns: 430px minmax(390px,1fr) 360px !important;
  gap: 10px !important;
  padding: 10px !important;
}
.filter-matrix {
  grid-template-columns: 145px 1fr !important;
  border-radius: 9px !important;
}
.filter-row label {
  padding: 8px 11px !important;
  font-size: 11px !important;
}
.filter-row select,
.operation-buttons {
  height: 32px !important;
}
.operation-buttons button { font-size: 11px !important; }
.search-center { gap: 8px !important; }
.flag-row { gap: 6px !important; }
.flag {
  height: 32px !important;
  border-radius: 8px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
}
.general-search {
  height: 36px !important;
  grid-template-columns: minmax(0,1fr) 82px !important;
}
.general-search input {
  border-radius: 8px 0 0 8px !important;
  padding: 0 12px !important;
}
.general-search button {
  border-radius: 0 8px 8px 0 !important;
  font-size: 11px !important;
}
.catalog-status {
  height: 30px !important;
  border-radius: 8px !important;
  grid-template-columns: 76px 1fr !important;
}
.promo-banner {
  min-height: 112px !important;
  border-radius: 12px !important;
  padding: 12px !important;
}
.promo-banner b { font-size: 12px !important; }
.promo-banner strong { font-size: 20px !important; }
.promo-banner span { font-size: 11px !important; }

.summary-strip {
  height: 46px !important;
  grid-template-columns: 112px 112px 118px 112px minmax(190px,220px) minmax(0,1fr) !important;
  padding: 0 8px !important;
  margin-bottom: 8px !important;
}
.summary-strip div { padding: 0 10px !important; }
.summary-strip span { font-size: 9.5px !important; }
.summary-strip strong { font-size: 13px !important; }
.sort-cell { width: 210px !important; }
.sort-cell select {
  height: 30px !important;
  border-radius: 7px !important;
}

.table-scroll {
  height: calc(100vh - 292px) !important;
  min-height: 330px !important;
}
.sales-grid { min-width: 1420px !important; }
.sales-grid th {
  height: 30px !important;
  padding: 5px 6px !important;
  font-size: 10.5px !important;
}
.sales-grid td {
  height: 28px !important;
  padding: 4px 6px !important;
  font-size: 11.2px !important;
}
.name-text { font-size: 11.2px !important; }
.sub-text { font-size: 9.5px !important; }
.group-chip {
  height: 13px !important;
  padding: 0 4px !important;
  font-size: 8px !important;
}
.led {
  width: 9px !important;
  height: 9px !important;
}
.depot-label { font-size: 8px !important; }
.qty-input {
  width: 42px !important;
  height: 23px !important;
  border-radius: 5px !important;
  font-size: 10.5px !important;
}
.mini-cart,
.btn-cart-add:not(:disabled) {
  width: 25px !important;
  height: 23px !important;
  border-radius: 6px !important;
}
.info-dot,
.image-status-dot {
  width: 18px !important;
  height: 18px !important;
  font-size: 10px !important;
}
.stock-status-pill {
  min-width: 58px !important;
  height: 20px !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  font-size: 9.5px !important;
}
.discount-pill,
.discount-pill.empty {
  min-width: 28px !important;
  height: 18px !important;
  border-radius: 5px !important;
  font-size: 9px !important;
}
.detail-btn,
.action-btn {
  height: 23px !important;
  border-radius: 6px !important;
  padding: 0 8px !important;
  font-size: 10.5px !important;
}
.pager { padding: 8px !important; }
.pager-btn { padding: 5px 10px !important; border-radius: 7px !important; }
.footer-line { padding: 6px 0 8px !important; font-size: 10px !important; }

.home-page { gap: 10px !important; margin-bottom: 8px !important; }
.home-hero-panel {
  min-height: 96px !important;
  padding: 15px 18px !important;
  border-radius: 13px !important;
  grid-template-columns: minmax(0,1fr) minmax(280px,390px) !important;
}
.home-kicker {
  padding: 4px 9px !important;
  font-size: 10px !important;
}
.home-hero-panel h2 {
  margin: 8px 0 3px !important;
  font-size: 24px !important;
}
.home-hero-panel p { font-size: 11px !important; }
.home-quick-search {
  padding: 7px !important;
  border-radius: 12px !important;
}
.home-quick-search input {
  height: 34px !important;
  border-radius: 8px !important;
}
.home-quick-search button,
.home-section-head button {
  height: 34px !important;
  border-radius: 8px !important;
  padding: 0 13px !important;
  font-size: 11px !important;
}
.home-section-head {
  padding: 10px 12px !important;
}
.home-section-head strong { font-size: 15px !important; }
.home-section-head span { font-size: 10.5px !important; }
.home-featured-grid {
  padding: 12px 14px !important;
  gap: 12px !important;
}
.home-featured-grid .home-product-card.premium.v2 {
  flex-basis: 206px !important;
  width: 206px !important;
  max-width: 206px !important;
}
.home-product-card.premium.v2 {
  min-height: 336px !important;
  border-radius: 12px !important;
}
.home-product-card.premium.v2 .home-product-media-wrap {
  padding: 8px 8px 0 !important;
}
.home-product-card.premium.v2 .home-product-image {
  height: 122px !important;
  border-radius: 10px !important;
}
.home-card-badges {
  top: 13px !important;
  left: 13px !important;
  right: 13px !important;
}
.home-product-card.premium.v2 .home-stock-chip,
.home-campaign-chip {
  min-height: 17px !important;
  padding: 3px 6px !important;
  font-size: 8.5px !important;
}
.home-product-card.premium.v2 .home-product-body {
  padding: 8px 10px 6px !important;
}
.home-card-title {
  min-height: 31px !important;
  font-size: 12px !important;
}
.home-card-meta-grid {
  padding-top: 6px !important;
  gap: 3px 7px !important;
}
.home-card-pricebox b { font-size: 16px !important; }
.home-product-card.premium.v2 .home-product-footer {
  padding: 8px 10px 10px !important;
  gap: 7px !important;
}
.home-card-qty-wrap,
.home-card-cart { height: 32px !important; }
.home-card-detail { height: 28px !important; }

.product-image-card {
  width: min(980px, 94vw) !important;
  max-height: 90vh !important;
  margin: 5vh auto !important;
  border-radius: 14px !important;
}
.product-image-modal-content { padding: 14px !important; }
.product-image-head { margin-bottom: 9px !important; }
.product-image-head h2,
.detail-title { font-size: 18px !important; }
.product-image-layout {
  grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr) !important;
  gap: 12px !important;
}
.product-image-main {
  height: min(58vh, 500px) !important;
  border-radius: 12px !important;
}
.product-image-side { gap: 9px !important; }
.product-image-zoom-row button {
  height: 31px !important;
  border-radius: 8px !important;
}
.product-image-info-list,
.product-image-qty-row {
  border-radius: 11px !important;
}
.product-image-qty-row {
  padding: 8px 10px !important;
}
.product-image-qty-row input {
  width: 82px !important;
  height: 32px !important;
  border-radius: 8px !important;
}
.product-image-action {
  height: 36px !important;
  border-radius: 9px !important;
}
.product-image-close {
  width: 31px !important;
  height: 31px !important;
  border-radius: 8px !important;
  font-size: 20px !important;
}
.kv { padding-bottom: 6px !important; }
.kv span,
.kv strong { font-size: 10.8px !important; }

.cart-page-head {
  height: 40px !important;
  padding: 0 12px !important;
}
.cart-info-box {
  margin: 10px 12px !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
}
.cart-action-top { padding: 0 12px 8px !important; }
.cart-top-btn { height: 24px !important; font-size: 10px !important; }
.cart-table-wrap { margin: 0 12px !important; }
.cart-table th {
  height: 26px !important;
  padding: 4px 6px !important;
  font-size: 10px !important;
}
.cart-table td {
  height: 27px !important;
  padding: 4px 6px !important;
  font-size: 11px !important;
}
.cart-qty-input {
  width: 42px !important;
  height: 22px !important;
}
.cart-row-btn {
  height: 22px !important;
  font-size: 10px !important;
}
.cart-warn-line {
  margin: 8px 12px !important;
  min-height: 28px !important;
  padding: 6px 9px !important;
}
.cart-bottom-grid {
  gap: 7px !important;
  padding: 0 12px 10px !important;
}
.cart-box-title { height: 25px !important; }
.cart-box-body { padding: 7px !important; }
.cart-shipping-select { height: 27px !important; }
.cart-note { min-height: 78px !important; }
.cart-total-row { grid-template-columns: 1fr 118px !important; }
.cart-total-row strong { height: 23px !important; }
.cart-send-btn {
  height: 98px !important;
  border-radius: 9px !important;
  font-size: 13px !important;
}
.cart-back-link {
  height: 25px !important;
  border-radius: 7px !important;
}
.cart-image-status { width: 28px !important; height: 24px !important; border-radius: 7px !important; }

.drawer-panel { padding: 14px !important; }
.drawer-close { width: 32px !important; height: 32px !important; }
.detail-section { margin-top: 10px !important; }
.detail-section h3 { padding: 8px 10px !important; font-size: 12px !important; }
.detail-list { padding: 10px !important; gap: 7px !important; }
.b2b-toast {
  right: 14px !important;
  bottom: 14px !important;
  min-width: 240px !important;
  padding: 10px 12px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}

@media (max-width: 1500px) {
  .identity-header {
    grid-template-columns: 270px minmax(0,1fr) minmax(560px,650px) !important;
  }
  .board-grid {
    grid-template-columns: 390px minmax(340px,1fr) 320px !important;
  }
  .home-featured-grid .home-product-card.premium.v2 {
    flex-basis: 198px !important;
    width: 198px !important;
    max-width: 198px !important;
  }
}
@media (max-width: 1180px) {
  .identity-header {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
  }
  .right-widgets.header-context-widgets {
    grid-template-columns: 1fr 1.4fr 1fr !important;
  }
  .tile-menu {
    height: 54px !important;
    overflow-x: auto !important;
  }
  .board-grid { grid-template-columns: 1fr !important; }
  .promo-banner { display: none !important; }
  .product-image-layout { grid-template-columns: 1fr !important; }
  .product-image-main { height: 48vh !important; }
}
@media (max-width: 760px) {
  .content-wrap { padding: 8px !important; }
  .right-widgets.header-context-widgets { grid-template-columns: 1fr !important; }
  .tile-menu { display: flex !important; }
  .tile { min-width: 78px !important; height: 54px !important; }
  .summary-strip { grid-template-columns: repeat(2,1fr) !important; height: auto !important; padding: 0 !important; }
  .summary-strip div { padding: 7px 9px !important; }
  .table-scroll { height: auto !important; max-height: 68vh !important; }
  .home-hero-panel { grid-template-columns: 1fr !important; padding: 13px !important; }
  .home-hero-panel h2 { font-size: 20px !important; }
  .home-featured-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .home-featured-grid .home-product-card.premium.v2 {
    width: auto !important;
    max-width: none !important;
  }
  .product-image-card {
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
  .cart-bottom-grid { grid-template-columns: 1fr !important; }
  .cart-send-btn { height: 50px !important; }
}
@media (max-width: 420px) {
  .home-featured-grid { grid-template-columns: 1fr !important; }
}


/* ==========================================================
   MVP22 FIX1 - Theme consistency + compact menu typography
   - Plasiyer/Temsilci kartı admin tema rengine bağlandı
   - Sepet grid başlığı arama gridindeki koyu header ile eşitlendi
   - Menü aktif çizgisi renkten bağımsız/nötr hale getirildi
   - Menü yazıları çok az inceltildi
   ========================================================== */
.header-representative-card,
.right-widgets .representative-widget,
.currency-box.sales-rep-card,
.currency-box.representative-widget {
  background: linear-gradient(135deg, var(--teal, #006b5f), var(--teal2, #0f766e)) !important;
  border-color: color-mix(in srgb, var(--teal, #006b5f) 28%, transparent) !important;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--teal, #006b5f) 20%, transparent) !important;
  color: #fff !important;
}
.header-representative-card.needs-customer,
.right-widgets .representative-widget.needs-customer,
.currency-box.sales-rep-card.needs-customer,
.currency-box.representative-widget.needs-customer {
  background: linear-gradient(135deg, var(--orange, #f28c28), #d96b16) !important;
  border-color: rgba(242,140,40,.35) !important;
}
.header-representative-card span,
.header-representative-card strong,
.header-representative-card small,
.right-widgets .representative-widget span,
.right-widgets .representative-widget strong,
.right-widgets .representative-widget small {
  color: #fff !important;
}

.cart-page th,
.cart-table th,
.cart-grid th {
  background: #252d33 !important;
  color: #fff !important;
  border-right: 1px solid rgba(255,255,255,.13) !important;
  font-weight: 760 !important;
}

.tile,
.tile b {
  font-weight: 700 !important;
}
.tile b {
  letter-spacing: -.005em !important;
}
.tile span {
  font-weight: 500 !important;
}
.tile.active::after,
.tile.active2::after,
.tile.tile-current::after {
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 -1px 8px rgba(255,255,255,.22) !important;
}

/* MVP24-A Route/Page shell */
.utility-page{padding:18px 0 28px;}
.utility-card{min-height:310px;border:1px solid rgba(0,90,80,.10);background:linear-gradient(135deg,#ffffff 0%,#f3fbf8 100%);border-radius:18px;box-shadow:0 18px 48px rgba(10,32,45,.08);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px 38px;gap:12px;}
.utility-kicker{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e5f4f1;color:#006b5f;padding:7px 12px;font-size:12px;font-weight:950;letter-spacing:.02em;}
.utility-card h2{margin:0;color:#12313d;font-size:30px;letter-spacing:-.035em;}
.utility-card p{margin:0;color:#60727f;font-size:15px;font-weight:750;max-width:680px;line-height:1.45;}
.utility-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.utility-actions button{height:40px;border:0;border-radius:12px;padding:0 15px;font-weight:950;cursor:pointer;}
.utility-actions button:first-child{background:#006b5f;color:#fff;box-shadow:0 10px 22px rgba(0,107,95,.18);}
.utility-actions button:last-child{background:#edf4f7;color:#17313d;}
@media(max-width:760px){.utility-page{padding:10px 0 18px}.utility-card{min-height:240px;padding:22px;border-radius:16px}.utility-card h2{font-size:23px}.utility-card p{font-size:13px}.utility-actions{width:100%;display:grid}.utility-actions button{width:100%;}}

/* ==========================================================
   MVP24-B1 UI MASTER SHELL
   Referans görsel: kurumsal masaüstü B2B görünümü
   - Route yapısı korunur
   - Veri/API akışına dokunmaz
   - Header, menü, arama iskeleti, özet şeridi ve grid daha derli toplu görünür
   ========================================================== */
:root{
  --ui-bg:#f4f7f8;
  --ui-panel:#ffffff;
  --ui-panel-soft:#f8fbfc;
  --ui-line:#dfe8ee;
  --ui-line-soft:#edf2f5;
  --ui-ink:#17232f;
  --ui-muted:#667785;
  --ui-shadow:0 10px 28px rgba(16,38,52,.075);
  --ui-radius:10px;
}
body{background:var(--ui-bg)!important;color:var(--ui-ink)!important;font-size:12px!important;}
.page{min-height:100vh;background:var(--ui-bg)!important;}
.identity-header{
  height:104px!important;
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:minmax(310px,390px) minmax(340px,1fr) minmax(560px,680px)!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px 24px!important;
  background:#fff!important;
  border-bottom:1px solid var(--ui-line)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
}
.logo-area{gap:14px!important;min-width:0!important;}
.logo-mark{
  width:68px!important;height:68px!important;border-radius:14px!important;
  background:linear-gradient(135deg,var(--teal,#006b5f),var(--teal2,#004f48))!important;
  color:#fff!important;font-size:18px!important;font-weight:950!important;
  box-shadow:0 12px 28px rgba(0,107,95,.22)!important;
}
.logo-title{font-size:28px!important;line-height:1!important;color:var(--teal,#006b5f)!important;font-weight:950!important;letter-spacing:-.035em!important;}
.logo-subtitle{margin-top:6px!important;color:#52707c!important;font-size:13px!important;font-weight:800!important;}
.customer-identity{align-self:center!important;text-align:center!important;min-width:0!important;padding:0 10px!important;}
.customer-identity strong{font-size:17px!important;line-height:1.1!important;color:#17212b!important;font-weight:950!important;letter-spacing:.01em!important;}
.customer-identity span{
  margin-top:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:24px!important;padding:4px 18px!important;border-radius:999px!important;
  background:linear-gradient(135deg,var(--teal,#006b5f),var(--teal2,#004f48))!important;
  color:#fff!important;font-size:11px!important;font-weight:950!important;box-shadow:0 7px 16px rgba(0,107,95,.16)!important;
}
.right-widgets.header-context-widgets{
  display:grid!important;
  grid-template-columns:minmax(132px,.85fr) minmax(230px,1.35fr) minmax(150px,.95fr)!important;
  align-items:stretch!important;
  gap:12px!important;
  min-width:0!important;
}
.right-widgets.header-context-widgets > .cart-widget,
.right-widgets.header-context-widgets > .customer-context-widget,
.right-widgets.header-context-widgets > .header-representative-card{
  min-width:0!important;height:74px!important;border-radius:8px!important;border:1px solid var(--ui-line)!important;
  box-shadow:0 8px 22px rgba(16,38,52,.05)!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  padding:8px 12px!important;text-align:center!important;
}
.cart-widget{background:#fff!important;cursor:pointer!important;}
.cart-widget:hover{border-color:rgba(0,107,95,.35)!important;background:#fbfffe!important;}
.cart-widget span,.rep-widget span,.right-widgets .representative-widget span{font-size:11px!important;line-height:1.1!important;color:#657685!important;font-weight:850!important;}
.cart-widget strong,.rep-widget strong,.right-widgets .representative-widget strong{font-size:15px!important;line-height:1.12!important;color:#15232e!important;font-weight:950!important;margin-top:4px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.cart-widget small,.rep-widget small,.right-widgets .representative-widget small{font-size:11px!important;line-height:1.15!important;color:#758592!important;font-weight:750!important;margin-top:3px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.customer-context-widget{background:#fff!important;}
.customer-context-widget.context-clickable:hover{border-color:rgba(0,107,95,.35)!important;background:#fbfffe!important;}
.header-representative-card,
.right-widgets .representative-widget{
  background:linear-gradient(135deg,var(--teal,#006b5f),var(--teal2,#004f48))!important;
  border-color:rgba(0,107,95,.22)!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,107,95,.18)!important;
}
.header-representative-card span,.header-representative-card strong,.header-representative-card small,
.right-widgets .representative-widget span,.right-widgets .representative-widget strong,.right-widgets .representative-widget small{color:#fff!important;}
.tile-menu{
  height:82px!important;min-height:82px!important;
  background:linear-gradient(180deg,var(--teal,#006b5f),var(--teal2,#004f48))!important;
  display:grid!important;grid-template-columns:repeat(12,minmax(92px,1fr))!important;
  border-bottom:1px solid rgba(0,50,45,.55)!important;box-shadow:0 9px 24px rgba(0,65,58,.13)!important;
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;
}
.tile{
  height:82px!important;min-width:92px!important;background:transparent!important;color:#fff!important;
  border-right:1px solid rgba(255,255,255,.11)!important;gap:7px!important;position:relative!important;
  opacity:1!important;transition:background .12s ease, transform .12s ease!important;
}
.tile span{font-size:22px!important;line-height:1!important;opacity:.98!important;}
.tile b{font-size:12px!important;line-height:1!important;font-weight:820!important;letter-spacing:-.01em!important;}
.tile:hover{background:rgba(255,255,255,.09)!important;}
.tile.active,.tile.active2,.tile.tile-current{background:rgba(0,0,0,.16)!important;}
.tile.active::after,.tile.active2::after,.tile.tile-current::after{height:4px!important;left:0!important;right:0!important;bottom:0!important;border-radius:0!important;background:rgba(255,255,255,.82)!important;}
.tile.disabled{opacity:.86!important;}
.content-wrap{padding:18px 24px 0!important;flex:1 1 auto!important;min-height:0!important;}
.search-board,.summary-strip,.grid-panel,.home-featured-panel,.cart-page,.utility-card{
  border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;background:#fff!important;
  box-shadow:var(--ui-shadow)!important;overflow:hidden!important;
}
.search-board{margin-bottom:12px!important;}
.board-title{display:none!important;}
.board-grid{
  display:grid!important;grid-template-columns:minmax(330px,500px) minmax(460px,1fr) minmax(330px,450px)!important;
  gap:12px!important;padding:12px!important;align-items:stretch!important;
}
.filter-matrix{
  display:grid!important;grid-template-columns:172px minmax(0,1fr)!important;align-content:start!important;
  border:0!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important;
}
.filter-row label{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  height:38px!important;padding:0 14px!important;background:#fff!important;color:#263541!important;
  border:0!important;border-bottom:1px solid var(--ui-line-soft)!important;font-weight:850!important;text-align:left!important;
}
.filter-row select{
  height:38px!important;border:1px solid var(--ui-line)!important;border-radius:6px!important;background:#fff!important;color:#17232f!important;
  padding:0 10px!important;outline:none!important;margin-bottom:7px!important;
}
.filter-row select:focus{border-color:var(--teal,#006b5f)!important;box-shadow:0 0 0 3px rgba(0,107,95,.10)!important;}
.operation-buttons{height:38px!important;border:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:0!important;}
.operation-buttons button{
  height:38px!important;border:1px solid var(--ui-line)!important;border-radius:7px!important;background:#f8fbfc!important;color:#17313d!important;
  font-weight:900!important;box-shadow:none!important;
}
.operation-buttons button:hover{border-color:rgba(0,107,95,.28)!important;background:#f3faf8!important;}
.search-center{display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0!important;}
.flag-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;border:0!important;}
.flag{
  height:40px!important;border:0!important;border-radius:7px!important;padding:0 12px!important;font-weight:900!important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.06)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.flag input{width:16px!important;height:16px!important;accent-color:var(--teal,#006b5f)!important;}
.flag.campaign{background:#fff400!important;color:#111827!important;}
.flag.new{background:#ff971f!important;color:#111827!important;}
.flag.stock{background:#0ea5d8!important;color:#fff!important;}
.flag.super{background:#ededed!important;color:#1f2937!important;}
.general-search{height:44px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;}
.general-search input{height:44px!important;border:1px solid var(--ui-line)!important;border-radius:8px 0 0 8px!important;padding:0 16px!important;font-size:13px!important;background:#fff!important;}
.general-search input:focus{border-color:var(--teal,#006b5f)!important;box-shadow:0 0 0 3px rgba(0,107,95,.10)!important;}
.general-search button{height:44px!important;border-radius:0 8px 8px 0!important;background:linear-gradient(135deg,var(--teal,#006b5f),var(--teal2,#004f48))!important;color:#fff!important;font-weight:950!important;}
.catalog-status{height:38px!important;display:flex!important;align-items:center!important;gap:12px!important;background:#fff!important;color:#17232f!important;border-top:1px solid var(--ui-line-soft)!important;padding:0 2px!important;}
.catalog-status span{color:#657685!important;font-weight:850!important;text-align:left!important;}
.catalog-status strong{color:#17232f!important;font-weight:900!important;}
.promo-banner{
  min-height:126px!important;border:1px solid #dceeea!important;border-radius:8px!important;padding:18px 20px!important;
  background:linear-gradient(135deg,#f6fffd 0%,#eaf8f5 100%)!important;box-shadow:none!important;
}
.promo-banner b{color:#006b5f!important;font-size:12px!important;letter-spacing:.04em!important;}
.promo-banner strong{font-size:21px!important;line-height:1.15!important;color:#00584f!important;margin-top:8px!important;}
.promo-banner span{color:#31545f!important;font-size:13px!important;line-height:1.35!important;font-weight:800!important;}
.promo-banner:after{background:rgba(0,107,95,.08)!important;right:-48px!important;top:-48px!important;}
.summary-strip{
  height:62px!important;display:grid!important;grid-template-columns:145px 145px 145px 145px minmax(220px,1fr)!important;
  align-items:center!important;margin-bottom:12px!important;padding:0!important;
}
.summary-strip div{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;border-right:1px solid var(--ui-line-soft)!important;padding:0 18px!important;}
.summary-strip span{font-size:11px!important;color:#647481!important;font-weight:850!important;margin-bottom:5px!important;}
.summary-strip strong{font-size:16px!important;color:#111827!important;font-weight:950!important;line-height:1!important;}
.summary-strip .sort-cell{justify-self:stretch!important;width:auto!important;align-items:flex-end!important;border-right:0!important;padding-right:18px!important;}
.summary-strip .sort-cell select{width:min(240px,100%)!important;height:36px!important;border:1px solid var(--ui-line)!important;border-radius:7px!important;font-weight:800!important;color:#2b3b46!important;background:#fff!important;}
.grid-panel{border-radius:10px!important;margin-bottom:10px!important;}
.table-scroll{height:calc(100vh - 375px)!important;min-height:360px!important;background:#fff!important;}
.sales-grid{border-collapse:separate!important;border-spacing:0!important;min-width:1500px!important;background:#fff!important;}
.sales-grid th{
  top:0!important;background:linear-gradient(180deg,var(--teal,#006b5f),var(--teal2,#004f48))!important;color:#fff!important;
  height:36px!important;padding:8px 8px!important;border-right:1px solid rgba(255,255,255,.13)!important;
  font-size:11px!important;font-weight:900!important;white-space:nowrap!important;
}
.sales-grid td{
  height:34px!important;padding:6px 8px!important;border-right:1px solid #e6edf2!important;border-bottom:1px solid #e9eef2!important;
  font-size:12px!important;color:#17232f!important;
}
.sales-grid tbody tr{transition:background .12s ease!important;}
.sales-grid tbody tr:hover{filter:none!important;background:#eafaf6!important;}
.qty-input{height:25px!important;width:50px!important;border-radius:5px!important;border:1px solid #cbd8df!important;background:#fff!important;}
.detail-btn,.action-btn{border-radius:6px!important;height:26px!important;padding:0 11px!important;font-weight:900!important;}
.detail-btn{background:#f5faf9!important;color:#00584f!important;border:1px solid #d6e8e4!important;}
.action-btn{background:var(--teal,#006b5f)!important;color:#fff!important;}
.pager{height:58px!important;justify-content:flex-end!important;gap:10px!important;padding:10px 18px!important;background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;box-shadow:var(--ui-shadow)!important;margin-bottom:8px!important;}
.pager-btn{height:36px!important;border-radius:8px!important;background:#f4f7f9!important;color:#293947!important;border:1px solid var(--ui-line)!important;padding:0 14px!important;}
#pageInfo{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;height:36px!important;border:1px solid rgba(0,107,95,.32)!important;border-radius:8px!important;color:#006b5f!important;font-weight:950!important;background:#fff!important;}
.footer-line{padding:8px 0 12px!important;color:#80909b!important;font-size:11px!important;}
.home-hero-panel{border-radius:12px!important;box-shadow:var(--ui-shadow)!important;}
.cart-page{padding:0!important;margin-bottom:12px!important;}
@media(max-width:1500px){
  .identity-header{grid-template-columns:300px minmax(280px,1fr) minmax(500px,600px)!important;padding-left:18px!important;padding-right:18px!important;}
  .board-grid{grid-template-columns:minmax(300px,420px) minmax(410px,1fr) minmax(300px,370px)!important;}
  .content-wrap{padding-left:18px!important;padding-right:18px!important;}
}
@media(max-width:1200px){
  .identity-header{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;align-items:start!important;}
  .customer-identity{text-align:left!important;padding:0!important;}
  .right-widgets.header-context-widgets{grid-template-columns:1fr 1.35fr 1fr!important;width:100%!important;}
  .tile-menu{grid-template-columns:repeat(12,minmax(92px,1fr))!important;}
  .board-grid{grid-template-columns:1fr!important;}
  .promo-banner{display:flex!important;}
  .summary-strip{grid-template-columns:repeat(4,1fr)!important;height:auto!important;}
  .summary-strip .sort-cell{grid-column:1 / -1!important;align-items:stretch!important;padding:10px 14px!important;}
  .summary-strip .sort-cell select{width:100%!important;}
}
@media(max-width:760px){
  .identity-header{padding:12px!important;gap:10px!important;}
  .logo-mark{width:54px!important;height:54px!important;}
  .logo-title{font-size:22px!important;}
  .right-widgets.header-context-widgets{grid-template-columns:1fr!important;gap:8px!important;}
  .right-widgets.header-context-widgets > .cart-widget,
  .right-widgets.header-context-widgets > .customer-context-widget,
  .right-widgets.header-context-widgets > .header-representative-card{height:auto!important;min-height:58px!important;}
  .tile-menu{height:auto!important;min-height:64px!important;display:flex!important;}
  .tile{height:64px!important;min-width:92px!important;}
  .content-wrap{padding:10px!important;}
  .filter-matrix{grid-template-columns:1fr!important;gap:6px!important;}
  .filter-row{display:grid!important;grid-template-columns:1fr!important;}
  .filter-row label{height:auto!important;padding:0!important;border-bottom:0!important;background:transparent!important;}
  .filter-row select{margin-bottom:4px!important;}
  .flag-row{grid-template-columns:1fr 1fr!important;}
  .general-search{grid-template-columns:1fr!important;height:auto!important;gap:8px!important;}
  .general-search input,.general-search button{border-radius:8px!important;width:100%!important;}
  .summary-strip{grid-template-columns:repeat(2,1fr)!important;}
  .table-scroll{height:auto!important;max-height:68vh!important;}
}

/* ==========================================================
   MVP24-B1 FIX1 - Üst sağ Cari kartı sıkışma düzeltmesi
   Amaç: Header sağ blokta cari ünvan/bakiye/switch aksiyonu üst üste binmesin.
   Not: Full aktif cari zaten orta başlıkta gösteriliyor; sağ kart kompakt aksiyon kartı olur.
   ========================================================== */
.right-widgets.header-context-widgets > .customer-context-widget,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  grid-template-rows: auto auto auto !important;
  justify-items: center !important;
  align-items: center !important;
  align-content: center !important;
  gap: 3px !important;
  height: 74px !important;
  min-height: 74px !important;
  padding: 7px 10px !important;
  overflow: hidden !important;
  text-align: center !important;
}

.right-widgets.header-context-widgets > .customer-context-widget > span,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > span{
  grid-area: auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #667785 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.right-widgets.header-context-widgets > .customer-context-widget > strong,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > strong{
  grid-area: auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #15232e !important;
  font-size: 12.5px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Sağ üst kartta full ünvan/bakiye gösterimi taşma yapıyordu.
   Bu bilgiler orta header kimliğinde ve tooltip'te mevcut; kompakt kartta gizlenir. */
.right-widgets.header-context-widgets > .customer-context-widget > small:not(.customer-switch-hint),
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > small:not(.customer-switch-hint),
.right-widgets.header-context-widgets > .customer-context-widget > .balance-line,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .balance-line{
  display: none !important;
}

.right-widgets.header-context-widgets > .customer-context-widget > .customer-switch-hint,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .customer-switch-hint{
  grid-area: auto !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: rgba(0,107,95,.11) !important;
  color: #006b5f !important;
  border: 1px solid rgba(0,107,95,.14) !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.right-widgets.header-context-widgets > .customer-context-widget > .customer-switch-hint::before,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .customer-switch-hint::before{
  content: '↺' !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

@media(max-width:1500px){
  .right-widgets.header-context-widgets > .customer-context-widget,
  .right-widgets.header-context-widgets > .rep-widget.customer-context-widget{
    padding: 6px 8px !important;
  }
  .right-widgets.header-context-widgets > .customer-context-widget > strong,
  .right-widgets.header-context-widgets > .rep-widget.customer-context-widget > strong{
    font-size: 11.5px !important;
  }
  .right-widgets.header-context-widgets > .customer-context-widget > .customer-switch-hint,
  .right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .customer-switch-hint{
    padding: 3px 7px !important;
    font-size: 9px !important;
  }
}


/* ==========================================================
   MVP24-B1 FIX2 - Header Cari finans kartı
   Kural:
   - Cari kartında kod + ünvan + toplam güncel bakiye görünür.
   - TL/TL2 ayrı ayrı gösterilmez; JS toplam bakiye basar.
   - Cari Değiştir sadece plasiyer modunda render edilir.
   ========================================================== */
.right-widgets.header-context-widgets > .customer-context-widget,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget{
  grid-template-rows:auto auto auto auto auto !important;
  gap:2px !important;
  height:82px !important;
  min-height:82px !important;
  padding:6px 10px !important;
  align-content:center !important;
}

.right-widgets.header-context-widgets > .customer-context-widget > small:not(.customer-switch-hint),
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > small:not(.customer-switch-hint),
.right-widgets.header-context-widgets > .customer-context-widget > .balance-line,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .balance-line{
  display:block !important;
}

.right-widgets.header-context-widgets > .customer-context-widget > .customer-title-line,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .customer-title-line{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  color:#253849 !important;
  font-size:10px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.right-widgets.header-context-widgets > .customer-context-widget > .balance-line,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .balance-line{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  color:#006b5f !important;
  font-size:10px !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.right-widgets.header-context-widgets > .customer-context-widget > .customer-switch-hint,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .customer-switch-hint{
  margin-top:1px !important;
  padding:2px 8px !important;
  font-size:8.8px !important;
  line-height:1 !important;
  max-height:17px !important;
}

.right-widgets.header-context-widgets > .customer-context-widget:not(.has-switch-action) > .customer-switch-hint,
.right-widgets.header-context-widgets > .rep-widget.customer-context-widget:not(.has-switch-action) > .customer-switch-hint{
  display:none !important;
}

@media(max-width:1500px){
  .right-widgets.header-context-widgets > .customer-context-widget,
  .right-widgets.header-context-widgets > .rep-widget.customer-context-widget{
    height:78px !important;
    min-height:78px !important;
    padding:5px 8px !important;
  }
  .right-widgets.header-context-widgets > .customer-context-widget > .customer-title-line,
  .right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .customer-title-line,
  .right-widgets.header-context-widgets > .customer-context-widget > .balance-line,
  .right-widgets.header-context-widgets > .rep-widget.customer-context-widget > .balance-line{
    font-size:9.5px !important;
  }
}

/* MVP25 - Siparişler sayfası */
.orders-page{
  border:1px solid var(--ui-line)!important;background:#fff!important;border-radius:var(--ui-radius)!important;
  box-shadow:var(--ui-shadow)!important;overflow:hidden!important;margin-bottom:16px!important;
}
.orders-page-head{
  min-height:74px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;padding:14px 18px!important;border-bottom:1px solid var(--ui-line-soft)!important;
  background:linear-gradient(180deg,#fff,#f7fbfb)!important;
}
.orders-page-head > div{display:grid!important;gap:4px!important;min-width:0!important;}
.orders-kicker{font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--teal,#006b5f)!important;}
.orders-page-head strong{font-size:20px!important;line-height:1.1!important;color:#15232e!important;font-weight:950!important;letter-spacing:-.02em!important;}
.orders-page-head em{font-style:normal!important;font-size:12px!important;color:#637684!important;font-weight:750!important;}
.orders-refresh-btn,
.orders-filterbar button,
.order-detail-btn{
  border:1px solid rgba(0,107,95,.20)!important;background:var(--teal,#006b5f)!important;color:#fff!important;
  border-radius:8px!important;height:34px!important;padding:0 14px!important;font-weight:900!important;cursor:pointer!important;
}
.orders-refresh-btn:hover,
.orders-filterbar button:hover,
.order-detail-btn:hover{filter:brightness(.96)!important;}
.orders-filterbar{
  display:grid!important;grid-template-columns:220px minmax(280px,1fr) 110px!important;gap:10px!important;
  padding:12px 14px!important;align-items:end!important;border-bottom:1px solid var(--ui-line-soft)!important;background:#fbfcfd!important;
}
.orders-filterbar label{display:grid!important;gap:5px!important;min-width:0!important;}
.orders-filterbar span{font-size:11px!important;color:#40515f!important;font-weight:900!important;}
.orders-filterbar select,
.orders-filterbar input{
  height:36px!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;background:#fff!important;
  padding:0 10px!important;outline:none!important;font-size:12px!important;font-weight:750!important;color:#17232f!important;
}
.orders-state-box{
  margin:14px!important;padding:12px 14px!important;border:1px solid #fed7aa!important;background:#fff7ed!important;color:#7c2d12!important;
  border-radius:999px!important;text-align:center!important;font-weight:850!important;font-size:12px!important;
}
.orders-state-box.error{border-color:#fecaca!important;background:#fff1f2!important;color:#991b1b!important;border-radius:10px!important;}
.orders-body{padding:0 14px 14px!important;}
.orders-table-wrap{border:1px solid var(--ui-line)!important;border-radius:10px!important;overflow:auto!important;background:#fff!important;}
.orders-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:1120px!important;font-size:12px!important;}
.orders-table th{
  height:34px!important;background:var(--teal,#006b5f)!important;color:#fff!important;text-align:left!important;
  padding:0 10px!important;font-size:11px!important;font-weight:900!important;border-right:1px solid rgba(255,255,255,.15)!important;white-space:nowrap!important;
}
.orders-table th.center,.orders-table td.center{text-align:center!important;}
.orders-table th.num,.orders-table td.num{text-align:right!important;}
.orders-table td{
  height:42px!important;padding:7px 10px!important;border-bottom:1px solid var(--ui-line-soft)!important;
  border-right:1px solid var(--ui-line-soft)!important;color:#17232f!important;vertical-align:middle!important;font-weight:750!important;
}
.orders-table tbody tr:nth-child(odd){background:#fff!important;}
.orders-table tbody tr:nth-child(even){background:#fbfdfe!important;}
.orders-table tbody tr:hover{background:#f1fbf8!important;}
.orders-no{color:#0f3f3a!important;font-weight:950!important;white-space:nowrap!important;}
.orders-customer-code{font-weight:950!important;color:#17232f!important;white-space:nowrap!important;}
.orders-customer-name{font-size:11px!important;color:#667985!important;max-width:260px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.order-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:98px!important;height:24px!important;border-radius:999px!important;font-size:11px!important;font-weight:950!important;padding:0 10px!important;white-space:nowrap!important;}
.order-status.ok{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important;}
.order-status.pending{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;}
.order-status.error{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important;}
.order-status.processing{background:#e0f2fe!important;color:#075985!important;border:1px solid #bae6fd!important;}
.orders-error-line{display:block!important;margin-top:4px!important;color:#991b1b!important;font-size:10px!important;max-width:220px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.orders-table td small{display:block!important;margin-top:4px!important;color:#6b7d89!important;font-size:10px!important;font-weight:750!important;}
.orders-pager{height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:0 14px!important;border-top:1px solid var(--ui-line-soft)!important;background:#fbfcfd!important;}
.orders-pager button{height:32px!important;border:1px solid var(--ui-line)!important;background:#fff!important;border-radius:8px!important;padding:0 12px!important;font-weight:850!important;color:#20313d!important;cursor:pointer!important;}
.orders-pager button:disabled{opacity:.45!important;cursor:not-allowed!important;}
.orders-pager span{font-size:12px!important;font-weight:850!important;color:#40515f!important;}
.order-detail-items{overflow:auto!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;}
.order-detail-items table{width:100%!important;border-collapse:collapse!important;min-width:640px!important;font-size:12px!important;}
.order-detail-items th{background:#f3f7f8!important;color:#31434f!important;text-align:left!important;padding:8px!important;border-bottom:1px solid var(--ui-line)!important;}
.order-detail-items td{padding:8px!important;border-bottom:1px solid var(--ui-line-soft)!important;}
.order-detail-items .center{text-align:center!important;}.order-detail-items .num{text-align:right!important;}
.order-error-box,.order-note-box{border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#fbfcfd!important;padding:10px!important;color:#263541!important;font-weight:750!important;line-height:1.45!important;white-space:pre-wrap!important;}
.order-error-box{background:#fff1f2!important;border-color:#fecaca!important;color:#991b1b!important;}
@media(max-width:900px){
  .orders-page-head{align-items:flex-start!important;flex-direction:column!important;}
  .orders-filterbar{grid-template-columns:1fr!important;}
  .orders-filterbar button,.orders-refresh-btn{width:100%!important;}
  .orders-body{padding:0 10px 10px!important;}
  .orders-pager{justify-content:center!important;flex-wrap:wrap!important;height:auto!important;padding:10px!important;}
}

/* MVP26 - İstek Listesi sayfası */
.requests-page{
  margin:14px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(16,34,44,.08)!important;
  overflow:hidden!important;
}
.requests-page-head{
  min-height:72px!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid var(--ui-line-soft)!important;
  background:linear-gradient(180deg,#fff,#fbfdfe)!important;
}
.requests-page-head > div{display:grid!important;gap:4px!important;min-width:0!important;}
.requests-kicker{font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--teal,#006b5f)!important;}
.requests-page-head strong{font-size:20px!important;line-height:1.1!important;color:#15232e!important;font-weight:950!important;letter-spacing:-.02em!important;}
.requests-page-head em{font-style:normal!important;font-size:12px!important;color:#637684!important;font-weight:750!important;}
.requests-refresh-btn,
.requests-filterbar button,
.requests-table button{
  height:32px!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;background:#fff!important;color:#20313d!important;padding:0 12px!important;font-size:12px!important;font-weight:850!important;cursor:pointer!important;
}
.requests-refresh-btn:hover,
.requests-filterbar button:hover,
.requests-table button:hover{border-color:var(--teal,#006b5f)!important;color:var(--teal,#006b5f)!important;}
.requests-table button:disabled{opacity:.45!important;cursor:not-allowed!important;}
.requests-filterbar{
  display:grid!important;
  grid-template-columns:180px minmax(260px,1fr) 88px 140px!important;
  gap:10px!important;
  align-items:end!important;
  padding:12px 14px!important;
  border-bottom:1px solid var(--ui-line-soft)!important;
  background:#fbfcfd!important;
}
.requests-filterbar label{display:grid!important;gap:5px!important;min-width:0!important;}
.requests-filterbar span{font-size:11px!important;color:#40515f!important;font-weight:900!important;}
.requests-filterbar select,
.requests-filterbar input{
  height:34px!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;background:#fff!important;padding:0 10px!important;font-size:12px!important;font-weight:750!important;color:#20313d!important;outline:none!important;
}
.requests-secondary-btn{background:#f8fbfb!important;}
.requests-state-box{
  margin:14px!important;padding:12px!important;border:1px dashed var(--ui-line)!important;background:#fbfefe!important;border-radius:10px!important;color:#415565!important;text-align:center!important;font-weight:800!important;
}
.requests-state-box.error{border-color:#fecaca!important;background:#fff1f2!important;color:#991b1b!important;border-radius:10px!important;}
.requests-body{padding:0 14px 14px!important;}
.requests-table-wrap{border:1px solid var(--ui-line)!important;border-radius:10px!important;overflow:auto!important;background:#fff!important;}
.requests-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:1160px!important;font-size:12px!important;}
.requests-table th{
  background:var(--teal,#006b5f)!important;color:#fff!important;text-align:left!important;padding:8px 10px!important;font-size:11px!important;font-weight:900!important;border-right:1px solid rgba(255,255,255,.16)!important;white-space:nowrap!important;
}
.requests-table th.center,.requests-table td.center{text-align:center!important;}
.requests-table td{
  padding:8px 10px!important;border-bottom:1px solid var(--ui-line-soft)!important;border-right:1px solid var(--ui-line-soft)!important;color:#20313d!important;vertical-align:middle!important;
}
.requests-table tbody tr:nth-child(odd){background:#fff!important;}
.requests-table tbody tr:nth-child(even){background:#fbfdfe!important;}
.requests-table tbody tr:hover{background:#f1fbf8!important;}
.requests-customer-code,.requests-product-code{font-weight:950!important;color:#17232f!important;white-space:nowrap!important;}
.requests-customer-name,.requests-product-name{font-size:11px!important;color:#667985!important;max-width:280px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.requests-note-cell{max-width:260px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#536776!important;}
.requests-table td small{display:block!important;margin-top:4px!important;color:#6b7d89!important;font-size:10px!important;font-weight:750!important;}
.request-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:92px!important;height:24px!important;border-radius:999px!important;padding:0 10px!important;font-size:11px!important;font-weight:900!important;border:1px solid transparent!important;white-space:nowrap!important;}
.request-status.open{background:#e9f9ef!important;color:#126b35!important;border-color:#bbefd0!important;}
.request-status.processing{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important;}
.request-status.fulfilled{background:#f0fdf4!important;color:#166534!important;border-color:#86efac!important;}
.request-status.cancelled{background:#f3f4f6!important;color:#4b5563!important;border-color:#d1d5db!important;}
.request-status.unknown{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important;}
.request-edit-btn{margin-right:5px!important;}
.request-cancel-btn{color:#991b1b!important;}
.requests-pager{height:52px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:0 14px!important;border-top:1px solid var(--ui-line-soft)!important;background:#fbfcfd!important;}
.requests-pager button{height:32px!important;border:1px solid var(--ui-line)!important;background:#fff!important;border-radius:8px!important;padding:0 12px!important;font-weight:850!important;color:#20313d!important;cursor:pointer!important;}
.requests-pager button:disabled{opacity:.45!important;cursor:not-allowed!important;}
.requests-pager span{font-size:12px!important;font-weight:850!important;color:#40515f!important;}
@media(max-width:900px){
  .requests-page{margin:10px!important;border-radius:12px!important;}
  .requests-page-head{align-items:flex-start!important;flex-direction:column!important;}
  .requests-filterbar{grid-template-columns:1fr!important;}
  .requests-filterbar button,.requests-refresh-btn{width:100%!important;}
  .requests-body{padding:0 10px 10px!important;}
  .requests-pager{justify-content:center!important;flex-wrap:wrap!important;height:auto!important;padding:10px!important;}
}


/* MVP26-C - Ana sayfada arama özet şeridi gizleme + belirgin stok bildirimi */
.search-board.hidden,
.summary-strip.hidden,
.grid-panel.hidden,
.product-grid.hidden,
.loading-box.hidden,
.error-box.hidden,
.pager.hidden,
.home-page.hidden,
.home-featured-panel.hidden,
.cart-page.hidden,
.utility-card.hidden,
.orders-page.hidden,
.requests-page.hidden,
.coming-soon-page.hidden {
  display: none !important;
}

.b2b-stock-notice-stack {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99999;
  display: grid;
  gap: 10px;
  width: min(390px, calc(100vw - 28px));
  pointer-events: none;
}
.b2b-stock-notice {
  pointer-events: auto;
  display: grid;
  grid-template-columns: 50px minmax(0,1fr) 30px;
  gap: 12px;
  align-items: center;
  min-height: 96px;
  border: 1px solid rgba(0,107,95,.22);
  border-left: 6px solid var(--teal, #006b5f);
  border-radius: 16px;
  padding: 14px 12px 14px 14px;
  background: linear-gradient(135deg, #ffffff 0%, #f0fdfa 100%);
  color: #0f172a;
  box-shadow: 0 22px 60px rgba(15,23,42,.24);
  transform: translateX(24px) scale(.96);
  opacity: 0;
  transition: transform .18s ease, opacity .18s ease;
  cursor: pointer;
}
.b2b-stock-notice.show {
  transform: translateX(0) scale(1);
  opacity: 1;
}
.b2b-stock-notice-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--teal, #006b5f), var(--teal2, #004f48));
  color: #fff;
  font-size: 23px;
  box-shadow: 0 10px 24px rgba(0,107,95,.28);
}
.b2b-stock-notice-content {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.b2b-stock-notice-content strong {
  font-size: 14px;
  font-weight: 950;
  color: #003f39;
  line-height: 1.15;
}
.b2b-stock-notice-content span {
  font-size: 12px;
  font-weight: 800;
  color: #334155;
  line-height: 1.35;
}
.b2b-stock-notice-close {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 10px;
  background: rgba(15,23,42,.07);
  color: #334155;
  font-size: 20px;
  line-height: 1;
  display: grid;
  place-items: center;
}
.b2b-stock-notice-close:hover { background: rgba(15,23,42,.14); }
@media (max-width: 700px) {
  .b2b-stock-notice-stack {
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
  }
  .b2b-stock-notice {
    grid-template-columns: 44px minmax(0,1fr) 28px;
    min-height: 88px;
    border-radius: 14px;
  }
  .b2b-stock-notice-icon { width: 44px; height: 44px; border-radius: 12px; }
}

/* MVP27 - Plasiyer Pusula */
.compass-page{
  display:grid;
  gap:14px;
  padding:14px;
}
.compass-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border:1px solid rgba(14,64,95,.10);
  border-radius:16px;
  background:linear-gradient(135deg,#ffffff 0%,#f3f8fb 100%);
  box-shadow:0 12px 34px rgba(16,36,54,.07);
}
.compass-head>div:first-child{display:grid;gap:4px;}
.compass-kicker{
  width:max-content;
  border-radius:999px;
  background:rgba(0,86,138,.10);
  color:#00568a;
  padding:5px 10px;
  font-size:11px;
  font-weight:950;
}
.compass-head strong{font-size:21px;color:#152536;letter-spacing:-.035em;}
.compass-head small{font-weight:800;color:#607080;}
.compass-actions{display:flex;align-items:center;gap:10px;}
.compass-actions select,.compass-refresh-btn{
  height:38px;
  border:1px solid #d6e0e8;
  border-radius:10px;
  background:#fff;
  padding:0 12px;
  font-weight:900;
  color:#203040;
}
.compass-refresh-btn{background:#00568a;color:#fff;border-color:#00568a;cursor:pointer;}
.compass-state-box{
  border:1px solid #e2eaf0;
  border-radius:14px;
  background:#fff;
  padding:18px;
  color:#607080;
  font-weight:900;
}
.compass-body{display:grid;gap:12px;}
.compass-period-note{
  justify-self:start;
  border:1px solid #e1e9ee;
  background:#fff;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  color:#607080;
  font-weight:900;
}
.compass-kpi-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.compass-kpi{
  border:1px solid #e0e9ef;
  border-radius:15px;
  background:#fff;
  padding:13px 14px;
  display:grid;
  gap:5px;
  box-shadow:0 10px 28px rgba(18,38,54,.05);
}
.compass-kpi span{font-size:11px;font-weight:950;color:#607080;text-transform:uppercase;letter-spacing:.02em;}
.compass-kpi strong{font-size:21px;color:#102233;line-height:1.05;}
.compass-kpi small{font-size:11px;color:#71808d;font-weight:800;}
.compass-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.compass-panel{
  border:1px solid #dde8ef;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(18,38,54,.045);
}
.compass-panel.wide{grid-column:span 2;}
.compass-panel header{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  background:#f7fafc;
  border-bottom:1px solid #e4edf2;
}
.compass-panel header strong{font-size:14px;color:#152536;}
.compass-link-btn,.compass-mini-btn{
  border:1px solid rgba(0,86,138,.18);
  background:#eef7fb;
  color:#00568a;
  border-radius:999px;
  min-height:28px;
  padding:5px 10px;
  font-weight:950;
  font-size:11px;
  cursor:pointer;
}
.compass-mini-btn{background:#fff;white-space:nowrap;}
.compass-list{display:grid;}
.compass-list-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:11px 14px;
  border-bottom:1px solid #edf2f5;
}
.compass-list-row:last-child{border-bottom:0;}
.compass-list-row>div:first-child{display:grid;gap:3px;min-width:0;}
.compass-list-row strong{font-size:13px;color:#102233;}
.compass-list-row span{
  font-size:12px;
  color:#354453;
  font-weight:850;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.compass-list-row small{font-size:11px;color:#778693;font-weight:800;}
.compass-row-side{display:grid;justify-items:end;gap:6px;}
.compass-row-side b{font-size:12px;color:#00568a;white-space:nowrap;}
.compass-empty{padding:22px 14px;color:#6f7f8d;font-weight:900;text-align:center;background:#fbfdfe;}
@media(max-width:1200px){
  .compass-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  .compass-page{padding:10px;}
  .compass-head{display:grid;align-items:stretch;padding:14px;}
  .compass-actions{display:grid;grid-template-columns:1fr auto;}
  .compass-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .compass-grid{grid-template-columns:1fr;}
  .compass-panel.wide{grid-column:span 1;}
  .compass-list-row{grid-template-columns:1fr;}
  .compass-row-side{justify-items:start;}
}


/* MVP27 FIX2 - Sevkiyat menüden kaldırıldı, yerine Çıkış menü tuşu kondu */
.header-representative-card{
  position:relative!important;
  padding-right:inherit!important;
}
.tile-menu .logout-tile{
  display:flex!important;
  background:linear-gradient(180deg,rgba(100,100,100,.98),rgba(78,78,78,.98))!important;
}
.tile-menu .logout-tile:hover,
.tile-menu .logout-tile:focus{
  background:linear-gradient(180deg,rgba(92,92,92,1),rgba(62,62,62,1))!important;
}
.tile-menu .logout-tile.active{
  box-shadow:inset 0 -3px 0 rgba(255,255,255,.55)!important;
}


/* MVP27 FIX3 - Çıkış menü rengi tema ile aynı ve plasiyerde de görünür */
.tile-menu{
  display:flex!important;
  grid-template-columns:none!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
}
.tile-menu .tile{
  flex:1 1 0!important;
  min-width:74px!important;
}
.tile-menu .logout-tile,
.tile-menu .logout-tile:hover,
.tile-menu .logout-tile:focus{
  display:flex!important;
  background:transparent!important;
  color:#fff!important;
}
.tile-menu .logout-tile:hover,
.tile-menu .logout-tile:focus{
  background:rgba(255,255,255,.09)!important;
}
.tile-menu .logout-tile.active{
  background:rgba(0,0,0,.16)!important;
  box-shadow:none!important;
}
.tile-menu .logout-tile.active::after{
  height:4px!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  border-radius:0!important;
  background:rgba(255,255,255,.82)!important;
}
@media(max-width:1300px){
  .tile-menu{
    display:flex!important;
    overflow-x:auto!important;
    scrollbar-width:thin!important;
  }
  .tile-menu .tile{
    display:flex!important;
    flex:0 0 96px!important;
    min-width:96px!important;
  }
  .tile-menu .logout-tile{
    display:flex!important;
    flex:0 0 96px!important;
    min-width:96px!important;
  }
}
@media(max-width:760px){
  .tile-menu{overflow-x:auto!important;}
  .tile-menu .tile{flex:0 0 92px!important;min-width:92px!important;}
}

/* MVP28 - Cari Hesap / Ekstre ekranı */
.account-page{padding:18px;background:#f3f7f8;min-height:520px;}
.account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#fff;border:1px solid #dfe8ed;border-radius:16px;padding:16px 18px;margin-bottom:12px;box-shadow:0 10px 26px rgba(19,45,64,.06);}
.account-head strong{display:block;font-size:22px;color:#142330;letter-spacing:-.03em;margin-top:4px;}
.account-head small{display:block;color:#637586;font-weight:700;margin-top:4px;}
.account-kicker{display:inline-flex;align-items:center;border-radius:999px;background:#e5f5ef;color:#006b5f;padding:5px 10px;font-size:12px;font-weight:900;}
.account-refresh-btn,.account-filterbar button{border:0;border-radius:10px;background:var(--brand-primary,#006b5f);color:#fff;font-weight:900;padding:10px 16px;box-shadow:0 8px 18px rgba(0,107,95,.16);}
.account-filterbar{display:grid;grid-template-columns:150px 150px 150px minmax(260px,1fr) auto;gap:10px;align-items:end;background:#fff;border:1px solid #dfe8ed;border-radius:14px;padding:12px;margin-bottom:12px;box-shadow:0 8px 22px rgba(19,45,64,.045);}
.account-filterbar label{display:grid;gap:5px;color:#344657;font-weight:900;font-size:12px;}
.account-filterbar input,.account-filterbar select{height:38px;border:1px solid #cfdbe4;border-radius:10px;padding:0 10px;background:#fff;color:#172330;font-weight:800;outline:none;}
.account-filterbar input:focus,.account-filterbar select:focus{border-color:var(--brand-primary,#006b5f);box-shadow:0 0 0 3px rgba(0,107,95,.10);}
.account-state-box,.account-empty{background:#fff;border:1px dashed #cfdbe4;border-radius:14px;padding:18px;color:#617487;font-weight:800;text-align:center;}
.account-summary-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:10px;margin-bottom:12px;}
.account-summary-grid>div{background:#fff;border:1px solid #dfe8ed;border-radius:14px;padding:12px 14px;box-shadow:0 8px 20px rgba(19,45,64,.045);min-height:76px;}
.account-summary-grid span{display:block;font-size:12px;font-weight:900;color:#687a8a;}
.account-summary-grid strong{display:block;margin-top:5px;font-size:18px;color:#0f2333;letter-spacing:-.025em;}
.account-summary-grid small{display:block;margin-top:4px;color:#6b7b88;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.account-table-wrap{background:#fff;border:1px solid #dfe8ed;border-radius:14px;overflow:auto;box-shadow:0 12px 28px rgba(19,45,64,.055);}
.account-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:980px;}
.account-table th{position:sticky;top:0;background:var(--brand-primary,#006b5f);color:#fff;text-align:left;font-size:12px;padding:10px 9px;border-right:1px solid rgba(255,255,255,.14);z-index:1;}
.account-table td{padding:9px;border-bottom:1px solid #edf2f5;border-right:1px solid #edf2f5;color:#243746;font-weight:700;vertical-align:middle;}
.account-table tr:hover td{background:#f7fbfb;}
.account-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.account-table .debit{color:#8a3b00;}
.account-table .credit{color:#006b5f;}
.account-kind{display:inline-flex;border-radius:999px;background:#eef4f6;color:#344657;padding:4px 8px;font-size:11px;font-weight:900;white-space:nowrap;}
.account-kind.sale,.account-kind.debit{background:#fff4e5;color:#8a4b00;}
.account-kind.collection,.account-kind.credit{background:#e5f5ef;color:#006b5f;}
.account-kind.return{background:#fff0f0;color:#9a1e1e;}
.account-empty-cell{text-align:center!important;color:#778898!important;padding:22px!important;font-weight:900!important;}
.account-pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 2px;color:#516273;font-weight:900;}
.account-pager button{border:1px solid #d2dde6;background:#fff;border-radius:10px;padding:8px 12px;font-weight:900;color:#203342;}
.account-pager button:disabled{opacity:.45;cursor:not-allowed;}
@media(max-width:1100px){.account-filterbar{grid-template-columns:1fr 1fr}.account-search-field{grid-column:1/-1}.account-summary-grid{grid-template-columns:1fr 1fr}.account-head{display:grid}.account-refresh-btn{justify-self:start}}
@media(max-width:640px){.account-page{padding:10px}.account-filterbar{grid-template-columns:1fr}.account-summary-grid{grid-template-columns:1fr}.account-head strong{font-size:18px}}

/* MVP28-C - Ekstre/fatura detay ve ürün geçmiş satın alma görüntüleme */
.purchase-history-badge{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#eef7ff;color:#0c5c8f;min-width:24px;height:24px;padding:0 6px;font-size:13px;font-weight:950;cursor:pointer;box-shadow:0 1px 0 rgba(10,40,60,.08)}
.purchase-history-badge:hover{background:#dff0ff;transform:translateY(-1px)}
.purchase-history-badge.row-purchase{margin-left:5px;vertical-align:middle;min-width:22px;height:22px;font-size:12px}
.purchase-history-badge.badge-purchase{background:#eef7ff;color:#0c5c8f;border:1px solid #cfe5f8;height:22px;min-width:28px;padding:0 7px}
.account-table th.center,.account-table td.center{text-align:center!important}
.invoice-lines-btn{border:0;border-radius:999px;background:#eaf4f2;color:var(--brand-primary,#006b5f);font-weight:950;padding:6px 9px;cursor:pointer;white-space:nowrap}
.invoice-lines-btn:hover{background:#dcefea}.invoice-lines-none{color:#9aa8b3;font-weight:900}
.invoice-lines-modal,.purchase-history-modal{position:fixed;inset:0;z-index:120;display:block}.invoice-lines-modal.hidden,.purchase-history-modal.hidden{display:none!important}
.invoice-lines-backdrop,.purchase-history-backdrop{position:absolute;inset:0;background:rgba(9,25,36,.48);backdrop-filter:blur(2px)}
.invoice-lines-card,.purchase-history-card{position:absolute;right:18px;top:18px;bottom:18px;width:min(1080px,calc(100vw - 36px));background:#fff;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.36)}
.purchase-history-card{width:min(920px,calc(100vw - 36px))}
.invoice-lines-head,.purchase-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #e5edf2;background:linear-gradient(180deg,#fff,#f7fbfc)}
.invoice-lines-head span,.purchase-history-head span{display:inline-flex;border-radius:999px;background:#e5f5ef;color:var(--brand-primary,#006b5f);padding:5px 10px;font-size:12px;font-weight:950}
.invoice-lines-head strong,.purchase-history-head strong{display:block;margin-top:6px;font-size:20px;color:#132532;letter-spacing:-.025em}
.invoice-lines-head small,.purchase-history-head small{display:block;margin-top:3px;color:#647482;font-weight:800}.invoice-lines-head button,.purchase-history-head button{border:0;border-radius:10px;background:#eaf1f5;color:#263846;width:36px;height:36px;font-size:24px;font-weight:900;cursor:pointer}
.invoice-lines-body,.purchase-history-body{padding:14px;overflow:auto;background:#f5f8fa;flex:1}.invoice-lines-loading,.purchase-history-loading,.purchase-history-empty{background:#fff;border:1px dashed #ccd9e2;border-radius:14px;padding:18px;text-align:center;color:#637485;font-weight:900}.purchase-history-loading.compact{padding:12px;font-size:12px}
.invoice-lines-summary,.purchase-history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.invoice-lines-summary>div,.purchase-history-summary>div{background:#fff;border:1px solid #dce7ed;border-radius:14px;padding:11px 12px;box-shadow:0 8px 22px rgba(19,45,64,.045)}
.invoice-lines-summary span,.purchase-history-summary span{display:block;color:#6b7c89;font-size:12px;font-weight:900}.invoice-lines-summary strong,.purchase-history-summary strong{display:block;margin-top:4px;color:#102635;font-size:18px;font-weight:950}
.invoice-lines-table-wrap,.purchase-history-table-wrap{background:#fff;border:1px solid #dce7ed;border-radius:14px;overflow:auto}.invoice-lines-table,.purchase-history-table{width:100%;border-collapse:separate;border-spacing:0;min-width:880px;font-size:13px}.purchase-history-table{min-width:760px}
.invoice-lines-table th,.purchase-history-table th{position:sticky;top:0;background:var(--brand-primary,#006b5f);color:#fff;text-align:left;padding:10px 9px;font-size:12px;border-right:1px solid rgba(255,255,255,.13);z-index:1}.invoice-lines-table td,.purchase-history-table td{padding:9px;border-bottom:1px solid #edf2f5;border-right:1px solid #edf2f5;color:#233746;font-weight:750;vertical-align:middle}.invoice-lines-table tr:hover td,.purchase-history-table tr:hover td{background:#f8fbfc}.invoice-lines-table .num,.purchase-history-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.purchase-history-table small{display:block;color:#7b8995;margin-top:2px}.invoice-product-code{border:0;background:transparent;color:var(--brand-primary,#006b5f);font-weight:950;text-decoration:underline;cursor:pointer;padding:0;text-align:left}
.product-purchase-history-box{padding:12px}.purchase-history-more{margin:10px 0 0;border:0;border-radius:10px;background:var(--brand-primary,#006b5f);color:#fff;font-weight:950;padding:9px 13px}.purchase-history-inline-section .purchase-history-summary{grid-template-columns:repeat(4,1fr)}.purchase-history-inline-section .purchase-history-table{min-width:680px}
@media(max-width:760px){.invoice-lines-card,.purchase-history-card{inset:8px;width:auto;right:8px;top:8px;bottom:8px;border-radius:14px}.invoice-lines-summary,.purchase-history-summary,.purchase-history-inline-section .purchase-history-summary{grid-template-columns:1fr 1fr}.invoice-lines-body,.purchase-history-body{padding:10px}.invoice-lines-head strong,.purchase-history-head strong{font-size:17px}}

/* MVP28-D true ledger additions */
.ledger-irs{display:inline-block;margin-top:3px;color:#64748b;font-weight:700}
.account-filterbar select#accountYearFilter{min-width:160px}
.account-kind.payment{background:#e0f2fe;color:#075985}
.account-kind.opening{background:#f1f5f9;color:#334155}

/* MVP27-B - Plasiyer Pusula gerçek Bayt datası */
.compass-quick-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.compass-period-card{
  border:1px solid #dfe9ef;
  border-radius:15px;
  background:#fff;
  padding:12px 13px;
  display:grid;
  gap:4px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(18,38,54,.045);
  color:#142331;
}
.compass-period-card span{
  font-size:11px;
  font-weight:950;
  color:#607080;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.compass-period-card strong{
  font-size:18px;
  color:#102233;
  letter-spacing:-.035em;
}
.compass-period-card small{
  font-size:11px;
  color:#72808d;
  font-weight:850;
}
.compass-period-card.active{
  border-color:rgba(0,86,138,.45);
  background:linear-gradient(135deg,#f5fbff 0%,#ffffff 100%);
  box-shadow:0 12px 30px rgba(0,86,138,.10);
}
.compass-product-row .compass-row-side{min-width:128px;}
.compass-list.compact .compass-list-row{padding-top:9px;padding-bottom:9px;}
@media(max-width:1200px){
  .compass-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  .compass-quick-grid{grid-template-columns:1fr;}
}

/* MVP30 - Cari Hesap ürünleştirme */
.account-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.account-secondary-btn{border:1px solid #cfdbe4;border-radius:10px;background:#fff;color:#203342;font-weight:900;padding:10px 14px;box-shadow:0 8px 18px rgba(19,45,64,.06)}
.account-secondary-btn:hover{border-color:var(--brand-primary,#006b5f);color:var(--brand-primary,#006b5f)}
.account-filterbar{grid-template-columns:170px 150px 150px 170px minmax(240px,1fr) auto!important}
.account-currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:-2px 0 12px}
.account-currency-grid>div{background:linear-gradient(180deg,#ffffff,#f7fbfb);border:1px solid #dfe8ed;border-radius:14px;padding:12px 14px;box-shadow:0 8px 20px rgba(19,45,64,.045)}
.account-currency-grid span{display:inline-flex;border-radius:999px;background:#eef4f6;color:#344657;padding:4px 9px;font-size:12px;font-weight:900}
.account-currency-grid strong{display:block;margin-top:8px;font-size:22px;color:#0f2333;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.account-currency-grid small{display:block;margin-top:4px;color:#6b7b88;font-weight:800;line-height:1.35}
.account-kind.check_note,.account-kind.checks,.account-kind.cek_senet{background:#fef3c7;color:#92400e}
@media(max-width:1180px){.account-filterbar{grid-template-columns:1fr 1fr 1fr!important}.account-search-field{grid-column:1/-1}.account-filterbar button{justify-self:start}.account-head-actions{justify-content:flex-start}}
@media(max-width:720px){
  .account-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-head-actions .account-refresh-btn{grid-column:1/-1}.account-head-actions button{width:100%}
  .account-filterbar{grid-template-columns:1fr!important}.account-filterbar button{width:100%}
  .account-table-wrap{background:transparent;border:0;box-shadow:none;overflow:visible}
  .account-table{min-width:0;border-spacing:0;display:block;background:transparent}
  .account-table thead{display:none}
  .account-table tbody{display:grid;gap:10px}
  .account-table tr{display:block;background:#fff;border:1px solid #dfe8ed;border-radius:14px;box-shadow:0 8px 20px rgba(19,45,64,.045);overflow:hidden}
  .account-table td{display:flex;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid #edf2f5;padding:9px 12px;text-align:right!important;white-space:normal}
  .account-table td:last-child{border-bottom:0}
  .account-table td::before{content:attr(data-label);font-weight:900;color:#687a8a;text-align:left;min-width:92px}
  .account-table td[data-label="Açıklama"]{display:block;text-align:left!important}
  .account-table td[data-label="Açıklama"]::before{display:block;margin-bottom:4px}
  .account-table .center{justify-content:space-between!important}
}


/* MVP31-C - Kullanıcı şifre yönetimi */
.password-tile span { filter: saturate(1.05); }
body.password-change-forced #passwordChangeModal .modal-card {
  border-color: rgba(0, 107, 95, .22);
  box-shadow: 0 30px 90px rgba(0, 62, 55, .34);
}
body.password-change-forced #passwordChangeModal .modal-card:before {
  content: 'Devam etmek için şifre değişikliği zorunludur';
  display: block;
  margin: -4px 0 12px;
  padding: 9px 11px;
  border-radius: 12px;
  background: rgba(0, 107, 95, .10);
  color: #00584f;
  font-size: 12px;
  font-weight: 900;
}
@media (max-width: 760px) {
  #passwordChangeModal .modal-card { width: min(96vw, 520px); padding: 18px; }
  #passwordChangeModal .modal-actions { display: grid; grid-template-columns: 1fr; }
  #passwordChangeModal .btn-primary, #passwordChangeModal .btn-secondary { width: 100%; }
}


/* MVP31-C FIX1 - Şifre linki cari kartına taşındı, header kartları toparlandı */
.tile-menu .password-tile{display:none!important;}
.tile-menu .tile[data-nav="iade"]{display:none!important;}

.identity-header{
  grid-template-columns:minmax(310px,360px) minmax(0,1fr) minmax(620px,820px)!important;
  gap:14px!important;
}
.right-widgets.header-context-widgets{
  grid-template-columns:minmax(130px,.72fr) minmax(320px,1.6fr) minmax(160px,.86fr)!important;
  gap:12px!important;
}
.right-widgets.header-context-widgets > .cart-widget,
.right-widgets.header-context-widgets > .customer-context-widget,
.right-widgets.header-context-widgets > .header-representative-card{
  height:78px!important;
  min-height:78px!important;
}
.customer-context-widget{
  position:relative!important;
  padding:8px 12px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "label actions"
    "code actions"
    "name actions"
    "balance actions"!important;
  column-gap:10px!important;
  row-gap:1px!important;
  align-content:center!important;
}
.customer-context-widget > span{
  grid-area:label!important;
  font-size:10px!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
}
.customer-context-widget > strong{
  grid-area:code!important;
  font-size:15px!important;
  line-height:1.05!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.customer-context-widget > .customer-title-line{
  grid-area:name!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#334155!important;
}
.customer-context-widget > .balance-line{
  grid-area:balance!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#006d5b!important;
}
.customer-card-actions{
  grid-area:actions!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:86px!important;
  max-width:112px!important;
}
.customer-card-actions .customer-switch-hint,
.customer-card-actions .customer-password-link{
  position:static!important;
  border:0!important;
  border-radius:999px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  white-space:nowrap!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:none!important;
}
.customer-card-actions .customer-switch-hint{
  background:rgba(0,109,91,.10)!important;
  color:#006d5b!important;
}
.customer-card-actions .customer-password-link{
  background:transparent!important;
  color:#006d5b!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  padding-right:0!important;
}
.customer-card-actions .customer-password-link:hover,
.customer-card-actions .customer-password-link:focus{
  color:#004d45!important;
  background:rgba(0,109,91,.06)!important;
  text-decoration:none!important;
}
.customer-context-widget.context-clickable .customer-password-link{cursor:pointer!important;}

@media(max-width:1300px){
  .identity-header{grid-template-columns:1fr!important;height:auto!important;align-items:stretch!important;}
  .right-widgets.header-context-widgets{grid-template-columns:1fr!important;width:100%!important;}
  .right-widgets.header-context-widgets > .cart-widget,
  .right-widgets.header-context-widgets > .customer-context-widget,
  .right-widgets.header-context-widgets > .header-representative-card{height:auto!important;min-height:68px!important;}
  .customer-card-actions{max-width:none!important;}
}

/* MVP31-D1/D2 VakıfPays ödeme ekranı */
.payment-page{padding:0 0 18px 0}.payment-shell{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:16px}.payment-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px}.payment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.payment-head h2{font-size:20px;margin:4px 0 6px}.payment-head p{margin:0;color:var(--muted);font-size:12px}.payment-head.compact{margin-bottom:10px}.payment-kicker{display:inline-flex;align-items:center;border-radius:999px;background:#e9f6f3;color:var(--teal);font-weight:900;padding:5px 9px;font-size:11px}.payment-provider-badge{display:inline-flex;border-radius:999px;background:#17232f;color:#fff;padding:7px 10px;font-size:12px}.payment-form-grid{display:grid;grid-template-columns:1fr 160px;gap:10px}.payment-form-grid label{display:grid;gap:5px}.payment-form-grid label span{font-weight:800;color:#40505d}.payment-form-grid input,.payment-form-grid select{height:38px;border:1px solid var(--line);border-radius:12px;padding:0 11px;background:#fff}.payment-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:10px 14px;font-weight:900}.primary-btn{background:var(--teal);color:#fff}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.secondary-btn{background:#eef3f5;color:#25313b}.payment-alert{border:1px solid #ffd199;background:#fff7ed;color:#9a5200;border-radius:14px;padding:11px;margin-bottom:12px;font-weight:700}.payment-result{margin-top:14px;border:1px solid #cbe7dc;background:#f2fbf7;border-radius:14px;padding:12px;display:grid;gap:6px}.payment-result strong{color:#0f7a4a}.payment-open-link{display:inline-flex;align-items:center;width:max-content;border-radius:10px;background:#0f7a4a;color:#fff;text-decoration:none;padding:8px 10px;font-weight:900}.payment-history-state{min-height:100px}.payment-table-wrap{overflow:auto}.payment-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.payment-table th,.payment-table td{border-bottom:1px solid #e6edf2;padding:9px 8px;text-align:left;white-space:nowrap}.payment-table th{background:#f7fafc;color:#435461;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.payment-table .num{text-align:right;font-weight:800}.payment-status{display:inline-flex;border-radius:999px;padding:4px 8px;background:#eef3f5;color:#435461;font-weight:900}.payment-status.paid,.payment-status.imported{background:#e8f7ee;color:#0f7a4a}.payment-status.failed,.payment-status.error{background:#fdeeee;color:#bb2d2d}.payment-status.link_created{background:#eef6ff;color:#1262a3}.empty-state{display:grid;place-items:center;min-height:90px;color:var(--muted);background:#f8fbfc;border:1px dashed #d7e3ea;border-radius:14px}.tile[data-nav="odeme"]{border-color:#bfe4da;background:linear-gradient(180deg,#f4fffb,#fff)}
@media(max-width:900px){.payment-shell{grid-template-columns:1fr}.payment-form-grid{grid-template-columns:1fr}.payment-table th,.payment-table td{padding:8px 7px}}

/* ==========================================================
   MVP31F1-F3 - Premium UI / grid density / catalog race polish
   - Arama grid satır sayısını artırır, grid yüksekliğini aşağı büyütür.
   - Katalog loading ile arama sonucunun birbirini ezmesini görsel olarak ayrıştırır.
   - Sip.Depo/E.G.T. kolonu için kompakt badge görünümü ekler.
   ========================================================== */
body.route-search .content-wrap{
  padding:12px 18px 0!important;
}
body.route-search .search-board{
  margin-bottom:8px!important;
  border-radius:12px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
body.route-search .board-title{
  min-height:36px!important;
  padding:8px 14px!important;
}
body.route-search .board-title strong{font-size:14px!important;}
body.route-search .board-title em{font-size:11px!important;}
body.route-search .board-grid{
  grid-template-columns:minmax(280px,390px) minmax(450px,1fr) minmax(240px,320px)!important;
  gap:10px!important;
  padding:10px 12px 12px!important;
}
body.route-search .filter-matrix{gap:6px!important;}
body.route-search .filter-row{min-height:32px!important;}
body.route-search .filter-row label{
  min-height:31px!important;
  font-size:11px!important;
  padding:0 8px!important;
}
body.route-search .filter-row select{
  height:31px!important;
  font-size:12px!important;
  padding:0 8px!important;
}
body.route-search .operation-buttons button{height:31px!important;padding:0 10px!important;}
body.route-search .flag-row{gap:6px!important;margin-bottom:8px!important;}
body.route-search .flag{height:31px!important;font-size:11px!important;padding:0 10px!important;}
body.route-search .general-search{height:39px!important;grid-template-columns:minmax(0,1fr) 104px!important;}
body.route-search .general-search input{height:39px!important;font-size:13px!important;}
body.route-search .general-search button{height:39px!important;}
body.route-search .catalog-status{height:30px!important;font-size:12px!important;}
body.route-search .promo-banner{min-height:100px!important;padding:13px 16px!important;}
body.route-search .promo-banner strong{font-size:17px!important;}
body.route-search .promo-banner span{font-size:12px!important;}
body.route-search .summary-strip{
  height:45px!important;
  margin-bottom:8px!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.045)!important;
}
body.route-search .summary-strip div{padding:0 12px!important;}
body.route-search .summary-strip span{font-size:9.5px!important;margin-bottom:3px!important;}
body.route-search .summary-strip strong{font-size:14px!important;}
body.route-search .summary-strip .sort-cell select{height:31px!important;font-size:12px!important;}
body.route-search .table-scroll{
  height:calc(100vh - 285px)!important;
  min-height:500px!important;
  border-radius:12px!important;
}
body.route-search .sales-grid{min-width:1540px!important;}
body.route-search .sales-grid th{
  height:31px!important;
  padding:6px 7px!important;
  font-size:10.5px!important;
}
body.route-search .sales-grid td{
  height:29px!important;
  padding:4px 7px!important;
  font-size:11.5px!important;
}
body.route-search .sales-grid .name-text{font-size:12px!important;line-height:1.15!important;}
body.route-search .sales-grid .sub-text{font-size:10.5px!important;line-height:1.15!important;}
body.route-search .qty-input{height:23px!important;width:48px!important;font-size:12px!important;}
body.route-search .mini-cart{height:24px!important;min-width:28px!important;border-radius:6px!important;}
body.route-search .detail-btn{height:24px!important;padding:0 9px!important;font-size:11px!important;}
body.route-search .pager{
  height:42px!important;
  padding:6px 12px!important;
  margin-bottom:4px!important;
}
body.route-search .pager-btn,
body.route-search #pageInfo{height:29px!important;font-size:12px!important;}
body.catalog-loading #loadingBox{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:9999!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,107,95,.18)!important;
  background:rgba(255,255,255,.94)!important;
  color:#00584f!important;
  box-shadow:0 14px 34px rgba(15,23,42,.14)!important;
  font-weight:900!important;
}
body.catalog-loading #loadingBox:before{
  content:"";
  width:12px;height:12px;border-radius:999px;
  border:2px solid rgba(0,107,95,.18);
  border-top-color:#006b5f;
  animation:b2bSpin .75s linear infinite;
}
@keyframes b2bSpin{to{transform:rotate(360deg)}}
.order-depot-col .stock-status-pill.stock-supply,
.stock-status-pill.stock-supply{
  background:linear-gradient(135deg,#f59e0b,#f97316)!important;
  color:#111827!important;
  border:1px solid rgba(245,158,11,.35)!important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)!important;
}
body.integration-none .order-depot-col{display:none!important;}
body.integration-otoismail .order-depot-col{display:table-cell;}
body.route-search .order-depot-col{width:64px!important;white-space:nowrap!important;}
@media(max-width:1500px){
  body.route-search .board-grid{grid-template-columns:minmax(260px,360px) minmax(390px,1fr)!important;}
  body.route-search .promo-banner{display:none!important;}
  body.route-search .table-scroll{height:calc(100vh - 300px)!important;min-height:440px!important;}
}
@media(max-width:900px){
  body.route-search .table-scroll{height:auto!important;max-height:70vh!important;min-height:0!important;}
  body.route-search .board-grid{grid-template-columns:1fr!important;}
}

/* MVP31F4 - Performance + Campaign/Other screens */
.tile-menu .tile[data-nav="raporlar"]{display:none!important;}
body.route-campaigns .flag-row .flag.campaign{opacity:.76;pointer-events:none;}
body.route-campaigns .flag-row .flag.campaign::after{content:' aktif';font-size:10px;font-weight:900;color:#047857;margin-left:4px;}
body.route-campaigns .promo-banner b{color:#92400e;}
body.route-campaigns .promo-banner strong{color:#78350f;}
body.route-campaigns .search-board{border-color:#fde68a!important;background:linear-gradient(180deg,#fffdf5,#fff)!important;}
.other-info-page{padding:18px 22px 28px;background:#f3f7f8;min-height:520px;}
.other-info-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #dfe8ed;border-radius:18px;padding:18px 20px;margin-bottom:14px;box-shadow:0 12px 28px rgba(19,45,64,.06);}
.other-info-head strong{display:block;font-size:22px;color:#132330;letter-spacing:-.03em;margin-top:5px;}
.other-info-head small{display:block;color:#637586;font-weight:700;margin-top:4px;}
.other-kicker{display:inline-flex;align-items:center;border-radius:999px;background:#e5f5ef;color:#006b5f;padding:5px 10px;font-size:12px;font-weight:900;}
.other-info-head button{border:0;border-radius:11px;background:var(--brand-primary,#006b5f);color:#fff;font-weight:900;padding:10px 16px;box-shadow:0 10px 22px rgba(0,107,95,.16);}
.other-info-state{background:#fff;border:1px dashed #cfdbe4;border-radius:14px;padding:18px;color:#617487;font-weight:800;text-align:center;}
.other-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}
.other-bank-card{background:#fff;border:1px solid #dfe8ed;border-radius:18px;padding:16px;box-shadow:0 12px 26px rgba(19,45,64,.055);}
.bank-card-top{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf2f5;padding-bottom:12px;margin-bottom:12px;}
.bank-card-top>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#e5f5ef;font-size:20px;}
.bank-card-top strong{display:block;color:#122638;font-size:16px;}
.bank-card-top small{display:block;color:#6b7b88;font-weight:800;margin-top:2px;}
.bank-card-lines{display:grid;gap:9px;}
.bank-card-lines div{display:grid;gap:3px;}
.bank-card-lines em{font-style:normal;color:#758493;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.03em;}
.bank-card-lines b{color:#1c3142;font-size:13px;overflow-wrap:anywhere;}
.bank-card-lines .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.01em;}
@media(max-width:760px){.other-info-page{padding:10px}.other-info-head{display:grid}.other-info-head strong{font-size:19px}.other-info-grid{grid-template-columns:1fr}}


/* MVP31F5 - Arama/Kampanya grid genişletme ve özet kartlarını kaldırma */
.summary-strip{display:none!important;}
.catalog-sort-select{
  margin-left:auto!important;
  height:31px!important;
  min-width:190px!important;
  border:1px solid var(--ui-line, #d4dde5)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#17232f!important;
  font-size:12px!important;
  font-weight:850!important;
  padding:0 10px!important;
  outline:none!important;
}
.catalog-sort-select:focus{border-color:#00796b!important;box-shadow:0 0 0 3px rgba(0,121,107,.10)!important;}
body.route-search .flag-row,
body.route-campaigns .flag-row{align-items:center!important;}
body.route-search .promo-banner,
body.route-campaigns .promo-banner{min-height:78px!important;padding:10px 14px!important;}
body.route-search .promo-banner strong,
body.route-campaigns .promo-banner strong{font-size:15px!important;}
body.route-search .promo-banner span,
body.route-campaigns .promo-banner span{font-size:11px!important;}
body.route-search .table-scroll,
body.route-campaigns .table-scroll{
  height:calc(100vh - 228px)!important;
  min-height:585px!important;
  border-radius:12px!important;
}
body.route-search .sales-grid td,
body.route-campaigns .sales-grid td{padding-top:5px!important;padding-bottom:5px!important;}
@media(max-width:900px){
  .catalog-sort-select{width:100%!important;min-width:0!important;margin-left:0!important;}
  body.route-search .table-scroll,
  body.route-campaigns .table-scroll{height:auto!important;max-height:74vh!important;min-height:0!important;}
}

/* =====================================================================
   MVP31F6 - Premium page shell + physical page route UI override
   Amaç: B2B ekranını daha premium/kompakt yapmak ve gerçek PHP sayfa
   girişlerine uyumlu temiz sayfa hissi vermek.
   ===================================================================== */
:root{
  --premium-bg:#eef4f6;
  --premium-surface:#ffffff;
  --premium-border:#d7e3ea;
  --premium-border-soft:#e8eef2;
  --premium-text:#102430;
  --premium-muted:#627584;
  --premium-teal:#006b5f;
  --premium-teal-2:#004f47;
  --premium-accent:#0a8f7b;
  --premium-shadow:0 16px 42px rgba(13,34,48,.09);
  --premium-shadow-soft:0 8px 22px rgba(13,34,48,.06);
  --premium-radius:18px;
}
html,body{background:var(--premium-bg)!important;color:var(--premium-text)!important;}
body::before{content:"";position:fixed;inset:0 0 auto 0;height:180px;z-index:-1;background:linear-gradient(135deg,rgba(0,107,95,.12),rgba(255,255,255,0));pointer-events:none;}
.page{min-height:100svh;background:transparent!important;}
.identity-header{
  margin:10px 16px 0!important;height:88px!important;min-height:88px!important;border:1px solid var(--premium-border)!important;border-radius:22px 22px 0 0!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--premium-shadow-soft)!important;backdrop-filter:blur(10px);padding:12px 18px!important;gap:14px!important;
}
.logo-area{gap:12px!important;}
.logo-mark{width:58px!important;height:58px!important;border-radius:18px!important;background:linear-gradient(135deg,var(--premium-teal-2),var(--premium-accent))!important;box-shadow:0 12px 24px rgba(0,107,95,.18)!important;font-size:14px!important;letter-spacing:-.05em!important;}
.logo-title{font-size:24px!important;line-height:1!important;letter-spacing:-.04em!important;color:#07564d!important;}
.logo-subtitle{font-size:12px!important;color:var(--premium-muted)!important;}
.customer-identity{border-radius:16px!important;border:1px solid var(--premium-border-soft)!important;background:linear-gradient(180deg,#fff,#f8fbfc)!important;box-shadow:none!important;min-height:56px!important;padding:9px 14px!important;}
.customer-identity strong{font-size:15px!important;letter-spacing:-.02em!important;}
.customer-identity span{font-size:11px!important;}
.header-context-widgets{gap:10px!important;}
.cart-widget,.rep-widget,.representative-widget{border-radius:16px!important;border:1px solid var(--premium-border-soft)!important;background:linear-gradient(180deg,#fff,#f8fbfc)!important;box-shadow:none!important;min-height:56px!important;padding:9px 12px!important;}
.cart-widget strong,.rep-widget strong,.representative-widget strong{font-size:13px!important;}
.cart-widget span,.rep-widget span,.representative-widget span,.cart-widget small,.rep-widget small,.representative-widget small{font-size:10.5px!important;}
.tile-menu{
  margin:0 16px!important;height:64px!important;min-height:64px!important;border:1px solid rgba(0,83,74,.24)!important;border-top:0!important;border-radius:0 0 22px 22px!important;background:linear-gradient(135deg,var(--premium-teal-2),var(--premium-teal))!important;box-shadow:0 18px 34px rgba(0,73,64,.14)!important;overflow:hidden!important;
}
.tile-menu .tile{height:64px!important;background:transparent!important;border-right:1px solid rgba(255,255,255,.11)!important;gap:4px!important;position:relative;transition:background .14s ease,transform .14s ease!important;}
.tile-menu .tile span{font-size:19px!important;line-height:1!important;opacity:.92!important;}
.tile-menu .tile b{font-size:11.5px!important;letter-spacing:-.01em!important;}
.tile-menu .tile:hover{background:rgba(255,255,255,.08)!important;}
.tile-menu .tile.active{background:rgba(255,255,255,.13)!important;}
.tile-menu .tile.active::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:999px 999px 0 0;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.55);}
.tile-menu .logout-tile{background:rgba(0,0,0,.10)!important;}
.content-wrap{padding:16px 24px 0!important;}
.home-hero-panel,.home-featured-panel,.search-board,.grid-panel,.product-grid,.cart-page,.orders-page,.account-page,.payment-page,.other-info-page,.requests-page,.utility-card{border-radius:var(--premium-radius)!important;border:1px solid var(--premium-border)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--premium-shadow)!important;overflow:hidden!important;}
.home-hero-panel{background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.19),transparent 34%),linear-gradient(135deg,#004840,#00796b 58%,#0ca58e)!important;color:#fff!important;padding:24px 26px!important;}
.home-hero-panel h2{font-size:29px!important;letter-spacing:-.045em!important;}
.home-kicker{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.25)!important;}
.home-quick-search{border-radius:18px!important;background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;}
.home-quick-search input,.general-search input,.filter-row select,.catalog-sort-select,.filter-row input{border-radius:13px!important;border:1px solid #d4e0e8!important;background:#fff!important;box-shadow:none!important;height:40px!important;}
.home-quick-search button,.general-search button,.operation-buttons button,.home-section-head button,#btnOtherInfoRefresh,.cart-back-link,.cart-top-btn,.pager-btn{border-radius:13px!important;border:1px solid transparent!important;background:linear-gradient(135deg,var(--premium-teal),var(--premium-teal-2))!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,107,95,.15)!important;font-weight:900!important;}
.board-title{border:0!important;background:linear-gradient(180deg,#ffffff,#f8fbfc)!important;padding:12px 15px!important;}
.board-title strong{font-size:16px!important;color:#102a36!important;}
.board-title em{font-size:11px!important;color:var(--premium-muted)!important;}
.board-grid{gap:12px!important;padding:12px 14px!important;grid-template-columns:minmax(300px,405px) minmax(420px,1fr) minmax(260px,335px)!important;}
.filter-matrix{gap:8px!important;}
.filter-row{gap:5px!important;}
.filter-row label{font-size:11px!important;color:#203846!important;}
.flag-row{border:0!important;gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(160px,220px)!important;}
.flag{height:38px!important;border:1px solid var(--premium-border)!important;border-radius:13px!important;background:#fff!important;color:#17313d!important;box-shadow:var(--premium-shadow-soft)!important;}
.flag.campaign{background:#fff8df!important;border-color:#f4d76f!important;color:#6b4b00!important;}
.flag.new{background:#fff3e8!important;border-color:#fed7aa!important;color:#7c2d12!important;}
.flag.stock{background:#eaf8ff!important;border-color:#bae6fd!important;color:#075985!important;}
.catalog-status{border-radius:13px!important;border:1px dashed #d3e0e8!important;background:#f8fbfc!important;padding:9px 12px!important;}
.promo-banner{border-radius:16px!important;background:linear-gradient(135deg,#eefcf8,#fff)!important;border:1px solid #cce9e0!important;color:#16313d!important;min-height:94px!important;}
.promo-banner b{color:#007060!important;}
.promo-banner strong{color:#102a36!important;}
.grid-panel{border-radius:16px!important;}
.table-scroll{height:calc(100vh - 310px)!important;min-height:455px!important;background:#fff!important;}
.sales-grid{border-collapse:separate!important;border-spacing:0!important;min-width:1540px!important;}
.sales-grid th{background:linear-gradient(180deg,#f5f8fa,#edf3f6)!important;color:#213944!important;border-right:1px solid #dbe6ed!important;border-bottom:1px solid #d5e1e8!important;font-size:11px!important;height:34px!important;padding:6px 8px!important;text-transform:none!important;}
.sales-grid td{border-right:1px solid #e5edf2!important;border-bottom:1px solid #eef3f6!important;height:32px!important;font-size:12px!important;padding:5px 8px!important;color:#152b36!important;}
.sales-grid tbody tr{background:#fff!important;transition:background .12s ease,box-shadow .12s ease!important;}
.sales-grid tbody tr:nth-child(even){background:#fbfdfe!important;}
.sales-grid tbody tr:hover{background:#eefcf8!important;filter:none!important;}
.sales-grid tbody tr.campaign-row{background:#fff8d9!important;}
.sales-grid tbody tr.stock-var:not(.campaign-row):not(.zero-price){background:#f1fbf0!important;}
.sales-grid tbody tr.stock-sinirli:not(.campaign-row):not(.zero-price){background:#fff8e6!important;}
.sales-grid tbody tr.zero-price{background:#f5f7f9!important;color:#6b7280!important;}
.stock-badge,.badge,.discount-pill{border-radius:999px!important;font-weight:950!important;box-shadow:none!important;}
.qty-input,.qty-mini,input.qty-input{border-radius:10px!important;border:1px solid #d5e1e8!important;background:#fff!important;font-weight:900!important;}
.pager{padding:10px 12px!important;margin-top:8px!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;border:1px solid var(--premium-border)!important;box-shadow:var(--premium-shadow-soft)!important;}
#pageInfo{font-weight:900!important;color:#213944!important;}
.home-featured-grid{gap:14px!important;}
.home-product-card{border-radius:18px!important;box-shadow:var(--premium-shadow-soft)!important;border-color:var(--premium-border)!important;transition:transform .14s ease,box-shadow .14s ease!important;}
.home-product-card:hover{transform:translateY(-2px);box-shadow:var(--premium-shadow)!important;}
.home-product-image{background:linear-gradient(180deg,#f7fafb,#fff)!important;}
.other-bank-card,.cart-item-row,.order-card,.request-card,.payment-card{border-radius:16px!important;border:1px solid var(--premium-border)!important;box-shadow:var(--premium-shadow-soft)!important;background:#fff!important;}
body.route-search .content-wrap,body.route-campaigns .content-wrap{padding-top:14px!important;}
body.route-search .table-scroll,body.route-campaigns .table-scroll{height:calc(100vh - 296px)!important;min-height:470px!important;}
body.route-campaigns .search-board{border-color:#f5d56f!important;background:linear-gradient(180deg,#fffdf4,#fff)!important;}
body.route-campaigns .sales-grid tbody tr:not(.zero-price){background:#fff8d9!important;}
body.route-home .content-wrap{padding-top:18px!important;}
@media(max-width:1320px){
  .identity-header{grid-template-columns:290px minmax(0,1fr) minmax(360px,480px)!important;}
  .board-grid{grid-template-columns:minmax(270px,350px) minmax(390px,1fr)!important;}
  .promo-banner{display:none!important;}
  .table-scroll{height:calc(100vh - 300px)!important;}
}
@media(max-width:900px){
  .identity-header{margin:8px!important;height:auto!important;min-height:0!important;border-radius:18px!important;grid-template-columns:1fr!important;}
  .tile-menu{margin:8px!important;border-radius:18px!important;display:flex!important;overflow-x:auto!important;height:auto!important;min-height:62px!important;}
  .tile-menu .tile{flex:0 0 94px!important;min-width:94px!important;}
  .content-wrap{padding:8px!important;}
  .board-grid{grid-template-columns:1fr!important;}
  .flag-row{grid-template-columns:1fr 1fr!important;}
  .table-scroll,body.route-search .table-scroll,body.route-campaigns .table-scroll{height:auto!important;max-height:74vh!important;min-height:0!important;}
  .home-hero-panel{grid-template-columns:1fr!important;padding:18px!important;}
}

/* =====================================================================
   MVP31G1 - Premium Theme Engine v2
   Tema semantiği: admin panelden seçilen renkler artık menü, kart, tablo,
   buton, login ve sayfa yüzeylerine birlikte yayılır.
   ===================================================================== */
:root{
  --brand-primary:#2563eb;
  --brand-secondary:#60a5fa;
  --brand-accent:#38bdf8;
  --brand-nav:#0f172a;
  --surface-tint:#f1f5f9;
  --brand-primary-rgb:37,99,235;
  --brand-accent-rgb:56,189,248;
  --brand-nav-rgb:15,23,42;
  --premium-bg:var(--surface-tint);
  --premium-surface:#ffffff;
  --premium-border:rgba(148,163,184,.30);
  --premium-border-soft:rgba(148,163,184,.20);
  --premium-text:#102430;
  --premium-muted:#627584;
  --premium-teal:var(--brand-primary);
  --premium-teal-2:var(--brand-nav);
  --premium-accent:var(--brand-accent);
  --premium-shadow:0 16px 42px rgba(13,34,48,.09);
  --premium-shadow-soft:0 8px 22px rgba(13,34,48,.06);
  --premium-radius:18px;
  --theme-focus-ring:rgba(var(--brand-primary-rgb),.14);
}
html,body{background:var(--premium-bg)!important;color:var(--premium-text)!important;}
body::before{background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.13),rgba(255,255,255,0))!important;}
.identity-header{background:rgba(255,255,255,.95)!important;border-color:var(--premium-border)!important;box-shadow:var(--premium-shadow-soft)!important;}
.logo-mark,.login-logo{background:linear-gradient(135deg,var(--brand-nav),var(--brand-primary) 62%,var(--brand-accent))!important;box-shadow:0 14px 28px rgba(var(--brand-primary-rgb),.20)!important;}
.logo-title,.login-brand h1{color:var(--brand-primary)!important;}
.customer-identity span{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))!important;color:#fff!important;box-shadow:0 10px 20px rgba(var(--brand-primary-rgb),.12)!important;}
.tile-menu{background:linear-gradient(135deg,var(--brand-nav),var(--brand-primary))!important;border-color:rgba(var(--brand-nav-rgb),.20)!important;box-shadow:0 18px 40px rgba(var(--brand-nav-rgb),.16)!important;}
.tile-menu .tile.active,.tile-menu .tile.active2{background:rgba(255,255,255,.15)!important;}
.tile-menu .tile:hover{background:rgba(255,255,255,.10)!important;}
.tile.campaign-tile{background:linear-gradient(135deg,rgba(var(--brand-accent-rgb),.20),rgba(255,255,255,.05))!important;}
.content-wrap{background:transparent!important;}
.home-hero-panel{background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.20),transparent 35%),linear-gradient(135deg,var(--brand-nav),var(--brand-primary) 58%,var(--brand-accent))!important;}
.home-kicker,.payment-kicker{background:rgba(var(--brand-accent-rgb),.12)!important;border-color:rgba(var(--brand-accent-rgb),.22)!important;color:var(--brand-primary)!important;}
.home-quick-search,.promo-banner{background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.08),rgba(255,255,255,.96))!important;border-color:rgba(var(--brand-primary-rgb),.16)!important;}
.search-board,.grid-panel,.home-featured-panel,.home-product-card,.product-grid,.cart-page,.orders-page,.account-page,.payment-page,.other-info-page,.requests-page,.utility-card,.payment-card,.other-bank-card,.cart-item-row,.order-card,.request-card{border-color:var(--premium-border)!important;border-radius:var(--premium-radius)!important;box-shadow:var(--premium-shadow)!important;}
.cart-widget,.rep-widget,.representative-widget,.customer-identity{border-color:var(--premium-border-soft)!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 42%,#fff))!important;}
.board-title,.payment-table th{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 65%,#fff))!important;}
.board-title strong,.promo-banner strong{color:var(--brand-nav)!important;}
.promo-banner b{color:var(--brand-primary)!important;}
.filter-row label{color:var(--brand-nav)!important;}
.home-quick-search input,.general-search input,.filter-row select,.catalog-sort-select,.filter-row input,.payment-form-grid input,.payment-form-grid select,.qty-input,.qty-mini,input.qty-input{border-color:var(--premium-border)!important;}
.home-quick-search input:focus,.general-search input:focus,.filter-row select:focus,.catalog-sort-select:focus,.payment-form-grid input:focus,.payment-form-grid select:focus,.login-field input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 4px var(--theme-focus-ring)!important;}
.home-quick-search button,.general-search button,.operation-buttons button,.home-section-head button,#btnOtherInfoRefresh,.cart-back-link,.cart-top-btn,.pager-btn,.primary-btn,.btn-primary,.stock-action-btn.primary,.product-image-action.primary,.payment-open-link,.purchase-history-more,.account-refresh-btn,.account-filterbar button,.other-info-head button{background:linear-gradient(135deg,var(--brand-primary),var(--brand-nav))!important;color:#fff!important;box-shadow:0 12px 26px rgba(var(--brand-primary-rgb),.18)!important;border-color:transparent!important;}
.secondary-btn,.btn-secondary,.product-image-action.secondary,.account-secondary-btn{background:rgba(var(--brand-primary-rgb),.08)!important;color:var(--brand-primary)!important;border-color:rgba(var(--brand-primary-rgb),.16)!important;}
.sales-grid th,.account-table th,.invoice-lines-table th,.purchase-history-table th{background:linear-gradient(180deg,var(--brand-nav),color-mix(in srgb,var(--brand-nav) 78%,var(--brand-primary)))!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;}
.sales-grid tbody tr:hover{background:rgba(var(--brand-primary-rgb),.07)!important;}
.catalog-status,.empty-state{background:color-mix(in srgb,var(--surface-tint) 72%,#fff)!important;border-color:var(--premium-border)!important;}
.stock-badge,.badge,.discount-pill,.invoice-lines-head span,.purchase-history-head span{background:rgba(var(--brand-primary-rgb),.10)!important;color:var(--brand-primary)!important;border-color:rgba(var(--brand-primary-rgb),.16)!important;}
.invoice-product-code,.invoice-lines-btn{color:var(--brand-primary)!important;}
.pager{border-color:var(--premium-border)!important;box-shadow:var(--premium-shadow-soft)!important;}
body[data-theme-button="solid"] .home-quick-search button,
body[data-theme-button="solid"] .general-search button,
body[data-theme-button="solid"] .operation-buttons button,
body[data-theme-button="solid"] .home-section-head button,
body[data-theme-button="solid"] #btnOtherInfoRefresh,
body[data-theme-button="solid"] .cart-back-link,
body[data-theme-button="solid"] .cart-top-btn,
body[data-theme-button="solid"] .pager-btn,
body[data-theme-button="solid"] .primary-btn,
body[data-theme-button="solid"] .btn-primary{background:var(--brand-primary)!important;box-shadow:0 10px 22px rgba(var(--brand-primary-rgb),.14)!important;}
body[data-theme-button="outline"] .home-quick-search button,
body[data-theme-button="outline"] .general-search button,
body[data-theme-button="outline"] .operation-buttons button,
body[data-theme-button="outline"] .home-section-head button,
body[data-theme-button="outline"] #btnOtherInfoRefresh,
body[data-theme-button="outline"] .cart-back-link,
body[data-theme-button="outline"] .cart-top-btn,
body[data-theme-button="outline"] .pager-btn,
body[data-theme-button="outline"] .primary-btn,
body[data-theme-button="outline"] .btn-primary{background:#fff!important;color:var(--brand-primary)!important;border:1px solid rgba(var(--brand-primary-rgb),.22)!important;box-shadow:0 8px 18px rgba(var(--brand-primary-rgb),.08)!important;}
body[data-theme-card="compact"] .identity-header{height:78px!important;min-height:78px!important;}
body[data-theme-card="compact"] .tile-menu{height:58px!important;min-height:58px!important;}
body[data-theme-card="rounded"] .identity-header,body[data-theme-card="rounded"] .tile-menu,body[data-theme-card="rounded"] .search-board,body[data-theme-card="rounded"] .grid-panel,body[data-theme-card="rounded"] .payment-card{border-radius:26px!important;}
body[data-theme-preset="graphite_gold"] .tile-menu .tile.active::after{background:var(--brand-accent)!important;}
body[data-theme-preset="graphite_gold"] .customer-identity span{color:#1f2937!important;background:linear-gradient(135deg,#f7d774,var(--brand-accent))!important;}
body[data-theme-preset="midnight_steel"] .home-hero-panel{background:radial-gradient(circle at 86% 12%,rgba(var(--brand-accent-rgb),.18),transparent 35%),linear-gradient(135deg,#020617,var(--brand-nav) 48%,var(--brand-primary))!important;}


/* =====================================================================
   MVP31G1 FIX1 - Header overlap fix + duplicate customer card removal
   Amaç: orta cari kartını kaldırıp header/menü çakışmasını bitirmek.
   ===================================================================== */
.identity-header{
  height:auto!important;
  min-height:88px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,370px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  padding:12px 18px!important;
  margin:10px 16px 0!important;
  border-radius:22px 22px 0 0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:8!important;
}
.identity-header > .customer-identity{
  display:none!important;
}
.logo-area{
  min-width:0!important;
}
.logo-title{
  max-width:260px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.logo-subtitle{
  max-width:260px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.right-widgets.header-context-widgets{
  justify-self:end!important;
  width:min(100%,995px)!important;
  display:grid!important;
  grid-template-columns:minmax(126px,152px) minmax(330px,1fr) minmax(178px,220px)!important;
  gap:10px!important;
  align-items:stretch!important;
}
.right-widgets.header-context-widgets > .cart-widget,
.right-widgets.header-context-widgets > .customer-context-widget,
.right-widgets.header-context-widgets > .header-representative-card{
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.customer-context-widget{
  padding:7px 11px!important;
}
.customer-context-widget > strong{
  font-size:14px!important;
}
.customer-context-widget > .customer-title-line,
.customer-context-widget > .balance-line{
  font-size:10px!important;
}
.customer-card-actions .customer-switch-hint,
.customer-card-actions .customer-password-link{
  height:20px!important;
  min-height:20px!important;
  font-size:9px!important;
}
.tile-menu{
  margin:0 16px 0!important;
  border-radius:0 0 22px 22px!important;
  height:64px!important;
  min-height:64px!important;
  position:relative!important;
  z-index:7!important;
  overflow:hidden!important;
}
.tile-menu .tile{
  height:64px!important;
}
.content-wrap{
  padding-top:16px!important;
}
body[data-theme-card="compact"] .identity-header{
  height:auto!important;
  min-height:80px!important;
}
body[data-theme-card="compact"] .tile-menu{
  height:58px!important;
  min-height:58px!important;
}
body[data-theme-card="compact"] .tile-menu .tile{
  height:58px!important;
}

@media(max-width:1320px){
  .identity-header{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:10px!important;
    min-height:0!important;
  }
  .right-widgets.header-context-widgets{
    justify-self:stretch!important;
    width:100%!important;
    grid-template-columns:minmax(118px,140px) minmax(280px,1fr) minmax(150px,190px)!important;
  }
  .right-widgets.header-context-widgets > .cart-widget,
  .right-widgets.header-context-widgets > .customer-context-widget,
  .right-widgets.header-context-widgets > .header-representative-card{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
  }
  .logo-title,.logo-subtitle{max-width:100%!important;}
}

@media(max-width:900px){
  .identity-header{
    margin:8px 8px 0!important;
    border-radius:18px 18px 0 0!important;
    padding:10px!important;
  }
  .right-widgets.header-context-widgets{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .right-widgets.header-context-widgets > .cart-widget,
  .right-widgets.header-context-widgets > .customer-context-widget,
  .right-widgets.header-context-widgets > .header-representative-card{
    height:auto!important;
    min-height:58px!important;
    max-height:none!important;
  }
  .tile-menu{
    margin:0 8px 0!important;
    border-radius:0 0 18px 18px!important;
    min-height:60px!important;
    height:auto!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .tile-menu .tile{
    height:60px!important;
  }
  .content-wrap{padding-top:12px!important;}
}

/* =====================================================================
   MVP31G2 - Search/Campaign premium workspace + grid density polish
   Amaç: arama/kampanya ekranlarında filtre alanını kurumsal toolbar
   görünümüne almak, grid yüksekliğini header sonrası doğru dengelemek
   ve tabloyu tema motoru v2 ile daha premium/okunaklı yapmak.
   ===================================================================== */
body.route-search .content-wrap,
body.route-campaigns .content-wrap{
  padding:12px 16px 0!important;
}
body.route-search .search-board,
body.route-campaigns .search-board{
  margin:0 0 10px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--premium-border)!important;
  box-shadow:0 16px 38px rgba(var(--brand-nav-rgb),.075)!important;
}
body.route-search .board-title,
body.route-campaigns .board-title{
  min-height:38px!important;
  padding:9px 14px!important;
  border-bottom:1px solid var(--premium-border-soft)!important;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 58%,#fff))!important;
}
body.route-search .board-title .section-icon,
body.route-campaigns .board-title .section-icon{
  width:22px!important;
  height:22px!important;
  border-radius:9px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(var(--brand-primary-rgb),.10)!important;
  color:var(--brand-primary)!important;
  font-size:12px!important;
}
body.route-search .board-title strong,
body.route-campaigns .board-title strong{
  font-size:15px!important;
  letter-spacing:-.02em!important;
  color:var(--brand-nav)!important;
}
body.route-search .board-title em,
body.route-campaigns .board-title em{
  font-size:11px!important;
  color:var(--premium-muted)!important;
}
body.route-search .board-grid,
body.route-campaigns .board-grid{
  display:grid!important;
  grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr)!important;
  gap:12px!important;
  padding:12px 14px!important;
  align-items:stretch!important;
}
body.route-search .promo-banner,
body.route-campaigns .promo-banner{
  display:none!important;
}
body.route-search .filter-matrix,
body.route-campaigns .filter-matrix{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
  align-content:stretch!important;
}
body.route-search .filter-row,
body.route-campaigns .filter-row{
  display:grid!important;
  grid-template-columns:minmax(86px,112px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  min-height:36px!important;
  padding:5px 6px!important;
  border:1px solid var(--premium-border-soft)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 38%,#fff))!important;
  box-shadow:0 6px 16px rgba(var(--brand-nav-rgb),.035)!important;
}
body.route-search .filter-row.hidden,
body.route-campaigns .filter-row.hidden{
  display:none!important;
}
body.route-search .filter-row label,
body.route-campaigns .filter-row label{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--brand-nav)!important;
  text-align:left!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.route-search .filter-row select,
body.route-campaigns .filter-row select{
  height:30px!important;
  min-width:0!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  font-weight:850!important;
  border-color:var(--premium-border)!important;
  color:#142a36!important;
  padding:0 8px!important;
}
body.route-search .operations-row,
body.route-campaigns .operations-row{
  grid-template-columns:0 minmax(0,1fr)!important;
  gap:0!important;
  padding:5px!important;
}
body.route-search .operations-row > label,
body.route-campaigns .operations-row > label{
  display:none!important;
}
body.route-search .operation-buttons,
body.route-campaigns .operation-buttons{
  height:30px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  border:0!important;
}
body.route-search .operation-buttons button,
body.route-campaigns .operation-buttons button{
  height:30px!important;
  border-radius:10px!important;
  font-size:11px!important;
  padding:0 9px!important;
}
body.route-search .search-center,
body.route-campaigns .search-center{
  display:grid!important;
  grid-template-rows:auto auto minmax(30px,auto)!important;
  gap:8px!important;
  min-width:0!important;
}
body.route-search .flag-row,
body.route-campaigns .flag-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(170px,220px)!important;
  gap:8px!important;
  border:0!important;
  align-items:center!important;
}
body.route-search .flag,
body.route-campaigns .flag{
  height:34px!important;
  min-width:0!important;
  border-radius:13px!important;
  padding:0 11px!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:950!important;
}
body.route-search .flag input,
body.route-campaigns .flag input{
  width:15px!important;
  height:15px!important;
  accent-color:var(--brand-primary)!important;
}
body.route-search .catalog-sort-select,
body.route-campaigns .catalog-sort-select{
  height:34px!important;
  min-width:0!important;
  width:100%!important;
  margin-left:0!important;
  border-radius:13px!important;
  font-size:11.5px!important;
  font-weight:950!important;
}
body.route-search .general-search,
body.route-campaigns .general-search{
  height:40px!important;
  grid-template-columns:minmax(0,1fr) 96px!important;
  gap:8px!important;
}
body.route-search .general-search input,
body.route-campaigns .general-search input{
  height:40px!important;
  border-radius:14px!important;
  font-size:12.5px!important;
  padding:0 14px!important;
}
body.route-search .general-search button,
body.route-campaigns .general-search button{
  height:40px!important;
  border-radius:14px!important;
  font-size:12.5px!important;
}
body.route-search .catalog-status,
body.route-campaigns .catalog-status{
  height:32px!important;
  min-height:32px!important;
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  align-items:center!important;
  border-radius:13px!important;
  border:1px dashed rgba(var(--brand-primary-rgb),.18)!important;
  background:color-mix(in srgb,var(--surface-tint) 55%,#fff)!important;
  padding:0 10px!important;
  color:var(--brand-nav)!important;
}
body.route-search .catalog-status span,
body.route-campaigns .catalog-status span{
  text-align:left!important;
  color:var(--brand-primary)!important;
  font-size:11px!important;
  font-weight:950!important;
}
body.route-search .catalog-status strong,
body.route-campaigns .catalog-status strong{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#243746!important;
  font-size:11.5px!important;
  font-weight:850!important;
}
body.route-search .grid-panel,
body.route-campaigns .grid-panel{
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fff!important;
  border-color:var(--premium-border)!important;
  box-shadow:0 18px 44px rgba(var(--brand-nav-rgb),.075)!important;
}
body.route-search .table-scroll,
body.route-campaigns .table-scroll{
  height:clamp(350px, calc(100vh - 332px), 760px)!important;
  min-height:0!important;
  max-height:none!important;
  border-radius:0!important;
  overflow:auto!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(var(--brand-primary-rgb),.40) rgba(148,163,184,.15);
}
body.route-search .table-scroll::-webkit-scrollbar,
body.route-campaigns .table-scroll::-webkit-scrollbar{
  width:10px;
  height:10px;
}
body.route-search .table-scroll::-webkit-scrollbar-thumb,
body.route-campaigns .table-scroll::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(var(--brand-primary-rgb),.38);
  border:2px solid rgba(255,255,255,.8);
}
body.route-search .sales-grid,
body.route-campaigns .sales-grid{
  min-width:1480px!important;
  font-size:11.5px!important;
}
body.route-search .sales-grid th,
body.route-campaigns .sales-grid th{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  height:33px!important;
  padding:6px 7px!important;
  background:linear-gradient(180deg,var(--brand-nav),color-mix(in srgb,var(--brand-nav) 76%,var(--brand-primary)))!important;
  color:#fff!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  border-bottom:0!important;
  font-size:10.5px!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}
body.route-search .sales-grid td,
body.route-campaigns .sales-grid td{
  height:30px!important;
  padding:4px 7px!important;
  font-size:11.5px!important;
  border-right:1px solid #e8eef2!important;
  border-bottom:1px solid #edf3f7!important;
}
body.route-search .sales-grid .code-text,
body.route-campaigns .sales-grid .code-text{
  color:#112f3a!important;
  font-size:11.5px!important;
}
body.route-search .sales-grid .name-text,
body.route-campaigns .sales-grid .name-text{
  color:#142632!important;
  font-size:11.8px!important;
  line-height:1.12!important;
}
body.route-search .sales-grid .sub-text,
body.route-campaigns .sales-grid .sub-text{
  color:#647588!important;
  font-size:10px!important;
}
body.route-search .qty-input,
body.route-campaigns .qty-input{
  width:46px!important;
  height:22px!important;
  border-radius:8px!important;
  font-size:11.5px!important;
}
body.route-search .mini-cart,
body.route-campaigns .mini-cart,
body.route-search .detail-btn,
body.route-campaigns .detail-btn,
body.route-search .action-btn,
body.route-campaigns .action-btn{
  height:23px!important;
  min-width:27px!important;
  border-radius:8px!important;
  font-size:11px!important;
  padding:0 8px!important;
}
body.route-search .pager,
body.route-campaigns .pager{
  margin-top:8px!important;
  height:39px!important;
  padding:5px 10px!important;
  border-radius:16px!important;
}
body.route-search .pager-btn,
body.route-campaigns .pager-btn,
body.route-search #pageInfo,
body.route-campaigns #pageInfo{
  height:28px!important;
  font-size:11.5px!important;
}
body.route-campaigns .search-board{
  border-color:color-mix(in srgb,var(--brand-accent) 42%,var(--premium-border))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent) 8%,#fff),#fff)!important;
}
body.route-campaigns .board-title .section-icon{
  background:rgba(var(--brand-accent-rgb),.16)!important;
  color:var(--brand-accent)!important;
}
body.catalog-loading #loadingBox{
  border-color:rgba(var(--brand-primary-rgb),.18)!important;
  color:var(--brand-primary)!important;
}
body.catalog-loading #loadingBox:before{
  border-color:rgba(var(--brand-primary-rgb),.18)!important;
  border-top-color:var(--brand-primary)!important;
}
@media(max-width:1320px){
  body.route-search .board-grid,
  body.route-campaigns .board-grid{
    grid-template-columns:1fr!important;
  }
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.route-search .table-scroll,
  body.route-campaigns .table-scroll{
    height:clamp(330px, calc(100vh - 392px), 700px)!important;
  }
}
@media(max-width:900px){
  body.route-search .content-wrap,
  body.route-campaigns .content-wrap{padding:8px!important;}
  body.route-search .search-board,
  body.route-campaigns .search-board{border-radius:18px!important;}
  body.route-search .board-grid,
  body.route-campaigns .board-grid{grid-template-columns:1fr!important;padding:10px!important;}
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{grid-template-columns:1fr!important;}
  body.route-search .filter-row,
  body.route-campaigns .filter-row{grid-template-columns:96px minmax(0,1fr)!important;}
  body.route-search .flag-row,
  body.route-campaigns .flag-row{grid-template-columns:1fr 1fr!important;}
  body.route-search .catalog-sort-select,
  body.route-campaigns .catalog-sort-select{grid-column:1/-1!important;}
  body.route-search .general-search,
  body.route-campaigns .general-search{grid-template-columns:minmax(0,1fr) 78px!important;}
  body.route-search .table-scroll,
  body.route-campaigns .table-scroll{height:auto!important;max-height:72vh!important;min-height:0!important;}
  body.route-search .sales-grid,
  body.route-campaigns .sales-grid{min-width:1280px!important;}
}


/* =====================================================================
   MVP31G3 - Cari Hesap / Online Ödeme / Diğer Bilgiler premium standard
   Amaç: arama/kampanya sonrası finans ve bilgi ekranlarını aynı kurumsal
   görsel dile taşımak; daha sade, yüksek kontrastlı, tema motoru uyumlu.
   ===================================================================== */
body[data-route="account"] .content-wrap,
body[data-route="payment"] .content-wrap,
body[data-route="other"] .content-wrap{
  padding:16px 24px 18px!important;
}
body[data-route="account"] .account-page,
body[data-route="payment"] .payment-page,
body[data-route="other"] .other-info-page{
  position:relative!important;
  min-height:clamp(520px,calc(100vh - 198px),820px)!important;
  padding:18px!important;
  overflow:visible!important;
  border-radius:24px!important;
  border:1px solid var(--premium-border)!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(var(--brand-accent-rgb),.11),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.98),color-mix(in srgb,var(--surface-tint) 42%,#fff))!important;
  box-shadow:0 20px 54px rgba(var(--brand-nav-rgb),.09)!important;
}
body[data-route="account"] .account-head,
body[data-route="other"] .other-info-head{
  position:relative!important;
  overflow:hidden!important;
  align-items:center!important;
  min-height:112px!important;
  padding:22px 24px!important;
  margin-bottom:14px!important;
  border:0!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(135deg,var(--brand-nav),var(--brand-primary) 62%,var(--brand-accent))!important;
  color:#fff!important;
  box-shadow:0 20px 46px rgba(var(--brand-nav-rgb),.18)!important;
}
body[data-route="account"] .account-head:after,
body[data-route="other"] .other-info-head:after,
body[data-route="payment"] .payment-form-card:after{
  content:"";
  position:absolute;
  right:-76px;
  top:-92px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}
body[data-route="account"] .account-head strong,
body[data-route="other"] .other-info-head strong{
  color:#fff!important;
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
body[data-route="account"] .account-head small,
body[data-route="other"] .other-info-head small{
  color:rgba(255,255,255,.78)!important;
  font-size:12px!important;
}
body[data-route="account"] .account-kicker,
body[data-route="other"] .other-kicker,
body[data-route="payment"] .payment-kicker{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:6px 11px!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
body[data-route="account"] .account-head-actions,
body[data-route="other"] .other-info-head button{
  position:relative!important;
  z-index:2!important;
}
body[data-route="account"] .account-refresh-btn,
body[data-route="account"] .account-secondary-btn,
body[data-route="other"] .other-info-head button{
  min-height:38px!important;
  border-radius:13px!important;
  padding:10px 15px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px);
}
body[data-route="account"] .account-refresh-btn:hover,
body[data-route="account"] .account-secondary-btn:hover,
body[data-route="other"] .other-info-head button:hover{
  background:rgba(255,255,255,.22)!important;
  transform:translateY(-1px);
}
body[data-route="account"] .account-filterbar{
  grid-template-columns:180px 150px 150px 180px minmax(260px,1fr) 110px!important;
  gap:10px!important;
  align-items:end!important;
  padding:14px!important;
  margin-bottom:14px!important;
  border-radius:18px!important;
  border:1px solid rgba(var(--brand-primary-rgb),.12)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 34px rgba(var(--brand-nav-rgb),.065)!important;
}
body[data-route="account"] .account-filterbar label{
  gap:6px!important;
  color:#304356!important;
  font-size:11px!important;
  letter-spacing:.01em!important;
}
body[data-route="account"] .account-filterbar label span{
  color:#5f7082!important;
  text-transform:uppercase!important;
  font-size:10px!important;
  letter-spacing:.045em!important;
}
body[data-route="account"] .account-filterbar input,
body[data-route="account"] .account-filterbar select{
  height:39px!important;
  border-radius:13px!important;
  border-color:rgba(148,163,184,.36)!important;
  background:#fff!important;
  color:#172638!important;
  font-weight:850!important;
}
body[data-route="account"] .account-filterbar button{
  height:39px!important;
  border-radius:13px!important;
  padding:0 16px!important;
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-nav))!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(var(--brand-primary-rgb),.18)!important;
}
body[data-route="account"] .account-state-box,
body[data-route="account"] .account-empty,
body[data-route="other"] .other-info-state{
  border-radius:18px!important;
  border:1px dashed rgba(var(--brand-primary-rgb),.22)!important;
  background:rgba(255,255,255,.76)!important;
  color:var(--premium-muted)!important;
  box-shadow:0 10px 26px rgba(var(--brand-nav-rgb),.045)!important;
}
body[data-route="account"] .account-summary-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
body[data-route="account"] .account-summary-grid>div,
body[data-route="account"] .account-currency-grid>div{
  position:relative!important;
  overflow:hidden!important;
  min-height:92px!important;
  border:1px solid rgba(var(--brand-primary-rgb),.10)!important;
  border-radius:18px!important;
  padding:14px 15px!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(var(--brand-accent-rgb),.10),transparent 38%),
    #fff!important;
  box-shadow:0 14px 32px rgba(var(--brand-nav-rgb),.06)!important;
}
body[data-route="account"] .account-summary-grid>div:before,
body[data-route="account"] .account-currency-grid>div:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--brand-primary),var(--brand-accent));
}
body[data-route="account"] .account-summary-grid span,
body[data-route="account"] .account-currency-grid span{
  display:inline-flex!important;
  width:max-content!important;
  border-radius:999px!important;
  padding:4px 9px!important;
  background:rgba(var(--brand-primary-rgb),.08)!important;
  color:var(--brand-primary)!important;
  font-size:10.5px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
body[data-route="account"] .account-summary-grid strong,
body[data-route="account"] .account-currency-grid strong{
  color:#102233!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-variant-numeric:tabular-nums!important;
}
body[data-route="account"] .account-summary-grid small,
body[data-route="account"] .account-currency-grid small{
  color:#68798a!important;
  line-height:1.25!important;
}
body[data-route="account"] .account-table-wrap{
  border-radius:20px!important;
  border:1px solid var(--premium-border)!important;
  box-shadow:0 18px 44px rgba(var(--brand-nav-rgb),.075)!important;
  overflow:auto!important;
}
body[data-route="account"] .account-table{
  font-size:12px!important;
}
body[data-route="account"] .account-table th{
  height:34px!important;
  padding:7px 9px!important;
  font-size:10.7px!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
body[data-route="account"] .account-table td{
  padding:8px 9px!important;
  font-size:12px!important;
  border-bottom:1px solid #edf3f7!important;
}
body[data-route="account"] .account-table tr:hover td{
  background:rgba(var(--brand-primary-rgb),.055)!important;
}
body[data-route="account"] .account-kind,
body[data-route="payment"] .payment-status{
  border-radius:999px!important;
  padding:5px 9px!important;
  font-size:10.5px!important;
  font-weight:950!important;
  border:1px solid rgba(148,163,184,.22)!important;
}
body[data-route="account"] .invoice-lines-btn{
  border:1px solid rgba(var(--brand-primary-rgb),.16)!important;
  background:rgba(var(--brand-primary-rgb),.08)!important;
  color:var(--brand-primary)!important;
}
body[data-route="account"] .account-pager{
  margin-top:10px!important;
  padding:10px 4px 0!important;
}
body[data-route="account"] .account-pager button{
  border-radius:13px!important;
  border-color:var(--premium-border)!important;
  box-shadow:0 8px 18px rgba(var(--brand-nav-rgb),.045)!important;
}

body[data-route="payment"] .payment-shell{
  grid-template-columns:minmax(340px,.72fr) minmax(520px,1.28fr)!important;
  gap:16px!important;
}
body[data-route="payment"] .payment-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(var(--brand-primary-rgb),.12)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 18px 44px rgba(var(--brand-nav-rgb),.085)!important;
  padding:20px!important;
}
body[data-route="payment"] .payment-form-card{
  color:#fff!important;
  border:0!important;
  background:
    radial-gradient(circle at 90% 8%,rgba(255,255,255,.16),transparent 36%),
    linear-gradient(145deg,var(--brand-nav),var(--brand-primary) 62%,var(--brand-accent))!important;
}
body[data-route="payment"] .payment-form-card .payment-head,
body[data-route="payment"] .payment-form-card .payment-form-grid,
body[data-route="payment"] .payment-form-card .payment-actions,
body[data-route="payment"] .payment-form-card .payment-result,
body[data-route="payment"] .payment-form-card .payment-alert{
  position:relative!important;
  z-index:2!important;
}
body[data-route="payment"] .payment-head{
  align-items:flex-start!important;
  margin-bottom:18px!important;
}
body[data-route="payment"] .payment-head h2{
  color:inherit!important;
  font-size:24px!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  margin:7px 0 6px!important;
}
body[data-route="payment"] .payment-form-card .payment-head p{
  color:rgba(255,255,255,.78)!important;
  line-height:1.45!important;
}
body[data-route="payment"] .payment-provider-badge{
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  box-shadow:none!important;
}
body[data-route="payment"] .payment-form-grid{
  grid-template-columns:minmax(0,1fr) 170px!important;
  gap:11px!important;
}
body[data-route="payment"] .payment-form-grid label span{
  color:rgba(255,255,255,.86)!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
body[data-route="payment"] .payment-form-grid input,
body[data-route="payment"] .payment-form-grid select{
  height:44px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.96)!important;
  color:#132536!important;
  font-size:14px!important;
  font-weight:900!important;
}
body[data-route="payment"] .payment-actions{
  margin-top:16px!important;
}
body[data-route="payment"] .primary-btn,
body[data-route="payment"] .secondary-btn{
  min-height:42px!important;
  border-radius:14px!important;
  padding:11px 16px!important;
}
body[data-route="payment"] .payment-form-card .primary-btn{
  background:#fff!important;
  color:var(--brand-primary)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.14)!important;
}
body[data-route="payment"] .payment-form-card .secondary-btn{
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
body[data-route="payment"] .payment-result{
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
body[data-route="payment"] .payment-result strong,
body[data-route="payment"] .payment-result span{
  color:#fff!important;
}
body[data-route="payment"] .payment-open-link{
  background:#fff!important;
  color:var(--brand-primary)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.12)!important;
}
body[data-route="payment"] .payment-alert{
  border-color:rgba(255,255,255,.30)!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}
body[data-route="payment"] .payment-history-card .payment-head{
  border-bottom:1px solid var(--premium-border-soft)!important;
  padding-bottom:12px!important;
}
body[data-route="payment"] .payment-history-card .payment-kicker{
  border-color:rgba(var(--brand-primary-rgb),.16)!important;
  background:rgba(var(--brand-primary-rgb),.08)!important;
  color:var(--brand-primary)!important;
}
body[data-route="payment"] .payment-history-card .payment-head h2{
  color:#102233!important;
}
body[data-route="payment"] .payment-history-state{
  min-height:260px!important;
}
body[data-route="payment"] .payment-table-wrap{
  border:1px solid var(--premium-border)!important;
  border-radius:18px!important;
  overflow:auto!important;
  box-shadow:0 12px 30px rgba(var(--brand-nav-rgb),.055)!important;
}
body[data-route="payment"] .payment-table{
  font-size:12px!important;
  min-width:760px!important;
}
body[data-route="payment"] .payment-table th{
  height:34px!important;
  background:linear-gradient(180deg,var(--brand-nav),color-mix(in srgb,var(--brand-nav) 76%,var(--brand-primary)))!important;
  color:#fff!important;
  font-size:10.7px!important;
}
body[data-route="payment"] .payment-table td{
  padding:9px 10px!important;
  border-bottom:1px solid #edf3f7!important;
}
body[data-route="payment"] .payment-table tr:hover td{
  background:rgba(var(--brand-primary-rgb),.055)!important;
}
body[data-route="payment"] .payment-row-detail{
  margin-top:4px!important;
  color:#728294!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
body[data-route="payment"] .empty-state{
  min-height:180px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.76)!important;
}

body[data-route="other"] .other-info-grid{
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
  gap:16px!important;
}
body[data-route="other"] .other-bank-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:220px!important;
  padding:18px!important;
  border-radius:22px!important;
  border:1px solid rgba(var(--brand-primary-rgb),.12)!important;
  background:
    radial-gradient(circle at 94% 10%,rgba(var(--brand-accent-rgb),.10),transparent 36%),
    #fff!important;
  box-shadow:0 18px 42px rgba(var(--brand-nav-rgb),.075)!important;
  transition:transform .16s ease, box-shadow .16s ease;
}
body[data-route="other"] .other-bank-card:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 52px rgba(var(--brand-nav-rgb),.10)!important;
}
body[data-route="other"] .other-bank-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,var(--brand-primary),var(--brand-accent));
}
body[data-route="other"] .bank-card-top{
  align-items:center!important;
  border-bottom:1px solid #edf3f7!important;
  padding-bottom:14px!important;
  margin-bottom:14px!important;
}
body[data-route="other"] .bank-card-top>span{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.12),rgba(var(--brand-accent-rgb),.16))!important;
  color:var(--brand-primary)!important;
  box-shadow:0 10px 22px rgba(var(--brand-primary-rgb),.08)!important;
}
body[data-route="other"] .bank-card-top strong{
  color:#112536!important;
  font-size:17px!important;
  letter-spacing:-.025em!important;
}
body[data-route="other"] .bank-card-top small{
  color:#66788a!important;
}
body[data-route="other"] .bank-card-lines{
  gap:10px!important;
}
body[data-route="other"] .bank-card-lines div{
  border:1px solid rgba(148,163,184,.22)!important;
  background:color-mix(in srgb,var(--surface-tint) 42%,#fff)!important;
  border-radius:14px!important;
  padding:9px 10px!important;
}
body[data-route="other"] .bank-card-lines em{
  color:#75869a!important;
  font-size:10px!important;
}
body[data-route="other"] .bank-card-lines b{
  color:#172b3a!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}
body[data-route="other"] .bank-card-lines .mono{
  font-size:12px!important;
  color:var(--brand-primary)!important;
}

@media(max-width:1320px){
  body[data-route="account"] .account-filterbar{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body[data-route="account"] .account-search-field{grid-column:1/-1!important;}
  body[data-route="account"] .account-filterbar button{justify-self:start!important;width:160px!important;}
  body[data-route="account"] .account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body[data-route="payment"] .payment-shell{grid-template-columns:1fr!important;}
}
@media(max-width:900px){
  body[data-route="account"] .content-wrap,
  body[data-route="payment"] .content-wrap,
  body[data-route="other"] .content-wrap{padding:10px!important;}
  body[data-route="account"] .account-page,
  body[data-route="payment"] .payment-page,
  body[data-route="other"] .other-info-page{padding:12px!important;border-radius:20px!important;}
  body[data-route="account"] .account-head,
  body[data-route="other"] .other-info-head{display:grid!important;min-height:0!important;padding:18px!important;border-radius:18px!important;}
  body[data-route="account"] .account-head-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  body[data-route="account"] .account-head-actions .account-refresh-btn{grid-column:1/-1!important;}
  body[data-route="account"] .account-filterbar{grid-template-columns:1fr!important;}
  body[data-route="account"] .account-filterbar button{width:100%!important;}
  body[data-route="account"] .account-summary-grid{grid-template-columns:1fr!important;}
  body[data-route="payment"] .payment-card{padding:16px!important;border-radius:18px!important;}
  body[data-route="payment"] .payment-form-grid{grid-template-columns:1fr!important;}
  body[data-route="payment"] .payment-actions{display:grid!important;}
  body[data-route="other"] .other-info-grid{grid-template-columns:1fr!important;}
}

/* =====================================================================
   MVP31G4 - Premium Cart / Orders / Requests Standardization
   Sepet, Siparişler ve İstek Listesi ekranları kurumsal tema v2 ile
   tek görsel dile taşındı. İş mantığına dokunulmadı.
   ===================================================================== */
body[data-route="cart"] .content-wrap,
body[data-route="orders"] .content-wrap,
body[data-route="requests"] .content-wrap{
  padding:14px!important;
}
body[data-route="cart"] .cart-page,
body[data-route="orders"] .orders-page,
body[data-route="requests"] .requests-page{
  position:relative!important;
  overflow:hidden!important;
  margin:0 0 14px!important;
  border:1px solid rgba(var(--brand-primary-rgb),.13)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 20px 52px rgba(var(--brand-nav-rgb),.08)!important;
}
body[data-route="cart"] .cart-page:before,
body[data-route="orders"] .orders-page:before,
body[data-route="requests"] .requests-page:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent),color-mix(in srgb,var(--brand-primary) 48%,#fff));
  z-index:3;
}
body[data-route="cart"] .cart-page-head,
body[data-route="orders"] .orders-page-head,
body[data-route="requests"] .requests-page-head{
  min-height:86px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:20px 22px!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  background:
    radial-gradient(circle at 90% 8%,rgba(var(--brand-accent-rgb),.12),transparent 34%),
    linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 68%,#fff))!important;
}
body[data-route="cart"] .cart-page-head strong,
body[data-route="orders"] .orders-page-head strong,
body[data-route="requests"] .requests-page-head strong{
  color:#0f2233!important;
  font-size:22px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}
body[data-route="cart"] .cart-page-head span,
body[data-route="orders"] .orders-page-head em,
body[data-route="requests"] .requests-page-head em{
  color:#66788a!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
  margin-left:0!important;
}
body[data-route="orders"] .orders-kicker,
body[data-route="requests"] .requests-kicker{
  width:max-content!important;
  border:1px solid rgba(var(--brand-primary-rgb),.14)!important;
  border-radius:999px!important;
  background:rgba(var(--brand-primary-rgb),.08)!important;
  color:var(--brand-primary)!important;
  padding:5px 10px!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body[data-route="cart"] .cart-back-link,
body[data-route="orders"] .orders-refresh-btn,
body[data-route="requests"] .requests-refresh-btn{
  min-height:38px!important;
  border:0!important;
  border-radius:999px!important;
  padding:0 15px!important;
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-nav))!important;
  color:#fff!important;
  font-weight:950!important;
  box-shadow:0 12px 26px rgba(var(--brand-primary-rgb),.16)!important;
}
body[data-route="cart"] .cart-action-top{
  justify-content:flex-end!important;
  gap:8px!important;
  padding:12px 14px 0!important;
}
body[data-route="cart"] .cart-top-btn,
body[data-route="orders"] #btnOrdersClear,
body[data-route="requests"] .requests-secondary-btn{
  min-height:34px!important;
  height:34px!important;
  border:1px solid rgba(var(--brand-primary-rgb),.14)!important;
  border-radius:999px!important;
  padding:0 13px!important;
  background:rgba(var(--brand-primary-rgb),.08)!important;
  color:var(--brand-primary)!important;
  font-weight:950!important;
  box-shadow:none!important;
}
body[data-route="cart"] .cart-top-btn.green{
  border-color:rgba(34,197,94,.22)!important;
  background:rgba(34,197,94,.10)!important;
  color:#15803d!important;
}
body[data-route="cart"] .cart-top-btn:disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
}
body[data-route="cart"] .cart-info-box{
  margin:12px 14px 14px!important;
  min-height:58px!important;
  border:1px solid rgba(var(--brand-accent-rgb),.20)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(var(--brand-accent-rgb),.08),rgba(255,255,255,.94))!important;
  color:#244254!important;
  box-shadow:0 10px 24px rgba(var(--brand-nav-rgb),.04)!important;
}
body[data-route="cart"] .cart-info-icon{
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent))!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(var(--brand-primary-rgb),.16)!important;
}
.cart-premium-ribbon,
.orders-premium-ribbon,
.requests-premium-ribbon{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:10px!important;
  padding:0 14px 14px!important;
}
.cart-premium-ribbon div,
.orders-premium-ribbon div,
.requests-premium-ribbon div{
  position:relative!important;
  overflow:hidden!important;
  min-height:72px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 50%,#fff))!important;
  box-shadow:0 12px 30px rgba(var(--brand-nav-rgb),.045)!important;
  padding:13px 14px!important;
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
}
.cart-premium-ribbon div:after,
.orders-premium-ribbon div:after,
.requests-premium-ribbon div:after{
  content:"";
  position:absolute;
  right:-28px;
  top:-34px;
  width:100px;
  height:100px;
  border-radius:50%;
  background:rgba(var(--brand-primary-rgb),.055);
}
.cart-premium-ribbon span,
.orders-premium-ribbon span,
.requests-premium-ribbon span{
  color:#6b7d90!important;
  font-size:10.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  font-weight:950!important;
}
.cart-premium-ribbon strong,
.orders-premium-ribbon strong,
.requests-premium-ribbon strong{
  color:#12283a!important;
  font-size:22px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.cart-premium-ribbon .grand{
  border-color:rgba(var(--brand-primary-rgb),.22)!important;
  background:linear-gradient(135deg,var(--brand-nav),var(--brand-primary))!important;
}
.cart-premium-ribbon .grand span,
.cart-premium-ribbon .grand strong{
  color:#fff!important;
}
body[data-route="cart"] .cart-table-wrap,
body[data-route="orders"] .orders-table-wrap,
body[data-route="requests"] .requests-table-wrap{
  margin:0 14px 14px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:20px!important;
  overflow:auto!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(var(--brand-nav-rgb),.055)!important;
}
body[data-route="cart"] .cart-table,
body[data-route="orders"] .orders-table,
body[data-route="requests"] .requests-table{
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:12px!important;
}
body[data-route="cart"] .cart-table th,
body[data-route="orders"] .orders-table th,
body[data-route="requests"] .requests-table th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  height:38px!important;
  background:linear-gradient(180deg,var(--brand-nav),color-mix(in srgb,var(--brand-nav) 76%,var(--brand-primary)))!important;
  color:#fff!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  border-bottom:0!important;
  padding:9px 10px!important;
  font-size:10.7px!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
body[data-route="cart"] .cart-table td,
body[data-route="orders"] .orders-table td,
body[data-route="requests"] .requests-table td{
  min-height:38px!important;
  padding:9px 10px!important;
  border-right:1px solid #eef3f7!important;
  border-bottom:1px solid #eef3f7!important;
  color:#203747!important;
  font-weight:750!important;
}
body[data-route="cart"] .cart-table tbody tr:nth-child(odd),
body[data-route="orders"] .orders-table tbody tr:nth-child(odd),
body[data-route="requests"] .requests-table tbody tr:nth-child(odd){background:#fff!important;}
body[data-route="cart"] .cart-table tbody tr:nth-child(even),
body[data-route="orders"] .orders-table tbody tr:nth-child(even),
body[data-route="requests"] .requests-table tbody tr:nth-child(even){background:#fbfdff!important;}
body[data-route="cart"] .cart-table tbody tr:hover,
body[data-route="orders"] .orders-table tbody tr:hover,
body[data-route="requests"] .requests-table tbody tr:hover{background:rgba(var(--brand-primary-rgb),.055)!important;}
body[data-route="cart"] .cart-code,
body[data-route="orders"] .orders-no,
body[data-route="requests"] .requests-product-code{
  color:var(--brand-primary)!important;
  font-weight:950!important;
}
body[data-route="cart"] .cart-name,
body[data-route="orders"] .orders-customer-code,
body[data-route="requests"] .requests-customer-code{
  color:#112536!important;
  font-weight:950!important;
}
body[data-route="cart"] .cart-meta,
body[data-route="orders"] .orders-customer-name,
body[data-route="requests"] .requests-customer-name,
body[data-route="requests"] .requests-product-name{
  color:#738294!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
body[data-route="cart"] .cart-qty-input{
  width:58px!important;
  height:32px!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.34)!important;
  background:#fff!important;
  color:#0f2233!important;
  font-weight:950!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.04)!important;
}
body[data-route="cart"] .cart-row-btn.remove,
body[data-route="requests"] .request-cancel-btn{
  min-height:30px!important;
  border:1px solid rgba(220,38,38,.16)!important;
  border-radius:999px!important;
  background:#fff1f2!important;
  color:#be123c!important;
  padding:0 11px!important;
  font-weight:950!important;
}
body[data-route="orders"] .order-detail-btn,
body[data-route="requests"] .request-edit-btn{
  min-height:30px!important;
  border:1px solid rgba(var(--brand-primary-rgb),.16)!important;
  border-radius:999px!important;
  background:rgba(var(--brand-primary-rgb),.08)!important;
  color:var(--brand-primary)!important;
  padding:0 11px!important;
  font-weight:950!important;
}
body[data-route="requests"] .request-edit-btn+button{margin-left:5px!important;}
body[data-route="cart"] .cart-warn-line{
  margin:0 14px 14px!important;
  border:1px solid rgba(245,158,11,.28)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fffbeb,#fff)!important;
  color:#92400e!important;
  min-height:44px!important;
  padding:10px 13px!important;
}
body[data-route="cart"] .cart-bottom-grid{
  grid-template-columns:minmax(260px,1.05fr) minmax(320px,1.25fr) minmax(310px,.95fr) minmax(150px,.42fr)!important;
  gap:12px!important;
  padding:0 14px 16px!important;
}
body[data-route="cart"] .cart-box{
  overflow:hidden!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(var(--brand-nav-rgb),.045)!important;
}
body[data-route="cart"] .cart-box-title{
  height:42px!important;
  justify-content:flex-start!important;
  padding:0 14px!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 62%,#fff))!important;
  color:#102536!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
body[data-route="cart"] .cart-box-body{
  padding:14px!important;
}
body[data-route="cart"] .cart-shipping-select,
body[data-route="cart"] .cart-note{
  border:1px solid rgba(148,163,184,.32)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#12283a!important;
  font-weight:850!important;
}
body[data-route="cart"] .cart-shipping-select{height:42px!important;}
body[data-route="cart"] .cart-note{min-height:118px!important;line-height:1.4!important;}
body[data-route="cart"] .cart-note:focus,
body[data-route="cart"] .cart-shipping-select:focus{
  border-color:var(--brand-primary)!important;
  box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.12)!important;
}
body[data-route="cart"] .cart-delivery-hint,
body[data-route="cart"] .cart-note-foot,
body[data-route="cart"] .cart-delivery-loading{
  color:#718198!important;
  line-height:1.45!important;
  font-weight:800!important;
}
body[data-route="cart"] .cart-total-list{gap:8px!important;}
body[data-route="cart"] .cart-total-row{
  grid-template-columns:minmax(0,1fr) minmax(120px,150px)!important;
  gap:10px!important;
}
body[data-route="cart"] .cart-total-row span{
  color:#596e7e!important;
  font-size:12px!important;
  font-weight:900!important;
}
body[data-route="cart"] .cart-total-row strong{
  height:34px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--surface-tint) 42%,#fff)!important;
  color:#112536!important;
  font-size:12px!important;
}
body[data-route="cart"] .cart-total-row.grand strong{
  border-color:rgba(var(--brand-primary-rgb),.22)!important;
  background:linear-gradient(135deg,var(--brand-nav),var(--brand-primary))!important;
  color:#fff!important;
}
body[data-route="cart"] .cart-send-btn{
  height:154px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(135deg,var(--brand-primary),var(--brand-nav))!important;
  color:#fff!important;
  font-size:18px!important;
  letter-spacing:-.02em!important;
  box-shadow:0 16px 34px rgba(var(--brand-primary-rgb),.20)!important;
}
body[data-route="cart"] .cart-send-btn.needs-delivery{background:linear-gradient(135deg,#f59e0b,var(--brand-primary))!important;}
body[data-route="cart"] .cart-send-btn.ready{background:linear-gradient(135deg,#16a34a,var(--brand-primary))!important;}
body[data-route="cart"] .cart-empty-full{
  margin:0 14px 14px!important;
  min-height:220px!important;
  border:1px dashed rgba(148,163,184,.35)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.05),#fff)!important;
  color:#728294!important;
}
body[data-route="cart"] .cart-empty-full strong{color:#102536!important;font-size:22px!important;}
body[data-route="cart"] .order-success-box{
  margin:0 14px 14px!important;
  border:1px solid rgba(34,197,94,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ecfdf5,#fff)!important;
  color:#166534!important;
  box-shadow:0 12px 28px rgba(22,101,52,.06)!important;
}
body[data-route="orders"] .orders-filterbar,
body[data-route="requests"] .requests-filterbar{
  margin:14px!important;
  display:grid!important;
  align-items:end!important;
  gap:10px!important;
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 52%,#fff))!important;
  box-shadow:0 12px 28px rgba(var(--brand-nav-rgb),.045)!important;
  padding:14px!important;
}
body[data-route="orders"] .orders-filterbar{grid-template-columns:180px minmax(300px,1fr) 110px!important;}
body[data-route="requests"] .requests-filterbar{grid-template-columns:180px minmax(300px,1fr) 160px!important;}
body[data-route="orders"] .orders-filterbar label,
body[data-route="requests"] .requests-filterbar label{
  display:grid!important;
  gap:6px!important;
}
body[data-route="orders"] .orders-filterbar span,
body[data-route="requests"] .requests-filterbar span{
  color:#6b7d90!important;
  font-size:10.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  font-weight:950!important;
}
body[data-route="orders"] .orders-filterbar input,
body[data-route="orders"] .orders-filterbar select,
body[data-route="requests"] .requests-filterbar input,
body[data-route="requests"] .requests-filterbar select{
  height:40px!important;
  border:1px solid rgba(148,163,184,.32)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#112536!important;
  padding:0 12px!important;
  font-weight:850!important;
}
body[data-route="orders"] .orders-filterbar input:focus,
body[data-route="orders"] .orders-filterbar select:focus,
body[data-route="requests"] .requests-filterbar input:focus,
body[data-route="requests"] .requests-filterbar select:focus{
  border-color:var(--brand-primary)!important;
  box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.12)!important;
  outline:0!important;
}
body[data-route="orders"] .orders-state-box,
body[data-route="requests"] .requests-state-box{
  margin:0 14px 14px!important;
  min-height:150px!important;
  display:grid!important;
  place-items:center!important;
  border:1px dashed rgba(148,163,184,.34)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.045),#fff)!important;
  color:#6b7d90!important;
  font-weight:900!important;
}
body[data-route="orders"] .orders-state-box.error,
body[data-route="requests"] .requests-state-box.error{
  border-color:rgba(220,38,38,.25)!important;
  background:#fff1f2!important;
  color:#be123c!important;
}
body[data-route="orders"] .order-status,
body[data-route="requests"] .request-status{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  border-radius:999px!important;
  padding:4px 9px!important;
  background:rgba(var(--brand-primary-rgb),.08)!important;
  color:var(--brand-primary)!important;
  border:1px solid rgba(var(--brand-primary-rgb),.14)!important;
  font-size:10.5px!important;
  font-weight:950!important;
}
body[data-route="orders"] .order-status.error,
body[data-route="orders"] .order-status.failed,
body[data-route="requests"] .request-status.cancelled,
body[data-route="requests"] .request-status.rejected{
  background:#fff1f2!important;
  color:#be123c!important;
  border-color:rgba(190,18,60,.16)!important;
}
body[data-route="orders"] .order-status.sent,
body[data-route="orders"] .order-status.imported,
body[data-route="requests"] .request-status.done,
body[data-route="requests"] .request-status.completed{
  background:#ecfdf5!important;
  color:#15803d!important;
  border-color:rgba(21,128,61,.18)!important;
}
body[data-route="orders"] .orders-error-line{
  color:#be123c!important;
  font-weight:850!important;
}
body[data-route="orders"] .orders-pager,
body[data-route="requests"] .requests-pager{
  height:auto!important;
  min-height:58px!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:12px 14px!important;
  border-top:1px solid rgba(148,163,184,.18)!important;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 52%,#fff))!important;
}
body[data-route="orders"] .orders-pager button,
body[data-route="requests"] .requests-pager button{
  height:36px!important;
  border:1px solid rgba(var(--brand-primary-rgb),.14)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--brand-primary)!important;
  padding:0 14px!important;
  font-weight:950!important;
}
body[data-route="orders"] .orders-pager span,
body[data-route="requests"] .requests-pager span{
  color:#32495b!important;
  font-weight:950!important;
}
@media(max-width:1320px){
  body[data-route="cart"] .cart-bottom-grid{grid-template-columns:1fr 1fr!important;}
  .cart-premium-ribbon,.orders-premium-ribbon,.requests-premium-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body[data-route="orders"] .orders-filterbar,
  body[data-route="requests"] .requests-filterbar{grid-template-columns:1fr 1fr!important;}
  body[data-route="orders"] .orders-search-field,
  body[data-route="requests"] .requests-search-field{grid-column:1/-1!important;}
}
@media(max-width:900px){
  body[data-route="cart"] .content-wrap,
  body[data-route="orders"] .content-wrap,
  body[data-route="requests"] .content-wrap{padding:10px!important;}
  body[data-route="cart"] .cart-page,
  body[data-route="orders"] .orders-page,
  body[data-route="requests"] .requests-page{border-radius:20px!important;}
  body[data-route="cart"] .cart-page-head,
  body[data-route="orders"] .orders-page-head,
  body[data-route="requests"] .requests-page-head{display:grid!important;align-items:start!important;min-height:0!important;padding:18px!important;}
  body[data-route="cart"] .cart-page-head span{width:auto!important;}
  .cart-premium-ribbon,.orders-premium-ribbon,.requests-premium-ribbon{grid-template-columns:1fr!important;padding:0 12px 12px!important;}
  body[data-route="cart"] .cart-table-wrap,
  body[data-route="orders"] .orders-table-wrap,
  body[data-route="requests"] .requests-table-wrap{margin:0 12px 12px!important;border-radius:16px!important;}
  body[data-route="cart"] .cart-bottom-grid{grid-template-columns:1fr!important;padding:0 12px 14px!important;}
  body[data-route="cart"] .cart-send-btn{height:56px!important;}
  body[data-route="orders"] .orders-filterbar,
  body[data-route="requests"] .requests-filterbar{grid-template-columns:1fr!important;margin:12px!important;border-radius:16px!important;}
  body[data-route="orders"] .orders-pager,
  body[data-route="requests"] .requests-pager{justify-content:center!important;flex-wrap:wrap!important;}
}


/* =========================================================
   MVP31G5 - Home / Product Detail / Mobile Premium Final
   Amaç: Ana sayfa vitrini, ürün detay drawer ve düşük çözünürlükleri
   premium kurumsal görünüme almak. İş mantığına dokunmaz.
   ========================================================= */
body.route-home .content-wrap{padding:16px 24px 14px!important;}
body.route-home .home-page{gap:16px!important;}
body.route-home .home-hero-panel{
  min-height:210px!important;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.72fr)!important;
  align-items:end!important;
  border:1px solid rgba(var(--brand-primary-rgb),.16)!important;
  border-radius:28px!important;
  padding:26px!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(255,255,255,.24),transparent 28%),
    radial-gradient(circle at 8% 96%,rgba(var(--brand-accent-rgb),.24),transparent 35%),
    linear-gradient(135deg,var(--brand-nav),var(--brand-primary) 62%,var(--brand-accent))!important;
  box-shadow:0 24px 70px rgba(var(--brand-nav-rgb),.18)!important;
  overflow:hidden!important;
}
body.route-home .home-hero-panel:before{
  content:"";position:absolute;inset:12px;border-radius:22px;border:1px solid rgba(255,255,255,.12);pointer-events:none;
}
body.route-home .home-hero-copy{position:relative;z-index:1;max-width:760px;}
body.route-home .home-kicker{
  color:#fff!important;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important;
  backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
body.route-home .home-hero-panel h2{font-size:clamp(28px,2.4vw,42px)!important;line-height:1.02!important;margin:14px 0 8px!important;color:#fff!important;}
body.route-home .home-hero-panel p{font-size:14px!important;line-height:1.55!important;color:rgba(255,255,255,.82)!important;max-width:680px;}
body.route-home .home-hero-cta{height:38px;border:0;border-radius:999px;background:#fff;color:var(--brand-primary);font-weight:950;padding:0 16px;box-shadow:0 10px 24px rgba(0,0,0,.13);}
body.route-home .home-quick-search{
  align-self:end!important;position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;
  gap:8px!important;padding:10px!important;border-radius:20px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.22)!important;
  backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 38px rgba(0,0,0,.12)!important;
}
body.route-home .home-quick-search input{height:46px!important;border:0!important;border-radius:15px!important;background:#fff!important;color:#142536!important;font-size:13px!important;font-weight:850!important;}
body.route-home .home-quick-search button{height:46px!important;border-radius:15px!important;background:#fff!important;color:var(--brand-primary)!important;box-shadow:none!important;}
.home-hero-statline{position:relative;z-index:1;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;}
.home-hero-statline span{min-height:54px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.10);padding:10px 12px;backdrop-filter:blur(10px);}
.home-hero-statline b{display:block;color:#fff;font-size:13px;font-weight:950;}
.home-hero-statline small{display:block;margin-top:3px;color:rgba(255,255,255,.72);font-weight:800;}
body.route-home .home-featured-panel{border-radius:26px!important;box-shadow:0 18px 54px rgba(var(--brand-nav-rgb),.085)!important;}
body.route-home .home-section-head{padding:16px 18px!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 68%,#fff))!important;}
body.route-home .home-section-head strong{font-size:19px!important;color:#102536!important;}
body.route-home .home-section-head span{font-size:12px!important;color:#708196!important;}
body.route-home .home-featured-grid{padding:16px!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:14px!important;align-items:stretch!important;}
body.route-home .home-product-card.premium.v2{
  border-radius:22px!important;min-height:390px!important;max-width:none!important;border:1px solid rgba(148,163,184,.22)!important;
  background:linear-gradient(180deg,#fff 0%,#fff 68%,color-mix(in srgb,var(--surface-tint) 42%,#fff) 100%)!important;
  box-shadow:0 14px 34px rgba(var(--brand-nav-rgb),.07)!important;overflow:hidden!important;position:relative!important;
}
body.route-home .home-product-card.premium.v2:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));opacity:.82;}
body.route-home .home-product-card.premium.v2:hover{transform:translateY(-3px)!important;box-shadow:0 22px 48px rgba(var(--brand-nav-rgb),.12)!important;}
body.route-home .home-product-card.premium.v2 .home-product-image{height:144px!important;background:linear-gradient(180deg,#f8fafc,#fff)!important;border-bottom:1px solid rgba(148,163,184,.12)!important;}
body.route-home .home-card-code{color:var(--brand-primary)!important;background:rgba(var(--brand-primary-rgb),.08)!important;border:1px solid rgba(var(--brand-primary-rgb),.12)!important;border-radius:999px!important;width:max-content!important;padding:4px 8px!important;font-size:10.5px!important;}
body.route-home .home-card-title{font-size:13.5px!important;line-height:1.28!important;min-height:36px!important;color:#132638!important;}
body.route-home .home-card-meta-grid{grid-template-columns:1fr 1fr!important;gap:7px!important;}
body.route-home .home-card-meta-grid span{border:1px solid rgba(148,163,184,.16)!important;border-radius:12px!important;background:rgba(255,255,255,.72)!important;padding:7px!important;}
body.route-home .home-card-pricebox b{font-size:17px!important;color:var(--brand-nav)!important;letter-spacing:-.025em;}
body.route-home .home-card-pricebox span{color:#9a5700!important;}
body.route-home .home-card-actions{grid-template-columns:80px 1fr!important;gap:8px!important;}
body.route-home .home-card-detail{height:34px!important;border-radius:12px!important;background:#fff!important;color:var(--brand-primary)!important;border:1px solid rgba(var(--brand-primary-rgb),.18)!important;}
body.route-home .home-card-cart{grid-column:1/-1;height:38px!important;border-radius:13px!important;background:linear-gradient(135deg,var(--brand-primary),var(--brand-nav))!important;color:#fff!important;box-shadow:0 12px 24px rgba(var(--brand-primary-rgb),.18)!important;}
body.route-home .home-card-qty-wrap{height:34px!important;border-radius:12px!important;}
body.route-home .home-card-qty{height:32px!important;}

.drawer{z-index:1200!important;}
.drawer-backdrop{background:rgba(2,6,23,.54)!important;backdrop-filter:blur(5px)!important;}
.drawer-panel{width:min(920px,94vw)!important;background:linear-gradient(180deg,#fff 0%,#fff 72%,color-mix(in srgb,var(--surface-tint) 60%,#fff) 100%)!important;box-shadow:-34px 0 90px rgba(var(--brand-nav-rgb),.28)!important;padding:0!important;}
.drawer-close{position:sticky!important;top:14px!important;right:14px!important;z-index:4!important;margin:14px 14px -52px auto!important;width:40px!important;height:40px!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;color:#102536!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important;}
.drawer-content{padding:18px!important;}
.detail-premium-head{display:grid;grid-template-columns:minmax(260px,.52fr) minmax(0,1fr);gap:18px;border:1px solid rgba(148,163,184,.20);border-radius:26px;background:radial-gradient(circle at 96% 6%,rgba(var(--brand-primary-rgb),.10),transparent 36%),linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 58%,#fff));box-shadow:0 18px 50px rgba(var(--brand-nav-rgb),.08);padding:18px;margin-bottom:16px;}
.detail-media{min-height:310px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:#fff;display:grid;place-items:center;overflow:hidden;cursor:zoom-in;}
.detail-media img{width:100%;height:100%;max-height:340px;object-fit:contain;padding:14px;}
.detail-media.empty{cursor:default;background:linear-gradient(135deg,#f8fafc,#fff);color:#9aa9b8;font-weight:950;}
.detail-hero-info{display:flex;flex-direction:column;gap:12px;min-width:0;}
.detail-code-pill{width:max-content;border-radius:999px;background:rgba(var(--brand-primary-rgb),.08);border:1px solid rgba(var(--brand-primary-rgb),.16);color:var(--brand-primary);font-weight:950;padding:6px 10px;font-size:12px;}
.drawer-content .detail-title{font-size:28px!important;line-height:1.08!important;margin:0!important;color:#102536!important;letter-spacing:-.04em!important;}
.drawer-content .badges{gap:6px!important;}
.drawer-content .badge{min-height:24px;border-radius:999px;padding:5px 9px!important;font-size:10.5px!important;}
.detail-hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.detail-hero-meta span,.detail-price-strip span{border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#fff;padding:10px;min-width:0;}
.detail-hero-meta em,.detail-price-strip em{display:block;color:#718198;font-size:10.5px;font-style:normal;text-transform:uppercase;letter-spacing:.05em;font-weight:950;}
.detail-hero-meta b,.detail-price-strip b{display:block;margin-top:4px;color:#132638;font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detail-price-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.detail-price-strip span.strong{background:linear-gradient(135deg,var(--brand-nav),var(--brand-primary));border-color:transparent;}
.detail-price-strip span.strong em,.detail-price-strip span.strong b{color:#fff;}
.detail-price-strip b{font-size:15px;}
.detail-action-row{display:grid;grid-template-columns:120px minmax(160px,220px);gap:10px;margin-top:auto;align-items:end;}
.detail-qty-wrap{display:grid;gap:5px;color:#607084;font-weight:900;font-size:11px;}
.detail-qty{height:42px;border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:0 12px;font-weight:950;}
.detail-add-cart{height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-nav));color:#fff;font-weight:950;box-shadow:0 14px 26px rgba(var(--brand-primary-rgb),.18);}
.detail-add-cart:disabled,.detail-qty:disabled{opacity:.55;cursor:not-allowed;}
.detail-premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.drawer-content .detail-section{margin:0!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(var(--brand-nav-rgb),.045)!important;}
.drawer-content .detail-section h3{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-tint) 62%,#fff))!important;border-bottom:1px solid rgba(148,163,184,.14)!important;color:#102536!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:12px 14px!important;}
.drawer-content .detail-list{padding:13px!important;gap:8px!important;}
.drawer-content .kv{border-bottom:1px dashed rgba(148,163,184,.24)!important;align-items:flex-start!important;}
.drawer-content .kv span{color:#6c7d90!important;font-weight:850!important;}
.drawer-content .kv strong{color:#142536!important;font-weight:950!important;}
.drawer-content .purchase-history-inline-section{margin-top:12px!important;}

@media(max-width:1280px){
  body.route-home .home-hero-panel{grid-template-columns:1fr!important;align-items:stretch!important;}
  body.route-home .home-featured-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;}
  .detail-premium-head{grid-template-columns:1fr!important;}
  .detail-media{min-height:260px;}
}
@media(max-width:900px){
  body.route-home .content-wrap{padding:10px!important;}
  body.route-home .home-hero-panel{border-radius:22px!important;padding:18px!important;min-height:0!important;}
  body.route-home .home-quick-search{grid-template-columns:1fr!important;}
  .home-hero-statline{grid-template-columns:1fr!important;margin-top:12px;}
  body.route-home .home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;}
  body.route-home .home-product-card.premium.v2{min-height:350px!important;border-radius:18px!important;}
  body.route-home .home-product-card.premium.v2 .home-product-image{height:124px!important;}
  body.route-home .home-card-meta-grid span:nth-child(n+3){display:none!important;}
  .drawer-panel{width:100vw!important;height:100vh!important;}
  .drawer-content{padding:12px!important;}
  .detail-premium-head{border-radius:22px!important;padding:14px!important;gap:12px!important;}
  .detail-media{min-height:220px;border-radius:18px!important;}
  .drawer-content .detail-title{font-size:22px!important;}
  .detail-hero-meta,.detail-price-strip{grid-template-columns:1fr 1fr!important;}
  .detail-action-row{grid-template-columns:1fr!important;}
  .detail-premium-grid{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
  body.route-home .home-featured-grid{grid-template-columns:1fr!important;}
  body.route-home .home-hero-panel h2{font-size:24px!important;}
  body.route-home .home-product-card.premium.v2{min-height:0!important;}
  body.route-home .home-card-meta-grid{grid-template-columns:1fr!important;}
  .detail-hero-meta,.detail-price-strip{grid-template-columns:1fr!important;}
}


/* MVP31G5 FIX1 - Pusula sadece plasiyer oturumunda görünür */
body:not(.sales-rep-role) .js-sales-rep-only,
body:not(.sales-rep-role) [data-sales-rep-only="1"]{
  display:none!important;
}

/* MVP31G5 FIX2 - Login ekranı Theme Engine v2 ile oturum öncesi de uyumlu çalışır */
.login-screen{
  background:
    radial-gradient(circle at 18% 16%, rgba(var(--brand-primary-rgb,37,99,235),.12), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(var(--brand-accent-rgb,56,189,248),.10), transparent 26%),
    linear-gradient(135deg, color-mix(in srgb,var(--surface-tint,#f1f5f9) 82%,#fff), #f8fbfc 48%, #fff 100%)!important;
}
.login-hero{
  background:
    radial-gradient(circle at 84% 14%, rgba(255,255,255,.20), transparent 36%),
    linear-gradient(135deg, var(--brand-nav,#0f172a), var(--brand-primary,#2563eb) 64%, var(--brand-accent,#38bdf8))!important;
  border-color:rgba(var(--brand-primary-rgb,37,99,235),.16)!important;
}
.login-card,.login-hero{
  box-shadow:0 28px 86px rgba(var(--brand-nav-rgb,15,23,42),.14)!important;
}
.login-logo{
  background:linear-gradient(135deg,var(--brand-nav,#0f172a),var(--brand-primary,#2563eb) 62%,var(--brand-accent,#38bdf8))!important;
  box-shadow:0 14px 30px rgba(var(--brand-primary-rgb,37,99,235),.20)!important;
}
.login-brand h1{color:var(--brand-primary,#2563eb)!important;}
.login-field input:focus{
  border-color:var(--brand-primary,#2563eb)!important;
  box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb,37,99,235),.14)!important;
}
.remember-line input{accent-color:var(--brand-primary,#2563eb)!important;}
.login-submit,#btnLogin{
  background:linear-gradient(135deg,var(--brand-primary,#2563eb),var(--brand-nav,#0f172a))!important;
  color:#fff!important;
  box-shadow:0 15px 30px rgba(var(--brand-primary-rgb,37,99,235),.24)!important;
}
.login-submit:hover,#btnLogin:hover{filter:brightness(1.02)!important;transform:translateY(-1px);}
.login-feature-grid span,.login-hero-badge{
  border-color:rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.12)!important;
}

/* MVP31G5 FIX2 - Arama/Kampanya canlı gridinde debug Detay kolonu kaldırıldı */
body.route-search .sales-grid,
body.route-campaigns .sales-grid{min-width:1450px!important;}
body.route-search .action-col,
body.route-campaigns .action-col{display:none!important;}



/* =====================================================================
   MVP31G6 - Final visual polish + low resolution stability
   Amaç: tüm sayfalarda premium kurumsal bütünlüğü artırmak, 1366x768
   ve 1024px kırılımlarında header/menu/grid alanlarını daha stabil yapmak.
   İş mantığına dokunmaz; yalnızca görsel/yerleşim güvenliği sağlar.
   ===================================================================== */
:root{
  --g6-shell-gap:16px;
  --g6-page-radius:24px;
  --g6-card-radius:20px;
  --g6-table-head-h:34px;
  --g6-lowres-header-h:70px;
  --g6-lowres-menu-h:56px;
}
html{scroll-behavior:smooth;}
body{
  min-width:0!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(var(--brand-primary-rgb,37,99,235),.09),transparent 28%),
    radial-gradient(circle at 92% 6%,rgba(var(--brand-accent-rgb,56,189,248),.08),transparent 26%),
    linear-gradient(180deg,color-mix(in srgb,var(--surface-tint,#f1f5f9) 72%,#fff),#f7fafc 62%,#f9fbfc)!important;
}
body::before{display:none!important;}
.page:not(.hidden){
  min-height:100svh!important;
  isolation:isolate;
}
.identity-header,
.tile-menu,
.content-wrap{
  width:auto!important;
}
.identity-header{
  margin:10px var(--g6-shell-gap) 0!important;
  border-radius:var(--g6-page-radius) var(--g6-page-radius) 0 0!important;
  border-color:rgba(var(--brand-primary-rgb,37,99,235),.13)!important;
  box-shadow:0 18px 48px rgba(var(--brand-nav-rgb,15,23,42),.08)!important;
}
.tile-menu{
  margin:0 var(--g6-shell-gap)!important;
  border-radius:0 0 var(--g6-page-radius) var(--g6-page-radius)!important;
  box-shadow:0 20px 48px rgba(var(--brand-nav-rgb,15,23,42),.16)!important;
  background:
    radial-gradient(circle at 88% -18%,rgba(var(--brand-accent-rgb,56,189,248),.20),transparent 32%),
    linear-gradient(135deg,var(--brand-nav,#0f172a),color-mix(in srgb,var(--brand-primary,#2563eb) 86%,var(--brand-nav,#0f172a)))!important;
}
.tile-menu .tile{
  min-width:0!important;
  user-select:none;
}
.tile-menu .tile b{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tile-menu .tile.active::after{
  left:24px!important;
  right:24px!important;
}
.content-wrap{
  padding:14px var(--g6-shell-gap) 14px!important;
}
.logo-title,.logo-subtitle,
.cart-widget strong,.rep-widget strong,.representative-widget strong,
.cart-widget small,.rep-widget small,.representative-widget small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.logo-mark{flex:0 0 auto!important;}
.right-widgets.header-context-widgets > .cart-widget,
.right-widgets.header-context-widgets > .customer-context-widget,
.right-widgets.header-context-widgets > .header-representative-card{
  position:relative!important;
}
.right-widgets.header-context-widgets > .cart-widget::before,
.right-widgets.header-context-widgets > .customer-context-widget::before,
.right-widgets.header-context-widgets > .header-representative-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--brand-primary,#2563eb),var(--brand-accent,#38bdf8));
  opacity:.85;
}
.right-widgets.header-context-widgets > .header-representative-card::before{
  background:linear-gradient(180deg,var(--brand-nav,#0f172a),var(--brand-primary,#2563eb));
}
.search-board,.grid-panel,.home-featured-panel,.cart-page,.orders-page,.requests-page,.account-page,.payment-card,.other-info-card,.compass-page,
.account-section,.payment-card,.other-info-panel,.utility-card{
  border-color:rgba(var(--brand-primary-rgb,37,99,235),.11)!important;
  box-shadow:0 18px 50px rgba(var(--brand-nav-rgb,15,23,42),.07)!important;
}
body[data-route="search"] .search-board,
body[data-route="campaigns"] .search-board{
  border-radius:22px!important;
}
body[data-route="search"] .board-grid,
body[data-route="campaigns"] .board-grid{
  align-items:stretch!important;
}
body[data-route="search"] .filter-matrix,
body[data-route="campaigns"] .filter-matrix,
body[data-route="search"] .search-center,
body[data-route="campaigns"] .search-center{
  min-width:0!important;
}
body[data-route="search"] .general-search,
body[data-route="campaigns"] .general-search{
  min-width:0!important;
}
body[data-route="search"] .general-search input,
body[data-route="campaigns"] .general-search input{
  min-width:0!important;
}
.table-scroll,
.account-table-wrap,.payment-table-wrap,.orders-table-wrap,.requests-table-wrap,.cart-table-wrap{
  scrollbar-width:thin;
  scrollbar-color:rgba(var(--brand-primary-rgb,37,99,235),.32) color-mix(in srgb,var(--surface-tint,#f1f5f9) 72%,#fff);
}
.table-scroll::-webkit-scrollbar,
.account-table-wrap::-webkit-scrollbar,.payment-table-wrap::-webkit-scrollbar,.orders-table-wrap::-webkit-scrollbar,.requests-table-wrap::-webkit-scrollbar,.cart-table-wrap::-webkit-scrollbar{height:10px;width:10px;}
.table-scroll::-webkit-scrollbar-thumb,
.account-table-wrap::-webkit-scrollbar-thumb,.payment-table-wrap::-webkit-scrollbar-thumb,.orders-table-wrap::-webkit-scrollbar-thumb,.requests-table-wrap::-webkit-scrollbar-thumb,.cart-table-wrap::-webkit-scrollbar-thumb{background:rgba(var(--brand-primary-rgb,37,99,235),.30);border-radius:999px;border:2px solid transparent;background-clip:content-box;}
.table-scroll::-webkit-scrollbar-track,
.account-table-wrap::-webkit-scrollbar-track,.payment-table-wrap::-webkit-scrollbar-track,.orders-table-wrap::-webkit-scrollbar-track,.requests-table-wrap::-webkit-scrollbar-track,.cart-table-wrap::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-tint,#f1f5f9) 72%,#fff);border-radius:999px;}
.sales-grid th,.account-table th,.invoice-lines-table th,.purchase-history-table th,.payment-table th,
.orders-table th,.requests-table th,.cart-table th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  height:var(--g6-table-head-h)!important;
}
.sales-grid td,.orders-table td,.requests-table td,.cart-table td,.payment-table td,.account-table td{
  vertical-align:middle!important;
}
.pager,.orders-pager,.requests-pager{
  backdrop-filter:blur(10px);
}
.message,.toast,.empty-state,.catalog-status{
  border-radius:16px!important;
}
button,input,select,textarea{max-width:100%;}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{
  outline:3px solid rgba(var(--brand-primary-rgb,37,99,235),.18)!important;
  outline-offset:2px!important;
}
/* Plasiyer pusula ekranı da aynı premium dile alınır */
.compass-page{
  padding:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.96)!important;
}
.compass-head{
  background:
    radial-gradient(circle at 94% 0%,rgba(var(--brand-accent-rgb,56,189,248),.20),transparent 32%),
    linear-gradient(135deg,var(--brand-nav,#0f172a),var(--brand-primary,#2563eb))!important;
  color:#fff!important;
  border-bottom:0!important;
}
.compass-head strong,.compass-head small,.compass-kicker{color:#fff!important;}
.compass-kicker{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;}
.compass-actions select,.compass-refresh-btn,.compass-link-btn,.compass-mini-btn{
  border-radius:13px!important;
}
.compass-refresh-btn,.compass-link-btn{
  background:linear-gradient(135deg,var(--brand-primary,#2563eb),var(--brand-nav,#0f172a))!important;
  color:#fff!important;
  border-color:transparent!important;
}
.compass-body{padding:14px!important;}
.compass-kpi,.compass-panel,.compass-period-card{
  border-radius:18px!important;
  border-color:rgba(var(--brand-primary-rgb,37,99,235),.12)!important;
  box-shadow:0 12px 28px rgba(var(--brand-nav-rgb,15,23,42),.055)!important;
}
.compass-period-card.active{
  background:linear-gradient(135deg,var(--brand-primary,#2563eb),var(--brand-nav,#0f172a))!important;
  color:#fff!important;
}
.compass-period-card.active span,.compass-period-card.active strong,.compass-period-card.active small{color:#fff!important;}
.compass-row-side b{color:var(--brand-primary,#2563eb)!important;}
/* 1366x768 ve benzeri düşük yüksekliklerde daha fazla satır alanı */
@media(max-height:820px) and (min-width:901px){
  :root{
    --g6-shell-gap:12px;
    --g6-page-radius:20px;
    --g6-table-head-h:31px;
  }
  .identity-header{
    min-height:var(--g6-lowres-header-h)!important;
    padding:8px 14px!important;
    gap:10px!important;
  }
  .logo-mark{width:50px!important;height:50px!important;border-radius:15px!important;font-size:12px!important;}
  .logo-title{font-size:20px!important;max-width:238px!important;}
  .logo-subtitle{font-size:10.5px!important;max-width:238px!important;}
  .right-widgets.header-context-widgets{
    grid-template-columns:minmax(112px,136px) minmax(280px,1fr) minmax(150px,186px)!important;
    gap:8px!important;
  }
  .right-widgets.header-context-widgets > .cart-widget,
  .right-widgets.header-context-widgets > .customer-context-widget,
  .right-widgets.header-context-widgets > .header-representative-card{
    height:54px!important;min-height:54px!important;max-height:54px!important;padding:6px 10px!important;border-radius:13px!important;
  }
  .cart-widget span,.rep-widget span,.right-widgets .representative-widget span{font-size:9.5px!important;}
  .cart-widget strong,.rep-widget strong,.right-widgets .representative-widget strong{font-size:12px!important;margin-top:2px!important;}
  .cart-widget small,.rep-widget small,.right-widgets .representative-widget small{font-size:9.5px!important;margin-top:1px!important;}
  .tile-menu{height:var(--g6-lowres-menu-h)!important;min-height:var(--g6-lowres-menu-h)!important;}
  .tile-menu .tile{height:var(--g6-lowres-menu-h)!important;gap:2px!important;}
  .tile-menu .tile span{font-size:16px!important;}
  .tile-menu .tile b{font-size:10.5px!important;}
  .content-wrap{padding:10px var(--g6-shell-gap) 10px!important;}
  body[data-route="search"] .board-title,
  body[data-route="campaigns"] .board-title{display:none!important;}
  body[data-route="search"] .board-grid,
  body[data-route="campaigns"] .board-grid{padding:8px 10px!important;gap:9px!important;}
  body[data-route="search"] .search-board,
  body[data-route="campaigns"] .search-board{margin-bottom:8px!important;}
  body[data-route="search"] .filter-row label,
  body[data-route="campaigns"] .filter-row label{font-size:10px!important;}
  body[data-route="search"] .filter-row select,
  body[data-route="campaigns"] .filter-row select,
  body[data-route="search"] .general-search input,
  body[data-route="campaigns"] .general-search input,
  body[data-route="search"] .general-search button,
  body[data-route="campaigns"] .general-search button{height:34px!important;}
  body[data-route="search"] .flag,
  body[data-route="campaigns"] .flag{height:34px!important;}
  body[data-route="search"] .catalog-status,
  body[data-route="campaigns"] .catalog-status{padding:6px 10px!important;min-height:30px!important;}
  body[data-route="search"] .table-scroll,
  body[data-route="campaigns"] .table-scroll{height:calc(100vh - 245px)!important;min-height:380px!important;}
  .sales-grid th{padding:4px 7px!important;font-size:10.5px!important;}
  .sales-grid td{height:30px!important;padding:4px 7px!important;font-size:11.5px!important;}
  .pager{padding:7px 10px!important;margin-top:6px!important;}
}
/* 1280-1366 arası: header tek satırda daha kararlı dursun */
@media(min-width:1321px) and (max-width:1440px){
  .identity-header{grid-template-columns:minmax(238px,300px) minmax(0,1fr)!important;}
  .logo-title{font-size:21px!important;max-width:214px!important;}
  .logo-subtitle{max-width:214px!important;}
  .right-widgets.header-context-widgets{
    width:min(100%,930px)!important;
    grid-template-columns:minmax(116px,142px) minmax(292px,1fr) minmax(160px,196px)!important;
  }
  .tile-menu .tile b{font-size:10.8px!important;}
}
/* Tablet / küçük desktop: menü yatay kayar, kartlar ezilmez */
@media(max-width:1024px){
  :root{--g6-shell-gap:8px;--g6-page-radius:18px;}
  body{overflow-x:hidden!important;}
  .identity-header{grid-template-columns:1fr!important;align-items:stretch!important;}
  .logo-area{width:100%!important;}
  .right-widgets.header-context-widgets{grid-template-columns:1fr 1.2fr!important;width:100%!important;}
  .right-widgets.header-context-widgets > .header-representative-card{grid-column:1/-1!important;}
  .tile-menu{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;}
  .tile-menu .tile{flex:0 0 94px!important;min-width:94px!important;scroll-snap-align:start;}
  body[data-route="search"] .board-grid,
  body[data-route="campaigns"] .board-grid{grid-template-columns:1fr!important;}
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row{grid-template-columns:1fr 1fr!important;}
  body[data-route="search"] .catalog-sort-select,
  body[data-route="campaigns"] .catalog-sort-select{grid-column:1/-1!important;width:100%!important;}
  .table-scroll{min-height:0!important;}
}
@media(max-width:640px){
  .identity-header{padding:10px!important;}
  .logo-mark{width:46px!important;height:46px!important;}
  .logo-title{font-size:20px!important;}
  .right-widgets.header-context-widgets{grid-template-columns:1fr!important;}
  .tile-menu .tile{flex-basis:88px!important;min-width:88px!important;}
  .tile-menu .tile span{font-size:17px!important;}
  .tile-menu .tile b{font-size:10.5px!important;}
  .content-wrap{padding-bottom:12px!important;}
  .compass-body{padding:10px!important;}
  .compass-actions{grid-template-columns:1fr!important;}
  .compass-kpi-grid{grid-template-columns:1fr!important;}
}

/* =====================================================================
   MVP31H1_FIX1 - Oto İsmail POS ödeme ekranı etiket/görsel düzeltmesi
   - Oto İsmail aktifken VakıfPays ifadeleri görünmez.
   - Tek hesap/tek çekim POS mantığında kart tipi alanı gizlenir.
   - Mobil ödeme kartı daha kompakt ve okunaklı hale getirilir.
   ===================================================================== */
body[data-route="payment"].payment-provider-otoismail .payment-form-card{
  background:
    radial-gradient(circle at 86% 10%,rgba(255,255,255,.18),transparent 34%),
    radial-gradient(circle at 92% 94%,rgba(var(--brand-accent-rgb),.34),transparent 36%),
    linear-gradient(145deg,var(--brand-nav),color-mix(in srgb,var(--brand-nav) 74%,var(--brand-primary)) 56%,var(--brand-primary))!important;
}
body[data-route="payment"].payment-provider-otoismail .payment-form-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
body[data-route="payment"].payment-provider-otoismail .payment-type-field.hidden{
  display:none!important;
}
body[data-route="payment"].payment-provider-otoismail #paymentTitle{
  max-width:360px;
}
body[data-route="payment"].payment-provider-otoismail .payment-provider-badge{
  max-width:138px;
  white-space:normal!important;
  line-height:1.15!important;
  text-align:center!important;
  justify-content:center!important;
}
body[data-route="payment"].payment-provider-otoismail .payment-form-card .payment-head p{
  max-width:410px;
}
body[data-route="payment"].payment-provider-otoismail .payment-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
body[data-route="payment"].payment-provider-otoismail .payment-form-card .primary-btn,
body[data-route="payment"].payment-provider-otoismail .payment-form-card .secondary-btn{
  width:100%!important;
}
body[data-route="payment"].payment-provider-otoismail .payment-form-grid input{
  min-height:46px!important;
}
body[data-route="payment"].payment-provider-otoismail .payment-kicker::before{
  content:"●";
  font-size:9px;
  margin-right:7px;
  color:var(--brand-accent,#facc15);
}
@media(max-width:900px){
  body[data-route="payment"] .payment-shell{gap:12px!important;}
  body[data-route="payment"] .payment-form-card .payment-head{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;}
  body[data-route="payment"] .payment-head h2{font-size:clamp(21px,7vw,30px)!important;letter-spacing:-.06em!important;}
  body[data-route="payment"] .payment-provider-badge{font-size:12px!important;padding:8px 10px!important;}
  body[data-route="payment"].payment-provider-otoismail .payment-actions{grid-template-columns:1fr!important;}
  body[data-route="payment"].payment-provider-otoismail #paymentTitle{max-width:100%;}
  body[data-route="payment"].payment-provider-otoismail .payment-provider-badge{max-width:116px;}
}
@media(max-width:480px){
  body[data-route="payment"] .payment-form-card{padding:18px!important;}
  body[data-route="payment"] .payment-form-card .payment-head{grid-template-columns:1fr!important;}
  body[data-route="payment"] .payment-provider-badge{width:max-content!important;max-width:100%!important;}
  body[data-route="payment"] .payment-form-card:after{right:-120px!important;top:-110px!important;width:260px!important;height:260px!important;}
}


/* ==========================================================
   MVP31I1 - Theme Studio v3 / Premium Brand Kits
   Token kontrollü görünüm modları, menü/header/grid/login/hero seçenekleri
   ========================================================== */
:root{
  --theme-row-campaign:#fff8db;
  --theme-row-stock-ok:#eefbdc;
  --theme-row-stock-low:#fff7ed;
  --theme-row-stock-supply:#eff6ff;
  --theme-row-stock-none:#fef2f2;
  --theme-row-previous:#f5f3ff;
}
body[data-theme-mode="premium"]{background:radial-gradient(circle at 10% -10%,rgba(var(--brand-primary-rgb),.10),transparent 28%),linear-gradient(180deg,var(--premium-bg,#f1f5f9),#f8fbff 48%,#eef2f7)}
body[data-theme-mode="dark_executive"]{background:radial-gradient(circle at 10% -10%,rgba(var(--brand-accent-rgb),.10),transparent 27%),linear-gradient(180deg,#e9edf4,var(--premium-bg,#f4f6f8))}
body[data-theme-mode="showroom"] .home-hero-panel{min-height:188px!important}
body[data-theme-mode="compact"] .content-wrap{padding-top:8px!important}
body[data-theme-card="rounded"] .identity-header,body[data-theme-card="rounded"] .search-board,body[data-theme-card="rounded"] .grid-panel,body[data-theme-card="rounded"] .payment-card,body[data-theme-card="rounded"] .other-info-card,body[data-theme-card="rounded"] .home-featured-panel{border-radius:var(--premium-radius,24px)!important}
body[data-theme-button="solid"] .general-search button,body[data-theme-button="solid"] .primary-btn,body[data-theme-button="solid"] .login-submit{background:var(--brand-primary)!important;background-image:none!important}
body[data-theme-button="outline"] .general-search button,body[data-theme-button="outline"] .primary-btn,body[data-theme-button="outline"] .login-submit{background:#fff!important;color:var(--brand-primary)!important;border:1px solid rgba(var(--brand-primary-rgb),.30)!important}
body[data-theme-menu="dark_bar"] .tile-menu{background:linear-gradient(180deg,var(--brand-nav),color-mix(in srgb,var(--brand-nav) 78%,var(--brand-primary)))!important;border-radius:18px!important;margin:0 14px!important;overflow:hidden!important}
body[data-theme-menu="segment"] .tile-menu{background:linear-gradient(180deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 78%,var(--brand-nav)))!important}
body[data-theme-menu="pill"] .tile-menu{margin:0 18px!important;border-radius:999px!important;background:var(--brand-nav)!important;padding:6px!important;gap:4px!important}
body[data-theme-menu="pill"] .tile{border-radius:999px!important;border-right:0!important}body[data-theme-menu="pill"] .tile.active,body[data-theme-menu="pill"] .tile.active2,body[data-theme-menu="pill"] .tile.tile-current{background:rgba(255,255,255,.12)!important}
body[data-theme-menu="glass"] .tile-menu{margin:0 16px!important;border-radius:20px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(14px);border:1px solid rgba(var(--brand-primary-rgb),.12)!important}.tile-menu .tile{color:#fff}body[data-theme-menu="glass"] .tile{color:var(--brand-nav)!important}body[data-theme-menu="glass"] .tile.active,body[data-theme-menu="glass"] .tile.active2{background:rgba(var(--brand-primary-rgb),.10)!important;color:var(--brand-primary)!important}
body[data-theme-menu="compact_icon"] .tile-menu{height:50px!important}body[data-theme-menu="compact_icon"] .tile b{font-size:9.5px!important}body[data-theme-menu="compact_icon"] .tile span{font-size:14px!important}
body[data-theme-header="executive"] .identity-header{min-height:96px!important;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--surface-tint) 72%,#fff))!important;box-shadow:var(--premium-shadow-soft)!important}
body[data-theme-header="compact"] .identity-header,body[data-theme-header="compact_executive"] .identity-header{min-height:72px!important;height:auto!important}
body[data-theme-grid="dense"] .sales-grid td{height:32px!important;padding:5px 7px!important}body[data-theme-grid="dense"] .table-scroll{height:calc(100vh - 320px)!important;min-height:390px!important}
body[data-theme-grid="comfort"] .sales-grid td{height:38px!important;padding:7px 8px!important}
body[data-theme-grid="executive"] .sales-grid td{height:46px!important;padding:10px 10px!important;font-size:12.5px!important}.sales-grid th{background:linear-gradient(180deg,var(--brand-nav),color-mix(in srgb,var(--brand-nav) 70%,var(--brand-primary)))!important}
body[data-theme-table="brand"] .sales-grid th,body[data-theme-table="brand"] .account-table th,body[data-theme-table="brand"] .payment-table th{background:linear-gradient(180deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 72%,var(--brand-nav)))!important}
body[data-theme-table="light"] .sales-grid th,body[data-theme-table="light"] .account-table th,body[data-theme-table="light"] .payment-table th{background:#f8fafc!important;color:#0f172a!important;border-bottom:1px solid #dbe5ea!important}
.sales-grid tbody tr.campaign-row{background:var(--theme-row-campaign)!important}.sales-grid tbody tr.stock-var:not(.campaign-row):not(.zero-price),.sales-grid tbody tr.stock-ok:not(.campaign-row):not(.zero-price){background:var(--theme-row-stock-ok)!important}.sales-grid tbody tr.stock-sinirli:not(.campaign-row):not(.zero-price),.sales-grid tbody tr.stock-low:not(.campaign-row):not(.zero-price){background:var(--theme-row-stock-low)!important}.sales-grid tbody tr.stock-tedarik:not(.campaign-row):not(.zero-price),.sales-grid tbody tr.stock-supply:not(.campaign-row):not(.zero-price){background:var(--theme-row-stock-supply)!important}.sales-grid tbody tr.stock-yok:not(.campaign-row):not(.zero-price),.sales-grid tbody tr.stock-none:not(.campaign-row):not(.zero-price){background:var(--theme-row-stock-none)!important}.sales-grid tbody tr.previous-purchase-row:not(.campaign-row):not(.zero-price){box-shadow:inset 3px 0 0 var(--brand-accent)}
body[data-theme-login="centered_card"] .login-shell{grid-template-columns:minmax(360px,520px)!important;justify-content:center!important}body[data-theme-login="centered_card"] .login-hero{display:none!important}body[data-theme-login="full_background"] .login-screen{background:linear-gradient(135deg,rgba(var(--brand-nav-rgb),.88),rgba(var(--brand-primary-rgb),.62)),var(--premium-bg)!important}body[data-theme-login="full_background"] .login-shell{grid-template-columns:minmax(360px,560px)!important;justify-content:center!important}body[data-theme-login="full_background"] .login-hero{display:none!important}body[data-theme-login="dark_hero"] .login-hero{background:radial-gradient(circle at 78% 22%,rgba(var(--brand-accent-rgb),.18),transparent 34%),linear-gradient(135deg,var(--brand-nav),color-mix(in srgb,var(--brand-nav) 70%,var(--brand-primary)))!important}body[data-theme-login="minimal"] .login-hero{display:none!important}body[data-theme-login="minimal"] .login-shell{grid-template-columns:minmax(360px,500px)!important;justify-content:center!important}
body[data-theme-hero="minimal_welcome"] .home-hero-panel{background:#fff!important;color:var(--brand-nav)!important;border:1px solid #e2e8f0!important}body[data-theme-hero="minimal_welcome"] .home-hero-panel *{color:inherit}body[data-theme-hero="campaign_focus"] .home-hero-panel{background:linear-gradient(135deg,var(--brand-accent),var(--brand-primary))!important}body[data-theme-hero="image_overlay"] .home-hero-panel{min-height:190px!important}.home-hero-panel{box-shadow:var(--premium-shadow)!important}


/* MVP31K1_FIX5 - Cart totals readability + compact checkout restore */
body[data-route="cart"] .cart-premium-ribbon{
  grid-template-columns: 0.9fr 0.9fr 1.15fr 1.15fr !important;
  gap: 8px !important;
  margin: 8px 12px 8px !important;
}
body[data-route="cart"] .cart-premium-ribbon > div{
  min-height: 44px !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
body[data-route="cart"] .cart-premium-ribbon span{font-size:10.5px!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:#64748b!important}
body[data-route="cart"] .cart-premium-ribbon strong{font-size:18px!important;line-height:1.05!important}
body[data-route="cart"] .cart-premium-ribbon .grand strong{font-size:18px!important;color:#fff!important}

body[data-route="cart"] .cart-bottom-grid{
  display:grid!important;
  grid-template-columns:minmax(280px,.95fr) minmax(360px,1.15fr) minmax(300px,.9fr) 210px!important;
  gap:10px!important;
  align-items:stretch!important;
  margin:10px 12px 8px!important;
}
body[data-route="cart"] .cart-box{
  min-height:0!important;
  border:1px solid #e3eaf0!important;
  border-radius:13px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-route="cart"] .cart-box-title{
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 10px!important;
  font-size:11px!important;
  letter-spacing:.02em!important;
  background:#f7f9fc!important;
  color:#132238!important;
  border-bottom:1px solid #e8eef4!important;
}
body[data-route="cart"] .cart-box-body{padding:10px!important;min-height:0!important;}
body[data-route="cart"] .cart-note{height:74px!important;min-height:74px!important;border-radius:9px!important;}
body[data-route="cart"] .cart-shipping-select{height:34px!important;border-radius:9px!important;}
body[data-route="cart"] .cart-delivery-hint{font-size:10.5px!important;line-height:1.35!important;margin-top:7px!important;color:#5f6f81!important;}
body[data-route="cart"] .cart-note-foot{font-size:10.5px!important;line-height:1.35!important;margin-top:7px!important;color:#5f6f81!important;}
body[data-route="cart"] .cart-box-title.required-title::after{
  content:'Zorunlu';
  margin-left:auto;
  border:1px solid #fecaca;
  background:#fff1f2;
  color:#be123c;
  border-radius:999px;
  padding:1px 7px;
  font-size:10px;
  font-weight:900;
}
body[data-route="cart"] .cart-delivery-required,
body[data-route="cart"] #cartDeliveryMethod:invalid{
  border-color:#ef4444!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.10)!important;
}
body[data-route="cart"] .cart-total-list{gap:6px!important;}
body[data-route="cart"] .cart-total-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 128px!important;
  gap:8px!important;
  align-items:center!important;
}
body[data-route="cart"] .cart-total-row span{font-size:10.5px!important;color:#334155!important;font-weight:900!important;}
body[data-route="cart"] .cart-total-row span em{display:block;font-style:normal;font-size:9.5px;font-weight:750;color:#94a3b8;}
body[data-route="cart"] .cart-total-row strong{
  min-height:24px!important;height:24px!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  padding:0 9px!important;border-radius:8px!important;
  font-size:11.5px!important;background:#f8fafc!important;border:1px solid #e5edf4!important;color:#0f172a!important;
}
body[data-route="cart"] .cart-total-row.discount strong{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important;}
body[data-route="cart"] .cart-total-row.grand strong{background:#06142c!important;color:#fff!important;border-color:#06142c!important;font-size:12.5px!important;}
body[data-route="cart"] .cart-send-btn{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  width:100%!important;
  border-radius:11px!important;
  box-shadow:none!important;
  font-size:12px!important;
  letter-spacing:.02em!important;
  padding:0 14px!important;
  margin:0!important;
  background:#0f2b5f!important;
  color:#fff!important;
}
body[data-route="cart"] .cart-send-btn.needs-delivery{background:#f59e0b!important;color:#111827!important;opacity:.88!important;cursor:not-allowed!important;}
body[data-route="cart"] .cart-send-btn.ready{background:linear-gradient(135deg,#0f8f5f,#1d4ed8)!important;color:#fff!important;cursor:pointer!important;}
body[data-route="cart"] .cart-send-btn.sending{background:#334155!important;color:#fff!important;cursor:wait!important;}
body[data-route="cart"] .cart-action-top{margin:6px 12px!important;gap:6px!important;}
body[data-route="cart"] .cart-top-btn{height:28px!important;padding:0 12px!important;border-radius:999px!important;font-size:11px!important;}

@media (max-width:1280px){
  body[data-route="cart"] .cart-bottom-grid{grid-template-columns:1fr 1fr!important;}
  body[data-route="cart"] .cart-send-btn{height:40px!important;}
}


/* MVP31K1_FIX8: Ham/kampanya fiyat kolonu hem arama hem kampanya gridinden kaldırıldı.
   Kampanya etkisi net fiyat üzerinden izlenir; ayrı Kmp. Fiyat kolonu kafa karıştırıyordu. */
#productCampaignPriceHeader,
#productTbody td.campaign-price-cell{
  display:none!important;
}

/* MVP31L2 - Cari Yaşlandırma / Vade Takibi */
.account-mode-tabs{display:inline-flex;gap:4px;background:#eef4f6;border:1px solid #d7e2e9;border-radius:12px;padding:4px;box-shadow:0 6px 14px rgba(19,45,64,.04)}
.account-mode-tab{border:0;border-radius:9px;background:transparent;color:#314353;font-weight:950;padding:8px 12px;cursor:pointer;white-space:nowrap}
.account-mode-tab.active{background:#fff;color:var(--brand-primary,#006b5f);box-shadow:0 6px 14px rgba(19,45,64,.08)}
.account-page.account-mode-aging .account-filterbar{grid-template-columns:220px auto!important}
.aging-summary-grid{display:grid;grid-template-columns:1.15fr .75fr repeat(4,1fr);gap:10px;margin-bottom:12px}
.aging-summary-grid>div{background:#fff;border:1px solid #dfe8ed;border-radius:14px;padding:12px 14px;box-shadow:0 8px 20px rgba(19,45,64,.045);min-height:80px}
.aging-summary-grid span{display:block;font-size:12px;font-weight:950;color:#687a8a}
.aging-summary-grid strong{display:block;margin-top:5px;font-size:19px;color:#0f2333;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.aging-summary-grid small{display:block;margin-top:4px;color:#6b7b88;font-weight:800;line-height:1.25}
.aging-summary-grid .danger{border-color:#fecaca;background:#fff5f5}
.aging-summary-grid .danger strong{color:#991b1b}
.aging-summary-grid .warn{border-color:#fed7aa;background:#fff7ed}
.aging-summary-grid .warn strong{color:#9a3412}
.aging-summary-grid .near{border-color:#fde68a;background:#fffbeb}
.aging-summary-grid .near strong{color:#92400e}
.aging-currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:-2px 0 12px}
.aging-currency-grid>div{background:linear-gradient(180deg,#ffffff,#f7fbfb);border:1px solid #dfe8ed;border-radius:14px;padding:12px 14px;box-shadow:0 8px 20px rgba(19,45,64,.045)}
.aging-currency-grid span{display:inline-flex;border-radius:999px;background:#eef4f6;color:#344657;padding:4px 9px;font-size:12px;font-weight:950}
.aging-currency-grid strong{display:block;margin-top:8px;font-size:22px;color:#0f2333;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.aging-currency-grid small{display:block;margin-top:4px;color:#6b7b88;font-weight:800;line-height:1.35}
.aging-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #dfe8ed;border-radius:14px;padding:10px 12px;margin-bottom:12px;box-shadow:0 8px 20px rgba(19,45,64,.04);color:#5d6f80;font-weight:850}
.aging-toolbar b{color:#142330}
.aging-status{display:inline-flex;align-items:center;justify-content:center;min-width:108px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950;white-space:nowrap}
.aging-status.overdue{background:#fee2e2;color:#991b1b}
.aging-status.due-today{background:#ffedd5;color:#9a3412}
.aging-status.approaching{background:#fef3c7;color:#92400e}
.aging-status.not-due{background:#dcfce7;color:#166534}
.aging-table{min-width:1180px}
.aging-table .aging-remaining{color:#991b1b;font-weight:950}
@media(max-width:1180px){.aging-summary-grid{grid-template-columns:1fr 1fr 1fr}.account-page.account-mode-aging .account-filterbar{grid-template-columns:1fr!important}.account-mode-tabs{width:100%;justify-content:stretch}.account-mode-tab{flex:1}}
@media(max-width:640px){.aging-summary-grid{grid-template-columns:1fr}.aging-toolbar{display:grid}.aging-toolbar button{width:100%}.aging-status{min-width:auto}}

/* =========================================================
   MVP31L2_FIX1_MOBILE_CART_RESPONSIVE
   - Sadece mobil sepet görünümü toparlanır.
   - Desktop tablo / alt panel düzeni korunur.
   ========================================================= */
@media (max-width:760px){
  body[data-route="cart"] .content-wrap{
    padding:8px!important;
    overflow-x:hidden!important;
  }

  body[data-route="cart"] .cart-page{
    border-radius:16px!important;
    overflow:hidden!important;
    margin-bottom:10px!important;
  }

  body[data-route="cart"] .cart-page-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:0!important;
    padding:14px!important;
  }

  body[data-route="cart"] .cart-page-head strong{
    font-size:19px!important;
    line-height:1.15!important;
  }

  body[data-route="cart"] #cartPageSub,
  body[data-route="cart"] .cart-page-head span{
    width:100%!important;
    margin-left:0!important;
    font-size:12px!important;
  }

  body[data-route="cart"] .cart-back-link{
    width:100%!important;
    min-height:38px!important;
  }

  body[data-route="cart"] .cart-info-box{
    margin:10px!important;
    padding:10px!important;
    align-items:flex-start!important;
    gap:9px!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  body[data-route="cart"] .cart-info-icon{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    font-size:15px!important;
  }

  body[data-route="cart"] .cart-premium-ribbon{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:0!important;
    margin:10px!important;
  }

  body[data-route="cart"] .cart-premium-ribbon > div{
    min-width:0!important;
    min-height:54px!important;
    padding:10px!important;
    border-radius:13px!important;
  }

  body[data-route="cart"] .cart-premium-ribbon span{
    font-size:9.5px!important;
    line-height:1.15!important;
  }

  body[data-route="cart"] .cart-premium-ribbon strong{
    font-size:15px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body[data-route="cart"] .cart-table-wrap{
    margin:0 10px 10px!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body[data-route="cart"] .cart-table{
    width:100%!important;
    min-width:0!important;
    display:block!important;
    border-collapse:separate!important;
    background:transparent!important;
  }

  body[data-route="cart"] .cart-table thead{
    display:none!important;
  }

  body[data-route="cart"] .cart-table tbody{
    display:grid!important;
    gap:10px!important;
  }

  body[data-route="cart"] .cart-table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    border:1px solid #e2eaf0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
    overflow:hidden!important;
  }

  body[data-route="cart"] .cart-table td{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:38px!important;
    height:auto!important;
    padding:8px 10px!important;
    border-right:0!important;
    border-bottom:1px solid #eef3f7!important;
    font-size:12px!important;
    line-height:1.25!important;
    text-align:left!important;
    overflow:hidden!important;
  }

  body[data-route="cart"] .cart-table td::before{
    content:attr(data-label);
    color:#6b7c8d!important;
    font-size:10px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
  }

  body[data-route="cart"] .cart-table td.cart-product-cell{
    grid-column:1/-1!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:11px 12px!important;
    background:#fbfdff!important;
  }

  body[data-route="cart"] .cart-table td.cart-product-cell::before{
    content:""!important;
    display:none!important;
  }

  body.integration-none[data-route="cart"] .cart-table .order-depot-col{
    display:none!important;
  }

  body[data-route="cart"] .cart-table td.cart-select-cell,
  body[data-route="cart"] .cart-table td.cart-remove-cell{
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
  }

  body[data-route="cart"] .cart-table td.cart-select-cell::before,
  body[data-route="cart"] .cart-table td.cart-remove-cell::before{
    display:none!important;
  }

  body[data-route="cart"] .cart-table td.num,
  body[data-route="cart"] .cart-table td.center{
    text-align:left!important;
  }

  body[data-route="cart"] .cart-code,
  body[data-route="cart"] .cart-name,
  body[data-route="cart"] .cart-meta{
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body[data-route="cart"] .cart-name{
    font-size:13px!important;
    line-height:1.25!important;
  }

  body[data-route="cart"] .cart-meta{
    font-size:10.5px!important;
    line-height:1.35!important;
  }

  body[data-route="cart"] .cart-qty-input{
    width:72px!important;
    height:34px!important;
  }

  body[data-route="cart"] .cart-row-btn.remove{
    width:100%!important;
    min-height:34px!important;
  }

  body[data-route="cart"] .cart-warn-line{
    margin:10px!important;
    align-items:flex-start!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  body[data-route="cart"] .cart-action-top{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:10px!important;
    padding:0!important;
  }

  body[data-route="cart"] .cart-top-btn{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }

  body[data-route="cart"] .cart-bottom-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:10px!important;
    padding:0!important;
  }

  body[data-route="cart"] .cart-box{
    min-width:0!important;
    width:100%!important;
    border-radius:15px!important;
  }

  body[data-route="cart"] .cart-box-title{
    min-height:38px!important;
    height:auto!important;
    padding:9px 12px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }

  body[data-route="cart"] .cart-box-body{
    padding:12px!important;
  }

  body[data-route="cart"] .cart-shipping-select{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    font-size:13px!important;
  }

  body[data-route="cart"] .cart-note{
    width:100%!important;
    min-width:0!important;
    height:96px!important;
    min-height:96px!important;
    font-size:13px!important;
  }

  body[data-route="cart"] .cart-delivery-hint,
  body[data-route="cart"] .cart-note-foot,
  body[data-route="cart"] .cart-delivery-loading{
    font-size:11px!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
  }

  body[data-route="cart"] .cart-total-list{
    gap:8px!important;
  }

  body[data-route="cart"] .cart-total-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:0 0 8px!important;
    border-bottom:1px dashed #e3eaf0!important;
  }

  body[data-route="cart"] .cart-total-row:last-child{
    padding-bottom:0!important;
    border-bottom:0!important;
  }

  body[data-route="cart"] .cart-total-row span{
    display:block!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    min-width:0!important;
    white-space:normal!important;
  }

  body[data-route="cart"] .cart-total-row span em{
    display:inline!important;
    margin-left:3px!important;
    font-size:10.5px!important;
  }

  body[data-route="cart"] .cart-total-row strong{
    width:100%!important;
    min-height:34px!important;
    height:auto!important;
    justify-content:flex-end!important;
    padding:7px 10px!important;
    font-size:13px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-variant-numeric:tabular-nums!important;
  }

  body[data-route="cart"] .cart-total-row.grand strong{
    min-height:40px!important;
    font-size:15px!important;
  }

  body[data-route="cart"] .cart-send-btn{
    height:52px!important;
    min-height:52px!important;
    max-height:none!important;
    font-size:14px!important;
    border-radius:13px!important;
  }

  body[data-route="cart"] .cart-empty-full{
    margin:0 10px 10px!important;
    min-height:130px!important;
    border-radius:16px!important;
    padding:18px!important;
  }
}

@media (max-width:420px){
  body[data-route="cart"] .cart-premium-ribbon{
    grid-template-columns:1fr!important;
  }

  body[data-route="cart"] .cart-table tr{
    grid-template-columns:1fr!important;
  }

  body[data-route="cart"] .cart-table td{
    grid-template-columns:84px minmax(0,1fr)!important;
    padding:8px!important;
  }

  body[data-route="cart"] .cart-action-top{
    grid-template-columns:1fr!important;
  }
}



/* ==========================================================
   MVP31L2_FIX2_LOGIN_BACKGROUND_PUBLIC_APPLY
   Admin > Genel/Tema > Login arka plan URL veya Görseller > LOGIN_BG
   public login ekranına uygulanır.
   ========================================================== */
:root{
  --login-background-image:none;
}
body[data-has-login-bg="1"] .login-screen,
.login-screen.has-login-bg{
  background:
    linear-gradient(135deg,rgba(15,23,42,.76),rgba(37,99,235,.38)),
    var(--login-background-image) center center / cover no-repeat !important;
  background-color:#0f172a!important;
}
body[data-has-login-bg="1"] .login-card{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(255,255,255,.55)!important;
  box-shadow:0 26px 80px rgba(2,6,23,.28)!important;
  backdrop-filter:blur(10px);
}
body[data-has-login-bg="1"] .login-hero{
  background:linear-gradient(135deg,rgba(15,23,42,.58),rgba(37,99,235,.26))!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 24px 70px rgba(2,6,23,.22)!important;
  backdrop-filter:blur(4px);
}
body[data-has-login-bg="1"] .login-hero:before,
body[data-has-login-bg="1"] .login-hero:after{
  opacity:.55!important;
}
@media(max-width:760px){
  body[data-has-login-bg="1"] .login-screen,
  .login-screen.has-login-bg{
    background:
      linear-gradient(180deg,rgba(15,23,42,.76),rgba(37,99,235,.36)),
      var(--login-background-image) center center / cover no-repeat !important;
  }
}

/* MVP31L2 FIX5 - Önceki aramalar seçim açılma düzeltmesi */
.general-search .search-history-select{
  min-width:0!important;
  height:40px!important;
  border:1px solid var(--premium-border,#d4e0e8)!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:0 12px!important;
  font-size:12px!important;
  font-weight:850!important;
  color:var(--ink,#0f172a)!important;
  outline:none!important;
  box-shadow:none!important;
}
.general-search .search-history-select:focus{
  border-color:var(--brand-primary,#006b5f)!important;
  box-shadow:0 0 0 4px var(--theme-focus-ring,rgba(0,107,95,.10))!important;
}
.general-search .search-history-select.is-empty{
  color:#64748b!important;
}

.general-search .search-history-select.is-loading{
  background-image:linear-gradient(90deg,rgba(148,163,184,.14),rgba(255,255,255,.35),rgba(148,163,184,.14))!important;
  background-size:180% 100%!important;
}
body.route-search .general-search,
body.route-campaigns .general-search,
body[data-route="search"] .general-search,
body[data-route="campaigns"] .general-search{
  grid-template-columns:minmax(0,1fr) minmax(148px,190px) 96px!important;
  align-items:center!important;
  gap:8px!important;
}
body.route-search .general-search input,
body.route-campaigns .general-search input,
body[data-route="search"] .general-search input,
body[data-route="campaigns"] .general-search input,
body.route-search .general-search button,
body.route-campaigns .general-search button,
body[data-route="search"] .general-search button,
body[data-route="campaigns"] .general-search button,
body.route-search .general-search .search-history-select,
body.route-campaigns .general-search .search-history-select,
body[data-route="search"] .general-search .search-history-select,
body[data-route="campaigns"] .general-search .search-history-select{
  height:40px!important;
}
@media (max-width: 900px){
  body.route-search .general-search,
  body.route-campaigns .general-search,
  body[data-route="search"] .general-search,
  body[data-route="campaigns"] .general-search{
    grid-template-columns:minmax(0,1fr) minmax(132px,170px) 78px!important;
  }
  .general-search .search-history-select{font-size:11.5px!important;padding:0 9px!important;}
}
@media (max-width: 640px){
  body.route-search .general-search,
  body.route-campaigns .general-search,
  body[data-route="search"] .general-search,
  body[data-route="campaigns"] .general-search{
    grid-template-columns:1fr!important;
    height:auto!important;
    gap:8px!important;
  }
  body.route-search .general-search input,
  body.route-campaigns .general-search input,
  body[data-route="search"] .general-search input,
  body[data-route="campaigns"] .general-search input,
  body.route-search .general-search button,
  body.route-campaigns .general-search button,
  body[data-route="search"] .general-search button,
  body[data-route="campaigns"] .general-search button,
  body.route-search .general-search .search-history-select,
  body.route-campaigns .general-search .search-history-select,
  body[data-route="search"] .general-search .search-history-select,
  body[data-route="campaigns"] .general-search .search-history-select{
    width:100%!important;
    height:36px!important;
    border-radius:13px!important;
  }
}

/* MVP31L2_FIX6_PWA_INSTALL_SHORTCUT */
.pwa-install-box{
  display:grid;
  gap:7px;
  margin-top:2px;
  padding:12px;
  border:1px solid rgba(var(--brand-primary-rgb, 37,99,235), .16);
  border-radius:14px;
  background:rgba(255,255,255,.78);
}
.pwa-install-box.hidden,
.pwa-install-header.hidden{display:none!important;}
.pwa-install-btn{
  height:42px;
  border:1px solid rgba(var(--brand-primary-rgb, 37,99,235), .22);
  border-radius:12px;
  background:linear-gradient(135deg, rgba(var(--brand-primary-rgb, 37,99,235), .10), rgba(var(--brand-primary-rgb, 37,99,235), .04));
  color:var(--brand-primary, #2563eb);
  font-weight:950;
  cursor:pointer;
}
.pwa-install-btn:hover{filter:brightness(.98);}
.pwa-install-box small{color:#64748b;font-weight:700;line-height:1.35;}
.pwa-install-header{
  min-height:36px;
  border:1px solid rgba(var(--brand-primary-rgb, 37,99,235), .22);
  border-radius:999px;
  padding:0 13px;
  background:#fff;
  color:var(--brand-primary, #2563eb);
  font-weight:950;
  box-shadow:0 8px 18px rgba(15,23,42,.08);
  cursor:pointer;
  white-space:nowrap;
}
@media(max-width:760px){
  .pwa-install-box{padding:10px;margin-top:0;}
  .pwa-install-btn{height:40px;}
  .pwa-install-header{display:none!important;}
}


/* MVP31L5_SEARCH_HERO_BAR_V1
   Arama ekranında ana arama kutusu üstte ve daha belirgin görünür.
   Sadece görünüm/yerleşim değişir; API ve arama mantığına dokunmaz. */
body[data-route="search"] .search-board,
body[data-route="campaigns"] .search-board,
body.route-search .search-board,
body.route-campaigns .search-board{
  overflow:visible!important;
}
body[data-route="search"] .board-grid,
body[data-route="campaigns"] .board-grid,
body.route-search .board-grid,
body.route-campaigns .board-grid{
  display:grid!important;
  grid-template-columns:minmax(320px,520px) minmax(0,1fr)!important;
  gap:10px 14px!important;
  padding:10px 12px!important;
  align-items:stretch!important;
}
body[data-route="search"] .search-center,
body[data-route="campaigns"] .search-center,
body.route-search .search-center,
body.route-campaigns .search-center{
  grid-column:1 / -1!important;
  order:-10!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,340px)!important;
  grid-template-areas:"quicksearch status" "flags flags"!important;
  gap:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(var(--brand-primary-rgb,37,99,235),.16)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(var(--brand-primary-rgb,37,99,235),.065),rgba(255,255,255,.98) 46%,rgba(255,255,255,.94))!important;
  box-shadow:0 14px 34px rgba(18,40,52,.10)!important;
}
body[data-route="search"] .general-search,
body[data-route="campaigns"] .general-search,
body.route-search .general-search,
body.route-campaigns .general-search{
  grid-area:quicksearch!important;
  position:relative!important;
  height:58px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(150px,190px) 136px!important;
  gap:0!important;
  min-width:0!important;
  border-radius:16px!important;
  box-shadow:0 10px 28px rgba(var(--brand-primary-rgb,37,99,235),.13)!important;
}
body[data-route="search"] .general-search:before,
body[data-route="campaigns"] .general-search:before,
body.route-search .general-search:before,
body.route-campaigns .general-search:before{
  content:"⌕";
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  font-size:24px;
  line-height:1;
  color:var(--brand-primary,#2563eb);
  font-weight:950;
  pointer-events:none;
}
body[data-route="search"] .general-search input,
body[data-route="campaigns"] .general-search input,
body.route-search .general-search input,
body.route-campaigns .general-search input{
  height:58px!important;
  min-height:58px!important;
  border:2px solid rgba(var(--brand-primary-rgb,37,99,235),.32)!important;
  border-right:0!important;
  border-radius:16px 0 0 16px!important;
  padding:0 18px 0 54px!important;
  font-size:18px!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  color:#17232f!important;
  background:#fff!important;
  outline:0!important;
}
body[data-route="search"] .general-search input::placeholder,
body[data-route="campaigns"] .general-search input::placeholder,
body.route-search .general-search input::placeholder,
body.route-campaigns .general-search input::placeholder{
  color:#6b7783!important;
  font-weight:800!important;
  opacity:.82!important;
}
body[data-route="search"] .general-search input:focus,
body[data-route="campaigns"] .general-search input:focus,
body.route-search .general-search input:focus,
body.route-campaigns .general-search input:focus{
  border-color:var(--brand-primary,#2563eb)!important;
  box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb,37,99,235),.15)!important;
  position:relative!important;
  z-index:2!important;
}
body[data-route="search"] .general-search .search-history-select,
body[data-route="campaigns"] .general-search .search-history-select,
body.route-search .general-search .search-history-select,
body.route-campaigns .general-search .search-history-select{
  height:58px!important;
  min-height:58px!important;
  border:2px solid rgba(var(--brand-primary-rgb,37,99,235),.32)!important;
  border-left:1px solid #d9e3ea!important;
  border-right:0!important;
  border-radius:0!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:850!important;
  background:#f8fbfc!important;
  color:#32414f!important;
}
body[data-route="search"] .general-search button,
body[data-route="campaigns"] .general-search button,
body.route-search .general-search button,
body.route-campaigns .general-search button{
  height:58px!important;
  min-height:58px!important;
  border:0!important;
  border-radius:0 16px 16px 0!important;
  background:linear-gradient(135deg,var(--brand-primary,#2563eb),var(--brand-nav,#0f172a))!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  box-shadow:none!important;
}
body[data-route="search"] .general-search button:hover,
body[data-route="campaigns"] .general-search button:hover,
body.route-search .general-search button:hover,
body.route-campaigns .general-search button:hover{
  filter:brightness(1.04)!important;
}
body[data-route="search"] .catalog-status,
body[data-route="campaigns"] .catalog-status,
body.route-search .catalog-status,
body.route-campaigns .catalog-status{
  grid-area:status!important;
  height:auto!important;
  min-height:58px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:2px!important;
  border:1px solid rgba(var(--brand-primary-rgb,37,99,235),.14)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.78)!important;
  padding:8px 14px!important;
  color:#17232f!important;
}
body[data-route="search"] .catalog-status span,
body[data-route="campaigns"] .catalog-status span,
body.route-search .catalog-status span,
body.route-campaigns .catalog-status span{
  font-size:11px!important;
  font-weight:950!important;
  color:#6b7783!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
body[data-route="search"] .catalog-status strong,
body[data-route="campaigns"] .catalog-status strong,
body.route-search .catalog-status strong,
body.route-campaigns .catalog-status strong{
  font-size:14px!important;
  font-weight:950!important;
  color:var(--brand-primary,#2563eb)!important;
}
body[data-route="search"] .flag-row,
body[data-route="campaigns"] .flag-row,
body.route-search .flag-row,
body.route-campaigns .flag-row{
  grid-area:flags!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  border:0!important;
}
body[data-route="search"] .flag-row .flag,
body[data-route="campaigns"] .flag-row .flag,
body.route-search .flag-row .flag,
body.route-campaigns .flag-row .flag,
body[data-route="search"] .flag-row .catalog-sort-select,
body[data-route="campaigns"] .flag-row .catalog-sort-select,
body.route-search .flag-row .catalog-sort-select,
body.route-campaigns .flag-row .catalog-sort-select{
  height:34px!important;
  min-height:34px!important;
  border-radius:10px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  overflow:hidden!important;
  box-shadow:0 4px 12px rgba(18,40,52,.06)!important;
}
body[data-route="search"] .filter-matrix,
body[data-route="campaigns"] .filter-matrix,
body.route-search .filter-matrix,
body.route-campaigns .filter-matrix{
  grid-column:1!important;
  order:1!important;
}
body[data-route="search"] .promo-banner,
body[data-route="campaigns"] .promo-banner,
body.route-search .promo-banner,
body.route-campaigns .promo-banner{
  grid-column:2!important;
  order:2!important;
  min-height:100%!important;
}
body[data-route="search"] .board-title,
body[data-route="campaigns"] .board-title,
body.route-search .board-title,
body.route-campaigns .board-title{
  padding:10px 14px 6px!important;
}
body[data-route="search"] #searchBoardTitle,
body[data-route="campaigns"] #searchBoardTitle,
body.route-search #searchBoardTitle,
body.route-campaigns #searchBoardTitle{
  font-size:18px!important;
  letter-spacing:-.02em!important;
}
body[data-route="search"] #searchBoardSubtitle,
body[data-route="campaigns"] #searchBoardSubtitle,
body.route-search #searchBoardSubtitle,
body.route-campaigns #searchBoardSubtitle{
  font-size:12px!important;
  font-weight:800!important;
  color:#607080!important;
}
@media(max-width:1280px){
  body[data-route="search"] .search-center,
  body[data-route="campaigns"] .search-center,
  body.route-search .search-center,
  body.route-campaigns .search-center{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"quicksearch" "flags" "status"!important;}
  body[data-route="search"] .catalog-status,
  body[data-route="campaigns"] .catalog-status,
  body.route-search .catalog-status,
  body.route-campaigns .catalog-status{min-height:44px!important;}
}
@media(max-width:900px){
  body[data-route="search"] .board-grid,
  body[data-route="campaigns"] .board-grid,
  body.route-search .board-grid,
  body.route-campaigns .board-grid{grid-template-columns:1fr!important;padding:9px!important;}
  body[data-route="search"] .search-center,
  body[data-route="campaigns"] .search-center,
  body.route-search .search-center,
  body.route-campaigns .search-center{padding:9px!important;border-radius:14px!important;}
  body[data-route="search"] .general-search,
  body[data-route="campaigns"] .general-search,
  body.route-search .general-search,
  body.route-campaigns .general-search{height:auto!important;grid-template-columns:minmax(0,1fr) 84px!important;grid-template-rows:50px 38px!important;box-shadow:none!important;}
  body[data-route="search"] .general-search input,
  body[data-route="campaigns"] .general-search input,
  body.route-search .general-search input,
  body.route-campaigns .general-search input{height:50px!important;min-height:50px!important;font-size:15px!important;border-radius:13px 0 0 13px!important;padding-left:46px!important;}
  body[data-route="search"] .general-search:before,
  body[data-route="campaigns"] .general-search:before,
  body.route-search .general-search:before,
  body.route-campaigns .general-search:before{left:14px;font-size:20px;top:25px;}
  body[data-route="search"] .general-search button,
  body[data-route="campaigns"] .general-search button,
  body.route-search .general-search button,
  body.route-campaigns .general-search button{height:50px!important;min-height:50px!important;border-radius:0 13px 13px 0!important;font-size:13px!important;}
  body[data-route="search"] .general-search .search-history-select,
  body[data-route="campaigns"] .general-search .search-history-select,
  body.route-search .general-search .search-history-select,
  body.route-campaigns .general-search .search-history-select{grid-column:1 / -1!important;height:38px!important;min-height:38px!important;border:1px solid #dbe5ec!important;border-radius:10px!important;margin-top:6px!important;font-size:12px!important;}
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row,
  body.route-search .flag-row,
  body.route-campaigns .flag-row{grid-template-columns:1fr 1fr!important;gap:6px!important;}
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix,
  body[data-route="search"] .promo-banner,
  body[data-route="campaigns"] .promo-banner,
  body.route-search .promo-banner,
  body.route-campaigns .promo-banner{grid-column:1!important;}
}

/* =====================================================================
   MVP31L6_SEARCH_COMPACT_GRID_V1
   Arama alanı başrolde kalır; filtreler tek satır kompakt hale gelir;
   grid daha yukarı başlar ve daha fazla satır gösterir.
   Sadece CSS/yerleşim değişir; API, SQL ve arama mantığına dokunmaz.
   ===================================================================== */
body[data-route="search"] .content-wrap,
body.route-search .content-wrap{
  padding:8px 12px 0!important;
}
body[data-route="search"] .search-board,
body.route-search .search-board{
  margin:0 0 8px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
}
/* Arama menüden zaten belli; başlık yüksekliğini grid alanına geri veriyoruz. */
body[data-route="search"] .board-title,
body.route-search .board-title{
  display:none!important;
}
body[data-route="search"] .board-grid,
body.route-search .board-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:8px 10px!important;
  align-items:start!important;
}
/* Boş kalan kampanya bannerı arama ekranında grid alanı yiyor; kampanyalar sayfası etkilenmez. */
body[data-route="search"] .promo-banner,
body.route-search .promo-banner{
  display:none!important;
}
body[data-route="search"] .search-center,
body.route-search .search-center{
  order:1!important;
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(210px,270px)!important;
  grid-template-areas:
    "quicksearch quicksearch"
    "flags status"!important;
  gap:7px!important;
  padding:9px!important;
  border-radius:16px!important;
  border:1px solid rgba(var(--brand-primary-rgb,37,99,235),.15)!important;
  background:linear-gradient(135deg,rgba(var(--brand-primary-rgb,37,99,235),.055),#fff 46%,#fff)!important;
  box-shadow:0 8px 22px rgba(18,40,52,.075)!important;
}
body[data-route="search"] .general-search,
body.route-search .general-search{
  grid-area:quicksearch!important;
  height:52px!important;
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(145px,175px) 120px!important;
  gap:0!important;
  position:relative!important;
  border-radius:15px!important;
  box-shadow:0 8px 22px rgba(var(--brand-primary-rgb,37,99,235),.12)!important;
}
body[data-route="search"] .general-search:before,
body.route-search .general-search:before{
  content:"⌕"!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  font-size:23px!important;
  color:var(--brand-primary,#2563eb)!important;
}
body[data-route="search"] .general-search input,
body.route-search .general-search input{
  height:52px!important;
  min-height:52px!important;
  border:2px solid rgba(var(--brand-primary-rgb,37,99,235),.34)!important;
  border-right:0!important;
  border-radius:15px 0 0 15px!important;
  padding:0 16px 0 50px!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  background:#fff!important;
}
body[data-route="search"] .general-search .search-history-select,
body.route-search .general-search .search-history-select{
  height:52px!important;
  min-height:52px!important;
  border:2px solid rgba(var(--brand-primary-rgb,37,99,235),.34)!important;
  border-left:1px solid #d8e3eb!important;
  border-right:0!important;
  border-radius:0!important;
  background:#f8fbfc!important;
  font-size:11.5px!important;
  font-weight:900!important;
  padding:0 9px!important;
}
body[data-route="search"] .general-search button,
body.route-search .general-search button{
  height:52px!important;
  min-height:52px!important;
  border-radius:0 15px 15px 0!important;
  font-size:14px!important;
  font-weight:950!important;
}
body[data-route="search"] .flag-row,
body.route-search .flag-row{
  grid-area:flags!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(170px,230px)!important;
  gap:7px!important;
  border:0!important;
  align-items:center!important;
}
body[data-route="search"] .flag-row .flag,
body.route-search .flag-row .flag,
body[data-route="search"] .flag-row .catalog-sort-select,
body.route-search .flag-row .catalog-sort-select{
  height:30px!important;
  min-height:30px!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:950!important;
  padding:0 9px!important;
  box-shadow:none!important;
}
body[data-route="search"] .catalog-status,
body.route-search .catalog-status{
  grid-area:status!important;
  min-height:30px!important;
  height:30px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  border:1px dashed rgba(var(--brand-primary-rgb,37,99,235),.18)!important;
  border-radius:10px!important;
  background:#f8fbfc!important;
  padding:0 10px!important;
}
body[data-route="search"] .catalog-status span,
body.route-search .catalog-status span{
  font-size:10px!important;
  font-weight:950!important;
  color:var(--brand-primary,#2563eb)!important;
  letter-spacing:.05em!important;
}
body[data-route="search"] .catalog-status strong,
body.route-search .catalog-status strong{
  font-size:11px!important;
  font-weight:900!important;
  color:#314151!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Filtreler: iki satırlı blok yerine tek satırlı kompakt toolbar. */
body[data-route="search"] .filter-matrix,
body.route-search .filter-matrix{
  order:2!important;
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(145px,1fr)) minmax(130px,170px)!important;
  gap:7px!important;
  border:0!important;
  background:transparent!important;
  align-content:start!important;
}
body[data-route="search"] .filter-row,
body.route-search .filter-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:14px 28px!important;
  gap:2px!important;
  min-height:46px!important;
  padding:4px 7px!important;
  border:1px solid #e2ebf1!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(15,23,42,.035)!important;
}
body[data-route="search"] .filter-row.hidden,
body.route-search .filter-row.hidden{
  display:none!important;
}
body[data-route="search"] .filter-row label,
body.route-search .filter-row label{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#334557!important;
  text-align:left!important;
  font-size:10px!important;
  line-height:14px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-route="search"] .filter-row select,
body.route-search .filter-row select{
  height:28px!important;
  min-height:28px!important;
  border:1px solid #d4e0e8!important;
  border-radius:9px!important;
  background:#f9fbfc!important;
  color:#17232f!important;
  font-size:11px!important;
  font-weight:900!important;
  padding:0 8px!important;
}
body[data-route="search"] .operations-row,
body.route-search .operations-row{
  grid-template-rows:0 32px!important;
  padding:7px!important;
}
body[data-route="search"] .operations-row > label,
body.route-search .operations-row > label{
  display:none!important;
}
body[data-route="search"] .operation-buttons,
body.route-search .operation-buttons{
  height:32px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  border:0!important;
}
body[data-route="search"] .operation-buttons button,
body.route-search .operation-buttons button{
  height:32px!important;
  border-radius:9px!important;
  font-size:11px!important;
  font-weight:950!important;
  padding:0 8px!important;
}
/* Grid alanı artık arama kadar başrol: daha yüksek viewport. */
body[data-route="search"] .grid-panel,
body.route-search .grid-panel{
  margin-top:0!important;
  border-radius:16px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body[data-route="search"] .table-scroll,
body.route-search .table-scroll{
  height:clamp(460px, calc(100vh - 286px), 820px)!important;
  min-height:420px!important;
  max-height:none!important;
}
body[data-route="search"] .sales-grid th,
body.route-search .sales-grid th{
  height:31px!important;
  padding:5px 7px!important;
}
body[data-route="search"] .sales-grid td,
body.route-search .sales-grid td{
  height:28px!important;
  padding:3px 7px!important;
}
@media(max-width:1320px){
  body[data-route="search"] .filter-matrix,
  body.route-search .filter-matrix{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body[data-route="search"] .search-center,
  body.route-search .search-center{grid-template-columns:1fr!important;grid-template-areas:"quicksearch" "flags" "status"!important;}
  body[data-route="search"] .catalog-status,
  body.route-search .catalog-status{width:100%!important;}
  body[data-route="search"] .table-scroll,
  body.route-search .table-scroll{height:clamp(420px, calc(100vh - 330px), 760px)!important;}
}
@media(max-width:900px){
  body[data-route="search"] .content-wrap,
  body.route-search .content-wrap{padding:8px!important;}
  body[data-route="search"] .board-grid,
  body.route-search .board-grid{padding:8px!important;}
  body[data-route="search"] .general-search,
  body.route-search .general-search{height:auto!important;grid-template-columns:minmax(0,1fr) 84px!important;grid-template-rows:48px 36px!important;}
  body[data-route="search"] .general-search input,
  body.route-search .general-search input{height:48px!important;min-height:48px!important;font-size:14px!important;}
  body[data-route="search"] .general-search button,
  body.route-search .general-search button{height:48px!important;min-height:48px!important;}
  body[data-route="search"] .general-search .search-history-select,
  body.route-search .general-search .search-history-select{grid-column:1/-1!important;height:36px!important;min-height:36px!important;border:1px solid #d4e0e8!important;border-radius:10px!important;margin-top:5px!important;}
  body[data-route="search"] .flag-row,
  body.route-search .flag-row{grid-template-columns:1fr 1fr!important;}
  body[data-route="search"] .flag-row .catalog-sort-select,
  body.route-search .flag-row .catalog-sort-select{grid-column:1/-1!important;}
  body[data-route="search"] .filter-matrix,
  body.route-search .filter-matrix{grid-template-columns:1fr!important;}
  body[data-route="search"] .filter-row,
  body.route-search .filter-row{grid-template-columns:94px minmax(0,1fr)!important;grid-template-rows:32px!important;min-height:40px!important;align-items:center!important;}
  body[data-route="search"] .filter-row label,
  body.route-search .filter-row label{line-height:1.1!important;}
  body[data-route="search"] .table-scroll,
  body.route-search .table-scroll{height:auto!important;max-height:72vh!important;min-height:0!important;}
}

/* =====================================================================
   MVP31L6_FIX_BUTTONS_V1
   Arama ekranı kompakt filtre satırında Temizle / Kart butonlarını
   ezilmeden, aynı yükseklikte ve okunaklı gösterir.
   Sadece görünüm düzeltmesidir; arama/API/SQL mantığına dokunmaz.
   ===================================================================== */
body[data-route="search"] .operations-row,
body.route-search .operations-row{
  grid-template-rows:0 38px!important;
  min-height:52px!important;
  padding:6px 8px!important;
  align-items:center!important;
}
body[data-route="search"] .operation-buttons,
body.route-search .operation-buttons{
  height:38px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  overflow:visible!important;
}
body[data-route="search"] .operation-buttons button,
body.route-search .operation-buttons button{
  flex:1 1 0!important;
  height:38px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:0 6px 14px rgba(var(--brand-primary-rgb,37,99,235),.12)!important;
}
body[data-route="search"] .operation-buttons button:first-child,
body.route-search .operation-buttons button:first-child{
  background:linear-gradient(135deg,var(--brand-primary,#2563eb),var(--brand-nav,#0f172a))!important;
  color:#fff!important;
}
body[data-route="search"] .operation-buttons button:last-child,
body.route-search .operation-buttons button:last-child{
  background:#0f2a5f!important;
  color:#fff!important;
}
body[data-route="search"] .operation-buttons button:hover,
body.route-search .operation-buttons button:hover{
  filter:brightness(1.04)!important;
}
@media(max-width:900px){
  body[data-route="search"] .operations-row,
  body.route-search .operations-row{
    grid-template-columns:1fr!important;
    grid-template-rows:40px!important;
    min-height:48px!important;
  }
  body[data-route="search"] .operation-buttons,
  body.route-search .operation-buttons{height:40px!important;min-height:40px!important;}
  body[data-route="search"] .operation-buttons button,
  body.route-search .operation-buttons button{height:40px!important;min-height:40px!important;font-size:12px!important;}
}

/* =====================================================================
   MVP31L7_SEARCH_FILTER_IN_HERO_V1
   - Arama + kampanya/öne çıkan/stok + katalog filtreleri tek hero panelde.
   - Filtreler ayrı yüksek satır olmaktan çıkar; boş alan azalır.
   - Temizle/Kart butonları ezilmez.
   - Grid alanı daha yukarı ve daha yüksek başlar.
   ===================================================================== */
body[data-route="search"] .content-wrap,
body[data-route="campaigns"] .content-wrap,
body.route-search .content-wrap,
body.route-campaigns .content-wrap{
  padding:8px 12px 0!important;
}
body[data-route="search"] .search-board,
body[data-route="campaigns"] .search-board,
body.route-search .search-board,
body.route-campaigns .search-board{
  margin:0 0 7px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.065)!important;
}
body[data-route="search"] .board-title,
body[data-route="campaigns"] .board-title,
body.route-search .board-title,
body.route-campaigns .board-title{
  display:none!important;
}
body[data-route="search"] .board-grid,
body[data-route="campaigns"] .board-grid,
body.route-search .board-grid,
body.route-campaigns .board-grid{
  display:block!important;
  padding:8px 10px!important;
}
body[data-route="search"] .promo-banner,
body[data-route="campaigns"] .promo-banner,
body.route-search .promo-banner,
body.route-campaigns .promo-banner{
  display:none!important;
}
body[data-route="search"] .search-center,
body[data-route="campaigns"] .search-center,
body.route-search .search-center,
body.route-campaigns .search-center{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(205px,270px)!important;
  grid-template-areas:
    "quicksearch status"
    "flags filters"!important;
  gap:7px 10px!important;
  padding:9px!important;
  min-width:0!important;
  border-radius:16px!important;
  border:1px solid rgba(var(--brand-primary-rgb,37,99,235),.15)!important;
  background:linear-gradient(135deg,rgba(var(--brand-primary-rgb,37,99,235),.055),#fff 42%,#fff)!important;
  box-shadow:0 8px 22px rgba(18,40,52,.07)!important;
}
body[data-route="search"] .general-search,
body[data-route="campaigns"] .general-search,
body.route-search .general-search,
body.route-campaigns .general-search{
  grid-area:quicksearch!important;
  height:48px!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(138px,178px) 112px!important;
  gap:0!important;
  position:relative!important;
  min-width:0!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(var(--brand-primary-rgb,37,99,235),.12)!important;
}
body[data-route="search"] .general-search:before,
body[data-route="campaigns"] .general-search:before,
body.route-search .general-search:before,
body.route-campaigns .general-search:before{
  content:"⌕"!important;
  position:absolute!important;
  left:15px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  font-size:22px!important;
  line-height:1!important;
  color:var(--brand-primary,#2563eb)!important;
  font-weight:950!important;
  pointer-events:none!important;
}
body[data-route="search"] .general-search input,
body[data-route="campaigns"] .general-search input,
body.route-search .general-search input,
body.route-campaigns .general-search input{
  height:48px!important;
  min-height:48px!important;
  border:2px solid rgba(var(--brand-primary-rgb,37,99,235),.34)!important;
  border-right:0!important;
  border-radius:14px 0 0 14px!important;
  padding:0 16px 0 48px!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  background:#fff!important;
  color:#17232f!important;
}
body[data-route="search"] .general-search .search-history-select,
body[data-route="campaigns"] .general-search .search-history-select,
body.route-search .general-search .search-history-select,
body.route-campaigns .general-search .search-history-select{
  height:48px!important;
  min-height:48px!important;
  border:2px solid rgba(var(--brand-primary-rgb,37,99,235),.34)!important;
  border-left:1px solid #d8e3eb!important;
  border-right:0!important;
  border-radius:0!important;
  background:#f8fbfc!important;
  color:#314151!important;
  font-size:11.5px!important;
  font-weight:900!important;
  padding:0 8px!important;
}
body[data-route="search"] .general-search button,
body[data-route="campaigns"] .general-search button,
body.route-search .general-search button,
body.route-campaigns .general-search button{
  height:48px!important;
  min-height:48px!important;
  border-radius:0 14px 14px 0!important;
  font-size:14px!important;
  font-weight:950!important;
  background:linear-gradient(135deg,var(--brand-primary,#2563eb),var(--brand-nav,#0f172a))!important;
  color:#fff!important;
}
body[data-route="search"] .catalog-status,
body[data-route="campaigns"] .catalog-status,
body.route-search .catalog-status,
body.route-campaigns .catalog-status{
  grid-area:status!important;
  height:48px!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  border-radius:14px!important;
  border:1px dashed rgba(var(--brand-primary-rgb,37,99,235),.20)!important;
  background:#f8fbfc!important;
  padding:0 12px!important;
}
body[data-route="search"] .catalog-status span,
body[data-route="campaigns"] .catalog-status span,
body.route-search .catalog-status span,
body.route-campaigns .catalog-status span{
  font-size:10px!important;
  letter-spacing:.06em!important;
  font-weight:950!important;
  color:var(--brand-primary,#2563eb)!important;
  text-transform:uppercase!important;
}
body[data-route="search"] .catalog-status strong,
body[data-route="campaigns"] .catalog-status strong,
body.route-search .catalog-status strong,
body.route-campaigns .catalog-status strong{
  min-width:0!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#314151!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-route="search"] .flag-row,
body[data-route="campaigns"] .flag-row,
body.route-search .flag-row,
body.route-campaigns .flag-row{
  grid-area:flags!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(104px,1fr)) minmax(160px,210px)!important;
  gap:7px!important;
  border:0!important;
  align-items:center!important;
  min-width:0!important;
}
body[data-route="search"] .flag-row .flag,
body[data-route="campaigns"] .flag-row .flag,
body.route-search .flag-row .flag,
body.route-campaigns .flag-row .flag,
body[data-route="search"] .flag-row .catalog-sort-select,
body[data-route="campaigns"] .flag-row .catalog-sort-select,
body.route-search .flag-row .catalog-sort-select,
body.route-campaigns .flag-row .catalog-sort-select{
  height:34px!important;
  min-height:34px!important;
  border-radius:11px!important;
  font-size:11px!important;
  font-weight:950!important;
  padding:0 9px!important;
  box-shadow:none!important;
  border:1px solid rgba(0,0,0,.075)!important;
  min-width:0!important;
}
body[data-route="search"] .flag-row .flag,
body[data-route="campaigns"] .flag-row .flag,
body.route-search .flag-row .flag,
body.route-campaigns .flag-row .flag{
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body[data-route="search"] .flag input,
body[data-route="campaigns"] .flag input,
body.route-search .flag input,
body.route-campaigns .flag input{
  flex:0 0 auto!important;
  width:15px!important;
  height:15px!important;
}
/* Filtreler artık arama hero panelinin sağ-alt bölümünde kompakt tek satırdır. */
body[data-route="search"] .filter-matrix,
body[data-route="campaigns"] .filter-matrix,
body.route-search .filter-matrix,
body.route-campaigns .filter-matrix{
  grid-area:filters!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(118px,1fr)) minmax(136px,160px)!important;
  gap:7px!important;
  border:0!important;
  background:transparent!important;
  align-content:center!important;
  min-width:0!important;
}
body[data-route="search"] .filter-row,
body[data-route="campaigns"] .filter-row,
body.route-search .filter-row,
body.route-campaigns .filter-row{
  display:grid!important;
  grid-template-columns:minmax(46px,72px) minmax(0,1fr)!important;
  grid-template-rows:34px!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:3px 5px!important;
  border:1px solid #e2ebf1!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 4px 11px rgba(15,23,42,.03)!important;
}
body[data-route="search"] .filter-row.hidden,
body[data-route="campaigns"] .filter-row.hidden,
body.route-search .filter-row.hidden,
body.route-campaigns .filter-row.hidden{
  display:none!important;
}
body[data-route="search"] .filter-row label,
body[data-route="campaigns"] .filter-row label,
body.route-search .filter-row label,
body.route-campaigns .filter-row label{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#324456!important;
  text-align:left!important;
  font-size:9.5px!important;
  line-height:1.05!important;
  font-weight:950!important;
  white-space:normal!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
body[data-route="search"] .filter-row select,
body[data-route="campaigns"] .filter-row select,
body.route-search .filter-row select,
body.route-campaigns .filter-row select{
  height:28px!important;
  min-height:28px!important;
  min-width:0!important;
  border:1px solid #d4e0e8!important;
  border-radius:9px!important;
  background:#f9fbfc!important;
  color:#17232f!important;
  font-size:11px!important;
  font-weight:900!important;
  padding:0 7px!important;
}
body[data-route="search"] .operations-row,
body[data-route="campaigns"] .operations-row,
body.route-search .operations-row,
body.route-campaigns .operations-row{
  grid-template-columns:1fr!important;
  grid-template-rows:34px!important;
  padding:3px!important;
  min-height:34px!important;
  align-items:center!important;
}
body[data-route="search"] .operations-row > label,
body[data-route="campaigns"] .operations-row > label,
body.route-search .operations-row > label,
body.route-campaigns .operations-row > label{
  display:none!important;
}
body[data-route="search"] .operation-buttons,
body[data-route="campaigns"] .operation-buttons,
body.route-search .operation-buttons,
body.route-campaigns .operation-buttons{
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border:0!important;
  overflow:visible!important;
}
body[data-route="search"] .operation-buttons button,
body[data-route="campaigns"] .operation-buttons button,
body.route-search .operation-buttons button,
body.route-campaigns .operation-buttons button{
  flex:1 1 0!important;
  height:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border-radius:10px!important;
  border:0!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(var(--brand-primary-rgb,37,99,235),.11)!important;
}
body[data-route="search"] .operation-buttons button:first-child,
body[data-route="campaigns"] .operation-buttons button:first-child,
body.route-search .operation-buttons button:first-child,
body.route-campaigns .operation-buttons button:first-child{
  background:linear-gradient(135deg,var(--brand-primary,#2563eb),var(--brand-nav,#0f172a))!important;
}
body[data-route="search"] .operation-buttons button:last-child,
body[data-route="campaigns"] .operation-buttons button:last-child,
body.route-search .operation-buttons button:last-child,
body.route-campaigns .operation-buttons button:last-child{
  background:#0f2a5f!important;
}
body[data-route="search"] .grid-panel,
body[data-route="campaigns"] .grid-panel,
body.route-search .grid-panel,
body.route-campaigns .grid-panel{
  margin-top:0!important;
  border-radius:16px!important;
  box-shadow:0 12px 30px rgba(15,23,42,.065)!important;
}
body[data-route="search"] .table-scroll,
body[data-route="campaigns"] .table-scroll,
body.route-search .table-scroll,
body.route-campaigns .table-scroll{
  height:clamp(485px, calc(100vh - 274px), 850px)!important;
  min-height:420px!important;
  max-height:none!important;
}
@media(max-width:1440px){
  body[data-route="search"] .search-center,
  body[data-route="campaigns"] .search-center,
  body.route-search .search-center,
  body.route-campaigns .search-center{
    grid-template-columns:minmax(0,1fr) minmax(190px,240px)!important;
  }
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row,
  body.route-search .flag-row,
  body.route-campaigns .flag-row{
    grid-template-columns:repeat(3,minmax(92px,1fr)) minmax(145px,190px)!important;
  }
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{
    grid-template-columns:repeat(4,minmax(102px,1fr)) minmax(128px,150px)!important;
  }
  body[data-route="search"] .filter-row,
  body[data-route="campaigns"] .filter-row,
  body.route-search .filter-row,
  body.route-campaigns .filter-row{
    grid-template-columns:minmax(40px,62px) minmax(0,1fr)!important;
  }
  body[data-route="search"] .table-scroll,
  body[data-route="campaigns"] .table-scroll,
  body.route-search .table-scroll,
  body.route-campaigns .table-scroll{
    height:clamp(450px, calc(100vh - 270px), 780px)!important;
  }
}
@media(max-width:1180px){
  body[data-route="search"] .search-center,
  body[data-route="campaigns"] .search-center,
  body.route-search .search-center,
  body.route-campaigns .search-center{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "quicksearch"
      "flags"
      "filters"
      "status"!important;
  }
  body[data-route="search"] .catalog-status,
  body[data-route="campaigns"] .catalog-status,
  body.route-search .catalog-status,
  body.route-campaigns .catalog-status{
    height:32px!important;
    min-height:32px!important;
  }
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{
    grid-template-columns:repeat(3,minmax(140px,1fr)) minmax(140px,170px)!important;
  }
  body[data-route="search"] .table-scroll,
  body[data-route="campaigns"] .table-scroll,
  body.route-search .table-scroll,
  body.route-campaigns .table-scroll{
    height:clamp(400px, calc(100vh - 330px), 730px)!important;
  }
}
@media(max-width:900px){
  body[data-route="search"] .content-wrap,
  body[data-route="campaigns"] .content-wrap,
  body.route-search .content-wrap,
  body.route-campaigns .content-wrap{padding:8px!important;}
  body[data-route="search"] .board-grid,
  body[data-route="campaigns"] .board-grid,
  body.route-search .board-grid,
  body.route-campaigns .board-grid{padding:8px!important;}
  body[data-route="search"] .search-center,
  body[data-route="campaigns"] .search-center,
  body.route-search .search-center,
  body.route-campaigns .search-center{padding:8px!important;border-radius:15px!important;}
  body[data-route="search"] .general-search,
  body[data-route="campaigns"] .general-search,
  body.route-search .general-search,
  body.route-campaigns .general-search{
    grid-template-columns:minmax(0,1fr) 82px!important;
    grid-template-rows:48px 36px!important;
    height:auto!important;
    min-height:0!important;
    box-shadow:none!important;
  }
  body[data-route="search"] .general-search input,
  body[data-route="campaigns"] .general-search input,
  body.route-search .general-search input,
  body.route-campaigns .general-search input{height:48px!important;min-height:48px!important;font-size:14px!important;border-radius:13px 0 0 13px!important;padding-left:44px!important;}
  body[data-route="search"] .general-search button,
  body[data-route="campaigns"] .general-search button,
  body.route-search .general-search button,
  body.route-campaigns .general-search button{height:48px!important;min-height:48px!important;border-radius:0 13px 13px 0!important;}
  body[data-route="search"] .general-search .search-history-select,
  body[data-route="campaigns"] .general-search .search-history-select,
  body.route-search .general-search .search-history-select,
  body.route-campaigns .general-search .search-history-select{grid-column:1/-1!important;height:36px!important;min-height:36px!important;border:1px solid #d4e0e8!important;border-radius:10px!important;margin-top:5px!important;}
  body[data-route="search"] .general-search:before,
  body[data-route="campaigns"] .general-search:before,
  body.route-search .general-search:before,
  body.route-campaigns .general-search:before{left:14px!important;top:24px!important;font-size:20px!important;}
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row,
  body.route-search .flag-row,
  body.route-campaigns .flag-row{grid-template-columns:1fr 1fr!important;}
  body[data-route="search"] .flag-row .catalog-sort-select,
  body[data-route="campaigns"] .flag-row .catalog-sort-select,
  body.route-search .flag-row .catalog-sort-select,
  body.route-campaigns .flag-row .catalog-sort-select{grid-column:1/-1!important;}
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{grid-template-columns:1fr 1fr!important;}
  body[data-route="search"] .operations-row,
  body[data-route="campaigns"] .operations-row,
  body.route-search .operations-row,
  body.route-campaigns .operations-row{grid-column:1/-1!important;}
  body[data-route="search"] .table-scroll,
  body[data-route="campaigns"] .table-scroll,
  body.route-search .table-scroll,
  body.route-campaigns .table-scroll{height:auto!important;max-height:72vh!important;min-height:0!important;}
}
@media(max-width:560px){
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row,
  body.route-search .flag-row,
  body.route-campaigns .flag-row,
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{grid-template-columns:1fr!important;}
}

/* =====================================================================
   MVP31L8_SEARCH_FILTER_SECOND_ROW_V1
   L7 geri bildirimi: Filtreler sağa sıkışmayacak; arama panelinde alt
   satıra tam genişlikte inecek. Butonlar ezilmeyecek, grid yukarı kalacak.
   Yalnızca arama/kampanya ekranı görünüm düzenidir.
   ===================================================================== */
body[data-route="search"] .search-center,
body[data-route="campaigns"] .search-center,
body.route-search .search-center,
body.route-campaigns .search-center{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px)!important;
  grid-template-areas:
    "quicksearch status"
    "flags flags"
    "filters filters"!important;
  gap:7px 10px!important;
  padding:8px 9px!important;
  align-items:start!important;
  overflow:visible!important;
}
body[data-route="search"] .general-search,
body[data-route="campaigns"] .general-search,
body.route-search .general-search,
body.route-campaigns .general-search{
  grid-area:quicksearch!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  grid-template-columns:minmax(0,1fr) minmax(140px,182px) 112px!important;
}
body[data-route="search"] .catalog-status,
body[data-route="campaigns"] .catalog-status,
body.route-search .catalog-status,
body.route-campaigns .catalog-status{
  grid-area:status!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-width:none!important;
}
body[data-route="search"] .flag-row,
body[data-route="campaigns"] .flag-row,
body.route-search .flag-row,
body.route-campaigns .flag-row{
  grid-area:flags!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(190px,260px)!important;
  gap:7px!important;
  align-items:center!important;
  min-width:0!important;
}
body[data-route="search"] .flag-row .flag,
body[data-route="campaigns"] .flag-row .flag,
body.route-search .flag-row .flag,
body.route-campaigns .flag-row .flag,
body[data-route="search"] .flag-row .catalog-sort-select,
body[data-route="campaigns"] .flag-row .catalog-sort-select,
body.route-search .flag-row .catalog-sort-select,
body.route-campaigns .flag-row .catalog-sort-select{
  height:30px!important;
  min-height:30px!important;
  border-radius:10px!important;
}
/* Filtreler tam genişlikte alt satır: sağa taşma/kırpılma yok. */
body[data-route="search"] .filter-matrix,
body[data-route="campaigns"] .filter-matrix,
body.route-search .filter-matrix,
body.route-campaigns .filter-matrix{
  grid-area:filters!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(165px,1fr)) minmax(150px,190px)!important;
  gap:7px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  align-content:start!important;
}
body[data-route="search"] .filter-row,
body[data-route="campaigns"] .filter-row,
body.route-search .filter-row,
body.route-campaigns .filter-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:13px 30px!important;
  gap:2px!important;
  min-height:47px!important;
  padding:4px 7px!important;
  align-items:stretch!important;
  border:1px solid #dce7ef!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(15,23,42,.035)!important;
}
body[data-route="search"] .filter-row.hidden,
body[data-route="campaigns"] .filter-row.hidden,
body.route-search .filter-row.hidden,
body.route-campaigns .filter-row.hidden{
  display:none!important;
}
body[data-route="search"] .filter-row label,
body[data-route="campaigns"] .filter-row label,
body.route-search .filter-row label,
body.route-campaigns .filter-row label{
  display:block!important;
  height:13px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#334557!important;
  text-align:left!important;
  font-size:10px!important;
  line-height:13px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:unset!important;
}
body[data-route="search"] .filter-row select,
body[data-route="campaigns"] .filter-row select,
body.route-search .filter-row select,
body.route-campaigns .filter-row select{
  height:30px!important;
  min-height:30px!important;
  width:100%!important;
  min-width:0!important;
  border:1px solid #d4e0e8!important;
  border-radius:9px!important;
  background:#f9fbfc!important;
  color:#17232f!important;
  font-size:11px!important;
  font-weight:900!important;
  padding:0 8px!important;
}
body[data-route="search"] .operations-row,
body[data-route="campaigns"] .operations-row,
body.route-search .operations-row,
body.route-campaigns .operations-row{
  grid-template-columns:1fr!important;
  grid-template-rows:47px!important;
  min-height:47px!important;
  padding:4px 7px!important;
  align-items:center!important;
}
body[data-route="search"] .operations-row > label,
body[data-route="campaigns"] .operations-row > label,
body.route-search .operations-row > label,
body.route-campaigns .operations-row > label{
  display:none!important;
}
body[data-route="search"] .operation-buttons,
body[data-route="campaigns"] .operation-buttons,
body.route-search .operation-buttons,
body.route-campaigns .operation-buttons{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  height:39px!important;
  min-height:39px!important;
  width:100%!important;
  border:0!important;
  overflow:visible!important;
}
body[data-route="search"] .operation-buttons button,
body[data-route="campaigns"] .operation-buttons button,
body.route-search .operation-buttons button,
body.route-campaigns .operation-buttons button{
  flex:1 1 0!important;
  min-width:64px!important;
  height:39px!important;
  min-height:39px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border-radius:10px!important;
  border:0!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  color:#fff!important;
}
/* Hero panel yüksekliği sınırlı kalsın; grid yine başrol olsun. */
body[data-route="search"] .search-board,
body[data-route="campaigns"] .search-board,
body.route-search .search-board,
body.route-campaigns .search-board{
  margin-bottom:6px!important;
}
body[data-route="search"] .table-scroll,
body[data-route="campaigns"] .table-scroll,
body.route-search .table-scroll,
body.route-campaigns .table-scroll{
  height:clamp(455px, calc(100vh - 312px), 830px)!important;
  min-height:400px!important;
  max-height:none!important;
}
@media(max-width:1360px){
  body[data-route="search"] .search-center,
  body[data-route="campaigns"] .search-center,
  body.route-search .search-center,
  body.route-campaigns .search-center{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "quicksearch"
      "flags"
      "filters"
      "status"!important;
  }
  body[data-route="search"] .catalog-status,
  body[data-route="campaigns"] .catalog-status,
  body.route-search .catalog-status,
  body.route-campaigns .catalog-status{
    height:30px!important;
    min-height:30px!important;
  }
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{
    grid-template-columns:repeat(4,minmax(145px,1fr)) minmax(150px,180px)!important;
  }
  body[data-route="search"] .table-scroll,
  body[data-route="campaigns"] .table-scroll,
  body.route-search .table-scroll,
  body.route-campaigns .table-scroll{
    height:clamp(410px, calc(100vh - 350px), 760px)!important;
  }
}
@media(max-width:980px){
  body[data-route="search"] .general-search,
  body[data-route="campaigns"] .general-search,
  body.route-search .general-search,
  body.route-campaigns .general-search{
    grid-template-columns:minmax(0,1fr) 86px!important;
    grid-template-rows:48px 36px!important;
    height:auto!important;
    min-height:0!important;
  }
  body[data-route="search"] .general-search .search-history-select,
  body[data-route="campaigns"] .general-search .search-history-select,
  body.route-search .general-search .search-history-select,
  body.route-campaigns .general-search .search-history-select{
    grid-column:1/-1!important;
    height:36px!important;
    min-height:36px!important;
    border:1px solid #d4e0e8!important;
    border-radius:10px!important;
    margin-top:5px!important;
  }
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row,
  body.route-search .flag-row,
  body.route-campaigns .flag-row{
    grid-template-columns:1fr 1fr!important;
  }
  body[data-route="search"] .flag-row .catalog-sort-select,
  body[data-route="campaigns"] .flag-row .catalog-sort-select,
  body.route-search .flag-row .catalog-sort-select,
  body.route-campaigns .flag-row .catalog-sort-select{
    grid-column:1/-1!important;
  }
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{
    grid-template-columns:1fr 1fr!important;
  }
  body[data-route="search"] .operations-row,
  body[data-route="campaigns"] .operations-row,
  body.route-search .operations-row,
  body.route-campaigns .operations-row{
    grid-column:1/-1!important;
  }
  body[data-route="search"] .table-scroll,
  body[data-route="campaigns"] .table-scroll,
  body.route-search .table-scroll,
  body.route-campaigns .table-scroll{
    height:auto!important;
    max-height:72vh!important;
    min-height:0!important;
  }
}
@media(max-width:560px){
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row,
  body.route-search .flag-row,
  body.route-campaigns .flag-row,
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   MVP31L9 - Mobile header + search panel hardening
   Amaç:
   - Mobilde Cari/Sepet/Plasiyer kartları sağa taşmasın.
   - Arama satırı tek kolon, filtreler alt satırda kontrollü kırılsın.
   - Desktop L8 düzeni korunur.
   ========================================================= */

@media (max-width: 760px){
  html, body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .app-root{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .identity-header{
    width:auto!important;
    max-width:calc(100vw - 20px)!important;
    margin:8px 10px 10px!important;
    padding:12px!important;
    height:auto!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    align-items:stretch!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  .logo-area{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  .logo-area > div:last-child{
    min-width:0!important;
  }
  .logo-title{
    font-size:20px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .logo-subtitle{
    font-size:11px!important;
    line-height:1.15!important;
  }
  .brand-logo-image{
    max-width:215px!important;
    max-height:74px!important;
    object-fit:contain!important;
  }
  .right-widgets.header-context-widgets{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .right-widgets.header-context-widgets > .exchange-widget,
  .right-widgets.header-context-widgets > .cart-widget,
  .right-widgets.header-context-widgets > .customer-context-widget,
  .right-widgets.header-context-widgets > .header-representative-card,
  .right-widgets.header-context-widgets > .representative-widget{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:54px!important;
    padding:8px 9px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .right-widgets.header-context-widgets > .customer-context-widget{
    grid-column:1 / -1!important;
    min-height:62px!important;
  }
  .right-widgets.header-context-widgets > .header-representative-card,
  .right-widgets.header-context-widgets > .representative-widget{
    grid-column:1 / -1!important;
    min-height:54px!important;
  }
  .right-widgets.header-context-widgets span,
  .right-widgets.header-context-widgets strong,
  .right-widgets.header-context-widgets small{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .right-widgets.header-context-widgets span{font-size:10px!important;line-height:1.05!important;}
  .right-widgets.header-context-widgets strong{font-size:13px!important;line-height:1.1!important;}
  .right-widgets.header-context-widgets small{font-size:10px!important;line-height:1.1!important;}

  .tile-menu{
    width:auto!important;
    max-width:calc(100vw - 20px)!important;
    margin:0 10px 10px!important;
    height:auto!important;
    min-height:66px!important;
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
    border-radius:18px!important;
  }
  .tile-menu .tile{
    flex:0 0 104px!important;
    min-width:104px!important;
    height:66px!important;
    scroll-snap-align:start!important;
  }
  .tile-menu .tile span{font-size:22px!important;line-height:1!important;}
  .tile-menu .tile b{font-size:12px!important;}

  .content-wrap{
    padding:0 10px 10px!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .search-board{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .search-board .board-grid.search-hero-layout{
    padding:10px!important;
    gap:0!important;
  }
  body[data-route="search"] .search-center,
  body[data-route="campaigns"] .search-center,
  body.route-search .search-center,
  body.route-campaigns .search-center{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0!important;
    gap:8px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "quicksearch"
      "flags"
      "filters"
      "status"!important;
    overflow:visible!important;
  }
  body[data-route="search"] .general-search,
  body[data-route="campaigns"] .general-search,
  body.route-search .general-search,
  body.route-campaigns .general-search{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    height:auto!important;
    min-height:0!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body[data-route="search"] .general-search input,
  body[data-route="campaigns"] .general-search input,
  body.route-search .general-search input,
  body.route-campaigns .general-search input{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:16px!important;
    font-size:13.5px!important;
    padding-left:44px!important;
    box-sizing:border-box!important;
  }
  body[data-route="search"] .general-search .search-history-select,
  body[data-route="campaigns"] .general-search .search-history-select,
  body.route-search .general-search .search-history-select,
  body.route-campaigns .general-search .search-history-select{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
  }
  body[data-route="search"] .general-search button,
  body[data-route="campaigns"] .general-search button,
  body.route-search .general-search button,
  body.route-campaigns .general-search button{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
  }
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row,
  body.route-search .flag-row,
  body.route-campaigns .flag-row{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-route="search"] .flag-row .flag,
  body[data-route="campaigns"] .flag-row .flag,
  body.route-search .flag-row .flag,
  body.route-campaigns .flag-row .flag{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    border-radius:13px!important;
    font-size:12px!important;
    box-sizing:border-box!important;
  }
  body[data-route="search"] .flag-row .catalog-sort-select,
  body[data-route="campaigns"] .flag-row .catalog-sort-select,
  body.route-search .flag-row .catalog-sort-select,
  body.route-campaigns .flag-row .catalog-sort-select{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
  }
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body[data-route="search"] .filter-row,
  body[data-route="campaigns"] .filter-row,
  body.route-search .filter-row,
  body.route-campaigns .filter-row{
    min-width:0!important;
    min-height:60px!important;
    grid-template-rows:17px 38px!important;
    padding:6px 7px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
  }
  body[data-route="search"] .filter-row label,
  body[data-route="campaigns"] .filter-row label,
  body.route-search .filter-row label,
  body.route-campaigns .filter-row label{
    font-size:11px!important;
    height:17px!important;
    line-height:17px!important;
  }
  body[data-route="search"] .filter-row select,
  body[data-route="campaigns"] .filter-row select,
  body.route-search .filter-row select,
  body.route-campaigns .filter-row select{
    height:38px!important;
    min-height:38px!important;
    font-size:12px!important;
    border-radius:12px!important;
  }
  body[data-route="search"] .operations-row,
  body[data-route="campaigns"] .operations-row,
  body.route-search .operations-row,
  body.route-campaigns .operations-row{
    grid-column:1/-1!important;
    min-height:46px!important;
    grid-template-rows:46px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body[data-route="search"] .operation-buttons,
  body[data-route="campaigns"] .operation-buttons,
  body.route-search .operation-buttons,
  body.route-campaigns .operation-buttons{
    height:46px!important;
    min-height:46px!important;
    gap:8px!important;
  }
  body[data-route="search"] .operation-buttons button,
  body[data-route="campaigns"] .operation-buttons button,
  body.route-search .operation-buttons button,
  body.route-campaigns .operation-buttons button{
    height:46px!important;
    min-height:46px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
  body[data-route="search"] .catalog-status,
  body[data-route="campaigns"] .catalog-status,
  body.route-search .catalog-status,
  body.route-campaigns .catalog-status{
    height:auto!important;
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  body[data-route="search"] .table-scroll,
  body[data-route="campaigns"] .table-scroll,
  body.route-search .table-scroll,
  body.route-campaigns .table-scroll{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:260px!important;
    max-height:none!important;
    overflow:auto!important;
  }
  body[data-route="search"] .sales-grid,
  body[data-route="campaigns"] .sales-grid,
  body.route-search .sales-grid,
  body.route-campaigns .sales-grid{
    min-width:980px!important;
  }
}

@media (max-width: 380px){
  .right-widgets.header-context-widgets{
    grid-template-columns:1fr!important;
  }
  .right-widgets.header-context-widgets > .customer-context-widget,
  .right-widgets.header-context-widgets > .header-representative-card,
  .right-widgets.header-context-widgets > .representative-widget{
    grid-column:auto!important;
  }
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row,
  body.route-search .flag-row,
  body.route-campaigns .flag-row,
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   MVP31L10 - Mobile hardening + header/search final fallback
   Amaç:
   - Bazı mobil tarayıcı/PWA cache senaryolarında L9 responsive kuralları
     geç uygulanınca üst kartlar ve arama alanı sağa taşabiliyordu.
   - 900px altı tüm ekranlarda header ve arama paneli kesin tek kolon/iki kolon
     güvenli düzenine alınır.
   ========================================================= */
@media (max-width: 900px) {
  html, body, .page, .app-root, #appRoot {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .identity-header {
    width: auto !important;
    max-width: calc(100vw - 20px) !important;
    margin: 8px 10px 10px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }

  .identity-header .logo-area {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .identity-header .brand-logo-image {
    max-width: min(230px, 76vw) !important;
    max-height: 76px !important;
    object-fit: contain !important;
  }

  .identity-header .right-widgets.header-context-widgets {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .identity-header .right-widgets.header-context-widgets > * {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .identity-header .right-widgets.header-context-widgets > .exchange-widget,
  .identity-header .right-widgets.header-context-widgets > .cart-widget {
    grid-column: auto !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 8px 9px !important;
    border-radius: 14px !important;
  }

  .identity-header .right-widgets.header-context-widgets > .customer-context-widget,
  .identity-header .right-widgets.header-context-widgets > .rep-widget.customer-context-widget,
  .identity-header .right-widgets.header-context-widgets > .header-representative-card,
  .identity-header .right-widgets.header-context-widgets > .representative-widget {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
  }

  .identity-header .right-widgets.header-context-widgets span,
  .identity-header .right-widgets.header-context-widgets strong,
  .identity-header .right-widgets.header-context-widgets small {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .content-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px 10px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-route="search"] .search-board,
  body[data-route="campaigns"] .search-board,
  body.route-search .search-board,
  body.route-campaigns .search-board {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-route="search"] .search-board .board-grid.search-hero-layout,
  body[data-route="campaigns"] .search-board .board-grid.search-hero-layout,
  body.route-search .search-board .board-grid.search-hero-layout,
  body.route-campaigns .search-board .board-grid.search-hero-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body[data-route="search"] .search-center,
  body[data-route="campaigns"] .search-center,
  body.route-search .search-center,
  body.route-campaigns .search-center {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "quicksearch"
      "flags"
      "filters"
      "status" !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body[data-route="search"] .general-search,
  body[data-route="campaigns"] .general-search,
  body.route-search .general-search,
  body.route-campaigns .general-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  body[data-route="search"] .general-search input,
  body[data-route="campaigns"] .general-search input,
  body.route-search .general-search input,
  body.route-campaigns .general-search input,
  body[data-route="search"] .general-search .search-history-select,
  body[data-route="campaigns"] .general-search .search-history-select,
  body.route-search .general-search .search-history-select,
  body.route-campaigns .general-search .search-history-select,
  body[data-route="search"] .general-search button,
  body[data-route="campaigns"] .general-search button,
  body.route-search .general-search button,
  body.route-campaigns .general-search button {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-route="search"] .general-search input,
  body[data-route="campaigns"] .general-search input,
  body.route-search .general-search input,
  body.route-campaigns .general-search input {
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 16px !important;
    padding-left: 44px !important;
  }

  body[data-route="search"] .general-search .search-history-select,
  body[data-route="campaigns"] .general-search .search-history-select,
  body.route-search .general-search .search-history-select,
  body.route-campaigns .general-search .search-history-select {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 13px !important;
  }

  body[data-route="search"] .general-search button,
  body[data-route="campaigns"] .general-search button,
  body.route-search .general-search button,
  body.route-campaigns .general-search button {
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 15px !important;
  }
}

@media (max-width: 430px) {
  body[data-route="search"] .filter-matrix,
  body[data-route="campaigns"] .filter-matrix,
  body.route-search .filter-matrix,
  body.route-campaigns .filter-matrix,
  body[data-route="search"] .flag-row,
  body[data-route="campaigns"] .flag-row,
  body.route-search .flag-row,
  body.route-campaigns .flag-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ==========================================================
   MVP31L11 - Mobil üst Plasiyer/Temsilci kartı düzeltmesi
   Amaç: Mobilde mavi temsilci/plasiyer kutusunun boş görünmesini,
   metnin sağa taşmasını ve header'ın ekranı genişletmesini engellemek.
   ========================================================== */
@media (max-width: 760px) {
  .identity-header {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .right-widgets.header-context-widgets {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .right-widgets.header-context-widgets > #headerExchangeWidget,
  .right-widgets.header-context-widgets > .cart-widget {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .right-widgets.header-context-widgets > .customer-context-widget {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 86px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .right-widgets.header-context-widgets > #headerRepresentativeWidget,
  .right-widgets.header-context-widgets > .header-representative-card,
  .right-widgets.header-context-widgets > .representative-widget {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    padding: 8px 14px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "repLabel repName"
      "repLabel repInfo" !important;
    column-gap: 11px !important;
    row-gap: 2px !important;
    align-items: center !important;
    justify-items: stretch !important;
    text-align: left !important;
    background: linear-gradient(135deg, #2563eb, #06183d) !important;
    color: #fff !important;
    transform: none !important;
  }

  .right-widgets.header-context-widgets > #headerRepresentativeWidget > span,
  .right-widgets.header-context-widgets > .header-representative-card > span,
  .right-widgets.header-context-widgets > .representative-widget > span {
    grid-area: repLabel !important;
    align-self: center !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 78px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.14) !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .right-widgets.header-context-widgets > #headerRepresentativeWidget > strong,
  .right-widgets.header-context-widgets > .header-representative-card > strong,
  .right-widgets.header-context-widgets > .representative-widget > strong {
    grid-area: repName !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .right-widgets.header-context-widgets > #headerRepresentativeWidget > small,
  .right-widgets.header-context-widgets > .header-representative-card > small,
  .right-widgets.header-context-widgets > .representative-widget > small {
    grid-area: repInfo !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 420px) {
  .right-widgets.header-context-widgets > #headerRepresentativeWidget,
  .right-widgets.header-context-widgets > .header-representative-card,
  .right-widgets.header-context-widgets > .representative-widget {
    height: 54px !important;
    min-height: 54px !important;
    padding: 7px 12px !important;
  }

  .right-widgets.header-context-widgets > #headerRepresentativeWidget > span,
  .right-widgets.header-context-widgets > .header-representative-card > span,
  .right-widgets.header-context-widgets > .representative-widget > span {
    max-width: 70px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
  }
}

/* ==========================================================
   MVP31L12_THEME_APPLY_FULL_V1
   Admin > Tema renklerinin B2B görünür alanlarına tam uygulanması.
   Bu blok özellikle eski sabit DEM/lacivert/yeşil tonlarını CSS değişkenlerine bağlar.
   ========================================================== */
:root {
  --theme-text-strong: #0f172a;
  --theme-text-muted: #64748b;
  --theme-line: #e2e8f0;
  --theme-card-bg: #ffffff;
  --theme-page-bg: var(--surface-tint, #f1f5f9);
  --theme-primary-soft: rgba(var(--brand-primary-rgb,37,99,235), .10);
  --theme-primary-border: rgba(var(--brand-primary-rgb,37,99,235), .28);
  --theme-accent-soft: rgba(var(--brand-accent-rgb,56,189,248), .14);
  --theme-nav-soft: rgba(var(--brand-nav-rgb,15,23,42), .08);
  --theme-nav-gradient: linear-gradient(180deg, var(--brand-nav,#0f172a), var(--brand-primary,#2563eb));
  --theme-button-gradient: linear-gradient(135deg, var(--brand-primary,#2563eb), var(--brand-nav,#0f172a));
  --theme-button-gradient-rev: linear-gradient(135deg, var(--brand-nav,#0f172a), var(--brand-primary,#2563eb));
  --theme-grid-header-gradient: linear-gradient(180deg, var(--brand-nav,#0f172a), var(--brand-primary,#2563eb));
}

html body {
  background: radial-gradient(circle at 14% -12%, rgba(var(--brand-primary-rgb,37,99,235), .07), transparent 34%), var(--theme-page-bg) !important;
}

.identity-header,
.login-card,
.search-board,
.summary-strip,
.grid-panel,
.product-grid,
.home-announcements-panel,
.external-menu-card {
  border-color: rgba(var(--brand-primary-rgb,37,99,235), .12) !important;
}

.logo-mark,
.login-logo {
  background: linear-gradient(135deg, var(--brand-accent,#38bdf8), var(--brand-primary,#2563eb) 58%, var(--brand-nav,#0f172a)) !important;
  box-shadow: 0 14px 30px rgba(var(--brand-primary-rgb,37,99,235), .22) !important;
}
.logo-title,
.login-brand h1,
.detail-code,
.code-text,
.operation-buttons button,
.detail-btn,
.action-btn,
.external-menu-head span {
  color: var(--brand-primary,#2563eb) !important;
}
.customer-identity span,
.login-submit,
.home-quick-search button,
#btnHomeRefresh,
.general-search button,
.stock-action-btn.primary,
.external-menu-actions a,
.external-menu-actions button:not(.secondary),
.pwa-install-btn {
  background: var(--theme-button-gradient) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(var(--brand-primary-rgb,37,99,235), .22) !important;
}

.tile-menu {
  background: var(--theme-nav-gradient) !important;
  border-bottom-color: rgba(var(--brand-nav-rgb,15,23,42), .75) !important;
  box-shadow: 0 14px 32px rgba(var(--brand-nav-rgb,15,23,42), .18) !important;
}
.tile {
  background: transparent !important;
}
.tile.active,
.tile.active2,
.tile.campaign-tile,
.tile:hover {
  background: rgba(255,255,255,.10) !important;
}
.tile.active::after,
.tile.active2::after {
  background: var(--brand-accent,#38bdf8) !important;
}
.logout-tile:hover { background: rgba(255,255,255,.16) !important; }

.rep-widget.header-representative-card,
.representative-widget.header-representative-card,
#headerRepresentativeWidget {
  background: var(--theme-button-gradient-rev) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.10) !important;
}
.rep-widget.header-representative-card span,
.rep-widget.header-representative-card strong,
.rep-widget.header-representative-card small,
.representative-widget.header-representative-card span,
.representative-widget.header-representative-card strong,
.representative-widget.header-representative-card small,
#headerRepresentativeWidget span,
#headerRepresentativeWidget strong,
#headerRepresentativeWidget small {
  color: #fff !important;
}
.cart-widget.has-items {
  background: linear-gradient(180deg, rgba(var(--brand-accent-rgb,56,189,248), .12), #fff) !important;
  border-color: rgba(var(--brand-accent-rgb,56,189,248), .32) !important;
}
.exchange-widget.has-rates strong,
.exchange-widget.exchange-tcmb strong,
.exchange-widget.exchange-tcmb small,
.balance-line {
  color: var(--brand-primary,#2563eb) !important;
}

.general-search input:focus,
.home-quick-search input:focus,
.login-field input:focus,
.filter-row select:focus,
.catalog-sort-select:focus,
.search-history-select:focus,
.qty-input:focus {
  border-color: var(--brand-primary,#2563eb) !important;
  box-shadow: 0 0 0 4px var(--theme-focus-ring, rgba(37,99,235,.14)) !important;
}
.flag input,
.remember-line input,
.filter-row input,
input[type="checkbox"] {
  accent-color: var(--brand-primary,#2563eb) !important;
}

.flag.campaign,
.sales-grid tbody tr.campaign-row,
.sales-grid tbody tr.campaign-row td,
.badge.campaign {
  background: var(--theme-row-campaign,#fff8db) !important;
}
.flag.new {
  background: linear-gradient(180deg, rgba(var(--brand-accent-rgb,56,189,248), .13), #fff) !important;
  border-color: rgba(var(--brand-accent-rgb,56,189,248), .28) !important;
  color: var(--brand-nav,#0f172a) !important;
}
.flag.stock,
.sales-grid tbody tr.stock-var:not(.zero-price):not(.campaign-row),
.sales-grid tbody tr.stock-var:not(.zero-price):not(.campaign-row) td {
  background: var(--theme-row-stock-ok,#eefbdc) !important;
  color: var(--brand-nav,#0f172a) !important;
}
.flag.super,
.previous-purchase-row,
.sales-grid tbody tr.previous-purchase-row td {
  background: var(--theme-row-previous,#f5f3ff) !important;
}
.sales-grid tbody tr.stock-sinirli:not(.zero-price):not(.campaign-row),
.sales-grid tbody tr.stock-sinirli:not(.zero-price):not(.campaign-row) td,
.stock-status-pill.stock-low {
  background: var(--theme-row-stock-low,#fff7ed) !important;
}
.sales-grid tbody tr.stock-tedarik:not(.zero-price):not(.campaign-row),
.sales-grid tbody tr.stock-egt:not(.zero-price):not(.campaign-row),
.sales-grid tbody tr.stock-tedarik:not(.zero-price):not(.campaign-row) td,
.sales-grid tbody tr.stock-egt:not(.zero-price):not(.campaign-row) td,
.stock-status-pill.stock-supply {
  background: var(--theme-row-stock-supply,#eff6ff) !important;
}
.sales-grid tbody tr.stock-yok:not(.campaign-row),
.sales-grid tbody tr.stock-yok:not(.campaign-row) td,
.sales-grid tbody tr.zero-price,
.sales-grid tbody tr.zero-price td,
.stock-status-pill.stock-none {
  background: var(--theme-row-stock-none,#fef2f2) !important;
}

.filter-row label {
  color: var(--brand-nav,#0f172a) !important;
}
.operation-buttons button:hover,
.detail-btn:hover,
.action-btn:hover,
.btn-cart-add:not(:disabled):hover {
  background: var(--theme-primary-soft) !important;
}
.catalog-status span,
.catalog-status strong {
  color: var(--brand-primary,#2563eb) !important;
}

.sales-grid th,
.account-table th,
.orders-table th,
.requests-table th,
.compass-table th {
  background: var(--theme-grid-header-gradient) !important;
  color: #fff !important;
  border-right-color: rgba(255,255,255,.12) !important;
}
.sales-grid tbody tr:hover,
.sales-grid tbody tr:hover td {
  background: rgba(var(--brand-primary-rgb,37,99,235), .08) !important;
}
.discount-pill,
.discount-pill:not(.empty),
.info-dot,
.badge.featured,
.btn-cart-add:not(:disabled),
.home-hero-cta,
.announcement-link {
  background: var(--brand-primary,#2563eb) !important;
  color: #fff !important;
}
.info-dot,
.badge.campaign {
  background: var(--brand-accent,#38bdf8) !important;
  color: #fff !important;
}
.stock-status-pill.stock-ok,
.badge.stock-ok {
  background: var(--theme-row-stock-ok,#eefbdc) !important;
  border-color: rgba(var(--brand-primary-rgb,37,99,235), .18) !important;
  color: var(--brand-primary,#2563eb) !important;
}

.home-hero-panel {
  background: radial-gradient(circle at 92% 0%, rgba(var(--brand-accent-rgb,56,189,248), .36), transparent 36%), linear-gradient(135deg, var(--brand-nav,#0f172a), var(--brand-primary,#2563eb) 64%, var(--brand-accent,#38bdf8)) !important;
}
.home-kicker,
.announcement-text span,
.announcement-badge {
  background: var(--theme-primary-soft) !important;
  color: var(--brand-primary,#2563eb) !important;
}
.home-section-head button,
.external-menu-actions button {
  color: var(--brand-primary,#2563eb) !important;
}

@media (max-width: 760px) {
  .right-widgets.header-context-widgets > #headerRepresentativeWidget,
  .right-widgets.header-context-widgets > .header-representative-card,
  .right-widgets.header-context-widgets > .representative-widget {
    background: var(--theme-button-gradient-rev) !important;
    color: #fff !important;
  }
  .right-widgets.header-context-widgets > #headerRepresentativeWidget > span,
  .right-widgets.header-context-widgets > .header-representative-card > span,
  .right-widgets.header-context-widgets > .representative-widget > span {
    background: rgba(255,255,255,.16) !important;
    color: rgba(255,255,255,.94) !important;
  }
}



/* MVP31L15 - Pusula bölümlere ayrıldı */
.compass-section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.compass-tab-btn{position:relative;min-height:58px;border:1px solid rgba(var(--brand-primary-rgb,37,99,235),.14);background:linear-gradient(180deg,#ffffff,#f7fbff);color:#152536;border-radius:18px;padding:10px 44px 10px 14px;text-align:left;cursor:pointer;display:grid;gap:3px;box-shadow:0 10px 24px rgba(var(--brand-nav-rgb,15,23,42),.045);}
.compass-tab-btn span{font-weight:950;font-size:14px;line-height:1.1;}
.compass-tab-btn small{font-size:11px;color:#6f7e8b;font-weight:850;line-height:1.15;}
.compass-tab-btn em{position:absolute;right:12px;top:50%;transform:translateY(-50%);min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(var(--brand-primary-rgb,37,99,235),.10);color:var(--brand-primary,#2563eb);font-style:normal;font-weight:950;padding:0 8px;}
.compass-tab-btn.active{background:linear-gradient(135deg,var(--brand-primary,#2563eb),var(--brand-nav,#0f172a));color:#fff;border-color:transparent;box-shadow:0 14px 30px rgba(var(--brand-primary-rgb,37,99,235),.18);}
.compass-tab-btn.active small{color:rgba(255,255,255,.82);}
.compass-tab-btn.active em{background:rgba(255,255,255,.18);color:#fff;}
.compass-tab-panels{display:grid;gap:12px;}
.compass-tab-panel{display:none!important;}
.compass-tab-panel.active{display:grid!important;}
.compass-panel.priority-panel header{background:linear-gradient(180deg,#fff,#f7fbff);}
.compass-cart-row .compass-cart-preview{color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.25;}
@media(max-width:760px){.compass-section-tabs{grid-template-columns:1fr;gap:8px;}.compass-tab-btn{min-height:50px;padding:9px 44px 9px 12px;border-radius:14px;}.compass-tab-btn span{font-size:13px;}}


/* MVP31L17 - Tıklanabilir / bilgi kutuları daha ayırt edilebilir */
.compass-kpi,
.compass-period-note,
.compass-empty{
  cursor:default;
}
.compass-kpi{
  position:relative;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  border-color:rgba(var(--brand-nav-rgb,15,23,42),.08);
  box-shadow:none;
  padding-top:24px;
}
.compass-kpi::before{
  content:'Bilgi';
  position:absolute;
  top:10px;
  right:12px;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#7b8794;
  background:#eef3f8;
  border:1px solid rgba(var(--brand-nav-rgb,15,23,42),.10);
  border-radius:999px;
  padding:3px 8px;
}
.compass-kpi strong{color:#0f2234;}
.compass-kpi small{color:#7a8793;}

.compass-tab-btn,
.compass-period-card,
.compass-link-btn,
.compass-mini-btn{
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.compass-tab-btn,
.compass-period-card{
  position:relative;
}
.compass-tab-btn::before,
.compass-period-card::before{
  content:'Aksiyon';
  position:absolute;
  top:10px;
  left:12px;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--brand-primary,#2563eb);
  background:rgba(var(--brand-primary-rgb,37,99,235),.09);
  border:1px solid rgba(var(--brand-primary-rgb,37,99,235),.16);
  border-radius:999px;
  padding:3px 8px;
}
.compass-tab-btn span,
.compass-period-card span{
  margin-top:17px;
}
.compass-tab-btn:hover,
.compass-period-card:hover,
.compass-link-btn:hover,
.compass-mini-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(var(--brand-primary-rgb,37,99,235),.12);
}
.compass-tab-btn{
  border-width:2px;
}
.compass-tab-btn.active::before,
.compass-period-card.active::before{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.24);
  color:#fff;
}
.compass-period-card{
  border-width:2px;
}
.compass-link-btn,
.compass-mini-btn{
  border:1px solid rgba(var(--brand-primary-rgb,37,99,235),.18);
  box-shadow:0 6px 14px rgba(var(--brand-primary-rgb,37,99,235),.08);
}
@media(max-width:760px){
  .compass-kpi{padding-top:22px;}
  .compass-kpi::before,
  .compass-tab-btn::before,
  .compass-period-card::before{
    font-size:9px;
    padding:2px 7px;
  }
  .compass-tab-btn span,
  .compass-period-card span{margin-top:16px;}
}

/* MVP31L23G - Arama temizle + Pusula daha sade takip ekranı */
.compass-body{gap:14px;}
.compass-period-note{border-radius:14px;background:#f8fbff;border-color:#dce8f2;color:#425466;}
.compass-action-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.compass-action-card{
  border:1px solid rgba(var(--brand-primary-rgb,37,99,235),.14);
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  color:#102233;
  min-height:86px;
  padding:13px 14px;
  display:grid;
  gap:5px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(var(--brand-nav-rgb,15,23,42),.045);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.compass-action-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(var(--brand-primary-rgb,37,99,235),.12);border-color:rgba(var(--brand-primary-rgb,37,99,235),.30);}
.compass-action-card span{font-size:11px;font-weight:950;color:#607080;text-transform:uppercase;letter-spacing:.02em;}
.compass-action-card strong{font-size:22px;line-height:1.05;color:#0f2234;}
.compass-action-card small{font-size:11px;font-weight:850;color:#72808d;}
.compass-action-card.warn{background:linear-gradient(180deg,#fffdf7,#fff8e8);border-color:#f6d898;}
.compass-action-card.warn strong{color:#945f00;}
.compass-action-card.danger{background:linear-gradient(180deg,#fffafa,#fff1f1);border-color:#f3b4b4;}
.compass-action-card.danger strong{color:#b42318;}
.compass-action-card.ok{background:linear-gradient(180deg,#f9fffb,#effbf3);border-color:#bfe8cb;}
.compass-action-card.ok strong{color:#16743a;}
.compass-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.compass-kpi{padding:13px 14px!important;}
.compass-kpi::before,
.compass-tab-btn::before,
.compass-period-card::before{display:none!important;content:none!important;}
.compass-tab-btn span,
.compass-period-card span{margin-top:0!important;}
.compass-section-tabs{margin-top:2px;}
.compass-tab-btn{min-height:54px;border-radius:15px;padding:10px 44px 10px 14px;}
.compass-panel header{background:#f8fbfd;}
.compass-list-row{min-height:54px;}
.compass-mini-btn,.compass-link-btn{min-height:30px;padding:6px 11px;}
@media(max-width:1200px){
  .compass-action-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .compass-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .compass-action-strip{grid-template-columns:1fr;}
  .compass-kpi-grid{grid-template-columns:1fr!important;}
  .compass-action-card{min-height:72px;}
}

/* ==========================================================
   MVP31L23H - Kampanya simgesi + stok durumuna göre satır rengi
   Satır zemininde kampanya değil stok durumu belirleyici olsun.
   Kampanya bilgisi M kolonunda yıldız olarak gösterilir.
   ========================================================== */
.campaign-star-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  margin-left:5px;
  padding:0 6px;
  border-radius:999px;
  background:#fff7cc;
  color:#8a5a00;
  border:1px solid #f4d66a;
  font-size:12px;
  font-weight:950;
  vertical-align:middle;
  box-shadow:0 1px 0 rgba(80,55,0,.08);
}
.campaign-star-badge.row-campaign-star{min-width:22px;height:22px;font-size:12px;}
.badge.campaign{min-width:24px;justify-content:center;}
.sales-grid tbody tr.campaign-row:not(.zero-price),
.sales-grid tbody tr.campaign-row:not(.zero-price) td{
  box-shadow:none;
}
.sales-grid tbody tr.previous-purchase-row:not(.zero-price),
.sales-grid tbody tr.previous-purchase-row:not(.zero-price) td{
  background:inherit!important;
}
.sales-grid tbody tr.previous-purchase-row:not(.zero-price){
  box-shadow:inset 3px 0 0 var(--brand-accent,#38bdf8)!important;
}
.sales-grid tbody tr.stock-var:not(.zero-price),
.sales-grid tbody tr.stock-var:not(.zero-price) td,
.sales-grid tbody tr.stock-ok:not(.zero-price),
.sales-grid tbody tr.stock-ok:not(.zero-price) td{
  background:var(--theme-row-stock-ok,#eefbdc)!important;
  color:var(--brand-nav,#0f172a)!important;
}
.sales-grid tbody tr.stock-sinirli:not(.zero-price),
.sales-grid tbody tr.stock-sinirli:not(.zero-price) td,
.sales-grid tbody tr.stock-low:not(.zero-price),
.sales-grid tbody tr.stock-low:not(.zero-price) td{
  background:var(--theme-row-stock-low,#fff7ed)!important;
  color:var(--brand-nav,#0f172a)!important;
}
.sales-grid tbody tr.stock-tedarik:not(.zero-price),
.sales-grid tbody tr.stock-tedarik:not(.zero-price) td,
.sales-grid tbody tr.stock-egt:not(.zero-price),
.sales-grid tbody tr.stock-egt:not(.zero-price) td,
.sales-grid tbody tr.stock-supply:not(.zero-price),
.sales-grid tbody tr.stock-supply:not(.zero-price) td{
  background:var(--theme-row-stock-supply,#eff6ff)!important;
  color:var(--brand-nav,#0f172a)!important;
}
.sales-grid tbody tr.stock-yok,
.sales-grid tbody tr.stock-yok td,
.sales-grid tbody tr.stock-none,
.sales-grid tbody tr.stock-none td,
.sales-grid tbody tr.zero-price,
.sales-grid tbody tr.zero-price td{
  background:var(--theme-row-stock-none,#fef2f2)!important;
}
.sales-grid tbody tr:hover,
.sales-grid tbody tr:hover td{
  background:rgba(var(--brand-primary-rgb,37,99,235), .10)!important;
}

/* UNIFIED MVP1 FULL V4 - Eski tarayıcı menü okunabilirlik fallback'i
   Amaç: color-mix/backdrop-filter/CSS variable destekleri eksik tarayıcılarda premium menünün
   saydam kalıp ikon/yazı kaybetmesini engellemek. Modern tarayıcı görünümü etkilenmez. */
@supports not (background: color-mix(in srgb, #000 50%, #fff)) {
  html body #appRoot .tile-menu,
  html body[data-theme-menu] #appRoot .tile-menu,
  html body[data-theme-menu="glass"] #appRoot .tile-menu,
  html body[data-theme-menu="dark_bar"] #appRoot .tile-menu,
  html body[data-theme-menu="segment"] #appRoot .tile-menu,
  html body[data-theme-menu="pill"] #appRoot .tile-menu,
  html body[data-theme-menu="compact_icon"] #appRoot .tile-menu{
    background:#071a3f!important;
    border-color:#123f8c!important;
    box-shadow:0 12px 26px rgba(7,26,63,.18)!important;
    opacity:1!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body #appRoot .tile-menu .tile,
  html body[data-theme-menu] #appRoot .tile-menu .tile{
    background:transparent!important;
    color:#fff!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }
  html body #appRoot .tile-menu .tile span,
  html body #appRoot .tile-menu .tile b,
  html body[data-theme-menu] #appRoot .tile-menu .tile span,
  html body[data-theme-menu] #appRoot .tile-menu .tile b{
    color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
    text-shadow:none!important;
  }
  html body #appRoot .tile-menu .tile.active,
  html body #appRoot .tile-menu .tile.active2,
  html body[data-theme-menu] #appRoot .tile-menu .tile.active,
  html body[data-theme-menu] #appRoot .tile-menu .tile.active2{
    background:#123f8c!important;
    color:#fff!important;
  }
}

html.b2b-legacy-browser body #appRoot .tile-menu,
html.b2b-legacy-browser body[data-theme-menu] #appRoot .tile-menu,
html.b2b-legacy-browser body[data-theme-menu="glass"] #appRoot .tile-menu,
html.b2b-legacy-browser body[data-theme-menu="dark_bar"] #appRoot .tile-menu,
html.b2b-legacy-browser body[data-theme-menu="segment"] #appRoot .tile-menu,
html.b2b-legacy-browser body[data-theme-menu="pill"] #appRoot .tile-menu,
html.b2b-legacy-browser body[data-theme-menu="compact_icon"] #appRoot .tile-menu{
  background:#071a3f!important;
  border-color:#123f8c!important;
  box-shadow:0 12px 26px rgba(7,26,63,.18)!important;
  opacity:1!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html.b2b-legacy-browser body #appRoot .tile-menu .tile,
html.b2b-legacy-browser body[data-theme-menu] #appRoot .tile-menu .tile{
  background:transparent!important;
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
html.b2b-legacy-browser body #appRoot .tile-menu .tile span,
html.b2b-legacy-browser body #appRoot .tile-menu .tile b,
html.b2b-legacy-browser body[data-theme-menu] #appRoot .tile-menu .tile span,
html.b2b-legacy-browser body[data-theme-menu] #appRoot .tile-menu .tile b{
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
html.b2b-legacy-browser body #appRoot .tile-menu .tile.active,
html.b2b-legacy-browser body #appRoot .tile-menu .tile.active2,
html.b2b-legacy-browser body[data-theme-menu] #appRoot .tile-menu .tile.active,
html.b2b-legacy-browser body[data-theme-menu] #appRoot .tile-menu .tile.active2{
  background:#123f8c!important;
  color:#fff!important;
}


/* FULL_V5: Login hero görsel / marquee / gizle yönetimi */
body[data-login-hero-mode="none"] .login-shell,
body[data-login-hero-mode="image_only"] .login-shell{align-items:stretch;}
body[data-login-hero-mode="none"] .login-hero{display:none!important;}
body[data-login-hero-mode="none"] .login-shell{grid-template-columns:minmax(360px,520px)!important;justify-content:center!important;}
.login-hero.login-hero-has-image{background-image:linear-gradient(135deg,rgba(15,23,42,.72),rgba(37,99,235,.22)),var(--login-hero-image)!important;background-size:cover,var(--login-hero-image-size,cover)!important;background-position:center center,var(--login-hero-image-position,center center)!important;background-repeat:no-repeat!important;}
.login-hero.login-hero-mode-image-only{padding:0!important;background-image:var(--login-hero-image)!important;background-size:var(--login-hero-image-size,cover)!important;background-position:var(--login-hero-image-position,center center)!important;background-repeat:no-repeat!important;min-height:430px;}
.login-hero.login-hero-mode-image-only:before,.login-hero.login-hero-mode-image-only:after{display:none!important;}
.login-hero.login-hero-mode-image-only .login-hero-badge,.login-hero.login-hero-mode-image-only h2,.login-hero.login-hero-mode-image-only p,.login-hero.login-hero-mode-image-only .login-feature-grid,.login-hero.login-hero-mode-image-only .login-hero-dynamic{display:none!important;}
.login-hero-dynamic{position:relative;z-index:2;width:100%;margin-top:22px;}
.login-brand-marquee{height:var(--login-hero-marquee-height,76px);overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);display:flex;align-items:center;}
.login-brand-marquee.empty{padding:0 18px;font-weight:800;color:rgba(255,255,255,.86);}
.login-brand-marquee-track{display:flex;align-items:center;gap:12px;min-width:max-content;animation:loginHeroMarquee var(--login-hero-marquee-duration,32s) linear infinite;}
.login-brand-marquee-item{height:calc(var(--login-hero-marquee-height,76px) - 18px);min-width:138px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:14px;background:rgba(255,255,255,.90);color:#0f172a;text-decoration:none;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.12);}
.login-brand-marquee-item img{max-height:100%;max-width:124px;object-fit:contain;display:block;}
.login-brand-marquee-item b{font-size:12px;white-space:nowrap;}
@keyframes loginHeroMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){
  body[data-login-hero-mode="none"] .login-shell{display:flex!important;}
  .login-hero.login-hero-mode-image-only{min-height:190px;}
  .login-brand-marquee-item{min-width:112px;}
}