/* static/app/historial.css */

/* =========================
   ITEMS HISTORIAL (igual estilo que recientes)
========================= */

.historial-item{
    padding:12px 14px;
    border-bottom:1px solid #e7e3da;
    cursor:pointer;
}

.historial-item:hover{
    background:#f6f3ed;
}

/* meta */
.historial-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:4px;
}

/* texto */
.historial-texto{
    font-size:13px;
    color:#6f6a5f;
    line-height:1.45;
}

/* tipo */
.tipo{
    font-weight:600;
    color:#375e65;
}


/* =========================
   BOTÓN ELIMINAR
========================= */
/* eliminar */
.btn-eliminar{
    background:none;
    border:none;
    cursor:pointer;
    font-size:13px;
    opacity:0.4;
}

.btn-eliminar:hover{
    opacity:1;
}


.btn-eliminar {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    margin-left: 8px;
    opacity: 0.6;
}

.btn-eliminar:hover {
    opacity: 1;
}





.historial-item {
    padding: 14px 16px;
    border-bottom: 1px solid #d8d1c5;
    cursor: pointer;
}

.historial-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.historial-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.historial-meta .tipo{
    font-size:10px;
    color:#a39b8a;
    letter-spacing:0.5px;
    font-weight:500;
}

.btn-eliminar {
    flex-shrink: 0;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    color: #375e65;
    opacity: 0.85;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.btn-eliminar:hover {
    opacity: 1;
    transform: scale(1.08);
}

.historial-texto {
    line-height: 1.35;
}


/* "Historial" */
.topbar h1 {
    color: #375e65;
    font-size: 22px;
    line-height: 1.05;
    font-weight: 700;
    margin: 0;
}


/* =========================
   ESTADO VACÍO HISTORIAL
========================= */

.estado-vacio{
    text-align:center;
    padding:40px 20px;
}

.vacio-titulo{
    font-size:14px;
    color:#375e65;
    margin-bottom:6px;
}

.vacio-sub{
    font-size:12px;
    color:#8a8375;
}


/* =========================================================
   TIEMPO HISTORIAL
========================================================= */

.tiempo-historial{
    font-size:10px;
    color:#9b9385;

    font-family:"Inter", sans-serif;
    font-weight:400;
    letter-spacing:0.2px;
}


/* =========================================================
   FORMATO CONTENIDO HISTORIAL
========================================================= */

#contenido-detalle{
    white-space: pre-wrap;
    line-height: 1.7;
}