.obecanje-app{ --bg:#f7fafc; --card:#ffffff; --ink:#111827; --muted:#4b5563; --border:#e5e7eb; --radius:16px; --shadow:0 10px 24px rgba(0,0,0,.08); --accent:#003869; }
.obecanje-app *{ box-sizing:border-box }
.obecanje-app{ display:block; background:var(--bg); color:var(--ink) }
.obecanje-app .container{ max-width:980px; margin-inline:auto; padding:24px }
.obecanje-app .card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); padding:20px }
.obecanje-app h1{ margin:0 0 12px; font-size:1.8rem }
.obecanje-app p.muted{ color:var(--muted); margin-top:6px }
.obecanje-app .form{ display:grid; gap:12px; grid-template-columns:1fr 1fr }
@media (max-width:720px){ .obecanje-app .form{ grid-template-columns:1fr } }
.obecanje-app .field{ display:flex; flex-direction:column; gap:6px }
.obecanje-app .label{ font-weight:600 }
.obecanje-app input{ background:#fff; color:var(--ink); border:1px solid #d1d5db; border-radius:10px; padding:10px }
.obecanje-app .actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px }
.obecanje-app .btn{ appearance:none; border:1px solid #d1d5db; background:#fff; color:var(--ink); padding:10px 14px; border-radius:10px; cursor:pointer; text-decoration:none; display:inline-block }
.obecanje-app .btn.primary{ background:var(--accent); color:#fff; border-color:var(--accent); font-weight:700 }
.obecanje-app .btn[aria-disabled="true"]{ opacity:.55; pointer-events:none; cursor:not-allowed }
.obecanje-app .pledge-section{ margin:16px 0 6px }
.obecanje-app .pledge-section .label{ margin-bottom:6px }
.obecanje-app .pledge-preview{ line-height:1.6 }
.obecanje-app .pledge-preview p{ margin:0 0 10px }
.obecanje-app .pledge-preview ul{ margin:8px 0 16px 0; padding-left:0; list-style:none }
.obecanje-app .pledge-preview li{ position:relative; padding-left:32px; margin:6px 0; }
.obecanje-app .pledge-preview li::before{ content:"•"; position:absolute; left:0; top:0; line-height:1.6; color:var(--ink); }
.obecanje-app .canvas-wrap{ margin-top:16px }
.obecanje-app .certImg{ width:100%; height:auto; display:block; background:#fff; border:1px solid #d1d5db; border-radius:12px }
.obecanje-app .sr-only{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
@media print{
  @page { size: A4 portrait; margin: 0; }
  html, body, .obecanje-app .container { margin:0 !important; padding:0 !important; }
  body{ background:white; color:black }
  .obecanje-app .no-print{ display:none !important }
  .obecanje-app .print-only{ display:block !important }
  .obecanje-app .printCertImg{ display:block; width:210mm; height:auto; max-width:100%; image-rendering: optimizeQuality; page-break-inside: avoid; break-inside: avoid; page-break-after: avoid; }
}
.obecanje-app .print-only{ display:none }
.obecanje-app .footer{ margin-top:20px; color:var(--muted); font-size:.9rem }
/* v1.6 */