/* =====================================================================
   RECORD LIST — lista kartica za zapise (Dokumenti, Analiza ugovora…)
   Vizuelni jezik 1:1 sa /pitaj-pravnu (ri-card): hairline kartica, miran
   hover, donji red sa status/meta poravnanjem. Učitava se per-page u
   @section Styles.
   ===================================================================== */

/* --- Panel ikonica: plavi gradient rounded-square (kao ri-pico) --- */
.rl-head { display: flex; align-items: center; gap: .7rem; min-width: 0; }
.rl-pico {
    flex: 0 0 auto;
    width: 38px; height: 38px;
    border-radius: 11px;
    display: grid; place-items: center;
    color: var(--p-white);
    background: var(--g-brand-square);
    box-shadow: var(--e-brand-square);
}
.rl-pico svg { width: 19px; height: 19px; }

/* --- Lista naslaganih kartica --- */
.rl-list { display: block; }

.rl-card {
    position: relative;
    border: 1px solid var(--c-border-subtle);
    border-radius: 14px;
    background: var(--p-white);
    margin-bottom: .4rem;
    transition: border-color .12s ease, box-shadow .12s ease;
}
.rl-card:last-child { margin-bottom: 0; }
.rl-card:hover {
    border-color: var(--c-text-faint);
    box-shadow: 0 4px 14px -8px rgba(15, 23, 42, .18);
}

.rl-card__main {
    display: block;
    padding: .55rem 1.05rem .6rem;
    text-decoration: none;
    color: inherit;
}

.rl-card__title {
    margin: 0;
    padding-right: 2.4rem;            /* prostor za delete dugme */
    font-size:var(--fs-base);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.005em;
    color: var(--c-text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rl-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: .7rem;
    flex-wrap: wrap;
}
.rl-card__lft {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}
.rl-card__metas {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.rl-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--fs-xs);
    color: var(--c-text-subtle);
    white-space: nowrap;
}
.rl-card__meta svg { opacity: .7; flex-shrink: 0; }

/* Sekundarni info čip u donjem redu (npr. „3 zakona") */
.rl-soft {
    font-size: var(--fs-xs);
    color: var(--c-text-secondary);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
/* Tip dokumenta — neutralan tag (kao ri-tag) */
.rl-tag {
    font-size: var(--fs-2xs);
    padding: 2px 9px;
    border-radius: 999px;
    background: var(--p-app-surface-3);
    color: var(--p-slate-500);
    font-weight: 500;
    white-space: nowrap;
}

/* --- Delete dugme (ghost icon, kao ri-card__del) --- */
.rl-card__del { position: absolute; top: .65rem; right: .6rem; display: flex; }
.rl-del-btn {
    background: transparent;
    border: 1px solid transparent;
    color: var(--c-text-subtle);
    width: 32px; height: 32px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.rl-del-btn:hover { background: var(--c-danger-soft); color: var(--c-danger-deep); border-color: var(--c-danger-line); }
.rl-del-btn:focus-visible { outline: 2px solid var(--c-brand, var(--c-accent-indigo)); outline-offset: 2px; }

/* --- AI in-progress indikatori (.dx-mini-spinner / .dx-pill-gen) --- */
/* Definisani jednom u modules/ai.css (globalno) - ovde se samo koriste. */

/* Highlight novog/pending zapisa nakon kreiranja */
.rl-card[data-pending-highlight="1"] { animation: rl-flash 1.8s ease-out 1; }
@keyframes rl-flash {
    0%   { box-shadow: 0 0 0 2px rgba(91, 61, 245, .5); border-color: var(--c-accent-violet-tint-2); }
    100% { box-shadow: 0 4px 14px -8px rgba(15, 23, 42, .18); border-color: var(--c-border-subtle); }
}