:root{font-family:Inter,system-ui,sans-serif;color:#18212f;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#111827;color:white;padding:24px 16px}aside h1{font-size:18px;margin:0 0 24px}nav{display:grid;gap:6px}nav a{color:inherit;text-decoration:none;padding:10px 12px;border-radius:8px}nav a:hover{background:#263244}main header{height:64px;background:white;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.content{padding:24px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.card,.panel,.profile{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.card{display:grid;gap:8px}.card b{font-size:26px}.row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #eee}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input{flex:1}.toolbar input,.toolbar select,.toolbar button{padding:11px;border:1px solid #d1d5db;border-radius:9px;background:white}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee}tbody tr{cursor:pointer}.thumb,.placeholder{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#eee;display:grid;place-items:center}.profile{display:grid;grid-template-columns:220px 1fr;gap:24px}.photo{height:220px;background:#eee;border-radius:12px;display:grid;place-items:center}.photo img{width:100%;height:100%;object-fit:contain}.mobile-nav{display:none}@media(max-width:760px){.shell{display:block}aside{display:none}main header{padding:0 16px}.content{padding:14px 14px 76px}.cards{grid-template-columns:1fr 1fr}.profile{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #ddd;justify-content:space-around;padding:10px 4px;z-index:10}.mobile-nav a{font-size:12px}.table-wrap{padding:0}th:nth-child(4),td:nth-child(4){display:none}}@media(max-width:460px){.cards{grid-template-columns:1fr}.toolbar{display:grid;grid-template-columns:1fr 120px}.toolbar button{grid-column:1/-1}}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);display:grid;gap:14px}.login-card label{display:grid;gap:6px}.login-card input{padding:12px;border:1px solid #d8dce3;border-radius:10px}.error{color:#b42318}.item-results{display:grid;gap:8px;margin-top:12px}.item-result{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.item-result small{opacity:.7}.cart-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto auto minmax(100px,140px);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.cart-row button{min-width:38px;min-height:38px}.cart-row input[type=number]{width:100%;padding:8px}.sale-total{text-align:right;font-size:1.3rem;padding:18px 0}@media(max-width:700px){.cart-row{grid-template-columns:1fr auto auto auto}.cart-row span{grid-column:1/-1}.cart-row input[type=number]{grid-column:1/-1}.item-result{flex-direction:column}}

.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{margin:0}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;text-decoration:none;color:inherit;display:grid;gap:18px}.report-card span,.muted{color:#667085}.report-filter{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.report-filter input,.report-filter select,.report-filter button{padding:10px;border:1px solid #d1d5db;border-radius:9px;background:#fff}.dashboard-cards a{text-decoration:none;color:inherit}@media(max-width:760px){.report-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.report-grid{grid-template-columns:1fr}}@media print{aside,header,.mobile-nav,.report-filter,button{display:none!important}.shell{display:block}.content{padding:0}.panel{border:0}}

/* =========================================================
   STORE V2 — UI POLISH
   ========================================================= */

:root{
  --sidebar:248px;
  --bg:#f5f7fa;
  --surface:#fff;
  --border:#e5e9f0;
  --text:#172033;
  --muted:#697386;
  --primary:#2563eb;
  --primary-dark:#1d4ed8;
  --danger:#b42318;
  --radius:14px;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 5px 18px rgba(16,24,40,.04);
}

html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);line-height:1.45}

.shell{
  grid-template-columns:var(--sidebar) minmax(0,1fr);
}

/* Sidebar */

aside{
  position:sticky;
  top:0;
  height:100vh;
  padding:22px 14px;
  background:#111827;
  overflow-y:auto;
}

aside h1{
  padding:0 10px 18px;
  margin:0 0 10px;
  border-bottom:1px solid rgba(255,255,255,.09);
  font-size:18px;
  letter-spacing:.04em;
}

aside nav{gap:4px}

aside nav a{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:10px 12px;
  color:#cbd5e1;
  font-weight:600;
  border-radius:9px;
  transition:.15s ease;
}

aside nav a:hover{
  color:#fff;
  background:rgba(255,255,255,.07);
}

aside nav a.active{
  color:#fff;
  background:#2563eb;
}

/* Main */

main{min-width:0}

main header{
  position:sticky;
  top:0;
  z-index:20;
  height:64px;
  padding:0 26px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
}

main header strong{
  font-size:16px;
}

main header span{
  margin-left:auto;
  margin-right:12px;
  color:var(--muted);
  font-size:14px;
}

.content{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  padding:24px 26px 40px;
}

/* Surfaces */

.card,.panel,.profile,.report-card{
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.card,.panel{margin-bottom:16px}

.card h1,.card h2,.card h3,
.panel h1,.panel h2,.panel h3{
  margin-top:0;
}

.panel-head{
  margin-bottom:16px;
}

.panel-head h1,
.panel-head h2{
  margin:0;
}

.muted,small{color:var(--muted)}

/* Forms */

label{
  font-size:14px;
  font-weight:600;
  color:#344054;
}

input,select,textarea,button,.btn{
  font:inherit;
}

input,select,textarea{
  width:100%;
  min-height:42px;
  padding:9px 11px;
  margin-top:5px;
  color:var(--text);
  background:#fff;
  border:1px solid #d0d5dd;
  border-radius:9px;
  outline:none;
}

textarea{
  min-height:100px;
  resize:vertical;
}

input:focus,select:focus,textarea:focus{
  border-color:#84adff;
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}

input[readonly]{
  background:#f2f4f7;
  color:#667085;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

button,.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:40px;
  padding:9px 14px;
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:#fff;
  color:#344054;
  text-decoration:none;
  font-weight:600;
  cursor:pointer;
}

button:hover,.btn:hover{
  background:#f8fafc;
}

button.primary,.btn.primary,.primary{
  border-color:var(--primary);
  background:var(--primary);
  color:#fff;
}

button.primary:hover,.btn.primary:hover{
  background:var(--primary-dark);
}

button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* Alerts */

.alert{
  padding:12px 14px;
  margin-bottom:16px;
  border:1px solid #b2ddff;
  border-radius:10px;
  background:#eff8ff;
  color:#175cd3;
}

.error{
  color:var(--danger);
}

/* Toolbar */

.toolbar{
  align-items:center;
  flex-wrap:wrap;
}

.toolbar input{
  min-width:220px;
}

.toolbar select{
  width:auto;
  min-width:140px;
}

/* Tables */

.table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

table{
  min-width:650px;
}

th{
  padding:11px 12px;
  background:#f8fafc;
  color:#475467;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
  white-space:nowrap;
}

td{
  color:#344054;
  vertical-align:middle;
}

tbody tr{
  transition:background .12s ease;
}

tbody tr:hover{
  background:#f9fafb;
}

/* Tabs */

.tabs{
  display:flex;
  gap:5px;
  padding:4px;
  margin-bottom:16px;
  overflow-x:auto;
  background:#f2f4f7;
  border-radius:10px;
}

.tabs a{
  flex:0 0 auto;
  padding:8px 13px;
  border-radius:7px;
  color:#475467;
  text-decoration:none;
  font-weight:600;
  white-space:nowrap;
}

.tabs a.active{
  background:#fff;
  color:#101828;
  box-shadow:0 1px 3px rgba(16,24,40,.08);
}

/* Sales */

.item-result{
  cursor:pointer;
  transition:.12s ease;
}

.item-result:hover{
  border-color:#84adff;
  background:#f8faff;
}

.cart-row{
  min-height:58px;
}

.sale-total{
  margin-top:10px;
  border-top:1px solid var(--border);
  font-size:1.45rem;
}

.actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  justify-content:flex-end;
  margin-top:16px;
}

/* Details */

details{
  border-radius:10px;
}

summary{
  cursor:pointer;
  padding:4px 0;
}

/* Cards */

.cards{
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
}

.card b{
  line-height:1.15;
}

/* Pagination */

nav[role="navigation"]{
  margin-top:16px;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

  body{
    padding-bottom:72px;
  }

  .shell{
    display:block;
    min-height:auto;
  }

  aside{
    display:none;
  }

  main header{
    height:56px;
    padding:0 14px;
  }

  main header strong{
    max-width:45%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  main header span{
    max-width:30%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  main header button{
    min-height:36px;
    padding:7px 10px;
  }

  .content{
    padding:14px 12px 18px;
  }

  .card,.panel,.profile,.report-card{
    padding:14px;
    border-radius:12px;
  }

  .cards,
  .dashboard-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .card b{
    font-size:22px;
  }

  .form-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  input,select,textarea{
    font-size:16px; /* prevents iPhone input zoom */
    min-height:44px;
  }

  button,.btn{
    min-height:44px;
  }

  .toolbar{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .toolbar input{
    grid-column:1/-1;
    min-width:0;
  }

  .toolbar select{
    width:100%;
    min-width:0;
  }

  .toolbar .btn,
  .toolbar button{
    width:100%;
  }

  .panel-head{
    align-items:flex-start;
  }

  /* Keep tables horizontally scrollable instead of hiding data */
  .table-wrap{
    margin-left:0;
    margin-right:0;
  }

  .table-wrap table{
    min-width:680px;
  }

  th:nth-child(4),
  td:nth-child(4){
    display:table-cell;
  }

  .thumb,.placeholder{
    width:48px;
    height:48px;
  }

  /* Sales cart */
  .cart-row{
    grid-template-columns:minmax(0,1fr) 44px 36px 44px;
    gap:7px;
    padding:12px 0;
  }

  .cart-row strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .cart-row span{
    grid-column:1/-1;
    font-size:12px;
    color:var(--muted);
  }

  .cart-row input[type=number]{
    grid-column:1/-1;
  }

  .sale-total{
    position:sticky;
    bottom:72px;
    z-index:8;
    margin-left:-14px;
    margin-right:-14px;
    padding:13px 14px;
    background:#fff;
    box-shadow:0 -4px 12px rgba(16,24,40,.06);
  }

  .actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .actions button{
    width:100%;
  }

  /* Bottom navigation */
  .mobile-nav{
    display:flex;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:50;
    height:64px;
    padding:5px 6px max(5px,env(safe-area-inset-bottom));
    justify-content:space-around;
    align-items:stretch;
    background:rgba(255,255,255,.98);
    border-top:1px solid var(--border);
    box-shadow:0 -3px 12px rgba(16,24,40,.06);
  }

  .mobile-nav a{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:6px 3px;
    border-radius:8px;
    color:#667085;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
  }

  .mobile-nav a.active{
    color:var(--primary);
    background:#eff6ff;
  }

  .profile{
    grid-template-columns:1fr;
  }

  .photo{
    height:min(70vw,300px);
  }
}

@media(max-width:420px){

  .content{
    padding-left:10px;
    padding-right:10px;
  }

  .cards,
  .dashboard-cards{
    grid-template-columns:1fr 1fr;
  }

  .card{
    padding:12px;
  }

  .card b{
    font-size:20px;
  }

  .toolbar{
    grid-template-columns:1fr;
  }

  .toolbar input{
    grid-column:auto;
  }
}

/* Print */

@media print{
  body{background:#fff;padding:0}
  aside,main header,.mobile-nav{display:none!important}
  .content{max-width:none;padding:0}
  .card,.panel{box-shadow:none}
}


/* =========================================================
   STORE V2 — FINAL DASHBOARD
   ========================================================= */

.page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}

.page-head h1{
  margin:0;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-.02em;
}

.page-head p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:14px;
}

.quick-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.dashboard-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:22px;
}

.stat-card{
  position:relative;
  min-width:0;
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  color:inherit;
  text-decoration:none;
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}

a.stat-card:hover{
  transform:translateY(-1px);
  border-color:#cbd5e1;
  box-shadow:0 4px 14px rgba(16,24,40,.08);
}

.stat-card::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:#d0d5dd;
}

.stat-card.debt::before{
  background:#f79009;
}

.stat-card.stock-warning::before{
  background:#fdb022;
}

.stat-card.stock-danger::before{
  background:#f04438;
}

.stat-label{
  margin-bottom:8px;
  color:#667085;
  font-size:13px;
  font-weight:700;
}

.stat-card strong{
  display:block;
  min-width:0;
  color:#101828;
  font-size:26px;
  line-height:1.2;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}

.stat-card small{
  display:block;
  margin-top:8px;
  font-size:12px;
}

.dashboard-lists{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:start;
}

.dashboard-panel{
  min-width:0;
  margin-bottom:0;
  padding:0;
  overflow:hidden;
}

.dashboard-panel .panel-head{
  min-height:74px;
  margin:0;
  padding:16px 18px;
  border-bottom:1px solid var(--border);
}

.dashboard-panel .panel-head h2{
  margin:0 0 3px;
  font-size:17px;
}

.dashboard-panel .panel-head small{
  display:block;
  font-size:12px;
}

.text-link{
  flex:0 0 auto;
  color:var(--primary);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}

.text-link:hover{
  text-decoration:underline;
}

.activity-list{
  display:block;
}

.activity-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:64px;
  padding:12px 18px;
  border-bottom:1px solid #eef1f4;
  color:inherit;
  text-decoration:none;
  transition:background .12s ease;
}

.activity-row:last-child{
  border-bottom:0;
}

.activity-row:hover{
  background:#f8fafc;
}

.activity-row > div{
  min-width:0;
}

.activity-row > div strong{
  display:block;
  color:#101828;
  font-size:14px;
}

.activity-row > div small{
  display:block;
  margin-top:2px;
  font-size:12px;
}

.activity-row > strong{
  flex:0 0 auto;
  color:#101828;
  font-size:14px;
  white-space:nowrap;
}

.empty-state{
  padding:28px 18px;
  color:var(--muted);
  text-align:center;
  font-size:14px;
}


/* Dashboard tablet */

@media(max-width:1100px){
  .dashboard-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* Dashboard mobile */

@media(max-width:760px){

  .page-head{
    display:block;
    margin-bottom:16px;
  }

  .page-head h1{
    font-size:23px;
  }

  .quick-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:14px;
  }

  .quick-actions .btn{
    width:100%;
  }

  .quick-actions .primary:first-child:last-child{
    grid-column:1/-1;
  }

  .dashboard-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-bottom:14px;
  }

  .stat-card{
    min-height:112px;
    padding:14px;
    border-radius:12px;
  }

  .stat-card::before{
    top:14px;
    bottom:14px;
  }

  .stat-card strong{
    font-size:21px;
  }

  .stat-label{
    margin-bottom:6px;
    font-size:12px;
  }

  .stat-card small{
    margin-top:6px;
    font-size:11px;
  }

  .dashboard-lists{
    grid-template-columns:1fr;
    gap:12px;
  }

  .dashboard-panel .panel-head{
    min-height:68px;
    padding:14px;
  }

  .activity-row{
    min-height:60px;
    padding:11px 14px;
  }
}


@media(max-width:420px){

  .quick-actions{
    grid-template-columns:1fr;
  }

  .dashboard-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .stat-card{
    min-height:108px;
    padding:12px;
  }

  .stat-card strong{
    font-size:19px;
  }
}

/* =========================================================
   STORE V2 — FINAL SALES LIST
   ========================================================= */

.sales-filters{
  margin-bottom:14px;
  padding:16px;
}

.sales-filter-grid{
  display:grid;
  grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(150px,1fr)) auto;
  gap:12px;
  align-items:end;
}

.sales-filter-grid label{
  display:block;
  margin-bottom:6px;
  color:#344054;
  font-size:12px;
  font-weight:700;
}

.sales-filter-grid input,
.sales-filter-grid select{
  width:100%;
}

.filter-action .btn{
  min-width:82px;
}

.sales-table-card{
  padding:14px 16px;
}

.sales-table{
  width:100%;
}

.sales-table th{
  white-space:nowrap;
}

.sales-table td{
  vertical-align:middle;
}

.sales-table .money{
  text-align:right;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.document-link{
  color:#101828;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}

.document-link:hover{
  color:var(--primary);
}

.status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:4px 9px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}

.status-badge.success{
  color:#067647;
  background:#ecfdf3;
  border:1px solid #abefc6;
}

.status-badge.warning{
  color:#b54708;
  background:#fffaeb;
  border:1px solid #fedf89;
}

.status-badge.danger{
  color:#b42318;
  background:#fef3f2;
  border:1px solid #fecdca;
}

.status-badge.info{
  color:#175cd3;
  background:#eff8ff;
  border:1px solid #b2ddff;
}

.status-badge.muted{
  color:#475467;
  background:#f2f4f7;
  border:1px solid #e4e7ec;
}

.table-action{
  width:72px;
  text-align:right;
  white-space:nowrap;
}

.row-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:5px 11px;
  border:1px solid #d0d5dd;
  border-radius:8px;
  background:#fff;
  color:#344054;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.row-action:hover{
  border-color:#98a2b3;
  background:#f9fafb;
  color:#101828;
}

.table-pagination{
  padding-top:14px;
}

/* Tablet */
@media(max-width:1100px){

  .sales-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .filter-action{
    grid-column:1/-1;
  }

  .filter-action .btn{
    width:100%;
  }
}

/* Mobile */
@media(max-width:760px){

  .sales-filters{
    padding:12px;
  }

  .sales-filter-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .filter-action{
    grid-column:auto;
  }

  .sales-table-card{
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    overflow:visible;
  }

  .sales-table{
    display:block;
  }

  .sales-table thead{
    display:none;
  }

  .sales-table tbody{
    display:grid;
    gap:10px;
  }

  .sales-table tr{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 14px;
    padding:14px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:var(--shadow);
  }

  .sales-table td{
    display:block;
    padding:0;
    border:0;
    min-width:0;
  }

  .sales-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:3px;
    color:#667085;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.03em;
  }

  .sales-table td:first-child{
    grid-column:1/-1;
    padding-bottom:10px;
    border-bottom:1px solid #eef1f4;
  }

  .sales-table td:first-child::before{
    display:none;
  }

  .sales-table .document-link{
    font-size:15px;
  }

  .sales-table .money{
    text-align:left;
  }

  .sales-table .table-action{
    grid-column:1/-1;
    width:auto;
    padding-top:4px;
  }

  .sales-table .table-action::before{
    display:none;
  }

  .sales-table .row-action{
    width:100%;
    min-height:38px;
  }

  .status-badge{
    min-height:24px;
    font-size:11px;
  }

  .table-pagination{
    padding:12px 0 0;
  }
}


/* =========================================================
   STORE V2 — FINAL SALES CREATE
   ========================================================= */

.sale-create-form{
  max-width:100%;
}

.sale-create-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}

.sale-create-head h1{
  margin:0;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-.02em;
}

.sale-create-head p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:14px;
}

.sale-settings{
  margin-bottom:14px;
}

.sale-item-search{
  margin-bottom:14px;
}

.sale-section-label{
  display:block;
  margin-bottom:7px;
  color:#344054;
  font-size:13px;
  font-weight:800;
}

.sale-item-search #item-search{
  height:46px;
  font-size:15px;
  font-weight:600;
}

.search-help{
  margin:6px 0 10px;
  color:#667085;
  font-size:11px;
}

.item-results{
  display:grid;
  gap:6px;
}

.item-result{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:48px;
  padding:9px 12px;
  border:1px solid #e4e7ec;
  border-radius:9px;
  background:#fff;
  color:#101828;
  text-align:left;
  cursor:pointer;
}

.item-result:hover{
  border-color:#84adff;
  background:#f8faff;
}

.item-result strong{
  min-width:0;
  font-size:14px;
}

.item-result small{
  flex:0 0 auto;
  color:#667085;
  font-size:12px;
  white-space:nowrap;
}

.sale-cart-panel{
  padding:0;
  overflow:hidden;
}

.sale-cart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:82px;
  padding:16px 18px;
  border-bottom:1px solid var(--border);
}

.sale-cart-head h2{
  margin:0;
  font-size:20px;
}

.sale-cart-head small{
  display:block;
  margin-top:3px;
  color:#667085;
  font-size:12px;
}

.sale-total{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0;
  white-space:nowrap;
}

.sale-total span{
  color:#667085;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}

.sale-total strong{
  color:#101828;
  font-size:28px;
  line-height:1;
  letter-spacing:-.02em;
}

.sale-cart{
  min-height:70px;
}

.cart-empty{
  padding:24px 18px;
  color:#667085;
  font-size:13px;
  text-align:center;
}

.cart-row{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto 150px;
  align-items:center;
  gap:18px;
  padding:12px 18px;
  border-bottom:1px solid #eef1f4;
}

.cart-item-info{
  min-width:0;
}

.cart-item-info strong{
  display:block;
  color:#101828;
  font-size:14px;
}

.cart-item-info span{
  display:block;
  margin-top:3px;
  color:#667085;
  font-size:11px;
}

.cart-qty{
  display:grid;
  grid-template-columns:36px 40px 36px;
  align-items:center;
}

.cart-qty button{
  width:36px;
  height:36px;
  padding:0;
  border:1px solid #d0d5dd;
  background:#fff;
  color:#344054;
  font-size:20px;
  font-weight:700;
  cursor:pointer;
}

.cart-qty button:first-child{
  border-radius:8px 0 0 8px;
}

.cart-qty button:last-child{
  border-radius:0 8px 8px 0;
}

.cart-qty button:hover{
  background:#f2f4f7;
}

.cart-qty b{
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top:1px solid #d0d5dd;
  border-bottom:1px solid #d0d5dd;
  font-size:14px;
}

.cart-price{
  margin:0;
}

.cart-price span{
  display:block;
  margin-bottom:4px;
  color:#667085;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}

.cart-price input{
  width:100%;
  text-align:right;
  font-variant-numeric:tabular-nums;
}

.payment-summary{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:14px 18px;
  border-top:1px solid #eef1f4;
  color:#667085;
  font-size:13px;
}

.payment-summary strong{
  color:#101828;
}

#customer-payment{
  padding:16px 18px 0;
  border-top:1px solid #eef1f4;
}

.customer-payment-summary{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  padding:12px 0 2px;
}

.customer-payment-summary > div{
  text-align:right;
}

.customer-payment-summary > div span{
  display:block;
  color:#667085;
  font-size:11px;
}

.customer-payment-summary > div strong{
  display:block;
  margin-top:2px;
  color:#101828;
  font-size:18px;
}

.sale-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  padding:16px 18px;
  border-top:1px solid var(--border);
  background:#fcfcfd;
}

.sale-actions .btn{
  min-height:40px;
}

/* Customer search */
#customer-section{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #eef1f4;
}

#customer-results{
  display:grid;
  gap:6px;
  margin-top:8px;
}

#customer-results button{
  width:100%;
  padding:9px 11px;
  border:1px solid #e4e7ec;
  border-radius:8px;
  background:#fff;
  text-align:left;
  cursor:pointer;
}

#customer-results button:hover{
  background:#f8fafc;
}

#selected-customer{
  margin-top:8px;
  padding:9px 11px;
  border-radius:8px;
  background:#f8fafc;
  font-size:12px;
}

/* Mobile */
@media(max-width:760px){

  .sale-create-head{
    align-items:center;
    margin-bottom:12px;
  }

  .sale-create-head h1{
    font-size:22px;
  }

  .sale-create-head p{
    display:none;
  }

  .sale-create-head .btn{
    min-height:36px;
    padding:7px 10px;
    font-size:12px;
  }

  .sale-settings,
  .sale-item-search{
    margin-bottom:10px;
  }

  .sale-item-search #item-search{
    height:48px;
    font-size:16px;
  }

  .search-help{
    display:none;
  }

  .item-result{
    display:block;
    min-height:54px;
    padding:10px 12px;
  }

  .item-result strong{
    display:block;
    font-size:14px;
  }

  .item-result small{
    display:block;
    margin-top:4px;
    font-size:11px;
    white-space:normal;
  }

  .sale-cart-head{
    min-height:72px;
    padding:13px 14px;
  }

  .sale-cart-head h2{
    font-size:18px;
  }

  .sale-total{
    display:block;
    text-align:right;
  }

  .sale-total span{
    display:block;
    margin-bottom:3px;
    font-size:10px;
  }

  .sale-total strong{
    font-size:22px;
  }

  .cart-row{
    grid-template-columns:1fr auto;
    gap:12px;
    padding:13px 14px;
  }

  .cart-item-info{
    grid-column:1/-1;
  }

  .cart-qty{
    grid-template-columns:40px 42px 40px;
  }

  .cart-qty button{
    width:40px;
    height:40px;
  }

  .cart-qty b{
    height:40px;
  }

  .cart-price{
    width:120px;
  }

  .cart-price input{
    height:40px;
  }

  .payment-summary{
    padding:12px 14px;
  }

  #customer-payment{
    padding:14px 14px 0;
  }

  .customer-payment-summary{
    justify-content:space-between;
  }

  .customer-payment-summary > div{
    text-align:left;
  }

  .sale-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding:12px 14px;
  }

  .sale-actions .btn{
    width:100%;
    min-height:44px;
  }

  .sale-actions .btn-primary{
    order:-1;
  }
}


/* SALES CREATE — primary action final fix */

.sale-actions .btn-primary{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
  font-weight:700;
}

.sale-actions .btn-primary:hover{
  filter:brightness(.96);
  color:#fff;
}

@media(max-width:760px){

  .sale-actions button[value="complete"]{
    order:1;
  }

  .sale-actions button[value="complete_print"]{
    order:2;
  }

  .sale-actions button[value="draft"]{
    order:3;
  }

}

/* =========================================================
   SALES CART — FINAL ROW LAYOUT
   ========================================================= */

.cart-row{
  grid-template-columns:minmax(260px,1fr) 120px 140px 140px;
  gap:16px;
}

.cart-qty-wrap,
.cart-price,
.cart-subtotal{
  min-width:0;
}

.cart-field-label,
.cart-subtotal span{
  display:block;
  margin-bottom:4px;
  color:#667085;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}

.cart-subtotal{
  text-align:right;
}

.cart-subtotal strong{
  display:block;
  min-height:40px;
  padding-top:9px;
  color:#101828;
  font-size:15px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

@media(max-width:900px) and (min-width:761px){
  .cart-row{
    grid-template-columns:minmax(180px,1fr) 116px 125px 120px;
    gap:10px;
  }
}

@media(max-width:760px){

  .cart-row{
    grid-template-columns:1fr 120px;
    gap:12px;
  }

  .cart-item-info{
    grid-column:1/-1;
  }

  .cart-qty-wrap{
    grid-column:1;
  }

  .cart-price{
    grid-column:2;
    width:120px;
  }

  .cart-subtotal{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:10px;
    border-top:1px dashed #e4e7ec;
    text-align:left;
  }

  .cart-subtotal span{
    margin:0;
  }

  .cart-subtotal strong{
    min-height:0;
    padding:0;
    font-size:16px;
  }
}


/* SALES CART — DELETE ITEM */

.cart-row{
  grid-template-columns:minmax(260px,1fr) 120px 140px 140px 42px;
}

.cart-delete{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:end;
  padding:0;
  border:1px solid #fecdca;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  font-size:16px;
}

.cart-delete:hover{
  background:#fef3f2;
  border-color:#fda29b;
}

@media(max-width:900px) and (min-width:761px){
  .cart-row{
    grid-template-columns:minmax(180px,1fr) 116px 125px 120px 42px;
  }
}

@media(max-width:760px){
  .cart-row{
    grid-template-columns:1fr 120px 44px;
  }

  .cart-item-info{
    grid-column:1/-1;
  }

  .cart-qty-wrap{
    grid-column:1;
  }

  .cart-price{
    grid-column:2;
  }

  .cart-delete{
    grid-column:3;
    align-self:end;
    width:40px;
    height:40px;
  }

  .cart-subtotal{
    grid-column:1/-1;
  }
}


/* SALES CART — DELETE ICON ALIGNMENT */

.cart-delete{
  align-self:center;
  margin-top:14px;
}

@media(max-width:760px){
  .cart-delete{
    align-self:center;
    margin-top:14px;
  }
}

/* =========================================================
   STORE V2 — FINAL PURCHASES LIST
   ========================================================= */

.purchase-filters{
  margin-bottom:14px;
  padding:16px;
}

.purchase-filter-grid{
  display:grid;
  grid-template-columns:minmax(280px,1.6fr) minmax(190px,1fr) auto;
  gap:12px;
  align-items:end;
}

.purchase-filter-grid label{
  display:block;
  margin-bottom:6px;
  color:#344054;
  font-size:12px;
  font-weight:700;
}

.purchase-filter-grid input,
.purchase-filter-grid select{
  width:100%;
}

.purchase-table-card{
  padding:14px 16px;
}

.purchase-table th{
  white-space:nowrap;
}

.purchase-table td{
  vertical-align:middle;
}

.purchase-table td:nth-child(6),
.purchase-table th:nth-child(6){
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.purchase-table .row-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:30px;
  padding:5px 10px;
  border:1px solid #d0d5dd;
  border-radius:7px;
  color:#344054;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.purchase-table .row-action:hover{
  background:#f8fafc;
  border-color:#98a2b3;
}

@media(max-width:760px){

  .purchase-filters{
    padding:12px;
  }

  .purchase-filter-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .purchase-filter-grid .filter-action .btn{
    width:100%;
    min-height:42px;
  }

  .purchase-table-card{
    padding:8px;
  }

  .purchase-table{
    min-width:760px;
  }

  .purchase-table .row-action{
    min-height:38px;
    padding:7px 12px;
  }
}


/* =========================================================
   STORE V2 — FINAL PURCHASE CREATE
   ========================================================= */

.purchase-create-form{
  max-width:100%;
}

.purchase-settings,
.purchase-item-search{
  margin-bottom:14px;
}

.purchase-item-search #item-search{
  height:46px;
  font-size:15px;
  font-weight:600;
}

/* New item */
.purchase-new-item{
  margin-top:10px;
  border-top:1px solid #eef1f4;
  padding-top:10px;
}

.purchase-new-item summary{
  width:max-content;
  color:#344054;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  user-select:none;
}

.purchase-new-item[open] summary{
  margin-bottom:12px;
}

.purchase-new-item .form-grid{
  padding:12px;
  border:1px solid #e4e7ec;
  border-radius:10px;
  background:#f8fafc;
}

/* Cart */
.purchase-cart-panel{
  padding:0;
  overflow:hidden;
}

.purchase-cart{
  min-height:70px;
}

.purchase-cart-row{
  display:grid;
  grid-template-columns:
    minmax(220px,1fr)
    110px
    130px
    130px
    130px
    78px
    42px;
  align-items:center;
  gap:12px;
  padding:12px 18px;
  border-bottom:1px solid #eef1f4;
}

.purchase-qty,
.purchase-cost{
  margin:0;
}

.purchase-qty span,
.purchase-cost span,
.purchase-sale-price span{
  display:block;
  margin-bottom:4px;
  color:#667085;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}

.purchase-qty input,
.purchase-cost input{
  width:100%;
  height:40px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}

.purchase-sale-price strong{
  display:block;
  min-height:40px;
  padding-top:9px;
  color:#101828;
  font-size:14px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.purchase-qty-buttons{
  display:grid;
  grid-template-columns:36px 36px;
  align-items:center;
  margin-top:14px;
}

.purchase-qty-buttons button{
  width:36px;
  height:38px;
  padding:0;
  border:1px solid #d0d5dd;
  background:#fff;
  color:#344054;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}

.purchase-qty-buttons button:first-child{
  border-radius:8px 0 0 8px;
}

.purchase-qty-buttons button:last-child{
  border-left:0;
  border-radius:0 8px 8px 0;
}

.purchase-qty-buttons button:hover{
  background:#f2f4f7;
}

.purchase-cart-row .cart-delete{
  align-self:center;
  margin-top:14px;
}

/* Notes */
.purchase-notes{
  padding:16px 18px;
  border-top:1px solid #eef1f4;
}

.purchase-notes label{
  display:block;
  margin:0;
}

.purchase-notes textarea{
  width:100%;
  min-height:76px;
  margin-top:6px;
  resize:vertical;
}

/* Tablet */
@media(max-width:1100px) and (min-width:761px){

  .purchase-cart-row{
    grid-template-columns:
      minmax(180px,1fr)
      95px
      115px
      115px
      115px
      74px
      40px;
    gap:8px;
    padding:12px;
  }
}

/* Mobile */
@media(max-width:760px){

  .purchase-settings,
  .purchase-item-search{
    margin-bottom:10px;
  }

  .purchase-item-search #item-search{
    height:48px;
    font-size:16px;
  }

  .purchase-new-item summary{
    padding:4px 0;
  }

  .purchase-new-item .form-grid{
    grid-template-columns:1fr;
    padding:10px;
  }

  .purchase-new-item .form-grid button{
    min-height:42px;
  }

  .purchase-cart-row{
    grid-template-columns:1fr 1fr 44px;
    gap:12px;
    padding:14px;
  }

  .purchase-cart-row .cart-item-info{
    grid-column:1/-1;
  }

  .purchase-qty{
    grid-column:1;
  }

  .purchase-cost{
    grid-column:2;
  }

  .purchase-sale-price{
    grid-column:1;
  }

  .purchase-cart-row .cart-subtotal{
    grid-column:2;
    display:block;
    padding:0;
    border:0;
    text-align:right;
  }

  .purchase-qty-buttons{
    grid-column:1/3;
    grid-row:auto;
    width:max-content;
    margin-top:0;
  }

  .purchase-cart-row .cart-delete{
    grid-column:3;
    align-self:end;
    margin-top:0;
  }

  .purchase-notes{
    padding:14px;
  }

  .purchase-notes textarea{
    min-height:70px;
  }

  .purchase-cart-panel .sale-actions button[value="complete"]{
    order:1;
  }

  .purchase-cart-panel .sale-actions button[value="draft"]{
    order:2;
  }
}


/* =========================================================
   PURCHASE CREATE — FINAL ROW ALIGNMENT
   ========================================================= */

.purchase-cart-row{
  grid-template-columns:
    minmax(240px,1fr)
    170px
    130px
    130px
    130px
    42px;
  gap:14px;
  align-items:end;
}

.purchase-qty{
  display:grid;
  grid-template-columns:36px minmax(70px,1fr) 36px;
  align-items:end;
}

.purchase-qty > span{
  grid-column:1/-1;
}

.purchase-qty input{
  grid-column:2;
  grid-row:2;
  height:40px;
  border-radius:0;
  text-align:center;
}

.purchase-qty-buttons{
  display:contents;
}

.purchase-qty-buttons button{
  width:36px;
  height:40px;
  margin:0;
  padding:0;
}

.purchase-qty-buttons button:first-child{
  grid-column:1;
  grid-row:2;
  border-radius:8px 0 0 8px;
}

.purchase-qty-buttons button:last-child{
  grid-column:3;
  grid-row:2;
  border-left:0;
  border-radius:0 8px 8px 0;
}

.purchase-cost,
.purchase-sale-price,
.purchase-cart-row .cart-subtotal{
  align-self:end;
}

.purchase-sale-price strong,
.purchase-cart-row .cart-subtotal strong{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:0;
}

.purchase-cart-row .cart-subtotal{
  text-align:right;
}

.purchase-cart-row .cart-subtotal strong{
  justify-content:flex-end;
}

.purchase-cart-row .cart-delete{
  align-self:end;
  margin:0 0 1px;
}

/* Mobile */
@media(max-width:760px){

  .purchase-cart-row{
    grid-template-columns:1fr 1fr 44px;
    gap:12px;
    align-items:end;
  }

  .purchase-cart-row .cart-item-info{
    grid-column:1/-1;
  }

  .purchase-qty{
    grid-column:1/3;
    width:170px;
  }

  .purchase-cost{
    grid-column:1;
  }

  .purchase-sale-price{
    grid-column:2;
  }

  .purchase-cart-row .cart-subtotal{
    grid-column:1/3;
    text-align:left;
  }

  .purchase-cart-row .cart-subtotal strong{
    justify-content:flex-start;
  }

  .purchase-cart-row .cart-delete{
    grid-column:3;
    grid-row:4;
  }
}



/* =========================================================
   PURCHASE CREATE — FINAL CART LAYOUT
   ========================================================= */

.purchase-cart-row{
  display:grid;
  grid-template-columns:
    minmax(240px,1fr)
    150px
    130px
    130px
    130px
    42px;
  gap:14px;
  align-items:end;
  padding:14px 18px;
  border-bottom:1px solid #eef1f4;
}

/* SASIA */
.purchase-qty{
  display:block;
  width:150px;
  margin:0;
}

.purchase-qty > span{
  display:block;
  margin-bottom:4px;
  color:#667085;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}

.purchase-qty-control{
  display:grid;
  grid-template-columns:38px 74px 38px;
  width:150px;
  height:40px;
}

.purchase-qty-control button{
  width:38px;
  height:40px;
  margin:0;
  padding:0;
  border:1px solid #d0d5dd;
  background:#fff;
  color:#344054;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}

.purchase-qty-control button:first-child{
  border-radius:8px 0 0 8px;
  border-right:0;
}

.purchase-qty-control button:last-child{
  border-radius:0 8px 8px 0;
  border-left:0;
}

.purchase-qty-control input{
  width:74px;
  height:40px;
  margin:0;
  padding:0 6px;
  border:1px solid #d0d5dd;
  border-radius:0;
  text-align:center;
  font-variant-numeric:tabular-nums;
}

/* KOSTO */
.purchase-cost{
  margin:0;
}

.purchase-cost input{
  width:100%;
  height:40px;
  text-align:right;
}

/* ÇMIMI SHITJES + NËNTOTALI */
.purchase-sale-price,
.purchase-cart-row .cart-subtotal{
  align-self:end;
}

.purchase-sale-price strong,
.purchase-cart-row .cart-subtotal strong{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:0;
  white-space:nowrap;
}

/* SHPORTA */
.purchase-cart-row .cart-delete{
  align-self:end;
  width:38px;
  height:40px;
  margin:0;
}

/* MOBILE */
@media(max-width:760px){

  .purchase-cart-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;
    gap:12px;
    padding:14px;
  }

  .purchase-cart-row .cart-item-info{
    grid-column:1/-1;
  }

  .purchase-qty{
    grid-column:1/3;
    width:150px;
  }

  .purchase-cost{
    grid-column:1;
  }

  .purchase-sale-price{
    grid-column:2;
  }

  .purchase-cart-row .cart-subtotal{
    grid-column:1/3;
    text-align:left;
  }

  .purchase-cart-row .cart-delete{
    grid-column:3;
    align-self:end;
  }
}


/* PURCHASE CREATE — neutralize old quantity grid placement */
.purchase-qty-control input{
  grid-column:auto;
  grid-row:auto;
}

.purchase-qty-control > button:first-child{
  grid-column:auto;
  grid-row:auto;
}

.purchase-qty-control > button:last-child{
  grid-column:auto;
  grid-row:auto;
}

/* PURCHASE CREATE — quantity input exact alignment */
.purchase-qty-control{
  display:flex;
  align-items:stretch;
  width:150px;
  height:40px;
}

.purchase-qty-control > button{
  flex:0 0 38px;
  width:38px;
  height:40px;
  min-height:40px;
  box-sizing:border-box;
}

.purchase-qty-control > input{
  flex:0 0 74px;
  width:74px !important;
  min-width:0;
  height:40px !important;
  min-height:40px;
  margin:0 !important;
  padding:0 4px !important;
  box-sizing:border-box;
  border-radius:0 !important;
  text-align:center !important;
  line-height:40px;
}

/* =========================================================
   PURCHASE CREATE — MOBILE FINAL POLISH
   ========================================================= */

@media(max-width:760px){

  .purchase-cart-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;
    gap:12px;
    align-items:end;
    padding:14px;
  }

  /* Artikulli */
  .purchase-cart-row .cart-item-info{
    grid-column:1/-1;
    margin-bottom:2px;
  }

  /* Sasia */
  .purchase-qty{
    grid-column:1/-1;
    width:150px;
    margin:0;
  }

  .purchase-qty-control{
    width:150px;
  }

  /* Kosto */
  .purchase-cost{
    grid-column:1;
    width:100%;
    margin:0;
  }

  .purchase-cost input{
    width:100%;
    height:40px;
  }

  /* Çmimi i shitjes */
  .purchase-sale-price{
    grid-column:2;
    width:100%;
    margin:0;
  }

  .purchase-sale-price strong{
    display:flex;
    align-items:center;
    min-height:40px;
    padding:0;
  }

  /* Nëntotali */
  .purchase-cart-row .cart-subtotal{
    grid-column:1/3;
    display:block;
    margin:0;
    padding:0;
    border:0;
    text-align:left;
  }

  .purchase-cart-row .cart-subtotal span{
    display:block;
    margin-bottom:4px;
  }

  .purchase-cart-row .cart-subtotal strong{
    display:block;
    min-height:auto;
    padding:0;
    font-size:15px;
  }

  /* Fshirja */
  .purchase-cart-row .cart-delete{
    grid-column:3;
    align-self:end;
    width:38px;
    height:40px;
    margin:0;
  }

}


/* =========================================================
   STORE V2 — FINAL ITEMS LIST
   ========================================================= */

.items-page-head{
  margin-bottom:16px;
}

.items-page-head .quick-actions{
  align-items:center;
}

/* Barcode scanner */
.items-scanner{
  margin-bottom:14px;
  padding:16px;
}

.items-scanner-title{
  display:flex;
  align-items:center;
  margin-bottom:10px;
}

.items-scanner-title strong{
  color:#101828;
  font-size:14px;
}

.items-scanner-title small{
  margin-left:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:400;
}

.items-scanner-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}

.items-scanner-control input{
  width:100%;
  margin:0;
}

.items-scanner-control .btn{
  min-width:64px;
  height:40px;
}

.items-barcode-message{
  margin-top:8px;
  color:#475467;
  font-size:13px;
}

/* Filters */
.items-filters{
  margin-bottom:14px;
  padding:16px;
}

.items-filter-form{
  display:grid;
  grid-template-columns:minmax(320px,1fr) 150px 150px auto;
  gap:10px;
  align-items:end;
}

.items-filter-form > div{
  min-width:0;
}

.items-filter-form label{
  display:block;
  margin-bottom:5px;
  color:#344054;
  font-size:12px;
  font-weight:700;
}

.items-filter-form input,
.items-filter-form select{
  width:100%;
  margin:0;
}

.items-search-btn{
  min-width:70px;
  height:40px;
}

/* Table */
.items-table-wrap{
  padding:12px 16px;
}

.items-table{
  width:100%;
}

.items-table th{
  white-space:nowrap;
}

.items-table-row{
  cursor:pointer;
  transition:background .12s ease;
}

.items-table-row:hover{
  background:#f8fafc;
}

.items-photo-cell{
  width:70px;
}

.items-table .thumb,
.items-table .placeholder{
  width:40px;
  height:40px;
  border-radius:8px;
}

.items-table .thumb{
  display:block;
  object-fit:cover;
  background:#f2f4f7;
}

.items-table .placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2f4f7;
  color:#98a2b3;
}

.item-name{
  color:#101828;
  font-weight:700;
}

.item-stock{
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.item-stock.out{
  color:#d92d20;
  font-weight:700;
}

.item-price{
  white-space:nowrap;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}

.text-right{
  text-align:right;
}

.items-pagination{
  margin-top:14px;
}

/* Tablet */
@media(max-width:1050px){
  .items-filter-form{
    grid-template-columns:minmax(240px,1fr) 140px 140px auto;
  }
}

/* Mobile — base layout; final polish after visual test */
@media(max-width:760px){

  .items-page-head .quick-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .items-scanner{
    padding:14px;
  }

  .items-scanner-title small{
    display:block;
    margin:3px 0 0;
  }

  .items-scanner-control{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .items-filters{
    padding:14px;
  }

  .items-filter-form{
    grid-template-columns:1fr 1fr;
  }

  .items-filter-search{
    grid-column:1/-1;
  }

  .items-search-btn{
    grid-column:1/-1;
    width:100%;
  }

  .items-table-wrap{
    padding:8px;
    overflow-x:auto;
  }
}


/* =========================================================
   ITEMS — MOBILE CARDS
   ========================================================= */

@media(max-width:760px){

  .items-table-wrap{
    padding:0;
    overflow:visible;
    background:transparent;
    border:0;
    box-shadow:none;
  }

  .items-table{
    display:block;
    width:100%;
  }

  .items-table thead{
    display:none;
  }

  .items-table tbody{
    display:block;
  }

  .items-table-row{
    display:grid;
    grid-template-columns:56px minmax(0,1fr) auto;
    gap:4px 12px;
    align-items:center;

    margin-bottom:10px;
    padding:14px;

    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:var(--shadow);
  }

  .items-table-row td{
    display:block;
    width:auto;
    padding:0;
    border:0;
    text-align:left;
  }

  /* Foto */
  .items-table-row td:nth-child(1){
    grid-column:1;
    grid-row:1 / span 3;
  }

  .items-table .thumb,
  .items-table .placeholder{
    width:52px;
    height:52px;
    border-radius:9px;
  }

  /* Emërtimi */
  .items-table-row td:nth-child(2){
    grid-column:2 / 4;
    grid-row:1;
  }

  .item-name{
    font-size:15px;
  }

  /* Shifra */
  .items-table-row td:nth-child(3){
    grid-column:2;
    grid-row:2;
    color:#667085;
    font-size:12px;
  }

  .items-table-row td:nth-child(3)::before{
    content:"Shifra: ";
    font-weight:600;
  }

  /* Barcode */
  .items-table-row td:nth-child(4){
    grid-column:2 / 4;
    grid-row:3;
    color:#667085;
    font-size:12px;
  }

  .items-table-row td:nth-child(4)::before{
    content:"Barcode: ";
    font-weight:600;
  }

  /* Stoku */
  .items-table-row td:nth-child(5){
    grid-column:1 / 3;
    grid-row:4;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #eef1f4;
    font-size:13px;
  }

  .items-table-row td:nth-child(5)::before{
    content:"Stoku";
    display:block;
    margin-bottom:2px;
    color:#667085;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
  }

  /* Çmimi */
  .items-table-row td:nth-child(6){
    grid-column:3;
    grid-row:4;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #eef1f4;
    text-align:right;
    font-size:14px;
  }

  .items-table-row td:nth-child(6)::before{
    content:"Çmimi";
    display:block;
    margin-bottom:2px;
    color:#667085;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
  }

  .items-pagination{
    margin-top:10px;
  }
}


/* =========================================================
   ITEMS — MOBILE WIDTH FIX
   Override global table min-width only for Items
   ========================================================= */

@media(max-width:760px){

  .items-table-wrap{
    width:100%;
    max-width:100%;
    overflow:visible;
  }

  .items-table-wrap .items-table{
    display:block;
    width:100%;
    min-width:0 !important;
    max-width:100%;
  }

  .items-table tbody{
    display:block;
    width:100%;
    min-width:0;
  }

  .items-table-row{
    width:100%;
    min-width:0;
    max-width:100%;
  }
}


/* =========================================================
   PURCHASE CREATE — MOBILE PRICE SUMMARY
   Nëntotali majtas / Çmimi shitjes djathtas
   ========================================================= */

@media(max-width:760px){

  .purchase-cart-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;
  }

  /* Sasia */
  .purchase-qty{
    grid-column:1 / 3;
  }

  /* Kosto */
  .purchase-cost{
    grid-column:1 / 3;
    width:140px;
  }

  /* Nëntotali majtas */
  .purchase-cart-row .cart-subtotal{
    grid-column:1;
    grid-row:auto;
    margin-top:8px;
    padding-top:10px;
    border-top:1px solid #eef1f4;
    text-align:left;
  }

  /* Çmimi i shitjes djathtas */
  .purchase-sale-price{
    grid-column:2;
    grid-row:auto;
    margin-top:8px;
    padding-top:10px;
    border-top:1px solid #eef1f4;
    text-align:right;
  }

  .purchase-sale-price span,
  .purchase-cart-row .cart-subtotal span{
    display:block;
    margin-bottom:3px;
  }

  .purchase-sale-price strong,
  .purchase-cart-row .cart-subtotal strong{
    display:block;
    min-height:0;
    padding:0;
    font-size:14px;
  }

  /* Shporta në të djathtë */
  .purchase-cart-row .cart-delete{
    grid-column:3;
    align-self:end;
    margin-top:8px;
  }
}


/* =========================================================
   ITEM DETAIL — FINAL
   ========================================================= */

.item-detail-head{
  margin-bottom:16px;
}

.item-detail-card{
  padding:0;
  overflow:hidden;
}

.item-detail-main{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:28px;
  padding:24px;
}

/* PHOTO */

.item-detail-photo{
  min-width:0;
}

.item-detail-photo img,
.item-detail-no-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:1/1;
  border-radius:12px;
  background:#f2f4f7;
  border:1px solid #eaecf0;
}

.item-detail-photo img{
  object-fit:contain;
}

.item-detail-no-photo{
  flex-direction:column;
  gap:8px;
  color:#667085;
}

.item-detail-no-photo span{
  font-size:28px;
}

.item-detail-no-photo strong{
  font-size:13px;
}

.item-photo-button{
  width:100%;
  margin-top:10px;
  text-align:center;
}

/* INFORMATION */

.item-detail-info{
  min-width:0;
}

.item-detail-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid #eaecf0;
}

.item-detail-title h2{
  margin:0;
  color:#101828;
  font-size:24px;
  letter-spacing:-.02em;
}

.item-stock-badge{
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:999px;
  background:#ecfdf3;
  color:#027a48;
  font-size:12px;
  font-weight:700;
}

.item-stock-badge.out{
  background:#fef3f2;
  color:#b42318;
}

/* DATA GRID */

.item-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin-top:4px;
}

.item-detail-field{
  min-width:0;
  padding:16px 12px 16px 0;
  border-bottom:1px solid #eef1f4;
}

.item-detail-field span{
  display:block;
  margin-bottom:5px;
  color:#667085;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}

.item-detail-field strong{
  display:block;
  color:#101828;
  font-size:15px;
  overflow-wrap:anywhere;
}

.item-detail-price strong{
  font-size:19px;
}

/* BARCODE */

.item-barcode-section{
  margin-top:22px;
  padding:16px;
  background:#f8fafc;
  border:1px solid #eaecf0;
  border-radius:12px;
}

.item-section-title{
  margin-bottom:12px;
}

.item-section-title strong{
  display:block;
  color:#101828;
  font-size:14px;
}

.item-section-title small{
  display:block;
  margin-top:2px;
  color:#667085;
  font-size:12px;
}

.item-barcode-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}

.item-barcode-form input{
  width:100%;
  margin:0;
}

.item-barcode-form .btn{
  min-width:120px;
}

.item-generate-barcode{
  margin-top:8px;
}

.item-generate-barcode .btn{
  width:auto;
}


/* TABLET */

@media(max-width:900px){

  .item-detail-main{
    grid-template-columns:190px minmax(0,1fr);
    gap:20px;
    padding:20px;
  }
}


/* MOBILE */

@media(max-width:760px){

  .item-detail-head{
    margin-bottom:12px;
  }

  .item-detail-head .quick-actions{
    grid-template-columns:1fr 1fr;
  }

  .item-detail-head .quick-actions .btn:last-child{
    grid-column:1/-1;
  }

  .item-detail-main{
    display:block;
    padding:14px;
  }

  .item-detail-photo{
    display:grid;
    grid-template-columns:100px minmax(0,1fr);
    gap:12px;
    align-items:center;
    margin-bottom:18px;
  }

  .item-detail-photo img,
  .item-detail-no-photo{
    width:100px;
    height:100px;
    aspect-ratio:auto;
  }

  .item-photo-button{
    width:100%;
    margin:0;
  }

  .item-detail-title{
    padding-bottom:12px;
  }

  .item-detail-title h2{
    font-size:20px;
  }

  .item-detail-grid{
    grid-template-columns:1fr 1fr;
  }

  .item-detail-field{
    padding:13px 8px 13px 0;
  }

  .item-detail-price strong{
    font-size:17px;
  }

  .item-barcode-section{
    margin-top:16px;
    padding:14px;
  }

  .item-barcode-form{
    grid-template-columns:1fr;
  }

  .item-barcode-form .btn{
    width:100%;
  }

  .item-generate-barcode .btn{
    width:100%;
  }
}

@media(max-width:420px){

  .item-detail-grid{
    grid-template-columns:1fr 1fr;
  }

  .item-detail-field strong{
    font-size:14px;
  }
}


/* =========================================================
   ITEM FORM — FINAL
   ========================================================= */

.item-form-head{
  margin-bottom:16px;
}

.item-form-container{
  max-width:1100px;
}

.item-form-container .panel{
  padding:20px;
}

.item-form-container .form-grid{
  gap:16px 18px;
}

.item-form-container label{
  display:block;
  margin-bottom:6px;
  color:#344054;
  font-size:13px;
  font-weight:700;
}

.item-form-container input,
.item-form-container select,
.item-form-container textarea{
  width:100%;
  margin:0;
}

.item-form-container input[disabled],
.item-form-container input[readonly]{
  background:#f8fafc;
  color:#475467;
}

.item-form-container small{
  display:block;
  margin-top:5px;
  color:#667085;
  font-size:12px;
}

/* Active checkbox */

.item-active-field{
  display:flex;
  align-items:flex-end;
}

.item-active-control{
  display:flex !important;
  align-items:center;
  gap:10px;
  min-height:42px;
  margin:0 !important;
  cursor:pointer;
}

.item-active-control input[type="checkbox"]{
  flex:0 0 auto;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  accent-color:#2563eb;
}

.item-active-control span{
  min-width:0;
}

.item-active-control strong{
  display:block;
  color:#101828;
  font-size:13px;
}

.item-active-control small{
  margin:2px 0 0;
  font-weight:400;
}

/* Bottom actions */

.item-form-container > form > .toolbar{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:14px;
}

.item-form-container > form > .toolbar button{
  order:2;
}

.item-form-container > form > .toolbar .btn{
  order:1;
}


/* MOBILE */

@media(max-width:760px){

  .item-form-head .quick-actions{
    grid-template-columns:1fr;
  }

  .item-form-container{
    max-width:none;
  }

  .item-form-container .panel{
    padding:14px;
  }

  .item-form-container .form-grid{
    grid-template-columns:1fr;
    gap:13px;
  }

  .item-active-field{
    padding:4px 0;
  }

  .item-form-container > form > .toolbar{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .item-form-container > form > .toolbar button,
  .item-form-container > form > .toolbar .btn{
    width:100%;
    margin:0;
    text-align:center;
  }

  .item-form-container > form > .toolbar button{
    order:1;
  }

  .item-form-container > form > .toolbar .btn{
    order:2;
  }
}


/* =========================================================
   STOCK CORRECTION — FINAL UI
   ========================================================= */

.stock-correction-head{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}

.stock-correction-wrap{
  max-width:920px;
  margin:0 auto;
}

.stock-correction-card{
  padding:0;
  overflow:hidden;
}

.stock-correction-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 22px;
  border-bottom:1px solid var(--border);
}

.stock-correction-item > div:first-child{
  min-width:0;
}

.stock-correction-item small,
.stock-current-box small{
  display:block;
  margin-bottom:5px;
  color:#667085;
  font-size:11px;
  font-weight:700;
}

.stock-correction-item > div:first-child strong{
  display:block;
  color:#101828;
  font-size:20px;
}

.stock-correction-item > div:first-child span{
  display:block;
  margin-top:4px;
  color:#667085;
  font-size:13px;
}

.stock-current-box{
  flex:0 0 auto;
  min-width:160px;
  padding:12px 16px;
  background:#f8fafc;
  border:1px solid #eaecf0;
  border-radius:10px;
  text-align:right;
}

.stock-current-box strong{
  display:block;
  color:#101828;
  font-size:20px;
  font-variant-numeric:tabular-nums;
}

.stock-correction-form{
  padding:22px;
}

.stock-correction-form > div:not(:last-child){
  margin-bottom:18px;
}

.stock-correction-form label{
  display:block;
  margin-bottom:6px;
  color:#344054;
  font-size:13px;
  font-weight:700;
}

.stock-correction-form input,
.stock-correction-form textarea{
  width:100%;
  margin:0;
}

.stock-correction-form input{
  max-width:320px;
}

.stock-correction-form textarea{
  resize:vertical;
  min-height:110px;
}

.stock-correction-form small{
  display:block;
  margin-top:6px;
  color:#667085;
  font-size:12px;
}

.stock-correction-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:4px;
}

@media(max-width:760px){

  .stock-correction-head{
    margin-bottom:14px;
  }

  .stock-correction-head .quick-actions{
    display:block;
  }

  .stock-correction-head .quick-actions .btn{
    width:100%;
  }

  .stock-correction-item{
    align-items:stretch;
    padding:16px;
  }

  .stock-current-box{
    min-width:130px;
    padding:10px 12px;
  }

  .stock-correction-item > div:first-child strong,
  .stock-current-box strong{
    font-size:17px;
  }

  .stock-correction-form{
    padding:16px;
  }

  .stock-correction-form input{
    max-width:none;
  }

  .stock-correction-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .stock-correction-actions .btn{
    width:100%;
  }
}

@media(max-width:420px){

  .stock-correction-item{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .stock-current-box{
    min-width:0;
    text-align:left;
  }

  .stock-correction-actions{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   STORE V2 — FINAL CUSTOMERS
   ========================================================= */

.customers-page-head{
  margin-bottom:16px;
}

.customers-tools{
  padding:16px;
  margin-bottom:14px;
}

.customers-tabs{
  margin-bottom:16px;
}

.customers-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}

.customers-search{
  display:grid;
  grid-template-columns:minmax(300px,520px) auto auto;
  align-items:end;
  gap:8px;
  width:100%;
}

.customers-search > div{
  min-width:0;
}

.customers-search label{
  display:block;
  margin-bottom:5px;
  color:#344054;
  font-size:12px;
  font-weight:700;
}

.customers-search input{
  width:100%;
  margin:0;
}

.customers-search .btn{
  height:40px;
}

/* Add customer / supplier */
.customers-add-panel{
  margin-bottom:14px;
  padding:0;
  overflow:hidden;
}

.customers-add-panel details{
  margin:0;
}

.customers-add-panel summary{
  padding:16px 18px;
  cursor:pointer;
  color:#101828;
  font-weight:700;
  list-style:none;
  user-select:none;
}

.customers-add-panel summary::-webkit-details-marker{
  display:none;
}

.customers-add-panel summary::before{
  content:"＋";
  display:inline-block;
  margin-right:7px;
  color:var(--primary);
  font-weight:800;
}

.customers-add-panel details[open] summary{
  border-bottom:1px solid var(--border);
}

.customers-add-panel details[open] summary::before{
  content:"−";
}

.customers-add-body{
  padding:18px;
}

.customers-add-body .form-grid{
  margin:0;
}

.customers-add-body label{
  display:block;
  margin-bottom:5px;
  color:#344054;
  font-size:12px;
  font-weight:700;
}

.customers-add-body input,
.customers-add-body textarea{
  width:100%;
  margin:0;
}

.customers-notes{
  grid-column:1/-1;
}

.customers-form-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}

/* List */
.customers-list-panel{
  padding:0;
  overflow:hidden;
}

.customers-list-head{
  margin:0;
  padding:16px 18px;
  border-bottom:1px solid var(--border);
}

.customers-list-head h2{
  margin:0 0 3px;
  font-size:17px;
}

.customers-list-head small{
  color:var(--muted);
}

.customers-table-wrap{
  padding:0;
}

.customers-table{
  width:100%;
  margin:0;
}

.customers-table th{
  white-space:nowrap;
}

.customers-table-row{
  cursor:pointer;
  transition:background .12s ease;
}

.customers-table-row:hover{
  background:#f8fafc;
}

.customer-name{
  color:#101828;
}

.customer-phone,
.customer-city{
  color:#475467;
}

.status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:3px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.status-badge.active{
  color:#067647;
  background:#ecfdf3;
}

.status-badge.inactive{
  color:#b42318;
  background:#fef3f2;
}

.customer-open{
  width:75px;
  text-align:right;
}

.customer-open span{
  color:var(--primary);
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.customers-pagination{
  margin-top:14px;
}


/* =========================================================
   CUSTOMERS — MOBILE
   ========================================================= */

@media(max-width:760px){

  .customers-page-head{
    margin-bottom:12px;
  }

  .customers-tools{
    padding:12px;
    margin-bottom:10px;
  }

  .customers-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    margin-bottom:12px;
    padding:4px;
  }

  .customers-tabs a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:40px;
    padding:7px 5px;
    text-align:center;
    font-size:12px;
    line-height:1.15;
  }

  .customers-search{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }

  .customers-search > div{
    grid-column:1/-1;
  }

  .customers-search .btn{
    width:100%;
  }

  .customers-add-panel{
    margin-bottom:10px;
  }

  .customers-add-panel summary{
    padding:14px;
  }

  .customers-add-body{
    padding:14px;
  }

  .customers-add-body .form-grid{
    grid-template-columns:1fr;
  }

  .customers-notes{
    grid-column:auto;
  }

  .customers-form-actions{
    margin-top:12px;
  }

  .customers-form-actions .btn{
    width:100%;
  }

  /* Table -> cards */
  .customers-list-panel{
    overflow:visible;
    background:transparent;
    border:0;
    box-shadow:none;
  }

  .customers-list-head{
    padding:0 2px 10px;
    border:0;
  }

  .customers-list-head h2{
    font-size:16px;
  }

  .customers-table-wrap{
    overflow:visible;
  }

  .customers-table{
    display:block;
  }

  .customers-table thead{
    display:none;
  }

  .customers-table tbody{
    display:block;
  }

  .customers-table-row{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px 16px;
    margin-bottom:9px;
    padding:14px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:var(--shadow);
  }

  .customers-table-row td{
    display:block;
    width:auto;
    padding:0;
    border:0;
    text-align:left;
  }

  .customers-table-row td:nth-child(1){
    grid-column:1;
    grid-row:1;
  }

  .customer-name{
    display:block;
    font-size:15px;
  }

  .customers-table-row td:nth-child(4){
    grid-column:2;
    grid-row:1;
    text-align:right;
  }

  .customers-table-row td:nth-child(2){
    grid-column:1;
    grid-row:2;
    color:#475467;
    font-size:13px;
  }

  .customers-table-row td:nth-child(2)::before{
    content:"Telefoni";
    display:block;
    margin-bottom:2px;
    color:#667085;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
  }

  .customers-table-row td:nth-child(3){
    grid-column:2;
    grid-row:2;
    text-align:right;
    color:#475467;
    font-size:13px;
  }

  .customers-table-row td:nth-child(3)::before{
    content:"Qyteti";
    display:block;
    margin-bottom:2px;
    color:#667085;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
  }

  .customer-open{
    display:none !important;
  }

  .customers-pagination{
    margin-top:10px;
  }
}

@media(max-width:420px){

  .customers-tabs a{
    font-size:11px;
  }

  .customers-table-row{
    padding:13px;
  }
}


/* =========================================================
   STORE V2 — CUSTOMER DETAILS
   ========================================================= */

.customer-show-head{
    margin-bottom:18px;
}

.customer-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
}

.customer-stat{
    position:relative;
    min-width:0;
    min-height:112px;
    padding:17px 18px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.customer-stat span{
    color:#667085;
    font-size:12px;
    font-weight:700;
    margin-bottom:7px;
}

.customer-stat strong{
    color:#101828;
    font-size:23px;
    line-height:1.2;
    letter-spacing:-.02em;
}

.customer-stat small{
    margin-top:6px;
    color:#667085;
    font-size:11px;
}

.customer-stat-debt{
    background:#fffaf5;
    border-color:#fedf89;
}

.customer-stat-debt strong{
    color:#b54708;
}


/* PAYMENT */

.customer-payment-panel{
    padding:0;
    overflow:hidden;
    margin-bottom:18px;
}

.customer-payment-panel .panel-head{
    margin:0;
    padding:16px 18px;
    border-bottom:1px solid var(--border);
}

.customer-payment-panel .panel-head h2{
    margin:0 0 3px;
    font-size:17px;
}

.customer-payment-form{
    display:grid;
    grid-template-columns:160px 180px 180px minmax(220px,1fr) auto;
    gap:12px;
    align-items:end;
    padding:18px;
}

.customer-payment-form label{
    display:block;
    margin-bottom:6px;
    font-size:12px;
    font-weight:700;
}

.customer-payment-form input,
.customer-payment-form select{
    width:100%;
}

.customer-payment-action button{
    white-space:nowrap;
}


/* HISTORY */

.customer-history-grid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:16px;
    align-items:start;
}

.customer-history-panel{
    min-width:0;
    padding:0;
    overflow:hidden;
}

.customer-history-panel .panel-head{
    margin:0;
    padding:16px 18px;
    border-bottom:1px solid var(--border);
}

.customer-history-panel .panel-head h2{
    margin:0 0 3px;
    font-size:17px;
}

.customer-history-panel .panel-head small{
    color:var(--muted);
    font-size:12px;
}

.customer-table-wrap{
    width:100%;
    overflow-x:auto;
}

.customer-history-table{
    width:100%;
    margin:0;
}

.customer-history-table th{
    white-space:nowrap;
}

.customer-sales-table tbody tr{
    cursor:pointer;
}

.customer-sales-table tbody tr:hover{
    background:#f8fafc;
}

.customer-pagination{
    padding:12px 18px;
    border-top:1px solid var(--border);
}


/* STATUS */

.status-badge{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:4px 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
}

.status-ok{
    color:#067647;
    background:#ecfdf3;
}

.status-warning{
    color:#b54708;
    background:#fffaeb;
}

.status-danger{
    color:#b42318;
    background:#fef3f2;
}


/* TABLET */

@media(max-width:1100px){

    .customer-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .customer-payment-form{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .customer-payment-note{
        grid-column:1/-1;
    }

    .customer-payment-action{
        grid-column:1/-1;
    }

    .customer-history-grid{
        grid-template-columns:1fr;
    }
}


/* MOBILE */

@media(max-width:760px){

    .customer-show-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
    }

    .customer-show-head h1{
        font-size:22px;
    }

    .customer-show-head .btn{
        width:auto;
        flex:0 0 auto;
    }

    .customer-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        margin-bottom:12px;
    }

    .customer-stat{
        min-height:96px;
        padding:12px;
        border-radius:12px;
    }

    .customer-stat span{
        font-size:11px;
        margin-bottom:5px;
    }

    .customer-stat strong{
        font-size:18px;
    }

    .customer-payment-panel{
        margin-bottom:12px;
    }

    .customer-payment-form{
        grid-template-columns:1fr 1fr;
        gap:10px;
        padding:14px;
    }

    .customer-payment-note{
        grid-column:1/-1;
    }

    .customer-payment-action{
        grid-column:1/-1;
    }

    .customer-payment-action button{
        width:100%;
    }

    .customer-history-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .customer-history-panel .panel-head{
        padding:14px;
    }

    /*
     * Mobile history becomes cards instead of
     * a horizontally scrolling desktop table.
     */

    .customer-history-table,
    .customer-history-table tbody,
    .customer-history-table tr,
    .customer-history-table td{
        display:block;
        width:100%;
    }

    .customer-history-table thead{
        display:none;
    }

    .customer-history-table tr{
        padding:13px 14px;
        border-bottom:1px solid #eaecf0;
    }

    .customer-history-table tr:last-child{
        border-bottom:0;
    }

    .customer-history-table td{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        padding:4px 0;
        border:0;
        text-align:right;
    }

    .customer-history-table td::before{
        color:#667085;
        font-size:10px;
        font-weight:800;
        text-transform:uppercase;
        text-align:left;
    }

    .customer-sales-table td:nth-child(1)::before{
        content:"Fatura";
    }

    .customer-sales-table td:nth-child(2)::before{
        content:"Data";
    }

    .customer-sales-table td:nth-child(3)::before{
        content:"Vlera";
    }

    .customer-sales-table td:nth-child(4)::before{
        content:"Statusi";
    }

    .customer-payments-table td:nth-child(1)::before{
        content:"Data";
    }

    .customer-payments-table td:nth-child(2)::before{
        content:"Shuma";
    }

    .customer-payments-table td:nth-child(3)::before{
        content:"Metoda";
    }

    .customer-payments-table td:nth-child(4)::before{
        content:"Statusi";
    }

    .customer-history-table .empty-state{
        display:block;
        text-align:center;
        padding:20px 0;
    }

    .customer-history-table .empty-state::before{
        display:none;
    }
}

@media(max-width:420px){

    .customer-show-head{
        align-items:flex-start;
    }

    .customer-show-head .btn{
        padding-left:10px;
        padding-right:10px;
        font-size:12px;
    }

    .customer-stat{
        min-height:92px;
        padding:11px;
    }

    .customer-stat strong{
        font-size:17px;
    }

    .customer-payment-form{
        grid-template-columns:1fr;
    }

    .customer-payment-note,
    .customer-payment-action{
        grid-column:auto;
    }
}


/* =========================================================
   CUSTOMER DETAILS — TABLE FIX FINAL
   ========================================================= */

/* Desktop: mos lejo tabelat të dalin jashtë panelit */
.customer-history-panel .customer-table-wrap{
    width:100%;
    max-width:100%;
    overflow:hidden;
}

.customer-history-panel .customer-history-table{
    width:100%;
    min-width:0 !important;
    table-layout:fixed;
}

.customer-history-table th,
.customer-history-table td{
    overflow:hidden;
    text-overflow:ellipsis;
}


/* MOBILE */
@media(max-width:760px){

    .customer-history-panel{
        overflow:hidden;
    }

    .customer-history-panel .customer-table-wrap{
        width:100%;
        max-width:100%;
        overflow:visible !important;
    }

    .customer-history-table{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        table-layout:auto !important;
    }

    .customer-history-table thead{
        display:none !important;
    }

    .customer-history-table tbody{
        display:block !important;
        width:100% !important;
    }

    .customer-history-table tr{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        padding:12px 14px !important;
        margin:0 !important;
        border:0 !important;
        border-bottom:1px solid #eaecf0 !important;
        box-sizing:border-box;
    }

    .customer-history-table tr:last-child{
        border-bottom:0 !important;
    }

    .customer-history-table td{
        display:flex !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        padding:5px 0 !important;
        border:0 !important;
        text-align:right !important;
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
        box-sizing:border-box;
    }

    .customer-history-table td::before{
        flex:0 0 auto;
    }

    .customer-history-table td > *,
    .customer-history-table td a{
        min-width:0;
        max-width:65%;
        margin-left:auto;
        text-align:right;
    }

    .customer-history-table td a{
        font-weight:700;
    }

    .customer-history-table .status-badge{
        display:inline-flex !important;
        width:auto !important;
    }

    /* Shitjet */
    .customer-sales-table td:nth-child(1)::before{
        content:"Fatura";
    }

    .customer-sales-table td:nth-child(2)::before{
        content:"Data";
    }

    .customer-sales-table td:nth-child(3)::before{
        content:"Vlera";
    }

    .customer-sales-table td:nth-child(4)::before{
        content:"Statusi";
    }

    /* Pagesat */
    .customer-payments-table td:nth-child(1)::before{
        content:"Data";
    }

    .customer-payments-table td:nth-child(2)::before{
        content:"Shuma";
    }

    .customer-payments-table td:nth-child(3)::before{
        content:"Metoda";
    }

    .customer-payments-table td:nth-child(4)::before{
        content:"Statusi";
    }
}


/* Customer history — equal desktop columns */
@media(min-width:1101px){
    .customer-history-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* Customer history — equal panel height on desktop */
@media(min-width:1101px){
    .customer-history-grid{
        align-items:stretch;
    }

    .customer-history-panel{
        height:100%;
        display:flex;
        flex-direction:column;
    }

    .customer-history-panel .table-wrap{
        flex:1;
    }
}

/* =========================================================
   STORE V2 — FINAL PAYMENTS
   ========================================================= */

.payment-filter-panel,
.debt-payment-panel,
.payment-history-panel{
    overflow:hidden;
}

.payment-filter-form{
    padding:18px;
}

.payment-filter-grid{
    display:grid;
    grid-template-columns:minmax(260px,2fr) minmax(160px,1fr) minmax(160px,1fr) auto;
    gap:12px;
    align-items:end;
}

.payment-filter-grid label,
.debt-payment-grid label{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin:0;
}

.payment-filter-grid label > span,
.debt-payment-grid label > span{
    font-size:13px;
    font-weight:700;
    color:#344054;
}

.payment-filter-actions{
    display:flex;
    gap:8px;
    align-items:center;
}

.payment-filter-actions .btn{
    min-height:44px;
}


/* Regjistrimi i pagesës */

.debt-payment-form{
    padding:18px;
}

.debt-payment-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:14px;
}

.debt-payer-field{
    grid-column:span 2;
}

.debt-payment-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:16px;
}

.payment-empty-debt{
    display:flex;
    align-items:center;
    gap:13px;
    padding:18px;
}

.payment-empty-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ecfdf3;
    color:#027a48;
    font-size:18px;
    font-weight:800;
}

.payment-empty-debt strong{
    display:block;
    color:#101828;
    font-size:14px;
}

.payment-empty-debt small{
    display:block;
    margin-top:3px;
    color:#667085;
}


/* Historia */

.payment-history-panel{
    margin-top:16px;
}

.payment-table-wrap{
    overflow-x:auto;
}

.payment-table{
    margin:0;
}

.payment-table th,
.payment-table td{
    vertical-align:middle;
}

.payment-customer-link{
    display:block;
    color:#101828;
    font-weight:700;
    text-decoration:none;
}

.payment-customer-link:hover{
    color:var(--primary);
}

.payment-table td small{
    display:block;
    margin-top:2px;
    color:#667085;
}

.payment-allocation{
    display:flex;
    gap:7px;
    align-items:center;
    white-space:nowrap;
}

.payment-allocation span{
    color:#667085;
}

.payment-cancel-reason{
    margin-top:5px !important;
}

.payment-actions-cell{
    width:1%;
    white-space:nowrap;
}

.payment-cancel-details{
    position:relative;
}

.payment-cancel-details > summary{
    cursor:pointer;
    color:#b42318;
    font-size:13px;
    font-weight:700;
    list-style:none;
}

.payment-cancel-details > summary::-webkit-details-marker{
    display:none;
}

.payment-cancel-details > summary::before{
    content:"▸";
    margin-right:5px;
}

.payment-cancel-details[open] > summary::before{
    content:"▾";
}

.payment-cancel-details form{
    min-width:260px;
    margin-top:10px;
    padding:12px;
    background:#fff;
    border:1px solid #fecdca;
    border-radius:10px;
}

.payment-cancel-details textarea{
    min-height:80px;
    margin-bottom:8px;
}


/* MOBILE */

@media(max-width:760px){

    .payment-filter-form,
    .debt-payment-form{
        padding:14px;
    }

    .payment-filter-grid,
    .debt-payment-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .debt-payer-field{
        grid-column:auto;
    }

    .payment-filter-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .payment-filter-actions .btn,
    .debt-payment-actions .btn{
        width:100%;
    }

    .debt-payment-actions{
        margin-top:14px;
    }

    .payment-empty-debt{
        padding:16px 14px;
    }


    /* Tabela bëhet listë kartash në mobile */

    .payment-table-wrap{
        overflow:visible;
    }

    .payment-table,
    .payment-table tbody{
        display:block;
        width:100%;
    }

    .payment-table thead{
        display:none;
    }

    .payment-table tr{
        display:block;
        margin:0;
        padding:14px;
        border-bottom:1px solid var(--border);
    }

    .payment-table tr:last-child{
        border-bottom:0;
    }

    .payment-table td{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        gap:18px;
        width:100%;
        padding:7px 0;
        border:0;
        text-align:right;
    }

    .payment-table td::before{
        content:attr(data-label);
        flex:0 0 88px;
        color:#667085;
        font-size:11px;
        font-weight:800;
        text-transform:uppercase;
        text-align:left;
    }

    .payment-table td > *{
        max-width:calc(100% - 100px);
    }

    .payment-customer-link{
        text-align:right;
    }

    .payment-allocation{
        justify-content:flex-end;
        flex-wrap:wrap;
        white-space:normal;
    }

    .payment-actions-cell{
        white-space:normal;
    }

    .payment-cancel-details{
        width:100%;
    }

    .payment-cancel-details form{
        min-width:0;
        width:100%;
        text-align:left;
    }

    .payment-cancel-details textarea{
        width:100%;
    }
}

/* =========================================================
   PAYMENTS — MOBILE FINAL
   ========================================================= */

@media(max-width:760px){

    /* Neutralizon min-width:680px nga rregulli global i tabelave */
    .payment-table-wrap{
        width:100% !important;
        max-width:100% !important;
        overflow:visible !important;
    }

    .payment-table-wrap .payment-table{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:auto !important;
    }

    .payment-table thead{
        display:none !important;
    }

    .payment-table tbody{
        display:block !important;
        width:100% !important;
    }

    .payment-table tr{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        padding:12px 14px !important;
        margin:0 !important;
        border:0 !important;
        border-bottom:1px solid var(--border) !important;
        box-sizing:border-box;
    }

    .payment-table tr:last-child{
        border-bottom:0 !important;
    }

    .payment-table td{
        display:grid !important;
        grid-template-columns:88px minmax(0,1fr) !important;
        align-items:start !important;
        gap:14px !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        padding:6px 0 !important;
        border:0 !important;

        color:#344054 !important;
        text-align:right !important;
        white-space:normal !important;
        overflow:visible !important;
    }

    .payment-table td::before{
        content:attr(data-label) !important;
        display:block !important;

        width:auto !important;
        min-width:0 !important;

        color:#667085 !important;
        font-size:11px !important;
        font-weight:800 !important;
        text-transform:uppercase !important;
        text-align:left !important;
    }

    /* Çdo element direkt i vlerës shkon në kolonën e djathtë */
    .payment-table td > *{
        grid-column:2 !important;
        justify-self:end !important;

        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        text-align:right !important;
    }

    .payment-table .payment-customer-link{
        display:block !important;
        width:auto !important;
        color:#101828 !important;
        font-weight:700 !important;
    }

    .payment-table td small{
        display:block !important;
        text-align:right !important;
    }

    .payment-table .payment-allocation{
        display:flex !important;
        justify-content:flex-end !important;
        gap:7px !important;
        flex-wrap:wrap !important;
        white-space:normal !important;
    }

    .payment-table .status-badge{
        display:inline-flex !important;
        width:auto !important;
    }

    .payment-table .payment-cancel-details{
        width:auto !important;
        justify-self:end !important;
    }

    .payment-table .payment-actions-cell{
        white-space:normal !important;
    }

    .payment-table .payment-cancel-details form{
        width:min(260px,100%) !important;
        min-width:0 !important;
        text-align:left !important;
    }
}


/* =========================================================
   STORE V2 — RETURNS INDEX
   ========================================================= */

.returns-page-head .btn{
    flex:0 0 auto;
}

.returns-history-panel{
    overflow:hidden;
}

.returns-history-panel .panel-head{
    padding:18px 18px 0;
}

.returns-table-wrap{
    width:100%;
    overflow-x:auto;
}

.returns-table{
    width:100%;
    margin:0;
}

.returns-table th,
.returns-table td{
    vertical-align:middle;
}

.return-number,
.return-sale{
    color:#2563eb;
    font-weight:700;
    text-decoration:none;
}

.return-number:hover,
.return-sale:hover{
    text-decoration:underline;
}

.return-refund{
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
}

.return-refund small{
    display:block;
    color:#667085;
}

.returns-pagination{
    padding:0 18px 18px;
}

@media(max-width:760px){

    .returns-page-head{
        align-items:center;
    }

    .returns-page-head h1{
        font-size:24px;
    }

    .returns-page-head .btn{
        width:auto;
        white-space:nowrap;
    }

    .returns-history-panel .panel-head{
        padding:14px 14px 0;
    }

    .returns-table-wrap{
        overflow:visible;
    }

    /* Neutralizon min-width global të tabelave */
    .returns-table-wrap .returns-table{
        display:block;
        width:100%;
        min-width:0 !important;
        max-width:100%;
    }

    .returns-table thead{
        display:none;
    }

    .returns-table tbody{
        display:block;
        width:100%;
    }

    .returns-table tr{
        display:block;
        width:100%;
        padding:12px 14px;
        border-bottom:1px solid var(--border);
    }

    .returns-table tr:last-child{
        border-bottom:0;
    }

    .returns-table td{
        display:grid;
        grid-template-columns:96px minmax(0,1fr);
        gap:14px;
        align-items:start;

        width:100%;
        min-width:0;
        max-width:none;

        padding:6px 0;
        border:0;

        text-align:right;
        white-space:normal;
        overflow:visible;
    }

    .returns-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:11px;
        font-weight:800;
        text-transform:uppercase;
        text-align:left;
    }

    .returns-table td > *{
        grid-column:2;
        justify-self:end;
        min-width:0;
        max-width:100%;
        text-align:right;
    }

    .returns-table .return-refund{
        align-items:flex-end;
    }

    .returns-empty-row{
        padding:0 !important;
    }

    .returns-empty-row td{
        display:block;
        padding:20px 14px;
    }

    .returns-empty-row td::before{
        display:none;
    }

    .returns-empty-row td > *{
        max-width:none;
        text-align:center;
    }

    .returns-pagination{
        padding:0 14px 14px;
    }
}

@media(max-width:420px){

    .returns-page-head{
        gap:10px;
    }

    .returns-page-head h1{
        font-size:22px;
    }

    .returns-page-head p{
        font-size:12px;
    }

    .returns-page-head .btn{
        min-height:40px;
        padding:8px 10px;
        font-size:12px;
    }
}


/* =========================================================
   STORE V2 — RETURN CREATE
   ========================================================= */

.return-sale-panel{
    overflow:hidden;
}

.return-sale-panel .panel-head,
.return-items-panel .panel-head,
.return-refund-panel .panel-head{
    padding:18px 18px 0;
}

.return-sale-selector{
    padding:0 18px 18px;
}

.return-sale-selector label{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.return-sale-selector label > span,
.return-refund-grid label > span,
.return-create-summary label > span{
    color:#344054;
    font-size:13px;
    font-weight:700;
}

.return-create-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
}

.return-create-summary > div,
.return-create-summary > label{
    min-height:82px;
    margin:0;
    padding:14px 16px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:var(--shadow);
}

.return-create-summary > div{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
}

.return-create-summary > div > span{
    color:#667085;
    font-size:12px;
    font-weight:700;
}

.return-create-summary > div > strong{
    color:#101828;
    font-size:16px;
}

.return-create-summary label{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.return-create-summary input{
    margin-top:4px;
}

.return-items-panel,
.return-refund-panel{
    overflow:hidden;
}

.return-create-table{
    width:100%;
    margin:0;
}

.return-create-table th,
.return-create-table td{
    vertical-align:middle;
}

.return-item-name strong{
    display:block;
    color:#101828;
}

.return-item-name small{
    display:block;
    margin-top:3px;
    color:#667085;
}

.return-qty-input{
    min-width:100px;
    margin:0;
}

.return-condition-input{
    min-width:180px;
    margin:0;
}

.return-stock-toggle{
    display:inline-flex;
    align-items:center;
    gap:7px;
    cursor:pointer;
}

.return-stock-toggle input{
    width:18px;
    height:18px;
    min-height:0;
    margin:0;
}

.return-stock-toggle span{
    font-size:13px;
    font-weight:700;
}

.return-refund-grid{
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(0,3fr);
    gap:14px;
    padding:0 18px 18px;
}

.return-refund-grid label{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin:0;
}

.return-refund-grid select,
.return-refund-grid textarea{
    margin:0;
}

.return-refund-grid textarea{
    min-height:90px;
}

.return-submit-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    padding:0 18px 18px;
}


/* RETURN CREATE — MOBILE */

@media(max-width:760px){

    .return-create-head{
        align-items:center;
    }

    .return-create-head h1{
        font-size:24px;
    }

    .return-create-head .btn{
        width:auto;
        flex:0 0 auto;
        white-space:nowrap;
    }

    .return-sale-panel .panel-head,
    .return-items-panel .panel-head,
    .return-refund-panel .panel-head{
        padding:14px 14px 0;
    }

    .return-sale-selector{
        padding:0 14px 14px;
    }

    .return-create-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        margin-bottom:12px;
    }

    .return-create-summary > div,
    .return-create-summary > label{
        min-height:86px;
        padding:11px 12px;
    }

    .return-create-summary > div > strong{
        font-size:14px;
    }

    .return-create-table-wrap{
        overflow:visible;
    }

    .return-create-table-wrap .return-create-table{
        display:block;
        width:100%;
        min-width:0 !important;
        max-width:100%;
    }

    .return-create-table thead{
        display:none;
    }

    .return-create-table tbody{
        display:block;
        width:100%;
    }

    .return-create-table tr{
        display:block;
        width:100%;
        padding:14px;
        border-bottom:1px solid var(--border);
    }

    .return-create-table tr:last-child{
        border-bottom:0;
    }

    .return-create-table td{
        display:grid;
        grid-template-columns:105px minmax(0,1fr);
        align-items:center;
        gap:12px;

        width:100%;
        min-width:0;
        max-width:none;

        padding:6px 0;
        border:0;
        text-align:right;
        white-space:normal;
        overflow:visible;
    }

    .return-create-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        font-weight:800;
        text-transform:uppercase;
        text-align:left;
    }

    .return-create-table td > *{
        grid-column:2;
        justify-self:end;
        min-width:0;
        max-width:100%;
        text-align:right;
    }

    .return-create-table .return-item-name{
        text-align:right;
    }

    .return-qty-input{
        width:120px !important;
        min-width:0;
    }

    .return-condition-input{
        width:100% !important;
        min-width:0;
    }

    .return-stock-toggle{
        width:auto;
    }

    .return-refund-grid{
        grid-template-columns:1fr;
        padding:0 14px 14px;
    }

    .return-submit-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        padding:0 14px 14px;
    }

    .return-submit-actions .btn{
        width:100%;
    }
}

@media(max-width:420px){

    .return-create-head{
        gap:8px;
    }

    .return-create-head h1{
        font-size:22px;
    }

    .return-create-head p{
        font-size:12px;
    }

    .return-create-head .btn{
        padding-left:10px;
        padding-right:10px;
        font-size:12px;
    }

    .return-create-summary{
        grid-template-columns:1fr 1fr;
    }
}


/* =========================================================
   STORE V2 — RETURN SHOW
   ========================================================= */

.return-show-title-row{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.return-show-title-row h1{
    margin:0;
}

.return-show-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-bottom:12px;
}

.return-show-meta > div{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:14px 16px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:var(--shadow);
}

.return-show-meta span{
    color:#667085;
    font-size:12px;
    font-weight:700;
}

.return-show-meta strong,
.return-show-meta a{
    font-weight:800;
}

.return-show-meta a{
    color:#2563eb;
    text-decoration:none;
}

.return-show-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
}

.return-show-summary .card{
    min-height:100px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
}

.return-show-summary .card > span{
    color:#667085;
    font-size:12px;
    font-weight:700;
}

.return-show-summary .card > strong{
    color:#101828;
    font-size:20px;
}

.return-show-summary .card > small{
    color:#667085;
    font-weight:700;
}

.return-show-items-panel{
    overflow:hidden;
}

.return-show-items-panel .panel-head{
    padding:18px 18px 0;
}

.return-show-table{
    width:100%;
    margin:0;
}

.return-show-table th,
.return-show-table td{
    vertical-align:middle;
}

.return-cancelled-box{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-top:16px;
    padding:16px 18px;
    border:1px solid #fecdca;
    border-radius:12px;
    background:#fff6f5;
}

.return-cancelled-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#fee4e2;
    color:#b42318;
    font-weight:900;
}

.return-cancelled-box strong{
    display:block;
    color:#b42318;
    font-size:15px;
}

.return-cancelled-box p{
    margin:5px 0 0;
    color:#475467;
}

.return-cancelled-box p span{
    font-weight:700;
}

.return-cancel-panel{
    margin-top:16px;
    padding:16px 18px;
}

.return-cancel-panel summary{
    cursor:pointer;
    color:#b42318;
    font-weight:800;
}

.return-cancel-panel form{
    max-width:520px;
    margin-top:14px;
}

.return-cancel-panel textarea{
    min-height:90px;
    margin-top:6px;
}

.return-cancel-panel .btn{
    margin-top:10px;
}


/* RETURN SHOW — MOBILE */

@media(max-width:760px){

    .return-show-head{
        align-items:center;
    }

    .return-show-head h1{
        font-size:22px;
    }

    .return-show-head .btn{
        width:auto;
        flex:0 0 auto;
        white-space:nowrap;
    }

    .return-show-meta{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .return-show-meta > div{
        padding:11px 12px;
    }

    .return-show-summary{
        grid-template-columns:1fr;
        gap:8px;
    }

    .return-show-summary .card{
        min-height:78px;
        padding:12px 14px;
    }

    .return-show-summary .card > strong{
        font-size:18px;
    }

    .return-show-items-panel .panel-head{
        padding:14px 14px 0;
    }

    .return-show-table-wrap{
        overflow:visible;
    }

    .return-show-table-wrap .return-show-table{
        display:block;
        width:100%;
        min-width:0 !important;
        max-width:100%;
    }

    .return-show-table thead{
        display:none;
    }

    .return-show-table tbody{
        display:block;
        width:100%;
    }

    .return-show-table tr{
        display:block;
        width:100%;
        padding:12px 14px;
        border-bottom:1px solid var(--border);
    }

    .return-show-table tr:last-child{
        border-bottom:0;
    }

    .return-show-table td{
        display:grid;
        grid-template-columns:92px minmax(0,1fr);
        gap:12px;
        align-items:start;

        width:100%;
        min-width:0;
        max-width:none;

        padding:6px 0;
        border:0;

        text-align:right;
        white-space:normal;
        overflow:visible;
    }

    .return-show-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        font-weight:800;
        text-transform:uppercase;
        text-align:left;
    }

    .return-show-table td > *{
        grid-column:2;
        justify-self:end;
        min-width:0;
        max-width:100%;
        text-align:right;
    }

    .return-cancelled-box{
        margin-top:12px;
        padding:14px;
    }

    .return-cancel-panel{
        margin-top:12px;
        padding:14px;
    }
}


/* =========================================================
   STORE V2 — INVENTORY INDEX
   ========================================================= */

.inventory-index-panel{
    overflow:hidden;
}

.inventory-index-panel .panel-head{
    padding:20px 18px 0;
}

.inventory-index-panel .panel-head h2{
    margin:0 0 4px;
}

.inventory-index-table{
    width:100%;
    margin:0;
}

.inventory-index-table th,
.inventory-index-table td{
    vertical-align:middle;
}

.inventory-name-link{
    color:#101828;
    font-weight:800;
    text-decoration:none;
}

.inventory-name-link:hover{
    color:#2563eb;
}

.inventory-open-btn{
    min-width:70px;
    justify-content:center;
}

.inventory-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    padding:28px 16px;
    color:#667085;
    text-align:center;
}

.inventory-empty strong{
    color:#344054;
}


/* INVENTORY INDEX — MOBILE */

@media(max-width:760px){

    .inventory-index-head{
        align-items:flex-start;
    }

    .inventory-index-head .btn{
        width:auto;
        white-space:nowrap;
    }

    .inventory-index-panel .panel-head{
        padding:16px 14px 4px;
    }

    .inventory-index-table-wrap{
        overflow:visible;
    }

    .inventory-index-table-wrap .inventory-index-table{
        display:block;
        width:100%;
        min-width:0 !important;
        max-width:100%;
    }

    .inventory-index-table thead{
        display:none;
    }

    .inventory-index-table tbody{
        display:block;
        width:100%;
    }

    .inventory-index-table tr{
        display:block;
        width:100%;
        padding:12px 14px;
        border-bottom:1px solid var(--border);
    }

    .inventory-index-table tr:last-child{
        border-bottom:0;
    }

    .inventory-index-table td{
        display:grid;
        grid-template-columns:82px minmax(0,1fr);
        gap:12px;
        align-items:center;

        width:100%;
        min-width:0;
        max-width:none;

        padding:7px 0;
        border:0;

        text-align:right;
        white-space:normal;
        overflow:visible;
    }

    .inventory-index-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        font-weight:800;
        text-transform:uppercase;
        text-align:left;
    }

    .inventory-index-table td > *{
        grid-column:2;
        justify-self:end;
        min-width:0;
        max-width:100%;
        text-align:right;
    }

    .inventory-index-table .inventory-name-link{
        color:#2563eb;
    }

    .inventory-index-table .inventory-open-btn{
        width:auto;
    }

    .inventory-index-table td[colspan]{
        display:block;
    }

    .inventory-index-table td[colspan]::before{
        display:none;
    }

    .inventory-index-table td[colspan] > *{
        max-width:100%;
        text-align:center;
    }
}


/* =========================================================
   STORE V2 — INVENTORY CREATE
   ========================================================= */

.inventory-create-head{
    align-items:flex-start;
}

.inventory-create-head p{
    margin:4px 0 0;
    color:#667085;
}

.inventory-create-panel{
    max-width:920px;
    margin:0 auto;
    padding:34px 36px;
}

.inventory-create-title{
    margin-bottom:26px;
}

.inventory-create-title h2{
    margin:0 0 5px;
    font-size:24px;
}

.inventory-create-title p{
    margin:0;
    color:#667085;
}

.inventory-create-form{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.inventory-create-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px;
    gap:18px;
}

.inventory-create-form label{
    margin:0;
}

.inventory-create-form label > span{
    display:block;
    margin-bottom:7px;
    font-size:13px;
    font-weight:700;
    color:#344054;
}

.inventory-create-form input,
.inventory-create-form textarea{
    width:100%;
}

.inventory-create-form textarea{
    min-height:110px;
    resize:vertical;
}

.inventory-create-info{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:15px 16px;
    border:1px solid #dbe7ff;
    border-radius:12px;
    background:#f5f8ff;
}

.inventory-create-info-icon{
    flex:0 0 28px;
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e6efff;
    color:#155eef;
    font-weight:800;
}

.inventory-create-info strong{
    display:block;
    margin-bottom:3px;
    color:#101828;
}

.inventory-create-info span{
    display:block;
    color:#667085;
    line-height:1.5;
}

.inventory-create-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
    padding-top:4px;
}

@media(max-width:760px){

    .inventory-create-head{
        gap:12px;
    }

    .inventory-create-head .btn{
        align-self:flex-start;
    }

    .inventory-create-panel{
        margin:0;
        padding:24px 18px;
    }

    .inventory-create-title{
        margin-bottom:22px;
    }

    .inventory-create-title h2{
        font-size:22px;
    }

    .inventory-create-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .inventory-create-form{
        gap:18px;
    }

    .inventory-create-info{
        padding:14px;
    }

    .inventory-create-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .inventory-create-actions .btn{
        width:100%;
        justify-content:center;
        text-align:center;
    }
}

@media(max-width:420px){

    .inventory-create-panel{
        padding:22px 16px;
    }

    .inventory-create-actions{
        grid-template-columns:1fr;
    }

    .inventory-create-actions .primary{
        order:-1;
    }
}


/* =========================================================
   STORE V2 — INVENTORY SHOW FINAL
   ========================================================= */

.inventory-show-head{
    align-items:flex-start;
}

.inventory-show-summary{
    padding:18px;
}

.inventory-show-filters{
    margin-top:16px;
    display:grid;
    grid-template-columns:minmax(240px,1fr) minmax(180px,260px) auto auto;
    gap:10px;
    align-items:center;
}

.inventory-show-table-wrap{
    margin-top:14px;
    padding:0;
    overflow:hidden;
}

.inventory-show-table{
    width:100%;
    margin:0;
}

.inventory-show-table th,
.inventory-show-table td{
    vertical-align:middle;
}

.inventory-show-table td{
    padding-top:14px;
    padding-bottom:14px;
}

.inventory-action-cell{
    min-width:310px;
}

.inventory-diff-positive{
    color:#067647;
}

.inventory-diff-negative{
    color:#b42318;
}

.inventory-count-status{
    font-weight:600;
}

.inventory-empty{
    text-align:center;
    color:#667085;
    padding:28px !important;
}


/* ---------- MOBILE ---------- */

@media(max-width:760px){

    .inventory-show-head{
        margin-bottom:14px;
    }

    .inventory-show-head h2{
        font-size:23px;
        line-height:1.2;
    }

    .inventory-show-summary{
        padding:14px;
    }

    .inventory-show-summary > div:first-child{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    .inventory-show-summary .card{
        min-width:0;
        padding:14px 12px;
    }

    .inventory-show-filters{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
        margin-top:14px;
    }

    .inventory-show-filters input,
    .inventory-show-filters select,
    .inventory-show-filters button,
    .inventory-show-filters .btn{
        width:100%;
        margin:0;
    }

    .inventory-show-table-wrap{
        overflow:visible;
        padding:0;
        background:transparent;
        border:0;
        box-shadow:none;
    }

    .inventory-show-table{
        display:block;
        width:100%;
        min-width:0 !important;
    }

    .inventory-show-table thead{
        display:none;
    }

    .inventory-show-table tbody{
        display:block;
        width:100%;
    }

    .inventory-show-table tr{
        display:block;
        width:100%;
        margin-bottom:12px;
        padding:14px;
        background:#fff;
        border:1px solid var(--border);
        border-radius:12px;
        box-shadow:0 1px 3px rgba(16,24,40,.04);
    }

    .inventory-show-table td{
        display:grid;
        grid-template-columns:112px minmax(0,1fr);
        gap:12px;
        align-items:center;

        width:100%;
        min-width:0 !important;
        max-width:none !important;

        padding:8px 0;
        border:0;

        text-align:right;
        white-space:normal;
        overflow:visible;
    }

    .inventory-show-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        line-height:1.3;
        font-weight:800;
        text-transform:uppercase;
        text-align:left;
    }

    .inventory-show-table td > *{
        min-width:0;
        max-width:100%;
        justify-self:end;
        text-align:right;
    }

    .inventory-show-table td[data-label="Artikulli"] strong{
        font-size:16px;
    }

    .inventory-show-table td[data-label="Artikulli"] small{
        display:block;
        margin-top:3px;
        color:#667085;
    }

    .inventory-action-cell{
        min-width:0 !important;
        padding-top:12px !important;
        margin-top:4px;
        border-top:1px solid var(--border) !important;
    }

    .inventory-action-cell form{
        width:100%;
        max-width:100%;
    }

    .inventory-action-cell form:first-child{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    .inventory-action-cell input[type="number"],
    .inventory-action-cell input[name="note"]{
        width:100% !important;
        max-width:none !important;
    }

    .inventory-action-cell label{
        display:flex;
        justify-content:flex-end;
        align-items:center;
        gap:7px;
    }

    .inventory-action-cell button{
        width:100%;
    }

    .inventory-empty{
        display:block !important;
        text-align:center !important;
    }

    .inventory-empty::before{
        display:none !important;
    }
}

@media(max-width:420px){

    .inventory-show-table td{
        grid-template-columns:104px minmax(0,1fr);
        gap:10px;
    }

    .inventory-show-summary > div:first-child{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* =========================================================
   STORE V2 — REPORTS INDEX FINAL
   ========================================================= */

.reports-page-head{
    margin-bottom:22px;
}

.reports-page-head h1{
    margin:0 0 6px;
}

.reports-page-head p{
    margin:0;
    color:#667085;
}

.reports-overview{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.report-overview-card{
    min-height:150px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 28px;
    align-items:center;
    gap:16px;
    padding:22px;
    background:#fff;
    border:1px solid #e4e7ec;
    border-radius:14px;
    box-shadow:0 4px 14px rgba(16,24,40,.045);
    color:#101828;
    text-decoration:none;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.report-overview-card:hover{
    border-color:#b2ccff;
    box-shadow:0 8px 22px rgba(16,24,40,.08);
    transform:translateY(-2px);
    text-decoration:none;
}

.report-overview-icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:none;
    border-radius:12px;
    background:#eff4ff;
    color:#155eef;
    font-size:21px;
    font-weight:800;
}

.report-overview-content{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.report-overview-content strong{
    display:block;
    margin-bottom:7px;
    color:#101828;
    font-size:17px;
    line-height:1.25;
}

.report-overview-content small{
    display:block;
    color:#667085;
    font-size:13px;
    line-height:1.5;
}

.report-overview-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#98a2b3;
    font-size:22px;
    transition:transform .16s ease,color .16s ease;
}

.report-overview-card:hover .report-overview-arrow{
    color:#155eef;
    transform:translateX(3px);
}

@media(max-width:1100px){
    .reports-overview{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .reports-page-head{
        margin-bottom:16px;
    }

    .reports-page-head h1{
        font-size:24px;
    }

    .reports-page-head p{
        font-size:14px;
        line-height:1.45;
    }

    .reports-overview{
        grid-template-columns:1fr;
        gap:11px;
    }

    .report-overview-card{
        min-height:0;
        grid-template-columns:42px minmax(0,1fr) 22px;
        gap:13px;
        padding:16px;
        border-radius:12px;
        transform:none;
    }

    .report-overview-card:hover{
        transform:none;
    }

    .report-overview-icon{
        width:42px;
        height:42px;
        border-radius:10px;
        font-size:18px;
    }

    .report-overview-content strong{
        margin-bottom:4px;
        font-size:16px;
    }

    .report-overview-content small{
        font-size:12px;
        line-height:1.4;
    }

    .report-overview-arrow{
        font-size:19px;
    }
}


/* =========================================================
   STORE V2 — REPORT SHOW FINAL
   ========================================================= */

.report-show-head{
    align-items:flex-start;
    margin-bottom:18px;
}

.report-show-head h1{
    margin:5px 0 5px;
}

.report-show-head p{
    margin:0;
    color:#667085;
}

.report-show-breadcrumb{
    display:flex;
    align-items:center;
    gap:7px;
    color:#98a2b3;
    font-size:12px;
    font-weight:700;
}

.report-show-breadcrumb a{
    color:#475467;
    text-decoration:none;
}

.report-show-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.report-filter-panel{
    padding:16px 18px;
    margin-bottom:14px;
}

.report-filter-final{
    display:grid;
    grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) minmax(150px,1fr) auto;
    gap:12px;
    align-items:end;
}

.report-filter-final label{
    margin:0;
}

.report-filter-final label > span{
    display:block;
    margin-bottom:6px;
    color:#667085;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
}

.report-filter-final select,
.report-filter-final input{
    width:100%;
}

.report-filter-action .btn{
    min-width:105px;
}

.report-active-period{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid var(--border);
}

.report-active-period span{
    color:#667085;
    font-size:12px;
    font-weight:700;
}

.report-active-period strong{
    color:#344054;
    font-size:13px;
}

.report-data-panel{
    overflow:hidden;
}

.report-table-wrap{
    margin:0;
}

.report-table{
    width:100%;
    margin:0;
}

.report-table th,
.report-table td{
    vertical-align:middle;
}

.report-document-link{
    color:#155eef;
    font-weight:800;
    text-decoration:none;
}

.report-customer{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.report-customer small{
    color:#667085;
}

.report-debt-value,
.report-qty-negative{
    color:#b42318;
}

.report-qty-positive{
    color:#067647;
}

.report-empty-row td{
    padding:30px 16px !important;
    text-align:center;
    color:#667085;
}

.report-pagination{
    margin-top:14px;
}


/* SUMMARY REPORTS */

.report-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.report-summary-card{
    min-height:108px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:7px;
    padding:18px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:var(--shadow);
}

.report-summary-card span{
    color:#667085;
    font-size:12px;
    font-weight:700;
}

.report-summary-card strong{
    color:#101828;
    font-size:20px;
    line-height:1.2;
}

.report-summary-highlight{
    border-color:#b2ccff;
    background:#f8faff;
}

.report-summary-highlight strong{
    color:#155eef;
}

.report-summary-negative strong{
    color:#b42318;
}

.report-profit-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
}


/* ---------- MOBILE ---------- */

@media(max-width:760px){

    .report-show-head{
        gap:12px;
    }

    .report-show-head h1{
        font-size:24px;
    }

    .report-show-actions{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .report-show-actions .btn{
        width:100%;
        justify-content:center;
    }

    .report-filter-panel{
        padding:14px;
    }

    .report-filter-final{
        grid-template-columns:1fr;
        gap:10px;
    }

    .report-filter-action .btn{
        width:100%;
    }

    .report-active-period{
        justify-content:space-between;
    }

    .report-summary-grid,
    .report-profit-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .report-summary-card{
        min-height:92px;
        padding:14px 12px;
    }

    .report-summary-card strong{
        font-size:17px;
    }

    .report-data-panel{
        overflow:visible;
        padding:0;
        border:0;
        background:transparent;
        box-shadow:none;
    }

    .report-table-wrap{
        overflow:visible;
    }

    .report-table{
        display:block;
        width:100%;
        min-width:0 !important;
        max-width:100%;
    }

    .report-table thead{
        display:none;
    }

    .report-table tbody{
        display:block;
        width:100%;
    }

    .report-table tr{
        display:block;
        width:100%;
        margin-bottom:10px;
        padding:12px 14px;
        background:#fff;
        border:1px solid var(--border);
        border-radius:12px;
        box-shadow:0 1px 3px rgba(16,24,40,.04);
    }

    .report-table td{
        display:grid;
        grid-template-columns:105px minmax(0,1fr);
        gap:12px;
        align-items:center;

        width:100%;
        min-width:0 !important;
        max-width:none !important;

        padding:7px 0;
        border:0;

        white-space:normal;
        overflow:visible;
        text-align:right;
    }

    .report-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        font-weight:800;
        line-height:1.3;
        text-transform:uppercase;
        text-align:left;
    }

    .report-table td > *{
        min-width:0;
        max-width:100%;
        justify-self:end;
        text-align:right;
    }

    .report-table .report-customer{
        align-items:flex-end;
    }

    .report-empty-row{
        padding:0 !important;
    }

    .report-empty-row td{
        display:block;
        padding:24px 14px !important;
        text-align:center;
    }

    .report-empty-row td::before{
        display:none;
    }
}

@media(max-width:420px){

    .report-show-actions{
        grid-template-columns:1fr;
    }

    .report-summary-grid,
    .report-profit-grid{
        grid-template-columns:1fr 1fr;
    }

    .report-table td{
        grid-template-columns:98px minmax(0,1fr);
        gap:10px;
    }
}


/* ---------- PRINT ---------- */

@media print{

    .report-show-breadcrumb,
    .report-show-actions,
    .report-filter-final,
    .bottom-nav,
    aside{
        display:none !important;
    }

    .report-filter-panel{
        padding:0;
        border:0;
        box-shadow:none;
    }

    .report-active-period{
        margin:0 0 14px;
        padding:0;
        border:0;
    }

    .report-data-panel,
    .report-summary-card{
        box-shadow:none;
    }
}


/* =========================================================
   STORE V2 — ADMIN FINAL UI
   ========================================================= */

.admin-page-head{
    margin-bottom:18px;
}

.admin-page-head h1{
    margin-bottom:5px;
}

.admin-page-head p{
    margin:0;
    color:#667085;
}

.admin-section{
    margin-bottom:16px;
    padding:18px;
}

.admin-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    margin-bottom:16px;
}

.admin-section-head h2{
    margin:0 0 4px;
    font-size:19px;
}

.admin-section-head p{
    margin:0;
    color:#667085;
    font-size:13px;
}

.admin-count{
    padding:5px 9px;
    border:1px solid var(--border);
    border-radius:20px;
    background:#f9fafb;
    color:#475467;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
}


/* ADMIN TOOLS */

.admin-tools-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.admin-tool-card{
    display:flex;
    align-items:center;
    gap:11px;
    min-height:70px;
    padding:12px 14px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#fff;
    color:#101828;
    text-decoration:none;
    transition:.15s ease;
}

.admin-tool-card:hover{
    border-color:#b2ccff;
    background:#f8faff;
}

.admin-tool-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#eff4ff;
    color:#155eef;
    font-size:17px;
    font-weight:800;
}

.admin-tool-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.admin-tool-content strong{
    font-size:13px;
}

.admin-tool-content small{
    color:#667085;
    font-size:11px;
}

.admin-tool-arrow{
    margin-left:auto;
    color:#98a2b3;
    font-size:20px;
}


/* CREATE USER */

.admin-create-user{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    align-items:end;
}

.admin-create-user label,
.admin-create-role label{
    margin:0;
}

.admin-create-user label > span,
.admin-create-role label > span{
    display:block;
    margin-bottom:6px;
    color:#475467;
    font-size:11px;
    font-weight:800;
}

.admin-create-user input,
.admin-create-user select{
    width:100%;
}

.admin-create-user-action{
    grid-column:1 / -1;
}


/* USERS */

.admin-users-wrap{
    margin:0;
}

.admin-users-table{
    width:100%;
    margin:0;
}

.admin-users-table th{
    white-space:nowrap;
}

.admin-users-table td{
    vertical-align:middle;
}

.admin-user-identity{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.admin-user-identity small{
    color:#667085;
}

.admin-user-status{
    display:inline-flex;
    padding:4px 8px;
    border-radius:20px;
    font-size:11px;
    font-weight:800;
}

.admin-user-status.is-active{
    color:#067647;
    background:#ecfdf3;
}

.admin-user-status.is-inactive{
    color:#b42318;
    background:#fef3f2;
}

.admin-inline-form,
.admin-password-form{
    display:flex;
    align-items:center;
    gap:6px;
}

.admin-inline-form select{
    min-width:105px;
}

.admin-password-form input{
    width:118px;
    min-width:118px;
}


/* CREATE ROLE */

.admin-create-role{
    display:flex;
    align-items:flex-end;
    gap:10px;
    max-width:650px;
}

.admin-create-role label{
    flex:1;
}

.admin-create-role input{
    width:100%;
}


/* ROLE / PERMISSIONS */

.admin-role-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.admin-role-card{
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
    overflow:hidden;
}

.admin-role-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    padding:14px 16px;
    background:#f9fafb;
    border-bottom:1px solid var(--border);
}

.admin-role-head h3{
    display:inline-block;
    margin:0 8px 0 0;
    font-size:16px;
}

.admin-full-access{
    display:inline-flex;
    padding:3px 7px;
    border-radius:20px;
    background:#ecfdf3;
    color:#067647;
    font-size:10px;
    font-weight:800;
}

.admin-role-hint{
    color:#667085;
    font-size:11px;
}

.admin-permission-groups{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
}

.admin-permission-group{
    padding:14px 16px;
    border-bottom:1px solid var(--border);
}

.admin-permission-group:nth-child(odd){
    border-right:1px solid var(--border);
}

.admin-permission-group-title{
    margin-bottom:9px;
    color:#344054;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.03em;
}

.admin-permission-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}

.admin-permission-item{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:0;
    padding:8px 9px;
    border:1px solid #eaecf0;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
}

.admin-permission-item:hover{
    background:#f9fafb;
}

.admin-permission-item input[type="checkbox"]{
    width:16px !important;
    height:16px !important;
    min-width:16px;
    margin:1px 0 0;
    padding:0;
    accent-color:#2563eb;
}

.admin-permission-text{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.admin-permission-text strong{
    color:#344054;
    font-size:11px;
    line-height:1.3;
}

.admin-permission-text small{
    color:#98a2b3;
    font-size:9px;
    overflow-wrap:anywhere;
}

.admin-permission-item.is-admin-permission{
    background:#f9fafb;
}

.admin-full-access-note{
    margin:12px 16px 14px;
    padding:9px 11px;
    border-radius:8px;
    background:#ecfdf3;
    color:#067647;
    font-size:11px;
    font-weight:700;
}

.admin-permission-mobile-save{
    display:none;
}


/* TABLET */

@media(max-width:1100px){

    .admin-tools-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .admin-create-user{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .admin-permission-groups{
        grid-template-columns:1fr;
    }

    .admin-permission-group:nth-child(odd){
        border-right:0;
    }
}


/* MOBILE */

@media(max-width:760px){

    .admin-page-head h1{
        font-size:24px;
    }

    .admin-section{
        padding:14px;
    }

    .admin-section-head{
        margin-bottom:13px;
    }

    .admin-section-head h2{
        font-size:17px;
    }

    .admin-tools-grid{
        grid-template-columns:1fr;
        gap:8px;
    }

    .admin-tool-card{
        min-height:62px;
    }

    .admin-create-user{
        grid-template-columns:1fr;
        gap:10px;
    }

    .admin-create-user-action{
        grid-column:auto;
    }

    .admin-create-user-action .btn{
        width:100%;
    }

    .admin-create-role{
        display:grid;
        grid-template-columns:1fr;
        max-width:none;
    }

    .admin-create-role .btn{
        width:100%;
    }


    /* USERS AS MOBILE CARDS */

    .admin-users-wrap{
        overflow:visible;
    }

    .admin-users-table{
        display:block;
        min-width:0 !important;
    }

    .admin-users-table thead{
        display:none;
    }

    .admin-users-table tbody{
        display:block;
    }

    .admin-users-table tr{
        display:block;
        margin-bottom:10px;
        padding:12px;
        border:1px solid var(--border);
        border-radius:10px;
        background:#fff;
    }

    .admin-users-table td{
        display:grid;
        grid-template-columns:100px minmax(0,1fr);
        gap:10px;
        align-items:center;
        width:100%;
        padding:7px 0;
        border:0;
        text-align:right;
        white-space:normal;
    }

    .admin-users-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        font-weight:800;
        text-align:left;
        text-transform:uppercase;
    }

    .admin-users-table td > *{
        justify-self:end;
    }

    .admin-user-identity{
        align-items:flex-end;
    }

    .admin-inline-form,
    .admin-password-form{
        width:100%;
        justify-content:flex-end;
        flex-wrap:wrap;
    }

    .admin-password-form input{
        width:100%;
        min-width:0;
    }


    /* PERMISSIONS */

    .admin-role-head{
        align-items:flex-start;
    }

    .admin-permission-save{
        display:none;
    }

    .admin-permission-grid{
        grid-template-columns:1fr;
    }

    .admin-permission-group{
        padding:12px;
    }

    .admin-permission-item{
        padding:9px;
    }

    .admin-permission-mobile-save{
        display:block;
        padding:12px;
    }

    .admin-permission-mobile-save .btn{
        width:100%;
    }
}


/* =========================================================
   STORE V2 — SETTINGS FINAL UI
   ========================================================= */

.admin-settings-empty{
    max-width:720px;
    padding:38px 28px;
    text-align:center;
}

.admin-settings-empty-icon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    border-radius:12px;
    background:#eff4ff;
    color:#155eef;
    font-size:24px;
}

.admin-settings-empty h2{
    margin:0 0 7px;
    font-size:20px;
}

.admin-settings-empty > p{
    max-width:520px;
    margin:0 auto 16px;
    color:#667085;
    line-height:1.55;
}

.admin-settings-note{
    max-width:560px;
    margin:0 auto 20px;
    padding:11px 14px;
    border:1px solid #d0d5dd;
    border-radius:9px;
    background:#f9fafb;
    color:#475467;
    font-size:12px;
    line-height:1.5;
}

.admin-settings-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.admin-setting-field{
    margin:0;
}

.admin-setting-field > span{
    display:block;
    margin-bottom:6px;
    color:#475467;
    font-size:11px;
    font-weight:800;
}

.admin-setting-field input{
    width:100%;
}

.admin-settings-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:18px;
}

@media(max-width:760px){

    .admin-settings-empty{
        max-width:none;
        padding:28px 16px;
    }

    .admin-settings-grid{
        grid-template-columns:1fr;
    }

    .admin-settings-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .admin-settings-actions .btn{
        width:100%;
        text-align:center;
    }
}


/* =========================================================
   STORE V2 — ADMIN LOGS FINAL UI
   Audit Log + System Log
   ========================================================= */

.admin-breadcrumb{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:6px;
    font-size:12px;
}

.admin-log-panel{
    padding:18px;
}

.admin-log-panel .admin-section-head{
    margin-bottom:14px;
}

.admin-log-panel .admin-section-head h2{
    margin:0;
}

.admin-log-panel .admin-section-head p{
    margin:4px 0 0;
    color:#667085;
    font-size:12px;
}

.admin-log-table td:first-child strong,
.admin-log-table td:first-child small{
    display:block;
}

.admin-log-table td:first-child small{
    margin-top:2px;
    color:#667085;
}

.admin-log-module,
.admin-log-level{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 9px;
    border-radius:999px;
    background:#eff4ff;
    color:#155eef;
    font-size:11px;
    font-weight:800;
}

.admin-log-level.is-info{
    background:#eff4ff;
    color:#155eef;
}

.admin-log-level.is-warning{
    background:#fffaeb;
    color:#b54708;
}

.admin-log-level.is-error{
    background:#fef3f2;
    color:#b42318;
}

.admin-log-message{
    max-width:620px;
    overflow-wrap:anywhere;
    line-height:1.45;
}

.admin-log-empty{
    padding:28px 10px;
    text-align:center;
    color:#667085;
}

.admin-log-pagination{
    margin-top:16px;
}

@media(max-width:760px){

    .admin-page-head{
        align-items:flex-start;
    }

    .admin-page-head > .btn{
        width:100%;
        text-align:center;
    }

    .admin-log-panel{
        padding:12px;
    }

    .admin-log-table thead{
        display:none;
    }

    .admin-log-table,
    .admin-log-table tbody,
    .admin-log-table tr,
    .admin-log-table td{
        display:block;
        width:100%;
    }

    .admin-log-table tr{
        margin-bottom:10px;
        padding:6px 12px;
        border:1px solid #e4e7ec;
        border-radius:10px;
        background:#fff;
    }

    .admin-log-table td{
        display:grid;
        grid-template-columns:105px minmax(0,1fr);
        gap:10px;
        align-items:start;
        padding:9px 0;
        border:0;
        border-bottom:1px solid #f0f1f3;
    }

    .admin-log-table td:last-child{
        border-bottom:0;
    }

    .admin-log-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:.03em;
    }

    .admin-log-message{
        max-width:none;
        min-width:0;
    }
}


/* =========================================================
   STORE V2 — BACKUP & RESTORE FINAL UI
   ========================================================= */

.backup-info-panel{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding:20px;
    margin-bottom:16px;
}

.backup-info-icon{
    flex:0 0 44px;
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:#eff4ff;
    color:#155eef;
    font-size:22px;
    font-weight:800;
}

.backup-info-content{
    min-width:0;
}

.backup-info-content h2{
    margin:0 0 8px;
    font-size:17px;
}

.backup-info-content p{
    margin:10px 0;
    color:#475467;
    line-height:1.5;
}

.backup-storage-row{
    display:flex;
    align-items:center;
    gap:7px;
}

.backup-status-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#12b76a;
}

.backup-offserver-note{
    display:inline-block;
    padding:7px 10px;
    border-radius:7px;
    background:#fffaeb;
    color:#b54708;
    font-size:11px;
    font-weight:700;
}

.backup-history-panel{
    padding:18px;
}

.backup-status-badge{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
}

.backup-status-badge.is-ok{
    background:#ecfdf3;
    color:#027a48;
}

.backup-status-badge.is-other{
    background:#f2f4f7;
    color:#475467;
}

.backup-check{
    color:#027a48;
    font-weight:800;
}

.backup-not-verified{
    color:#98a2b3;
}

.backup-error-message{
    max-width:260px;
    margin-top:5px;
    color:#b42318;
    font-size:10px;
    line-height:1.4;
}

.backup-time{
    display:block;
    margin-top:2px;
    color:#667085;
}

.backup-actions-cell{
    min-width:145px;
}

.backup-restore-details{
    margin-top:7px;
}

.backup-restore-details summary{
    display:inline-block;
    cursor:pointer;
    color:#b42318;
    font-size:12px;
    font-weight:800;
}

.backup-restore-details summary::marker{
    color:#b42318;
}

.backup-restore-box{
    width:320px;
    margin-top:10px;
    padding:14px;
    border:1px solid #fecdca;
    border-radius:9px;
    background:#fffbfa;
}

.backup-danger-title{
    color:#b42318;
    font-weight:800;
    font-size:12px;
}

.backup-restore-box p{
    margin:7px 0 12px;
    color:#667085;
    font-size:11px;
    line-height:1.45;
}

.backup-restore-box label{
    display:block;
    margin-top:9px;
    color:#344054;
    font-size:10px;
    font-weight:800;
}

.backup-restore-box input{
    width:100%;
    margin-top:5px;
}

.backup-restore-button{
    width:100%;
    margin-top:11px;
    border-color:#d92d20;
    background:#d92d20;
    color:#fff;
}

.backup-restore-button:hover{
    background:#b42318;
}

@media(max-width:760px){

    .backup-info-panel{
        padding:16px;
    }

    .backup-history-panel{
        padding:12px;
    }

    .backup-table thead{
        display:none;
    }

    .backup-table,
    .backup-table tbody,
    .backup-table tr,
    .backup-table td{
        display:block;
        width:100%;
    }

    .backup-table tr{
        margin-bottom:12px;
        padding:7px 12px;
        border:1px solid #e4e7ec;
        border-radius:10px;
        background:#fff;
    }

    .backup-table td{
        display:grid;
        grid-template-columns:100px minmax(0,1fr);
        gap:10px;
        align-items:center;
        padding:9px 0;
        border:0;
        border-bottom:1px solid #f0f1f3;
    }

    .backup-table td:last-child{
        border-bottom:0;
    }

    .backup-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        font-weight:800;
        text-transform:uppercase;
    }

    .backup-actions-cell{
        min-width:0;
    }

    .backup-restore-box{
        width:100%;
    }

    .backup-actions-cell .btn{
        width:100%;
        text-align:center;
    }
}


/* =========================================================
   BACKUP MOBILE ACTIONS FIX
   ========================================================= */
@media(max-width:760px){

    .backup-table .backup-actions-cell{
        display:block;
        padding:12px 0 4px;
    }

    .backup-table .backup-actions-cell::before{
        display:block;
        margin-bottom:10px;
    }

    .backup-actions-cell > .btn{
        display:flex;
        width:100%;
        min-width:0;
        box-sizing:border-box;
        align-items:center;
        justify-content:center;
    }

    .backup-restore-details{
        display:block;
        width:100%;
        margin-top:10px;
    }

    .backup-restore-details summary{
        display:block;
        width:100%;
        box-sizing:border-box;
        padding:10px 12px;
        border:1px solid #fecdca;
        border-radius:8px;
        background:#fff7f6;
        text-align:center;
    }

    .backup-restore-box{
        display:block;
        width:100%;
        max-width:none;
        box-sizing:border-box;
        margin-top:10px;
    }

    .backup-restore-box input,
    .backup-restore-button{
        width:100%;
        max-width:100%;
        box-sizing:border-box;
    }
}

/* BACKUP MOBILE — FINAL WIDTH FIX */
@media(max-width:760px){

    .backup-history-panel,
    .backup-history-panel .table-wrap{
        width:100%;
        max-width:100%;
        min-width:0;
        overflow:hidden;
        box-sizing:border-box;
    }

    .backup-table{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:fixed;
    }

    .backup-table tbody,
    .backup-table tr,
    .backup-table td{
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box;
    }

    .backup-table .backup-actions-cell{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:visible;
    }

    .backup-actions-cell > .btn,
    .backup-restore-details,
    .backup-restore-details summary,
    .backup-restore-box{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box;
    }

    .backup-restore-details summary,
    .backup-actions-cell > .btn{
        white-space:normal;
        overflow:visible;
    }
}


/* =========================================================
   STORE V2 — SYSTEM HEALTH FINAL UI
   ========================================================= */

.health-page-head{
    margin-bottom:16px;
}

.health-refresh-btn{
    white-space:nowrap;
}

.health-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
}

.health-summary-item{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    padding:14px 16px;
    border:1px solid #e4e7ec;
    border-radius:12px;
    background:#fff;
    box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.health-summary-icon{
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    font-size:18px;
    font-weight:900;
}

.health-summary-item strong{
    display:block;
    color:#101828;
    font-size:20px;
    line-height:1.1;
}

.health-summary-item small{
    display:block;
    margin-top:3px;
    color:#667085;
    font-size:11px;
}

.health-summary-item.is-ok .health-summary-icon{
    background:#ecfdf3;
    color:#027a48;
}

.health-summary-item.is-warning .health-summary-icon{
    background:#fffaeb;
    color:#b54708;
}

.health-summary-item.is-problem .health-summary-icon{
    background:#fef3f2;
    color:#b42318;
}

.health-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.health-card{
    min-width:0;
    min-height:155px;
    padding:17px;
    border:1px solid #e4e7ec;
    border-radius:12px;
    background:#fff;
    box-shadow:0 1px 3px rgba(16,24,40,.05);
}

.health-card.is-ok{
    border-top:3px solid #12b76a;
}

.health-card.is-warning{
    border-top:3px solid #f79009;
}

.health-card.is-problem{
    border-top:3px solid #f04438;
}

.health-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:18px;
}

.health-card-icon{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#f2f4f7;
    color:#344054;
    font-size:15px;
    font-weight:900;
}

.health-card.is-ok .health-card-icon{
    background:#ecfdf3;
    color:#027a48;
}

.health-card.is-warning .health-card-icon{
    background:#fffaeb;
    color:#b54708;
}

.health-card.is-problem .health-card-icon{
    background:#fef3f2;
    color:#b42318;
}

.health-status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    padding:3px 8px;
    border-radius:999px;
    font-size:9px;
    font-weight:900;
    letter-spacing:.02em;
}

.health-card.is-ok .health-status-badge{
    background:#ecfdf3;
    color:#027a48;
}

.health-card.is-warning .health-status-badge{
    background:#fffaeb;
    color:#b54708;
}

.health-card.is-problem .health-status-badge{
    background:#fef3f2;
    color:#b42318;
}

.health-card-label{
    display:block;
    margin-bottom:7px;
    color:#667085;
    font-size:11px;
    font-weight:700;
}

.health-card-detail{
    color:#101828;
    font-size:14px;
    font-weight:700;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.health-note-panel{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-top:16px;
    padding:18px;
}

.health-note-icon{
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#eff4ff;
    color:#155eef;
    font-size:17px;
    font-weight:900;
}

.health-note-panel h3{
    margin:0 0 8px;
    font-size:15px;
}

.health-note-panel p{
    margin:5px 0;
    color:#475467;
    font-size:12px;
    line-height:1.5;
}

.health-log-link{
    display:inline-block;
    margin-top:8px;
    color:#155eef;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.health-log-link:hover{
    text-decoration:underline;
}

@media(max-width:1100px){
    .health-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:760px){

    .health-summary{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
    }

    .health-summary-item{
        display:block;
        padding:10px;
        text-align:center;
    }

    .health-summary-icon{
        width:32px;
        height:32px;
        margin:0 auto 7px;
    }

    .health-summary-item strong{
        font-size:17px;
    }

    .health-summary-item small{
        font-size:9px;
    }

    .health-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .health-card{
        min-height:135px;
        padding:12px;
    }

    .health-card-top{
        margin-bottom:13px;
    }

    .health-card-icon{
        width:32px;
        height:32px;
        font-size:12px;
    }

    .health-status-badge{
        padding:3px 6px;
        font-size:8px;
    }

    .health-card-detail{
        font-size:12px;
    }

    .health-note-panel{
        padding:14px;
    }
}

@media(max-width:420px){

    .health-page-head{
        align-items:flex-start;
    }

    .health-refresh-btn{
        padding-left:11px;
        padding-right:11px;
    }

    .health-grid{
        grid-template-columns:1fr 1fr;
    }

    .health-note-panel{
        display:block;
    }

    .health-note-icon{
        margin-bottom:10px;
    }
}

/* =========================================================
   PURCHASE SHOW — MOBILE FINAL
   ========================================================= */
@media(max-width:760px){

    .purchase-show-head{
        display:block;
    }

    .purchase-show-head h1{
        font-size:27px;
        line-height:1.15;
        white-space:nowrap;
        overflow:visible;
        word-break:normal;
        overflow-wrap:normal;
    }

    .purchase-show-head > div:first-child small{
        display:block;
        margin-top:5px;
    }

    .purchase-show-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
        width:100%;
        margin-top:14px;
    }

    .purchase-show-actions .btn{
        display:flex;
        width:100%;
        min-height:44px;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
    }

    .purchase-show-summary{
        padding:15px;
    }

    .purchase-show-summary-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:0;
    }

    .purchase-show-summary-grid > div{
        display:grid;
        grid-template-columns:105px minmax(0,1fr);
        gap:10px;
        align-items:center;
        padding:9px 0;
        border-bottom:1px solid #f0f1f3;
    }

    .purchase-show-summary-grid > div:last-child{
        border-bottom:0;
    }

    .purchase-show-summary-grid small{
        margin:0;
    }

    .purchase-show-items{
        padding:14px;
    }

    .purchase-show-items .table-wrap{
        width:100%;
        max-width:100%;
        overflow:visible;
    }

    .purchase-show-table{
        width:100%;
        min-width:0 !important;
    }

    .purchase-show-table thead{
        display:none;
    }

    .purchase-show-table,
    .purchase-show-table tbody,
    .purchase-show-table tr,
    .purchase-show-table td{
        display:block;
        width:100%;
        box-sizing:border-box;
    }

    .purchase-show-table tr{
        margin-top:8px;
        padding:5px 12px;
        border:1px solid #e4e7ec;
        border-radius:10px;
        background:#fff;
    }

    .purchase-show-table td{
        display:grid;
        grid-template-columns:100px minmax(0,1fr);
        gap:10px;
        align-items:center;
        padding:9px 0;
        border:0;
        border-bottom:1px solid #f0f1f3;
    }

    .purchase-show-table td:last-child{
        border-bottom:0;
    }

    .purchase-show-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:.03em;
    }

    .purchase-show-total{
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:12px;
        margin-top:12px;
        padding-top:13px;
        border-top:1px solid #e4e7ec;
    }

    .purchase-show-total strong{
        white-space:nowrap;
        font-size:18px;
    }
}

@media(max-width:420px){
    .purchase-show-head h1{
        font-size:25px;
    }
}

/* =========================================================
   STORE V2 — SALE SHOW FINAL UI
   ========================================================= */

.sale-show-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
}

.sale-show-head h1{
    margin:0;
    font-size:30px;
    line-height:1.15;
}

.sale-show-head p{
    margin:7px 0 0;
    color:#667085;
}

.sale-show-head-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.sale-show-summary{
    padding:20px;
    margin-bottom:16px;
}

.sale-show-summary-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
}

.sale-show-field{
    min-width:0;
    padding:4px 18px;
    border-right:1px solid #eaecf0;
}

.sale-show-field:first-child{
    padding-left:0;
}

.sale-show-field:last-child{
    border-right:0;
}

.sale-show-field small{
    display:block;
    margin-bottom:7px;
    color:#667085;
    font-size:12px;
}

.sale-show-field strong{
    display:block;
    font-size:15px;
    color:#101828;
}

.sale-show-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:4px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
}

.sale-show-badge.is-ok{
    background:#ecfdf3;
    color:#027a48;
}

.sale-show-badge.is-warning{
    background:#fffaeb;
    color:#b54708;
}

.sale-show-badge.is-danger{
    background:#fef3f2;
    color:#b42318;
}

.sale-show-badge.is-neutral{
    background:#f2f4f7;
    color:#475467;
}


/* Artikujt */

.sale-show-items-panel,
.sale-show-payment-panel,
.sale-show-actions-panel,
.sale-show-danger-panel{
    padding:20px;
    margin-bottom:16px;
}

.sale-show-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}

.sale-show-section-head h2{
    margin:0;
    font-size:20px;
}

.sale-show-section-head small{
    display:block;
    margin-top:5px;
    color:#667085;
}

.sale-show-table{
    width:100%;
}

.sale-show-table td{
    vertical-align:middle;
}

.sale-show-total{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:20px;
    padding:16px 8px 2px;
    border-top:1px solid #eaecf0;
}

.sale-show-total span{
    color:#475467;
}

.sale-show-total strong{
    min-width:120px;
    text-align:right;
    font-size:22px;
    color:#101828;
}


/* Pagesa */

.sale-show-payment-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.sale-show-payment-card{
    padding:16px;
    border:1px solid #eaecf0;
    border-radius:10px;
    background:#f9fafb;
}

.sale-show-payment-card small{
    display:block;
    margin-bottom:7px;
    color:#667085;
}

.sale-show-payment-card strong{
    display:block;
    font-size:20px;
    color:#101828;
}

.sale-show-payment-card span{
    display:block;
    margin-top:5px;
    color:#667085;
    font-size:12px;
}

.sale-show-daily-payment{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.sale-show-daily-payment > div{
    padding:16px;
    border:1px solid #eaecf0;
    border-radius:10px;
    background:#f9fafb;
}

.sale-show-daily-payment small{
    display:block;
    margin-bottom:6px;
    color:#667085;
}

.sale-show-daily-payment strong{
    display:block;
    font-size:19px;
}


/* Veprimet */

.sale-show-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}


/* Korrigjim / anulim */

.sale-show-notice{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin-bottom:16px;
    padding:14px 16px;
    border:1px solid;
    border-radius:10px;
}

.sale-show-notice.is-warning{
    border-color:#fedf89;
    background:#fffaeb;
    color:#93370d;
}

.sale-show-notice.is-danger{
    border-color:#fecdca;
    background:#fef3f2;
    color:#b42318;
}

.sale-show-notice a{
    font-weight:800;
}

.sale-show-danger-panel{
    border-color:#fecdca;
}

.sale-show-cancel-details summary{
    cursor:pointer;
    color:#b42318;
    font-weight:800;
}

.sale-show-cancel-box{
    max-width:600px;
    margin-top:16px;
    padding:16px;
    border:1px solid #fecdca;
    border-radius:10px;
    background:#fffbfa;
}

.sale-show-cancel-box p{
    margin:0 0 14px;
    color:#667085;
    font-size:13px;
    line-height:1.5;
}

.sale-show-cancel-box label{
    display:block;
    color:#344054;
    font-size:12px;
    font-weight:700;
}

.sale-show-cancel-box textarea{
    width:100%;
    min-height:90px;
    margin-top:6px;
    box-sizing:border-box;
}

.sale-show-cancel-button{
    width:100%;
    margin-top:12px;
    border-color:#d92d20;
    background:#d92d20;
    color:#fff;
}

.sale-show-cancel-button:hover{
    background:#b42318;
}


/* =========================================================
   SALE SHOW — TABLET
   ========================================================= */

@media(max-width:1100px){

    .sale-show-summary-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
    }

    .sale-show-field,
    .sale-show-field:first-child{
        padding:0;
        border-right:0;
    }

    .sale-show-payment-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* =========================================================
   SALE SHOW — MOBILE
   ========================================================= */

@media(max-width:760px){

    .sale-show-head{
        display:block;
        margin-bottom:16px;
    }

    .sale-show-head h1{
        font-size:25px;
        overflow-wrap:anywhere;
    }

    .sale-show-head p{
        font-size:13px;
    }

    .sale-show-head-actions{
        display:grid;
        grid-template-columns:1fr;
        margin-top:14px;
    }

    .sale-show-head-actions .btn{
        display:flex;
        width:100%;
        box-sizing:border-box;
        justify-content:center;
        align-items:center;
    }

    .sale-show-summary{
        padding:14px;
    }

    .sale-show-summary-grid{
        display:block;
    }

    .sale-show-field{
        display:grid;
        grid-template-columns:120px minmax(0,1fr);
        align-items:center;
        gap:10px;
        padding:10px 0 !important;
        border-right:0;
        border-bottom:1px solid #eaecf0;
    }

    .sale-show-field:last-child{
        border-bottom:0;
    }

    .sale-show-field small{
        margin:0;
        font-size:11px;
        font-weight:700;
        text-transform:uppercase;
    }

    .sale-show-items-panel,
    .sale-show-payment-panel,
    .sale-show-actions-panel,
    .sale-show-danger-panel{
        padding:14px;
    }

    .sale-show-section-head h2{
        font-size:20px;
    }

    .sale-show-table thead{
        display:none;
    }

    .sale-show-table,
    .sale-show-table tbody,
    .sale-show-table tr,
    .sale-show-table td{
        display:block;
        width:100%;
    }

    .sale-show-table{
        min-width:0 !important;
    }

    .sale-show-table tr{
        margin-bottom:10px;
        padding:5px 12px;
        border:1px solid #e4e7ec;
        border-radius:10px;
        background:#fff;
        box-sizing:border-box;
    }

    .sale-show-table td{
        display:grid;
        grid-template-columns:105px minmax(0,1fr);
        gap:10px;
        align-items:center;
        padding:9px 0;
        border:0;
        border-bottom:1px solid #f0f1f3;
        box-sizing:border-box;
    }

    .sale-show-table td:last-child{
        border-bottom:0;
    }

    .sale-show-table td::before{
        content:attr(data-label);
        color:#667085;
        font-size:10px;
        font-weight:800;
        text-transform:uppercase;
    }

    .sale-show-total{
        justify-content:space-between;
        padding:14px 0 0;
    }

    .sale-show-total strong{
        min-width:0;
        font-size:19px;
    }

    .sale-show-payment-grid,
    .sale-show-daily-payment{
        grid-template-columns:1fr;
    }

    .sale-show-payment-card,
    .sale-show-daily-payment > div{
        padding:14px;
    }

    .sale-show-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .sale-show-actions .btn{
        display:flex;
        width:100%;
        box-sizing:border-box;
        justify-content:center;
    }

    .sale-show-cancel-box{
        max-width:none;
        width:100%;
        box-sizing:border-box;
    }
}


/* =========================================================
   STORE V2 — SALE CORRECTION FINAL UI
   ========================================================= */

.sale-correction-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:16px;
}

.sale-correction-head h1{
    margin:0;
    font-size:30px;
    line-height:1.15;
}

.sale-correction-head p{
    margin:7px 0 0;
    color:#667085;
}

.sale-correction-info{
    margin-bottom:16px;
    padding:18px 20px;
    border-left:4px solid #f79009;
}

.sale-correction-info h2{
    margin:0 0 6px;
    font-size:16px;
}

.sale-correction-info p{
    margin:0;
    color:#667085;
    line-height:1.5;
}

.sale-correction-form > .panel{
    margin-bottom:16px;
    padding:20px;
}

.sale-correction-section-head{
    margin-bottom:15px;
}

.sale-correction-section-head h2{
    margin:0;
    font-size:20px;
}

.sale-correction-section-head small{
    display:block;
    margin-top:5px;
    color:#667085;
}

.sale-correction-search > label{
    display:block;
    font-weight:700;
}

.sale-correction-search > label input{
    width:100%;
    margin-top:7px;
    box-sizing:border-box;
}

.sale-correction-search .item-result small{
    display:block;
}

.sale-correction-cart-row{
    display:grid;
    grid-template-columns:minmax(200px,1.5fr) 170px 150px 120px auto;
    gap:16px;
    align-items:end;
    padding:16px 0;
    border-bottom:1px solid #eaecf0;
}

.sale-correction-item-info{
    align-self:center;
    min-width:0;
}

.sale-correction-item-info strong{
    display:block;
    color:#101828;
}

.sale-correction-item-info small{
    display:block;
    margin-top:5px;
    color:#667085;
}

.sale-correction-qty > small,
.sale-correction-price > small,
.sale-correction-line-total > small{
    display:block;
    margin-bottom:6px;
    color:#667085;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
}

.sale-correction-qty-control{
    display:grid;
    grid-template-columns:38px minmax(60px,1fr) 38px;
    gap:6px;
}

.sale-correction-qty-control button{
    min-height:40px;
    padding:0;
}

.sale-correction-qty-control input,
.sale-correction-price input{
    width:100%;
    min-height:40px;
    box-sizing:border-box;
    text-align:center;
}

.sale-correction-line-total{
    align-self:center;
}

.sale-correction-line-total strong{
    display:block;
    font-size:16px;
    white-space:nowrap;
}

.sale-correction-remove{
    min-height:40px;
    border-color:#fecdca;
    background:#fff;
    color:#b42318;
}

.sale-correction-cart-panel .sale-total{
    margin-top:0;
    padding:18px 0;
    border-top:0;
    border-bottom:1px solid #eaecf0;
}

.sale-correction-reason{
    display:block;
    margin-top:18px;
    font-weight:700;
}

.sale-correction-reason textarea{
    width:100%;
    min-height:100px;
    margin-top:7px;
    box-sizing:border-box;
}

.sale-correction-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:16px;
}

@media(max-width:900px){
    .sale-correction-cart-row{
        grid-template-columns:minmax(180px,1fr) 170px 140px;
    }

    .sale-correction-line-total{
        grid-column:2;
    }

    .sale-correction-remove{
        grid-column:3;
    }
}

@media(max-width:760px){

    .sale-correction-head{
        display:block;
    }

    .sale-correction-head h1{
        font-size:25px;
    }

    .sale-correction-head .btn{
        display:flex;
        width:100%;
        margin-top:14px;
        box-sizing:border-box;
        justify-content:center;
    }

    .sale-correction-form > .panel{
        padding:14px;
    }

    .sale-correction-cart-row{
        display:block;
        padding:14px 0;
    }

    .sale-correction-item-info{
        margin-bottom:14px;
    }

    .sale-correction-qty,
    .sale-correction-price,
    .sale-correction-line-total{
        margin-top:12px;
    }

    .sale-correction-line-total{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding-top:11px;
        border-top:1px solid #f0f1f3;
    }

    .sale-correction-line-total small{
        margin:0;
    }

    .sale-correction-remove{
        width:100%;
        margin-top:12px;
    }

    .sale-correction-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .sale-correction-actions .btn{
        display:flex;
        width:100%;
        box-sizing:border-box;
        justify-content:center;
    }
}


/* =========================================================
   ITEMS — PAGINATION FIX
   ========================================================= */

.items-pagination svg{
    width:20px !important;
    height:20px !important;
    display:block;
    flex:none;
}

.items-pagination nav{
    width:100%;
}

.items-pagination nav > div{
    max-width:100%;
}


/* STORE PAGINATION */
.store-pagination{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}

.store-pagination a{
    text-decoration:none;
}

.store-page,
.store-page-arrow,
.store-page-dots{
    min-width:34px;
    height:34px;
    padding:0 9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    color:#344054;
    font-size:14px;
    font-weight:600;
}

.store-page,
.store-page-arrow{
    border:1px solid #e4e7ec;
    background:#fff;
}

.store-page:hover,
.store-page-arrow:hover{
    background:#f2f4f7;
}

.store-page.active{
    background:#2563eb;
    border-color:#2563eb;
    color:#fff;
}

.store-page-arrow.disabled{
    opacity:.4;
    cursor:default;
}

.store-page-dots{
    min-width:auto;
    padding:0 3px;
}

@media(max-width:760px){
    .store-pagination{
        gap:4px;
    }

    .store-page,
    .store-page-arrow{
        min-width:32px;
        height:32px;
        padding:0 7px;
    }
}

/* =========================================================
   ITEM PHOTO MANAGER
   ========================================================= */

.item-photo-manage{
    display:grid;
    grid-template-columns:minmax(280px,420px) minmax(0,1fr);
    gap:28px;
    padding:24px;
}

.item-photo-manage-preview{
    width:100%;
    min-height:340px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f8fafc;
    border:1px solid #e4e7ec;
    border-radius:14px;
    overflow:hidden;
}

.item-photo-manage-preview img{
    display:block;
    width:100%;
    max-height:520px;
    object-fit:contain;
}

.item-photo-empty{
    color:#98a2b3;
    font-weight:600;
}

.item-photo-manage-info h2{
    margin-top:0;
    margin-bottom:22px;
}

.item-photo-meta{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:24px;
}

.item-photo-meta > div{
    padding:12px;
    background:#f8fafc;
    border-radius:10px;
}

.item-photo-meta small{
    display:block;
    color:#667085;
    font-size:11px;
    font-weight:700;
    margin-bottom:5px;
}

.item-photo-meta strong{
    display:block;
}

.item-photo-form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.item-photo-form > label:first-child{
    font-weight:700;
}

.item-photo-form input[type="file"]{
    width:100%;
    padding:12px;
    border:1px solid #d0d5dd;
    border-radius:10px;
    background:#fff;
}

.form-help{
    color:#667085;
}

.item-photo-next{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
}

.item-photo-delete{
    margin-top:12px;
}

@media(max-width:760px){
    .item-photo-manage{
        grid-template-columns:1fr;
        padding:14px;
        gap:18px;
    }

    .item-photo-manage-preview{
        min-height:240px;
    }

    .item-photo-meta{
        grid-template-columns:1fr;
    }
}


/* Fix checkbox - Ndrysho Foto */
.item-photo-next{
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
}

.item-photo-next input[type="checkbox"]{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 18px;
    appearance:auto;
}