:root{
  --burgundy:#0F5C5B;
  --burgundy2:#0D4F4E;
  --navy:#13233B;
  --navy2:#0D4F4E;
  --green:#1B8A87;
  --green-soft:#FBF0DA;
  --red:#d43f3a;
  --red-soft:#fff0f0;
  --blue:#0F5C5B;
  --purple:#4A7EC8;
  --text:#101828;
  --muted:#667085;
  --bg:#f4f6fb;
  --card:#ffffff;
  --border:#e5e9f2;
  --shadow:0 10px 30px rgba(16,24,40,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}
.sidebar{background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh;overflow:auto}
.brand{display:grid;gap:14px;align-items:flex-start}.brand-logo-full{width:min(100%,230px);height:auto;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.18))}
.brand h1{font-size:24px;line-height:1.08;margin:0 0 10px;font-weight:900}.brand p{font-size:14px;line-height:1.5;margin:0;color:#0D4F4E}
.nav{display:grid;gap:8px;margin-top:26px}.nav a{padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.07);color:#F4F5F9;font-weight:800;display:flex;justify-content:space-between;align-items:center}.nav a:hover,.nav a.active{background:linear-gradient(90deg,var(--blue),var(--green))}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#fff;color:var(--blue);font-size:12px;font-weight:900}
.user-box{margin-top:18px;padding:12px;border-radius:13px;background:rgba(255,255,255,.08);font-size:13px;color:#0D4F4E}.user-box span{color:#0D4F4E}
.main{padding:24px;overflow:hidden;padding-bottom:100px}.mobile-topbar{display:none}.dashboard-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}
.left-card,.card,.quick-panel,.mobile-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:18px}.left-card{background:linear-gradient(180deg,#0F5C5B,#0F5C5B);color:#fff}.left-card h2{font-size:14px;letter-spacing:.06em;color:#ffd7df;margin:8px 0 14px}.quick-form{display:grid;gap:12px}
.quick-form label,.form-grid label,.entry-form-row label,.filter-row label,.inline-form label{font-weight:800;font-size:13px;display:grid;gap:6px;color:inherit}
input,select,textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#fff;color:#101828;font-size:15px}input,select{height:44px}textarea{min-height:90px;resize:vertical}.left-card input,.left-card select{border-color:#13233B}.left-card label{color:#F4F5F9}.left-card input,.left-card select{background:#fff;color:#101828}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:12px;min-height:44px;padding:10px 16px;font-weight:900;cursor:pointer}.btn.primary{background:linear-gradient(180deg,#0F5C5B,var(--blue));color:#fff;border-color:var(--blue)}.btn.green{background:linear-gradient(180deg,#b3d12c,var(--green));color:#233404;border-color:var(--green)}.btn.danger{background:#fff0f0;color:#b42318}.btn:hover{filter:brightness(.98)}
.cat-list-mini{display:grid;gap:7px}.cat-list-mini strong{font-size:13px;margin-top:4px}.income,.priliv{color:var(--green)}.expense,.odliv{color:var(--red)}.cat-list-mini span{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.08);font-size:13px}.info-line{font-size:13px;color:#0D4F4E}
.content-area{min-width:0}.filter-row{display:flex;gap:10px;align-items:end;margin-bottom:14px;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:20px;min-height:120px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-22px;top:-22px;width:92px;height:92px;border-radius:50%;background:rgba(52,86,158,.08)}.kpi span{display:block;font-size:12px;font-weight:900;color:#0F5C5B;letter-spacing:.04em}.kpi strong{display:block;font-size:31px;line-height:1.1;margin:10px 0 6px}.kpi small{color:var(--muted)}.kpi.income strong{color:var(--green)}.kpi.expense strong{color:var(--red)}.kpi.net strong{color:#0F5C5B}.kpi.balance strong{color:var(--purple)}
.card{margin-bottom:18px}.card h2,.quick-panel h2{font-size:20px;margin:0 0 8px}.card p{margin:0;color:var(--muted)}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.small-link{font-weight:900;color:var(--blue)}
.chart-wrap{height:280px;display:flex;align-items:end;gap:14px;border-left:1px solid #0D4F4E;border-bottom:1px solid #0D4F4E;padding:14px 12px 0;margin-top:10px;background:linear-gradient(180deg,transparent 24%,rgba(0,0,0,.04) 25%,transparent 26%,transparent 49%,rgba(0,0,0,.04) 50%,transparent 51%,transparent 74%,rgba(0,0,0,.04) 75%,transparent 76%)}.month-col{flex:1;min-width:32px;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.bars{height:230px;display:flex;align-items:end;justify-content:center;gap:5px}.bar{width:13px;border-radius:5px 5px 0 0;display:inline-block}.bar.income{background:linear-gradient(180deg,#5dcc83,#17a45b)}.bar.expense{background:linear-gradient(180deg,#ff7b7b,#e54a4a)}.month-col span{font-size:12px;color:#4b5563}.legend{display:flex;align-items:center;gap:8px;font-weight:800;color:#4b5563;margin-top:8px}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot.income{background:var(--green)}.dot.expense{background:var(--red)}
.bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}th{background:#0D4F4E;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.amount{font-weight:900;white-space:nowrap}.pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-weight:900;font-size:12px;background:#edfdf4}.pill.odliv{background:#fff0f0}.pill.neutral{background:#F4F5F9;color:#0F5C5B}.pill.paid{background:#e9f9f1;color:#08743c}.pill.unpaid{background:#fff0f0;color:#b42318}.summary-list{display:grid;gap:10px}.summary-list div{display:flex;justify-content:space-between;gap:10px;padding:13px;border:1px solid var(--border);border-radius:13px;background:#FCFDFE}.summary-list strong{white-space:nowrap}
.page-title{margin-bottom:18px}.page-title h1{margin:0;font-size:28px}.page-title p{margin:6px 0 0;color:var(--muted)}.entry-form-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end}.form-grid{display:grid;gap:12px}.form-grid.compact{max-width:520px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.alert{border-radius:13px;padding:12px 14px;margin:12px 0;font-weight:800}.alert.error{background:#fff0f0;color:#af1d1d}.alert.success{background:#ecfdf5;color:#08743c}.alert.warning{background:#fff7df;color:#795300}.icon-btn{border:0;background:#fff0f0;color:#b42318;border-radius:10px;padding:8px 10px;font-weight:900;cursor:pointer}.total-row td{font-weight:900;background:#FCFDFE}
.login-page,.install-page,.upgrade-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#13233B,#13233B 60%, #1B8A87)}.login-card,.install-card,.upgrade-card{width:min(540px,calc(100% - 28px));background:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.install-card,.upgrade-card{width:min(780px,calc(100% - 28px))}.logo-dot{margin-bottom:14px}.logo-dot img{width:min(100%,260px);height:auto;display:block}.login-card h1,.install-card h1,.upgrade-card h1{margin:0 0 8px}.login-card p,.install-card p,.upgrade-card p{color:var(--muted);margin:0 0 16px}.codebox{width:100%;font-family:ui-monospace,Consolas,monospace;border:1px solid var(--border);border-radius:12px;padding:12px}.desktop-only{display:block}.mobile-only{display:none}
.notification-list{display:grid;gap:12px}.notification-item{display:grid;gap:6px;border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff}.notification-item.unread{border-color:#f0b6c3;background:#fffafb}.notification-meta{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.reminder-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reminder-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff;display:grid;gap:10px}.reminder-card.due{border-color:#f1b5b5}.reminder-card.paid{border-color:#a6e0c0;background:#fbfffd}.reminder-top{display:flex;justify-content:space-between;gap:10px}.reminder-top h3{margin:0}.reminder-details{display:grid;gap:6px;color:var(--muted);font-size:14px}.user-list{display:grid;gap:10px}.user-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff}.bottom-nav{display:none}.bell{position:relative;font-size:20px;line-height:1}.bell span{position:absolute;right:-11px;top:-9px;background:#fff;color:var(--blue);font-size:11px;font-weight:900;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand img{width:118px;height:auto;border-radius:0;background:transparent}.fab-notice{display:none}
@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:14px;padding-bottom:100px}.mobile-topbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,var(--burgundy2),var(--burgundy));color:#fff;padding:12px 14px;border-radius:18px;margin-bottom:14px;box-shadow:var(--shadow)}.dashboard-grid{grid-template-columns:1fr}.desktop-only{display:none}.mobile-only{display:block}.kpis{grid-template-columns:repeat(2,1fr)}.bottom-grid,.reminder-grid{grid-template-columns:1fr}.entry-form-row{grid-template-columns:1fr 1fr}.chart-wrap{gap:8px}.bar{width:10px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr 76px 1fr 1fr;align-items:end;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(16,24,40,.08)}.bottom-nav a{display:grid;place-items:center;gap:3px;color:#667085;font-size:12px;font-weight:900}.bottom-nav a span{font-size:21px}.bottom-nav a.active{color:var(--burgundy)}.bottom-nav .quick-add{width:62px;height:62px;border-radius:50%;background:linear-gradient(180deg,#a40931,var(--burgundy));color:#fff;box-shadow:0 10px 30px rgba(122,0,29,.35);margin:auto auto 8px}.bottom-nav .quick-add span{font-size:34px;line-height:1}}
@media(max-width:620px){body{background:#F7F8FB}.main{padding:10px;padding-bottom:105px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{min-height:auto;border-radius:16px;padding:14px}.kpi strong{font-size:24px}.kpi span{font-size:10px}.entry-form-row,.form-grid.two,.user-row{grid-template-columns:1fr}.card-head{display:block}.chart-wrap{height:220px;gap:5px;padding-left:8px;padding-right:8px}.bars{height:170px}.month-col{min-width:22px}.month-col span{font-size:10px}.left-card,.card,.quick-panel{border-radius:16px;padding:14px}.filter-row{display:grid;grid-template-columns:1fr}.filter-row .btn{width:100%}.table-wrap table{min-width:560px}.page-title h1{font-size:24px}.inline-form{display:grid}.mobile-only .quick-form{grid-template-columns:1fr}.quick-panel{border:2px solid rgba(122,0,29,.12)}}

.brand-copy{max-width:240px}.auth-logo{width:min(100%,260px);height:auto;display:block;margin-bottom:14px}.brand{margin-bottom:6px}.brand-copy .accent{color:#F5D89A}.top-accent{color:var(--green)}
@media(max-width:1100px){.mobile-topbar{background:linear-gradient(90deg,var(--navy),var(--blue));}.bottom-nav .quick-add{background:linear-gradient(180deg,#0F5C5B,var(--blue));box-shadow:0 10px 30px rgba(52,86,158,.35)}.bottom-nav a.active{color:var(--blue)}}
@media(max-width:620px){.mobile-brand img{width:102px}.logo-dot img,.auth-logo{width:min(100%,210px)}}

.desktop-only-inline{display:inline-flex}
.desktop-table{display:block}.mobile-entry-list{display:none}
.compact-head{margin-bottom:10px}
.mobile-entry-list{gap:12px}.mobile-entry-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:#FCFDFE;display:grid;gap:8px}.mobile-entry-top,.mobile-entry-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-entry-top strong{font-size:17px;line-height:1.25}.mobile-entry-meta{font-size:13px;color:var(--text-soft)}.mobile-entry-desc{font-size:14px;color:var(--text)}

@media(max-width:620px){.desktop-only-inline,.desktop-table{display:none}.mobile-entry-list{display:grid}.chart-card{overflow:hidden}.chart-wrap{height:205px;gap:4px;padding-left:4px;padding-right:4px;overflow-x:auto;scrollbar-width:none}.chart-wrap::-webkit-scrollbar{display:none}.bars{height:150px}.month-col{min-width:20px}.month-col span{font-size:9px}.card-head h2{font-size:18px;line-height:1.2}.summary-list div{padding:12px}.bottom-grid>.card:first-child h2{margin-bottom:2px}}

.date-rs{text-align:center;font-weight:800;letter-spacing:.02em}
@media(max-width:620px){
  .quick-panel{margin-bottom:12px}
  .quick-form label{font-size:16px}
  .quick-form input,.quick-form select{height:52px;font-size:18px;border-radius:16px}
  .quick-form .btn{min-height:56px;font-size:18px;border-radius:16px}
}

/* V3.7: Serbian month selector */
.filter-row select{min-width:210px}
@media(max-width:620px){.filter-row select{width:100%;min-width:0}}
/* V4 Roba i računi */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.product-card{border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow);padding:12px;display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center}.product-photo{width:82px;height:82px;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:900}.product-photo img{width:100%;height:100%;object-fit:cover}.product-info{display:grid;gap:5px}.product-info strong{font-size:15px}.product-info small,.product-meta{color:var(--muted);font-size:13px}.product-meta{display:flex;justify-content:space-between;gap:8px}.product-detail-grid{display:grid;grid-template-columns:360px 1fr;gap:18px}.detail-photo{width:100%;aspect-ratio:1/1;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;overflow:hidden;color:#fff;font-size:40px;font-weight:900}.detail-photo img{width:100%;height:100%;object-fit:cover}.preview-img{max-width:160px;max-height:160px;border-radius:16px;border:1px solid var(--border)}.span-2{grid-column:1/-1}.form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.soft-sep{border:0;border-top:1px solid var(--border);margin:18px 0}.customer-list,.invoice-list{display:grid;gap:10px}.customer-card,.invoice-card{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff}.customer-card{justify-content:flex-start}.customer-card small,.invoice-card small{display:block;color:var(--muted);margin-top:4px}.avatar-circle{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:900}.invoice-right{display:grid;justify-items:end;gap:7px}.invoice-document{max-width:980px;margin:auto}.invoice-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:2px solid var(--border);padding-bottom:16px;margin-bottom:16px}.invoice-logo{max-width:190px;height:auto;display:block;margin-bottom:12px}.invoice-customer{border:1px solid var(--border);border-radius:16px;padding:14px;background:#FCFDFE;margin-bottom:16px}.inventory-top-grid{grid-template-columns:1fr 1fr}.inventory-kpis .kpi strong{font-size:28px}@media(max-width:900px){.product-detail-grid,.inventory-top-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:72px 1fr}.product-photo{width:72px;height:72px}.invoice-head{display:grid}.invoice-right{justify-items:start}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}}@media print{.sidebar,.mobile-topbar,.bottom-nav,.no-print{display:none!important}.app-shell{display:block}.main{padding:0}.card{box-shadow:none;border:0}.invoice-document{max-width:none}.table-wrap{overflow:visible}.table-wrap table{min-width:0}.invoice-print{padding:0}}

/* V4.5 Premium Roba i računi - Cotton stil */
:root{--cotton-blue:#13233B;--cotton-blue-dark:#0F5C5B;--cotton-green:#1B8A87;--cotton-bg:#F6F7FA;--cotton-ink:#101828}
body{background:linear-gradient(180deg,#FBF6EC 0%,#0D4F4E 100%)}
.sidebar{background:linear-gradient(180deg,#0F5C5B,#0F5C5B 72%,#0F5C5B)}
.nav a:hover,.nav a.active{background:linear-gradient(90deg,var(--cotton-blue),var(--cotton-green));color:#fff}.brand-logo-full{max-width:230px}.user-box{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08)}
.inventory-hero{display:grid;grid-template-columns:minmax(0,1.15fr) 360px;gap:18px;align-items:stretch;background:linear-gradient(135deg,#0F5C5B,#13233B 68%,#1B8A87);border-radius:28px;padding:28px;margin-bottom:18px;color:#fff;box-shadow:0 18px 50px rgba(52,86,158,.18);position:relative;overflow:hidden}.inventory-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:60px;background:rgba(255,255,255,.16);transform:rotate(25deg)}.inventory-hero>*{position:relative;z-index:1}.hero-eyebrow{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);padding:8px 12px;border-radius:999px;font-weight:900;font-size:13px;margin-bottom:12px}.inventory-hero h1{font-size:38px;line-height:1.05;margin:0 0 10px;font-weight:950;letter-spacing:-.04em}.inventory-hero p{font-size:16px;line-height:1.5;margin:0;color:#F1F3F8;max-width:680px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-actions .btn{border-color:rgba(255,255,255,.35)}.hero-actions .btn:not(.primary){background:rgba(255,255,255,.14);color:#fff}.hero-actions .btn.primary{background:#fff;color:var(--cotton-blue);border-color:#fff}.hero-panel{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:24px;padding:20px;display:grid;gap:14px;align-content:center;backdrop-filter:blur(8px)}.hero-panel div{background:rgba(255,255,255,.14);border-radius:18px;padding:16px}.hero-panel span{display:block;color:#F1F3F8;font-weight:800;font-size:13px}.hero-panel strong{display:block;font-size:30px;line-height:1.1;margin-top:7px;color:#fff}
.premium-kpis .kpi{border-radius:22px;border:1px solid rgba(52,86,158,.12)}.premium-kpis .kpi:after{background:rgba(52,86,158,.08)}.warehouse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.warehouse-card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:16px;display:flex;gap:13px;align-items:center}.warehouse-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#0D4F4E,#FBF0DA);display:grid;place-items:center;color:var(--cotton-blue);font-weight:950;font-size:22px}.warehouse-card strong{display:block;font-size:17px}.warehouse-card span{display:block;color:var(--muted);font-weight:800;margin-top:3px}.premium-card{border-radius:24px;border:1px solid rgba(52,86,158,.10)}.muted-line{color:var(--muted);margin-top:-4px}.premium-search input{background:#FAFBFD}.premium-product-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}.premium-product{grid-template-columns:96px 1fr;border-radius:22px;padding:14px;transition:.18s transform,.18s box-shadow}.premium-product:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(16,24,40,.12)}.premium-photo{width:96px;height:96px;border-radius:20px;background:linear-gradient(135deg,#13233B,#1B8A87)}.premium-photo span{font-size:24px}.sku-chip{display:inline-flex;width:max-content;border-radius:999px;background:#E6F5F3;border:1px solid #CDEAE7;color:#0D4F4E;padding:4px 8px;font-weight:950;font-size:12px!important}.product-info strong{font-size:17px;line-height:1.24}.stock-alert-list a{display:flex;justify-content:space-between;gap:10px;padding:13px;border:1px solid var(--border);border-radius:13px;background:#FCFDFE;color:inherit}.stock-alert-list a:hover{border-color:rgba(52,86,158,.35)}
.premium-detail-grid{grid-template-columns:390px 1fr}.premium-product-main h1{font-size:32px;line-height:1.1;margin:10px 0 8px;letter-spacing:-.03em}.premium-detail-photo{border-radius:26px;background:linear-gradient(135deg,#13233B,#1B8A87)}.detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px}.stock-pill{border-radius:999px;background:#FBF0DA;color:#5f7400;font-weight:950;padding:6px 10px;font-size:13px}.stock-card-list{display:grid;gap:10px}.stock-card-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--border);border-radius:16px;background:#FCFDFE;padding:14px}.stock-card-row strong{display:block}.stock-card-row span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.stock-card-row b{white-space:nowrap;color:var(--cotton-blue);font-size:18px}.form-card input,.form-card select,.form-card textarea,.invoice-form-card input,.invoice-form-card select{background:#FCFDFE}.pib-action-label .btn{height:44px;width:100%}.premium-customer,.premium-invoice{border-radius:18px;background:#fff;border:1px solid rgba(52,86,158,.10);box-shadow:0 8px 24px rgba(16,24,40,.05)}.premium-customer:hover,.premium-invoice:hover{border-color:rgba(52,86,158,.35)}.avatar-circle{background:linear-gradient(135deg,#0D4F4E,#FBF0DA);color:var(--cotton-blue)}.premium-invoice-document{border-radius:24px}.invoice-logo{max-width:240px}.invoice-head h1{color:var(--cotton-blue)}.invoice-card b{font-size:18px}.bottom-nav .quick-add{background:linear-gradient(180deg,#0F5C5B,#13233B)!important}.bottom-nav a.active{color:var(--cotton-blue)!important}
@media(max-width:1100px){.inventory-hero{grid-template-columns:1fr}.hero-panel{grid-template-columns:1fr 1fr}.mobile-topbar{background:linear-gradient(90deg,#0F5C5B,#13233B)!important}}
@media(max-width:700px){.inventory-hero{border-radius:22px;padding:20px;margin:0 0 14px}.inventory-hero h1{font-size:28px}.inventory-hero p{font-size:14px}.hero-panel{grid-template-columns:1fr}.hero-panel strong{font-size:25px}.hero-actions{display:grid}.premium-kpis{grid-template-columns:1fr 1fr}.warehouse-grid{grid-template-columns:1fr}.premium-product-grid{grid-template-columns:1fr}.premium-product{grid-template-columns:84px 1fr;border-radius:18px}.premium-photo{width:84px;height:84px}.premium-detail-grid{grid-template-columns:1fr}.premium-product-main h1{font-size:26px}.detail-photo{max-height:360px}.stock-card-row{padding:12px}.invoice-form-card .form-grid.two{grid-template-columns:1fr}.customer-list,.invoice-list{gap:12px}.customer-card,.invoice-card{border-radius:18px}.product-meta{display:grid}.inventory-top-grid{grid-template-columns:1fr}.card-head.compact-head{display:grid;gap:10px}.card-head .btn{width:100%}.filter-row.premium-search{display:grid}.filter-row.premium-search .btn{width:100%}}
@media(max-width:430px){.inventory-hero h1{font-size:24px}.hero-eyebrow{font-size:12px}.premium-kpis .kpi strong{font-size:21px}.premium-product{grid-template-columns:76px 1fr;padding:12px}.premium-photo{width:76px;height:76px}.product-info strong{font-size:15px}.product-meta{font-size:12px}.warehouse-card{padding:13px}.warehouse-icon{width:42px;height:42px}.mobile-brand img{width:112px}.page-title h1{font-size:28px}}

.btn.disabled,.btn:disabled{opacity:.65;cursor:not-allowed;background:#F1F3F8;color:#667085;border-color:#0D4F4E;filter:none}.alert.info{background:#0D4F4E;color:#FFFFFF;border:1px solid #0D4F4E}
.invoice-actions{margin:18px auto 0;max-width:980px}.invoice-actions form{display:inline-flex}.invoice-actions .btn{min-width:180px}.alert.info{background:#FBF1DE;color:#13233B}.btn.disabled,.btn:disabled{opacity:.62;cursor:not-allowed;filter:none}
@media(max-width:700px){.invoice-actions{display:grid}.invoice-actions form{display:grid}.invoice-actions .btn{width:100%;min-width:0}.premium-invoice-document{border-radius:20px;padding:14px}.invoice-logo{max-width:190px}.invoice-head{gap:12px}.invoice-document .table-wrap table{min-width:720px}}

/* V5 Roba i računi - premium dodaci */
.invoice-lines-box{border:1px solid var(--border);border-radius:18px;padding:14px;background:#FCFDFE}
.invoice-lines{display:grid;gap:10px}.invoice-line-row{display:grid;grid-template-columns:minmax(260px,1fr) 110px 140px 44px;gap:10px;align-items:end;border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff}.invoice-live-total{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.invoice-live-total div{border:1px solid var(--border);border-radius:14px;background:#fff;padding:13px}.invoice-live-total span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.invoice-live-total strong{font-size:22px;color:var(--blue)}.quick-module-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}
.invoice-v5{position:relative;overflow:hidden;border:0;background:linear-gradient(180deg,#ffffff 0,#FCFDFE 100%)}.invoice-watermark{position:absolute;right:28px;bottom:18px;font-size:92px;font-weight:900;color:rgba(52,86,158,.06);pointer-events:none}.invoice-head-v5{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:22px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.invoice-head-v5 .invoice-logo{background:#fff;border-radius:12px;padding:8px;max-width:230px;height:auto}.invoice-head-v5 h1{margin:14px 0 4px;font-size:30px}.invoice-head-v5 p{margin:0;color:#EFF2F8}.invoice-no-block{text-align:right;display:grid;gap:8px;justify-items:end}.invoice-no-block strong{font-size:28px}.invoice-no-block small,.invoice-label{color:#EFF2F8}.invoice-meta-grid{display:grid;grid-template-columns:1fr 230px;gap:16px;margin:18px 0}.v5-box{border:1px solid var(--border);border-radius:18px;background:#fff;padding:16px}.v5-box h2{margin:0 0 8px}.qr-box{text-align:center}.qr-box img{width:120px;height:120px;object-fit:contain}.product-qr img{width:130px;height:130px}.barcode-lines{height:44px;display:flex;justify-content:center;align-items:stretch;gap:3px;margin:8px auto;max-width:170px}.barcode-lines span{display:block;background:#111;border-radius:1px}.barcode-lines span:nth-child(1){width:3px}.barcode-lines span:nth-child(2){width:8px}.barcode-lines span:nth-child(3){width:2px}.barcode-lines span:nth-child(4){width:12px}.barcode-lines span:nth-child(5){width:5px}.barcode-lines span:nth-child(6){width:9px}.barcode-lines span:nth-child(7){width:3px}.invoice-table-v5 th{background:#FBF1DE;color:#0F5C5B}.invoice-table-v5 td{vertical-align:top}.invoice-total-grid{display:grid;grid-template-columns:1fr 330px;gap:16px;margin-top:16px}.invoice-note-box{border:1px dashed #0D4F4E;border-radius:18px;padding:16px;background:#FCFDFE}.invoice-totals-v5{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff}.invoice-totals-v5 div{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.invoice-totals-v5 div:last-child{border-bottom:0}.invoice-totals-v5 span{font-weight:900;color:#0F5C5B}.invoice-totals-v5 strong{white-space:nowrap}.grand-total{background:#FBF0DA}.grand-total strong{font-size:24px;color:var(--blue)}
.reservation-list{display:grid;gap:12px}.reservation-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff;display:grid;gap:8px}.reservation-card small{color:var(--muted)}.reservation-card form{margin:0}.stock-qty-stack{text-align:right;display:grid;gap:2px}.stock-qty-stack small{font-size:12px;color:var(--muted)}.muted-line{color:var(--muted)}
@media(max-width:900px){.invoice-line-row{grid-template-columns:1fr 1fr}.invoice-line-row label:first-child{grid-column:1/-1}.invoice-live-total{grid-template-columns:1fr}.invoice-meta-grid,.invoice-total-grid{grid-template-columns:1fr}.invoice-head-v5{display:grid}.invoice-no-block{text-align:left;justify-items:start}.invoice-actions .btn,.invoice-actions form,.invoice-actions form .btn{width:100%}.invoice-actions{display:grid}.qr-box{max-width:100%}}
@media(max-width:620px){.invoice-line-row{grid-template-columns:1fr}.invoice-head-v5{border-radius:16px;padding:16px}.invoice-head-v5 .invoice-logo{max-width:180px}.invoice-no-block strong{font-size:22px}.invoice-watermark{display:none}.invoice-document{padding:10px}.v5-box{padding:13px}.qr-box img{width:105px;height:105px}.invoice-totals-v5 div{padding:10px 12px}.grand-total strong{font-size:20px}.invoice-live-total strong{font-size:18px}.reservation-card{padding:12px}}


/* V5.1 mobile menu + premium mobile actions */
.mobile-menu-trigger{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:8px;color:#fff;font-weight:900;cursor:pointer}.mobile-menu-trigger img{width:112px;height:auto;display:block}.menu-hint{display:inline-flex;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);padding:6px 9px;border-radius:999px;font-size:12px}.mobile-menu-panel{display:none}.mobile-menu-is-open{overflow:hidden}.nav-icon svg{width:24px;height:24px;display:block;fill:currentColor}.bottom-nav-premium a{font-size:11px}.bottom-nav-premium .nav-icon{width:32px;height:32px;border-radius:12px;display:grid!important;place-items:center;background:#FBF1DE;color:#13233B;box-shadow:inset 0 0 0 1px rgba(52,86,158,.08)}.bottom-nav-premium a.active .nav-icon{background:linear-gradient(135deg,#13233B,#1B8A87);color:#fff}.bottom-nav-premium .quick-add{display:grid!important;place-items:center}.bottom-nav-premium .quick-add .nav-icon{background:transparent;color:#fff;box-shadow:none;width:42px;height:42px}.bottom-nav-premium .quick-add svg{width:34px;height:34px}.mobile-invoice-shortcuts{display:none}
@media(max-width:1100px){.mobile-menu-panel{position:fixed;inset:0;z-index:120;display:block;pointer-events:none;opacity:0;transition:.18s opacity}.mobile-menu-panel.open{pointer-events:auto;opacity:1}.mobile-menu-backdrop{position:absolute;inset:0;background:rgba(24,39,71,.42);backdrop-filter:blur(4px)}.mobile-menu-card{position:absolute;left:10px;right:10px;top:10px;max-height:calc(100vh - 20px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(16,24,40,.32);padding:16px;transform:translateY(-14px) scale(.98);transition:.18s transform}.mobile-menu-panel.open .mobile-menu-card{transform:translateY(0) scale(1)}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.mobile-menu-head img{width:150px;height:auto}.mobile-menu-close{width:44px;height:44px;border:0;border-radius:14px;background:#FBF1DE;color:#13233B;font-size:30px;line-height:1;cursor:pointer}.mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-menu-grid a{border:1px solid var(--border);border-radius:16px;padding:13px 11px;background:#FCFDFE;font-weight:900;font-size:14px;color:#101828}.mobile-menu-grid a.active{background:linear-gradient(135deg,#13233B,#1B8A87);border-color:transparent;color:#fff}.mobile-topbar{position:sticky;top:0;z-index:70}.mobile-invoice-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;top:72px;z-index:60;background:rgba(244,246,251,.95);backdrop-filter:blur(10px);padding:8px;margin:-4px 0 10px;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 26px rgba(16,24,40,.08)}.mobile-invoice-shortcuts form{display:grid}.mobile-invoice-shortcuts .btn{width:100%;min-width:0;min-height:48px;border-radius:14px;padding:8px 10px;font-size:13px}.mobile-invoice-shortcuts .email-main{font-size:14px}.mobile-invoice-shortcuts .btn.whatsapp,.mobile-invoice-shortcuts .btn.viber{font-weight:900}.invoice-actions .btn{min-height:48px}}
@media(max-width:430px){.mobile-menu-trigger img{width:102px}.menu-hint{font-size:11px;padding:5px 8px}.mobile-menu-grid{grid-template-columns:1fr}.bottom-nav-premium .nav-icon{width:30px;height:30px}.bottom-nav-premium a{font-size:10px}.mobile-invoice-shortcuts{grid-template-columns:1fr;top:66px}.mobile-invoice-shortcuts .btn{font-size:14px}}

.btn.whatsapp{background:linear-gradient(180deg,#25D366,#1da851);color:#fff;border-color:#1da851}.btn.whatsapp:hover{filter:brightness(.98)}
.btn.viber{background:linear-gradient(180deg,#8f5bd6,#0D4F4E);color:#fff;border-color:#0D4F4E}.btn.viber:hover{filter:brightness(.98)}

/* V5.3 rabat, RSD i profesionalniji račun */
.invoice-line-row-v53{grid-template-columns:minmax(260px,1.25fr) 90px 115px 125px 105px minmax(120px,.7fr) 44px}
.line-rsd-preview{border:1px solid var(--border);border-radius:12px;padding:9px 10px;background:#FBF6EC;display:grid;gap:2px;min-height:44px}.line-rsd-preview span{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase}.line-rsd-preview strong{font-size:15px;color:#13233B}.line-rsd-preview small{color:#667085}.invoice-live-total-v53{grid-template-columns:repeat(4,1fr)}.invoice-live-total-v53 small{display:block;margin-top:4px;color:#667085;font-weight:800}.invoice-v53{border:1px solid rgba(52,86,158,.18);box-shadow:0 18px 50px rgba(16,24,40,.10)}.invoice-meta-grid-v53{grid-template-columns:1fr 1fr .72fr}.invoice-table-v53 th{background:#F1F3F8;color:#0F5C5B}.invoice-table-v53 td small{display:block;color:#667085;margin-top:3px}.invoice-totals-v53 small{display:block;margin-top:3px;color:#667085}.invoice-totals-v53 .grand-total small{color:#5f7400;font-weight:900}.invoice-head-v5{background:linear-gradient(135deg,#FBF6EC,#ffffff 55%,#f9fce8);border:1px solid rgba(52,86,158,.14);border-radius:24px;padding:22px}.invoice-brand-block p{color:#667085;font-weight:700}.invoice-no-block{border:1px solid rgba(52,86,158,.14);background:#fff;border-radius:18px;padding:14px 16px}
@media(max-width:900px){.invoice-line-row-v53{grid-template-columns:1fr 1fr}.invoice-line-row-v53 label:first-child{grid-column:1/-1}.invoice-live-total-v53{grid-template-columns:1fr 1fr}.invoice-meta-grid-v53{grid-template-columns:1fr}.invoice-line-row-v53 .icon-btn{width:100%;grid-column:1/-1}}
@media(max-width:620px){.invoice-line-row-v53{grid-template-columns:1fr}.invoice-live-total-v53{grid-template-columns:1fr}.line-rsd-preview{padding:12px}.invoice-table-v53{font-size:12px}}

.card-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.barcode-scan-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.scanner-video-wrap{position:relative;background:#0F5C5B;border-radius:22px;min-height:320px;overflow:hidden;display:grid;place-items:center}.scanner-video-wrap video{width:100%;height:100%;min-height:320px;object-fit:cover}.scanner-frame{position:absolute;left:12%;right:12%;top:36%;height:28%;border:3px solid #1B8A87;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.18)}.scanner-actions{display:grid;grid-template-columns:1fr 1fr}.scanned-product-card{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;border:1px solid var(--border);background:#FCFDFE;border-radius:18px;padding:14px;margin-bottom:14px}.product-photo.small{width:92px;height:92px;border-radius:16px}.scanned-product-card strong{display:block;font-size:20px;margin:4px 0}.scanned-product-card span{display:block;color:var(--muted);font-size:14px}.scan-stock-mini{display:grid;grid-template-columns:1fr;gap:4px;margin-top:8px}.scan-stock-mini span{font-size:13px;color:#0F5C5B}.barcode-result .btn{margin-top:8px}
@media(max-width:900px){.barcode-scan-grid{grid-template-columns:1fr}.scanner-video-wrap{min-height:260px}.scanner-video-wrap video{min-height:260px}.card-head-actions{justify-content:flex-start}.scanner-actions{grid-template-columns:1fr}.scanned-product-card{grid-template-columns:72px 1fr}.product-photo.small{width:72px;height:72px}}

.settings-card{max-width:900px}
.settings-preview{border:1px solid var(--border);border-radius:16px;background:#FBF6EC;padding:16px;display:grid;gap:6px;align-content:center}
.settings-preview span{font-size:12px;font-weight:900;color:#667085;text-transform:uppercase;letter-spacing:.04em}
.settings-preview strong{font-size:28px;color:#13233B}
.settings-preview small{font-weight:900;color:#1B8A87}
.amount small,.summary-list strong small,.invoice-right small{font-weight:700;color:#667085}
.hero-panel small{display:block;margin-top:4px;color:#0D4F4E;font-weight:800}
.btn.whatsapp{background:linear-gradient(180deg,#25D366,#1da851);color:#fff;border-color:#1da851}
.btn.viber{background:linear-gradient(180deg,#8f5bd6,#0D4F4E);color:#fff;border-color:#0D4F4E}
@media(max-width:620px){.settings-preview strong{font-size:24px}}


/* V5.6 kontrola robe, popis, dugovanja i stabilan donji meni */
.bottom-nav{will-change:transform;transform:translate3d(0,0,0);transition:transform .22s ease, opacity .22s ease;bottom:0!important}
body.bottom-nav-hidden .bottom-nav{transform:translate3d(0,120%,0);opacity:.05;pointer-events:none}
.inventory-count-row{grid-template-columns:1.2fr 150px 1fr auto;gap:12px;align-items:end}
.plan-card{border:1px solid var(--border);border-radius:18px;padding:14px;background:#fff;display:grid;gap:10px;box-shadow:0 8px 22px rgba(16,24,40,.05)}
.plan-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.plan-card p{font-weight:900;color:#101828}.plan-card small{color:#667085}.inline-plan-form{display:grid;grid-template-columns:1fr auto;gap:8px}.kanban-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.mini-kpis .kpi strong{font-size:24px}.stock-alert-list a{display:flex;justify-content:space-between;gap:10px;padding:13px;border:1px solid var(--border);border-radius:13px;background:#FCFDFE}.stock-alert-list a strong small{font-size:11px;color:#667085}.profit-chip{color:#1B8A87;font-weight:900}
@media(max-width:700px){.inventory-count-row{grid-template-columns:1fr}.inline-plan-form{grid-template-columns:1fr}.main{padding-bottom:115px}.bottom-nav{position:fixed!important;left:0;right:0}.mini-kpis{grid-template-columns:1fr 1fr!important}.mini-kpis .kpi strong{font-size:20px}}


/* V5.7 Putni nalozi */
.travel-kpis .kpi strong{font-size:26px}
.travel-form .card{overflow:visible}
.travel-route-grid{grid-template-columns:repeat(5,1fr);gap:10px}
.travel-expense-grid{grid-template-columns:1fr 1fr 2fr 1fr 1fr;gap:10px}
.travel-mobile-rows{display:grid;gap:12px}
.travel-row-card{border:1px solid var(--border);background:#FCFDFE;border-radius:18px;padding:14px;box-shadow:0 4px 18px rgba(16,24,40,.04)}
.travel-row-card>strong{display:block;margin-bottom:10px;color:#0F5C5B}
.travel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
.travel-actions form{display:inline-flex}.travel-actions .btn{min-width:160px}
.travel-print-wrapper{max-width:1320px;margin:0 auto}
.travel-document{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fff;border:1px solid #0D4F4E;box-shadow:var(--shadow);padding:18px;border-radius:18px;position:relative}
.travel-doc-left,.travel-doc-right{border:2px solid #101828;padding:16px;min-height:720px;background:#fff;color:#101828}
.travel-document h1{text-align:center;font-family:Georgia,serif;font-size:24px;margin:18px 0 16px;letter-spacing:.01em}
.travel-org{display:grid;gap:8px;border-bottom:1px solid #101828;padding-bottom:12px;min-height:84px}.travel-org span{font-size:12px;color:#13233B}.travel-org strong{font-size:17px;letter-spacing:.04em}
.travel-lines{display:grid;gap:12px}.travel-lines p{display:flex;gap:10px;align-items:flex-end;margin:0;border-bottom:1px solid #101828;padding-bottom:4px}.travel-lines span{font-size:13px;color:#13233B}.travel-lines strong{flex:1;text-align:center;font-size:16px;min-height:20px}
.travel-paragraph{font-size:14px;line-height:1.55;border-bottom:1px solid #101828;padding-bottom:7px;margin:12px 0}
.travel-signatures{display:flex;justify-content:center;margin-top:40px}.travel-signatures div{min-width:260px;text-align:center;border-top:1px solid #101828;padding-top:6px}.travel-signatures span{display:block;color:#667085;font-size:12px}.travel-signatures strong{font-size:14px}
.travel-top-note{text-align:center;font-size:12px;margin:0;color:#13233B}.travel-order-no{text-align:center;margin:-4px 0 12px;font-size:13px}
.travel-table{width:100%;border-collapse:collapse;margin-bottom:10px}.travel-table th,.travel-table td{border:1px solid #101828;padding:6px 7px;font-size:12px;vertical-align:top}.travel-table th{background:#0D4F4E;text-align:center}.travel-table small{color:#667085}.travel-table .amount{text-align:right;white-space:nowrap}
.travel-total-box{margin-left:auto;width:min(100%,360px);border:1px solid #101828}.travel-total-box div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #101828;padding:7px 10px}.travel-total-box div:last-child{border-bottom:0}.travel-total-box span{font-size:13px}.travel-total-box strong{font-size:14px}.travel-total-box .grand-total{background:#FBF0DA}.travel-total-box .grand-total strong{font-size:17px;color:#13233B}
.travel-final-lines{margin-top:18px;font-size:13px}.travel-final-lines .sign{text-align:right;border-top:1px solid #101828;width:280px;margin:26px 0 16px auto;padding-top:5px;font-size:12px}
.print-only-travel{box-shadow:none;border-radius:0}
@media(max-width:1050px){.travel-route-grid{grid-template-columns:1fr 1fr}.travel-expense-grid{grid-template-columns:1fr 1fr}.travel-document{grid-template-columns:1fr}.travel-doc-left,.travel-doc-right{min-height:auto}.travel-actions{display:grid}.travel-actions form{display:grid}.travel-actions .btn{width:100%}}
@media(max-width:620px){.travel-route-grid,.travel-expense-grid{grid-template-columns:1fr}.travel-document{padding:8px;border-radius:14px}.travel-doc-left,.travel-doc-right{border-width:1px;padding:10px}.travel-document h1{font-size:19px}.travel-table th,.travel-table td{font-size:10px;padding:4px}.travel-total-box{width:100%}.travel-lines p{display:grid;gap:3px}.travel-lines strong{text-align:left}.travel-actions{position:sticky;top:72px;z-index:50;background:rgba(244,246,251,.96);backdrop-filter:blur(10px);padding:8px;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}}
@media print{.sidebar,.mobile-topbar,.bottom-nav,.mobile-menu-panel,.travel-actions,.no-print{display:none!important}.app-shell{display:block}.main{padding:0}.travel-document{box-shadow:none;border:0;border-radius:0;width:100%;max-width:none;grid-template-columns:1fr 1fr;gap:10px}.travel-doc-left,.travel-doc-right{min-height:auto}.card{box-shadow:none}.travel-print-wrapper{max-width:none}.travel-document h1{font-size:19px}.travel-table th,.travel-table td{font-size:10px;padding:4px}}

/* V5.8 compact sidebar menu */
.nav-compact{display:grid;gap:9px;margin-top:22px}
.nav-compact a,.nav-compact summary{min-height:44px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.07);color:#F4F5F9;font-weight:900;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;user-select:none;transition:.16s ease}
.nav-compact summary::-webkit-details-marker{display:none}
.nav-compact a:hover,.nav-compact summary:hover,.nav-compact a.active{background:linear-gradient(90deg,var(--cotton-blue),var(--cotton-green));color:#fff}
.nav-group[open]>summary{background:rgba(255,255,255,.12);box-shadow:inset 4px 0 0 var(--cotton-green)}
.nav-group summary:after{content:'+';margin-left:auto;font-weight:950;opacity:.9;font-size:18px;line-height:1}
.nav-group[open] summary:after{content:'−'}
.side-ico{width:30px;height:30px;min-width:30px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#1B8A87;font-weight:950;font-size:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.nav-sub{display:grid;gap:6px;margin:8px 0 3px 42px;padding-left:8px;border-left:1px solid rgba(255,255,255,.12)}
.nav-sub a{min-height:36px;padding:9px 11px;border-radius:12px;font-size:13px;background:rgba(255,255,255,.045);font-weight:850;color:#0D4F4E}
.nav-sub a.active{background:linear-gradient(90deg,var(--cotton-blue),var(--cotton-green));color:#fff}
.nav-home{box-shadow:inset 4px 0 0 rgba(15,92,91,.65)}
.sidebar{padding-right:13px}.brand{gap:10px}.brand-copy h1{font-size:22px}.brand-copy p{font-size:13px}.user-box{margin-top:14px}
.mobile-menu-sections{display:grid;gap:14px}.mobile-menu-section{border:1px solid var(--border);border-radius:20px;background:#FCFDFE;padding:12px}.mobile-menu-section h3{margin:0 0 9px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#667085}.mobile-menu-section .mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-menu-section .mobile-menu-grid a{background:#fff}
@media(max-width:430px){.mobile-menu-section .mobile-menu-grid{grid-template-columns:1fr}.mobile-menu-section{padding:10px}}

.nice-list{line-height:1.7;margin:0;padding-left:22px}
.nice-list li{margin:7px 0}
.scanner-actions{grid-template-columns:1fr 1fr}
@media(max-width:620px){.scanner-actions{display:grid;grid-template-columns:1fr}.barcode-scanner-card .form-grid{grid-template-columns:1fr}.barcode-scanner-card .form-grid .btn{width:100%}}

.barcode-inline-grid{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end}
.invoice-barcode-box{border:1px dashed #0D4F4E;background:#FBF6EC;border-radius:18px;padding:14px;margin:14px 0}
.compact-scanner{max-height:280px}
.stock-lookup-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.stock-lookup-summary div{border:1px solid var(--border);border-radius:16px;padding:12px;background:#FCFDFE}
.stock-lookup-summary span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}
.stock-lookup-summary strong{font-size:20px;color:var(--blue)}
.stock-lookup-list{display:grid;gap:8px;margin-top:12px}
.stock-lookup-row{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:14px;padding:11px;background:#fff}
.stock-lookup-row small{display:block;color:var(--muted);margin-top:3px}
.stock-lookup-row.stock-empty{background:#fff7f7}
.product-card-wide{margin-bottom:12px}
@media(max-width:760px){.barcode-inline-grid{grid-template-columns:1fr}.barcode-inline-grid .btn{width:100%}.stock-lookup-summary{grid-template-columns:1fr}.stock-lookup-row{display:grid}.invoice-barcode-box{padding:12px}}

.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:46px}.signature-grid div{border-top:1px solid #13233B;text-align:center;padding-top:10px;font-weight:800;color:#13233B}.inline-storno-form{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-storno-form input{height:44px}.search-big label{flex:1;min-width:260px}.summary-list a{color:inherit}.pill.neutral{background:#F4F5F9;color:#13233B}.no-print{ }
@media print{.no-print,.mobile-topbar,.bottom-nav,.sidebar{display:none!important}.app-shell{display:block}.main{padding:0}.invoice-document{box-shadow:none;border:0}.signature-grid{break-inside:avoid}}
@media(max-width:760px){.signature-grid{grid-template-columns:1fr}.inline-storno-form{display:grid;width:100%}.inline-storno-form input,.inline-storno-form .btn{width:100%}}


/* V5.14 - nova početna strana za desktop / tablet / telefon */
.home-v514{display:grid;gap:22px;max-width:1680px;margin:0 auto}.home-v514 *{box-sizing:border-box}.home-hero{display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,520px) auto;gap:18px;align-items:center;background:linear-gradient(135deg,#fff,#FBF6EC);border:1px solid var(--border);border-radius:24px;padding:18px 20px;box-shadow:0 16px 44px rgba(16,24,40,.06)}.home-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#EFF2F8;color:#13233B;font-weight:900;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.home-hero h1{font-size:34px;line-height:1;margin:10px 0 5px;font-weight:950;color:#101828}.home-hero p{margin:0;color:var(--muted);font-weight:700}.home-search{height:58px;display:flex;align-items:center;gap:10px;border:1px solid #E1E6F0;background:#fff;border-radius:18px;padding:0 12px;box-shadow:0 8px 30px rgba(42,69,128,.07)}.home-search svg{width:24px;height:24px;fill:#667085;flex:none}.home-search input{border:0;background:transparent;height:auto;padding:0;outline:none;min-width:0}.home-search button{border:0;background:#F4F6FA;color:#667085;font-weight:900;border-radius:10px;padding:7px 10px;white-space:nowrap}.home-status-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-status-strip a{min-width:120px;border:1px solid #E1E6F0;background:#fff;border-radius:16px;padding:12px 14px;display:grid;gap:3px;box-shadow:0 8px 24px rgba(16,24,40,.05)}.home-status-strip span{font-size:12px;color:var(--muted);font-weight:800}.home-status-strip strong{font-size:16px;color:#101828}.home-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.home-kpi{position:relative;min-height:132px;border:1px solid var(--border);background:#fff;border-radius:22px;padding:18px;display:grid;align-content:start;gap:7px;box-shadow:0 14px 34px rgba(16,24,40,.07);overflow:hidden}.home-kpi:after{content:"";position:absolute;right:-30px;top:-35px;width:120px;height:120px;border-radius:999px;background:rgba(52,86,158,.09)}.home-kpi i{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-weight:950;box-shadow:0 8px 20px rgba(0,0,0,.12)}.home-kpi span{font-size:12px;text-transform:uppercase;color:#667085;font-weight:900;letter-spacing:.02em}.home-kpi strong{font-size:28px;line-height:1.05;color:#101828}.home-kpi small{color:#667085;font-weight:750}.home-kpi.blue i,.home-kpi.blue2 i{background:linear-gradient(180deg,#0F5C5B,#13233B)}.home-kpi.green i{background:linear-gradient(180deg,#34D399,#059669)}.home-kpi.lime i{background:linear-gradient(180deg,#5EEAD4,#0D9488)}.home-kpi.orange i{background:linear-gradient(180deg,#ffb93f,#ff7a00)}.home-kpi.purple i{background:linear-gradient(180deg,#0D4F4E,#0F5C5B)}.home-main-grid{display:grid;grid-template-columns:2fr 1.25fr 1.15fr 1.1fr;gap:16px}.home-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:0 16px 40px rgba(16,24,40,.07);min-width:0}.home-chart-wide{min-height:330px}.home-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.home-card-head h2{margin:0;font-size:18px;line-height:1.2}.home-card-head p{margin:4px 0 0;color:#667085;font-weight:700;font-size:13px}.home-card-head a{font-size:13px;color:#13233B;font-weight:900;white-space:nowrap}.home-bar-chart{height:240px;display:grid;grid-template-columns:repeat(12,1fr);gap:10px;align-items:end;border-bottom:1px solid #0D4F4E;padding:8px 0 24px}.home-bar-col{height:100%;display:grid;grid-template-rows:1fr auto;gap:8px;align-items:end;text-align:center;min-width:0}.home-bar-col div{height:100%;display:flex;align-items:end;justify-content:center}.home-bar-col i{display:block;width:70%;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#0D4F4E,#13233B);box-shadow:0 8px 18px rgba(53,87,159,.22)}.home-bar-col span,.home-finance-col span{font-size:12px;color:#667085;font-weight:800;overflow:hidden;text-overflow:ellipsis}.home-finance-bars{height:220px;display:grid;grid-template-columns:repeat(12,1fr);gap:7px;align-items:end;padding-bottom:22px;border-bottom:1px solid #0D4F4E}.home-finance-col{height:100%;display:grid;grid-template-rows:1fr auto;gap:8px;text-align:center}.home-finance-col div{height:100%;display:flex;gap:3px;align-items:end;justify-content:center}.home-finance-col i{display:block;width:10px;border-radius:999px 999px 2px 2px}.home-finance-col i.in{background:#79be1d}.home-finance-col i.out{background:#ff3930}.home-mini-legend{margin-top:10px;color:#667085;font-size:13px;font-weight:800}.dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin:0 5px 0 12px}.dot.income{background:#79be1d}.dot.expense{background:#ff3930}.warehouse-donut{width:185px;height:185px;margin:2px auto 15px;border-radius:50%;background:conic-gradient(#0F5C5B calc(var(--pct)*1%),#E3A73C 0);display:grid;place-items:center;position:relative;box-shadow:0 10px 26px rgba(15,92,91,.22)}.warehouse-donut:after{content:"";position:absolute;inset:22px;background:linear-gradient(135deg,#0F5C5B,#13233B);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.warehouse-donut strong,.warehouse-donut span{position:relative;z-index:1;text-align:center;color:#fff}.warehouse-donut strong{font-size:22px}.warehouse-donut span{font-size:12px;text-transform:uppercase;color:#CFEAE8;font-weight:900;margin-top:4px}.warehouse-list,.top-products-list,.reminder-list{display:grid;gap:10px}.warehouse-list a,.top-products-list a,.reminder-list a{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;color:#101828}.warehouse-list span,.top-products-list span,.reminder-list span{font-weight:900}.warehouse-list small,.top-products-list small,.reminder-list small{display:block;color:#667085;font-weight:700;margin-top:2px}.warehouse-list strong,.top-products-list strong,.reminder-list strong{white-space:nowrap}.warehouse-list i{grid-column:1/-1;height:8px;border-radius:999px;background:#F1F3F8;overflow:hidden}.warehouse-list b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0F5C5B,#E3A73C)}.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action-grid a{min-height:64px;border:1px solid #0D4F4E;border-radius:16px;display:flex;align-items:center;gap:9px;padding:10px 12px;font-weight:900;background:#FCFDFE}.quick-action-grid a:hover{border-color:#13233B;box-shadow:0 10px 24px rgba(53,87,159,.1)}.quick-action-grid span{font-size:13px}.home-lower-grid{display:grid;grid-template-columns:1.2fr 1.9fr 1.15fr 1.1fr;gap:16px}.priority-list{display:grid;gap:10px}.priority-list a{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid #0D4F4E;border-radius:16px;padding:12px;color:#101828}.priority-list i{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:950}.priority-list .warn{background:#fff0f0;color:#e32b24}.priority-list .debt{background:#fff7e5;color:#c66a00}.priority-list .due{background:#F4F6FA;color:#13233B}.priority-list .res{background:#f4efff;color:#6941c6}.priority-list span{font-weight:900}.priority-list strong{font-size:13px}.activity-list{display:grid;gap:8px}.activity-list div{display:grid;grid-template-columns:84px 110px 1fr 90px;gap:10px;align-items:center;border-bottom:1px solid #0D4F4E;padding:9px 0}.activity-list time{font-weight:850;color:#667085;font-size:13px}.activity-list span{justify-self:start;padding:5px 8px;border-radius:999px;background:#FBF1DE;color:#13233B;font-weight:900;font-size:12px}.activity-list p{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:750}.activity-list strong{font-size:13px;color:#667085;text-align:right}.side-info-card{min-height:240px}.main .home-v514 .mobile-only{display:none!important}

@media(max-width:1450px){.home-hero{grid-template-columns:1fr}.home-status-strip{grid-template-columns:repeat(3,1fr)}.home-kpi-grid{grid-template-columns:repeat(3,1fr)}.home-main-grid{grid-template-columns:1.3fr 1fr}.quick-actions-card{grid-column:2}.home-lower-grid{grid-template-columns:1fr 1fr}.activity-card{grid-column:span 1}.home-chart-wide{min-height:auto}}
@media(max-width:980px){.home-kpi-grid{grid-template-columns:repeat(2,1fr)}.home-main-grid{grid-template-columns:1fr}.home-lower-grid{grid-template-columns:1fr}.quick-actions-card{grid-column:auto}.home-hero{padding:16px;border-radius:20px}.home-search{height:52px}.home-status-strip{grid-template-columns:1fr 1fr 1fr}.activity-list div{grid-template-columns:70px 90px 1fr}.activity-list strong{display:none}.home-card{border-radius:20px}.home-chart-wide{min-height:0}}
@media(max-width:760px){.main{padding:14px 12px 112px}.home-v514{gap:14px}.home-hero{display:grid;gap:12px;border-radius:0;margin:-14px -12px 0;padding:14px 12px 16px;border-left:0;border-right:0;border-top:0;box-shadow:0 8px 24px rgba(16,24,40,.05)}.home-hero h1{font-size:24px}.home-eyebrow{display:none}.home-search{order:3;height:48px;border-radius:14px}.home-search button{display:flex!important;align-items:center;justify-content:center;width:40px;height:32px;padding:0!important;font-size:0!important;background:var(--blue)!important;color:#fff!important}.home-search button:after{content:"→";font-size:16px!important;font-weight:900}.home-status-strip{display:none}.home-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-kpi{min-height:105px;border-radius:18px;padding:13px}.home-kpi i{display:none}.home-kpi span{font-size:10px}.home-kpi strong{font-size:20px}.home-kpi small{font-size:11px}.home-card{padding:14px;border-radius:18px}.home-card-head h2{font-size:16px}.home-card-head p{font-size:12px}.home-bar-chart{height:190px;gap:5px}.home-bar-col span,.home-finance-col span{font-size:10px}.home-finance-bars{height:170px;gap:4px}.home-finance-col i{width:8px}.warehouse-donut{width:145px;height:145px}.warehouse-donut:after{inset:22px}.warehouse-donut strong{font-size:18px}.quick-action-grid{grid-template-columns:1fr 1fr}.quick-action-grid a{min-height:54px;border-radius:14px;padding:9px}.quick-action-grid span{font-size:12px}.priority-list a{grid-template-columns:30px 1fr;gap:8px}.priority-list strong{grid-column:2}.activity-list div{grid-template-columns:66px 1fr;align-items:start}.activity-list span{display:none}.activity-list p{white-space:normal;grid-column:2}.home-main-grid,.home-lower-grid{gap:12px}.top-products-list a,.reminder-list a,.warehouse-list a{grid-template-columns:1fr}.top-products-list strong,.reminder-list strong,.warehouse-list strong{justify-self:start}.home-kpi-grid .home-kpi:nth-child(n+5){display:none}}
@media(max-width:390px){.home-kpi-grid{grid-template-columns:1fr}.home-kpi-grid .home-kpi:nth-child(n+5){display:grid}.quick-action-grid{grid-template-columns:1fr}.home-bar-chart{height:170px}}


/* V5.14.1 - početna strana: brzi unos + boje kao novi prikaz */
:root{
  --cotton-deep:#13233B;
  --cotton-mid:#13233B;
  --cotton-light:#0F5C5B;
  --cotton-lime:#1B8A87;
  --cotton-lime2:#1B8A87;
  --cotton-soft:#F7F8FB;
}
.sidebar{background:linear-gradient(180deg,#13233B 0%,#13233B 48%,#0F5C5B 100%)}
.nav a{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.06)}
.nav a:hover,.nav a.active{background:linear-gradient(90deg,#0F5C5B,#1B8A87);box-shadow:0 10px 24px rgba(42,69,128,.20)}
.nav-group summary{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.06)}
.nav-group[open] summary{background:linear-gradient(90deg,#0F5C5B,#0F5C5B)}
.user-box{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.10)}
.home-v514{gap:18px}.home-hero{background:linear-gradient(135deg,#ffffff 0%,#0D4F4E 58%,#F3F5F9 100%);border-color:#0D4F4E;box-shadow:0 18px 50px rgba(36,59,109,.08)}
.home-eyebrow{background:#0D4F4E;color:#FFFFFF}.home-hero h1{color:#0F5C5B}.home-search{border-color:#0D4F4E;box-shadow:0 10px 26px rgba(50,82,150,.08)}
.home-card,.home-kpi{border-color:#E1E6F0;box-shadow:0 14px 38px rgba(30,49,90,.07)}
.home-kpi.blue i,.home-kpi.blue2 i{background:linear-gradient(180deg,#0F5C5B,#13233B)}.home-kpi.green i,.home-kpi.lime i{background:linear-gradient(180deg,#9bdc36,#75b71b)}
.home-card-head a{color:#13233B}.home-bar-col i{background:linear-gradient(180deg,#0D4F4E,#13233B)}.warehouse-list b{background:linear-gradient(90deg,#0F5C5B,#E3A73C)}
.mobile-topbar{background:linear-gradient(90deg,#0F5C5B,#13233B)!important}.bottom-nav-premium .quick-add{background:linear-gradient(180deg,#0F5C5B,#13233B)!important}.bottom-nav-premium a.active .nav-icon{background:linear-gradient(135deg,#13233B,#1B8A87)!important}
.home-save-alert{margin:0}.home-quick-entry-card{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:end;background:linear-gradient(135deg,#13233B 0%,#13233B 58%,#0F5C5B 100%);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:20px;box-shadow:0 22px 60px rgba(36,59,109,.22);position:relative;overflow:hidden}.home-quick-entry-card:after{content:"";position:absolute;right:-70px;top:-90px;width:230px;height:230px;border-radius:50%;background:rgba(176,203,31,.22)}.home-quick-entry-card:before{content:"";position:absolute;right:90px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.10)}.quick-entry-intro,.home-quick-entry-form,.quick-entry-mobile-hint{position:relative;z-index:1}.quick-entry-intro span{display:inline-flex;border-radius:999px;background:rgba(176,203,31,.18);color:#dff78b;border:1px solid rgba(176,203,31,.35);padding:6px 10px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.quick-entry-intro h2{margin:10px 0 6px;color:#fff;font-size:28px;line-height:1.05;font-weight:950}.quick-entry-intro p{margin:0;color:#0D4F4E;font-weight:750;line-height:1.45}.home-quick-entry-form{display:grid;grid-template-columns:140px 120px minmax(160px,1fr) minmax(190px,1.1fr) 135px auto;gap:10px;align-items:end}.home-quick-entry-form label{display:grid;gap:6px;color:#F1F3F8;font-weight:950;font-size:13px}.home-quick-entry-form input,.home-quick-entry-form select{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.97);height:48px;border-radius:14px;color:#0F5C5B;box-shadow:0 8px 20px rgba(18,29,53,.08)}.home-quick-entry-form input:focus,.home-quick-entry-form select:focus{outline:3px solid rgba(176,203,31,.32);border-color:#1B8A87}.quick-entry-submit{height:48px;min-width:160px;border-radius:14px;background:linear-gradient(180deg,#b8d934,#1B8A87)!important;border-color:#1B8A87!important;color:#163700!important;box-shadow:0 12px 28px rgba(95,146,18,.24);white-space:nowrap}.quick-entry-mobile-hint{grid-column:2;color:#0D4F4E;font-size:12px;font-weight:800;margin-top:-6px;display:none}
@media(max-width:1450px){.home-quick-entry-card{grid-template-columns:1fr}.quick-entry-mobile-hint{grid-column:1}.home-quick-entry-form{grid-template-columns:repeat(3,1fr)}.quick-entry-submit{width:100%}}
@media(max-width:980px){.home-quick-entry-card{border-radius:22px;padding:16px}.quick-entry-intro h2{font-size:24px}.home-quick-entry-form{grid-template-columns:1fr 1fr}.home-quick-entry-form label:nth-child(4){grid-column:1/-1}.quick-entry-submit{grid-column:1/-1}.quick-entry-mobile-hint{display:block}}
@media(max-width:760px){.home-v514{gap:12px}.home-quick-entry-card{order:-1;margin:0;border-radius:22px;background:linear-gradient(135deg,#0F5C5B,#13233B);padding:15px}.quick-entry-intro h2{font-size:22px}.quick-entry-intro p{font-size:13px}.home-quick-entry-form{grid-template-columns:1fr;gap:9px}.home-quick-entry-form label:nth-child(4){grid-column:auto}.home-quick-entry-form input,.home-quick-entry-form select,.quick-entry-submit{height:50px}.home-kpi-grid{margin-top:0}.home-hero{background:linear-gradient(135deg,#FAFBFD,#ffffff)}}
@media(max-width:390px){.home-quick-entry-card{padding:13px}.quick-entry-intro h2{font-size:20px}.quick-entry-intro span{font-size:10px}}

/* V5.15 — Trgovački putnik / katalog */
.salesrep-page{display:grid;gap:18px}
.salesrep-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#0F5C5B,#13233B 55%,#1B8A87);border-radius:26px;padding:24px;color:#fff;box-shadow:var(--shadow)}
.salesrep-hero h1{font-size:34px;line-height:1.05;margin:6px 0 8px}.salesrep-hero p{margin:0;color:#F1F3F8;max-width:760px}
.salesrep-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:360px}.salesrep-stats div{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:14px}.salesrep-stats span{display:block;font-size:12px;font-weight:900;text-transform:uppercase;color:#E9EDF5}.salesrep-stats strong{font-size:26px}
.salesrep-filter-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(160px,.8fr) minmax(130px,.6fr) auto auto;gap:12px;align-items:end}.salesrep-filter-grid label{font-weight:900;font-size:13px;display:grid;gap:6px}
.salesrep-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.salesrep-product-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.salesrep-product-card.is-sale{border-color:#acd52b}
.salesrep-photo{position:relative;background:linear-gradient(180deg,#F6F7FA,#fff);min-height:245px;display:flex;align-items:center;justify-content:center}.salesrep-photo img{width:100%;height:245px;object-fit:contain;padding:12px}.salesrep-photo span{font-size:34px;font-weight:900;color:var(--blue)}
.sale-ribbon{position:absolute;top:14px;right:14px;background:linear-gradient(180deg,#F0E2C4,#E9D7B6);color:#6B4F1D;padding:9px 12px;border-radius:999px;font-weight:1000;box-shadow:0 8px 18px rgba(107,79,29,.20)}
.salesrep-info{padding:16px;display:grid;gap:8px}.salesrep-info h2{margin:0;font-size:21px;line-height:1.16}.salesrep-info p{margin:0;color:var(--muted);font-weight:800}.muted-chip{background:#F6F7FA;color:#667085}
.salesrep-price{display:flex;align-items:baseline;gap:10px;margin-top:2px}.salesrep-price strong{font-size:26px;color:var(--blue)}.old-price{text-decoration:line-through;color:#0D4F4E;font-weight:900}.sale-note{display:inline-flex;width:max-content;background:#FBF0DA;color:#5f7407;border-radius:999px;padding:5px 9px;font-weight:900}
.salesrep-total{padding:10px 12px;border-radius:14px;font-weight:900}.salesrep-total.ok{background:#F6F7FA;color:#0F5C5B}.salesrep-total.empty{background:#fff3f0;color:#b42318}
.salesrep-stock-list{display:flex;flex-wrap:wrap;gap:7px}.salesrep-stock-list span{background:#F8F9FC;border:1px solid var(--border);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.salesrep-stock-list b{color:#101828}
.salesrep-sidebar-nav a.active,.salesrep-sidebar-nav a:hover{background:linear-gradient(90deg,var(--blue),var(--green))}
.salesrep-bottom-nav{grid-template-columns:repeat(3,1fr)}
@media(max-width:1180px){.salesrep-products{grid-template-columns:repeat(2,minmax(0,1fr))}.salesrep-hero{display:grid}.salesrep-stats{min-width:0}}
@media(max-width:760px){.salesrep-hero{border-radius:20px;padding:18px}.salesrep-hero h1{font-size:28px}.salesrep-stats{grid-template-columns:1fr 1fr 1fr}.salesrep-stats strong{font-size:20px}.salesrep-filter-grid{grid-template-columns:1fr}.salesrep-products{grid-template-columns:1fr}.salesrep-photo{min-height:220px}.salesrep-photo img{height:220px}.salesrep-page{gap:14px}}
@media(max-width:420px){.salesrep-stats{grid-template-columns:1fr}.salesrep-price strong{font-size:23px}}

.travel-diem-box{margin-top:16px;padding:16px;border:1px solid #0D4F4E;border-radius:18px;background:linear-gradient(180deg,#FBF6EC,#fff)}
.travel-diem-box h3{margin:0 0 6px;font-size:18px}.travel-diem-box p{margin:0 0 12px;color:var(--muted)}
.form-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:760px){.form-grid.three{grid-template-columns:1fr}.travel-diem-box{padding:12px}}

/* V5.16 — Porudžbine, katalog, kolekcije i proizvodnja */
.mini-product-img{width:54px;height:54px;object-fit:contain;border-radius:10px;background:#F8F9FC;border:1px solid var(--border)}
.order-lines{display:grid;gap:12px}.order-line-row{grid-template-columns:2fr .7fr .8fr .7fr .8fr auto}
.salesrep-order-box{border:2px solid #0D4F4E}.salesrep-cart{display:grid;gap:8px}.salesrep-cart div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:9px}.salesrep-cart span{color:var(--muted);font-weight:800}.salesrep-cart button{border:0;background:#fff0f0;color:#b42318;border-radius:8px;font-weight:900;padding:6px 9px}.salesrep-add-row{display:grid;grid-template-columns:1fr 80px auto;gap:8px;margin-top:10px}.salesrep-add-row input,.salesrep-add-row select{height:40px}
.catalog-print{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.catalog-print-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}.catalog-print-head img{width:170px;height:auto}.catalog-print-head h1{margin:0;font-size:28px}.catalog-print-head p{margin:4px 0 0;color:var(--muted);font-weight:800}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff}.catalog-card.is-sale{border-color:#a8cf22}.catalog-img{position:relative;height:190px;display:flex;align-items:center;justify-content:center;background:#FAFBFD}.catalog-img img{width:100%;height:100%;object-fit:contain;padding:10px}.catalog-img span{font-weight:900;font-size:26px;color:var(--blue)}.catalog-img b{position:absolute;right:10px;top:10px;background:var(--green);color:#203200;border-radius:999px;padding:7px 10px}.catalog-body{padding:12px;display:grid;gap:6px}.catalog-body small{color:var(--muted);font-weight:800}.catalog-price{display:flex;gap:8px;align-items:baseline}.catalog-price span{text-decoration:line-through;color:#0D4F4E;font-weight:900}.catalog-price b{font-size:20px;color:var(--blue)}.catalog-body p{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}.catalog-body em{font-style:normal;background:#F4F6FA;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}
.production-phase-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:18px}.production-phase-strip div{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.production-phase-strip span{display:block;color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase}.production-phase-strip strong{font-size:20px;color:var(--blue)}.production-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.production-flow-card{display:grid;grid-template-columns:80px 1fr;gap:14px;border:1px solid var(--border);border-radius:18px;padding:14px;background:#fff}.production-flow-card h3{margin:4px 0}.production-flow-card p{margin:0;color:var(--muted);font-weight:800}.production-mini-form{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
@media(max-width:1020px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-phase-strip{grid-template-columns:repeat(3,1fr)}.production-flow-grid{grid-template-columns:1fr}.order-line-row{grid-template-columns:1fr}}
@media(max-width:640px){.catalog-grid{grid-template-columns:1fr}.catalog-print{padding:12px}.catalog-print-head{display:grid}.catalog-print-head img{width:130px}.salesrep-add-row{grid-template-columns:1fr}.salesrep-cart div{grid-template-columns:1fr auto}.production-phase-strip{grid-template-columns:1fr 1fr}.production-mini-form{grid-template-columns:1fr}.order-line-row{grid-template-columns:1fr}.order-line-row .icon-btn{width:100%}}
@media print{.no-print,.sidebar,.mobile-topbar,.bottom-nav{display:none!important}.app-shell{display:block}.main{padding:0}.catalog-print{box-shadow:none;border:0;padding:0}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:10px}.catalog-img{height:160px}.catalog-card{break-inside:avoid}.catalog-print-head img{width:140px}}

/* V5.17 — SEF fakture */
.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.quick-action-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px;display:grid;gap:6px}.quick-action-card strong{font-size:18px;color:var(--blue)}.quick-action-card span{color:var(--muted);font-weight:700}
.sef-lines{display:grid;gap:12px}.sef-line-row{display:grid;grid-template-columns:2fr .5fr .7fr .8fr .7fr .8fr auto;gap:10px;align-items:end;border:1px solid var(--border);border-radius:16px;padding:12px;background:#fff}.invoice-paper{max-width:1100px;margin:0 auto}.raw-json{white-space:pre-wrap;background:#0F5C5B;color:#E5E9F2;border-radius:14px;padding:14px;max-height:520px;overflow:auto}
@media(max-width:1100px){.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sef-line-row{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.quick-actions-grid{grid-template-columns:1fr}.sef-line-row{grid-template-columns:1fr}.sef-line-row .icon-btn{width:100%}}
@media print{.no-print,.sidebar,.mobile-topbar,.bottom-nav{display:none!important}.app-shell{display:block}.main{padding:0}.invoice-paper{box-shadow:none;border:0}}

/* V5.17.1 — SEF ulazne fakture: pregled, PDF, prihvati/odbij */
.sef-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sef-preview-grid div{background:#F8F9FC;border:1px solid var(--border);border-radius:12px;padding:10px}
.sef-preview-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}
.sef-preview-grid strong{display:block;overflow-wrap:anywhere}
.btn.danger,button.danger{background:#b42318;color:#fff;border-color:#b42318}
@media(max-width:900px){.sef-preview-grid{grid-template-columns:1fr}}

/* V5.18 — SEF izlazne fakture iz baze kupaca i artikala */
.sef-print-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:14px}
.sef-print-head h2{margin:0}.sef-print-head p{margin:4px 0 0;color:var(--muted);font-weight:800}
.sef-line-row{grid-template-columns:1.4fr 1.8fr .45fr .65fr .85fr .65fr .75fr auto}
@media(max-width:1200px){.sef-line-row{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sef-print-head{display:grid}.sef-line-row{grid-template-columns:1fr}}
@media print{.sef-print-head{display:flex}.invoice-paper table{font-size:12px}.invoice-paper .summary-list{grid-template-columns:repeat(3,1fr)}}

/* V5.18.1 — pojednostavljena SEF faktura */
.sef-advanced{background:#F8F9FC;border:1px solid var(--border);border-radius:14px;padding:10px 12px}.sef-advanced summary{cursor:pointer;font-weight:900;color:var(--blue)}.sef-advanced .form-grid{margin-top:12px}.sef-line-row.sef-line-simple{grid-template-columns:1.4fr 1.8fr .6fr .85fr .65fr .75fr auto}.sef-buyer-simple label:first-child{grid-column:1/-1}
@media(max-width:1100px){.sef-line-row.sef-line-simple{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sef-line-row.sef-line-simple{grid-template-columns:1fr}.sef-buyer-simple label:first-child{grid-column:auto}}


/* V5.19 — pregledniji interfejs i operativni panel */
.v519-globalbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:rgba(250,251,253,.92);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;padding:10px 12px;margin:0 0 18px;box-shadow:0 10px 28px rgba(16,24,40,.08)}
.v519-global-search{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:15px;padding:7px 8px}.v519-global-search span{font-weight:900;color:var(--blue)}
.v519-search-icon{width:20px;height:20px;fill:var(--blue);flex:none}.v519-global-search input{border:0;background:transparent;outline:0;font-weight:800;width:100%}.v519-global-search button{border:0;border-radius:11px;background:#FBF1DE;color:var(--blue);font-weight:900;padding:8px 12px}.v519-global-actions{display:flex;gap:8px;flex-wrap:wrap}.v519-global-actions a,.v519-fast-actions a{border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px 12px;font-weight:900;text-decoration:none;color:var(--text);white-space:nowrap}.v519-global-actions a:first-child,.v519-fast-actions a.primary{background:linear-gradient(135deg,var(--blue),#13233B);color:#fff;border-color:transparent}
.v519-command-center{background:linear-gradient(135deg,#ffffff,#F8F9FC);border:1px solid var(--border);border-radius:26px;padding:20px;margin:18px 0;box-shadow:var(--shadow)}.v519-command-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.v519-command-head h2{margin:3px 0;font-size:28px}.v519-command-head p{margin:0;color:var(--muted);font-weight:800}.v519-today-score{min-width:120px;text-align:center;border-radius:22px;padding:14px 18px;border:1px solid var(--border);background:#fff}.v519-today-score span{display:block;color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase}.v519-today-score strong{display:block;font-size:34px}.v519-today-score.needs-work strong{color:#b42318}.v519-today-score.all-good strong{color:#15803d}
.v519-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v519-task-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-radius:18px;padding:15px;border:1px solid var(--border);background:#fff;text-decoration:none;color:var(--text)}.v519-task-card strong{display:block;font-size:16px}.v519-task-card span{display:block;margin-top:4px;color:var(--muted);font-weight:800}.v519-task-card em{font-style:normal;font-weight:900;border-radius:999px;padding:8px 10px;background:#F4F6FA;color:var(--blue);white-space:nowrap}.v519-task-card.red{border-left:6px solid #e11d48}.v519-task-card.yellow{border-left:6px solid #f59e0b}.v519-task-card.blue{border-left:6px solid var(--blue)}.v519-task-card.green{border-left:6px solid #16a34a}.v519-fast-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.nav-compact .nav-sub a{min-height:34px}.nav-compact details.nav-group summary{min-height:42px}.bottom-nav .quick-add::after{content:'SEF';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;color:var(--blue)}
@media(max-width:1100px){.v519-globalbar{grid-template-columns:1fr}.v519-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.v519-globalbar{position:relative;border-radius:18px;margin-bottom:12px}.v519-global-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.v519-global-actions a{text-align:center}.v519-command-head{display:grid}.v519-today-score{width:100%}.v519-task-grid{grid-template-columns:1fr}.v519-task-card{grid-template-columns:1fr}.v519-task-card em{text-align:center}.v519-fast-actions{display:grid;grid-template-columns:1fr 1fr}.v519-fast-actions a{text-align:center}.v519-fast-actions a.primary{grid-column:1/-1}.home-v514{padding-bottom:85px}}
@media print{.v519-globalbar,.v519-command-center{display:none!important}}

.v519-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 18px}.v519-stepper span{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;font-weight:900;color:var(--muted)}.v519-stepper b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#FBF1DE;color:var(--blue)}.v519-stepper span.active{border-color:var(--blue);color:var(--text);box-shadow:var(--shadow)}.v519-stepper span.active b{background:var(--blue);color:#fff}@media(max-width:720px){.v519-stepper{grid-template-columns:1fr 1fr}.v519-stepper span{font-size:13px;padding:10px}}

/* V5.20 — SEF čarobnjak, opšta podešavanja firme i nova godina */
.sef-wizard-form{position:relative}.sef-wizard-panel{display:none}.sef-wizard-nav{position:sticky;bottom:18px;z-index:30;display:flex;justify-content:space-between;gap:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:12px;margin-top:14px}.sef-wizard-nav .btn{min-width:130px;justify-content:center}.v519-stepper [data-step-dot].active{background:#13233B;color:#fff;border-color:#13233B}.v519-stepper [data-step-dot].active b{background:#fff;color:#13233B}.sef-mini-invoice-preview .summary-list{margin-bottom:16px}.sef-mini-invoice-preview table{font-size:13px}.sef-finish-panel .alert{font-size:15px}.settings-card .settings-preview img{display:block}.btn.danger,button.danger{background:#b42318;color:#fff;border-color:#b42318}.sef-advanced summary{cursor:pointer;font-weight:900;color:#13233B;padding:10px 0}.sef-advanced[open]{background:#FAFBFD;border:1px solid var(--border);border-radius:16px;padding:0 14px 14px}
@media(max-width:700px){.sef-wizard-nav{left:10px;right:10px;bottom:80px}.sef-wizard-nav .btn{min-width:auto;flex:1}.v519-stepper{grid-template-columns:1fr 1fr}.sef-mini-invoice-preview .table-wrap{overflow:auto}}
@media print{.sef-wizard-nav{display:none!important}.sef-wizard-panel{display:block!important}}
/* V5.20.1 — PDV izveštaj */
.pdv-report-head{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px}.pdv-report-head>div{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff}.pdv-report-head span,.pdv-check-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.pdv-report-head strong{font-size:22px;color:var(--blue)}.pdv-report-head small,.pdv-check-grid small{display:block;color:var(--muted);font-weight:700}.pdv-pay strong{color:#b42318!important}.pdv-refund strong{color:#167a3f!important}.pdv-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pdv-check-grid>div{border:1px solid var(--border);border-radius:16px;padding:14px;background:#F8F9FC}.pdv-check-grid strong{font-size:24px;color:var(--blue)}.quick-periods{margin-top:10px;gap:8px;flex-wrap:wrap}
@media(max-width:1000px){.pdv-report-head,.pdv-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.pdv-report-head,.pdv-check-grid{grid-template-columns:1fr}}
@media print{.pdv-report-head,.pdv-check-grid{grid-template-columns:repeat(4,1fr)}.no-print{display:none!important}}

/* V5.20.2 — datum u srpskom formatu */
.sr-date-input{text-align:center;font-weight:900;letter-spacing:.02em}
.sr-date-input.date-invalid{border-color:#d43f3a!important;background:#fff0f0!important;color:#b42318!important}

/* V5.20.3 — jednostavan premium mobilni meni + pomoć */
.support-hero{display:grid;grid-template-columns:84px minmax(0,1fr) 170px;gap:18px;align-items:center}.support-avatar{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#13233B,#1B8A87);color:#fff;font-size:26px;font-weight:950}.support-hero h2{margin:0 0 4px}.support-hero p{margin:0 0 12px;color:var(--muted);font-weight:800}.support-contact-lines{display:flex;flex-wrap:wrap;gap:8px}.support-contact-lines a{border:1px solid var(--border);border-radius:999px;padding:8px 11px;font-weight:900;background:#FCFDFE}.support-qr-box{display:grid;justify-items:center;gap:6px}.support-qr-box img{width:140px;height:140px;border:1px solid var(--border);border-radius:16px;padding:8px;background:#fff}.support-qr-box small{font-weight:900;color:var(--muted)}
@media(max-width:1100px){.mobile-menu-card.mobile-menu-premium{left:18px;right:18px;top:86px;max-height:calc(100vh - 110px);padding:0;border-radius:28px;overflow:hidden;background:#fff}.premium-menu-head{padding:16px 18px 12px;margin:0;background:linear-gradient(135deg,#13233B,#13233B);color:#fff}.premium-menu-head img{width:128px;filter:brightness(0) invert(1)}.premium-menu-title{display:grid;margin-right:auto}.premium-menu-title strong{font-size:18px}.premium-menu-title span{font-size:12px;opacity:.85;font-weight:800}.premium-menu-head .mobile-menu-close{background:rgba(255,255,255,.18);color:#fff}.premium-menu-profile{margin:16px 18px 8px;border:1px solid var(--border);border-radius:22px;padding:14px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;box-shadow:0 10px 26px rgba(16,24,40,.06)}.profile-icon{width:54px;height:54px;border-radius:18px;background:#FBF1DE;color:#13233B;display:grid;place-items:center;font-size:28px;font-weight:950}.premium-menu-profile strong{display:block;font-size:18px}.premium-menu-profile small{display:block;color:var(--muted);font-weight:800;margin-top:3px}.premium-menu-profile a{font-size:34px;color:#667085;line-height:1}.premium-menu-list{display:grid;padding:0 18px 18px}.premium-menu-list a{display:grid;grid-template-columns:54px minmax(0,1fr) 24px;grid-template-areas:'ico title arrow' 'ico sub arrow';gap:2px 12px;align-items:center;padding:14px 0;border-bottom:1px solid #E9EDF5}.premium-menu-list a:last-child{border-bottom:0}.premium-menu-list .mi{grid-area:ico;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#FBF1DE;font-size:24px}.premium-menu-list b{grid-area:title;font-size:18px;color:#101828}.premium-menu-list small{grid-area:sub;color:#667085;font-size:14px;font-weight:800}.premium-menu-list em{grid-area:arrow;font-style:normal;color:#667085;font-size:30px}.premium-menu-list a.active b{color:#13233B}.premium-menu-list a.active .mi{background:linear-gradient(135deg,#13233B,#1B8A87);color:#fff}.premium-menu-list .support-menu-row{background:#FBF3E4;margin-top:10px;border:0;border-radius:18px;padding:13px 12px}.premium-menu-list .support-menu-row .mi{background:#F3DFB0}.premium-menu-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 18px}.premium-menu-footer a{text-align:center;border:1px solid var(--border);border-radius:16px;padding:12px;font-weight:950;background:#FCFDFE}.mobile-menu-section,.mobile-menu-sections{display:none!important}}
@media(max-width:720px){.support-hero{grid-template-columns:1fr;text-align:center}.support-avatar{margin:auto}.support-contact-lines{justify-content:center}.support-qr-box img{width:180px;height:180px}}
@media(max-width:430px){.mobile-menu-card.mobile-menu-premium{left:10px;right:10px;top:72px;max-height:calc(100vh - 90px);border-radius:24px}.premium-menu-head img{width:112px}.premium-menu-profile{margin:12px 12px 6px;padding:12px}.premium-menu-list{padding:0 14px 14px}.premium-menu-list a{grid-template-columns:48px minmax(0,1fr) 20px;padding:12px 0}.premium-menu-list .mi{width:42px;height:42px;font-size:22px}.premium-menu-list b{font-size:16px}.premium-menu-list small{font-size:13px}.premium-menu-footer{padding:0 14px 14px}}

/* V5.21 — Kartica kupca i bolja pretraga */
.customer-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.customer-profile-grid{display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(260px,.85fr);gap:18px;margin-bottom:18px}
.customer-profile-card{text-align:left}.customer-avatar-large{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;font-size:34px;font-weight:950;box-shadow:var(--shadow);margin-bottom:12px}
.customer-profile-card h2{margin:0 0 8px}.customer-status-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.customer-kpi-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-kpi-stack .kpi{min-height:120px}
.customer-contact-actions{margin-top:14px}.summary-list.compact div{padding:10px 0}
.customer-tabs-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.search-results a{transition:.15s ease}.search-results a:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(16,24,40,.08)}
.search-results em{font-style:normal;color:var(--blue);font-weight:900}
@media(max-width:980px){.customer-card-title{display:grid}.customer-profile-grid,.customer-tabs-grid,.search-result-grid{grid-template-columns:1fr}.customer-kpi-stack{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.customer-kpi-stack{grid-template-columns:1fr}.customer-card-title .form-actions{display:grid}.customer-contact-actions{display:grid}.customer-profile-card .summary-list div{display:grid;gap:4px}}

/* V5.22 — Direktorski pregled */
.director-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.director-period{display:flex;gap:10px;align-items:end;background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.director-period label{font-size:12px;font-weight:900;color:var(--muted);display:grid;gap:4px;min-width:145px}.director-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.director-alert{display:grid;grid-template-columns:1fr auto;gap:6px 10px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow);align-items:center}.director-alert strong{font-size:15px}.director-alert span{grid-column:1/2;color:var(--muted);font-size:13px;line-height:1.35}.director-alert em{grid-row:1/3;grid-column:2;font-style:normal;font-weight:950;font-size:24px;color:var(--muted)}.director-alert.bad{border-color:#ffd1d1;background:#fff7f7}.director-alert.warn{border-color:#ffe3b0;background:#fffaf0}.director-alert.info{border-color:#0D4F4E;background:#F8F9FB}.director-alert.good{border-color:#d9efb0;background:#fbfff0}.director-kpis .kpi strong{font-size:clamp(22px,2.4vw,34px)}.director-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.director-card{min-height:100%}.director-vat-box{border-radius:20px;padding:18px;margin:8px 0 14px;background:linear-gradient(135deg,#f4f6fb,#fff);border:1px solid var(--border)}.director-vat-box span{display:block;font-weight:900;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.director-vat-box strong{display:block;font-size:34px;line-height:1.1;margin-top:6px}.director-vat-box.pay{background:#fff7f7;border-color:#ffd1d1}.director-vat-box.return{background:#fbfff0;border-color:#d9efb0}.mini-table{display:grid;gap:9px}.mini-table div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.mini-table div:last-child{border-bottom:0}.mini-table span{color:var(--muted);font-weight:800}.mini-table strong{font-weight:950}.director-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.director-actions a{display:grid;place-items:center;min-height:52px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#F8F9FB,#fff);border:1px solid var(--border);font-weight:950;color:var(--navy)}.director-actions a:hover{box-shadow:var(--shadow);transform:translateY(-1px)}
@media(max-width:1100px){.director-alerts{grid-template-columns:1fr 1fr}.director-grid{grid-template-columns:1fr}.director-actions{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.director-title{display:grid}.director-period{display:grid}.director-alerts{grid-template-columns:1fr}.director-actions{grid-template-columns:1fr}.director-period label{min-width:0}.director-vat-box strong{font-size:28px}}

/* V5.23 — jednostavno stanje po bojama i PDF ponuda kupcima */
.variant-entry-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.variant-product-summary{position:sticky;top:18px}.variant-form-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:14px}.variant-form-tools label{min-width:220px}.variant-matrix-scroll{overflow:auto;border:1px solid var(--border);border-radius:18px;background:#fff}.variant-matrix-table{min-width:820px;width:100%;border-collapse:separate;border-spacing:0}.variant-matrix-table th{position:sticky;top:0;background:#F8F9FB;z-index:1}.variant-matrix-table th,.variant-matrix-table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle;text-align:center}.variant-matrix-table th:first-child,.variant-matrix-table td:first-child{text-align:left;min-width:150px}.variant-matrix-table input{border-radius:10px}.variant-qty{text-align:center;max-width:82px}.variant-photo-cell{min-width:170px}.variant-photo-cell img{width:56px;height:56px;object-fit:cover;border-radius:14px;display:block;margin:0 auto 6px;border:1px solid var(--border)}.suggested-row{background:#FCFDFE}.suggested-row input[value="Crna"],.suggested-row input[value="Teget"],.suggested-row input[value="Siva"]{font-weight:900}.color-stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.color-stock-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;border:1px solid var(--border);border-radius:18px;padding:10px;background:#fff}.color-stock-photo{width:92px;height:92px;border-radius:16px;overflow:hidden;background:#f4f6fb;display:grid;place-items:center;font-weight:900;color:var(--muted)}.color-stock-photo img{width:100%;height:100%;object-fit:cover}.color-stock-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.color-stock-head strong{font-size:18px}.color-stock-head span{background:var(--green-soft);color:#526600;font-weight:900;border-radius:999px;padding:5px 8px;font-size:12px}.color-stock-body small{color:var(--muted);font-weight:700}.size-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.size-chip-grid span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:5px 8px;background:#fff}.size-chip-grid b{font-weight:950}.size-chip-grid em{font-style:normal;color:var(--muted);font-weight:800;font-size:12px}.stock-offer-page .filter-row{align-items:end}.buyer-offer-print{background:#fff;border:1px solid var(--border);border-radius:22px;padding:18px}.buyer-offer-head{display:flex;gap:16px;align-items:center;border-bottom:2px solid #111;padding-bottom:12px;margin-bottom:14px}.buyer-offer-head img{max-width:160px;max-height:70px;object-fit:contain}.buyer-offer-head h1{margin:0;font-size:24px}.buyer-offer-head p{margin:4px 0 0;color:var(--muted);font-weight:800}.buyer-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.buyer-offer-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;border:1px solid #0D4F4E;border-radius:18px;padding:12px;break-inside:avoid;background:#fff}.buyer-offer-photo{width:150px;height:170px;border-radius:16px;overflow:hidden;background:#f4f6fb;display:grid;place-items:center;font-weight:950;color:#667085;text-align:center}.buyer-offer-photo img{width:100%;height:100%;object-fit:cover}.buyer-offer-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.buyer-offer-title strong{font-size:16px}.buyer-offer-title b{background:#101828;color:#fff;border-radius:999px;padding:5px 10px;white-space:nowrap}.buyer-offer-info small{display:block;color:var(--muted);font-weight:800;margin:5px 0 8px}.buyer-offer-price{display:flex;align-items:center;gap:8px;margin-bottom:10px}.buyer-offer-price span{text-decoration:line-through;color:var(--muted);font-weight:800}.buyer-offer-price b{font-size:20px}.buyer-offer-price em{font-style:normal;background:#fff0f0;color:#b42318;border-radius:999px;padding:4px 8px;font-weight:900}.buyer-offer-total{margin-top:10px;padding-top:8px;border-top:1px solid var(--border);font-weight:800}
@media(max-width:980px){.variant-entry-layout,.buyer-offer-grid{grid-template-columns:1fr}.variant-product-summary{position:static}.color-stock-grid{grid-template-columns:1fr}.buyer-offer-card{grid-template-columns:120px minmax(0,1fr)}.buyer-offer-photo{width:120px;height:145px}}
@media(max-width:620px){.buyer-offer-card{grid-template-columns:1fr}.buyer-offer-photo{width:100%;height:220px}.variant-form-tools{display:grid}.variant-form-tools label{min-width:0}.color-stock-card{grid-template-columns:80px minmax(0,1fr)}.color-stock-photo{width:80px;height:80px}}
@media print{.buyer-offer-print,.catalog-print{border:0!important;padding:0!important}.buyer-offer-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.buyer-offer-card{border:1px solid #333!important;border-radius:8px!important;padding:8px!important;grid-template-columns:120px 1fr!important}.buyer-offer-photo{width:120px!important;height:138px!important;border-radius:6px!important}.buyer-offer-title b{background:#111!important;color:#fff!important}.size-chip-grid span{border:1px solid #333!important;padding:3px 6px!important}.bottom-nav,.v519-globalbar,.mobile-topbar,.sidebar,.no-print{display:none!important}.app-shell{display:block!important}.main{padding:0!important}.buyer-offer-head{border-bottom:2px solid #111!important}.buyer-offer-head img{max-width:120px!important}}
/* V5.23.1 — SEF unos po bojama, izlaz sabran po artiklu */
.sef-group-info{margin:10px 0 14px}.sef-line-row.sef-line-with-color{grid-template-columns:1.3fr .9fr 1.6fr .55fr .85fr .65fr .75fr auto}.sef-color{font-weight:800}@media(max-width:1200px){.sef-line-row.sef-line-with-color{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sef-line-row.sef-line-with-color{grid-template-columns:1fr}}

/* V5.23.2 — ulazne SEF fakture i PDV izveštaj */
.incoming-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.incoming-actions form{margin:0;display:inline}.incoming-actions .btn{padding:9px 11px;white-space:nowrap}.muted{color:var(--muted);font-size:14px;margin-top:-4px}.pill.paid{background:#e9f9ef;color:#027a48}.pill.danger{background:#fff0f0;color:#b42318}
@media(max-width:760px){.incoming-actions{display:grid;grid-template-columns:1fr 1fr}.incoming-actions .btn{width:100%;text-align:center}.incoming-actions form{display:block}}

/* V5.24 — jasniji desktop meni i SEF/PDV pregled */
.sidebar{background:linear-gradient(180deg,#13233B 0%,#13233B 45%,#13233B 100%);padding:22px 14px;box-shadow:8px 0 28px rgba(24,39,71,.18)}
.brand{gap:10px;margin-bottom:12px}.brand-logo-link{display:block;border-radius:16px;padding:4px 2px}.brand-logo-link:hover{background:rgba(255,255,255,.08)}.brand-logo-full{width:min(100%,238px);filter:drop-shadow(0 10px 22px rgba(0,0,0,.28));}
.brand-copy h1{font-size:18px;line-height:1.15;margin-top:6px}.brand-copy p{font-size:12px;opacity:.92}.nav-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0D4F4E;margin:16px 10px 7px;font-weight:900}.nav.nav-premium-desktop{gap:6px}.nav a,.nav-group summary{border-radius:13px;background:transparent;border:1px solid transparent;min-height:46px;padding:11px 12px;gap:10px;justify-content:flex-start}.nav a:hover,.nav a.active,.nav-group[open]>summary{background:linear-gradient(90deg,#0F5C5B,#13233B);box-shadow:0 10px 22px rgba(52,86,158,.22);color:#fff}.nav-group summary{cursor:pointer;display:flex;align-items:center;color:#FBF1DE;font-weight:900}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';margin-left:auto;color:#0D4F4E}.nav-group[open] summary:after{content:'⌃';color:#9bd300}.side-ico{width:24px;height:24px;border-radius:9px;display:inline-grid;place-items:center;background:rgba(52,86,158,.22);color:#E9EDF5;font-weight:900}.nav-sub{margin:4px 0 8px 18px;border-left:1px solid rgba(255,255,255,.22);display:grid;gap:4px;padding-left:10px}.nav-sub a{min-height:36px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);font-size:13px}.nav-sub a.active{background:rgba(144,170,22,.96);color:#fff;box-shadow:none}.user-box{background:rgba(14,22,40,.55);border:1px solid rgba(255,255,255,.12);border-radius:15px;margin-top:20px}.app-shell{grid-template-columns:285px minmax(0,1fr)}
.v519-globalbar{background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:var(--shadow);margin-bottom:18px}.v519-global-actions a{border-radius:12px;background:#0D4F4E;border:1px solid #0D4F4E;color:#FFFFFF;font-weight:900}
.sef-control-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.sef-filter-card{margin-bottom:18px}.sef-control-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.85fr);gap:18px}.sef-control-main{display:grid;gap:18px}.sef-control-side{display:grid;gap:18px;align-content:start}.pdv-mini-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}.pdv-mini-grid>div{border:1px solid var(--border);border-radius:16px;padding:14px;background:#FAFBFD}.pdv-mini-grid span,.pdv-report-head span{display:block;color:var(--muted);font-size:12px;font-weight:900}.pdv-mini-grid strong{display:block;margin:6px 0;font-size:20px}.pdv-pay{background:#fff4f4!important;border-color:#ffd0d0!important;color:#c02727}.pdv-refund{background:#f3fbf2!important;border-color:#cdecc6!important;color:#257a2b}.sef-bottom-kpis{margin-top:18px}.pill.pending{background:#fff7e6;color:#a15c00}.pill.danger{background:#fff0f0;color:#b42318}.btn.danger{border-color:#ffd0d0;color:#b42318;background:#fff7f7}.btn.green{background:#eaf9e8;border-color:#bbe7b4;color:#257a2b}.incoming-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.incoming-actions form{display:inline}.pdv-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pdv-check-grid>div{border:1px solid var(--border);border-radius:14px;padding:12px;background:#FAFBFD}.quick-periods{flex-wrap:wrap;margin-top:12px}
@media(max-width:1100px){.sef-control-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{display:none}}
@media(max-width:680px){.sef-control-title{display:grid}.pdv-check-grid{grid-template-columns:1fr}.pdv-mini-grid{grid-template-columns:1fr}.table-wrap{overflow:auto}.incoming-actions{display:grid}}

/* V5.25 — Izbor dizajna SEF štampane fakture */
.settings-invoice-template-box{border:1px solid var(--border);border-radius:18px;background:#FAFBFD;padding:16px;margin-top:10px}.settings-invoice-template-box h3{margin:0 0 4px}.settings-invoice-template-box p{margin:0 0 12px;color:var(--muted)}.invoice-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.invoice-template-card{position:relative;display:grid;gap:6px;padding:14px;border:1px solid #0D4F4E;background:#fff;border-radius:16px;cursor:pointer;min-height:135px;box-shadow:0 8px 20px rgba(16,24,40,.05)}.invoice-template-card input{width:auto;position:absolute;top:12px;right:12px}.invoice-template-card strong{font-size:16px;color:#101828}.invoice-template-card span{font-weight:900;color:#13233B}.invoice-template-card em{font-style:normal;color:#667085;font-size:13px;line-height:1.35}.invoice-template-card.selected{border-color:#13233B;box-shadow:0 0 0 3px rgba(52,86,158,.12)}.invoice-template-card.recommended:before{content:'Preporučeno';position:absolute;top:-10px;left:12px;background:#e8f7e9;color:#118039;border:1px solid #bfe7c5;border-radius:999px;font-size:11px;font-weight:900;padding:3px 8px}.print-template-actions{display:inline-flex;align-items:center;gap:6px;margin:0 6px}.print-template-actions span{color:var(--muted);font-weight:800}.print-template-actions a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;font-weight:900}.print-template-actions a.recommended{background:#101828;color:#fff;border-color:#101828}
@media(max-width:1100px){.invoice-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.invoice-template-grid{grid-template-columns:1fr}.print-template-actions{display:flex;width:100%;margin:8px 0}.print-template-actions a{flex:1}}


/* V5.25.1 — jasniji desktop podmeni */
.sidebar{width:285px;overflow-y:auto;scrollbar-width:thin;}
.nav-label{font-size:11.5px;letter-spacing:.11em;color:#E1E6F0;opacity:.9;margin-top:18px}
.nav-group summary{font-size:15.5px;line-height:1.15;letter-spacing:.01em;font-weight:950;}
.nav-sub{margin:7px 0 11px 20px;border-left:2px solid rgba(255,255,255,.25);gap:6px;padding-left:12px;}
.nav-sub a{font-size:14px!important;line-height:1.2!important;font-weight:850!important;color:#F3F5F9!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.06)!important;min-height:39px!important;padding:10px 12px!important;border-radius:12px!important;display:flex!important;align-items:center!important;}
.nav-sub a:hover{background:rgba(255,255,255,.13)!important;color:#fff!important;}
.nav-sub a.active{background:linear-gradient(90deg,#91b30c,#7ca407)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important;}
.nav-sub a::before{content:'•';font-size:18px;line-height:1;margin-right:9px;color:#9bd300;}
.nav-sub a.active::before{color:#fff;}
.brand-logo-full{image-rendering:auto;max-height:92px;object-fit:contain;}
.brand-logo-link{display:block;text-align:left;}

/* V5.25.3 — kalendar za datum */
.sr-date-input{cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231C2B4A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat 12px center!important;padding-left:42px!important;text-align:center;font-weight:900;letter-spacing:.01em}
.sr-datepicker{position:absolute;z-index:99999;width:310px;background:#fff;border:1px solid #0D4F4E;border-radius:18px;box-shadow:0 18px 50px rgba(16,24,40,.18);padding:12px;color:#101828}
.sr-datepicker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 10px}.sr-datepicker-head strong{font-size:15px;color:#0F5C5B}.sr-datepicker-head button,.sr-datepicker-foot button{border:1px solid #0D4F4E;background:#FAFBFD;border-radius:11px;padding:8px 11px;font-weight:900;color:#0F5C5B;cursor:pointer}.sr-datepicker-head button:hover,.sr-datepicker-foot button:hover{background:#FBF1DE}
.sr-datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.sr-datepicker-days span{font-size:11px;text-align:center;color:#667085;font-weight:900;padding:4px 0}.sr-datepicker-days i{display:block}.sr-datepicker-days button{height:34px;border:1px solid transparent;border-radius:10px;background:#fff;color:#101828;font-weight:800;cursor:pointer}.sr-datepicker-days button:hover{background:#FBF1DE;border-color:#0D4F4E}.sr-datepicker-days button.today{border-color:#13233B;color:#13233B}.sr-datepicker-days button.selected{background:#13233B;color:#fff;border-color:#13233B}.sr-datepicker-foot{display:flex;justify-content:space-between;gap:8px;padding-top:10px}
@media(max-width:620px){.sr-datepicker{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:16px!important;width:auto}.sr-datepicker-days button{height:40px}}


/* V5.25.4 — mobilni meni sa podmenijem i pravilnim skrolovanjem */
@media(max-width:1100px){
  .mobile-menu-card.mobile-menu-premium{
    display:flex!important;
    flex-direction:column;
    left:14px;right:14px;
    top:calc(env(safe-area-inset-top,0px) + 58px);
    max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 74px);
    overflow:hidden!important;
    border-radius:26px;
  }
  .premium-menu-head{flex:0 0 auto;position:sticky;top:0;z-index:2}
  .premium-menu-profile{flex:0 0 auto;margin:12px 16px 8px}
  .premium-menu-list.premium-mobile-accordion{
    display:block!important;
    flex:1 1 auto;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding:0 16px 12px!important;
    min-height:0;
  }
  .premium-menu-footer{flex:0 0 auto;background:#fff;border-top:1px solid #E9EDF5;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))!important}
  .premium-mobile-accordion .mobile-menu-link,
  .premium-mobile-accordion .mobile-acc summary{
    display:grid;
    grid-template-columns:50px minmax(0,1fr) 26px;
    grid-template-areas:'ico title arrow' 'ico sub arrow';
    gap:2px 12px;
    align-items:center;
    min-height:70px;
    padding:12px 0;
    border-bottom:1px solid #E9EDF5;
    cursor:pointer;
    list-style:none;
  }
  .premium-mobile-accordion .mobile-acc summary::-webkit-details-marker{display:none}
  .premium-mobile-accordion .mobile-acc{border-bottom:1px solid #E9EDF5}
  .premium-mobile-accordion .mobile-acc summary{border-bottom:0}
  .premium-mobile-accordion .mi{grid-area:ico;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#FBF1DE;font-size:23px}
  .premium-mobile-accordion b{grid-area:title;font-size:17px;line-height:1.15;color:#101828;font-weight:950}
  .premium-mobile-accordion small{grid-area:sub;color:#667085;font-size:13px;line-height:1.25;font-weight:800}
  .premium-mobile-accordion em{grid-area:arrow;font-style:normal;color:#667085;font-size:28px;line-height:1;text-align:center;transition:.16s transform}
  .premium-mobile-accordion .mobile-acc[open] summary em{transform:rotate(180deg)}
  .premium-mobile-accordion .mobile-menu-link.active b,
  .premium-mobile-accordion .mobile-acc:has(.mobile-submenu a.active) summary b{color:#13233B}
  .premium-mobile-accordion .mobile-menu-link.active .mi,
  .premium-mobile-accordion .mobile-acc:has(.mobile-submenu a.active) summary .mi{background:linear-gradient(135deg,#13233B,#1B8A87);color:#fff}
  .mobile-submenu{display:grid;gap:7px;padding:0 0 12px 62px;margin-top:-2px}
  .mobile-submenu a{display:flex!important;align-items:center;min-height:42px;padding:10px 12px!important;border:1px solid #0D4F4E!important;border-radius:13px;background:#FCFDFE;color:#13233B;font-size:14px;font-weight:900;text-decoration:none}
  .mobile-submenu a.active{background:#0D4F4E!important;border-color:#0D4F4E!important;color:#FFFFFF!important;box-shadow:inset 4px 0 0 #1B8A87}
  .mobile-menu-is-open{overflow:hidden;touch-action:none}
  .mobile-menu-card.mobile-menu-premium *{box-sizing:border-box}
}
@media(max-width:430px){
  .mobile-menu-card.mobile-menu-premium{left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 60px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 70px)}
  .premium-menu-head{padding:14px 14px 10px!important}
  .premium-menu-title strong{font-size:17px}.premium-menu-title span{font-size:12px}
  .premium-menu-profile{margin:10px 12px 6px!important;grid-template-columns:50px minmax(0,1fr) 20px!important}
  .profile-icon{width:48px!important;height:48px!important;border-radius:16px!important;font-size:25px!important}
  .premium-menu-list.premium-mobile-accordion{padding:0 12px 10px!important}
  .premium-mobile-accordion .mobile-menu-link,
  .premium-mobile-accordion .mobile-acc summary{grid-template-columns:46px minmax(0,1fr) 22px;min-height:66px;gap:2px 10px;padding:11px 0}
  .premium-mobile-accordion .mi{width:40px;height:40px;font-size:21px}
  .premium-mobile-accordion b{font-size:16px}.premium-mobile-accordion small{font-size:12.5px}.premium-mobile-accordion em{font-size:24px}
  .mobile-submenu{padding-left:54px;gap:6px}.mobile-submenu a{font-size:13.5px;min-height:40px;padding:9px 10px!important}
}

/* V5.25.6 — keš / faktura za priliv i odliv */
.payment-toggle{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.payment-toggle label{display:flex!important;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;font-weight:900;font-size:13px;line-height:1;cursor:pointer}
.payment-toggle input{width:auto;margin:0;accent-color:var(--blue)}
.finance-payment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.payment-summary-card{display:block;border:1px solid var(--border);background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:16px 18px;color:var(--text)}
.payment-summary-card span{display:block;font-size:12px;letter-spacing:.04em;font-weight:950;color:var(--muted);text-transform:uppercase;margin-bottom:6px}
.payment-summary-card strong{display:block;font-size:24px;line-height:1.1;margin-bottom:7px;color:var(--text)}
.payment-summary-card small{display:block;color:var(--muted);font-weight:800;line-height:1.45}
.payment-summary-card.cash{border-left:6px solid #1aa36f}.payment-summary-card.invoice{border-left:6px solid var(--blue)}
.pill.payment{background:#F4F5F9;color:#0F5C5B}.pill.payment.kes{background:#eafaf2;color:#097548}.pill.payment.faktura{background:#F4F5F9;color:#0F5C5B}
.home-payment-summary{margin-top:0}
@media(max-width:760px){.finance-payment-summary{grid-template-columns:1fr}.payment-toggle label{flex:1;justify-content:center}.home-quick-entry-form .payment-toggle{width:100%}}
/* V5.25.7 */
.soft-separator{border:0;border-top:1px solid rgba(148,163,184,.35);margin:18px 0}
textarea{resize:vertical}


/* V5.25.11 — čitljiviji keš/faktura izbor i beli logo u desktop meniju */
.payment-toggle label{
  color:#0F5C5B!important;
  background:#FAFBFD!important;
  border:2px solid #0D4F4E!important;
  box-shadow:0 4px 12px rgba(16,24,40,.05);
  min-height:42px;
}
.payment-toggle label:has(input:checked){
  background:#0F5C5B!important;
  border-color:#13233B!important;
  color:#fff!important;
}
.payment-toggle label input{filter:none!important;accent-color:#0F5C5B!important}
.payment-toggle label:has(input:checked) input{accent-color:#fff!important}
.pill.payment{font-weight:950;color:#0F5C5B!important;background:#FBF1DE!important;border:1px solid #0D4F4E!important}
.pill.payment.cash{background:#eafaf2!important;color:#087443!important;border-color:#a8e5c5!important}
.pill.payment.invoice{background:#FBF1DE!important;color:#0F5C5B!important;border-color:#0D4F4E!important}
.sidebar .brand-logo-full{filter:brightness(0) invert(1) drop-shadow(0 8px 20px rgba(0,0,0,.18))!important;opacity:1!important}
.sidebar .brand-logo-link{display:block}
.sef-shortcuts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.sef-shortcut-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #0D4F4E;background:#F8F9FC;color:#0F5C5B;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}
.sef-shortcut-pill kbd{background:#0F5C5B;color:#fff;border-radius:6px;padding:2px 6px;font-size:11px}
@media(max-width:760px){.payment-toggle label{font-size:15px!important;padding:12px 14px!important}.sef-shortcuts{display:grid}.sef-shortcut-pill{justify-content:center}}


/* V5.26 — profesionalni desktop unos SEF i običnog računa */
.invoice-desktop-topbar{
  display:flex;align-items:center;gap:22px;
  background:#13233B;color:#fff;border-radius:12px;
  padding:9px 16px;margin:0 0 12px;font-size:13px;font-weight:900;
  box-shadow:0 10px 25px rgba(34,56,102,.14)
}
.invoice-modern-title{margin-bottom:10px}
.invoice-modern-title h1{letter-spacing:.01em;font-size:24px;margin:0}
.invoice-modern-title p{margin:6px 0 0;color:#667085}
.invoice-shortcuts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:-50px 0 14px 0}
.invoice-shortcuts .sef-shortcut-pill{
  background:#f6fff1;border:1px solid #d8efcf;color:#2f6b16;
  border-radius:10px;padding:7px 10px;font-weight:900;font-size:13px
}
.invoice-shortcuts kbd{background:#fff;border:1px solid #b8d7ac;border-radius:6px;padding:2px 6px;font-weight:950;color:#195b0c}
.invoice-desktop-form{display:block!important}
.invoice-desktop-card,.invoice-desktop-form .premium-card{
  border-radius:14px;box-shadow:0 12px 30px rgba(16,24,40,.08);
  border:1px solid #0D4F4E
}
.invoice-desktop-form .card h2{
  color:#13233B;font-size:15px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.02em
}
.invoice-desktop-form-sef .v519-stepper,.invoice-desktop-form-sef + .sef-wizard-nav,.invoice-desktop-form .sef-wizard-nav{
  display:none!important
}
.invoice-desktop-form .sef-wizard-panel{display:block!important;margin-bottom:12px}
.invoice-desktop-form-sef{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:12px
}
.invoice-desktop-form-sef .invoice-header-panel{grid-column:1 / -1}
.invoice-desktop-form-sef .invoice-buyer-panel{grid-column:1 / 2}
.invoice-desktop-form-sef .invoice-payment-panel{grid-column:2 / 3}
.invoice-desktop-form-sef [data-wizard-step="2"],
.invoice-desktop-form-sef .sef-preview-panel,
.invoice-desktop-form-sef .sef-finish-panel{grid-column:1 / -1}
.invoice-top-fields{
  display:grid!important;
  grid-template-columns:1fr 150px 150px 150px 150px 150px;
  gap:10px
}
.invoice-top-fields label:nth-child(1){grid-column:1 / 2}
.invoice-top-fields label:nth-child(2){grid-column:2 / 3}
.invoice-top-fields label.span-2{grid-column:1 / -1}
.invoice-buyer-fields{display:grid!important;grid-template-columns:180px 1.4fr 150px 1fr 1fr;gap:10px}
.invoice-buyer-fields label:first-child{grid-column:1 / 3}
.invoice-buyer-fields details{grid-column:1 / -1}
.invoice-payment-fields{display:grid!important;grid-template-columns:1fr 110px 1fr;gap:10px}
.invoice-desktop-form input,.invoice-desktop-form select,.invoice-desktop-form textarea{
  border-radius:8px!important;border-color:#DCE2EE!important;background:#FCFDFE!important;
  min-height:42px;font-weight:800;color:#0F5C5B
}
.invoice-desktop-form label{font-size:12px;color:#0F5C5B;font-weight:900;gap:5px}
.invoice-table-head{
  display:grid;align-items:stretch;
  background:linear-gradient(180deg,#FBF6EC,#F4F5F9);
  border:1px solid #DBE1EE;border-bottom:0;border-radius:12px 12px 0 0;
  overflow:hidden;color:#13233B;font-size:12px;font-weight:950;text-align:center
}
.invoice-table-head span{padding:11px 6px;border-right:1px solid #DBE1EE}
.invoice-table-head span:last-child{border-right:0}
.invoice-table-head-sef{
  grid-template-columns:44px 120px 110px minmax(190px,1.6fr) 58px 90px 120px 86px 110px 70px 145px 135px 34px
}
.invoice-table-head-internal{
  grid-template-columns:44px minmax(320px,1.8fr) 92px 110px 110px 92px 140px 36px
}
.invoice-table-body{border:1px solid #DBE1EE;border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:#fff}
.sef-line-row.sef-line-simple,.invoice-line-row-v53{
  display:grid!important;align-items:stretch;gap:0!important;border-bottom:1px solid #E8ECF4;position:relative;background:#fff
}
.sef-line-row.sef-line-simple{grid-template-columns:44px 120px 110px minmax(190px,1.6fr) 58px 90px 120px 86px 110px 70px 145px 135px 34px}
.invoice-line-row-v53{grid-template-columns:44px minmax(320px,1.8fr) 92px 110px 110px 92px 140px 36px}
.sef-line-row.sef-line-simple::before,.invoice-line-row-v53::before{
  content:var(--row-no,"1");display:grid;place-items:center;font-weight:900;color:#13233B;
  border-right:1px solid #E8ECF4;background:#FCFDFE
}
.sef-line-row.sef-line-simple label,.invoice-line-row-v53 label{
  display:block!important;padding:0!important;border-right:1px solid #E8ECF4
}
.sef-line-row.sef-line-simple label>span,.invoice-line-row-v53 label>span{display:none}
.sef-line-row.sef-line-simple label{font-size:0}
.sef-line-row.sef-line-simple label::first-line{font-size:0}
.invoice-line-row-v53 label{font-size:0}
.sef-line-row.sef-line-simple input,.sef-line-row.sef-line-simple select,
.invoice-line-row-v53 input,.invoice-line-row-v53 select{
  border:0!important;border-radius:0!important;min-height:49px!important;background:#fff!important;
  font-size:13px!important;font-weight:850;text-align:center;width:100%
}
.sef-line-row.sef-line-simple .col-product{grid-column:2 / 4}
.sef-line-row.sef-line-simple .col-color{display:none!important}
.sef-line-row.sef-line-simple .col-name{grid-column:4 / 5}
.sef-line-row.sef-line-simple .col-name input{text-align:left;text-transform:uppercase}
.sef-line-row.sef-line-simple input[name="item_unit[]"]{display:none}
.sef-line-row.sef-line-simple .col-qty{grid-column:6 / 7}
.sef-line-row.sef-line-simple .col-price{grid-column:7 / 8}
.sef-line-row.sef-line-simple .col-disc{grid-column:8 / 9}
.sef-line-row.sef-line-simple .line-rsd-preview{
  grid-column:12 / 13;display:grid!important;place-items:center;border-right:1px solid #E8ECF4;min-height:49px;
  font-size:11px;color:#667085;background:#fff
}
.sef-line-row.sef-line-simple .line-rsd-preview strong{font-size:13px;color:#13233B}
.sef-line-row.sef-line-simple::after{
  content:'20%';grid-column:10 / 11;display:grid;place-items:center;border-right:1px solid #E8ECF4;font-weight:900;color:#13233B;
}
.sef-line-row.sef-line-simple .remove-sef-line{
  grid-column:13 / 14;border:0;background:#fff;color:#e11d48;font-size:22px
}
.invoice-line-row-v53 label:nth-of-type(1){grid-column:2 / 3}
.invoice-line-row-v53 label:nth-of-type(2){grid-column:3 / 4}
.invoice-line-row-v53 label:nth-of-type(3){grid-column:4 / 5}
.invoice-line-row-v53 label:nth-of-type(4){grid-column:5 / 6}
.invoice-line-row-v53 label:nth-of-type(5){grid-column:6 / 7}
.invoice-line-row-v53 .line-rsd-preview{
  grid-column:7 / 8;display:grid!important;place-items:center;border-right:1px solid #E8ECF4;min-height:49px;background:#fff
}
.invoice-line-row-v53 .line-rsd-preview strong{font-size:13px;color:#13233B}
.invoice-line-row-v53 .line-rsd-preview small{font-size:10px}
.invoice-line-row-v53 .remove-line{grid-column:8 / 9;border:0;background:#fff;color:#e11d48;font-size:22px}
.sef-line-row.sef-line-simple:hover,.invoice-line-row-v53:hover{background:#FCFDFE}
.invoice-live-total{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:12px;border:1px solid #DBE1EE;border-radius:12px;overflow:hidden;background:#fff
}
.invoice-live-total div{padding:12px;border-right:1px solid #DBE1EE;text-align:right}
.invoice-live-total div:last-child{border-right:0;background:#FAFBFD}
.invoice-live-total span{display:block;font-size:12px;color:#667085;font-weight:900}
.invoice-live-total strong{font-size:18px;color:#13233B}
.sef-finish-panel .invoice-bottom-actions,
.invoice-bottom-actions{
  display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:10px
}
.invoice-bottom-actions .btn{min-width:150px;justify-content:center}
.invoice-bottom-actions .btn.green{margin-left:auto;background:#2f8a09;color:#fff}
.danger-light{background:#fff5f5!important;color:#c91818!important;border-color:#ffd2d2!important}
.invoice-desktop-form .invoice-buyer-panel,.invoice-desktop-form .invoice-payment-panel{min-height:150px}
.invoice-desktop-form .invoice-barcode-box{border:1px dashed #0D4F4E;background:#FAFBFD;border-radius:14px;margin-bottom:12px}
.invoice-desktop-form-internal .form-grid.two{display:grid!important;grid-template-columns:150px 150px minmax(280px,1fr) 150px 150px 170px;gap:10px}
.invoice-desktop-form-internal .span-2{grid-column:1 / -1}
@media(max-width:1180px){
  .invoice-shortcuts{margin:0 0 12px;justify-content:flex-start}
  .invoice-desktop-form-sef{grid-template-columns:1fr}
  .invoice-desktop-form-sef .invoice-buyer-panel,.invoice-desktop-form-sef .invoice-payment-panel{grid-column:1 / -1}
  .invoice-top-fields,.invoice-buyer-fields,.invoice-payment-fields,.invoice-desktop-form-internal .form-grid.two{grid-template-columns:1fr 1fr!important}
}
@media(max-width:900px){
  .invoice-desktop-topbar{display:grid;gap:6px}
  .invoice-shortcuts{display:grid;grid-template-columns:1fr 1fr}
  .invoice-table-head{display:none}
  .sef-line-row.sef-line-simple,.invoice-line-row-v53{
    display:grid!important;grid-template-columns:42px 1fr!important;border:1px solid #DBE1EE!important;border-radius:12px!important;margin-bottom:10px!important;overflow:hidden!important
  }
  .sef-line-row.sef-line-simple label,.invoice-line-row-v53 label,.sef-line-row.sef-line-simple .line-rsd-preview,.invoice-line-row-v53 .line-rsd-preview,.sef-line-row.sef-line-simple .remove-sef-line,.invoice-line-row-v53 .remove-line{
    grid-column:2 / 3!important;border-bottom:1px solid #E8ECF4!important;border-right:0!important
  }
  .sef-line-row.sef-line-simple::before,.invoice-line-row-v53::before{grid-row:1 / span 8}
  .sef-line-row.sef-line-simple .col-color{display:block!important}
  .sef-line-row.sef-line-simple::after{display:none}
  .sef-line-row.sef-line-simple input,.sef-line-row.sef-line-simple select,.invoice-line-row-v53 input,.invoice-line-row-v53 select{text-align:left!important}
  .invoice-live-total{grid-template-columns:1fr!important}
  .invoice-live-total div{border-right:0;border-bottom:1px solid #DBE1EE}
  .invoice-bottom-actions{display:grid}
}

/* V5.27 — top tabovi i dokument kontrola */
.top-work-tabs{display:flex;align-items:center;gap:8px;margin:10px 0 16px;overflow:auto;padding:8px;border:1px solid #0D4F4E;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 8px 20px rgba(16,24,40,.05)}
.top-tabs-label{font-size:12px;font-weight:950;color:#667085;white-space:nowrap;margin:0 4px}
.top-tab{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 8px 0 12px;border-radius:10px;background:#F4F5F9;border:1px solid #E1E6F0;color:#13233B;font-size:13px;font-weight:900;white-space:nowrap}
.top-tab.active{background:#13233B;color:#fff;border-color:#13233B}.top-tab button{width:20px;height:20px;border:0;border-radius:999px;background:rgba(16,24,40,.1);color:inherit;font-weight:900;line-height:1;cursor:pointer}.top-tab.active button{background:rgba(255,255,255,.22)}
.top-tabs-clear{margin-left:auto;border:1px solid #E1E6F0;background:#fff;color:#667085;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:900;white-space:nowrap}
@media(max-width:760px){.top-work-tabs{margin:8px 0 12px;border-radius:12px}.top-tab{font-size:12px;min-height:32px}.top-tabs-label{display:none}}

/* V5.27.1 — uži i pregledniji unos stavki na SEF fakturi */
.invoice-payment-fixed{grid-template-columns:minmax(260px,1fr) 130px minmax(190px,1fr)!important;align-items:end}
.fixed-pay-field{min-height:42px;border:1px solid #DCE2EE;border-radius:8px;background:#FAFBFD;padding:7px 10px;display:grid;gap:1px}
.fixed-pay-field span{font-size:11px;color:#667085;font-weight:900;text-transform:uppercase}.fixed-pay-field strong{font-size:14px;color:#13233B}.fixed-pay-field small{font-size:10px;color:#8a96a8}
.compact-invoice-head{align-items:center}.compact-invoice-head h2{margin:0}.compact-invoice-head p{margin:3px 0 0!important}.compact-info{padding:10px 12px!important;margin-bottom:8px!important}
.invoice-table-head-sef-compact{grid-template-columns:44px minmax(190px,1.1fr) minmax(240px,1.25fr) 105px 62px 82px 112px 78px 132px 34px!important;font-size:11px!important}
.invoice-table-head-sef-compact span{padding:8px 5px!important;line-height:1.15}
.invoice-desktop-form-sef .invoice-table-body{max-height:520px;overflow:auto;border-radius:0 0 12px 12px}
.sef-line-row.sef-line-simple{grid-template-columns:44px minmax(190px,1.1fr) minmax(240px,1.25fr) 105px 62px 82px 112px 78px 132px 34px!important;min-height:42px!important}
.sef-line-row.sef-line-simple::before{grid-column:1/2!important;min-height:42px!important}
.sef-line-row.sef-line-simple .col-product{grid-column:2/3!important}
.sef-line-row.sef-line-simple .col-name{grid-column:3/4!important;display:block!important}
.sef-line-row.sef-line-simple .col-color{grid-column:4/5!important;display:block!important;font-size:0!important}
.sef-line-row.sef-line-simple::after{content:'KOM'!important;grid-column:5/6!important;display:grid!important;place-items:center;border-right:1px solid #E8ECF4;font-weight:950;color:#13233B;background:#FCFDFE;min-height:42px!important}
.sef-line-row.sef-line-simple .col-qty{grid-column:6/7!important}.sef-line-row.sef-line-simple .col-price{grid-column:7/8!important}.sef-line-row.sef-line-simple .col-disc{grid-column:8/9!important}
.sef-line-row.sef-line-simple .line-rsd-preview{grid-column:9/10!important;min-height:42px!important}.sef-line-row.sef-line-simple .remove-sef-line{grid-column:10/11!important;min-height:42px!important}
.sef-line-row.sef-line-simple input,.sef-line-row.sef-line-simple select{min-height:42px!important;font-size:12px!important;padding:0 7px!important}
.sef-line-row.sef-line-simple .col-name input{text-align:left!important;text-transform:uppercase;font-weight:900!important}
.sef-line-row.sef-line-simple .line-rsd-preview span{display:none}.sef-line-row.sef-line-simple .line-rsd-preview strong{font-size:12px!important;line-height:1.1}
.invoice-live-total{grid-template-columns:repeat(3,1fr)!important;margin-top:8px!important}.invoice-live-total div{padding:9px 12px!important}.invoice-live-total strong{font-size:16px!important}
.invoice-collapsed-preview{padding:0!important;overflow:hidden}.invoice-collapsed-preview summary{cursor:pointer;font-weight:950;color:#13233B;padding:14px 16px;background:#FAFBFD}.invoice-collapsed-preview[open]{padding:16px!important}.invoice-collapsed-preview[open] summary{margin:-16px -16px 12px}
.sef-finish-panel{padding:12px!important}.sef-finish-panel h2{display:none}.sef-finish-panel #sef-final-check{margin:0 0 10px!important;padding:10px!important}
@media(max-width:1450px){.invoice-table-head-sef-compact{grid-template-columns:40px 180px minmax(220px,1fr) 90px 56px 70px 100px 70px 115px 32px!important}.sef-line-row.sef-line-simple{grid-template-columns:40px 180px minmax(220px,1fr) 90px 56px 70px 100px 70px 115px 32px!important}.sef-line-row.sef-line-simple input,.sef-line-row.sef-line-simple select{font-size:11.5px!important}}
@media(max-width:900px){.invoice-payment-fixed{grid-template-columns:1fr!important}.fixed-pay-field{margin-bottom:8px}.invoice-desktop-form-sef .invoice-table-body{max-height:none;overflow:visible}.sef-line-row.sef-line-simple{grid-template-columns:42px 1fr!important}.sef-line-row.sef-line-simple::after{display:none!important}.sef-line-row.sef-line-simple .col-color{font-size:0!important}}


/* V5.28 — kartica artikla i premium katalog */
.product-command-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:stretch;
  background:linear-gradient(135deg,#0F5C5B,#0F5C5B 62%,#8aa617);color:#fff;border-radius:24px;
  padding:24px;margin-bottom:18px;box-shadow:0 18px 45px rgba(30,49,90,.18);overflow:hidden
}
.product-command-main h1{font-size:34px;line-height:1.05;margin:8px 0 8px}
.product-command-main p{font-size:16px;color:#EFF2F8;margin:0 0 16px}
.product-command-actions{display:flex;flex-wrap:wrap;gap:10px}
.product-command-actions .btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
.product-command-actions .btn.primary{background:#fff;color:#13233B;border-color:#fff}
.product-command-photo{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:20px;display:grid;place-items:center;min-height:180px;overflow:hidden}
.product-command-photo img{width:100%;height:100%;object-fit:cover}.product-command-photo strong{font-size:42px}
.product-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.product-kpi-grid .kpi{min-height:110px}.product-kpi-grid .kpi strong{font-size:30px}
.product-stock-matrix{overflow:auto;border:1px solid var(--border);border-radius:14px;background:#fff}
.product-stock-matrix table{width:100%;border-collapse:collapse;min-width:580px}
.product-stock-matrix th{background:#0D4F4E;color:#FFFFFF;font-weight:950;text-align:center;padding:11px;border-bottom:1px solid var(--border)}
.product-stock-matrix td{padding:10px;text-align:center;border-bottom:1px solid #0D4F4E;border-right:1px solid #0D4F4E;font-weight:800}
.product-stock-matrix td:first-child{text-align:left;background:#FCFDFE;color:#0F5C5B}
.product-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.product-insight-grid section{border:1px solid var(--border);border-radius:16px;padding:14px;background:#FCFDFE}

/* Premium katalog za kupce */
.stock-offer-premium{background:#f4f6fb}
.buyer-offer-cover{
  display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:20px;align-items:center;
  border:1px solid #0D4F4E;border-radius:22px;padding:22px;margin-bottom:16px;
  background:linear-gradient(135deg,#ffffff,#F8F9FB);box-shadow:0 15px 35px rgba(16,24,40,.08)
}
.cover-brand{display:flex;align-items:center;gap:12px}.cover-brand img{max-width:150px;max-height:60px;object-fit:contain}
.cover-brand strong{display:block;font-size:20px;color:#13233B}.cover-brand span,.cover-contact span{display:block;color:#667085;font-size:12px;font-weight:800}
.cover-title{text-align:center}.cover-title h1{margin:0;color:#13233B;font-size:28px}.cover-title p{margin:7px 0;color:#13233B;font-weight:900}.cover-title em{display:block;color:#6b7a90;font-size:12px}
.cover-contact{text-align:right}.cover-contact b{display:block;color:#13233B;font-size:18px}
.catalog-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.catalog-summary-row div{background:#fff;border:1px solid #0D4F4E;border-radius:14px;padding:12px;text-align:center}
.catalog-summary-row span{display:block;font-size:12px;color:#667085;font-weight:900;text-transform:uppercase}.catalog-summary-row strong{font-size:22px;color:#13233B}
.premium-catalog-card{break-inside:avoid;page-break-inside:avoid;border-radius:18px!important;overflow:hidden;border:1px solid #0D4F4E!important;box-shadow:0 10px 25px rgba(16,24,40,.06)}
.premium-catalog-card .buyer-offer-photo{background:#FAFBFD}
.premium-catalog-card .buyer-offer-title strong{font-size:15px;color:#13233B;line-height:1.2}
.premium-catalog-card .buyer-offer-title b{background:#F1F3F8;color:#13233B;border-radius:999px;padding:5px 9px;font-size:12px}
.catalog-size-grid span{border-radius:12px!important;background:#FAFBFD!important;border:1px solid #0D4F4E!important}
.catalog-filter .span-2{grid-column:span 2}
.catalog-compact .buyer-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.catalog-compact .buyer-offer-photo{height:120px}
.catalog-compact .premium-catalog-card .buyer-offer-info{padding:12px}
.catalog-compact .buyer-offer-title strong{font-size:13px}
@media(max-width:1100px){
  .product-command-hero{grid-template-columns:1fr}.product-command-photo{height:240px}.product-kpi-grid{grid-template-columns:repeat(2,1fr)}.product-insight-grid{grid-template-columns:1fr}
  .buyer-offer-cover{grid-template-columns:1fr;text-align:left}.cover-title{text-align:left}.cover-contact{text-align:left}
}
@media print{
  .stock-offer-premium{background:#fff}.buyer-offer-cover,.catalog-summary-row div,.premium-catalog-card{box-shadow:none!important}
  .buyer-offer-cover{border-radius:0;border:0;border-bottom:2px solid #111;margin-bottom:12px}
  .catalog-summary-row{grid-template-columns:repeat(3,1fr)}
  .stock-offer-premium .buyer-offer-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}
  .catalog-compact .buyer-offer-grid{grid-template-columns:repeat(3,1fr)!important}
  .premium-catalog-card{border:1px solid #aaa!important}
  .buyer-offer-price b{color:#000!important}
}


/* V5.28.1 — SEF tabela 30% uža i bez unapred prikazanih praznih redova */
.invoice-table-head-sef-compact{
  grid-template-columns:36px 120px minmax(210px,1fr) 78px 48px 58px 88px 58px 104px 30px!important;
  font-size:10.5px!important;
}
.invoice-table-head-sef-compact span{padding:7px 4px!important}
.sef-line-row.sef-line-simple{
  grid-template-columns:36px 120px minmax(210px,1fr) 78px 48px 58px 88px 58px 104px 30px!important;
  min-height:36px!important;
}
.sef-line-row.sef-line-simple::before{min-height:36px!important}
.sef-line-row.sef-line-simple input,
.sef-line-row.sef-line-simple select{
  min-height:36px!important;
  height:36px!important;
  font-size:11.2px!important;
  padding:0 5px!important;
}
.sef-line-row.sef-line-simple::after{min-height:36px!important;font-size:11px!important}
.sef-line-row.sef-line-simple .line-rsd-preview{min-height:36px!important}
.sef-line-row.sef-line-simple .line-rsd-preview strong{font-size:11.2px!important}
.sef-line-row.sef-line-simple .remove-sef-line{min-height:36px!important}
.invoice-desktop-form-sef .invoice-table-body{max-height:60vh!important}
.sef-no-empty-note{font-size:12px;color:#667085;font-weight:800}
@media(max-width:1450px){
  .invoice-table-head-sef-compact{grid-template-columns:34px 110px minmax(190px,1fr) 70px 44px 54px 80px 54px 96px 28px!important}
  .sef-line-row.sef-line-simple{grid-template-columns:34px 110px minmax(190px,1fr) 70px 44px 54px 80px 54px 96px 28px!important}
}


/* V5.28.2 — SEF stavke kao prava kompaktna tabela */
.sef-entry-table-wrap{
  width:100%;
  overflow:auto;
  border:1px solid #DBE1EE;
  border-radius:12px;
  background:#fff;
  max-height:60vh;
}
.sef-entry-table{
  width:100%;
  min-width:980px;
  border-collapse:collapse;
  table-layout:fixed;
  background:#fff;
}
.sef-entry-table thead th{
  background:linear-gradient(180deg,#FBF6EC,#F4F5F9);
  color:#13233B;
  font-size:11px;
  font-weight:950;
  text-align:center;
  padding:8px 5px;
  border-right:1px solid #DCE2EE;
  border-bottom:1px solid #DCE2EE;
  line-height:1.15;
  white-space:normal;
}
.sef-entry-table tbody{counter-reset:sefrow}
.sef-entry-table tbody tr{counter-increment:sefrow}
.sef-entry-table td{
  height:38px;
  padding:0;
  border-right:1px solid #0D4F4E;
  border-bottom:1px solid #0D4F4E;
  vertical-align:middle;
  background:#fff;
}
.sef-entry-table tbody tr:hover td{background:#FCFDFE}
.sef-entry-table th:nth-child(1), .sef-entry-table td:nth-child(1){width:38px}
.sef-entry-table th:nth-child(2), .sef-entry-table td:nth-child(2){width:170px}
.sef-entry-table th:nth-child(3), .sef-entry-table td:nth-child(3){width:auto}
.sef-entry-table th:nth-child(4), .sef-entry-table td:nth-child(4){width:110px}
.sef-entry-table th:nth-child(5), .sef-entry-table td:nth-child(5){width:52px}
.sef-entry-table th:nth-child(6), .sef-entry-table td:nth-child(6){width:68px}
.sef-entry-table th:nth-child(7), .sef-entry-table td:nth-child(7){width:105px}
.sef-entry-table th:nth-child(8), .sef-entry-table td:nth-child(8){width:70px}
.sef-entry-table th:nth-child(9), .sef-entry-table td:nth-child(9){width:125px}
.sef-entry-table th:nth-child(10), .sef-entry-table td:nth-child(10){width:34px}
.sef-rb{
  text-align:center;
  font-weight:950;
  color:#13233B;
  background:#FCFDFE!important;
}
.sef-rb::before{content:counter(sefrow)}
.sef-entry-table input,
.sef-entry-table select{
  height:38px!important;
  min-height:38px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 7px!important;
  font-size:12px!important;
  font-weight:850!important;
  color:#0F5C5B!important;
  width:100%;
}
.sef-entry-table input:focus,
.sef-entry-table select:focus{
  outline:2px solid #0F5C5B!important;
  outline-offset:-2px;
  background:#fff!important;
}
.sef-cell-name input{
  text-align:left!important;
  text-transform:uppercase;
  font-weight:950!important;
}
.sef-cell-unit{
  text-align:center;
  font-weight:950;
  color:#13233B;
  background:#FCFDFE!important;
  font-size:12px;
}
.sef-cell-qty input,
.sef-cell-price input,
.sef-cell-disc input{text-align:right!important}
.sef-cell-total .line-rsd-preview{
  display:grid!important;
  place-items:center;
  height:38px!important;
  min-height:38px!important;
  border:0!important;
  background:transparent!important;
}
.sef-cell-total .line-rsd-preview span{display:none!important}
.sef-cell-total .line-rsd-preview strong{
  font-size:12px!important;
  color:#13233B!important;
  line-height:1.1;
}
.sef-cell-remove{text-align:center}
.sef-cell-remove .remove-sef-line{
  width:34px;
  height:38px;
  border:0!important;
  background:transparent!important;
  color:#e11d48!important;
  font-size:20px!important;
  cursor:pointer;
}
.invoice-desktop-form-sef .invoice-table-body{
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:900px){
  .sef-entry-table-wrap{max-height:none}
  .sef-entry-table{min-width:920px}
}


/* V5.28.3 — konačna ispravka: SEF stavke moraju biti prava tabela, ne grid/card */
.sef-entry-table-wrap{
  width:100%!important;
  overflow:auto!important;
  border:1px solid #DBE1EE!important;
  border-radius:10px!important;
  background:#fff!important;
  max-height:62vh!important;
  box-shadow:none!important;
}
.sef-entry-table{
  display:table!important;
  width:100%!important;
  min-width:980px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  margin:0!important;
}
.sef-entry-table thead{display:table-header-group!important}
.sef-entry-table tbody,
.sef-entry-table .sef-entry-tbody{
  display:table-row-group!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  max-height:none!important;
}
.sef-entry-table tr,
.sef-entry-table .sef-entry-tr,
.sef-entry-table .sef-line-row{
  display:table-row!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  min-height:0!important;
  height:auto!important;
  gap:0!important;
  grid-template-columns:none!important;
  position:static!important;
}
.sef-entry-table tr::before,
.sef-entry-table tr::after,
.sef-entry-table .sef-line-row::before,
.sef-entry-table .sef-line-row::after{
  content:none!important;
  display:none!important;
}
.sef-entry-table th,
.sef-entry-table td{
  display:table-cell!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  vertical-align:middle!important;
  border-right:1px solid #0D4F4E!important;
  border-bottom:1px solid #0D4F4E!important;
  background:#fff!important;
  overflow:hidden!important;
}
.sef-entry-table th{
  background:linear-gradient(180deg,#FBF6EC,#F4F5F9)!important;
  color:#13233B!important;
  font-size:10.5px!important;
  font-weight:950!important;
  text-align:center!important;
  padding:7px 4px!important;
  line-height:1.1!important;
  white-space:normal!important;
}
.sef-entry-table td input,
.sef-entry-table td select{
  display:block!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 6px!important;
  margin:0!important;
  font-size:11.5px!important;
  line-height:36px!important;
  font-weight:850!important;
  color:#0F5C5B!important;
  outline-offset:-2px!important;
}
.sef-entry-table td input:focus,
.sef-entry-table td select:focus{
  outline:2px solid #0F5C5B!important;
  background:#fff!important;
}
.sef-entry-table .sef-rb{
  text-align:center!important;
  font-weight:950!important;
  color:#13233B!important;
  background:#FCFDFE!important;
}
.sef-entry-table tbody{counter-reset:sefrow!important}
.sef-entry-table tbody tr{counter-increment:sefrow!important}
.sef-entry-table .sef-rb::before{content:counter(sefrow)!important}
.sef-entry-table .sef-cell-name input{
  text-align:left!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
.sef-entry-table .sef-cell-unit{
  text-align:center!important;
  font-weight:950!important;
  color:#13233B!important;
  background:#FCFDFE!important;
  font-size:11.5px!important;
}
.sef-entry-table .sef-cell-qty input,
.sef-entry-table .sef-cell-price input,
.sef-entry-table .sef-cell-disc input{
  text-align:right!important;
}
.sef-entry-table .sef-cell-total .line-rsd-preview{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  height:36px!important;
  min-height:36px!important;
  border:0!important;
  background:transparent!important;
  padding:0 6px!important;
  margin:0!important;
}
.sef-entry-table .sef-cell-total .line-rsd-preview span{display:none!important}
.sef-entry-table .sef-cell-total .line-rsd-preview strong{
  font-size:11.5px!important;
  line-height:1!important;
  color:#13233B!important;
  font-weight:950!important;
}
.sef-entry-table .sef-cell-remove{
  text-align:center!important;
  padding:0!important;
}
.sef-entry-table .sef-cell-remove .remove-sef-line{
  display:inline-flex!important;
  width:30px!important;
  height:36px!important;
  min-height:36px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#e11d48!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer!important;
}
/* tačne širine kolona */
.sef-entry-table th:nth-child(1), .sef-entry-table td:nth-child(1){width:34px!important}
.sef-entry-table th:nth-child(2), .sef-entry-table td:nth-child(2){width:160px!important}
.sef-entry-table th:nth-child(3), .sef-entry-table td:nth-child(3){width:auto!important}
.sef-entry-table th:nth-child(4), .sef-entry-table td:nth-child(4){width:105px!important}
.sef-entry-table th:nth-child(5), .sef-entry-table td:nth-child(5){width:48px!important}
.sef-entry-table th:nth-child(6), .sef-entry-table td:nth-child(6){width:58px!important}
.sef-entry-table th:nth-child(7), .sef-entry-table td:nth-child(7){width:95px!important}
.sef-entry-table th:nth-child(8), .sef-entry-table td:nth-child(8){width:62px!important}
.sef-entry-table th:nth-child(9), .sef-entry-table td:nth-child(9){width:118px!important}
.sef-entry-table th:nth-child(10), .sef-entry-table td:nth-child(10){width:30px!important}
@media(max-width:900px){
  .sef-entry-table-wrap{max-height:none!important}
  .sef-entry-table{min-width:940px!important}
}

/* V5.28.4 — finalni izgled Nova SEF faktura kao odobrena fotografija */
.sef-ui-v5284{max-width:none;margin:0 auto;color:#0F5C5B}
.sef-ui-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:0 4px}
.sef-ui-header h1{margin:0;font-size:30px;line-height:1;font-weight:950;letter-spacing:.01em;color:#0F5C5B;text-transform:uppercase}
.sef-ui-shortcuts{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#138315;font-size:13px;font-weight:900;white-space:nowrap}
.sef-ui-shortcuts b{font-weight:950}.sef-ui-shortcuts .help-mini{height:40px;min-height:40px;padding:0 16px;border-radius:8px;color:#13233B;background:#fff;border:1px solid #0D4F4E}
.invoice-desktop-form-sef{display:block!important;gap:0!important}
.sef-top-form-v5284{padding:14px 16px!important;border-radius:12px!important;margin-bottom:14px!important;box-shadow:none!important;border:1px solid #0D4F4E!important;background:#fff!important}
.sef-top-form-v5284 h2{display:none!important}
.sef-top-grid-v5284{display:grid!important;grid-template-columns:minmax(330px,2fr) 150px 200px 170px 170px 155px;gap:13px 16px;align-items:end}
.sef-top-grid-v5284 label{font-size:12px!important;font-weight:900!important;color:#0F5C5B!important;display:grid!important;gap:6px!important;margin:0!important}
.sef-top-grid-v5284 input,.sef-top-grid-v5284 select{height:42px!important;min-height:42px!important;border:1px solid #0D4F4E!important;border-radius:7px!important;background:#fff!important;font-size:14px!important;font-weight:850!important;color:#0F5C5B!important;padding:0 12px!important;box-shadow:none!important}
.buyer-combo-v5284{display:grid;grid-template-columns:92px minmax(0,1fr) 40px 50px;gap:0;border:1px solid #0D4F4E;border-radius:7px;overflow:hidden;background:#fff;height:42px}
.buyer-combo-v5284 select,.buyer-combo-v5284 input,.buyer-combo-v5284 .btn{border:0!important;border-radius:0!important;height:40px!important;min-height:40px!important;background:#fff!important}
.buyer-combo-v5284 select{font-size:12px!important;padding:0 7px!important}.buyer-combo-v5284 input{border-left:1px solid #0D4F4E!important}.buyer-combo-v5284 .btn{border-left:1px solid #0D4F4E!important;padding:0!important;display:flex;align-items:center;justify-content:center;font-weight:950;color:#0F5C5B!important}
.sef-top-grid-v5284 .span-address{grid-column:span 2}.pay-ref-card-v5284{align-self:end;border:1px solid #f2b33a;background:linear-gradient(180deg,#fff9e8,#fff2bf);border-radius:8px;padding:9px 14px;height:78px;display:grid;gap:3px;color:#0F5C5B}
.pay-ref-card-v5284 span{font-size:12px;font-weight:900}.pay-ref-card-v5284 strong{font-size:20px;color:#d71920;font-weight:950}.pay-ref-card-v5284 small{font-size:12px;color:#0F5C5B;font-weight:900}.buyer-warning-v5284{grid-column:1/-1;margin:8px 0 0!important;padding:9px 12px!important}
.sef-items-head-v5284{padding:0!important;margin:0 0 8px!important}.sef-items-head-v5284 h2{font-size:15px!important;letter-spacing:0!important;color:#0F5C5B!important}.sef-items-head-v5284 .btn{height:42px;min-height:42px;border-radius:8px;background:#fff;color:#0F5C5B}
.sef-group-info{display:none!important}
.sef-entry-table-wrap-v5284{border:1px solid #DCE2EE!important;border-radius:9px!important;max-height:calc(100vh - 410px)!important;min-height:360px!important;background:#fff!important;box-shadow:none!important}
.sef-entry-table-v5284{min-width:1260px!important;width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;font-variant-numeric:tabular-nums}
.sef-entry-table-v5284 th{height:38px!important;padding:7px 6px!important;background:linear-gradient(180deg,#FAFBFD,#F4F5F9)!important;color:#0F5C5B!important;font-size:12px!important;font-weight:950!important;text-align:center!important;border-right:1px solid #DCE2EE!important;border-bottom:1px solid #DCE2EE!important;line-height:1.12!important}
.sef-entry-table-v5284 td{height:38px!important;min-height:38px!important;border-right:1px solid #0D4F4E!important;border-bottom:1px solid #0D4F4E!important;background:#fff!important;padding:0!important;vertical-align:middle!important;overflow:hidden!important}
.sef-entry-table-v5284 td input,.sef-entry-table-v5284 td select{height:38px!important;min-height:38px!important;max-height:38px!important;line-height:38px!important;font-size:13px!important;font-weight:850!important;color:#0F5C5B!important;padding:0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.sef-entry-table-v5284 td input:focus,.sef-entry-table-v5284 td select:focus{outline:2px solid #0F5C5B!important;outline-offset:-2px;background:#fff!important}
.sef-entry-table-v5284 .sef-rb{text-align:center!important;font-size:13px!important;font-weight:950!important;background:#FCFDFE!important;color:#0F5C5B!important}
.sef-entry-table-v5284 .sef-cell-name input{text-transform:uppercase!important;text-align:left!important;font-weight:900!important}.sef-entry-table-v5284 .sef-cell-unit,.sef-entry-table-v5284 .sef-cell-tarifa{text-align:center!important;background:#FCFDFE!important;color:#0F5C5B!important;font-weight:950!important;font-size:13px!important}.sef-entry-table-v5284 .sef-cell-qty input,.sef-entry-table-v5284 .sef-cell-price input,.sef-entry-table-v5284 .sef-cell-disc input{text-align:right!important}.sef-entry-table-v5284 .sef-cell-disc-value{text-align:right!important;padding:0 10px!important;color:#0F5C5B!important;font-size:13px!important;font-weight:950!important}.sef-entry-table-v5284 .sef-cell-total .line-rsd-preview{height:38px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:0 10px!important}.sef-entry-table-v5284 .sef-cell-total .line-rsd-preview strong{font-size:13px!important;color:#0F5C5B!important;font-weight:950!important}.sef-entry-table-v5284 .sef-cell-total .line-rsd-preview span{display:none!important}.sef-entry-table-v5284 .sef-cell-remove .remove-sef-line{height:38px!important;width:34px!important;color:#ff0000!important;background:transparent!important;border:0!important;font-size:22px!important;min-height:38px!important}
.sef-entry-table-v5284 th:nth-child(1),.sef-entry-table-v5284 td:nth-child(1){width:42px!important}.sef-entry-table-v5284 th:nth-child(2),.sef-entry-table-v5284 td:nth-child(2){width:130px!important}.sef-entry-table-v5284 th:nth-child(3),.sef-entry-table-v5284 td:nth-child(3){width:auto!important}.sef-entry-table-v5284 th:nth-child(4),.sef-entry-table-v5284 td:nth-child(4){width:95px!important}.sef-entry-table-v5284 th:nth-child(5),.sef-entry-table-v5284 td:nth-child(5){width:55px!important}.sef-entry-table-v5284 th:nth-child(6),.sef-entry-table-v5284 td:nth-child(6){width:60px!important}.sef-entry-table-v5284 th:nth-child(7),.sef-entry-table-v5284 td:nth-child(7){width:130px!important}.sef-entry-table-v5284 th:nth-child(8),.sef-entry-table-v5284 td:nth-child(8){width:75px!important}.sef-entry-table-v5284 th:nth-child(9),.sef-entry-table-v5284 td:nth-child(9){width:95px!important}.sef-entry-table-v5284 th:nth-child(10),.sef-entry-table-v5284 td:nth-child(10){width:70px!important}.sef-entry-table-v5284 th:nth-child(11),.sef-entry-table-v5284 td:nth-child(11){width:140px!important}.sef-entry-table-v5284 th:nth-child(12),.sef-entry-table-v5284 td:nth-child(12){width:34px!important}
.invoice-live-total{border:1px solid #DCE2EE!important;border-radius:10px!important;margin:12px 0 14px!important;background:#fff!important;grid-template-columns:repeat(3,1fr)!important;box-shadow:none!important}.invoice-live-total div{height:76px!important;display:grid!important;align-content:center!important;text-align:center!important;padding:10px!important;border-right:1px solid #DCE2EE!important}.invoice-live-total div:last-child{border-right:0!important}.invoice-live-total span{font-size:12px!important;text-transform:uppercase!important;color:#0F5C5B!important}.invoice-live-total strong{font-size:18px!important;color:#0F5C5B!important}.invoice-live-total div:last-child strong{font-size:20px!important;color:#0F5C5B!important}.invoice-collapsed-preview{display:none!important}.sef-finish-panel{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.sef-finish-panel h2,.sef-finish-panel #sef-final-check{display:none!important}.invoice-bottom-actions{display:grid!important;grid-template-columns:140px 1fr 1fr 1.1fr 1.3fr!important;gap:16px!important;align-items:center!important}.invoice-bottom-actions .btn{height:52px!important;border-radius:8px!important;font-size:15px!important}.invoice-bottom-actions .btn.primary{background:#13233B!important;color:#fff!important}.invoice-bottom-actions .btn.green{background:#2a9916!important;color:#fff!important;margin-left:0!important}.invoice-bottom-actions .danger-light{background:#fff!important;color:#0F5C5B!important;border:1px solid #0D4F4E!important}
@media(max-width:1400px){.sef-top-grid-v5284{grid-template-columns:minmax(300px,2fr) 130px 170px 150px 150px 135px;gap:10px}.sef-entry-table-v5284{min-width:1160px!important}.sef-ui-shortcuts{gap:10px;font-size:12px}.sef-ui-header h1{font-size:26px}.invoice-bottom-actions{gap:10px!important}}
@media(max-width:900px){.sef-ui-header{display:grid}.sef-top-grid-v5284{grid-template-columns:1fr!important}.sef-top-grid-v5284 .span-address{grid-column:auto}.buyer-combo-v5284{grid-template-columns:1fr}.buyer-combo-v5284 input,.buyer-combo-v5284 .btn{display:none!important}.pay-ref-card-v5284{height:auto}.sef-entry-table-wrap-v5284{max-height:none!important;min-height:0!important}.sef-entry-table-v5284{min-width:1180px!important}.invoice-bottom-actions{grid-template-columns:1fr!important}.invoice-live-total{grid-template-columns:1fr!important}}


/* V5.29 — dugovanja kupaca i opomene */
.debt-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.debt-filter{grid-template-columns:1.3fr 1fr 1fr 1fr auto}.debt-table-wrap{max-height:66vh;overflow:auto}.debt-table th{position:sticky;top:0;background:#0D4F4E;z-index:2}.debt-table td{vertical-align:top}.debt-table tr.debt-danger td{background:#fff7f7}.debt-table tr.debt-warn td{background:#fffdf3}.debt-actions{display:flex;gap:6px;flex-wrap:wrap}.debt-actions .btn{min-height:34px;padding:6px 9px;font-size:12px;border-radius:9px}.debt-customer-panel{margin:16px 0}.debt-status-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.debt-status-row div{background:#FAFBFD;border:1px solid #E1E6F0;border-radius:14px;padding:12px}.debt-status-row span{display:block;color:#667085;text-transform:uppercase;font-size:11px;font-weight:950}.debt-status-row strong{font-size:18px;color:#13233B}.customer-contact-actions .btn{flex:1}.pill.unpaid{background:#fff0f0;color:#b42318}.pill.paid{background:#ecfdf3;color:#067647}.pill.pending,.pill.neutral{background:#F4F5F9;color:#0F5C5B}@media(max-width:1000px){.debt-kpis,.debt-status-row{grid-template-columns:1fr 1fr}.debt-filter{grid-template-columns:1fr}.debt-actions{display:grid}.debt-table{min-width:920px}}


/* V5.30 — Backup i sigurnost */
.backup-dashboard-grid{
  display:grid;
  grid-template-columns:1fr 1fr .8fr;
  gap:16px;
  margin-bottom:18px;
}
.backup-action-card{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.backup-action-card h2,.backup-status-card h2{margin-top:0;color:#13233B}
.backup-action-card p{color:#667085;font-weight:750;line-height:1.45}
.backup-status-card .summary-list div{padding:10px 0}
.danger-light{background:#fff5f5!important;color:#c91818!important;border-color:#ffd2d2!important}
@media(max-width:1100px){.backup-dashboard-grid{grid-template-columns:1fr}}


/* V5.31 — aktivnosti i sigurnosni nadzor */
.activity-kpis,.security-kpis{margin-bottom:16px}
.activity-filter-row{grid-template-columns:repeat(7,minmax(130px,1fr));align-items:end}
.activity-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}
.activity-table td{vertical-align:top}
.activity-table small{color:#667085;font-weight:750}
.activity-danger-row td{background:#fff7f7!important}
.security-kpis .kpi strong{font-size:30px}
@media(max-width:1200px){
  .activity-layout-grid{grid-template-columns:1fr}
  .activity-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){.activity-filter-row{grid-template-columns:1fr}}


/* V5.32 — dodatna zaštita prijave */
.check-row{display:flex!important;gap:10px;align-items:flex-start;font-weight:850;color:#13233B;background:#FAFBFD;border:1px solid #E1E6F0;border-radius:12px;padding:12px!important}
.check-row input[type="checkbox"]{width:auto!important;min-height:0!important;margin-top:3px}
.login-card input[inputmode="numeric"]{letter-spacing:8px;text-align:center;font-size:22px;font-weight:950}
.security-settings-grid{display:grid;grid-template-columns:1fr 360px;gap:16px}
@media(max-width:1050px){.security-settings-grid{grid-template-columns:1fr}}


/* V5.33 — Direktorski pregled 2.0 */
.v533-title h1{letter-spacing:-.03em}.v533-alerts{grid-template-columns:repeat(3,minmax(0,1fr))}.v533-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.v533-command-grid{align-items:stretch}.v533-money-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 14px}.v533-money-card{border:1px solid var(--border);border-radius:18px;padding:15px;background:linear-gradient(135deg,#FBF6EC,#fff);display:grid;gap:4px}.v533-money-card.cash{background:#f4fff8;border-color:#ccefd8}.v533-money-card.invoice{background:#FBF6EC;border-color:#E5E9F2}.v533-money-card span,.v533-operation-grid span{font-size:12px;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.04em}.v533-money-card strong{font-size:24px;color:var(--navy);line-height:1.1}.v533-money-card small,.v533-operation-grid small{color:var(--muted);font-weight:750}.v533-operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v533-operation-grid a{display:grid;gap:4px;border:1px solid var(--border);border-radius:18px;padding:14px;background:#fff;color:var(--navy)}.v533-operation-grid a strong{font-size:26px;line-height:1.05}.v533-list a{align-items:flex-start}.v533-list a>strong{white-space:nowrap}.v533-actions{grid-template-columns:repeat(6,minmax(0,1fr))}.amount{text-align:right;font-weight:950;color:var(--navy)}
@media(max-width:1200px){.v533-kpis{grid-template-columns:1fr 1fr}.v533-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.v533-alerts{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.v533-kpis,.v533-money-grid,.v533-operation-grid,.v533-alerts{grid-template-columns:1fr}.v533-actions{grid-template-columns:1fr}.v533-money-card strong{font-size:22px}}

/* V5.34 — SEF XML validator */
.sef-check-kpis{margin-bottom:16px}
.sef-xml-textarea{width:100%;min-height:420px;border:1px solid #DCE2EE;border-radius:12px;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45;background:#0F5C5B;color:#FFFFFF;white-space:pre;overflow:auto}


/* V5.35 — SEF status monitor */
.sef-status-card{border:1px solid #E4E8F2;background:#FAFBFD;border-radius:14px;padding:14px;margin:12px 0}.sef-status-card strong{color:#13233B}.incoming-actions form{display:inline-flex;margin:2px}

/* V5.35.6 - compact professional SEF invoice list */
.sef-list-page .alert{margin-bottom:12px}
.sef-list-card.compact-card{padding:16px 16px 12px;border-radius:22px}
.sef-list-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.sef-list-intro h1{margin:0;font-size:28px;line-height:1.1}
.sef-list-intro p{margin:6px 0 0;color:#667085;max-width:760px;font-size:13px;line-height:1.45}
.sef-list-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sef-list-note{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#FBF1DE;color:#0F5C5B;font-size:11px;font-weight:900}
.sef-list-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.sef-list-actions form{display:inline-flex}
.sef-list-actions .btn{min-height:38px;padding:8px 12px;border-radius:12px;font-size:13px}
.sef-mini-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:10px 0 14px}
.sef-mini-kpis .mini-kpi{background:#FAFBFD;border:1px solid #0D4F4E;border-radius:16px;padding:10px 12px;min-height:76px}
.sef-mini-kpis .mini-kpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:900;color:#667085;margin-bottom:5px}
.sef-mini-kpis .mini-kpi strong{display:block;font-size:26px;line-height:1.05;color:#13233B}
.sef-mini-kpis .mini-kpi.success{background:#f1fbf4;border-color:#cdecc6}
.sef-mini-kpis .mini-kpi.success strong{color:#067647}
.sef-mini-kpis .mini-kpi.info{background:#F8F9FB;border-color:#0D4F4E}
.sef-mini-kpis .mini-kpi.info strong{color:#0F5C5B}
.sef-mini-kpis .mini-kpi.danger{background:#fff6f6;border-color:#ffd8d8}
.sef-mini-kpis .mini-kpi.danger strong{color:#b42318}
.sef-compact-filter{display:grid;grid-template-columns:minmax(280px,1.6fr) 220px auto auto;gap:10px;align-items:end;margin-bottom:12px}
.sef-compact-filter .grow{min-width:0}
.sef-compact-filter input,.sef-compact-filter select{background:#FCFDFE}
.sef-compact-filter .btn{min-height:40px;padding:8px 12px;border-radius:12px}
.sef-list-table-wrap{border:1px solid #DCE2EE;border-radius:18px;overflow:auto;background:#fff}
.sef-list-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}
.sef-list-table thead th{position:sticky;top:0;z-index:2;background:#0D4F4E;color:#FFFFFF;border-bottom:1px solid #DCE2EE;padding:11px 12px;font-size:11px;letter-spacing:.05em}
.sef-list-table td{padding:11px 12px;vertical-align:top;border-bottom:1px solid #0D4F4E;font-size:13px}
.sef-list-table tbody tr:hover td{background:#FCFDFE}
.sef-list-table tbody tr:last-child td{border-bottom:0}
.sef-cell-main{display:grid;gap:3px}
.sef-cell-main strong{font-size:14px;line-height:1.25;color:#0F5C5B}
.sef-cell-main small,.sef-status-stack small,.sef-meta-stack small,.sef-amount-stack small{font-size:12px;color:#667085;line-height:1.35}
.sef-status-stack,.sef-meta-stack,.sef-amount-stack{display:grid;gap:6px}
.sef-meta-row{display:grid;gap:4px}
.sef-amount-stack strong{font-size:13px;color:#13233B}
.sef-amount-stack .amount{font-size:14px}
.compact-actions{gap:6px}
.compact-actions .btn{min-height:34px;padding:6px 10px;border-radius:10px;font-size:12px}
.compact-actions .pill{padding:5px 8px;font-size:11px}
@media (max-width:1280px){
  .sef-mini-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sef-list-toolbar{display:grid}
  .sef-list-actions{justify-content:flex-start}
}
@media (max-width:820px){
  .sef-list-card.compact-card{padding:14px}
  .sef-list-intro h1{font-size:24px}
  .sef-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sef-compact-filter{grid-template-columns:1fr}
  .sef-compact-filter .btn{width:100%}
  .sef-list-table{min-width:760px}
}

/* V5.35.7 - compact SEF entry + last invoice + correction mark */
.sef-docbar{display:flex;justify-content:space-between;gap:12px;align-items:stretch;margin:0 0 12px}
.sef-docbar-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1}
.docchip{background:#fff;border:1px solid #DCE2EE;border-radius:16px;padding:10px 12px;display:grid;gap:4px;min-height:78px}
.docchip span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#667085}
.docchip strong{font-size:22px;line-height:1.05;color:#13233B}
.docchip small{font-size:12px;color:#667085;line-height:1.35}
.docchip.current strong{color:#0F5C5B}.docchip.next{background:#F8F9FC}.docchip.next strong{color:#0F5C5B}.docchip.note{background:#fff8e8}.docchip.note strong{font-size:18px;color:#9a6700}
.sef-docbar>.btn{align-self:center;min-height:42px;border-radius:12px}
.sef-ui-header.compact{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.sef-ui-header.compact h1{margin:0;font-size:26px;line-height:1.05}
.sef-ui-subtitle{margin:6px 0 0;color:#667085;font-size:13px}
.compact-shortcuts{gap:8px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}
.compact-shortcuts span{padding:6px 9px;background:#FAFBFD;border:1px solid #DCE2EE;border-radius:999px}
.compact-sef-form{padding:14px!important}
.sef-compact-top-grid{display:grid;grid-template-columns:minmax(300px,1.8fr) 130px 170px 140px 120px 90px 140px;gap:10px 12px;align-items:end}
.sef-compact-top-grid label{font-size:11px!important;font-weight:900!important;color:#13233B!important;display:grid!important;gap:5px!important}
.sef-compact-top-grid input,.sef-compact-top-grid select{height:38px!important;min-height:38px!important;border-radius:8px!important;font-size:13px!important;padding:0 10px!important}
.sef-compact-top-grid .buyer-wide{grid-column:1 / span 2}
.sef-compact-top-grid .buyer-address-wide{grid-column:1 / span 3}
.sef-compact-top-grid .pay-ref-card-v5284.compact-card{height:82px;padding:10px 12px;align-self:stretch;border-radius:12px}
.sef-compact-top-grid .pay-ref-card-v5284 strong{font-size:19px;line-height:1.1}
.sef-compact-top-grid .pay-ref-card-v5284 small{font-size:11px}
.sef-correction-tip{margin-top:10px;padding:9px 12px;border:1px solid #ffe2a8;border-radius:12px;background:#fff9eb;color:#8a5b00;font-size:12px;font-weight:800}
.buyer-combo-v5284{height:38px!important}.buyer-combo-v5284 select,.buyer-combo-v5284 input,.buyer-combo-v5284 .btn{height:36px!important;min-height:36px!important}
.sef-top-form-v5284 .buyer-warning-v5284{margin-top:10px!important}
.sef-items-head-v5284{margin-bottom:10px!important}.sef-items-head-v5284 h2{font-size:18px!important;margin:0}
.sef-items-head-v5284 .btn{min-height:36px;padding:8px 12px;border-radius:10px}
.invoice-live-total{margin-top:10px!important}
.invoice-live-total div{padding:10px 12px!important;border-radius:12px!important}
@media(max-width:1380px){.sef-docbar-primary{grid-template-columns:1fr}.sef-ui-header.compact{display:grid}.compact-shortcuts{justify-content:flex-start}.sef-compact-top-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sef-compact-top-grid .buyer-wide,.sef-compact-top-grid .buyer-address-wide{grid-column:1 / -1}.sef-compact-top-grid .pay-ref-card-v5284.compact-card{grid-column:span 2}}
@media(max-width:900px){.sef-docbar{display:grid}.sef-compact-top-grid{grid-template-columns:1fr!important}.sef-compact-top-grid .pay-ref-card-v5284.compact-card{grid-column:auto}}

/* V5.35.8 - ultra compact workspace for SEF invoices */
.v519-globalbar{
  grid-template-columns:minmax(260px,420px) minmax(0,1fr)!important;
  gap:8px!important;
  padding:6px 8px!important;
  margin:0 0 8px!important;
  border-radius:14px!important;
  box-shadow:0 6px 16px rgba(16,24,40,.06)!important;
}
.v519-global-search{height:42px!important;min-height:42px!important;border-radius:11px!important;padding:4px 5px!important;gap:5px!important}
.v519-global-search input{font-size:13px!important;font-weight:850!important}
.v519-global-search button{padding:7px 10px!important;border-radius:9px!important;font-size:12px!important}
.v519-global-actions{gap:6px!important;align-items:center!important;justify-content:flex-end!important}
.v519-global-actions a{padding:8px 10px!important;min-height:38px!important;border-radius:10px!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;line-height:1!important}
.top-work-tabs{margin:6px 0 10px!important;padding:6px!important;border-radius:12px!important;box-shadow:none!important}
.top-tab{min-height:28px!important;font-size:12px!important;border-radius:8px!important;padding:0 6px 0 10px!important}
.top-tab button{width:18px!important;height:18px!important}.top-tabs-clear{padding:6px 8px!important;border-radius:8px!important}
.sef-docbar{margin-bottom:8px!important}.sef-docbar-primary{gap:8px!important}.docchip{min-height:62px!important;padding:8px 10px!important;border-radius:13px!important}.docchip strong{font-size:18px!important}.docchip small{font-size:11px!important}.docchip span{font-size:10px!important}
.sef-ui-header.compact{margin-bottom:8px!important}.sef-ui-header.compact h1{font-size:23px!important}.sef-ui-subtitle{display:none!important}.compact-shortcuts span{padding:5px 8px!important;font-size:11px!important}.sef-ui-shortcuts .help-mini{height:32px!important;min-height:32px!important;padding:0 10px!important;font-size:12px!important;border-radius:8px!important}
.compact-sef-form{padding:10px 12px!important;margin-bottom:10px!important;border-radius:16px!important}.sef-compact-top-grid{gap:7px 9px!important;grid-template-columns:minmax(290px,1.75fr) 112px 155px 128px 104px 76px 128px!important}.sef-compact-top-grid label{font-size:10.5px!important;gap:3px!important}.sef-compact-top-grid input,.sef-compact-top-grid select{height:34px!important;min-height:34px!important;font-size:12.5px!important;border-radius:7px!important;padding:0 8px!important}.buyer-combo-v5284{height:34px!important}.buyer-combo-v5284 select,.buyer-combo-v5284 input,.buyer-combo-v5284 .btn{height:32px!important;min-height:32px!important;font-size:12px!important}.buyer-combo-v5284{grid-template-columns:82px minmax(0,1fr) 34px 42px!important}.sef-compact-top-grid .pay-ref-card-v5284.compact-card{height:68px!important;padding:8px 10px!important;border-radius:10px!important}.sef-compact-top-grid .pay-ref-card-v5284 strong{font-size:17px!important}.sef-compact-top-grid .pay-ref-card-v5284 span,.sef-compact-top-grid .pay-ref-card-v5284 small{font-size:10.5px!important}.sef-correction-tip{margin-top:7px!important;padding:6px 9px!important;border-radius:9px!important;font-size:11.5px!important}.buyer-warning-v5284{padding:7px 9px!important;font-size:12px!important}
.sef-items-head-v5284{margin-bottom:7px!important}.sef-items-head-v5284 h2{font-size:16px!important}.sef-items-head-v5284 .btn{min-height:32px!important;padding:6px 10px!important;font-size:12px!important;border-radius:8px!important}.sef-entry-table-wrap-v5284{max-height:calc(100vh - 330px)!important;min-height:300px!important;border-radius:12px!important}.sef-entry-table-v5284 th{padding:6px 5px!important;font-size:10px!important;line-height:1.1!important}.sef-entry-table-v5284 td{padding:4px 5px!important;height:33px!important}.sef-entry-table-v5284 input,.sef-entry-table-v5284 select{height:30px!important;min-height:30px!important;padding:0 6px!important;border-radius:6px!important;font-size:11.5px!important}.sef-entry-table-v5284 .sef-cell-unit strong,.sef-entry-table-v5284 .sef-cell-tarifa strong,.sef-entry-table-v5284 .sef-discount-value,.sef-entry-table-v5284 .sef-line-total{font-size:11.5px!important}.sef-entry-table-v5284 .line-rsd-preview{min-height:30px!important}.sef-entry-table-v5284 .line-rsd-preview span{display:none!important}.sef-entry-table-v5284 .icon-btn{width:26px!important;height:26px!important;border-radius:7px!important;font-size:18px!important}.invoice-live-total{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:7px!important}.invoice-live-total div{min-width:150px!important;padding:7px 10px!important;border-radius:10px!important}.invoice-live-total span{font-size:10.5px!important}.invoice-live-total strong{font-size:14px!important}.sef-finish-panel{padding:9px 12px!important;margin-bottom:10px!important}.sef-finish-panel #sef-final-check{padding:7px 9px!important;font-size:12px!important}.invoice-bottom-actions{gap:7px!important}.invoice-bottom-actions .btn{min-height:34px!important;padding:7px 10px!important;border-radius:9px!important;font-size:12px!important}
@media(max-width:1380px){.v519-globalbar{grid-template-columns:1fr!important}.v519-global-actions{justify-content:flex-start!important}.sef-compact-top-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sef-entry-table-wrap-v5284{max-height:none!important}}
@media(max-width:900px){.v519-global-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.sef-compact-top-grid{grid-template-columns:1fr!important}.invoice-live-total{display:grid!important;justify-content:stretch!important}.invoice-live-total div{min-width:0!important}}

/* V5.35.9 - refined top invoice entry layout */
.compact-sef-form{padding:8px 10px!important}
.sef-compact-top-grid{
  grid-template-columns:minmax(170px,1.7fr) minmax(120px,1.1fr) minmax(130px,1.05fr) 120px 120px 110px 92px 128px !important;
  grid-template-areas:
    "buyer buyer buyer pib city date base mark"
    "pay pay addr addr addr delivery due card" !important;
  gap:6px 8px !important;
  align-items:end !important;
}
.sef-compact-top-grid > label,
.sef-compact-top-grid > .send-preview-card{min-width:0}
.sef-compact-top-grid .buyer-wide{grid-area:buyer !important;grid-column:auto !important}
.sef-compact-top-grid > label:nth-of-type(2){grid-area:pib}
.sef-compact-top-grid > label:nth-of-type(3){grid-area:city}
.sef-compact-top-grid > label:nth-of-type(4){grid-area:date}
.sef-compact-top-grid > label:nth-of-type(5){grid-area:base}
.sef-compact-top-grid > label:nth-of-type(6){grid-area:mark}
.sef-compact-top-grid .payment-method-wide{grid-area:pay !important}
.sef-compact-top-grid .buyer-address-wide{grid-area:addr !important;grid-column:auto !important}
.sef-compact-top-grid .delivery-city-field{grid-area:delivery !important}
.sef-compact-top-grid .due-date-field{grid-area:due !important}
.sef-compact-top-grid .send-preview-card{grid-area:card !important;height:64px !important;padding:7px 10px !important;display:grid !important;align-content:center !important;gap:2px !important}
.sef-compact-top-grid label{font-size:10px!important;gap:2px!important}
.sef-compact-top-grid input,.sef-compact-top-grid select{height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:12px!important}
.sef-compact-top-grid .send-preview-card span{font-size:10px!important;line-height:1.1}
.sef-compact-top-grid .send-preview-card strong{font-size:14px!important;line-height:1.05}
.sef-compact-top-grid .send-preview-card small{font-size:10px!important;line-height:1.1}
.buyer-combo-v5284{height:32px!important;grid-template-columns:84px minmax(0,1fr) 34px 42px!important}
.buyer-combo-v5284 select,.buyer-combo-v5284 input,.buyer-combo-v5284 .btn{height:30px!important;min-height:30px!important;font-size:12px!important}
.sef-correction-tip{margin-top:6px!important;padding:6px 8px!important;font-size:11px!important;line-height:1.25!important}
.buyer-warning-v5284{margin-top:6px!important;padding:6px 8px!important;font-size:11px!important;line-height:1.25!important}
@media(max-width:1400px){
  .sef-compact-top-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-areas:
      "buyer buyer pib city"
      "date base mark card"
      "pay pay delivery due"
      "addr addr addr addr" !important;
  }
}
@media(max-width:900px){
  .sef-compact-top-grid{grid-template-columns:1fr !important;grid-template-areas:none !important}
  .sef-compact-top-grid .buyer-wide,
  .sef-compact-top-grid > label:nth-of-type(2),
  .sef-compact-top-grid > label:nth-of-type(3),
  .sef-compact-top-grid > label:nth-of-type(4),
  .sef-compact-top-grid > label:nth-of-type(5),
  .sef-compact-top-grid > label:nth-of-type(6),
  .sef-compact-top-grid .payment-method-wide,
  .sef-compact-top-grid .buyer-address-wide,
  .sef-compact-top-grid .delivery-city-field,
  .sef-compact-top-grid .due-date-field,
  .sef-compact-top-grid .send-preview-card{grid-area:auto !important}
}

/* V5.36.0 - SEF stavke compact professional layout */
.invoice-desktop-form-sef .sef-wizard-panel[data-wizard-step="2"]{
  padding:11px 12px!important;
  margin-bottom:10px!important;
  border-radius:16px!important;
}
.sef-items-head-v5284{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:38px!important;
  margin-bottom:8px!important;
}
.sef-items-head-v5284 h2{
  font-size:17px!important;
  line-height:1.1!important;
  margin:0!important;
  letter-spacing:.02em!important;
}
.sef-items-head-v5284 .btn{
  min-height:34px!important;
  padding:7px 11px!important;
  border-radius:10px!important;
  font-size:12px!important;
}
.sef-entry-table-wrap-v5284{
  border-radius:12px!important;
  border:1px solid #DCE2EE!important;
  max-height:calc(100vh - 390px)!important;
  min-height:245px!important;
  overflow:auto!important;
  box-shadow:none!important;
}
.sef-entry-table-v5284{
  min-width:1120px!important;
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
  font-size:12px!important;
}
.sef-entry-table-v5284 thead th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  padding:7px 5px!important;
  height:32px!important;
  background:#F4F5F9!important;
  color:#13233B!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  letter-spacing:.03em!important;
  white-space:nowrap!important;
}
.sef-entry-table-v5284 td{
  padding:3px 5px!important;
  height:36px!important;
  vertical-align:middle!important;
  border-bottom:1px solid #0D4F4E!important;
  font-size:12px!important;
}
.sef-entry-table-v5284 th:nth-child(1),.sef-entry-table-v5284 td:nth-child(1){width:38px!important;text-align:center!important}
.sef-entry-table-v5284 th:nth-child(2),.sef-entry-table-v5284 td:nth-child(2){width:130px!important}
.sef-entry-table-v5284 th:nth-child(3),.sef-entry-table-v5284 td:nth-child(3){width:auto!important}
.sef-entry-table-v5284 th:nth-child(4),.sef-entry-table-v5284 td:nth-child(4){width:115px!important}
.sef-entry-table-v5284 th:nth-child(5),.sef-entry-table-v5284 td:nth-child(5){width:50px!important;text-align:center!important}
.sef-entry-table-v5284 th:nth-child(6),.sef-entry-table-v5284 td:nth-child(6){width:62px!important}
.sef-entry-table-v5284 th:nth-child(7),.sef-entry-table-v5284 td:nth-child(7){width:102px!important}
.sef-entry-table-v5284 th:nth-child(8),.sef-entry-table-v5284 td:nth-child(8){width:58px!important}
.sef-entry-table-v5284 th:nth-child(9),.sef-entry-table-v5284 td:nth-child(9){width:90px!important;text-align:right!important}
.sef-entry-table-v5284 th:nth-child(10),.sef-entry-table-v5284 td:nth-child(10){width:54px!important;text-align:center!important}
.sef-entry-table-v5284 th:nth-child(11),.sef-entry-table-v5284 td:nth-child(11){width:118px!important;text-align:right!important}
.sef-entry-table-v5284 th:nth-child(12),.sef-entry-table-v5284 td:nth-child(12){width:34px!important;text-align:center!important}
.sef-entry-table-v5284 input,
.sef-entry-table-v5284 select{
  min-height:30px!important;
  height:30px!important;
  padding:0 7px!important;
  border-radius:7px!important;
  font-size:12px!important;
  font-weight:850!important;
  background:#fff!important;
}
.sef-entry-table-v5284 .sef-name{
  text-transform:uppercase!important;
  font-weight:900!important;
}
.sef-entry-table-v5284 .sef-qty,
.sef-entry-table-v5284 .sef-price,
.sef-entry-table-v5284 .sef-discount{
  text-align:right!important;
}
.sef-entry-table-v5284 .sef-cell-unit strong,
.sef-entry-table-v5284 .sef-cell-tarifa strong,
.sef-entry-table-v5284 .sef-discount-value{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  height:30px!important;
  padding:0 4px!important;
  border-radius:7px!important;
  background:#FAFBFD!important;
  border:1px solid #0D4F4E!important;
  font-size:11.5px!important;
  color:#13233B!important;
}
.sef-entry-table-v5284 .sef-discount-value{
  justify-content:flex-end!important;
  font-weight:950!important;
}
.sef-entry-table-v5284 .line-rsd-preview{
  min-height:30px!important;
  height:30px!important;
  padding:0 7px!important;
  border-radius:7px!important;
  background:#FAFBFD!important;
  border:1px solid #0D4F4E!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.sef-entry-table-v5284 .line-rsd-preview span{display:none!important}
.sef-entry-table-v5284 .line-rsd-preview strong{
  font-size:12px!important;
  line-height:1!important;
  color:#0F5C5B!important;
}
.sef-entry-table-v5284 .icon-btn.remove-sef-line{
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  border-radius:8px!important;
  font-size:20px!important;
  line-height:1!important;
}
.sef-entry-table-v5284 tbody tr:hover td{background:#FCFDFE!important}
.invoice-live-total{
  margin-top:8px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  padding-top:8px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),#fff 35%)!important;
}
.invoice-live-total div{
  min-width:150px!important;
  padding:8px 11px!important;
  border-radius:11px!important;
}
.invoice-live-total span{font-size:10px!important;letter-spacing:.05em!important}
.invoice-live-total strong{font-size:15px!important;line-height:1.1!important}
.invoice-bottom-actions .btn{
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
}
@media(max-width:900px){
  .sef-entry-table-wrap-v5284{max-height:none!important;min-height:0!important}
  .sef-entry-table-v5284{min-width:980px!important}
  .invoice-live-total{display:grid!important;grid-template-columns:1fr!important}
  .invoice-live-total div{min-width:0!important}
}


/* V5.36.1 — PWA install button and installed app polish */
.pwa-install-btn{
  border:1px solid #0D4F4E;
  background:linear-gradient(135deg,#13233B,#0F5C5B);
  color:#fff;
  border-radius:12px;
  padding:10px 12px;
  font-weight:950;
  font-size:14px;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  white-space:nowrap;
}
.pwa-install-btn[hidden]{display:none!important}
.pwa-install-btn:hover{filter:brightness(.98);box-shadow:0 8px 18px rgba(52,86,158,.18)}
@media(display-mode: standalone){
  body{overscroll-behavior-y:contain}
  .v519-globalbar{top:8px}
}
@media(max-width:720px){
  .pwa-install-btn{width:100%;text-align:center}
}


/* V5.36.3 - kvartalni PDV pregled za kupce van SEF-a */
.pdv-quarter-title p{max-width:760px}
.pdv-quarter-filter{align-items:end}
.pdv-quarter-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.pdv-wait-row td{background:#fffaf0!important}
.pdv-quarter-warning{border-color:#ffd699!important;background:#fff8e6!important;color:#8a5b00!important}
@media(max-width:1300px){.pdv-quarter-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.pdv-quarter-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pdv-quarter-filter{display:grid;grid-template-columns:1fr}}


/* V5.37.0 — Mobilni kompaktni UI */
@media (max-width: 1100px){
  .main{padding:12px 12px 92px}
  .mobile-topbar{padding:9px 10px;border-radius:14px;margin-bottom:10px;min-height:54px}
  .mobile-topbar .mobile-brand{gap:8px}
  .mobile-brand img{width:96px}
  .mobile-menu-trigger,.mobile-action-btn,.mobile-topbar .bell{width:40px;height:40px;display:grid;place-items:center;border-radius:12px}
  .mobile-menu-card.mobile-menu-premium{left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 56px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 64px);border-radius:18px}
  .premium-menu-head{padding:12px 14px!important}
  .premium-menu-head h3{font-size:16px!important}
  .premium-menu-head p{font-size:12px!important;margin-top:2px!important}
  .premium-menu-profile{margin:8px 12px 4px!important;padding:10px 12px!important;border-radius:14px!important}
  .premium-menu-profile strong{font-size:14px!important}
  .premium-menu-profile small{font-size:11px!important}
  .premium-menu-list.premium-mobile-accordion{padding:0 10px 10px!important}
  .premium-mobile-accordion .mobile-menu-link,
  .premium-mobile-accordion .mobile-acc summary{grid-template-columns:42px minmax(0,1fr) 20px;min-height:58px;gap:1px 9px;padding:9px 0}
  .premium-mobile-accordion .mi{width:36px;height:36px;font-size:18px;border-radius:12px}
  .premium-mobile-accordion b{font-size:14px;line-height:1.1}
  .premium-mobile-accordion small{font-size:11.5px;line-height:1.2}
  .premium-mobile-accordion em{font-size:20px}
  .mobile-submenu{padding-left:45px;gap:5px;padding-bottom:10px}
  .mobile-submenu a{min-height:36px;padding:7px 10px!important;font-size:12.5px;border-radius:11px}

  .bottom-nav{grid-template-columns:1fr 1fr 64px 1fr 1fr;padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(16,24,40,.08)}
  .bottom-nav a{gap:2px;font-size:10.5px}
  .bottom-nav a span{font-size:18px}
  .bottom-nav .quick-add{width:52px;height:52px;margin:auto auto 6px}
  .bottom-nav .quick-add span{font-size:28px}

  .left-card,.card,.quick-panel,.mobile-card,.settings-invoice-template-box{padding:14px;border-radius:16px}
  .card{margin-bottom:12px}
  .card h2,.quick-panel h2{font-size:18px;margin-bottom:6px}
  .card p,.page-title p{font-size:13px;line-height:1.35}
  .page-title{margin-bottom:12px}
  .page-title h1{font-size:23px;line-height:1.15}
  .filter-row{gap:8px;margin-bottom:10px}
  .kpis{gap:10px;margin-bottom:12px}
  .kpi{padding:14px;border-radius:16px;min-height:auto}
  .kpi strong{font-size:22px;margin:8px 0 4px}
  .kpi span{font-size:10.5px}
  .kpi small{font-size:12px}

  input,select,textarea{font-size:14px;border-radius:11px}
  input,select{height:40px;padding:8px 10px}
  textarea{min-height:74px;padding:10px}
  .btn,.button,button,.icon-btn{border-radius:11px}
  .btn{padding:9px 12px;font-size:14px}
  .quick-actions,.action-row{gap:8px}
  th,td{padding:9px 8px;font-size:13px}
  th{font-size:11px}
  .pill{font-size:11px;padding:4px 8px}
  .summary-list div{padding:10px 12px;border-radius:12px}
  .table-wrap table{min-width:520px}

  .mobile-entry-card,.notification-item,.reminder-card,.user-row,.payment-summary-card{padding:12px;border-radius:14px}
  .mobile-entry-top strong{font-size:15px}
  .notification-meta,.reminder-details{font-size:12px}
  .form-grid,.quick-form{gap:10px}
  .quick-form label,.form-grid label,.entry-form-row label,.filter-row label,.inline-form label{font-size:12px;gap:5px}

  .invoice-desktop-card,.invoice-desktop-form .premium-card{padding:12px!important;border-radius:15px!important}
  .invoice-desktop-form .card h2{font-size:17px!important}
}

@media (max-width: 700px){
  body{background:#F7F8FB}
  .main{padding:10px 10px 88px}
  .mobile-topbar{padding:8px 10px;border-radius:13px;min-height:50px}
  .mobile-brand img{width:88px}
  .mobile-topbar .brand-copy,.mobile-topbar .mobile-subtitle{display:none}
  .mobile-menu-card.mobile-menu-premium{left:6px;right:6px;border-radius:16px}
  .left-card,.card,.quick-panel,.mobile-card,.settings-invoice-template-box{padding:12px;border-radius:14px}
  .kpis{grid-template-columns:1fr 1fr;gap:8px}
  .kpi{padding:12px}
  .kpi strong{font-size:20px}
  .card-head{margin-bottom:10px}
  .page-title h1{font-size:21px}
  .page-title p{font-size:12px}
  .table-wrap table{min-width:480px}
  .bottom-nav{grid-template-columns:1fr 1fr 58px 1fr 1fr}
  .bottom-nav .quick-add{width:48px;height:48px}
  .bottom-nav .quick-add span{font-size:26px}
  .mobile-entry-card{gap:6px}
}


/* V5.37.1 — Mobilni meni + dashboard + SEF profesionalni prikaz */
@media (max-width: 760px){
  .mobile-topbar{
    position:sticky;top:0;z-index:90;
    display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;
    gap:10px;padding:10px 12px!important;border-radius:16px!important;
    background:linear-gradient(90deg,#0F5C5B 0%, #13233B 100%)!important;
    box-shadow:0 10px 24px rgba(31,51,94,.18)!important;
  }
  .mobile-menu-trigger{
    display:grid!important;grid-template-columns:40px auto;align-items:center;gap:8px;
    padding:0;border:0;background:transparent;color:#fff;min-width:0;
  }
  .mobile-topbar .menu-icon-wrap{
    width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
    background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  }
  .mobile-topbar .menu-icon-wrap i{display:block;width:18px;height:2px;border-radius:999px;background:#fff;margin:2px 0}
  .menu-trigger-copy{display:grid;line-height:1.05;text-align:left}
  .menu-trigger-copy strong{font-size:14px;font-weight:950;color:#fff}
  .menu-trigger-copy small{font-size:11px;color:rgba(255,255,255,.82);font-weight:800}
  .mobile-logo-link{display:flex;justify-content:center;align-items:center;min-width:0}
  .mobile-logo-link img{width:104px;height:auto;display:block;filter:brightness(0) invert(1)}
  .mobile-topbar .bell{
    width:40px;height:40px;display:grid!important;place-items:center;border-radius:12px;
    background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);color:#fff;
    font-size:20px;position:relative;text-decoration:none;
  }
  .mobile-topbar .bell span{position:absolute;top:-5px;right:-5px;background:#fff;color:#0F5C5B;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:900;display:grid;place-items:center}

  .mobile-menu-card.mobile-menu-premium{left:8px!important;right:8px!important;top:64px!important;max-height:calc(100dvh - 76px)!important;border-radius:20px!important;padding-bottom:10px!important}
  .premium-menu-head{padding:14px 14px 12px!important;border-radius:18px 18px 0 0!important}
  .premium-menu-head img{width:118px!important}
  .premium-menu-profile{margin:10px 12px 8px!important;padding:12px 14px!important}
  .premium-mobile-accordion .mobile-menu-link,
  .premium-mobile-accordion .mobile-acc summary{min-height:56px!important;padding:10px 0!important}

  .v519-globalbar{
    position:relative!important;top:auto!important;gap:8px!important;padding:10px!important;
    border-radius:16px!important;margin:0 0 10px!important;
  }
  .v519-global-search{height:44px!important;min-height:44px!important;padding:5px 6px!important}
  .v519-global-search input{font-size:13px!important}
  .v519-global-search button{font-size:12px!important;padding:7px 10px!important}
  .v519-global-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .v519-global-actions a{
    min-height:44px!important;padding:8px 10px!important;border-radius:12px!important;
    font-size:13px!important;justify-content:center!important;text-align:center!important;
  }
  .v519-global-actions a:nth-child(n+7){display:none!important}
  .top-work-tabs{margin:6px 0 10px!important;padding:6px!important;border-radius:12px!important}
  .top-tab{font-size:12px!important;min-height:30px!important;padding:6px 10px!important}

  .page-index-php .home-hero{margin:0!important;padding:14px!important;border-radius:18px!important;gap:10px!important}
  .page-index-php .home-hero h1{font-size:21px!important;margin:4px 0 2px!important}
  .page-index-php .home-hero p{font-size:12px!important}
  .page-index-php .home-search{height:46px!important;border-radius:14px!important}
  .page-index-php .v519-command-center{padding:12px!important;border-radius:18px!important}
  .page-index-php .v519-command-head h2{font-size:18px!important}
  .page-index-php .v519-command-head p{font-size:12px!important}
  .page-index-php .v519-task-grid{grid-template-columns:1fr!important;gap:8px!important}
  .page-index-php .v519-task-card{padding:12px!important;border-radius:14px!important}
  .page-index-php .v519-task-card strong{font-size:15px!important}
  .page-index-php .v519-task-card span{font-size:12px!important}
  .page-index-php .v519-fast-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .page-index-php .v519-fast-actions a{min-height:44px!important;border-radius:12px!important;font-size:13px!important;padding:8px 10px!important}
  .page-index-php .home-quick-entry-card{padding:14px!important;border-radius:20px!important;gap:12px!important}
  .page-index-php .quick-entry-intro h2{font-size:20px!important;margin:8px 0 5px!important}
  .page-index-php .quick-entry-intro p{font-size:12px!important}
  .page-index-php .quick-entry-intro span{font-size:10px!important;padding:5px 9px!important}
  .page-index-php .home-quick-entry-form{grid-template-columns:1fr!important;gap:8px!important}
  .page-index-php .home-quick-entry-form input,
  .page-index-php .home-quick-entry-form select,
  .page-index-php .quick-entry-submit{height:46px!important;border-radius:13px!important}
  .page-index-php .home-payment-summary{grid-template-columns:1fr!important;gap:8px!important}
  .page-index-php .payment-summary-card{padding:12px 14px!important;border-radius:14px!important}
  .page-index-php .payment-summary-card strong{font-size:20px!important}
  .page-index-php .home-kpi-grid{gap:8px!important}
  .page-index-php .home-kpi{padding:12px!important;border-radius:16px!important;min-height:96px!important}
  .page-index-php .home-kpi strong{font-size:19px!important}
  .page-index-php .home-kpi small{font-size:10.5px!important}
  .page-index-php .home-card{padding:12px!important;border-radius:16px!important}
  .page-index-php .home-card-head{margin-bottom:10px!important}
  .page-index-php .home-card-head h2{font-size:15px!important}
  .page-index-php .home-card-head p,
  .page-index-php .home-card-head a{font-size:11.5px!important}

  .page-sef-dashboard-php .page-title,
  .page-sef-invoices-php .page-title,
  .page-sef-invoice-form-php .page-title{display:grid!important;gap:8px!important;margin-bottom:10px!important}
  .page-sef-dashboard-php .page-title h1,
  .page-sef-invoices-php .page-title h1,
  .page-sef-invoice-form-php .page-title h1{font-size:22px!important;line-height:1.1!important}
  .page-sef-dashboard-php .page-title p,
  .page-sef-invoices-php .page-title p,
  .page-sef-invoice-form-php .page-title p{font-size:12px!important}
  .page-sef-dashboard-php .page-title .form-actions,
  .page-sef-invoices-php .page-title .form-actions,
  .page-sef-invoice-form-php .page-title .form-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .page-sef-dashboard-php .page-title .btn,
  .page-sef-invoices-php .page-title .btn,
  .page-sef-invoice-form-php .page-title .btn{text-align:center;justify-content:center;width:100%}
  .page-sef-dashboard-php .sef-filter-card,
  .page-sef-invoices-php .sef-filter-card{padding:12px!important;border-radius:16px!important}
  .page-sef-dashboard-php .filter-row,
  .page-sef-invoices-php .filter-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .page-sef-dashboard-php .filter-row > *,
  .page-sef-invoices-php .filter-row > *{min-width:0}
  .page-sef-dashboard-php .sef-control-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .page-sef-dashboard-php .card,
  .page-sef-invoices-php .card,
  .page-sef-invoice-form-php .card{padding:12px!important;border-radius:16px!important}
  .page-sef-dashboard-php .card-head,
  .page-sef-invoices-php .card-head{display:grid!important;gap:8px!important}
  .page-sef-dashboard-php .card-head h2,
  .page-sef-invoices-php .card-head h2{font-size:16px!important}
  .page-sef-dashboard-php .card-head p,
  .page-sef-invoices-php .card-head p{font-size:12px!important}
  .page-sef-dashboard-php .card-head .btn,
  .page-sef-invoices-php .card-head .btn{width:100%;text-align:center}
  .page-sef-dashboard-php .kpis,
  .page-sef-invoices-php .kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .page-sef-dashboard-php .kpi,
  .page-sef-invoices-php .kpi{padding:12px!important;min-height:96px!important;border-radius:16px!important}
  .page-sef-dashboard-php .kpi strong,
  .page-sef-invoices-php .kpi strong{font-size:19px!important}
}

@media (max-width: 430px){
  .mobile-topbar{grid-template-columns:auto 1fr auto;gap:8px;padding:9px 10px!important}
  .mobile-logo-link img{width:92px!important}
  .menu-trigger-copy strong{font-size:13px}
  .menu-trigger-copy small{font-size:10px}
  .v519-global-actions a:nth-child(n+5){display:none!important}
  .page-index-php .v519-fast-actions{grid-template-columns:1fr!important}
  .page-sef-dashboard-php .page-title .form-actions,
  .page-sef-invoices-php .page-title .form-actions,
  .page-sef-invoice-form-php .page-title .form-actions,
  .page-sef-dashboard-php .filter-row,
  .page-sef-invoices-php .filter-row{grid-template-columns:1fr!important}
}


/* V5.37.3 — rollback lošeg mobilnog layout-a + sigurno poboljšanje */
@media (max-width:760px){
  body{background:#0D4F4E!important}
  .main{padding:10px 10px 92px!important;overflow:visible!important}

  /* Gornji deo: jasno dugme Meni, bez mutnog/skrivenog natpisa */
  .mobile-topbar{
    position:sticky;top:0;z-index:90;display:grid!important;
    grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
    margin:0 0 10px!important;padding:9px 10px!important;border-radius:16px!important;
    background:linear-gradient(100deg,#13233B 0%,#13233B 100%)!important;
    box-shadow:0 10px 22px rgba(41,67,124,.18)!important;
  }
  .mobile-menu-trigger{display:grid!important;grid-template-columns:40px auto!important;gap:8px!important;align-items:center!important;min-width:0!important;color:#fff!important;background:transparent!important;border:0!important}
  .menu-icon-wrap{width:40px!important;height:40px!important;border-radius:12px!important;background:#fff!important;border:0!important;display:grid!important;place-items:center!important;box-shadow:0 5px 14px rgba(24,39,71,.18)!important}
  .menu-icon-wrap i{display:block!important;width:18px!important;height:2px!important;background:#13233B!important;border-radius:999px!important;margin:2px 0!important}
  .menu-trigger-copy{display:grid!important;line-height:1.05!important;text-align:left!important}
  .menu-trigger-copy strong{color:#fff!important;font-size:14px!important;font-weight:950!important}
  .menu-trigger-copy small{color:rgba(255,255,255,.84)!important;font-size:10.5px!important;font-weight:800!important}
  .mobile-logo-link{display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important}
  .mobile-logo-link img{width:96px!important;height:auto!important;filter:brightness(0) invert(1)!important}
  .mobile-topbar .bell{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(255,255,255,.20)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;display:grid!important;place-items:center!important;text-decoration:none!important}

  /* Meni panel: manji redovi, manje ikone, manje praznog prostora */
  .mobile-menu-card.mobile-menu-premium{top:62px!important;left:8px!important;right:8px!important;border-radius:18px!important;max-height:calc(100dvh - 74px)!important;padding-bottom:8px!important}
  .premium-menu-head{padding:12px 14px!important;background:linear-gradient(100deg,#13233B,#13233B)!important;color:#fff!important}
  .premium-menu-head img{width:108px!important;filter:brightness(0) invert(1)!important}
  .premium-menu-head h3{font-size:16px!important}.premium-menu-head p{font-size:11.5px!important;margin-top:1px!important}
  .premium-menu-profile{margin:8px 10px 6px!important;padding:10px 12px!important;border-radius:14px!important;grid-template-columns:42px 1fr 16px!important}
  .premium-mobile-accordion .mobile-menu-link,
  .premium-mobile-accordion .mobile-acc summary{min-height:50px!important;grid-template-columns:38px minmax(0,1fr) 18px!important;padding:8px 0!important;gap:0 8px!important}
  .premium-mobile-accordion .mi{width:32px!important;height:32px!important;font-size:17px!important;border-radius:10px!important;background:#FBF1DE!important;color:#13233B!important}
  .premium-mobile-accordion b{font-size:13.5px!important;line-height:1.08!important}.premium-mobile-accordion small{font-size:10.5px!important;line-height:1.15!important}.premium-mobile-accordion em{font-size:18px!important}
  .mobile-submenu{padding-left:42px!important;gap:4px!important;padding-bottom:8px!important}.mobile-submenu a{min-height:34px!important;padding:7px 9px!important;font-size:12.5px!important;border-radius:10px!important}

  /* Sklanjamo veliki desktop brzi meni sa telefona */
  .v519-globalbar{display:none!important}
  .top-work-tabs{display:none!important}

  /* Početna: vrati profesionalni pregled; brzi unos ne sme biti prvi i ogroman */
  .page-index-php .home-v514{gap:10px!important}
  .page-index-php .home-hero{display:grid!important;margin:0!important;padding:14px!important;border-radius:18px!important;border:1px solid #0D4F4E!important;box-shadow:0 8px 22px rgba(16,24,40,.05)!important;background:#fff!important}
  .page-index-php .home-hero h1{font-size:21px!important;margin:4px 0 2px!important;line-height:1.1!important}.page-index-php .home-hero p{font-size:12px!important}.page-index-php .home-search{height:44px!important;border-radius:13px!important;order:3!important}
  .page-index-php .home-status-strip{display:none!important}
  .page-index-php .v519-command-center{display:block!important;padding:12px!important;border-radius:18px!important;background:#fff!important;border:1px solid #0D4F4E!important;box-shadow:0 8px 22px rgba(16,24,40,.05)!important}
  .page-index-php .v519-command-head{display:grid!important;gap:8px!important}.page-index-php .v519-command-head h2{font-size:18px!important;margin:0!important}.page-index-php .v519-command-head p{font-size:12px!important}.page-index-php .v519-today-score{width:100%!important;padding:10px!important;border-radius:14px!important}
  .page-index-php .v519-task-grid{grid-template-columns:1fr!important;gap:8px!important}.page-index-php .v519-task-card{padding:11px!important;border-radius:14px!important}.page-index-php .v519-task-card strong{font-size:14px!important}.page-index-php .v519-task-card span{font-size:12px!important}
  .page-index-php .v519-fast-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.page-index-php .v519-fast-actions a{min-height:42px!important;border-radius:12px!important;padding:8px 10px!important;font-size:13px!important;text-align:center!important}

  .page-index-php .home-quick-entry-card{order:50!important;margin:0!important;background:#fff!important;color:#101828!important;border:1px solid #0D4F4E!important;box-shadow:0 8px 22px rgba(16,24,40,.05)!important;border-radius:16px!important;padding:12px!important;gap:10px!important}
  .page-index-php .home-quick-entry-card:before,.page-index-php .home-quick-entry-card:after{display:none!important}
  .page-index-php .quick-entry-intro span{display:none!important}.page-index-php .quick-entry-intro h2{font-size:17px!important;color:#101828!important;margin:0 0 2px!important}.page-index-php .quick-entry-intro p{font-size:12px!important;color:#667085!important;margin:0!important}
  .page-index-php .home-quick-entry-form{grid-template-columns:1fr 1fr!important;gap:8px!important}.page-index-php .home-quick-entry-form label{font-size:11.5px!important;color:#13233B!important;gap:4px!important}.page-index-php .home-quick-entry-form label:nth-child(4),.page-index-php .home-quick-entry-form label:nth-child(5),.page-index-php .home-quick-entry-form label:nth-child(6),.page-index-php .quick-entry-submit{grid-column:1/-1!important}
  .page-index-php .home-quick-entry-form input,.page-index-php .home-quick-entry-form select,.page-index-php .quick-entry-submit{height:42px!important;border-radius:12px!important;font-size:13px!important}.page-index-php .quick-entry-submit{background:linear-gradient(135deg,#13233B,#0F5C5B)!important;color:#fff!important;border:0!important;box-shadow:none!important}.page-index-php .quick-entry-mobile-hint{display:none!important}

  .page-index-php .home-payment-summary{grid-template-columns:1fr!important;gap:8px!important}.page-index-php .payment-summary-card{padding:11px 12px!important;border-radius:14px!important}.page-index-php .payment-summary-card strong{font-size:19px!important}
  .page-index-php .home-kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.page-index-php .home-kpi{padding:11px!important;border-radius:15px!important;min-height:86px!important}.page-index-php .home-kpi strong{font-size:18px!important}.page-index-php .home-kpi small{font-size:10.5px!important}.page-index-php .home-kpi:nth-child(n+5){display:none!important}
  .page-index-php .home-card{padding:12px!important;border-radius:16px!important}.page-index-php .home-card-head{margin-bottom:8px!important}.page-index-php .home-card-head h2{font-size:15px!important}.page-index-php .home-card-head p,.page-index-php .home-card-head a{font-size:11.5px!important}
}
@media (max-width:430px){
  .mobile-logo-link img{width:88px!important}.menu-trigger-copy small{display:none!important}.page-index-php .v519-fast-actions{grid-template-columns:1fr!important}.page-index-php .home-quick-entry-form{grid-template-columns:1fr!important}
}


/* V5.37.4 — Mobilni brzi unos vraćen na vrh, jasno i čitljivo */
@media (max-width: 760px){
  body.page-index-php .home-v514{
    display:grid!important;
    gap:12px!important;
  }

  body.page-index-php .home-quick-entry-card{
    order:-100!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:0 0 12px!important;
    padding:16px 16px 18px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    background:linear-gradient(135deg,#13233B 0%,#0F5C5B 58%,#0F5C5B 100%)!important;
    box-shadow:0 18px 44px rgba(42,69,128,.24)!important;
    color:#fff!important;
    overflow:hidden!important;
  }

  body.page-index-php .home-quick-entry-card:after{
    background:rgba(176,203,31,.24)!important;
    right:-58px!important;
    top:-70px!important;
    width:190px!important;
    height:190px!important;
  }

  body.page-index-php .home-quick-entry-card:before{
    background:rgba(255,255,255,.10)!important;
  }

  body.page-index-php .quick-entry-intro{
    display:grid!important;
    gap:6px!important;
  }

  body.page-index-php .quick-entry-intro span{
    justify-self:start!important;
    display:inline-flex!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    background:#d8f25a!important;
    border:1px solid rgba(255,255,255,.32)!important;
    color:#163700!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
  }

  body.page-index-php .quick-entry-intro h2{
    margin:2px 0 0!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.12!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
  }

  body.page-index-php .quick-entry-intro p{
    margin:0!important;
    color:#EFF2F8!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:850!important;
  }

  body.page-index-php .home-quick-entry-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.page-index-php .home-quick-entry-form label{
    display:grid!important;
    gap:6px!important;
    color:#F1F3F8!important;
    font-size:14px!important;
    font-weight:950!important;
  }

  body.page-index-php .home-quick-entry-form input,
  body.page-index-php .home-quick-entry-form select{
    height:50px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.38)!important;
    background:#fff!important;
    color:#0F5C5B!important;
    font-size:17px!important;
    font-weight:900!important;
    padding:10px 14px!important;
    box-shadow:0 8px 22px rgba(18,29,53,.10)!important;
  }

  body.page-index-php .home-quick-entry-form input::placeholder{
    color:#8a95a6!important;
    font-weight:850!important;
    opacity:1!important;
  }

  body.page-index-php .home-quick-entry-form input:focus,
  body.page-index-php .home-quick-entry-form select:focus{
    outline:3px solid rgba(216,242,90,.34)!important;
    border-color:#d8f25a!important;
  }

  body.page-index-php .home-quick-entry-form .payment-toggle{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    width:100%!important;
  }

  body.page-index-php .home-quick-entry-form .payment-toggle label{
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(255,255,255,.40)!important;
    color:#0F5C5B!important;
    font-size:17px!important;
    font-weight:950!important;
    box-shadow:0 8px 20px rgba(18,29,53,.10)!important;
  }

  body.page-index-php .home-quick-entry-form .payment-toggle input{
    width:20px!important;
    height:20px!important;
    padding:0!important;
    box-shadow:none!important;
  }

  body.page-index-php .home-quick-entry-form .payment-toggle label:has(input:checked){
    background:#F1F3F8!important;
    border-color:#d8f25a!important;
    box-shadow:inset 0 0 0 2px rgba(216,242,90,.65),0 8px 20px rgba(18,29,53,.10)!important;
  }

  body.page-index-php .quick-entry-submit{
    width:100%!important;
    height:52px!important;
    border-radius:15px!important;
    margin-top:2px!important;
    background:linear-gradient(180deg,#c5ef3d,#8fd21e)!important;
    border:0!important;
    color:#173b00!important;
    font-size:17px!important;
    font-weight:950!important;
    box-shadow:0 12px 26px rgba(82,150,20,.25)!important;
  }

  body.page-index-php .quick-entry-mobile-hint{
    display:block!important;
    margin-top:-4px!important;
    color:#E9EDF5!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  body.page-index-php .home-hero{
    order:-90!important;
  }

  body.page-index-php .v519-command-center{
    order:-80!important;
  }
}

@media (max-width: 430px){
  body.page-index-php .home-quick-entry-card{
    padding:15px!important;
    border-radius:20px!important;
  }
  body.page-index-php .quick-entry-intro h2{
    font-size:22px!important;
  }
  body.page-index-php .quick-entry-intro p{
    font-size:13px!important;
  }
  body.page-index-php .home-quick-entry-form input,
  body.page-index-php .home-quick-entry-form select,
  body.page-index-php .quick-entry-submit{
    height:50px!important;
    font-size:16px!important;
  }
}


/* V5.37.5 — Mobilni okvir fix: nema više širenja ekrana i obaveznog zoom-out */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body *{box-sizing:border-box}
  .app-shell,.main,.content-area,.card,.premium-card,.page-title,.kpi,.kpis,.bottom-grid,.warehouse-grid,.filter-row,.entry-form-row,.form-grid,.form-actions,.inline-form,.summary-list,.summary-list a,.summary-list div{min-width:0!important;max-width:100%!important}
  .main{overflow-x:hidden!important}

  input,select,textarea,button,.btn,a.btn{max-width:100%!important}

  .table-wrap,.sef-list-table-wrap,.sef-entry-table-wrap-v5284{
    width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important
  }

  .table-wrap table{min-width:640px!important}
  .page-reports-php .table-wrap table,.page-entries-php .table-wrap table,.page-orders-php .table-wrap table,.page-document-archive-php .table-wrap table{min-width:760px!important}

  .page-reports-php .filter-row,
  .page-entries-php .filter-row,
  .page-orders-php .filter-row,
  .page-sef-invoice-form-php .filter-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}

  .page-reports-php .filter-row > *,
  .page-entries-php .filter-row > *,
  .page-orders-php .filter-row > *,
  .page-sef-invoice-form-php .filter-row > *{min-width:0!important;width:100%!important}

  .page-orders-php .kpis{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .page-orders-php .card-head{display:grid!important;gap:8px!important}
  .page-orders-php .card-head .btn{width:100%!important;justify-content:center!important}

  .page-entries-php .entry-form-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .page-entries-php .finance-payment-summary{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .page-entries-php .payment-summary-card{min-width:0!important}
  .page-entries-php .entry-form-row .payment-toggle{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .page-entries-php .entry-form-row .payment-toggle label{min-width:0!important}

  .page-sef-invoice-form-php .sef-docbar,
  .page-sef-invoice-form-php .sef-ui-header.compact{display:grid!important;gap:8px!important}
  .page-sef-invoice-form-php .sef-docbar-primary{grid-template-columns:1fr!important;gap:8px!important}
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;justify-content:stretch!important}
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts > *{min-width:0!important;width:100%!important;text-align:center!important;justify-content:center!important}
  .page-sef-invoice-form-php .compact-sef-form,
  .page-sef-invoice-form-php .sef-wizard-panel,
  .page-sef-invoice-form-php .sef-wizard-form{min-width:0!important;max-width:100%!important}
  .page-sef-invoice-form-php .invoice-bottom-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .page-sef-invoice-form-php .invoice-bottom-actions .btn{width:100%!important;justify-content:center!important}
  .page-sef-invoice-form-php .v519-stepper{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:4px!important;white-space:nowrap!important}
  .page-sef-invoice-form-php .v519-stepper span{flex:0 0 auto!important}
  .page-sef-invoice-form-php .sef-entry-table-wrap-v5284{max-width:100%!important;overflow:auto!important;min-height:0!important}
  .page-sef-invoice-form-php .sef-entry-table-v5284{width:max-content!important;min-width:980px!important}
  .page-sef-invoice-form-php .invoice-live-total{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .page-sef-invoice-form-php .invoice-live-total div{min-width:0!important;width:100%!important}
  .page-sef-invoice-form-php .sef-mini-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}

  .page-sef-invoice-form-php .sef-compact-top-grid,
  .page-sef-invoice-form-php .buyer-info-grid-v5284{grid-template-columns:1fr!important}
  .page-sef-invoice-form-php .sef-compact-top-grid .buyer-wide,
  .page-sef-invoice-form-php .sef-compact-top-grid .buyer-address-wide,
  .page-sef-invoice-form-php .sef-compact-top-grid .pay-ref-card-v5284.compact-card{grid-column:auto!important}

  .page-sef-invoice-form-php .docchip strong,
  .page-sef-invoice-form-php .docchip small,
  .page-sef-invoice-form-php .docchip span{word-break:break-word!important}

  .page-sef-invoice-form-php .form-actions,
  .page-sef-invoice-form-php .inline-form,
  .page-sef-invoice-form-php .form-grid.two{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
}

@media (max-width:430px){
  .page-orders-php .kpis{grid-template-columns:1fr!important}
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts,
  .page-sef-invoice-form-php .sef-mini-kpis{grid-template-columns:1fr!important}
  .page-sef-invoice-form-php .docchip strong{font-size:16px!important}
  .page-entries-php .entry-form-row .payment-toggle{grid-template-columns:1fr!important}
}


/* V5.37.6 — Mobilna aplikacija kao koncept */
@media (max-width: 760px){
  :root{
    --m-blue:#0F5C5B;
    --m-blue2:#0F5C5B;
    --m-soft:#0D4F4E;
    --m-border:#0D4F4E;
    --m-text:#0F5C5B;
    --m-muted:#667085;
    --m-green:#1ea34a;
    --m-orange:#ff9500;
    --m-red:#e32626;
  }

  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
    background:#0D4F4E!important;
    color:var(--m-text)!important;
  }

  .main{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    padding:10px 10px 96px!important;
  }

  .mobile-topbar{
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    height:58px!important;
    min-height:58px!important;
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 10px!important;
    padding:8px 10px!important;
    border-radius:18px!important;
    background:linear-gradient(100deg,#0F5C5B,#0F5C5B)!important;
    box-shadow:0 10px 24px rgba(42,69,128,.18)!important;
  }

  .mobile-menu-trigger{
    display:grid!important;
    grid-template-columns:38px 1fr!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    width:112px!important;
    min-width:112px!important;
  }

  .mobile-topbar .menu-icon-wrap{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    background:#fff!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    box-shadow:none!important;
  }

  .mobile-topbar .menu-icon-wrap i{
    width:18px!important;
    height:2px!important;
    background:#0F5C5B!important;
    border-radius:999px!important;
    margin:2px 0!important;
  }

  .menu-trigger-copy strong{
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1!important;
  }
  .menu-trigger-copy small{
    color:#fff!important;
    font-size:9.5px!important;
    font-weight:850!important;
    line-height:1.05!important;
  }

  .mobile-logo-link{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    min-width:0!important;
  }
  .mobile-logo-link img{
    width:96px!important;
    max-width:100%!important;
    filter:brightness(0) invert(1)!important;
  }

  .mobile-topbar .bell{
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,255,255,.18)!important;
    border:1px solid rgba(255,255,255,.30)!important;
    color:#fff!important;
    font-size:19px!important;
  }

  .mobile-menu-card.mobile-menu-premium{
    top:66px!important;
    left:8px!important;
    right:8px!important;
    max-height:calc(100dvh - 78px)!important;
    border-radius:20px!important;
    overflow:auto!important;
  }

  .premium-mobile-accordion .mobile-menu-link,
  .premium-mobile-accordion .mobile-acc summary{
    min-height:48px!important;
    grid-template-columns:34px minmax(0,1fr) 16px!important;
    gap:7px!important;
    padding:8px 0!important;
  }
  .premium-mobile-accordion .mi{
    width:30px!important;height:30px!important;
    font-size:16px!important;border-radius:10px!important;
  }
  .premium-mobile-accordion b{font-size:13px!important}
  .premium-mobile-accordion small{font-size:10.5px!important}

  .v519-globalbar,.top-work-tabs{display:none!important}

  .page-title{
    margin:8px 0 12px!important;
    padding:0!important;
    max-width:100%!important;
  }
  .page-title h1{
    font-size:22px!important;
    line-height:1.12!important;
    letter-spacing:-.03em!important;
    margin:0!important;
    color:#0F5C5B!important;
  }
  .page-title p{
    font-size:13px!important;
    line-height:1.28!important;
    color:var(--m-muted)!important;
    margin:5px 0 0!important;
    max-width:100%!important;
  }

  .card,.premium-card,.left-card,.quick-panel{
    border-radius:15px!important;
    border:1px solid var(--m-border)!important;
    box-shadow:0 8px 20px rgba(20,33,62,.055)!important;
    padding:12px!important;
    background:#fff!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  input,select,textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:39px!important;
    border-radius:9px!important;
    border:1px solid var(--m-border)!important;
    background:#fff!important;
    color:#0F5C5B!important;
    font-size:13px!important;
    font-weight:800!important;
    padding:8px 10px!important;
  }

  textarea{height:auto!important;min-height:64px!important}
  label{max-width:100%!important}

  .btn,button,a.btn{
    min-height:38px!important;
    border-radius:9px!important;
    font-size:12px!important;
    font-weight:900!important;
    padding:8px 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    max-width:100%!important;
  }
  .btn.primary,button.primary,.quick-entry-submit{
    background:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    color:#fff!important;
    border:0!important;
  }

  .bottom-nav{
    height:74px!important;
    grid-template-columns:1fr 1fr 66px 1fr 1fr!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 -8px 20px rgba(20,33,62,.08)!important;
  }
  .bottom-nav a{
    font-size:10px!important;
    gap:2px!important;
    color:#667085!important;
  }
  .bottom-nav a span{font-size:18px!important}
  .bottom-nav a.active{color:#0F5C5B!important}
  .bottom-nav .quick-add{
    width:52px!important;height:52px!important;
    margin:auto auto 7px!important;
    background:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    box-shadow:0 10px 24px rgba(54,88,162,.28)!important;
  }
  .bottom-nav .quick-add span{font-size:30px!important}

  /* Početna — kao koncept */
  .page-index-php .home-v514{
    display:grid!important;
    gap:10px!important;
    max-width:100%!important;
  }

  .page-index-php .home-quick-entry-card{
    order:-100!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0!important;
    padding:12px!important;
    border-radius:15px!important;
    border:1px solid #0F5C5B!important;
    background:linear-gradient(140deg,#0F5C5B 0%,#0F5C5B 65%,#0F5C5B 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(42,69,128,.20)!important;
    overflow:hidden!important;
  }
  .page-index-php .home-quick-entry-card:after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    right:-46px!important;top:-54px!important;
    width:140px!important;height:140px!important;
    border-radius:50%!important;
    background:rgba(176,203,31,.22)!important;
    pointer-events:none!important;
  }
  .page-index-php .home-quick-entry-card:before{display:none!important}
  .page-index-php .quick-entry-intro span{
    display:inline-flex!important;
    width:max-content!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#d8f25a!important;
    color:#173700!important;
    font-size:9.5px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
  }
  .page-index-php .quick-entry-intro h2{
    margin:4px 0 2px!important;
    color:#fff!important;
    font-size:19px!important;
    line-height:1.1!important;
    letter-spacing:-.02em!important;
  }
  .page-index-php .quick-entry-intro p{
    margin:0!important;
    color:#EFF2F8!important;
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:800!important;
  }
  .page-index-php .home-quick-entry-form{
    display:grid!important;
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:8px 10px!important;
    align-items:center!important;
  }
  .page-index-php .home-quick-entry-form label{
    display:contents!important;
    color:#EFF2F8!important;
    font-size:11px!important;
    font-weight:950!important;
  }
  .page-index-php .home-quick-entry-form label > span:first-child,
  .page-index-php .home-quick-entry-form label::before{
    color:#EFF2F8!important;
  }
  .page-index-php .home-quick-entry-form input,
  .page-index-php .home-quick-entry-form select{
    height:38px!important;
    border-radius:9px!important;
    font-size:12.5px!important;
    font-weight:900!important;
  }
  .page-index-php .home-quick-entry-form .payment-toggle{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
  }
  .page-index-php .home-quick-entry-form .payment-toggle label{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:7px!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#0F5C5B!important;
    border:1px solid #DCE2EE!important;
    font-size:12px!important;
    font-weight:950!important;
  }
  .page-index-php .home-quick-entry-form .payment-toggle input{
    width:15px!important;height:15px!important;margin:0 6px 0 0!important;
    padding:0!important;
  }
  .page-index-php .quick-entry-submit{
    grid-column:1/-1!important;
    height:40px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#65c83d,#37a917)!important;
    color:#fff!important;
    font-size:12.5px!important;
    font-weight:950!important;
  }
  .page-index-php .quick-entry-mobile-hint{display:none!important}

  .page-index-php .home-hero,
  .page-index-php .v519-command-center{display:none!important}

  .page-index-php .home-payment-summary,
  .page-index-php .home-kpi-grid,
  .page-index-php .kpis{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .page-index-php .payment-summary-card,
  .page-index-php .home-kpi,
  .page-index-php .kpi{
    min-height:74px!important;
    padding:10px!important;
    border-radius:12px!important;
    border:1px solid var(--m-border)!important;
    background:#fff!important;
    box-shadow:0 6px 14px rgba(20,33,62,.05)!important;
  }
  .page-index-php .payment-summary-card span,
  .page-index-php .home-kpi span,
  .page-index-php .kpi span{
    font-size:9.5px!important;
    color:#667085!important;
    font-weight:950!important;
    letter-spacing:.04em!important;
  }
  .page-index-php .payment-summary-card strong,
  .page-index-php .home-kpi strong,
  .page-index-php .kpi strong{
    font-size:18px!important;
    margin:5px 0 2px!important;
    line-height:1.05!important;
  }
  .page-index-php .home-card{
    padding:10px!important;
    border-radius:13px!important;
  }
  .page-index-php .v519-fast-actions,
  .page-index-php .home-actions-grid{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:7px!important;
  }
  .page-index-php .v519-fast-actions a,
  .page-index-php .home-actions-grid a{
    min-height:56px!important;
    border-radius:10px!important;
    background:#fff!important;
    border:1px solid var(--m-border)!important;
    font-size:10px!important;
    color:#13233B!important;
    padding:6px!important;
  }

  /* Finansije unos */
  .page-entries-php .entry-form-row{
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:8px 10px!important;
    align-items:center!important;
  }
  .page-entries-php .entry-form-row label{
    display:contents!important;
    font-size:12px!important;
    font-weight:950!important;
  }
  .page-entries-php .entry-form-row .payment-toggle{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .page-entries-php .entry-form-row .payment-toggle label{
    display:flex!important;
    min-height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid var(--m-border)!important;
    border-radius:9px!important;
    background:#fff!important;
    font-size:12px!important;
  }
  .page-entries-php .entry-form-row button{
    grid-column:1/-1!important;
  }
  .page-entries-php .finance-payment-summary{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .page-entries-php .table-wrap{display:none!important}

  /* Izveštaji — sve staje u ekran */
  .page-reports-php .card{padding:10px!important}
  .page-reports-php .filter-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .page-reports-php .table-wrap{
    overflow:visible!important;
  }
  .page-reports-php table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    font-size:10px!important;
  }
  .page-reports-php th,
  .page-reports-php td{
    padding:8px 4px!important;
    font-size:10px!important;
    line-height:1.15!important;
    white-space:normal!important;
    word-break:break-word!important;
  }
  .page-reports-php th:nth-child(5),
  .page-reports-php td:nth-child(5){display:none!important}
  .page-reports-php th:nth-child(1),
  .page-reports-php td:nth-child(1){width:24%!important}
  .page-reports-php .amount,
  .page-reports-php small{
    font-size:10px!important;
    white-space:normal!important;
  }

  /* Porudžbine */
  .page-orders-php .kpis{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .page-orders-php .kpi{
    min-height:76px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  .page-orders-php .kpi strong{font-size:18px!important}
  .page-orders-php .card-head{
    display:grid!important;
    gap:8px!important;
  }
  .page-orders-php .card-head h2{font-size:17px!important}
  .page-orders-php .card-head p{font-size:12px!important}
  .page-orders-php .card-head .btn{width:100%!important}
  .page-orders-php .filter-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .page-orders-php .table-wrap table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  .page-orders-php table thead{display:none!important}
  .page-orders-php table,
  .page-orders-php tbody,
  .page-orders-php tr,
  .page-orders-php td{
    display:block!important;
    width:100%!important;
  }
  .page-orders-php tr{
    border:1px solid var(--m-border)!important;
    border-radius:12px!important;
    background:#fff!important;
    padding:10px!important;
    margin-bottom:8px!important;
  }
  .page-orders-php td{
    border:0!important;
    padding:3px 0!important;
    font-size:12px!important;
  }
  .page-orders-php td:nth-child(1) strong{font-size:15px!important}
  .page-orders-php td:nth-child(8) .btn{width:100%!important;margin-top:6px!important}

  /* SEF lista */
  .page-sef-invoices-php .sef-list-table-wrap,
  .page-sef-invoices-php .table-wrap{
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
  }
  .page-sef-invoices-php table thead{display:none!important}
  .page-sef-invoices-php table,
  .page-sef-invoices-php tbody,
  .page-sef-invoices-php tr,
  .page-sef-invoices-php td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .page-sef-invoices-php tr{
    background:#fff!important;
    border:1px solid var(--m-border)!important;
    border-radius:13px!important;
    padding:10px!important;
    margin-bottom:9px!important;
    box-shadow:0 6px 14px rgba(20,33,62,.05)!important;
  }
  .page-sef-invoices-php td{
    border:0!important;
    padding:3px 0!important;
    font-size:12px!important;
  }
  .page-sef-invoices-php td:first-child{
    font-size:15px!important;
    font-weight:950!important;
    color:#13233B!important;
  }
  .page-sef-invoices-php td:last-child{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:6px!important;
    margin-top:8px!important;
  }
  .page-sef-invoices-php td:last-child .btn{
    min-height:34px!important;
    padding:6px!important;
    font-size:11px!important;
  }

  /* Nova SEF faktura */
  .page-sef-invoice-form-php .sef-docbar{
    display:none!important;
  }
  .page-sef-invoice-form-php .sef-ui-header.compact{
    display:grid!important;
    gap:6px!important;
    margin-bottom:10px!important;
  }
  .page-sef-invoice-form-php .sef-ui-header.compact h1{
    font-size:22px!important;
  }
  .page-sef-invoice-form-php .compact-shortcuts{
    display:none!important;
  }
  .page-sef-invoice-form-php .card,
  .page-sef-invoice-form-php .premium-card{
    border-radius:13px!important;
    padding:10px!important;
  }
  .page-sef-invoice-form-php .sef-compact-top-grid,
  .page-sef-invoice-form-php .buyer-info-grid-v5284,
  .page-sef-invoice-form-php .form-grid.two{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .page-sef-invoice-form-php .sef-entry-table-wrap-v5284{
    overflow-x:auto!important;
    max-width:100%!important;
    min-height:0!important;
  }
  .page-sef-invoice-form-php .sef-entry-table-v5284{
    min-width:640px!important;
    width:max-content!important;
  }
  .page-sef-invoice-form-php .invoice-bottom-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .page-sef-invoice-form-php .invoice-bottom-actions .btn{
    width:100%!important;
  }
  .page-sef-invoice-form-php .invoice-live-total{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

@media (max-width:430px){
  .page-index-php .home-quick-entry-form,
  .page-entries-php .entry-form-row{
    grid-template-columns:78px minmax(0,1fr)!important;
  }
  .page-index-php .quick-entry-intro h2{font-size:18px!important}
  .page-index-php .home-payment-summary,
  .page-index-php .home-kpi-grid,
  .page-index-php .kpis,
  .page-orders-php .kpis{
    grid-template-columns:1fr 1fr!important;
  }
  .page-sef-invoice-form-php .invoice-bottom-actions{
    grid-template-columns:1fr!important;
  }
}


/* V5.37.7 — mobilni običan račun: pretraga artikla + kamera barkod */
.invoice-product-search-box{border:1px dashed #0D4F4E;background:#FAFBFD;border-radius:14px;padding:14px;margin-bottom:12px}
.invoice-search-inline-grid{grid-template-columns:minmax(260px,1fr) auto;align-items:end}
.invoice-product-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:10px}
.invoice-product-hit{display:grid;gap:6px;text-align:left;border:1px solid #DBE1EE;border-radius:12px;background:#fff;padding:12px;cursor:pointer;transition:.18s ease;box-shadow:0 4px 12px rgba(16,24,40,.04)}
.invoice-product-hit:hover{border-color:#0D4F4E;transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,24,40,.08)}
.invoice-product-hit-main strong{display:block;color:#13233B;font-size:14px;line-height:1.25}
.invoice-product-hit-main small{display:block;color:#667085;font-size:12px;margin-top:3px}
.invoice-product-hit-meta{font-size:12px;color:#13233B;font-weight:800}
.invoice-product-hit-action{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:10px;background:#F3F5F9;color:#0F5C5B;font-size:12px;font-weight:900}
.invoice-desktop-form .compact-scanner{margin-top:10px}
.invoice-desktop-form .compact-scanner[hidden]{display:none!important}
.invoice-desktop-form .barcode-inline-grid{grid-template-columns:minmax(220px,1fr) auto auto auto auto;align-items:end}
.page-invoice-new-php .invoice-barcode-box .alert,.page-invoice-new-php .invoice-product-search-box .alert{margin-top:10px}

@media(max-width:900px){
  .invoice-search-inline-grid,.invoice-desktop-form .barcode-inline-grid{grid-template-columns:1fr 1fr!important}
  .invoice-search-inline-grid label{grid-column:1/-1}
  .invoice-product-results{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .invoice-search-inline-grid,.invoice-desktop-form .barcode-inline-grid{grid-template-columns:1fr!important}
  .invoice-search-inline-grid .btn,.invoice-desktop-form .barcode-inline-grid .btn{width:100%!important}
  .invoice-product-search-box,.invoice-desktop-form .invoice-barcode-box{padding:12px!important}
  .invoice-product-hit{padding:11px!important}
  .page-invoice-new-php .invoice-shortcuts{grid-template-columns:1fr!important}
  .page-invoice-new-php .invoice-desktop-topbar{padding:10px 12px!important}
}


/* V5.37.8 — mobilni običan račun: bez F prečica + lakši unos */
@media(max-width:760px){
  .page-invoice-new-php .invoice-shortcuts{display:none!important}
  .page-invoice-new-php .invoice-modern-title{margin-bottom:8px!important}
  .page-invoice-new-php .invoice-modern-title h1{font-size:26px!important;line-height:1.08!important}
  .page-invoice-new-php .invoice-modern-title p{font-size:14px!important;line-height:1.35!important}
  .page-invoice-new-php .invoice-desktop-topbar{padding:10px 12px!important;border-radius:14px!important;font-size:12px!important;gap:4px!important}
  .page-invoice-new-php .invoice-desktop-form-internal .form-grid.two{grid-template-columns:1fr!important;gap:12px!important}
  .page-invoice-new-php .invoice-desktop-form-internal .form-grid.two > label:nth-child(3){order:1}
  .page-invoice-new-php .invoice-desktop-form-internal .form-grid.two > label:nth-child(1){order:2}
  .page-invoice-new-php .invoice-desktop-form-internal .form-grid.two > label:nth-child(2){order:3}
  .page-invoice-new-php .invoice-desktop-form-internal .form-grid.two > label:nth-child(6){order:4}
  .page-invoice-new-php .invoice-desktop-form-internal .form-grid.two > label:nth-child(4){order:5}
  .page-invoice-new-php .invoice-desktop-form-internal .form-grid.two > label:nth-child(5){order:6}
  .page-invoice-new-php .invoice-desktop-form-internal .form-grid.two > label.span-2{order:7}
  .page-invoice-new-php .invoice-desktop-form-internal label{
    display:grid!important;gap:6px!important;font-size:14px!important;font-weight:950!important;color:#13233B!important
  }
  .page-invoice-new-php .invoice-desktop-form-internal input,
  .page-invoice-new-php .invoice-desktop-form-internal select,
  .page-invoice-new-php .invoice-desktop-form-internal textarea{
    min-height:50px!important;border:1px solid #0D4F4E!important;border-radius:14px!important;
    padding:12px 14px!important;font-size:17px!important;font-weight:850!important;background:#fff!important
  }
  .page-invoice-new-php .invoice-desktop-form-internal textarea{min-height:110px!important}
  .page-invoice-new-php .invoice-desktop-form-internal small{font-size:12px!important;line-height:1.35!important;color:#667085!important}
  .page-invoice-new-php .invoice-lines-box{padding:12px!important;border-radius:18px!important}
  .page-invoice-new-php .invoice-lines-box .card-head.compact-head{display:grid!important;gap:10px!important}
  .page-invoice-new-php .invoice-lines-box .card-head .btn{width:100%!important}
  .page-invoice-new-php .invoice-line-row-v53{
    grid-template-columns:1fr!important;border:1px solid #DBE1EE!important;border-radius:16px!important;
    margin-bottom:12px!important;overflow:hidden!important;background:#fff!important
  }
  .page-invoice-new-php .invoice-line-row-v53::before{display:none!important}
  .page-invoice-new-php .invoice-line-row-v53 label,
  .page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview,
  .page-invoice-new-php .invoice-line-row-v53 .remove-line{
    grid-column:1 / -1!important;border-right:0!important;border-bottom:1px solid #E8ECF4!important
  }
  .page-invoice-new-php .invoice-line-row-v53 label{
    display:grid!important;gap:6px!important;padding:10px 12px!important;font-size:14px!important;
    font-weight:900!important;color:#13233B!important
  }
  .page-invoice-new-php .invoice-line-row-v53 input,
  .page-invoice-new-php .invoice-line-row-v53 select{
    min-height:46px!important;border:1px solid #0D4F4E!important;border-radius:12px!important;
    padding:10px 12px!important;text-align:left!important;font-size:16px!important;background:#fff!important
  }
  .page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview{
    padding:14px 12px!important;text-align:center!important;background:#FAFBFD!important;min-height:auto!important
  }
  .page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview span{display:block!important;font-size:12px!important;color:#667085!important;font-weight:900!important}
  .page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview strong{font-size:26px!important;line-height:1.1!important}
  .page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview small{font-size:14px!important}
  .page-invoice-new-php .invoice-line-row-v53 .remove-line{
    min-height:44px!important;display:grid!important;place-items:center!important;font-size:28px!important;
    background:#fff7f8!important;color:#e11d48!important
  }
  .page-invoice-new-php .invoice-live-total{margin-top:10px!important;border-radius:18px!important;overflow:hidden!important}
  .page-invoice-new-php .invoice-live-total div{padding:14px 12px!important;text-align:center!important}
  .page-invoice-new-php .invoice-live-total strong{font-size:22px!important}
  .page-invoice-new-php .invoice-live-total small{display:block!important;margin-top:3px!important}
  .page-invoice-new-php .invoice-bottom-actions{display:grid!important;gap:10px!important}
  .page-invoice-new-php .invoice-bottom-actions .btn{width:100%!important;min-width:0!important}
}


/* V5.37.9 — mobilni meni premium identičan odobrenom predlogu */
@media(max-width:1100px){
  .mobile-menu-panel{z-index:140!important}
  .mobile-menu-backdrop{background:rgba(19,31,57,.30)!important;backdrop-filter:blur(8px)!important}
  .mobile-menu-card.mobile-menu-premium{
    left:14px!important;right:14px!important;top:72px!important;max-height:calc(100dvh - 86px)!important;
    border-radius:28px!important;padding:0!important;overflow:hidden!important;background:#fff!important;
    box-shadow:0 30px 80px rgba(16,24,40,.22)!important;border:1px solid rgba(217,224,239,.86)!important;
  }
  .premium-menu-head{
    position:sticky!important;top:0!important;z-index:2!important;display:grid!important;grid-template-columns:auto 1fr auto!important;
    gap:14px!important;align-items:center!important;padding:20px 18px 18px!important;color:#fff!important;
    background:
      radial-gradient(110px 70px at 18% 22%, rgba(255,255,255,.10), transparent 70%),
      radial-gradient(140px 90px at 78% 30%, rgba(255,255,255,.08), transparent 72%),
      linear-gradient(135deg,#0F5C5B 0%, #0F5C5B 45%, #0F5C5B 100%)!important;
  }
  .premium-menu-head img{width:160px!important;max-width:42vw!important;filter:brightness(0) invert(1)!important}
  .premium-menu-title{display:grid!important;gap:4px!important;align-content:center!important}
  .premium-menu-title strong{font-size:28px!important;line-height:1!important;color:#fff!important;font-weight:950!important}
  .premium-menu-title span{font-size:15px!important;line-height:1.2!important;color:rgba(255,255,255,.92)!important;font-weight:800!important}
  .mobile-menu-close{
    width:56px!important;height:56px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:34px!important;line-height:1!important;
    box-shadow:none!important;display:grid!important;place-items:center!important
  }
  .premium-menu-profile{
    margin:16px 18px 10px!important;padding:18px 18px!important;border-radius:22px!important;border:1px solid #E4E8F2!important;
    background:#fff!important;box-shadow:0 10px 30px rgba(16,24,40,.06)!important;
    display:grid!important;grid-template-columns:92px minmax(0,1fr) 24px!important;gap:16px!important;align-items:center!important
  }
  .profile-icon{
    width:84px!important;height:84px!important;border-radius:22px!important;background:#0D4F4E!important;color:#FFFFFF!important;
    font-size:58px!important;font-weight:950!important;box-shadow:inset 0 0 0 1px #0D4F4E!important
  }
  .premium-menu-profile strong{font-size:22px!important;line-height:1.1!important;color:#101828!important;font-weight:950!important}
  .premium-menu-profile small{display:block!important;margin-top:8px!important;font-size:14px!important;color:#667085!important;font-weight:800!important}
  .premium-menu-profile a{font-size:44px!important;line-height:1!important;color:#667085!important;text-decoration:none!important;justify-self:end!important}
  .premium-menu-list.premium-mobile-accordion{padding:4px 18px 12px!important}
  .premium-mobile-accordion .mobile-menu-link,
  .premium-mobile-accordion .mobile-acc summary{
    grid-template-columns:62px minmax(0,1fr) 24px!important;grid-template-areas:'ico title arrow' 'ico sub arrow'!important;
    gap:2px 14px!important;min-height:88px!important;padding:14px 0!important;border-bottom:1px solid #EBEEF5!important
  }
  .premium-mobile-accordion .mi{
    width:52px!important;height:52px!important;border-radius:16px!important;background:#F4F6FA!important;color:#0F5C5B!important;
    font-size:28px!important;box-shadow:inset 0 0 0 1px #E4E8F2!important
  }
  .premium-mobile-accordion b{font-size:20px!important;line-height:1.1!important;color:#101828!important;font-weight:950!important}
  .premium-mobile-accordion small{font-size:14px!important;line-height:1.25!important;color:#667085!important;font-weight:800!important}
  .premium-mobile-accordion em{font-size:34px!important;color:#667085!important}
  .premium-mobile-accordion .mobile-menu-link.active b,
  .premium-mobile-accordion .mobile-acc:has(.mobile-submenu a.active) summary b{color:#0F5C5B!important}
  .premium-mobile-accordion .mobile-menu-link.active .mi,
  .premium-mobile-accordion .mobile-acc:has(.mobile-submenu a.active) summary .mi{background:linear-gradient(135deg,#0F5C5B,#0F5C5B)!important;color:#fff!important;box-shadow:none!important}
  .mobile-submenu{padding:2px 0 14px 76px!important;gap:8px!important}
  .mobile-submenu a{min-height:42px!important;padding:11px 13px!important;border-radius:13px!important;font-size:14px!important;background:#FCFDFE!important;border:1px solid #EBEEF5!important}
  .mobile-submenu a.active{background:#F3F5F9!important;border-color:#0D4F4E!important;color:#0F5C5B!important;box-shadow:inset 4px 0 0 #0F5C5B!important}
  .premium-menu-footer{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:18px!important;
    border-top:1px solid #E8ECF4!important;background:#fff!important
  }
  .premium-menu-footer a{
    min-height:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
    border:1px solid #0D4F4E!important;border-radius:18px!important;background:#fff!important;color:#101828!important;
    font-size:15px!important;font-weight:950!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(16,24,40,.04)!important
  }
  .premium-menu-footer a:hover{background:#FAFBFD!important}
}
@media(max-width:520px){
  .mobile-menu-card.mobile-menu-premium{left:10px!important;right:10px!important;top:68px!important;max-height:calc(100dvh - 80px)!important;border-radius:24px!important}
  .premium-menu-head{padding:16px 16px 15px!important;gap:12px!important}
  .premium-menu-head img{width:130px!important;max-width:35vw!important}
  .premium-menu-title strong{font-size:24px!important}.premium-menu-title span{font-size:13px!important}
  .mobile-menu-close{width:48px!important;height:48px!important;border-radius:16px!important;font-size:30px!important}
  .premium-menu-profile{grid-template-columns:74px minmax(0,1fr) 18px!important;gap:12px!important;padding:16px!important;margin:14px 16px 8px!important}
  .profile-icon{width:68px!important;height:68px!important;border-radius:18px!important;font-size:46px!important}
  .premium-menu-profile strong{font-size:19px!important}.premium-menu-profile small{font-size:12.5px!important;margin-top:6px!important}
  .premium-menu-profile a{font-size:34px!important}
  .premium-menu-list.premium-mobile-accordion{padding:2px 16px 10px!important}
  .premium-mobile-accordion .mobile-menu-link,
  .premium-mobile-accordion .mobile-acc summary{grid-template-columns:50px minmax(0,1fr) 20px!important;min-height:74px!important;gap:1px 12px!important;padding:12px 0!important}
  .premium-mobile-accordion .mi{width:44px!important;height:44px!important;border-radius:14px!important;font-size:24px!important}
  .premium-mobile-accordion b{font-size:16px!important}.premium-mobile-accordion small{font-size:12px!important}.premium-mobile-accordion em{font-size:26px!important}
  .mobile-submenu{padding:0 0 12px 62px!important}
  .premium-menu-footer{grid-template-columns:1fr 1fr!important;padding:16px!important;gap:12px!important}
  .premium-menu-footer a:last-child{grid-column:1 / -1!important}
  .premium-menu-footer a{min-height:64px!important;font-size:14px!important;border-radius:16px!important}
}


/* V5.38.0 — Mobilni SEF kompletno sređivanje */
@media(max-width:760px){
  /* SEF lista — gornji deo */
  .page-sef-invoices-php .sef-list-card{
    padding:14px!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important;
  }
  .page-sef-invoices-php .sef-list-toolbar{display:grid!important;gap:12px!important;margin:0!important}
  .page-sef-invoices-php .sef-list-title-row{display:grid!important;gap:6px!important}
  .page-sef-invoices-php .sef-list-title-row h1{font-size:25px!important;line-height:1.05!important;margin:0!important;letter-spacing:-.03em!important}
  .page-sef-invoices-php .sef-list-note{
    width:max-content!important;max-width:100%!important;padding:6px 10px!important;border-radius:999px!important;
    background:#F1F3F8!important;color:#0F5C5B!important;font-size:12px!important;font-weight:950!important;
  }
  .page-sef-invoices-php .sef-list-intro p{font-size:13px!important;line-height:1.35!important;margin:0!important;color:#667085!important}
  .page-sef-invoices-php .sef-list-actions{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;align-items:stretch!important;
  }
  .page-sef-invoices-php .sef-list-actions > *{min-width:0!important;width:100%!important;margin:0!important}
  .page-sef-invoices-php .sef-list-actions a,
  .page-sef-invoices-php .sef-list-actions button{
    width:100%!important;min-height:42px!important;border-radius:12px!important;font-size:13px!important;padding:9px 8px!important;white-space:normal!important;
  }
  .page-sef-invoices-php .sef-list-actions form{display:block!important}
  .page-sef-invoices-php .sef-list-actions form:first-of-type{display:none!important} /* Provera kupaca ne zauzima prostor na telefonu */
  .page-sef-invoices-php .sef-list-actions .btn.primary{grid-column:auto!important;background:linear-gradient(180deg,#0F5C5B,#13233B)!important;color:#fff!important}
  .page-sef-invoices-php .sef-list-actions .btn.green{background:#effbea!important;color:#277516!important;border-color:#cceec0!important}

  .page-sef-invoices-php .sef-mini-kpis{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:12px 0!important}
  .page-sef-invoices-php .mini-kpi{min-height:82px!important;border-radius:15px!important;padding:12px!important;box-shadow:none!important;background:#FAFBFD!important;border:1px solid #E1E6F0!important}
  .page-sef-invoices-php .mini-kpi span{font-size:11px!important;letter-spacing:.05em!important;color:#667085!important;font-weight:950!important;text-transform:uppercase!important}
  .page-sef-invoices-php .mini-kpi strong{font-size:28px!important;line-height:1.05!important;margin-top:5px!important;color:#0F5C5B!important}
  .page-sef-invoices-php .mini-kpi.success{background:#f2fbf4!important;border-color:#cfeeda!important}.page-sef-invoices-php .mini-kpi.success strong{color:#07834c!important}
  .page-sef-invoices-php .mini-kpi.info{background:#F7F8FB!important;border-color:#0D4F4E!important}.page-sef-invoices-php .mini-kpi.info strong{color:#0F5C5B!important}
  .page-sef-invoices-php .mini-kpi.danger{background:#fff7f7!important;border-color:#ffd6d6!important}.page-sef-invoices-php .mini-kpi.danger strong{color:#c31313!important}

  .page-sef-invoices-php .sef-compact-filter{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 12px!important}
  .page-sef-invoices-php .sef-compact-filter label{font-size:12px!important;font-weight:950!important;color:#0F5C5B!important;gap:5px!important}
  .page-sef-invoices-php .sef-compact-filter label.grow{grid-column:1/2!important}
  .page-sef-invoices-php .sef-compact-filter button,
  .page-sef-invoices-php .sef-compact-filter a.btn{display:none!important}
  .page-sef-invoices-php .sef-compact-filter input,
  .page-sef-invoices-php .sef-compact-filter select{height:42px!important;border-radius:12px!important;font-size:13px!important}

  /* SEF lista — kartice */
  .page-sef-invoices-php .sef-list-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;padding:0!important}
  .page-sef-invoices-php .sef-list-table{display:block!important;width:100%!important;min-width:0!important}
  .page-sef-invoices-php .sef-list-table thead{display:none!important}
  .page-sef-invoices-php .sef-list-table tbody{display:grid!important;gap:10px!important;width:100%!important}
  .page-sef-invoices-php .sef-list-table tr{display:grid!important;width:100%!important;gap:8px!important;background:#fff!important;border:1px solid #E1E6F0!important;border-radius:16px!important;padding:14px!important;box-shadow:0 8px 20px rgba(20,33,62,.05)!important;min-width:0!important}
  .page-sef-invoices-php .sef-list-table td{display:block!important;width:100%!important;min-width:0!important;border:0!important;padding:0!important;font-size:13px!important;line-height:1.35!important}
  .page-sef-invoices-php .sef-list-table td:nth-child(1){order:1}
  .page-sef-invoices-php .sef-list-table td:nth-child(2){order:2}
  .page-sef-invoices-php .sef-list-table td:nth-child(3){order:3}
  .page-sef-invoices-php .sef-list-table td:nth-child(4){order:4}
  .page-sef-invoices-php .sef-list-table td:nth-child(5){order:5}
  .page-sef-invoices-php .sef-list-table td:nth-child(6){order:6;display:none!important}
  .page-sef-invoices-php .sef-list-table td:nth-child(7){order:7}
  .page-sef-invoices-php .sef-cell-main strong{font-size:19px!important;color:#0F5C5B!important;line-height:1.1!important}
  .page-sef-invoices-php .sef-cell-main small{font-size:13px!important;color:#667085!important;margin-top:4px!important;display:block!important}
  .page-sef-invoices-php .sef-list-table td:nth-child(1) .sef-cell-main,
  .page-sef-invoices-php .sef-list-table td:nth-child(2) .sef-cell-main{display:grid!important;gap:3px!important}
  .page-sef-invoices-php .sef-list-table td:nth-child(2) .sef-cell-main strong{font-size:18px!important}
  .page-sef-invoices-php .sef-status-stack,
  .page-sef-invoices-php .sef-meta-stack{display:grid!important;gap:6px!important}
  .page-sef-invoices-php .sef-meta-row{display:grid!important;gap:5px!important;min-width:0!important}
  .page-sef-invoices-php .pill{width:100%!important;display:flex!important;justify-content:flex-start!important;min-height:30px!important;border-radius:999px!important;font-size:12px!important;padding:6px 12px!important}
  .page-sef-invoices-php .sef-status-stack small,
  .page-sef-invoices-php .sef-meta-row small{font-size:13px!important;color:#667085!important;margin-left:0!important}
  .page-sef-invoices-php .sef-amount-stack{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin-top:4px!important;background:#FAFBFD!important;border:1px solid #0D4F4E!important;border-radius:12px!important;padding:10px!important}
  .page-sef-invoices-php .sef-amount-stack small{display:flex!important;justify-content:space-between!important;gap:8px!important;font-size:14px!important;color:#667085!important}
  .page-sef-invoices-php .sef-amount-stack strong{font-size:15px!important;color:#13233B!important}.page-sef-invoices-php .sef-amount-stack .amount{font-size:17px!important}
  .page-sef-invoices-php .incoming-actions.compact-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:4px!important;width:100%!important}
  .page-sef-invoices-php .incoming-actions.compact-actions > *{width:100%!important;margin:0!important;min-width:0!important}
  .page-sef-invoices-php .incoming-actions.compact-actions .btn,
  .page-sef-invoices-php .incoming-actions.compact-actions button{width:100%!important;min-height:40px!important;border-radius:12px!important;font-size:12px!important;padding:8px!important}
  .page-sef-invoices-php .incoming-actions.compact-actions .pill{justify-content:center!important;min-height:40px!important;border-radius:12px!important}

  /* Ulazne SEF fakture */
  .page-sef-incoming-php .page-title h1{font-size:24px!important;line-height:1.08!important}.page-sef-incoming-php .page-title p{font-size:13px!important}
  .page-sef-incoming-php .alert{font-size:13px!important;line-height:1.35!important;border-radius:14px!important;padding:12px!important}
  .page-sef-incoming-php .premium-card{padding:14px!important;border-radius:18px!important;overflow:hidden!important}
  .page-sef-incoming-php .premium-card h2{font-size:21px!important;line-height:1.1!important;margin:0 0 10px!important}
  .page-sef-incoming-php .premium-card .muted{font-size:13px!important;line-height:1.35!important;margin:0 0 10px!important}
  .page-sef-incoming-php .filter-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important}
  .page-sef-incoming-php .filter-row label{font-size:12px!important;font-weight:950!important;color:#0F5C5B!important;gap:5px!important}
  .page-sef-incoming-php .filter-row input,
  .page-sef-incoming-php .filter-row select{height:42px!important;border-radius:12px!important;font-size:13px!important}
  .page-sef-incoming-php .filter-row button{width:100%!important;min-height:42px!important;border-radius:12px!important;font-size:13px!important}
  .page-sef-incoming-php .filter-row small{font-size:12px!important;line-height:1.35!important;color:#667085!important}
  .page-sef-incoming-php .table-wrap{overflow:visible!important;border:0!important;background:transparent!important;padding:0!important}
  .page-sef-incoming-php table{display:block!important;width:100%!important;min-width:0!important}
  .page-sef-incoming-php table thead{display:none!important}
  .page-sef-incoming-php tbody{display:grid!important;gap:10px!important;width:100%!important}
  .page-sef-incoming-php tr{display:grid!important;gap:7px!important;width:100%!important;background:#fff!important;border:1px solid #E1E6F0!important;border-radius:16px!important;padding:13px!important;box-shadow:0 8px 20px rgba(20,33,62,.05)!important}
  .page-sef-incoming-php td{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;border:0!important;border-bottom:1px solid #0D4F4E!important;padding:6px 0!important;font-size:13px!important;line-height:1.25!important;text-align:left!important;min-width:0!important}
  .page-sef-incoming-php td:last-child{border-bottom:0!important}
  .page-sef-incoming-php td::before{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#667085!important;font-weight:950!important;flex:0 0 88px!important;content:''}
  .page-sef-incoming-php td:nth-child(1)::before{content:'SEF ID'}
  .page-sef-incoming-php td:nth-child(2)::before{content:'Broj'}
  .page-sef-incoming-php td:nth-child(3)::before{content:'Dobavljač'}
  .page-sef-incoming-php td:nth-child(4)::before{content:'PIB'}
  .page-sef-incoming-php td:nth-child(5)::before{content:'Datum'}
  .page-sef-incoming-php td:nth-child(6)::before{content:'Status'}
  .page-sef-incoming-php td:nth-child(7)::before{content:'Iznos'}
  .page-sef-incoming-php td:nth-child(8)::before{content:'PDV'}
  .page-sef-incoming-php td:nth-child(9)::before{content:'';display:none!important}
  .page-sef-incoming-php td:nth-child(1),.page-sef-incoming-php td:nth-child(4){display:none!important}
  .page-sef-incoming-php td:nth-child(2) strong{font-size:16px!important;color:#0F5C5B!important}
  .page-sef-incoming-php td:nth-child(3){font-size:15px!important;font-weight:900!important;color:#0F5C5B!important}
  .page-sef-incoming-php td.amount,.page-sef-incoming-php td:nth-child(7){font-size:16px!important;font-weight:950!important;color:#13233B!important}
  .page-sef-incoming-php td .pill{width:auto!important;min-height:28px!important;border-radius:999px!important;font-size:12px!important;padding:6px 10px!important}
  .page-sef-incoming-php td.incoming-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:5px!important;padding-top:10px!important;border-bottom:0!important}
  .page-sef-incoming-php td.incoming-actions a,
  .page-sef-incoming-php td.incoming-actions button,
  .page-sef-incoming-php td.incoming-actions form{width:100%!important;min-width:0!important;margin:0!important}
  .page-sef-incoming-php td.incoming-actions .btn{width:100%!important;min-height:40px!important;border-radius:12px!important;font-size:12px!important;padding:8px!important}
}
@media(max-width:430px){
  .page-sef-invoices-php .sef-list-actions{grid-template-columns:1fr 1fr!important}
  .page-sef-invoices-php .sef-compact-filter{grid-template-columns:1fr!important}
  .page-sef-invoices-php .sef-compact-filter label.grow{grid-column:auto!important}
  .page-sef-invoices-php .sef-mini-kpis{grid-template-columns:1fr 1fr!important}
  .page-sef-invoices-php .incoming-actions.compact-actions{grid-template-columns:1fr 1fr!important}
}


/* V5.38.3 — Stabilnost sistema + noćni režim */
.theme-toggle{
  position:fixed;
  right:18px;
  bottom:92px;
  z-index:120;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border:1px solid rgba(52,86,158,.18);
  border-radius:999px;
  background:#ffffff;
  color:#13233B;
  box-shadow:0 12px 30px rgba(20,33,62,.14);
  cursor:pointer;
  font-weight:900;
}
.theme-toggle span{font-size:18px;line-height:1}
.theme-toggle strong{font-size:13px}
.security-kpis .kpi small{display:block;color:#64708B;margin-top:4px}
code{background:#F4F6FA;border:1px solid #0D4F4E;border-radius:6px;padding:2px 6px;color:#13233B}

body.ck-dark-mode{
  background:#0F5C5B!important;
  color:#e5e7eb!important;
}
body.ck-dark-mode .app-shell,
body.ck-dark-mode .main,
body.ck-dark-mode .content-area{
  background:#0F5C5B!important;
  color:#e5e7eb!important;
}
body.ck-dark-mode .sidebar{
  background:linear-gradient(180deg,#13233B,#0F5C5B)!important;
  border-right-color:#13233B!important;
}
body.ck-dark-mode .brand-copy h1,
body.ck-dark-mode .page-title h1,
body.ck-dark-mode h1,
body.ck-dark-mode h2,
body.ck-dark-mode h3{
  color:#F9FAFB!important;
}
body.ck-dark-mode .brand-copy p,
body.ck-dark-mode .page-title p,
body.ck-dark-mode p,
body.ck-dark-mode small{
  color:#0D4F4E!important;
}
body.ck-dark-mode .card,
body.ck-dark-mode .premium-card,
body.ck-dark-mode .kpi,
body.ck-dark-mode .quick-panel,
body.ck-dark-mode .left-card,
body.ck-dark-mode .settings-card,
body.ck-dark-mode .backup-action-card{
  background:#13233B!important;
  border-color:#13233B!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
  color:#e5e7eb!important;
}
body.ck-dark-mode input,
body.ck-dark-mode select,
body.ck-dark-mode textarea{
  background:#0F5C5B!important;
  border-color:#13233B!important;
  color:#F9FAFB!important;
}
body.ck-dark-mode input::placeholder,
body.ck-dark-mode textarea::placeholder{
  color:#7d8899!important;
}
body.ck-dark-mode .table-wrap,
body.ck-dark-mode table,
body.ck-dark-mode tbody,
body.ck-dark-mode tr,
body.ck-dark-mode td{
  background:#13233B!important;
  color:#e5e7eb!important;
  border-color:#13233B!important;
}
body.ck-dark-mode th{
  background:#13233B!important;
  color:#F9FAFB!important;
  border-color:#13233B!important;
}
body.ck-dark-mode .btn{
  background:#13233B!important;
  border-color:#0F5C5B!important;
  color:#F9FAFB!important;
}
body.ck-dark-mode .btn.primary{
  background:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
  border-color:#0F5C5B!important;
  color:#fff!important;
}
body.ck-dark-mode .btn.green{
  background:#14532d!important;
  border-color:#166534!important;
  color:#dcfce7!important;
}
body.ck-dark-mode .alert.info{
  background:#0F5C5B!important;
  border-color:#0F5C5B!important;
  color:#FFFFFF!important;
}
body.ck-dark-mode .alert.success{
  background:#052e1b!important;
  border-color:#15803d!important;
  color:#dcfce7!important;
}
body.ck-dark-mode .alert.warning{
  background:#422006!important;
  border-color:#b45309!important;
  color:#ffedd5!important;
}
body.ck-dark-mode .alert.error{
  background:#450a0a!important;
  border-color:#b91c1c!important;
  color:#fee2e2!important;
}
body.ck-dark-mode .badge.paid{
  background:#064e3b!important;color:#bbf7d0!important;
}
body.ck-dark-mode .badge.pending{
  background:#78350f!important;color:#fde68a!important;
}
body.ck-dark-mode .badge.cancelled{
  background:#7f1d1d!important;color:#fecaca!important;
}
body.ck-dark-mode .nav a,
body.ck-dark-mode .nav summary{
  color:#0D4F4E!important;
}
body.ck-dark-mode .nav a.active,
body.ck-dark-mode .nav a:hover,
body.ck-dark-mode .nav summary:hover{
  background:#13233B!important;
}
body.ck-dark-mode .mobile-topbar{
  background:linear-gradient(100deg,#13233B,#0F5C5B)!important;
}
body.ck-dark-mode .bottom-nav{
  background:rgba(17,24,39,.96)!important;
  border-top:1px solid #13233B!important;
}
body.ck-dark-mode .bottom-nav a{
  color:#0D4F4E!important;
}
body.ck-dark-mode .bottom-nav a.active{
  color:#0F5C5B!important;
}
body.ck-dark-mode .theme-toggle{
  background:#13233B!important;
  border-color:#0F5C5B!important;
  color:#F9FAFB!important;
}
body.ck-dark-mode code{
  background:#0F5C5B!important;
  border-color:#13233B!important;
  color:#FFFFFF!important;
}

@media(max-width:760px){
  .theme-toggle{
    right:12px;
    bottom:84px;
    min-height:38px;
    padding:8px 10px;
  }
  .theme-toggle strong{display:none}
  body.ck-dark-mode .mobile-menu-card,
  body.ck-dark-mode .mobile-menu-card.mobile-menu-premium{
    background:#13233B!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode .premium-menu-profile,
  body.ck-dark-mode .premium-menu-footer a{
    background:#0F5C5B!important;
    border-color:#13233B!important;
    color:#F9FAFB!important;
  }
  body.ck-dark-mode .premium-mobile-accordion b{color:#F9FAFB!important}
  body.ck-dark-mode .premium-mobile-accordion small{color:#0D4F4E!important}
}


/* V5.38.4 — običan račun kompaktno i pregledno */
.page-invoice-new-php .invoice-desktop-topbar,
.page-invoice-edit-php .invoice-desktop-topbar{min-height:34px!important;padding:7px 12px!important;margin-bottom:8px!important}
.page-invoice-new-php .invoice-modern-title,.page-invoice-edit-php .invoice-modern-title{margin-bottom:8px!important}
.page-invoice-new-php .invoice-modern-title h1,.page-invoice-edit-php .invoice-modern-title h1{font-size:24px!important;margin-bottom:2px!important}
.page-invoice-new-php .invoice-shortcuts,.page-invoice-edit-php .invoice-shortcuts{margin-bottom:8px!important}
.page-invoice-new-php .sef-shortcut-pill,.page-invoice-edit-php .sef-shortcut-pill{min-height:32px!important;padding:6px 10px!important;font-size:12px!important}
.page-invoice-new-php .invoice-form-card,.page-invoice-edit-php .invoice-form-card{padding:12px!important}
.page-invoice-new-php .invoice-desktop-form-internal .form-grid.two,.page-invoice-edit-php .invoice-desktop-form-internal .form-grid.two{grid-template-columns:140px 140px minmax(260px,1fr) 135px 140px 150px!important;gap:8px!important}
.page-invoice-new-php .invoice-desktop-form-internal label,.page-invoice-edit-php .invoice-desktop-form-internal label{gap:4px!important}
.page-invoice-new-php .invoice-desktop-form-internal input,.page-invoice-new-php .invoice-desktop-form-internal select,.page-invoice-edit-php .invoice-desktop-form-internal input,.page-invoice-edit-php .invoice-desktop-form-internal select{min-height:36px!important}
.page-invoice-new-php .invoice-desktop-form-internal textarea,.page-invoice-edit-php .invoice-desktop-form-internal textarea{min-height:76px!important}
.page-invoice-new-php .invoice-product-search-box,.page-invoice-new-php .invoice-barcode-box{padding:10px!important;margin-bottom:8px!important}
.page-invoice-new-php .compact-head h2,.page-invoice-edit-php .compact-head h2{font-size:19px!important}
.page-invoice-new-php .compact-head p,.page-invoice-edit-php .compact-head p{margin:2px 0 0!important}
.page-invoice-new-php .compact-line-note,.page-invoice-edit-php .compact-line-note{padding:8px 10px!important;margin:0!important;border-radius:10px!important}
.page-invoice-new-php .invoice-lines-box,.page-invoice-edit-php .invoice-lines-box{padding:10px!important;border-radius:14px!important}
.page-invoice-new-php .invoice-table-head-internal,.page-invoice-edit-php .invoice-table-head-internal{grid-template-columns:38px minmax(250px,1.8fr) 70px 80px 82px 72px 112px 30px!important;font-size:11px!important}
.page-invoice-new-php .invoice-table-head span,.page-invoice-edit-php .invoice-table-head span{padding:8px 5px!important}
.page-invoice-new-php .invoice-line-row-v53,.page-invoice-edit-php .invoice-line-row-v53{grid-template-columns:38px minmax(250px,1.8fr) 70px 80px 82px 72px 112px 30px!important}
.page-invoice-new-php .invoice-line-row-v53 input,.page-invoice-new-php .invoice-line-row-v53 select,.page-invoice-edit-php .invoice-line-row-v53 input,.page-invoice-edit-php .invoice-line-row-v53 select{min-height:38px!important;font-size:12px!important;font-weight:800!important}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview,.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview{min-height:38px!important;padding:4px 6px!important}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview strong,.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview strong{font-size:12px!important}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview small,.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview small{font-size:9px!important}
.page-invoice-new-php .invoice-live-total-v53,.page-invoice-edit-php .invoice-live-total-v53{margin-top:8px!important;border-radius:10px!important;max-width:620px;margin-left:auto}
.page-invoice-new-php .invoice-live-total-v53 div,.page-invoice-edit-php .invoice-live-total-v53 div{padding:8px 10px!important}
.page-invoice-new-php .invoice-live-total-v53 span,.page-invoice-edit-php .invoice-live-total-v53 span{font-size:10px!important}
.page-invoice-new-php .invoice-live-total-v53 strong,.page-invoice-edit-php .invoice-live-total-v53 strong{font-size:15px!important}
.page-invoice-new-php .invoice-bottom-actions,.page-invoice-edit-php .invoice-bottom-actions{justify-content:flex-start!important;gap:8px!important;padding-top:8px!important}
.page-invoice-new-php .invoice-bottom-actions .btn,.page-invoice-edit-php .invoice-bottom-actions .btn{min-width:135px!important;min-height:38px!important}

.page-invoice-view-php .invoice-no-block{background:#ffffff!important;border:1px solid #0D4F4E!important;color:#0F5C5B!important;box-shadow:0 6px 18px rgba(15,24,42,.06)!important}
.page-invoice-view-php .invoice-no-block .invoice-label,.page-invoice-view-php .invoice-no-block small{color:#0F5C5B!important;font-weight:800!important}
.page-invoice-view-php .invoice-no-block strong{color:#13233B!important}
.page-invoice-view-php .invoice-actions{max-width:none!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;align-items:stretch!important}
.page-invoice-view-php .invoice-actions form{display:flex!important}
.page-invoice-view-php .invoice-actions .btn,.page-invoice-view-php .invoice-actions button{width:100%!important;min-width:0!important;min-height:42px!important;justify-content:center!important}
.page-invoice-view-php .inline-storno-form{grid-column:span 2;display:grid!important;grid-template-columns:minmax(160px,1fr) 160px;gap:8px}
.page-invoice-view-php .inline-storno-form input{max-width:none!important;min-height:42px}
.page-invoice-view-php .mini-kpis .kpi{min-height:86px!important;padding:14px!important}
.page-invoice-view-php .bottom-grid{gap:14px!important}
.page-invoice-view-php .premium-invoice-document{padding:18px!important}

.compact-kpis .kpi{min-height:82px!important;padding:13px!important}
.invoice-list-compact-card{padding:14px!important}
.compact-filter{display:grid!important;grid-template-columns:minmax(260px,1fr) 190px 100px 90px;gap:8px!important;align-items:end!important}
.compact-filter input,.compact-filter select{min-height:36px!important}
.compact-invoice-table{font-size:12px!important}
.compact-invoice-table th,.compact-invoice-table td{padding:7px 8px!important;vertical-align:middle!important}
.compact-invoice-table td.num{text-align:right;white-space:nowrap}
.compact-invoice-table small{font-size:10px!important;color:#64708B}
.text-danger{color:#dc2626!important;font-weight:900}
.row-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
.row-actions form{display:inline-flex;margin:0}
.mini-btn{min-height:28px;padding:5px 8px;border:1px solid #0D4F4E;border-radius:8px;background:#fff;color:#13233B;font-size:11px;font-weight:900;text-decoration:none;cursor:pointer;white-space:nowrap}
.mini-btn.danger{color:#b91c1c;border-color:#fecaca;background:#fff5f5}

@media(max-width:1180px){
  .page-invoice-new-php .invoice-desktop-form-internal .form-grid.two,.page-invoice-edit-php .invoice-desktop-form-internal .form-grid.two{grid-template-columns:1fr 1fr!important}
  .compact-filter{grid-template-columns:1fr 1fr!important}
}
@media(max-width:900px){
  .page-invoice-new-php .invoice-line-row-v53,.page-invoice-edit-php .invoice-line-row-v53{grid-template-columns:42px 1fr!important}
  .page-invoice-new-php .invoice-live-total-v53,.page-invoice-edit-php .invoice-live-total-v53{max-width:none}
  .compact-invoice-table-wrap{overflow:auto}
  .compact-invoice-table{min-width:900px}
  .page-invoice-view-php .inline-storno-form{grid-column:auto;grid-template-columns:1fr}
}


/* V5.38.5 — tanji font kroz sistem + ultra kompaktne stavke običnog računa */
body,
input,
select,
textarea,
button{
  font-family:"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
p,small,td,li,span{
  font-weight:400!important;
}
strong,b,
h1,h2,h3,h4,
label,
.btn,
th,
.badge,
.nav a,
.nav summary,
.kpi strong,
.card-head h2{
  font-weight:650!important;
}
.side-ico,
.invoice-shortcuts kbd{
  font-weight:650!important;
}
.page-title h1{font-weight:650!important}
.page-title p{font-weight:400!important}

/* običan račun — redovi su više nego duplo niži */
.page-invoice-new-php .invoice-lines-box,
.page-invoice-edit-php .invoice-lines-box{
  padding:7px!important;
  border-radius:10px!important;
}
.page-invoice-new-php .card-head.compact-head,
.page-invoice-edit-php .card-head.compact-head{
  margin-bottom:6px!important;
}
.page-invoice-new-php .card-head.compact-head h2,
.page-invoice-edit-php .card-head.compact-head h2{
  font-size:17px!important;
  line-height:1.15!important;
}
.page-invoice-new-php .card-head.compact-head p,
.page-invoice-edit-php .card-head.compact-head p{
  font-size:12px!important;
  margin-top:1px!important;
}
.page-invoice-new-php .compact-line-note,
.page-invoice-edit-php .compact-line-note{
  padding:5px 8px!important;
  font-size:11px!important;
  min-height:0!important;
  line-height:1.2!important;
}
.page-invoice-new-php .invoice-table-head-internal,
.page-invoice-edit-php .invoice-table-head-internal{
  grid-template-columns:30px minmax(250px,1fr) 54px 66px 70px 56px 76px 26px!important;
  font-size:10px!important;
  border-radius:8px 8px 0 0!important;
}
.page-invoice-new-php .invoice-table-head span,
.page-invoice-edit-php .invoice-table-head span{
  padding:5px 3px!important;
  line-height:1.1!important;
}
.page-invoice-new-php #invoice-lines,
.page-invoice-edit-php #invoice-lines{
  counter-reset: invoiceRow!important;
}
.page-invoice-new-php .invoice-line-row-v53,
.page-invoice-edit-php .invoice-line-row-v53{
  grid-template-columns:30px minmax(250px,1fr) 54px 66px 70px 56px 76px 26px!important;
  min-height:30px!important;
  border-bottom:1px solid #E5E9F2!important;
}
.page-invoice-new-php .invoice-line-row-v53::before,
.page-invoice-edit-php .invoice-line-row-v53::before{
  counter-increment: invoiceRow!important;
  content:counter(invoiceRow)!important;
  min-height:30px!important;
  font-size:12px!important;
  line-height:30px!important;
  background:#FCFDFE!important;
  color:#13233B!important;
}
.page-invoice-new-php .invoice-line-row-v53 label,
.page-invoice-edit-php .invoice-line-row-v53 label{
  min-height:30px!important;
  line-height:1!important;
}
.page-invoice-new-php .invoice-line-row-v53 input,
.page-invoice-new-php .invoice-line-row-v53 select,
.page-invoice-edit-php .invoice-line-row-v53 input,
.page-invoice-edit-php .invoice-line-row-v53 select{
  height:30px!important;
  min-height:30px!important;
  padding:2px 5px!important;
  font-size:11.5px!important;
  line-height:1.05!important;
  font-weight:500!important;
  border-radius:0!important;
}
.page-invoice-new-php .invoice-line-row-v53 select.line-stock,
.page-invoice-edit-php .invoice-line-row-v53 select.line-stock{
  text-align:left!important;
  padding-left:7px!important;
}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview,
.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview{
  min-height:30px!important;
  height:30px!important;
  padding:0 3px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:0!important;
}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview span,
.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview span{
  display:none!important;
}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview strong,
.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview strong{
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:650!important;
}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview small,
.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview small{
  display:none!important;
}
.page-invoice-new-php .invoice-line-row-v53 .remove-line,
.page-invoice-edit-php .invoice-line-row-v53 .remove-line{
  height:30px!important;
  min-height:30px!important;
  width:26px!important;
  font-size:18px!important;
  line-height:1!important;
  padding:0!important;
}
.page-invoice-new-php .invoice-live-total-v53,
.page-invoice-edit-php .invoice-live-total-v53{
  margin-top:6px!important;
  max-width:560px!important;
  border-radius:8px!important;
}
.page-invoice-new-php .invoice-live-total-v53 div,
.page-invoice-edit-php .invoice-live-total-v53 div{
  padding:5px 8px!important;
}
.page-invoice-new-php .invoice-live-total-v53 span,
.page-invoice-edit-php .invoice-live-total-v53 span{
  font-size:9px!important;
  line-height:1.05!important;
  font-weight:600!important;
}
.page-invoice-new-php .invoice-live-total-v53 strong,
.page-invoice-edit-php .invoice-live-total-v53 strong{
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:650!important;
}
.page-invoice-new-php .invoice-live-total-v53 small,
.page-invoice-edit-php .invoice-live-total-v53 small{
  font-size:9px!important;
  margin-top:1px!important;
}

/* manji font i razmaci u glavnim formama, bez kvarenja mobilnog prikaza */
@media(min-width:901px){
  .card,.premium-card{padding:16px!important}
  .table-wrap table{font-size:12px!important}
  .table-wrap th,.table-wrap td{padding:7px 8px!important}
  input,select,textarea{font-size:13px!important}
  .btn{font-size:13px!important}
}
@media(max-width:900px){
  .page-invoice-new-php .invoice-line-row-v53,
  .page-invoice-edit-php .invoice-line-row-v53{
    grid-template-columns:28px 1fr!important;
    min-height:auto!important;
  }
  .page-invoice-new-php .invoice-line-row-v53::before,
  .page-invoice-edit-php .invoice-line-row-v53::before{
    min-height:34px!important;
  }
}


/* V5.38.6 — još uža kolona artikla + šire cene/rabat + sređen ukupan zbir */
.page-invoice-new-php .invoice-table-head-internal,
.page-invoice-edit-php .invoice-table-head-internal{
  grid-template-columns:30px minmax(170px,1fr) 66px 84px 92px 74px 112px 28px!important;
}
.page-invoice-new-php .invoice-line-row-v53,
.page-invoice-edit-php .invoice-line-row-v53{
  grid-template-columns:30px minmax(170px,1fr) 66px 84px 92px 74px 112px 28px!important;
}
.page-invoice-new-php .invoice-line-row-v53 label:nth-of-type(1),
.page-invoice-edit-php .invoice-line-row-v53 label:nth-of-type(1){min-width:0!important}
.page-invoice-new-php .invoice-line-row-v53 label:nth-of-type(1) select,
.page-invoice-edit-php .invoice-line-row-v53 label:nth-of-type(1) select,
.page-invoice-new-php .invoice-line-row-v53 label:nth-of-type(1) input,
.page-invoice-edit-php .invoice-line-row-v53 label:nth-of-type(1) input{
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.page-invoice-new-php .invoice-line-row-v53 label:nth-of-type(2) input,
.page-invoice-new-php .invoice-line-row-v53 label:nth-of-type(3) input,
.page-invoice-new-php .invoice-line-row-v53 label:nth-of-type(4) input,
.page-invoice-new-php .invoice-line-row-v53 label:nth-of-type(5) input,
.page-invoice-edit-php .invoice-line-row-v53 label:nth-of-type(2) input,
.page-invoice-edit-php .invoice-line-row-v53 label:nth-of-type(3) input,
.page-invoice-edit-php .invoice-line-row-v53 label:nth-of-type(4) input,
.page-invoice-edit-php .invoice-line-row-v53 label:nth-of-type(5) input{
  text-align:center!important;
}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview,
.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview{
  width:100%!important;
  border-radius:10px!important;
}
.page-invoice-new-php .invoice-lines-box,
.page-invoice-edit-php .invoice-lines-box{overflow:hidden!important}
.page-invoice-new-php .invoice-live-total-v53,
.page-invoice-edit-php .invoice-live-total-v53{
  max-width:780px!important;
  width:100%!important;
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
.page-invoice-new-php .invoice-live-total-v53 div,
.page-invoice-edit-php .invoice-live-total-v53 div{
  min-height:68px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-radius:10px!important;
}
.page-invoice-new-php .invoice-live-total-v53 span,
.page-invoice-edit-php .invoice-live-total-v53 span{
  font-size:10px!important;
  line-height:1.1!important;
  letter-spacing:.02em!important;
  white-space:normal!important;
}
.page-invoice-new-php .invoice-live-total-v53 strong,
.page-invoice-edit-php .invoice-live-total-v53 strong{
  font-size:15px!important;
  line-height:1.08!important;
}
.page-invoice-new-php .invoice-live-total-v53 small,
.page-invoice-edit-php .invoice-live-total-v53 small{
  display:block!important;
  font-size:10px!important;
  line-height:1.1!important;
}
@media(max-width:1200px){
  .page-invoice-new-php .invoice-live-total-v53,
  .page-invoice-edit-php .invoice-live-total-v53{
    grid-template-columns:repeat(2,minmax(150px,1fr))!important;
    max-width:420px!important;
  }
}
@media(max-width:900px){
  .page-invoice-new-php .invoice-table-head-internal,
  .page-invoice-edit-php .invoice-table-head-internal{grid-template-columns:28px 1fr!important}
}


/* V5.38.7 — finalno zatezanje običnog računa: jedan red, kompaktna pretraga, ravne kolone */
body,
input,
select,
textarea,
button{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
}
strong,b,h1,h2,h3,h4,label,.btn,th,.badge,.nav a,.nav summary{
  font-weight:600!important;
}
.page-invoice-new-php .invoice-form-card,
.page-invoice-edit-php .invoice-form-card{
  padding:10px 12px!important;
}

/* Gornji deo običnog računa u jedan uredan red */
.page-invoice-new-php .invoice-desktop-form-internal > .form-grid.two,
.page-invoice-edit-php .invoice-desktop-form-internal > .form-grid.two{
  display:grid!important;
  grid-template-columns:135px 135px minmax(340px,1fr) 130px 140px 140px!important;
  gap:7px 9px!important;
  align-items:end!important;
}
.page-invoice-new-php .invoice-desktop-form-internal > .form-grid.two > label,
.page-invoice-edit-php .invoice-desktop-form-internal > .form-grid.two > label{
  font-size:11px!important;
  line-height:1.15!important;
  margin:0!important;
}
.page-invoice-new-php .invoice-desktop-form-internal > .form-grid.two > label:not(.span-2) small,
.page-invoice-edit-php .invoice-desktop-form-internal > .form-grid.two > label:not(.span-2) small{
  display:none!important;
}
.page-invoice-new-php .invoice-desktop-form-internal > .form-grid.two > label:not(.span-2) input,
.page-invoice-new-php .invoice-desktop-form-internal > .form-grid.two > label:not(.span-2) select,
.page-invoice-edit-php .invoice-desktop-form-internal > .form-grid.two > label:not(.span-2) input,
.page-invoice-edit-php .invoice-desktop-form-internal > .form-grid.two > label:not(.span-2) select{
  height:34px!important;
  min-height:34px!important;
  padding:5px 10px!important;
  font-size:12px!important;
  font-weight:400!important;
}
.page-invoice-new-php .invoice-desktop-form-internal > .form-grid.two > .span-2,
.page-invoice-edit-php .invoice-desktop-form-internal > .form-grid.two > .span-2{
  grid-column:1 / -1!important;
}
.page-invoice-new-php .invoice-desktop-form-internal > .form-grid.two > .span-2 textarea,
.page-invoice-edit-php .invoice-desktop-form-internal > .form-grid.two > .span-2 textarea{
  min-height:58px!important;
  height:58px!important;
  padding:8px 10px!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:400!important;
}
.page-invoice-new-php .invoice-desktop-form-internal > .form-grid.two > .span-2 small,
.page-invoice-edit-php .invoice-desktop-form-internal > .form-grid.two > .span-2 small{
  font-size:9px!important;
  line-height:1!important;
  margin-top:2px!important;
}

/* Pretraga i skener zauzimaju mnogo manje prostora */
.page-invoice-new-php .invoice-product-search-box,
.page-invoice-new-php .invoice-barcode-box{
  padding:7px 10px!important;
  margin:7px 0!important;
  border-radius:10px!important;
}
.page-invoice-new-php .invoice-product-search-box .card-head,
.page-invoice-new-php .invoice-barcode-box .card-head{
  margin:0 0 5px!important;
}
.page-invoice-new-php .invoice-product-search-box .card-head h2,
.page-invoice-new-php .invoice-barcode-box .card-head h2{
  font-size:15px!important;
  margin:0!important;
  line-height:1.15!important;
}
.page-invoice-new-php .invoice-product-search-box .card-head p,
.page-invoice-new-php .invoice-barcode-box .card-head p{
  display:none!important;
}
.page-invoice-new-php .invoice-search-inline-grid{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 130px!important;
  gap:8px!important;
  align-items:end!important;
}
.page-invoice-new-php .invoice-desktop-form .barcode-inline-grid{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) 112px 112px 112px 135px!important;
  gap:8px!important;
  align-items:end!important;
}
.page-invoice-new-php .invoice-product-search-box label,
.page-invoice-new-php .invoice-barcode-box label{
  font-size:11px!important;
  gap:3px!important;
}
.page-invoice-new-php .invoice-product-search-box input,
.page-invoice-new-php .invoice-barcode-box input,
.page-invoice-new-php .invoice-product-search-box .btn,
.page-invoice-new-php .invoice-barcode-box .btn{
  height:32px!important;
  min-height:32px!important;
  padding:5px 10px!important;
  font-size:12px!important;
}
.page-invoice-new-php .invoice-product-results .alert,
.page-invoice-new-php #invoice-barcode-status{
  min-height:28px!important;
  padding:6px 10px!important;
  margin-top:6px!important;
  font-size:12px!important;
  line-height:1.2!important;
}

/* Stavke računa — sve kolone ravno, artikl uži, brojčane kolone šire */
.page-invoice-new-php .invoice-lines-box,
.page-invoice-edit-php .invoice-lines-box{
  padding:7px!important;
  border-radius:9px!important;
}
.page-invoice-new-php .invoice-lines-box .card-head,
.page-invoice-edit-php .invoice-lines-box .card-head{
  margin-bottom:4px!important;
}
.page-invoice-new-php .invoice-lines-box .card-head h2,
.page-invoice-edit-php .invoice-lines-box .card-head h2{
  font-size:16px!important;
  margin:0!important;
}
.page-invoice-new-php .invoice-lines-box .card-head p,
.page-invoice-edit-php .invoice-lines-box .card-head p{
  font-size:11px!important;
  margin:0!important;
}
.page-invoice-new-php .invoice-table-head-internal,
.page-invoice-edit-php .invoice-table-head-internal,
.page-invoice-new-php .invoice-line-row-v53,
.page-invoice-edit-php .invoice-line-row-v53{
  grid-template-columns:30px minmax(240px,1.1fr) minmax(70px,.55fr) minmax(88px,.7fr) minmax(100px,.8fr) minmax(82px,.65fr) minmax(118px,.95fr) 28px!important;
}
.page-invoice-new-php .invoice-table-head-internal,
.page-invoice-edit-php .invoice-table-head-internal{
  font-size:10px!important;
  line-height:1.1!important;
}
.page-invoice-new-php .invoice-table-head span,
.page-invoice-edit-php .invoice-table-head span{
  padding:5px 4px!important;
}
.page-invoice-new-php .invoice-line-row-v53,
.page-invoice-edit-php .invoice-line-row-v53{
  min-height:30px!important;
  align-items:center!important;
}
.page-invoice-new-php .invoice-line-row-v53::before,
.page-invoice-edit-php .invoice-line-row-v53::before{
  min-height:30px!important;
  height:30px!important;
  font-size:12px!important;
  line-height:30px!important;
}
.page-invoice-new-php .invoice-line-row-v53 label,
.page-invoice-edit-php .invoice-line-row-v53 label{
  min-height:30px!important;
  height:30px!important;
}
.page-invoice-new-php .invoice-line-row-v53 input,
.page-invoice-new-php .invoice-line-row-v53 select,
.page-invoice-edit-php .invoice-line-row-v53 input,
.page-invoice-edit-php .invoice-line-row-v53 select{
  height:30px!important;
  min-height:30px!important;
  padding:2px 6px!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1!important;
}
.page-invoice-new-php .invoice-line-row-v53 select.line-stock,
.page-invoice-edit-php .invoice-line-row-v53 select.line-stock{
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview,
.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview{
  height:30px!important;
  min-height:30px!important;
  padding:0 6px!important;
  border:0!important;
  border-right:1px solid #E8ECF4!important;
  border-radius:0!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview span,
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview small,
.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview span,
.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview small{
  display:none!important;
}
.page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview strong,
.page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview strong{
  font-size:12px!important;
  color:#13233B!important;
  font-weight:600!important;
  line-height:1!important;
}
.page-invoice-new-php .invoice-line-row-v53 .remove-line,
.page-invoice-edit-php .invoice-line-row-v53 .remove-line{
  height:30px!important;
  min-height:30px!important;
  width:28px!important;
  padding:0!important;
  font-size:17px!important;
  background:#fff!important;
  border:0!important;
}

/* Donji zbir — pun red, pregledno i bez lomljenja teksta */
.page-invoice-new-php .invoice-live-total-v53,
.page-invoice-edit-php .invoice-live-total-v53{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  max-width:none!important;
  width:100%!important;
  margin:7px 0 0!important;
  border:1px solid #DBE1EE!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
.page-invoice-new-php .invoice-live-total-v53 div,
.page-invoice-edit-php .invoice-live-total-v53 div{
  min-height:48px!important;
  padding:7px 10px!important;
  border-right:1px solid #DBE1EE!important;
  border-radius:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:right!important;
}
.page-invoice-new-php .invoice-live-total-v53 div:last-child,
.page-invoice-edit-php .invoice-live-total-v53 div:last-child{
  border-right:0!important;
  background:#FAFBFD!important;
}
.page-invoice-new-php .invoice-live-total-v53 span,
.page-invoice-edit-php .invoice-live-total-v53 span{
  font-size:9.5px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.page-invoice-new-php .invoice-live-total-v53 strong,
.page-invoice-edit-php .invoice-live-total-v53 strong{
  font-size:16px!important;
  line-height:1.05!important;
  font-weight:600!important;
}
.page-invoice-new-php .invoice-live-total-v53 small,
.page-invoice-edit-php .invoice-live-total-v53 small{
  font-size:9.5px!important;
  line-height:1.1!important;
  margin-top:1px!important;
}

/* Mobilni prikaz ostaje čitljiv */
@media(max-width:900px){
  .page-invoice-new-php .invoice-desktop-form-internal > .form-grid.two,
  .page-invoice-edit-php .invoice-desktop-form-internal > .form-grid.two{
    grid-template-columns:1fr 1fr!important;
  }
  .page-invoice-new-php .invoice-search-inline-grid,
  .page-invoice-new-php .invoice-desktop-form .barcode-inline-grid{
    grid-template-columns:1fr!important;
  }
  .page-invoice-new-php .invoice-table-head-internal,
  .page-invoice-edit-php .invoice-table-head-internal,
  .page-invoice-new-php .invoice-line-row-v53,
  .page-invoice-edit-php .invoice-line-row-v53{
    grid-template-columns:30px 1fr!important;
  }
  .page-invoice-new-php .invoice-live-total-v53,
  .page-invoice-edit-php .invoice-live-total-v53{
    grid-template-columns:1fr 1fr!important;
  }
}


/* V5.39.0 — Rute kupaca Srbije + mobilni teren */
.route-title{margin-bottom:10px}
.route-toolbar{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin:-48px 0 14px;flex-wrap:wrap}
.route-chip{border:1px solid #0D4F4E;background:#FBF6EC;color:#13233B;border-radius:10px;padding:8px 12px;font-weight:600;font-size:13px}
.route-kpis .kpi{min-height:94px}
.route-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;margin-bottom:14px}
.route-region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.route-region-card{display:grid;grid-template-columns:44px 1fr;gap:12px;text-decoration:none;color:#0F5C5B;border:1px solid #E1E6F0;border-radius:14px;background:#fff;padding:14px;min-height:190px;transition:.15s ease}
.route-region-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(16,24,40,.08)}
.route-region-card h3{margin:0 0 6px;font-size:15px;color:#13233B}
.route-region-card p{margin:0 0 10px;color:#0F5C5B;font-size:12px}
.route-region-card small{display:block;color:#64708B;line-height:1.35;min-height:54px}
.route-region-card strong{display:block;margin-top:12px;font-size:13px}
.route-region-no{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#F4F6FA;color:#13233B}
.route-accent-red .route-region-no,.route-accent-red .week-head strong{background:#fff1f2;color:#e11d48}
.route-accent-orange .route-region-no,.route-accent-orange .week-head strong{background:#fff7ed;color:#ea580c}
.route-accent-blue .route-region-no,.route-accent-blue .week-head strong{background:#F4F6FA;color:#13233B}
.route-accent-green .route-region-no,.route-accent-green .week-head strong{background:#f0fdf4;color:#15803d}
.route-rule-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.route-rule-list li{display:grid;grid-template-columns:34px 1fr;gap:10px;border-bottom:1px solid #E9EDF5;padding:11px 0}
.route-rule-list li:last-child{border-bottom:0}
.route-rule-list span{font-size:22px}
.route-rule-list b{display:block;font-size:13px;color:#13233B}
.route-rule-list small{display:block;color:#64708B;margin-top:2px}
.route-week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.route-week-card{border:1px solid #E1E6F0;border-radius:14px;background:#fff;padding:14px;color:#0F5C5B;text-decoration:none;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}
.week-head,.week-foot{display:flex;justify-content:space-between;gap:8px;align-items:center}
.week-head strong{border-radius:999px;padding:4px 8px;font-size:12px}.week-head span{font-size:12px;color:#64708B}
.route-week-card h3{margin:10px 0 6px;font-size:15px}.route-week-card p{font-size:13px;line-height:1.5;color:#13233B}.week-foot{font-size:12px;color:#64708B}.week-foot em{font-style:normal;color:#13233B;font-weight:600}
.route-status{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600;border:1px solid #0D4F4E;background:#F8F9FC;color:#13233B;white-space:nowrap}
.route-status-blue{background:#F4F6FA;color:#13233B;border-color:#0D4F4E}.route-status-green{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.route-status-orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.route-status-gray{background:#F8F9FC;color:#0F5C5B;border-color:#DCE2EE}.route-status-purple{background:#F4EFFF;color:#6d28d9;border-color:#E4D8FB}.route-status-red{background:#fff1f2;color:#dc2626;border-color:#fecdd3}.route-status-dark{background:#0D4F4E;color:#FFFFFF;border-color:#0D4F4E}
.route-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}
.route-day-list{display:grid;gap:8px}.route-day{display:grid;grid-template-columns:38px 150px 1fr;gap:12px;align-items:center;border-bottom:1px solid #E9EDF5;padding:9px 0}.route-day:last-child{border-bottom:0}.route-day-no{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#13233B;color:#fff;font-weight:700}.route-day strong{display:block;color:#13233B}.route-day small{color:#64708B}.route-day p{margin:0;color:#13233B;font-weight:500}
.route-search{display:grid;grid-template-columns:minmax(220px,1fr) 80px;gap:8px}.route-search input{min-height:34px}
.route-table td small{display:block;color:#64708B}.route-help{font-size:12px;color:#64708B;margin:10px 0 0}
.route-side-card{align-self:start;position:sticky;top:14px}.route-status-grid{display:flex;flex-wrap:wrap;gap:8px}.route-check-list{padding-left:18px;color:#13233B;font-size:13px;line-height:1.5}.btn.full{width:100%;justify-content:center;margin-top:8px}

.route-mobile-page{max-width:1380px;margin:0 auto}.route-visit-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.route-visit-head h1{margin:0;font-size:24px}.route-visit-head p{margin:2px 0 0;color:#64708B}
.route-visit-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.route-current-customer{margin-bottom:14px}.route-current-title{display:flex;align-items:center;gap:12px;border-bottom:1px solid #E9EDF5;padding-bottom:12px;margin-bottom:12px}.route-shop-icon{width:52px;height:52px;border-radius:50%;background:#F4F6FA;display:grid;place-items:center;font-size:26px}.route-current-title small{display:block;color:#13233B;font-weight:600}.route-current-title h2{margin:2px 0 0;font-size:24px}.route-current-title em{margin-left:auto;background:#F4F6FA;color:#13233B;border-radius:999px;padding:7px 12px;font-style:normal;font-weight:600}
.route-customer-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.route-customer-info div{border:1px solid #0D4F4E;border-radius:12px;padding:10px;background:#FCFDFE}.route-customer-info span{display:block;font-size:11px;color:#64708B;text-transform:uppercase}.route-customer-info strong{font-size:14px}.route-nav-btn{width:100%;justify-content:center;min-height:46px}
.route-report-form h2{font-size:18px;margin:0 0 10px}.route-status-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.route-choice{border:1px solid #E1E6F0;border-radius:14px;background:#fff;padding:10px;display:flex;align-items:center;gap:9px;min-height:48px;cursor:pointer}.route-choice input{display:none}.route-choice span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0D4F4E}.route-choice b{font-size:14px}.route-choice:has(input:checked){outline:2px solid #13233B;background:#FBF6EC}.route-choice-green span{background:#dcfce7;color:#15803d}.route-choice-orange span{background:#ffedd5;color:#c2410c}.route-choice-red span{background:#fee2e2;color:#dc2626}.route-choice-purple span{background:#ede9fe;color:#6d28d9}.route-choice-gray span,.route-choice-dark span{background:#0D4F4E;color:#FFFFFF}.route-choice-blue span{background:#0D4F4E;color:#FFFFFF}
.route-report-form textarea{min-height:100px}.route-next-grid{margin-top:10px}.route-save-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.route-save-actions .btn{flex:1;justify-content:center}
.route-history-card{align-self:start}.route-history-list{display:grid;gap:8px}.route-history-item{border:1px solid #0D4F4E;border-radius:12px;padding:10px;background:#FCFDFE}.route-history-item strong{display:block;margin-top:8px}.route-history-item p{margin:6px 0;color:#13233B}.route-history-item small{color:#64708B}

@media(max-width:1200px){
  .route-main-grid,.route-detail-grid,.route-visit-grid{grid-template-columns:1fr}
  .route-region-grid,.route-week-grid{grid-template-columns:1fr 1fr}
  .route-side-card{position:static}
  .route-toolbar{margin:0 0 12px;justify-content:flex-start}
}
@media(max-width:700px){
  .route-region-grid,.route-week-grid{grid-template-columns:1fr}
  .route-kpis{grid-template-columns:1fr 1fr}
  .route-day{grid-template-columns:34px 1fr}.route-day p{grid-column:2/3}
  .route-visit-head{position:sticky;top:0;z-index:10;background:#fff;padding:8px 0;border-bottom:1px solid #E9EDF5}.route-visit-head h1{font-size:18px}.route-visit-head .btn{padding:8px;font-size:12px}
  .route-current-title h2{font-size:20px}.route-current-title em{font-size:13px}
  .route-customer-info{grid-template-columns:1fr}
  .route-status-choice{grid-template-columns:1fr}
  .route-save-actions{position:sticky;bottom:74px;background:#fff;padding:8px 0;border-top:1px solid #E9EDF5}
  .bottom-nav-premium{grid-template-columns:repeat(6,1fr)}
  .bottom-nav-premium a{font-size:10px}
}


/* V5.39.2 — Artikal sa fotografijama po bojama + popis štikliranjem boja */
.product-color-photo-box{border:1px dashed #0D4F4E;border-radius:14px;padding:12px;background:#FCFDFE}
.color-photo-rows{display:grid;gap:8px}
.color-photo-row{display:grid;grid-template-columns:180px minmax(240px,1fr) 120px 80px;gap:8px;align-items:end;border:1px solid #E4E8F2;border-radius:12px;padding:9px;background:#fff}
.color-photo-row label{font-size:12px!important;gap:4px!important}
.color-photo-row input{min-height:34px!important}
.color-photo-preview{height:58px;border:1px solid #E4E8F2;border-radius:10px;background:#FAFBFD;display:grid;place-items:center;overflow:hidden;color:#64708B;font-size:11px}
.color-photo-preview img{width:100%;height:100%;object-fit:cover}

.inventory-count-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}
.inventory-count-scanner,.inventory-count-filter{align-self:start}
.count-barcode-grid{display:grid!important;grid-template-columns:minmax(240px,1fr) 130px 150px 110px 110px!important;gap:8px!important;align-items:end!important}
.count-barcode-grid input,.count-barcode-grid .btn{min-height:38px!important}
.inventory-count-scanner .compact-scanner{margin-bottom:10px;min-height:220px}
.inventory-count-scanner .compact-scanner video{width:100%;max-height:260px;object-fit:cover;border-radius:14px;background:#0F5C5B}
.count-selected-product{margin-top:10px}
.count-batch-head{display:grid;grid-template-columns:160px minmax(220px,1fr) 190px;gap:8px;align-items:end;margin-bottom:12px}
.count-batch-head label{font-size:12px!important;gap:4px!important}
.count-batch-head input{min-height:36px!important}
.count-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.count-color-card{display:grid!important;grid-template-columns:26px 70px minmax(0,1fr) 90px;gap:10px;align-items:center;border:1px solid #E1E6F0;border-radius:14px;background:#fff;padding:9px!important;min-height:92px;cursor:pointer}
.count-color-card:hover{box-shadow:0 10px 24px rgba(16,24,40,.07)}
.count-color-card.checked,.count-color-card:has(input[type="checkbox"]:checked){border-color:#13233B;background:#FBF6EC;outline:2px solid rgba(54,89,163,.12)}
.count-color-card>input[type="checkbox"]{width:20px;height:20px;margin:0}
.count-color-photo{width:70px;height:70px;border-radius:12px;background:#0D4F4E;display:grid;place-items:center;overflow:hidden;border:1px solid #E4E8F2}
.count-color-photo img{width:100%;height:100%;object-fit:cover}.count-color-photo b{font-size:12px;color:#13233B;text-align:center}
.count-color-info strong{display:block;font-size:15px;color:#13233B;font-weight:600}.count-color-info small{display:block;color:#64708B;margin-top:2px}.count-color-info em{display:block;font-style:normal;color:#13233B;margin-top:5px;font-size:12px}
.count-color-input small{display:block;color:#64708B;font-size:10px;text-transform:uppercase;text-align:center}.count-color-input input{min-height:34px!important;text-align:center;font-weight:600!important}
.page-inventory-count-php .table-wrap table{font-size:12px!important}.page-inventory-count-php .table-wrap th,.page-inventory-count-php .table-wrap td{padding:7px 8px!important}
@media(max-width:1100px){
  .inventory-count-grid{grid-template-columns:1fr}
  .count-barcode-grid{grid-template-columns:1fr 1fr!important}
  .count-batch-head{grid-template-columns:1fr!important}
  .color-photo-row{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .count-barcode-grid{grid-template-columns:1fr!important}
  .count-color-grid{grid-template-columns:1fr}
  .count-color-card{grid-template-columns:24px 62px 1fr 82px;gap:8px;padding:8px!important}
  .count-color-photo{width:62px;height:62px}
  .inventory-count-scanner .compact-scanner{min-height:180px}
  .inventory-count-scanner .compact-scanner video{max-height:210px}
  .color-photo-row{grid-template-columns:1fr}
}


/* V5.39.3 — Popis: izbor magacina + jasna razlika između brzog unosa i popisa */
.count-filter-row{grid-template-columns:minmax(260px,1fr) 180px 150px 90px!important;align-items:end!important}
.count-batch-head-warehouse{grid-template-columns:180px 150px minmax(220px,1fr) 190px!important}
@media(max-width:900px){
  .count-filter-row{grid-template-columns:1fr!important}
  .count-batch-head-warehouse{grid-template-columns:1fr!important}
}


/* V5.39.4 — Brzi unos ukupnog stanja po bojama, bez veličina */
.matrix-filter-row{grid-template-columns:minmax(260px,1fr) 180px 100px!important;align-items:end!important}
.total-entry-layout{grid-template-columns:330px minmax(0,1fr)}
.total-form-tools{grid-template-columns:minmax(220px,1fr) 180px 160px!important;align-items:end!important}
.total-color-list{display:grid;gap:10px}
.total-color-row{display:grid;grid-template-columns:170px minmax(220px,1fr) 150px 150px;gap:10px;align-items:center;border:1px solid #E1E6F0;border-radius:14px;background:#fff;padding:10px}
.total-color-row.suggested-row{background:#FCFDFE}
.total-color-row label{font-size:12px!important;gap:4px!important}
.total-color-row input{min-height:36px!important}
.total-photo-cell{display:grid;grid-template-columns:64px minmax(130px,1fr);gap:8px;align-items:center}
.total-photo-cell img,.total-photo-cell span{width:64px;height:64px;border:1px solid #E4E8F2;border-radius:12px;background:#FAFBFD;display:grid;place-items:center;object-fit:cover;color:#64708B;font-size:11px;text-align:center}
.total-photo-cell input{min-width:0}
.total-qty{text-align:center!important;font-weight:600!important}
.color-total-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #E4E8F2;border-radius:999px;background:#FAFBFD;padding:8px 12px;margin:6px 0}
.color-total-pill span{font-size:12px;color:#64708B}.color-total-pill strong{font-size:16px;color:#13233B}
.product-stock-total-table td,.product-stock-total-table th{text-align:left!important}
@media(max-width:900px){
  .matrix-filter-row,.total-form-tools{grid-template-columns:1fr!important}
  .total-entry-layout{grid-template-columns:1fr}
  .total-color-row{grid-template-columns:1fr!important;gap:6px;padding:12px}
  .total-photo-cell{grid-template-columns:72px 1fr}
  .total-photo-cell img,.total-photo-cell span{width:72px;height:72px}
}


/* V5.39.5 — Mobilni fix: sprečava iPhone/Safari zoom pri kliku u polja */
@media(max-width:900px){
  html{
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  input,
  select,
  textarea,
  button{
    font-size:16px!important;
  }
  input[type="number"],
  input[type="text"],
  input[type="search"],
  input[type="date"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  select,
  textarea{
    min-height:42px!important;
    line-height:1.2!important;
  }
  .total-color-row input,
  .count-color-card input,
  .count-batch-head input,
  .count-batch-head select,
  .count-filter-row input,
  .count-filter-row select,
  .color-photo-row input,
  .invoice-line-row-v53 input,
  .invoice-line-row-v53 select{
    font-size:16px!important;
  }
  body{
    touch-action:manipulation;
  }
}


/* V5.39.6 — Brži unos artikala, uvoz i kontrola kvaliteta */
.import-card .form-grid label{font-size:13px!important}
.product-quality-section{margin-top:14px}
.product-quality-section .row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.card-head-actions{gap:7px;flex-wrap:wrap}
.hero-actions{gap:8px;flex-wrap:wrap}
@media(max-width:900px){
  .product-quality-section .table-wrap{overflow:auto}
  .product-quality-section .compact-invoice-table{min-width:760px}
  .import-card .form-grid.two{grid-template-columns:1fr!important}
  .hero-actions .btn,.card-head-actions .btn{min-height:40px!important;font-size:14px!important}
}

/* V5.39.7 — mali prozor za greške / upozorenja umesto belog SQL ekrana */
.ck-inline-modal-overlay{
  position:fixed;inset:0;z-index:99999;background:rgba(15,24,42,.36);
  display:grid;place-items:center;padding:18px;backdrop-filter:blur(4px)
}
.ck-inline-modal{
  width:min(520px,100%);background:#fff;border:1px solid #E1E6F0;border-radius:22px;
  box-shadow:0 28px 90px rgba(16,24,40,.24);padding:22px;color:#0F5C5B
}
.ck-inline-icon{width:52px;height:52px;border-radius:16px;background:#fff7ed;color:#c2410c;display:grid;place-items:center;font-size:28px;font-weight:800;margin-bottom:12px}
.ck-inline-modal h3{margin:0 0 8px;font-size:24px;font-weight:700;color:#0F5C5B}.ck-inline-modal p{margin:0 0 18px;font-size:16px;line-height:1.5;color:#0F5C5B}.ck-inline-actions{display:flex;gap:10px;flex-wrap:wrap}.ck-inline-actions .btn{justify-content:center}
@media(max-width:650px){.ck-inline-modal{border-radius:18px;padding:18px}.ck-inline-actions{display:grid}.ck-inline-actions .btn{width:100%}}


/* V5.39.9 — Korisnici i dozvole */
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0}.permission-grid fieldset{border:1px solid #E1E6F0;border-radius:14px;background:#FCFDFE;padding:12px}.permission-grid legend{font-weight:700;color:#13233B;padding:0 6px}.perm-check{display:flex!important;align-items:center;gap:9px;min-height:32px;font-size:13px!important}.perm-check input{width:18px;height:18px}.user-permission-list{display:grid;gap:10px}.user-permission-row{border:1px solid #E1E6F0;border-radius:14px;background:#fff;padding:10px}.user-permission-row summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}.user-permission-row summary small{color:#64708B}.compact-permissions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.no-access-card{max-width:720px}.permission-user-form h3{margin-top:14px}@media(max-width:900px){.permission-grid{grid-template-columns:1fr}.user-permission-row summary{align-items:flex-start;flex-direction:column}.perm-check{font-size:16px!important}}


/* V5.40.0 — SEF/obični račun odvojeni brojevi + širi kupac + EUR/RSD finansije */
@media(min-width:901px){
  .sef-compact-top-grid{
    grid-template-columns:minmax(220px,1.5fr) minmax(200px,1.3fr) minmax(160px,1fr) minmax(130px,.8fr) 120px 120px 112px 92px 128px !important;
    grid-template-areas:
      "buyer buyer buyer buyer pib city date base mark"
      "pay pay addr addr addr delivery due card card" !important;
  }
  .buyer-combo-v5284{
    grid-template-columns:96px minmax(220px,1fr) 36px 46px!important;
  }
}
.sef-correction-tip{
  background:#fff9e8!important;
}
.money-dual-label{min-width:0}
.money-dual-inputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  align-items:center;
}
.money-dual-inputs input{
  width:100%;
  min-width:0;
}
.money-dual-label small{
  display:block;
  color:#667085;
  font-size:11px;
  line-height:1.25;
  margin-top:4px;
}
.home-quick-entry-form .money-dual-label,
.entry-form-row .money-dual-label{
  min-width:190px;
}
@media(max-width:900px){
  .money-dual-inputs{
    grid-template-columns:1fr 1fr;
  }
  .home-quick-entry-form .money-dual-label,
  .entry-form-row .money-dual-label{
    min-width:0;
  }
}


/* V5.40.1 — Dashboard desktop: EUR/RSD i Keš/Faktura uredno poravnati */
@media(min-width:901px){
  .home-quick-entry-card .home-quick-entry-form{
    display:grid!important;
    grid-template-columns:118px 120px minmax(170px,.85fr) minmax(220px,1.1fr) minmax(230px,.9fr) 185px 150px!important;
    gap:10px 12px!important;
    align-items:end!important;
    width:100%!important;
  }
  .home-quick-entry-card .home-quick-entry-form > label{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }
  .home-quick-entry-card .money-dual-label{
    min-width:230px!important;
  }
  .home-quick-entry-card .money-dual-inputs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .home-quick-entry-card .money-dual-inputs input{
    min-width:0!important;
    width:100%!important;
    height:48px!important;
  }
  .home-quick-entry-card .payment-toggle{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .home-quick-entry-card .payment-toggle label{
    margin:0!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    white-space:nowrap!important;
  }
  .home-quick-entry-card .quick-entry-submit{
    min-height:48px!important;
    width:100%!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
}
@media(min-width:901px) and (max-width:1450px){
  .home-quick-entry-card .home-quick-entry-form{
    grid-template-columns:118px 120px minmax(160px,.8fr) minmax(210px,1fr) minmax(220px,.9fr) 178px!important;
  }
  .home-quick-entry-card .quick-entry-submit{
    grid-column:1 / -1!important;
  }
}
@media(min-width:901px){
  .entry-form-row .money-dual-inputs{
    min-width:220px!important;
  }
  .entry-form-row .payment-toggle{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
}


/* V5.40.2 — Dashboard desktop: brzi unos u 2 uredna reda bez preklapanja */
@media(min-width:901px){
  .home-quick-entry-card{
    overflow:hidden!important;
  }
  .home-quick-entry-card .home-quick-entry-form{
    display:grid!important;
    grid-template-columns:120px 120px minmax(170px,1fr) minmax(240px,1.4fr) minmax(240px,1fr)!important;
    gap:10px 12px!important;
    align-items:end!important;
    width:100%!important;
  }
  .home-quick-entry-card .home-quick-entry-form > label{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }
  .home-quick-entry-card .money-dual-label{
    min-width:0!important;
  }
  .home-quick-entry-card .money-dual-inputs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .home-quick-entry-card .money-dual-inputs input{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
  }
  .home-quick-entry-card .money-dual-label small{
    display:block!important;
    color:rgba(255,255,255,.92)!important;
    font-size:11px!important;
    line-height:1.2!important;
    margin-top:5px!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .home-quick-entry-card .payment-toggle{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .home-quick-entry-card .payment-toggle label{
    height:46px!important;
    min-height:46px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    white-space:nowrap!important;
  }
  .home-quick-entry-card .home-quick-entry-form .quick-entry-submit{
    grid-column:5!important;
    min-height:46px!important;
    width:100%!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
}
@media(min-width:901px) and (max-width:1500px){
  .home-quick-entry-card .home-quick-entry-form{
    grid-template-columns:115px 115px minmax(160px,1fr) minmax(220px,1.3fr)!important;
  }
  .home-quick-entry-card .money-dual-label{
    grid-column:1 / span 2!important;
  }
  .home-quick-entry-card .home-quick-entry-form > label:has(.payment-toggle){
    grid-column:3!important;
  }
  .home-quick-entry-card .home-quick-entry-form .quick-entry-submit{
    grid-column:4!important;
  }
}


/* V5.40.3 — Dashboard: Keš/Faktura dugmad lepše i šire na desktopu */
@media(min-width:901px){
  .home-quick-entry-card .home-quick-entry-form > label:has(.payment-toggle){
    min-width:210px!important;
  }
  .home-quick-entry-card .payment-toggle{
    display:flex!important;
    gap:10px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:210px!important;
  }
  .home-quick-entry-card .payment-toggle label{
    flex:0 0 96px!important;
    width:96px!important;
    min-width:96px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:12px!important;
    line-height:1!important;
  }
  .home-quick-entry-card .payment-toggle input[type="radio"]{
    width:15px!important;
    height:15px!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
}
@media(min-width:901px) and (max-width:1500px){
  .home-quick-entry-card .home-quick-entry-form > label:has(.payment-toggle){
    grid-column:3 / span 1!important;
  }
}


/* V5.40.4 — artikal bez boja + kategorije i bolji popust */
.product-total-stock-box{
  border:1px solid #E1E6F0;
  border-radius:14px;
  background:#FCFDFE;
  padding:12px;
  margin:10px 0;
}
.product-total-stock-box label{
  display:grid;
  gap:5px;
  font-weight:600;
}
.product-total-stock-box input{
  max-width:220px;
  text-align:center;
  font-weight:700;
}
.stock-mode-tools{
  grid-template-columns:minmax(240px,1fr) minmax(220px,1fr) 170px!important;
}
#new-category-label{
  display:none;
}
.product-color-photo-box .alert.info{
  line-height:1.35;
}
@media(max-width:900px){
  .stock-mode-tools{
    grid-template-columns:1fr!important;
  }
  .product-total-stock-box input{
    max-width:none;
  }
}


/* V5.40.8 — Rute kupaca u putnom nalogu + uredniji plan obilaska */
.route-main-grid-clean{display:block!important;margin-bottom:14px}
.route-rules-clean{margin-bottom:14px}
.route-rule-list-clean{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}
.route-rule-list-clean li{border:1px solid #E4E8F2!important;border-radius:14px!important;padding:12px!important;background:#FCFDFE!important}
.route-detail-grid{grid-template-columns:minmax(0,1fr) 300px!important}
.route-side-clean{position:sticky;top:14px}
.route-side-clean .route-status-grid.compact{display:flex;gap:6px;flex-wrap:wrap}
.route-side-clean .route-status{font-size:10px;padding:3px 6px}
.route-clean-note{border:1px solid #E1E6F0;background:#FCFDFE;border-radius:14px;padding:12px;margin:12px 0;color:#13233B}
.route-clean-note strong{display:block;color:#13233B;margin-bottom:4px}
.route-clean-note p{margin:0;font-size:13px;line-height:1.45}
.route-day-loop{grid-template-columns:38px 150px minmax(0,1fr)!important;align-items:start!important}
.route-day-loop .route-overnight{display:block;color:#13233B;margin-top:4px;font-weight:600}
.route-days-form{display:flex;align-items:center;gap:8px}
.route-days-form label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#13233B}
.route-days-form select{min-height:34px;border-radius:10px}
.route-toggle-form{display:inline-flex;margin:0}
.mini-btn.danger{background:#fff1f2;border-color:#fecdd3;color:#dc2626}
.mini-btn.green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}
.route-exclude-box{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #fecdd3;background:#fff7f7;border-radius:14px;padding:12px;margin:8px 0!important}
.route-exclude-box input{width:18px;height:18px;margin-top:2px}
.route-exclude-box b{display:block;color:#b91c1c}.route-exclude-box small{display:block;color:#0F5C5B;margin-top:2px}
@media(max-width:1100px){
  .route-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .route-rule-list-clean{grid-template-columns:repeat(2,minmax(0,1fr))}
  .route-detail-grid{grid-template-columns:1fr!important}
  .route-side-clean{position:static}
}
@media(max-width:650px){
  .route-region-grid,.route-week-grid,.route-rule-list-clean{grid-template-columns:1fr!important}
  .route-toolbar{margin:0 0 12px!important;justify-content:flex-start}
  .route-day-loop{grid-template-columns:32px 1fr!important}
  .route-day-loop>div:last-child{grid-column:1/-1;padding-left:44px}
  .route-table{font-size:12px}
}


/* V5.40.9 — SEF datum prometa vidljiv i povezan sa XML-om */
@media(min-width:1401px){
  .sef-compact-top-grid{
    grid-template-columns:minmax(170px,1.65fr) minmax(115px,1fr) minmax(120px,1fr) 120px 120px 105px 92px 128px !important;
    grid-template-areas:
      "buyer buyer pib city date traffic base mark"
      "pay pay addr addr addr delivery due card" !important;
  }
}
.sef-compact-top-grid .issue-date-field{grid-area:date !important}
.sef-compact-top-grid .traffic-date-field{grid-area:traffic !important}
.sef-compact-top-grid .traffic-date-field small{
  display:block;
  font-size:9px!important;
  line-height:1.1!important;
  color:#667085!important;
  font-weight:600!important;
  margin-top:1px!important;
}
@media(max-width:1400px){
  .sef-compact-top-grid{
    grid-template-areas:
      "buyer buyer pib city"
      "date traffic base mark"
      "pay pay delivery due"
      "addr addr card card" !important;
  }
}
@media(max-width:900px){
  .sef-compact-top-grid .issue-date-field,
  .sef-compact-top-grid .traffic-date-field{grid-area:auto !important}
  .sef-compact-top-grid .traffic-date-field small{font-size:10px!important}
}

.sef-compact-top-grid .base-no-field{grid-area:base !important}
.sef-compact-top-grid .mark-field{grid-area:mark !important}


/* V5.41.0 — Kupac iz SEF baze + strani kupac */
.customer-sef-lookup-box{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px;align-items:center;border:1px dashed #0D4F4E;border-radius:14px;background:#FBF6EC;padding:12px}
.customer-sef-lookup-box strong{display:block;color:#13233B}.customer-sef-lookup-box small{display:block;color:#64708B;margin-top:2px}.customer-sef-lookup-box .alert{grid-column:1/-1;margin:0}
@media(max-width:700px){.customer-sef-lookup-box{grid-template-columns:1fr}.customer-sef-lookup-box .btn{width:100%;justify-content:center}}


/* V5.41.1 — Mobilni prikaz pravila obilaska u rutama */
.route-rule-list-clean li{
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:6px 14px!important;
  min-height:112px!important;
}
.route-rule-list-clean li span{
  grid-row:1 / span 2!important;
  grid-column:1!important;
  width:56px!important;
  height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #E1E6F0!important;
  border-radius:14px!important;
  background:#fff!important;
  font-size:28px!important;
  line-height:1!important;
}
.route-rule-list-clean li b{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  font-size:16px!important;
  line-height:1.2!important;
  margin:0!important;
}
.route-rule-list-clean li small{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  display:block!important;
  max-width:100%!important;
  width:auto!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.35!important;
  font-size:14px!important;
  margin:0!important;
}
@media(max-width:650px){
  .route-rules-clean{padding:18px!important;border-radius:18px!important}
  .route-rules-clean .card-head h2{font-size:24px!important;margin-bottom:6px!important}
  .route-rules-clean .card-head p{font-size:15px!important;line-height:1.35!important}
  .route-rule-list-clean{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .route-rule-list-clean li{
    grid-template-columns:74px minmax(0,1fr)!important;
    min-height:112px!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  .route-rule-list-clean li span{width:58px!important;height:58px!important;font-size:30px!important}
  .route-rule-list-clean li b{font-size:18px!important}
  .route-rule-list-clean li small{font-size:15px!important;line-height:1.35!important}
}


/* V5.41.2 — Podešavanja programa, PDV status i meni */
.settings-section-title{border-top:1px solid #E4E8F2;padding-top:16px;margin-top:4px}
.settings-section-title h2{margin:0 0 4px;color:#13233B;font-size:20px}
.settings-section-title p{margin:0;color:#667085}
.settings-pdv-box{display:grid;grid-template-columns:minmax(260px,1fr) 200px minmax(220px,.7fr);gap:12px;align-items:stretch;border:1px solid #E1E6F0;border-radius:18px;background:#FCFDFE;padding:14px}
.settings-toggle-line{border:1px solid #E1E6F0;border-radius:14px;background:#fff;padding:14px;display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start!important;gap:12px!important}
.settings-toggle-line input{width:24px;height:24px;margin-top:2px}
.settings-toggle-line strong{display:block;color:#13233B;font-size:16px}
.settings-toggle-line small{display:block;color:#667085;margin-top:4px;line-height:1.35}
.vat-preview-card{border:1px solid #E1E6F0;border-radius:14px;padding:14px;display:grid;align-content:center;gap:6px}
.vat-preview-card.on{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.vat-preview-card.off{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.menu-settings-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(240px,.6fr);gap:14px}
.menu-module-list{display:grid;gap:8px}
.menu-module-row{display:grid;grid-template-columns:34px 58px minmax(160px,1fr) 150px;gap:10px;align-items:center;border:1px solid #E1E6F0;border-radius:14px;background:#fff;padding:10px}
.menu-module-row.dragging{opacity:.55;box-shadow:0 16px 35px rgba(16,24,40,.16)}
.drag-handle{cursor:grab;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#FBF1DE;color:#13233B;font-weight:900}
.menu-switch{display:flex!important;align-items:center!important;justify-content:center!important}
.menu-switch input{display:none}
.menu-switch span{width:48px;height:26px;border-radius:999px;background:#0D4F4E;position:relative;display:block;transition:.15s}
.menu-switch span:before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.15s;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.menu-switch input:checked+span{background:#16a34a}
.menu-switch input:checked+span:before{transform:translateX(22px)}
.menu-module-row strong{color:#13233B}.menu-module-row small{color:#667085}
.menu-preview-card{border:1px solid #E1E6F0;border-radius:16px;background:linear-gradient(180deg,#FAFBFD,#fff);padding:14px;color:#13233B}
.menu-preview-card h3{margin:0 0 8px;color:#13233B}
@media(max-width:900px){
  .settings-pdv-box,.menu-settings-grid{grid-template-columns:1fr}
  .menu-module-row{grid-template-columns:30px 54px 1fr;gap:8px}
  .menu-module-row small{grid-column:3}
}


/* V5.41.3 — jači dark mode na telefonu */
@media(max-width:900px){
  body.ck-dark-mode .main,
  body.ck-dark-mode .mobile-menu-card,
  body.ck-dark-mode .mobile-menu-premium,
  body.ck-dark-mode .premium-menu-profile,
  body.ck-dark-mode .mobile-menu-link,
  body.ck-dark-mode .mobile-acc,
  body.ck-dark-mode .mobile-submenu,
  body.ck-dark-mode .bottom-nav,
  body.ck-dark-mode .card,
  body.ck-dark-mode .premium-card,
  body.ck-dark-mode .left-card,
  body.ck-dark-mode .quick-panel,
  body.ck-dark-mode .mobile-card{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode .mobile-topbar,
  body.ck-dark-mode .premium-menu-head,
  body.ck-dark-mode .bottom-nav-premium{
    background:#0F5C5B!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode .mobile-menu-link small,
  body.ck-dark-mode .mobile-acc small,
  body.ck-dark-mode .premium-menu-title span,
  body.ck-dark-mode .card p,
  body.ck-dark-mode small,
  body.ck-dark-mode .muted{
    color:#9FACC8!important;
  }
  body.ck-dark-mode input,
  body.ck-dark-mode select,
  body.ck-dark-mode textarea{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode .mobile-submenu a,
  body.ck-dark-mode .nav-sub a{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode .kpi,
  body.ck-dark-mode .route-region-card,
  body.ck-dark-mode .route-week-card,
  body.ck-dark-mode .route-rule-list-clean li,
  body.ck-dark-mode .route-clean-note{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
    border-color:#13233B!important;
  }
}

/* V5.41.3 — podešavanja i šifarnici */
.nav[style], .nav-compact[style]{display:grid}


/* V5.41.5 — mobilni meni i dark mode: stabilan donji meni i čitljive kartice */
@media(max-width:900px){
  .bottom-nav.bottom-nav-premium{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:4px!important;
    align-items:center!important;
  }
  .bottom-nav.bottom-nav-premium > a{
    order:initial!important;
    min-width:0!important;
  }
  .bottom-nav.bottom-nav-premium .quick-add{
    grid-column:auto!important;
    transform:none!important;
  }
  .bottom-nav.bottom-nav-premium .quick-add .nav-icon{
    width:58px!important;
    height:58px!important;
  }

  body.ck-dark-mode{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
  }
  body.ck-dark-mode .app,
  body.ck-dark-mode .main{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
  }
  body.ck-dark-mode .card,
  body.ck-dark-mode .premium-card,
  body.ck-dark-mode .kpi,
  body.ck-dark-mode .settings-preview,
  body.ck-dark-mode .invoice-live-total > div,
  body.ck-dark-mode .chart-card,
  body.ck-dark-mode .director-card,
  body.ck-dark-mode .finance-card,
  body.ck-dark-mode .dashboard-card,
  body.ck-dark-mode .report-card,
  body.ck-dark-mode .list-card,
  body.ck-dark-mode .route-region-card,
  body.ck-dark-mode .route-week-card,
  body.ck-dark-mode .route-rule-list-clean li,
  body.ck-dark-mode .route-clean-note,
  body.ck-dark-mode .sef-top-form-v5284,
  body.ck-dark-mode .sef-wizard-panel,
  body.ck-dark-mode .sef-preview-panel,
  body.ck-dark-mode .mobile-card,
  body.ck-dark-mode .quick-panel{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
    border-color:#13233B!important;
    box-shadow:none!important;
  }
  body.ck-dark-mode .kpi.balance,
  body.ck-dark-mode .kpi.income,
  body.ck-dark-mode .kpi.expense,
  body.ck-dark-mode .vat-preview-card,
  body.ck-dark-mode .menu-preview-card{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode .card h1,
  body.ck-dark-mode .card h2,
  body.ck-dark-mode .card h3,
  body.ck-dark-mode .premium-card h1,
  body.ck-dark-mode .premium-card h2,
  body.ck-dark-mode .premium-card h3{
    color:#FAFBFD!important;
  }
  body.ck-dark-mode .card p,
  body.ck-dark-mode .card small,
  body.ck-dark-mode .kpi span,
  body.ck-dark-mode .kpi small,
  body.ck-dark-mode .muted,
  body.ck-dark-mode .page-title p{
    color:#0D4F4E!important;
  }
  body.ck-dark-mode input,
  body.ck-dark-mode select,
  body.ck-dark-mode textarea{
    background:#0F5C5B!important;
    color:#FBF1DE!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode input::placeholder,
  body.ck-dark-mode textarea::placeholder{
    color:#0F5C5B!important;
  }
  body.ck-dark-mode .alert.info{
    background:#0F5C5B!important;
    color:#FFFFFF!important;
    border-color:#0F5C5B!important;
  }
  body.ck-dark-mode .alert.warning,
  body.ck-dark-mode .sef-correction-tip{
    background:#2a1f0a!important;
    color:#ffe6a3!important;
    border-color:#8a650f!important;
  }
  body.ck-dark-mode .alert.error{
    background:#3a1216!important;
    color:#ffc4c9!important;
    border-color:#7f1d1d!important;
  }
  body.ck-dark-mode .alert.success{
    background:#0f2b1c!important;
    color:#bbf7d0!important;
    border-color:#166534!important;
  }
  body.ck-dark-mode .mobile-menu-card,
  body.ck-dark-mode .mobile-menu-premium,
  body.ck-dark-mode .premium-menu-head,
  body.ck-dark-mode .premium-menu-profile,
  body.ck-dark-mode .mobile-menu-link,
  body.ck-dark-mode .mobile-acc,
  body.ck-dark-mode .mobile-submenu,
  body.ck-dark-mode .bottom-nav-premium,
  body.ck-dark-mode .mobile-topbar{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode .mobile-submenu a{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode .mobile-menu-link small,
  body.ck-dark-mode .mobile-acc small,
  body.ck-dark-mode .premium-menu-title span{
    color:#9FACC8!important;
  }
  body.ck-dark-mode .bar-chart-card,
  body.ck-dark-mode .chart-wrap,
  body.ck-dark-mode .white-card,
  body.ck-dark-mode [class*="white"],
  body.ck-dark-mode [class*="light-card"]{
    background:#0F5C5B!important;
    color:#EBEEF5!important;
  }
}

/* V5.41.5 — SEF faktura na telefonu bez preklapanja polja */
@media(max-width:900px){
  .sef-ui-header.compact{
    display:block!important;
    margin-bottom:10px!important;
  }
  .sef-ui-header.compact h1{
    font-size:30px!important;
    line-height:1.1!important;
    margin:0 0 12px!important;
  }
  .sef-ui-shortcuts.compact-shortcuts{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .sef-ui-shortcuts.compact-shortcuts span,
  .sef-ui-shortcuts.compact-shortcuts a{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
  }
  .sef-compact-top-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:none!important;
    gap:10px!important;
  }
  .sef-compact-top-grid > *,
  .sef-compact-top-grid label,
  .buyer-wide,
  .pay-ref-card-v5284,
  .send-preview-card{
    grid-area:auto!important;
    width:100%!important;
    min-width:0!important;
  }
  .buyer-combo-v5284{
    display:grid!important;
    grid-template-columns:92px 1fr!important;
    gap:6px!important;
  }
  .buyer-combo-v5284 .btn,
  .buyer-combo-v5284 button,
  .buyer-combo-v5284 a{
    display:none!important;
  }
  .sef-compact-top-grid label{
    font-size:12px!important;
    line-height:1.25!important;
    color:#DCE2EE!important;
  }
  .sef-compact-top-grid input,
  .sef-compact-top-grid select{
    min-height:46px!important;
    font-size:16px!important;
  }
  .sef-entry-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .sef-entry-table{
    min-width:720px!important;
  }
  .invoice-live-total{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .invoice-bottom-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}

/* V5.41.7 — Nova SEF faktura: potpuno sređen mobilni raspored */
@media(max-width:900px){
  .page-sef-invoice-form-php .main{
    padding:12px 10px 110px!important;
    overflow-x:hidden!important;
  }
  .page-sef-invoice-form-php .sef-ui-v5284{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .page-sef-invoice-form-php .sef-docbar{
    display:none!important;
  }
  .page-sef-invoice-form-php .sef-ui-header.compact{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0 0 12px!important;
    padding:0!important;
  }
  .page-sef-invoice-form-php .sef-ui-header h1{
    display:block!important;
    margin:0!important;
    font-size:28px!important;
    line-height:1.08!important;
    color:#0F5C5B!important;
    letter-spacing:.01em!important;
    white-space:normal!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .sef-ui-header h1{
    color:#FAFBFD!important;
  }
  .page-sef-invoice-form-php .sef-ui-subtitle{
    display:none!important;
  }
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts span,
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts .help-mini{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    border-radius:14px!important;
    border:1px solid #0D4F4E!important;
    background:#fff!important;
    color:#0b7a20!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    font-size:14px!important;
    font-weight:800!important;
    text-align:center!important;
    padding:0 8px!important;
    box-shadow:0 2px 8px rgba(16,24,40,.05)!important;
  }
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts .help-mini{
    color:#13233B!important;
    grid-column:1 / -1!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts span,
  body.ck-dark-mode.page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts .help-mini{
    background:#0F5C5B!important;
    color:#dff4e5!important;
    border-color:#13233B!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts .help-mini{
    color:#FBF1DE!important;
  }
  .page-sef-invoice-form-php .v519-stepper{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    margin:8px 0 12px!important;
    padding:0!important;
  }
  .page-sef-invoice-form-php .v519-stepper span{
    min-width:0!important;
    width:100%!important;
    height:54px!important;
    border-radius:16px!important;
    padding:0 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    font-size:13px!important;
    background:#fff!important;
    color:#667085!important;
    border:1px solid #0D4F4E!important;
    box-shadow:0 2px 8px rgba(16,24,40,.05)!important;
  }
  .page-sef-invoice-form-php .v519-stepper span b{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    font-size:14px!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .v519-stepper span{
    background:#0F5C5B!important;
    color:#FFFFFF!important;
    border-color:#13233B!important;
  }

  .page-sef-invoice-form-php .compact-sef-form{
    padding:14px!important;
    border-radius:18px!important;
    margin:0 0 14px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #0D4F4E!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .compact-sef-form{
    background:#0F5C5B!important;
    border-color:#13233B!important;
  }
  .page-sef-invoice-form-php .sef-compact-top-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "buyer buyer"
      "pib city"
      "issue traffic"
      "base mark"
      "pay address"
      "delivery due"
      "card card"!important;
    gap:12px 10px!important;
    width:100%!important;
    max-width:100%!important;
    align-items:start!important;
  }
  .page-sef-invoice-form-php .sef-compact-top-grid label{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:0!important;
    color:#0F5C5B!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:850!important;
    position:static!important;
    opacity:1!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .sef-compact-top-grid label{
    color:#0D4F4E!important;
  }
  .page-sef-invoice-form-php .sef-compact-top-grid input,
  .page-sef-invoice-form-php .sef-compact-top-grid select{
    height:48px!important;
    min-height:48px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border-radius:12px!important;
    padding:0 12px!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:48px!important;
    background:#fff!important;
    color:#0F5C5B!important;
    border:1px solid #0D4F4E!important;
    box-shadow:none!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .sef-compact-top-grid input,
  body.ck-dark-mode.page-sef-invoice-form-php .sef-compact-top-grid select{
    background:#0F5C5B!important;
    color:#FBF1DE!important;
    border-color:#13233B!important;
  }
  .page-sef-invoice-form-php .sef-compact-top-grid label small{
    display:block!important;
    font-size:11px!important;
    line-height:1.25!important;
    color:#667085!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    width:auto!important;
    opacity:1!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .sef-compact-top-grid label small{
    color:#9FACC8!important;
  }
  .page-sef-invoice-form-php .buyer-wide{grid-area:buyer!important;grid-column:auto!important}
  .page-sef-invoice-form-php .sef-compact-top-grid > label:nth-of-type(2){grid-area:pib!important}
  .page-sef-invoice-form-php .sef-compact-top-grid > label:nth-of-type(3){grid-area:city!important}
  .page-sef-invoice-form-php .issue-date-field{grid-area:issue!important}
  .page-sef-invoice-form-php .traffic-date-field{grid-area:traffic!important}
  .page-sef-invoice-form-php .base-no-field{grid-area:base!important}
  .page-sef-invoice-form-php .mark-field{grid-area:mark!important}
  .page-sef-invoice-form-php .payment-method-wide{grid-area:pay!important;grid-column:auto!important}
  .page-sef-invoice-form-php .buyer-address-wide{grid-area:address!important;grid-column:auto!important}
  .page-sef-invoice-form-php .delivery-city-field{grid-area:delivery!important}
  .page-sef-invoice-form-php .due-date-field{grid-area:due!important}
  .page-sef-invoice-form-php .send-preview-card{grid-area:card!important;grid-column:auto!important}

  .page-sef-invoice-form-php .buyer-combo-v5284{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:8px!important;
    height:auto!important;
    min-height:48px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
    border-radius:0!important;
  }
  .page-sef-invoice-form-php .buyer-combo-v5284 select,
  .page-sef-invoice-form-php .buyer-combo-v5284 input{
    display:block!important;
    height:48px!important;
    min-height:48px!important;
    border:1px solid #0D4F4E!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#0F5C5B!important;
    padding:0 10px!important;
    font-size:14px!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .buyer-combo-v5284 select,
  body.ck-dark-mode.page-sef-invoice-form-php .buyer-combo-v5284 input{
    background:#0F5C5B!important;
    color:#FBF1DE!important;
    border-color:#13233B!important;
  }
  .page-sef-invoice-form-php .buyer-combo-v5284 .mini-btn{
    display:none!important;
  }
  .page-sef-invoice-form-php .pay-ref-card-v5284.compact-card{
    height:auto!important;
    min-height:78px!important;
    padding:13px 14px!important;
    border-radius:14px!important;
    display:grid!important;
    align-content:center!important;
    gap:2px!important;
    width:100%!important;
  }
  .page-sef-invoice-form-php .pay-ref-card-v5284 strong{font-size:22px!important;line-height:1.05!important}
  .page-sef-invoice-form-php .pay-ref-card-v5284 span,
  .page-sef-invoice-form-php .pay-ref-card-v5284 small{font-size:12px!important;line-height:1.25!important}

  .page-sef-invoice-form-php .sef-correction-tip,
  .page-sef-invoice-form-php .buyer-warning-v5284,
  .page-sef-invoice-form-php .compact-sef-form .alert.info,
  .page-sef-invoice-form-php .compact-sef-form .alert.warning{
    margin:12px 0 0!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:800!important;
    position:static!important;
    width:100%!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .buyer-warning-v5284,
  body.ck-dark-mode.page-sef-invoice-form-php .sef-correction-tip,
  body.ck-dark-mode.page-sef-invoice-form-php .compact-sef-form .alert.info,
  body.ck-dark-mode.page-sef-invoice-form-php .compact-sef-form .alert.warning{
    color:#fff3d8!important;
    background:#3a2305!important;
    border-color:#8a5b13!important;
  }

  .page-sef-invoice-form-php .sef-wizard-panel[data-wizard-step="2"]{
    padding:14px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .page-sef-invoice-form-php .sef-items-head-v5284{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    align-items:center!important;
    margin:0 0 10px!important;
  }
  .page-sef-invoice-form-php .sef-items-head-v5284 h2{
    font-size:26px!important;
    line-height:1.1!important;
    margin:0!important;
  }
  .page-sef-invoice-form-php .sef-items-head-v5284 .btn{
    width:100%!important;
    min-height:48px!important;
    border-radius:14px!important;
    justify-content:center!important;
  }
  .page-sef-invoice-form-php .sef-entry-table-wrap-v5284{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:16px!important;
    min-height:0!important;
    max-height:none!important;
  }
  .page-sef-invoice-form-php .sef-entry-table-v5284{
    min-width:760px!important;
    width:760px!important;
  }
  .page-sef-invoice-form-php .sef-entry-table-v5284 th,
  .page-sef-invoice-form-php .sef-entry-table-v5284 td{
    height:50px!important;
  }
  .page-sef-invoice-form-php .sef-entry-table-v5284 input,
  .page-sef-invoice-form-php .sef-entry-table-v5284 select{
    height:48px!important;
    min-height:48px!important;
    font-size:14px!important;
  }
  .page-sef-invoice-form-php .invoice-live-total{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    border:0!important;
    background:transparent!important;
    margin:12px 0 0!important;
  }
  .page-sef-invoice-form-php .invoice-live-total div{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:78px!important;
    border:1px solid #0D4F4E!important;
    border-radius:14px!important;
    background:#fff!important;
    padding:10px 6px!important;
  }
  body.ck-dark-mode.page-sef-invoice-form-php .invoice-live-total div{
    background:#0F5C5B!important;
    border-color:#13233B!important;
  }
  .page-sef-invoice-form-php .invoice-live-total span{font-size:11px!important}
  .page-sef-invoice-form-php .invoice-live-total strong{font-size:16px!important}
  .page-sef-invoice-form-php .invoice-bottom-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .page-sef-invoice-form-php .invoice-bottom-actions .btn{
    width:100%!important;
    min-height:52px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
}

@media(max-width:430px){
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts{grid-template-columns:1fr 1fr!important}
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts span,
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts .help-mini{font-size:13px!important}
  .page-sef-invoice-form-php .sef-compact-top-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "buyer"
      "pib"
      "city"
      "issue"
      "traffic"
      "base"
      "mark"
      "pay"
      "address"
      "delivery"
      "due"
      "card"!important;
  }
  .page-sef-invoice-form-php .invoice-live-total{grid-template-columns:1fr!important}
}


/* V5.41.8 — telefon: jedan meni + bez F prečica na SEF formi */
@media(max-width:1100px){
  body.mobile-menu-is-open .mobile-topbar,
  body.mobile-menu-is-open .bottom-nav,
  body.mobile-menu-is-open .theme-toggle{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.mobile-menu-is-open .mobile-menu-backdrop{
    background:rgba(11,18,34,.55)!important;
    backdrop-filter:none!important;
  }
  body.mobile-menu-is-open .mobile-menu-panel.open{
    z-index:9999!important;
  }
}
@media(max-width:900px){
  .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts{
    display:none!important;
  }
  .page-sef-invoice-form-php .sef-ui-header.compact{
    margin-bottom:10px!important;
  }
  .page-sef-invoice-form-php .sef-ui-header h1{
    margin-top:2px!important;
  }
}


/* V5.41.9 — mobilni meni: bez automatskog otvaranja SEF podmenija */
@media(max-width:900px){
  .premium-mobile-accordion .mobile-acc:not([open]) .mobile-submenu{
    display:none!important;
  }
  .premium-mobile-accordion .mobile-acc > summary{
    cursor:pointer;
  }
}


/* V5.41.10 — mobilni meni: podmeniji su kompaktni i ne ostaju otvoreni */
@media(max-width:900px){
  .mobile-menu-panel.open .premium-mobile-accordion .mobile-acc:not([open]) .mobile-submenu{
    display:none!important;
  }
  .mobile-menu-panel.open .premium-mobile-accordion .mobile-acc[open] .mobile-submenu{
    display:grid!important;
  }
  .page-sef-invoice-form-php .mobile-menu-panel.open .premium-mobile-accordion .mobile-acc:not([open]) .mobile-submenu{
    display:none!important;
  }
}

/* V5.41.15 — Dnevna kontrola poslovanja + novi mobilni meni */
.daily-control-page{display:grid;gap:18px;max-width:1280px;margin:0 auto}
.daily-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;background:linear-gradient(135deg,#13233B,#13233B);border-radius:24px;padding:22px 24px;color:#fff;box-shadow:0 18px 45px rgba(28,43,74,.25)}
.daily-hero h1{margin:0;font-size:30px;letter-spacing:-.03em}.daily-hero p{margin:6px 0 0;color:rgba(255,255,255,.88)}
.daily-date-form{display:flex;gap:8px;align-items:end;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:10px;border-radius:16px}.daily-date-form label{display:grid;gap:4px;color:#fff;font-weight:800}.daily-date-form input{height:42px;border-radius:12px;border:0;padding:0 12px}
.daily-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.daily-kpi{display:grid;gap:8px;text-decoration:none;background:#fff;border:1px solid #E1E6F0;border-radius:20px;padding:16px;box-shadow:0 12px 30px rgba(25,41,75,.06);min-height:130px}.daily-kpi span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#0F5C5B;font-weight:900}.daily-kpi strong{font-size:26px;color:#13233B;letter-spacing:-.03em}.daily-kpi small{color:#667085;line-height:1.35}.daily-kpi.blue{border-top:4px solid #13233B}.daily-kpi.cyan{border-top:4px solid #0F5C5B}.daily-kpi.green{border-top:4px solid #16a34a}.daily-kpi.red{border-top:4px solid #ef4444}.daily-kpi.orange{border-top:4px solid #f59e0b}.daily-kpi.total{background:linear-gradient(135deg,#FBF1DE,#fff);border-top:4px solid #13233B}
.daily-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.daily-section-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-card{overflow:hidden}.daily-warning-list,.daily-list{display:grid;gap:9px}.daily-warning{padding:12px 14px;border-radius:14px;font-weight:800}.daily-warning.warning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.daily-warning.danger{background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3}.daily-warning.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.daily-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.daily-actions a{border:1px solid #0D4F4E;border-radius:14px;padding:12px 10px;text-align:center;font-weight:900;text-decoration:none;color:#13233B;background:#FAFBFD}.daily-list.compact div{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #0D4F4E;padding:9px 0}.daily-list.compact div:last-child{border-bottom:0}.daily-list.compact strong{color:#13233B}.daily-list.compact span{color:#667085;text-align:right}.muted{color:#667085}

@media(max-width:900px){
  .daily-control-page{gap:12px;padding:0 2px 92px}.daily-hero{border-radius:18px;padding:16px;display:grid}.daily-hero h1{font-size:24px}.daily-date-form{display:grid;grid-template-columns:1fr auto}.daily-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.daily-kpi{min-height:112px;padding:13px;border-radius:16px}.daily-kpi strong{font-size:22px}.daily-section-grid,.daily-section-grid.three{grid-template-columns:1fr}.daily-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-list.compact div{align-items:flex-start;display:grid}.daily-list.compact span{text-align:left}

  .mobile-menu-card.mobile-menu-premium{width:min(84vw,420px)!important;max-width:420px!important;height:100dvh!important;border-radius:0 28px 28px 0!important;background:#fff!important;box-shadow:30px 0 80px rgba(25,41,75,.22)!important;overflow:auto!important}
  .mobile-menu-head.premium-menu-head{height:auto!important;padding:22px 20px!important;background:linear-gradient(135deg,#fff,#FBF1DE)!important;border-bottom:1px solid #0D4F4E!important;color:#13233B!important}.mobile-menu-head.premium-menu-head img{max-width:140px!important;filter:none!important}.premium-menu-title{display:none!important}.mobile-menu-close{background:#FBF1DE!important;color:#13233B!important;border:1px solid #0D4F4E!important;border-radius:16px!important;width:52px!important;height:52px!important;font-size:28px!important}
  .premium-menu-profile{margin:14px 16px!important;padding:14px!important;border-radius:18px!important;background:#fff!important;border:1px solid #E4E8F2!important;box-shadow:0 8px 24px rgba(25,41,75,.06)!important;color:#13233B!important}.premium-menu-profile .profile-icon{background:#FBF1DE!important;color:#13233B!important}.premium-menu-profile small{color:#667085!important}
  .ck-mobile-drawer-menu{display:grid!important;gap:8px!important;padding:0 16px 24px!important}.ck-menu-section{display:grid!important;gap:4px!important;padding:6px 0 12px!important;border-bottom:1px solid #0D4F4E!important}.ck-menu-section h3{text-transform:uppercase;letter-spacing:.08em;font-size:12px!important;font-weight:900!important;color:#7a889b!important;margin:8px 0 4px!important}.ck-menu-row,.ck-menu-details summary{display:grid!important;grid-template-columns:42px minmax(0,1fr) 22px!important;align-items:center!important;gap:12px!important;min-height:54px!important;padding:8px 10px!important;border-radius:14px!important;text-decoration:none!important;color:#13233B!important;background:transparent!important;border:0!important}.ck-menu-row.active{background:#FBF1DE!important;color:#13233B!important}.ck-menu-icon{width:34px!important;height:34px!important;border-radius:12px!important;background:#FBF1DE!important;color:#13233B!important;display:grid!important;place-items:center!important;font-weight:900!important}.ck-menu-row b,.ck-menu-details summary b{font-size:16px!important;font-weight:850!important;white-space:normal!important}.ck-menu-row em,.ck-menu-details summary em{font-style:normal!important;color:#7a889b!important;font-size:24px!important;transition:.16s}.ck-menu-details{border:0!important;background:transparent!important;margin:0!important}.ck-menu-details[open] summary{background:#FBF1DE!important;color:#13233B!important}.ck-menu-details[open] summary em{transform:rotate(90deg)}.ck-menu-sub{display:grid!important;gap:6px!important;padding:4px 0 8px 54px!important}.ck-menu-sub a{display:block!important;text-decoration:none!important;background:#FBF6EC!important;border:1px solid #E1E6F0!important;border-radius:12px!important;padding:10px 12px!important;color:#13233B!important;font-weight:800!important}.ck-menu-row.logout{color:#dc2626!important}.premium-menu-footer{display:none!important}
  body.ck-dark-mode .mobile-menu-card.mobile-menu-premium{background:#0F5C5B!important;color:#EBEEF5!important}.ck-dark-mode .mobile-menu-head.premium-menu-head{background:linear-gradient(135deg,#0F5C5B,#0F5C5B)!important;border-color:#13233B!important}.ck-dark-mode .premium-menu-profile{background:#0F5C5B!important;border-color:#13233B!important;color:#EBEEF5!important}.ck-dark-mode .ck-menu-section{border-color:#13233B!important}.ck-dark-mode .ck-menu-section h3{color:#0D4F4E!important}.ck-dark-mode .ck-menu-row,.ck-dark-mode .ck-menu-details summary{color:#EBEEF5!important}.ck-dark-mode .ck-menu-row.active,.ck-dark-mode .ck-menu-details[open] summary{background:#0F5C5B!important;color:#fff!important}.ck-dark-mode .ck-menu-icon{background:#0F5C5B!important;color:#fff!important}.ck-dark-mode .ck-menu-sub a{background:#0F5C5B!important;border-color:#13233B!important;color:#FFFFFF!important}
}

body.ck-dark-mode .daily-kpi,body.ck-dark-mode .daily-card{background:#0F5C5B!important;border-color:#13233B!important;color:#EBEEF5!important}body.ck-dark-mode .daily-kpi strong,body.ck-dark-mode .daily-list.compact strong{color:#EBEEF5!important}body.ck-dark-mode .daily-kpi span,body.ck-dark-mode .daily-kpi small,body.ck-dark-mode .daily-list.compact span{color:#9FACC8!important}body.ck-dark-mode .daily-kpi.total{background:linear-gradient(135deg,#0F5C5B,#0F5C5B)!important}


/* V5.41.16 — mobilni meni kompaktnije: sve glavne stavke staju bez skrolovanja */
@media(max-width:900px){
  .mobile-menu-card.mobile-menu-premium{
    left:0!important;
    right:auto!important;
    top:calc(env(safe-area-inset-top,0px) + 8px)!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
    width:min(88vw,390px)!important;
    max-width:390px!important;
    height:auto!important;
    max-height:none!important;
    border-radius:0 22px 22px 0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .mobile-menu-head.premium-menu-head{
    min-height:52px!important;
    height:52px!important;
    padding:8px 12px!important;
    flex:0 0 auto!important;
  }
  .mobile-menu-head.premium-menu-head img{
    max-width:118px!important;
    width:118px!important;
  }
  .mobile-menu-close{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:12px!important;
    font-size:24px!important;
    line-height:1!important;
  }
  .premium-menu-profile{
    margin:8px 12px 5px!important;
    padding:8px 10px!important;
    min-height:52px!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
    gap:9px!important;
    border-radius:15px!important;
    flex:0 0 auto!important;
  }
  .premium-menu-profile .profile-icon,
  .profile-icon{
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
    font-size:23px!important;
  }
  .premium-menu-profile strong{font-size:15px!important;line-height:1.1!important}
  .premium-menu-profile small{font-size:11px!important;line-height:1.1!important;margin-top:2px!important}
  .premium-menu-profile a{font-size:25px!important;line-height:1!important}

  .ck-mobile-drawer-menu{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    display:grid!important;
    align-content:start!important;
    gap:0!important;
    padding:0 12px 10px!important;
  }
  .ck-menu-section{
    display:grid!important;
    gap:0!important;
    padding:2px 0 5px!important;
    margin:0!important;
    border-bottom:1px solid #0D4F4E!important;
  }
  .ck-menu-section h3{
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.08em!important;
    margin:5px 0 4px!important;
    padding:0!important;
    color:#7a889b!important;
  }
  .ck-menu-row,
  .ck-menu-details summary{
    min-height:36px!important;
    height:36px!important;
    grid-template-columns:32px minmax(0,1fr) 16px!important;
    gap:8px!important;
    padding:4px 7px!important;
    border-radius:11px!important;
  }
  .ck-menu-icon{
    width:26px!important;
    height:26px!important;
    border-radius:9px!important;
    font-size:15px!important;
  }
  .ck-menu-row b,
  .ck-menu-details summary b{
    font-size:14px!important;
    line-height:1.05!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .ck-menu-row em,
  .ck-menu-details summary em{
    font-size:19px!important;
    line-height:1!important;
  }
  .ck-menu-sub{
    padding:3px 0 6px 40px!important;
    gap:4px!important;
  }
  .ck-menu-sub a{
    padding:8px 10px!important;
    border-radius:10px!important;
    font-size:13px!important;
    line-height:1.05!important;
  }
  .premium-menu-footer{display:none!important}
}
@media(max-width:380px), (max-height:760px){
  .mobile-menu-head.premium-menu-head{height:46px!important;min-height:46px!important;padding:6px 10px!important}
  .mobile-menu-head.premium-menu-head img{width:102px!important;max-width:102px!important}
  .mobile-menu-close{width:34px!important;height:34px!important;min-width:34px!important;font-size:22px!important}
  .premium-menu-profile{margin:6px 10px 4px!important;padding:6px 8px!important;min-height:44px!important;grid-template-columns:34px minmax(0,1fr) 16px!important}
  .premium-menu-profile .profile-icon,.profile-icon{width:32px!important;height:32px!important;font-size:19px!important;border-radius:10px!important}
  .premium-menu-profile strong{font-size:14px!important}.premium-menu-profile small{font-size:10px!important}
  .ck-mobile-drawer-menu{padding:0 10px 8px!important}
  .ck-menu-section{padding:1px 0 4px!important}.ck-menu-section h3{font-size:9px!important;margin:4px 0 3px!important}
  .ck-menu-row,.ck-menu-details summary{min-height:32px!important;height:32px!important;grid-template-columns:28px minmax(0,1fr) 15px!important;gap:7px!important;padding:3px 6px!important;border-radius:10px!important}
  .ck-menu-icon{width:23px!important;height:23px!important;font-size:13px!important;border-radius:8px!important}
  .ck-menu-row b,.ck-menu-details summary b{font-size:13px!important}
}

/* V5.41.17 — vraćen full-screen mobilni meni sa ikonama + bolji dark mode */
@media(max-width:900px){
  /* Full screen meni preko celog telefona */
  .mobile-menu-panel{z-index:9999!important;}
  .mobile-menu-panel.open{opacity:1!important;pointer-events:auto!important;}
  .mobile-menu-backdrop{background:rgba(6,9,17,.62)!important;backdrop-filter:blur(5px)!important;}
  .mobile-menu-card.mobile-menu-premium{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    background:#ffffff!important;
    color:#13233B!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    box-shadow:none!important;
    padding:0!important;
  }
  .mobile-menu-head.premium-menu-head{
    min-height:78px!important;
    height:auto!important;
    padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:12px!important;
    align-items:center!important;
    background:linear-gradient(135deg,#0F5C5B,#0F5C5B)!important;
    color:#fff!important;
    border-bottom:0!important;
    flex:0 0 auto!important;
  }
  .mobile-menu-head.premium-menu-head img{width:138px!important;max-width:42vw!important;filter:brightness(0) invert(1)!important;}
  .premium-menu-title{display:grid!important;align-content:center!important;gap:2px!important;margin:0!important;}
  .premium-menu-title strong{font-size:22px!important;line-height:1!important;color:#fff!important;font-weight:950!important;}
  .premium-menu-title span{font-size:12px!important;line-height:1.15!important;color:rgba(255,255,255,.88)!important;font-weight:750!important;}
  .mobile-menu-close{width:46px!important;height:46px!important;min-width:46px!important;border-radius:16px!important;background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;font-size:30px!important;line-height:1!important;}

  .premium-menu-profile{
    margin:12px 16px 8px!important;
    padding:12px!important;
    min-height:72px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 24px!important;
    gap:12px!important;
    align-items:center!important;
    background:#fff!important;
    border:1px solid #E1E6F0!important;
    border-radius:20px!important;
    color:#13233B!important;
    box-shadow:0 8px 24px rgba(25,41,75,.06)!important;
    flex:0 0 auto!important;
  }
  .premium-menu-profile .profile-icon,.profile-icon{width:52px!important;height:52px!important;border-radius:17px!important;background:#FBF1DE!important;color:#13233B!important;font-size:28px!important;display:grid!important;place-items:center!important;font-weight:950!important;}
  .premium-menu-profile strong{font-size:19px!important;line-height:1.05!important;color:#13233B!important;font-weight:950!important;}
  .premium-menu-profile small{font-size:12px!important;line-height:1.2!important;color:#667085!important;font-weight:780!important;margin-top:4px!important;}
  .premium-menu-profile a{font-size:32px!important;color:#667085!important;line-height:1!important;text-decoration:none!important;}

  .ck-mobile-drawer-menu{
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:2px 16px 12px!important;
    background:#fff!important;
  }
  .ck-menu-section{display:grid!important;gap:2px!important;padding:5px 0 8px!important;margin:0!important;border-bottom:1px solid #0D4F4E!important;}
  .ck-menu-section:last-child{border-bottom:0!important;}
  .ck-menu-section h3{text-transform:uppercase!important;letter-spacing:.10em!important;font-size:11px!important;line-height:1!important;margin:6px 0 4px!important;color:#0F5C5B!important;font-weight:950!important;}
  .ck-menu-row,.ck-menu-details summary{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:48px!important;
    padding:7px 8px!important;
    border-radius:14px!important;
    background:transparent!important;
    border:0!important;
    color:#13233B!important;
    text-decoration:none!important;
  }
  .ck-menu-row.active{background:#FBF1DE!important;color:#13233B!important;}
  .ck-menu-details[open] summary{background:#FBF1DE!important;color:#13233B!important;}
  .ck-menu-icon{width:34px!important;height:34px!important;border-radius:12px!important;background:#FBF1DE!important;color:#13233B!important;display:grid!important;place-items:center!important;font-size:19px!important;font-weight:900!important;}
  .ck-menu-row b,.ck-menu-details summary b{font-size:16px!important;line-height:1.08!important;color:inherit!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .ck-menu-row em,.ck-menu-details summary em{font-style:normal!important;color:#0F5C5B!important;font-size:22px!important;line-height:1!important;}
  .ck-menu-details[open] summary em{transform:rotate(90deg)!important;}
  .ck-menu-details{background:transparent!important;border:0!important;margin:0!important;}
  .ck-menu-sub{display:grid!important;gap:5px!important;padding:4px 0 8px 54px!important;}
  .ck-menu-sub a{display:block!important;background:#FAFBFD!important;border:1px solid #E1E6F0!important;border-radius:12px!important;color:#13233B!important;font-weight:850!important;font-size:13px!important;line-height:1.1!important;text-decoration:none!important;padding:9px 11px!important;}
  .ck-menu-row.logout{color:#dc2626!important;}

  .premium-menu-footer{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;
    background:#fff!important;
    border-top:1px solid #E8ECF4!important;
    flex:0 0 auto!important;
  }
  .premium-menu-footer a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;border:1px solid #E1E6F0!important;border-radius:16px!important;background:#FCFDFE!important;color:#13233B!important;text-decoration:none!important;font-weight:950!important;font-size:15px!important;}
  .premium-menu-footer a:last-child{grid-column:1 / -1!important;}

  body.mobile-menu-is-open .mobile-topbar,
  body.mobile-menu-is-open .bottom-nav,
  body.mobile-menu-is-open .theme-toggle{opacity:0!important;pointer-events:none!important;}

  /* Tamni režim — meni */
  body.ck-dark-mode .mobile-menu-card.mobile-menu-premium{background:#0F5C5B!important;color:#F1F3F8!important;}
  body.ck-dark-mode .mobile-menu-head.premium-menu-head{background:linear-gradient(135deg,#0F5C5B,#13233B)!important;border-bottom:1px solid #0F5C5B!important;}
  body.ck-dark-mode .mobile-menu-close{background:#13233B!important;color:#fff!important;border-color:#0F5C5B!important;}
  body.ck-dark-mode .premium-menu-profile{background:#0F5C5B!important;border-color:#13233B!important;color:#F1F3F8!important;box-shadow:none!important;}
  body.ck-dark-mode .premium-menu-profile .profile-icon,body.ck-dark-mode .profile-icon{background:#0F5C5B!important;color:#fff!important;}
  body.ck-dark-mode .premium-menu-profile strong{color:#F1F3F8!important;}
  body.ck-dark-mode .premium-menu-profile small{color:#0D4F4E!important;}
  body.ck-dark-mode .premium-menu-profile a{color:#9FACC8!important;}
  body.ck-dark-mode .ck-mobile-drawer-menu{background:#0F5C5B!important;}
  body.ck-dark-mode .ck-menu-section{border-color:#13233B!important;}
  body.ck-dark-mode .ck-menu-section h3{color:#0D4F4E!important;}
  body.ck-dark-mode .ck-menu-row,body.ck-dark-mode .ck-menu-details summary{color:#F1F3F8!important;}
  body.ck-dark-mode .ck-menu-row.active,body.ck-dark-mode .ck-menu-details[open] summary{background:#0F5C5B!important;color:#fff!important;}
  body.ck-dark-mode .ck-menu-icon{background:#0F5C5B!important;color:#fff!important;}
  body.ck-dark-mode .ck-menu-row em,body.ck-dark-mode .ck-menu-details summary em{color:#0D4F4E!important;}
  body.ck-dark-mode .ck-menu-sub a{background:#0F5C5B!important;border-color:#13233B!important;color:#FFFFFF!important;}
  body.ck-dark-mode .premium-menu-footer{background:#0F5C5B!important;border-color:#13233B!important;}
  body.ck-dark-mode .premium-menu-footer a{background:#0F5C5B!important;border-color:#13233B!important;color:#F6F7FA!important;}
}

/* V5.41.17 — ujednačen dark mode na mobilnim ekranima */
@media(max-width:900px){
  body.ck-dark-mode{background:#0F5C5B!important;color:#F1F3F8!important;}
  body.ck-dark-mode .app-shell,body.ck-dark-mode .main{background:#0F5C5B!important;color:#F1F3F8!important;}
  body.ck-dark-mode body.ck-dark-mode .bottom-nav,body.ck-dark-mode .bottom-nav-premium{background:#0F5C5B!important;border-color:#13233B!important;color:#F1F3F8!important;}
  body.ck-dark-mode .card,body.ck-dark-mode .premium-card,body.ck-dark-mode .mobile-card,body.ck-dark-mode .kpi,body.ck-dark-mode .left-card,body.ck-dark-mode .quick-panel,body.ck-dark-mode .daily-card,body.ck-dark-mode .daily-kpi,body.ck-dark-mode .route-region-card,body.ck-dark-mode .route-week-card,body.ck-dark-mode .travel-card,body.ck-dark-mode .invoice-card,body.ck-dark-mode .customer-card,body.ck-dark-mode .product-card,body.ck-dark-mode .inventory-card,body.ck-dark-mode .settings-card,body.ck-dark-mode .director-card,body.ck-dark-mode .chart-card,body.ck-dark-mode .mobile-kpi-card,body.ck-dark-mode .route-clean-note,body.ck-dark-mode .route-rule-list-clean li{
    background:#0F5C5B!important;border-color:#13233B!important;color:#F1F3F8!important;box-shadow:none!important;
  }
  body.ck-dark-mode .card *,body.ck-dark-mode .premium-card *,body.ck-dark-mode .daily-card *,body.ck-dark-mode .daily-kpi *,body.ck-dark-mode .kpi *{border-color:#13233B;}
  body.ck-dark-mode h1,body.ck-dark-mode h2,body.ck-dark-mode h3,body.ck-dark-mode h4,body.ck-dark-mode label,body.ck-dark-mode strong,body.ck-dark-mode b,body.ck-dark-mode th,body.ck-dark-mode .page-title h1{color:#F8F9FB!important;}
  body.ck-dark-mode p,body.ck-dark-mode small,body.ck-dark-mode .muted,body.ck-dark-mode .subtle,body.ck-dark-mode .page-title p,body.ck-dark-mode .card p,body.ck-dark-mode .kpi span,body.ck-dark-mode .daily-kpi span{color:#0D4F4E!important;}
  body.ck-dark-mode input,body.ck-dark-mode select,body.ck-dark-mode textarea,body.ck-dark-mode .sr-date-input{background:#0F5C5B!important;color:#F8F9FB!important;border-color:#13233B!important;box-shadow:none!important;}
  body.ck-dark-mode input::placeholder,body.ck-dark-mode textarea::placeholder{color:#0F5C5B!important;opacity:1!important;}
  body.ck-dark-mode table,body.ck-dark-mode thead,body.ck-dark-mode tbody,body.ck-dark-mode tr,body.ck-dark-mode td,body.ck-dark-mode th{background:#0F5C5B!important;color:#F1F3F8!important;border-color:#13233B!important;}
  body.ck-dark-mode .table-wrap,body.ck-dark-mode .responsive-table,body.ck-dark-mode .items-table{background:#0F5C5B!important;border-color:#13233B!important;}
  body.ck-dark-mode .btn:not(.primary):not(.green):not(.danger),body.ck-dark-mode button:not(.primary):not(.green):not(.danger){background:#0F5C5B!important;color:#F6F7FA!important;border-color:#13233B!important;}
  body.ck-dark-mode .alert.info{background:#0F5C5B!important;border-color:#0F5C5B!important;color:#E9EDF5!important;}
  body.ck-dark-mode .alert.success{background:#0d3323!important;border-color:#1f7a4b!important;color:#dcfce7!important;}
  body.ck-dark-mode .alert.warning{background:#3a2508!important;border-color:#9a6a10!important;color:#fff4c2!important;}
  body.ck-dark-mode .alert.error{background:#3a1014!important;border-color:#8f2634!important;color:#ffe4e6!important;}
  body.ck-dark-mode .badge,body.ck-dark-mode .pill{background:#0F5C5B!important;color:#FFFFFF!important;border-color:#0F5C5B!important;}
  body.ck-dark-mode .theme-toggle{background:#0F5C5B!important;color:#F1F3F8!important;border-color:#13233B!important;}
  body.ck-dark-mode .home-quick-entry-card{background:linear-gradient(135deg,#0F5C5B,#13233B)!important;color:#fff!important;}
  body.ck-dark-mode .home-quick-entry-card label,body.ck-dark-mode .home-quick-entry-card small{color:#F1F3F8!important;}
  body.ck-dark-mode .home-quick-entry-card input,body.ck-dark-mode .home-quick-entry-card select{background:#FAFBFD!important;color:#13233B!important;border-color:#E1E6F0!important;}
  body.ck-dark-mode .white-card,body.ck-dark-mode .report-card,body.ck-dark-mode .summary-card{background:#0F5C5B!important;color:#F1F3F8!important;border-color:#13233B!important;}
}


/* V5.41.18 — agresivni mobilni dark mode: uklanjanje belih kartica i belih polja */
@media(max-width:900px){
  html body.ck-dark-mode,
  html body.ck-dark-mode .app-shell,
  html body.ck-dark-mode .main,
  html body.ck-dark-mode .content,
  html body.ck-dark-mode .page,
  html body.ck-dark-mode .page-content{
    background:#0F5C5B!important;
    color:#F1F3F8!important;
  }

  html body.ck-dark-mode .main [class*="card"],
  html body.ck-dark-mode .main [class*="panel"],
  html body.ck-dark-mode .main [class*="box"],
  html body.ck-dark-mode .main [class*="tile"],
  html body.ck-dark-mode .main [class*="kpi"],
  html body.ck-dark-mode .main [class*="widget"],
  html body.ck-dark-mode .main [class*="summary"],
  html body.ck-dark-mode .main [class*="preview"],
  html body.ck-dark-mode .main [class*="report"],
  html body.ck-dark-mode .main [class*="chart"],
  html body.ck-dark-mode .main [class*="stat"],
  html body.ck-dark-mode .main [class*="list"],
  html body.ck-dark-mode .main .form-grid,
  html body.ck-dark-mode .main .filter-row,
  html body.ck-dark-mode .main .table-wrap,
  html body.ck-dark-mode .main .responsive-table,
  html body.ck-dark-mode .main .details-grid,
  html body.ck-dark-mode .main .route-table,
  html body.ck-dark-mode .main .travel-order-card,
  html body.ck-dark-mode .main .invoice-card,
  html body.ck-dark-mode .main .customer-card,
  html body.ck-dark-mode .main .product-card,
  html body.ck-dark-mode .main .warehouse-card,
  html body.ck-dark-mode .main .stock-card,
  html body.ck-dark-mode .main .quick-actions,
  html body.ck-dark-mode .main .quick-action,
  html body.ck-dark-mode .main .daily-control-grid > *,
  html body.ck-dark-mode .main .dashboard-grid > *,
  html body.ck-dark-mode .main .kpi-grid > *,
  html body.ck-dark-mode .main .cards-grid > *{
    background:#0F5C5B!important;
    background-image:none!important;
    border-color:#13233B!important;
    color:#F1F3F8!important;
    box-shadow:none!important;
  }

  html body.ck-dark-mode .main input,
  html body.ck-dark-mode .main select,
  html body.ck-dark-mode .main textarea,
  html body.ck-dark-mode .main .fake-input,
  html body.ck-dark-mode .main .select2-selection,
  html body.ck-dark-mode .main .form-control{
    background:#0F5C5B!important;
    color:#F8F9FB!important;
    border-color:#13233B!important;
    box-shadow:none!important;
    -webkit-text-fill-color:#F8F9FB!important;
  }

  html body.ck-dark-mode .main input::placeholder,
  html body.ck-dark-mode .main textarea::placeholder{
    color:#0F5C5B!important;
    opacity:1!important;
    -webkit-text-fill-color:#0F5C5B!important;
  }

  html body.ck-dark-mode .main table,
  html body.ck-dark-mode .main thead,
  html body.ck-dark-mode .main tbody,
  html body.ck-dark-mode .main tr,
  html body.ck-dark-mode .main th,
  html body.ck-dark-mode .main td{
    background:#0F5C5B!important;
    background-image:none!important;
    border-color:#13233B!important;
    color:#F1F3F8!important;
  }

  html body.ck-dark-mode .main h1,
  html body.ck-dark-mode .main h2,
  html body.ck-dark-mode .main h3,
  html body.ck-dark-mode .main h4,
  html body.ck-dark-mode .main label,
  html body.ck-dark-mode .main strong,
  html body.ck-dark-mode .main b,
  html body.ck-dark-mode .main .title,
  html body.ck-dark-mode .main .card-title,
  html body.ck-dark-mode .main .page-title h1{
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
  }

  html body.ck-dark-mode .main p,
  html body.ck-dark-mode .main span,
  html body.ck-dark-mode .main small,
  html body.ck-dark-mode .main .muted,
  html body.ck-dark-mode .main .subtle,
  html body.ck-dark-mode .main .page-title p,
  html body.ck-dark-mode .main .card p{
    color:#0D4F4E!important;
  }

  html body.ck-dark-mode .main .amount,
  html body.ck-dark-mode .main .money,
  html body.ck-dark-mode .main .total,
  html body.ck-dark-mode .main .value,
  html body.ck-dark-mode .main [class*="amount"],
  html body.ck-dark-mode .main [class*="money"],
  html body.ck-dark-mode .main [class*="total"],
  html body.ck-dark-mode .main [class*="value"]{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
  }

  html body.ck-dark-mode .main .btn:not(.primary):not(.green):not(.danger),
  html body.ck-dark-mode .main button:not(.primary):not(.green):not(.danger),
  html body.ck-dark-mode .main a.btn:not(.primary):not(.green):not(.danger){
    background:#0F5C5B!important;
    color:#F6F7FA!important;
    border-color:#13233B!important;
    -webkit-text-fill-color:#F6F7FA!important;
  }

  html body.ck-dark-mode .main .btn.primary,
  html body.ck-dark-mode .main button.primary,
  html body.ck-dark-mode .main a.primary{
    background:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    color:#fff!important;
    border-color:#0F5C5B!important;
    -webkit-text-fill-color:#fff!important;
  }

  html body.ck-dark-mode .main .alert.info{
    background:#0F5C5B!important;border-color:#0F5C5B!important;color:#E9EDF5!important;
  }
  html body.ck-dark-mode .main .alert.success{
    background:#0d3323!important;border-color:#1f7a4b!important;color:#dcfce7!important;
  }
  html body.ck-dark-mode .main .alert.warning{
    background:#3a2508!important;border-color:#9a6a10!important;color:#fff4c2!important;
  }
  html body.ck-dark-mode .main .alert.error{
    background:#3a1014!important;border-color:#8f2634!important;color:#ffe4e6!important;
  }

  html body.ck-dark-mode .main .badge,
  html body.ck-dark-mode .main .pill,
  html body.ck-dark-mode .main [class*="badge"],
  html body.ck-dark-mode .main [class*="pill"]{
    background:#0F5C5B!important;
    color:#FFFFFF!important;
    border-color:#0F5C5B!important;
  }

  html body.ck-dark-mode .bottom-nav,
  html body.ck-dark-mode .bottom-nav-premium,
  html body.ck-dark-mode .mobile-topbar,
  html body.ck-dark-mode .theme-toggle{
    background:#0F5C5B!important;
    color:#F1F3F8!important;
    border-color:#13233B!important;
    box-shadow:none!important;
  }

  html body.ck-dark-mode .home-quick-entry-card{
    background:linear-gradient(135deg,#0F5C5B,#13233B)!important;
    color:#fff!important;
    border-color:#0F5C5B!important;
  }
  html body.ck-dark-mode .home-quick-entry-card input,
  html body.ck-dark-mode .home-quick-entry-card select,
  html body.ck-dark-mode .home-quick-entry-card textarea{
    background:#0F5C5B!important;
    color:#F8F9FB!important;
    border-color:#0D4F4E!important;
    -webkit-text-fill-color:#F8F9FB!important;
  }

  html body.ck-dark-mode canvas,
  html body.ck-dark-mode svg{
    color:#F1F3F8!important;
  }
}

/* V5.41.19 — dodatno sređivanje mobilnog dark mode-a: kontrast, donji meni, brze akcije */
@media(max-width:900px){
  html body.ck-dark-mode .main,
  html body.ck-dark-mode .page-index-php .main,
  html body.ck-dark-mode.page-index-php .main{
    background:#0F5C5B!important;
  }

  /* Donji meni — ikone i tekst moraju biti vidljivi */
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium{
    background:rgba(9,15,27,.98)!important;
    border-top:1px solid #13233B!important;
    box-shadow:0 -16px 36px rgba(0,0,0,.34)!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a .nav-icon{
    background:#0F5C5B!important;
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
    border:1px solid #13233B!important;
    box-shadow:none!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a .nav-icon svg,
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a .nav-icon path{
    fill:currentColor!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a.active{
    color:#0F5C5B!important;
    -webkit-text-fill-color:#0F5C5B!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a.active .nav-icon{
    background:linear-gradient(135deg,#0F5C5B,#69bf31)!important;
    color:#fff!important;
    border-color:#0F5C5B!important;
    box-shadow:0 8px 22px rgba(56,91,167,.25)!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add{
    background:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    box-shadow:0 10px 28px rgba(56,91,167,.38)!important;
    border:0!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add .nav-icon{
    background:transparent!important;
    border:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  /* Početna — brze akcije nisu više bele / nevidljive */
  html body.ck-dark-mode.page-index-php .quick-action-grid a,
  html body.ck-dark-mode .page-index-php .quick-action-grid a,
  html body.ck-dark-mode .quick-action-grid a,
  html body.ck-dark-mode .quick-action-card,
  html body.ck-dark-mode .v519-fast-actions a,
  html body.ck-dark-mode .home-card .quick-action-grid a{
    background:#0F5C5B!important;
    background-image:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    border:1px solid #13233B!important;
    color:#F3F5F9!important;
    -webkit-text-fill-color:#F3F5F9!important;
    box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
  }
  html body.ck-dark-mode .quick-action-grid a span,
  html body.ck-dark-mode .quick-action-card span,
  html body.ck-dark-mode .v519-fast-actions a span{
    color:#F3F5F9!important;
    -webkit-text-fill-color:#F3F5F9!important;
  }
  html body.ck-dark-mode .quick-action-grid a small,
  html body.ck-dark-mode .quick-action-card small{
    color:#9FACC8!important;
    -webkit-text-fill-color:#9FACC8!important;
  }

  /* Donut magacina — sredina ne sme ostati bela */
  html body.ck-dark-mode .warehouse-donut:after{
    background:#0F5C5B!important;
    border:1px solid #13233B!important;
    box-shadow:inset 0 0 0 1px #0F5C5B!important;
  }
  html body.ck-dark-mode .warehouse-donut strong{
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
  }
  html body.ck-dark-mode .warehouse-donut span{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
  }

  /* Lista magacina i progres linije */
  html body.ck-dark-mode .warehouse-list a,
  html body.ck-dark-mode .top-products-list a,
  html body.ck-dark-mode .reminder-list a,
  html body.ck-dark-mode .priority-list a{
    background:#0F5C5B!important;
    border-color:#13233B!important;
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
  }
  html body.ck-dark-mode .warehouse-list small,
  html body.ck-dark-mode .top-products-list small,
  html body.ck-dark-mode .reminder-list small{
    color:#9FACC8!important;
    -webkit-text-fill-color:#9FACC8!important;
  }
  html body.ck-dark-mode .warehouse-list i{
    background:#13233B!important;
  }

  /* Brzi unos priliv/odliv — radio dugmad nisu bela */
  html body.ck-dark-mode .payment-toggle label,
  html body.ck-dark-mode .home-quick-entry-card .payment-toggle label,
  html body.ck-dark-mode label.radio-card,
  html body.ck-dark-mode .radio-card{
    background:#0F5C5B!important;
    border-color:#13233B!important;
    color:#F3F5F9!important;
    -webkit-text-fill-color:#F3F5F9!important;
  }
  html body.ck-dark-mode .payment-toggle label:has(input:checked),
  html body.ck-dark-mode .radio-card:has(input:checked){
    background:#0F5C5B!important;
    border-color:#84cc16!important;
    color:#F8F9FB!important;
    box-shadow:0 0 0 2px rgba(132,204,22,.12)!important;
  }
  html body.ck-dark-mode .payment-toggle input,
  html body.ck-dark-mode .radio-card input{
    accent-color:#84cc16!important;
  }

  /* Tekstovi koji su bili previše bledi */
  html body.ck-dark-mode .home-card h2,
  html body.ck-dark-mode .home-card-head h2,
  html body.ck-dark-mode .home-card-head a,
  html body.ck-dark-mode .home-mini-legend,
  html body.ck-dark-mode .page-title h1,
  html body.ck-dark-mode .card h2,
  html body.ck-dark-mode .premium-card h2{
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .home-card-head p,
  html body.ck-dark-mode .home-card p,
  html body.ck-dark-mode .home-kpi small,
  html body.ck-dark-mode .home-kpi span{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
    opacity:1!important;
  }

  /* U formama placeholder ne sme biti presvetao ili nevidljiv */
  html body.ck-dark-mode input::placeholder,
  html body.ck-dark-mode textarea::placeholder{
    color:#9FACC8!important;
    -webkit-text-fill-color:#9FACC8!important;
    opacity:1!important;
  }
}

/* V5.41.20 — finalni mobilni dark mode: kontrast, radio dugmad i štikliranje */
@media(max-width:900px){
  html body.ck-dark-mode{
    --ck-dark-bg:#0F5C5B;
    --ck-dark-card:#0F5C5B;
    --ck-dark-card-2:#0F5C5B;
    --ck-dark-line:#13233B;
    --ck-dark-text:#F8F9FB;
    --ck-dark-muted:#0D4F4E;
    --ck-dark-blue:#0F5C5B;
  }

  /* Globalno: beli blokovi u dark modu */
  html body.ck-dark-mode .card,
  html body.ck-dark-mode .premium-card,
  html body.ck-dark-mode .settings-card,
  html body.ck-dark-mode .settings-preview,
  html body.ck-dark-mode .quick-panel,
  html body.ck-dark-mode .mobile-card,
  html body.ck-dark-mode .left-card,
  html body.ck-dark-mode .summary-list div,
  html body.ck-dark-mode .summary-list a,
  html body.ck-dark-mode .search-results a,
  html body.ck-dark-mode .backup-action-card,
  html body.ck-dark-mode .backup-status-card,
  html body.ck-dark-mode .table-wrap,
  html body.ck-dark-mode .form-grid,
  html body.ck-dark-mode .settings-invoice-template-box,
  html body.ck-dark-mode .permission-grid fieldset,
  html body.ck-dark-mode .user-permission-row{
    background:var(--ck-dark-card)!important;
    background-image:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    border-color:var(--ck-dark-line)!important;
    color:var(--ck-dark-text)!important;
    -webkit-text-fill-color:var(--ck-dark-text)!important;
  }

  html body.ck-dark-mode .card *,
  html body.ck-dark-mode .premium-card *,
  html body.ck-dark-mode .summary-list *,
  html body.ck-dark-mode .settings-card *,
  html body.ck-dark-mode .permission-grid *,
  html body.ck-dark-mode .user-permission-row *{
    text-shadow:none!important;
  }

  html body.ck-dark-mode .card h1,
  html body.ck-dark-mode .card h2,
  html body.ck-dark-mode .card h3,
  html body.ck-dark-mode .premium-card h1,
  html body.ck-dark-mode .premium-card h2,
  html body.ck-dark-mode .premium-card h3,
  html body.ck-dark-mode .summary-list strong,
  html body.ck-dark-mode .backup-status-card h2,
  html body.ck-dark-mode .settings-card h2,
  html body.ck-dark-mode .settings-card h3,
  html body.ck-dark-mode .permission-grid legend,
  html body.ck-dark-mode .user-permission-row summary{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;
  }

  html body.ck-dark-mode .card p,
  html body.ck-dark-mode .card small,
  html body.ck-dark-mode .premium-card p,
  html body.ck-dark-mode .premium-card small,
  html body.ck-dark-mode .summary-list span,
  html body.ck-dark-mode .summary-list small,
  html body.ck-dark-mode .muted,
  html body.ck-dark-mode .settings-card p,
  html body.ck-dark-mode .settings-card small,
  html body.ck-dark-mode .user-permission-row summary small{
    color:var(--ck-dark-muted)!important;
    -webkit-text-fill-color:var(--ck-dark-muted)!important;
    opacity:1!important;
  }

  /* Input/select/textarea — jasniji tekst i placeholder */
  html body.ck-dark-mode input:not([type="checkbox"]):not([type="radio"]),
  html body.ck-dark-mode select,
  html body.ck-dark-mode textarea{
    background:#0F5C5B!important;
    color:#FBF6EC!important;
    -webkit-text-fill-color:#FBF6EC!important;
    border-color:#0F5C5B!important;
    box-shadow:none!important;
  }
  html body.ck-dark-mode input::placeholder,
  html body.ck-dark-mode textarea::placeholder{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
    opacity:1!important;
  }

  /* Način: Keš / Faktura — izabrano polje više ne sme biti belo sa belim tekstom */
  html body.ck-dark-mode .payment-toggle,
  html body.ck-dark-mode .home-quick-entry-card .payment-toggle{
    background:transparent!important;
  }
  html body.ck-dark-mode .payment-toggle label,
  html body.ck-dark-mode .home-quick-entry-card .payment-toggle label,
  html body.ck-dark-mode .entry-form-row .payment-toggle label{
    background:#0F5C5B!important;
    background-image:none!important;
    border:2px solid #13233B!important;
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .payment-toggle label:has(input:checked),
  html body.ck-dark-mode .home-quick-entry-card .payment-toggle label:has(input:checked),
  html body.ck-dark-mode .entry-form-row .payment-toggle label:has(input:checked){
    background:#0F5C5B!important;
    background-image:linear-gradient(180deg,#13233B,#0F5C5B)!important;
    border-color:#84cc16!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    box-shadow:0 0 0 3px rgba(132,204,22,.18)!important;
  }
  html body.ck-dark-mode .payment-toggle label:has(input:checked) *,
  html body.ck-dark-mode .home-quick-entry-card .payment-toggle label:has(input:checked) *{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
  html body.ck-dark-mode .payment-toggle input[type="radio"],
  html body.ck-dark-mode input[type="radio"]{
    accent-color:#84cc16!important;
    background:#0F5C5B!important;
    border-color:#0D4F4E!important;
  }

  /* Checkbox / radio kartice — dozvole i dizajn štampe */
  html body.ck-dark-mode input[type="checkbox"],
  html body.ck-dark-mode input[type="radio"]{
    width:20px;
    height:20px;
    accent-color:#84cc16!important;
    filter:none!important;
  }
  html body.ck-dark-mode .perm-check,
  html body.ck-dark-mode .invoice-template-card{
    background:#0F5C5B!important;
    background-image:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    border:1px solid #13233B!important;
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
  }
  html body.ck-dark-mode .perm-check span,
  html body.ck-dark-mode .invoice-template-card strong,
  html body.ck-dark-mode .invoice-template-card span,
  html body.ck-dark-mode .invoice-template-card em{
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .invoice-template-card span,
  html body.ck-dark-mode .perm-check span{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
  }
  html body.ck-dark-mode .invoice-template-card em{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
  }
  html body.ck-dark-mode .invoice-template-card.selected{
    border-color:#84cc16!important;
    box-shadow:0 0 0 3px rgba(132,204,22,.18)!important;
  }
  html body.ck-dark-mode .invoice-template-card.recommended:before{
    background:#16351f!important;
    color:#bbf7d0!important;
    -webkit-text-fill-color:#bbf7d0!important;
    border-color:#357a46!important;
  }

  /* Backup/status redovi koji su bili beli */
  html body.ck-dark-mode .summary-list.compact div,
  html body.ck-dark-mode .backup-status-card .summary-list div,
  html body.ck-dark-mode .backup-dashboard-grid .summary-list div{
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
    background:#0F5C5B!important;
    background-image:none!important;
    border:1px solid #13233B!important;
    border-radius:12px!important;
    padding:12px!important;
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
  }
  html body.ck-dark-mode .summary-list.compact div span,
  html body.ck-dark-mode .backup-status-card .summary-list div span{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
  }
  html body.ck-dark-mode .summary-list.compact div strong,
  html body.ck-dark-mode .backup-status-card .summary-list div strong{
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
  }

  /* Tabele u dark mode-u */
  html body.ck-dark-mode table,
  html body.ck-dark-mode thead,
  html body.ck-dark-mode tbody,
  html body.ck-dark-mode tr,
  html body.ck-dark-mode td,
  html body.ck-dark-mode th{
    background:#0F5C5B!important;
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
    border-color:#13233B!important;
  }
  html body.ck-dark-mode th{
    background:#0F5C5B!important;
    color:#E8ECF4!important;
    -webkit-text-fill-color:#E8ECF4!important;
  }

  /* Donji meni — ikone ne smeju biti blede */
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium{
    background:#0F5C5B!important;
    border-top:1px solid #13233B!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
    opacity:1!important;
    font-weight:850!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a .nav-icon{
    background:#0F5C5B!important;
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
    border:1px solid #13233B!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a .nav-icon svg path,
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a .nav-icon svg{
    fill:#0D4F4E!important;
    color:#0D4F4E!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a.active,
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a.active span{
    color:#0F5C5B!important;
    -webkit-text-fill-color:#0F5C5B!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a.active .nav-icon,
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a.active .nav-icon svg path{
    background:linear-gradient(135deg,#0F5C5B,#69bf31)!important;
    color:#ffffff!important;
    fill:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }

  /* Grafikoni i kartice — dodatni kontrast */
  html body.ck-dark-mode .chart-card,
  html body.ck-dark-mode .home-card,
  html body.ck-dark-mode .home-kpi,
  html body.ck-dark-mode .kpi,
  html body.ck-dark-mode .dashboard-card,
  html body.ck-dark-mode .warehouse-card,
  html body.ck-dark-mode .daily-card,
  html body.ck-dark-mode .priority-card{
    background:#0F5C5B!important;
    background-image:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    border-color:#13233B!important;
    color:#F8F9FB!important;
    -webkit-text-fill-color:#F8F9FB!important;
  }
}

/* V5.41.21 — Mobile Dark Mode Final Polish */
@media(max-width:900px){
  html body.ck-dark-mode{
    --ck-dm-bg:#0F5C5B;
    --ck-dm-surface:#0F5C5B;
    --ck-dm-surface2:#0F5C5B;
    --ck-dm-surface3:#0F5C5B;
    --ck-dm-border:#13233B;
    --ck-dm-text:#F8F9FC;
    --ck-dm-muted:#0D4F4E;
    --ck-dm-blue:#0F5C5B;
    --ck-dm-green:#84cc16;
  }

  /* Univerzalno: sve bele kartice koje se vide na telefonu */
  html body.ck-dark-mode .card,
  html body.ck-dark-mode .premium-card,
  html body.ck-dark-mode .home-card,
  html body.ck-dark-mode .home-kpi,
  html body.ck-dark-mode .kpi,
  html body.ck-dark-mode .director-card,
  html body.ck-dark-mode .director-alert,
  html body.ck-dark-mode .daily-card,
  html body.ck-dark-mode .daily-kpi,
  html body.ck-dark-mode .daily-warning,
  html body.ck-dark-mode .quick-panel,
  html body.ck-dark-mode .settings-card,
  html body.ck-dark-mode .settings-preview,
  html body.ck-dark-mode .settings-pdv-box,
  html body.ck-dark-mode .menu-preview-card,
  html body.ck-dark-mode .menu-module-row,
  html body.ck-dark-mode .user-permission-row,
  html body.ck-dark-mode .permission-grid fieldset,
  html body.ck-dark-mode .perm-check,
  html body.ck-dark-mode .invoice-template-card,
  html body.ck-dark-mode .sef-list-card,
  html body.ck-dark-mode .sef-status-card,
  html body.ck-dark-mode .buyer-offer-print,
  html body.ck-dark-mode .buyer-offer-cover,
  html body.ck-dark-mode .buyer-offer-card,
  html body.ck-dark-mode .premium-catalog-card,
  html body.ck-dark-mode .catalog-summary-row div,
  html body.ck-dark-mode .product-card,
  html body.ck-dark-mode .customer-card,
  html body.ck-dark-mode .invoice-card,
  html body.ck-dark-mode .summary-list div,
  html body.ck-dark-mode .summary-list a{
    background:var(--ck-dm-surface)!important;
    background-image:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    border-color:var(--ck-dm-border)!important;
    color:var(--ck-dm-text)!important;
    -webkit-text-fill-color:var(--ck-dm-text)!important;
    opacity:1!important;
    box-shadow:0 12px 32px rgba(0,0,0,.18)!important;
  }

  /* Tekst — nikad presvetao na svetlom, nikad crn na tamnom */
  html body.ck-dark-mode h1,
  html body.ck-dark-mode h2,
  html body.ck-dark-mode h3,
  html body.ck-dark-mode h4,
  html body.ck-dark-mode .page-title h1,
  html body.ck-dark-mode .card h2,
  html body.ck-dark-mode .premium-card h2,
  html body.ck-dark-mode .daily-card h2,
  html body.ck-dark-mode .director-card h2,
  html body.ck-dark-mode .buyer-offer-title strong,
  html body.ck-dark-mode .premium-catalog-card .buyer-offer-title strong,
  html body.ck-dark-mode .daily-kpi strong,
  html body.ck-dark-mode .home-kpi strong,
  html body.ck-dark-mode .kpi strong,
  html body.ck-dark-mode .summary-list strong,
  html body.ck-dark-mode .sef-cell-main strong,
  html body.ck-dark-mode .sef-amount-stack strong,
  html body.ck-dark-mode .permission-grid legend,
  html body.ck-dark-mode .invoice-template-card strong,
  html body.ck-dark-mode .perm-check span{
    color:var(--ck-dm-text)!important;
    -webkit-text-fill-color:var(--ck-dm-text)!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  html body.ck-dark-mode p,
  html body.ck-dark-mode small,
  html body.ck-dark-mode span,
  html body.ck-dark-mode em,
  html body.ck-dark-mode .muted,
  html body.ck-dark-mode .page-title p,
  html body.ck-dark-mode .card p,
  html body.ck-dark-mode .premium-card p,
  html body.ck-dark-mode .daily-kpi small,
  html body.ck-dark-mode .home-kpi small,
  html body.ck-dark-mode .kpi span,
  html body.ck-dark-mode .sef-cell-main small,
  html body.ck-dark-mode .sef-status-stack small,
  html body.ck-dark-mode .sef-meta-stack small,
  html body.ck-dark-mode .sef-amount-stack small,
  html body.ck-dark-mode .buyer-offer-info small,
  html body.ck-dark-mode .buyer-offer-total,
  html body.ck-dark-mode .invoice-template-card em,
  html body.ck-dark-mode .menu-module-row small,
  html body.ck-dark-mode .user-permission-row summary small{
    color:var(--ck-dm-muted)!important;
    -webkit-text-fill-color:var(--ck-dm-muted)!important;
    opacity:1!important;
    text-shadow:none!important;
  }

  /* Dugmad / brze akcije / osveži status */
  html body.ck-dark-mode .btn,
  html body.ck-dark-mode button.btn,
  html body.ck-dark-mode a.btn,
  html body.ck-dark-mode .daily-actions a,
  html body.ck-dark-mode .director-actions a,
  html body.ck-dark-mode .quick-action-grid a,
  html body.ck-dark-mode .quick-action-card,
  html body.ck-dark-mode .v519-fast-actions a,
  html body.ck-dark-mode .sef-list-actions .btn,
  html body.ck-dark-mode .incoming-actions .btn,
  html body.ck-dark-mode .incoming-actions button{
    background:#0F5C5B!important;
    background-image:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    border:1px solid #0F5C5B!important;
    color:#F8F9FC!important;
    -webkit-text-fill-color:#F8F9FC!important;
    opacity:1!important;
    box-shadow:none!important;
  }
  html body.ck-dark-mode .btn.primary,
  html body.ck-dark-mode button.primary,
  html body.ck-dark-mode .daily-actions a.primary,
  html body.ck-dark-mode .sef-list-actions .btn.primary,
  html body.ck-dark-mode .quick-entry-submit{
    background:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    border-color:#0F5C5B!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html body.ck-dark-mode .btn.green,
  html body.ck-dark-mode button.btn.green,
  html body.ck-dark-mode .btn.success,
  html body.ck-dark-mode .btn.success-light{
    background:#124225!important;
    border-color:#22c55e!important;
    color:#dcfce7!important;
    -webkit-text-fill-color:#dcfce7!important;
  }

  /* Upozorenja i obaveze u direktorskom / dnevnoj kontroli */
  html body.ck-dark-mode .alert.warning,
  html body.ck-dark-mode .director-alert.warn,
  html body.ck-dark-mode .daily-warning.warning{
    background:#33220a!important;
    background-image:linear-gradient(180deg,#3c290c,#281b08)!important;
    border-color:#b7791f!important;
    color:#fff6d7!important;
    -webkit-text-fill-color:#fff6d7!important;
  }
  html body.ck-dark-mode .alert.success,
  html body.ck-dark-mode .daily-warning.success{
    background:#0f2c1d!important;
    border-color:#22c55e!important;
    color:#dcfce7!important;
    -webkit-text-fill-color:#dcfce7!important;
  }
  html body.ck-dark-mode .alert.error,
  html body.ck-dark-mode .daily-warning.danger{
    background:#3a1115!important;
    border-color:#ef4444!important;
    color:#fee2e2!important;
    -webkit-text-fill-color:#fee2e2!important;
  }
  html body.ck-dark-mode .director-alert strong,
  html body.ck-dark-mode .director-alert span,
  html body.ck-dark-mode .director-alert em,
  html body.ck-dark-mode .daily-warning,
  html body.ck-dark-mode .daily-warning *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    opacity:1!important;
  }

  /* Finansije — Keš/Faktura radio: pravilna širina i kontrast */
  html body.ck-dark-mode .payment-toggle,
  html body.ck-dark-mode .entry-form-row .payment-toggle,
  html body.ck-dark-mode .home-quick-entry-card .payment-toggle{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  html body.ck-dark-mode .payment-toggle label,
  html body.ck-dark-mode .entry-form-row .payment-toggle label,
  html body.ck-dark-mode .home-quick-entry-card .payment-toggle label{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-height:52px!important;
    min-width:0!important;
    width:100%!important;
    padding:12px!important;
    border-radius:16px!important;
    background:#0F5C5B!important;
    border:2px solid #0F5C5B!important;
    color:#F8F9FC!important;
    -webkit-text-fill-color:#F8F9FC!important;
    font-weight:900!important;
  }
  html body.ck-dark-mode .payment-toggle label:has(input:checked),
  html body.ck-dark-mode .payment-toggle label.ck-radio-active,
  html body.ck-dark-mode .entry-form-row .payment-toggle label:has(input:checked),
  html body.ck-dark-mode .home-quick-entry-card .payment-toggle label:has(input:checked){
    background:#0F5C5B!important;
    background-image:linear-gradient(180deg,#13233B,#0F5C5B)!important;
    border-color:#84cc16!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    box-shadow:0 0 0 3px rgba(132,204,22,.20)!important;
  }
  html body.ck-dark-mode .payment-toggle label:has(input:checked) *,
  html body.ck-dark-mode .payment-toggle label.ck-radio-active *{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
  html body.ck-dark-mode .payment-toggle input[type="radio"]{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    accent-color:#84cc16!important;
  }
  html body.ck-dark-mode.page-entries-php .entry-form-row > label:has(.payment-toggle){
    grid-column:1/-1!important;
  }

  /* Podešavanja firme — opcije štampe */
  html body.ck-dark-mode .invoice-template-grid{
    display:grid!important;
    gap:10px!important;
  }
  html body.ck-dark-mode .invoice-template-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:32px 1fr!important;
    gap:8px 14px!important;
    align-items:flex-start!important;
    padding:14px!important;
    padding-left:14px!important;
    overflow:visible!important;
  }
  html body.ck-dark-mode .invoice-template-card input[type="radio"]{
    grid-row:1/4!important;
    grid-column:1!important;
    width:22px!important;
    height:22px!important;
    margin:2px 0 0!important;
    accent-color:#84cc16!important;
    filter:none!important;
  }
  html body.ck-dark-mode .invoice-template-card strong,
  html body.ck-dark-mode .invoice-template-card span,
  html body.ck-dark-mode .invoice-template-card em{
    grid-column:2!important;
  }
  html body.ck-dark-mode .invoice-template-card span{color:#0D4F4E!important;-webkit-text-fill-color:#0D4F4E!important;}
  html body.ck-dark-mode .invoice-template-card.selected,
  html body.ck-dark-mode .invoice-template-card:has(input:checked){
    border-color:#84cc16!important;
    box-shadow:0 0 0 2px rgba(132,204,22,.20)!important;
    background:#0F5C5B!important;
  }
  html body.ck-dark-mode .invoice-template-card.recommended:before{
    right:12px!important;
    top:-12px!important;
    left:auto!important;
  }

  /* Korisnici / dozvole — bez belih kartica i bez desnog poravnanja */
  html body.ck-dark-mode .permission-grid,
  html body.ck-dark-mode .compact-permissions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  html body.ck-dark-mode .permission-grid fieldset{padding:12px!important;border-radius:16px!important;}
  html body.ck-dark-mode .perm-check{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    min-height:42px!important;
    text-align:left!important;
    border-radius:12px!important;
    padding:8px 10px!important;
    margin:4px 0!important;
  }
  html body.ck-dark-mode .perm-check input[type="checkbox"]{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    margin:0!important;
    accent-color:#84cc16!important;
  }
  html body.ck-dark-mode .perm-check span{
    display:block!important;
    text-align:left!important;
    color:#F1F3F8!important;
    -webkit-text-fill-color:#F1F3F8!important;
    line-height:1.25!important;
  }

  /* Dnevna kontrola / direktor — brze radnje i operativa */
  html body.ck-dark-mode .daily-actions,
  html body.ck-dark-mode .director-actions,
  html body.ck-dark-mode .quick-action-grid{
    gap:10px!important;
  }
  html body.ck-dark-mode .daily-actions a,
  html body.ck-dark-mode .director-actions a,
  html body.ck-dark-mode .quick-action-grid a{
    min-height:48px!important;
    display:grid!important;
    place-items:center!important;
    text-align:center!important;
    font-weight:900!important;
  }
  html body.ck-dark-mode .daily-list.compact div,
  html body.ck-dark-mode .director-mini-row,
  html body.ck-dark-mode .director-vat-box,
  html body.ck-dark-mode .director-card .summary-list div{
    background:#0F5C5B!important;
    border:1px solid #13233B!important;
    border-radius:14px!important;
    color:#F8F9FC!important;
    -webkit-text-fill-color:#F8F9FC!important;
  }

  /* Izlazne fakture — mobilne kartice i iznosi */
  html body.ck-dark-mode.page-sef-invoices-php .sef-list-table tr{
    background:#0F5C5B!important;
    border-color:#13233B!important;
    color:#F8F9FC!important;
    -webkit-text-fill-color:#F8F9FC!important;
  }
  html body.ck-dark-mode.page-sef-invoices-php .sef-amount-stack{
    background:#0F5C5B!important;
    border:1px solid #13233B!important;
    color:#F8F9FC!important;
    -webkit-text-fill-color:#F8F9FC!important;
  }
  html body.ck-dark-mode.page-sef-invoices-php .sef-amount-stack small,
  html body.ck-dark-mode.page-sef-invoices-php .sef-amount-stack strong{
    color:#F8F9FC!important;
    -webkit-text-fill-color:#F8F9FC!important;
    opacity:1!important;
  }
  html body.ck-dark-mode.page-sef-invoices-php .sef-amount-stack .amount{color:#0D4F4E!important;-webkit-text-fill-color:#0D4F4E!important;}
  html body.ck-dark-mode .pill,
  html body.ck-dark-mode .sef-meta-row .pill,
  html body.ck-dark-mode .sef-status-stack .pill{
    background:#0F5C5B!important;
    color:#F1F3F8!important;
    -webkit-text-fill-color:#F1F3F8!important;
    border:1px solid #0F5C5B!important;
  }
  html body.ck-dark-mode .pill.paid{background:#0f3a24!important;color:#dcfce7!important;-webkit-text-fill-color:#dcfce7!important;border-color:#22c55e!important;}
  html body.ck-dark-mode .pill.danger{background:#3a1115!important;color:#fee2e2!important;-webkit-text-fill-color:#fee2e2!important;border-color:#ef4444!important;}
  html body.ck-dark-mode .pill.pending{background:#33220a!important;color:#fff6d7!important;-webkit-text-fill-color:#fff6d7!important;border-color:#b7791f!important;}

  /* Ponuda kupcima — ekran ostaje čitljiv u dark mode-u */
  html body.ck-dark-mode .stock-offer-premium,
  html body.ck-dark-mode .stock-offer-page{background:#0F5C5B!important;color:#F8F9FC!important;-webkit-text-fill-color:#F8F9FC!important;}
  html body.ck-dark-mode .catalog-filter,
  html body.ck-dark-mode .buyer-offer-cover,
  html body.ck-dark-mode .buyer-offer-print,
  html body.ck-dark-mode .buyer-offer-card,
  html body.ck-dark-mode .premium-catalog-card{
    background:#0F5C5B!important;
    border-color:#13233B!important;
  }
  html body.ck-dark-mode .buyer-offer-photo,
  html body.ck-dark-mode .premium-catalog-card .buyer-offer-photo{
    background:#0D4F4E!important;
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
  }
  html body.ck-dark-mode .buyer-offer-title b,
  html body.ck-dark-mode .premium-catalog-card .buyer-offer-title b,
  html body.ck-dark-mode .size-chip-grid span,
  html body.ck-dark-mode .catalog-size-grid span{
    background:#0F5C5B!important;
    border-color:#0F5C5B!important;
    color:#F8F9FC!important;
    -webkit-text-fill-color:#F8F9FC!important;
  }
  html body.ck-dark-mode .buyer-offer-price b,
  html body.ck-dark-mode .buyer-offer-total strong{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;}

  /* Donji mobilni meni — srednja prečica je račun/faktura, ikona centrirana */
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a:not(.quick-add){
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium > a:not(.quick-add) .nav-icon{
    background:#0F5C5B!important;
    border-color:#0F5C5B!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add{
    display:grid!important;
    place-items:center!important;
    width:66px!important;
    height:66px!important;
    border-radius:50%!important;
    background:linear-gradient(180deg,#0F5C5B,#0F5C5B)!important;
    box-shadow:0 14px 36px rgba(57,94,172,.38)!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add .nav-icon,
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add .plus-icon{
    width:36px!important;height:36px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;display:grid!important;place-items:center!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add svg{width:36px!important;height:36px!important;display:block!important;}
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add svg path{fill:#fff!important;}

  /* iOS autofill/password overlay ne možemo kontrolisati, ali polja ostaju čitljiva pre tastature */
  html body.ck-dark-mode input,
  html body.ck-dark-mode select,
  html body.ck-dark-mode textarea{
    background:#0F5C5B!important;
    color:#F8F9FC!important;
    -webkit-text-fill-color:#F8F9FC!important;
  }
}

/* V5.41.22 — završno sređivanje mobilnog dark/light moda */
@media(max-width:900px){
  /* Donji meni — ista ikonica/faktura i centriranje u oba moda */
  html body .bottom-nav.bottom-nav-premium .quick-add{
    display:grid!important;place-items:center!important;text-align:center!important;
    width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;
    padding:0!important;border-radius:999px!important;line-height:1!important;
  }
  html body .bottom-nav.bottom-nav-premium .quick-add .nav-icon,
  html body .bottom-nav.bottom-nav-premium .quick-add .plus-icon{
    display:grid!important;place-items:center!important;width:40px!important;height:40px!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;
  }
  html body .bottom-nav.bottom-nav-premium .quick-add svg{width:38px!important;height:38px!important;display:block!important;}
  html body .bottom-nav.bottom-nav-premium .quick-add svg path{fill:#fff!important;opacity:1!important;}

  /* Finansije — Keš/Faktura mora biti pun red i čitljivo */
  html body.page-entries-php label:has(.payment-toggle),
  html body.page-index-php label:has(.payment-toggle),
  html body .home-quick-entry-card label:has(.payment-toggle){
    display:block!important;grid-column:1/-1!important;width:100%!important;min-width:0!important;
  }
  html body.page-entries-php label:has(.payment-toggle) > .payment-toggle,
  html body.page-index-php label:has(.payment-toggle) > .payment-toggle,
  html body .home-quick-entry-card label:has(.payment-toggle) > .payment-toggle,
  html body .payment-toggle{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;margin-top:8px!important;
  }
  html body .payment-toggle label{
    position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
    gap:10px!important;min-height:56px!important;width:100%!important;min-width:0!important;padding:12px 14px!important;
    border-radius:18px!important;font-weight:900!important;text-align:center!important;overflow:hidden!important;
  }
  html body.ck-dark-mode .payment-toggle label{
    background:#0F5C5B!important;border:2px solid #0F5C5B!important;color:#F8F9FB!important;-webkit-text-fill-color:#F8F9FB!important;
  }
  html body.ck-dark-mode .payment-toggle label:has(input:checked),
  html body.ck-dark-mode .payment-toggle label.ck-radio-active{
    background:linear-gradient(180deg,#13233B,#0F5C5B)!important;border-color:#84cc16!important;
    color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;box-shadow:0 0 0 4px rgba(132,204,22,.18)!important;
  }
  html body.ck-dark-mode .payment-toggle label:has(input:checked) *,
  html body.ck-dark-mode .payment-toggle label.ck-radio-active *{
    color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important;
  }
  html body .payment-toggle input[type="radio"]{position:static!important;flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;accent-color:#84cc16!important;}

  /* Direktor i dnevna kontrola — ukloni bele blokove u dark modu */
  html body.ck-dark-mode .director-period,
  html body.ck-dark-mode .director-period label,
  html body.ck-dark-mode .director-alert,
  html body.ck-dark-mode .director-alert.warn,
  html body.ck-dark-mode .director-alert.info,
  html body.ck-dark-mode .director-alert.bad,
  html body.ck-dark-mode .director-alert.good,
  html body.ck-dark-mode .director-actions a,
  html body.ck-dark-mode .daily-actions a,
  html body.ck-dark-mode .daily-warning,
  html body.ck-dark-mode .daily-kpi,
  html body.ck-dark-mode .daily-card,
  html body.ck-dark-mode .daily-list.compact div,
  html body.ck-dark-mode .director-vat-box,
  html body.ck-dark-mode .mini-table div{
    background:#0F5C5B!important;background-image:none!important;border-color:#0F5C5B!important;
    color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;opacity:1!important;
  }
  html body.ck-dark-mode .director-period input,
  html body.ck-dark-mode .director-period select,
  html body.ck-dark-mode .daily-date-form input,
  html body.ck-dark-mode .daily-date-form select{
    background:#0F5C5B!important;border:2px solid #0F5C5B!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  }
  html body.ck-dark-mode .director-alert *,
  html body.ck-dark-mode .director-actions a *,
  html body.ck-dark-mode .daily-actions a *,
  html body.ck-dark-mode .daily-warning *,
  html body.ck-dark-mode .daily-kpi *,
  html body.ck-dark-mode .daily-list.compact div *,
  html body.ck-dark-mode .director-vat-box *,
  html body.ck-dark-mode .mini-table div *{
    color:inherit!important;-webkit-text-fill-color:inherit!important;opacity:1!important;
  }
  html body.ck-dark-mode .director-alert.warn,
  html body.ck-dark-mode .daily-warning.warning{background:#3b2608!important;border-color:#b7791f!important;color:#fff3cf!important;-webkit-text-fill-color:#fff3cf!important;}
  html body.ck-dark-mode .director-alert.bad,
  html body.ck-dark-mode .daily-warning.danger{background:#3a1118!important;border-color:#ef4444!important;color:#fee2e2!important;-webkit-text-fill-color:#fee2e2!important;}
  html body.ck-dark-mode .director-alert.good,
  html body.ck-dark-mode .daily-warning.success{background:#0d3320!important;border-color:#22c55e!important;color:#dcfce7!important;-webkit-text-fill-color:#dcfce7!important;}

  /* Obaveštenja — kartice bez beline */
  html body.ck-dark-mode .notification-item,
  html body.ck-dark-mode .notification-item.unread{
    background:#0F5C5B!important;background-image:none!important;border:1px solid #0F5C5B!important;
    color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;opacity:1!important;
  }
  html body.ck-dark-mode .notification-item strong{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important;}
  html body.ck-dark-mode .notification-item span,
  html body.ck-dark-mode .notification-meta,
  html body.ck-dark-mode .notification-meta span{color:#0D4F4E!important;-webkit-text-fill-color:#0D4F4E!important;opacity:1!important;}

  /* Podešavanje menija i korisničke dozvole — tekst i checkbox čitljivi */
  html body.ck-dark-mode .menu-module-row,
  html body.ck-dark-mode .permission-grid fieldset,
  html body.ck-dark-mode .user-permission-row,
  html body.ck-dark-mode .perm-check{
    background:#0F5C5B!important;background-image:none!important;border-color:#0F5C5B!important;
    color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;opacity:1!important;
  }
  html body.ck-dark-mode .menu-module-row strong,
  html body.ck-dark-mode .menu-module-row small,
  html body.ck-dark-mode .permission-grid legend,
  html body.ck-dark-mode .perm-check span,
  html body.ck-dark-mode .user-permission-row summary,
  html body.ck-dark-mode .user-permission-row summary *{
    color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;opacity:1!important;text-align:left!important;
  }
  html body.ck-dark-mode .menu-switch span{background:#13233B!important;border:1px solid #0F5C5B!important;}
  html body.ck-dark-mode .menu-switch input:checked + span{background:#16a34a!important;}
  html body.ck-dark-mode input[type="checkbox"],
  html body.ck-dark-mode input[type="radio"]{accent-color:#84cc16!important;}

  /* Odabir štampe — radio krugovi ne smeju prekrivati tekst */
  html body.ck-dark-mode .invoice-template-card{
    display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:8px 14px!important;
    align-items:start!important;background:#0F5C5B!important;border-color:#0F5C5B!important;color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;
  }
  html body.ck-dark-mode .invoice-template-card input[type="radio"]{position:static!important;grid-column:1!important;grid-row:1/4!important;margin:4px 0 0!important;width:22px!important;height:22px!important;}
  html body.ck-dark-mode .invoice-template-card strong,
  html body.ck-dark-mode .invoice-template-card span,
  html body.ck-dark-mode .invoice-template-card em,
  html body.ck-dark-mode .invoice-template-card p{grid-column:2!important;color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;opacity:1!important;}
  html body.ck-dark-mode .invoice-template-card.selected,
  html body.ck-dark-mode .invoice-template-card:has(input:checked){background:#0F5C5B!important;border-color:#84cc16!important;}

  /* Ponuda kupcima / PDF — forme tamne, kartice proizvoda čitljive */
  html body.ck-dark-mode .stock-offer-page,
  html body.ck-dark-mode .stock-offer-premium,
  html body.ck-dark-mode .catalog-filter,
  html body.ck-dark-mode .buyer-offer-cover,
  html body.ck-dark-mode .buyer-offer-print,
  html body.ck-dark-mode .buyer-offer-card,
  html body.ck-dark-mode .premium-catalog-card{
    background:#0F5C5B!important;border-color:#0F5C5B!important;color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;
  }
  html body.ck-dark-mode .stock-offer-page h1,
  html body.ck-dark-mode .stock-offer-page h2,
  html body.ck-dark-mode .buyer-offer-card h3,
  html body.ck-dark-mode .buyer-offer-card strong,
  html body.ck-dark-mode .premium-catalog-card strong,
  html body.ck-dark-mode .premium-catalog-card b,
  html body.ck-dark-mode .premium-catalog-card span:not(.color-badge),
  html body.ck-dark-mode .buyer-offer-card span:not(.color-badge){color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;opacity:1!important;}
  html body.ck-dark-mode .color-badge,
  html body.ck-dark-mode .size-chip,
  html body.ck-dark-mode .size-chip-grid span,
  html body.ck-dark-mode .catalog-size-grid span{
    background:#0F5C5B!important;border-color:#0F5C5B!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important;
  }

  /* SEF lista i dugmad — svetla dugmad u dark modu prebaciti u tamno */
  html body.ck-dark-mode.page-sef-invoices-php .btn:not(.primary):not(.success):not(.danger),
  html body.ck-dark-mode.page-sef-invoices-php .button,
  html body.ck-dark-mode.page-sef-invoices-php .btn-soft,
  html body.ck-dark-mode.page-sef-invoices-php .action-btn{
    background:#0F5C5B!important;border:1px solid #0F5C5B!important;color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;
  }
  html body.ck-dark-mode.page-sef-invoices-php .btn.success,
  html body.ck-dark-mode.page-sef-invoices-php .btn.green{background:#124c2a!important;color:#dcfce7!important;-webkit-text-fill-color:#dcfce7!important;border-color:#22c55e!important;}

  /* Upozorenja/prioriteti — ikonice jasnije u oba moda */
  html body .priority-icon,
  html body .warning-icon,
  html body .alert-icon,
  html body .daily-warning:before{
    color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important;
  }
  html body.ck-dark-mode .warning-list li,
  html body.ck-dark-mode .priority-card,
  html body.ck-dark-mode .home-warning-row,
  html body.ck-dark-mode .home-priority-row{
    background:#0F5C5B!important;border-color:#0F5C5B!important;color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;
  }
  html body.ck-dark-mode .warning-list li *,
  html body.ck-dark-mode .priority-card *,
  html body.ck-dark-mode .home-warning-row *,
  html body.ck-dark-mode .home-priority-row *{color:inherit!important;-webkit-text-fill-color:inherit!important;opacity:1!important;}

  /* Generalno: svetli CTA/kartice koje su ostale bele u dark modu */
  html body.ck-dark-mode .card a:not(.btn):not(.quick-add),
  html body.ck-dark-mode .premium-card a:not(.btn):not(.quick-add){color:#0D4F4E!important;-webkit-text-fill-color:#0D4F4E!important;}
  html body.ck-dark-mode .btn:not(.primary):not(.success):not(.danger):not(.danger-light),
  html body.ck-dark-mode button:not(.primary):not(.success):not(.danger):not(.theme-toggle){
    background:#0F5C5B!important;border-color:#0F5C5B!important;color:#F7F8FB!important;-webkit-text-fill-color:#F7F8FB!important;
  }
}

/* V5.41.23 — putni nalozi + kalendar u mobilnom dark mode-u */
@media(max-width:900px){
  /* Putni nalog je dokument za štampu: papir ostaje beo, ali tekst mora biti taman i čitljiv. */
  html body.ck-dark-mode .travel-document,
  html body.ck-dark-mode .travel-doc-left,
  html body.ck-dark-mode .travel-doc-right,
  html body.ck-dark-mode .print-only-travel{
    background:#ffffff!important;
    background-image:none!important;
    color:#101828!important;
    -webkit-text-fill-color:#101828!important;
    border-color:#101828!important;
  }
  html body.ck-dark-mode .travel-document *,
  html body.ck-dark-mode .travel-doc-left *,
  html body.ck-dark-mode .travel-doc-right *,
  html body.ck-dark-mode .print-only-travel *{
    color:#101828!important;
    -webkit-text-fill-color:#101828!important;
    opacity:1!important;
    border-color:#101828!important;
  }
  html body.ck-dark-mode .travel-org span,
  html body.ck-dark-mode .travel-lines span,
  html body.ck-dark-mode .travel-table small,
  html body.ck-dark-mode .travel-top-note,
  html body.ck-dark-mode .travel-signatures span{
    color:#13233B!important;
    -webkit-text-fill-color:#13233B!important;
  }
  html body.ck-dark-mode .travel-table th,
  html body.ck-dark-mode .travel-total-box .grand-total{
    background:#EFF2F8!important;
    color:#101828!important;
    -webkit-text-fill-color:#101828!important;
  }
  html body.ck-dark-mode .travel-total-box .grand-total strong{
    color:#13233B!important;
    -webkit-text-fill-color:#13233B!important;
  }

  /* Custom kalendar — više ne iskače kao velika bela kutija u dark mode-u. */
  html body.ck-dark-mode .sr-datepicker{
    background:#0F5C5B!important;
    background-image:none!important;
    border:1px solid #0F5C5B!important;
    color:#F7F8FB!important;
    -webkit-text-fill-color:#F7F8FB!important;
    box-shadow:0 18px 60px rgba(0,0,0,.55)!important;
  }
  html body.ck-dark-mode .sr-datepicker-head strong{
    color:#F7F8FB!important;
    -webkit-text-fill-color:#F7F8FB!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .sr-datepicker-head button,
  html body.ck-dark-mode .sr-datepicker-foot button{
    background:#0F5C5B!important;
    border-color:#0F5C5B!important;
    color:#F7F8FB!important;
    -webkit-text-fill-color:#F7F8FB!important;
  }
  html body.ck-dark-mode .sr-datepicker-days span{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .sr-datepicker-days button{
    background:#0F5C5B!important;
    border-color:#13233B!important;
    color:#F7F8FB!important;
    -webkit-text-fill-color:#F7F8FB!important;
  }
  html body.ck-dark-mode .sr-datepicker-days button:hover{
    background:#13233B!important;
    border-color:#0D4F4E!important;
  }
  html body.ck-dark-mode .sr-datepicker-days button.today{
    border-color:#0D4F4E!important;
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
  }
  html body.ck-dark-mode .sr-datepicker-days button.selected{
    background:#0F5C5B!important;
    border-color:#0F5C5B!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }

  /* Mobilni meni — Putni nalozi sada ima podmeni kao ostali moduli. */
  html body.ck-dark-mode .ck-menu-details .ck-menu-sub a[href="routes.php"]{
    color:#F1F3F8!important;
    -webkit-text-fill-color:#F1F3F8!important;
  }
}


/* V5.41.24 — tema programa: automatski prema telefonu */
.settings-theme-box{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:stretch;border:1px solid #E1E6F0;border-radius:18px;background:#FAFBFD;padding:14px}
@media(max-width:760px){.settings-theme-box{grid-template-columns:1fr}}
body.ck-dark-mode .settings-theme-box{background:#0F5C5B!important;border-color:#13233B!important;color:#F1F3F8!important}
body.ck-dark-mode .settings-theme-box small{color:#0D4F4E!important}

/* V5.41.25 — Banka / XML izvodi */
.bank-import-grid{align-items:stretch}.bank-upload-card p{color:var(--muted)}.bank-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.bank-items-list{display:grid;gap:14px}.bank-item-card{border:1px solid var(--border);border-radius:22px;padding:16px;background:#fff;box-shadow:0 12px 28px rgba(17,28,52,.06)}.bank-item-card.priliv{border-left:5px solid #65b82e}.bank-item-card.odliv{border-left:5px solid #ff4b43}.bank-item-card.booked{opacity:.88}.bank-item-card.ignored{opacity:.70}.bank-item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.bank-item-head strong{display:block;font-size:18px}.bank-item-head small{display:block;color:var(--muted);margin-top:4px}.bank-item-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.bank-item-body>div{background:#FBF6EC;border:1px solid #0D4F4E;border-radius:14px;padding:10px}.bank-item-body span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.bank-item-body b{display:block;margin-top:3px}.bank-item-body small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}.bank-book-form{display:grid;grid-template-columns:1fr 1.5fr 1.2fr auto;gap:10px;align-items:end}.bank-book-form .form-actions{display:flex;gap:8px;margin:0}.alert.compact{padding:10px 12px;margin-top:8px}.badge.muted{background:#0D4F4E;color:#FFFFFF}
body.ck-dark-mode .bank-item-card{background:#0F5C5B!important;border-color:#13233B!important;color:#FBF1DE!important;box-shadow:none}body.ck-dark-mode .bank-item-body>div{background:#0F5C5B!important;border-color:#13233B!important}body.ck-dark-mode .bank-item-head small,body.ck-dark-mode .bank-item-body span,body.ck-dark-mode .bank-item-body small{color:#0D4F4E!important}body.ck-dark-mode .badge.muted{background:#13233B!important;color:#FFFFFF!important}body.ck-dark-mode .bank-table-wrap table{background:#0F5C5B!important}
@media(max-width:900px){.bank-import-grid{grid-template-columns:1fr}.bank-item-head{align-items:flex-start}.bank-item-body{grid-template-columns:1fr}.bank-book-form{grid-template-columns:1fr}.bank-book-form .form-actions{display:grid;grid-template-columns:1fr 1fr}.bank-item-card{border-radius:18px;padding:14px}.bank-item-head strong{font-size:16px}}

/* V5.41.26 — Banka izvodi: SEF naplata + pravila knjiženja */
.bank-rules-info{border-left:5px solid #0F5C5B}.bank-sef-match-box{border:1px solid #0D4F4E;background:#F6F7FA;border-radius:18px;padding:14px;margin:12px 0}.bank-sef-match-box h3{margin:0 0 6px;color:#13233B}.bank-sef-match-box p{margin:0 0 10px;color:#0F5C5B}.bank-sef-form{grid-template-columns:1.4fr 1.2fr auto}.bank-other-income{margin-top:12px;border:1px dashed #0D4F4E;border-radius:16px;padding:12px;background:#fff}.bank-other-income summary{font-weight:800;cursor:pointer;color:#13233B}.bank-rule-check{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.bank-rule-check input[type="text"],.bank-rule-check input:not([type]){grid-column:1 / -1}.bank-inline-action{margin-top:10px}.btn.success{background:#16a34a;border-color:#16a34a;color:#fff}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}body.ck-dark-mode .bank-sef-match-box{background:#0F5C5B!important;border-color:#0F5C5B!important;color:#FBF1DE!important}body.ck-dark-mode .bank-sef-match-box h3{color:#0F5C5B!important}body.ck-dark-mode .bank-sef-match-box p{color:#0D4F4E!important}body.ck-dark-mode .bank-other-income{background:#0F5C5B!important;border-color:#13233B!important}body.ck-dark-mode .bank-other-income summary{color:#0D4F4E!important}body.ck-dark-mode .btn.danger{background:#3b1116!important;border-color:#7f1d1d!important;color:#fecaca!important}body.ck-dark-mode .bank-rules-info{background:#0F5C5B!important;border-color:#0F5C5B!important}
@media(max-width:900px){.bank-sef-form{grid-template-columns:1fr}.bank-book-form{gap:12px}.bank-rule-check{grid-template-columns:1fr}.bank-rule-check input[type="checkbox"]{width:auto;justify-self:start}.bank-inline-action .btn{width:100%}}

/* V5.41.27 — SEF naplata i dugovanja */
.sef-receivable-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:16px}.sef-receivables-info{border-left:5px solid #0F5C5B}.sef-receivables-table td,.sef-receivables-table th{vertical-align:top}.sef-receivables-table tr.row-overdue{background:#fff7ed}.sef-receivables-table small{color:var(--muted)}.sef-payment-panel{border-left:5px solid #65b82e}.sef-customer-debt-panel{border-left:5px solid #0F5C5B}.sef-customer-debt-panel .debt-status-row div,.sef-payment-panel .debt-status-row div{min-width:160px}@media(max-width:900px){.sef-receivable-kpis{grid-template-columns:1fr}.sef-receivables-table-wrap table,.sef-receivables-table-wrap thead,.sef-receivables-table-wrap tbody,.sef-receivables-table-wrap tr,.sef-receivables-table-wrap th,.sef-receivables-table-wrap td{display:block}.sef-receivables-table-wrap thead{display:none}.sef-receivables-table-wrap tr{border:1px solid var(--border);border-radius:16px;margin:0 0 12px;padding:10px;background:#fff}.sef-receivables-table-wrap td{border:0;padding:7px 4px}.sef-receivables-table-wrap td:before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}}
body.ck-dark-mode .sef-receivables-info,body.ck-dark-mode .sef-payment-panel,body.ck-dark-mode .sef-customer-debt-panel{background:#0F5C5B!important;border-color:#0F5C5B!important;color:#FBF1DE!important}body.ck-dark-mode .sef-receivables-table tr.row-overdue{background:#351c0b!important}body.ck-dark-mode .sef-receivables-table-wrap tr{background:#0F5C5B!important;border-color:#13233B!important}

/* CTN Biz — dark mode fixes for the dashboard hero/search area (previously unstyled for dark mode) */
body.ck-dark-mode .home-hero{background:linear-gradient(135deg,#0F5C5B,#0F5C5B)!important;border-color:#13233B!important}
body.ck-dark-mode .home-hero h1{color:#F1F3F8!important}
body.ck-dark-mode .home-hero p{color:#0D4F4E!important}
body.ck-dark-mode .home-eyebrow{background:#13233B!important;color:#1B8A87!important}
body.ck-dark-mode .home-search{background:#0F5C5B!important;border-color:#13233B!important;box-shadow:none!important}
body.ck-dark-mode .home-search input{color:#101828!important}
body.ck-dark-mode .home-search input::placeholder{color:#8B98AB!important}
body.ck-dark-mode .home-search svg{fill:#8B98AB!important}
body.ck-dark-mode .home-search button{background:#13233B!important;color:#F1F3F8!important}
body.ck-dark-mode .home-status-strip a{background:#0F5C5B!important;border-color:#13233B!important;box-shadow:none!important}
body.ck-dark-mode .home-status-strip span{color:#8B98AB!important}
body.ck-dark-mode .home-status-strip strong{color:#F1F3F8!important}

/* CTN Biz — dark mode + polish for the top toolbar (search, quick actions, open tabs) */
body.ck-dark-mode .v519-globalbar{background:#0F5C5B!important;border-color:#13233B!important;box-shadow:none!important}
body.ck-dark-mode .v519-global-search{background:#0F5C5B!important;border-color:#13233B!important}
body.ck-dark-mode .v519-global-search span{color:#1B8A87!important}
body.ck-dark-mode .v519-search-icon{fill:#1B8A87!important}
body.ck-dark-mode .v519-global-search input{color:#F1F3F8!important}
body.ck-dark-mode .v519-global-search input::placeholder{color:#8B98AB!important}
body.ck-dark-mode .v519-global-search button{background:#13233B!important;color:#F5D89A!important}
body.ck-dark-mode .v519-global-actions a{background:#0F5C5B!important;border-color:#13233B!important;color:#F1F3F8!important}
body.ck-dark-mode .v519-global-actions a:first-child{background:linear-gradient(135deg,#13233B,#1B8A87)!important;color:#fff!important;border-color:transparent!important}
body.ck-dark-mode .top-work-tabs{background:#0F5C5B!important;border-color:#13233B!important;box-shadow:none!important}
body.ck-dark-mode .top-tab{background:#0F5C5B!important;color:#FFFFFF!important;border-color:#13233B!important}
body.ck-dark-mode .top-tab.active{background:#13233B!important;color:#fff!important;border-color:#1B8A87!important}
body.ck-dark-mode .top-tab button{background:rgba(255,255,255,.12)!important}
body.ck-dark-mode .top-tabs-label,body.ck-dark-mode .top-tabs-clear{color:#8B98AB!important}
body.ck-dark-mode .top-tabs-clear{background:#0F5C5B!important;border-color:#13233B!important}

/* CTN Biz — dark mode for the core card/KPI containers used across most pages
   (previously only a few specific pages had dark-mode overrides at all) */
body.ck-dark-mode .card,body.ck-dark-mode .quick-panel,body.ck-dark-mode .mobile-card,
body.ck-dark-mode .kpi,body.ck-dark-mode .home-kpi,body.ck-dark-mode .home-card{
  background:#0F5C5B!important;border-color:#13233B!important;box-shadow:none!important;color:#F1F3F8!important;
}
body.ck-dark-mode .kpi span,body.ck-dark-mode .home-kpi span{color:#8B98AB!important}
body.ck-dark-mode .kpi strong,body.ck-dark-mode .home-kpi strong{color:#F1F3F8!important}
body.ck-dark-mode .home-kpi small{color:#0D4F4E!important}
body.ck-dark-mode .card h2,body.ck-dark-mode .card h3,body.ck-dark-mode .premium-card h2,
body.ck-dark-mode .home-card h2,body.ck-dark-mode .home-card-head p{color:#F1F3F8!important}
body.ck-dark-mode .home-card-head p,body.ck-dark-mode .card p{color:#0D4F4E!important}
/* Keep the colored KPI icon badges as-is (blue/green/orange/purple/lime accents) —
   only the surrounding card surface changes, not the icon backgrounds. */

/* CTN Biz — bulk dark-mode pass: every remaining white-background component across the app */
body.ck-dark-mode .badge,body.ck-dark-mode .bank-item-card,body.ck-dark-mode .bank-other-income,body.ck-dark-mode .bell span,body.ck-dark-mode .btn,body.ck-dark-mode .buyer-combo-v5284,body.ck-dark-mode .buyer-combo-v5284 .btn,body.ck-dark-mode .buyer-offer-card,body.ck-dark-mode .catalog-card,body.ck-dark-mode .catalog-summary-row div,body.ck-dark-mode .ck-inline-modal,body.ck-dark-mode .ck-mobile-drawer-menu,body.ck-dark-mode .color-photo-row,body.ck-dark-mode .color-stock-card,body.ck-dark-mode .count-color-card,body.ck-dark-mode .customer-card,body.ck-dark-mode .daily-kpi,body.ck-dark-mode .director-alert,body.ck-dark-mode .director-period,body.ck-dark-mode .docchip,body.ck-dark-mode .hero-actions .btn.primary,body.ck-dark-mode .home-search,body.ck-dark-mode .invoice-bottom-actions .danger-light,body.ck-dark-mode .invoice-card,body.ck-dark-mode .invoice-head-v5 .invoice-logo,body.ck-dark-mode .invoice-line-row,body.ck-dark-mode .invoice-line-row-v53,body.ck-dark-mode .invoice-line-row-v53 .line-rsd-preview,body.ck-dark-mode .invoice-line-row-v53 .remove-line,body.ck-dark-mode .invoice-live-total,body.ck-dark-mode .invoice-live-total div,body.ck-dark-mode .invoice-no-block,body.ck-dark-mode .invoice-product-hit,body.ck-dark-mode .invoice-shortcuts kbd,body.ck-dark-mode .invoice-table-body,body.ck-dark-mode .invoice-template-card,body.ck-dark-mode .invoice-totals-v5,body.ck-dark-mode .menu-icon-wrap,body.ck-dark-mode .menu-module-row,body.ck-dark-mode .menu-switch span:before,body.ck-dark-mode .mini-btn,body.ck-dark-mode .mobile-menu-card,body.ck-dark-mode .mobile-menu-card.mobile-menu-premium,body.ck-dark-mode .mobile-menu-section .mobile-menu-grid a,body.ck-dark-mode .mobile-topbar .bell span,body.ck-dark-mode .mobile-topbar .menu-icon-wrap,body.ck-dark-mode .mobile-topbar .menu-icon-wrap i,body.ck-dark-mode .notification-item,body.ck-dark-mode .page-entries-php .entry-form-row .payment-toggle label,body.ck-dark-mode .page-index-php .home-actions-grid a,body.ck-dark-mode .page-index-php .home-hero,body.ck-dark-mode .page-index-php .home-quick-entry-card,body.ck-dark-mode .page-index-php .home-quick-entry-form .payment-toggle label,body.ck-dark-mode .page-index-php .kpi,body.ck-dark-mode .page-index-php .v519-command-center,body.ck-dark-mode .page-invoice-edit-php .invoice-line-row-v53 .line-rsd-preview,body.ck-dark-mode .page-invoice-edit-php .invoice-line-row-v53 .remove-line,body.ck-dark-mode .page-invoice-new-php .invoice-line-row-v53,body.ck-dark-mode .page-invoice-view-php .invoice-no-block,body.ck-dark-mode .page-orders-php tr,body.ck-dark-mode .page-sef-incoming-php tr,body.ck-dark-mode .page-sef-invoice-form-php .compact-sef-form,body.ck-dark-mode .page-sef-invoice-form-php .invoice-live-total div,body.ck-dark-mode .page-sef-invoice-form-php .sef-ui-shortcuts.compact-shortcuts .help-mini,body.ck-dark-mode .page-sef-invoice-form-php .v519-stepper span,body.ck-dark-mode .page-sef-invoices-php .sef-list-card,body.ck-dark-mode .page-sef-invoices-php .sef-list-table tr,body.ck-dark-mode .page-sef-invoices-php tr,body.ck-dark-mode .payment-summary-card,body.ck-dark-mode .payment-toggle label,body.ck-dark-mode .pdv-report-head>div,body.ck-dark-mode .plan-card,body.ck-dark-mode .premium-customer,body.ck-dark-mode .premium-invoice,body.ck-dark-mode .premium-menu-footer,body.ck-dark-mode .premium-menu-footer a,body.ck-dark-mode .premium-menu-profile,body.ck-dark-mode .product-card,body.ck-dark-mode .product-command-actions .btn.primary,body.ck-dark-mode .product-stock-matrix,body.ck-dark-mode .production-flow-card,body.ck-dark-mode .production-phase-strip div,body.ck-dark-mode .quick-action-card,body.ck-dark-mode .reminder-card,body.ck-dark-mode .reservation-card,body.ck-dark-mode .route-choice,body.ck-dark-mode .route-region-card,body.ck-dark-mode .route-rule-list-clean li span,body.ck-dark-mode .route-save-actions,body.ck-dark-mode .route-visit-head,body.ck-dark-mode .route-week-card,body.ck-dark-mode .salesrep-cart div,body.ck-dark-mode .salesrep-product-card,body.ck-dark-mode .sef-entry-table,body.ck-dark-mode .sef-entry-table td,body.ck-dark-mode .sef-entry-table-v5284 td,body.ck-dark-mode .sef-entry-table-wrap,body.ck-dark-mode .sef-entry-table-wrap-v5284,body.ck-dark-mode .sef-items-head-v5284 .btn,body.ck-dark-mode .sef-line-row,body.ck-dark-mode .sef-line-row.sef-line-simple,body.ck-dark-mode .sef-line-row.sef-line-simple .line-rsd-preview,body.ck-dark-mode .sef-line-row.sef-line-simple .remove-sef-line,body.ck-dark-mode .sef-list-table-wrap,body.ck-dark-mode .sef-receivables-table-wrap tr,body.ck-dark-mode .sef-top-form-v5284,body.ck-dark-mode .sef-ui-shortcuts .help-mini,body.ck-dark-mode .settings-toggle-line,body.ck-dark-mode .size-chip-grid span,body.ck-dark-mode .sr-datepicker,body.ck-dark-mode .sr-datepicker-days button,body.ck-dark-mode .stock-lookup-row,body.ck-dark-mode .stock-offer-premium,body.ck-dark-mode .theme-toggle,body.ck-dark-mode .top-tabs-clear,body.ck-dark-mode .total-color-row,body.ck-dark-mode .travel-doc-left,body.ck-dark-mode .travel-doc-right,body.ck-dark-mode .travel-document,body.ck-dark-mode .user-permission-row,body.ck-dark-mode .user-row,body.ck-dark-mode .v5-box,body.ck-dark-mode .v519-fast-actions a,body.ck-dark-mode .v519-global-actions a,body.ck-dark-mode .v519-stepper [data-step-dot].active b,body.ck-dark-mode .v519-stepper span,body.ck-dark-mode .v519-task-card,body.ck-dark-mode .v519-today-score,body.ck-dark-mode .v533-operation-grid a,body.ck-dark-mode .variant-matrix-scroll,body.ck-dark-mode .warehouse-card,body.ck-dark-mode .warehouse-donut:after{background:#0F5C5B!important;border-color:#13233B!important;color:#F1F3F8!important;box-shadow:none!important}
body.ck-dark-mode .buyer-combo-v5284 input,body.ck-dark-mode .buyer-combo-v5284 select,body.ck-dark-mode .invoice-line-row-v53 input,body.ck-dark-mode .invoice-line-row-v53 select,body.ck-dark-mode .left-card input,body.ck-dark-mode .left-card select,body.ck-dark-mode .page-invoice-new-php .invoice-desktop-form-internal textarea,body.ck-dark-mode .page-invoice-new-php .invoice-line-row-v53 select,body.ck-dark-mode .page-sef-invoice-form-php .buyer-combo-v5284 input,body.ck-dark-mode .page-sef-invoice-form-php .sef-compact-top-grid select,body.ck-dark-mode .sef-entry-table select:focus,body.ck-dark-mode .sef-entry-table td select:focus,body.ck-dark-mode .sef-entry-table-v5284 select,body.ck-dark-mode .sef-entry-table-v5284 td input:focus,body.ck-dark-mode .sef-entry-table-v5284 td select:focus,body.ck-dark-mode .sef-top-grid-v5284 input,body.ck-dark-mode .sef-top-grid-v5284 select,body.ck-dark-mode .sr-date-input,body.ck-dark-mode body.page-index-php .home-quick-entry-form select,body.ck-dark-mode input,body.ck-dark-mode select,body.ck-dark-mode textarea{background:#0F5C5B!important;border-color:#13233B!important;color:#F1F3F8!important}

/* CTN Biz — bulk dark-mode pass: muted/dark TEXT colors (separate from backgrounds) */
body.ck-dark-mode{--muted:#8B98AB;--text:#0D4F4E;}
body.ck-dark-mode .activity-list strong,body.ck-dark-mode .activity-list time,body.ck-dark-mode .activity-table small,body.ck-dark-mode .amount small,body.ck-dark-mode .backup-action-card p,body.ck-dark-mode .bottom-nav a,body.ck-dark-mode .btn.disabled,body.ck-dark-mode .btn:disabled,body.ck-dark-mode .buyer-offer-photo,body.ck-dark-mode .catalog-summary-row span,body.ck-dark-mode .cover-brand span,body.ck-dark-mode .cover-contact span,body.ck-dark-mode .daily-kpi small,body.ck-dark-mode .daily-list.compact span,body.ck-dark-mode .debt-status-row span,body.ck-dark-mode .docchip small,body.ck-dark-mode .docchip span,body.ck-dark-mode .fixed-pay-field span,body.ck-dark-mode .home-bar-col span,body.ck-dark-mode .home-card-head p,body.ck-dark-mode .home-finance-col span,body.ck-dark-mode .home-kpi small,body.ck-dark-mode .home-kpi span,body.ck-dark-mode .home-mini-legend,body.ck-dark-mode .home-search button,body.ck-dark-mode .invoice-brand-block p,body.ck-dark-mode .invoice-live-total span,body.ck-dark-mode .invoice-live-total-v53 small,body.ck-dark-mode .invoice-modern-title p,body.ck-dark-mode .invoice-product-hit-main small,body.ck-dark-mode .invoice-right small,body.ck-dark-mode .invoice-table-v53 td small,body.ck-dark-mode .invoice-template-card em,body.ck-dark-mode .invoice-totals-v5 span,body.ck-dark-mode .invoice-totals-v53 small,body.ck-dark-mode .kpi span,body.ck-dark-mode .line-rsd-preview small,body.ck-dark-mode .menu-module-row small,body.ck-dark-mode .mobile-menu-section h3,body.ck-dark-mode .money-dual-label small,body.ck-dark-mode .muted,body.ck-dark-mode .muted-chip,body.ck-dark-mode .page-index-php .kpi span,body.ck-dark-mode .page-index-php .quick-entry-intro p,body.ck-dark-mode .page-invoice-new-php .invoice-desktop-form-internal small,body.ck-dark-mode .page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview span,body.ck-dark-mode .page-sef-incoming-php .filter-row small,body.ck-dark-mode .page-sef-incoming-php td::before,body.ck-dark-mode .page-sef-invoice-form-php .sef-compact-top-grid label small,body.ck-dark-mode .page-sef-invoice-form-php .v519-stepper span,body.ck-dark-mode .page-sef-invoices-php .mini-kpi span,body.ck-dark-mode .page-sef-invoices-php .sef-amount-stack small,body.ck-dark-mode .page-sef-invoices-php .sef-cell-main small,body.ck-dark-mode .page-sef-invoices-php .sef-list-intro p,body.ck-dark-mode .page-sef-invoices-php .sef-meta-row small,body.ck-dark-mode .plan-card small,body.ck-dark-mode .premium-menu-list em,body.ck-dark-mode .premium-menu-list small,body.ck-dark-mode .premium-menu-profile a,body.ck-dark-mode .premium-menu-profile small,body.ck-dark-mode .premium-mobile-accordion em,body.ck-dark-mode .premium-mobile-accordion small,body.ck-dark-mode .reminder-list small,body.ck-dark-mode .scan-stock-mini span,body.ck-dark-mode .sef-amount-stack small,body.ck-dark-mode .sef-cell-main small,body.ck-dark-mode .sef-compact-top-grid .traffic-date-field small,body.ck-dark-mode .sef-line-row.sef-line-simple .line-rsd-preview,body.ck-dark-mode .sef-list-intro p,body.ck-dark-mode .sef-meta-stack small,body.ck-dark-mode .sef-mini-kpis .mini-kpi span,body.ck-dark-mode .sef-no-empty-note,body.ck-dark-mode .sef-status-stack small,body.ck-dark-mode .sef-ui-subtitle,body.ck-dark-mode .settings-preview span,body.ck-dark-mode .settings-section-title p,body.ck-dark-mode .settings-toggle-line small,body.ck-dark-mode .sr-datepicker-days span,body.ck-dark-mode .stock-alert-list a strong small,body.ck-dark-mode .summary-list strong small,body.ck-dark-mode .top-products-list small,body.ck-dark-mode .top-tabs-clear,body.ck-dark-mode .top-tabs-label,body.ck-dark-mode .travel-signatures span,body.ck-dark-mode .travel-table small,body.ck-dark-mode .warehouse-donut span,body.ck-dark-mode .warehouse-list small{color:#8B98AB!important}
body.ck-dark-mode .home-hero h1,body.ck-dark-mode .home-kpi strong,body.ck-dark-mode .home-status-strip strong,body.ck-dark-mode .invoice-template-card strong,body.ck-dark-mode .left-card input,body.ck-dark-mode .left-card select,body.ck-dark-mode .mobile-menu-grid a,body.ck-dark-mode .page-index-php .home-quick-entry-card,body.ck-dark-mode .page-index-php .quick-entry-intro h2,body.ck-dark-mode .plan-card p,body.ck-dark-mode .premium-menu-footer a,body.ck-dark-mode .premium-menu-list b,body.ck-dark-mode .premium-menu-profile strong,body.ck-dark-mode .premium-mobile-accordion b,body.ck-dark-mode .priority-list a,body.ck-dark-mode .reminder-list a,body.ck-dark-mode .salesrep-stock-list b,body.ck-dark-mode .sr-datepicker,body.ck-dark-mode .sr-datepicker-days button,body.ck-dark-mode .top-products-list a,body.ck-dark-mode .travel-doc-left,body.ck-dark-mode .travel-doc-right,body.ck-dark-mode .warehouse-list a,body.ck-dark-mode input,body.ck-dark-mode select,body.ck-dark-mode textarea{color:#F1F3F8!important}

/* CTN Biz — bulk dark-mode pass: near-white neutral tints (chips, sub-panels, hover fills) */
body.ck-dark-mode .alert.info,body.ck-dark-mode .bank-item-body>div,body.ck-dark-mode .btn.disabled,body.ck-dark-mode .btn:disabled,body.ck-dark-mode .catalog-body em,body.ck-dark-mode .catalog-img,body.ck-dark-mode .catalog-size-grid span,body.ck-dark-mode .check-row,body.ck-dark-mode .ck-menu-sub a,body.ck-dark-mode .color-photo-preview,body.ck-dark-mode .color-total-pill,body.ck-dark-mode .compact-shortcuts span,body.ck-dark-mode .count-color-card.checked,body.ck-dark-mode .count-color-card:has(input[type="checkbox"]:checked),body.ck-dark-mode .customer-sef-lookup-box,body.ck-dark-mode .daily-actions a,body.ck-dark-mode .debt-status-row div,body.ck-dark-mode .debt-table th,body.ck-dark-mode .director-alert.info,body.ck-dark-mode .docchip.next,body.ck-dark-mode .fixed-pay-field,body.ck-dark-mode .form-card input,body.ck-dark-mode .form-card select,body.ck-dark-mode .form-card textarea,body.ck-dark-mode .home-search button,body.ck-dark-mode .invoice-barcode-box,body.ck-dark-mode .invoice-collapsed-preview summary,body.ck-dark-mode .invoice-customer,body.ck-dark-mode .invoice-desktop-form .invoice-barcode-box,body.ck-dark-mode .invoice-desktop-form input,body.ck-dark-mode .invoice-desktop-form select,body.ck-dark-mode .invoice-desktop-form textarea,body.ck-dark-mode .invoice-form-card input,body.ck-dark-mode .invoice-form-card select,body.ck-dark-mode .invoice-line-row-v53::before,body.ck-dark-mode .invoice-line-row-v53:hover,body.ck-dark-mode .invoice-lines-box,body.ck-dark-mode .invoice-live-total div:last-child,body.ck-dark-mode .invoice-note-box,body.ck-dark-mode .invoice-product-search-box,body.ck-dark-mode .invoice-table-v53 th,body.ck-dark-mode .line-rsd-preview,body.ck-dark-mode .mini-product-img,body.ck-dark-mode .mobile-entry-card,body.ck-dark-mode .mobile-menu-grid a,body.ck-dark-mode .mobile-menu-section,body.ck-dark-mode .mobile-submenu a,body.ck-dark-mode .mobile-submenu a.active,body.ck-dark-mode .page-invoice-edit-php .invoice-line-row-v53::before,body.ck-dark-mode .page-invoice-edit-php .invoice-live-total-v53 div:last-child,body.ck-dark-mode .page-invoice-new-php .invoice-line-row-v53 .line-rsd-preview,body.ck-dark-mode .page-sef-invoices-php .mini-kpi,body.ck-dark-mode .page-sef-invoices-php .mini-kpi.info,body.ck-dark-mode .page-sef-invoices-php .sef-amount-stack,body.ck-dark-mode .page-sef-invoices-php .sef-list-note,body.ck-dark-mode .payment-toggle label,body.ck-dark-mode .pdv-check-grid>div,body.ck-dark-mode .pdv-mini-grid>div,body.ck-dark-mode .permission-grid fieldset,body.ck-dark-mode .pill.neutral,body.ck-dark-mode .pill.payment,body.ck-dark-mode .pill.payment.faktura,body.ck-dark-mode .pill.pending,body.ck-dark-mode .premium-catalog-card .buyer-offer-photo,body.ck-dark-mode .premium-catalog-card .buyer-offer-title b,body.ck-dark-mode .premium-menu-footer a,body.ck-dark-mode .premium-menu-footer a:hover,body.ck-dark-mode .premium-mobile-accordion .mi,body.ck-dark-mode .premium-search input,body.ck-dark-mode .priority-list .due,body.ck-dark-mode .product-color-photo-box,body.ck-dark-mode .product-insight-grid section,body.ck-dark-mode .product-stock-matrix td:first-child,body.ck-dark-mode .product-stock-matrix th,body.ck-dark-mode .product-total-stock-box,body.ck-dark-mode .profile-icon,body.ck-dark-mode .quick-action-grid a,body.ck-dark-mode .route-accent-blue .route-region-no,body.ck-dark-mode .route-accent-blue .week-head strong,body.ck-dark-mode .route-chip,body.ck-dark-mode .route-choice:has(input:checked),body.ck-dark-mode .route-clean-note,body.ck-dark-mode .route-current-title em,body.ck-dark-mode .route-customer-info div,body.ck-dark-mode .route-history-item,body.ck-dark-mode .route-region-no,body.ck-dark-mode .route-rule-list-clean li,body.ck-dark-mode .route-shop-icon,body.ck-dark-mode .route-status,body.ck-dark-mode .route-status-blue,body.ck-dark-mode .route-status-gray,body.ck-dark-mode .salesrep-stock-list span,body.ck-dark-mode .scanned-product-card,body.ck-dark-mode .sef-advanced,body.ck-dark-mode .sef-advanced[open],body.ck-dark-mode .sef-cell-unit,body.ck-dark-mode .sef-compact-filter input,body.ck-dark-mode .sef-compact-filter select,body.ck-dark-mode .sef-entry-table .sef-cell-unit,body.ck-dark-mode .sef-entry-table .sef-rb,body.ck-dark-mode .sef-entry-table tbody tr:hover td,body.ck-dark-mode .sef-entry-table-v5284 .line-rsd-preview,body.ck-dark-mode .sef-entry-table-v5284 .sef-cell-tarifa,body.ck-dark-mode .sef-entry-table-v5284 .sef-cell-unit,body.ck-dark-mode .sef-entry-table-v5284 .sef-discount-value,body.ck-dark-mode .sef-entry-table-v5284 .sef-rb,body.ck-dark-mode .sef-entry-table-v5284 tbody tr:hover td,body.ck-dark-mode .sef-entry-table-v5284 thead th,body.ck-dark-mode .sef-line-row.sef-line-simple::after,body.ck-dark-mode .sef-line-row.sef-line-simple::before,body.ck-dark-mode .sef-line-row.sef-line-simple:hover,body.ck-dark-mode .sef-list-table tbody tr:hover td,body.ck-dark-mode .sef-mini-kpis .mini-kpi,body.ck-dark-mode .sef-mini-kpis .mini-kpi.info,body.ck-dark-mode .sef-preview-grid div,body.ck-dark-mode .sef-rb,body.ck-dark-mode .sef-shortcut-pill,body.ck-dark-mode .sef-status-card,body.ck-dark-mode .settings-invoice-template-box,body.ck-dark-mode .settings-pdv-box,body.ck-dark-mode .settings-preview,body.ck-dark-mode .settings-theme-box,body.ck-dark-mode .sku-chip,body.ck-dark-mode .sr-datepicker-foot button,body.ck-dark-mode .sr-datepicker-head button,body.ck-dark-mode .stock-alert-list a,body.ck-dark-mode .stock-card-row,body.ck-dark-mode .stock-lookup-summary div,body.ck-dark-mode .suggested-row,body.ck-dark-mode .summary-list div,body.ck-dark-mode .support-contact-lines a,body.ck-dark-mode .top-tab,body.ck-dark-mode .total-color-row.suggested-row,body.ck-dark-mode .total-photo-cell img,body.ck-dark-mode .total-photo-cell span,body.ck-dark-mode .total-row td,body.ck-dark-mode .travel-row-card,body.ck-dark-mode .v519-global-actions a,body.ck-dark-mode .v519-task-card em,body.ck-dark-mode .v533-money-card.invoice,body.ck-dark-mode .variant-matrix-table th,body.ck-dark-mode .warehouse-list i,body.ck-dark-mode body,body.ck-dark-mode body.page-index-php .home-quick-entry-form .payment-toggle label:has(input:checked),body.ck-dark-mode code{background:#0F5C5B!important;border-color:#13233B!important;color:#F1F3F8!important}

/* CTN Biz — dark mode: gradient-based light backgrounds missed by the solid-color audit */
body.ck-dark-mode .v519-command-center,body.ck-dark-mode .avatar-circle,
body.ck-dark-mode .buyer-offer-cover,body.ck-dark-mode .daily-kpi.total,
body.ck-dark-mode .director-actions a,body.ck-dark-mode .director-vat-box,
body.ck-dark-mode .invoice-head-v5,body.ck-dark-mode .invoice-table-head,
body.ck-dark-mode .invoice-v5,body.ck-dark-mode .menu-preview-card,
body.ck-dark-mode .pay-ref-card-v5284,body.ck-dark-mode .salesrep-photo,
body.ck-dark-mode .sef-entry-table th,body.ck-dark-mode .sef-entry-table thead th,
body.ck-dark-mode .sef-entry-table-v5284 th,body.ck-dark-mode .travel-diem-box,
body.ck-dark-mode .v533-money-card,body.ck-dark-mode .warehouse-icon{
  background:#0F5C5B!important;border-color:#13233B!important;color:#F1F3F8!important;box-shadow:none!important;
}
body.ck-dark-mode .v519-command-head h2,body.ck-dark-mode .v519-command-head p{color:#F1F3F8!important}
body.ck-dark-mode .v519-command-head p{color:#0D4F4E!important}

/* CTN Biz — paginacija listi (V5.42): navigacija po stranama + info red */
.list-meta{font-size:12px;color:var(--muted);margin:2px 0 12px;font-weight:600}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.pager-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;border:1px solid var(--border);background:#fff;border-radius:12px;font-weight:800;color:var(--blue);text-decoration:none;font-size:14px}
.pager-btn:hover{background:#0D4F4E;border-color:#0D4F4E}
.pager-btn.disabled{color:#0D4F4E;background:#F6F7FA;cursor:default;pointer-events:none}
.pager-info{font-size:13px;color:var(--muted);font-weight:700;min-width:110px;text-align:center}
body.ck-dark-mode .list-meta{color:#8B98AB!important}
body.ck-dark-mode .pager-btn{background:#0F5C5B!important;border-color:#13233B!important;color:#FFFFFF!important}
body.ck-dark-mode .pager-btn:hover{background:#13233B!important}
body.ck-dark-mode .pager-btn.disabled{background:#0F5C5B!important;color:#FFFFFF!important}
body.ck-dark-mode .pager-info{color:#8B98AB!important}


/* CTN Biz PATCH — uredniji ekran: Potraživanja po SEF fakturama */
.sef-receivable-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  margin:0 0 18px!important;
}
.sef-receivable-kpis .kpi{
  min-height:126px!important;
  padding:18px 20px!important;
}
.sef-receivables-info{
  margin-bottom:18px!important;
}
.page-sef-receivables-php .page-title{
  align-items:flex-start!important;
  gap:14px!important;
}
.page-sef-receivables-php .page-title .form-actions{
  justify-content:flex-end!important;
}
.page-sef-receivables-php .page-title .form-actions .btn{
  min-height:44px;
}
.page-sef-receivables-php .filter-row{
  align-items:end!important;
}
.page-sef-receivables-php .table-wrap{
  margin-top:12px;
}
@media(max-width:1250px){
  .sef-receivable-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .sef-receivable-kpis{grid-template-columns:1fr!important;}
  .page-sef-receivables-php .page-title .form-actions{justify-content:flex-start!important;}
}

/* PATCH V5.42.11: pravi, veći logo u mobilnom gornjem baru (umesto bele
   siluete koja je gubila zlatni ček i delovala kao mrlja). Sada: značka sa
   prstenom + zlatnim čekom + "CTN Biz" tekst, BEZ bele pločice — sve stoji
   direktno na plavom baru, u istom tonu. */
@media(max-width:1100px){
  .mobile-logo-brand{display:flex!important;align-items:center;gap:9px!important;text-decoration:none;background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;}
  .mobile-logo-brand img{display:none!important;}
  .mobile-logo-badge{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .mobile-logo-word{font-size:19px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.01em;white-space:nowrap;}
  .mobile-logo-word b{color:#E3A73C;font-weight:800;}
}

/* PATCH V5.42.12: nevidljiv tekst na dugmadima (Pregled/Dokaz/PDF i sl.) na
   iOS-u u svetlom režimu. Osnovni .btn nema eksplicitnu boju teksta pa iOS
   Safari zna da je prikaže svetlom na beloj pozadini. Ovde eksplicitno
   tražimo tamnu boju SAMO za obična dugmad (ne primary/green/danger/whatsapp/
   viber — ta namerno imaju belu/svoju boju) i SAMO u svetlom režimu. */
body:not(.ck-dark-mode) .btn:not(.primary):not(.green):not(.danger):not(.whatsapp):not(.viber):not(.disabled){
  color:#13233B!important;
  -webkit-text-fill-color:#13233B!important;
}

/* CTN Biz PATCH V5.50.2 — mobilna gornja traka + čista pretraga
   Samo vizuelni sloj. Ne dira bazu, SEF, banku, fakture, magacin ni knjiženje. */
@media (max-width:1100px){
  /* Gornja mobilna traka — zadržava isti raspored, ali čistije i niže. */
  html body .mobile-topbar{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:10px!important;
    min-height:64px!important;
    padding:9px 11px!important;
    margin:0 0 12px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,#13233B 0%,#13233B 100%)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 10px 26px rgba(16,24,40,.10)!important;
    overflow:hidden!important;
  }
  html body .mobile-menu-trigger{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
    color:#fff!important;
  }
  html body .mobile-menu-trigger .menu-icon-wrap{
    width:48px!important;
    height:48px!important;
    border-radius:15px!important;
    background:#fff!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:0 8px 18px rgba(0,0,0,.10)!important;
    flex:0 0 48px!important;
  }
  html body .mobile-menu-trigger .menu-icon-wrap i{
    width:24px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#0F5C5B!important;
    margin:2px 0!important;
    display:block!important;
  }
  html body .mobile-menu-trigger .menu-trigger-copy strong{
    display:block!important;
    font-size:18px!important;
    line-height:1.02!important;
    font-weight:950!important;
    color:#fff!important;
  }
  html body .mobile-menu-trigger .menu-trigger-copy small{
    display:block!important;
    font-size:12px!important;
    line-height:1.05!important;
    font-weight:850!important;
    color:rgba(255,255,255,.88)!important;
  }
  html body .mobile-logo-brand{
    justify-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:0!important;
    text-decoration:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  html body .mobile-logo-badge{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:14px!important;
    background:rgba(12,28,55,.38)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  html body .mobile-logo-badge svg{
    width:30px!important;
    height:30px!important;
    display:block!important;
  }
  html body .mobile-logo-badge img{
    width:42px!important;
    height:42px!important;
    object-fit:cover!important;
    border-radius:14px!important;
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
  }
  html body .mobile-logo-word{
    font-size:22px!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    font-weight:800!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  html body .mobile-logo-word b{color:#E3A73C!important;font-weight:850!important;}
  html body .mobile-topbar .bell{
    width:48px!important;
    height:48px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.15)!important;
    border:1px solid rgba(255,255,255,.25)!important;
    color:#1B8A87!important;
    display:grid!important;
    place-items:center!important;
    text-decoration:none!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
    flex:0 0 48px!important;
  }

  /* Mobilna pretraga — jedan čist red, bez duplih okvira. */
  html body .v519-globalbar.ck5421a-searchbar{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 12px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html body .ck5421a-searchbar .v519-global-search,
  html body .v519-globalbar.ck5421a-searchbar .v519-global-search{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:6px 7px 6px 16px!important;
    display:grid!important;
    grid-template-columns:25px minmax(0,1fr) 74px!important;
    align-items:center!important;
    gap:10px!important;
    border-radius:20px!important;
    border:1px solid #0D4F4E!important;
    background:#FFFFFF!important;
    box-shadow:0 10px 25px rgba(16,24,40,.07)!important;
    overflow:hidden!important;
  }
  html body .ck5421a-searchbar .v519-search-icon{
    width:24px!important;
    height:24px!important;
    opacity:1!important;
    fill:#13233B!important;
    color:#13233B!important;
    flex:0 0 24px!important;
  }
  html body .ck5421a-searchbar .v519-global-search input{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#0F5C5B!important;
    -webkit-text-fill-color:#0F5C5B!important;
    font-size:15px!important;
    line-height:42px!important;
    font-weight:750!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  html body .ck5421a-searchbar .v519-global-search input::placeholder{
    color:#8B95A7!important;
    -webkit-text-fill-color:#8B95A7!important;
    opacity:1!important;
    font-weight:700!important;
  }
  html body .ck5421a-searchbar .v519-global-search button{
    height:42px!important;
    min-height:42px!important;
    width:74px!important;
    padding:0!important;
    margin:0!important;
    border-radius:16px!important;
    border:1px solid #F2D8A2!important;
    background:linear-gradient(180deg,#FFF7E8 0%,#FFF0D2 100%)!important;
    color:#13233B!important;
    -webkit-text-fill-color:#13233B!important;
    font-size:14px!important;
    font-weight:950!important;
    box-shadow:none!important;
    white-space:nowrap!important;
  }
  html body .ck5421a-searchbar .v519-global-actions,
  html body .top-work-tabs{
    display:none!important;
  }
}

@media (max-width:390px){
  html body .mobile-logo-word{font-size:19px!important;}
  html body .mobile-menu-trigger .menu-trigger-copy strong{font-size:16px!important;}
  html body .mobile-menu-trigger .menu-trigger-copy small{font-size:11px!important;}
  html body .v519-globalbar.ck5421a-searchbar .v519-global-search{
    grid-template-columns:23px minmax(0,1fr) 66px!important;
    height:54px!important;
    min-height:54px!important;
    border-radius:18px!important;
  }
  html body .ck5421a-searchbar .v519-global-search input{font-size:14px!important;}
  html body .ck5421a-searchbar .v519-global-search button{width:66px!important;font-size:13px!important;}
}

body.ck-dark-mode .v519-globalbar.ck5421a-searchbar .v519-global-search{
  background:#0F5C5B!important;
  border-color:#13233B!important;
  box-shadow:none!important;
}
body.ck-dark-mode .ck5421a-searchbar .v519-global-search input{
  color:#0D4F4E!important;
  -webkit-text-fill-color:#0D4F4E!important;
}
body.ck-dark-mode .ck5421a-searchbar .v519-global-search input::placeholder{
  color:#0D4F4E!important;
  -webkit-text-fill-color:#0D4F4E!important;
}
body.ck-dark-mode .ck5421a-searchbar .v519-search-icon{fill:#0D4F4E!important;color:#0D4F4E!important;}

/* CTN Biz PATCH V5.50.6 — mobilna gornja traka, dark pretraga i stabilan donji meni
   Menja samo vizuelni CSS. Ne dira layout.php, bazu, SEF, banku, fakture ni knjiženje. */
@media (max-width:1100px){
  /* Noćni/svetli režim ne sme da pluta preko forme na telefonu. */
  html body .theme-toggle.no-print,
  html body .theme-toggle{
    display:none!important;
  }

  /* Gornja traka: sprečava lomljenje teksta "Brzi pristup" i uklanja tamnu fleku. */
  html body .mobile-topbar{
    grid-template-columns:minmax(118px,auto) minmax(0,1fr) 48px!important;
    column-gap:9px!important;
  }
  html body .mobile-menu-trigger{
    width:auto!important;
    height:auto!important;
    min-width:118px!important;
    max-width:142px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    overflow:visible!important;
  }
  html body .mobile-menu-trigger .menu-icon-wrap{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
    border-radius:15px!important;
    background:#fff!important;
    border:0!important;
    box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
  }
  html body .mobile-menu-trigger .menu-icon-wrap i{
    width:24px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#0F5C5B!important;
    margin:2px 0!important;
    display:block!important;
  }
  html body .mobile-menu-trigger .menu-trigger-copy{
    display:block!important;
    min-width:60px!important;
    line-height:1.02!important;
    text-align:left!important;
    overflow:visible!important;
  }
  html body .mobile-menu-trigger .menu-trigger-copy strong{
    display:block!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  html body .mobile-menu-trigger .menu-trigger-copy small{
    display:block!important;
    font-size:11.5px!important;
    line-height:1.05!important;
    font-weight:850!important;
    color:rgba(255,255,255,.88)!important;
    white-space:nowrap!important;
  }
  html body .mobile-logo-brand{
    min-width:0!important;
    justify-self:center!important;
    max-width:150px!important;
    overflow:hidden!important;
  }
  html body .mobile-logo-word{
    font-size:22px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html body .mobile-topbar .bell{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
  }

  /* Pretraga: jedan čist red, bez unutrašnje tamne kutije. */
  html body .v519-globalbar.ck5421a-searchbar,
  html body .v519-globalbar{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body .v519-globalbar.ck5421a-searchbar .v519-global-search{
    height:56px!important;
    min-height:56px!important;
    padding:6px 7px 6px 16px!important;
    grid-template-columns:25px minmax(0,1fr) 74px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  html body .v519-globalbar.ck5421a-searchbar .v519-global-search input{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
    height:42px!important;
    min-height:42px!important;
    line-height:42px!important;
  }
  html body .v519-globalbar.ck5421a-searchbar .v519-global-search button{
    height:42px!important;
    min-height:42px!important;
    width:74px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }

  /* Centralno dugme donjeg menija: jasna oznaka SEF, bez potrebe za izmenom layout.php. */
  html body .bottom-nav.bottom-nav-premium .quick-add{
    position:relative!important;
    width:64px!important;
    height:64px!important;
    margin:auto auto 8px!important;
    overflow:visible!important;
  }
  html body .bottom-nav.bottom-nav-premium .quick-add::after{
    content:'SEF';
    position:absolute!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    bottom:-18px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    color:#13233B!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
  }
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add::after{
    color:#0D4F4E!important;
  }
}

@media (max-width:430px){
  html body .mobile-topbar{
    grid-template-columns:minmax(108px,auto) minmax(0,1fr) 46px!important;
    gap:7px!important;
    padding:8px 9px!important;
  }
  html body .mobile-menu-trigger{
    min-width:108px!important;
    max-width:126px!important;
    gap:7px!important;
  }
  html body .mobile-menu-trigger .menu-icon-wrap{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
    border-radius:14px!important;
  }
  html body .mobile-menu-trigger .menu-icon-wrap i{
    width:22px!important;
  }
  html body .mobile-menu-trigger .menu-trigger-copy strong{
    font-size:16px!important;
  }
  html body .mobile-menu-trigger .menu-trigger-copy small{
    font-size:10.5px!important;
  }
  html body .mobile-logo-word{
    font-size:19px!important;
  }
  html body .mobile-logo-badge{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  html body .mobile-topbar .bell{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }
  html body .bottom-nav.bottom-nav-premium .quick-add{
    width:60px!important;
    height:60px!important;
  }
}

@media (max-width:1100px){
  /* Dark mode: isti čist raspored kao svetli režim, ali sa mekšim navy kontrastom. */
  html body.ck-dark-mode .mobile-topbar{
    background:linear-gradient(135deg,#0F5C5B 0%,#0F5C5B 55%,#13233B 100%)!important;
    border-color:#13233B!important;
    box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
  }
  html body.ck-dark-mode .mobile-menu-trigger,
  html body.ck-dark-mode .mobile-menu-trigger .menu-trigger-copy,
  html body.ck-dark-mode .mobile-menu-trigger .menu-trigger-copy strong,
  html body.ck-dark-mode .mobile-menu-trigger .menu-trigger-copy small{
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.ck-dark-mode .mobile-menu-trigger .menu-icon-wrap{
    background:#FFFFFF!important;
    border-color:transparent!important;
    box-shadow:0 8px 18px rgba(0,0,0,.24)!important;
  }
  html body.ck-dark-mode .mobile-menu-trigger .menu-icon-wrap i{
    background:#0F5C5B!important;
  }
  html body.ck-dark-mode .mobile-logo-badge{
    background:rgba(255,255,255,.08)!important;
    border-color:#0F5C5B!important;
  }
  html body.ck-dark-mode .mobile-topbar .bell{
    background:rgba(255,255,255,.11)!important;
    border-color:#0F5C5B!important;
    color:#1B8A87!important;
  }

  html body.ck-dark-mode .v519-globalbar.ck5421a-searchbar .v519-global-search{
    background:#0F5C5B!important;
    border-color:#0F5C5B!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  html body.ck-dark-mode .ck5421a-searchbar .v519-search-icon{
    fill:#0D4F4E!important;
    color:#0D4F4E!important;
  }
  html body.ck-dark-mode .ck5421a-searchbar .v519-global-search input{
    background:transparent!important;
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
  }
  html body.ck-dark-mode .ck5421a-searchbar .v519-global-search input::placeholder{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
    opacity:1!important;
  }
  html body.ck-dark-mode .ck5421a-searchbar .v519-global-search button{
    background:linear-gradient(180deg,#FFF7E8 0%,#FFEBC0 100%)!important;
    border-color:#E6C071!important;
    color:#13233B!important;
    -webkit-text-fill-color:#13233B!important;
  }
}


/* CTN Biz PATCH V5.50.7 — donji mobilni meni: centralno dugme SEF isto kao ostala dugmad.
   Samo vizuelni override. Ne dira bazu, SEF logiku, banku, fakture, magacin ni knjiženje. */
@media (max-width:1100px){
  html body .bottom-nav.bottom-nav-premium,
  html body .bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    height:76px!important;
    min-height:76px!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important;
  }

  /* Centralni link više nije veliko plutajuće dugme. */
  html body .bottom-nav.bottom-nav-premium .quick-add,
  html body .bottom-nav .quick-add{
    display:grid!important;
    place-items:center!important;
    gap:2px!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    line-height:1.1!important;
    color:#667085!important;
    -webkit-text-fill-color:#667085!important;
    font-size:10px!important;
    font-weight:900!important;
    text-decoration:none!important;
  }

  html body .bottom-nav.bottom-nav-premium .quick-add::after,
  html body .bottom-nav .quick-add::after{
    content:'SEF'!important;
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:block!important;
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:900!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    letter-spacing:0!important;
  }

  html body .bottom-nav.bottom-nav-premium .quick-add .nav-icon,
  html body .bottom-nav.bottom-nav-premium .quick-add .plus-icon,
  html body .bottom-nav .quick-add .nav-icon,
  html body .bottom-nav .quick-add .plus-icon{
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
    background:#FBF1DE!important;
    color:#13233B!important;
    -webkit-text-fill-color:#13233B!important;
    box-shadow:inset 0 0 0 1px rgba(52,86,158,.08)!important;
    border:0!important;
  }

  html body .bottom-nav.bottom-nav-premium .quick-add svg,
  html body .bottom-nav .quick-add svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
  }

  html body .bottom-nav.bottom-nav-premium .quick-add svg path,
  html body .bottom-nav .quick-add svg path{
    fill:currentColor!important;
    opacity:1!important;
  }

  html body .bottom-nav.bottom-nav-premium > a.active,
  html body .bottom-nav > a.active{
    color:#0F5C5B!important;
    -webkit-text-fill-color:#0F5C5B!important;
  }

  html body .bottom-nav.bottom-nav-premium > a.active .nav-icon,
  html body .bottom-nav > a.active .nav-icon{
    background:linear-gradient(135deg,#13233B,#1B8A87)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add,
  html body.ck-dark-mode .bottom-nav .quick-add{
    color:#0D4F4E!important;
    -webkit-text-fill-color:#0D4F4E!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add .nav-icon,
  html body.ck-dark-mode .bottom-nav.bottom-nav-premium .quick-add .plus-icon,
  html body.ck-dark-mode .bottom-nav .quick-add .nav-icon,
  html body.ck-dark-mode .bottom-nav .quick-add .plus-icon{
    background:#0F5C5B!important;
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
    box-shadow:inset 0 0 0 1px #0F5C5B!important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   CTN Biz V6.0 — MODERNI SaaS STIL (po mokapu)
   Paleta: #1E2126/#2A2F36 ugljen (sidebar) · #0F5C5B plava (akcent)
   · #22C55E zelena · #E5E7EB/#FFF svetlo. Bela radna površina.
   ═══════════════════════════════════════════════════════════════ */

/* ── RADNA POVRŠINA: čisto bela/svetlo siva ── */
body{background:#F7F8FA!important;}
body .main{background:#F7F8FA!important;}

/* ── SIDEBAR: tamno ugljen sivi (NE plavi) ── */
body .sidebar{
  background:linear-gradient(180deg,#0F5C5B 0%,#0D4A4A 45%,#13233B 100%)!important;
  border-right:1px solid #0A3F3E!important;
}
body .sidebar .brand h1,
body .sidebar .brand-copy h1{color:#fff!important;}
body .sidebar .brand-copy p,
body .sidebar .brand p{color:#9AA0A8!important;}
/* nav sekcije (GLAVNO / POSLOVANJE) */
body .sidebar .nav-label{color:#6B7280!important;opacity:1!important;font-weight:800!important;}
/* stavke menija */
body .sidebar a,
body .sidebar .nav a,
body .sidebar summary{
  color:#D1D5DB!important;
  border-radius:10px!important;
}
body .sidebar a .side-ico,
body .sidebar summary .side-ico{color:#9AA0A8!important;}
/* hover */
body .sidebar a:hover,
body .sidebar summary:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;}
/* aktivna stavka — svetliji teal da se jasno izdvoji od pozadine */
body .sidebar a.active,
body .sidebar .nav-home.active,
body .sidebar a[aria-current="page"]{
  background:#1B8A87!important;
  color:#fff!important;
}
body .sidebar a.active .side-ico,
body .sidebar a.active *{color:#fff!important;}
/* logo u sidebaru — ostaje beo silueta na tamnom, to je OK */
body .sidebar .brand-logo-full{filter:brightness(0) invert(1)!important;}
/* korisnik dole */
body .sidebar .user-box,
body .sidebar .sidebar-user{background:rgba(0,0,0,.18)!important;border-color:rgba(255,255,255,.12)!important;color:#E5E7EB!important;}

/* ── HERO / naslovne sekcije: bele, ne plave ── */
body .home-hero,
body .v519-command-center,
body .daily-hero,
body .salesrep-hero,
body .v533-money-card,
body .quick-entry-hero{
  background:#fff!important;
  border:1px solid #E5E7EB!important;
  color:#101828!important;
  box-shadow:none!important;
}
body .home-hero h1,body .home-hero h2,
body .v519-command-center h1,body .v519-command-center h2,
body .daily-hero h1,body .v533-money-card h1,body .v533-money-card h2{color:#101828!important;}
body .home-hero p,body .v519-command-center p,body .daily-hero p,
body .v533-money-card p{color:#667085!important;}
/* eyebrow oznake */
body .home-eyebrow,body .v519-command-eyebrow,body .command-eyebrow{
  background:#E6F5F3!important;color:#0F5C5B!important;
}

/* ── KARTICE: bele, meko zaobljene, tanka ivica ── */
body .card,body .premium-card,body .home-card,body .kpi,body .home-kpi,
body .left-card,body .quick-panel,body .mobile-card{
  background:#fff!important;
  border:1px solid #E5E7EB!important;
  border-radius:16px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
}
body .kpi strong,body .home-kpi strong{color:#101828!important;}
body .kpi span,body .home-kpi span{color:#667085!important;}

/* ── DUGMAD: SaaS stil ── */
body .btn.primary,
body .v519-global-actions a:first-child,
body .v519-fast-actions a.primary{
  background:#0F5C5B!important;border-color:#0F5C5B!important;color:#fff!important;
  border-radius:10px!important;
}
body .btn.primary:hover{background:#0D4F4E!important;}
body .btn{border-radius:10px!important;}
/* zelena akcija dugme (kao na mokapu) */
body .btn.green,body .btn.success{background:#22C55E!important;border-color:#22C55E!important;color:#fff!important;}

/* ── PRETRAGA: bela, čista ── */
body .home-search,body .v519-global-search,body .v519-globalbar{
  background:#fff!important;border:1px solid #E5E7EB!important;box-shadow:none!important;border-radius:12px!important;
}
body .v519-globalbar{background:transparent!important;border:0!important;}
body .home-search button,body .v519-global-search button{background:#0F5C5B!important;color:#fff!important;}

/* ── TABOVI "Otvoreno" ── */
body .top-tab{border-radius:8px!important;border:1px solid #E5E7EB!important;background:#fff!important;color:#344054!important;}
body .top-tab.active{background:#0F5C5B!important;color:#fff!important;border-color:#0F5C5B!important;}

/* ── STATUS OZNAKE (pills) — kao na mokapu ── */
body .pill.paid,body .pill.success{background:#ECFDF3!important;color:#12B76A!important;}
body .pill.pending,body .pill.warning{background:#FFFAEB!important;color:#F79009!important;}

/* ── TABELE ── */
body table thead th{background:#F9FAFB!important;color:#475467!important;border-bottom:1px solid #E5E7EB!important;}
body table td{border-bottom:1px solid #F2F4F7!important;}

/* ═══════════════════════════════════════════════════════════════
   CTN Biz V6.0.1 — ISPRAVKA: "Brzi unos priliva i odliva"
   Prava klasa je .home-quick-entry-card (moja prva pretpostavka
   .v533-money-card/.quick-entry-hero nije postojala u kodu, zato
   se ovaj deo nije promenio). Sada ispravno pretvoren u belo.
   ═══════════════════════════════════════════════════════════════ */
body .home-quick-entry-card{
  background:#fff!important;
  border:1px solid #E5E7EB!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
}
body .home-quick-entry-card:after,
body .home-quick-entry-card:before{display:none!important;}
html body .quick-entry-intro span{
  background:#E7F7EF!important;color:#12805A!important;border:1px solid #C7EBD9!important;
}
body .quick-entry-intro h2{color:#101828!important;}
body .quick-entry-intro p{color:#667085!important;}
body .home-quick-entry-form label{color:#344054!important;}
body .home-quick-entry-form select,
body .home-quick-entry-form input{
  background:#fff!important;border:1px solid #E5E7EB!important;color:#101828!important;box-shadow:none!important;
}
body .quick-entry-mobile-hint{color:#98A2B3!important;}
body .quick-entry-submit{
  background:#0F5C5B!important;border-color:#0F5C5B!important;color:#fff!important;
}
/* radio "Keš / Faktura" izbor unutar brzog unosa */
body .home-quick-entry-form .radio-pill,
body .home-quick-entry-form .seg-btn{
  background:#F9FAFB!important;border:1px solid #E5E7EB!important;color:#344054!important;
}
body .home-quick-entry-form .radio-pill.active,
body .home-quick-entry-form .seg-btn.active{
  background:#0F5C5B!important;color:#fff!important;border-color:#0F5C5B!important;
}

/* ═══════════════════════════════════════════════════════════════
   CTN Biz V6.1.1 — POBEĐUJE stari mobilni patch (V5.37.4) koji je
   silom vraćao tamnoplavu pozadinu + žutu značku na "Brzi unos"
   SAMO na telefonu. Ista jačina selektora, kasnije u fajlu = pobeđuje.
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 760px){
  body.page-index-php .home-quick-entry-card{
    background:#fff!important;
    border:1px solid #E5E7EB!important;
    box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
    color:#101828!important;
  }
  body.page-index-php .home-quick-entry-card:after,
  body.page-index-php .home-quick-entry-card:before{display:none!important;}
  html body.page-index-php .quick-entry-intro span{
    background:#E7F7EF!important;
    border:1px solid #C7EBD9!important;
    color:#12805A!important;
  }
  body.page-index-php .quick-entry-intro h2{color:#101828!important;}
  body.page-index-php .quick-entry-intro p,
  body.page-index-php .quick-entry-mobile-hint{color:#667085!important;}
  body.page-index-php .home-quick-entry-form label{color:#344054!important;}
  body.page-index-php .home-quick-entry-form input,
  body.page-index-php .home-quick-entry-form select{
    border:1px solid #E5E7EB!important;
    background:#fff!important;
    color:#101828!important;
    box-shadow:none!important;
  }
  body.page-index-php .home-quick-entry-form input:focus,
  body.page-index-php .home-quick-entry-form select:focus{
    outline:3px solid #CDEAE7!important;
    border-color:#0F5C5B!important;
  }
  body.page-index-php .home-quick-entry-form .payment-toggle label{
    background:#F9FAFB!important;
    border:1px solid #E5E7EB!important;
    color:#344054!important;
    box-shadow:none!important;
  }
  body.page-index-php .home-quick-entry-form .payment-toggle label:has(input:checked){
    background:#0F5C5B!important;
    border-color:#0F5C5B!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  body.page-index-php .quick-entry-submit{
    background:#0F5C5B!important;
    color:#fff!important;
    box-shadow:none!important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   CTN Biz V6.1.2 — Sidebar vrh: pravi logo (SVG, ne slika sa belom
   pozadinom) + ojačan tekst koji je bio taman-na-tamnom.
   ═══════════════════════════════════════════════════════════════ */
body .sidebar-brand-mark{
  display:flex!important;align-items:center;gap:10px;text-decoration:none;
  padding:6px 4px!important;border-radius:14px!important;margin-bottom:2px;
}
body .sidebar-brand-mark:hover{background:rgba(255,255,255,.08)!important;}
body .sidebar-logo-badge{
  width:38px;height:38px;border-radius:11px;flex-shrink:0;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;
}
body .sidebar-logo-word{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em;white-space:nowrap;}
body .sidebar-logo-word b{color:#E3A73C;font-weight:800;}

/* Popravka: tekst koji je bio taman-na-tamnom u sidebar-u (nasleđena
   tamna pozadina, boja teksta postavljena odvojeno pa je promakla
   ranijoj proveri). Jača specifičnost da sigurno pobedi. */
html body .sidebar .brand p,
html body .sidebar .brand-copy p{color:#A9C6C3!important;}
html body .sidebar .nav-label{color:#7FA8A5!important;}
html body .sidebar .brand-copy .accent{color:#E3A73C!important;font-weight:800;}

/* ═══════════════════════════════════════════════════════════════
   CTN Biz V6.1.3 — POPRAVKE:
   1) "Artikli" stranica: --cotton-green varijabla je i dalje bila
      stara zlatna (#1B8A87) — koristi se u gradijentima na više mesta
      (slika artikla bez fotografije, ikonice magacina). Sad je teal.
      Popravljen i "Art. XXX" bedž (bio taman tekst na tamnoj pozadini).
   2) "Najvažnija stavka" značka — svetlo zelena, po tvom zahtevu.
      Ovo pravilo je namerno maksimalne jačine da sigurno pobedi bilo
      koji stariji ostatak, na svakoj veličini ekrana.
   ═══════════════════════════════════════════════════════════════ */
html body.page-index-php .quick-entry-intro span,
html body .quick-entry-intro span{
  background:#E7F7EF!important;
  color:#12805A!important;
  border:1px solid #C7EBD9!important;
}

/* ═══════════════════════════════════════════════════════════════
   CTN Biz V6.2 — MOBILNI MENI: potpuni redizajn (po odobrenom uzoru)
   Emoji ikonice zamenjene pravim SVG ikonicama u brend bojama.
   ═══════════════════════════════════════════════════════════════ */

/* Zaglavlje menija — logo bez okvira, direktno na tamnoj pozadini */
.ckmm-logo-badge{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* Ikonice u redovima menija — pravi SVG, ne emoji */
.ck-menu-icon svg{width:19px;height:19px;fill:#0F5C5B;flex:none}
.ck-menu-icon{background:#E6F5F3!important}
.ck-menu-row.logout .ck-menu-icon svg,
a.ck-menu-row.logout .ck-menu-icon{fill:#B42318}
.ck-menu-row.logout .ck-menu-icon{background:#FFF0F0!important}

/* Aktivna stavka — topao akcenat (Warm Sand), po tvom uzoru */
.ck-menu-row.active,
.ck-menu-details[open]>summary{
  background:#FBF3E4!important;
  border-left:3px solid #E3A73C!important;
  padding-left:7px!important;
}
.ck-menu-row.active .ck-menu-icon,
.ck-menu-details[open]>summary .ck-menu-icon{background:#E3A73C!important}
.ck-menu-row.active .ck-menu-icon svg,
.ck-menu-details[open]>summary .ck-menu-icon svg{fill:#fff}
.ck-menu-row.active b,
.ck-menu-details[open]>summary b{color:#8A5B13!important}
.ck-menu-row.active em,
.ck-menu-details[open]>summary em{color:#C6841E!important}

/* Podnožje menija (Pretraga / Ponuda PDF / Odjava) — ikonica + tekst u redu */
.premium-menu-footer a{display:flex!important;align-items:center;justify-content:center;gap:7px}
.premium-menu-footer a svg{width:17px;height:17px;fill:#0F5C5B;flex:none}
.premium-menu-footer a.ckmm-logout svg{fill:#B42318}
.premium-menu-footer a.ckmm-logout{color:#B42318!important;border-color:#F3C6C0!important}

/* CTN Biz V6.3.1 — POPRAVKE:
   1) Gornji mobilni bar je greškom prikazivao SOLID midnight plavu
      (oba kraja gradijenta ista boja) umesto teal->midnight prelaza.
   2) Ikonice donjeg menija (Početna/Roba/SEF/Kupci/Računi) su koristile
      staru kremastu/braon pozadinu (#FBF1DE) — nedosledno sa ostatkom
      teal sistema koji svuda koristi bledi teal. Sad usklađeno. */
body .bottom-nav-premium .nav-icon{
  background:#E6F5F3!important;
  color:#0F5C5B!important;
  box-shadow:none!important;
}
body .bottom-nav-premium a.active .nav-icon{
  background:linear-gradient(135deg,#13233B,#1B8A87)!important;
  color:#fff!important;
}

/* CTN Biz V6.3.2 — APSOLUTNA sigurnosna mreža za gornju mobilnu traku.
   Ovo pravilo je namerno poslednje u celom fajlu da sprečimo da bilo
   koje starije pravilo ikad više vrati plavu/solid boju umesto teal
   prelaza. Ako se ovo ikad opet "vrati na plavo", uzrok je NOVI kod
   dodat POSLE ove linije, ne stari ostatak. */
html body .mobile-topbar{
  background:linear-gradient(90deg,#0F5C5B,#13233B)!important;
}