/* ARCOM ERP Mobile UI V1.0
   Scope: shared ERP shell + dashboard + common module surfaces.
   Desktop layout is unchanged; rules activate only on tablet/phone widths.
   POS fullscreen and Sysmond module source are intentionally not modified. */

@supports (padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}

.arcom-mobile-table-scroll{max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.arcom-mobile-table-scroll>table{margin:0!important}

@media (max-width:900px){
  html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body:not(.pos-page){max-width:100%;overflow-x:hidden!important}
  body:not(.pos-page) *{min-width:0}
  body:not(.pos-page) img,body:not(.pos-page) svg,body:not(.pos-page) video,body:not(.pos-page) canvas{max-width:100%}

  /* iOS input zoom + touch targets */
  body:not(.pos-page) input:not([type=checkbox]):not([type=radio]),
  body:not(.pos-page) select,
  body:not(.pos-page) textarea{font-size:16px!important;max-width:100%!important;box-sizing:border-box!important}
  body:not(.pos-page) button,
  body:not(.pos-page) .btn,
  body:not(.pos-page) a.btn{min-height:42px;touch-action:manipulation}

  /* Shared module shell */
  body.arcom-module-page:not(.pos-page) .arcom-module-toolbar{
    height:auto!important;min-height:50px!important;gap:6px!important;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))!important;
    flex-wrap:nowrap!important;position:sticky!important;top:0!important
  }
  body.arcom-module-page:not(.pos-page) .arcom-module-brand{font-size:12px!important;flex:0 0 auto!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-brand-icon{width:30px!important;height:30px!important;flex:0 0 30px!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-page-title{display:none!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-actions{margin-left:auto!important;gap:4px!important;flex:0 1 auto!important;overflow:hidden!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-actions a,
  body.arcom-module-page:not(.pos-page) .arcom-module-actions button{min-height:36px!important;padding:5px 8px!important;font-size:11px!important;white-space:nowrap!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-actions kbd{display:none!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-content{padding:8px!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body.arcom-module-page.iframe-mode:not(.pos-page) .arcom-module-content{padding:4px!important}

  .arcom-module-launcher{padding:6px!important;align-items:stretch!important}
  .arcom-module-launcher-inner{width:100%!important;max-width:none!important;max-height:none!important;height:calc(100dvh - 12px)!important;border-radius:12px!important}
  .arcom-module-items{grid-template-columns:1fr 1fr!important;padding:0 8px 10px!important}

  /* Common layout primitives */
  .content,.card,.soft-card,.v3-form-card,.control-box,.invoice-page,.cari-shell,.stok-form,.stok-main-area{max-width:100%!important;box-sizing:border-box!important}
  .grid,.quick,.layout2,.detail-grid,.control-grid,.form-grid,.field-grid,.invoice-layout,.info-grid,.bottom-grid,
  .stok-grid,.stok-grid-3,.stok-simple-grid,.stok-class-grid,.stok-stock-info-grid,.stok-price-simple-grid,
  .cari-grid,.cari-contact-row,.cari-finance-summary,.cari-adres-main-grid,.cari-adres-right-grid{grid-template-columns:1fr!important}
  .toolbar,.page-actions,.customer-actions,.top-actions,.lines-actions,.modal-actions,.stok-head-actions,.cari-actionbar{flex-wrap:wrap!important;max-width:100%!important}
  .toolbar>*:not(.arcom-mobile-keep-auto),.page-actions>*:not(.arcom-mobile-keep-auto){max-width:100%!important}

  /* Tabs are horizontal, not multi-line */
  .tabs,.detail-tabs,.stok-tabs,.stok-detail-tabs,.cari-main-tabs,.cari-detail-subtabs,.ed-tab-bar{
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
    gap:6px!important;padding-bottom:6px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin
  }
  .tabs>*,.detail-tabs>*,.stok-tabs>*,.stok-detail-tabs>*,.cari-main-tabs>*,.cari-detail-subtabs>*,.ed-tab-bar>*{flex:0 0 auto!important}

  /* Tables */
  .arcom-module-content table{max-width:none}
  .arcom-module-content .table-scroll,.arcom-module-content .stock-pick-table-wrap,.arcom-module-content .ed-list-card{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .arcom-module-content .table-scroll{touch-action:pan-x pan-y}

  /* Generic modals */
  .modal-panel,.catalog-panel,.v3-modal,.cari-modal-back,.cari-adres-modal-overlay{padding:6px!important;align-items:flex-start!important;overflow:auto!important}
  .modal-box,.catalog-modal,.v3-modal-card,.cari-modal,.cari-adres-modal-card{
    width:calc(100vw - 12px)!important;max-width:none!important;max-height:calc(100dvh - 12px)!important;margin:0 auto!important;border-radius:12px!important;box-sizing:border-box!important
  }
  .modal-head,.catalog-head,.cari-modal-head,.cari-adres-modal-head{padding:12px!important;gap:8px!important;position:sticky;top:0;z-index:20;background:#fff}
  .modal-head h2,.catalog-head h2,.cari-modal-head h2,.cari-adres-modal-head h2{font-size:18px!important;line-height:1.2!important}

  /* Cari */
  .cari-shell{padding:0!important;margin:0!important;width:100%!important}
  .cari-topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .cari-actionbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important}
  .cari-actionbar .cari-act-btn{width:100%!important;justify-content:center!important}
  .cari-main-stage,.cari-card{padding:10px!important}
  .cari-main-tab-btn{min-width:0!important;padding:11px 14px!important;font-size:14px!important}
  .cari-col-3,.cari-col-4,.cari-col-6,.cari-col-8,.cari-col-12{grid-column:1/-1!important}
  .cari-efatura-box{grid-template-columns:1fr!important}
  .cari-address-head{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .cari-address-actions,.cari-adres-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .cari-adres-card{grid-template-columns:1fr!important}
  .cari-adres-textarea-large{min-height:100px!important}
  .cari-finance-section{padding:10px!important}

  /* Stok */
  .stok-page-layout,.stok-ana-layout{grid-template-columns:1fr!important}
  .fixed-image-card,.stok-ana-side{position:static!important;top:auto!important;order:0!important;width:100%!important;max-width:100%!important}
  .stok-main-tabs,.stok-detail-tabs{width:100%!important}
  .stok-main-tab-btn,.stok-detail-tab-btn{min-width:0!important;padding:10px 12px!important;font-size:13px!important}
  .stok-section-card{padding:10px!important}
  .stok-save-bar{position:sticky!important;bottom:0!important;z-index:30!important;padding:8px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(8px)}
  .stok-price-group,.stok-profit-inline,.price-pill-row{flex-wrap:wrap!important}
  .image-preview,.image-drop{max-width:100%!important}

  /* Fatura / teklif / sipariş */
  .invoice-page{padding:0!important;overflow-x:hidden!important}
  .invoice-page .inv-top{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:7px!important;margin:0 0 6px!important}
  .invoice-page .inv-title{order:-2!important;text-align:left!important}
  .invoice-page .inv-title h1{font-size:18px!important}
  .invoice-page .brand{order:-1!important;justify-content:flex-start!important;min-height:0!important}
  .invoice-page .top-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
  .invoice-page .action-tile{width:100%!important;height:48px!important;min-height:48px!important}
  .invoice-page .info-grid{grid-template-columns:1fr!important}
  .invoice-page .summary-cards{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .invoice-page .metric{height:auto!important;min-height:56px!important;padding:8px 10px!important}
  .invoice-page .tabs{margin:6px 0!important}
  .invoice-page .tab-btn{min-height:38px!important;height:38px!important;font-size:12px!important;padding:0 10px!important}
  .invoice-page .lines-head{flex-direction:column!important;align-items:stretch!important;padding:8px!important}
  .invoice-page .lines-actions{margin-top:4px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .invoice-page .lines-actions .btnx{width:100%!important}
  .invoice-page .table-scroll{max-height:none!important;min-height:0!important;overflow-x:auto!important;overflow-y:visible!important}
  .invoice-page .wow-simple-table{min-width:980px!important;font-size:11px!important}
  .invoice-page .wow-line-foot{position:sticky!important;bottom:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:7px!important}
  .invoice-page .wow-bottom-main-actions,.invoice-page .selected-line-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0!important;width:100%!important;gap:5px!important}
  .invoice-page .wow-bottom-main-actions .btnx,.invoice-page .selected-line-toolbar button{width:100%!important;min-height:38px!important}
  .invoice-page .selected-line-toolbar .sel-label{grid-column:1/-1;text-align:left!important;min-width:0!important}
  .invoice-page .foot-total{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:8px!important}
  .invoice-page .foot-block{border:0!important;padding:8px!important;background:#f8fafc!important;border-radius:8px!important}
  .invoice-page .next-btn{width:100%!important;height:52px!important;grid-column:1/-1!important}
  .invoice-page #tab_efatura>div.soft-card>div[style*="flex-direction:row"]{flex-direction:column!important;min-height:0!important}
  .invoice-page #tab_efatura>div.soft-card>div[style*="flex-direction:row"]>div{min-width:0!important;width:100%!important;border-right:0!important;border-bottom:1px solid #eef1f6}

  /* Fatura popups */
  .invoice-page .catalog-modal{height:calc(100dvh - 12px)!important;display:flex!important;flex-direction:column!important}
  .invoice-page .catalog-head{flex-direction:column!important;align-items:stretch!important;padding:10px!important}
  .invoice-page .selected-top{display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important}
  .invoice-page .selected-top>.basket-badge{display:none!important}
  .invoice-page .catalog-body{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:8px!important;overflow:auto!important}
  .invoice-page .group-list{display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;border:0!important}
  .invoice-page .group-item{flex:0 0 auto!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:9px 11px!important}
  .invoice-page .product-list{overflow:visible!important}
  .invoice-page .catalog-row{grid-template-columns:56px minmax(0,1fr)!important;gap:8px!important}
  .invoice-page .catalog-row .cat-img{width:52px!important;height:52px!important}
  .invoice-page .cat-price,.invoice-page .catalog-row>*:nth-child(3),.invoice-page .catalog-row>*:nth-child(4){grid-column:2!important;text-align:left!important}
  .invoice-page .selected-box{overflow:visible!important}
  .invoice-page .sel-item{grid-template-columns:46px minmax(0,1fr) auto!important;gap:6px!important}
  .invoice-page .sel-item>*:nth-child(3),.invoice-page .sel-item>*:nth-child(4){grid-column:2!important}
  .invoice-page .sel-item>*:last-child{grid-column:3!important;grid-row:1/3!important}
  .invoice-page .transfer-btn{height:52px!important;font-size:14px!important}
  .invoice-page .cari-row{grid-template-columns:1fr!important}
  .invoice-page .stock-pick-footer{flex-direction:column!important;align-items:stretch!important;gap:6px!important}
  .invoice-page .stock-pick-footer>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}

  /* Reports */
  .yr-layout{display:block!important}
  .yr-sidebar{position:static!important;width:100%!important;min-width:0!important;margin:0 0 10px!important;display:flex!important;gap:6px!important;overflow-x:auto!important;padding:6px!important}
  .yr-sidebar a,.yr-sidebar button{flex:0 0 auto!important;white-space:nowrap!important}
  .bk-grid,.kar-layout{grid-template-columns:1fr!important}
  .kar-chart{min-width:0!important;overflow-x:auto!important}

  /* E-donusum common */
  .ed-top-nav,.gf-toolbar{flex-direction:column!important;align-items:stretch!important}
  .ed-top-nav .btn,.gf-toolbar .btn{width:100%!important}

  /* AI widget */
  #arfa-ai-panel{left:6px!important;right:6px!important;bottom:6px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 12px)!important}
}

@media (max-width:600px){
  body.arcom-module-page:not(.pos-page) .arcom-module-brand{font-size:0!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-brand-icon{font-size:18px!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-actions a[href*="dashboard"]{font-size:0!important;width:38px!important;padding:0!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-actions a[href*="dashboard"]:before{content:'⌂';font-size:18px}
  body.arcom-module-page:not(.pos-page) .arcom-module-actions a[href*="logout"]{font-size:0!important;width:38px!important;padding:0!important}
  body.arcom-module-page:not(.pos-page) .arcom-module-actions a[href*="logout"]:before{content:'↪';font-size:18px}
  .arcom-module-items{grid-template-columns:1fr!important}
  .cari-actionbar,.cari-address-actions,.cari-adres-actions{grid-template-columns:1fr!important}
  .invoice-page .summary-cards{grid-template-columns:1fr 1fr!important}
  .invoice-page .top-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .invoice-page .wow-simple-table{min-width:900px!important}
  .invoice-page .wow-bottom-main-actions,.invoice-page .selected-line-toolbar{grid-template-columns:1fr 1fr!important}
}

/* Dashboard / desktop shell mobile behavior */
@media (max-width:760px){
  html.arcom-desktop-document,html.arcom-desktop-document body{overflow:hidden!important}
  #arcomD1{min-width:0!important;width:100%!important;max-width:100%!important}
  #arcomD1 .d1-top{padding:7px 8px!important;gap:5px!important}
  #arcomD1 .d1-brand img{width:76px!important;height:28px!important}
  #arcomD1 .d1-search{min-width:0!important;flex:1!important}
  #arcomD1 .d1-actions{display:flex!important;width:auto!important;order:initial!important;gap:4px!important}
  #arcomD1 .d1-actions button{min-width:38px!important;padding:6px!important}
  #arcomD1 .d1-stage{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}
  #arcomD1 .d1-panel{margin:8px!important;min-height:160px!important}
  #arcomD1 .d1-shortcuts{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
  #arcomD1 .d1-shortcut{width:100%!important;min-width:0!important;height:72px!important}

  #arcomD1 .d2-taskbar{min-height:52px!important;padding:5px!important;gap:4px!important;padding-bottom:max(5px,env(safe-area-inset-bottom))!important}
  #arcomD1 .d2-start-button{padding:7px 9px!important;min-height:38px!important}
  #arcomD1 .d2-show-desktop{display:none!important}
  #arcomD1 .d2-tray{display:none!important}
  #arcomD1 .d2-task{min-width:92px!important;max-width:145px!important;flex:0 0 120px!important;padding:6px!important;min-height:38px!important}
  #arcomD1 .d2-start-menu{left:5px!important;right:5px!important;bottom:58px!important;width:auto!important;max-width:none!important;height:min(78dvh,620px)!important;max-height:none!important}
  #arcomD1 .d2-start-content{display:block!important;overflow:auto!important}
  #arcomD1 #d2StartCategories{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;border-right:0!important;border-bottom:1px solid var(--line)!important;padding:0 6px 6px!important}
  #arcomD1 #d2StartCategories button{flex:0 0 auto!important;white-space:nowrap!important}
  #arcomD1 #d2StartItems{grid-template-columns:1fr!important;padding:6px!important}
  #arcomD1 .d2-app-item{min-height:54px!important}

  /* Windows become phone-app surfaces; taskbar remains switcher. */
  #arcomD1 .d2-window{left:4px!important;right:4px!important;top:4px!important;bottom:4px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;border-radius:8px!important;transform:none!important}
  #arcomD1 .d2-window:not(.is-active):not([hidden]){visibility:hidden!important;pointer-events:none!important}
  #arcomD1 .d2-window.is-active{visibility:visible!important;pointer-events:auto!important}
  #arcomD1 .d2-window-resize{display:none!important}
  #arcomD1 .d2-window-titlebar{cursor:default!important;touch-action:auto!important;min-height:34px!important;height:34px!important;flex-basis:34px!important}
  #arcomD1 .d2-window-controls button{width:36px!important;height:33px!important}
}

@media (max-width:420px){
  #arcomD1 .d1-shortcuts{grid-template-columns:repeat(3,1fr)!important}
  #arcomD1 .d2-task{flex-basis:105px!important;min-width:88px!important}
  .invoice-page .summary-cards{grid-template-columns:1fr!important}
  .invoice-page .top-actions{grid-template-columns:repeat(3,1fr)!important}
}

@media print{
  .arcom-mobile-table-scroll{overflow:visible!important}
}