/* Sopung Market Rapor v8 */
.header-logo-v8{display:flex;align-items:center;gap:11px;min-width:0}
#app>header .header-logo-v8 img{width:176px;height:48px;object-fit:contain;object-position:left center}
.header-logo-v8 b,.header-logo-v8 span{display:block}
.header-logo-v8 b{font-size:17px}.header-logo-v8 span{font-size:11px;color:#786b69;margin-top:1px}

nav{overflow-x:hidden}
.nav-brand-v8{display:flex;align-items:center;gap:9px;margin:0 5px 12px;padding:11px;background:#fff;border-radius:15px;color:#271a1b}
.nav-brand-v8 img{width:115px;height:34px;object-fit:contain;object-position:left center}
.nav-brand-v8 b,.nav-brand-v8 small{display:block}.nav-brand-v8 b{font-size:13px}.nav-brand-v8 small{font-size:10px;color:#786b69;margin-top:2px}
nav .nav-group{margin:13px 10px 5px;font-size:10px;letter-spacing:1.6px}
nav button{min-height:43px;padding:10px 11px}
nav button .nav-icon{width:31px;font-size:17px}

/* Tüm grafikler daha okunaklı */
.svg-chart .chart-label,.premium-chart .chart-label{font-size:15px!important;font-weight:750!important}
.svg-chart .chart-value,.premium-chart .chart-value{font-size:14px!important;font-weight:800!important}
.chart-legend{font-size:14px!important}
.h-row span,.h-row b{font-size:14px!important}
.h-row{grid-template-columns:minmax(120px,1.2fr) minmax(100px,3fr) minmax(75px,auto)!important;gap:9px}
.chart-title h3,.chart-card>h3{font-size:19px}

/* Genel Bakış - Son 5 */
.recent-five-v8{margin-top:14px}
.recent-five-list-v8{display:grid;gap:8px;margin-top:11px}
.recent-five-list-v8>button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;border:1px solid #eadfdd;border-radius:13px;background:#fbf8f7;padding:11px 13px;text-align:left;color:inherit}
.recent-five-list-v8>button>div{display:flex;align-items:center;gap:8px;min-width:0}
.recent-five-list-v8 span{padding:5px 8px;background:#a9141c;color:#fff;border-radius:8px;font-size:11px;font-weight:900;text-transform:uppercase}
.recent-five-list-v8 b{font-size:13px;color:#4f4140}.recent-five-list-v8 strong{font-size:16px;color:#a9141c}
.recent-five-list-v8 small{color:#786b69;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Mini sipariş takip */
.mini-order-board-v8{margin:14px 0 18px;padding:14px;background:#fff;border:1px solid #eadfdd;border-radius:18px;box-shadow:0 7px 24px #45100d0a}
.mini-board-head-v8{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.mini-board-head-v8 h3{margin:0;font-size:18px}.mini-board-head-v8 small{display:block;color:#786b69;margin-top:2px}
.mini-board-grid-v8{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.mini-lane-v8{border:1px solid #eadfdd;border-radius:15px;overflow:hidden;background:#fcf9f8}
.mini-lane-v8.branch{border-top:4px solid #c82127}.mini-lane-v8.wholesale{border-top:4px solid #8b4fa5}
.mini-lane-title-v8{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f7efee}.mini-lane-title-v8 span{font-weight:900}.mini-lane-title-v8 b{font-size:11px;padding:4px 7px;border-radius:999px;background:#fff}
.mini-lane-v8>p{padding:12px;margin:0}
.mini-track-row-v8{width:100%;display:grid;grid-template-columns:1fr auto auto 15px;align-items:center;gap:8px;padding:10px 11px;border:0;border-top:1px solid #eee4e2;background:#fff;text-align:left;color:inherit}
.mini-track-row-v8 span b,.mini-track-row-v8 span small{display:block}.mini-track-row-v8 span small{color:#786b69;margin-top:2px}.mini-track-row-v8 em{font-size:12px;font-style:normal;color:#655857}.mini-track-row-v8 strong{color:#a9141c}.mini-track-row-v8 i{font-style:normal;color:#a9141c;font-weight:900}

.test-notification-v8{border:0;border-radius:11px;padding:10px 13px;background:#251719;color:#fff;font-weight:850;white-space:nowrap}
.order-head-v7{flex-wrap:wrap}.order-head-v7 .live-orders-v7{margin-left:auto}
.order-number-label-v8{color:#a9141c!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.5px;margin:0 0 2px!important}
.order-filters-v7 input{font-weight:700}

.all-actions-v8{display:flex;align-items:flex-start;gap:12px;margin:10px 0 14px;padding:12px 14px;border:1px solid #cde8d9;border-radius:15px;background:#f3fbf6}
.all-actions-v8>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#16845a;color:#fff;font-weight:900}.all-actions-v8 strong{font-size:15px}.all-actions-v8 p{margin:3px 0 0;line-height:1.4}

@media(max-width:850px){
  #app>header{height:74px;padding:6px 10px;gap:8px}
  #app>header .menu{order:1;margin-left:0;padding:9px 10px;white-space:nowrap}
  #app>header .header-logo-v8{order:2;flex:1;justify-content:flex-start;overflow:hidden}
  #app>header .header-logo-v8 img{width:min(37vw,145px);height:43px}
  .header-logo-v8 b{font-size:13px;white-space:nowrap}.header-logo-v8 span{font-size:9px}
  nav{width:min(82vw,320px)!important;padding:10px 9px 20px!important;border-radius:0 0 22px 0}
  .nav-brand-v8{position:sticky;top:0;z-index:2;box-shadow:0 7px 18px #750c121c}
  nav button{min-height:41px;padding:9px 10px;font-size:14px}
  nav .nav-group{margin-top:11px}
  .svg-chart .chart-label,.premium-chart .chart-label{font-size:14px!important}
  .svg-chart .chart-value,.premium-chart .chart-value{font-size:13px!important}
  .chart-legend{font-size:13px!important}
  .h-row span,.h-row b{font-size:13px!important}
  .recent-five-list-v8>button{grid-template-columns:1fr}.recent-five-list-v8>button>div{justify-content:space-between}.recent-five-list-v8 small{text-align:left}
  .mini-board-grid-v8{grid-template-columns:1fr}
  .mini-board-head-v8{align-items:flex-start}.mini-board-head-v8 button{font-size:11px;padding:8px}
  .mini-track-row-v8{grid-template-columns:1fr auto auto 12px}.mini-track-row-v8 em{display:none}
  .order-head-v7 .live-orders-v7{margin-left:0}.test-notification-v8{width:100%;order:3}
}

@media(max-width:380px){
  .header-logo-v8 div{display:none}
  #app>header .header-logo-v8 img{width:145px}
}