/*!
 * mm-ui 1.0: wspólny wygląd m-manager (strona, konto klienta, super admin, panel)
 * Oparty na tokenach identyfikacji „Ścięcie” (m-manager/marka/m-manager-tokens.css).
 * Kroje: Funnel Display i Inter (SIL OFL 1.1), serwowane z własnego serwera (bez Google Fonts, RODO).
 * Klasy mają prefiks mm-, żeby nie kolidować ze starymi stylami huba i panelu.
 */

/* ---------- Kroje ---------- */
@font-face{font-family:"Funnel Display";font-style:normal;font-display:swap;font-weight:300 800;src:url(fonts/funnel-display-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Funnel Display";font-style:normal;font-display:swap;font-weight:300 800;src:url(fonts/funnel-display-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-017F,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Tokeny ---------- */
:root{
  /* marka (stałe w obu trybach) */
  --mm-koral-jasny:#FF8A5B;--mm-koral:#FF3D5A;
  --mm-gradient:linear-gradient(135deg,#FF8A5B 0%,#FF3D5A 100%);
  --mm-grafit:#111114;
  /* powierzchnie i tekst */
  --mm-tlo:#F7F5F4;--mm-powierzchnia:#FFFFFF;--mm-powierzchnia-2:#FBFAF9;
  --mm-linia:#ECE7E5;--mm-linia-mocna:#D9D2CF;
  --mm-tekst:#111114;--mm-szary:#6E6A70;--mm-szary-jasny:#9A959C;
  --mm-akcja:#D92D47;--mm-akcja-hover:#C8243F;--mm-akcja-tekst:#FFFFFF;--mm-akcja-link:#C21F3A;--mm-akcja-link-hover:#A51A31;
  --mm-brzoskwinia:#FFF1EC;--mm-brzoskwinia-tekst:#B4233A;
  /* stany */
  --mm-sukces:#15803D;--mm-sukces-tlo:#ECF8F0;
  --mm-ostrzezenie:#B45309;--mm-ostrzezenie-tlo:#FFF6E6;
  --mm-blad:#B91C1C;--mm-blad-tlo:#FDEEEE;
  --mm-info:#2563EB;--mm-info-tlo:#EEF3FE;
  /* typografia */
  --mm-font-naglowki:"Funnel Display","Inter",system-ui,sans-serif;
  --mm-font-tekst:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mm-font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --mm-t-xs:12px;--mm-t-s:13px;--mm-t-m:15px;--mm-t-l:17px;
  --mm-h1:clamp(36px,5.2vw,60px);--mm-h2:clamp(28px,3.4vw,40px);--mm-h3:22px;--mm-h4:18px;
  /* kształt i odstępy */
  --mm-r-s:8px;--mm-r:12px;--mm-r-l:18px;--mm-r-pelny:999px;
  --mm-sciecie-rozmiar:14px;
  --mm-sciecie:polygon(0 0,calc(100% - var(--mm-sciecie-rozmiar)) 0,100% var(--mm-sciecie-rozmiar),100% 100%,0 100%);
  --mm-cien-1:0 1px 2px rgba(17,17,20,.06);
  --mm-cien-2:0 8px 24px -8px rgba(17,17,20,.14),0 2px 6px rgba(17,17,20,.05);
  --mm-cien-3:0 24px 64px -16px rgba(17,17,20,.28);
  --mm-fokus:0 0 0 3px rgba(217,45,71,.28);
  --mm-ruch:160ms cubic-bezier(.2,.7,.3,1);
  --mm-szer:1200px;
  color-scheme:light;
}
/* tryb ciemny: data-theme="dark" albo systemowy, gdy strona nie wymusza jasnego */
:root[data-theme="dark"]{
  --mm-tlo:#0E0E11;--mm-powierzchnia:#17171B;--mm-powierzchnia-2:#1C1C21;
  --mm-linia:#2A2A31;--mm-linia-mocna:#3A3A43;
  --mm-tekst:#F4F2F1;--mm-szary:#A9A4AB;--mm-szary-jasny:#7D7880;
  --mm-akcja:#FF4D67;--mm-akcja-hover:#FF6A7F;--mm-akcja-tekst:#111114;--mm-akcja-link:#FF6A7F;--mm-akcja-link-hover:#FF8C9C;
  --mm-brzoskwinia:#2A1A1D;--mm-brzoskwinia-tekst:#FF8A9B;
  --mm-sukces:#4ADE80;--mm-sukces-tlo:#12261A;
  --mm-ostrzezenie:#FBBF24;--mm-ostrzezenie-tlo:#2A2110;
  --mm-blad:#F87171;--mm-blad-tlo:#2C1515;
  --mm-info:#7AA5FF;--mm-info-tlo:#141D30;
  --mm-cien-2:0 8px 24px -8px rgba(0,0,0,.6);--mm-cien-3:0 24px 64px -16px rgba(0,0,0,.7);
  --mm-fokus:0 0 0 3px rgba(255,77,103,.4);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root[data-theme="auto"]{
    --mm-tlo:#0E0E11;--mm-powierzchnia:#17171B;--mm-powierzchnia-2:#1C1C21;
    --mm-linia:#2A2A31;--mm-linia-mocna:#3A3A43;
    --mm-tekst:#F4F2F1;--mm-szary:#A9A4AB;--mm-szary-jasny:#7D7880;
    --mm-akcja:#FF4D67;--mm-akcja-hover:#FF6A7F;--mm-akcja-tekst:#111114;--mm-akcja-link:#FF6A7F;--mm-akcja-link-hover:#FF8C9C;
    --mm-brzoskwinia:#2A1A1D;--mm-brzoskwinia-tekst:#FF8A9B;
    --mm-sukces:#4ADE80;--mm-sukces-tlo:#12261A;
    --mm-ostrzezenie:#FBBF24;--mm-ostrzezenie-tlo:#2A2110;
    --mm-blad:#F87171;--mm-blad-tlo:#2C1515;
    --mm-info:#7AA5FF;--mm-info-tlo:#141D30;
    --mm-cien-2:0 8px 24px -8px rgba(0,0,0,.6);--mm-cien-3:0 24px 64px -16px rgba(0,0,0,.7);
    --mm-fokus:0 0 0 3px rgba(255,77,103,.4);
    color-scheme:dark;
  }
}

/* ---------- Podstawa ---------- */
*,*::before,*::after{box-sizing:border-box}
.mm{margin:0;background:var(--mm-tlo);color:var(--mm-tekst);font-family:var(--mm-font-tekst);font-size:var(--mm-t-m);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}
.mm a{color:var(--mm-akcja-link);text-underline-offset:3px}
.mm a:hover{color:var(--mm-akcja-link-hover)}
.mm :focus-visible{outline:none;box-shadow:var(--mm-fokus);border-radius:var(--mm-r-s)}
.mm img,.mm svg{max-width:100%}
.mm h1,.mm h2,.mm h3,.mm h4,.mm-h{font-family:var(--mm-font-naglowki);font-weight:650;letter-spacing:-.02em;line-height:1.12;margin:0 0 .5em;text-wrap:balance}
.mm h1{font-size:var(--mm-h1);font-weight:700;letter-spacing:-.035em}
.mm h2{font-size:var(--mm-h2);letter-spacing:-.03em}
.mm h3{font-size:var(--mm-h3)}
.mm h4{font-size:var(--mm-h4)}
.mm p{margin:0 0 1em;text-wrap:pretty}
.mm-lead{font-size:clamp(17px,1.6vw,20px);color:var(--mm-szary);line-height:1.5}
.mm-maly{font-size:var(--mm-t-s);color:var(--mm-szary)}
.mm-etykieta{display:inline-flex;align-items:center;gap:8px;font-size:var(--mm-t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-akcja-link)}
.mm-etykieta::before{content:"";width:10px;height:10px;background:var(--mm-gradient);clip-path:polygon(0 0,60% 0,100% 40%,100% 100%,0 100%)}
.mm-gradient-tekst{background:var(--mm-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.mm-liczba{font-variant-numeric:tabular-nums}
.mm-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mm-kontener{width:100%;max-width:var(--mm-szer);margin:0 auto;padding:0 16px}
@media (min-width:720px){.mm-kontener{padding:0 32px}}
.mm-stos>*+*{margin-top:var(--mm-stos-odstep,16px)}
.mm-rzad{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mm-siatka{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(var(--mm-kol,260px),1fr))}
.mm-linia{border:0;border-top:1px solid var(--mm-linia);margin:24px 0}

/* ---------- Ikony (sprite: mm-ikony.svg) ---------- */
.mm-ikona{width:18px;height:18px;flex:0 0 auto;display:inline-block;vertical-align:-3px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mm-ikona--l{width:24px;height:24px}

/* ---------- Logo ---------- */
.mm-logo{display:inline-flex;align-items:center;gap:10px;color:var(--mm-tekst);text-decoration:none;font-family:var(--mm-font-naglowki);font-weight:650;font-size:20px;letter-spacing:-.02em}
.mm-logo svg{width:32px;height:32px;display:block}

/* ---------- Przyciski ---------- */
.mm-btn{--b-tlo:var(--mm-powierzchnia);--b-tekst:var(--mm-tekst);--b-ramka:var(--mm-linia-mocna);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:var(--mm-r-s);
  border:1px solid var(--b-ramka);background:var(--b-tlo);color:var(--b-tekst)!important;font:600 var(--mm-t-m)/1 var(--mm-font-tekst);
  text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--mm-ruch),border-color var(--mm-ruch),transform var(--mm-ruch),box-shadow var(--mm-ruch)}
.mm-btn:hover{border-color:var(--mm-szary-jasny)}
.mm-btn:active{transform:translateY(1px)}
.mm-btn--glowny{--b-tlo:var(--mm-akcja);--b-tekst:var(--mm-akcja-tekst);--b-ramka:var(--mm-akcja)}
.mm-btn--glowny:hover{--b-tlo:var(--mm-akcja-hover);--b-ramka:var(--mm-akcja-hover)}
.mm-btn--marka{--b-tekst:#fff;--b-ramka:transparent;background:var(--mm-gradient);clip-path:var(--mm-sciecie);border-radius:var(--mm-r-s) 0 var(--mm-r-s) var(--mm-r-s);box-shadow:none}
.mm-btn--marka:hover{filter:brightness(1.05) saturate(1.05)}
.mm-btn--marka:focus-visible{clip-path:none}
.mm-btn--ciemny{--b-tlo:var(--mm-grafit);--b-tekst:#fff;--b-ramka:var(--mm-grafit)}
.mm-btn--duch{--b-tlo:transparent;--b-ramka:transparent}
.mm-btn--duch:hover{--b-tlo:var(--mm-powierzchnia-2)}
.mm-btn--niebezpieczny{--b-tekst:var(--mm-blad);--b-ramka:var(--mm-linia-mocna)}
.mm-btn--niebezpieczny:hover{--b-tlo:var(--mm-blad-tlo);--b-ramka:var(--mm-blad)}
.mm-btn--duzy{min-height:52px;padding:0 26px;font-size:var(--mm-t-l)}
.mm-btn--maly{min-height:34px;padding:0 12px;font-size:var(--mm-t-s)}
.mm-btn--pelny{width:100%}
.mm-btn[disabled],.mm-btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.mm-btn--laduje{position:relative;color:transparent!important}
.mm-btn--laduje::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid var(--b-tekst);border-right-color:transparent;animation:mm-obrot .7s linear infinite}
@keyframes mm-obrot{to{transform:rotate(360deg)}}

/* ---------- Formularze ---------- */
.mm-pole{display:flex;flex-direction:column;gap:6px}
.mm-pole>label,.mm-pole__etykieta{font-size:var(--mm-t-s);font-weight:600}
.mm-pole__pomoc{font-size:var(--mm-t-xs);color:var(--mm-szary)}
.mm-pole__blad{font-size:var(--mm-t-xs);color:var(--mm-blad);font-weight:500}
.mm-input,.mm-select,.mm-textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--mm-linia-mocna);border-radius:var(--mm-r-s);background:var(--mm-powierzchnia);color:var(--mm-tekst);font:inherit;font-size:var(--mm-t-m);transition:border-color var(--mm-ruch),box-shadow var(--mm-ruch)}
.mm-input::placeholder,.mm-textarea::placeholder{color:var(--mm-szary-jasny)}
.mm-input:hover,.mm-select:hover,.mm-textarea:hover{border-color:var(--mm-szary-jasny)}
.mm-input:focus,.mm-select:focus,.mm-textarea:focus{outline:none;border-color:var(--mm-akcja);box-shadow:var(--mm-fokus)}
.mm-input[aria-invalid="true"]{border-color:var(--mm-blad)}
.mm-textarea{min-height:96px;resize:vertical}
.mm-select{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%236E6A70' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
/* pole z doklejką, np. firma | .m-manager.pl */
.mm-grupa{display:flex;align-items:stretch;border:1px solid var(--mm-linia-mocna);border-radius:var(--mm-r-s);background:var(--mm-powierzchnia);transition:border-color var(--mm-ruch),box-shadow var(--mm-ruch)}
.mm-grupa:focus-within{border-color:var(--mm-akcja);box-shadow:var(--mm-fokus)}
.mm-grupa .mm-input{border:0;box-shadow:none!important;background:transparent;min-width:0}
.mm-grupa__dodatek{display:flex;align-items:center;padding:0 12px;color:var(--mm-szary);font-size:var(--mm-t-m);background:var(--mm-powierzchnia-2);border-left:1px solid var(--mm-linia);border-radius:0 var(--mm-r-s) var(--mm-r-s) 0;white-space:nowrap}
.mm-grupa__stan{display:flex;align-items:center;padding:0 10px;font-size:var(--mm-t-s);font-weight:600;white-space:nowrap}
.mm-grupa__stan--ok{color:var(--mm-sukces)}.mm-grupa__stan--zle{color:var(--mm-blad)}
/* pole wyboru i przełącznik */
.mm-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:var(--mm-t-m)}
.mm-check input{appearance:none;flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;border:1.5px solid var(--mm-linia-mocna);border-radius:6px;background:var(--mm-powierzchnia);display:grid;place-content:center;cursor:pointer;transition:background var(--mm-ruch),border-color var(--mm-ruch)}
.mm-check input[type="radio"]{border-radius:50%}
.mm-check input::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.mm-check input[type="radio"]::after{width:8px;height:8px;border:0;border-radius:50%;background:#fff;transform:none}
.mm-check input:checked{background:var(--mm-akcja);border-color:var(--mm-akcja)}
.mm-check input:checked::after{opacity:1}
.mm-check input:focus-visible{box-shadow:var(--mm-fokus)}
.mm-przelacznik{display:inline-flex;gap:10px;align-items:center;cursor:pointer}
.mm-przelacznik input{appearance:none;width:40px;height:24px;border-radius:999px;background:var(--mm-linia-mocna);position:relative;cursor:pointer;transition:background var(--mm-ruch);margin:0;flex:0 0 auto}
.mm-przelacznik input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--mm-cien-1);transition:transform var(--mm-ruch)}
.mm-przelacznik input:checked{background:var(--mm-akcja)}
.mm-przelacznik input:checked::after{transform:translateX(16px)}
.mm-przelacznik input:focus-visible{box-shadow:var(--mm-fokus)}
/* segmenty (miesiąc / rok, chmura / serwer) */
.mm-segmenty{display:inline-flex;padding:4px;gap:4px;background:var(--mm-powierzchnia-2);border:1px solid var(--mm-linia);border-radius:var(--mm-r-pelny)}
.mm-segmenty button,.mm-segmenty label{border:0;background:transparent;color:var(--mm-szary);font:600 var(--mm-t-s)/1 var(--mm-font-tekst);padding:9px 16px;border-radius:var(--mm-r-pelny);cursor:pointer;display:inline-flex;gap:6px;align-items:center;transition:background var(--mm-ruch),color var(--mm-ruch)}
.mm-segmenty input{position:absolute;opacity:0;pointer-events:none}
.mm-segmenty .on,.mm-segmenty [aria-pressed="true"],.mm-segmenty label:has(input:checked){background:var(--mm-powierzchnia);color:var(--mm-tekst);box-shadow:var(--mm-cien-1)}
.mm-segmenty__zysk{font-size:11px;color:var(--mm-sukces);font-weight:700}

/* ---------- Karty ---------- */
.mm-karta{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r);padding:24px;box-shadow:var(--mm-cien-1)}
.mm-karta--plaska{box-shadow:none}
.mm-karta--sciecie{position:relative;border-radius:var(--mm-r) 0 var(--mm-r) var(--mm-r);clip-path:var(--mm-sciecie)}
.mm-karta__naglowek{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.mm-karta__naglowek h3,.mm-karta__naglowek h4{margin:0}
/* karta wyboru (radio/checkbox jako cała karta) */
.mm-wybor{position:relative;display:block;cursor:pointer;background:var(--mm-powierzchnia);border:1.5px solid var(--mm-linia);border-radius:var(--mm-r);padding:20px;transition:border-color var(--mm-ruch),box-shadow var(--mm-ruch),background var(--mm-ruch)}
.mm-wybor:hover{border-color:var(--mm-linia-mocna);box-shadow:var(--mm-cien-2)}
.mm-wybor>input{position:absolute;opacity:0;pointer-events:none}
.mm-wybor:has(input:checked){border-color:var(--mm-akcja);background:linear-gradient(var(--mm-brzoskwinia),var(--mm-brzoskwinia)) padding-box;box-shadow:0 0 0 1px var(--mm-akcja)}
.mm-wybor:has(input:focus-visible){box-shadow:var(--mm-fokus)}
.mm-wybor:has(input:disabled){cursor:default;opacity:.62;box-shadow:none}
/* moduł w cenie pakietu: zaznaczony, ale nie do odznaczenia, bez wyszarzenia */
.mm-wybor--w-pakiecie,.mm-wybor--w-pakiecie:has(input:disabled){opacity:1;cursor:default;background:var(--mm-powierzchnia-2);border-color:var(--mm-linia);box-shadow:none}
.mm-wybor.mm-wybor--w-pakiecie:has(input:checked){background:var(--mm-powierzchnia-2);border-color:var(--mm-linia);box-shadow:none}
.mm-wybor.mm-wybor--w-pakiecie:has(input:checked) .mm-wybor__znacznik{background:var(--mm-sukces);border-color:var(--mm-sukces)}
.mm-wybor__znacznik{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--mm-linia-mocna);display:grid;place-content:center;background:var(--mm-powierzchnia)}
.mm-wybor:has(input:checked) .mm-wybor__znacznik{background:var(--mm-akcja);border-color:var(--mm-akcja)}
.mm-wybor:has(input:checked) .mm-wybor__znacznik::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}

/* ---------- Pakiety i ceny ---------- */
.mm-cena{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.mm-cena__kwota{font-family:var(--mm-font-naglowki);font-weight:700;font-size:44px;letter-spacing:-.035em;line-height:1}
.mm-cena__okres{color:var(--mm-szary);font-size:var(--mm-t-s)}
.mm-cena__brutto{display:block;width:100%;color:var(--mm-szary);font-size:var(--mm-t-xs)}
.mm-cena__stara{color:var(--mm-szary-jasny);text-decoration:line-through;font-size:var(--mm-t-m)}
.mm-pakiet{display:flex;flex-direction:column;gap:18px;background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);padding:28px}
.mm-pakiet__nazwa{font-family:var(--mm-font-naglowki);font-size:22px;font-weight:650;margin:0}
.mm-pakiet__opis{color:var(--mm-szary);font-size:var(--mm-t-s);margin:0}
.mm-pakiet__lista{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:var(--mm-t-s)}
.mm-pakiet__lista li{display:flex;gap:10px;align-items:flex-start}
.mm-pakiet__lista li::before{content:"";flex:0 0 16px;height:16px;margin-top:2px;border-radius:50%;background:var(--mm-sukces-tlo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2315803D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5'/%3E%3C/svg%3E") center/16px no-repeat}
.mm-pakiet .mm-btn{margin-top:auto}
.mm-pakiet--polecany{position:relative;border:0;background:var(--mm-grafit);color:#fff;box-shadow:var(--mm-cien-3);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);border-radius:var(--mm-r-l) 0 var(--mm-r-l) var(--mm-r-l)}
.mm-pakiet--polecany::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--mm-gradient)}
.mm-pakiet--polecany .mm-pakiet__opis,.mm-pakiet--polecany .mm-cena__okres,.mm-pakiet--polecany .mm-cena__brutto{color:#B9B4BA}
.mm-pakiet--polecany .mm-pakiet__lista li::before{background-color:rgba(255,255,255,.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FF8A5B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5'/%3E%3C/svg%3E")}

/* ---------- Etykiety statusów ---------- */
.mm-znaczek{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--mm-r-pelny);font-size:var(--mm-t-xs);font-weight:600;white-space:nowrap;background:var(--mm-powierzchnia-2);color:var(--mm-szary);border:1px solid var(--mm-linia)}
.mm-znaczek--kropka::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.mm-znaczek--sukces{background:var(--mm-sukces-tlo);color:var(--mm-sukces);border-color:transparent}
.mm-znaczek--ostrzezenie{background:var(--mm-ostrzezenie-tlo);color:var(--mm-ostrzezenie);border-color:transparent}
.mm-znaczek--blad{background:var(--mm-blad-tlo);color:var(--mm-blad);border-color:transparent}
.mm-znaczek--info{background:var(--mm-info-tlo);color:var(--mm-info);border-color:transparent}
.mm-znaczek--marka{background:var(--mm-brzoskwinia);color:var(--mm-brzoskwinia-tekst);border-color:transparent}
.mm-znaczek--gradient{background:var(--mm-gradient);color:#fff;border:0}

/* ---------- Komunikaty ---------- */
.mm-komunikat{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--mm-r);border:1px solid var(--mm-linia);background:var(--mm-powierzchnia);font-size:var(--mm-t-s)}
.mm-komunikat strong{display:block;font-size:var(--mm-t-m);margin-bottom:2px}
.mm-komunikat>.mm-ikona{margin-top:1px}
.mm-komunikat--sukces{background:var(--mm-sukces-tlo);border-color:transparent}.mm-komunikat--sukces>.mm-ikona{color:var(--mm-sukces)}
.mm-komunikat--ostrzezenie{background:var(--mm-ostrzezenie-tlo);border-color:transparent}.mm-komunikat--ostrzezenie>.mm-ikona{color:var(--mm-ostrzezenie)}
.mm-komunikat--blad{background:var(--mm-blad-tlo);border-color:transparent}.mm-komunikat--blad>.mm-ikona{color:var(--mm-blad)}
.mm-komunikat--info{background:var(--mm-info-tlo);border-color:transparent}.mm-komunikat--info>.mm-ikona{color:var(--mm-info)}
.mm-komunikat--marka{background:var(--mm-brzoskwinia);border-color:transparent}.mm-komunikat--marka>.mm-ikona{color:var(--mm-akcja)}
.mm-toast{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;gap:12px;align-items:center;max-width:min(420px,calc(100vw - 32px));padding:14px 16px;border-radius:var(--mm-r);background:var(--mm-grafit);color:#fff;box-shadow:var(--mm-cien-3);font-size:var(--mm-t-s);animation:mm-wjazd .25s ease-out}
@keyframes mm-wjazd{from{transform:translateY(12px);opacity:0}}

/* ---------- Tabele ---------- */
.mm-tabela-box{position:relative;overflow-x:auto;border:1px solid var(--mm-linia);border-radius:var(--mm-r);background:var(--mm-powierzchnia)}
.mm-tabela{width:100%;border-collapse:collapse;font-size:var(--mm-t-s);font-variant-numeric:tabular-nums}
.mm-tabela th{text-align:left;font-weight:600;font-size:var(--mm-t-xs);color:var(--mm-szary);text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;background:var(--mm-powierzchnia-2);border-bottom:1px solid var(--mm-linia);white-space:nowrap}
.mm-tabela td{padding:14px 16px;border-bottom:1px solid var(--mm-linia);vertical-align:middle}
.mm-tabela tr:last-child td{border-bottom:0}
.mm-tabela tbody tr:hover td{background:var(--mm-powierzchnia-2)}
.mm-tabela .mm-num{text-align:right;white-space:nowrap}

/* ---------- Zakładki ---------- */
.mm-zakladki{display:flex;gap:4px;border-bottom:1px solid var(--mm-linia);overflow-x:auto;scrollbar-width:none}
.mm-zakladki a,.mm-zakladki button{position:relative;padding:12px 14px;border:0;background:none;color:var(--mm-szary);font:600 var(--mm-t-s)/1 var(--mm-font-tekst);text-decoration:none;white-space:nowrap;cursor:pointer}
.mm-zakladki a:hover,.mm-zakladki button:hover{color:var(--mm-tekst)}
.mm-zakladki .on,.mm-zakladki [aria-selected="true"]{color:var(--mm-tekst)}
.mm-zakladki .on::after,.mm-zakladki [aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--mm-gradient);border-radius:2px}

/* ---------- Kroki kreatora ---------- */
.mm-kroki{display:flex;gap:8px;list-style:none;margin:0;padding:0;counter-reset:krok;overflow-x:auto;scrollbar-width:none}
.mm-kroki li{counter-increment:krok;display:flex;align-items:center;gap:8px;font-size:var(--mm-t-s);font-weight:600;color:var(--mm-szary);white-space:nowrap}
.mm-kroki li::before{content:counter(krok);width:26px;height:26px;border-radius:50%;display:grid;place-content:center;font-size:12px;border:1.5px solid var(--mm-linia-mocna);background:var(--mm-powierzchnia)}
.mm-kroki li+li::after{order:-1;content:"";width:20px;height:1.5px;background:var(--mm-linia-mocna);margin-right:4px}
.mm-kroki .zrobiony{color:var(--mm-tekst)}
.mm-kroki .zrobiony::before{content:"✓";background:var(--mm-sukces);border-color:var(--mm-sukces);color:#fff}
.mm-kroki .on{color:var(--mm-tekst)}
.mm-kroki .on::before{background:var(--mm-akcja);border-color:var(--mm-akcja);color:#fff}
.mm-postep{height:6px;border-radius:99px;background:var(--mm-linia);overflow:hidden}
.mm-postep>span{display:block;height:100%;background:var(--mm-gradient);border-radius:inherit;transition:width .3s ease}
.mm-postep--ostrzezenie>span{background:var(--mm-ostrzezenie)}

/* ---------- Podsumowanie (konfigurator, koszyk) ---------- */
.mm-podsumowanie{position:sticky;top:88px;background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);box-shadow:var(--mm-cien-2);overflow:hidden}
.mm-podsumowanie__gora{padding:20px 24px;border-bottom:1px solid var(--mm-linia)}
.mm-podsumowanie__pozycje{list-style:none;margin:0;padding:16px 24px;display:grid;gap:10px;font-size:var(--mm-t-s)}
.mm-podsumowanie__pozycje li{display:flex;justify-content:space-between;gap:16px}
.mm-podsumowanie__pozycje li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.mm-podsumowanie__dol{padding:20px 24px;background:var(--mm-powierzchnia-2);border-top:1px solid var(--mm-linia)}
.mm-podsumowanie__razem{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.mm-podsumowanie__razem strong{font-family:var(--mm-font-naglowki);font-size:30px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.mm-pasek-dolny{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--mm-powierzchnia);border-top:1px solid var(--mm-linia);box-shadow:0 -8px 24px -12px rgba(17,17,20,.2)}

/* ---------- Nagłówek strony (marketing) ---------- */
.mm-naglowek{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--mm-tlo) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--mm-ruch)}
.mm-naglowek--przewiniety{border-bottom-color:var(--mm-linia)}
.mm-naglowek__wnetrze{display:flex;align-items:center;gap:24px;height:68px}
.mm-naglowek nav{display:flex;gap:4px;margin-left:12px}
.mm-naglowek nav a{color:var(--mm-tekst);text-decoration:none;font-weight:500;font-size:var(--mm-t-s);padding:8px 12px;border-radius:var(--mm-r-s)}
.mm-naglowek nav a:hover,.mm-naglowek nav a.on{background:var(--mm-powierzchnia-2)}
.mm-naglowek__akcje{margin-left:auto;display:flex;gap:8px;align-items:center}
.mm-naglowek__menu{display:none}
@media (max-width:900px){.mm-naglowek nav,.mm-naglowek__akcje .mm-tylko-desktop{display:none}.mm-naglowek__menu{display:inline-flex}}

/* ---------- Układ aplikacji (konto klienta, admin, panel) ---------- */
.mm-app{display:grid;grid-template-columns:256px 1fr;min-height:100vh}
.mm-boczny{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:20px 14px;background:var(--mm-powierzchnia);border-right:1px solid var(--mm-linia)}
.mm-boczny .mm-logo{padding:4px 10px 14px}
.mm-boczny__sekcja{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mm-szary-jasny);padding:14px 12px 4px}
.mm-boczny a.mm-pozycja{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--mm-r-s);color:var(--mm-tekst);text-decoration:none;font-weight:500;font-size:var(--mm-t-s);transition:background var(--mm-ruch)}
.mm-boczny a.mm-pozycja .mm-ikona{color:var(--mm-szary)}
.mm-boczny a.mm-pozycja:hover{background:var(--mm-powierzchnia-2)}
.mm-boczny a.mm-pozycja.on{background:var(--mm-brzoskwinia);color:var(--mm-brzoskwinia-tekst);font-weight:600}
.mm-boczny a.mm-pozycja.on .mm-ikona{color:var(--mm-akcja)}
.mm-boczny a.mm-pozycja .mm-znaczek{margin-left:auto;height:20px;padding:0 7px}
.mm-boczny__stopka{margin-top:auto;border-top:1px solid var(--mm-linia);padding:14px 6px 0;display:flex;gap:10px;align-items:center}
.mm-awatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-content:center;font-weight:700;font-size:13px;color:#fff;background:var(--mm-gradient)}
.mm-przelacz-miejsce{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 4px 6px;border-radius:var(--mm-r-s);background:var(--mm-powierzchnia-2);border:1px solid var(--mm-linia)}
.mm-przelacz-miejsce a{text-align:center;padding:7px 6px;border-radius:6px;font-size:var(--mm-t-xs);font-weight:600;color:var(--mm-szary);text-decoration:none}
.mm-przelacz-miejsce a.on{background:var(--mm-powierzchnia);color:var(--mm-tekst);box-shadow:var(--mm-cien-1)}
.mm-glowna{min-width:0;padding:28px 16px 64px}
@media (min-width:720px){.mm-glowna{padding:32px 40px 72px}}
.mm-tytul-strony{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.mm-tytul-strony h1{font-size:30px;margin:0;letter-spacing:-.03em}
.mm-tytul-strony p{margin:4px 0 0;color:var(--mm-szary)}
.mm-gorny-pasek{display:none}
@media (max-width:900px){
  .mm-app{grid-template-columns:1fr}
  .mm-boczny{position:fixed;inset:0 auto 0 0;width:280px;z-index:70;transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--mm-cien-3)}
  .mm-app.otwarte .mm-boczny{transform:none}
  .mm-gorny-pasek{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:60;height:58px;padding:0 12px 0 16px;background:var(--mm-powierzchnia);border-bottom:1px solid var(--mm-linia)}
}

/* ---------- Wskaźniki (pulpit admina i konta) ---------- */
.mm-wskaznik{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r);padding:18px 20px}
.mm-wskaznik__nazwa{font-size:var(--mm-t-s);color:var(--mm-szary);display:flex;justify-content:space-between;gap:8px}
.mm-wskaznik__wartosc{font-family:var(--mm-font-naglowki);font-weight:650;font-size:30px;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}
.mm-wskaznik__zmiana{font-size:var(--mm-t-xs);font-weight:600;margin-top:2px}
.mm-wskaznik__zmiana--plus{color:var(--mm-sukces)}.mm-wskaznik__zmiana--minus{color:var(--mm-blad)}

/* ---------- Licencja (karta w koncie klienta) ---------- */
.mm-licencja{display:grid;gap:18px;background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);padding:24px;position:relative;overflow:hidden}
.mm-licencja::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--mm-gradient)}
.mm-licencja__gora{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.mm-licencja__adres{font-family:var(--mm-font-mono);font-size:var(--mm-t-s);color:var(--mm-szary)}
.mm-licencja__dane{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 20px;margin:0}
.mm-licencja__dane dt{font-size:var(--mm-t-xs);color:var(--mm-szary)}
.mm-licencja__dane dd{margin:2px 0 0;font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- Okno ---------- */
.mm-okno{border:0;padding:0;border-radius:var(--mm-r-l);background:var(--mm-powierzchnia);color:var(--mm-tekst);box-shadow:var(--mm-cien-3);width:min(520px,calc(100vw - 32px))}
.mm-okno::backdrop{background:rgba(17,17,20,.5);backdrop-filter:blur(2px)}
.mm-okno__tresc{padding:24px}
.mm-okno__stopka{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;background:var(--mm-powierzchnia-2);border-top:1px solid var(--mm-linia)}

/* ---------- Pusty stan ---------- */
.mm-pusto{text-align:center;padding:48px 24px;border:1.5px dashed var(--mm-linia-mocna);border-radius:var(--mm-r-l);color:var(--mm-szary)}
.mm-pusto__ikona{width:56px;height:56px;margin:0 auto 14px;display:grid;place-content:center;border-radius:14px 0 14px 14px;background:var(--mm-brzoskwinia);color:var(--mm-akcja);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.mm-pusto h3{color:var(--mm-tekst);font-size:18px}

/* ---------- Szkielet ładowania ---------- */
.mm-szkielet{border-radius:var(--mm-r-s);background:linear-gradient(90deg,var(--mm-linia) 0%,var(--mm-powierzchnia-2) 50%,var(--mm-linia) 100%);background-size:200% 100%;animation:mm-blysk 1.2s ease-in-out infinite}
@keyframes mm-blysk{to{background-position:-200% 0}}

/* ---------- Ramka zrzutu (strona) ---------- */
.mm-okno-app{border-radius:var(--mm-r-l) 0 var(--mm-r-l) var(--mm-r-l);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);box-shadow:var(--mm-cien-3);overflow:hidden}
.mm-okno-app__pasek{display:flex;gap:6px;align-items:center;height:36px;padding:0 14px;border-bottom:1px solid var(--mm-linia);background:var(--mm-powierzchnia-2)}
.mm-okno-app__pasek i{width:10px;height:10px;border-radius:50%;background:var(--mm-linia-mocna)}
.mm-okno-app__pasek span{margin-left:12px;font:500 12px var(--mm-font-mono);color:var(--mm-szary)}

/* ---------- Sekcje strony ---------- */
.mm-sekcja{padding:72px 0}
@media (min-width:900px){.mm-sekcja{padding:112px 0}}
.mm-sekcja--ciemna{background:var(--mm-grafit);color:#F4F2F1}
.mm-sekcja--ciemna .mm-lead,.mm-sekcja--ciemna .mm-maly{color:#B9B4BA}
.mm-sekcja__naglowek{max-width:720px;margin-bottom:48px}
.mm-sekcja__naglowek--srodek{margin-left:auto;margin-right:auto;text-align:center}
.mm-faq{border-top:1px solid var(--mm-linia)}
.mm-faq details{border-bottom:1px solid var(--mm-linia)}
.mm-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-weight:600;font-size:var(--mm-t-l)}
.mm-faq summary::-webkit-details-marker{display:none}
.mm-faq summary::after{content:"+";font:400 24px/1 var(--mm-font-tekst);color:var(--mm-akcja);transition:transform var(--mm-ruch)}
.mm-faq details[open] summary::after{transform:rotate(45deg)}
.mm-faq details>div{padding:0 0 20px;color:var(--mm-szary);max-width:720px}
.mm-stopka{background:var(--mm-grafit);color:#B9B4BA;padding:64px 0 32px;font-size:var(--mm-t-s)}
.mm-stopka a{color:#E9E6E5;text-decoration:none}
.mm-stopka a:hover{color:#fff}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.mm-boczny,.mm-naglowek,.mm-pasek-dolny,.mm-toast{display:none!important}.mm-app{display:block}}
.mm-sekcja--ciemna,.mm-stopka{--mm-akcja-link:#FF6A7F;--mm-akcja-link-hover:#FF8C9C}

/* =====================================================================
   Panel 2.4: nowe ekrany (kreator startowy, Dziś, zdrowie połączeń,
   Ctrl+K, asystent AI, kampanie, akceptacja klienta, reguły, biblioteka
   marki, raport white-label). Wszystko na tych samych tokenach.
   ===================================================================== */

/* ---------- Drobne: klawisz, kropka stanu ---------- */
.mm-kbd{display:inline-grid;place-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;border:1px solid var(--mm-linia-mocna);border-bottom-width:2px;background:var(--mm-powierzchnia);font:600 11px var(--mm-font-tekst);color:var(--mm-szary)}
.mm-kropka{width:9px;height:9px;border-radius:50%;flex:0 0 9px;background:var(--mm-szary-jasny)}
.mm-kropka--ok{background:var(--mm-sukces);box-shadow:0 0 0 3px var(--mm-sukces-tlo)}
.mm-kropka--uwaga{background:var(--mm-ostrzezenie);box-shadow:0 0 0 3px var(--mm-ostrzezenie-tlo)}
.mm-kropka--blad{background:var(--mm-blad);box-shadow:0 0 0 3px var(--mm-blad-tlo)}
.mm-kanal{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-content:center;color:#fff;font:700 11px var(--mm-font-tekst);background:var(--k,var(--mm-grafit))}

/* ---------- 1. Kreator pierwszego uruchomienia ---------- */
.mm-start{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);overflow:hidden}
.mm-start__gora{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:22px 24px;background:linear-gradient(120deg,var(--mm-brzoskwinia),var(--mm-powierzchnia) 70%);border-bottom:1px solid var(--mm-linia)}
.mm-start__gora h2{font-size:22px;margin:0 0 4px}
.mm-start__postep{min-width:180px;flex:0 1 240px}
.mm-start__postep b{display:block;font:650 13px var(--mm-font-tekst);margin-bottom:6px;text-align:right}
.mm-start__lista{list-style:none;margin:0;padding:8px}
.mm-start__zadanie{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--mm-r)}
.mm-start__zadanie+.mm-start__zadanie{border-top:1px solid var(--mm-linia)}
.mm-start__nr{width:32px;height:32px;border-radius:50%;display:grid;place-content:center;font:700 13px var(--mm-font-tekst);border:1.5px solid var(--mm-linia-mocna);color:var(--mm-szary);background:var(--mm-powierzchnia)}
.mm-start__zadanie h3{font:650 15px var(--mm-font-tekst);margin:0 0 2px}
.mm-start__zadanie p{margin:0;font-size:var(--mm-t-s);color:var(--mm-szary)}
.mm-start__zadanie.zrobione .mm-start__nr{background:var(--mm-sukces);border-color:var(--mm-sukces);color:#fff}
.mm-start__zadanie.zrobione h3{color:var(--mm-szary);text-decoration:line-through;text-decoration-color:var(--mm-linia-mocna)}
.mm-start__zadanie.teraz{background:var(--mm-powierzchnia-2);box-shadow:inset 3px 0 0 var(--mm-akcja)}
.mm-start__zadanie.teraz .mm-start__nr{border-color:var(--mm-akcja);color:var(--mm-akcja)}
@media (max-width:640px){.mm-start__zadanie{grid-template-columns:32px minmax(0,1fr)}.mm-start__zadanie>:last-child{grid-column:2}}

/* ---------- 2. Pulpit „Dziś” ---------- */
.mm-dzis{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1100px){.mm-dzis{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.mm-panel-blok{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);padding:20px}
.mm-panel-blok__gora{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.mm-panel-blok__gora h2{font:650 17px var(--mm-font-naglowki);margin:0;display:flex;align-items:center;gap:8px}
.mm-os{list-style:none;margin:0;padding:0;position:relative}
.mm-os::before{content:"";position:absolute;left:60px;top:6px;bottom:6px;width:2px;background:var(--mm-linia)}
.mm-os li{display:grid;grid-template-columns:44px 18px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;position:relative}
.mm-os time{font:600 12px var(--mm-font-tekst);color:var(--mm-szary);text-align:right;font-variant-numeric:tabular-nums}
.mm-os .mm-kropka{justify-self:center;z-index:1}
.mm-os__tresc{display:flex;gap:10px;align-items:center;min-width:0;padding:8px 10px;border-radius:var(--mm-r);background:var(--mm-powierzchnia-2);border:1px solid var(--mm-linia)}
.mm-os__tresc b{font-size:var(--mm-t-s);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-os__tresc span{font-size:var(--mm-t-xs);color:var(--mm-szary)}
.mm-os li.teraz .mm-os__tresc{border-color:var(--mm-akcja);background:var(--mm-brzoskwinia)}
.mm-do-zrobienia{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mm-do-zrobienia li{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--mm-linia);border-radius:var(--mm-r);background:var(--mm-powierzchnia-2)}
.mm-do-zrobienia li>div{flex:1;min-width:0}
.mm-do-zrobienia b{display:block;font-size:var(--mm-t-s)}
.mm-do-zrobienia span{font-size:var(--mm-t-xs);color:var(--mm-szary)}
.mm-do-zrobienia__ikona{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-content:center;background:var(--mm-powierzchnia);border:1px solid var(--mm-linia)}

/* ---------- 3. Zdrowie połączeń ---------- */
.mm-polaczenia{list-style:none;margin:0;padding:0;border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);background:var(--mm-powierzchnia);overflow:hidden}
.mm-polaczenie{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 18px}
.mm-polaczenie+.mm-polaczenie{border-top:1px solid var(--mm-linia)}
.mm-polaczenie b{display:block;font-size:var(--mm-t-s)}
.mm-polaczenie__konto{font-size:var(--mm-t-xs);color:var(--mm-szary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mm-polaczenie__stan{display:flex;align-items:center;gap:8px;font-size:var(--mm-t-xs);font-weight:600;white-space:nowrap}
.mm-polaczenie--uwaga{background:color-mix(in srgb,var(--mm-ostrzezenie-tlo) 55%,var(--mm-powierzchnia))}
.mm-polaczenie--blad{background:color-mix(in srgb,var(--mm-blad-tlo) 55%,var(--mm-powierzchnia))}
.mm-polaczenie--uwaga .mm-polaczenie__stan{color:var(--mm-ostrzezenie)}
.mm-polaczenie--blad .mm-polaczenie__stan{color:var(--mm-blad)}
.mm-polaczenie--ok .mm-polaczenie__stan{color:var(--mm-sukces)}
@media (max-width:640px){.mm-polaczenie{grid-template-columns:30px minmax(0,1fr) auto}.mm-polaczenie>.mm-btn{grid-column:2/-1;justify-self:start}}

/* ---------- 4. Wyszukiwarka poleceń (Ctrl+K) ---------- */
.mm-paleta{border:0;padding:0;border-radius:var(--mm-r-l);background:var(--mm-powierzchnia);color:var(--mm-tekst);box-shadow:var(--mm-cien-3);width:min(640px,calc(100vw - 24px));margin-top:12vh;overflow:hidden}
.mm-paleta::backdrop{background:rgba(17,17,20,.45);backdrop-filter:blur(3px)}
.mm-paleta__szukaj{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--mm-linia)}
.mm-paleta__szukaj input{flex:1;border:0;outline:0;background:transparent;font:500 17px var(--mm-font-tekst);color:var(--mm-tekst);min-width:0}
.mm-paleta__szukaj .mm-ikona{color:var(--mm-szary)}
.mm-paleta__wyniki{max-height:min(420px,60vh);overflow:auto;padding:8px}
.mm-paleta__grupa{font:600 11px var(--mm-font-tekst);letter-spacing:.06em;text-transform:uppercase;color:var(--mm-szary);padding:10px 10px 6px}
.mm-paleta__pozycja{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--mm-r-s);cursor:pointer;color:var(--mm-tekst);text-decoration:none;font-size:var(--mm-t-s)}
.mm-paleta__pozycja .mm-ikona{color:var(--mm-szary)}
.mm-paleta__pozycja span:first-of-type{flex:1;min-width:0}
.mm-paleta__pozycja small{color:var(--mm-szary);font-size:var(--mm-t-xs)}
.mm-paleta__pozycja[aria-selected="true"],.mm-paleta__pozycja:hover{background:var(--mm-brzoskwinia)}
.mm-paleta__pozycja[aria-selected="true"] .mm-ikona{color:var(--mm-akcja)}
.mm-paleta__stopka{display:flex;flex-wrap:wrap;gap:16px;padding:10px 18px;border-top:1px solid var(--mm-linia);background:var(--mm-powierzchnia-2);font-size:var(--mm-t-xs);color:var(--mm-szary)}
.mm-paleta__stopka span{display:inline-flex;gap:6px;align-items:center}

/* ---------- 5. Asystent AI (szuflada z prawej) ---------- */
.mm-szuflada{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);background:var(--mm-powierzchnia);border-left:1px solid var(--mm-linia);box-shadow:var(--mm-cien-3);display:flex;flex-direction:column;z-index:60}
.mm-szuflada[hidden]{display:none}
.mm-szuflada--w-miejscu{position:relative;inset:auto;width:auto;box-shadow:var(--mm-cien-2);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);overflow:hidden;z-index:auto}
.mm-szuflada__gora{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--mm-linia)}
.mm-szuflada__gora h2{font:650 16px var(--mm-font-naglowki);margin:0;flex:1;display:flex;align-items:center;gap:8px}
.mm-szuflada__tresc{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--mm-tlo)}
.mm-szuflada__dol{padding:12px;border-top:1px solid var(--mm-linia);display:flex;gap:8px;align-items:flex-end}
.mm-szuflada__dol .mm-textarea{min-height:44px;max-height:160px;resize:none;flex:1}
.mm-wiadomosc{max-width:88%;padding:10px 14px;border-radius:16px;font-size:var(--mm-t-s);line-height:1.5}
.mm-wiadomosc--ja{align-self:flex-end;background:var(--mm-grafit);color:#F4F2F1;border-bottom-right-radius:4px}
.mm-wiadomosc--ai{align-self:flex-start;background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-bottom-left-radius:4px}
.mm-podpowiedzi{display:flex;flex-wrap:wrap;gap:6px}
.mm-podpowiedzi button{border:1px solid var(--mm-linia);background:var(--mm-powierzchnia);color:var(--mm-tekst);border-radius:var(--mm-r-pelny);padding:6px 12px;font:500 12px var(--mm-font-tekst);cursor:pointer}
.mm-podpowiedzi button:hover{border-color:var(--mm-akcja);color:var(--mm-akcja-link)}
.mm-propozycja{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r);overflow:hidden}
.mm-propozycja__gora{padding:12px 14px;border-bottom:1px solid var(--mm-linia);display:flex;justify-content:space-between;gap:8px;align-items:center}
.mm-propozycja__gora b{font-size:var(--mm-t-s)}
.mm-propozycja ul{list-style:none;margin:0;padding:6px 8px}
.mm-propozycja li{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;font-size:var(--mm-t-s)}
.mm-propozycja li+li{border-top:1px dashed var(--mm-linia)}
.mm-propozycja li small{display:block;color:var(--mm-szary);font-size:var(--mm-t-xs)}
.mm-propozycja__dol{display:flex;gap:8px;justify-content:flex-end;padding:10px 12px;background:var(--mm-powierzchnia-2);border-top:1px solid var(--mm-linia)}
@media (max-width:640px){.mm-szuflada:not(.mm-szuflada--w-miejscu){width:100vw}}

/* ---------- 6. Kampania ---------- */
.mm-kampania{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);padding:20px;display:grid;gap:16px}
.mm-kampania__gora{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start}
.mm-kampania__gora h3{margin:0 0 4px;font-size:19px}
.mm-kampania__daty{font-size:var(--mm-t-xs);color:var(--mm-szary);display:flex;align-items:center;gap:6px}
.mm-kampania__czesci{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:8px}
.mm-kampania__czesc{border:1px solid var(--mm-linia);border-radius:var(--mm-r);padding:10px 12px;background:var(--mm-powierzchnia-2);text-decoration:none;color:inherit}
.mm-kampania__czesc span{display:flex;align-items:center;gap:6px;font-size:var(--mm-t-xs);color:var(--mm-szary)}
.mm-kampania__czesc b{display:block;font:650 20px var(--mm-font-naglowki);letter-spacing:-.02em;margin-top:2px}
.mm-kampania__budzet{display:grid;gap:6px}
.mm-kampania__budzet div:first-child{display:flex;justify-content:space-between;font-size:var(--mm-t-xs);color:var(--mm-szary)}
.mm-kampania__budzet b{color:var(--mm-tekst)}

/* ---------- 7. Akceptacja przez klienta (strona publiczna, bez logowania) ---------- */
.mm-akceptacja{min-height:100vh;background:var(--mm-tlo);display:flex;flex-direction:column;align-items:center;padding:32px 16px 48px}
.mm-akceptacja__marka{display:flex;align-items:center;gap:10px;margin-bottom:24px;font:650 15px var(--mm-font-naglowki)}
.mm-akceptacja__marka img{height:32px;width:auto;border-radius:8px}
.mm-akceptacja__lista{width:min(560px,100%);display:grid;gap:20px}
.mm-post{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);overflow:hidden;box-shadow:var(--mm-cien-1)}
.mm-post__gora{display:flex;align-items:center;gap:10px;padding:12px 14px}
.mm-post__gora b{font-size:var(--mm-t-s);display:block}
.mm-post__gora span{font-size:var(--mm-t-xs);color:var(--mm-szary)}
.mm-post__media{aspect-ratio:1/1;background:var(--mm-powierzchnia-2);display:grid;place-content:center;color:var(--mm-szary)}
.mm-post__media img{width:100%;height:100%;object-fit:cover;display:block}
.mm-post__tekst{padding:12px 14px;font-size:var(--mm-t-s);line-height:1.55;white-space:pre-line}
.mm-post__decyzja{display:grid;gap:10px;padding:12px 14px;border-top:1px solid var(--mm-linia);background:var(--mm-powierzchnia-2)}
.mm-post__przyciski{display:flex;gap:8px}
.mm-post__przyciski .mm-btn{flex:1;justify-content:center}
.mm-post--zaakceptowany{border-color:var(--mm-sukces)}
.mm-post--zaakceptowany .mm-post__decyzja{background:var(--mm-sukces-tlo);color:var(--mm-sukces);font-weight:600;font-size:var(--mm-t-s)}

/* ---------- 8. Reguły automatyczne (reklamy) ---------- */
.mm-regula{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);padding:16px 18px;display:grid;gap:12px}
.mm-regula__gora{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mm-regula__gora b{display:flex;gap:8px;align-items:center;font-size:var(--mm-t-m)}
.mm-regula__zdanie{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--mm-t-s);line-height:1}
.mm-regula__zdanie>span{color:var(--mm-szary);font-weight:600}
.mm-regula__zdanie .mm-select,.mm-regula__zdanie .mm-input{width:auto;min-width:0;height:36px;padding-block:0;font-size:var(--mm-t-s)}
.mm-regula__zdanie .mm-input{width:96px}
.mm-regula__wynik{font-size:var(--mm-t-xs);color:var(--mm-szary);display:flex;gap:6px;align-items:center}
.mm-regula--wylaczona{opacity:.65}

/* ---------- 9. Biblioteka marki ---------- */
.mm-biblioteka{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
.mm-zasob{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r);overflow:hidden;display:flex;flex-direction:column}
.mm-zasob__podglad{aspect-ratio:4/3;background:var(--mm-powierzchnia-2);display:grid;place-content:center;position:relative;overflow:hidden}
.mm-zasob__podglad img{width:100%;height:100%;object-fit:cover}
.mm-zasob__opis{padding:10px 12px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.mm-zasob__opis b{font-size:var(--mm-t-s);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-zasob__opis span{font-size:var(--mm-t-xs);color:var(--mm-szary)}
.mm-zasob__kolory{display:flex;height:100%;width:100%}
.mm-zasob__kolory i{flex:1}
.mm-zasob__kroj{font:650 44px/1 var(--mm-font-naglowki);letter-spacing:-.03em}
.mm-zasob__ton{padding:16px;font-size:var(--mm-t-s);line-height:1.5;color:var(--mm-tekst);place-self:stretch;display:flex;align-items:center}
.mm-upusc{border:1.5px dashed var(--mm-linia-mocna);border-radius:var(--mm-r);background:var(--mm-powierzchnia-2);display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;padding:20px;color:var(--mm-szary);font-size:var(--mm-t-s);min-height:140px;cursor:pointer;transition:border-color var(--mm-ruch),background var(--mm-ruch)}
.mm-upusc:hover,.mm-upusc.nad{border-color:var(--mm-akcja);background:var(--mm-brzoskwinia);color:var(--mm-akcja-link)}

/* ---------- 10. Raport white-label ---------- */
.mm-raport{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.mm-raport{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.mm-raport__strona{aspect-ratio:210/297;background:#fff;color:#111114;border:1px solid var(--mm-linia);border-radius:6px;box-shadow:var(--mm-cien-2);padding:8% 8% 6%;display:flex;flex-direction:column;gap:6%;max-width:440px;width:100%;justify-self:center;font-size:clamp(9px,1.1vw,12px)}
.mm-raport__strona header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--r-kolor,#111114);padding-bottom:4%}
.mm-raport__logo{font:700 1.5em var(--mm-font-naglowki);color:var(--r-kolor,#111114)}
.mm-raport__strona h3{font:650 2.1em/1.1 var(--mm-font-naglowki);margin:0;letter-spacing:-.02em}
.mm-raport__kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:4%}
.mm-raport__kpi div{border:1px solid #ECE7E5;border-radius:6px;padding:6% 8%}
.mm-raport__kpi small{color:#6E6A70;display:block}
.mm-raport__kpi b{font:650 1.7em var(--mm-font-naglowki)}
.mm-raport__wykres{flex:1;display:flex;align-items:flex-end;gap:3%;border-bottom:1px solid #ECE7E5}
.mm-raport__wykres i{flex:1;background:var(--r-kolor,#111114);opacity:.85;border-radius:3px 3px 0 0}
.mm-raport__strona footer{display:flex;justify-content:space-between;color:#9A959C;font-size:.85em}
.mm .mm-kanal,.mm .mm-os__tresc .mm-kanal{color:#fff;font-size:11px;font-weight:700}
.mm a.mm-paleta__pozycja,.mm a.mm-kampania__czesc{color:var(--mm-tekst);text-decoration:none}
.mm-post--zaakceptowany .mm-post__decyzja{display:flex;align-items:center;gap:8px}
@media (max-width:640px){.mm-os::before{left:54px}.mm-os li{grid-template-columns:40px 14px minmax(0,1fr)}.mm-os li>.mm-znaczek{grid-column:3;justify-self:start;margin-top:-2px}}

/* =====================================================================
   Panel 2.4: moduły (wspólna skrzynka, opinie Google, newsletter,
   podgląd konkurencji). Te same tokeny co reszta panelu.
   ===================================================================== */
.mm-kanal--fb{--k:#1877F2}.mm-kanal--ig{--k:#C13584}.mm-kanal--wa{--k:#0F7A5A}.mm-kanal--tt{--k:#111}.mm-kanal--g{--k:#1A73E8}.mm-kanal--in{--k:#0A66C2}
.mm-kanal--maly{width:20px;height:20px;flex-basis:20px;border-radius:6px;font-size:9px}

/* ---------- Wspólna skrzynka ---------- */
.mm-skrzynka{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);min-height:520px;background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);overflow:hidden}
.mm-skrzynka__lista{border-right:1px solid var(--mm-linia);display:flex;flex-direction:column;min-width:0}
.mm-skrzynka__filtry{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--mm-linia);overflow-x:auto;scrollbar-width:none}
.mm-skrzynka__filtry button{flex:0 0 auto;border:1px solid var(--mm-linia);background:var(--mm-powierzchnia);color:var(--mm-szary);border-radius:var(--mm-r-pelny);padding:5px 11px;font:500 12px var(--mm-font-tekst);cursor:pointer}
.mm-skrzynka__filtry button[aria-pressed="true"]{background:var(--mm-grafit);border-color:var(--mm-grafit);color:#F4F2F1}
.mm-rozmowa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:start;padding:12px 14px;border-bottom:1px solid var(--mm-linia);text-decoration:none;color:inherit;position:relative}
.mm .mm-rozmowa{color:inherit}
.mm-rozmowa:hover{background:var(--mm-powierzchnia-2)}
.mm-rozmowa[aria-current="true"]{background:var(--mm-brzoskwinia)}
.mm-rozmowa[aria-current="true"]::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--mm-akcja)}
.mm-rozmowa__osoba{position:relative}
.mm-rozmowa__osoba .mm-kanal{position:absolute;right:-8px;bottom:-6px;box-shadow:0 0 0 2px var(--mm-powierzchnia)}
.mm-rozmowa b{font-size:var(--mm-t-s);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-rozmowa p{margin:2px 0 0;font-size:13px;color:var(--mm-szary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-rozmowa time{font-size:12px;color:var(--mm-szary);white-space:nowrap}
.mm-rozmowa--nowa b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mm-akcja);margin-left:6px;vertical-align:1px}
.mm-watek{display:flex;flex-direction:column;min-width:0}
.mm-watek__gora{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--mm-linia)}
.mm-watek__gora div{min-width:0;flex:1}
.mm-watek__gora b{display:block}
.mm-watek__gora small{color:var(--mm-szary);font-size:12px}
.mm-watek__tresc{flex:1;display:flex;flex-direction:column;gap:10px;padding:18px 16px;background:var(--mm-tlo);overflow-y:auto}
.mm-watek__tresc .mm-wiadomosc--klient{align-self:flex-start;background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-bottom-left-radius:4px}
.mm-watek__dzien{align-self:center;font-size:12px;color:var(--mm-szary)}
.mm-odpowiedz{border-top:1px solid var(--mm-linia);padding:12px 16px;display:grid;gap:10px}
.mm-odpowiedz__ai{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--mm-r);background:var(--mm-brzoskwinia);font-size:var(--mm-t-s)}
.mm-odpowiedz__ai .mm-ikona{color:var(--mm-akcja-link);flex:0 0 auto;margin-top:2px}
.mm-odpowiedz__ai p{margin:0;flex:1}
.mm-odpowiedz__dol{display:flex;gap:8px;align-items:flex-end}
.mm-odpowiedz__dol .mm-textarea{flex:1;min-height:44px;resize:vertical}

/* ---------- Opinie Google ---------- */
.mm-gwiazdki{display:inline-flex;gap:2px;color:#E8A317;font-size:15px;letter-spacing:0;line-height:1}
.mm-gwiazdki i{font-style:normal}
.mm-gwiazdki i.pusta{color:var(--mm-linia-mocna)}
.mm-opinie{display:grid;gap:12px}
.mm-opinia{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);padding:16px 18px;display:grid;gap:10px}
.mm-opinia__gora{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mm-opinia__gora b{font-size:var(--mm-t-s)}
.mm-opinia__gora small{color:var(--mm-szary);font-size:12px;margin-left:auto}
.mm-opinia>p{margin:0;font-size:var(--mm-t-s);line-height:1.55}
.mm-opinia__odpowiedz{border-left:3px solid var(--mm-linia-mocna);padding:8px 0 8px 12px;font-size:13px;color:var(--mm-szary)}
.mm-opinia__odpowiedz b{display:block;color:var(--mm-tekst);font-size:12px;margin-bottom:2px}
.mm-opinia--bez-odpowiedzi{border-color:color-mix(in srgb,var(--mm-akcja) 35%,var(--mm-linia))}
.mm-ocena{display:flex;align-items:center;gap:16px}
.mm-ocena__liczba{font:650 44px/1 var(--mm-font-naglowki);letter-spacing:-.03em}
.mm-ocena__rozklad{flex:1;display:grid;gap:4px;font-size:12px;color:var(--mm-szary)}
.mm-ocena__rozklad div{display:grid;grid-template-columns:12px 1fr 28px;gap:8px;align-items:center}
.mm-ocena__rozklad span{height:6px;border-radius:3px;background:var(--mm-powierzchnia-2);overflow:hidden}
.mm-ocena__rozklad span i{display:block;height:100%;background:#E8A317;border-radius:3px}
.mm-qr{display:flex;gap:16px;align-items:center}
.mm-qr__kod{width:112px;height:112px;flex:0 0 112px;border-radius:12px;background:#fff;border:1px solid var(--mm-linia);padding:8px;display:grid}
.mm-qr__kod svg{width:100%;height:100%}

/* ---------- Newsletter ---------- */
.mm-wydanie{display:grid;gap:8px}
.mm-wydanie__post{display:grid;grid-template-columns:auto 56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--mm-linia);border-radius:var(--mm-r);background:var(--mm-powierzchnia)}
.mm-wydanie__post:has(input:not(:checked)){opacity:.6}
.mm-wydanie__miniatura{width:56px;height:56px;border-radius:10px;background:var(--mm-powierzchnia-2) center/cover}
.mm-wydanie__post b{display:block;font-size:var(--mm-t-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-wydanie__post small{color:var(--mm-szary);font-size:12px}
.mm-wydanie__post input{width:18px;height:18px;accent-color:var(--mm-akcja)}
.mm-mail{border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);overflow:hidden;background:#fff;color:#1D1A1E;max-width:420px}
.mm-mail__gora{padding:16px 20px;border-bottom:1px solid #EEE9E6;font:650 16px var(--mm-font-naglowki)}
.mm-mail__post{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px 20px;border-bottom:1px solid #EEE9E6;font-size:13px}
.mm-mail__post i{height:72px;border-radius:8px;display:block}
.mm-mail__post b{display:block;margin-bottom:2px}
.mm-mail__stopka{padding:12px 20px;font-size:11px;color:#6E6A70}

/* ---------- Podgląd konkurencji ---------- */
.mm-konkurenci{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.mm-konkurent{background:var(--mm-powierzchnia);border:1px solid var(--mm-linia);border-radius:var(--mm-r-l);padding:16px 18px;display:grid;gap:14px}
.mm-konkurent__gora{display:flex;align-items:center;gap:10px}
.mm-konkurent__gora div{flex:1;min-width:0}
.mm-konkurent__gora b{display:block}
.mm-konkurent__gora small{color:var(--mm-szary);font-size:12px}
.mm-konkurent__liczby{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.mm-konkurent__liczby div{background:var(--mm-powierzchnia-2);border-radius:10px;padding:8px 4px}
.mm-konkurent__liczby b{display:block;font:650 18px var(--mm-font-naglowki);font-variant-numeric:tabular-nums}
.mm-konkurent__liczby small{font-size:11px;color:var(--mm-szary)}
.mm-konkurent__tydzien{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;align-items:end;height:44px}
.mm-konkurent__tydzien i{display:block;border-radius:4px 4px 0 0;background:var(--mm-linia-mocna);min-height:3px}
.mm-konkurent__tydzien i.my{background:var(--mm-akcja)}
.mm-konkurent__top{display:flex;gap:10px;align-items:center;font-size:13px}
.mm-konkurent__top i{width:44px;height:44px;flex:0 0 44px;border-radius:8px;display:block}
.mm-konkurent__top p{margin:0;flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mm-konkurent__top b{white-space:nowrap;font-variant-numeric:tabular-nums}

@media (max-width:760px){
  .mm-skrzynka{grid-template-columns:minmax(0,1fr)}
  .mm-skrzynka__lista{border-right:0;border-bottom:1px solid var(--mm-linia)}
  .mm-skrzynka--watek .mm-skrzynka__lista{display:none}
  .mm-wydanie__post{grid-template-columns:auto 44px minmax(0,1fr)}
  .mm-wydanie__post>.mm-znaczek{display:none}
  .mm-wydanie__miniatura{width:44px;height:44px}
  .mm-qr{flex-direction:column;align-items:flex-start}
}