:root{--red:#e30613;--dark:#171717;--bg:#f4f5f7;--line:#e3e5e8}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:#222}a{color:var(--dark);text-decoration:none}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1200px)/2));position:sticky;top:0;z-index:2}header img{height:44px;max-width:210px;object-fit:contain}main{max-width:1200px;margin:28px auto;padding:0 18px}.title-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}h1{margin:0 0 4px}.muted{color:#777}.btn,button{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:9px;padding:12px 17px;font-weight:700;cursor:pointer}.secondary{background:#555}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.card span{color:#777}.card strong{display:block;font-size:30px;margin-top:8px}.search{display:flex;gap:10px;margin:18px 0}.search input{flex:1}.table-wrap{overflow:auto;background:#fff;border-radius:12px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}tbody tr{cursor:pointer}tbody tr:hover{background:#fafafa}.status{padding:5px 9px;border-radius:999px;background:#eee;font-size:12px;text-transform:capitalize}.status.u_radu{background:#fff0c7}.status.zavrseno{background:#dff5e4}.status.preuzeto{background:#e2e8f5}input,select,textarea{width:100%;border:1px solid #cfd3d8;border-radius:8px;padding:11px;background:#fff;font:inherit}label{display:block;font-weight:700;font-size:13px}label input,label select,label textarea{margin-top:6px;font-weight:400}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.panel h3{margin-top:6px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.item-form{display:grid;grid-template-columns:130px 1fr 100px 150px auto;gap:8px;margin-top:14px}.login-bg{min-height:100vh;display:grid;place-items:center;background:#eceef1}.login-card{width:min(420px,92vw);background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 35px #0002}.login-card .logo{display:block;max-width:230px;max-height:70px;margin:0 auto 22px}.login-card label{margin:12px 0}.login-card button{width:100%;margin-top:8px}.error,.notice{padding:10px 12px;border-radius:8px;margin:12px 0}.error{background:#ffe1e1}.notice{background:#e1f6e6}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.item-form{grid-template-columns:1fr 1fr}.item-form input:nth-of-type(1){grid-column:1/-1}.title-row{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}header img{max-width:150px}.item-form{grid-template-columns:1fr}.item-form input:nth-of-type(1){grid-column:auto}}
nav{display:flex;gap:18px;align-items:center}nav a{white-space:nowrap}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar form{margin:0}.toolbar select{min-width:130px}.totals{margin:16px 0 4px auto;max-width:360px}.totals div{display:flex;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--line)}.totals .grand{font-size:18px;font-weight:700;border-top:2px solid #222}.mini{width:80px}.money{width:120px}.row-actions{white-space:nowrap}.small{padding:8px 10px;border-radius:7px}.danger{background:#9b1c1c}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.photo-grid img{width:100%;height:120px;object-fit:cover;border-radius:8px}.paper{background:#fff;max-width:900px;min-height:1100px;padding:38px;margin:24px auto}.doc-head{display:flex;justify-content:space-between;gap:30px;align-items:center}.doc-head img{width:190px;max-height:75px;object-fit:contain}.doc-title{display:flex;justify-content:space-between;align-items:flex-start;margin:28px 0}.doc-title h1{margin:0}.invoice-client{margin:22px 0}.doc-table{width:100%;border-collapse:collapse;margin-top:20px}.doc-table th,.doc-table td{border:1px solid #bbb;padding:9px}.invoice-note{margin-top:24px}.signatures{display:flex;justify-content:space-between;margin-top:90px}.signatures span{border-top:1px solid #333;padding:8px 50px}.printbar{max-width:900px;margin:18px auto;text-align:right}@media print{body{background:#fff}.no-print,header{display:none!important}.paper{margin:0;max-width:none;min-height:0;padding:0;box-shadow:none}.doc-table th,.doc-table td{padding:7px;font-size:12px}}@media(max-width:800px){header{height:auto;flex-wrap:wrap;gap:10px}nav{order:3;width:100%;overflow:auto;padding-top:8px}.paper{min-height:0;margin:0;padding:18px}.doc-head,.doc-title{flex-direction:column}.toolbar{width:100%}}
.invoice-shell{max-width:1000px}.invoice-controls{display:flex;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px}.invoice-controls label{min-width:180px}.invoice-paper{max-width:900px;min-height:1120px;padding:44px 48px}.invoice-brand{display:flex;justify-content:space-between;gap:30px;padding-bottom:22px;border-bottom:3px solid var(--red)}.invoice-brand img{width:190px;max-height:70px;object-fit:contain;object-position:left center}.seller{display:flex;flex-direction:column;gap:3px;margin-top:12px;font-size:13px}.seller strong{font-size:14px}.invoice-number{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.invoice-number span{font-size:30px;font-weight:800;letter-spacing:.5px}.invoice-number strong{margin-top:7px;color:var(--red);font-size:19px}.invoice-meta{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;margin:28px 0}.meta-box{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:5px}.meta-box small{color:#777;font-weight:700;font-size:10px;letter-spacing:.8px}.meta-box>strong{font-size:17px}.meta-right{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-right div{display:flex;flex-direction:column;gap:3px}.invoice-table{width:100%;border-collapse:collapse;margin-top:8px}.invoice-table th{background:#f1f2f4;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.invoice-table th,.invoice-table td{padding:12px 10px;border-bottom:1px solid #ddd}.invoice-table .num{text-align:right}.invoice-total{margin-left:auto;width:390px;margin-top:18px;background:#171717;color:#fff;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;border-radius:8px}.invoice-total strong{font-size:22px}.invoice-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:45px;gap:40px}.invoice-foot>div:first-child{max-width:55%;font-size:13px}.payment-badge{display:inline-block;padding:7px 10px;border-radius:6px;font-weight:800;font-size:12px}.payment-badge.neplaceno,.pay-status.neplaceno{background:#ffe3e3;color:#8d1111}.payment-badge.placeno,.pay-status.placeno{background:#def5e4;color:#17632d}.signature-line{border-top:1px solid #333;min-width:210px;text-align:center;padding-top:8px}.pay-status{display:inline-block;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}@media print{.invoice-paper{min-height:0;padding:0}.invoice-brand{padding-top:0}.payment-badge{border:1px solid #999}.invoice-total{background:#fff;color:#000;border:2px solid #111}}@media(max-width:800px){.invoice-controls{flex-direction:column;align-items:stretch}.invoice-controls label{min-width:0}.invoice-paper{padding:22px}.invoice-brand,.invoice-foot{flex-direction:column;align-items:stretch}.invoice-number{align-items:flex-start;text-align:left}.invoice-meta{grid-template-columns:1fr}.invoice-total{width:100%}.meta-right{grid-template-columns:1fr 1fr}}

/* V1.3.2 polish */
.invoice-search{display:grid!important;grid-template-columns:minmax(280px,1fr) 230px auto;gap:10px;align-items:center}.invoice-search input{width:100%!important;min-width:0!important}.invoice-search select{width:100%}.invoice-foot{align-items:flex-end}.invoice-note-status{max-width:45%;font-size:13px}.invoice-signatures{display:flex;gap:38px;align-items:flex-end;margin-left:auto}.invoice-signatures .signature-line{min-width:180px}.meta-box:before{content:""}.invoice-meta .meta-box:first-child small:first-child{font-size:0}.invoice-meta .meta-box:first-child small:first-child:after{content:"KUPAC";font-size:10px}.seller:before{content:"PRODAVAC";color:#777;font-weight:700;font-size:10px;letter-spacing:.8px;margin-bottom:2px}@media print{.invoice-shell{max-width:none!important;margin:0!important;padding:0!important}.invoice-paper{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:0!important}.invoice-signatures{gap:45px}.invoice-signatures .signature-line{min-width:180px}.invoice-foot{page-break-inside:avoid}.invoice-table{page-break-inside:auto}.invoice-table tr{page-break-inside:avoid;page-break-after:auto}}@media(max-width:800px){.invoice-search{grid-template-columns:1fr!important}.invoice-signatures{width:100%;margin-left:0;gap:20px}.invoice-signatures .signature-line{min-width:0;flex:1}.invoice-note-status{max-width:100%}}

/* V1.4 supplier receipts + service order toolbar */
.title-row>.toolbar{justify-content:flex-end;max-width:650px}.title-row>.toolbar>.btn,.title-row>.toolbar>form{flex:0 0 auto}.title-row>.toolbar .btn{white-space:nowrap}.receipt-btn{background:#222}.row-actions{display:flex;gap:6px;align-items:center}.row-actions .small{min-width:auto}.receipt-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}.receipt-preview{width:100%;max-height:650px;object-fit:contain;background:#f5f5f5;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.receipt-upload{display:flex;gap:10px;align-items:center}.receipt-upload input{flex:1}.receipt-meta{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.receipt-actions{display:flex;gap:8px;margin:12px 0}.receipt-actions button{padding:9px 12px}.receipt-layout table input{min-width:110px}.receipt-layout table input.mini{min-width:70px;width:70px}.receipt-layout table input.money{min-width:95px;width:95px}.receipt-layout table input.unit{min-width:65px;width:65px}.receipt-layout table td:first-child input{min-width:18px;width:18px}.supplier-files{display:flex;gap:10px;flex-wrap:wrap}.supplier-file{border:1px solid var(--line);border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;background:#fafafa}.supplier-file span{font-size:12px;color:#777}
@media(max-width:1000px){.receipt-layout{grid-template-columns:1fr}.receipt-preview{max-height:450px}.title-row>.toolbar{max-width:none;width:100%;justify-content:flex-start}}
@media(max-width:800px){.receipt-meta{grid-template-columns:1fr}.receipt-upload{flex-direction:column;align-items:stretch}.title-row>.toolbar{display:grid;grid-template-columns:1fr 1fr}.title-row>.toolbar .btn,.title-row>.toolbar form,.title-row>.toolbar select{width:100%}}