/* Ainesa Anon — dizajn sustav (frontend-design skill): navy #364965, sage #69B39D, peach CTA */
:root { --an-navy:#364965; --an-light:#A7D7EE; --an-teal:#084742; --an-sage:#69B39D; --an-peach:#F0A78A;
  --an-warm:#EDE8E3; --an-bg:#f8f9fa; --an-text:#1e2d40; --an-muted:#6c757d; --an-err:#dc3545; }
body { font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:var(--an-text); background:var(--an-bg); font-size:.9rem; line-height:1.5; }
.an-nav { background:linear-gradient(135deg,var(--an-navy) 0%,var(--an-teal) 100%); color:#fff; box-shadow:0 2px 12px rgba(54,73,101,.2); }
.an-nav a { color:#fff; text-decoration:none; opacity:.9; padding:8px 12px; border-radius:8px; font-weight:600; font-size:.85rem; }
.an-nav a:hover, .an-nav a.active { background:rgba(255,255,255,.14); opacity:1; }
.an-brand { font-weight:700; letter-spacing:.2px; font-size:1rem; display:flex; align-items:center; }
.an-logo { height:34px; width:auto; display:block; }
.an-logo-lg { height:52px; width:auto; display:block; margin:0 auto 14px; }
.an-card { background:#fff; border-radius:14px; border:1px solid rgba(54,73,101,.08); box-shadow:0 2px 12px rgba(54,73,101,.08); padding:20px; }
.an-section { background:linear-gradient(180deg,#eef6fb 0%,#e4eef6 100%); border-radius:14px; border:1px solid rgba(54,73,101,.08); padding:16px; }
.an-h { color:var(--an-navy); font-weight:700; font-size:.95rem; margin:0 0 10px; }
.an-btn { background:linear-gradient(135deg,var(--an-navy) 0%,var(--an-teal) 100%); color:#fff; border:none; border-radius:12px; padding:10px 20px; font-size:.85rem; font-weight:600; cursor:pointer; transition:box-shadow .15s, transform .1s; }
.an-btn:hover { box-shadow:0 2px 12px rgba(54,73,101,.25); color:#fff; } .an-btn:active { transform:scale(.98); }
.an-btn:disabled { opacity:.55; cursor:not-allowed; }
.an-cta { background:linear-gradient(135deg,#F0A78A 0%,#e08870 100%); border:1px solid rgba(240,167,138,.72); box-shadow:0 4px 14px rgba(240,167,138,.35); color:#fff; border-radius:12px; padding:10px 22px; font-weight:700; font-size:.88rem; }
.an-cta:hover { background:linear-gradient(135deg,#e08870 0%,#cc6e52 100%); color:#fff; }
.an-btn-ghost { background:#fff; color:var(--an-navy); border:1px solid rgba(54,73,101,.25); border-radius:10px; padding:8px 14px; font-size:.82rem; font-weight:600; }
.an-btn-ghost:hover { background:#eef6fb; }
.an-input, .form-control, .form-select { border-radius:10px; border:1px solid rgba(54,73,101,.2); font-size:.88rem; }
.an-input:focus, .form-control:focus, .form-select:focus { outline:none; border-color:rgba(167,215,238,.9); box-shadow:0 0 0 3px rgba(167,215,238,.25); }
.an-muted { color:var(--an-muted); font-size:.8rem; }
.an-pill { display:inline-block; border-radius:999px; padding:2px 10px; font-size:.75rem; font-weight:600; background:var(--an-light); color:var(--an-navy); }
.an-pill.done { background:var(--an-sage); color:#fff; } .an-pill.err { background:var(--an-err); color:#fff; } .an-pill.run { background:var(--an-peach); color:#fff; }
.an-progress { height:10px; border-radius:999px; background:#e9ecef; overflow:hidden; }
.an-progress > div { height:100%; background:linear-gradient(90deg,var(--an-sage),var(--an-teal)); transition:width .3s ease-out; }
.an-code { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:1.05rem; letter-spacing:1px; background:#eef6fb; border-radius:10px; padding:14px; word-break:break-all; }
.an-alert { border-radius:12px; padding:12px 14px; font-size:.85rem; }
.an-alert.warn { background:#fff6f1; border:1px solid rgba(240,167,138,.6); }
.an-alert.info { background:#eef6fb; border:1px solid rgba(167,215,238,.8); }
.an-alert.err { background:#fdecee; border:1px solid rgba(220,53,69,.35); color:#7a1f2a; }
.an-tag { background:rgba(229,192,123,.2); border:1px solid #e5c07b; border-radius:4px; padding:0 4px; color:#b58c30; font-weight:600; font-family:ui-monospace,monospace; font-size:.85em; }
.an-span { border-radius:4px; padding:0 2px; cursor:pointer; }
.an-span.kept { text-decoration:line-through; opacity:.6; }
.an-review { white-space:pre-wrap; font-family:Georgia,"Times New Roman",serif; font-size:.95rem; line-height:1.6; background:#fff; border:1px solid rgba(54,73,101,.12); border-radius:12px; padding:16px; max-height:65vh; overflow:auto; }
.an-entity { display:flex; justify-content:space-between; align-items:center; padding:6px 8px; border-radius:8px; border:1px solid rgba(54,73,101,.08); margin-bottom:4px; font-size:.82rem; }
.an-entity:hover { background:#eef6fb; }
.an-popup { position:fixed; z-index:1050; background:#fff; border-radius:14px; box-shadow:0 8px 30px rgba(54,73,101,.25); padding:12px; min-width:260px; max-width:360px; font-size:.84rem; }
.an-popup .an-btn-ghost { width:100%; margin-top:6px; text-align:left; }
.an-footer { color:var(--an-muted); font-size:.72rem; padding:24px 0; text-align:center; margin-top:auto; }
.an-footer a { color:var(--an-muted); text-decoration:underline; }
html, body { min-height:100%; } body { display:flex; flex-direction:column; min-height:100vh; }
main.container { flex:1 0 auto; }
.an-choice { display:block; border:1.5px solid rgba(54,73,101,.14); border-radius:12px; padding:10px 12px; margin-bottom:8px; background:#fff; cursor:pointer; transition:border-color .12s, box-shadow .12s; }
.an-choice:hover { border-color:rgba(8,71,66,.35); }
.an-choice input { position:absolute; opacity:0; pointer-events:none; }
.an-choice.active { border-color:var(--an-teal); box-shadow:0 0 0 2px rgba(8,71,66,.12); background:#f3f9f7; }
.an-choice .t { font-weight:600; font-size:.88rem; color:var(--an-navy); display:flex; align-items:center; gap:8px; }
.an-choice .d { color:var(--an-muted); font-size:.78rem; margin-top:2px; }
.an-choice .ex { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.78rem; background:#eef6fb; border-radius:6px; padding:1px 6px; color:var(--an-navy); }
table.an-table { font-size:.85rem; } table.an-table th { color:#495057; font-weight:600; }
@media (max-width:768px) { .an-card { padding:14px; border-radius:12px; } .an-btn, .an-cta { min-height:38px; } .an-review { max-height:50vh; } }

/* ── dotjerivanje (5.9.2026.) ─────────────────────────────────────────── */
a { color: var(--an-teal); } a:hover { color: var(--an-navy); }
.an-btn-ghost, a.an-btn-ghost { text-decoration: none; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; line-height: 1.2; }
.an-btn-ghost.active { background: #eef6fb; border-color: rgba(54,73,101,.45); }
.an-cta { padding: 9px 18px; font-size: .86rem; }
.an-btn { padding: 8px 16px; white-space: nowrap; }
.btn-sm.an-btn-ghost, .an-btn-ghost.btn-sm { padding: 4px 9px; font-size: .78rem; }
.nav-pills .nav-link { color: var(--an-navy); border-radius: 10px; padding: 6px 12px; font-size: .84rem; font-weight: 600; }
.nav-pills .nav-link.active { background: linear-gradient(135deg, var(--an-navy) 0%, var(--an-teal) 100%); color: #fff; }
.nav-pills .nav-link:hover:not(.active) { background: #eef6fb; }
.form-check-input:checked { background-color: var(--an-navy); border-color: var(--an-navy); }
.form-check-input:focus { box-shadow: 0 0 0 3px rgba(167,215,238,.35); border-color: rgba(167,215,238,.9); }
/* stranica joba: kompaktne akcije */
.an-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.an-actions .an-btn-ghost, .an-actions .an-cta { padding: 7px 14px; font-size: .82rem; }
/* pregled: nemaskirano = točkasto podcrtano, ne precrtano */
.an-span.kept { text-decoration: underline dotted; text-underline-offset: 3px; opacity: .75; }
.an-entity { padding: 4px 8px; margin-bottom: 3px; font-size: .8rem; }
.an-entity .an-btn-ghost { padding: 2px 7px; font-size: .75rem; }
.an-review { font-size: .92rem; }
/* analitika: stupci ne smiju rasti preko 48 px */
#an-bars { justify-content: flex-start; } #an-bars > div { max-width: 48px; }
/* tablice: tanje zaglavlje */
table.an-table th { font-size: .78rem; text-transform: uppercase; letter-spacing: .3px; color: var(--an-muted); }
.an-h { font-size: .92rem; }
.an-code { font-size: .95rem; }
.an-legal h2 { color:var(--an-navy); font-size:1.05rem; font-weight:700; margin:18px 0 6px; }
.an-legal h3 { color:var(--an-navy); font-size:.95rem; font-weight:700; margin:14px 0 4px; }
.an-legal p, .an-legal li { font-size:.92rem; line-height:1.55; }
.an-legal ul, .an-legal ol { padding-left:1.3rem; }
.an-badge { display:inline-block; min-width:18px; padding:1px 6px; border-radius:9px; background:#E88B6A; color:#fff; font-size:.7rem; font-weight:700; line-height:1.3; text-align:center; vertical-align:middle; }
.an-thread { border-left:3px solid rgba(54,73,101,.15); padding-left:10px; }
.an-msg { border-radius:12px; padding:8px 12px; margin-bottom:8px; font-size:.9rem; white-space:pre-wrap; }
.an-msg.me { background:#eef6fb; } .an-msg.them { background:#f3f7f4; border:1px solid rgba(8,71,66,.12); }
/* kartice dokumenata i stranica dokumenta */
.an-doc-card { background:#fff; border-radius:14px; border:1px solid rgba(54,73,101,.10); box-shadow:0 2px 10px rgba(54,73,101,.06); padding:16px; height:100%; display:flex; flex-direction:column; gap:8px; transition:box-shadow .15s, transform .1s; }
.an-doc-card:hover { box-shadow:0 6px 18px rgba(54,73,101,.14); transform:translateY(-1px); }
.an-doc-card.muted { opacity:.72; }
.an-doc-title { display:flex; align-items:center; gap:10px; min-width:0; }
.an-doc-title .ico { font-size:1.6rem; line-height:1; flex:0 0 auto; }
.an-doc-title .ico.docx { color:#2B579A; } .an-doc-title .ico.pdf { color:#C0392B; } .an-doc-title .ico.img { color:#69B39D; } .an-doc-title .ico.txt { color:#364965; }
.an-doc-title .name { font-weight:700; color:var(--an-navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.an-doc-meta { color:var(--an-muted); font-size:.8rem; }
.an-expiry { font-size:.8rem; color:var(--an-muted); display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.an-expiry.soon { color:#b3562f; } .an-expiry.urgent { color:#c0392b; font-weight:600; }
.an-doc-actions { margin-top:auto; display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.an-step { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.an-step .n { width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,var(--an-navy),var(--an-teal)); color:#fff; font-weight:700; font-size:.85rem; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
.an-step h2 { margin:0; }
.an-stat { display:flex; flex-wrap:wrap; gap:6px; }
.an-stat span { background:#eef6fb; border-radius:8px; padding:2px 8px; font-size:.78rem; color:var(--an-navy); }
.an-hero-num { font-size:1.6rem; font-weight:700; color:var(--an-teal); line-height:1.1; }
a.an-btn, a.an-cta, a.an-btn-ghost { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
/* prijava: simetrične margine, oko za lozinku */
.an-login { padding:28px 28px 30px; }
.an-login .an-logo-lg { margin:6px auto 18px; }
.an-login .an-h { margin-bottom:16px; }
.an-pw { position:relative; }
.an-pw .form-control { padding-right:42px; }
.an-pw-eye { position:absolute; right:6px; top:50%; transform:translateY(-50%); border:0; background:transparent; color:var(--an-muted); padding:4px 8px; border-radius:8px; cursor:pointer; }
.an-pw-eye:hover { color:var(--an-navy); background:rgba(54,73,101,.06); }
.an-tagline { text-align:center; color:var(--an-navy); font-size:1.05rem; font-weight:600; margin:0 0 4px; letter-spacing:.1px; }
/* stranica Novi: pločice, zona za povlačenje, čip datoteke */
.an-tiles { display:grid; grid-template-columns:1fr 1fr; gap:10px; max-width:520px; }
.an-tile { border:1.5px solid rgba(54,73,101,.14); border-radius:12px; background:#fff; padding:12px 14px; text-align:left; display:flex; flex-direction:column; gap:2px; cursor:pointer; transition:border-color .12s, box-shadow .12s; }
.an-tile i { font-size:1.4rem; color:var(--an-teal); }
.an-tile .t { font-weight:700; color:var(--an-navy); } .an-tile .d { color:var(--an-muted); font-size:.78rem; }
.an-tile:hover { border-color:rgba(8,71,66,.35); }
.an-tile.active { border-color:var(--an-teal); box-shadow:0 0 0 2px rgba(8,71,66,.12); background:#f3f9f7; }
.an-drop { display:block; border:2px dashed rgba(54,73,101,.25); border-radius:14px; padding:28px 18px; text-align:center; background:#fbfcfe; cursor:pointer; transition:border-color .12s, background .12s; }
.an-drop:hover, .an-drop.over { border-color:var(--an-teal); background:#f3f9f7; }
.an-drop i { font-size:2rem; color:var(--an-teal); }
.an-drop .t { font-weight:600; color:var(--an-navy); margin-top:4px; } .an-drop .d { color:var(--an-muted); font-size:.8rem; margin-top:4px; }
.an-filechip { display:flex; align-items:center; gap:10px; border:1.5px solid var(--an-teal); border-radius:12px; padding:10px 14px; background:#f3f9f7; }
.an-filechip i { font-size:1.4rem; color:var(--an-teal); } .an-filechip .name { font-weight:600; color:var(--an-navy); word-break:break-all; }
.an-masks { columns:2; column-gap:18px; } @media (max-width: 575px) { .an-masks { columns:1; } .an-tiles { grid-template-columns:1fr; } }
/* zbijena navigacija (8 stavki mora stati u jedan red na 1280 px) */
.an-nav a { padding:7px 9px; font-size:.82rem; }
.an-nav .an-nav-btn { font-size:.82rem !important; padding:7px 9px; }
.an-logo { height:30px; }
@media (max-width: 991px) { .an-nav a { padding:6px 8px; } }
/* postavke: bočna navigacija, blokovi, ključ–vrijednost */
.an-subnav { position:sticky; top:16px; padding:14px; display:flex; flex-direction:column; gap:2px; }
.an-subnav a { color:var(--an-navy); text-decoration:none; padding:7px 10px; border-radius:8px; font-size:.88rem; font-weight:600; }
.an-subnav a:hover, .an-subnav a.active { background:#eef6fb; color:var(--an-teal); }
.an-block { padding:14px 0; border-top:1px solid rgba(54,73,101,.08); }
.an-block:first-of-type { border-top:0; padding-top:4px; }
.an-block-h { font-weight:700; color:var(--an-navy); margin-bottom:6px; }
.an-block.an-danger { background:#fff6f4; border:1px solid rgba(192,57,43,.15); border-radius:12px; padding:14px; margin-top:8px; }
.an-kv { display:grid; grid-template-columns:1fr; gap:6px; }
.an-kv > div { display:flex; gap:12px; align-items:baseline; font-size:.92rem; }
.an-kv span { color:var(--an-muted); min-width:130px; font-size:.82rem; }
details.an-card > summary { list-style:none; } details.an-card > summary::-webkit-details-marker { display:none; }
details.an-card > summary::after { content:"›"; float:right; font-size:1.2rem; color:var(--an-muted); transition:transform .15s; }
details.an-card[open] > summary::after { transform:rotate(90deg); }
@media (max-width: 991px) { .an-subnav { position:static; flex-direction:row; flex-wrap:wrap; } }
.an-snippet { color:var(--an-muted); font-size:.8rem; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-style:italic; }
/* alatna traka popisa: pretraga + segmentirani filtar */
.an-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:#fff; border:1px solid rgba(54,73,101,.08); border-radius:12px; padding:8px 10px; }
.an-search { position:relative; flex:1 1 220px; max-width:360px; }
.an-search i { position:absolute; left:10px; top:50%; transform:translateY(-50%); color:var(--an-muted); font-size:.85rem; }
.an-search .form-control { padding-left:30px; font-size:.88rem; height:34px; }
.an-seg { display:inline-flex; border:1px solid rgba(54,73,101,.14); border-radius:9px; overflow:hidden; }
.an-seg button { border:0; background:#fff; padding:6px 14px; font-size:.85rem; font-weight:600; color:var(--an-navy); cursor:pointer; }
.an-seg button + button { border-left:1px solid rgba(54,73,101,.14); }
.an-seg button.active { background:var(--an-navy); color:#fff; }
/* zaglavlje dokumenta: glavni dio + desni stupac s gumbima + rok u podnožju */
.an-dochead { display:grid; grid-template-columns:1fr auto; grid-template-areas:"main side" "foot foot"; gap:12px 20px; align-items:start; }
.an-dochead-main { grid-area:main; min-width:0; }
.an-dochead-side { grid-area:side; display:flex; flex-direction:column; gap:8px; align-items:stretch; min-width:170px; }
.an-dochead-side .an-pill { align-self:flex-end; }
.an-dochead-side .btn-sm { justify-content:center; }
.an-dochead-foot { grid-area:foot; border-top:1px solid rgba(54,73,101,.08); padding-top:10px; margin-top:2px; }
.an-doc-h1 { font-size:1.15rem; line-height:1.3; white-space:normal; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width: 767px) { .an-dochead { grid-template-columns:1fr; grid-template-areas:"main" "side" "foot"; } .an-dochead-side { flex-direction:row; flex-wrap:wrap; } }
.an-thread.active { border-left-color:var(--an-teal); background:#f3f9f7; border-radius:0 8px 8px 0; }
.an-last { font-size:.78rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
/* podrška: popis razgovora lijevo (stil bočne navigacije), razgovor desno */
.an-convlist { max-height:calc(100vh - 140px); overflow:auto; }
.an-conv { display:block; text-decoration:none; color:var(--an-navy); padding:9px 10px; border-radius:10px; border:1px solid transparent; margin-bottom:4px; }
.an-conv:hover { background:#f6f9fc; }
.an-conv.active { background:#eef6fb; border-color:rgba(8,71,66,.18); }
.an-conv-subject { font-weight:600; font-size:.9rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.an-conv-meta { color:var(--an-muted); font-size:.76rem; margin-top:2px; }
.an-msgs { display:flex; flex-direction:column; gap:8px; max-height:60vh; overflow:auto; padding:4px 2px; }
.an-msg { max-width:85%; }
.an-msg.me { align-self:flex-end; background:#e6f0f7; border-bottom-right-radius:4px; }
.an-msg.them { align-self:flex-start; background:#f3f7f4; border:1px solid rgba(8,71,66,.12); border-bottom-left-radius:4px; }
.an-msg-h { color:var(--an-muted); font-size:.74rem; margin-bottom:3px; }
.an-reply { border-top:1px solid rgba(54,73,101,.08); padding-top:12px; }