/* =============================
   Item List & Detail Styles
   ============================= */

.item{
    border:1px solid var(--border);
    background:var(--card);
    border-radius:var(--radius-lg);
    padding:18px 20px;
    box-shadow:var(--shadow-sm);
    position:relative;
    overflow:hidden;
}

.item::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    opacity:0;
    transition:opacity var(--transition-fast) var(--ease);
    background:linear-gradient(120deg,rgba(59,130,246,.15),rgba(16,185,129,.15));
}

.item:hover{
    border-color:var(--primary-light);
    background:var(--card-hover);
    transform:translateY(-3px);
    box-shadow:var(--shadow-md);
}

.item:hover::before{
    opacity:1;
}

.item.selected{
    border-color:var(--primary);
    background:var(--accent-light);
    box-shadow:0 0 0 3px rgba(59,130,246,.3), var(--shadow-md);
}

.empty-state{
    text-align:center;
    padding:60px 20px;
    color:var(--muted);
    font-size:16px;
}

/* Item details */
.detail-section{margin-top:20px}
.detail-row{
    display:flex;
    justify-content:space-between;
    margin-bottom:16px;
    padding-bottom:16px;
    border-bottom:1px solid var(--border-light);
    align-items:center;
}
.detail-row:last-child{border-bottom:none}
.detail-label{
    color:var(--text-secondary);
    font-size:12px;
    font-weight:600;
    letter-spacing:.8px;
    text-transform:uppercase;
    opacity:.75;
}
.detail-value{
    font-weight:600;
    color:var(--text);
    text-align:right;
}