:root{font-family:Inter,ui-sans-serif,system-ui,'Segoe UI',Arial,sans-serif;color:#f0f2f4;background:#101113;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}.hidden{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:242px;min-width:242px;background:#151618;border-right:1px solid #282a2d;display:flex;flex-direction:column;padding:22px 14px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 27px;border-bottom:1px solid #2b2c2f}.brand img{height:60px;width:60px;object-fit:contain}.brand strong{display:block;font-size:16px;letter-spacing:.6px}.brand span{font-size:10px;color:#969ba2;letter-spacing:2px}.nav-title{font-size:10px;letter-spacing:1.7px;color:#7d848d;margin:30px 12px 11px}.sidebar nav{display:grid;gap:6px}.nav-link{border:0;background:transparent;color:#b0b5bc;display:flex;gap:14px;align-items:center;padding:14px 16px;text-align:left;border-radius:10px;font-size:15px}.nav-link.selected{background:#f89116;color:#191714;font-weight:730}.nav-link:hover:not(.selected){background:#232528;color:#fff}.sidebar-foot{display:flex;gap:10px;align-items:center;margin-top:auto;padding:16px 4px 0;border-top:1px solid #303135}.user-dot{width:35px;height:35px;border-radius:100%;background:#253e53;color:#99d8ff;display:grid;place-items:center;font-size:12px;font-weight:700}.sidebar-user{flex:1;overflow:hidden}.sidebar-user b{display:block;font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar-user small{color:#8a9198}.icon-btn{color:#b2bac5;border:0;background:transparent;padding:8px;font-size:21px}.workspace{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid #292c30;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.topbrand{font-weight:680}.topbrand span{font-weight:400;color:#747f8b}.topactions{display:flex;align-items:center;gap:18px}.connected{color:#82ccaa;font-size:12px}main{padding:32px 34px 60px;max-width:1900px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.eyebrow{letter-spacing:1.8px;color:#fa981d;font-size:11px;font-weight:700}.heading h1{font-size:29px;letter-spacing:-.8px;margin:9px 0 5px}.heading p{color:#a0a6b1;margin:0;font-size:14px}.heading-actions{display:flex;gap:10px}.primary{background:#f89116;border:1px solid #f89116;color:#161616;border-radius:9px;font-weight:750;padding:12px 16px}.primary:hover{background:#ffaa36}.subtle{border:1px solid #363a40;background:#202226;color:#e0e4e9;border-radius:9px;padding:11px 14px}.subtle:hover{background:#2b2e33}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.kpi{background:#1a1c20;border:1px solid #303339;border-radius:14px;padding:21px}.kpi span{display:block;color:#aab1bd;font-size:11px;letter-spacing:1px}.kpi b{display:block;font-size:27px;margin:10px 0 5px;letter-spacing:-.8px}.kpi small{font-size:12px;color:#858d98}.content{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:15px;align-items:start}.main-panel,.detail{background:#1a1c20;border:1px solid #303339;border-radius:14px;overflow:hidden}.filters{padding:16px;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #303339}.search-wrap{flex:2 1 220px;min-width:150px;display:flex;align-items:center;gap:10px;background:#111316;border:1px solid #3b4048;border-radius:9px;padding:0 12px}.search-wrap span{font-size:24px;color:#8d98a4}.search-wrap input{width:100%;min-width:70px;border:0;background:transparent;color:#f6f6f6;outline:0;padding:12px 0;font-size:13px}.filters select,.filters input[type=date]{background:#121417;color:#e7e9ed;border:1px solid #393d44;padding:11px 9px;border-radius:9px;min-width:110px;max-width:170px;font-size:12px;color-scheme:dark}.filters .subtle{font-size:12px;padding:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#22252a}th{font-size:10px;letter-spacing:.5px;font-weight:700;color:#9fa9b6;padding:15px 12px}td{padding:11px 12px;border-top:1px solid #303238;color:#dce1e7;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#25282d}tbody tr.active{background:#242d34}.thumb{width:52px;height:52px;object-fit:cover;border:1px solid #394049;border-radius:8px;background:#101114}.name-main{display:block;font-size:13px;font-weight:650;max-width:250px;overflow:hidden;text-overflow:ellipsis}.name-sub{display:block;margin-top:5px;font-size:11px;color:#838e9a}.badge{padding:6px 9px;border-radius:18px;font-size:11px;white-space:nowrap}.status-novo{color:#cbd8e3;background:#29333c}.status-fotografisano{color:#ffc78d;background:#543313}.status-ai_obradjeno{color:#b5a8ff;background:#34284b}.status-spremno_za_sajt{color:#85d5ff;background:#143c54}.status-objavljeno{color:#a8ef9b;background:#254629}.empty{text-align:center;color:#9da6b2;padding:55px 15px;white-space:normal}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;font-size:12px;color:#a4adb8;border-top:1px solid #303339}.pager{display:flex;align-items:center;gap:10px}.pager button{padding:6px 11px}.detail{padding:18px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}.detail-placeholder{text-align:center;padding:80px 10px;color:#a9b1bb}.placeholder-icon{font-size:52px;color:#41474f}.detail-placeholder h3{color:#eceff3}.detail-placeholder p{font-size:13px;line-height:1.5}.detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-head small{color:#a4acb7}.detail-photo{width:100%;height:245px;object-fit:contain;background:#0f1113;border:1px solid #353a42;border-radius:12px;cursor:zoom-in}.mini-photos{display:flex;gap:7px;overflow:auto;padding:10px 0}.mini-photos button{border:2px solid transparent;padding:0;border-radius:7px;background:transparent}.mini-photos button.chosen{border-color:#f89116}.mini-photos img{width:54px;height:54px;object-fit:cover;border-radius:5px}.detail h2{font-size:19px;line-height:1.3;margin:13px 0 9px}.detail .code{font-size:12px;color:#9da6b4;margin-bottom:17px}.detail dl{display:grid;grid-template-columns:1fr auto;gap:13px 8px;font-size:12px;margin:20px 0}.detail dt{color:#9fa8b5}.detail dd{margin:0;text-align:right;max-width:170px;overflow-wrap:anywhere}.note-box{background:#111417;border:1px solid #343a42;border-radius:9px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#bfc7d1;font-size:12px;min-height:65px}.note-label{color:#abb5bf;font-size:12px;margin-bottom:8px}.detail-actions{display:flex;gap:8px;margin-top:16px}.detail-actions button{flex:1}.bottom-notice{margin-top:16px;min-height:18px;color:#95cbb7;font-size:13px}.error{font-size:13px;color:#ff9e9e;margin-top:12px;min-height:18px}.auth-stage{min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{width:min(100%,400px);border:1px solid #32373d;background:#1a1c20;padding:32px;border-radius:18px;text-align:center}.auth-card img{height:94px;width:94px;object-fit:contain}.auth-card h1{margin:10px 0}.auth-card p,.auth-card small{color:#9fa8b4;font-size:13px}.auth-card form{text-align:left;display:grid;gap:18px;margin:29px 0 12px}.auth-card label,.form-grid label{display:grid;gap:7px;font-size:12px;color:#b6c0cc}.auth-card input,.form-grid input,.form-grid select,.form-grid textarea{background:#101215;border:1px solid #3c4149;border-radius:9px;color:#f2f4f6;padding:12px;outline:0;width:100%;color-scheme:dark}.auth-card input:focus,.form-grid input:focus,.form-grid textarea:focus{border-color:#f89116}.full{width:100%}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:10}.modal-card{width:min(100%,630px);max-height:93vh;overflow:auto;border-radius:15px;background:#1c1e23;border:1px solid #484b52;padding:25px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.form-grid small{color:#88929d;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:1300px){.content{grid-template-columns:minmax(0,1fr) 300px}.sidebar{width:205px;min-width:205px}.topbar{padding:0 20px}main{padding:22px 20px}.kpi{padding:16px}.kpi b{font-size:23px}}@media(max-width:1050px){.content{grid-template-columns:1fr}.detail{position:static;max-height:none}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:730px){.sidebar{width:70px;min-width:70px;padding:10px}.brand img{width:42px;height:42px}.brand div,.nav-title,.nav-link span,.sidebar-user{display:none}.nav-link{justify-content:center;padding:12px}.sidebar-foot{justify-content:center}.topbar{height:62px}.topbrand span,.connected{display:none}.heading{align-items:start;flex-direction:column}.heading h1{font-size:24px}.kpis{gap:8px}.kpi{padding:11px}.kpi span{font-size:9px}.kpi b{font-size:20px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}

.purchase-module{display:grid;gap:20px}.purchase-module h2,.purchase-module h3{margin:0 0 8px}.purchase-module p{color:#a9b1bc;font-size:13px}.purchase-header,.purchase-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.purchase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.purchase-cards>div,.purchase-import,.purchase-cycle,.purchase-history{background:#1a1c20;border:1px solid #303339;border-radius:14px;padding:20px}.purchase-cards small,.purchase-cards span{display:block;color:#9ba5b2;font-size:12px}.purchase-cards b{display:block;font-size:21px;margin:9px 0}.purchase-import label{display:inline-flex;flex-direction:column;gap:8px;margin:12px 16px 12px 0;color:#d5dbe2;font-size:12px}.purchase-import input{max-width:260px}.purchase-import input::file-selector-button{background:#32363b;border:1px solid #52575d;color:white;border-radius:7px;padding:8px;margin-right:8px}.location-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.location-tabs button.selected{background:#f89116;color:#151515}.purchase-cycle table{min-width:1080px}.purchase-cycle td input{background:#121417;color:#fff;border:1px solid #40464c;border-radius:7px;padding:8px;width:85px}.purchase-cycle td select{background:#121417;color:#fff;border:1px solid #40464c;border-radius:7px;padding:8px;max-width:170px}.purchase-cycle tbody tr{cursor:default}.purchase-cycle td small{display:block;color:#8b96a4}.purchase-history table{min-width:550px}.purchase-help{margin-top:8px}.purchase-error{color:#ff9e9e}.purchase-history .subtle{padding:7px 10px}.purchase-cycle #purchaseTotals{padding-top:15px;color:#ddd;font-size:13px}@media(max-width:950px){.purchase-cards{grid-template-columns:1fr}}

#catalogModule .filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}#catalogModule .filters .search-wrap{flex:1;min-width:230px}#catalogModule .table-wrap{overflow:auto}#catalogModule table{min-width:850px}#catalogModule td{vertical-align:middle}#catalogModule td button{margin:3px;padding:6px 9px;font-size:12px}#catalogModule .purchase-cycle{display:block}#catalogModule .purchase-import{display:block}

#catalogModule .catalog-thumb{height:62px;width:62px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid #3a4148}#catalogModule .catalog-noimage{color:#66717b}#catalogModule .catalog-feed{border-top:1px solid #303339;margin-top:18px;padding-top:18px}#catalogModule .catalog-feed h3{font-size:15px}#catalogModule table{min-width:1050px}#catalogModule th:first-child{min-width:85px}

/* v0.5.4: readable offer links and larger purchase photos */
#catalogModule a, #purchaseModule a, #purchasesModule a {color:#64d99b !important;text-decoration:underline;text-underline-offset:3px;font-weight:650}
#catalogModule a:hover, #purchaseModule a:hover, #purchasesModule a:hover {color:#a2f4c6 !important}
.purchase-thumb{width:80px;height:80px;object-fit:contain;background:#fff;vertical-align:middle;margin-right:12px}

/* v0.7.2: procurement-wide amounts above the list */
.financial-overview{margin:16px 0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.financial-overview>div{background:#19241b!important;border:1px solid #548231;border-radius:12px;padding:17px!important}
.financial-overview b{font-size:clamp(18px,2.2vw,29px);overflow-wrap:anywhere}
.financial-overview .value-purchase{color:#b7ed54}
.financial-overview .value-sales{color:#f5f7f2}
.financial-explain{color:#aeb8aa;font-size:13px;margin:0 0 16px}
@media(max-width:800px){.financial-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v0.9.14: Android purchase / warehouse parity */
.ss-history-filters{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;align-items:end}
.ss-history-filters label{font-size:12px;color:#aeb6c3;display:grid;gap:6px;min-width:155px;flex:1}
.ss-history-filters input,.ss-history-filters select{background:#101923;color:#ecf1f6;border:1px solid #394653;border-radius:9px;padding:10px;max-width:100%;min-width:0}
.ss-history-cycle{border:1px solid #33414c;border-radius:12px;margin:9px 0;padding:10px 14px}
.ss-history-cycle summary{cursor:pointer;line-height:1.7}
.ss-history-cycle table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}
.ss-history-cycle th,.ss-history-cycle td{border-bottom:1px solid #2d3843;padding:8px 4px;text-align:left}
.ss-test-banner{border:1px solid #c89b4e;background:#3d311b;padding:9px 12px;border-radius:10px;color:#ffdba0}
.ss-qty-controls{display:flex;align-items:center;gap:4px;min-width:190px}
.ss-qty-controls button{min-width:32px;padding:5px 8px}
.ss-qty-controls input[type=number]{width:65px!important;min-width:65px;text-align:center}
.ss-qty-controls .ss-qty-confirm{font-weight:700;color:#9be6bb}
.ss-qty-controls .ss-qty-unsaved{color:#ffb884;font-weight:700}
.ss-qty-saved{display:block;font-size:11px;color:#94a9b9}
.ss-complete-local{border-color:#51b58f!important;color:#98e8c9!important}
.ss-stock-filter{display:flex;gap:8px;align-items:center;margin:12px 0;color:#aab8c7;font-size:13px}
#desktopStockEditor label{display:grid;gap:5px;min-width:145px;flex:1;color:#aab8c7}
#desktopStockEditor input,#desktopStockEditor select{background:#101923;color:#fff;padding:9px;border:1px solid #516273;border-radius:8px;max-width:100%}
.ss-quick-qty{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}
.ss-quick-qty button{min-width:34px}
.ss-movement{border-bottom:1px solid #2e3b47;padding:9px 0;font-size:13px}
.ss-movement small{color:#9aa7b5}