/* MISS CALL brand adapted from misscallshop.com, 7 October 2026. */
:root { --mg-orange: #f14e55; --mg-amber: #f14e55; }
body.site-main { font-family: 'Prompt', 'Sarabun', sans-serif; }
body.site-main.light-mode {
    --mg-black: #f7f7f8; --mg-card: #ffffff; --mg-card-inner: #f5f5f6;
    --mg-card-soft: #ededee; --mg-card-hover: #e5e5e7; --mg-border: #dedee2;
    --mg-text: #242326; --mg-muted: #55545a; --mg-orange: #c4141b; --mg-amber: #c4141b;
}
.ambient-glow { display: none; }
.header { background: #141416; backdrop-filter: none; }
body.light-mode .header { background: #ffffff; }
.partner-logo { width: 120px; height: 64px; max-height: none; object-fit: contain; background: #ffffff; border-radius: 8px; padding: 5px; flex-shrink: 0; }
.misscall-header-label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
.misscall-header-label strong { font-size: 14px; color: var(--mg-text); }
.misscall-header-label span { color: var(--mg-muted); }
.header-left { gap: 12px; }
.main-tabs, .finance-limit-header, .finance-type-filter, .finance-limit-toolbar, .calculator-form,
.results-placeholder, .company-card, .stat-box, .installment-card, .matrix-series,
.header-stat-badge, .user-avatar, .foreign-toggle, .theme-switch-label { box-shadow: none !important; }
.finance-limit-header, .finance-type-filter, .finance-limit-toolbar, .calculator-form,
.results-placeholder, .matrix-series { border-radius: 12px; }
.main-tab.active, .calculate-btn, .finance-type-chip.active, .down-pill.active, .popover-calc-btn {
    background: #d71920 !important; color: #ffffff !important; box-shadow: none !important;
}
.main-tab.active:hover, .calculate-btn:hover, .popover-calc-btn:hover { background: #b50e16 !important; }
.calculate-btn i, .main-tab.active i { color: #ffffff; }
.user-avatar { background: var(--mg-card-inner); color: var(--mg-orange); border: 1px solid var(--mg-border); }
.finance-limit-header { background: var(--mg-card) !important; }
.finance-limit-header h2 { color: var(--mg-text); background: none; -webkit-text-fill-color: currentColor; }
.finance-limit-header p, .stat-badge-label { color: var(--mg-muted) !important; }
.stat-badge-val { color: var(--mg-orange) !important; }
.header-stat-badge { background: rgba(215,25,32,.06); border-color: rgba(215,25,32,.18); }
.executive-badge { color: var(--mg-orange); background: rgba(215,25,32,.06); }
.finance-type-chip, .finance-limit-toolbar input, .finance-limit-toolbar select { color: var(--mg-text) !important; }
input::placeholder { color: var(--mg-muted) !important; opacity: 1; }
.matrix-series.is-new-series { background: var(--mg-card); border: 1px solid rgba(215,25,32,.45); animation: none; }
.matrix-series.is-new-series .matrix-series-header { background: rgba(215,25,32,.08) !important; }
.matrix-series.is-new-series .matrix-series-header::after, .new-flare::before, .new-flare .spark { display: none !important; }
.new-flare.new-flare, .new-chip.new-chip { background: #d71920; color: #fff; box-shadow: none; text-shadow: none; border-color: #d71920; animation: none; }
.new-flare.new-flare em { color: #fff; text-shadow: none; }
.theme-switch-ball { background: #d71920; box-shadow: none; }
.receipt-total-card { background: #d71920; box-shadow: none; }
.receipt-total-card .total-title, .receipt-total-card .total-amount, .receipt-total-card .total-value { color: #fff; -webkit-text-fill-color: #fff; background: none; }
.installment-price, .total-label-wrap .total-title, .total-label-wrap i { background: none; -webkit-text-fill-color: currentColor; filter: none; }
.misscall-footer a { color: var(--mg-orange); }
body.dark-mode .executive-badge, body.dark-mode .stat-badge-val { color: #ff747a !important; }
body.light-mode .condition-legend-item.condition-new,
body.light-mode .condition-new .condition-badge { color: #b50e16; background: #fff0f1; border-color: #f3bdc0; }
body.light-mode .condition-legend-item.condition-used,
body.light-mode .condition-used .condition-badge { color: #45434a; background: #f0f0f2; border-color: #d6d5db; }
body.light-mode .condition-legend-item.condition-import,
body.light-mode .condition-import .condition-badge { color: #6541a5; background: #f2ecfa; border-color: #d9cbea; }
body.light-mode .condition-legend-item.over-legend { color: #087553; background: #e9f8f1; border-color: #b6e7d1; }
.empty-condition-price .condition-badge { opacity: .45; }
body.light-mode .receipt-total-card { background: #d71920; }
body.light-mode .receipt-total-card .total-label-wrap .total-title,
.receipt-total-card .total-label-wrap i { color: #ffffff; -webkit-text-fill-color: #ffffff; }
body.light-mode .form-kicker, body.light-mode .form-kicker span { color: #242326; }
body.light-mode .total-label-wrap .total-desc { color: #ffffff; }
.receipt-total-card strong, .receipt-total-card #totalTransfer { color: #ffffff; background: none; -webkit-text-fill-color: #ffffff; filter: none; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--mg-orange); outline-offset: 3px; }
/* A row header uses matrix-model-cell, not the column's matrix-sticky-left. */
body.light-mode .finance-matrix-table .matrix-model-cell { background: #ffffff; }
body.light-mode .finance-matrix-table tbody tr:hover .matrix-model-cell { background: #fff0f1; }
body.light-mode .finance-matrix-table tbody tr:hover .model-title-wrap strong { color: #242326; }
.condition-price[data-amount] { cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.condition-price:focus-visible { outline: 2px solid var(--mg-orange); outline-offset: -2px; }
.quick-installment-popover { overflow-y: auto; }
.calculator-error { margin-top: 12px; color: var(--mg-orange); font-size: 14px; }
@media (max-width: 1100px) { .misscall-header-label { display: none; } }
@media (max-width: 600px) {
    .partner-logo { width: 106px; height: 57px; }
    .header { padding-top: 8px; padding-bottom: 10px; }
    .finance-limit-header { padding: 20px; }
}