:root{--navy:#17365d;--blue:#d9eaf7;--line:#cbd5e1;--bg:#f4f7fb;--ink:#172033;--muted:#667085;--yellow:#fff6d8;--green:#e8f5e9;--red:#b42318}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.topbar{height:72px;padding:0 4vw;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #17365d33}.topbar strong{font-size:22px}.topbar span{margin-left:14px;color:#d7e3f4}.topbar nav{display:flex;gap:10px}.nav,.primary,.secondary{border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:700}.nav{background:transparent;color:#d7e3f4}.nav.active{background:#ffffff18}.primary{background:#1f78c8;color:#fff}.primary:hover{background:#176bb7}.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.large{padding:13px 20px}main{max-width:1320px;margin:0 auto;padding:28px 24px 60px}.connection{padding:10px 14px;border-radius:8px;background:var(--yellow);margin-bottom:20px;font-size:14px}.connection.ok{background:var(--green);color:#276029}.connection.error{background:#fee4e2;color:var(--red)}.hidden{display:none!important}.page-heading,.section-title{display:flex;justify-content:space-between;align-items:end;margin:8px 0 22px}.eyebrow{margin:0 0 4px;color:#1f78c8;font-size:12px;font-weight:800;letter-spacing:.12em}.page-heading h1,.section-title h2{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stats article,.panel{background:#fff;border:1px solid #e5eaf0;border-radius:12px;box-shadow:0 4px 16px #102a4320}.stats article{padding:18px}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{font-size:28px}.panel{overflow:visible}table{width:100%;border-collapse:collapse}th,td{padding:14px;text-align:left;border-bottom:1px solid #edf0f3}th{font-size:12px;color:var(--muted);text-transform:uppercase}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--blue);font-size:12px;font-weight:800}.empty{text-align:center;padding:42px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px;padding:22px}.form-grid label{position:relative;font-size:13px;font-weight:700}.wide{grid-column:1/-1}input,select,textarea{width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}textarea{resize:vertical}.form-grid small{display:block;margin-top:7px;color:var(--muted)}.results{position:absolute;z-index:10;left:0;right:0;top:66px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px #102a4330;max-height:250px;overflow:auto}.result{padding:10px 12px;cursor:pointer;border-bottom:1px solid #edf0f3}.result:hover{background:#edf5fb}.item-card{display:grid;grid-template-columns:52px 2fr 90px 1fr 120px 40px;gap:12px;align-items:start;background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 3px 12px #102a4318}.item-no{font-weight:800;padding-top:12px}.product-wrap{position:relative}.product-meta{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}.remove{border:0;background:#fee4e2;color:var(--red);border-radius:8px;width:36px;height:36px;margin-top:7px;cursor:pointer}.total-bar{display:flex;justify-content:flex-end;gap:30px;padding:18px;font-size:18px}.actions{display:flex;justify-content:flex-end;gap:12px}.toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;background:var(--navy);color:#fff;border-radius:9px;box-shadow:0 10px 28px #0003}.print-sheet{background:#fff;border:1px solid var(--line);padding:28px;min-height:720px}.print-head{display:flex;justify-content:space-between;border-bottom:4px solid var(--navy);padding-bottom:16px}.print-head h1{margin:0;color:var(--navy)}.print-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.print-meta div{border:1px solid var(--line);padding:10px}.print-meta span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.print-table th{background:var(--blue);color:var(--ink)}.signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.signatures div{border-top:1px solid var(--ink);padding-top:8px;text-align:center}
.view-actions{display:flex;gap:10px}.launch{border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:800;background:#d97706;color:#fff}.launch:disabled{background:#94a3b8;cursor:default}.production-table .product-row td{border-bottom:0;padding-bottom:7px}.construction-row td{padding-top:0;background:#f8fafc}.construction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:7px 10px;border-left:3px solid #1f78c8;font-size:12px}.operations-panel{margin-top:24px;padding:20px}.operation-position{margin-bottom:22px}.operation-position h3{margin:0 0 10px}.operation-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px}.operation-step{border:1px solid var(--line);border-left:5px solid #94a3b8;border-radius:8px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:4px}.operation-step small{color:var(--muted)}.operation-step span{font-size:12px}.operation-step em{font-size:11px;font-style:normal;font-weight:800}.status-spremno{border-left-color:#2563eb;background:#eff6ff}.status-u_radu{border-left-color:#d97706;background:#fff7ed}.status-zavrseno{border-left-color:#16a34a;background:#f0fdf4}.status-problem{border-left-color:#dc2626;background:#fef2f2}
@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr}.item-card{grid-template-columns:40px 1fr 90px}.item-card>*:nth-child(n+4){grid-column:auto}.topbar span{display:none}.construction-grid{grid-template-columns:1fr 1fr}}
@page{size:A4 landscape;margin:10mm}
@media print{body{background:#fff}.topbar,.connection,.no-print{display:none!important}main{max-width:none;padding:0}.page{display:none!important}#page-view{display:block!important}.print-sheet{border:0;padding:0;min-height:0}.print-head{padding-bottom:8px}.print-head h1{font-size:22px}.print-meta{margin:10px 0;gap:7px}.print-meta div{padding:7px}.print-table th,.print-table td{padding:5px 6px;font-size:9px}.construction-grid{font-size:8.5px;padding:4px 7px}.signatures{margin-top:25px;break-inside:avoid}.production-table tr{break-inside:avoid}}