@media (max-width:800px){
  body{font-size:14px;overflow-x:hidden}
  header{height:auto;min-height:64px;padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center}
  .brand{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  header nav{grid-column:1/-1;width:100%;display:flex;gap:6px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  header nav a,header nav span,header nav .link{display:inline-flex!important;flex:0 0 auto;min-height:44px;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
  header nav span{border:0;background:transparent;padding-left:4px}
  header nav form{display:flex;flex:0 0 auto}
  main{width:100%;margin:20px auto;padding:0 12px;min-height:calc(100vh - 170px)}
  footer{padding:20px 12px}
  h1{font-size:24px;line-height:1.2}h2{font-size:18px}.sub{margin-bottom:18px}
  .card{padding:16px;border-radius:11px}.narrow{max-width:none;margin:20px 0}
  .pagehead{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.pagehead .actions{margin-top:0}
  .grid,.limits,.modulegrid,.filterbar{grid-template-columns:1fr!important}.full{grid-column:1}
  .stats,.stats.four{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;margin:16px 0}.stat{padding:14px}.stat strong{font-size:23px;overflow-wrap:anywhere}.stat span{font-size:12px}
  input,select,textarea,button,.button{min-height:44px;font-size:16px}textarea{min-height:110px}
  button,.button{text-align:center;display:inline-flex;align-items:center;justify-content:center}
  .actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.actions>button,.actions>.button,.actions>form{flex:1 1 145px}.actions>form button{width:100%}
  .filterbar{padding:12px}.filterbar button{width:100%}
  table{display:block;width:100%;max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  th,td{padding:11px 12px}td .button{min-height:38px;font-size:14px}
  .tablewrap{width:100%;max-width:100%;overflow-x:auto}
  .inventory-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-nav a{text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}
  .ai-capture{max-width:none}.ai-steps{grid-template-columns:repeat(2,1fr)}.ai-capture input[type=file]{padding:14px}
  .ai-progress-head{gap:10px}.ai-progress-head strong{min-width:0;overflow-wrap:anywhere}
  .settings-nav{display:grid;grid-template-columns:1fr 1fr}.settings-nav a{text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}
  .price-example{flex-direction:column;gap:5px}.percent-input{grid-template-columns:1fr 52px}
  .dangerzone .actions form{flex-basis:100%}
  .product-label{max-width:100%;box-sizing:border-box}
}
@media (max-width:420px){
  header{padding:10px 12px}.company-brand{max-width:calc(100vw - 24px)}
  main{padding:0 9px}.card{padding:13px}
  .stats,.stats.four{grid-template-columns:1fr 1fr!important}.stat strong{font-size:21px}
  .inventory-nav{grid-template-columns:1fr 1fr}
  .actions>button,.actions>.button,.actions>form{flex-basis:100%;width:100%}
  .modulegrid{gap:8px}.check{padding:10px}
}
@media print{header nav{display:none!important}}
/* Kopējā pieejamība un tastatūras navigācija. */
.skip-link{position:fixed;z-index:9999;left:12px;top:12px;transform:translateY(-160%);background:#fff;color:#17202a;padding:12px 16px;border:3px solid #f59e0b;border-radius:8px;font-weight:700}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}button,.button{min-height:44px}nav a,nav .link{min-height:44px;display:inline-flex;align-items:center}