/* Wspólna warstwa układu wersji modularnej. */
/* Na ekranach dotykowych długie przytrzymanie nie zaznacza przypadkowo tekstu
   interfejsu ani nie wywołuje systemowego „Szukaj w Google”. Wyjątki zostają
   świadomie oznaczone — pola edycji i teksty, które mają dać się kopiować. */
@media (hover:none) and (pointer:coarse){
  body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
  body :is(input,textarea,[contenteditable="true"],[data-allow-select],[data-allow-select] *,.allow-select,.allow-select *,.copyable,.copyable *){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
}
[data-module="navigation"]{display:grid;gap:5px}
[data-module="navigation"] a{display:block}
[data-module="navigation"] a.active{background:#ffffff30;font-weight:700;color:#fff}
.nav-badge{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:.45rem;padding:0 .3rem;border-radius:999px;background:#c23a45;color:#fff;font-size:.72em;font-weight:800;line-height:1}
.dashboard-summary-link{cursor:pointer;border-color:#d5a23a}.dashboard-summary-link:hover{transform:translateY(-2px);transition:transform .16s ease}
.template-updates-host{display:grid;gap:10px}.template-update-card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:84px;padding:12px;border:1px solid var(--planer-line,#d9e3ec);border-radius:12px;background:color-mix(in srgb,var(--planer-surface,#fff) 95%,#2f7195 5%)}.template-update-card strong{display:block}.template-update-card small{display:block;margin-top:5px;color:var(--planer-muted,#65788a)}.template-update-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.template-update-actions ui-button{--ui-button-scale:.82}.template-updates-preview-dialog{width:min(900px,calc(100vw - 24px));max-width:900px;border:1px solid var(--planer-line,#d9e3ec);border-radius:16px;background:var(--planer-surface,#fff);color:var(--planer-ink,#172b3c);padding:24px}.template-updates-preview-dialog h2{margin:0 42px 16px 0}.template-updates-preview-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:#b43a43;color:#fff;font-size:22px;line-height:1;cursor:pointer}.template-updates-preview-dialog::backdrop{background:#071522b3}@media(max-width:620px){.template-update-card{align-items:stretch;flex-direction:column}.template-update-actions{justify-content:flex-start}}
.changes-section{margin-bottom:16px}.changes-section>h2{margin-top:0}.changes-section>.exercise{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:14px;border:1px solid var(--planer-line,#d9e3ec);border-radius:10px;background:color-mix(in srgb,var(--planer-surface,#fff) 96%,#2f7195 4%)}.changes-section>.exercise small{flex:1 1 auto}.changes-actions{display:flex;gap:8px;flex-wrap:wrap}.changes-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.changes-section>h2,.changes-section>p{grid-column:1/-1}.changes-section>.exercise{margin:0;height:100%;align-content:center}:root[data-theme="dark"] .changes-section>.exercise{background:#182633;border-color:#40566b}@media(max-width:720px){.changes-section{grid-template-columns:1fr}}
.changes-section>.exercise .change-status{flex-basis:100%;color:var(--planer-muted,#65788a);font-size:.82rem}
.changes-section>.exercise>b{flex-basis:100%}
.template-updates-host+.plan-completion-changes{margin-top:18px}
.side-user-context{display:grid;gap:3px;margin-top:-18px;padding:0 2px;color:#e8f4ff}.side-user-context strong{font-size:14px}.side-user-context span{font-size:12px;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-module-layout]{min-height:100vh}
:root{--planer-font-scale:1;--planer-bg:#f3f7fa;--planer-text:#172b3c;--planer-surface:#fff}
:root[data-font-scale="small"]{--planer-font-scale:.9}:root[data-font-scale="large"]{--planer-font-scale:1.12}:root[data-font-scale="xlarge"]{--planer-font-scale:1.25}
html{font-size:calc(16px * var(--planer-font-scale))}body{background:var(--planer-bg);color:var(--planer-text)}
:root{--planer-ink:#27364b;--planer-muted:#617187;--planer-line:#c9d3e0;--planer-blue:#4a6fa5;--planer-blue-deep:#385a8c;--planer-coral:#ff8c69;--planer-coral-deep:#e7644d}
body{background:radial-gradient(circle at 12% 0%,rgba(255,140,105,.24),transparent 31rem),linear-gradient(135deg,#202c3c,#3d4a60);color:var(--planer-ink)}main{padding:clamp(22px,4vw,48px)}header{margin-bottom:28px}.card,.details{padding:22px;border:1px solid rgba(255,255,255,.46);border-radius:14px;background:rgba(244,247,251,.97);box-shadow:0 14px 32px rgba(11,20,34,.18)}input,select,textarea{min-height:42px;padding:0 11px;border:1px solid var(--planer-line);border-radius:8px;background:#fff;color:var(--planer-ink)}textarea{padding:10px 11px}label{gap:6px;color:var(--planer-muted);font-size:.82rem;font-weight:600}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--planer-blue);box-shadow:0 0 0 3px rgba(74,111,165,.17)}button,.secondary,.danger{min-height:42px;border-radius:8px;font-weight:700;transition:transform .16s ease,filter .16s ease}button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}.secondary{border:1px solid var(--planer-blue-deep);background:linear-gradient(135deg,var(--planer-blue),var(--planer-blue-deep));color:#fff}.danger{border:1px solid #b54b54;background:#fff;color:#a3313c}.form-grid,.exercise-grid{gap:14px}.week-editor,.plan-day,.exercise{margin-top:16px}.plan-day{padding:16px;border-radius:10px;border:1px solid #d5dee9;background:#f8fafc}input[type="checkbox"]{width:18px;min-height:18px;accent-color:var(--planer-coral-deep)}
:root[data-theme="dark"]{--planer-bg:#101923;--planer-text:#e7eef5;--planer-surface:#182633}
:root[data-theme="dark"] body{background:radial-gradient(circle at 12% 0%,rgba(231,100,77,.17),transparent 31rem),linear-gradient(135deg,#0d1724,#1b2c40);color:var(--planer-text)}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .details,:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:var(--planer-surface);color:var(--planer-text);border-color:#40566b}:root[data-theme="dark"] .plan-day{background:#14212f;border-color:#40566b}:root[data-theme="dark"] .danger{background:#182633;color:#ff9da3;border-color:#a95760}
:root[data-contrast="high"] body{filter:contrast(1.18)}
.client-media{display:grid;gap:8px;margin-top:10px}
.template-updates-host{grid-column:1/-1!important;padding:22px;border:1px solid rgba(255,255,255,.46);border-radius:14px;background:rgba(244,247,251,.97);box-shadow:0 5px 18px rgba(20,53,83,.12);color:var(--planer-ink,#27364b)}:root[data-theme="dark"] .template-updates-host{background:var(--planer-surface,#182633);border-color:#40566b;color:var(--planer-text,#e7eef5)}
.template-update-card{flex-direction:column;align-items:stretch;justify-content:flex-start}.template-update-card>div:first-child{min-width:0}.template-update-actions{width:100%;justify-content:flex-start;flex-wrap:nowrap}.template-update-actions ui-button{flex:0 0 auto}
.template-updates-heading h2{margin:0}.template-updates-heading p{margin:5px 0 0;color:var(--planer-muted)}.template-updates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:620px){.template-updates-grid{grid-template-columns:1fr}}
.template-updates-preview-content{display:grid;grid-template-columns:1fr;gap:14px}.template-updates-preview-content figure{margin:0}.template-updates-preview-content img,.template-updates-preview-content video{display:block;width:auto;max-width:100%;height:min(70vh,560px);margin:0 auto;object-fit:contain;border-radius:10px;background:#132332}
.media-preview-dialog{width:min(900px,calc(100vw - 24px));max-width:900px;padding:48px 18px 18px;border:1px solid var(--planer-line,#c9d3e0);border-radius:16px;background:var(--planer-surface,#fff);color:var(--planer-ink,#27364b);box-shadow:0 20px 60px rgba(4,18,34,.45)}.media-preview-dialog::backdrop{background:rgba(4,14,26,.76)}.media-preview-dialog h2{margin:0 42px 16px 0}.media-preview-close{position:absolute;top:12px;right:12px;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.media-preview-content{display:grid;place-items:center;min-height:120px}.media-preview-content video,.media-preview-content img,.media-preview-content iframe{display:block;width:auto;max-width:100%;height:min(72vh,620px);border:0;border-radius:10px;background:#101b28;object-fit:contain}.media-preview-content iframe{width:100%;height:min(72vh,620px);background:#fff}:root[data-theme="dark"] .media-preview-dialog{background:var(--planer-surface,#182633);color:var(--planer-text,#e7eef5)}
.appearance-page{max-width:760px}.appearance-page h2{margin:24px 0 10px}.appearance-page h2:first-child{margin-top:0}.appearance-choice{display:flex;flex-wrap:wrap;gap:8px}
.font-size-choice{align-items:center}.font-scale-value{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 8px;border:1px solid var(--planer-line);border-radius:999px;background:color-mix(in srgb,var(--planer-surface) 88%,var(--planer-blue) 12%);color:var(--planer-ink);font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums}
@media(max-width:720px){.side-user-context{display:none}}
.menu-toggle{display:none;border:0!important;background:transparent!important;color:#fff!important;min-width:42px!important;min-height:42px!important;padding:6px 10px!important;border-radius:12px!important;font-size:1.65rem!important;line-height:1!important;box-shadow:none!important;cursor:pointer}.menu-toggle:hover{background:#ffffff1d!important;transform:none!important}
/* Ciemniejsze tła paneli */
body{background:radial-gradient(circle at 12% 0%,rgba(255,140,105,.16),transparent 31rem),linear-gradient(135deg,#172333,#2c3d52)}
:root[data-theme="dark"] body{background:radial-gradient(circle at 12% 0%,rgba(231,100,77,.12),transparent 31rem),linear-gradient(135deg,#080f19,#132238)}
body{color:#eef4fa}header p:last-child{color:#d3ddea}.eyebrow{color:#ffb09a}.card,.details{color:#27364b}.card p,.details p,.card small,.details small{color:#617187}
:where(.cards,.cards-grid){align-items:stretch;grid-auto-flow:row dense}
:where(#cards,#dashboard-summary){grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));grid-auto-rows:minmax(112px,auto)}
.summary-count-1{grid-template-columns:minmax(0,1fr)!important}.summary-count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.summary-count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.summary-count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.summary-count-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.summary-count-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}.summary-count-7,.summary-count-8{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.dashboard-summary-card,.cards#cards>.card{animation:planerCardIn .32s ease both;will-change:transform,opacity}
.dashboard-summary-card:nth-child(2),.cards#cards>.card:nth-child(2){animation-delay:.04s}.dashboard-summary-card:nth-child(3),.cards#cards>.card:nth-child(3){animation-delay:.08s}.dashboard-summary-card:nth-child(4),.cards#cards>.card:nth-child(4){animation-delay:.12s}.dashboard-summary-card:nth-child(5),.cards#cards>.card:nth-child(5){animation-delay:.16s}.dashboard-summary-card:nth-child(6),.cards#cards>.card:nth-child(6){animation-delay:.20s}.dashboard-summary-card:nth-child(7),.cards#cards>.card:nth-child(7){animation-delay:.24s}.dashboard-summary-card:nth-child(8),.cards#cards>.card:nth-child(8){animation-delay:.28s}
@keyframes planerCardIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.dashboard-summary-card,.cards#cards>.card{animation:none}}
@media(max-width:900px){.summary-count-4,.summary-count-5,.summary-count-6,.summary-count-7,.summary-count-8{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){:where(#cards,#dashboard-summary),.summary-count-2,.summary-count-3,.summary-count-4,.summary-count-5,.summary-count-6,.summary-count-7,.summary-count-8{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
:where(main > section + section,.details + .details){margin-top:16px}
.dashboard-summary-card{min-height:112px}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .details{color:#e7eef5}:root[data-theme="dark"] .card p,:root[data-theme="dark"] .details p,:root[data-theme="dark"] .card small,:root[data-theme="dark"] .details small{color:#b7c7d8}

/* Wspólny wygląd przycisków: kształt i typografia jak w przycisku nagrywania. */
main button:not(.media-preview):not(.media-dialog-close):not(.media-order-button):not(.media-delete-button),.side>.quiet{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;border-radius:999px;font-size:.9rem;line-height:1.15;font-weight:700;text-decoration:none;box-shadow:0 5px 14px rgba(25,45,66,.14);cursor:pointer}

main .secondary{border:1px solid var(--planer-blue-deep);background:linear-gradient(135deg,var(--planer-blue),var(--planer-blue-deep));color:#fff}
main .danger{border:1px solid #b84a54;background:linear-gradient(135deg,#d45a64,#ac3540);color:#fff}
main button:disabled{opacity:.48;box-shadow:none;cursor:not-allowed}

/* Branding Symetris: obraz prowadzi kolorystycznie w stronę granatowego menu. */
body:has(.side){position:relative;background-color:#202124;background-image:linear-gradient(108deg,rgba(18,19,22,.18) 0%,rgba(25,31,43,.48) 47%,rgba(23,58,96,.96) 100%);background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
body:has(.side)::after{content:"";position:fixed;z-index:5;top:14px;right:24px;width:218px;height:76px;background-image:url('/assets/symetris.png?v=20260905.2');background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 5px 12px rgba(0,0,0,.4));pointer-events:none}
body:has(.side)>main{position:relative;z-index:1;background:transparent}
body:has(.side)>.side{z-index:6;box-shadow:10px 0 28px rgba(7,15,27,.22)}
:root[data-theme="dark"] body:has(.side){background-image:linear-gradient(108deg,rgba(5,7,10,.34) 0%,rgba(12,20,32,.58) 47%,rgba(12,31,55,.97) 100%)}
@media(max-width:720px){body:has(.side)::after{top:8px;right:12px;width:154px;height:55px;background-size:contain}.side{box-shadow:0 8px 22px rgba(7,15,27,.24)!important}}

/* Pełne oryginalne logo pozostaje w prawym górnym rogu. Gradient strony dopasowuje się do jego grafitowego tła. */
body:has(.side){background-image:linear-gradient(112deg,#173a60 0%,#252d3b 48%,#050506 100%);background-color:#050506}
body:has(.side)::after{position:absolute;background-image:url('/assets/symetris.png?v=20260905.2');background-size:contain;background-position:center;background-color:transparent}
:root[data-theme="dark"] body:has(.side){background-image:linear-gradient(112deg,#0d2949 0%,#141f2e 48%,#020203 100%);background-color:#020203}
@media(max-width:720px){body:has(.side)::after{background-size:contain;background-color:transparent}}
@media(max-width:720px){body:has(.side)::after{display:none}.side>strong{display:block;justify-self:start;flex:0 0 42px;width:42px;min-width:42px;height:42px;overflow:hidden;background:url('/assets/symetris.png?v=20260905.2') center/contain no-repeat;color:transparent!important;font-size:0!important;line-height:0;filter:drop-shadow(0 3px 8px rgba(0,0,0,.32))}}

/* Zasada UI: wszystkie przyciski akcji mają wspólny owalny kształt. */
/* Przy dużej czcionce menu boczne musi mieć własny przewijany obszar. */
html{min-height:100%;background:var(--planer-bg,#f3f7fa)}
body[data-module-layout]{min-height:100dvh}
body:has(.side){min-height:100dvh;overflow-x:hidden}
.side{min-height:100dvh;overflow:hidden}
.side nav,[data-module="navigation"]{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-right:3px}
.side nav::-webkit-scrollbar,[data-module="navigation"]::-webkit-scrollbar{display:none;width:0;height:0}
.side>.quiet{flex:0 0 auto}
.side>.quiet{position:relative;z-index:30;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:720px){.side{min-height:auto;max-height:100dvh}.side nav,[data-module="navigation"]{max-height:calc(100dvh - 58px)}}

/* Mobilne menu: jedna belka z hamburgerem i rozwijanym panelem pozycji. */
@media(max-width:720px){
  .side{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 12px;overflow:visible!important}
  .side>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .side>.menu-toggle{display:inline-grid;place-items:center;grid-column:2;grid-row:1}
  .side nav,[data-module="navigation"]{display:none;grid-column:1/-1;grid-row:2;width:100%;max-height:calc(100dvh - 70px);padding:8px 0 2px;overflow-y:auto;background:rgba(9,24,42,.96);border-top:1px solid rgba(255,255,255,.14);border-radius:0 0 12px 12px}
  .side.menu-open nav,.side.menu-open [data-module="navigation"]{display:grid}
  .side nav a,[data-module="navigation"] a{width:100%;padding:12px 13px;font-size:.95rem}
  .side>.quiet{display:none;grid-column:1/-1;margin:0!important;width:100%;min-height:44px;justify-content:center;pointer-events:none}
  .side.menu-open>.quiet{display:inline-flex;pointer-events:auto;position:relative;z-index:40}
  body.is-mobile-device main{padding:20px 12px 32px}
  body.is-mobile-device header{margin-bottom:20px}
}

/* Wylogowanie pozostaje częścią przewijanej kolumny menu. */
@media(min-width:721px){.side{overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.side::-webkit-scrollbar{display:none;width:0;height:0}.side nav,[data-module="navigation"]{overflow:visible;flex:0 0 auto}.side>.quiet{margin-top:10px;margin-bottom:12px}}
.template-updates-host[hidden]{display:none!important}
.template-change-details-dialog{position:relative;width:min(620px,calc(100vw - 24px));padding:46px 22px 22px;border:1px solid var(--planer-line,#c9d3e0);border-radius:16px;background:var(--planer-surface,#fff);color:var(--planer-ink,#27364b);box-shadow:0 20px 60px rgba(4,18,34,.45)}.template-change-details-dialog h2{margin:0 38px 18px 0}.template-change-details-dialog::backdrop{background:rgba(4,14,26,.76)}.template-change-details{display:grid;gap:8px}.template-change-details p{margin:0;padding:8px 0;border-bottom:1px solid var(--planer-line,#d9e3ec)}.template-change-details-close{position:absolute;top:10px;right:10px;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}


.media-preview-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;margin:-4px 0 8px}.media-preview-navigation ui-button{--ui-button-scale:.8}.media-preview-navigation ui-button[disabled]{opacity:.35;pointer-events:none}.media-preview-thumbnails{display:flex;gap:8px;max-width:100%;padding:10px 2px 2px;overflow-x:auto;scrollbar-width:thin}.media-preview-thumbnails[hidden]{display:none}.media-preview-thumb{display:grid;place-items:center;flex:0 0 72px;width:72px;height:56px;padding:3px;border:2px solid transparent;border-radius:8px;background:#122232;color:#fff;cursor:pointer;overflow:hidden}.media-preview-thumb:hover{border-color:#4f9ed0}.media-preview-thumb.is-active{border-color:#268bd2;box-shadow:0 0 0 2px color-mix(in srgb,#268bd2 30%,transparent)}.media-preview-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}.media-preview-thumb span{font-size:1.35rem}.media-preview-content{position:relative}.media-preview-content video,.media-preview-content img,.media-preview-content iframe{max-height:min(66vh,560px)}@media(max-width:620px){.media-preview-dialog{width:calc(100vw - 16px);padding:44px 10px 10px}.media-preview-thumb{flex-basis:64px;width:64px;height:50px}}

/* Globalny podgląd materiałów — spójny z kartami, modalami i motywami aplikacji. */
dialog.media-preview-dialog{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:#08111b;color:#e7eef5;box-shadow:none}
dialog.media-preview-dialog[open]{display:flex;flex-direction:column}
dialog.media-preview-dialog::backdrop{background:rgba(5,16,30,.82);backdrop-filter:blur(5px)}
dialog.media-preview-dialog h2{display:flex;flex:0 0 auto;align-items:center;min-height:62px;margin:0;padding:0 64px 0 20px;border:0;font-size:clamp(1rem,2vw,1.2rem);font-weight:800;letter-spacing:.01em;color:#e7eef5;background:#172e43}
dialog.media-preview-dialog .media-preview-close{position:absolute;z-index:5;top:16px;right:16px;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border:1px solid #d0525c!important;border-radius:50%!important;background:#b43a43!important;color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.28);font-size:1rem}
dialog.media-preview-dialog .media-preview-close:hover{background:#d0525c!important;border-color:#d0525c!important;transform:translateY(-1px)}
dialog.media-preview-dialog .media-preview-content{position:relative;display:grid;flex:1 1 auto;place-items:center;min-height:0;height:auto;margin:0;padding:10px clamp(8px,2vw,28px) 6px;border:0;border-radius:0;background:#060b11;overflow:hidden}
dialog.media-preview-dialog .media-preview-content video,dialog.media-preview-dialog .media-preview-content img,dialog.media-preview-dialog .media-preview-content iframe{display:block;width:100%;max-width:100%;height:100%;max-height:100%;border:0;border-radius:0;background:#060b11;object-fit:contain}
dialog.media-preview-dialog .media-preview-content iframe{width:100%;height:100%;background:#fff}
dialog.media-preview-dialog .media-preview-navigation{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:0;margin:0!important;padding:0 8px;min-height:0;pointer-events:none}
dialog.media-preview-dialog .media-preview-navigation ui-button{--ui-button-scale:.78;min-width:42px;width:42px;height:42px;border:1px solid #75b4e7;background:rgba(18,52,82,.92);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.3);pointer-events:auto}
dialog.media-preview-dialog .media-preview-navigation ui-button:hover:not([disabled]){background:#2d6d9f;color:#fff;border-color:#a7d5f7}
dialog.media-preview-dialog .media-preview-thumbnails{flex:0 0 auto;margin:0;padding:8px 12px 10px;gap:9px;background:#101e2b;scrollbar-color:var(--planer-blue,#2364aa) transparent}
dialog.media-preview-dialog .media-preview-thumb{flex-basis:78px;width:78px;height:60px;border:2px solid color-mix(in srgb,var(--planer-line,#c9d3e0) 80%,transparent);border-radius:9px;background:#203449;color:#fff;box-shadow:none}
dialog.media-preview-dialog .media-preview-thumb:hover{border-color:#6ea8d8;background:#29445f}
dialog.media-preview-dialog .media-preview-thumb.is-active{border-color:var(--planer-blue,#2364aa);box-shadow:0 0 0 2px color-mix(in srgb,var(--planer-blue,#2364aa) 25%,transparent)}
:root[data-theme="dark"] dialog.media-preview-dialog{background:#08111b;color:#e7eef5}
:root[data-theme="dark"] dialog.media-preview-dialog h2{color:#e7eef5;background:#172e43}
:root[data-theme="dark"] dialog.media-preview-dialog .media-preview-content{background:#060b11}
:root[data-theme="dark"] dialog.media-preview-dialog .media-preview-navigation ui-button{background:#21384e;color:#cfe4f8;border-color:#4e83b4}
:root[data-theme="dark"] dialog.media-preview-dialog .media-preview-navigation ui-button:hover:not([disabled]){background:#2d5272;color:#fff;border-color:#75b4e7}
@media(max-width:620px){dialog.media-preview-dialog h2{min-height:56px;padding:0 58px 0 15px;font-size:1rem}dialog.media-preview-dialog .media-preview-close{top:13px;right:14px}dialog.media-preview-dialog .media-preview-content{padding:6px 0 4px}dialog.media-preview-dialog .media-preview-navigation{padding:0 4px}dialog.media-preview-dialog .media-preview-thumbnails{padding:7px 10px 9px}.media-preview-thumb{flex-basis:66px!important;width:66px!important;height:52px!important}}
.plan-exercise .compact-unit-field{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:5px;align-items:end;padding:6px;border-radius:9px;background:#eef5fb}.plan-exercise .compact-unit-field input,.plan-exercise .compact-unit-field select{min-width:0}.plan-exercise .compact-unit-field>span{grid-column:1/-1;display:block}
.plan-exercise .compact-unit-field>input,.plan-exercise .compact-unit-field>select{height:40px;min-height:40px;box-sizing:border-box}
.cards .interval-duration{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:5px;align-items:end}.cards .interval-duration>span{grid-column:1/-1}.cards .interval-duration input,.cards .interval-duration select{min-width:0}
.dictionary-form .dictionary-duration{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:5px;align-items:end}.dictionary-form .dictionary-duration>span{grid-column:1/-1}.dictionary-form .dictionary-duration input,.dictionary-form .dictionary-duration select{min-width:0}
.plan-exercise .compact-number{width:10.5ch;max-width:10.5ch}
.plan-exercise .short-field{width:50%;max-width:50%}
.plan-exercise select.interval{width:60%;max-width:60%}
.theme-dark .plan-exercise .compact-unit-field,:root[data-theme="dark"] .plan-exercise .compact-unit-field{background:#22384a}
.plan-exercise .exercise-grid{display:flex!important;flex-wrap:wrap;gap:10px!important;align-items:flex-start}.plan-exercise .exercise-grid>label{flex:1 1 145px;min-width:0;max-width:230px;gap:6px!important}.plan-exercise .exercise-grid>label:has(.compact-number):not(.compact-unit-field){flex:0 0 105px;max-width:105px}.plan-exercise .exercise-grid>.compact-unit-field{flex:0 0 178px;min-width:178px;max-width:178px}.plan-exercise .exercise-grid>label.wide{flex:1 1 100%;max-width:none}.plan-exercise .exercise-grid input,.plan-exercise .exercise-grid select{width:100%;height:40px;min-height:40px;box-sizing:border-box}.plan-exercise .exercise-grid textarea{width:100%;min-height:76px;box-sizing:border-box}.plan-exercise .exercise-grid .compact-unit-field>input,.plan-exercise .exercise-grid .compact-unit-field>select{width:auto}
.plan-exercise .exercise-grid>label:not(.compact-unit-field){padding:6px;box-sizing:border-box}
.plan-exercise.interval-active .exercise-grid input:disabled{opacity:.55;cursor:not-allowed;background:color-mix(in srgb,var(--planer-surface,#fff) 78%,#9aaabd 22%)}
.plan-exercise .exercise-grid .compact-number{width:10.5ch!important;max-width:10.5ch!important}
.plan-exercise.interval-group{background:#dbe8ee;border:1px solid #789aaa;border-radius:9px;padding:10px 12px;margin:6px 0}.plan-exercise.interval-group-color-1{background:#dbe8ee}.plan-exercise.interval-group-color-2{background:#e5e5d8}.plan-exercise.interval-group-color-3{background:#e4dce9}.plan-exercise.interval-group-color-4{background:#e8dfd5}.plan-exercise.interval-group-color-5{background:#dce6dc}.plan-exercise.interval-group-color-6{background:#e5dfe0}:root[data-theme="dark"] .plan-exercise.interval-group-color-1{background:#294452;color:#e4eef2}:root[data-theme="dark"] .plan-exercise.interval-group-color-2{background:#41452f;color:#eef0e1}:root[data-theme="dark"] .plan-exercise.interval-group-color-3{background:#403747;color:#f0eaf3}:root[data-theme="dark"] .plan-exercise.interval-group-color-4{background:#4b4034;color:#f1e9df}:root[data-theme="dark"] .plan-exercise.interval-group-color-5{background:#304435;color:#e8f2e9}:root[data-theme="dark"] .plan-exercise.interval-group-color-6{background:#463a3d;color:#f3e9eb}
.workout-session-head ui-button.workout-head-button,.workout-session-head ui-icon-button.workout-head-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--planer-line);border-radius:50%;background:var(--planer-surface);color:var(--planer-ink);font-size:28px;line-height:1;cursor:pointer}