/* 더시드 메뉴 페이지 — 하얀 화면 (2026-11-03 운영자 「화면은 목록은 전부 하얀색으로 진행하자」 → 「메뉴 페이지 전부」)
   홈(컴퓨터 화면 · 가지 메뉴)은 그대로 어둡고, 메뉴를 눌러 들어가는 페이지(회사 · 비즈니스 · THESEED CLOUD · 이벤트 · 앱)는 흰 바탕.
   account.css 뒤에 불러오고 <body class="light"> 로 켭니다. 색 이름(토큰)만 바꿔서, 페이지 안의 var(--fg) · var(--line) 들이 그대로 흰 화면에 맞게 됨.
   로그인 · 가입 · 내 계정 화면은 아직 어두운 그대로(운영자에게 물어볼 것) */
body.light {
  --bg: #ffffff; --fg: #1d1d1f; --sub: #6e6e73; --faint: #86868b;
  --blue: #0b6fa8; --gold: #a66f1f; --red: #c5221f; --ok: #1e7d48;
  --line: #d2d2d7; --field: #f5f5f7; --field-hi: #ffffff;
  --navy: #0b1728; --canvas: #f5f5f7;
  --wash: rgba(0,0,0,.035); --wash2: rgba(0,0,0,.06); --wash3: rgba(0,0,0,.1);
  /* 가지 선 색 — 흰 바탕에서 보이게 조금 진하게(엠블럼의 하늘 · 금) */
  --branch-blue: #3f9bd1; --branch-gold: #c48a35;
  background: var(--bg); color: var(--fg);
}
body.light ::selection { background: rgba(196,138,53,.22); }
body.light .bg { display: none; }

/* 위 막대 — 애플처럼 반투명 흰 막대 */
body.light .top { background: rgba(255,255,255,.82); border-bottom: 1px solid rgba(0,0,0,.08); }
body.light .top .logo span { color: var(--fg); }
body.light .top .logo img { filter: none; }
body.light .top .who .dot { color: #fff; background: linear-gradient(135deg, var(--branch-blue), var(--branch-gold)); }

/* 카드 · 알림 */
body.light .card { background: #fff; border: 1px solid var(--line); box-shadow: 0 12px 40px rgba(0,0,0,.07); -webkit-backdrop-filter: none; backdrop-filter: none; }
body.light .emb { filter: none; }
body.light .note { background: #f0f7fc; border-color: #cfe4f2; color: var(--fg); }
body.light .note.bad { background: #fdecea; border-color: #f3c3be; }
body.light .note.ok { background: #e9f6ee; border-color: #bfe3cc; }

/* 입력 */
body.light .input input { background: var(--field); border-color: var(--line); color: var(--fg); }
body.light .input input:focus { border-color: var(--branch-blue); background: #fff; box-shadow: 0 0 0 4px rgba(63,155,209,.15); }
body.light .input .eye:hover, body.light .check .view:hover { background: var(--wash2); }
body.light .agree { background: var(--canvas); border-color: var(--line); }
body.light .check:hover { background: var(--wash); }
body.light .check.all { border-bottom-color: var(--line); }
body.light .check input { border-color: #b0b0b8; background: #fff; }
body.light .check input::after { border-color: #fff; }
body.light .check input:checked { background: var(--navy); border-color: var(--navy); }

/* 버튼 */
body.light .btn.main { background: var(--navy); color: #fff; }
body.light .btn.main:hover:not([disabled]) { filter: brightness(1.25); }
body.light .btn.line { background: #fff; border: 1px solid var(--line); color: var(--fg); }
body.light .btn.line:hover:not([disabled]) { background: var(--canvas); }
body.light .btn.danger { background: #fdecea; border-color: #f3c3be; color: var(--red); }
body.light .btn.busy::after { border-color: rgba(255,255,255,.35); border-top-color: #fff; }
body.light .btn.line.busy::after { border-color: rgba(0,0,0,.15); border-top-color: var(--fg); }
body.light .btn:focus-visible { outline-color: var(--branch-blue); }
body.light .or::before, body.light .or::after { background: var(--line); }
body.light .links a, body.light .links button { text-decoration-color: rgba(0,0,0,.25); }

/* 줄 목록 · 표 · 스위치 */
body.light .rows { background: #fff; }
body.light .row { border-top-color: var(--wash2); }
body.light .row form .mini.go { background: var(--navy); color: #fff; } body.light .row form .mini.no { background: var(--wash2); }
body.light .tag { background: var(--wash2); }
body.light .switch { background: #d2d2d7; } body.light .switch:checked { background: var(--navy); }

/* 창 */
body.light dialog { background: #fff; color: var(--fg); border-color: var(--line); box-shadow: 0 30px 90px rgba(0,0,0,.18); }
body.light dialog::backdrop { background: rgba(0,0,0,.28); }
body.light dialog .doc h4 { color: var(--fg); }