/* Mobile and tablet final contract. Desktop composition remains unchanged. */
@media(max-width:1024px){
 body.admin-brand .header{display:grid!important;grid-template-columns:minmax(100px,1fr) auto!important;grid-template-rows:48px auto!important;height:auto!important;min-height:104px!important;padding:8px 12px!important;gap:8px!important;position:sticky!important;top:0!important;align-items:center!important;isolation:isolate;z-index:100!important;overflow:visible!important}
 body.admin-brand .header .header-logo-area{grid-column:1!important;grid-row:1!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:120px!important;height:48px!important;margin:0!important;padding:0 6px!important;border-radius:0 0 18px 0!important;z-index:1!important}
 body.admin-brand .header .header-logo-img{height:44px!important;max-height:44px!important;max-width:112px!important;width:auto!important;transform:none!important}
 body.admin-brand .header .header-right{grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;justify-self:end!important;max-width:100%!important;z-index:2!important}
 body.admin-brand .header .orbital-nav{grid-column:1/-1!important;grid-row:2!important;position:relative!important;inset:auto!important;transform:none!important;display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;--orbital-base-gutter:0px;padding:0 var(--orbital-scroll-gutter,0px)!important;z-index:1!important;height:auto!important;justify-content:flex-start!important}
 body.admin-brand .header .orbital-nav__viewport{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scrollbar-width:none}
 body.admin-brand .header .orbital-nav__track{width:max-content!important;min-width:100%!important;justify-content:flex-start!important;padding:0!important;transform:none!important}
 body.admin-brand .header .orbital-node{flex:none!important;height:auto!important;min-height:50px!important}
 body.admin-brand .header .orbital-node__panel{height:auto!important;min-height:44px!important}
 body.admin-brand .header .orbital-node__subtab{min-height:44px!important;font-size:13px!important}
 body.admin-brand .header .orbital-node__trigger{min-height:44px!important}
 body.admin-brand .header .orbital-node.is-expanded .orbital-node__trigger{flex-basis:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important}
 body.admin-brand .header .orbital-nav.has-overflow{--orbital-scroll-gutter:44px}
 body.admin-brand .header .orbital-nav__scroll{width:44px;height:44px}
 body.admin-brand #router-view{padding-top:12px!important;min-width:0!important;overflow:visible!important}
 body.admin-brand :is(.header .calendar-dropdown,#header-branch-dropdown){max-width:calc(100vw - 24px)!important;right:12px!important;left:auto!important;box-sizing:border-box!important}
 body.admin-brand :is(.rs-popup,[role=dialog],dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px!important;min-width:0!important;box-sizing:border-box!important}
 body.admin-brand :is(.rs-popup,[role=dialog],dialog) :is(button,[role=button]){touch-action:manipulation}
 body.admin-brand .rs-popup :is(.rs-popup-header,.rs-popup-footer){min-width:0!important;flex-shrink:0!important}
 body.admin-brand .rs-popup .rs-popup-footer :is(button,.button){min-height:44px!important}
 body.admin-brand .rs-popup-card{overscroll-behavior:contain}
 /* Mobile category cards must keep names and all real actions readable. */
 body.admin-brand #category-management-modal#category-management-modal #cat-modal-body{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:12px!important;overflow:auto!important}
 body.admin-brand #category-management-modal#category-management-modal .cat-group{min-height:160px!important;height:auto!important;overflow:visible!important;padding:14px!important}
 body.admin-brand #category-management-modal#category-management-modal .cat-name{white-space:normal!important;overflow-wrap:break-word!important;font-size:17px!important;max-width:none!important;line-height:1.3!important}
 body.admin-brand #category-management-modal#category-management-modal .cat-card-actions{flex-wrap:wrap!important;gap:8px!important}
 body.admin-brand #category-management-modal#category-management-modal :is(.cat-action-btn,.cat-expand-btn){min-width:40px!important;min-height:40px!important}
 /* Personnel popup: title/close first, readable navigation below on phones. */
 body.admin-brand dialog.planned-payments-popup>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:10px!important;height:auto!important;min-height:0!important;padding:12px!important;overflow:visible!important}
 body.admin-brand .planned-payments-popup .planned-popup-heading{grid-column:1!important;grid-row:1!important;min-width:0!important}
 body.admin-brand .planned-payments-popup .planned-popup-heading h2{display:block!important;font-size:19px!important;white-space:nowrap!important;max-width:none!important;word-break:normal!important}
 body.admin-brand .planned-payments-popup .planned-popup-heading h2 :is(span,strong){white-space:nowrap!important}
 body.admin-brand .planned-payments-popup>header [data-close]{grid-column:2!important;grid-row:1!important;min-height:40px!important}
 body.admin-brand .planned-payments-popup .planned-header-navigation{grid-column:1/-1!important;grid-row:2!important;min-width:0!important}
 body.admin-brand .planned-payments-popup .planned-header-navigation>.eops-navigation{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important}
 body.admin-brand .planned-payments-popup .planned-header-navigation nav{width:100%!important;overflow-x:auto!important;max-width:100%!important;box-sizing:border-box!important;flex:none!important}
 body.admin-brand .planned-payments-popup .planned-header-navigation nav button{min-height:40px!important;flex:none!important}
 body.admin-brand .planned-payments-popup .planned-header-navigation .eops-period-rail{margin-left:auto!important;height:42px!important;min-width:180px!important}
 body.admin-brand .planned-payments-popup .eops-panel{min-width:0!important}
 body.admin-brand .planned-payments-popup .eops-table-scroll{overflow:auto!important;min-height:220px!important}
 body.admin-brand .planned-payments-popup .eops-table{min-width:720px!important}
 body.admin-brand .planned-payments-popup .eops-table :is(th,td){white-space:nowrap!important;word-break:normal!important}
 body.admin-brand .planned-payments-popup .eops-toolbar{flex-wrap:wrap!important;gap:8px!important}
 body.admin-brand .planned-payments-popup .eops-toolbar button{min-height:40px!important}
 /* Transfer contents stack and scroll inside a bounded frame. */
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:min(760px,calc(100dvh - 24px))!important;min-height:0!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-header{display:flex!important;flex-wrap:wrap!important;padding:12px!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-header>div:first-child{width:100%!important;flex:1 0 100%!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-header-actions{display:flex!important;flex-wrap:wrap!important;width:100%!important;justify-content:flex-start!important;gap:6px!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-header-actions button{min-height:40px!important;padding:0 10px!important;font-size:13px!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-body:has(#trf-dest-warehouse){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto auto!important;grid-template-areas:"route" "items" "summary" "note" "help"!important;overflow:auto!important;align-content:start!important;min-height:0!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-items-panel{min-height:190px!important;overflow:visible!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-summary-box{min-height:130px!important;overflow:visible!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-note-box{min-height:90px!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-route-fields{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)!important}
 body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root .trf-route-fields :is(strong,select){font-size:13px!important}
 /* Header pills and real controls in daily close must not overlap. */
 body.admin-brand .dc-upload-flow :is(.dc-upload-header,.dc-upload-heading,.dc-flow-header){flex-wrap:wrap!important;min-width:0!important}
 body.admin-brand .dc-upload-flow .dc-upload-header h2{font-size:21px!important;white-space:normal!important}
}
@media(max-width:430px){
 body.admin-brand .header .header-logo-area{width:108px!important}
 body.admin-brand .header .header-logo-img{max-width:100px!important}
 body.admin-brand .header .header-right{height:42px!important}
 body.admin-brand #router-view :is(h1,h2,h3){overflow-wrap:break-word}
 body.admin-brand .rs-popup .rs-popup-header-actions{flex-wrap:wrap!important;min-width:0!important;gap:6px!important}
}
@media(prefers-reduced-motion:reduce){body.admin-brand :is(.rs-popup-card,.orbital-node,.qa-action-card){animation:none!important;transition:none!important}}

@media(max-width:1024px){
 body.admin-brand #category-breakdown-modal-root .cat-modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:12px!important;border:0!important;border-radius:0!important;background:rgba(28,25,23,.65)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-dialog{width:100%!important;max-width:100%!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-header{padding:14px!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;flex:none!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-title-group{gap:8px!important;min-width:0!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-brand-badge{display:none!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-boxless-icon-text{display:flex!important;gap:8px!important;min-width:0!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-boxless-icon-text h2{font-size:20px!important;line-height:1.25!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-sub-desc{font-size:13px!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-header-actions{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:8px!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-stat-pills{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:6px!important}
 body.admin-brand #category-breakdown-modal-root .cat-stat-pill{min-width:0!important;padding:8px!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-body{width:100%!important;min-width:0!important;min-height:0!important;flex:1 1 0!important;overflow:auto!important;display:flex!important;flex-direction:column!important;padding:12px!important;box-sizing:border-box!important;max-height:none!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-charts-grid{display:grid!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;gap:12px!important}
 body.admin-brand #category-breakdown-modal-root .cat-chart-card{min-width:0!important;padding:12px!important}
 body.admin-brand #category-breakdown-modal-root .cat-bar-title-wrap{flex-wrap:wrap!important;min-width:0!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-table-wrapper{max-width:100%!important;overflow:auto!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-footer{width:100%!important;flex:none!important;min-height:0!important;padding:12px!important;flex-wrap:wrap!important;box-sizing:border-box!important}
 body.admin-brand #modal-daily-close#modal-daily-close.dc-upload-flow .dc-reference-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:10px!important;padding:14px!important}
 body.admin-brand #modal-daily-close#modal-daily-close.dc-upload-flow .dc-reference-header>div:first-child{grid-column:1!important;grid-row:1!important;gap:10px!important;min-width:0!important}
 body.admin-brand #modal-daily-close#modal-daily-close.dc-upload-flow .dc-reference-header h3{font-size:20px!important;line-height:1.2!important;white-space:normal!important}
 body.admin-brand #modal-daily-close#modal-daily-close.dc-upload-flow .dc-reference-header .dc-reference-badge{width:38px!important;height:38px!important}
 body.admin-brand #modal-daily-close#modal-daily-close.dc-upload-flow .dc-header-steps{grid-column:1/-1!important;grid-row:2!important;justify-content:center!important}
 body.admin-brand #modal-daily-close#modal-daily-close.dc-upload-flow #btn-close-daily-close-modal{grid-column:2!important;grid-row:1!important;position:static!important;inset:auto!important;transform:none!important}
 body.admin-brand #modal-invoice-entry #invoice-rows-container{display:block!important}
 body.admin-brand #modal-invoice-entry #invoice-rows-container tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px 0!important;border-bottom:1px solid #e5dfd5!important}
 body.admin-brand #modal-invoice-entry #invoice-rows-container td{display:block!important;min-width:0!important;padding:6px!important}
 body.admin-brand #modal-invoice-entry #invoice-rows-container td:first-child{grid-column:1/-1!important}
 body.admin-brand #modal-invoice-entry #invoice-rows-container :is(input,select){width:100%!important;min-height:42px!important}
}

@media(max-width:1024px){
 body.admin-brand .planned-payments-popup .eops-table{table-layout:auto!important;width:max-content!important;min-width:100%!important}
 body.admin-brand .planned-payments-popup .eops-table :is(th,td){min-width:90px!important;padding:12px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
 body.admin-brand .planned-payments-popup .eops-panel-heading{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
 body.admin-brand .planned-payments-popup .eops-inline-actions{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:8px!important}
 body.admin-brand .planned-payments-popup .eops-inline-actions button{flex:1 1 auto!important;min-height:40px!important;min-width:0!important;white-space:normal!important}
 body.admin-brand .planned-payments-popup>header [data-close]{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:60px!important;padding:0 8px!important;min-width:60px!important;height:40px!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-footer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 body.admin-brand #category-breakdown-modal-root .cat-modal-footer button{width:100%!important;min-width:0!important;min-height:40px!important;white-space:normal!important;margin:0!important}
}
@media(max-width:1024px){
 body.admin-brand #product-management-modal#product-management-modal#product-management-modal .rs-product-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:12px!important;padding:12px!important;overflow:auto!important;max-height:none!important;min-height:0!important;flex:1 1 0!important}
 body.admin-brand #product-management-modal#product-management-modal#product-management-modal .rs-product-form>div{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;min-width:0!important;padding:12px!important;box-sizing:border-box!important}
 body.admin-brand #product-management-modal#product-management-modal#product-management-modal #pm-img-box{height:180px!important;min-height:180px!important;width:100%!important}
 body.admin-brand #product-management-modal#product-management-modal#product-management-modal .rs-product-form label{font-size:15px!important;font-weight:400!important}
 body.admin-brand #product-management-modal#product-management-modal#product-management-modal .rs-product-form :is(input:not([type=file]),select){height:44px!important;min-height:44px!important;font-size:16px!important;width:100%!important;box-sizing:border-box!important}
 body.admin-brand #product-management-modal#product-management-modal#product-management-modal #pm-desc{min-height:80px!important;height:80px!important;font-size:16px!important}
 body.admin-brand #product-management-modal#product-management-modal#product-management-modal .rs-product-form>div:has(:is(#pm-desc-toggle,#pm-status-toggle,#pm-stock-toggle))>div:first-child{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}
 body.admin-brand #router-view#router-view .el-refined.el-sided{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:12px!important;height:auto!important;min-height:0!important}
 body.admin-brand #router-view#router-view .el-refined.el-sided .el-sidebar{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:16px!important;box-sizing:border-box!important}
}
@media(max-width:1024px){
 body.admin-brand dialog.eops-dialog.eops-dialog.eops-dialog.rs-popup.rs-popup-packed{height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 24px)!important}
 body.admin-brand dialog.eops-dialog .eops-dialog-frame{height:auto!important;min-height:0!important;max-height:calc(100dvh - 26px)!important}
 body.admin-brand dialog.eops-dialog .eops-dialog-body{flex:0 1 auto!important;min-height:0!important;overflow:auto!important;max-height:calc(100dvh - 190px)!important}
 body.admin-brand dialog.eops-dialog .eops-form-grid,body.admin-brand dialog.eops-personnel-entry .eops-form-grid{grid-template-columns:minmax(0,1fr)!important}
 body.admin-brand dialog.eops-dialog .eops-form-grid>*{grid-column:1/-1!important;min-width:0!important}
 body.admin-brand dialog.rs-production-dialog.rs-production-dialog.rs-production-dialog.rs-popup.rs-popup-packed{height:fit-content!important;max-height:calc(100dvh - 24px)!important;padding:0!important}
 body.admin-brand dialog.rs-production-dialog .rs-popup-body{flex:0 1 auto!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;padding:14px!important}
 body.admin-brand dialog.rs-production-dialog header{padding:14px!important;gap:10px!important;margin:0!important}
 body.admin-brand dialog.rs-production-dialog header [data-close]{display:inline-flex!important;min-width:60px!important;min-height:40px!important;align-items:center!important;justify-content:center!important}
}
@media(max-width:1024px){
 body.admin-brand #product-management-modal#product-management-modal#product-management-modal .rs-popup-card{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;display:flex!important;flex-direction:column!important}
 body.admin-brand #product-management-modal#product-management-modal#product-management-modal .rs-product-form{flex:1 1 auto!important;min-height:0!important}
}
@media(max-width:1024px){
 body.admin-brand #router-view#router-view .el-refined.el-sided{grid-template-rows:auto auto!important;grid-auto-rows:auto!important}
 body.admin-brand #router-view#router-view .el-refined.el-sided>.el-sidebar{grid-column:1/-1!important;grid-row:auto!important}
 body.admin-brand #router-view#router-view .el-refined.el-sided>.el-panel{grid-column:1/-1!important;grid-row:auto!important;min-width:0!important;width:100%!important;height:auto!important}
 body.admin-brand #router-view#router-view .el-refined.el-sided .el-table-scroll{width:100%!important;max-width:100%!important;min-width:0!important;overflow:auto!important;min-height:260px!important;max-height:60dvh!important}
 body.admin-brand #router-view#router-view .el-refined.el-sided .el-table{min-width:960px!important;table-layout:fixed!important}
 body.admin-brand #router-view#router-view .el-refined.el-sided .el-table :is(th,td){word-break:normal!important;overflow-wrap:normal!important;line-height:1.4!important}
}
@media(max-width:1024px){
 body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry table:has(#invoice-rows-container){display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
 body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry table:has(#invoice-rows-container)>thead{display:none!important}
 body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry #invoice-rows-container{display:block!important;width:100%!important}
 body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry #invoice-rows-container tr{display:grid!important;width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry #invoice-rows-container td{width:100%!important;max-width:none!important;min-width:0!important;text-align:left!important;box-sizing:border-box!important}
 body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry #invoice-rows-container td:nth-child(2)::before{content:"Miktar";display:block;margin-bottom:6px;font:400 13px Outfit,sans-serif;color:#78716c}
 body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry #invoice-rows-container td:nth-child(3)::before{content:"Birim";display:block;margin-bottom:6px;font:400 13px Outfit,sans-serif;color:#78716c}
 body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry #invoice-rows-container td:nth-child(4)::before{content:"Birim fiyat (₺)";display:block;margin-bottom:6px;font:400 13px Outfit,sans-serif;color:#78716c}
 body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry #invoice-rows-container td:nth-child(5)::before{content:"Toplam";display:block;margin-bottom:6px;font:400 13px Outfit,sans-serif;color:#78716c}
}
@media(max-width:1024px){
 body.admin-brand #router-view#router-view .exp-dashboard .exp-quick.exp-quick{grid-column:1/-1!important;grid-row:auto!important}
}
@media(min-width:601px) and (max-width:1024px){
 body.admin-brand #router-view #products-actions-box .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;grid-auto-rows:60px!important}
}
