/* ==========================================================
   매직투데이 - 작은 창(계정 찾기, 합계잔액, 주식 검색, 일정 알림 등) 2026-10-06
   가계부 화면 안에서 뜨는 작은 창(iframe)에만 적용 (html.ml-pop)
   ========================================================== */
:root {
    --ml-bg: #f4f6f8; --ml-top: #ffffff; --ml-card: #ffffff; --ml-input: #f4f6f8; --ml-hover: #f9fafb;
    --ml-ink: #191f28; --ml-text: #333d4b; --ml-sub: #4e5968; --ml-muted: #8b95a1;
    --ml-line: #e5e8eb; --ml-line2: #f0f2f4; --ml-border: #d5dbe1; --ml-soft-line: #bcd7fd;
    --ml-primary: #3182f6; --ml-primary-h: #1b6fe8; --ml-primary-soft: #e8f3ff; --ml-on-primary: #ffffff;
    --ml-red: #f04452; --ml-blue: #3182f6; --ml-ok: #12b886; --ml-danger-soft: #fff1f1;
    --ml-radius: 16px;
    --ml-shadow: 0 24px 60px -28px rgba(20,40,80,.35), 0 2px 6px rgba(20,40,80,.06);
    --ml-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
    color-scheme: light;
}
@media (prefers-color-scheme: dark) {
    :root[data-theme="auto"] {
        --ml-bg: #17191d; --ml-top: #101215; --ml-card: #1e2126; --ml-input: #17191d; --ml-hover: #23272d;
        --ml-ink: #eef0f3; --ml-text: #d5dae0; --ml-sub: #b0b8c1; --ml-muted: #7e8794;
        --ml-line: #2c3037; --ml-line2: #262a30; --ml-border: #3a3f47; --ml-soft-line: #2b4a75;
        --ml-primary: #4b96ff; --ml-primary-h: #6aa8ff; --ml-primary-soft: #1b2a40; --ml-on-primary: #ffffff;
        --ml-red: #ff6b76; --ml-blue: #6aa8ff; --ml-ok: #38d9a9; --ml-danger-soft: #3a1f23;
        --ml-shadow: 0 24px 60px -28px rgba(0,0,0,.7);
        color-scheme: dark;
    }
}
:root[data-theme="dark"] {
    --ml-bg: #17191d; --ml-top: #101215; --ml-card: #1e2126; --ml-input: #17191d; --ml-hover: #23272d;
    --ml-ink: #eef0f3; --ml-text: #d5dae0; --ml-sub: #b0b8c1; --ml-muted: #7e8794;
    --ml-line: #2c3037; --ml-line2: #262a30; --ml-border: #3a3f47; --ml-soft-line: #2b4a75;
    --ml-primary: #4b96ff; --ml-primary-h: #6aa8ff; --ml-primary-soft: #1b2a40; --ml-on-primary: #ffffff;
    --ml-red: #ff6b76; --ml-blue: #6aa8ff; --ml-ok: #38d9a9; --ml-danger-soft: #3a1f23;
    --ml-shadow: 0 24px 60px -28px rgba(0,0,0,.7);
    color-scheme: dark;
}

.ml-pop body { margin: 0 !important; padding: 14px 16px 18px !important; background: var(--ml-card) !important; color: var(--ml-ink) !important;
    font-family: var(--ml-font) !important; font-size: 15px; line-height: 1.5; letter-spacing: -.01em; -webkit-font-smoothing: antialiased; }
.ml-pop body *:not(.fa) { font-family: inherit !important; }
.ml-pop h3 { margin: 2px 0 12px !important; padding: 0 !important; font-size: 17px !important; font-weight: 700; color: var(--ml-ink); text-align: left; }
.ml-pop a { color: inherit; }
.ml-pop table { border-collapse: collapse !important; }
.ml-pop .book-table, .ml-pop .book-table2, .ml-pop .fwrite-table { width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; border: 0 !important; }
.ml-pop img[src*="bar-left"], .ml-pop img[src*="bar-right"] { display: none !important; }
.ml-pop td.head { height: auto !important; padding: 9px 8px !important; background: var(--ml-hover) !important; color: var(--ml-sub) !important;
    font-size: 13px !important; font-weight: 600 !important; border: 0 !important; border-bottom: 1px solid var(--ml-line) !important; white-space: nowrap; }
.ml-pop td.body { height: auto !important; padding: 10px 8px !important; background: transparent !important; color: var(--ml-ink) !important;
    font-size: 14.5px !important; border: 0 !important; border-bottom: 1px solid var(--ml-line) !important; }
.ml-pop td.body.right, .ml-pop td.head.right { text-align: right; font-variant-numeric: tabular-nums; }
.ml-pop td.body.right { font-weight: 600; }
.ml-pop tr { background: transparent !important; }
.ml-pop tr[onclick]:hover td { background: var(--ml-primary-soft) !important; }
.ml-pop input.text, .ml-pop input[type="text"] { height: 40px; padding: 0 12px; border: 1px solid var(--ml-line); border-radius: 10px; background: var(--ml-input); color: var(--ml-ink); font-size: 15px; box-sizing: border-box; }
.ml-pop input[type="checkbox"] { accent-color: var(--ml-primary); width: 17px; height: 17px; vertical-align: middle; }
.ml-pop button, .ml-pop input[type="button"], .ml-pop input[type="submit"], .ml-pop .btn1 {
    height: 40px !important; min-width: 92px; padding: 0 18px !important; border: 1px solid var(--ml-line) !important; border-radius: 10px !important;
    background: var(--ml-card) !important; color: var(--ml-ink) !important; font-size: 15px !important; font-weight: 600; cursor: pointer; }
.ml-pop button:hover, .ml-pop input[type="button"]:hover { background: var(--ml-hover) !important; }
.ml-pop ul#result { list-style: none; margin: 10px 0 12px; padding: 0; }
.ml-pop ul#result li { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid var(--ml-line) !important; background: transparent !important; line-height: 1.5 !important; }
.ml-pop ul#result li:hover { background: var(--ml-primary-soft) !important; }