/* ============================================================
   theme-as.css — 임대관리를 AS(as.9912.co.kr) 양식으로
   2026-09-02

   ▸ 덧씌우는 옷입니다. base.html 안의 원래 스타일은 그대로 두고
     그 위에 이 파일을 읽습니다.
     되돌리려면 base.html 에서 이 파일을 부르는 <link> 한 줄만 지우면 됩니다.

   ▸ 색·글꼴·기능·화면 구성은 안 건드립니다. '생김새'만 AS 쪽에 맞춥니다.
       상단바   남색 그라데이션 → **단색 딥네이비**
       활성메뉴 금색 밑줄 → **파란 알약 배경**
       카드     위 금색 3px 선 → **테두리만 · 둥근 모서리 14px · 부드러운 그림자**
       카드효과 떠오르는 효과 → **없음** (AS 는 가만히 있는다)
       제목     금색 영문 라벨 + 제목 → **제목만**
       탭·버튼  각진 사각(4px) → **알약형 · 둥근 사각(9px)**
       바탕     #F7F8FB → **#F3F5FA**
   ============================================================ */

/* ── 바탕 ────────────────────────────────────────────────── */
body{ background:#F3F5FA; }

/* ── 상단바 — 단색, 알약형 메뉴 ──────────────────────────── */
.brand-bar{
  background:var(--deep);
  box-shadow:none;
}
/* 로고 앞 금색 점은 AS 에 없다 */
.brand-bar .eyebrow-dot{ display:none; }

.brand-bar .navlink{
  padding:7px 13px;
  border-radius:8px;
  border-bottom:0;                /* 금색 밑줄 걷어내기 */
  color:#C6CFE2;
  font-weight:600;
}
.brand-bar .navlink:hover{
  background:rgba(61,111,196,.35);
  color:#fff;
}
.brand-bar .navlink.active{
  background:rgba(61,111,196,.35);
  color:#fff;
  border-color:transparent;       /* 밑줄 없음 */
}

/* 휴대폰 메뉴도 같은 결로 */
.brand-bar .navlink-m{ border-radius:8px; padding-left:8px; padding-right:8px; }
.brand-bar .navlink-m.active{ background:rgba(61,111,196,.35); color:#fff; }

/* 오른쪽 운영 상태칩 — AS 는 사용자 이름만 담백하게 둔다 */
.status-pill{
  border:0; color:#C6CFE2; font-weight:600; padding:3px 4px;
}
.status-pill .dot{ display:none; }

/* 로그아웃 — AS 는 테두리만 있는 담백한 단추 */
/* ⚠️ 글자가 세로로 쪼개지지 않게 nowrap · shrink 금지를 꼭 같이 준다 */
.brand-bar .btn-gold{
  background:none;
  border:1px solid #3A4A6E;
  color:#9FACC8;
  font-weight:600;
  border-radius:8px;
  white-space:nowrap;
  flex:0 0 auto;
  padding:6px 12px;
  line-height:1.4;
}
.brand-bar .btn-gold:hover{
  filter:none; transform:none;
  background:rgba(61,111,196,.25); color:#fff;
}

/* ── 카드 — 금색 선 없이, 둥글고 부드럽게 ────────────────── */
.card{
  border:1px solid var(--border);
  border-top:1px solid var(--border);      /* 금색 3px 선 걷어내기 */
  border-radius:14px;
  box-shadow:0 2px 8px rgba(18,42,84,.05);
}
/* AS 카드는 떠오르지 않는다 */
.card:hover{ transform:none; box-shadow:0 2px 8px rgba(18,42,84,.05); }

/* ── 화면 제목 — 금색 영문 라벨은 AS 에 없다 ─────────────── */
.eyebrow-label{ display:none; }

/* ── 단추 · 입력칸 — 알약형/둥근 사각 ────────────────────── */
main .btn-gold{
  border-radius:9px;
  background:var(--gold); color:#3D2F0A; font-weight:700;
}
main .btn-gold:hover{ filter:brightness(1.03); transform:none; }

main button, main .rounded, main a.rounded{ border-radius:9px; }
main input[type=text], main input[type=password], main input[type=number],
main input[type=date], main input[type=month], main input[type=tel],
main select, main textarea{
  border-radius:9px;
  border-width:1.5px;
}

/* 목록 위 필터 칩 — AS 의 알약형 탭처럼 */
main a.chip, main .chip, main a.sort-h{ border-radius:999px; }

/* 표 머리 — AS 는 조금 더 굵다 */
main th{ font-weight:700; }

/* 진행 표시 막대는 그대로 두되 모서리만 */
main .rounded-full{ border-radius:999px; }

/* ── 인쇄 ────────────────────────────────────────────────── */
@media print{
  .card{ box-shadow:none; border-radius:8px; }
}

/* ============================================================
   [B안] 방문관리 화면 다듬기 — 2026-09-02
   사장님: "방문관리 페이지가 뭔가 맘에 안 들어"

   무엇이 어색했나 (드린 A안)
     ① '오늘 올라온 방문 이력' 머리가 **짙은 남색 통짜 띠**라 혼자 너무 무거웠다.
        AS 는 카드 머리를 **연한 바탕**으로 쓰고, 짙은 남색은 **표 머리**에만 쓴다.
     ② 숫자 타일(지연 · 7일 내 · 마감일자 없음)이 그냥 흰 상자가 되어 밋밋했다.
        AS 에도 숫자 타일(.mt)에는 **위에 금색 3px 선**이 있다 — 그 결을 되살린다.
     ③ 흰 상자만 줄줄이 쌓여 어디가 중요한지 안 보였다.
   ============================================================ */

/* ① 카드 머리를 연한 바탕으로 (AS 방식) — 인라인 색을 눌러야 해서 !important */
#today > div:first-child{
  background:var(--blt) !important;
  border-bottom:1px solid var(--border) !important;
}
#today > div:first-child > span:first-child{ color:var(--navy) !important; }
/* 건수는 금색 알약으로 */
#today > div:first-child .rounded{
  background:var(--gold) !important; color:#3D2F0A !important; border-radius:999px !important;
}
/* 날짜 고르는 칸·화살표도 밝은 바탕에 맞춘다 */
#today select[name="d"]{
  background:#fff !important; color:var(--ink) !important;
  border:1.5px solid var(--border) !important; border-radius:9px !important;
}
#today a[title="하루 전"], #today a[title="하루 뒤"]{
  background:#fff !important; color:var(--navy) !important;
  border:1.5px solid var(--border) !important; border-radius:999px !important;
  padding:2px 9px !important;
}
#today a[href$="#today"]:not([title]){ border-radius:999px !important; }

/* ② 숫자 타일에는 금색 선을 되살린다 (AS 의 검침 타일과 같은 결) */
.grid-cols-3 > .card{ border-top:3px solid var(--gold); border-radius:13px; }
/* 금색 선은 '챙길 게 있는 카드'에만 (아래 ④ 참고) */

/* ③ 사이 간격을 조금 벌려 덩어리를 구분한다 */
#today{ margin-bottom:18px; }

/* ============================================================
   [C안] 빨간색 손보기 — 2026-09-02
   사장님: "방문지연 미수 빨간색이 마음에 안 드는건지…"

   진짜 문제는 색보다 **언제 쓰느냐** 였다.
     · 대시보드는 건수가 **0건이어도 빨갛게** 나왔다.
       아무 일 없는 날에도 화면이 경고처럼 보인다 — 이게 계속 걸린다.
       (방문관리 화면은 원래 0이면 남색으로 잘 나오고 있었다)
     · 붉은색도 너무 쨍했다. AS 는 더 차분한 벽돌색(#B04343)을 쓴다.
     · 아이콘의 주황 그라데이션은 AS 에 아예 없는 색이다.
   ============================================================ */

/* ① 0건이면 빨간색을 안 쓴다 — 숫자가 0인 줄만 골라 남색으로 */
main p:has(> [data-countup="0"]){ color:var(--navy) !important; }

/* ② 1건 이상일 때의 붉은색은 AS 의 차분한 벽돌색으로 */
main .text-red-600{ color:#B04343; }

/* ③ 아이콘 배지의 주황 그라데이션 → 차분한 색 (인라인이라 !important) */
main .icon-badge{ background:linear-gradient(135deg,var(--navy),var(--blue)) !important; }
/* ⚠️ '챙길 것'만 벽돌색으로. 돈 합계·거래처 수처럼 그냥 정보인 카드까지
      빨갛게 물들면 예전과 똑같이 시끄러워진다. 그래서 **원래 붉은 글씨를 쓰던
      카드(방문지연·미수)** 중에서 값이 0이 아닌 것만 고른다. */
main .card:has(.text-red-600):has([data-countup]:not([data-countup="0"])) .icon-badge{
  background:linear-gradient(135deg,#8A3A34,#B04343) !important;
}

/* ④ 대시보드 카드에는 금색 선을 아예 안 쓴다 (AS 카드가 원래 그렇다).
      신호는 **숫자 색과 아이콘 색**만으로 준다 — 조용하다가 챙길 게 있으면 그것만 눈에 띈다.
      금색 선은 방문관리의 숫자 타일 세 개에만 남긴다 (위 ② 참고). */

/* ============================================================
   [D안] 금색을 줄인다 — 2026-09-02
   사장님: "색깔도 뭔가 마음에 안 들어"

   지금 화면은 **금색이 너무 많다.**
     · 카드마다 위에 금색 3px 선
     · 저장 · 주기 저장 · 방문 기록 추가 … 단추가 전부 금색
   그래서 어느 것이 중요한지 구분이 안 되고 화면이 어수선하다.

   AS 는 반대로 쓴다 — **평소 단추는 남색**, 금색은 정말 강조할 때만.
   그 결을 따른다. (금색은 활성 표시 · 방문관리 숫자 타일 선 정도에만 남긴다)
   ============================================================ */

/* 저장·추가 같은 보통 단추는 남색으로 (AS 의 .btn.primary) */
main .btn-gold{
  background:var(--navy) !important;
  color:#fff !important;
  border-radius:9px;
  font-weight:700;
}
main .btn-gold:hover{ background:#1B3A6B !important; filter:none; transform:none; }

/* 입력칸 테두리에 쓰던 금색도 회색으로 (거래처 이름칸 등) */
main [style*="--gold-soft"]{ border-color:var(--border) !important; }