:root{--navy:#0f1f3d;--navy2:#162b50;--gold:#f4b400;--bg:#f5f7fb;--card:#fff;--text:#1d2738;--muted:#6c778b;--border:#dfe5ef;--danger:#c62828;--shadow:0 10px 28px rgba(15,31,61,.10)}
*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}
body{overflow:hidden}.app{height:100%;display:flex;flex-direction:column}.topbar{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:14px 22px 12px;box-shadow:0 4px 16px rgba(0,0,0,.14);flex:0 0 auto}.brand{display:flex;align-items:center;gap:16px}.logo{width:150px;height:63px;object-fit:contain;background:#fff;border-radius:10px;padding:4px;box-shadow:0 3px 12px rgba(0,0,0,.18)}.brand-title{font-size:25px;font-weight:700;letter-spacing:.2px}.brand-sub{font-size:12px;opacity:.72;margin-top:3px}.toolbar{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:300px}.search{width:100%;height:48px;border:2px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;padding:0 18px;font-size:18px;outline:none;transition:.2s;box-shadow:0 0 0 rgba(244,180,0,0)}.search::placeholder{color:rgba(255,255,255,.72)}.search:focus{border-color:#ffd66a;background:rgba(255,255,255,.16);box-shadow:0 0 0 4px rgba(244,180,0,.15)}.search.pulse{animation:pulseGlow 1.8s ease-in-out infinite}.search.active{animation:none}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(244,180,0,0)}50%{box-shadow:0 0 22px 4px rgba(244,180,0,.35)}}
button{font-family:inherit;border:0;border-radius:9px;cursor:pointer;font-weight:600;transition:.15s}.btn{height:42px;padding:0 14px}.btn-primary{background:var(--gold);color:#1d2738}.btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#f0f4fa}.btn-danger{background:#fff0f0;color:var(--danger)}.btn-small{height:32px;padding:0 9px;font-size:12px}.stats{font-size:12px;color:rgba(255,255,255,.76);margin-left:auto;white-space:nowrap}.table-head{display:grid;grid-template-columns:76px minmax(210px,1.05fr) minmax(210px,1.05fr) 90px 145px 145px 160px;gap:12px;align-items:center;background:#fff;border-bottom:1px solid var(--border);padding:10px 22px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;flex:0 0 auto}.scroll{flex:1;overflow:auto;position:relative}.rows{position:relative;min-height:100%}.row{height:86px;display:grid;grid-template-columns:76px minmax(210px,1.05fr) minmax(210px,1.05fr) 90px 145px 145px 160px;gap:12px;align-items:center;background:var(--card);border-bottom:1px solid #edf0f5;padding:8px 22px}.row:hover{background:#fbfcff}.photo-box{width:62px;height:62px;border:1px solid var(--border);border-radius:9px;background:#f3f5f8;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;color:#9aa5b5;font-size:25px}.photo-box img{width:100%;height:100%;object-fit:cover}.name{font-size:14px;line-height:1.3;font-weight:650}.sr{font-weight:600}.unit{font-size:13px;color:var(--muted);font-weight:600}.price-cell{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.price{display:inline-flex;min-width:110px;justify-content:flex-end;padding:7px 9px;border-radius:8px;font-weight:800;font-size:14px;color:#111}.exvat{font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap}.actions{display:flex;gap:6px;justify-content:flex-start}.empty{height:100%;min-height:240px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px}.footer{height:32px;background:#fff;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#7d8798;font-size:11px;flex:0 0 auto}.modal-back{position:fixed;inset:0;background:rgba(5,14,29,.55);display:none;align-items:center;justify-content:center;z-index:50}.modal-back.open{display:flex}.modal{width:min(760px,92vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.25);padding:22px}.modal h2{margin:0 0 16px;font-size:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#59657a}.field input,.field select{height:40px;border:1px solid var(--border);border-radius:8px;padding:0 10px;font:inherit;outline:none}.field input:focus,.field select:focus{border-color:#8faadc;box-shadow:0 0 0 3px rgba(91,155,213,.12)}.photo-editor{display:flex;gap:14px;align-items:center}.preview{width:96px;height:96px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f4f6f9;overflow:hidden;font-size:30px}.preview img{width:100%;height:100%;object-fit:cover}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.hint{font-size:11px;color:var(--muted)}.count-badge{background:#eef2f8;color:#556174;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}
@media(max-width:1100px){.table-head,.row{grid-template-columns:68px minmax(170px,1fr) minmax(170px,1fr) 80px 125px 125px 145px;padding-left:12px;padding-right:12px;gap:8px}.brand-title{font-size:20px}.logo{width:120px;height:50px}}

/* Compact controls */
.btn{height:34px;padding:0 10px;font-size:12px;border-radius:6px;white-space:nowrap}.btn-small{height:28px;padding:0 8px;font-size:11px}.toolbar{gap:7px}.topbar{padding:11px 18px}.brand-title{font-size:21px}.search{height:38px;font-size:15px;padding:0 12px}.search-wrap{min-width:230px}.modal-actions{gap:7px}#offerPanel .btn,#catalogPanel .btn{height:34px;padding:0 10px;font-size:12px}#loginSubmit{width:100%;height:40px;font-size:14px}#cloudStatus{font-size:11px}

.discount-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:850px}.discount-grid input[type=number]{max-width:80px;min-width:50px}@media(max-width:700px){.discount-grid{grid-template-columns:1fr}.discount-grid label{flex-wrap:wrap}}

.discount-grid{gap:6px;max-width:600px}.discount-grid input[type=checkbox]{width:13px;height:13px;margin:0;accent-color:#24394f}#catalogDiscounts h3{font-size:14px;margin:0 0 7px}#catalogDiscounts p{font-size:11px;color:#718096;margin:0 0 9px}
/* Mobile workspace; printed A4 documents have their own unchanged stylesheet. */
@media(max-width:700px){
html,body{height:100%;height:100dvh}.topbar{padding:10px 12px}.brand{gap:10px;flex-wrap:wrap}.logo{width:90px;height:42px}.brand-title{font-size:17px}.brand label{width:100%;justify-content:flex-end}.toolbar{gap:6px}.toolbar .search-wrap{flex-basis:100%;min-width:0;order:-1}.toolbar .btn{min-height:36px}.stats{margin-left:0}.search{font-size:16px}.search.pulse{animation:none}.table-head{display:none}.row{height:156px;display:block;padding:12px;border-radius:0}.row .photo-box{position:absolute;left:12px;top:12px;width:52px;height:52px}.row .name{position:absolute;left:76px;right:12px;top:12px;font-size:13px;line-height:17px;max-height:34px;overflow:hidden}.row .name.sr{top:49px;color:#65728a;font-size:12px;max-height:32px}.row .unit{position:absolute;left:12px;top:72px;font-size:11px}.row .price-cell:nth-child(5){position:absolute;left:12px;bottom:30px;align-items:flex-start}.row .price-cell:nth-child(5)::after{content:'PDV dahil / sa PDV / incl. PDV';font-size:9px;color:#6c778b}.row .price-cell:nth-child(6){position:absolute;left:155px;bottom:30px;align-items:flex-start}.row .price-cell:nth-child(6)::after{content:'PDV hariç / bez PDV / excl. PDV';font-size:9px;color:#6c778b}.row .actions{position:absolute;right:12px;bottom:6px}.price{font-size:13px;padding:5px 7px;min-width:0}.modal{padding:16px;width:96vw;max-height:92dvh}.grid{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.photo-editor{flex-wrap:wrap}.field input,.field select,input,select,textarea{font-size:16px!important}#loginScreen{padding:16px;overflow:auto}#loginForm{width:100%!important;max-width:360px;padding:24px!important}#offerPanel,#catalogPanel,#checklistPanel{padding:12px!important}.offer-bar{flex-wrap:wrap}.offer-bar h1,#catalogPanel h1{font-size:20px}.offer-table{min-width:960px}.offer-summary{font-size:15px}#catalogPanel>div>div,#checklistPanel>div>div:first-child,#checklistPanel>div>div:nth-child(2){flex-wrap:wrap}#catalogSearch,#clSearch{min-width:0;width:100%;flex-basis:100%!important}#catalogPreview>div{grid-template-columns:1fr!important}#catalogPreview select,#catalogPreview input{width:100%;min-width:0}#checklistPanel table{min-width:1000px}.cl-fields{grid-template-columns:1fr!important}.discount-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.discount-grid label{min-width:0}.discount-grid input[type=number]{width:52px!important}#cloudStatus{max-width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}