/* =====================================================================
   Pravna.rs — Documents/New (/dokumenti/novi)
   ---------------------------------------------------------------------
   Page-local layout forme za novi dokument: vertikalan stack numerisanih
   panela (Korak 1/2), grid polja, akcije i AI napomena. Isti "fazon" kao
   /analiza-ugovora/nova. STAMP tokeni, bez sirovog hex-a.
   ===================================================================== */

/* ===== Layout: forma je vertikalan stack panela ===== */
.doc-wizard { display: flex; flex-direction: column; gap: 18px; }

/* ===== Form grid (polja Koraka 1) ===== */
.doc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
}
.doc-col-2 { grid-column: 1 / -1; }

/* ===== Field helpers (page-local nadogradnja pb-field) ===== */
.doc-wizard .pb-field__error { color: var(--c-state-alert-strong); font-size: var(--fs-xs); }
.doc-wizard .pb-field__hint { font-size: var(--fs-xs); color: var(--c-text-secondary); }
.doc-wizard .pb-panel__title .opt,
.doc-wizard .pb-field .opt {
    color: var(--c-text-secondary); font-weight: 400;
    text-transform: none; letter-spacing: 0;
}
.doc-wizard .pb-input--textarea { resize: vertical; line-height: 1.45; }
.doc-wizard select.pb-input { appearance: none; padding-right: 32px; }

/* ===== Vođeni tok: „Proveri opis" + panel „Prepoznato" ===== */
.brief-check { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.brief-check__msg { font-size: var(--fs-xs); color: var(--c-text-secondary); }
.brief-check__msg.is-error { color: var(--c-state-alert-strong); }
.brief-check__msg.is-ok { color: var(--c-state-good-strong); }

.brief-result {
    display: flex; flex-direction: column; gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--c-border-subtle);
    border-radius: 12px;
}
/* display:flex bi pregazio UA [hidden] pravilo — vrati ga eksplicitno. */
.brief-result[hidden] { display: none; }
.brief-check__msg strong { color: var(--c-text-primary); font-weight: 600; }

/* Spiner u dugmetu „Proveri opis" dok Haiku provera traje. */
.brief-spinner {
    display: inline-block;
    width: 14px; height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: -2px;
    animation: brief-spin .7s linear infinite;
}
@keyframes brief-spin { to { transform: rotate(360deg); } }
.brief-result__type strong { color: var(--c-text-primary); font-weight: 600; }

/* ===== Akcije ispod forme ===== */
.doc-actions {
    display: flex; gap: 10px; justify-content: flex-end;
    padding-top: 4px;
}

/* ===== AI napomena ispod dugmeta ===== */
.doc-reassure {
    display: flex; align-items: flex-start; gap: 8px;
    margin: 10px 2px 0;
    font-size: var(--fs-xs);
    color: var(--c-text-secondary);
}
.doc-reassure > icon,
.doc-reassure > svg { flex-shrink: 0; margin-top: 1px; color: var(--c-brand); }

/* ===== Template status (kad je fajl već učitan) ===== */
.doc-wizard .template-status {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--c-state-good-strong);
    background: var(--c-state-good-soft);
    border-radius: 12px;
    margin-top: 4px;
}
.doc-wizard .template-status-info { display: flex; align-items: center; gap: 10px; }
.doc-wizard .template-status-icon { color: var(--c-state-good-strong); display: inline-flex; }
.doc-wizard .template-status-name { font-weight: 600; color: var(--c-text-primary); }

@media (max-width: 720px) {
    .doc-grid { grid-template-columns: 1fr; }
    .doc-actions { flex-direction: column-reverse; }
    .doc-actions a, .doc-actions button { width: 100%; justify-content: center; }
}