:root{--ink:#0f172a;--muted:#64748b;--border:#e5e7eb;--accent:#0ea5a4;--bg:#f6fafb}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);margin:0}
.wrap{max-width:1180px;margin:32px auto;padding:0 16px}
.layout{display:grid;grid-template-columns:430px 1fr;gap:22px}
@media(max-width:1000px){.layout{grid-template-columns:1fr}}

.panel{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 28px rgba(2,6,23,.06);overflow:hidden}
.panel header{padding:16px 18px;border-bottom:1px solid var(--border);font-weight:700}
.panel .body{padding:14px 18px}
label{display:block;font-size:.9rem;color:var(--muted);margin:.35rem 0 .2rem}
input, select, textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;font-size:1rem;background:#fff}
input[type=number]{text-align:right}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.hint{color:var(--muted);font-size:.85rem}
.actions{padding:14px 18px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px}
button{padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;font-weight:600;cursor:pointer;transition:.2s ease}
button:hover{transform:translateY(-1px)}
.primary{background:var(--accent);color:#fff;border-color:transparent}
.fieldset{border:1px dashed var(--border);border-radius:14px;padding:10px 12px;margin-top:10px}
.fieldset legend{font-size:.85rem;color:var(--muted);padding:0 6px}

.invoice{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 28px rgba(2,6,23,.06);overflow:hidden;display:flex;flex-direction:column;break-inside:avoid}
.invoice header{display:flex;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid var(--border);position:relative}
.brand{display:flex;gap:14px;align-items:center}
.brand img{width:58px;height:58px;object-fit:contain}
.brand h1{margin:0;font-size:1.8rem;letter-spacing:.3px}
.brand .owner{color:var(--muted);font-weight:600}
.brand .subtitle{color:var(--muted)}
.brand .accent-bar{position:absolute;left:0;top:0;width:100%;height:6px;background:linear-gradient(90deg,var(--accent),#22d3ee)}
.issuer{font-size:.95rem;line-height:1.35}
.issuer div{color:var(--muted)}

.meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 26px;border-bottom:1px solid var(--border)}
.meta .box{border:1px dashed var(--border);border-radius:14px;padding:12px 14px;background:#fcfefe}
.meta .title{font-size:.85rem;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(14,165,164,.1);border:1px solid rgba(14,165,164,.25)}

.table-wrap{padding:8px 26px 0}
table{width:100%;border-collapse:collapse}
thead th{background:#f8fafc;text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:.92rem}
tbody tr:nth-child(even){background:#fcfdff}
td{padding:10px 12px;border-bottom:1px solid var(--border)}
td.qty,td.price,td.sum{text-align:right}

.spacer{flex:1 0 auto}

.totals{display:grid;grid-template-columns:1fr min(460px,45%);gap:16px;padding:16px 26px}
.totals .numbers{background:#f9fbfb;border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:0 4px 12px rgba(2,6,23,.04)}
.totals .numbers .line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 0;border-bottom:1px dashed var(--border)}
.totals .numbers .line.total{font-weight:800;font-size:1.08rem;border-bottom:none}
.totals .payinfo{background:#fbfdfd;border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.totals .payinfo .title{font-weight:700;margin-bottom:6px}
.totals .payinfo small{color:var(--muted)}

.foot{padding:18px 26px 24px;border-top:1px solid var(--border);color:var(--muted);font-size:.92rem;display:flex;justify-content:space-between;align-items:center;gap:12px}
.foot .thanks{font-style:italic}
.foot a{color:var(--accent);text-decoration:none}
.foot a:hover{text-decoration:underline}
.review{display:flex;align-items:center;gap:10px}
.qr{height:96px;width:96px;object-fit:contain;border:1px solid var(--border);border-radius:10px;padding:6px;background:#fff}

.lang-title{font-weight:800;padding:8px 26px 0;font-size:1.05rem;color:var(--muted)}

@media print{
  body{background:#fff}
  .layout{display:block}
  .panel{display:none}
  .wrap{max-width:none;margin:0}
  .invoice{border:none;box-shadow:none;min-height:calc(297mm - 20mm)}
  .invoice header{padding:8mm 0 5mm}
  .meta{padding:4mm 0}
  .table-wrap{padding:0}
  .totals{padding:4mm 0}
  .foot{padding:4mm 0}
  #invoiceXX{break-before:page;} /* Drugi jezik uvijek započinje na vrhu nove stranice */
  @page{size:A4;margin:10mm}
}
.hide{display:none!important}

/* === WordPress print scoping: print ONLY our invoice app === */
@media print{
  body *{visibility:hidden!important}
  #lk-invoice-app, #lk-invoice-app *{visibility:visible!important}
  #lk-invoice-app{position:absolute;left:0;top:0;width:100%}
}
/* === PRINT FIX – FINAL === */
@media print {

  body * {
    visibility: hidden !important;
  }

  #lk-invoice-app,
  #lk-invoice-app * {
    visibility: visible !important;
  }

  #lk-invoice-app {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wrap {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
  }

  .panel {
    display: none !important;
  }

  .invoice {
    min-height: auto !important;
    height: auto !important;
    page-break-inside: avoid;
    break-inside: avoid;
    border: none !important;
    box-shadow: none !important;
  }

  .invoice header {
    padding: 6mm 0 4mm !important;
  }

  .meta,
  .totals,
  .foot {
    padding: 4mm 0 !important;
  }

  .table-wrap {
    padding: 0 !important;
  }

  #invoiceXX {
    page-break-before: always;
  }

  @page {
    size: A4;
    margin: 8mm;
  }
}
@media print {

  /* printaj samo račun */
  body * {
    visibility: hidden !important;
  }

  #lk-invoice-app,
  #lk-invoice-app * {
    visibility: visible !important;
  }

  #lk-invoice-app {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }

  /* sakrij formu */
  .panel {
    display: none !important;
  }

  /* ukloni sve margine */
  .wrap {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
  }

  /* SABIJANJE — KLJUČNO */
  body {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .invoice {
    min-height: auto !important;
    height: auto !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* makni dekoracije */
  .accent-bar {
    display: none !important;
  }

  /* header manji */
  .invoice header {
    padding: 4mm 0 3mm !important;
  }

  .brand img {
    width: 42px !important;
    height: 42px !important;
  }

  /* meta + totals */
  .meta,
  .totals,
  .foot {
    padding: 3mm 0 !important;
  }

  /* tablica zbijena */
  table th,
  table td {
    padding: 4px 6px !important;
  }

  thead th {
    font-size: 11px !important;
  }

  /* QR manji */
  .qr {
    width: 72px !important;
    height: 72px !important;
  }

  /* drugi jezik */
  #invoiceXX {
    page-break-before: always;
  }

  @page {
    size: A4;
    margin: 8mm;
  }
}