@charset "utf-8";

/* ================================================================
 * sign114 비교견적 탭 위젯 (hh.latest.tabs.sign114estimate)
 * 주황/앰버 포인트 · 카드 높이 고정
 * ================================================================ */

/* ── 탭 네비 ───────────────────────────────────────────────────── */
.s114et-nav {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 14px;
    border-bottom: 2px solid #e8ecf3;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.s114et-nav::-webkit-scrollbar { display: none; }

.s114et-tab {
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    color: #888;
    background: none;
    border: none;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}
.s114et-tab:hover { color: #444; }
.s114et-tab.is-active { color: #d97706; border-bottom-color: #f59e0b; }

/* ── 카드 목록 ─────────────────────────────────────────────────── */
.s114et-cards { list-style: none; padding: 0; margin: 0; width: 100%; }
.s114et-cards .swiper-slide { height: auto; }

/* ── 카드 (높이 고정) ──────────────────────────────────────────── */
.s114et-card {
    display: flex;
    flex-direction: column;
    position: relative;
    background: #fffbf2;
    border: 1px solid #fde8b4;
    border-radius: 12px;
    padding: 14px 14px 50px;
    height: 150px;          /* ★ 고정 높이 */
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    overflow: hidden;
}
.s114et-card:hover {
    border-color: #f59e0b;
    box-shadow: 0 4px 16px rgba(245,158,11,.12);
}
.s114et-card.is-closed {
    background: #f8f8f8;
    border-color: #e0e0e0;
    opacity: 0.72;
}
.s114et-card.is-closed:hover { border-color: #bbb; box-shadow: none; }

/* 상태 배지 */
.s114et-status {
    position: absolute; top: 12px; right: 12px;
    font-size: 10px; font-weight: 700; padding: 3px 8px;
    border-radius: 20px; white-space: nowrap; line-height: 1;
}
.s114et-status--open,
.s114et-status--extended { background: #fef3c7; color: #d97706; border: 1px solid #fcd34d; }
.s114et-status--closed   { background: #f3f4f6; color: #9ca3af; border: 1px solid #e5e7eb; }
.s114et-status--cancelled{ background: #fef2f2; color: #ef4444; border: 1px solid #fecaca; }

/* 카테고리 */
.s114et-card__cat {
    font-size: 11px; font-weight: 700; color: #f59e0b;
    margin: 0 0 4px; padding-right: 72px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* 제목 (2줄 고정) */
.s114et-card__title {
    font-size: 14px; font-weight: 700; color: #1a1a1a;
    margin: 0 0 4px; line-height: 1.4;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; word-break: keep-all;
    flex: 1;  /* 남은 공간 차지 */
}

/* 규격 */
.s114et-card__spec {
    font-size: 11px; color: #999;
    margin: 0 0 4px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* 하단 (카드 하단 고정) */
.s114et-card__foot {
    position: absolute; left: 14px; right: 12px; bottom: 12px;
    display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; overflow: hidden;
}

.s114et-bid { font-size: 12px; color: #555; flex-shrink: 0; }
.s114et-bid b { font-weight: 700; color: #f59e0b; }

.s114et-due { font-size: 11px; color: #bbb; flex-shrink: 0; margin-left: auto; white-space: nowrap; }

.s114et-dday {
    font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 20px;
    white-space: nowrap; flex-shrink: 0;
    background: #fff7e0; color: #d97706; border: 1px solid #fde68a;
}
.s114et-dday.is-urgent { background: #fff1f1; color: #dc2626; border-color: #fca5a5; }
.s114et-dday.is-over   { background: #f3f4f6; color: #9ca3af; border-color: #e5e7eb; }

/* 빈 데이터 */
.s114et-empty { padding: 28px 0; text-align: center; color: #bbb; font-size: 13px; display: block; }

/* 반응형 */
@media (max-width: 767px) {
    .s114et-tab     { font-size: 12px; padding: 7px 12px; }
    .s114et-card    { height: 140px; padding: 12px 12px 46px; }
    .s114et-card__title { font-size: 13px; }
    .s114et-card__foot  { left: 12px; bottom: 10px; }
    .add_module_wrap { display: none; }
}