/* MENski Fryzjer — wyłącznie publiczne widoki. Bez reguł globalnych dla /admin. */
:where(html[data-menski-presentation="admin-desktop"]) .site {
  --bg:#fcfcfc; --surface:#fff; --surface2:#f9fafb; --ink:#11161b; --muted:#657083;
  --edge:#e9ebef; --gold:#ffbd3e; --gold-deep:#ed920a; --gold-ink:#19150c;
  --hero-mask:rgba(255,255,255,.99); --shadow:0 10px 28px rgba(10,20,25,.035);
  background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;
  min-height:100dvh;overflow-x:clip;
}
:where(html[data-menski-presentation="admin-desktop"]) .site[data-theme='dark'] {
  --bg:#090f10; --surface:#121619; --surface2:#141b1e; --ink:#f5f7f8; --muted:#aab3bd;
  --edge:#2c3439; --gold:#ffc044; --gold-deep:#ffbc30; --gold-ink:#15110b;
  --hero-mask:rgba(9,13,16,.98); --shadow:none;
}
:where(html[data-menski-presentation="admin-desktop"]) .site * {box-sizing:border-box;}
:where(html[data-menski-presentation="admin-desktop"]) .site a {color:inherit;}
:where(html[data-menski-presentation="admin-desktop"]) .site button{font-family:inherit;}
:where(html[data-menski-presentation="admin-desktop"]) .container {width:min(1330px,calc(100% - 68px));margin-inline:auto;}
:where(html[data-menski-presentation="admin-desktop"]) .header{border-bottom:1px solid var(--edge);background:var(--surface);position:relative;z-index:10;}
:where(html[data-menski-presentation="admin-desktop"]) .site[data-theme='dark'] .header{background:#0f1416;}
:where(html[data-menski-presentation="admin-desktop"]) .nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
:where(html[data-menski-presentation="admin-desktop"]) .brand{white-space:nowrap;text-decoration:none;letter-spacing:-1.1px;font-size:24px;line-height:1;}
:where(html[data-menski-presentation="admin-desktop"]) .brand strong{letter-spacing:-1.5px;font-size:26px;font-weight:900;}
:where(html[data-menski-presentation="admin-desktop"]) .brand span{font-weight:400;}
:where(html[data-menski-presentation="admin-desktop"]) .navLinks{display:flex;align-items:center;gap:clamp(17px,2.5vw,38px);margin-left:auto;}
:where(html[data-menski-presentation="admin-desktop"]) .navLinks a{text-decoration:none;font-size:12px;white-space:nowrap;color:var(--ink);padding:8px 0;}
:where(html[data-menski-presentation="admin-desktop"]) .navLinks a[aria-current="page"]{border-bottom:2px solid var(--gold-deep);font-weight:700;}
:where(html[data-menski-presentation="admin-desktop"]) .navActions{display:flex;align-items:center;gap:8px;}
:where(html[data-menski-presentation="admin-desktop"]) .customerHeader .navActions{margin-left:auto;}
:where(html[data-menski-presentation="admin-desktop"]) .customerHeader .nav{flex-wrap:nowrap;}
:where(html[data-menski-presentation="admin-desktop"]) .customerHeader .accountButton [data-session-logout-label]{display:inline;}
:where(html[data-menski-presentation="admin-desktop"]) .customerHeader .accountButton [data-session-logout-icon]{display:none;}
@media(max-width:395px){
 :where(html[data-menski-presentation="admin-desktop"]) .customerHeader .accountButton{width:44px;padding-inline:0;flex-shrink:0;}
 :where(html[data-menski-presentation="admin-desktop"]) .customerHeader .accountButton [data-session-logout-label]{display:none;}
 :where(html[data-menski-presentation="admin-desktop"]) .customerHeader .accountButton [data-session-logout-icon]{display:flex;align-items:center;justify-content:center;}
 :where(html[data-menski-presentation="admin-desktop"]) .customerHeader .accountButton svg{width:20px;height:20px;}
}
@media(max-width:340px){
 :where(html[data-menski-presentation="admin-desktop"]) .customerHeader .container{width:calc(100% - 12px);}
 :where(html[data-menski-presentation="admin-desktop"]) .customerHeader .nav,:where(html[data-menski-presentation="admin-desktop"]) .customerHeader .navActions{gap:3px;}
}
:where(html[data-menski-presentation="admin-desktop"]) .themeToggle{height:33px;width:33px;display:grid;place-items:center;border:1px solid var(--edge);border-radius:50%;color:var(--ink);background:var(--surface);cursor:pointer;}
:where(html[data-menski-presentation="admin-desktop"]) .themeToggle svg{width:17px;height:17px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountButton,:where(html[data-menski-presentation="admin-desktop"]) .bookButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:35px;border-radius:7px;padding:0 13px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;}
:where(html[data-menski-presentation="admin-desktop"]) .accountButton{border:1px solid var(--gold);background:var(--surface);}
:where(html[data-menski-presentation="admin-desktop"]) .accountButton svg{width:17px;height:17px;}
:where(html[data-menski-presentation="admin-desktop"]) .bookButton{border:1px solid #f1ad24;background:linear-gradient(130deg,#ffcf68,#ffb52b);color:#17130a!important;box-shadow:0 2px 5px rgba(160,90,0,.1);}
:where(html[data-menski-presentation="admin-desktop"]) .bookButton:hover{background:#ffb01e;}
:where(html[data-menski-presentation="admin-desktop"]) .site a:focus-visible,:where(html[data-menski-presentation="admin-desktop"]) .site button:focus-visible{outline:3px solid var(--gold-deep);outline-offset:2px;}
/* Strona główna: proporcje zgodne ze zwięzłą makietą (jeden widok desktop). */
:where(html[data-menski-presentation="admin-desktop"]) .hero{position:relative;isolation:isolate;min-height:clamp(286px,44dvh,410px);overflow:hidden;background:var(--surface);}
:where(html[data-menski-presentation="admin-desktop"]) .heroPicture{position:absolute;inset:0;z-index:-2;background-image:url('/menski-public-hero-generated-20261011.png');background-size:cover;background-position:right center;}
:where(html[data-menski-presentation="admin-desktop"]) .site[data-theme='dark'] .heroPicture{background-image:url('/menski-public-hero-generated-20261011.png');}
:where(html[data-menski-presentation="admin-desktop"]) .hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--hero-mask) 0%,var(--hero-mask) 21%,transparent 64%);pointer-events:none;}
:where(html[data-menski-presentation="admin-desktop"]) .heroContent{min-height:inherit;display:flex;align-items:center;padding-block:23px;}
:where(html[data-menski-presentation="admin-desktop"]) .heroCopy{width:min(640px,57%);}
:where(html[data-menski-presentation="admin-desktop"]) .kicker{font-size:clamp(9px,0.8vw,11px);font-weight:750;color:var(--muted);letter-spacing:1.55px;margin:0 0 9px;}
:where(html[data-menski-presentation="admin-desktop"]) .hero h1{margin:0;color:var(--ink);line-height:1.03;letter-spacing:-1.4px;white-space:nowrap;}
:where(html[data-menski-presentation="admin-desktop"]) .hero h1 strong{display:block;font-weight:900;font-size:clamp(30px,3.7vw,54px);letter-spacing:-1.5px;}
:where(html[data-menski-presentation="admin-desktop"]) .hero h1 span{display:block;font-weight:400;font-size:clamp(19px,2.75vw,40px);}
:where(html[data-menski-presentation="admin-desktop"]) .heroDescription{font-size:clamp(11px,.94vw,14px);line-height:1.55;color:var(--muted);margin:12px 0 13px;}
:where(html[data-menski-presentation="admin-desktop"]) .heroActions{margin-bottom:14px;}
:where(html[data-menski-presentation="admin-desktop"]) .heroActions .bookButton{min-height:43px;padding-inline:20px;font-size:15px;}
:where(html[data-menski-presentation="admin-desktop"]) .heroActions svg{width:20px;height:20px;}
:where(html[data-menski-presentation="admin-desktop"]) .heroContact{display:flex;gap:26px;align-items:center;flex-wrap:wrap;}
:where(html[data-menski-presentation="admin-desktop"]) .phone,:where(html[data-menski-presentation="admin-desktop"]) .address{display:inline-flex;gap:9px;align-items:center;text-decoration:none;line-height:1.4;}
:where(html[data-menski-presentation="admin-desktop"]) .phone{font-size:15px;white-space:nowrap;}
:where(html[data-menski-presentation="admin-desktop"]) .phone svg,:where(html[data-menski-presentation="admin-desktop"]) .address svg{width:21px;height:21px;flex-shrink:0;}
:where(html[data-menski-presentation="admin-desktop"]) .address{font-size:12px;color:var(--muted)!important;}
:where(html[data-menski-presentation="admin-desktop"]) .address small{font-size:11px;}
:where(html[data-menski-presentation="admin-desktop"]) .services{padding-block:15px 8px;}
:where(html[data-menski-presentation="admin-desktop"]) .sectionTitle{display:flex;align-items:baseline;gap:13px;margin-bottom:13px;}
:where(html[data-menski-presentation="admin-desktop"]) .sectionTitle h2{font-size:19px;font-weight:800;margin:0;white-space:nowrap;letter-spacing:-.3px;}
:where(html[data-menski-presentation="admin-desktop"]) .sectionTitle p{color:var(--muted);margin:0;font-size:11px;}
:where(html[data-menski-presentation="admin-desktop"]) .servicesCarousel{position:relative;}
:where(html[data-menski-presentation="admin-desktop"]) .servicesGrid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
:where(html[data-menski-presentation="admin-desktop"]) .servicesGrid::-webkit-scrollbar{display:none;}
:where(html[data-menski-presentation="admin-desktop"]) .carouselNav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid var(--edge);border-radius:50%;background:var(--surface);color:var(--ink);font-size:23px;line-height:1;cursor:pointer;box-shadow:var(--shadow);}
:where(html[data-menski-presentation="admin-desktop"]) .carouselPrevious{left:-12px;}:where(html[data-menski-presentation="admin-desktop"]) .carouselNext{right:-12px;}:where(html[data-menski-presentation="admin-desktop"]) .carouselNav:disabled{opacity:.35;cursor:default;}
:where(html[data-menski-presentation="admin-desktop"]) .serviceCard{min-width:0;min-height:116px;display:flex;flex-direction:column;justify-content:space-between;padding:12px 13px 9px;border:1px solid var(--edge);border-radius:9px;background:var(--surface);text-decoration:none;transition:border-color .14s ease;}
:where(html[data-menski-presentation="admin-desktop"]) .serviceCard:hover{border-color:var(--gold-deep);}
:where(html[data-menski-presentation="admin-desktop"]) .servicesGrid .serviceCard:focus-visible{outline-offset:-3px;}
:where(html[data-menski-presentation="admin-desktop"]) .serviceTop{display:flex;gap:10px;align-items:center;}
:where(html[data-menski-presentation="admin-desktop"]) .serviceIcon{width:60px;height:56px;display:flex;gap:0;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold-deep);}
:where(html[data-menski-presentation="admin-desktop"]) .serviceIcon svg{width:36px;height:36px;}
:where(html[data-menski-presentation="admin-desktop"]) .comboIcon{width:70px;}
:where(html[data-menski-presentation="admin-desktop"]) .comboIcon svg{width:36px;height:40px;}
:where(html[data-menski-presentation="admin-desktop"]) .serviceCopy h3{margin:0 0 5px;font-size:13px;line-height:1.25;font-weight:800;}
:where(html[data-menski-presentation="admin-desktop"]) .serviceCopy p{margin:0;font-size:11px;line-height:1.35;color:var(--muted);}
:where(html[data-menski-presentation="admin-desktop"]) .serviceBottom{border-top:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:7px;margin-top:7px;color:var(--muted);font-size:9px;}
:where(html[data-menski-presentation="admin-desktop"]) .serviceBottom span:first-child:before{content:"ⓘ";margin-right:5px;}
:where(html[data-menski-presentation="admin-desktop"]) .serviceArrow{border-radius:100%;background:var(--gold);color:#111;flex:0 0 21px;height:21px;display:grid;place-items:center;font-size:14px;font-weight:700;}
:where(html[data-menski-presentation="admin-desktop"]) .infoGrid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;padding-block:6px 14px;}
:where(html[data-menski-presentation="admin-desktop"]) .infoCard{position:relative;min-width:0;min-height:141px;overflow:hidden;padding:15px 16px;background:var(--surface);border:1px solid var(--edge);border-radius:9px;}
:where(html[data-menski-presentation="admin-desktop"]) .infoHeadline{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
:where(html[data-menski-presentation="admin-desktop"]) .infoHeadline svg,:where(html[data-menski-presentation="admin-desktop"]) .accountCardTitle svg{width:21px;height:21px;color:var(--gold-deep);flex-shrink:0;}
:where(html[data-menski-presentation="admin-desktop"]) .infoHeadline h2{font-size:13px;font-weight:800;margin:0;}
:where(html[data-menski-presentation="admin-desktop"]) .infoCard p,:where(html[data-menski-presentation="admin-desktop"]) .accountApp p{font-size:11px;line-height:1.52;color:var(--muted);margin:4px 0;}
:where(html[data-menski-presentation="admin-desktop"]) .contactStrong{font-size:13px;text-decoration:none;font-weight:800;}
:where(html[data-menski-presentation="admin-desktop"]) .hoursCard .infoHeadline{margin-bottom:6px;}
:where(html[data-menski-presentation="admin-desktop"]) .hoursList{display:grid;gap:3px;margin-top:0;}
:where(html[data-menski-presentation="admin-desktop"]) .hoursCard .hoursNote{margin-top:6px;line-height:1.4;}
:where(html[data-menski-presentation="admin-desktop"]) .contactCard .infoHeadline{margin-bottom:7px;}
:where(html[data-menski-presentation="admin-desktop"]) .contactCard .contactStrong{display:inline-flex;align-items:center;gap:6px;}
:where(html[data-menski-presentation="admin-desktop"]) .contactCard .contactStrong svg{width:16px;height:16px;color:var(--gold-deep);flex-shrink:0;}
:where(html[data-menski-presentation="admin-desktop"]) .contactSocialRow{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:8px;padding-top:8px;border-top:1px solid var(--edge);font-size:11px;line-height:1.52;color:var(--muted);}
:where(html[data-menski-presentation="admin-desktop"]) .contactSocialLinks{display:flex;align-items:center;gap:9px;}
:where(html[data-menski-presentation="admin-desktop"]) .socialLink{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)!important;}
:where(html[data-menski-presentation="admin-desktop"]) .socialLink svg{width:16px;height:16px;}
:where(html[data-menski-presentation="admin-desktop"]) .contactAddress{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.52;margin-top:4px;color:var(--muted)!important;text-decoration:none;}
:where(html[data-menski-presentation="admin-desktop"]) .contactAddress svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;}
:where(html[data-menski-presentation="admin-desktop"]) .hoursRow{font-size:11px;display:flex;justify-content:space-between;gap:8px;color:var(--muted);}
:where(html[data-menski-presentation="admin-desktop"]) .hoursRow strong{font-size:11px;color:var(--ink);}
:where(html[data-menski-presentation="admin-desktop"]) .hoursRow a{text-decoration:none;color:var(--gold-deep);font-weight:700;}
:where(html[data-menski-presentation="admin-desktop"]) .appCard{display:flex;align-items:stretch;padding-right:145px;background:linear-gradient(105deg,var(--surface) 50%,rgba(255,189,62,.1));}
:where(html[data-menski-presentation="admin-desktop"]) .appCopy{position:relative;z-index:1;min-width:0;}
:where(html[data-menski-presentation="admin-desktop"]) .appCopy p{max-width:245px;}
:where(html[data-menski-presentation="admin-desktop"]) .appUnavailable{margin-top:8px;padding:10px 13px;border:0;border-radius:6px;background:var(--gold);color:var(--gold-ink);font-size:11px;font-weight:800;cursor:not-allowed;opacity:.72;}
:where(html[data-menski-presentation="admin-desktop"]) .appCopy>small{display:block;color:var(--muted);font-size:9px;margin-top:4px;}
:where(html[data-menski-presentation="admin-desktop"]) .phonePreviewScene{position:absolute;z-index:0;right:0;bottom:0;top:0;width:150px;background-image:url('/menski-public-phone-generated-20261011.png');background-repeat:no-repeat;background-size:contain;background-position:right bottom;}
/* Projekcja dotyczy wyłącznie treści ekranu w oryginalnym zdjęciu 1086×1448.
   PNG wzorca pozostaje niezmieniony; ramka, dłoń i osadzenie są poza projekcją. */
:where(html[data-menski-presentation="admin-desktop"]) .phoneScreenProjection{display:block;width:100%;height:100%;overflow:visible;}
:where(html[data-menski-presentation="admin-desktop"]) .phoneScreenSource{
 width:1312px;height:1199px;background-image:url('/menski-aplikacja-zatwierdzona.png');background-repeat:no-repeat;background-size:1312px 1199px;background-position:0 0;
 clip-path:polygon(515px 65px,980px 142px,774px 1130px,321px 1045px);
 transform-origin:0 0;transform:matrix3d(1.0243264939029428,0.06304385401404453,0,-0.000011671349459452875,-0.02494235579864295,0.8413505850162472,0,-0.0000865574677593779,0,0,1,0,-120.67805318725465,121.38922429737968,0,1);
}
:where(html[data-menski-presentation="admin-desktop"]) .footer{background:var(--surface);border-top:1px solid var(--edge);color:var(--muted);font-size:10px;}
:where(html[data-menski-presentation="admin-desktop"]) .footer .container{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
/* Konto klienta — prawdziwe, puste stany dopóki nie działa logowanie. */
:where(html[data-menski-presentation="admin-desktop"]) .accountPage{padding-bottom:14px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountHero{height:clamp(144px,19dvh,246px);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;}
:where(html[data-menski-presentation="admin-desktop"]) .accountHeroPicture{position:absolute;inset:0 0 0 auto;aspect-ratio:3;max-width:100%;z-index:-2;background:url('/menski-public-account-generated-20261011.png') right center/contain no-repeat;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 94%,transparent),linear-gradient(#000 84%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 94%,transparent),linear-gradient(#000 84%,transparent);-webkit-mask-composite:source-in;}
:where(html[data-menski-presentation="admin-desktop"]) .site[data-theme='dark'] .accountHeroPicture{background-image:url('/menski-public-account-generated-20261011.png');mask-image:linear-gradient(90deg,transparent,#000 42%,#000 94%,transparent),linear-gradient(#000 84%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%,#000 94%,transparent),linear-gradient(#000 84%,transparent);}
:where(html[data-menski-presentation="admin-desktop"]) .accountLogoPatch{display:block;width:100%;height:100%;}
:where(html[data-menski-presentation="admin-desktop"]) .accountHero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--hero-mask) 0%,var(--hero-mask) 27%,transparent 74%);}
:where(html[data-menski-presentation="admin-desktop"]) .accountHeroCopy{padding:8px 11px;max-width:60%;}
:where(html[data-menski-presentation="admin-desktop"]) .accountHeroCopy .kicker{margin-bottom:4px;letter-spacing:1px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountHeroCopy h1{font-size:clamp(24px,2.3vw,32px);margin:0;line-height:1.15;letter-spacing:-.7px;}
:where(html[data-menski-presentation="admin-desktop"]) .greetingAccent{color:var(--gold-deep);}
:where(html[data-menski-presentation="admin-desktop"]) .accountHeroCopy h2{font-size:clamp(15px,1.5vw,19px);font-weight:400;margin:4px 0 5px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountHeroCopy p:last-child{color:var(--muted);font-size:11px;line-height:1.42;margin:0;}
:where(html[data-menski-presentation="admin-desktop"]) .accountShortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 11px;}
:where(html[data-menski-presentation="admin-desktop"]) .shortcut{display:flex;justify-content:center;align-items:center;gap:10px;min-width:0;height:47px;border:1px solid var(--edge);background:var(--surface);border-radius:7px;text-decoration:none;}
:where(html[data-menski-presentation="admin-desktop"]) .shortcut strong{font-size:11px;white-space:nowrap;}
:where(html[data-menski-presentation="admin-desktop"]) .shortcutIcon{font-size:24px;line-height:1;color:var(--gold-deep);}
:where(html[data-menski-presentation="admin-desktop"]) .shortcutIcon svg{width:25px;height:25px;}
:where(html[data-menski-presentation="admin-desktop"]) .shortcut[aria-disabled="true"]{cursor:default;}
:where(html[data-menski-presentation="admin-desktop"]) .accountColumns{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:11px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountCard{border:1px solid var(--edge);background:var(--surface);border-radius:9px;padding:15px 16px;min-width:0;min-height:0;overflow:hidden;}
:where(html[data-menski-presentation="admin-desktop"]) .accountCardTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountCardTitle h2{margin:0;font-size:14px;display:flex;align-items:center;gap:9px;font-weight:800;}
:where(html[data-menski-presentation="admin-desktop"]) .cardInlineAction,:where(html[data-menski-presentation="admin-desktop"]) .cardStatus{font-size:10px;color:var(--gold-deep);background:none;border:0;padding:0;white-space:nowrap;}
:where(html[data-menski-presentation="admin-desktop"]) .cardInlineAction:disabled{opacity:.5;cursor:not-allowed;}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentPreview{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentDate{display:grid;justify-items:center;align-content:center;gap:4px;min-height:92px;padding:8px 3px;border-radius:7px;background:var(--surface2);}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentDate strong{font-size:31px;line-height:1;font-weight:800;}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentDate small{font-size:9px;color:var(--muted);text-align:center;}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentDetails>span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentDetails svg{width:16px;height:16px;color:var(--gold-deep);flex-shrink:0;}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentDetails h3{margin:5px 0 3px;font-size:14px;}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentDetails p{margin:0;font-size:11px;line-height:1.4;color:var(--muted);}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentDetails>div{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:10px;line-height:1.4;color:var(--muted);}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentDetails>div svg{color:var(--ink);}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentControls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentControls button{display:flex;align-items:center;justify-content:center;gap:7px;}
:where(html[data-menski-presentation="admin-desktop"]) .appointmentControls svg{width:13px;height:13px;}
:where(html[data-menski-presentation="admin-desktop"]) .secondaryAction{border:1px solid var(--edge);background:var(--surface);border-radius:6px;padding:7px 10px;font-size:10px;color:var(--ink);}
:where(html[data-menski-presentation="admin-desktop"]) .secondaryAction:disabled{opacity:.45;cursor:not-allowed;}
:where(html[data-menski-presentation="admin-desktop"]) .dataRows{display:grid;}
:where(html[data-menski-presentation="admin-desktop"]) .dataRows>div{display:grid;grid-template-columns:45% 1fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--edge);font-size:11px;}
:where(html[data-menski-presentation="admin-desktop"]) .dataRows>div span,:where(html[data-menski-presentation="admin-desktop"]) .dataRows strong{font-weight:400;color:var(--muted);}
:where(html[data-menski-presentation="admin-desktop"]) .cardFoot{font-size:10px;color:var(--muted);margin:10px 0 0;}
:where(html[data-menski-presentation="admin-desktop"]) .historyTable{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;}
:where(html[data-menski-presentation="admin-desktop"]) .historyTable th{font-size:10px;font-weight:400;color:var(--muted);padding:2px 4px 9px;border-bottom:1px solid var(--edge);}
:where(html[data-menski-presentation="admin-desktop"]) .historyTable th:nth-child(1){width:19%;}:where(html[data-menski-presentation="admin-desktop"]) .historyTable th:nth-child(2){width:29%;}:where(html[data-menski-presentation="admin-desktop"]) .historyTable th:nth-child(3){width:18%;}:where(html[data-menski-presentation="admin-desktop"]) .historyTable th:nth-child(4){width:21%;}:where(html[data-menski-presentation="admin-desktop"]) .historyTable th:nth-child(5){width:13%;}
:where(html[data-menski-presentation="admin-desktop"]) .historyTable td{font-size:11px;color:var(--muted);padding:18px 4px;line-height:1.45;}
:where(html[data-menski-presentation="admin-desktop"]) .accountApp{position:relative;display:flex;align-items:stretch;padding-right:170px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountApp .appCopy{max-width:270px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountApp .phonePreviewScene{width:165px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountHelp{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-top:10px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountHelp svg{width:16px;height:16px;}
:where(html[data-menski-presentation="admin-desktop"]) .accountHelp a{margin-left:auto;text-decoration:none;font-weight:700;}
/* Desktop wysokość: wyrównanie stron bez scrolla przy typowych ekranach. */
@media(min-width:1050px) and (max-height:850px){
 :where(html[data-menski-presentation="admin-desktop"]) .hero{min-height:clamp(275px,39dvh,335px);}
 :where(html[data-menski-presentation="admin-desktop"]) .heroContent{padding-block:14px;}
 :where(html[data-menski-presentation="admin-desktop"]) .services{padding-top:12px;}
 :where(html[data-menski-presentation="admin-desktop"]) .serviceCard{min-height:108px;padding-block:10px 7px;}
 :where(html[data-menski-presentation="admin-desktop"]) .infoCard{min-height:123px;padding-top:12px;padding-bottom:10px;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountHero{height:clamp(144px,18.5vw,230px);}
 :where(html[data-menski-presentation="admin-desktop"]) .accountColumns{grid-template-rows:auto auto;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountCard{padding-block:12px;}
}
@media(max-width:1050px){
 :where(html[data-menski-presentation="admin-desktop"]) .container{width:calc(100% - 38px);}
 :where(html[data-menski-presentation="admin-desktop"]) .nav{gap:12px;}
 :where(html[data-menski-presentation="admin-desktop"]) .navLinks{gap:15px;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountButton,:where(html[data-menski-presentation="admin-desktop"]) .bookButton{padding:0 10px;}
 :where(html[data-menski-presentation="admin-desktop"]) .hero{min-height:clamp(300px,38dvh,335px);}
 :where(html[data-menski-presentation="admin-desktop"]) .heroCopy{width:min(580px,67%);}
 :where(html[data-menski-presentation="admin-desktop"]) .accountHero{height:clamp(144px,18.5vw,194px);}
 :where(html[data-menski-presentation="admin-desktop"]) .infoCard{padding:12px;}
 :where(html[data-menski-presentation="admin-desktop"]) .infoHeadline{gap:7px;}
 :where(html[data-menski-presentation="admin-desktop"]) .infoHeadline h2{font-size:12px;}
 :where(html[data-menski-presentation="admin-desktop"]) .serviceIcon{width:44px;}
 :where(html[data-menski-presentation="admin-desktop"]) .serviceIcon svg{width:36px;height:36px;}
 :where(html[data-menski-presentation="admin-desktop"]) .comboIcon{width:60px;}
 :where(html[data-menski-presentation="admin-desktop"]) .comboIcon svg{width:30px;height:34px;}
 :where(html[data-menski-presentation="admin-desktop"]) .serviceCopy h3{font-size:12px;}
 :where(html[data-menski-presentation="admin-desktop"]) .appCard,:where(html[data-menski-presentation="admin-desktop"]) .accountApp{padding-right:145px;}
 :where(html[data-menski-presentation="admin-desktop"]) .phonePreviewScene,:where(html[data-menski-presentation="admin-desktop"]) .accountApp .phonePreviewScene{width:138px;}
}
@media(min-width:721px) and (max-width:1050px){
 :where(html[data-menski-presentation="admin-desktop"]) .container{width:calc(100% - 48px);margin-inline:28px 20px;}
}
@media(max-width:720px){
 :where(html[data-menski-presentation="admin-desktop"]) .container{width:calc(100% - 28px);}
 :where(html[data-menski-presentation="admin-desktop"]) .nav{flex-wrap:wrap;padding-block:10px;gap:9px;}
 :where(html[data-menski-presentation="admin-desktop"]) .brand{font-size:21px;margin-right:auto;}
 :where(html[data-menski-presentation="admin-desktop"]) .brand strong{font-size:22px;}
 :where(html[data-menski-presentation="admin-desktop"]) .navLinks{order:3;width:100%;justify-content:center;gap:28px;margin-left:0;}
 :where(html[data-menski-presentation="admin-desktop"]) .navActions{gap:5px;}
 :where(html[data-menski-presentation="admin-desktop"]) .themeToggle{width:44px;height:44px;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountButton,:where(html[data-menski-presentation="admin-desktop"]) .bookButton{min-height:44px;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountButton{padding:0 9px;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountButton span{display:none;}
 :where(html[data-menski-presentation="admin-desktop"]) .hero{min-height:420px;}
 :where(html[data-menski-presentation="admin-desktop"]) .heroPicture{background-position:68% center;opacity:.55;}
 :where(html[data-menski-presentation="admin-desktop"]) .hero:after{background:linear-gradient(90deg,var(--hero-mask) 0%,var(--hero-mask) 25%,transparent 100%);}
 :where(html[data-menski-presentation="admin-desktop"]) .heroCopy{width:min(520px,100%);}
 :where(html[data-menski-presentation="admin-desktop"]) .hero h1{white-space:normal;}
 :where(html[data-menski-presentation="admin-desktop"]) .hero h1 strong{font-size:clamp(34px,7vw,46px);}
 :where(html[data-menski-presentation="admin-desktop"]) .hero h1 span{font-size:clamp(23px,5.6vw,35px);}
 :where(html[data-menski-presentation="admin-desktop"]) .heroDescription{font-size:12px;}
 :where(html[data-menski-presentation="admin-desktop"]) .servicesGrid{grid-auto-columns:100%;gap:9px;}
 :where(html[data-menski-presentation="admin-desktop"]) .serviceCard{min-height:116px;}
 :where(html[data-menski-presentation="admin-desktop"]) .infoGrid{grid-template-columns:1fr 1fr;}
 :where(html[data-menski-presentation="admin-desktop"]) .infoGrid .appCard{grid-column:1/-1;min-height:160px;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountHero{height:160px;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountHeroCopy{max-width:78%;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountShortcuts{grid-template-columns:repeat(2,minmax(0,1fr));}
 :where(html[data-menski-presentation="admin-desktop"]) .accountColumns{grid-template-columns:1fr;grid-template-rows:auto;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountCard{min-height:174px;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountApp{min-height:200px;}
}
@media(max-width:470px){
 :where(html[data-menski-presentation="admin-desktop"]) .contactSocialRow{margin-top:5px;padding-top:5px;}
 :where(html[data-menski-presentation="admin-desktop"]) .brand{font-size:19px;}
 :where(html[data-menski-presentation="admin-desktop"]) .brand strong{font-size:20px;}
 :where(html[data-menski-presentation="admin-desktop"]) .navActions>.bookButton{font-size:10px;padding-inline:7px;}
 :where(html[data-menski-presentation="admin-desktop"]) .hero{min-height:438px;}
 :where(html[data-menski-presentation="admin-desktop"]) .kicker{font-size:9px;letter-spacing:.95px;}
 :where(html[data-menski-presentation="admin-desktop"]) .hero h1 span{font-size:24px;}
 :where(html[data-menski-presentation="admin-desktop"]) .heroContact{gap:14px;}
 :where(html[data-menski-presentation="admin-desktop"]) .sectionTitle{display:block;}
 :where(html[data-menski-presentation="admin-desktop"]) .sectionTitle p{margin-top:4px;}
 :where(html[data-menski-presentation="admin-desktop"]) .infoGrid{grid-template-columns:1fr;}
 :where(html[data-menski-presentation="admin-desktop"]) .infoGrid .appCard{grid-column:auto;min-height:177px;}
 :where(html[data-menski-presentation="admin-desktop"]) .appCard,:where(html[data-menski-presentation="admin-desktop"]) .accountApp{padding-right:125px;}
 :where(html[data-menski-presentation="admin-desktop"]) .phonePreviewScene,:where(html[data-menski-presentation="admin-desktop"]) .accountApp .phonePreviewScene{width:120px;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountHeroCopy{max-width:88%;}
 :where(html[data-menski-presentation="admin-desktop"]) .accountHeroCopy h1{font-size:24px;}
 :where(html[data-menski-presentation="admin-desktop"]) .shortcut{gap:5px;}
 :where(html[data-menski-presentation="admin-desktop"]) .shortcut strong{font-size:10px;}
 :where(html[data-menski-presentation="admin-desktop"]) .footer .container{flex-wrap:wrap;padding-block:9px;}
}
@media(prefers-reduced-motion:reduce){:where(html[data-menski-presentation="admin-desktop"]) .site *{transition:none!important;animation:none!important;}}

/* Only the ordinary mobile home page paints its surrounding browser canvas.
 * No viewport/layout changes; standalone and every other page keep their canvas. */
@media(max-width:1050px) and (display-mode:browser){
}

:where(html[data-menski-presentation="admin-desktop"]) .auth-preview-body{margin:0;}
:where(html[data-menski-presentation="admin-desktop"]) .auth-preview{background:linear-gradient(160deg,var(--bg),var(--surface2));}
:where(html[data-menski-presentation="admin-desktop"]) .auth-preview .nav{min-height:65px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-badge{margin-left:auto;border:1px solid var(--edge);border-radius:20px;padding:5px 10px;font-size:10px;letter-spacing:.7px;color:var(--muted);}
:where(html[data-menski-presentation="admin-desktop"]) .ap-main{padding:42px 20px 24px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-card{width:min(480px,100%);margin:auto;border:1px solid var(--edge);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);padding:30px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-wide{width:min(940px,100%);}
:where(html[data-menski-presentation="admin-desktop"]) .ap-kicker{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--gold-deep);margin:0 0 12px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-card h1{font-size:30px;line-height:1.12;letter-spacing:-1.1px;font-weight:800;margin:0 0 13px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-card h2{font-size:18px;letter-spacing:-.4px;margin:16px 0 10px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-lead{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 22px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-card form{display:grid;gap:15px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-field{display:grid;gap:7px;font-size:13px;font-weight:600;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-field input,:where(html[data-menski-presentation="admin-desktop"]) .ap-field select{width:100%;min-height:44px;min-width:0;background:var(--surface2);color:var(--ink);font:inherit;font-weight:400;padding:11px 12px;border:1px solid var(--edge);border-radius:8px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-field input:focus-visible,:where(html[data-menski-presentation="admin-desktop"]) .ap-field select:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;background:linear-gradient(130deg,#ffcf68,#ffb52b);border:1px solid #f1ad24;color:#17130a;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-primary:disabled{opacity:.6;cursor:wait;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-primary span{font-size:18px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;font-size:12px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-links a,:where(html[data-menski-presentation="admin-desktop"]) .ap-back{color:var(--muted);text-underline-offset:3px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-back{display:inline-block;margin-top:22px;font-size:12px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-note{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-footnote{text-align:center;font-size:11px;line-height:1.6;color:var(--muted);margin:18px auto 0;max-width:520px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-status{border:1px solid var(--edge);border-left:3px solid var(--gold-deep);border-radius:8px;background:var(--surface2);padding:12px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-status[data-error="true"]{border-left-color:#c43b30;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-card hr{border:0;border-top:1px solid var(--edge);margin:24px 0;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;color:var(--muted);}
:where(html[data-menski-presentation="admin-desktop"]) .ap-check input{width:17px;height:17px;accent-color:var(--gold-deep);flex-shrink:0;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-tile{border:1px solid var(--edge);border-radius:10px;padding:17px;text-decoration:none;display:grid;gap:9px;background:var(--surface2);}
:where(html[data-menski-presentation="admin-desktop"]) .ap-tile strong{font-size:14px;}:where(html[data-menski-presentation="admin-desktop"]) .ap-tile span{font-size:12px;line-height:1.4;color:var(--muted);}:where(html[data-menski-presentation="admin-desktop"]) .ap-tile b{color:var(--gold-deep);font-size:20px;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-card details{margin:12px 0 20px;font-size:12px;}:where(html[data-menski-presentation="admin-desktop"]) .ap-card summary{cursor:pointer;color:var(--muted);}:where(html[data-menski-presentation="admin-desktop"]) .ap-card code{display:block;overflow-wrap:anywhere;user-select:all;line-height:1.5;padding-top:12px;}
:where(html[data-menski-presentation="admin-desktop"]) #ap-qr{display:block;margin:18px auto;background:#fff;border-radius:8px;max-width:100%;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-list{padding:0;list-style:none;display:grid;gap:10px;}:where(html[data-menski-presentation="admin-desktop"]) .ap-list li{background:var(--surface2);border:1px solid var(--edge);border-radius:8px;padding:12px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
:where(html[data-menski-presentation="admin-desktop"]) .ap-card dl{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:13px;}:where(html[data-menski-presentation="admin-desktop"]) .ap-card dt{color:var(--muted);}:where(html[data-menski-presentation="admin-desktop"]) .ap-card dd{margin:0;overflow-wrap:anywhere;}
:where(html[data-menski-presentation="admin-desktop"]) .auth-preview [hidden]{display:none!important;}
@media(max-width:720px){:where(html[data-menski-presentation="admin-desktop"]) .ap-main{padding:22px 16px;}:where(html[data-menski-presentation="admin-desktop"]) .ap-card{padding:22px 19px;}:where(html[data-menski-presentation="admin-desktop"]) .ap-card h1{font-size:27px;}:where(html[data-menski-presentation="admin-desktop"]) .ap-grid{grid-template-columns:1fr 1fr;}:where(html[data-menski-presentation="admin-desktop"]) .ap-badge{display:none;}:where(html[data-menski-presentation="admin-desktop"]) .auth-preview .container{width:calc(100% - 32px);}:where(html[data-menski-presentation="admin-desktop"]) .ap-two{grid-template-columns:1fr;}:where(html[data-menski-presentation="admin-desktop"]) .ap-card dl{grid-template-columns:1fr;gap:5px;}}
@media(max-width:430px){:where(html[data-menski-presentation="admin-desktop"]) .ap-grid{grid-template-columns:1fr;}}

/* Isolated feedback only: no selectors change an approved page or calendar. */
:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-toasts{position:fixed;right:20px;bottom:20px;z-index:1000;display:grid;gap:12px;width:min(420px,calc(100vw - 32px));pointer-events:none;font-family:Arial,Helvetica,sans-serif}
:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-toast,:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-dialog{--mf-fg:#11161b;--mf-bg:#fff;--mf-edge:#e3e6eb;--mf-muted:#657083;color:var(--mf-fg);background:var(--mf-bg);border:1px solid var(--mf-edge);border-radius:18px;box-shadow:0 18px 60px #0003;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-toast[data-theme=dark],:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-dialog[data-theme=dark]{--mf-fg:#f5f7f8;--mf-bg:#121619;--mf-edge:#343c42;--mf-muted:#b2bac5;color-scheme:dark}
:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-toast{display:flex;gap:13px;align-items:flex-start;padding:20px;pointer-events:auto}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-toast>div{flex:1;min-width:0}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-toast strong{font-size:16px;line-height:1.4}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-toast p{margin:7px 0 0;font-size:14px;line-height:1.6;color:var(--mf-muted);overflow-wrap:anywhere}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #ffac32;border-radius:50%;color:#c27500;background:#ffae2715;font-size:20px;font-weight:700}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-close{flex:none;width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;color:var(--mf-muted);background:transparent;font-size:24px;cursor:pointer}
:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-heading{display:flex;align-items:center;gap:13px}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-heading h2{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-dialog>p{font-size:15px;line-height:1.7;color:var(--mf-muted);white-space:pre-line;overflow-wrap:anywhere;margin:20px 0 24px}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-actions{display:flex;gap:12px}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-actions button{flex:1;min-height:46px;padding:11px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-secondary{color:var(--mf-fg);background:transparent;border:1px solid var(--mf-edge)}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-primary{color:#15110b;background:linear-gradient(110deg,#ffbf4b,#ffa922);border:1px solid #f1ad24}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-actions button:hover,:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-close:hover{filter:brightness(.95)}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-actions button:focus-visible,:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-close:focus-visible{outline:3px solid #ed920a;outline-offset:3px}
@media(max-width:480px){:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-toasts{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-toast{padding:16px;gap:10px}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-dialog{padding:22px}:where(html[data-menski-presentation="admin-desktop"]) .mf-feedback-heading h2{font-size:20px}}

/* MENski Fryzjer — wyłącznie publiczne widoki. Bez reguł globalnych dla /admin. */
:where(html[data-menski-presentation="admin-mobile"]) .site {
  --bg:#fcfcfc; --surface:#fff; --surface2:#f9fafb; --ink:#11161b; --muted:#657083;
  --edge:#e9ebef; --gold:#ffbd3e; --gold-deep:#ed920a; --gold-ink:#19150c;
  --hero-mask:rgba(255,255,255,.99); --shadow:0 10px 28px rgba(10,20,25,.035);
  background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;
  min-height:100dvh;overflow-x:clip;
}
:where(html[data-menski-presentation="admin-mobile"]) .site[data-theme='dark'] {
  --bg:#090f10; --surface:#121619; --surface2:#141b1e; --ink:#f5f7f8; --muted:#aab3bd;
  --edge:#2c3439; --gold:#ffc044; --gold-deep:#ffbc30; --gold-ink:#15110b;
  --hero-mask:rgba(9,13,16,.98); --shadow:none;
}
:where(html[data-menski-presentation="admin-mobile"]) .site * {box-sizing:border-box;}
:where(html[data-menski-presentation="admin-mobile"]) .site a {color:inherit;}
:where(html[data-menski-presentation="admin-mobile"]) .site button{font-family:inherit;}
:where(html[data-menski-presentation="admin-mobile"]) .container {width:min(1330px,calc(100% - 68px));margin-inline:auto;}
:where(html[data-menski-presentation="admin-mobile"]) .header{border-bottom:1px solid var(--edge);background:var(--surface);position:relative;z-index:10;}
:where(html[data-menski-presentation="admin-mobile"]) .site[data-theme='dark'] .header{background:#0f1416;}
:where(html[data-menski-presentation="admin-mobile"]) .nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
:where(html[data-menski-presentation="admin-mobile"]) .brand{white-space:nowrap;text-decoration:none;letter-spacing:-1.1px;font-size:24px;line-height:1;}
:where(html[data-menski-presentation="admin-mobile"]) .brand strong{letter-spacing:-1.5px;font-size:26px;font-weight:900;}
:where(html[data-menski-presentation="admin-mobile"]) .brand span{font-weight:400;}
:where(html[data-menski-presentation="admin-mobile"]) .navLinks{display:flex;align-items:center;gap:clamp(17px,2.5vw,38px);margin-left:auto;}
:where(html[data-menski-presentation="admin-mobile"]) .navLinks a{text-decoration:none;font-size:12px;white-space:nowrap;color:var(--ink);padding:8px 0;}
:where(html[data-menski-presentation="admin-mobile"]) .navLinks a[aria-current="page"]{border-bottom:2px solid var(--gold-deep);font-weight:700;}
:where(html[data-menski-presentation="admin-mobile"]) .navActions{display:flex;align-items:center;gap:8px;}
:where(html[data-menski-presentation="admin-mobile"]) .customerHeader .navActions{margin-left:auto;}
:where(html[data-menski-presentation="admin-mobile"]) .customerHeader .nav{flex-wrap:nowrap;}
:where(html[data-menski-presentation="admin-mobile"]) .customerHeader .accountButton [data-session-logout-label]{display:inline;}
:where(html[data-menski-presentation="admin-mobile"]) .customerHeader .accountButton [data-session-logout-icon]{display:none;}
@media(max-width:395px){
 :where(html[data-menski-presentation="admin-mobile"]) .customerHeader .accountButton{width:44px;padding-inline:0;flex-shrink:0;}
 :where(html[data-menski-presentation="admin-mobile"]) .customerHeader .accountButton [data-session-logout-label]{display:none;}
 :where(html[data-menski-presentation="admin-mobile"]) .customerHeader .accountButton [data-session-logout-icon]{display:flex;align-items:center;justify-content:center;}
 :where(html[data-menski-presentation="admin-mobile"]) .customerHeader .accountButton svg{width:20px;height:20px;}
}
@media(max-width:340px){
 :where(html[data-menski-presentation="admin-mobile"]) .customerHeader .container{width:calc(100% - 12px);}
 :where(html[data-menski-presentation="admin-mobile"]) .customerHeader .nav,:where(html[data-menski-presentation="admin-mobile"]) .customerHeader .navActions{gap:3px;}
}
:where(html[data-menski-presentation="admin-mobile"]) .themeToggle{height:33px;width:33px;display:grid;place-items:center;border:1px solid var(--edge);border-radius:50%;color:var(--ink);background:var(--surface);cursor:pointer;}
:where(html[data-menski-presentation="admin-mobile"]) .themeToggle svg{width:17px;height:17px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountButton,:where(html[data-menski-presentation="admin-mobile"]) .bookButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:35px;border-radius:7px;padding:0 13px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;}
:where(html[data-menski-presentation="admin-mobile"]) .accountButton{border:1px solid var(--gold);background:var(--surface);}
:where(html[data-menski-presentation="admin-mobile"]) .accountButton svg{width:17px;height:17px;}
:where(html[data-menski-presentation="admin-mobile"]) .bookButton{border:1px solid #f1ad24;background:linear-gradient(130deg,#ffcf68,#ffb52b);color:#17130a!important;box-shadow:0 2px 5px rgba(160,90,0,.1);}
:where(html[data-menski-presentation="admin-mobile"]) .bookButton:hover{background:#ffb01e;}
:where(html[data-menski-presentation="admin-mobile"]) .site a:focus-visible,:where(html[data-menski-presentation="admin-mobile"]) .site button:focus-visible{outline:3px solid var(--gold-deep);outline-offset:2px;}
/* Strona główna: proporcje zgodne ze zwięzłą makietą (jeden widok desktop). */
:where(html[data-menski-presentation="admin-mobile"]) .hero{position:relative;isolation:isolate;min-height:clamp(286px,44dvh,410px);overflow:hidden;background:var(--surface);}
:where(html[data-menski-presentation="admin-mobile"]) .heroPicture{position:absolute;inset:0;z-index:-2;background-image:url('/menski-public-hero-generated-20261011.png');background-size:cover;background-position:right center;}
:where(html[data-menski-presentation="admin-mobile"]) .site[data-theme='dark'] .heroPicture{background-image:url('/menski-public-hero-generated-20261011.png');}
:where(html[data-menski-presentation="admin-mobile"]) .hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--hero-mask) 0%,var(--hero-mask) 21%,transparent 64%);pointer-events:none;}
:where(html[data-menski-presentation="admin-mobile"]) .heroContent{min-height:inherit;display:flex;align-items:center;padding-block:23px;}
:where(html[data-menski-presentation="admin-mobile"]) .heroCopy{width:min(640px,57%);}
:where(html[data-menski-presentation="admin-mobile"]) .kicker{font-size:clamp(9px,0.8vw,11px);font-weight:750;color:var(--muted);letter-spacing:1.55px;margin:0 0 9px;}
:where(html[data-menski-presentation="admin-mobile"]) .hero h1{margin:0;color:var(--ink);line-height:1.03;letter-spacing:-1.4px;white-space:nowrap;}
:where(html[data-menski-presentation="admin-mobile"]) .hero h1 strong{display:block;font-weight:900;font-size:clamp(30px,3.7vw,54px);letter-spacing:-1.5px;}
:where(html[data-menski-presentation="admin-mobile"]) .hero h1 span{display:block;font-weight:400;font-size:clamp(19px,2.75vw,40px);}
:where(html[data-menski-presentation="admin-mobile"]) .heroDescription{font-size:clamp(11px,.94vw,14px);line-height:1.55;color:var(--muted);margin:12px 0 13px;}
:where(html[data-menski-presentation="admin-mobile"]) .heroActions{margin-bottom:14px;}
:where(html[data-menski-presentation="admin-mobile"]) .heroActions .bookButton{min-height:43px;padding-inline:20px;font-size:15px;}
:where(html[data-menski-presentation="admin-mobile"]) .heroActions svg{width:20px;height:20px;}
:where(html[data-menski-presentation="admin-mobile"]) .heroContact{display:flex;gap:26px;align-items:center;flex-wrap:wrap;}
:where(html[data-menski-presentation="admin-mobile"]) .phone,:where(html[data-menski-presentation="admin-mobile"]) .address{display:inline-flex;gap:9px;align-items:center;text-decoration:none;line-height:1.4;}
:where(html[data-menski-presentation="admin-mobile"]) .phone{font-size:15px;white-space:nowrap;}
:where(html[data-menski-presentation="admin-mobile"]) .phone svg,:where(html[data-menski-presentation="admin-mobile"]) .address svg{width:21px;height:21px;flex-shrink:0;}
:where(html[data-menski-presentation="admin-mobile"]) .address{font-size:12px;color:var(--muted)!important;}
:where(html[data-menski-presentation="admin-mobile"]) .address small{font-size:11px;}
:where(html[data-menski-presentation="admin-mobile"]) .services{padding-block:15px 8px;}
:where(html[data-menski-presentation="admin-mobile"]) .sectionTitle{display:flex;align-items:baseline;gap:13px;margin-bottom:13px;}
:where(html[data-menski-presentation="admin-mobile"]) .sectionTitle h2{font-size:19px;font-weight:800;margin:0;white-space:nowrap;letter-spacing:-.3px;}
:where(html[data-menski-presentation="admin-mobile"]) .sectionTitle p{color:var(--muted);margin:0;font-size:11px;}
:where(html[data-menski-presentation="admin-mobile"]) .servicesCarousel{position:relative;}
:where(html[data-menski-presentation="admin-mobile"]) .servicesGrid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
:where(html[data-menski-presentation="admin-mobile"]) .servicesGrid::-webkit-scrollbar{display:none;}
:where(html[data-menski-presentation="admin-mobile"]) .carouselNav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid var(--edge);border-radius:50%;background:var(--surface);color:var(--ink);font-size:23px;line-height:1;cursor:pointer;box-shadow:var(--shadow);}
:where(html[data-menski-presentation="admin-mobile"]) .carouselPrevious{left:-12px;}:where(html[data-menski-presentation="admin-mobile"]) .carouselNext{right:-12px;}:where(html[data-menski-presentation="admin-mobile"]) .carouselNav:disabled{opacity:.35;cursor:default;}
:where(html[data-menski-presentation="admin-mobile"]) .serviceCard{min-width:0;min-height:116px;display:flex;flex-direction:column;justify-content:space-between;padding:12px 13px 9px;border:1px solid var(--edge);border-radius:9px;background:var(--surface);text-decoration:none;transition:border-color .14s ease;}
:where(html[data-menski-presentation="admin-mobile"]) .serviceCard:hover{border-color:var(--gold-deep);}
:where(html[data-menski-presentation="admin-mobile"]) .servicesGrid .serviceCard:focus-visible{outline-offset:-3px;}
:where(html[data-menski-presentation="admin-mobile"]) .serviceTop{display:flex;gap:10px;align-items:center;}
:where(html[data-menski-presentation="admin-mobile"]) .serviceIcon{width:60px;height:56px;display:flex;gap:0;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold-deep);}
:where(html[data-menski-presentation="admin-mobile"]) .serviceIcon svg{width:36px;height:36px;}
:where(html[data-menski-presentation="admin-mobile"]) .comboIcon{width:70px;}
:where(html[data-menski-presentation="admin-mobile"]) .comboIcon svg{width:36px;height:40px;}
:where(html[data-menski-presentation="admin-mobile"]) .serviceCopy h3{margin:0 0 5px;font-size:13px;line-height:1.25;font-weight:800;}
:where(html[data-menski-presentation="admin-mobile"]) .serviceCopy p{margin:0;font-size:11px;line-height:1.35;color:var(--muted);}
:where(html[data-menski-presentation="admin-mobile"]) .serviceBottom{border-top:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:7px;margin-top:7px;color:var(--muted);font-size:9px;}
:where(html[data-menski-presentation="admin-mobile"]) .serviceBottom span:first-child:before{content:"ⓘ";margin-right:5px;}
:where(html[data-menski-presentation="admin-mobile"]) .serviceArrow{border-radius:100%;background:var(--gold);color:#111;flex:0 0 21px;height:21px;display:grid;place-items:center;font-size:14px;font-weight:700;}
:where(html[data-menski-presentation="admin-mobile"]) .infoGrid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;padding-block:6px 14px;}
:where(html[data-menski-presentation="admin-mobile"]) .infoCard{position:relative;min-width:0;min-height:141px;overflow:hidden;padding:15px 16px;background:var(--surface);border:1px solid var(--edge);border-radius:9px;}
:where(html[data-menski-presentation="admin-mobile"]) .infoHeadline{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
:where(html[data-menski-presentation="admin-mobile"]) .infoHeadline svg,:where(html[data-menski-presentation="admin-mobile"]) .accountCardTitle svg{width:21px;height:21px;color:var(--gold-deep);flex-shrink:0;}
:where(html[data-menski-presentation="admin-mobile"]) .infoHeadline h2{font-size:13px;font-weight:800;margin:0;}
:where(html[data-menski-presentation="admin-mobile"]) .infoCard p,:where(html[data-menski-presentation="admin-mobile"]) .accountApp p{font-size:11px;line-height:1.52;color:var(--muted);margin:4px 0;}
:where(html[data-menski-presentation="admin-mobile"]) .contactStrong{font-size:13px;text-decoration:none;font-weight:800;}
:where(html[data-menski-presentation="admin-mobile"]) .hoursCard .infoHeadline{margin-bottom:6px;}
:where(html[data-menski-presentation="admin-mobile"]) .hoursList{display:grid;gap:3px;margin-top:0;}
:where(html[data-menski-presentation="admin-mobile"]) .hoursCard .hoursNote{margin-top:6px;line-height:1.4;}
:where(html[data-menski-presentation="admin-mobile"]) .contactCard .infoHeadline{margin-bottom:7px;}
:where(html[data-menski-presentation="admin-mobile"]) .contactCard .contactStrong{display:inline-flex;align-items:center;gap:6px;}
:where(html[data-menski-presentation="admin-mobile"]) .contactCard .contactStrong svg{width:16px;height:16px;color:var(--gold-deep);flex-shrink:0;}
:where(html[data-menski-presentation="admin-mobile"]) .contactSocialRow{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:8px;padding-top:8px;border-top:1px solid var(--edge);font-size:11px;line-height:1.52;color:var(--muted);}
:where(html[data-menski-presentation="admin-mobile"]) .contactSocialLinks{display:flex;align-items:center;gap:9px;}
:where(html[data-menski-presentation="admin-mobile"]) .socialLink{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)!important;}
:where(html[data-menski-presentation="admin-mobile"]) .socialLink svg{width:16px;height:16px;}
:where(html[data-menski-presentation="admin-mobile"]) .contactAddress{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.52;margin-top:4px;color:var(--muted)!important;text-decoration:none;}
:where(html[data-menski-presentation="admin-mobile"]) .contactAddress svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;}
:where(html[data-menski-presentation="admin-mobile"]) .hoursRow{font-size:11px;display:flex;justify-content:space-between;gap:8px;color:var(--muted);}
:where(html[data-menski-presentation="admin-mobile"]) .hoursRow strong{font-size:11px;color:var(--ink);}
:where(html[data-menski-presentation="admin-mobile"]) .hoursRow a{text-decoration:none;color:var(--gold-deep);font-weight:700;}
:where(html[data-menski-presentation="admin-mobile"]) .appCard{display:flex;align-items:stretch;padding-right:145px;background:linear-gradient(105deg,var(--surface) 50%,rgba(255,189,62,.1));}
:where(html[data-menski-presentation="admin-mobile"]) .appCopy{position:relative;z-index:1;min-width:0;}
:where(html[data-menski-presentation="admin-mobile"]) .appCopy p{max-width:245px;}
:where(html[data-menski-presentation="admin-mobile"]) .appUnavailable{margin-top:8px;padding:10px 13px;border:0;border-radius:6px;background:var(--gold);color:var(--gold-ink);font-size:11px;font-weight:800;cursor:not-allowed;opacity:.72;}
:where(html[data-menski-presentation="admin-mobile"]) .appCopy>small{display:block;color:var(--muted);font-size:9px;margin-top:4px;}
:where(html[data-menski-presentation="admin-mobile"]) .phonePreviewScene{position:absolute;z-index:0;right:0;bottom:0;top:0;width:150px;background-image:url('/menski-public-phone-generated-20261011.png');background-repeat:no-repeat;background-size:contain;background-position:right bottom;}
/* Projekcja dotyczy wyłącznie treści ekranu w oryginalnym zdjęciu 1086×1448.
   PNG wzorca pozostaje niezmieniony; ramka, dłoń i osadzenie są poza projekcją. */
:where(html[data-menski-presentation="admin-mobile"]) .phoneScreenProjection{display:block;width:100%;height:100%;overflow:visible;}
:where(html[data-menski-presentation="admin-mobile"]) .phoneScreenSource{
 width:1312px;height:1199px;background-image:url('/menski-aplikacja-zatwierdzona.png');background-repeat:no-repeat;background-size:1312px 1199px;background-position:0 0;
 clip-path:polygon(515px 65px,980px 142px,774px 1130px,321px 1045px);
 transform-origin:0 0;transform:matrix3d(1.0243264939029428,0.06304385401404453,0,-0.000011671349459452875,-0.02494235579864295,0.8413505850162472,0,-0.0000865574677593779,0,0,1,0,-120.67805318725465,121.38922429737968,0,1);
}
:where(html[data-menski-presentation="admin-mobile"]) .footer{background:var(--surface);border-top:1px solid var(--edge);color:var(--muted);font-size:10px;}
:where(html[data-menski-presentation="admin-mobile"]) .footer .container{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
/* Konto klienta — prawdziwe, puste stany dopóki nie działa logowanie. */
:where(html[data-menski-presentation="admin-mobile"]) .accountPage{padding-bottom:14px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountHero{height:clamp(144px,19dvh,246px);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;}
:where(html[data-menski-presentation="admin-mobile"]) .accountHeroPicture{position:absolute;inset:0 0 0 auto;aspect-ratio:3;max-width:100%;z-index:-2;background:url('/menski-public-account-generated-20261011.png') right center/contain no-repeat;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 94%,transparent),linear-gradient(#000 84%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 94%,transparent),linear-gradient(#000 84%,transparent);-webkit-mask-composite:source-in;}
:where(html[data-menski-presentation="admin-mobile"]) .site[data-theme='dark'] .accountHeroPicture{background-image:url('/menski-public-account-generated-20261011.png');mask-image:linear-gradient(90deg,transparent,#000 42%,#000 94%,transparent),linear-gradient(#000 84%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%,#000 94%,transparent),linear-gradient(#000 84%,transparent);}
:where(html[data-menski-presentation="admin-mobile"]) .accountLogoPatch{display:block;width:100%;height:100%;}
:where(html[data-menski-presentation="admin-mobile"]) .accountHero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--hero-mask) 0%,var(--hero-mask) 27%,transparent 74%);}
:where(html[data-menski-presentation="admin-mobile"]) .accountHeroCopy{padding:8px 11px;max-width:60%;}
:where(html[data-menski-presentation="admin-mobile"]) .accountHeroCopy .kicker{margin-bottom:4px;letter-spacing:1px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountHeroCopy h1{font-size:clamp(24px,2.3vw,32px);margin:0;line-height:1.15;letter-spacing:-.7px;}
:where(html[data-menski-presentation="admin-mobile"]) .greetingAccent{color:var(--gold-deep);}
:where(html[data-menski-presentation="admin-mobile"]) .accountHeroCopy h2{font-size:clamp(15px,1.5vw,19px);font-weight:400;margin:4px 0 5px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountHeroCopy p:last-child{color:var(--muted);font-size:11px;line-height:1.42;margin:0;}
:where(html[data-menski-presentation="admin-mobile"]) .accountShortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 11px;}
:where(html[data-menski-presentation="admin-mobile"]) .shortcut{display:flex;justify-content:center;align-items:center;gap:10px;min-width:0;height:47px;border:1px solid var(--edge);background:var(--surface);border-radius:7px;text-decoration:none;}
:where(html[data-menski-presentation="admin-mobile"]) .shortcut strong{font-size:11px;white-space:nowrap;}
:where(html[data-menski-presentation="admin-mobile"]) .shortcutIcon{font-size:24px;line-height:1;color:var(--gold-deep);}
:where(html[data-menski-presentation="admin-mobile"]) .shortcutIcon svg{width:25px;height:25px;}
:where(html[data-menski-presentation="admin-mobile"]) .shortcut[aria-disabled="true"]{cursor:default;}
:where(html[data-menski-presentation="admin-mobile"]) .accountColumns{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:11px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountCard{border:1px solid var(--edge);background:var(--surface);border-radius:9px;padding:15px 16px;min-width:0;min-height:0;overflow:hidden;}
:where(html[data-menski-presentation="admin-mobile"]) .accountCardTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountCardTitle h2{margin:0;font-size:14px;display:flex;align-items:center;gap:9px;font-weight:800;}
:where(html[data-menski-presentation="admin-mobile"]) .cardInlineAction,:where(html[data-menski-presentation="admin-mobile"]) .cardStatus{font-size:10px;color:var(--gold-deep);background:none;border:0;padding:0;white-space:nowrap;}
:where(html[data-menski-presentation="admin-mobile"]) .cardInlineAction:disabled{opacity:.5;cursor:not-allowed;}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentPreview{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentDate{display:grid;justify-items:center;align-content:center;gap:4px;min-height:92px;padding:8px 3px;border-radius:7px;background:var(--surface2);}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentDate strong{font-size:31px;line-height:1;font-weight:800;}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentDate small{font-size:9px;color:var(--muted);text-align:center;}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentDetails>span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentDetails svg{width:16px;height:16px;color:var(--gold-deep);flex-shrink:0;}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentDetails h3{margin:5px 0 3px;font-size:14px;}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentDetails p{margin:0;font-size:11px;line-height:1.4;color:var(--muted);}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentDetails>div{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:10px;line-height:1.4;color:var(--muted);}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentDetails>div svg{color:var(--ink);}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentControls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentControls button{display:flex;align-items:center;justify-content:center;gap:7px;}
:where(html[data-menski-presentation="admin-mobile"]) .appointmentControls svg{width:13px;height:13px;}
:where(html[data-menski-presentation="admin-mobile"]) .secondaryAction{border:1px solid var(--edge);background:var(--surface);border-radius:6px;padding:7px 10px;font-size:10px;color:var(--ink);}
:where(html[data-menski-presentation="admin-mobile"]) .secondaryAction:disabled{opacity:.45;cursor:not-allowed;}
:where(html[data-menski-presentation="admin-mobile"]) .dataRows{display:grid;}
:where(html[data-menski-presentation="admin-mobile"]) .dataRows>div{display:grid;grid-template-columns:45% 1fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--edge);font-size:11px;}
:where(html[data-menski-presentation="admin-mobile"]) .dataRows>div span,:where(html[data-menski-presentation="admin-mobile"]) .dataRows strong{font-weight:400;color:var(--muted);}
:where(html[data-menski-presentation="admin-mobile"]) .cardFoot{font-size:10px;color:var(--muted);margin:10px 0 0;}
:where(html[data-menski-presentation="admin-mobile"]) .historyTable{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;}
:where(html[data-menski-presentation="admin-mobile"]) .historyTable th{font-size:10px;font-weight:400;color:var(--muted);padding:2px 4px 9px;border-bottom:1px solid var(--edge);}
:where(html[data-menski-presentation="admin-mobile"]) .historyTable th:nth-child(1){width:19%;}:where(html[data-menski-presentation="admin-mobile"]) .historyTable th:nth-child(2){width:29%;}:where(html[data-menski-presentation="admin-mobile"]) .historyTable th:nth-child(3){width:18%;}:where(html[data-menski-presentation="admin-mobile"]) .historyTable th:nth-child(4){width:21%;}:where(html[data-menski-presentation="admin-mobile"]) .historyTable th:nth-child(5){width:13%;}
:where(html[data-menski-presentation="admin-mobile"]) .historyTable td{font-size:11px;color:var(--muted);padding:18px 4px;line-height:1.45;}
:where(html[data-menski-presentation="admin-mobile"]) .accountApp{position:relative;display:flex;align-items:stretch;padding-right:170px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountApp .appCopy{max-width:270px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountApp .phonePreviewScene{width:165px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountHelp{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-top:10px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountHelp svg{width:16px;height:16px;}
:where(html[data-menski-presentation="admin-mobile"]) .accountHelp a{margin-left:auto;text-decoration:none;font-weight:700;}
/* Desktop wysokość: wyrównanie stron bez scrolla przy typowych ekranach. */
@media(min-width:1050px) and (max-height:850px){
 :where(html[data-menski-presentation="admin-mobile"]) .hero{min-height:clamp(275px,39dvh,335px);}
 :where(html[data-menski-presentation="admin-mobile"]) .heroContent{padding-block:14px;}
 :where(html[data-menski-presentation="admin-mobile"]) .services{padding-top:12px;}
 :where(html[data-menski-presentation="admin-mobile"]) .serviceCard{min-height:108px;padding-block:10px 7px;}
 :where(html[data-menski-presentation="admin-mobile"]) .infoCard{min-height:123px;padding-top:12px;padding-bottom:10px;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountHero{height:clamp(144px,18.5vw,230px);}
 :where(html[data-menski-presentation="admin-mobile"]) .accountColumns{grid-template-rows:auto auto;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountCard{padding-block:12px;}
}
@media(max-width:1050px){
 :where(html[data-menski-presentation="admin-mobile"]) .container{width:calc(100% - 38px);}
 :where(html[data-menski-presentation="admin-mobile"]) .nav{gap:12px;}
 :where(html[data-menski-presentation="admin-mobile"]) .navLinks{gap:15px;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountButton,:where(html[data-menski-presentation="admin-mobile"]) .bookButton{padding:0 10px;}
 :where(html[data-menski-presentation="admin-mobile"]) .hero{min-height:clamp(300px,38dvh,335px);}
 :where(html[data-menski-presentation="admin-mobile"]) .heroCopy{width:min(580px,67%);}
 :where(html[data-menski-presentation="admin-mobile"]) .accountHero{height:clamp(144px,18.5vw,194px);}
 :where(html[data-menski-presentation="admin-mobile"]) .infoCard{padding:12px;}
 :where(html[data-menski-presentation="admin-mobile"]) .infoHeadline{gap:7px;}
 :where(html[data-menski-presentation="admin-mobile"]) .infoHeadline h2{font-size:12px;}
 :where(html[data-menski-presentation="admin-mobile"]) .serviceIcon{width:44px;}
 :where(html[data-menski-presentation="admin-mobile"]) .serviceIcon svg{width:36px;height:36px;}
 :where(html[data-menski-presentation="admin-mobile"]) .comboIcon{width:60px;}
 :where(html[data-menski-presentation="admin-mobile"]) .comboIcon svg{width:30px;height:34px;}
 :where(html[data-menski-presentation="admin-mobile"]) .serviceCopy h3{font-size:12px;}
 :where(html[data-menski-presentation="admin-mobile"]) .appCard,:where(html[data-menski-presentation="admin-mobile"]) .accountApp{padding-right:145px;}
 :where(html[data-menski-presentation="admin-mobile"]) .phonePreviewScene,:where(html[data-menski-presentation="admin-mobile"]) .accountApp .phonePreviewScene{width:138px;}
}
@media(min-width:721px) and (max-width:1050px){
 :where(html[data-menski-presentation="admin-mobile"]) .container{width:calc(100% - 48px);margin-inline:28px 20px;}
}
@media(max-width:720px){
 :where(html[data-menski-presentation="admin-mobile"]) .container{width:calc(100% - 28px);}
 :where(html[data-menski-presentation="admin-mobile"]) .nav{flex-wrap:wrap;padding-block:10px;gap:9px;}
 :where(html[data-menski-presentation="admin-mobile"]) .brand{font-size:21px;margin-right:auto;}
 :where(html[data-menski-presentation="admin-mobile"]) .brand strong{font-size:22px;}
 :where(html[data-menski-presentation="admin-mobile"]) .navLinks{order:3;width:100%;justify-content:center;gap:28px;margin-left:0;}
 :where(html[data-menski-presentation="admin-mobile"]) .navActions{gap:5px;}
 :where(html[data-menski-presentation="admin-mobile"]) .themeToggle{width:44px;height:44px;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountButton,:where(html[data-menski-presentation="admin-mobile"]) .bookButton{min-height:44px;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountButton{padding:0 9px;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountButton span{display:none;}
 :where(html[data-menski-presentation="admin-mobile"]) .hero{min-height:420px;}
 :where(html[data-menski-presentation="admin-mobile"]) .heroPicture{background-position:68% center;opacity:.55;}
 :where(html[data-menski-presentation="admin-mobile"]) .hero:after{background:linear-gradient(90deg,var(--hero-mask) 0%,var(--hero-mask) 25%,transparent 100%);}
 :where(html[data-menski-presentation="admin-mobile"]) .heroCopy{width:min(520px,100%);}
 :where(html[data-menski-presentation="admin-mobile"]) .hero h1{white-space:normal;}
 :where(html[data-menski-presentation="admin-mobile"]) .hero h1 strong{font-size:clamp(34px,7vw,46px);}
 :where(html[data-menski-presentation="admin-mobile"]) .hero h1 span{font-size:clamp(23px,5.6vw,35px);}
 :where(html[data-menski-presentation="admin-mobile"]) .heroDescription{font-size:12px;}
 :where(html[data-menski-presentation="admin-mobile"]) .servicesGrid{grid-auto-columns:100%;gap:9px;}
 :where(html[data-menski-presentation="admin-mobile"]) .serviceCard{min-height:116px;}
 :where(html[data-menski-presentation="admin-mobile"]) .infoGrid{grid-template-columns:1fr 1fr;}
 :where(html[data-menski-presentation="admin-mobile"]) .infoGrid .appCard{grid-column:1/-1;min-height:160px;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountHero{height:160px;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountHeroCopy{max-width:78%;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountShortcuts{grid-template-columns:repeat(2,minmax(0,1fr));}
 :where(html[data-menski-presentation="admin-mobile"]) .accountColumns{grid-template-columns:1fr;grid-template-rows:auto;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountCard{min-height:174px;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountApp{min-height:200px;}
}
@media(max-width:470px){
 :where(html[data-menski-presentation="admin-mobile"]) .contactSocialRow{margin-top:5px;padding-top:5px;}
 :where(html[data-menski-presentation="admin-mobile"]) .brand{font-size:19px;}
 :where(html[data-menski-presentation="admin-mobile"]) .brand strong{font-size:20px;}
 :where(html[data-menski-presentation="admin-mobile"]) .navActions>.bookButton{font-size:10px;padding-inline:7px;}
 :where(html[data-menski-presentation="admin-mobile"]) .hero{min-height:438px;}
 :where(html[data-menski-presentation="admin-mobile"]) .kicker{font-size:9px;letter-spacing:.95px;}
 :where(html[data-menski-presentation="admin-mobile"]) .hero h1 span{font-size:24px;}
 :where(html[data-menski-presentation="admin-mobile"]) .heroContact{gap:14px;}
 :where(html[data-menski-presentation="admin-mobile"]) .sectionTitle{display:block;}
 :where(html[data-menski-presentation="admin-mobile"]) .sectionTitle p{margin-top:4px;}
 :where(html[data-menski-presentation="admin-mobile"]) .infoGrid{grid-template-columns:1fr;}
 :where(html[data-menski-presentation="admin-mobile"]) .infoGrid .appCard{grid-column:auto;min-height:177px;}
 :where(html[data-menski-presentation="admin-mobile"]) .appCard,:where(html[data-menski-presentation="admin-mobile"]) .accountApp{padding-right:125px;}
 :where(html[data-menski-presentation="admin-mobile"]) .phonePreviewScene,:where(html[data-menski-presentation="admin-mobile"]) .accountApp .phonePreviewScene{width:120px;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountHeroCopy{max-width:88%;}
 :where(html[data-menski-presentation="admin-mobile"]) .accountHeroCopy h1{font-size:24px;}
 :where(html[data-menski-presentation="admin-mobile"]) .shortcut{gap:5px;}
 :where(html[data-menski-presentation="admin-mobile"]) .shortcut strong{font-size:10px;}
 :where(html[data-menski-presentation="admin-mobile"]) .footer .container{flex-wrap:wrap;padding-block:9px;}
}
@media(prefers-reduced-motion:reduce){:where(html[data-menski-presentation="admin-mobile"]) .site *{transition:none!important;animation:none!important;}}

/* Only the ordinary mobile home page paints its surrounding browser canvas.
 * No viewport/layout changes; standalone and every other page keep their canvas. */
@media(max-width:1050px) and (display-mode:browser){
}

:where(html[data-menski-presentation="admin-mobile"]) .auth-preview-body{margin:0;}
:where(html[data-menski-presentation="admin-mobile"]) .auth-preview{background:linear-gradient(160deg,var(--bg),var(--surface2));}
:where(html[data-menski-presentation="admin-mobile"]) .auth-preview .nav{min-height:65px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-badge{margin-left:auto;border:1px solid var(--edge);border-radius:20px;padding:5px 10px;font-size:10px;letter-spacing:.7px;color:var(--muted);}
:where(html[data-menski-presentation="admin-mobile"]) .ap-main{padding:42px 20px 24px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-card{width:min(480px,100%);margin:auto;border:1px solid var(--edge);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);padding:30px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-wide{width:min(940px,100%);}
:where(html[data-menski-presentation="admin-mobile"]) .ap-kicker{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--gold-deep);margin:0 0 12px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-card h1{font-size:30px;line-height:1.12;letter-spacing:-1.1px;font-weight:800;margin:0 0 13px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-card h2{font-size:18px;letter-spacing:-.4px;margin:16px 0 10px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-lead{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 22px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-card form{display:grid;gap:15px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-field{display:grid;gap:7px;font-size:13px;font-weight:600;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-field input,:where(html[data-menski-presentation="admin-mobile"]) .ap-field select{width:100%;min-height:44px;min-width:0;background:var(--surface2);color:var(--ink);font:inherit;font-weight:400;padding:11px 12px;border:1px solid var(--edge);border-radius:8px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-field input:focus-visible,:where(html[data-menski-presentation="admin-mobile"]) .ap-field select:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;background:linear-gradient(130deg,#ffcf68,#ffb52b);border:1px solid #f1ad24;color:#17130a;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-primary:disabled{opacity:.6;cursor:wait;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-primary span{font-size:18px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;font-size:12px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-links a,:where(html[data-menski-presentation="admin-mobile"]) .ap-back{color:var(--muted);text-underline-offset:3px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-back{display:inline-block;margin-top:22px;font-size:12px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-note{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-footnote{text-align:center;font-size:11px;line-height:1.6;color:var(--muted);margin:18px auto 0;max-width:520px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-status{border:1px solid var(--edge);border-left:3px solid var(--gold-deep);border-radius:8px;background:var(--surface2);padding:12px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-status[data-error="true"]{border-left-color:#c43b30;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-card hr{border:0;border-top:1px solid var(--edge);margin:24px 0;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;color:var(--muted);}
:where(html[data-menski-presentation="admin-mobile"]) .ap-check input{width:17px;height:17px;accent-color:var(--gold-deep);flex-shrink:0;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-tile{border:1px solid var(--edge);border-radius:10px;padding:17px;text-decoration:none;display:grid;gap:9px;background:var(--surface2);}
:where(html[data-menski-presentation="admin-mobile"]) .ap-tile strong{font-size:14px;}:where(html[data-menski-presentation="admin-mobile"]) .ap-tile span{font-size:12px;line-height:1.4;color:var(--muted);}:where(html[data-menski-presentation="admin-mobile"]) .ap-tile b{color:var(--gold-deep);font-size:20px;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-card details{margin:12px 0 20px;font-size:12px;}:where(html[data-menski-presentation="admin-mobile"]) .ap-card summary{cursor:pointer;color:var(--muted);}:where(html[data-menski-presentation="admin-mobile"]) .ap-card code{display:block;overflow-wrap:anywhere;user-select:all;line-height:1.5;padding-top:12px;}
:where(html[data-menski-presentation="admin-mobile"]) #ap-qr{display:block;margin:18px auto;background:#fff;border-radius:8px;max-width:100%;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-list{padding:0;list-style:none;display:grid;gap:10px;}:where(html[data-menski-presentation="admin-mobile"]) .ap-list li{background:var(--surface2);border:1px solid var(--edge);border-radius:8px;padding:12px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
:where(html[data-menski-presentation="admin-mobile"]) .ap-card dl{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:13px;}:where(html[data-menski-presentation="admin-mobile"]) .ap-card dt{color:var(--muted);}:where(html[data-menski-presentation="admin-mobile"]) .ap-card dd{margin:0;overflow-wrap:anywhere;}
:where(html[data-menski-presentation="admin-mobile"]) .auth-preview [hidden]{display:none!important;}
@media(max-width:720px){:where(html[data-menski-presentation="admin-mobile"]) .ap-main{padding:22px 16px;}:where(html[data-menski-presentation="admin-mobile"]) .ap-card{padding:22px 19px;}:where(html[data-menski-presentation="admin-mobile"]) .ap-card h1{font-size:27px;}:where(html[data-menski-presentation="admin-mobile"]) .ap-grid{grid-template-columns:1fr 1fr;}:where(html[data-menski-presentation="admin-mobile"]) .ap-badge{display:none;}:where(html[data-menski-presentation="admin-mobile"]) .auth-preview .container{width:calc(100% - 32px);}:where(html[data-menski-presentation="admin-mobile"]) .ap-two{grid-template-columns:1fr;}:where(html[data-menski-presentation="admin-mobile"]) .ap-card dl{grid-template-columns:1fr;gap:5px;}}
@media(max-width:430px){:where(html[data-menski-presentation="admin-mobile"]) .ap-grid{grid-template-columns:1fr;}}

/* Isolated feedback only: no selectors change an approved page or calendar. */
:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-toasts{position:fixed;right:20px;bottom:20px;z-index:1000;display:grid;gap:12px;width:min(420px,calc(100vw - 32px));pointer-events:none;font-family:Arial,Helvetica,sans-serif}
:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-toast,:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-dialog{--mf-fg:#11161b;--mf-bg:#fff;--mf-edge:#e3e6eb;--mf-muted:#657083;color:var(--mf-fg);background:var(--mf-bg);border:1px solid var(--mf-edge);border-radius:18px;box-shadow:0 18px 60px #0003;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-toast[data-theme=dark],:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-dialog[data-theme=dark]{--mf-fg:#f5f7f8;--mf-bg:#121619;--mf-edge:#343c42;--mf-muted:#b2bac5;color-scheme:dark}
:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-toast{display:flex;gap:13px;align-items:flex-start;padding:20px;pointer-events:auto}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-toast>div{flex:1;min-width:0}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-toast strong{font-size:16px;line-height:1.4}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-toast p{margin:7px 0 0;font-size:14px;line-height:1.6;color:var(--mf-muted);overflow-wrap:anywhere}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #ffac32;border-radius:50%;color:#c27500;background:#ffae2715;font-size:20px;font-weight:700}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-close{flex:none;width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;color:var(--mf-muted);background:transparent;font-size:24px;cursor:pointer}
:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-heading{display:flex;align-items:center;gap:13px}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-heading h2{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-dialog>p{font-size:15px;line-height:1.7;color:var(--mf-muted);white-space:pre-line;overflow-wrap:anywhere;margin:20px 0 24px}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-actions{display:flex;gap:12px}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-actions button{flex:1;min-height:46px;padding:11px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-secondary{color:var(--mf-fg);background:transparent;border:1px solid var(--mf-edge)}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-primary{color:#15110b;background:linear-gradient(110deg,#ffbf4b,#ffa922);border:1px solid #f1ad24}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-actions button:hover,:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-close:hover{filter:brightness(.95)}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-actions button:focus-visible,:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-close:focus-visible{outline:3px solid #ed920a;outline-offset:3px}
@media(max-width:480px){:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-toasts{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-toast{padding:16px;gap:10px}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-dialog{padding:22px}:where(html[data-menski-presentation="admin-mobile"]) .mf-feedback-heading h2{font-size:20px}}