.btn-primary{background:#004ac6;color:#fff;min-height:44px;padding:0 1.5rem;border-radius:.5rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border:none;cursor:pointer;font-size:.875rem;transition:filter .15s}
.btn-primary .material-symbols-outlined,.btn-secondary .material-symbols-outlined,.payment-btn .material-symbols-outlined{max-width:none}
.btn-primary:hover{filter:brightness(1.1)}
.btn-primary-container{background:#2563eb;color:#eeefff;min-height:44px;padding:0 1.5rem;border-radius:.5rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border:none;cursor:pointer;font-size:.875rem}
.btn-primary-container:hover{filter:brightness(1.05)}
.btn-secondary{background:#faf8ff;color:#191b23;min-height:44px;padding:0 1.5rem;border-radius:.5rem;border:1px solid #c3c6d7;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;font-size:.875rem}
.btn-secondary:hover{background:#f3f3fe}
.btn-success{background:#065f46;color:#fff;min-height:44px;padding:0 1.5rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;font-size:.875rem}
.btn-danger{background:#ba1a1a;color:#fff;min-height:44px;padding:0 1rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;font-size:.875rem}
.input-base,.input-lg,.input-field{width:100%;padding:0 .75rem;background:#fff;border:1px solid #c3c6d7;border-radius:.5rem;font-size:.875rem;outline:none;color:#191b23}
.input-base,.input-field{height:44px}.input-lg{height:48px}
.input-base:focus,.input-lg:focus,.input-field:focus{border-color:#004ac6;box-shadow:0 0 0 1px #004ac6}
.form-label,.input-label{display:block;font-size:.75rem;font-weight:500;color:#434655;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}
.card-metric,.metric-card{background:#fff;border:1px solid #c3c6d7;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;transition:border-color .2s}
.card-metric:hover,.metric-card:hover{border-color:#004ac6}
.card-panel,.panel-card{background:#fff;border:1px solid #c3c6d7;border-radius:.75rem;overflow:hidden}
.card-header{padding:1rem;border-bottom:1px solid #c3c6d7;background:#faf8ff}
.data-table{width:100%;border-collapse:collapse;font-size:.875rem}
.data-table thead tr{background:#f3f3fe;border-bottom:1px solid #c3c6d7}
.data-table th{padding:.75rem 1rem;font-size:.75rem;font-weight:500;color:#545f73;text-transform:uppercase;letter-spacing:.05em;text-align:left}
.data-table td{padding:.75rem 1rem;border-bottom:1px solid #c3c6d7;vertical-align:middle}
.data-table tbody tr:hover{background:#f3f3fe}
.badge-warning,.chip-warning{padding:.25rem .625rem;background:#fef3c7;color:#92400e;border-radius:9999px;font-size:.75rem;font-weight:600}
.badge-danger,.chip-error{padding:.25rem .625rem;background:#ffdad6;color:#ba1a1a;border-radius:9999px;font-size:.75rem;font-weight:600}
.badge-success,.chip-success{padding:.25rem .625rem;background:#d1fae5;color:#065f46;border-radius:9999px;font-size:.75rem;font-weight:600}
.badge-primary,.chip-primary{padding:.25rem .625rem;background:#2563eb;color:#eeefff;border-radius:9999px;font-size:.75rem;font-weight:600}
.badge-secondary,.chip-secondary{padding:.25rem .625rem;background:#d5e0f8;color:#586377;border-radius:9999px;font-size:.75rem;font-weight:600}
.badge-tertiary,.chip-tertiary{padding:.25rem .625rem;background:#bc4800;color:#ffede6;border-radius:9999px;font-size:.75rem;font-weight:600}
.icon-badge{padding:.5rem;border-radius:9999px;display:inline-flex}
.avatar-circle{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}
.filter-tab{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;transition:all .15s}
.filter-tab-active{background:#2563eb;color:#eeefff}
.filter-tab-inactive{background:#ededf9;color:#545f73}
.filter-tab-inactive:hover{background:#e7e7f3}
.report-card{background:#fff;border:1px solid #c3c6d7;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;transition:box-shadow .3s}
.report-card:hover{box-shadow:0 10px 15px -3px rgba(30,41,59,.1)}
.search-bar-wrap{background:#faf8ff;border:1px solid #c3c6d7;border-radius:.5rem;padding:.75rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.payment-btn{height:3.5rem;min-height:44px;border:1px solid #c3c6d7;background:#faf8ff;border-radius:.5rem;font-size:.875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:all .15s ease}
.payment-btn-icon{font-size:.8125rem}
.payment-btn:hover:not(.active){background:#ededf9}
.payment-btn.active{border-color:#2563eb;background:#2563eb;color:#eeefff;font-weight:600}
.payment-tile{border:1px solid #c3c6d7;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .15s;min-height:44px;display:flex;align-items:center;gap:.75rem}
.payment-tile.active{border-color:#2563eb;background:#2563eb;color:#eeefff}
.payment-tile:hover:not(.active){background:#f3f3fe}
.product-card .product-add-btn{opacity:1}
@media(min-width:768px){.product-card .product-add-btn{opacity:0}.product-card:hover .product-add-btn,.product-card:focus-within .product-add-btn{opacity:1}}
.product-card .product-add-btn{transition:opacity .15s ease,transform .15s ease}
.w-sidebar-width{width:260px}
.font-data-mono{font-variant-numeric:tabular-nums}

/* POS — masaüstü iki sütun */
@media(min-width:1024px){
.pos-body{flex-direction:row!important}
.pos-search-panel{flex-shrink:0}
.pos-results-list{display:flex;flex-direction:column}
.pos-result-item{
  display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem;
  border:1px solid #c3c6d7;border-radius:.625rem;background:#fff;text-align:left;cursor:pointer;
  margin-bottom:.5rem;transition:border-color .12s,box-shadow .12s;
}
.pos-result-item:hover{border-color:#004ac6;box-shadow:0 2px 8px rgba(0,74,198,.1)}
.pos-result-item-body{flex:1;min-width:0}
.pos-result-item-side{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}
.pos-result-name{display:block;font-weight:600;font-size:.875rem;color:#191b23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.pos-result-meta{display:block;font-size:.6875rem;color:#545f73;font-variant-numeric:tabular-nums}
.pos-result-price{font-weight:700;font-size:.875rem;color:#004ac6;font-variant-numeric:tabular-nums}
.pos-result-add{color:#004ac6;font-size:1.25rem;flex-shrink:0;opacity:.7}
.pos-result-item:hover .pos-result-add{opacity:1}
.pos-stock-badge{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px}
.pos-stock-ok{background:#d5e0f8;color:#586377}
.pos-stock-out{background:#ffdad6;color:#ba1a1a}
.pos-stock-warn{background:#ffdbcd;color:#7d2d00}
.pos-search-empty,.pos-search-no-result,.pos-search-loading{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:2rem 1rem;color:#545f73;min-height:200px;
}
.pos-search-empty-icon,.pos-search-no-result .material-symbols-outlined{
  width:3rem;height:3rem;border-radius:.75rem;background:#f3f3fe;color:#004ac6;
  display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;font-size:1.5rem;
}
.pos-search-empty-title{font-weight:600;color:#191b23;margin:0 0 .25rem}
.pos-search-empty-hint{font-size:.8125rem;margin:0;color:#545f73}
.pos-search-empty-kbd{margin:.75rem 0 0;font-size:.75rem;color:#545f73}
.pos-search-empty-kbd kbd{display:inline-block;padding:.125rem .375rem;border:1px solid #c3c6d7;border-radius:.25rem;background:#faf8ff;font-size:.6875rem}
.pos-search-loading .pos-spin{font-size:1.5rem;color:#004ac6;margin-bottom:.5rem}
.pos-cart-area-empty{min-height:280px}
.pos-cart-empty{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:2rem;color:#545f73;
}
.pos-cart-empty.hidden{display:none!important}
.pos-cart-empty-icon{font-size:4rem;color:#c3c6d7;margin-bottom:.75rem}
.pos-cart-empty-title{font-size:1.125rem;font-weight:600;color:#191b23;margin:0 0 .5rem}
.pos-cart-empty-hint{font-size:.875rem;margin:0;max-width:280px}
@keyframes pos-spin{to{transform:rotate(360deg)}}
.pos-spin{animation:pos-spin .8s linear infinite;display:inline-block}
}

/* Mobil POS — sekmeli tam ekran */
@media(max-width:1023px){
.pos-root{min-height:100dvh}
.pos-root.pos-mobile-view-products{padding-bottom:0}
.pos-root.pos-mobile-view-cart{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}
.pos-body{min-height:0;flex:1}
.pos-root.pos-mobile-view-products .pos-panel-cart{display:none!important}
.pos-root.pos-mobile-view-cart .pos-panel-products{display:none!important}
.pos-panel-products,.pos-panel-cart{flex:1;min-height:0;display:flex;flex-direction:column}
.pos-mobile-tab{color:#545f73;background:transparent}
.pos-mobile-tab-active{background:#fff;color:#004ac6;box-shadow:0 1px 3px rgba(30,41,59,.08)}
.pos-price-type{color:#545f73;background:transparent}
.pos-price-type-active{background:#fff;color:#004ac6;box-shadow:0 1px 3px rgba(30,41,59,.08)}
#mobile-tab-badge{display:inline-flex}
#mobile-checkout-bar{display:none}
.pos-root.pos-mobile-view-cart #mobile-checkout-bar{display:block}
#fab-add-product{display:none}
.pos-root.pos-mobile-view-cart #fab-add-product{display:flex}
.pos-root.pos-mobile-view-products #product-results{flex:1}
#cart-area{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
.pos-result-item{
  display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem;
  border:1px solid #c3c6d7;border-radius:.75rem;background:#fff;text-align:left;cursor:pointer;margin-bottom:.5rem;
}
.pos-result-item-body{flex:1;min-width:0}
.pos-result-item-side{text-align:right;flex-shrink:0}
.pos-result-name{font-weight:600;color:#191b23;display:block}
.pos-result-meta{font-size:.75rem;color:#545f73}
.pos-result-price{font-weight:700;color:#004ac6;margin-top:.125rem;font-variant-numeric:tabular-nums;display:block}
.pos-result-add{color:#004ac6;font-size:1.375rem}
.pos-search-empty,.pos-search-no-result,.pos-search-loading{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:2rem 1rem;color:#545f73;min-height:40dvh;
}
.pos-search-empty-icon{width:3rem;height:3rem;border-radius:.75rem;background:#f3f3fe;color:#004ac6;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}
.pos-search-empty-title{font-weight:600;color:#191b23;margin:0 0 .25rem}
.pos-search-empty-hint{font-size:.8125rem;margin:0}
.pos-cart-empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:45dvh;padding:2rem;text-align:center;
}
.pos-cart-empty.hidden{display:none!important}
.pos-cart-empty-icon{font-size:3.5rem;color:#c3c6d7;margin-bottom:.75rem}
.pos-cart-empty-title{font-weight:600;font-size:1.125rem;color:#191b23;margin:0 0 .5rem}
.pos-cart-empty-hint{font-size:.875rem;color:#545f73;margin:0}
.cart-mobile-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.cart-mobile-card .cart-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}
.cart-mobile-card .cart-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.modal-content.fixed.bottom-0{animation:slide-up .25s ease}
@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.pos-root .input-base,.pos-root .input-lg{font-size:16px}
.product-card .product-price-mobile{display:block}
.pos-root header .material-symbols-outlined{font-size:24px;width:24px;height:24px;overflow:hidden}
.pos-root #mobile-pos-tabs .material-symbols-outlined{font-size:20px;width:20px;height:20px;overflow:hidden}
.pos-root #btn-complete-mobile .material-symbols-outlined,.pos-root #btn-complete-mobile-confirm .material-symbols-outlined{font-size:22px;width:22px;height:22px;overflow:hidden}
.pos-cart-empty-icon .material-symbols-outlined,.pos-search-empty-icon .material-symbols-outlined{font-size:inherit;width:auto;height:auto;overflow:visible}
}
@media(min-width:640px){
.product-card .product-price-mobile{display:none}
}
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}
.modal.hidden{display:none!important}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(2px)}
.modal-content{position:relative;background:#fff;border-radius:.75rem;border:1px solid #c3c6d7;box-shadow:0 10px 15px -3px rgba(30,41,59,.1);max-width:32rem;width:100%;padding:1.5rem;max-height:90vh;overflow-y:auto}
.barcode-scanner-content{max-width:28rem;padding:0!important;display:flex;flex-direction:column;max-height:min(92vh,720px)}
.barcode-scanner-overlay .barcode-scanner-content{overflow:hidden}
@media(max-width:1023px){
.barcode-scanner-overlay{padding:0;align-items:stretch}
.barcode-scanner-overlay .modal-backdrop{background:rgba(0,0,0,.85)}
.barcode-scanner-overlay .barcode-scanner-content{
  width:100%;max-width:none;height:100%;max-height:none;margin:0;border-radius:0;border:none;
  display:flex;flex-direction:column;
}
.barcode-scanner-overlay #barcode-reader{min-height:42vh;flex:1}
.barcode-scanner-overlay #barcode-scanner-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}
.barcode-scanner-overlay #barcode-scanner-panel>div{flex:1;display:flex;flex-direction:column}
}
.barcode-reader-wrap{position:relative;min-height:260px;width:100%}
.barcode-reader-wrap video{border-radius:.75rem;width:100%!important;height:auto!important;object-fit:cover;display:block}
.barcode-reader-wrap #qr-shaded-region{border-color:rgba(37,99,235,.65)!important}

/* PayTR ödeme modalı */
.paytr-modal{z-index:110;padding:.75rem;align-items:center}
.paytr-modal-content{
  max-width:36rem;width:100%;padding:0!important;overflow:hidden;
  display:flex;flex-direction:column;max-height:min(94dvh,820px);
}
.paytr-modal-header{background:#fff}
.paytr-modal-body{
  flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  background:#f8fafc;
}
.paytr-modal-body iframe{
  display:block;width:100%;min-height:760px;height:760px;border:0;background:#fff;
}
@media(max-width:767px){
.paytr-modal{padding:0;align-items:stretch}
.paytr-modal-content{
  max-width:none;width:100%;height:100%;max-height:none;
  border-radius:0;border-left:0;border-right:0;
}
.paytr-modal-body iframe{min-height:calc(100dvh - 3.5rem);height:calc(100dvh - 3.5rem)}
}
@media(min-width:768px){
.paytr-modal-body iframe{min-height:720px;height:720px}
}

.stock-pill-normal{padding:.25rem .625rem;background:#d5e0f8;color:#586377;border-radius:9999px;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}
.stock-pill-low{padding:.25rem .625rem;background:#bc4800;color:#ffede6;border-radius:9999px;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}
.stock-pill-out{padding:.25rem .625rem;background:#ba1a1a;color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:767px){.mobile-card-table thead{display:none}.mobile-card-table tbody tr{display:block;margin-bottom:1rem;padding:1rem;border:1px solid #c3c6d7;border-radius:.75rem;background:#fff}.mobile-card-table td{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;border:0;padding:.4rem 0;text-align:right}.mobile-card-table td::before{content:attr(data-label);font-weight:600;color:#545f73;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;text-align:left;flex-shrink:0;min-width:5.5rem}.mobile-card-table td.col-product{display:block;padding-bottom:.5rem;border-bottom:1px solid #e7e7f3;margin-bottom:.25rem}.mobile-card-table td.col-product::before{display:none}.mobile-card-table td.col-actions{justify-content:flex-end;padding-top:.5rem;border-top:1px solid #e7e7f3;margin-top:.25rem}.mobile-card-table td.col-actions::before{display:none}.mobile-card-table .product-name .line-clamp-2{-webkit-line-clamp:4;line-clamp:4}}

/* Ürünler tablosu — düşük çözünürlük */
.products-panel{position:relative}
.products-scroll-hint{margin:0;padding:.5rem 1rem;font-size:.75rem;color:#545f73;background:#f3f3fe;border-bottom:1px solid #c3c6d7}
.products-table{min-width:52rem}
.products-table .col-product{min-width:11rem;max-width:16rem}
.products-table .col-stock{white-space:nowrap;width:6.5rem}
.products-table .col-price{white-space:nowrap}
.products-table .col-actions{width:5.5rem}
.product-price-cell{white-space:nowrap}
.product-price-cell .product-price-sub{display:block;font-size:.6875rem;color:#545f73;font-weight:400;margin-top:.125rem}
.products-table-scroll{-webkit-overflow-scrolling:touch}
@media(min-width:768px){
.products-table thead th:first-child,.products-table tbody td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:2px 0 6px rgba(25,27,35,.06)}
.products-table thead th:first-child{z-index:3;background:#f3f3fe}
.products-table tbody tr:hover td:first-child{background:#f3f3fe}
}
@media(max-width:1399px){
.products-table th,.products-table td{padding:.5rem .625rem;font-size:.8125rem}
.products-table .col-product{max-width:12rem}
}
@media(max-width:1023px){
.products-table{min-width:44rem}
.products-table .col-product{max-width:10rem}
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{padding-left:2rem}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{background:#2563eb;border:none;box-shadow:none;line-height:1rem}
table.dataTable>tbody>tr.child ul.dtr-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem 1rem;width:100%;padding:.5rem 0}
table.dataTable>tbody>tr.child span.dtr-title{font-weight:600;color:#545f73;font-size:.7rem;text-transform:uppercase}
table.dataTable>tbody>tr.child span.dtr-data{font-size:.8125rem}

/* DataTables — Veresiye Pro theme */
.dataTables_wrapper{font-family:Inter,sans-serif;font-size:.875rem;color:#191b23;padding:1rem}
.dataTables_wrapper .dataTables_length select,.dataTables_wrapper .dataTables_filter input{height:44px;padding:0 .75rem;border:1px solid #c3c6d7;border-radius:.5rem;background:#fff;font-size:.875rem;outline:none;margin:0 .25rem}
.dataTables_wrapper .dataTables_length select:focus,.dataTables_wrapper .dataTables_filter input:focus{border-color:#004ac6;box-shadow:0 0 0 1px #004ac6}
.dataTables_wrapper .dataTables_filter input{min-width:220px;margin-left:.5rem}
.dataTables_wrapper .dataTables_info{font-size:.75rem;color:#545f73;padding:.75rem 0}
.dt-toolbar,.dt-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}
.dt-footer{margin-bottom:0;margin-top:.75rem}
.dataTables_wrapper .dataTables_paginate .paginate_button{min-height:36px;min-width:36px;padding:.35rem .75rem!important;border:1px solid #c3c6d7!important;border-radius:.5rem!important;background:#faf8ff!important;color:#191b23!important;margin:0 2px!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled){background:#2563eb!important;color:#eeefff!important;border-color:#2563eb!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.4}
table.dataTable thead>tr>th{border-bottom:1px solid #c3c6d7!important}
table.dataTable tbody>tr:hover{background:#f3f3fe!important}
table.dataTable.no-footer{border-bottom:1px solid #c3c6d7}
.card-panel>.dataTables_wrapper{padding:1rem}

/* PWA — mobil güvenli alan ve standalone mod */
html.pwa-standalone body{
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@supports(padding:max(0px)){
  body{
    padding-left:max(0px,env(safe-area-inset-left));
    padding-right:max(0px,env(safe-area-inset-right));
  }
}
.pwa-install-banner{
  position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:1rem;right:1rem;z-index:50;
  background:#fff;border:1px solid #c3c6d7;border-radius:.75rem;padding:1rem;
  box-shadow:0 10px 25px rgba(25,27,35,.12);display:flex;align-items:center;gap:.75rem;
}
.pwa-install-banner.hidden{display:none!important}

/* Ana panel — düşük çözünürlük metrik kartları */
.dashboard-metric-value{font-variant-numeric:tabular-nums;word-break:break-word;line-height:1.2}