/* Metoda Accounting — on top of stil.css (same as bank.metodai.com). */
@font-face{font-family:MetodaLogo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2")}
.mtop{position:sticky;top:0;z-index:20;height:63px;display:flex;align-items:center;gap:18px;padding:0 20px;background:rgba(255,255,255,.92);
  border-bottom:1px solid #e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mlogo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.mlogo svg{width:41px;height:41px;flex:none;display:block}
.mlogo span{font-family:MetodaLogo,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:28.75px;
  font-weight:700;line-height:43.125px;color:#202124;letter-spacing:normal}
.mtop nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600}
.mtop nav a{color:#64748b}.mtop nav a:hover{color:#1a73e8;text-decoration:none}
.jezik{display:flex;gap:2px;margin:0;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px}
.jezik button{border:0;background:none;font:inherit;font-size:12px;font-weight:700;color:var(--t3);padding:4px 9px;border-radius:999px;cursor:pointer}
.jezik button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}
@media (max-width:599.98px){.mlogo span{display:none}.mtop{padding:0 16px}.mtop nav{gap:14px}}

.topnav-in{overflow-x:auto;scrollbar-width:none}.topnav-in::-webkit-scrollbar{display:none}
.topnav-in .broj{display:inline-block;min-width:18px;padding:0 5px;border-radius:999px;background:var(--warn);color:#fff;font-size:11px;
  line-height:18px;text-align:center;margin-left:2px}
.podnav{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 18px}
.podnav a{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--t2);font-size:13px;font-weight:600}
.podnav a.on{background:rgba(26,115,232,.1);border-color:rgba(26,115,232,.35);color:var(--sky-d)}
.podnav a:hover{text-decoration:none;color:var(--ink)}

.dugmici{display:flex;gap:8px;flex-wrap:wrap}
.obavestenje{border-color:#fcd34d;background:var(--warn-bg);display:grid;gap:10px}
.obavestenje a{margin-left:4px}
.dvokolona{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;align-items:start}
@media (max-width:900px){.dvokolona{grid-template-columns:1fr}}
.naslov-tabele{margin:0;padding:16px 18px 10px;font-size:15px;display:flex;align-items:center;gap:8px}
.desno-link{margin-left:auto;font-size:13px;font-weight:600}
.koraci{margin:0;padding-left:20px;line-height:1.9}
.izvestaji{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.izvestaj{display:block;color:inherit;transition:.15s}.izvestaj:hover{text-decoration:none;border-color:rgba(26,115,232,.45);box-shadow:var(--shadow)}
.izvestaj h3{margin:0 0 6px}.izvestaj p{margin:0;font-size:13.5px}

.dtable tr.grupa td{background:var(--surface-2);font-weight:700;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--t3)}
.dtable tr.zbir td{font-weight:700;border-top:1px solid var(--line)}
.dtable tr.zbir.glavni td{font-size:15px;border-top:2px solid var(--ink)}
.dtable td.uvuceno{padding-left:30px}
.dtable tr.neaktivno td{opacity:.55}
.dtable tr.klik,.dtable tr.klik-otvori{cursor:pointer}
.dtable tr.detalj td{background:var(--surface-2)}
.izvestaj-tabela{max-width:900px}
.izvestaj-tabela td.izn,.izvestaj-tabela th.desno{width:170px}
.red-konta{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:13px}
.nowrap{white-space:nowrap}
.zaglavlje-naloga{display:flex;gap:28px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line)}
.zaglavlje-naloga .raste{flex:1;min-width:200px}

.nalog-forma .formgrid{margin-bottom:14px}
.stavke td{padding:6px 6px;vertical-align:middle}
.stavke select,.stavke input{width:100%;min-width:0;padding:8px 9px}
.stavke input.iznos{text-align:right;font-variant-numeric:tabular-nums}
.stavke tfoot td{font-weight:700;border-top:1px solid var(--line)}
.dugme-red{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.kvacica{display:inline-flex !important;flex-direction:row !important;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--t2)}
.kvacica input{width:auto}
.btn.opasno{color:var(--bad)}
.red-forma{display:grid;gap:6px}
.red-forma select{width:100%}
.pregled td{vertical-align:top}

.prijava{max-width:440px;margin:0 auto}
.prijava .card2{margin-top:32px}
.prijava h2{margin:0 0 4px}
.prijava .sitno{text-align:left;margin-bottom:14px}
.obrazac{display:grid;gap:12px}
.obrazac label{display:grid;gap:4px;font-weight:600;font-size:13px;color:var(--t2)}
.napomena p{margin:0 0 6px}

.stavke input.pogresno{border-color:var(--bad);box-shadow:0 0 0 3px rgba(220,38,38,.12)}
/* telefon: svaki red naloga je kartica — konto preko cele širine, duguje | potražuje | ×, pa kontakt i opis */
@media (max-width:700px){
  .nalog-forma .omot-skrol{overflow:visible}
  .stavke thead{display:none}
  .stavke,.stavke tbody,.stavke tfoot{display:block;width:100%}
  .stavke tbody tr{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}
  .stavke tbody td{display:block;padding:0;border:0}
  .stavke tbody td:nth-child(1),.stavke tbody td:nth-child(4),.stavke tbody td:nth-child(5){grid-column:1/-1}
  .stavke tbody td:nth-child(6){grid-column:3;grid-row:2}
  .stavke tfoot tr{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding-top:10px}
  .stavke tfoot td{display:block;padding:0;border:0}
}
@media print{.mtop,.topnav,.podnav,.filt,.btn,.jezik{display:none !important}.card2{box-shadow:none;border:0}}