.wrap{display:grid;grid-template-columns:3fr 2fr;gap:clamp(2vh, 2.5vw, 3vh);padding:clamp(2vh, 2.5vw, 3vh);height:100vh}
/* Lepsze wsparcie dla mobilnych pasków adresu */
@supports (height: 100dvh){ .wrap{ height:100dvh; } }
@supports (height: 100svh){ .wrap{ height:100svh; } }
.stack{display:flex;flex-direction:column;gap:clamp(1.6vh, 2vw, 2.5vh);min-height:0}
.card{background:var(--card);border-radius:clamp(1.2vh, 1.8vw, 2vh);padding:clamp(1.8vh, 2.2vw, 2.8vh);box-shadow:0 6px 20px rgba(0,0,0,.15)}
.title{font-weight:700;font-size:calc(22px * var(--ui-scale));margin-bottom:14px;display:flex;gap:10px;align-items:center}
.row{display:grid;grid-template-columns:1fr auto;gap:clamp(0.8vh, 1vw, 1.2vh);align-items:center}
.prod-controls{grid-template-columns:minmax(0,1fr) auto auto auto auto}
.client-controls{grid-template-columns:1fr auto auto}
.desktop-menu{display:inline-flex}
.mobile-menu{display:none !important}

.prod-search-input{min-width:0;}
.btn-clear{width:42px;min-width:42px;padding:0;font-size:1.2rem;line-height:1;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
.btn-clear[disabled]{opacity:0.45;cursor:not-allowed}
.scanner-hidden{display:none !important}

@media (max-width:820px){
    .desktop-menu{display:none !important}
    .mobile-menu{display:inline-flex !important}
}

/* Mała wysokość ekranu: redukuj marginesy */
@media (max-height:700px){ .wrap{ padding:clamp(1vh, 1.2vw, 1.5vh); } .title{ margin-bottom:clamp(0.8vh, 1vw, 1.2vh); } }