/* Pogon — zajednički stil stranica terminala, mobilnih i monitora. Svaka stranica dodaje svoj <style> ili svoj .css. */
:root { --bg: #f4f2ee; --fg: #1d1b18; --muted: #6d675e; --card: #fff; --line: #ddd7cc; --acc: #F8991D; --acc-d: #c46f00;
        --ok: #2e7d32; --warn: #e0a100; --err: #c62828; --info: #1565c0; --demo: #fff4d6; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.35 "Segoe UI", system-ui, sans-serif; }
button { font: inherit; cursor: pointer; border: 1px solid var(--line); background: var(--card); color: var(--fg); border-radius: 8px; padding: 10px 16px; }
button.pri { background: var(--acc); border-color: var(--acc-d); color: #1d1b18; font-weight: 600; }
button.ok { background: var(--ok); border-color: var(--ok); color: #fff; font-weight: 600; }
button.err { background: var(--err); border-color: var(--err); color: #fff; font-weight: 600; }
button:disabled { opacity: .45; cursor: default; }
input, select, textarea { font: inherit; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--fg); }
.muted { color: var(--muted); }
.p-zag { display: flex; align-items: center; gap: 12px; padding: 8px 16px; background: #1d1b18; color: #fff; }
.p-zag b { font-size: 1.15em; }
.p-dom { color: var(--acc); font-weight: 800; text-decoration: none; letter-spacing: .04em; }
.p-pod { color: #cfc8bc; }
.p-razmak { flex: 1; }
.p-sat { font-variant-numeric: tabular-nums; color: #cfc8bc; }
.veza { font-size: .85em; color: #8fd694; }
.veza.bez { color: #ffb74d; font-weight: 700; }
.p-demo { background: var(--demo); color: #6a4a00; font-size: .82em; padding: 4px 16px; border-bottom: 1px solid #f0d58a; }
.p-demo.p-prod { background: #fde2e2; color: #8a1c1c; border-bottom-color: #f2b8b8; font-weight: 600; }
#pogon-toast { position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 8px; z-index: 50; }
#pogon-toast .pt { background: #1d1b18; color: #fff; padding: 10px 14px; border-radius: 8px; max-width: 420px; box-shadow: 0 4px 16px rgba(0,0,0,.25); }
#pogon-toast .pt.err { background: var(--err); }
.p-modal { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; z-index: 40; padding: 16px; }
.p-modal-box { background: var(--card); border-radius: 12px; padding: 20px; width: min(640px, 100%); max-height: 90vh; display: flex; flex-direction: column; gap: 10px; }
.p-modal-box h2 { margin: 0; }
.p-kartica { font-size: 1.4em; margin: 4px 0; }
.p-trazi { font-size: 1.1em; }
.p-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; overflow: auto; }
.p-lista button { display: flex; flex-direction: column; align-items: flex-start; text-align: left; min-height: 56px; }
.p-lista button span { font-size: .8em; color: var(--muted); }