/* =========================================================
   Misc Tools shell — blue / cyan (matches cat-misc index)
   Body: .ms-tool-page
   Include before tool-specific CSS.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

body.ms-tool-page {
    /* Site theme tokens used by older tool CSS */
    --button-bg-color: #3b82f6;
    --button-text-color: #ffffff;
    --button-hover-bg-color: #2563eb;
    --input-bg-color: rgba(10, 16, 32, 0.92);
    --input-border-color: rgba(59, 130, 246, 0.3);
    --input-text-color: #eef4ff;
    --primary-text-color: #eef4ff;
    --secondary-text-color: #9aadc8;
    --header-bg-color: #0a1224;
    --header-text-color: #ffffff;
    --primary-bg-color: #060912;
    --accent-color: #3b82f6;
    --link-color: #60a5fa;
    --link-hover-color: #22d3ee;
    --input-shadow: rgba(59, 130, 246, 0.18);

    /* Banking / finance local tokens remapped */
    --page-bg: transparent;
    --page-text: #eef4ff;
    --card-bg: rgba(12, 18, 34, 0.92);
    --card-border: rgba(59, 130, 246, 0.18);
    --card-shadow: rgba(0, 0, 0, 0.4);
    --text-secondary: #9aadc8;
    --text-muted: #647a99;
    --accent-primary: #3b82f6;
    --accent-secondary: #22d3ee;
    --input-bg: rgba(0, 0, 0, 0.35);
    --input-border: rgba(59, 130, 246, 0.28);
    --success: #34d399;
    --danger: #f87171;
    --warning: #fbbf24;

    --primary-color: #3b82f6;
    --primary-hover: #60a5fa;
    --secondary-color: #22d3ee;
    --danger-color: #f87171;
    --warning-color: #fbbf24;
    --dark-bg: #060912;
    --dark-card: rgba(12, 18, 34, 0.92);
    --dark-text: #eef4ff;
    --dark-text-secondary: #9aadc8;
    --border-radius: 16px;
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 10px 28px rgba(0, 0, 0, 0.32);
    --shadow-lg: 0 16px 44px rgba(0, 0, 0, 0.4);

    /* Metadata legacy tokens */
    --primary-bg: #060912;
    --secondary-bg: rgba(12, 18, 34, 0.92);
    --text-color: #eef4ff;
    --hover-accent: rgba(59, 130, 246, 0.16);
    --border-color: rgba(59, 130, 246, 0.22);
    --header-color: #eef4ff;

    /* Shell tokens */
    --ms-void: #060912;
    --ms-surface: rgba(12, 18, 34, 0.92);
    --ms-elevated: rgba(16, 24, 44, 0.96);
    --ms-text: #eef4ff;
    --ms-muted: #9aadc8;
    --ms-dim: #647a99;
    --ms-blue: #3b82f6;
    --ms-blue-deep: #2563eb;
    --ms-cyan: #22d3ee;
    --ms-sky: #60a5fa;
    --ms-glow: rgba(59, 130, 246, 0.32);
    --ms-border: rgba(59, 130, 246, 0.18);
    --ms-border-strong: rgba(34, 211, 238, 0.38);
    --ms-radius: 16px;
    --ms-font: "DM Sans", "Outfit", system-ui, sans-serif;
    --ms-display: "Outfit", system-ui, sans-serif;
    --ms-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
    --ms-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --ms-shadow: 0 16px 44px rgba(0, 0, 0, 0.4);
    /* Fluid stage: nearly full viewport on large screens */
    --ms-stage-max: 1680px;
    --ms-stage-pad-x: clamp(12px, 2.2vw, 28px);
    --ms-stage-pad-y: clamp(12px, 1.6vw, 24px);
    --ms-touch: 44px;

    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    font-family: var(--ms-font);
    color: var(--ms-text) !important;
    background:
        radial-gradient(ellipse 70% 42% at 50% -8%, rgba(59, 130, 246, 0.2), transparent 55%),
        radial-gradient(ellipse 40% 30% at 92% 25%, rgba(34, 211, 238, 0.1), transparent 50%),
        var(--ms-void) !important;
    line-height: 1.55;
    display: flex;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
}

body.ms-tool-page #navbar-placeholder,
body.ms-tool-page #footer-placeholder {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
}

/* Back link */
body.ms-tool-page .ms-back {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0 0.85rem;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(59, 130, 246, 0.32);
    background: rgba(8, 14, 28, 0.78);
    color: var(--ms-cyan);
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

body.ms-tool-page .ms-back:hover {
    background: rgba(59, 130, 246, 0.16);
    color: #fff;
    border-color: rgba(34, 211, 238, 0.45);
}

/* ── Premium hero (eyebrow + tags, matches Image Studio / astrology) ── */
body.ms-tool-page .ms-hero {
    text-align: center;
    padding: 6px 0 8px;
    margin-bottom: 0.35rem;
    animation: ms-hero-rise 0.7s var(--ms-ease) both;
}

@keyframes ms-hero-rise {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

body.ms-tool-page .ms-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px 6px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ms-text);
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.38);
    margin: 0 auto 1.1rem;
    box-shadow: 0 0 24px rgba(59, 130, 246, 0.16);
}

body.ms-tool-page .ms-eyebrow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--ms-cyan);
    box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.22);
    animation: ms-pulse-dot 2.4s ease-in-out infinite;
}

@keyframes ms-pulse-dot {
    0%, 100% { box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.28); }
    50%      { box-shadow: 0 0 0 7px rgba(34, 211, 238, 0.06); }
}

body.ms-tool-page .ms-hero h1,
body.ms-tool-page .ms-hero .main-title,
body.ms-tool-page .ms-hero .ms-title {
    margin-bottom: 0.55rem;
}

body.ms-tool-page .ms-hero .description,
body.ms-tool-page .ms-hero .subtitle,
body.ms-tool-page .ms-hero .ms-subtitle {
    margin-bottom: 1.15rem;
}

/* Tag / badge row under hero copy */
body.ms-tool-page .ms-badge-row,
body.ms-tool-page .ms-status-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem 0.65rem;
    margin: 0 auto 1.5rem;
}

body.ms-tool-page .ms-badge,
body.ms-tool-page .ms-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--ms-muted);
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid var(--ms-border);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: border-color 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s, background 0.2s;
}

body.ms-tool-page .ms-badge:hover,
body.ms-tool-page .ms-pill:hover {
    color: var(--ms-text);
    border-color: rgba(34, 211, 238, 0.4);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(59, 130, 246, 0.16);
    background: rgba(59, 130, 246, 0.1);
}

body.ms-tool-page .ms-badge svg,
body.ms-tool-page .ms-pill svg {
    width: 13px;
    height: 13px;
    stroke: var(--ms-cyan);
    flex-shrink: 0;
}

body.ms-tool-page .ms-pill .dot,
body.ms-tool-page .ms-badge .dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--ms-dim);
}

body.ms-tool-page .ms-pill.is-live .dot,
body.ms-tool-page .ms-badge.is-live .dot {
    background: var(--ms-cyan);
    box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.55);
    animation: ms-live-pulse 2s ease-out infinite;
}

@keyframes ms-live-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0.55); }
    70%  { box-shadow: 0 0 0 8px rgba(34, 211, 238, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 211, 238, 0); }
}

body.ms-tool-page .ms-pill .mono,
body.ms-tool-page .ms-badge .mono {
    font-family: var(--ms-mono);
    color: var(--ms-text);
    font-weight: 500;
    font-size: 0.74rem;
}

/* Solar full-bleed status chips (next to back link) */
body.ms-tool-page.ms-solar .ms-solar-status {
    position: absolute;
    top: 10px;
    left: 150px;
    z-index: 30;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    pointer-events: none;
}

body.ms-tool-page.ms-solar .ms-solar-status .ms-pill {
    pointer-events: auto;
    padding: 0.35rem 0.75rem;
    font-size: 0.72rem;
    background: rgba(8, 14, 28, 0.82);
}

@media (max-width: 720px) {
    body.ms-tool-page.ms-solar .ms-solar-status {
        left: 12px;
        top: 48px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.ms-tool-page .ms-eyebrow-dot,
    body.ms-tool-page .ms-pill.is-live .dot,
    body.ms-tool-page .ms-badge.is-live .dot,
    body.ms-tool-page .ms-hero {
        animation: none !important;
    }
}

/* Main containers — fluid full-stage, fills remaining viewport height */
body.ms-tool-page > main,
body.ms-tool-page > main.container,
body.ms-tool-page main.container {
    flex: 1 1 auto;
    width: min(100% - (var(--ms-stage-pad-x) * 2), var(--ms-stage-max)) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding:
        max(var(--ms-stage-pad-y), env(safe-area-inset-top, 0px))
        max(var(--ms-stage-pad-x), env(safe-area-inset-right, 0px))
        max(calc(var(--ms-stage-pad-y) + 28px), env(safe-area-inset-bottom, 0px))
        max(var(--ms-stage-pad-x), env(safe-area-inset-left, 0px)) !important;
    box-sizing: border-box;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
    min-height: 0;
    min-width: 0;
}

/* Tool content grows to fill stage under the hero */
body.ms-tool-page main.container > .ms-hero {
    flex: 0 0 auto;
}

body.ms-tool-page main.container > .ms-back {
    flex: 0 0 auto;
    align-self: flex-start;
}

/* Readable reading-width tools still use fluid stage on large screens */
body.ms-tool-page.ms-password main.container,
body.ms-tool-page.ms-trivia main.container,
body.ms-tool-page main.container:has(.metadata-section) {
    width: min(100% - (var(--ms-stage-pad-x) * 2), 1100px) !important;
}

body.ms-tool-page.ms-recipe main.container {
    width: min(100% - (var(--ms-stage-pad-x) * 2), 1200px) !important;
}

/* Wide dashboards (finance, banking, color, flight) */
body.ms-tool-page main.container:has(.summary-charts-container),
body.ms-tool-page main.container:has(.card-container),
body.ms-tool-page main.container:has(.color-input-section),
body.ms-tool-page main.container:has(#flightForm) {
    width: min(100% - (var(--ms-stage-pad-x) * 2), 1680px) !important;
}

/* Titles (page hero only — not nested result titles like #color-title) */
body.ms-tool-page main.container > h1,
body.ms-tool-page .ms-hero h1,
body.ms-tool-page .main-title,
body.ms-tool-page .ms-title {
    font-family: var(--ms-display);
    font-size: clamp(1.75rem, 3.8vw, 2.55rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    text-align: center;
    margin: 0 0 0.45rem;
    background: linear-gradient(135deg, #f5f9ff 0%, var(--ms-sky) 42%, var(--ms-cyan) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
}

/* Nested headings inside tool results keep solid color */
body.ms-tool-page .color-header h1,
body.ms-tool-page #color-title,
body.ms-tool-page .tab-content h1,
body.ms-tool-page .tab-content h2 {
    background: none !important;
    -webkit-text-fill-color: unset !important;
    color: var(--ms-text) !important;
    text-align: left;
    font-size: 1.5rem;
    margin: 0 0 0.5rem;
}

body.ms-tool-page .subtitle,
body.ms-tool-page h2.subtitle,
body.ms-tool-page .description,
body.ms-tool-page .ms-subtitle {
    text-align: center;
    max-width: 54ch;
    margin: 0 auto 1.35rem;
    color: var(--ms-muted) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.65;
    background: none !important;
    -webkit-text-fill-color: unset;
}

body.ms-tool-page h2 {
    font-family: var(--ms-display);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ms-text) !important;
    background: none !important;
    -webkit-text-fill-color: unset;
}

body.ms-tool-page h3 {
    font-family: var(--ms-display);
    font-weight: 700;
    color: var(--ms-text) !important;
    letter-spacing: -0.02em;
}

/* Glass panels / cards */
body.ms-tool-page .ms-panel,
body.ms-tool-page .settings-card,
body.ms-tool-page .card,
body.ms-tool-page .card-container > *,
body.ms-tool-page .glass-card,
body.ms-tool-page .tool-container,
body.ms-tool-page .color-input-section,
body.ms-tool-page .file-operations,
body.ms-tool-page #flightInfo,
body.ms-tool-page .metadata-section,
body.ms-tool-page .edit-section,
body.ms-tool-page .status-container,
body.ms-tool-page .chart,
body.ms-tool-page #bills-section,
body.ms-tool-page #income-section,
body.ms-tool-page .file-input-wrapper {
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: var(--ms-radius) !important;
    box-shadow: var(--ms-shadow) !important;
    backdrop-filter: blur(14px) saturate(1.15);
    -webkit-backdrop-filter: blur(14px) saturate(1.15);
    color: var(--ms-text) !important;
}

body.ms-tool-page .card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-width: none;
}

body.ms-tool-page .settings-card {
    width: min(100%, 320px);
    padding: 1.5rem !important;
    margin: 0 !important;
    align-items: stretch;
    text-align: left;
}

body.ms-tool-page .settings-card h3 {
    color: var(--ms-cyan) !important;
    font-size: 1.15rem;
    margin: 0 0 0.4rem;
}

body.ms-tool-page .settings-card p {
    color: var(--ms-muted) !important;
    font-size: 0.9rem;
    margin: 0 0 1rem;
}

/* Forms */
body.ms-tool-page input[type="text"],
body.ms-tool-page input[type="number"],
body.ms-tool-page input[type="email"],
body.ms-tool-page input[type="url"],
body.ms-tool-page input[type="date"],
body.ms-tool-page input[type="password"],
body.ms-tool-page input[type="search"],
body.ms-tool-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
body.ms-tool-page select,
body.ms-tool-page textarea {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: 10px !important;
    color: var(--ms-text) !important;
    padding: 0.7rem 0.9rem;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
}

body.ms-tool-page input:focus,
body.ms-tool-page select:focus,
body.ms-tool-page textarea:focus {
    outline: none;
    border-color: var(--ms-blue) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}

body.ms-tool-page label {
    color: var(--ms-muted) !important;
    font-weight: 600;
    font-size: 0.88rem;
}

body.ms-tool-page input[type="range"] {
    accent-color: var(--ms-blue);
}

body.ms-tool-page input[type="color"] {
    border: 1px solid var(--ms-border-strong) !important;
    border-radius: 10px !important;
    background: rgba(0, 0, 0, 0.35) !important;
    cursor: pointer;
}

body.ms-tool-page input[type="file"] {
    color: var(--ms-muted);
    font-size: 0.88rem;
}

body.ms-tool-page input[type="checkbox"],
body.ms-tool-page input[type="radio"] {
    accent-color: var(--ms-blue);
}

/* Buttons */
body.ms-tool-page button,
body.ms-tool-page .btn,
body.ms-tool-page .browse-btn,
body.ms-tool-page .action-btn,
body.ms-tool-page .generate-btn,
body.ms-tool-page .mode-btn,
body.ms-tool-page .tab-button,
body.ms-tool-page #flightForm button {
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
    border-radius: 10px !important;
    transition: transform 0.15s var(--ms-ease), filter 0.15s, background 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s;
}

body.ms-tool-page button:not(.ms-ghost):not(.secondary-btn):not(.btn-secondary):not(.btn-outline):not(.mode-btn):not(.tab-button):not(.remove-file-btn):not(.chip):not(.close):not(.theme-toggle):not(.fullscreen-btn):not(.step-btn):not(.icon-btn),
body.ms-tool-page .browse-btn,
body.ms-tool-page .generate-btn,
body.ms-tool-page #flightForm button,
body.ms-tool-page .btn-primary,
body.ms-tool-page .btn-action:not(.btn-outline) {
    background: linear-gradient(135deg, var(--ms-sky), var(--ms-blue-deep)) !important;
    color: #fff !important;
    border: none !important;
    padding: 0.7rem 1.15rem !important;
    box-shadow: 0 8px 22px var(--ms-glow);
}

body.ms-tool-page button:not(.ms-ghost):not(.secondary-btn):not(.btn-secondary):not(.btn-outline):not(.mode-btn):not(.tab-button):not(.remove-file-btn):not(.close):not(.theme-toggle):not(.fullscreen-btn):not(.step-btn):not(.icon-btn):hover,
body.ms-tool-page .browse-btn:hover,
body.ms-tool-page .generate-btn:hover,
body.ms-tool-page #flightForm button:hover,
body.ms-tool-page .btn-action:not(.btn-outline):hover {
    filter: brightness(1.07);
    transform: translateY(-1px);
}

body.ms-tool-page .ms-ghost,
body.ms-tool-page .secondary-btn,
body.ms-tool-page .btn-secondary,
body.ms-tool-page .btn-outline,
body.ms-tool-page .mode-btn,
body.ms-tool-page .tab-button,
body.ms-tool-page .step-btn {
    background: rgba(0, 0, 0, 0.3) !important;
    color: var(--ms-text) !important;
    border: 1px solid var(--ms-border) !important;
    box-shadow: none !important;
    padding: 0.55rem 0.95rem !important;
}

body.ms-tool-page .step-btn {
    width: 2.25rem !important;
    height: 2.25rem !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px !important;
}

body.ms-tool-page .btn-secondary:hover,
body.ms-tool-page .btn-outline:hover,
body.ms-tool-page .step-btn:hover {
    border-color: var(--ms-border-strong) !important;
    background: rgba(59, 130, 246, 0.14) !important;
    filter: none;
    transform: none;
}

body.ms-tool-page .mode-btn:hover,
body.ms-tool-page .tab-button:hover,
body.ms-tool-page .ms-ghost:hover,
body.ms-tool-page .secondary-btn:hover {
    border-color: var(--ms-border-strong) !important;
    background: rgba(59, 130, 246, 0.14) !important;
    filter: none;
    transform: none;
}

body.ms-tool-page .mode-btn.active,
body.ms-tool-page .tab-button.active,
body.ms-tool-page button.active {
    background: linear-gradient(135deg, var(--ms-cyan), var(--ms-blue)) !important;
    color: #041018 !important;
    border-color: transparent !important;
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.25) !important;
}

/* Finance list action buttons — only inside bill/income lists */
body.ms-tool-page #bills-section li button:first-of-type,
body.ms-tool-page #income-section li button:first-of-type {
    background: linear-gradient(135deg, var(--ms-cyan), var(--ms-blue)) !important;
    color: #041018 !important;
    box-shadow: 0 4px 14px rgba(34, 211, 238, 0.22) !important;
    padding: 0.45rem 0.85rem !important;
}

body.ms-tool-page #bills-section li button:last-of-type,
body.ms-tool-page #income-section li button:last-of-type {
    background: linear-gradient(135deg, #f87171, #dc2626) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(248, 113, 113, 0.25) !important;
    padding: 0.45rem 0.85rem !important;
}

body.ms-tool-page .remove-file-btn {
    background: #f87171 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
}

/* Drop zones */
body.ms-tool-page .drop-zone,
body.ms-tool-page .upload-area,
body.ms-tool-page .file-input-wrapper {
    border: 2px dashed rgba(59, 130, 246, 0.35) !important;
    border-radius: 14px !important;
    background: rgba(0, 0, 0, 0.28) !important;
    transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}

body.ms-tool-page .drop-zone:hover,
body.ms-tool-page .upload-area:hover,
body.ms-tool-page .drop-zone.drag-over {
    border-color: var(--ms-blue) !important;
    background: rgba(59, 130, 246, 0.1) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

body.ms-tool-page .drop-zone-text,
body.ms-tool-page .drop-zone-or {
    color: var(--ms-muted) !important;
}

body.ms-tool-page .upload-icon,
body.ms-tool-page .file-icon {
    stroke: var(--ms-cyan) !important;
    color: var(--ms-cyan) !important;
}

/* Tables / lists */
body.ms-tool-page table {
    color: var(--ms-text);
    border-collapse: collapse;
    width: 100%;
}

body.ms-tool-page th {
    color: var(--ms-muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

body.ms-tool-page td {
    border-color: rgba(59, 130, 246, 0.12) !important;
}

/* Only style finance list items as cards — not password recommendation bullets */
body.ms-tool-page #bills-section li,
body.ms-tool-page #income-section li {
    background: rgba(0, 0, 0, 0.28) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: 10px !important;
    color: var(--ms-text) !important;
}

/* Messages */
body.ms-tool-page .message,
body.ms-tool-page #message {
    border-radius: 12px !important;
}

body.ms-tool-page .message.info,
body.ms-tool-page .message.warning,
body.ms-tool-page .message.error {
    border: 1px solid transparent;
}

body.ms-tool-page .message.info {
    background: rgba(59, 130, 246, 0.12) !important;
    color: var(--ms-sky) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

body.ms-tool-page .message.warning {
    background: rgba(251, 191, 36, 0.1) !important;
    color: #fbbf24 !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
}

body.ms-tool-page .message.error {
    background: rgba(248, 113, 113, 0.1) !important;
    color: #fca5a5 !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}

/* Links */
body.ms-tool-page a:not(.ms-back):not(.tool-card) {
    color: var(--ms-cyan);
}

body.ms-tool-page a:not(.ms-back):not(.tool-card):hover {
    color: var(--ms-sky);
}

/* Progress bars (banking) */
body.ms-tool-page .progress-bar {
    background: linear-gradient(90deg, var(--ms-blue) 0%, var(--ms-cyan) 100%) !important;
}

body.ms-tool-page .progress-bar-container {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: 10px !important;
}

/* Finance summary + charts */
body.ms-tool-page .summary-charts-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

body.ms-tool-page .summary-section {
    background: linear-gradient(145deg, rgba(37, 99, 235, 0.45) 0%, rgba(34, 211, 238, 0.22) 55%, rgba(12, 18, 34, 0.95) 100%) !important;
    border: 1px solid var(--ms-border-strong) !important;
    border-radius: var(--ms-radius) !important;
    box-shadow: var(--ms-shadow) !important;
    color: #fff !important;
    padding: 1.5rem !important;
}

body.ms-tool-page .summary-section h2 {
    color: #fff !important;
    text-align: left;
    margin: 0 0 1rem;
    max-width: none;
    font-size: 1.2rem !important;
}

body.ms-tool-page .summary-section p {
    background: rgba(0, 0, 0, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}

body.ms-tool-page .charts-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.85rem;
}

body.ms-tool-page .chart {
    padding: 1.15rem !important;
}

body.ms-tool-page .chart h3 {
    text-align: center;
    color: var(--ms-muted) !important;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.75rem;
}

body.ms-tool-page #bills-section,
body.ms-tool-page #income-section {
    padding: 1.5rem !important;
}

body.ms-tool-page #bills-section h2,
body.ms-tool-page #income-section h2 {
    text-align: left;
    margin: 0 0 1rem;
    max-width: none;
    color: var(--ms-text) !important;
    font-size: 1.25rem !important;
    background: none !important;
    -webkit-text-fill-color: unset;
}

/* Finance nested flex grid (bills/income) — not page layout */
body.ms-tool-page main.container > .flex-container,
body.ms-tool-page .summary-charts-container + .flex-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 1.25rem 0 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

body.ms-tool-page .file-operations {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.5rem !important;
    margin-bottom: 1.5rem;
}

/* Flight form as glass panel */
body.ms-tool-page #flightForm {
    background: var(--ms-surface);
    border: 1px solid var(--ms-border);
    border-radius: var(--ms-radius);
    box-shadow: var(--ms-shadow);
    backdrop-filter: blur(14px) saturate(1.15);
    padding: 1.5rem;
    margin-bottom: 1.25rem;
}

body.ms-tool-page #flightInfo tbody tr:hover {
    background-color: rgba(59, 130, 246, 0.12) !important;
}

body.ms-tool-page .status-scheduled {
    background: rgba(59, 130, 246, 0.18) !important;
    color: var(--ms-sky) !important;
}

body.ms-tool-page .status-active,
body.ms-tool-page .status-en-route {
    background: rgba(52, 211, 153, 0.16) !important;
    color: #6ee7b7 !important;
}

body.ms-tool-page .status-landed {
    background: rgba(34, 211, 238, 0.14) !important;
    color: var(--ms-cyan) !important;
}

body.ms-tool-page .status-cancelled {
    background: rgba(248, 113, 113, 0.14) !important;
    color: #fca5a5 !important;
}

body.ms-tool-page .status-unknown,
body.ms-tool-page .status-diverted {
    background: rgba(251, 191, 36, 0.14) !important;
    color: #fbbf24 !important;
}

/* Metadata nested container should not be a second red box */
body.ms-tool-page main .container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    max-width: 820px;
    margin: 0 auto;
    padding: 0;
}

body.ms-tool-page .metadata-output {
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: 12px !important;
    color: var(--ms-muted) !important;
    font-family: var(--ms-mono);
    font-size: 0.85rem;
    padding: 1rem !important;
}

body.ms-tool-page .metadata-section,
body.ms-tool-page .edit-section {
    padding: 1.35rem 1.5rem !important;
    margin-bottom: 1rem !important;
}

body.ms-tool-page .file-input-wrapper {
    padding: 1.5rem !important;
    margin-bottom: 1rem;
    text-align: center;
}

body.ms-tool-page #image-preview {
    border-radius: 14px;
    border: 1px solid var(--ms-border);
    margin-top: 1rem;
    max-width: 100%;
}

/* Password generator specific */
body.ms-tool-page.ms-password {
    --bg-color: transparent;
    --card-bg: var(--ms-surface);
    --card-border: 1px solid var(--ms-border);
    --text-primary: var(--ms-text);
    --text-secondary: var(--ms-muted);
    --primary-accent: var(--ms-blue);
    --primary-accent-glow: var(--ms-glow);
    --button-primary: var(--ms-blue-deep);
    --button-primary-hover: var(--ms-sky);
    --button-secondary: rgba(0, 0, 0, 0.3);
    --button-secondary-hover: rgba(59, 130, 246, 0.16);
    --input-bg: rgba(0, 0, 0, 0.35);
    --input-border: var(--ms-border);
    --input-focus-border: var(--ms-blue);
    --font-sans: var(--ms-font);
    --font-heading: var(--ms-display);
}

body.ms-tool-page.ms-password .hero-section h1 {
    background: linear-gradient(135deg, #f5f9ff 0%, var(--ms-sky) 42%, var(--ms-cyan) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.ms-tool-page.ms-password .theme-toggle {
    display: none;
}

body.ms-tool-page.ms-password .mode-selector {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 1.25rem;
}

body.ms-tool-page.ms-password .glass-card {
    padding: 1.35rem 1.45rem !important;
    margin-bottom: 1.15rem;
}

body.ms-tool-page.ms-password #recommendations-list {
    list-style: disc;
    padding-left: 1.2rem;
    margin: 0.5rem 0 0;
}

body.ms-tool-page.ms-password #recommendations-list li {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0.2rem 0 !important;
    color: var(--ms-muted) !important;
    border-radius: 0 !important;
}

body.ms-tool-page.ms-password .password-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0.85rem 0 1rem;
}

/* Color analyzer tabs */
body.ms-tool-page .tab-navigation {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: center;
    margin: 0 0 1.25rem;
    padding: 0.5rem;
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: 14px;
}

body.ms-tool-page .color-header,
body.ms-tool-page .tab-content-wrapper,
body.ms-tool-page .tab-content {
    background: var(--ms-surface) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: var(--ms-radius) !important;
    color: var(--ms-text) !important;
}

body.ms-tool-page .tab-content-wrapper {
    padding: 1.5rem !important;
    min-height: 320px;
}

body.ms-tool-page .color-header {
    padding: 1.5rem !important;
    margin-bottom: 1.25rem;
}

body.ms-tool-page .conversion-row,
body.ms-tool-page .info-card,
body.ms-tool-page .scheme-group,
body.ms-tool-page .alt-swatch-card {
    background: rgba(0, 0, 0, 0.28) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: 12px !important;
}

/* Report / results blocks */
body.ms-tool-page .report-section,
body.ms-tool-page .results-section,
body.ms-tool-page .summary-card {
    background: rgba(0, 0, 0, 0.28) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: 14px !important;
}

/* Modal (finance) */
body.ms-tool-page .modal-content {
    background: var(--ms-elevated) !important;
    color: var(--ms-text) !important;
    border: 1px solid var(--ms-border) !important;
    border-radius: var(--ms-radius) !important;
    box-shadow: var(--ms-shadow) !important;
}

body.ms-tool-page .modal .close {
    color: var(--ms-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0.25rem 0.5rem !important;
}

/* Light mode */
[data-theme="light"] body.ms-tool-page {
    --button-bg-color: #2563eb;
    --button-text-color: #ffffff;
    --button-hover-bg-color: #1d4ed8;
    --input-bg-color: #ffffff;
    --input-border-color: rgba(37, 99, 235, 0.22);
    --input-text-color: #0f172a;
    --primary-text-color: #0f172a;
    --secondary-text-color: #4b6280;
    --header-bg-color: #eff6ff;
    --header-text-color: #0f172a;
    --primary-bg-color: #f3f6fb;
    --accent-color: #2563eb;
    --link-color: #1d4ed8;
    --link-hover-color: #1e40af;

    --ms-void: #f3f6fb;
    --ms-surface: rgba(255, 255, 255, 0.94);
    --ms-elevated: #fff;
    --ms-text: #0f172a;
    --ms-muted: #4b6280;
    --ms-dim: #647a99;
    --ms-border: rgba(37, 99, 235, 0.16);
    --ms-border-strong: rgba(37, 99, 235, 0.32);
    --ms-shadow: 0 12px 32px rgba(15, 40, 80, 0.08);
    --ms-glow: rgba(37, 99, 235, 0.18);
    --page-bg: transparent;
    --page-text: #0f172a;
    --card-bg: rgba(255, 255, 255, 0.94);
    --card-border: rgba(37, 99, 235, 0.16);
    --text-secondary: #4b6280;
    --text-muted: #647a99;
    --input-bg: #ffffff;
    --input-border: rgba(37, 99, 235, 0.22);
    --dark-bg: #f3f6fb;
    --dark-card: #fff;
    --dark-text: #0f172a;
    --dark-text-secondary: #4b6280;
    --primary-bg: #f3f6fb;
    --secondary-bg: #ffffff;
    --text-color: #0f172a;
    --border-color: rgba(37, 99, 235, 0.16);
    --header-color: #0f172a;
    color: var(--ms-text) !important;
    background:
        radial-gradient(ellipse 70% 42% at 50% -8%, rgba(59, 130, 246, 0.12), transparent 55%),
        var(--ms-void) !important;
}

[data-theme="light"] body.ms-tool-page .ms-hero h1,
[data-theme="light"] body.ms-tool-page .main-title,
[data-theme="light"] body.ms-tool-page .ms-title {
    background: linear-gradient(135deg, #0f172a 0%, #2563eb 50%, #0891b2 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

[data-theme="light"] body.ms-tool-page .mode-btn.active,
[data-theme="light"] body.ms-tool-page .tab-button.active {
    color: #fff !important;
}

[data-theme="light"] body.ms-tool-page .ms-eyebrow {
    color: #0f172a;
    background: rgba(37, 99, 235, 0.1);
    border-color: rgba(37, 99, 235, 0.28);
    box-shadow: 0 0 18px rgba(37, 99, 235, 0.1);
}

[data-theme="light"] body.ms-tool-page .ms-eyebrow-dot {
    background: #0891b2;
    box-shadow: 0 0 0 4px rgba(8, 145, 178, 0.18);
}

[data-theme="light"] body.ms-tool-page .ms-badge,
[data-theme="light"] body.ms-tool-page .ms-pill {
    background: rgba(255, 255, 255, 0.85);
    color: #4b6280;
    border-color: rgba(37, 99, 235, 0.16);
}

[data-theme="light"] body.ms-tool-page .ms-badge svg,
[data-theme="light"] body.ms-tool-page .ms-pill svg {
    stroke: #2563eb;
}

[data-theme="light"] body.ms-tool-page .ms-pill.is-live .dot,
[data-theme="light"] body.ms-tool-page .ms-badge.is-live .dot {
    background: #0891b2;
}

[data-theme="light"] body.ms-tool-page input[type="text"],
[data-theme="light"] body.ms-tool-page input[type="number"],
[data-theme="light"] body.ms-tool-page input[type="date"],
[data-theme="light"] body.ms-tool-page select,
[data-theme="light"] body.ms-tool-page textarea {
    background: #fff !important;
    color: #0f172a !important;
}

/* ── Large desktops ── */
@media (min-width: 1400px) {
    body.ms-tool-page {
        --ms-stage-max: 1760px;
    }
}

@media (min-width: 1800px) {
    body.ms-tool-page {
        --ms-stage-max: 1880px;
    }
}

/* ── Tablet ── */
@media (max-width: 1100px) {
    body.ms-tool-page main.container > .flex-container,
    body.ms-tool-page .summary-charts-container + .flex-container {
        grid-template-columns: 1fr !important;
    }

    body.ms-tool-page .summary-charts-container {
        grid-template-columns: 1fr !important;
    }

    body.ms-tool-page .charts-section {
        grid-template-columns: 1fr 1fr !important;
    }

    body.ms-tool-page .card-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    body.ms-tool-page .settings-card {
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 900px) {
    body.ms-tool-page {
        --ms-stage-pad-x: 14px;
        --ms-stage-pad-y: 12px;
    }

    body.ms-tool-page .charts-section {
        grid-template-columns: 1fr !important;
    }

    body.ms-tool-page .ms-hero {
        padding: 2px 0 4px;
    }

    body.ms-tool-page .ms-badge-row {
        gap: 0.4rem;
        margin-bottom: 1.1rem;
    }

    body.ms-tool-page .ms-badge,
    body.ms-tool-page .ms-pill {
        font-size: 0.72rem;
        padding: 0.38rem 0.7rem;
    }

    body.ms-tool-page .card-container {
        grid-template-columns: 1fr !important;
    }

    body.ms-tool-page .color-header-content {
        flex-direction: column !important;
    }

    body.ms-tool-page .main-swatch {
        width: 100% !important;
        min-width: 0 !important;
        height: 160px !important;
    }
}

/* ── Phone ── */
@media (max-width: 720px) {
    body.ms-tool-page {
        --ms-stage-pad-x: 12px;
        --ms-stage-pad-y: 10px;
    }

    body.ms-tool-page > main,
    body.ms-tool-page main.container {
        width: min(100% - 16px, 100%) !important;
        padding-bottom: max(36px, env(safe-area-inset-bottom, 0px)) !important;
    }

    body.ms-tool-page .ms-hero h1,
    body.ms-tool-page .main-title,
    body.ms-tool-page .ms-title {
        font-size: clamp(1.45rem, 7.2vw, 1.95rem);
    }

    body.ms-tool-page .ms-eyebrow {
        font-size: 0.66rem;
        letter-spacing: 0.1em;
        margin-bottom: 0.75rem;
    }

    body.ms-tool-page .description,
    body.ms-tool-page .subtitle {
        font-size: 0.92rem !important;
        margin-bottom: 1rem;
        max-width: 36ch;
    }

    /* Prefer larger tap targets */
    body.ms-tool-page button,
    body.ms-tool-page .btn,
    body.ms-tool-page .browse-btn,
    body.ms-tool-page .generate-btn,
    body.ms-tool-page .mode-btn,
    body.ms-tool-page .tab-button,
    body.ms-tool-page .submit-button,
    body.ms-tool-page .trivia-button {
        min-height: var(--ms-touch);
    }

    body.ms-tool-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    body.ms-tool-page select,
    body.ms-tool-page textarea {
        font-size: 16px !important; /* avoid iOS zoom */
        min-height: var(--ms-touch);
    }

    body.ms-tool-page .settings-card {
        width: 100% !important;
    }

    body.ms-tool-page .file-operations {
        flex-direction: column;
        align-items: stretch;
    }

    body.ms-tool-page .tab-navigation {
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        scrollbar-width: thin;
    }

    body.ms-tool-page .tab-button {
        flex: 0 0 auto;
    }

    body.ms-tool-page #flightInfo {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.ms-tool-page #flightInfo table {
        min-width: 640px;
    }
}

@media (max-width: 420px) {
    body.ms-tool-page .ms-badge-row {
        justify-content: center;
    }

    body.ms-tool-page .ms-badge svg {
        display: none;
    }
}

/* Light: force common dark-hardcoded surfaces back to light tokens */
[data-theme="light"] body.ms-tool-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
[data-theme="light"] body.ms-tool-page select,
[data-theme="light"] body.ms-tool-page textarea {
    background: #fff !important;
    color: #0f172a !important;
    border-color: rgba(37, 99, 235, 0.22) !important;
}

[data-theme="light"] body.ms-tool-page .ms-back {
    background: rgba(255, 255, 255, 0.92);
    color: #0284c7;
    border-color: rgba(37, 99, 235, 0.28);
}

[data-theme="light"] body.ms-tool-page .ms-back:hover {
    background: rgba(37, 99, 235, 0.1);
    color: #0f172a;
}

[data-theme="light"] body.ms-tool-page .ms-panel,
[data-theme="light"] body.ms-tool-page .settings-card,
[data-theme="light"] body.ms-tool-page .glass-card,
[data-theme="light"] body.ms-tool-page .tool-container,
[data-theme="light"] body.ms-tool-page .color-input-section,
[data-theme="light"] body.ms-tool-page .file-operations,
[data-theme="light"] body.ms-tool-page #flightInfo,
[data-theme="light"] body.ms-tool-page #flightForm,
[data-theme="light"] body.ms-tool-page .metadata-section,
[data-theme="light"] body.ms-tool-page .edit-section,
[data-theme="light"] body.ms-tool-page .status-container,
[data-theme="light"] body.ms-tool-page .chart,
[data-theme="light"] body.ms-tool-page #bills-section,
[data-theme="light"] body.ms-tool-page #income-section,
[data-theme="light"] body.ms-tool-page .file-input-wrapper,
[data-theme="light"] body.ms-tool-page .trivia-container,
[data-theme="light"] body.ms-tool-page .recipe-card,
[data-theme="light"] body.ms-tool-page .tab-navigation,
[data-theme="light"] body.ms-tool-page .color-header,
[data-theme="light"] body.ms-tool-page .tab-content-wrapper {
    background: var(--ms-surface) !important;
    border-color: var(--ms-border) !important;
    color: var(--ms-text) !important;
    box-shadow: var(--ms-shadow) !important;
}

[data-theme="light"] body.ms-tool-page .drop-zone,
[data-theme="light"] body.ms-tool-page .upload-area,
[data-theme="light"] body.ms-tool-page .metadata-output,
[data-theme="light"] body.ms-tool-page #log-textbox,
[data-theme="light"] body.ms-tool-page .password-item,
[data-theme="light"] body.ms-tool-page .metric-card,
[data-theme="light"] body.ms-tool-page .answer-button {
    background: #f8fafc !important;
    border-color: var(--ms-border) !important;
    color: var(--ms-text) !important;
}

[data-theme="light"] body.ms-tool-page .mode-btn:not(.active),
[data-theme="light"] body.ms-tool-page .tab-button:not(.active),
[data-theme="light"] body.ms-tool-page .btn-secondary,
[data-theme="light"] body.ms-tool-page .btn-outline,
[data-theme="light"] body.ms-tool-page .trivia-button.secondary,
[data-theme="light"] body.ms-tool-page .btn-print {
    background: #fff !important;
    color: var(--ms-text) !important;
    border: 1px solid var(--ms-border) !important;
    box-shadow: none !important;
}

[data-theme="light"] body.ms-tool-page label {
    color: var(--ms-muted) !important;
}

[data-theme="light"] body.ms-tool-page h2,
[data-theme="light"] body.ms-tool-page h3,
[data-theme="light"] body.ms-tool-page .section-title {
    color: var(--ms-text) !important;
}

[data-theme="light"] body.ms-tool-page .ms-eyebrow {
    color: #0f172a;
    background: rgba(37, 99, 235, 0.08);
}

[data-theme="light"] body.ms-tool-page .ms-badge,
[data-theme="light"] body.ms-tool-page .ms-pill {
    background: rgba(255, 255, 255, 0.9);
    color: #4b6280;
}

[data-theme="light"] body.ms-tool-page #bills-list li,
[data-theme="light"] body.ms-tool-page #income-list li {
    background: #f8fafc !important;
    border-color: var(--ms-border) !important;
    color: var(--ms-text) !important;
}

[data-theme="light"] body.ms-tool-page .summary-section p {
    background: rgba(255, 255, 255, 0.14) !important;
}

[data-theme="light"] body.ms-tool-page.ms-password .checkbox-box,
[data-theme="light"] body.ms-tool-page.ms-password .toggle-track,
[data-theme="light"] body.ms-tool-page.ms-password .number-stepper {
    background: #fff;
    border-color: var(--ms-border);
}

[data-theme="light"] body.ms-tool-page.ms-trivia .trivia-container h1 {
    background: linear-gradient(135deg, #0f172a 0%, #2563eb 50%, #0891b2 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

[data-theme="light"] body.ms-tool-page.ms-recipe .card-title {
    background: linear-gradient(135deg, #0f172a 0%, #2563eb 50%, #0891b2 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

[data-theme="light"] body.ms-tool-page.ms-recipe #cooking-mode-overlay {
    background:
        radial-gradient(ellipse 70% 42% at 50% -8%, rgba(59, 130, 246, 0.1), transparent 55%),
        #f3f6fb !important;
    color: var(--ms-text) !important;
}

/* Never let tool CSS paint the site chrome */
body.ms-tool-page .site-header button,
body.ms-tool-page #navbar-placeholder button,
body.ms-tool-page .navbar button,
body.ms-tool-page footer button,
body.ms-tool-page #footer-placeholder button {
    background: inherit;
    color: inherit;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    transform: none !important;
    filter: none !important;
    min-height: 0;
}