/* =====================================================================
   Pravna.rs — ContractReview/New (/analiza-ugovora/nova)
   ---------------------------------------------------------------------
   Page-local layout forme za novu analizu ugovora (stack panela, grid
   polja, akcije). STAMP tokeni, bez sirovog hex-a.
   ===================================================================== */

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

/* Flash sa ikonom: ikona levo, tekst desno (deli i ContractReview/Detail). */
.cr-flash-row { display: flex; gap: 10px; align-items: flex-start; }
.cr-flash-row > .pb-flash-row__ico,
.cr-flash-row > svg,
.cr-flash-row > icon { flex-shrink: 0; margin-top: 1px; }

/* ===== Toggle: nalepi tekst ručno ===== */
.cr-details {
    margin-top: 14px;
    border-top: 1px solid var(--c-border-hairline);
    padding-top: 12px;
}
.cr-details summary {
    cursor: pointer;
    color: var(--c-brand);
    font-weight: 500;
    font-size: var(--fs-sm);
    user-select: none;
}
.cr-details[open] summary { margin-bottom: 10px; }

/* ===== Korak 2: ugao analize (radio-kartice) ===== */
.cr-intent {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}
.cr-intent__opt {
    display: flex;
    padding: 14px 16px;
    border: 1px solid var(--c-border-hairline);
    border-radius: 10px;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.cr-intent__opt input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.cr-intent__opt:hover { border-color: var(--c-border, var(--c-brand)); }
.cr-intent__opt:has(input:checked) {
    border-color: var(--c-brand);
    background: var(--c-brand-surface);
    box-shadow: inset 0 0 0 1px var(--c-brand);
}
.cr-intent__body { display: flex; flex-direction: column; gap: 3px; }
.cr-intent__title { font-weight: 600; font-size: var(--fs-base); color: var(--c-text-primary); }
.cr-intent__opt:has(input:checked) .cr-intent__title { color: var(--c-brand); }
.cr-intent__sub { font-size: var(--fs-xs); color: var(--c-text-secondary); line-height: 1.4; }

/* Fokus tastaturom (input je skriven) → outline na kartici */
.cr-intent__opt:focus-within { outline: 2px solid var(--c-brand); outline-offset: 2px; }

.cr-party { margin-top: 2px; }

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

.pb-field .req { color: var(--c-state-alert-strong); margin-left: 2px; }
.pb-field .opt {
    color: var(--c-text-secondary);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}
.pb-field__hint { font-size: var(--fs-xs); color: var(--c-text-secondary); }

.pb-input--textarea { resize: vertical; min-height: 90px; line-height: 1.45; }
select.pb-input { appearance: none; padding-right: 32px; }

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

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