:root {
    --mc-bg: #eef1f5;
    --mc-surface: #ffffff;
    --mc-surface-soft: #f7f8fa;
    --mc-border: #e1e5ea;
    --mc-text: #15171c;
    --mc-muted: #727985;
    --mc-red: #d7192d;
    --mc-red-soft: #fff0f2;
    --mc-green: #13a35b;
    --mc-amber: #e8a20c;
    --mc-shadow: 0 8px 26px rgba(27, 35, 48, .065);
    --mc-radius: 18px;
    --mc-sidebar: 248px;
}
* { box-sizing: border-box; }
html { background: var(--mc-bg); }
body {
    margin: 0;
    min-height: 100vh;
    color: var(--mc-text);
    background:
        radial-gradient(circle at 82% 0%, rgba(215,25,45,.055), transparent 25rem),
        var(--mc-bg);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}
button, input { font: inherit; }
.mc-app { min-height: 100vh; }
.mc-sidebar {
    position: fixed;
    inset: 16px auto 16px 16px;
    width: var(--mc-sidebar);
    padding: 18px 14px 14px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 22px;
    background: rgba(255,255,255,.86);
    box-shadow: var(--mc-shadow);
    backdrop-filter: blur(20px);
    display: flex;
    flex-direction: column;
    z-index: 20;
}
.mc-logo {
    display: flex;
    align-items: center;
    min-height: 72px;
    padding: 4px 8px 16px;
    border-bottom: 1px solid var(--mc-border);
}
.mc-logo img { display: block; width: 190px; max-width: 100%; height: auto; }
.mc-nav { padding: 14px 0; display: grid; gap: 5px; }
.mc-nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 13px;
    color: #343841;
    text-decoration: none;
    font-size: 14px;
    font-weight: 620;
    transition: .18s ease;
}
.mc-nav a:hover { background: #f4f5f7; }
.mc-nav a.active {
    color: #a90f20;
    background: linear-gradient(90deg, #fff0f2 0%, #fff5f6 100%);
    box-shadow: inset 3px 0 0 var(--mc-red);
}
.mc-nav svg { width: 20px; height: 20px; stroke-width: 1.8; flex: none; }
.mc-nav-badge {
    margin-left: auto;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    display: grid;
    place-items: center;
    border-radius: 99px;
    background: var(--mc-red);
    color: white;
    font-size: 11px;
}
.mc-sidebar-foot {
    margin-top: auto;
    padding: 14px;
    border: 1px solid var(--mc-border);
    border-radius: 14px;
    background: var(--mc-surface-soft);
}
.mc-sidebar-foot strong { display: block; font-size: 13px; }
.mc-sidebar-foot span { display: block; margin-top: 3px; color: var(--mc-muted); font-size: 11px; }

.mc-main {
    margin-left: calc(var(--mc-sidebar) + 32px);
    padding: 20px 24px 32px 16px;
}
.mc-topbar {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 16px;
}
.mc-title { flex: 1; min-width: 0; }
.mc-title h1 {
    margin: 0;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1;
    letter-spacing: -.045em;
}
.mc-title p { margin: 7px 0 0; color: var(--mc-muted); font-size: 14px; }
.mc-toolbar { display: flex; align-items: center; gap: 10px; }
.mc-control {
    height: 42px;
    border: 1px solid var(--mc-border);
    border-radius: 12px;
    background: rgba(255,255,255,.85);
    color: #3e434c;
    box-shadow: 0 2px 7px rgba(20,30,45,.025);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
}
.mc-search { width: 280px; }
.mc-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--mc-text);
    font-size: 13px;
}
.mc-control svg { width: 18px; height: 18px; }
.mc-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #e8ebef;
    font-size: 12px;
    font-weight: 800;
}
.mc-profile { padding-right: 10px; }
.mc-profile-copy { line-height: 1.15; }
.mc-profile-copy strong { display: block; font-size: 12px; }
.mc-profile-copy span { color: var(--mc-muted); font-size: 10px; }

.mc-hero {
    position: relative;
    overflow: hidden;
    min-height: 150px;
    display: grid;
    grid-template-columns: minmax(240px, .72fr) 1.25fr;
    gap: 30px;
    align-items: center;
    padding: 26px 30px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: var(--mc-radius);
    background: linear-gradient(105deg, #fff 0%, #fff 65%, #fff0f3 100%);
    box-shadow: var(--mc-shadow);
}
.mc-hero::after {
    content: "";
    position: absolute;
    right: -55px;
    top: -65px;
    width: 245px;
    height: 245px;
    border-radius: 50%;
    border: 34px solid rgba(215,25,45,.10);
    box-shadow: 0 0 0 28px rgba(215,25,45,.055), 0 0 0 58px rgba(215,25,45,.03);
}
.mc-hero-brand {
    min-height: 90px;
    display: flex;
    align-items: center;
    padding-right: 30px;
    border-right: 1px solid var(--mc-border);
}
.mc-hero-brand img { width: min(340px, 100%); height: auto; }
.mc-hero-copy { position: relative; z-index: 1; }
.mc-hero-copy h2 { margin: 0; font-size: 30px; letter-spacing: -.035em; }
.mc-hero-copy p { margin: 8px 0 16px; color: #59606b; font-size: 14px; }
.mc-statuses { display: flex; flex-wrap: wrap; gap: 8px; }
.mc-chip {
    height: 31px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid var(--mc-border);
    border-radius: 9px;
    background: rgba(255,255,255,.78);
    color: #3f4650;
    font-size: 11px;
    font-weight: 650;
}
.mc-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mc-green); }
.mc-grid { display: grid; gap: 14px; margin-top: 14px; }
.mc-kpis { grid-template-columns: repeat(4, minmax(0,1fr)); }
.mc-card {
    min-width: 0;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 16px;
    background: var(--mc-surface);
    box-shadow: var(--mc-shadow);
}
.mc-kpi { min-height: 112px; padding: 16px; display: flex; gap: 13px; }
.mc-iconbox {
    width: 42px;
    height: 42px;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--mc-red-soft);
    color: var(--mc-red);
}
.mc-iconbox svg { width: 21px; height: 21px; }
.mc-kpi-body { flex: 1; min-width: 0; }
.mc-kpi-label { color: #626975; font-size: 12px; }
.mc-kpi-value { margin-top: 4px; font-size: 25px; font-weight: 780; letter-spacing: -.035em; }
.mc-kpi-meta { margin-top: 8px; color: #89909a; font-size: 10px; }
.mc-kpi-meta strong { color: var(--mc-amber); font-weight: 700; }
.mc-row-main { grid-template-columns: 1.4fr .9fr .9fr; }
.mc-row-bottom { grid-template-columns: 1.15fr .85fr .85fr; }
.mc-panel { min-height: 270px; padding: 16px; }
.mc-card-head {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
}
.mc-card-head h3 { margin: 0; font-size: 15px; letter-spacing: -.015em; }
.mc-card-head svg { width: 19px; height: 19px; }
.mc-card-head .mc-mini-control { margin-left: auto; }
.mc-mini-control {
    height: 31px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--mc-border);
    border-radius: 9px;
    background: #fff;
    color: #59606b;
    font-size: 10px;
}
.mc-chart {
    position: relative;
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
    background:
        linear-gradient(#edf0f3 1px, transparent 1px),
        linear-gradient(90deg, #edf0f3 1px, transparent 1px);
    background-size: 100% 40px, 64px 100%;
}
.mc-chart::before {
    content: "";
    position: absolute;
    inset: 25px 24px 26px 26px;
    background: linear-gradient(180deg, rgba(215,25,45,.15), rgba(215,25,45,.015));
    clip-path: polygon(0 82%, 11% 67%, 23% 70%, 35% 55%, 47% 60%, 59% 44%, 71% 38%, 82% 42%, 91% 25%, 100% 9%, 100% 100%, 0 100%);
}
.mc-chart::after {
    content: "Pendiente de sincronización";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 8px 10px;
    border: 1px solid #e3e6ea;
    border-radius: 9px;
    background: rgba(255,255,255,.92);
    color: #717884;
    font-size: 10px;
    box-shadow: 0 4px 14px rgba(20,30,45,.06);
}
.mc-bars { display: grid; gap: 13px; padding-top: 3px; }
.mc-bar-row { display: grid; grid-template-columns: 92px 1fr 42px; align-items: center; gap: 10px; font-size: 10px; color: #5c636e; }
.mc-bar { height: 10px; border-radius: 4px; background: #edf0f3; overflow: hidden; }
.mc-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #ff8894, var(--mc-red)); opacity: .42; }
.mc-donut-wrap { height: 205px; display: grid; place-items: center; }
.mc-donut {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: conic-gradient(#edf0f3 0 100%);
    position: relative;
}
.mc-donut::after {
    content: "Sin datos";
    position: absolute;
    inset: 31px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #7d848e;
    font-size: 11px;
    font-weight: 700;
}
.mc-table { width: 100%; border-collapse: collapse; font-size: 10px; }
.mc-table th { padding: 9px 8px; text-align: left; color: #7d848e; background: #f6f7f9; font-weight: 650; }
.mc-table th:first-child { border-radius: 8px 0 0 8px; }
.mc-table th:last-child { border-radius: 0 8px 8px 0; }
.mc-table td { padding: 10px 8px; border-bottom: 1px solid #f0f2f4; color: #555c67; }
.mc-empty { color: #9aa0a9 !important; }
.mc-profit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.mc-profit-item { min-height: 84px; padding: 12px; border: 1px solid var(--mc-border); border-radius: 11px; background: #fbfbfc; }
.mc-profit-item strong { display: block; font-size: 21px; letter-spacing: -.03em; }
.mc-profit-item span { display: block; margin-top: 4px; color: #727985; font-size: 10px; }
.mc-list { display: grid; gap: 1px; }
.mc-list-item {
    display: grid;
    grid-template-columns: 32px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid #f0f2f4;
}
.mc-list-icon {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: var(--mc-red-soft);
    color: var(--mc-red);
}
.mc-list-icon svg { width: 16px; height: 16px; }
.mc-list-copy strong { display: block; font-size: 11px; }
.mc-list-copy span { display: block; margin-top: 2px; color: #8a9099; font-size: 9px; }
.mc-state { color: #9aa0a9; font-size: 9px; }
.mc-note {
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px dashed #d8dce2;
    border-radius: 10px;
    background: #f9fafb;
    color: #858c96;
    font-size: 10px;
    line-height: 1.45;
}
@media (max-width: 1180px) {
    .mc-kpis { grid-template-columns: repeat(2, 1fr); }
    .mc-row-main, .mc-row-bottom { grid-template-columns: 1fr 1fr; }
    .mc-row-main .mc-panel:first-child { grid-column: 1 / -1; }
    .mc-toolbar .mc-search { display: none; }
}
@media (max-width: 820px) {
    :root { --mc-sidebar: 76px; }
    .mc-sidebar { width: 76px; padding: 12px 9px; }
    .mc-logo { padding: 8px 3px 14px; justify-content: center; }
    .mc-logo img { width: 52px; height: 52px; object-fit: cover; object-position: left; }
    .mc-nav a { justify-content: center; padding: 0; }
    .mc-nav a span:not(.mc-nav-badge), .mc-sidebar-foot { display: none; }
    .mc-nav-badge { position: absolute; transform: translate(14px,-14px); }
    .mc-main { margin-left: 104px; padding-right: 14px; }
    .mc-hero { grid-template-columns: 1fr; }
    .mc-hero-brand { border-right: 0; border-bottom: 1px solid var(--mc-border); padding: 0 0 20px; }
    .mc-row-main, .mc-row-bottom { grid-template-columns: 1fr; }
    .mc-row-main .mc-panel:first-child { grid-column: auto; }
    .mc-topbar { align-items: flex-start; }
    .mc-toolbar { display: none; }
}
@media (max-width: 560px) {
    .mc-sidebar { display: none; }
    .mc-main { margin-left: 0; padding: 14px; }
    .mc-kpis { grid-template-columns: 1fr; }
    .mc-hero { padding: 20px; }
}
.mc-auth-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
}
.mc-auth-shell {
    width: min(460px, 100%);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 18px 60px rgba(27,35,48,.10);
    overflow: hidden;
}
.mc-auth-brand {
    padding: 28px 30px 20px;
    border-bottom: 1px solid var(--mc-border);
    background: linear-gradient(135deg, #fff 0%, #fff 72%, #fff1f3 100%);
}
.mc-auth-brand img {
    width: 220px;
    height: auto;
    display: block;
}
.mc-auth-body { padding: 28px 30px 30px; }
.mc-auth-body h1 {
    margin: 0;
    font-size: 28px;
    letter-spacing: -.04em;
}
.mc-auth-body > p {
    margin: 8px 0 22px;
    color: var(--mc-muted);
    font-size: 13px;
    line-height: 1.55;
}
.mc-field { display: grid; gap: 7px; margin-top: 15px; }
.mc-field label {
    color: #4c535e;
    font-size: 12px;
    font-weight: 700;
}
.mc-field input {
    width: 100%;
    height: 46px;
    border: 1px solid var(--mc-border);
    border-radius: 11px;
    background: #fff;
    padding: 0 13px;
    outline: none;
    color: var(--mc-text);
    transition: .18s ease;
}
.mc-field input:focus {
    border-color: rgba(215,25,45,.45);
    box-shadow: 0 0 0 4px rgba(215,25,45,.08);
}
.mc-auth-button {
    width: 100%;
    height: 46px;
    margin-top: 20px;
    border: 0;
    border-radius: 11px;
    background: var(--mc-red);
    color: #fff;
    font-weight: 760;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(215,25,45,.18);
}
.mc-auth-button:hover { filter: brightness(.97); }
.mc-auth-error {
    margin: 14px 0 0;
    padding: 10px 12px;
    border: 1px solid #ffd2d8;
    border-radius: 10px;
    background: #fff5f6;
    color: #a91527;
    font-size: 12px;
}
.mc-auth-meta {
    margin-top: 18px;
    color: #8a9099;
    font-size: 11px;
    text-align: center;
}
.mc-auth-note {
    margin-top: 15px;
    padding: 11px 12px;
    border-radius: 10px;
    background: #f7f8fa;
    color: #6f7680;
    font-size: 11px;
    line-height: 1.45;
}
.mc-logout-form { margin: 0; }
.mc-logout-button {
    height: 32px;
    border: 1px solid var(--mc-border);
    border-radius: 9px;
    background: #fff;
    color: #535a65;
    padding: 0 10px;
    font-size: 11px;
    cursor: pointer;
}

.mc-sidebar-full {
    width: 300px;
    padding-bottom: 12px;
}
.mc-main-wide {
    margin-left: 332px;
}
.mc-sidebar-scroll {
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 3px;
    scrollbar-width: thin;
    scrollbar-color: #d5d9df transparent;
}
.mc-sidebar-scroll::-webkit-scrollbar { width: 5px; }
.mc-sidebar-scroll::-webkit-scrollbar-thumb { background: #d5d9df; border-radius: 10px; }
.mc-nav-group {
    margin: 13px 12px 5px;
    color: #9aa0a9;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
}
.mc-sidebar-full .mc-nav a {
    min-height: 39px;
    gap: 9px;
    padding: 0 11px;
    font-size: 11.5px;
    border-radius: 10px;
}
.mc-module-icon {
    width: 21px;
    min-width: 21px;
    display: inline-grid;
    place-items: center;
    font-size: 14px;
    line-height: 1;
}
.mc-kpi-emoji {
    font-size: 18px;
    line-height: 1;
}
.mc-module-hero,
.mc-config-intro {
    min-height: 150px;
    padding: 26px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background: linear-gradient(115deg, #fff 0%, #fff 76%, #fff2f4 100%);
}
.mc-module-hero h2,
.mc-config-intro h2 {
    margin: 5px 0 7px;
    font-size: 28px;
    letter-spacing: -.035em;
}
.mc-module-hero p,
.mc-config-intro p {
    max-width: 760px;
    margin: 0;
    color: #656c77;
    font-size: 12px;
    line-height: 1.65;
}
.mc-module-kicker {
    color: var(--mc-red);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.mc-module-state,
.mc-config-summary {
    min-width: 190px;
    display: grid;
    justify-items: end;
    gap: 8px;
    text-align: right;
}
.mc-module-state small,
.mc-config-summary small {
    color: #8b919a;
    font-size: 9px;
}
.mc-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid var(--mc-border);
    background: #f5f6f8;
    color: #676e79;
    font-size: 9px;
    font-weight: 800;
}
.mc-status-pill.ok {
    border-color: #cdebd9;
    background: #f1fbf5;
    color: #13864c;
}
.mc-status-pill.pending {
    border-color: #f3dfad;
    background: #fff9eb;
    color: #9a6a00;
}
.mc-status-pill.legacy {
    border-color: #e2e4e8;
    background: #f7f8f9;
    color: #6e7580;
}
.mc-status-pill.blocked {
    border-color: #ffd1d8;
    background: #fff3f5;
    color: #ae1730;
}
.mc-module-roadmap {
    margin-top: 14px;
    padding: 18px;
}
.mc-roadmap-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.mc-roadmap-grid > div {
    min-height: 105px;
    padding: 13px;
    border: 1px solid var(--mc-border);
    border-radius: 12px;
    background: #fafbfc;
}
.mc-roadmap-grid strong {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    margin-bottom: 9px;
    border-radius: 8px;
    background: var(--mc-red-soft);
    color: var(--mc-red);
    font-size: 11px;
}
.mc-roadmap-grid span {
    color: #69717c;
    font-size: 10px;
    line-height: 1.45;
}
.mc-flash {
    margin-bottom: 13px;
    padding: 11px 14px;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 650;
}
.mc-flash-success {
    border: 1px solid #ccebd8;
    background: #f2fbf6;
    color: #167b49;
}
.mc-flash-error {
    border: 1px solid #ffd1d8;
    background: #fff4f5;
    color: #a6172d;
}
.mc-connections-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}
.mc-connection-card {
    padding: 20px;
}
.mc-connection-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}
.mc-connection-title {
    display: flex;
    align-items: center;
    gap: 8px;
}
.mc-connection-title strong { font-size: 14px; }
.mc-connection-title code,
.mc-safety-card code {
    padding: 3px 6px;
    border-radius: 6px;
    background: #f1f3f5;
    color: #5e6570;
    font-size: 9px;
}
.mc-connection-head p {
    margin: 7px 0 0;
    color: #777e88;
    font-size: 10px;
    line-height: 1.5;
}
.mc-connection-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 14px 0;
}
.mc-connection-meta span {
    padding: 5px 7px;
    border-radius: 7px;
    background: #f7f8f9;
    color: #818791;
    font-size: 8.5px;
}
.mc-connection-meta strong { color: #555c67; }
.mc-connection-form {
    padding-top: 4px;
}
.mc-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.mc-connection-card .mc-field {
    margin-top: 10px;
}
.mc-connection-card .mc-field input {
    height: 39px;
    font-size: 11px;
}
.mc-connection-card .mc-field label {
    font-size: 10px;
}
.mc-switch-row {
    margin: 13px 0 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666d77;
    font-size: 10px;
    cursor: pointer;
}
.mc-switch-row input[type="checkbox"] {
    width: 15px;
    height: 15px;
    accent-color: var(--mc-red);
}
.mc-connection-actions {
    display: flex;
    gap: 8px;
    margin-top: 13px;
}
.mc-btn {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 750;
    cursor: pointer;
}
.mc-btn-primary {
    border: 1px solid var(--mc-red);
    background: var(--mc-red);
    color: #fff;
}
.mc-btn-secondary {
    margin-top: 8px;
    border: 1px solid var(--mc-border);
    background: #fff;
    color: #5c636e;
}
.mc-test-result {
    margin-top: 12px;
    padding: 10px 11px;
    border-radius: 9px;
    display: grid;
    gap: 3px;
    font-size: 9px;
}
.mc-test-result.ok {
    background: #f2fbf6;
    color: #187748;
}
.mc-test-result.error {
    background: #fff4f5;
    color: #a5182e;
}
.mc-test-result span { line-height: 1.45; }
.mc-test-result small { opacity: .75; }
.mc-safety-card {
    margin-top: 14px;
    padding: 18px 20px;
}
.mc-safety-card h3 { margin: 0 0 7px; font-size: 13px; }
.mc-safety-card p { margin: 0; color: #707782; font-size: 10px; line-height: 1.6; }

@media (max-width: 1240px) {
    .mc-sidebar-full { width: 265px; }
    .mc-main-wide { margin-left: 297px; }
    .mc-connections-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .mc-sidebar-full { width: 76px; }
    .mc-main-wide { margin-left: 104px; }
    .mc-sidebar-full .mc-nav a span:not(.mc-module-icon) { display: none; }
    .mc-sidebar-full .mc-nav a { justify-content: center; }
    .mc-sidebar-full .mc-nav-group { display: none; }
    .mc-module-hero, .mc-config-intro { align-items: flex-start; flex-direction: column; }
    .mc-module-state, .mc-config-summary { justify-items: start; text-align: left; }
    .mc-roadmap-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .mc-main-wide { margin-left: 0; }
    .mc-field-row, .mc-roadmap-grid { grid-template-columns: 1fr; }
}

/* Control de Ventas Diarias — paridad visual con funciones_personalizadas */
.mf-section{margin-bottom:18px;padding:24px 26px;border:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.02),0 1px 2px rgba(0,0,0,.03)}
.mf-section h2{margin:0 0 6px;font-size:16px;font-weight:650;letter-spacing:-.015em;color:#1d1d1f}
.mf-muted{margin:0 0 18px;color:#86868b;font-size:11px;line-height:1.5}
.mf-source-warning{margin-bottom:14px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;border-color:#f0d9a7;background:#fffaf0}
.mf-source-warning strong{font-size:12px}.mf-source-warning p{margin:3px 0 0;color:#7c6b43;font-size:10px}.mf-source-warning a{padding:8px 11px;border-radius:8px;background:#1d1d1f;color:#fff;text-decoration:none;font-size:10px;font-weight:700}
.mf-inline-filters{margin-bottom:17px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.mf-inline-filters>label{display:flex;align-items:center;gap:7px;font-size:10px;color:#1d1d1f}.mf-inline-filters input{accent-color:#007aff}
.mf-status-filters{display:flex;flex-wrap:wrap;gap:6px}.mf-status-pill-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid transparent;border-radius:999px;background:#f5f5f7;color:#86868b;font-size:9px;font-weight:650;cursor:pointer}.mf-status-pill-toggle.active{border-color:rgba(0,122,255,.24);background:rgba(0,122,255,.07);color:#007aff}.mf-status-pill-toggle input{display:none}.badge-dot{width:7px;height:7px;border-radius:50%}
.mf-order-card{margin-top:9px;padding:13px 15px;border:1px solid #eceef1;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.025)}.mf-order-card:hover{border-color:#dfe2e7}
.mf-order-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;font-size:11px}.mf-order-summary::-webkit-details-marker{display:none}.mf-order-main{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mf-order-main a{color:#007aff;font-weight:700;text-decoration:none}.mf-order-total{font-weight:650}.mf-status-pill{padding:3px 8px;border-radius:999px;background:#f5f5f7;font-size:9px;font-weight:650}.mf-order-margin{font-weight:750;white-space:nowrap}.mf-order-margin.is-low,.is-low{color:#ff3b30!important}.mf-order-margin.is-ok,.is-ok{color:#34c759!important}.mf-order-margin small{font-weight:600}
.mf-order-discounts{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.mf-badge-discount{padding:3px 9px;border-radius:999px;background:#ff3b30;color:#fff;font-size:9px;font-weight:700}.mf-detail-extra{margin-top:8px;color:#86868b;font-size:9px;line-height:1.55}
.mf-order-items{margin-top:12px;padding-top:11px;border-top:1px solid #e5e5ea;overflow-x:auto}.mf-order-items table{width:100%;border-collapse:collapse;min-width:860px;font-size:9.5px}.mf-order-items th,.mf-order-items td{padding:8px 6px;border-bottom:1px solid #f3f4f6;text-align:right}.mf-order-items th{color:#86868b;font-size:8px;font-weight:650;text-transform:uppercase;letter-spacing:.03em}.mf-order-items th:first-child,.mf-order-items td:first-child{text-align:left}.mf-product-info{display:flex;align-items:center;gap:8px}.mf-product-thumb{width:34px;height:34px;flex:0 0 34px;overflow:hidden;border:1px solid #e5e5ea;border-radius:7px;background:#f5f5f7}.mf-product-thumb img{width:100%;height:100%;object-fit:cover}.mf-product-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.mf-product-sku{color:#86868b;font-size:8px}.mf-product-name{font-size:9.5px;font-weight:650}.mf-badge-outlet{padding:2px 6px;border-radius:999px;background:#ff3b30;color:#fff;font-size:7px;font-weight:750}
.mf-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:17px 0}.mf-cell{min-height:88px;padding:10px;border:1px solid #e5e5ea;border-radius:10px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.15s}.mf-cell:hover,.mf-cell.selected{border-color:#007aff;background:#fafcff;transform:translateY(-1px)}.mf-day{font-size:12px;font-weight:700}.mf-amt{font-size:10px;font-weight:650}.mf-margin-indicator{display:flex;align-items:center;gap:5px;font-size:9px}.mf-margin-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.mf-payment-breakdown{display:flex;flex-wrap:wrap;gap:5px;color:#86868b;font-size:8px}
.mf-legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:12px;border-top:1px solid #e5e5ea;color:#86868b;font-size:9px}.mf-legend span{display:inline-flex;align-items:center;gap:4px}.mf-legend i{width:7px;height:7px;border-radius:50%}.mf-legend i.ok{background:#34c759}.mf-legend i.low{margin-left:8px;background:#ff3b30}.mf-legend-margin{margin-left:auto}
.mf-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px;border-radius:10px;background:#f5f5f7}.mf-summary>div{min-width:135px;display:grid;gap:2px}.mf-summary span{font-size:9px;font-weight:700}.mf-summary strong{font-size:11px}.mf-summary small{color:#86868b;font-size:8px}
.mf-day-summary{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px;padding:15px;border-radius:10px;background:#f5f5f7}.mf-day-summary>div{display:grid;gap:3px}.mf-day-summary span{color:#86868b;font-size:8px;text-transform:uppercase;letter-spacing:.04em}.mf-day-summary strong{font-size:13px}
.mf-monthly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px}.mf-month-card{padding:17px;border:1px solid #e5e5ea;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.02)}.mf-month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:12px}.mf-month-stats{display:grid;gap:6px}.mf-month-stats>div{display:flex;justify-content:space-between;align-items:center;color:#86868b;font-size:9.5px}.mf-month-stats strong{color:#1d1d1f}.mf-yoy{margin-top:5px;padding-top:8px;border-top:1px solid #e5e5ea!important}.mf-yoy b{padding:3px 6px;border-radius:999px;background:rgba(52,199,89,.1);color:#34c759;font-size:8px}.mf-yoy b.negative{background:rgba(255,59,48,.1);color:#ff3b30}.mf-mini-title{margin:13px 0 7px;padding-top:10px;border-top:1px solid #e5e5ea;color:#86868b;font-size:8px;text-transform:uppercase;letter-spacing:.04em}.mf-month-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.mf-month-calendar span,.mf-month-calendar a{aspect-ratio:1;display:grid;place-items:center;border-radius:6px;color:#1d1d1f;text-decoration:none;font-size:8px}.mf-month-calendar .head{aspect-ratio:auto;color:#86868b;font-weight:700}.mf-month-calendar a.has-sales{border:1px solid rgba(0,122,255,.25);background:rgba(0,122,255,.08);font-weight:750}.mf-month-calendar a.has-sales:hover{background:rgba(0,122,255,.16)}
@media(max-width:900px){.mf-calendar{grid-template-columns:repeat(4,1fr)}.mf-order-summary{align-items:flex-start;flex-direction:column}.mf-legend-margin{margin-left:0}}

/* Navegación móvil SaaS */
.mc-mobile-bar,.mc-mobile-backdrop{display:none}
@media (max-width:560px){
    body{padding-top:64px}
    body.mc-menu-open{overflow:hidden}
    .mc-mobile-bar{
        position:fixed;z-index:1200;top:0;left:0;right:0;height:64px;
        display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;
        padding:0 14px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5e5ea;
        backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
    }
    .mc-mobile-bar img{width:112px;max-height:34px;justify-self:center}
    .mc-mobile-page{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e6e73;font-size:10px;text-align:right}
    .mc-mobile-menu-button{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 10px;border:1px solid #e5e5ea;border-radius:10px;background:#fff;color:#1d1d1f;font:700 11px/1 inherit}
    .mc-mobile-menu-icon{font-size:18px;line-height:1}
    .mc-mobile-backdrop{position:fixed;z-index:1090;inset:64px 0 0;background:rgba(0,0,0,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
    .mc-mobile-backdrop:not([hidden]){display:block}
    .mc-sidebar.mc-sidebar-full{
        display:flex!important;position:fixed;z-index:1100;top:64px;left:0;bottom:0;
        width:min(86vw,340px);height:auto;padding:14px 12px 12px;
        transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 35px rgba(0,0,0,.12)
    }
    .mc-sidebar.mc-sidebar-full.mc-mobile-open{transform:translateX(0)}
    .mc-sidebar-full .mc-logo{display:none}
    .mc-sidebar-full .mc-nav-group{display:block!important;margin:15px 10px 6px}
    .mc-sidebar-full .mc-nav a{display:flex!important;justify-content:flex-start!important;min-height:43px;padding:0 12px;font-size:12px}
    .mc-sidebar-full .mc-nav a span:not(.mc-module-icon){display:inline!important}
    .mc-sidebar-full .mc-nav a.active{background:#fff0f2;color:#c8102e}
    .mc-sidebar-full .mc-sidebar-foot{display:block}
    .mc-sidebar-scroll{padding-right:4px}
    .mc-main.mc-main-wide{margin-left:0!important;padding-top:14px}
}

/* Tablet y móvil: navegación off-canvas consistente */
@media(max-width:820px){
    body{padding-top:64px;overflow-x:hidden}
    body.mc-menu-open{overflow:hidden}
    .mc-mobile-bar{
        position:fixed;z-index:1200;top:0;left:0;right:0;height:64px;
        display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;
        padding:0 14px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5e5ea;
        backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
    }
    .mc-mobile-bar img{width:112px;max-height:34px;justify-self:center}
    .mc-mobile-page{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e6e73;font-size:10px;text-align:right}
    .mc-mobile-menu-button{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 11px;border:1px solid #e5e5ea;border-radius:10px;background:#fff;color:#1d1d1f;font:700 11px/1 inherit}
    .mc-mobile-menu-icon{font-size:18px;line-height:1}
    .mc-mobile-backdrop{position:fixed;z-index:1090;inset:64px 0 0;background:rgba(0,0,0,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
    .mc-mobile-backdrop:not([hidden]){display:block}
    .mc-sidebar.mc-sidebar-full{
        display:flex!important;position:fixed;z-index:1100;top:64px;left:0;bottom:0;
        width:min(86vw,340px);height:auto;padding:14px 12px 12px;
        transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 35px rgba(0,0,0,.12)
    }
    .mc-sidebar.mc-sidebar-full.mc-mobile-open{transform:translateX(0)}
    .mc-sidebar-full .mc-logo{display:none}
    .mc-sidebar-full .mc-nav-group{display:block!important;margin:15px 10px 6px}
    .mc-sidebar-full .mc-nav a{display:flex!important;justify-content:flex-start!important;min-height:44px;padding:0 12px;font-size:12px}
    .mc-sidebar-full .mc-nav a span:not(.mc-module-icon){display:inline!important}
    .mc-sidebar-full .mc-nav a.active{background:#fff0f2;color:#c8102e}
    .mc-sidebar-full .mc-sidebar-foot{display:block}
    .mc-sidebar-scroll{padding-right:4px}
    .mc-main.mc-main-wide{width:100%;margin-left:0!important}
}

/* Responsive global contract */
html{-webkit-text-size-adjust:100%}
img,svg{max-width:100%}
.mc-main{min-width:0}
.mc-card,.mc-panel,.mc-kpi,.mc-module-hero,.mc-config-intro{max-width:100%;min-width:0}
.mc-btn,.mc-control,.mc-mini-control,.mc-mobile-menu-button{touch-action:manipulation}
@media(max-width:1180px){
    .mc-connections-grid{grid-template-columns:1fr}
    .mc-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
    .mc-main.mc-main-wide{padding:16px 14px 28px}
    .mc-title h1{font-size:clamp(26px,5vw,34px)}
    .mc-title p{font-size:12px}
    .mc-hero{gap:18px;padding:22px}
    .mc-hero-copy h2{font-size:26px}
    .mc-hero-copy p{font-size:12px;line-height:1.55}
    .mc-module-hero,.mc-config-intro{padding:22px;min-height:0}
    .mc-field-row{grid-template-columns:1fr}
    .mf-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}
    .mf-monthly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
    :root{--mc-radius:16px}
    .mc-main,.mc-main.mc-main-wide{width:100%;padding:12px 12px 26px}
    .mc-topbar{min-height:0;margin:0 0 12px;display:block}
    .mc-title h1{font-size:28px;line-height:1.05;overflow-wrap:anywhere}
    .mc-title p{margin-top:5px;font-size:11px;line-height:1.4}
    .mc-toolbar{display:none!important}
    .mc-hero{min-height:0;grid-template-columns:1fr;gap:14px;padding:18px;border-radius:16px}
    .mc-hero::after{right:-105px;top:-95px;opacity:.65}
    .mc-hero-brand{min-height:0;padding:0 0 14px;border-right:0;border-bottom:1px solid var(--mc-border)}
    .mc-hero-brand img{width:min(230px,75vw)}
    .mc-hero-copy h2{font-size:24px}
    .mc-hero-copy p{margin:7px 0 13px;font-size:12px;line-height:1.5}
    .mc-statuses{gap:6px}
    .mc-chip{height:32px;padding:0 9px;font-size:10px}
    .mc-grid{gap:10px;margin-top:10px}
    .mc-kpis{grid-template-columns:1fr 1fr}
    .mc-kpi{min-height:104px;padding:13px;gap:10px}
    .mc-iconbox{width:38px;height:38px;border-radius:10px}
    .mc-kpi-label{font-size:10px}
    .mc-kpi-value{font-size:22px}
    .mc-kpi-meta{font-size:8.5px;line-height:1.35}
    .mc-row-main,.mc-row-bottom{grid-template-columns:1fr}
    .mc-panel{min-height:0;padding:14px}
    .mc-card-head{margin-bottom:12px;gap:7px}
    .mc-card-head h3{font-size:13px}
    .mc-chart{height:180px}
    .mc-bar-row{grid-template-columns:72px minmax(0,1fr) 32px;gap:7px;font-size:9px}
    .mc-donut-wrap{height:180px}.mc-donut{width:135px;height:135px}
    .mc-table{min-width:560px}
    .mc-profit-grid{grid-template-columns:1fr 1fr}
    .mc-profit-item{min-height:76px;padding:10px}
    .mc-profit-item strong{font-size:18px}
    .mc-module-hero,.mc-config-intro{padding:18px;gap:14px;align-items:flex-start}
    .mc-module-hero h2,.mc-config-intro h2{font-size:23px}
    .mc-module-hero p,.mc-config-intro p{font-size:10.5px;line-height:1.55}
    .mc-module-state,.mc-config-summary{min-width:0;justify-items:start;text-align:left}
    .mc-roadmap-grid{grid-template-columns:1fr}
    .mc-roadmap-grid>div{min-height:0}
    .mc-connections-grid{gap:10px}
    .mc-connection-card{padding:15px}
    .mc-connection-head{display:grid;gap:9px}
    .mc-connection-title{flex-wrap:wrap}
    .mc-connection-meta{gap:5px}
    .mc-field-row{grid-template-columns:1fr}
    .mc-connection-card .mc-field input{height:44px;font-size:16px}
    .mc-btn{min-height:44px;font-size:11px}
    .mc-switch-row{min-height:40px}
    .mc-safety-card{padding:15px}
    .mc-auth-page{padding:14px}
    .mc-auth-brand{padding:22px 20px 16px}
    .mc-auth-brand img{width:min(200px,70vw)}
    .mc-auth-body{padding:22px 20px 24px}
    .mc-auth-body h1{font-size:25px}
    .mc-field input{font-size:16px}
    .mf-section{margin-bottom:12px;padding:17px 14px;border-radius:14px}
    .mf-section h2{font-size:14px;line-height:1.3}
    .mf-muted{margin-bottom:13px;font-size:10px}
    .mf-source-warning{align-items:flex-start;gap:10px;flex-direction:column}
    .mf-source-warning a{min-height:40px;display:flex;align-items:center}
    .mf-inline-filters{align-items:flex-start;flex-direction:column;gap:10px}
    .mf-inline-filters>label{font-size:10px;line-height:1.4}
    .mf-status-filters{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}
    .mf-status-pill-toggle{min-height:38px;padding:6px 8px;white-space:normal}
    .mf-order-card{padding:12px}
    .mf-order-summary{gap:8px}
    .mf-order-main{gap:5px;line-height:1.45}
    .mf-order-margin{font-size:12px}
    .mf-detail-extra{line-height:1.6}
    .mf-order-items{margin-left:-12px;margin-right:-12px;padding:10px 12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .mf-order-items table{min-width:760px}
    .mf-order-items th,.mf-order-items td{padding:8px 5px}
    .mf-calendar{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
    .mf-cell{min-height:82px;padding:9px}
    .mf-day{font-size:11px}.mf-amt{font-size:9px}
    .mf-legend{align-items:flex-start;gap:8px}
    .mf-legend-margin{width:100%;margin-left:0}
    .mf-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .mf-summary>div{min-width:0}
    .mf-day-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .mf-monthly-grid{grid-template-columns:1fr}
    .mf-month-card{padding:14px}
    .mf-month-calendar span,.mf-month-calendar a{min-height:30px;aspect-ratio:auto}
}
@media(max-width:380px){
    .mc-kpis{grid-template-columns:1fr}
    .mc-kpi{min-height:92px}
    .mc-statuses{display:grid;grid-template-columns:1fr 1fr}
    .mc-chip{justify-content:center}
    .mf-status-filters{grid-template-columns:1fr}
    .mf-summary,.mf-day-summary{grid-template-columns:1fr}
}
@media(hover:none) and (pointer:coarse){
    .mc-nav a,.mc-btn,.mc-mobile-menu-button,.mf-cell,.mf-status-pill-toggle{min-height:44px}
}

/* Facturación Mensual */
.mc-monthly-wrap{padding:20px;background:#f5f6f8}
.mc-monthly-head,.mc-year-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.mc-monthly-head h2{margin:0;font-size:18px}.mc-monthly-head p,.mc-monthly-head>span,.mc-year-head span{margin:4px 0 0;color:#64748b;font-size:10px}
.mc-data-pending{margin:14px 0;padding:10px 12px;border:1px solid #f3dfad;border-radius:10px;background:#fff9eb;color:#8a6507;font-size:10px}
.mc-data-pending code{font-size:9px}
.mc-year-block{margin-top:22px}.mc-year-head h3{margin:0;font-size:15px}
.mc-year-kpis{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin:10px 0 12px}
.mc-year-kpi{padding:16px}.mc-year-kpi>span{color:#64748b;font-size:10px;font-weight:800}.mc-year-kpi>strong{display:block;margin:6px 0;font-size:18px}.mc-year-kpi p{margin:5px 0;color:#64748b;font-size:9.5px}.mc-year-kpi em{display:inline-block;padding:4px 8px;border-radius:999px;background:#f1f3f5;color:#64748b;font-size:9px;font-style:normal;font-weight:700}
.mc-year-analytics{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}.mc-year-chart,.mc-brand-panel{padding:16px}.mc-year-chart h4,.mc-brand-panel h4{margin:0 0 12px;font-size:11px}.mc-year-chart>p,.mc-brand-panel>p{color:#64748b;font-size:9px}
.mc-chart-placeholder{height:220px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:5px;padding:15px 5px 22px;border-bottom:1px solid #e5e7eb;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#eef0f3 44px)}
.mc-chart-placeholder span{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.mc-chart-placeholder i{width:70%;height:8%;min-height:5px;border-radius:4px 4px 0 0;background:#e6e8ec}.mc-chart-placeholder small{color:#8b919a;font-size:7px}
.mc-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.mc-brand-panel table{width:100%;border-collapse:collapse;min-width:280px;font-size:9px}.mc-brand-panel th,.mc-brand-panel td{padding:9px;border-bottom:1px solid #eceef1;text-align:left}.mc-brand-panel th{color:#64748b;background:#f7f8f9}.mc-brand-panel th:not(:first-child),.mc-brand-panel td:not(:first-child){text-align:right}
.mc-month-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mc-month-card{padding:15px}.mc-month-card header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.mc-month-card header strong{font-size:11px}.mc-month-card header small{color:#64748b}.mc-month-card header em{padding:3px 6px;border-radius:999px;background:#f1f3f5;color:#64748b;font-size:7px;font-style:normal;white-space:nowrap}.mc-month-value{margin:12px 0;padding-bottom:10px;border-bottom:1px solid #eceef1;font-size:17px;font-weight:850}.mc-month-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mc-month-metrics span{display:flex;justify-content:space-between;gap:5px;color:#64748b;font-size:8px}.mc-month-metrics b{color:#1d1d1f}
@media(max-width:1400px){.mc-month-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-year-kpis{grid-template-columns:1fr 1fr}.mc-year-kpi-main{grid-column:1/-1}.mc-year-analytics{grid-template-columns:1fr}}
@media(max-width:1000px){.mc-month-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mc-monthly-head,.mc-year-head{align-items:flex-start;flex-direction:column}.mc-year-kpis{grid-template-columns:1fr}.mc-year-kpi-main{grid-column:auto}.mc-month-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mc-monthly-wrap{padding:14px}.mc-monthly-head h2{font-size:16px}.mc-year-head{gap:3px}.mc-year-kpis,.mc-year-analytics{gap:8px}.mc-year-kpi,.mc-year-chart,.mc-brand-panel{padding:13px}.mc-month-cards{grid-template-columns:1fr;gap:8px}.mc-month-card{padding:13px}.mc-month-metrics{gap:7px 10px}.mc-chart-placeholder{height:170px;gap:2px}.mc-chart-placeholder small{font-size:6px}}

/* Formas de Pago */
.mc-payments-wrap{padding:20px;background:#f5f6f8}.mc-payment-year{margin-top:22px}.mc-payment-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}.mc-payment-months article{min-height:70px;padding:11px;border:1px solid #e5e7eb;border-radius:11px;background:#fff}.mc-payment-months span{display:block;color:#64748b;font-size:8px}.mc-payment-months strong{display:block;margin-top:7px;font-size:12px}.mc-payment-total{margin-top:8px;padding:12px 14px;display:flex;justify-content:space-between;border-radius:10px;background:#e8eaed;font-size:11px;font-weight:750}.mc-payment-methods{margin-top:10px}.mc-payment-empty{padding:14px;border:1px dashed #d5d9df;border-radius:10px;background:#fff;color:#7a818c;font-size:9px}
@media(max-width:1100px){.mc-payment-months{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.mc-payment-months{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.mc-payments-wrap{padding:14px}.mc-payment-months{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mc-payment-months article{min-height:64px;padding:9px}}