@charset "UTF-8";
/* =============================================================
   /css/my.css — 마이페이지 내역 · 알림함
   ============================================================= */

.m-row {
    display: flex; gap: var(--sp-3); align-items: center;
    padding: var(--sp-3) 0; border-bottom: 1px solid var(--g100);
}
.m-row .th {
    flex: 0 0 72px; width: 72px; height: 72px;
    border-radius: 12px; background: var(--g100); overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    color: #C6CBD3; font-size: 26px;
}
.m-row .th img { width: 100%; height: 100%; object-fit: cover; }
.m-row .info { flex: 1; min-width: 0; }
.m-row .t {
    font-size: var(--fs-15); font-weight: 700;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.m-row .s { font-size: var(--fs-13); color: var(--g500); margin-top: 2px; }
.m-row .side { text-align: right; flex: 0 0 auto; }
.m-row .side .p { font-size: var(--fs-15); font-weight: 800; font-variant-numeric: tabular-nums; }
.m-row .side .p.o { color: var(--orange); }
.m-row .side .badge { margin-top: 4px; }

/* 알림함 */
.noti-item {
    display: block; width: 100%; text-align: left;
    padding: 14px 4px; border-bottom: 1px solid var(--g100);
}
.noti-item .nt { font-size: var(--fs-14); color: var(--g700); }
.noti-item.unread .nt { font-weight: 700; color: var(--g900); }
.noti-item.unread .nt::before {
    content: ""; display: inline-block; width: 7px; height: 7px;
    border-radius: 50%; background: var(--orange); margin-right: 6px; vertical-align: 2px;
}
.noti-item .nc { font-size: var(--fs-13); color: var(--g500); margin-top: 3px; }
.noti-item .nd { font-size: var(--fs-12); color: var(--g400); margin-top: 3px; }