:root{
  --ink:#0d0d10;
  --line:#d1d1d1;
  --metric:var(--text-accent);
  --dashboard-max:1840px;

  --text-primary:#25212d;
  --text-strong:#17151d;
  --text-secondary:#77717d;
  --text-control:#716c78;
  --text-accent:#5147aa;

  --font-size-2xs:7px;
  --font-size-xs:8px;
  --font-size-sm:9px;
  --font-size-md:10px;
  --font-size-lg:11px;
  --font-size-xl:12px;
  --font-size-2xl:13px;
  --font-size-heading-sm:16px;
  --font-size-heading-md:18px;
  --font-size-heading-lg:20px;
  --font-size-metric:25px;
  --font-weight-light:300;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;
  --font-weight-extrabold:800;
  --line-height-solid:1;
  --line-height-tight:1.15;
  --line-height-compact:1.2;
  --line-height-copy:1.35;
  --line-height-relaxed:1.4;
  --line-height-spacious:1.45;

  --space-2xs:4px;
  --space-xs:6px;
  --space-sm:8px;
  --space-md:10px;
  --space-lg:12px;
  --space-xl:14px;
  --space-2xl:16px;
  --space-3xl:18px;
  --space-4xl:24px;

  --duration-fast:.18s;
  --duration-control:.22s;
  --duration-medium:.3s;
  --duration-slow:.4s;
  --duration-switch:.86s;
  --switch-label-delay:350ms;
  --switch-lock-delay:920ms;
  --ease-standard:ease;
  --ease-emphasized:cubic-bezier(.22,.72,.22,1);
  --ease-navigation:cubic-bezier(.22,.76,.2,1);
  --press-scale:.995;
  --press-hover-scale:1;

  --radius-pill:999px;
  --radius-control:15px;
  --radius-card:17px;
  --radius-panel:19px;

  /* Pevné pastelové plochy: barvy navazují na dashboard, bez průsvitu bílé stránky. */
  --surface-glass-panel:linear-gradient(145deg,#e7f4f3,#f6e7f0);
  --surface-flow-cool:linear-gradient(112deg,#e0ecf8,#e8f5ee 48%,#f9f2e0);
  --surface-flow-cool-detail:linear-gradient(112deg,#e0ecf8,#e8f5ee 48%,#f8f4ec);
  --surface-flow-warm:linear-gradient(112deg,#f9f2e0,#f8eae6 52%,#f7e5ed);
  --surface-flow-spectrum:linear-gradient(112deg,#e0ecf8,#e8f5ee 43%,#f9f2e0 70%,#f7e5ed);
  --surface-glass-control:linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,243,248,.76));
  --surface-subcard:linear-gradient(145deg,rgba(246,245,255,.82),rgba(226,244,243,.70));
  --surface-interactive-hover:linear-gradient(145deg,rgba(239,236,253,.58),rgba(229,247,245,.5));
  --gradient-action:linear-gradient(90deg,#594bb0,#36b7d0);
  --gradient-notification:linear-gradient(90deg,#a674cf,#e48692);
  --border-glass-control:rgba(255,255,255,.66);
  --border-subcard:rgba(126,116,153,.32);
  --glass-control-filter:none;
  --glass-card-filter:none;

  --state-info-border:rgba(83,100,189,.18);
  --state-info-surface:linear-gradient(145deg,rgba(215,221,255,.76),rgba(238,241,255,.48));
  --state-info-text:#5364bd;
  --state-success-border:rgba(15,145,94,.18);
  --state-success-surface:linear-gradient(145deg,rgba(65,202,139,.33),rgba(181,235,211,.49));
  --state-success-text:#147d58;
  --state-warning-border:rgba(196,122,35,.17);
  --state-warning-surface:linear-gradient(145deg,rgba(255,233,206,.78),rgba(255,244,227,.49));
  --state-warning-text:#a86725;
  --state-danger-border:rgba(181,60,82,.17);
  --state-danger-surface:linear-gradient(145deg,rgba(247,202,208,.76),rgba(255,235,237,.49));
  --state-danger-text:#b53c52;
  --state-neutral-border:rgba(113,108,120,.18);
  --state-neutral-surface:linear-gradient(145deg,rgba(232,231,236,.78),rgba(248,247,250,.52));
  --state-neutral-text:var(--text-control);

  --state-info-border-subtle:rgba(83,100,189,.17);
  --state-info-surface-subtle:linear-gradient(145deg,rgba(215,221,255,.62),rgba(238,241,255,.4));
  --state-success-border-subtle:rgba(15,145,94,.17);
  --state-success-surface-subtle:linear-gradient(145deg,rgba(65,202,139,.28),rgba(181,235,211,.42));
  --state-warning-border-subtle:rgba(196,122,35,.16);
  --state-warning-surface-subtle:linear-gradient(145deg,rgba(255,233,206,.65),rgba(255,244,227,.42));

  --state-info-border-compact:rgba(104,91,177,.18);
  --state-info-surface-compact:linear-gradient(145deg,rgba(215,221,255,.59),rgba(238,241,255,.36));
  --state-success-border-compact:rgba(15,145,94,.16);
  --state-success-surface-compact:linear-gradient(145deg,rgba(65,202,139,.28),rgba(181,235,211,.4));
  --state-warning-border-compact:rgba(196,122,35,.16);
  --state-warning-surface-compact:linear-gradient(145deg,rgba(255,233,206,.64),rgba(255,244,227,.42));
  --state-registration-border:rgba(53,153,169,.2);
  --state-registration-surface:linear-gradient(145deg,rgba(76,177,198,.3),rgba(157,225,210,.43));
  --state-registration-text:#267d88;
  --state-disabled-opacity:.62;
  --focus-ring-color:rgba(74,92,193,.3);
  --focus-ring-width:3px;
  --focus-ring-offset:3px;

  --shadow-control-rest:inset 0 1px 0 rgba(255,255,255,.86),0 4px 10px rgba(49,42,67,.17);
  --shadow-control-hover:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px rgba(45,40,61,.22);
  --shadow-interactive-hover:inset 0 1px 0 rgba(255,255,255,.9),0 7px 17px rgba(77,70,131,.18);
  --panel-hover-transform:translateY(-3px);
  --panel-hover-filter:none;
  --panel-hover-shadow:var(--shadow-card-hover);
  --shadow-action-rest:0 5px 13px rgba(76,74,158,.15);
  --shadow-subcard-rest:inset 0 1px 0 rgba(255,255,255,.92),0 0 4px rgba(40,42,48,.13),-2px 4px 10px rgba(40,42,48,.09);
  --shadow-subcard-hover:inset 0 1px 0 rgba(255,255,255,.96),0 0 5px rgba(40,42,48,.14),-3px 6px 13px rgba(40,42,48,.14);
  --shadow-card-rest:0 0 5px 1px rgba(40,42,48,.17),-4px 7px 16px -1px rgba(40,42,48,.17),inset 0 0 10px rgba(255,255,255,.08);
  --shadow-card-hover:0 0 6px 1px rgba(40,42,48,.18),-6px 10px 19px -1px rgba(40,42,48,.21),inset 0 0 14px rgba(255,255,255,.13);

  --active-control-border:rgba(104,91,177,.46);
  --active-control-flow:linear-gradient(135deg,rgba(119,101,197,.42),rgba(61,169,190,.37));
  --active-control-flow-hover:linear-gradient(135deg,rgba(105,88,188,.52),rgba(48,158,181,.47));
  --active-control-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 20px rgba(73,63,126,.20);
  --active-control-shadow-hover:inset 0 1px 0 rgba(255,255,255,.88),0 10px 24px rgba(67,57,119,.24);

  --chart-flow-1:linear-gradient(180deg,rgba(111,166,207,.97),rgba(76,135,183,.92));
  --chart-flow-2:linear-gradient(180deg,rgba(99,177,209,.97),rgba(65,148,187,.92));
  --chart-flow-3:linear-gradient(180deg,rgba(88,187,205,.97),rgba(57,158,181,.92));
  --chart-flow-4:linear-gradient(180deg,rgba(81,195,194,.97),rgba(52,167,169,.92));
  --chart-flow-5:linear-gradient(180deg,rgba(91,201,179,.97),rgba(57,174,154,.92));
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#f2edf4}
html{overflow-y:scroll;scrollbar-gutter:stable}
body{position:relative;display:flow-root;min-height:100vh;background:
radial-gradient(ellipse 42% 32% at 8% 10%,rgba(104,86,194,.23),transparent 72%),
radial-gradient(ellipse 48% 38% at 88% 7%,rgba(255,165,127,.184),transparent 72%),
radial-gradient(ellipse 44% 46% at 76% 86%,rgba(65,186,205,.196),transparent 74%),
radial-gradient(ellipse 38% 34% at 16% 78%,rgba(184,111,190,.15),transparent 72%),
linear-gradient(135deg,#f2edf5 0%,#edf6f4 48%,#f7eff0 100%);background-attachment:scroll;background-repeat:no-repeat;background-size:cover}
button,input{font:inherit}
button,a{color:inherit}
.ui-interactive{cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}
.ui-interactive:hover{transform:translateY(-2px)}
.ui-interactive:active{transform:translateY(0) scale(var(--press-scale))}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}
.skip-link{position:fixed;z-index:10000;top:12px;left:50%;min-height:42px;padding:0 18px;border:1px solid rgba(91,78,165,.38);border-radius:var(--radius-pill);display:flex;align-items:center;background:rgba(250,248,252,.92);color:#3f376e;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:none;box-shadow:var(--shadow-control-hover);backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18);transform:translate(-50%,-160%);transition:transform var(--duration-control) var(--ease-standard)}
.skip-link:focus{transform:translate(-50%,0)}
main:focus,.hero h1:focus{outline:none}
.ui-control{touch-action:manipulation}
.ui-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.3);background:var(--surface-glass-panel);box-shadow:var(--shadow-card-rest)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ui-card{background:rgba(249,248,251,.94)}
  .ui-control,.subcard-glass{backdrop-filter:none;-webkit-backdrop-filter:none}
}
.metric-box{flex:0 0 auto;border:1px solid var(--metric-box-border,rgba(126,116,153,.25));background:var(--metric-box-background,rgba(255,255,255,.34));box-shadow:var(--metric-box-shadow,inset 0 1px 0 rgba(255,255,255,.82));display:grid;text-align:center}
.metric-box strong{font-size:24px;font-weight:var(--font-weight-medium);line-height:var(--line-height-solid);color:var(--metric)}
.metric-box small,.metric-box span{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:#817a88}
.ui-progress{height:8px;border-radius:var(--radius-pill);background:rgba(255,139,76,.42);overflow:hidden;box-shadow:inset 0 1px 2px rgba(87,69,91,.12)}
.ui-empty-state{border:1px dashed rgba(126,116,153,.3);border-radius:18px;text-align:center;color:#8f8994;font-size:var(--font-size-lg)}
.ui-data-state{min-height:92px;padding:18px 20px;border:1px solid var(--state-neutral-border);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center;gap:13px;background:var(--state-neutral-surface);color:var(--state-neutral-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.82);font-size:var(--font-size-sm)}
.ui-data-state[hidden]{display:none!important}
.ui-data-state-symbol{position:relative;width:30px;height:30px;flex:0 0 30px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;opacity:.74}
.ui-data-state-symbol:after{content:"";width:10px;height:2px;border-radius:var(--radius-pill);background:currentColor}
.ui-data-state-body{max-width:520px;display:grid;gap:4px;line-height:var(--line-height-copy)}
.ui-data-state-body strong{color:var(--text-primary);font-size:var(--font-size-lg)}
.ui-data-state.is-loading{border-color:var(--state-info-border);background:var(--state-info-surface);color:var(--state-info-text)}
.ui-data-state.is-loading .ui-data-state-symbol{border-color:rgba(83,100,189,.2);border-top-color:currentColor;animation:ui-state-spin .8s linear infinite}
.ui-data-state.is-loading .ui-data-state-symbol:after{display:none}
.ui-data-state.is-error{border-color:var(--state-danger-border);background:var(--state-danger-surface);color:var(--state-danger-text)}
.ui-data-state.is-error .ui-data-state-symbol:after{content:"!";width:auto;height:auto;background:none;font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-solid)}
.ui-data-state.is-unauthorized{border-color:var(--state-info-border);background:var(--state-info-surface);color:var(--state-info-text)}
.ui-data-state.is-unauthorized .ui-data-state-symbol:after{content:"↪";width:auto;height:auto;background:none;font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-solid)}
.ui-data-state.is-forbidden{border-color:var(--state-danger-border);background:var(--state-danger-surface);color:var(--state-danger-text)}
.ui-data-state.is-forbidden .ui-data-state-symbol:after{content:"×";width:auto;height:auto;background:none;font-size:var(--font-size-heading-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-solid)}
.ui-data-state.is-conflict{border-color:var(--state-warning-border);background:var(--state-warning-surface);color:var(--state-warning-text)}
.ui-data-state.is-conflict .ui-data-state-symbol:after{content:"!";width:auto;height:auto;background:none;font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-solid)}
.ui-data-state.is-disabled{border-color:var(--state-neutral-border);opacity:var(--state-disabled-opacity)}
.ui-data-state.is-disabled .ui-data-state-symbol:after{width:13px;transform:rotate(-45deg)}
.ui-data-state-retry{min-height:36px;padding:0 13px;border:1px solid var(--state-danger-border);border-radius:var(--radius-control);background:rgba(255,255,255,.46);color:var(--state-danger-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-control-rest)}
.ui-data-state-retry:hover{background:rgba(255,255,255,.66);box-shadow:var(--shadow-control-hover)}
.calendar-state,.services-state{width:100%;margin-top:var(--space-lg)}
.service-booking-state{width:100%;margin-top:var(--space-md)}
.notifications-state{margin-top:13px}
@keyframes ui-state-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ui-data-state.is-loading .ui-data-state-symbol{animation:none}}
.sidebar{position:fixed;inset:0 auto 0 0;width:88px;background:transparent;z-index:5;display:flex;flex-direction:column;align-items:center}
.sidebar-brand-mark{width:38px;height:32px;margin:22px 0 17px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.sidebar-brand-mark img{display:block;width:24px;height:32px;object-fit:fill}
.side-nav{width:100%;display:flex;flex-direction:column;align-items:center;gap:13px}
.side-item,.profile{text-decoration:none;text-align:center;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);position:relative}
.side-item{width:66px;height:64px;justify-content:center;border:1px solid transparent;border-radius:var(--radius-panel);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard)}
.side-item:not(.is-active):hover{transform:translateY(-3px);border-color:transparent;background:transparent;color:#4f488f;box-shadow:none;filter:saturate(1.08)}
.side-item.is-active{width:66px;border:1px solid rgba(99,86,171,.38);border-radius:var(--radius-panel);background:linear-gradient(145deg,rgba(245,242,255,.96),rgba(224,247,244,.92));color:var(--text-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 9px 22px rgba(77,70,131,.13);transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard)}
.side-item.is-active:hover{transform:translateY(-3px);border-color:rgba(91,78,165,.5);background:linear-gradient(145deg,rgba(238,233,255,.84),rgba(216,245,242,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 12px 26px rgba(77,70,131,.17)}
.side-item.is-active:after{content:"";position:absolute;right:-7px;width:4px;height:28px;border-radius:4px;background:linear-gradient(180deg,#7460c3,#43aabd);box-shadow:0 0 10px rgba(93,81,180,.22)}
.side-icon{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;color:#56565a}.side-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3.15;stroke-linecap:round;stroke-linejoin:round}.side-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.side-icon.home-icon{width:31px;height:31px}.side-icon.course-icon{width:37px;height:37px}.side-icon.services-icon{width:35px;height:35px}.side-icon.folder-icon{width:35px;height:35px}.side-icon.calendar-nav-icon{width:33px;height:33px}.side-item:not(.is-active) .side-icon{color:#57555d}.side-item .side-icon img{filter:brightness(0) saturate(100%) invert(34%) sepia(4%) saturate(470%) hue-rotate(202deg) brightness(91%) contrast(88%);transition:filter var(--duration-control) var(--ease-standard),transform var(--duration-control) var(--ease-standard)}.side-item.is-active .side-icon{color:var(--metric)}.side-item.is-active .side-icon img{filter:brightness(0) saturate(100%) invert(31%) sepia(31%) saturate(2262%) hue-rotate(216deg) brightness(86%) contrast(88%)}
.profile .profile-icon{width:46px;height:46px;padding:7px;display:grid;place-items:center;color:#fff;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#6255b4 0%,#439fc3 100%);box-shadow:0 0 0 2px #594ead,0 5px 13px rgba(77,70,131,.18);transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard)}.profile:hover .profile-icon{transform:translateY(-2px);background:linear-gradient(145deg,#5145a7 0%,#36b4c9 100%);box-shadow:0 0 0 2px #5145a7,0 10px 22px rgba(77,70,131,.24)}.profile .profile-icon svg{width:100%;height:100%;fill:currentColor;stroke:none}
.page-shell{position:relative;z-index:6;margin:14px 0 14px 88px;background:var(--portal-canvas-background);min-height:calc(100vh - 28px);border:0;border-radius:22px 0 0 22px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;filter:none;box-shadow:-8px 0 20px rgba(55,45,72,.075)}
.page-shell:before,.page-shell:after{display:none}
.brand-header{position:relative;height:77px;display:flex;justify-content:center;align-items:center}
.brand{text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center}.brand-wordmark{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:35px;font-weight:var(--font-weight-light);line-height:var(--line-height-solid);letter-spacing:6px;white-space:nowrap}.brand-e{display:block;width:27px;height:36px;object-fit:fill;flex:0 0 auto}.brand small{font-size:var(--font-size-2xs);line-height:var(--line-height-solid);letter-spacing:.45px;color:#666;margin-top:5px}
.brand:hover{transform:none;opacity:.82}
main{--guest-login-reserve:103px;padding:0 22px 16px;flex:1;display:flex;flex-direction:column}.hero{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:var(--dashboard-max);margin:0 auto;height:91px;flex:0 0 91px;border:1px solid rgba(255,255,255,.64);border-radius:var(--radius-card);background:linear-gradient(112deg,rgba(218,234,232,.86),rgba(246,241,230,.78) 52%,rgba(239,225,234,.81));box-shadow:var(--shadow-card-rest);display:flex;align-items:center;padding:0 26px}.hero:before{content:"";position:absolute;z-index:0;inset:-70% 16% auto -4%;height:145px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(122,105,199,.18),rgba(70,181,193,.09) 48%,transparent 74%);filter:none;pointer-events:none}.hero h1{position:relative;z-index:1;font-size:var(--font-size-heading-md);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-primary);letter-spacing:.15px}
.tabs{height:94px;flex:0 0 94px;display:flex;align-items:center;justify-content:center;gap:27px;padding-top:4px}.tabs button{width:124px;height:52px;border:1px solid var(--border-glass-control);border-radius:var(--radius-card);font-size:var(--font-size-xl);color:var(--text-control);position:relative;transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard)}.tabs>button:hover{transform:translateY(-3px);border-color:rgba(107,95,172,.34);color:#47416f}.tabs button.has-notification:after{content:"";position:absolute;width:39px;height:4px;background:var(--gradient-notification);border-radius:var(--radius-pill);bottom:-10px;left:42px;box-shadow:0 2px 7px rgba(190,100,143,.18)}
.dashboard{display:grid;grid-template-columns:minmax(390px,.95fr) minmax(390px,1fr) minmax(390px,.96fr) minmax(146px,.32fr);grid-template-rows:minmax(356px,.96fr) minmax(348px,1.04fr);gap:var(--space-md) 12px;width:100%;max-width:var(--dashboard-max);min-height:714px;flex:1;margin:0 auto}.card{border-radius:var(--radius-panel);box-shadow:var(--shadow-card-rest);transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}.ui-card:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:1;
  filter:none;
  background:none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.68),
    inset 0 0 8px 3px rgba(255,255,255,.72);
}.card:hover{z-index:3;transform:var(--panel-hover-transform);filter:var(--panel-hover-filter);box-shadow:var(--panel-hover-shadow)}.activity-card{grid-column:1;grid-row:1/3;padding:18px 22px 10px 47px;height:auto}.activity-content{height:100%;display:flex;flex-direction:column}
h2{font-size:var(--font-size-heading-md);margin:0}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.period{font-size:var(--font-size-sm);color:#fff;padding:6px 10px 6px 7px;border:0;border-radius:20px;background:var(--gradient-action);display:flex;align-items:center;gap:5px}.period svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.period svg circle{fill:currentColor;stroke:none}.switch-control{white-space:nowrap;overflow:hidden;transition:width .34s var(--ease-emphasized),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),filter var(--duration-fast) var(--ease-standard)}.switch-control span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch-control:disabled{cursor:wait}.switch-control.is-switching svg{animation:switchControlIcon var(--duration-switch) var(--ease-standard) both}.switch-control.is-switching span{animation:switchControlLabelSwap var(--duration-switch) var(--ease-standard) both}.service-switch{max-width:166px}
.hours{display:flex;align-items:center;gap:var(--space-lg);margin-top:8px}.hours strong{font-size:35px}.hours span{font-size:var(--font-size-xs);color:#aaa;line-height:var(--line-height-relaxed)}.service-total strong{display:inline-block;width:52px;flex:0 0 52px;font-variant-numeric:tabular-nums}.service-total.is-switching span{animation:serviceSlotLabelSwap var(--duration-switch) var(--ease-standard) both}
.chart{min-height:239px;flex:1;display:flex;margin-top:3px}.axis{display:flex;width:27px;flex-direction:column;justify-content:space-between;padding:4px 0 25px;font-size:var(--font-size-2xl)}.bars{flex:1;display:flex;align-items:end;gap:var(--space-xs)}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;font-size:var(--font-size-2xl);gap:7px}.bar-wrap i{display:block;width:100%;border-radius:10px;transform-origin:center bottom;cursor:default;transition:transform .2s var(--ease-standard),filter .2s var(--ease-standard),box-shadow .2s var(--ease-standard)}.bar-wrap i:hover{position:relative;z-index:2;transform:translateY(-4px);filter:saturate(1.12) brightness(1.055);box-shadow:0 9px 16px rgba(63,67,111,.2)}.week-label{display:grid;gap:2px;text-align:center;line-height:var(--line-height-solid)}.week-label b{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}.week-label small{font-size:var(--font-size-xs);color:#8f8f94}.service-chart{position:relative;overflow:visible}.service-chart.is-switching{overflow:hidden}.service-chart .axis{position:relative;z-index:4;flex:0 0 27px;padding-bottom:34px}.service-chart.is-switching .service-axis{animation:serviceAxisSwap var(--duration-switch) var(--ease-standard) both}.bars-stage{position:relative;flex:1;min-width:0;height:100%;overflow:visible;isolation:isolate}.service-chart.is-switching .bars-stage{overflow:hidden}.service-chart .bars{position:absolute;inset:0}.service-chart.is-switching .bars{will-change:transform,filter,opacity}.service-chart .bar-wrap i{height:var(--bar-height);max-height:calc(100% - 35px);background:var(--bar-color)}.bars-layer.is-current{z-index:2}.bars-layer.is-leaving{z-index:1;animation:serviceLayerOut .32s cubic-bezier(.62,.02,.72,.34) both}.bars-layer.is-entering{z-index:3;animation:serviceLayerIn .38s var(--duration-slow) cubic-bezier(.18,.76,.25,1) both}.bars-layer.is-leaving .bar-wrap{animation:serviceBarOut .26s var(--ease-standard) both;animation-delay:calc(var(--bar-index) * 18ms)}.bars-layer.is-entering .bar-wrap{animation:serviceBarIn var(--duration-medium) var(--ease-standard) both;animation-delay:calc(410ms + var(--bar-index) * 18ms)}.service-total.is-switching strong{animation:switchControlLabelSwap var(--duration-switch) var(--ease-standard) both}.media{border:1px solid #ccc;border-radius:var(--radius-card);margin-top:17px;height:286px;flex:0 0 286px;padding:16px 22px;transition:transform .2s var(--ease-standard),box-shadow .2s var(--ease-standard),border-color .2s var(--ease-standard),background var(--duration-medium) var(--ease-standard)}.media:hover{transform:translateY(-3px);border-color:#aaa5cf;background:linear-gradient(145deg,#faf9ff 0%,#f1faf8 100%);box-shadow:0 9px 20px rgba(77,70,131,.1)}.media h3{margin:0 0 14px;font-size:var(--font-size-heading-sm)}
.media.booking-shortcuts{padding:14px;display:flex;flex-direction:column;gap:11px;background:rgba(255,255,255,.08)}.media.booking-shortcuts:hover{transform:none;border-color:#ccc;background:rgba(255,255,255,.08);box-shadow:none}.booking-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);min-height:36px}.media .booking-head h3{margin:0 0 3px}.booking-head p{margin:0;color:#a5a2aa;font-size:var(--font-size-xs);line-height:1.25}.booking-status{flex:0 0 auto;padding:5px 8px;border-radius:var(--radius-pill);background:rgba(88,75,176,.1);color:#574aad;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:.7px}.booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);flex:1;min-height:0}.booking-card{position:relative;overflow:hidden;min-width:0;border:1px solid rgba(139,133,162,.25);border-radius:var(--radius-control);padding:12px;display:flex;flex-direction:column;text-decoration:none;color:var(--text-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.72);transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}.booking-card:before{content:"";position:absolute;inset:-45% -20% auto 28%;height:100px;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(18px);opacity:.42;pointer-events:none;transition:transform .32s var(--ease-standard),opacity .32s var(--ease-standard)}.booking-card:hover{transform:translateY(-4px);border-color:rgba(100,89,160,.42);filter:saturate(1.08);box-shadow:0 11px 22px rgba(70,63,105,.14),inset 0 1px 0 rgba(255,255,255,.88)}.booking-card:hover:before{transform:translate(-15%,35%) rotate(-8deg);opacity:.72}.healing-booking{background:linear-gradient(145deg,rgba(225,247,245,.84),rgba(220,240,249,.66))}.prophetic-booking{background:linear-gradient(145deg,rgba(237,233,252,.86),rgba(220,233,250,.66))}.booking-kicker{position:relative;z-index:1;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:1px;color:#6f6a78}.booking-card h4{position:relative;z-index:1;margin:5px 0 8px;font-size:var(--font-size-2xl);line-height:1.12}.booking-cta{position:relative;z-index:1;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#268d98}.prophetic-booking .booking-cta{color:#574aad}.booking-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease-standard)}.booking-card:hover .booking-cta svg{transform:translateX(3px)}
.center-column,.right-column{display:contents}.stats-card{grid-column:2;grid-row:1;padding:16px 29px;min-width:0;display:flex;flex-direction:column}.total{display:flex;align-items:center;gap:15px;margin-top:10px}.total strong{font-size:34px}.total span{font-size:var(--font-size-xs);color:#bbb;line-height:var(--line-height-relaxed)}.progress-line{height:12px;min-height:12px;flex:0 0 12px;display:flex;gap:var(--space-xs);margin-top:8px}.progress-line i{display:block;height:100%;border-radius:9px}.progress-line i:nth-child(1){flex:1;background:#08bd70}.progress-line i:nth-child(2){flex:4;background:#ff8b4c}.progress-labels{display:grid;grid-template-columns:1fr 4fr;gap:var(--space-xs);font-size:var(--font-size-xs);margin-top:3px}.progress-labels span:last-child{text-align:right}.stat-boxes{min-height:150px;flex:1;margin-top:20px;border:1px solid #ccc;border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;transition:transform .2s var(--ease-standard),box-shadow .2s var(--ease-standard),border-color .2s var(--ease-standard),background var(--duration-medium) var(--ease-standard)}.stat-boxes:hover{transform:translateY(-3px);border-color:#aaa5cf;background:linear-gradient(145deg,#faf9ff 0%,#f1faf8 100%);box-shadow:0 9px 20px rgba(77,70,131,.1)}.stat-boxes>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);border-right:1px solid #ccc}.stat-boxes>div:last-child{border:0}.circle{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-heading-lg)}.circle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.purple{background:#574aad}.green{background:#08bd70}.orange{background:#ff8d4f}.stat-boxes strong{font-size:28px;font-weight:var(--font-weight-regular)}.stat-boxes small{font-size:var(--font-size-sm);color:#c2c2c2}
.course-card{grid-column:3;grid-row:1;padding:18px 22px 14px;display:flex;flex-direction:column}.course-card h2{margin-top:13px}.course-copy{color:#aaa;font-size:var(--font-size-sm);line-height:1.3}.continue{width:100%;height:42px;flex:0 0 42px;border-radius:var(--radius-control);color:#fff;border:1px solid #574aad;background:linear-gradient(90deg,#4c76c3,#36a9d0);font-weight:var(--font-weight-semibold);font-size:15px;margin-top:11px}
.schedule-card{grid-column:2/4;grid-row:2;position:relative;padding-left:47px}.schedule-body{height:100%;padding:12px 17px 12px 0;display:flex;flex-direction:column}.schedule-head{display:flex;align-items:center;justify-content:space-between;height:30px;flex:0 0 30px;padding:0 4px 0 3px}.schedule-head>div{display:flex;align-items:center;gap:23px}.schedule-head button{border:0;background:#000;color:#fff;border-radius:50%;height:27px;width:27px;font:26px/var(--line-height-solid) Arial,sans-serif;padding:0 0 3px;display:grid;place-items:center}.events{height:auto;min-height:0;flex:1;margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl)}.event{border:1px solid #ccc;border-radius:var(--radius-card);padding:20px 16px 14px;display:flex;flex-direction:column;cursor:pointer;transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard)}.event small{color:#bbb;font-size:var(--font-size-md)}.event h3{margin:10px 0 22px;font-size:var(--font-size-heading-sm)}.event p{margin:auto 0 0;font-size:var(--font-size-sm)}
.verse-card{grid-column:4;grid-row:1/3;height:auto;padding:20px 21px 10px;display:flex;flex-direction:column}.verse-ref{background:#d8e0ff;color:#3c50b7;border-radius:7px;text-align:center;padding:9px 4px;font-size:var(--font-size-sm);margin-top:16px}.verse-card>p{font-size:var(--font-size-sm);line-height:var(--line-height-copy);color:#666;text-align:justify}
footer{position:relative;z-index:1;left:0;width:100%;min-height:310px;margin-top:12px;background:transparent;border-top:1px solid rgba(255,255,255,.64);color:#4a484d;padding:42px clamp(38px,4.6vw,92px) 24px;border-radius:0 0 0 22px}
.footer-content{position:relative;min-height:244px;border-bottom:1px solid #e1dde1}
.footer-mark{position:relative;display:block;width:max-content;text-decoration:none;color:#050505;line-height:var(--line-height-solid);margin:8px 0 19px}.footer-mark img{display:block;width:44px;height:auto}
.footer-links{display:flex;gap:var(--space-2xl);margin-bottom:12px}.footer-links a{font-size:var(--font-size-md);text-decoration:underline;text-underline-offset:2px}
.copyright{margin:0 0 20px;font-size:var(--font-size-sm);color:#66636a}
footer address{font-style:normal;font-size:var(--font-size-sm);line-height:1.55;margin-bottom:9px;color:#66636a}
.footer-contact{list-style:none;margin:0;padding:0;display:grid;gap:5px}.footer-contact li{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.footer-contact li>span{width:12px;text-align:center;font-size:var(--font-size-xl)}.footer-contact a{text-decoration:underline;text-underline-offset:2px}
.social-links{position:absolute;isolation:isolate;overflow:hidden;right:0;bottom:42px;min-height:52px;padding:7px 11px;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius-pill);background:linear-gradient(125deg,rgba(77,68,151,.86),rgba(54,151,177,.82) 62%,rgba(193,119,157,.78));backdrop-filter:blur(13px) saturate(1.24);-webkit-backdrop-filter:blur(13px) saturate(1.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(47,39,97,.22),0 9px 22px rgba(54,47,87,.18)}
.social-links:before{content:"";position:absolute;z-index:0;inset:-22px 40% 45% -12px;border-radius:50%;background:rgba(255,255,255,.38);filter:blur(11px);pointer-events:none}
.social-links:after{content:"";position:absolute;z-index:0;width:58px;height:50px;right:-18px;bottom:-23px;border-radius:50%;background:rgba(244,181,203,.34);filter:blur(13px);pointer-events:none}
.social-links a{position:relative;z-index:1;width:36px;height:36px;flex:0 0 36px;margin:0;padding:0;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;transform-origin:50% 50%;transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.social-links a:hover{transform:none;border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.20);filter:saturate(1.08) brightness(1.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 0 15px rgba(39,36,70,.20)}
.social-links img{display:block;width:24px;height:24px;object-fit:contain;object-position:center}
.social-links a:not(.social-brand-link) img{transform:translateY(1.5px)}
.social-links .social-brand-link{width:36px}
.social-links .social-brand-link img{width:16px;height:20px;filter:brightness(0) invert(1)}

/* Společný vzhled všech skutečných podkaret dashboardu. */
.subcard-glass{
  --subcard-bg:var(--surface-subcard);
  --subcard-glow:rgba(255,255,255,.74);
  position:relative;
  overflow:hidden;
  border:1px solid var(--border-subcard);
  background:var(--subcard-bg);
  box-shadow:var(--shadow-subcard-rest);
  transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard);
}

/* Finální sjednocení vnitřních karet, textové hierarchie a navigace. */
.booking-kicker,.subcard-kicker{font-size:var(--font-size-2xs);font-weight:var(--font-weight-extrabold);letter-spacing:1px;line-height:1.1;text-transform:uppercase;color:#746e7d}
.booking-card h4,.event h3{font-weight:var(--font-weight-bold);letter-spacing:0;line-height:var(--line-height-tight);color:var(--text-primary)}
.booking-card h4{font-size:clamp(13.5px,.75vw,15px)}
.booking-cta,.stat-caption{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-compact)}

.stat-boxes.subcard-glass>div{position:relative;align-items:flex-start;justify-content:flex-start;gap:var(--space-2xs);padding:14px;border-right-color:rgba(139,133,162,.2)}
.stat-boxes.subcard-glass .circle{position:absolute;top:12px;right:12px;width:30px;height:30px}
.stat-boxes.subcard-glass strong{margin-top:auto;font-size:clamp(28px,1.65vw,33px);font-weight:var(--font-weight-medium);line-height:var(--line-height-solid);color:#24202b}
.stat-caption{color:#8a8490}

.event.subcard-glass{padding:clamp(15px,1vw,20px)}
.event-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}
.event-top small{font-size:clamp(9px,.55vw,11px);color:#97919d;white-space:nowrap}
.event.subcard-glass h3{margin:9px 0 11px;font-size:clamp(15px,.92vw,18px)}
.event-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.event .event-tags .tag{align-self:auto;min-width:0;margin:0;padding:6px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);text-align:center;line-height:normal}
.event p.event-location{margin:auto 0 0;padding-top:10px;border-top:1px solid rgba(126,116,153,.18);font-size:clamp(8px,.5vw,10px);line-height:1.3;color:var(--text-secondary)}
.hero{border-color:rgba(255,255,255,.82);background:linear-gradient(112deg,rgba(197,231,226,.70),rgba(248,236,211,.59) 52%,rgba(242,207,228,.62));box-shadow:var(--shadow-card-rest)}
.hero:before{background:radial-gradient(ellipse at center,rgba(119,99,202,.25),rgba(63,181,194,.11) 48%,transparent 74%);filter:none}
.hero:after{content:"";position:absolute;z-index:1;left:9px;top:18%;bottom:18%;width:5px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#a674cf,#e48692);box-shadow:0 0 14px rgba(190,100,143,.2);pointer-events:none}
.hero h1{z-index:2;font-weight:var(--font-weight-bold);letter-spacing:.35px;text-shadow:0 1px 0 rgba(255,255,255,.56)}

.subcard-glass>*{position:relative;z-index:1}
.subcard-glass:before{
  content:"";
  position:absolute;
  z-index:0;
  top:-46%;
  right:-18%;
  bottom:auto;
  left:auto;
  width:76%;
  height:118px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,var(--subcard-glow) 0 24%,transparent 72%);
  filter:none;
  opacity:.62;
  pointer-events:none;
  transition:transform .32s var(--ease-standard),opacity .32s var(--ease-standard);
}
.booking-card.subcard-glass:hover,
.stat-boxes.subcard-glass:hover,
.event.subcard-glass:hover{
  transform:translateY(-4px);
  border-color:rgba(99,87,160,.5);
  background:var(--subcard-bg);
  filter:none;
  box-shadow:var(--shadow-subcard-hover);
}
.subcard-glass:hover:before{transform:translate(-14%,34%) rotate(-8deg);opacity:.67}
.healing-booking,.prophetic-booking{--subcard-bg:var(--surface-subcard);--subcard-glow:rgba(255,255,255,.82)}
.booking-card.subcard-glass{padding-top:15px}.booking-card.subcard-glass .booking-kicker{margin-top:1px;color:#746f7c}.booking-card.subcard-glass h4{margin-top:8px}.healing-booking .booking-cta{color:#3a8f99}.prophetic-booking .booking-cta{color:#6257a8}

@keyframes serviceLayerOut{
  0%{transform:translateX(0);filter:blur(0);opacity:1}
  48%{filter:blur(1.5px);opacity:.9}
  100%{transform:translateX(-48%);filter:blur(10px);opacity:0}
}
@keyframes serviceLayerIn{
  0%{transform:translateX(48%);filter:blur(10px);opacity:0}
  45%{filter:blur(2.5px);opacity:.76}
  100%{transform:translateX(0);filter:blur(0);opacity:1}
}
@keyframes serviceBarOut{
  0%,38%{transform:translateX(0);opacity:1}
  100%{transform:translateX(-20px);opacity:.08}
}
@keyframes serviceBarIn{
  0%{transform:translateX(20px);opacity:.06}
  56%{opacity:.82}
  100%{transform:translateX(0);opacity:1}
}
@keyframes serviceAxisSwap{
  0%,25%{transform:translateX(0);filter:blur(0);opacity:1}
  40%,51%{transform:translateX(-7px);filter:blur(5px);opacity:0}
  67%{transform:translateX(5px);filter:blur(2px);opacity:.55}
  100%{transform:translateX(0);filter:blur(0);opacity:1}
}
@keyframes switchControlLabelSwap{
  0%,26%{transform:translateX(0);filter:blur(0);opacity:1}
  39%,50%{transform:translateX(-5px);filter:blur(4px);opacity:0}
  66%{transform:translateX(4px);filter:blur(2px);opacity:.6}
  100%{transform:translateX(0);filter:blur(0);opacity:1}
}
@keyframes serviceSlotLabelSwap{
  0%,28%{transform:translateX(0);filter:blur(0);opacity:1}
  43%,50%{transform:translateX(-3px);filter:blur(2px);opacity:.55}
  67%{transform:translateX(2px);filter:blur(1px);opacity:.8}
  100%{transform:translateX(0);filter:blur(0);opacity:1}
}
@keyframes switchControlIcon{
  0%{transform:rotate(0)}
  48%{transform:rotate(180deg)}
  100%{transform:rotate(360deg)}
}

@media (prefers-reduced-motion:reduce){
  .bars-layer.is-leaving,.bars-layer.is-entering,.bars-layer.is-leaving .bar-wrap,.bars-layer.is-entering .bar-wrap,.service-chart.is-switching .service-axis,.service-total.is-switching strong,.service-total.is-switching span,.switch-control.is-switching svg,.switch-control.is-switching span{animation-duration:.01ms!important;animation-delay:0!important}
}

@media (max-width:1350px){.dashboard{grid-template-columns:minmax(350px,.94fr) minmax(350px,1fr) minmax(350px,.96fr);grid-template-rows:341px 330px}.verse-card{display:none}.activity-card{height:681px}.course-copy{font-size:var(--font-size-xs)}.tabs{height:68px}.schedule-card{height:330px}.events{height:auto}}
@media (max-width:1080px){.sidebar{width:65px}.page-shell{margin-left:65px}.dashboard{display:block}.center-column,.right-column{display:block}.activity-card{height:auto;margin-bottom:12px}.activity-content{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.card-title-row,.hours,.chart{grid-column:1}.media{grid-column:2;grid-row:1/4;margin-top:0}.stats-card,.course-card,.schedule-card{margin-bottom:12px}.stats-card,.course-card{min-height:310px}.schedule-card{height:320px}footer{left:0;width:100%}}
@media (min-width:701px) and (max-width:1080px){.sidebar{width:76px}.page-shell{margin-left:76px}.side-item,.side-item.is-active{width:60px}.side-item.is-active:after{right:-6px}}
@media (max-width:700px){.sidebar{position:static;width:100%;height:60px;flex-direction:row;justify-content:space-between;padding:0 clamp(5px,2.5vw,14px)}.sidebar-brand-mark{margin:0}.side-nav{flex-direction:row;width:auto;gap:clamp(1px,1vw,var(--space-2xs))}.side-item{height:46px;width:clamp(39px,11vw,48px)}.side-item b{display:none}.side-item.is-active{width:clamp(39px,11vw,48px);margin:0;border-radius:12px}.side-item.is-active:after{display:none}.side-nav .side-item:nth-child(n+5){display:flex}.side-item .side-icon,.side-item .side-icon.course-icon,.side-item .side-icon.services-icon,.side-item .side-icon.folder-icon,.side-item .side-icon.calendar-nav-icon{width:clamp(29px,8.2vw,35px);height:clamp(29px,8.2vw,35px)}.side-item .side-icon.home-icon{width:clamp(27px,7.7vw,32px);height:clamp(27px,7.7vw,32px)}.profile b{display:none}.profile .profile-icon{width:clamp(32px,9vw,36px);height:clamp(32px,9vw,36px)}.page-shell{z-index:auto;margin:0;border:0;border-radius:0;min-height:calc(100vh - 60px);box-shadow:none;filter:none}.page-shell:before,.page-shell:after{display:none}.brand-header{height:65px}.brand-wordmark{font-size:clamp(19px,6vw,24px);letter-spacing:clamp(2.5px,1vw,4px);gap:5px}.brand-e{width:19px;height:25px}.brand small{font-size:6px;margin-top:3px}main{padding:0 10px 12px}.hero{height:70px}.tabs{gap:7px;justify-content:flex-start;overflow-x:auto}.tabs button{min-width:94px}.activity-content{display:block}.activity-card{padding-right:12px}.media{height:auto}.center-column{display:block}.stats-card,.course-card,.schedule-card{margin-top:12px}.course-card{min-height:340px}.schedule-card{height:auto}.events{display:block}.event{min-height:220px;margin-top:10px}.schedule-head{padding-left:4px}.schedule-head>div{gap:var(--space-md)}.schedule-head b{font-size:var(--font-size-xl)}footer{min-height:350px;padding:36px 24px 20px;border-radius:0}.footer-content{min-height:292px}.social-links{position:static;margin-top:25px}}

/* Finální 4K varianta: více vzduchu bez nadměrného zvětšování UI. */
@media (min-width:2400px){
  .sidebar{width:clamp(108px,5.8vw,126px)}
  .page-shell{margin-left:clamp(108px,5.8vw,126px)}
  .sidebar-brand-mark{width:42px;height:35px;margin-top:26px;margin-bottom:20px}
  .sidebar-brand-mark img{width:26px;height:35px}
  .side-nav{gap:clamp(14px,.85vw,19px)}
  .side-item,.side-item.is-active{width:clamp(78px,4.1vw,90px);height:clamp(72px,3.8vw,82px);font-size:clamp(8px,.42vw,9px);gap:5px;border-radius:21px}
  .side-item.is-active:after{right:-8px;width:4px;height:32px}
  .side-icon,.side-icon.course-icon{width:43px;height:43px}
  .side-icon.home-icon{width:36px;height:36px}
  .side-icon.services-icon,.side-icon.folder-icon{width:41px;height:41px}
  .side-icon.calendar-nav-icon{width:38px;height:38px}
  .profile{font-size:var(--font-size-sm);gap:5px}
  .profile .profile-icon{width:52px;height:52px;padding:8px}

  .brand-header{height:150px}
  .brand{line-height:.9}
  .brand-wordmark{font-size:clamp(43px,2.25vw,51px);letter-spacing:clamp(7px,.4vw,9px);gap:11px}
  .brand-e{width:clamp(34px,1.75vw,40px);height:clamp(45px,2.35vw,54px)}
  .brand small{font-size:var(--font-size-xs);letter-spacing:.55px}
  main{padding:0 clamp(28px,1.55vw,36px) 22px}
  .hero{height:82px;flex-basis:82px;border-radius:var(--radius-control);padding:0 31px}
  .hero h1{font-size:19px}
  .tabs{height:105px;flex-basis:105px;gap:clamp(27px,1.5vw,34px);padding-top:5px}
  .tabs button{width:clamp(128px,6.7vw,145px);height:54px;font-size:var(--font-size-xl);border-radius:18px}
  .tabs button.has-notification:after{width:40px;left:calc(50% - 20px);bottom:-10px}

  .dashboard{grid-template-columns:minmax(410px,.95fr) minmax(400px,1fr) minmax(400px,.97fr) minmax(160px,.33fr);grid-template-rows:350px 341px;column-gap:clamp(16px,.85vw,20px);row-gap:var(--space-3xl);min-height:709px;flex:none}
  .card{border-radius:20px}
  .activity-card{padding:20px 24px 12px 50px}
  .period{font-size:var(--font-size-sm);padding:7px 11px 7px 8px}.period svg{width:18px;height:18px}
  .chart{min-height:190px;margin-top:4px}.bars{gap:7px}.bar-wrap{font-size:var(--font-size-2xl);gap:var(--space-sm)}
  .media{height:238px;flex-basis:238px;margin-top:15px;padding:13px 23px}
  .media h3{font-size:var(--font-size-heading-sm);margin-bottom:6px}

  .stats-card{padding:18px 30px}.total strong{font-size:36px}
  .progress-line{height:12px;margin-top:8px}.stat-boxes{margin-top:20px;min-height:150px;border-radius:var(--radius-card)}
  .circle{width:35px;height:35px;font-size:var(--font-size-heading-lg)}.stat-boxes strong{font-size:29px}.stat-boxes small{font-size:var(--font-size-sm)}

  .course-card{padding:19px 24px 15px}
  .course-copy{font-size:var(--font-size-sm);line-height:var(--line-height-copy)}

  .schedule-card{padding-left:50px}.schedule-body{padding:12px 18px 12px 0}.schedule-head{height:31px;flex-basis:31px;padding:0 4px}
  .schedule-head>div{gap:23px}.schedule-head button{width:28px;height:28px;font-size:26px}.schedule-head b{font-size:var(--font-size-heading-sm)}
  .events{margin-top:10px;gap:clamp(17px,.9vw,21px)}
  .event{border-radius:18px;padding:19px 17px 14px}.event small{font-size:var(--font-size-md)}.event h3{font-size:var(--font-size-heading-sm);margin:10px 0 21px}.event p{font-size:var(--font-size-sm)}
  .verse-card{padding:21px 21px 11px}.verse-ref{font-size:var(--font-size-sm);padding:9px 4px}.verse-card>p{font-size:var(--font-size-sm)}

  footer{margin-top:40px}
}

/* Geometrie konkrétních podkaret zůstává jednotná i za breakpointy. */
.booking-card.subcard-glass,
.stat-boxes.subcard-glass,
.event.subcard-glass{border-radius:var(--radius-card)}
.hero{border-radius:var(--radius-card)}

/* Samostatná kreslicí plocha drží sloupce přesně na hodnotách stupnice. */
.service-chart .bar-wrap{justify-content:stretch}
.service-chart .bar-column{display:flex;width:100%;flex:1;min-height:0;align-items:flex-end;overflow:visible}
.service-chart .bar-column i{display:block;width:100%;height:var(--bar-height);max-height:none;background:var(--bar-color)}
.service-chart .week-label{height:27px;flex:0 0 27px;align-content:center}

/* Finální hierarchie: rezervační blok i Dom modlitieb sdílejí běžný materiál podkaret. */
.media.booking-shortcuts.subcard-glass,
.media.booking-shortcuts.subcard-glass:hover{
  --subcard-bg:var(--surface-subcard);
  --subcard-glow:rgba(255,255,255,.74);
  border:1px solid var(--border-subcard);
  background:var(--subcard-bg);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:var(--shadow-subcard-rest)
}
.media.booking-shortcuts.subcard-glass,
.media.booking-shortcuts.subcard-glass:hover{isolation:isolate;transform:none;filter:none}
.media.booking-shortcuts.subcard-glass:before{content:""}
.media.booking-shortcuts.subcard-glass:after{content:none}
.media.booking-shortcuts.subcard-glass:hover:before{transform:none;opacity:.48}
.booking-shortcuts .booking-head,.booking-shortcuts .booking-grid{position:relative;z-index:2}
.booking-shortcuts .booking-head{padding-bottom:8px;border-bottom:0}
.booking-shortcuts .booking-status{height:auto;margin:0;text-align:center;font-weight:var(--font-weight-bold);letter-spacing:0}

/* Jediná třetí úroveň vnoření je záměrně o kousek výraznější. */
.booking-shortcuts .booking-card.subcard-glass{
  --subcard-bg:linear-gradient(145deg,rgba(255,254,255,.91),rgba(228,244,246,.77));
  --subcard-glow:rgba(255,255,255,.9);
  border-color:rgba(105,94,164,.38);
  background:var(--subcard-bg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 7px 17px rgba(70,63,105,.10)
}

/* Přihlášený event je zvýrazněný pastelovou variantou stejného glass materiálu. */
.event.is-featured.subcard-glass{
  --subcard-bg:linear-gradient(125deg,rgba(246,239,224,.92),rgba(240,219,232,.86));
  --subcard-glow:rgba(255,255,255,.86);
  color:var(--text-strong);
  border-color:rgba(171,132,157,.47);
  background:var(--subcard-bg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 20px rgba(70,63,105,.12)
}
.event.is-featured.subcard-glass:hover{
  transform:translateY(-4px);
  border-color:rgba(171,132,157,.62);
  background:var(--subcard-bg);
  filter:saturate(1.08) brightness(1.02);
  box-shadow:var(--shadow-subcard-hover)
}
.event.is-featured.subcard-glass h3{color:var(--text-primary)}
.event.is-featured.subcard-glass .subcard-kicker,
.event.is-featured.subcard-glass .event-top small{color:#746e7d}
.event.is-featured.subcard-glass p.event-location{border-top-color:rgba(126,116,153,.18);color:var(--text-secondary)}

/*
  Hlavní dashboard používá výraznější, ale plně statické barevné plochy. Každá karta má
  vlastní paletu; prohlížeč už nemusí dopočítávat rozostřené pozadí pod průhledným sklem.
*/
.dashboard .card{background:var(--card-flow,var(--surface-glass-panel));transform:none;backface-visibility:visible;will-change:auto}
.dashboard .activity-card{background:linear-gradient(112deg,#eaf5f3,#f0f5eb)}
.dashboard .stats-card{background:linear-gradient(112deg,#f0f5eb,#f8efdd)}
.dashboard .course-card{background:linear-gradient(112deg,#f8efdd,#f5e6ed)}
.dashboard .schedule-card{background:linear-gradient(112deg,#f0f5eb,#f8f0e1 39%,#f5e6ed)}
.dashboard .verse-card{background:linear-gradient(112deg,#f5e6ed,#f3e0ec)}

@media (hover:hover) and (pointer:fine){
  .dashboard>.card:hover,
  .dashboard>.center-column>.card:hover,
  .dashboard>.right-column>.card:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-card-hover)
  }
}

/* Barvy podkaret jsou stejné při každé desktopové šířce; breakpoint řeší jen layout. */
.activity-card .media.booking-shortcuts.subcard-glass{--subcard-bg:linear-gradient(112deg,rgba(240,247,246,.76),rgba(246,248,245,.61))}
.activity-card .booking-card.subcard-glass:nth-child(1){--subcard-bg:linear-gradient(112deg,rgba(240,247,246,.91),rgba(243,248,246,.77))}
.activity-card .booking-card.subcard-glass:nth-child(2){--subcard-bg:linear-gradient(112deg,rgba(243,248,246,.91),rgba(246,248,245,.77))}
.stats-card .stat-boxes.subcard-glass{--subcard-bg:linear-gradient(112deg,rgba(246,248,245,.76),rgba(252,249,244,.61))}

/* O něco čitelnější oddělení hlavních karet od pozadí. */
.dashboard>.card,
.dashboard>.center-column>.card,
.dashboard>.right-column>.card{box-shadow:var(--shadow-card-rest)}
.dashboard>.card:hover,
.dashboard>.center-column>.card:hover,
.dashboard>.right-column>.card:hover{box-shadow:var(--panel-hover-shadow)}

/* Přepínač všech a přihlášených akcí. */
.schedule-head .schedule-title{margin:0;display:flex;align-items:center}
.schedule-head .schedule-controls{display:flex;align-items:center;gap:var(--space-md)}
.schedule-head .event-filter{
  width:198px;
  height:31px;
  min-width:198px;
  padding:6px 11px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:20px;
  background:var(--gradient-action);
  color:#fff;
  box-shadow:var(--shadow-action-rest);
  font:var(--font-weight-medium) var(--font-size-sm)/var(--line-height-compact) Montserrat,Arial,sans-serif;
  transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) ease
}
.schedule-head .event-filter svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.schedule-head .event-filter span{display:block;min-width:0;flex:1;text-align:center;white-space:nowrap}
.schedule-head .event-filter:active{transform:translateY(0)}
.schedule-head .event-filter:disabled{cursor:wait;opacity:1;transform:none}
.events.is-filtering{pointer-events:none}
.events .event[hidden]{display:none!important}
.schedule-card .event{color:var(--text-primary);text-decoration:none}
.schedule-card .events .event.subcard-glass:nth-child(1){--subcard-bg:linear-gradient(112deg,rgba(246,248,245,.76),rgba(252,249,244,.61))}
.schedule-card .events .event.subcard-glass:nth-child(2){--subcard-bg:linear-gradient(112deg,rgba(252,249,244,.76),rgba(251,247,245,.61))}
.schedule-card .events .event.subcard-glass:nth-child(3){--subcard-bg:var(--surface-subcard)}
.schedule-card .events .event.is-featured.subcard-glass:nth-child(1){--subcard-bg:linear-gradient(112deg,rgba(229,236,227,.92),rgba(243,238,224,.87));border-color:rgba(145,151,122,.47)}
.schedule-card .events .event.is-featured.subcard-glass:nth-child(2){--subcard-bg:linear-gradient(112deg,rgba(246,239,224,.92),rgba(244,232,227,.88));border-color:rgba(171,132,157,.47)}
.schedule-card .events .event.is-featured.subcard-glass:nth-child(3){--subcard-bg:linear-gradient(112deg,rgba(244,232,227,.92),rgba(241,223,231,.88));border-color:rgba(171,132,157,.47)}
.schedule-card .events.is-mine .event.is-featured.subcard-glass:nth-child(2){--subcard-bg:linear-gradient(112deg,rgba(243,238,224,.92),rgba(244,232,227,.88));border-color:rgba(171,132,157,.47)}
.schedule-card .event.is-featured.subcard-glass:hover{border-color:rgba(171,132,157,.62)}
.schedule-state{flex:1;margin-top:10px;min-height:0}
.schedule-head .schedule-controls button:disabled{cursor:default;opacity:.38;filter:grayscale(.35)}
.schedule-head .schedule-controls button:disabled:hover{border-color:rgba(255,255,255,.64);background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(218,238,244,.43));color:#474898}

@media (max-width:700px){
  .schedule-head{height:auto;min-height:52px;flex-wrap:wrap;gap:7px}
  .schedule-head .schedule-controls{gap:var(--space-xs)}
  .schedule-head .event-filter{width:178px;min-width:178px;padding:6px 8px;font-size:var(--font-size-xs)}
}

/* Na širokých obrazovkách se oba typy přepínačů zvětšují na shodných 32 px. */
@media (min-width:2400px){
  .schedule-head .event-filter{height:32px;padding:7px 11px;font-size:var(--font-size-sm)}
  .schedule-head .event-filter svg{width:18px;height:18px;flex-basis:18px}
}

/* Měkký tunel je širší než samotný graf, takže maska neztlumí krajní sloupce v jejich klidové poloze. */
.bars-viewport{position:relative;flex:1;min-width:0;height:100%;overflow:visible}
.bars-viewport .bars-stage{width:100%;height:100%;overflow:visible}
.service-chart.is-switching{overflow:visible}
.service-chart.is-switching .bars-stage{overflow:visible}
.service-chart.is-switching .bars-viewport{
  margin-inline:-28px;
  padding-inline:28px;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 6px,rgba(0,0,0,.72) 16px,#000 28px,#000 calc(100% - 28px),rgba(0,0,0,.72) calc(100% - 16px),rgba(0,0,0,.18) calc(100% - 6px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 6px,rgba(0,0,0,.72) 16px,#000 28px,#000 calc(100% - 28px),rgba(0,0,0,.72) calc(100% - 16px),rgba(0,0,0,.18) calc(100% - 6px),transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%
}

/* Klikatelné rezervace přebírají barevný hover z horních navigačních tlačítek. */
.booking-shortcuts .booking-card.subcard-glass:hover{
  border-color:rgba(107,95,172,.34);
  background:var(--surface-interactive-hover);
  color:#47416f;
  filter:none;
  box-shadow:var(--shadow-interactive-hover)
}
.booking-shortcuts .booking-card.subcard-glass:hover .booking-cta{color:#4f488f}

/* Neklikatelné informační podkarty nemění rastr textu ani nesimulují kliknutí. */
.stat-boxes.subcard-glass{transform-origin:center}
.stat-boxes.subcard-glass:hover{
  transform:none;
  border-color:rgba(107,95,172,.38);
  background:var(--subcard-bg);
  box-shadow:var(--shadow-subcard-hover)
}
.stat-boxes.subcard-glass:hover:before{transform:none;opacity:.54}

/* Prostřední rezervační vrstva sdílí stejnou hloubku stínu jako ostatní podkarty. */
.activity-card .media.booking-shortcuts.subcard-glass:hover{
  transform:none;
  border-color:rgba(107,95,172,.38);
  background:var(--subcard-bg);
  box-shadow:var(--shadow-subcard-hover)
}
.activity-card .media.booking-shortcuts.subcard-glass:hover:before{transform:none;opacity:.54}

/* Knihovna nahrávek nahrazuje původní kurzovou kartu při zachování stejné výšky a materiálu. */
.recordings-card .recordings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);margin-top:0}
.recordings-card .recordings-heading>div:first-child{min-width:0}
.recordings-card h2{margin:0}
.recordings-card .course-copy{max-width:320px;margin:6px 0 0;line-height:var(--line-height-copy)}
.recordings-total{min-width:68px;padding:6px 9px;border-radius:13px}
.recording-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;flex:1;min-height:103px;margin-top:12px}
.recording-item.subcard-glass{min-width:0;padding:12px 14px;border-radius:var(--radius-card);display:flex;flex-direction:column;text-decoration:none;color:var(--text-primary)}
.recording-item h3{margin:8px 0 10px;font-size:clamp(14px,.86vw,17px);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}
.recording-progress{margin-top:auto}
.recording-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#08bd70,#36b7d0)}
.recording-new{display:flex;align-items:baseline;gap:var(--space-xs);margin-top:auto;color:#5d5670}
.recording-new strong{font-size:var(--font-size-metric);font-weight:var(--font-weight-medium);line-height:var(--line-height-solid);color:#574aad}
.recording-new span{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}
.recording-meta{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#696272}
.recording-arrow{flex:0 0 15px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease-standard)}
.recording-meta .recording-arrow{color:#574aad}
.recording-item.subcard-glass:hover{transform:translateY(-4px);border-color:rgba(107,95,172,.34);background:var(--surface-interactive-hover);color:#47416f;filter:saturate(1.07);box-shadow:var(--shadow-interactive-hover)}
.recording-item.subcard-glass:hover .recording-meta .recording-arrow{transform:translateX(3px);color:#4f488f}
.recordings-open.continue{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}
.recordings-open:hover .recording-arrow{transform:translateX(4px)}

/* Přepínače a hlavní odkaz nahrávek používají stejný lehký glass materiál jako horní navigace. */
.service-switch.period{
  --control-flow:linear-gradient(135deg,rgba(99,176,187,.39),rgba(139,202,183,.35));
  --control-flow-hover:linear-gradient(135deg,rgba(82,168,183,.51),rgba(122,197,179,.47));
  --control-border:rgba(67,151,166,.34)
}
.schedule-head .event-filter{
  --control-flow:linear-gradient(135deg,rgba(233,196,142,.36),rgba(224,144,170,.37));
  --control-flow-hover:linear-gradient(135deg,rgba(232,181,115,.48),rgba(217,123,160,.49));
  --control-border:rgba(190,133,151,.35)
}
.recordings-open.continue{
  --control-flow:linear-gradient(135deg,rgba(232,187,130,.36),rgba(218,133,169,.38));
  --control-flow-hover:linear-gradient(135deg,rgba(230,171,103,.48),rgba(211,111,157,.50));
  --control-border:rgba(190,125,151,.35)
}
.switch-control.period,
.recordings-open.continue{
  border:1px solid var(--control-border);
  border-radius:var(--radius-pill);
  background:var(--control-flow);
  color:#3f3968;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 7px 18px rgba(73,64,94,.10)
}
.schedule-head .event-filter[aria-pressed="true"],
.schedule-head .event-filter:active,
.schedule-head .event-filter:disabled{
  border-color:var(--control-border);
  background:var(--control-flow);
  color:#3f3968;
  filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 7px 18px rgba(73,64,94,.10)
}
.switch-control.period:hover,
.recordings-open.continue:hover{
  transform:translateY(-3px);
  border-color:var(--control-border);
  background:var(--control-flow-hover);
  color:#342e61;
  filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 24px rgba(77,70,131,.16)
}

/* Čtyři navigační tlačítka pokračují v barevném toku lišty nad nimi. */
.tabs button:nth-of-type(1){
  --tab-flow:linear-gradient(135deg,rgba(215,236,232,.58),rgba(229,239,230,.42));
  --tab-flow-selected:linear-gradient(135deg,rgba(203,231,227,.72),rgba(221,237,227,.56));
  --tab-flow-hover:linear-gradient(135deg,rgba(198,231,226,.84),rgba(211,240,228,.79))
}
.tabs button:nth-of-type(2){
  --tab-flow:linear-gradient(135deg,rgba(226,239,230,.54),rgba(244,239,226,.40));
  --tab-flow-selected:linear-gradient(135deg,rgba(216,236,228,.68),rgba(244,235,216,.55));
  --tab-flow-hover:linear-gradient(135deg,rgba(207,236,226,.82),rgba(242,237,211,.77))
}
.tabs button:nth-of-type(3){
  --tab-flow:linear-gradient(135deg,rgba(244,239,226,.50),rgba(244,226,226,.41));
  --tab-flow-selected:linear-gradient(135deg,rgba(245,235,217,.66),rgba(242,217,224,.56));
  --tab-flow-hover:linear-gradient(135deg,rgba(246,233,207,.80),rgba(241,211,222,.76))
}
.tabs button:nth-of-type(4){
  --tab-flow:linear-gradient(135deg,rgba(244,227,228,.50),rgba(239,218,232,.43));
  --tab-flow-selected:linear-gradient(135deg,rgba(244,218,225,.67),rgba(235,207,229,.57));
  --tab-flow-hover:linear-gradient(135deg,rgba(245,211,221,.81),rgba(234,198,229,.77))
}
.tabs button{background:var(--tab-flow);box-shadow:var(--shadow-tab-edge),var(--shadow-control-rest)}
.tabs button.is-active{background:var(--tab-flow-selected);color:#3f3968;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 4px 11px rgba(49,42,67,.20)}
.tabs>button:hover,
.tabs button.is-active:hover{background:var(--tab-flow-hover);box-shadow:var(--shadow-tab-edge),var(--shadow-control-hover)}
.tabs>button:not(.is-active):hover{filter:saturate(1.07)}

/* Verš používá stejný kompaktní pill tag jako akce a rezervace. */
.verse-card .verse-ref.tag{
  align-self:flex-start;
  margin-top:16px;
  font-weight:var(--font-weight-semibold);
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5)
}

/* Jedna badge komponenta; barevné třídy pouze nastavují sémantické materiálové tokeny. */
.tag,.course-state{
  border:1px solid var(--badge-border,rgba(255,255,255,.52));
  border-radius:var(--radius-pill);
  background:var(--badge-background,transparent);
  color:var(--badge-color,inherit)
}
.tag{
  min-width:0;
  padding:6px 10px;
  font-size:var(--font-size-xs);
  font-weight:var(--font-weight-regular);
  line-height:var(--line-height-compact);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 3px 9px rgba(70,63,105,.045)
}
.communication-card .tag,
.catalog-tags .tag{display:flex;align-items:center;justify-content:center}
.tag-info{
  --badge-border:var(--state-info-border);
  --badge-background:var(--state-info-surface);
  --badge-color:var(--state-info-text)
}
.tag-success{
  --badge-border:var(--state-success-border);
  --badge-background:var(--state-success-surface);
  --badge-color:var(--state-success-text)
}
.tag-warning{
  --badge-border:var(--state-warning-border);
  --badge-background:var(--state-warning-surface);
  --badge-color:var(--state-warning-text)
}
.tag-danger{
  --badge-border:var(--state-danger-border);
  --badge-background:var(--state-danger-surface);
  --badge-color:var(--state-danger-text)
}
.tag-neutral,
.course-state.is-neutral{
  --badge-border:var(--state-neutral-border);
  --badge-background:var(--state-neutral-surface);
  --badge-color:var(--state-neutral-text)
}
/* Katalog zachovává svou původní o něco lehčí variantu stejného materiálu. */
.catalog-tags .tag-info{
  --badge-border:var(--state-info-border-subtle);
  --badge-background:var(--state-info-surface-subtle)
}
.catalog-tags .tag-warning{
  --badge-border:var(--state-warning-border-subtle);
  --badge-background:var(--state-warning-surface-subtle)
}
.catalog-tags .tag-success{
  --badge-border:var(--state-success-border-subtle);
  --badge-background:var(--state-success-surface-subtle)
}

/* Prehľad kurzov používá stejné samostatné podkarty a progress materiál jako knihovna nahrávek. */
.stats-card .progress-line{--course-completed-percent:27%;min-height:8px;flex:0 0 8px;display:block;margin-top:10px}
.stats-card .progress-line i:nth-child(1){display:block;width:var(--course-completed-percent);height:100%;border-radius:inherit;background:linear-gradient(90deg,#08bd70,#36b7d0);transition:width var(--duration-medium) var(--ease-standard)}
.stats-card .progress-line i:nth-child(2){display:none}
.stats-card .progress-labels{grid-template-columns:auto 1fr;gap:var(--space-sm);margin-top:5px}
.stats-card .stat-boxes{min-height:150px;flex:1;margin-top:20px;border:1px solid var(--border-subcard);border-radius:var(--radius-card);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden;background:var(--subcard-bg);cursor:default}
.stats-card .stat-boxes:hover{transform:none;border-color:rgba(107,95,172,.38);background:var(--subcard-bg);box-shadow:var(--shadow-subcard-hover)}
.stats-card .stat-boxes>.stat-item{position:relative;min-width:0;padding:14px;border:0;border-right:1px solid rgba(126,116,153,.22);border-radius:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-2xs);background:transparent;cursor:default}
.stats-card .stat-boxes>.stat-item:last-child{border-right:0}
.stats-card .stat-item .subcard-kicker{max-width:calc(100% - 36px);font-size:6.5px;line-height:var(--line-height-tight);overflow-wrap:anywhere}
.stats-card .stat-item .circle{position:absolute;top:12px;right:12px;width:30px;height:30px}
.stats-card .stat-item strong{margin-top:auto;font-size:clamp(28px,1.65vw,33px);font-weight:var(--font-weight-medium);line-height:var(--line-height-solid);color:#24202b}

/* Všechny hlavní metriky sdílí fialovou z karty nahrávek; data a tagy zůstávají beze změny. */
.service-total strong,
.service-axis span,
.stats-card .total strong,
.stats-card .progress-labels,
.stats-card .stat-item strong,
.recordings-total strong,
.recording-new strong,
.metric-number{color:var(--metric)}
.service-total strong,
.stats-card .total strong{font-weight:var(--font-weight-bold)}
.stats-card .stat-item strong{font-weight:var(--font-weight-regular)}

/* Dashboardové hover stavy mění geometrii a stín, nikoli rastrový filtr celé vrstvy. */
.dashboard .card:hover,
.dashboard .subcard-glass:hover,
.dashboard .event.is-featured.subcard-glass:hover{filter:none}

.course-card .recording-item.subcard-glass:nth-child(1){--subcard-bg:linear-gradient(112deg,rgba(252,249,244,.76),rgba(251,247,245,.61))}
.course-card .recording-item.subcard-glass:nth-child(2){--subcard-bg:linear-gradient(112deg,rgba(251,247,245,.76),rgba(250,242,247,.61))}

@media (max-width:700px){
  .recordings-card{min-height:445px}
  .recording-list{grid-template-columns:1fr}
}

/* Varianta komunitní karty bez svislého badge: obsah využije celou šířku. */
.schedule-card{padding-left:0}
.schedule-card .schedule-body{
  padding:clamp(12px,.75vw,15px) clamp(17px,1.15vw,23px) clamp(12px,.7vw,14px) clamp(23px,1.4vw,29px)
}
.schedule-card:after{
  content:"";
  position:absolute;
  z-index:3;
  left:9px;
  top:clamp(17px,1.05vw,21px);
  bottom:clamp(12px,.7vw,14px);
  width:7px;
  border-radius:var(--radius-pill);
  background:linear-gradient(180deg,#ffb25f,#ff874a 52%,#ee6470);
  box-shadow:0 0 14px rgba(239,116,77,.22);
  pointer-events:none
}

/* Kompaktní glass stránkování rozvrhu. */
.schedule-card .schedule-head{height:39px;flex-basis:39px}
.schedule-head .schedule-controls{
  display:flex;
  align-items:center;
  gap:5px;
  height:29px;
  min-height:29px;
  padding:2px 3px;
  border:1px solid rgba(104,91,177,.30);
  border-radius:var(--radius-pill);
  background:linear-gradient(135deg,rgba(203,231,227,.72),rgba(221,237,227,.56));
  backdrop-filter:blur(12px) saturate(1.14);
  -webkit-backdrop-filter:blur(12px) saturate(1.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 4px 11px rgba(49,42,67,.13);
  transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) ease
}
.schedule-head .schedule-controls button{
  width:23px;
  height:23px;
  flex:0 0 23px;
  padding:0;
  border:1px solid rgba(255,255,255,.64);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(218,238,244,.43));
  color:#474898;
  font:var(--font-weight-medium) 0/var(--line-height-solid) Montserrat,Arial,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 2px 6px rgba(73,64,94,.08)
}
.schedule-head .schedule-controls button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.schedule-head .schedule-controls:hover{
  transform:translateY(-2px);
  border-color:rgba(107,95,172,.34);
  background:linear-gradient(135deg,rgba(208,233,229,.74),rgba(222,240,232,.58));
  filter:saturate(1.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 7px 15px rgba(55,48,83,.18)
}
.schedule-head .schedule-controls button:hover,
.schedule-head .schedule-controls button:active{
  transform:none;
  border-color:rgba(255,255,255,.64);
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(218,238,244,.43));
  color:#474898;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 2px 6px rgba(73,64,94,.08)
}
.schedule-head .schedule-controls button:first-of-type:hover{
  border-color:rgba(91,70,190,.34);
  background:linear-gradient(145deg,rgba(226,220,255,.84),rgba(213,225,252,.66));
  color:#5b43bf
}
.schedule-head .schedule-controls button:last-of-type:hover{
  border-color:rgba(31,151,181,.35);
  background:linear-gradient(145deg,rgba(210,242,247,.84),rgba(198,232,247,.67));
  color:#087f9e
}
.schedule-head .schedule-controls button:first-of-type:hover svg{stroke:#5b43bf;filter:drop-shadow(0 0 2px rgba(91,67,191,.34))}
.schedule-head .schedule-controls button:last-of-type:hover svg{stroke:#087f9e;filter:drop-shadow(0 0 2px rgba(8,127,158,.32))}

@media (min-width:2400px){
  .schedule-card .schedule-head{height:43px;flex-basis:43px}
  .schedule-head .schedule-controls{height:32px;min-height:32px;padding:2px 3px}
  .schedule-head .schedule-controls button{width:26px;height:26px;flex-basis:26px}
  .schedule-head .schedule-controls button svg{width:16px;height:16px}
}
@media (max-width:700px){
  .schedule-card .schedule-head{height:auto;min-height:52px;flex-basis:auto}
}

/* Redesign karty služby: tenký modrý akcent místo širokého textového badge. */
.activity-card{padding-top:16px;padding-left:clamp(23px,1.4vw,29px)}
.activity-card:after{
  content:"";
  position:absolute;
  z-index:3;
  left:9px;
  top:16px;
  bottom:clamp(10px,.65vw,14px);
  width:7px;
  border-radius:var(--radius-pill);
  background:linear-gradient(180deg,#6269c8,#478fca 48%,#38b6c8);
  box-shadow:0 0 14px rgba(66,139,197,.23);
  pointer-events:none
}
@media (min-width:2400px){
  .activity-card{padding-top:18px}
  .activity-card:after{top:18px}
}

/* Modernizovaný graf služby: společná barevná osa, jemná mřížka a glass sloupce. */
.service-chart{margin-top:7px}
.service-chart .service-axis{
  width:29px;
  flex-basis:29px;
  padding:1px 4px 33px 0;
  align-items:center;
  font-size:var(--font-size-sm);
  font-variant-numeric:tabular-nums
}
.service-chart .service-axis span{
  width:20px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.43);
  border-radius:var(--radius-pill);
  background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(231,240,239,.25));
  color:var(--text-accent);
  font-size:var(--font-size-sm);
  font-weight:var(--font-weight-semibold);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68)
}
.service-chart .bars-viewport{isolation:isolate}
.service-chart .bars-viewport:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 3px 33px;
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.035)),
    repeating-linear-gradient(to bottom,rgba(91,82,116,.12) 0,rgba(91,82,116,.12) 1px,transparent 1px,transparent 25%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(99,91,121,.06);
  pointer-events:none
}
.service-chart .bars-stage{z-index:1}
.service-chart .bars{gap:clamp(8px,.62vw,11px);padding-inline:4px}
.service-chart .bar-wrap{gap:var(--space-xs)}
.service-chart .bar-column{position:relative}
.service-chart .bar-column i{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.48);
  border-radius:14px;
  cursor:default;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 8px 0 18px rgba(255,255,255,.08),0 5px 12px rgba(61,67,89,.14);
  transition:transform .24s var(--ease-standard),filter .24s var(--ease-standard),box-shadow .24s var(--ease-standard),border-color .24s ease
}
.service-chart .bar-column i:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-18% 44% -8% -22%;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  filter:blur(7px);
  transform:rotate(7deg);
  pointer-events:none
}
.service-chart .bar-column i:after{
  content:attr(data-value);
  position:absolute;
  z-index:1;
  top:7px;
  left:50%;
  transform:translate(-50%,4px);
  color:rgba(255,255,255,.95);
  font-size:var(--font-size-md);
  font-weight:var(--font-weight-bold);
  line-height:var(--line-height-solid);
  text-shadow:0 1px 4px rgba(42,57,78,.3);
  opacity:0;
  transition:opacity .2s var(--ease-standard),transform .2s var(--ease-standard);
  pointer-events:none
}
.service-chart .bar-column i:hover{
  z-index:2;
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.72);
  filter:saturate(1.08) brightness(1.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.64),inset 8px 0 18px rgba(255,255,255,.12),0 8px 15px rgba(53,57,79,.19)
}
.service-chart .bar-column i:hover:after{opacity:1;transform:translate(-50%,0)}
.service-chart .week-label{gap:3px}
.service-chart .week-label b{color:var(--text-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}
.service-chart .week-label small{color:#8b8792;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}

/* Neklikatelný puff hover lišty odpovídá podkartě v přehledu kurzů. */
.hero{transform-origin:center;transition:box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard)}
.hero:hover{transform:none;border-color:rgba(255,255,255,.95);box-shadow:var(--shadow-card-hover)}

/* Kompaktní desktop pro notebooky a Full HD: 4K měřítko zůstává beze změny. */
@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){
  :root{--dashboard-max:1680px}
  .brand-header{height:96px}
  .hero{height:78px;flex-basis:78px;padding-inline:25px}
  .tabs{height:96px;flex-basis:96px;gap:var(--space-4xl);padding-top:2px}
  .dashboard{
    grid-template-columns:minmax(300px,.95fr) minmax(310px,1fr) minmax(300px,.97fr) minmax(120px,.33fr);
    grid-template-rows:294px 286px;
    column-gap:var(--space-xl);
    row-gap:var(--space-xl);
    min-height:594px;
    flex:none
  }
  .activity-card{padding-top:14px;padding-right:18px;padding-bottom:9px}
  .activity-card:after{top:14px;bottom:9px}
  .service-chart{min-height:155px;margin-top:3px}
  .service-chart .bars{gap:var(--space-sm)}
  .media{height:198px;flex-basis:198px;margin-top:10px}
  .media.booking-shortcuts{padding:11px 12px;gap:var(--space-sm)}
  .booking-head{min-height:31px}
  .booking-shortcuts .booking-head{padding-bottom:5px}
  .booking-grid{gap:var(--space-sm)}
  .booking-card{padding:10px}
  .booking-card h4{margin:4px 0 6px}
  .stats-card{padding:14px 24px}
  .stats-card .total{margin-top:6px}
  .stats-card .progress-line{margin-top:6px}
  .stats-card .stat-boxes{min-height:126px;margin-top:12px}
  .course-card{padding:14px 20px 13px}
  .recordings-card .course-copy{margin-top:4px}
  .recording-list{min-height:90px;margin-top:8px;gap:var(--space-md)}
  .recording-item.subcard-glass{padding:9px 11px}
  .recording-item h3{margin:6px 0 7px;font-size:14px}
  .recording-meta{margin-top:6px}
  .recordings-open.continue{height:38px;flex-basis:38px;margin-top:8px}
  .schedule-card .schedule-body{padding-top:10px;padding-bottom:10px}
  .schedule-card .events{margin-top:8px;gap:13px}
  .schedule-card .event{padding:14px 15px 12px}
  .schedule-card .event h3{margin:8px 0 13px}
  .verse-card{padding:18px 18px 10px}
  footer{margin-top:24px}
}

/* Přepínání hlavních pohledů Přehled / Kurzy. */
.tabs{position:relative;--shadow-tab-edge:0 0 5px 1px rgba(40,42,48,.15)}
.tabs .tab-indicator{
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  width:124px;
  height:52px;
  border:1px solid var(--active-control-border);
  border-radius:var(--radius-card);
  background:var(--active-control-flow);
  box-shadow:var(--shadow-tab-edge),var(--active-control-shadow);
  opacity:0;
  pointer-events:none;
  transform:translate3d(var(--tab-indicator-x,0px),calc(-50% + var(--tab-indicator-y,0px)),0) scale(var(--tab-indicator-scale,1));
  transition:transform .55s var(--ease-navigation),top var(--duration-slow) var(--ease-standard),width var(--duration-slow) var(--ease-standard),height var(--duration-slow) var(--ease-standard),border-radius var(--duration-slow) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),background var(--duration-medium) var(--ease-standard),box-shadow var(--duration-control) ease
}
.tabs .tab-indicator.is-ready{opacity:1}
.tabs:not(.is-switching) .tab-indicator{transition:transform var(--duration-control) var(--ease-standard),top var(--duration-control) var(--ease-standard),width var(--duration-control) var(--ease-standard),height var(--duration-control) var(--ease-standard),border-radius var(--duration-control) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),background var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard)}
.tabs:has(>button.is-active:hover) .tab-indicator{
  --tab-indicator-y:-3px;
  --tab-indicator-scale:1;
  background:var(--active-control-flow-hover);
  box-shadow:var(--shadow-tab-edge),var(--active-control-shadow-hover)
}
.tabs button{z-index:1}
.tabs button.is-active,
.tabs button.is-active:hover{
  border-color:transparent;
  background:transparent;
  font-weight:var(--font-weight-bold);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
.tabs.is-switching button[data-view-target]{pointer-events:none}

.view-stage{position:relative;width:100%;max-width:var(--dashboard-max);min-width:0;flex:0 0 auto;margin:0 auto}
.view-panel{width:100%;transform-origin:center top}
.view-panel[hidden]{display:none!important}

/* Kurzy – souhrn, postup ročníků a kurzové karty. */
.courses-dashboard{
  display:grid;
  grid-template-columns:minmax(390px,.9fr) minmax(760px,2.1fr);
  gap:var(--space-xl);
  width:100%;
  min-height:714px
}
.course-overview-column{display:grid;grid-template-rows:minmax(340px,1fr) minmax(340px,1fr);gap:var(--space-xl);min-width:0}
.course-summary-card{grid-column:1;grid-row:1;min-width:0}
.year-progress-card{grid-column:1;grid-row:2;min-width:0;padding:16px 24px;display:flex;flex-direction:column}
.year-progress-heading,.completed-courses-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl)}
.year-progress-heading p,.completed-courses-heading p{margin:5px 0 0;color:#9f9aa5;font-size:var(--font-size-xs);line-height:var(--line-height-copy)}
.year-total,.courses-count{
  min-width:61px;
  padding:6px 9px;
  border-radius:13px
}
.year-chart{position:relative;display:flex;flex:1;min-height:220px;margin-top:10px}
.year-chart .year-axis{position:relative;z-index:4;flex:0 0 29px;width:29px;padding:1px 4px 32px 0;align-items:center;font-size:var(--font-size-lg);color:var(--text-secondary)}
.year-chart .bars-viewport{position:relative;flex:1;min-width:0;height:100%;isolation:isolate}
.year-chart .bars-viewport:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 4px 31px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.035)),repeating-linear-gradient(to bottom,rgba(91,82,116,.12) 0,rgba(91,82,116,.12) 1px,transparent 1px,transparent 20%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(99,91,121,.06);
  pointer-events:none
}
.year-chart .bars-stage{position:relative;z-index:1;width:100%;height:100%;overflow:visible}
.year-chart .bars{position:absolute;inset:0;display:flex;align-items:end;gap:clamp(18px,1.35vw,28px);padding-inline:10px}
.year-chart .bar-wrap{height:100%;flex:1;justify-content:stretch;gap:var(--space-xs)}
.year-chart .bar-column{position:relative;display:flex;width:100%;flex:1;min-height:0;align-items:flex-end;overflow:visible}
.year-chart .bar-column i{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:block;
  width:100%;
  height:var(--bar-height);
  max-height:none;
  border:1px solid rgba(255,255,255,.48);
  border-radius:14px;
  background:var(--bar-color);
  cursor:default;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 8px 0 18px rgba(255,255,255,.08),0 5px 12px rgba(61,67,89,.14);
  transition:transform .24s var(--ease-standard),filter .24s var(--ease-standard),box-shadow .24s var(--ease-standard),border-color .24s ease
}
.year-chart .bar-column i:before{content:"";position:absolute;inset:-18% 44% -8% -22%;border-radius:50%;background:rgba(255,255,255,.18);filter:blur(7px);transform:rotate(7deg);pointer-events:none}
.year-chart .bar-column i:after{content:attr(data-value);position:absolute;z-index:1;top:7px;left:50%;transform:translate(-50%,4px);color:rgba(255,255,255,.95);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-solid);text-shadow:0 1px 4px rgba(42,57,78,.3);opacity:0;transition:opacity .2s var(--ease-standard),transform .2s var(--ease-standard);pointer-events:none}
.year-chart .bar-column i:hover{z-index:2;transform:translateY(-4px);border-color:rgba(255,255,255,.72);filter:saturate(1.08) brightness(1.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.64),inset 8px 0 18px rgba(255,255,255,.12),0 8px 15px rgba(53,57,79,.19)}
.year-chart .bar-column i:hover:after{opacity:1;transform:translate(-50%,0)}
.year-chart .week-label{height:31px;flex:0 0 31px;display:grid;align-content:center;gap:2px;text-align:center;line-height:var(--line-height-solid)}
.year-chart .week-label b{color:var(--text-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}
.year-chart .week-label small{color:#8b8792;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}

.completed-courses-card{min-width:0;padding:18px 20px;display:flex;flex-direction:column}
.completed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--space-xl);flex:1;min-height:0;margin-top:14px}
.course-tile.event{min-width:0;min-height:0;padding:17px 16px 14px;text-decoration:none;color:var(--text-strong)}
.course-tile.event h3{margin:10px 0 16px}
.course-tile.event:hover{transform:translateY(-4px);border-color:rgba(107,95,172,.34);background:var(--surface-interactive-hover);color:#47416f;box-shadow:var(--shadow-interactive-hover)}

@media (min-width:2400px){
  .tabs .tab-indicator{height:54px;border-radius:18px}
  .courses-dashboard{grid-template-columns:minmax(410px,.9fr) minmax(900px,2.1fr);min-height:709px;gap:var(--space-3xl)}
  .course-overview-column{grid-template-rows:350px 341px;gap:var(--space-3xl)}
  .year-progress-card{padding:18px 25px}
  .completed-courses-card{padding:20px 23px}
  .completed-grid{gap:var(--space-3xl);margin-top:16px}
}

@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){
  .courses-dashboard{grid-template-columns:minmax(360px,.9fr) minmax(720px,2.1fr);min-height:594px;gap:var(--space-xl)}
  .course-overview-column{grid-template-rows:294px 286px;gap:var(--space-xl)}
  .year-progress-card{padding:14px 20px}
  .year-chart{min-height:170px;margin-top:7px}
  .completed-courses-card{padding:14px 17px}
  .completed-grid{gap:var(--space-lg);margin-top:10px}
  .course-tile.event{padding:13px 14px 11px}
  .course-tile.event h3{margin:7px 0 10px}
}

@media (max-width:1350px){
  .courses-dashboard{grid-template-columns:1fr;min-height:0}
  .course-overview-column{grid-template-columns:1fr 1fr;grid-template-rows:330px}
  .course-summary-card{grid-column:1;grid-row:1}
  .year-progress-card{grid-column:2;grid-row:1}
  .completed-courses-card{min-height:570px}
}
@media (max-width:1080px){
  .course-overview-column{grid-template-columns:1fr;grid-template-rows:auto;gap:var(--space-lg)}
  .course-summary-card,.year-progress-card{grid-column:1;grid-row:auto;min-height:310px}
  .completed-courses-card{min-height:650px}
}
@media (max-width:700px){
  .tabs .tab-indicator{height:52px}
  .completed-grid{grid-template-columns:1fr;grid-template-rows:none}
  .completed-courses-card{min-height:0}
  .course-tile.event{min-height:220px;margin:0}
}

.courses-dashboard .card{background:var(--card-flow,rgba(255,255,255,.15))}
.course-summary-card{--card-flow:linear-gradient(112deg,#e0efee,#edf2eb)}
.year-progress-card{--card-flow:linear-gradient(112deg,#e0efee,#f1f4ea)}
.completed-courses-card{--card-flow:linear-gradient(112deg,#edf2eb,#f9f3e9 53%,#f5e9ee)}
.completed-grid .course-tile:nth-child(1){--subcard-bg:linear-gradient(112deg,rgba(246,248,245,.76),rgba(250,249,244,.61))}
.completed-grid .course-tile:nth-child(2){--subcard-bg:linear-gradient(112deg,rgba(250,249,244,.76),rgba(252,246,244,.61))}
.completed-grid .course-tile:nth-child(3){--subcard-bg:linear-gradient(112deg,rgba(247,246,244,.76),rgba(251,244,246,.61))}
.completed-grid .course-tile:nth-child(4){--subcard-bg:linear-gradient(112deg,rgba(251,244,246,.76),rgba(249,239,246,.61))}
.courses-dashboard>.card,
.course-overview-column>.card{box-shadow:var(--shadow-card-rest)}
.courses-dashboard>.card:hover,
.course-overview-column>.card:hover{box-shadow:var(--panel-hover-shadow)}

/* Oznámení komunity a osobní upozornění sdílejí jeden jednoduchý inboxový layout. */
.communication-dashboard{width:100%;min-height:714px}
.communication-card{
  width:100%;
  min-height:714px;
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  --card-flow:linear-gradient(112deg,#e0efee,#f9f3e9 52%,#f5e9ee);
  background:var(--card-flow);
  box-shadow:var(--shadow-card-rest)
}
.communication-card:hover{box-shadow:var(--panel-hover-shadow)}
.communication-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3xl);flex:0 0 auto}
.communication-heading h2{margin:4px 0 0}
.communication-heading p{margin:6px 0 0;color:#8e8994;font-size:clamp(9px,.52vw,10.5px);line-height:var(--line-height-relaxed)}
.communication-count,.unread-count{
  --metric-box-background:rgba(255,255,255,.36);
  --metric-box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
  min-width:72px;
  padding:7px 10px;
  border-radius:14px
}
.communication-count strong,.unread-count strong{font-size:var(--font-size-metric)}
.communication-filters{width:max-content;max-width:100%;display:grid;grid-template-columns:repeat(4,116px);align-items:center;gap:var(--space-md);margin:14px 0 0;flex:0 0 auto}
.communication-filters button{
  height:29px;
  min-width:116px;
  padding:0 17px;
  border:1px solid var(--filter-border,rgba(107,95,172,.24));
  border-radius:var(--radius-pill);
  background:var(--filter-flow);
  color:#514a63;
  font:var(--font-weight-regular) var(--font-size-sm)/var(--line-height-compact) Montserrat,Arial,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 6px 15px rgba(73,64,94,.09);
  transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) ease
}
.communication-filters button[data-announcement-filter="all"]{--filter-flow:linear-gradient(145deg,rgba(228,224,246,.66),rgba(244,242,251,.43));--filter-hover:linear-gradient(145deg,rgba(214,208,241,.82),rgba(237,233,249,.62));--filter-active:linear-gradient(145deg,rgba(150,130,226,.98),rgba(209,198,250,.92));--filter-border:rgba(105,91,171,.18);--filter-active-border:rgba(86,67,177,.64);--filter-active-shadow:rgba(75,59,151,.34)}
.communication-filters button[data-announcement-filter="important"]{--filter-flow:linear-gradient(145deg,rgba(247,202,208,.66),rgba(255,235,237,.43));--filter-hover:linear-gradient(145deg,rgba(244,183,193,.82),rgba(255,224,229,.62));--filter-active:linear-gradient(145deg,rgba(238,151,166,.92),rgba(255,211,218,.78));--filter-border:rgba(181,60,82,.17);--filter-active-border:rgba(181,60,82,.40);--filter-active-shadow:rgba(181,60,82,.18)}
.communication-filters button[data-announcement-filter="courses"]{--filter-flow:linear-gradient(145deg,rgba(65,202,139,.29),rgba(181,235,211,.43));--filter-hover:linear-gradient(145deg,rgba(51,195,128,.44),rgba(161,229,201,.62));--filter-active:linear-gradient(145deg,rgba(29,185,115,.57),rgba(139,220,185,.74));--filter-border:rgba(15,145,94,.18);--filter-active-border:rgba(15,145,94,.40);--filter-active-shadow:rgba(15,145,94,.18)}
.communication-filters button[data-announcement-filter="accommodation"]{--filter-flow:linear-gradient(145deg,rgba(255,233,206,.68),rgba(255,244,227,.43));--filter-hover:linear-gradient(145deg,rgba(255,221,181,.84),rgba(255,237,211,.62));--filter-active:linear-gradient(145deg,rgba(255,207,148,.95),rgba(255,226,190,.78));--filter-border:rgba(196,122,35,.17);--filter-active-border:rgba(196,122,35,.40);--filter-active-shadow:rgba(196,122,35,.18)}
.communication-filters button:hover{transform:translateY(-2px);border-color:var(--filter-border);background:var(--filter-hover);color:#3f3968;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 20px rgba(77,70,131,.14)}
.communication-filters button.is-active{transform:none;border-color:var(--filter-active-border);background:var(--filter-active);color:#302a58;font-weight:var(--font-weight-bold);box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 10px 24px var(--filter-active-shadow)}
.communication-filters button.is-active:hover{transform:translateY(-2px);background:var(--filter-active)}
.announcement-list,.notification-list{display:grid;flex:1;min-height:0;margin-top:13px}
.announcement-list{grid-template-rows:repeat(4,minmax(0,1fr));gap:9px}
.notification-list{grid-template-rows:repeat(5,minmax(0,1fr));gap:var(--space-sm)}
.announcement-list.is-filtering{pointer-events:none}
.announcement-item[hidden]{display:none!important}
.communication-filters button:disabled{cursor:wait;opacity:1}
.announcement-item,.notification-item{
  position:relative;
  min-width:0;
  padding:11px 14px;
  border-radius:var(--radius-card);
  display:grid;
  align-items:center;
  text-decoration:none;
  color:var(--text-primary);
  --subcard-bg:linear-gradient(112deg,rgba(240,247,246,.72),rgba(252,249,244,.61) 52%,rgba(250,242,247,.63))
}
.announcement-item{grid-template-columns:62px minmax(0,1fr);gap:15px}
.notification-item{grid-template-columns:12px minmax(0,1fr);gap:13px;width:100%;text-align:left;font:inherit;appearance:none}
.announcement-item.is-important{--subcard-bg:linear-gradient(112deg,rgba(240,247,246,.72),rgba(252,249,244,.61) 52%,rgba(250,242,247,.63));border-color:rgba(185,108,119,.35)}
.announcement-item:hover,.notification-item:hover{transform:translateY(-2px);border-color:rgba(107,95,172,.34);background:linear-gradient(145deg,rgba(239,236,253,.6),rgba(229,247,245,.52));color:#47416f;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 20px rgba(77,70,131,.11)}
.announcement-date{width:52px;height:52px;border:1px solid rgba(126,116,153,.22);border-radius:var(--radius-control);background:rgba(255,255,255,.42);display:grid;place-content:center;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}
.announcement-date strong{font-size:var(--font-size-heading-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-solid);color:var(--metric)}
.announcement-date span{margin-top:3px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-extrabold);letter-spacing:.8px;color:#89838f}
.announcement-copy,.notification-copy{min-width:0}
.announcement-meta,.notification-meta{display:flex;align-items:center;gap:9px;color:#8f8994;font-size:clamp(8px,.5vw,10px)}
.announcement-copy h3,.notification-title{display:block;margin:7px 0 5px;font-size:clamp(15px,.92vw,18px);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}
.announcement-copy p,.notification-description{display:block;margin:0;color:var(--text-secondary);font-size:clamp(9px,.55vw,11px);line-height:var(--line-height-relaxed)}
.notification-heading-actions{display:flex;align-items:center;gap:var(--space-md)}
.mark-all-read{height:38px;padding:0 17px;border:1px solid rgba(167,126,157,.25);border-radius:var(--radius-pill);background:linear-gradient(135deg,rgba(244,218,225,.67),rgba(235,207,229,.57));color:#514a63;font:var(--font-weight-semibold) var(--font-size-sm)/var(--line-height-compact) Montserrat,Arial,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 6px 15px rgba(73,64,94,.09);transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard)}
.mark-all-read:hover{transform:translateY(-2px);border-color:rgba(167,126,157,.3);background:linear-gradient(135deg,rgba(244,207,218,.81),rgba(230,194,226,.70));color:#3f3968;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 20px rgba(77,70,131,.14)}
.mark-all-read:disabled{cursor:default;opacity:var(--state-disabled-opacity);transform:none;box-shadow:none}
.notification-dot{width:8px;height:8px;border-radius:50%;background:transparent;box-shadow:none;justify-self:center;transition:background .25s var(--ease-standard),box-shadow .25s var(--ease-standard),transform .25s var(--ease-standard)}
.notification-item.is-unread{
  --subcard-bg:linear-gradient(112deg,rgba(246,252,251,.91),rgba(255,252,247,.82) 52%,rgba(254,246,251,.84));
  border-color:rgba(103,91,171,.47);
  filter:saturate(1.025) brightness(1.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 0 23px rgba(255,255,255,.36),0 7px 18px rgba(75,66,112,.14)
}
.notification-item.is-unread .notification-dot{background:linear-gradient(135deg,#6756bb,#35abc1);box-shadow:0 0 0 5px rgba(91,78,174,.12),0 0 14px rgba(71,157,188,.32)}
.notification-item:not(.is-unread){opacity:.82}

@media (min-width:2400px){
  .communication-dashboard,.communication-card{min-height:709px}
  .communication-card{padding:22px 26px}
  .communication-filters button{height:34px}
}
@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){
  .communication-dashboard,.communication-card{min-height:594px}
  .communication-card{padding:16px 19px}
  .communication-heading p{margin-top:4px}
  .communication-filters{margin-top:10px}
  .announcement-list,.notification-list{margin-top:10px}
  .announcement-item,.notification-item{padding:8px 12px}
  .announcement-date{width:46px;height:46px}
  .announcement-copy h3,.notification-copy h3{margin:5px 0 4px;font-size:var(--font-size-heading-sm)}
  .announcement-copy p,.notification-copy p{font-size:var(--font-size-sm)}
}
@media (max-width:1080px){
  .communication-dashboard,.communication-card{min-height:0}
  .communication-card{padding:18px}
  .announcement-list,.notification-list{grid-template-rows:none}
  .announcement-item,.notification-item{min-height:105px}
}
@media (max-width:700px){
  .communication-heading,.notification-heading{display:block}
  .communication-count{margin-top:12px;width:72px}
  .notification-heading-actions{margin-top:12px;justify-content:space-between}
  .communication-filters{width:100%;display:flex;margin-inline:0;overflow-x:auto;padding-bottom:5px}
  .communication-filters button{flex:0 0 116px}
  .announcement-item{grid-template-columns:48px minmax(0,1fr);gap:var(--space-md)}
  .notification-item{grid-template-columns:10px minmax(0,1fr);gap:9px}
  .announcement-date{width:43px;height:43px}
  .announcement-copy p,.notification-copy p{font-size:var(--font-size-xs)}
}

/* Nový obsahový indikátor jemně vyhasne přes blur místo okamžitého zmizení. */
.tabs button[data-view-target="announcements"]:after,
.tabs button[data-view-target="notifications"]:after{
  content:"";
  position:absolute;
  width:39px;
  height:4px;
  left:calc(50% - 19.5px);
  bottom:-10px;
  border-radius:var(--radius-pill);
  background:var(--gradient-notification);
  opacity:0;
  filter:blur(5px);
  transform:translateY(2px) scaleX(.68);
  box-shadow:0 2px 7px rgba(190,100,143,.18);
  pointer-events:none;
  transition:opacity var(--duration-medium) var(--ease-standard),filter .38s var(--ease-standard),transform .38s var(--ease-emphasized)
}
.tabs button.has-notification:after{opacity:1;filter:blur(0);transform:translateY(0) scaleX(1)}

@media (min-width:2400px){
  .tabs button[data-view-target="announcements"]:after,
  .tabs button[data-view-target="notifications"]:after{width:40px;left:calc(50% - 20px)}
}
@media (prefers-reduced-motion:reduce){
  .tabs button[data-view-target="announcements"]:after,
  .tabs button[data-view-target="notifications"]:after{transition-duration:.01ms}
}

/* Hlavní stránky aplikace: DOMOV a samostatný katalog KURZY. */
.page-stage{position:relative;width:100%;min-width:0;flex:1}
html[data-auth-state="guest"] .app-page:not([data-app-page="login"]){width:min(100%,var(--dashboard-max));margin-inline:auto}
.app-page{display:flow-root;width:100%;min-width:0;transform-origin:center top}
.app-page[hidden]{display:none!important}
.page-stage.is-switching{overflow:visible}
.page-stage.is-switching .app-page{pointer-events:none}

/* KURZY – stejný glass systém, ale vzdušnější katalogová kompozice. */
.courses-page{padding-bottom:22px}
.shared-hero-row{--hero-back-track:0px;--hero-login-track:0px;width:100%;max-width:var(--dashboard-max);margin:0 auto;display:grid;grid-template-columns:var(--hero-back-track) minmax(0,1fr) var(--hero-login-track);align-items:stretch;gap:0;transition:grid-template-columns var(--duration-slow) var(--ease-navigation)}
.shared-hero-row .shared-hero{grid-column:2;grid-row:1;width:auto;min-width:0;max-width:none;margin:0}
.shared-hero-row.has-page-back{--hero-back-track:103px}
.shared-hero-row.has-guest-login{--hero-login-track:103px}
.shared-hero-back{position:relative;isolation:isolate;overflow:hidden;grid-column:1;grid-row:1;width:91px;height:100%;padding:9px;border:1px solid rgba(104,91,177,.32);border-radius:var(--radius-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(220,224,250,.53) 48%,rgba(211,239,240,.48));color:#48416f;font-size:clamp(8.5px,.55vw,10px);font-weight:var(--font-weight-extrabold);line-height:1.28;letter-spacing:.75px;text-transform:uppercase;text-align:center;backdrop-filter:blur(12px) saturate(1.12);-webkit-backdrop-filter:blur(12px) saturate(1.12);box-shadow:var(--shadow-control-rest);transition:transform var(--duration-medium) var(--ease-emphasized),border-color var(--duration-control) var(--ease-standard),color var(--duration-control) var(--ease-standard),box-shadow var(--duration-medium) var(--ease-standard)}
.shared-hero-back[hidden]{display:none!important}
.shared-hero-back:before{content:"";position:absolute;z-index:-1;inset:-35% 12% auto -30%;height:88px;border-radius:50%;background:rgba(255,255,255,.58);filter:blur(15px);pointer-events:none}
.shared-hero-back:after{content:"";position:absolute;z-index:-2;inset:0;border-radius:inherit;background:var(--active-control-flow);opacity:.18;pointer-events:none;transition:opacity var(--duration-medium) var(--ease-standard)}
.shared-hero-back svg,.shared-hero-back span{position:relative;z-index:1}
.shared-hero-back svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.shared-hero-back:hover{transform:translateY(-3px);border-color:var(--active-control-border);color:#302a58;box-shadow:var(--active-control-shadow-hover)}
.shared-hero-back:hover:after{opacity:1}
.shared-hero-back:hover svg{animation:pageBackArrow .48s var(--ease-emphasized)}
.shared-hero-back:active{transform:translateY(-2px) scale(var(--press-hover-scale))}
.shared-hero-login-slot{position:relative;grid-column:3;grid-row:1;min-width:0;padding-left:12px;pointer-events:none}
.shared-hero-login-slot[hidden]{display:none!important}
@keyframes pageBackArrow{0%{transform:translateX(0)}42%{transform:translateX(-4px)}68%{transform:translateX(1.5px)}84%{transform:translateX(-.8px)}100%{transform:translateX(0)}}
@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){main{--guest-login-reserve:90px}.shared-hero-row.has-page-back{--hero-back-track:90px}.shared-hero-row.has-guest-login{--hero-login-track:90px}.shared-hero-back{width:78px;padding:7px;font-size:8px;letter-spacing:.6px}}
@media (max-width:700px){main{--guest-login-reserve:74px}.shared-hero-row.has-page-back{--hero-back-track:90px}.shared-hero-row.has-guest-login{--hero-login-track:74px}.shared-hero-back{width:82px;padding:7px;font-size:8px}.shared-hero-back svg{width:18px;height:18px;flex-basis:18px}.shared-hero-login-slot{padding-left:8px}}
.shared-hero{justify-content:space-between;padding-inline:clamp(26px,2.4vw,46px)}
.shared-hero-copy{position:relative;z-index:2;display:grid;gap:7px}
.shared-hero .hero-kicker{font-size:var(--font-size-2xs);font-weight:var(--font-weight-extrabold);letter-spacing:1.35px;text-transform:uppercase;color:#797181}
.shared-hero-summary{position:relative;z-index:2;margin:0;display:flex;align-items:center;gap:11px;color:#827b86}
.shared-hero-summary strong{font-size:31px;font-weight:var(--font-weight-medium);line-height:var(--line-height-solid);color:var(--metric)}
.shared-hero-summary span{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-copy)}
.shared-hero-summary[hidden],.shared-hero .hero-kicker[hidden]{display:none!important}

.catalog-shell{width:100%;max-width:var(--dashboard-max);margin:26px auto 0}
.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4xl);padding:0 8px 16px}
.catalog-heading h2{margin:6px 0 0;font-size:clamp(20px,1.25vw,25px);color:var(--text-primary)}
.catalog-heading p{margin:7px 0 0;color:#928c97;font-size:clamp(9px,.58vw,11px);line-height:var(--line-height-spacious)}
.catalog-toolbar{--subcard-bg:linear-gradient(112deg,rgba(235,247,246,.72),rgba(252,248,239,.63) 52%,rgba(250,239,246,.64));display:grid;grid-template-columns:minmax(0,1.05fr) 1px minmax(0,.95fr);align-items:center;gap:var(--space-3xl);padding:12px 14px;border-radius:20px;overflow:visible}
.catalog-toolbar:before{inset:0;width:auto;height:auto;border-radius:inherit;background:radial-gradient(ellipse 72% 165% at 82% 0%,var(--subcard-glow) 0%,rgba(255,255,255,0) 72%);filter:none;opacity:.42;transform:none}
.catalog-toolbar:hover:before{transform:none;opacity:.42}
.catalog-toolbar:hover{transform:translateY(-2px);border-color:rgba(107,95,172,.34);box-shadow:var(--shadow-subcard-hover)}
.catalog-toolbar.is-shared-transition-overlay,.catalog-toolbar.is-shared-transition-overlay:hover{border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;filter:none;transition:none}
.catalog-toolbar.is-shared-transition-overlay:before{opacity:0;transform:none;transition:none}
.catalog-toolbar.is-shared-transition-settling,.catalog-toolbar.is-shared-transition-settling:hover,.catalog-toolbar.is-shared-transition-settling:before{transition:none}
.catalog-toolbar .is-shared-control-hidden{visibility:hidden!important}
.catalog-divider{width:1px;height:30px;background:linear-gradient(180deg,transparent,rgba(108,98,132,.26),transparent)}
.catalog-filter-group{position:relative;isolation:isolate;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(94px,1fr);gap:9px;min-width:0}
.catalog-filter-indicator{position:absolute;z-index:0;top:0;left:0;width:94px;height:42px;border:1px solid var(--active-control-border);border-radius:var(--radius-control);background:var(--active-control-flow);box-shadow:var(--active-control-shadow);opacity:0;pointer-events:none;transform:translate3d(var(--catalog-indicator-x,0px),calc(-50% + var(--catalog-indicator-y,0px)),0) scale(var(--catalog-indicator-scale,1));transition:transform .55s var(--ease-navigation),top var(--duration-slow) var(--ease-standard),width var(--duration-slow) var(--ease-standard),height var(--duration-slow) var(--ease-standard),border-radius var(--duration-slow) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),background var(--duration-medium) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard)}
.catalog-filter-indicator.is-ready{opacity:1}
.catalog-filter-group:has(.catalog-filter.is-active:hover) .catalog-filter-indicator{--catalog-indicator-y:-3px;--catalog-indicator-scale:1;background:var(--active-control-flow-hover);box-shadow:var(--active-control-shadow-hover)}
.catalog-filter{position:relative;z-index:1;height:42px;padding:0 14px;border:1px solid var(--border-glass-control);border-radius:var(--radius-control);background:var(--catalog-filter-flow,linear-gradient(145deg,rgba(255,255,255,.48),rgba(241,244,249,.28)));color:var(--text-control);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;box-shadow:var(--shadow-control-rest);transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.catalog-filter:hover{transform:translateY(-3px);border-color:rgba(107,95,172,.31);background:var(--catalog-filter-hover-flow,var(--catalog-filter-flow));color:#47416f;box-shadow:var(--shadow-control-hover)}
.catalog-filter:not(.is-active):hover{filter:saturate(1.07)}
.catalog-filter.is-active{font-weight:var(--font-weight-bold);color:#403a68;border-color:transparent;background:transparent;box-shadow:none;filter:none;transform:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.catalog-filter.is-active:hover{transform:translateY(-3px)}
.catalog-year-filters [data-course-year="all"]{--catalog-filter-flow:linear-gradient(135deg,rgba(215,236,232,.46),rgba(226,239,231,.35));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(202,232,228,.84),rgba(210,240,229,.80))}
.catalog-year-filters [data-course-year="1"]{--catalog-filter-flow:linear-gradient(135deg,rgba(220,238,231,.44),rgba(231,241,228,.34));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(205,235,227,.82),rgba(224,242,225,.78))}
.catalog-year-filters [data-course-year="2"]{--catalog-filter-flow:linear-gradient(135deg,rgba(228,240,228,.43),rgba(239,241,221,.34));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(217,239,223,.80),rgba(239,241,210,.76))}
.catalog-year-filters [data-course-year="3"]{--catalog-filter-flow:linear-gradient(135deg,rgba(237,241,222,.43),rgba(247,237,213,.35));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(232,241,211,.78),rgba(247,231,195,.74))}
.catalog-year-filters [data-course-year="other"]{--catalog-filter-flow:linear-gradient(135deg,rgba(247,237,211,.45),rgba(248,228,207,.36));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(247,230,195,.78),rgba(246,211,190,.74))}
.catalog-sort-control{justify-self:end;width:min(100%,286px);display:flex;align-items:center;justify-content:flex-end}
.catalog-sort-switch.period{--control-flow:linear-gradient(135deg,rgba(233,196,142,.46),rgba(224,144,170,.47));--control-flow-hover:linear-gradient(135deg,rgba(232,181,115,.58),rgba(217,123,160,.60));--control-border:rgba(190,133,151,.4);display:grid;grid-template-columns:18px 104px;align-items:center;justify-content:center;column-gap:7px;width:168px;min-width:168px;max-width:168px;height:42px;margin:0;padding:0 14px;color:#403a68;font:var(--font-weight-semibold) var(--font-size-sm)/var(--line-height-compact) Montserrat,Arial,sans-serif}
.catalog-sort-switch.period svg{justify-self:center}
.catalog-sort-switch.period span{width:104px;min-width:104px;text-align:center}
.catalog-sort-switch.period:disabled{opacity:1;cursor:wait;filter:none}

.course-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.05vw,20px);margin-top:clamp(18px,1.35vw,25px)}
.catalog-card{min-width:0;min-height:414px;padding:8px;background:#fff;color:var(--text-primary);text-decoration:none;display:flex;flex-direction:column}
.catalog-card[hidden]{display:none!important}
.catalog-cover{position:relative;isolation:isolate;overflow:hidden;height:172px;flex:0 0 172px;border:1px solid rgba(255,255,255,.6);border-radius:16px;display:flex;align-items:flex-end;justify-content:space-between;padding:15px 17px;color:#fff;background:linear-gradient(135deg,#6c8fc5,#3aa9ba);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -30px 45px rgba(28,43,72,.16)}
.catalog-cover:before,.catalog-cover:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(18px);pointer-events:none}
.catalog-cover:before{width:150px;height:150px;left:-26px;top:-52px;background:rgba(255,255,255,.24)}
.catalog-cover:after{width:130px;height:130px;right:-30px;bottom:-54px;background:rgba(65,53,132,.24)}
.catalog-cover svg{position:absolute;z-index:0;inset:14px 9% 29px;width:82%;height:calc(100% - 43px);fill:none;stroke:rgba(255,255,255,.72);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 8px rgba(31,42,73,.12))}
.catalog-cover>span{position:relative;z-index:1;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.65px;text-transform:uppercase;text-shadow:0 1px 5px rgba(38,47,73,.25)}
.catalog-cover .cover-number{align-self:flex-start;font-size:var(--font-size-md);letter-spacing:1.2px;color:rgba(255,255,255,.82)}
.cover-filip{--cover-flow:linear-gradient(135deg,#6b75be 0%,#58a8bd 55%,#7bc4b3 100%);background:var(--cover-flow)}
.cover-step{--cover-flow:linear-gradient(135deg,#5f75aa 0%,#55a0b0 52%,#8bbf9e 100%);background:var(--cover-flow)}
.cover-chains{--cover-flow:linear-gradient(135deg,#7162b9 0%,#568fc2 48%,#ebae83 100%);background:var(--cover-flow)}
.cover-power{--cover-flow:linear-gradient(135deg,#4989b5 0%,#52b6b3 55%,#d6c27f 100%);background:var(--cover-flow)}
.cover-prophecy{--cover-flow:linear-gradient(135deg,#596daf 0%,#7f70ba 45%,#df9ab0 100%);background:var(--cover-flow)}
.cover-david{--cover-flow:linear-gradient(135deg,#4e83aa 0%,#58afa7 52%,#d1b87d 100%);background:var(--cover-flow)}
.cover-proclaim{--cover-flow:linear-gradient(135deg,#655db2 0%,#438ec1 48%,#38adba 100%);background:var(--cover-flow)}
.cover-lead{--cover-flow:linear-gradient(135deg,#627bb1 0%,#62a99f 50%,#d8b57e 100%);background:var(--cover-flow)}
.catalog-card-body{padding:14px 10px 10px;display:flex;flex-direction:column;flex:1;min-height:0}
.catalog-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}
.course-state{--badge-border:var(--state-info-border-compact);--badge-background:var(--state-info-surface-compact);--badge-color:var(--state-info-text);padding:5px 8px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold)}
.course-state.is-complete{--badge-border:var(--state-success-border-compact);--badge-background:var(--state-success-surface-compact);--badge-color:var(--state-success-text)}
.course-state.is-registered{--badge-border:var(--state-registration-border);--badge-background:var(--state-registration-surface);--badge-color:var(--state-registration-text)}
.course-state.is-preparing{--badge-border:var(--state-warning-border-compact);--badge-background:var(--state-warning-surface-compact);--badge-color:var(--state-warning-text)}
.catalog-card h3{margin:10px 0 7px;font-size:clamp(16px,1vw,20px);line-height:var(--line-height-tight);color:var(--text-primary)}
.catalog-card-body>p{margin:0;color:#7f7984;font-size:clamp(8px,.52vw,10px);line-height:var(--line-height-spacious)}
.catalog-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:auto;padding-top:18px}
.catalog-card-footer{margin-top:11px;padding-top:12px;border-top:1px solid rgba(126,116,153,.17);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);color:#89838e;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold)}
.catalog-card-footer time{font-variant-numeric:tabular-nums;color:#5b5684}
.catalog-empty{margin:28px 0 0;padding:28px}
.announcements-state{margin-top:var(--space-xl)}
.ui-navigation-card{isolation:isolate;border-radius:21px;box-shadow:var(--shadow-card-rest);contain:layout paint;transition:transform .25s var(--ease-emphasized),box-shadow .25s var(--ease-standard),border-color .25s var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}
.ui-navigation-card:hover{z-index:2;transform:translateY(-3px);border-color:rgba(100,89,160,.4);box-shadow:var(--shadow-card-hover)}
.ui-click-card{--click-press-y:-2px;--click-press-scale:1;transform-origin:center;touch-action:manipulation}
.ui-click-card.ui-navigation-card{--click-press-y:-5px;--click-press-scale:var(--press-hover-scale)}
.ui-click-card.ui-click-card.ui-click-card:active{transform:translateY(-1px) scale(var(--press-scale));transition-duration:110ms}
@media (hover:hover){.ui-click-card.ui-click-card.ui-click-card:hover:active{transform:translateY(var(--click-press-y))}}

/* MÔJ OBSAH – knihovna zůstává součástí stejného katalogového a glass systému. */
.content-page{padding-bottom:22px}
.content-shell{width:100%;max-width:var(--dashboard-max);margin:26px auto 0}
.content-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4xl);padding:0 8px 16px}
.content-heading h2{margin:6px 0 0;color:var(--text-primary);font-size:clamp(20px,1.25vw,25px)}
.content-heading p{max-width:680px;margin:7px 0 0;color:#928c97;font-size:clamp(9px,.58vw,11px);line-height:var(--line-height-spacious)}
.content-result{--metric-box-border:rgba(126,116,153,.24);--metric-box-shadow:inset 0 1px 0 rgba(255,255,255,.84);min-width:78px;padding:8px 12px;border-radius:var(--radius-control)}
.content-result small{margin-top:3px}
.content-toolbar{--subcard-bg:linear-gradient(112deg,rgba(225,240,244,.72),rgba(235,247,237,.65) 48%,rgba(250,242,224,.62));display:grid;grid-template-columns:minmax(0,1fr) 1px auto;align-items:center;gap:var(--space-3xl);padding:12px 14px;border-radius:20px;overflow:visible}
.content-toolbar:hover{transform:translateY(-2px);border-color:rgba(107,95,172,.34);box-shadow:var(--shadow-subcard-hover)}
.content-year-filters{width:min(100%,430px);grid-auto-columns:minmax(112px,1fr)}
.content-year-filters [data-content-year="all"]{--catalog-filter-flow:linear-gradient(135deg,rgba(215,232,246,.48),rgba(217,240,240,.37));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(205,224,244,.66),rgba(205,236,237,.52))}
.content-year-filters [data-content-year="1"]{--catalog-filter-flow:linear-gradient(135deg,rgba(218,239,239,.46),rgba(227,243,230,.36));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(207,236,237,.64),rgba(218,239,225,.51))}
.content-year-filters [data-content-year="2"]{--catalog-filter-flow:linear-gradient(135deg,rgba(229,243,229,.44),rgba(247,239,216,.35));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(220,239,224,.62),rgba(247,234,207,.50))}
.content-toolbar-summary{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3xl)}
.content-material-total{min-width:58px;display:grid;text-align:right;color:var(--text-secondary)}
.content-material-total strong{color:var(--text-accent);font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-solid)}
.content-material-total small{margin-top:4px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold)}
.content-type-switch.period{--control-flow:linear-gradient(135deg,rgba(96,160,198,.43),rgba(102,190,185,.39));--control-flow-hover:linear-gradient(135deg,rgba(78,146,193,.56),rgba(82,181,178,.52));--control-border:rgba(72,133,174,.35);width:190px;min-width:190px;max-width:190px;height:42px;margin:0;padding:0 14px;display:grid;grid-template-columns:18px 132px;align-items:center;justify-content:center;column-gap:7px;color:#403a68;font:var(--font-weight-semibold) var(--font-size-sm)/var(--line-height-compact) Montserrat,Arial,sans-serif}
.content-type-switch.period span{width:132px;min-width:132px;text-align:center}
.content-type-switch.period:disabled{opacity:1;cursor:wait;filter:none}

.content-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(14px,1.05vw,20px);margin-top:clamp(18px,1.35vw,25px)}
.content-course-card{--content-card-flow:linear-gradient(112deg,#e4eff9,#e7f6f2);--content-material-flow:linear-gradient(135deg,rgba(237,243,251,.78),rgba(233,247,244,.67));--content-material-hover-flow:linear-gradient(135deg,rgba(209,222,248,.88),rgba(203,239,233,.80));min-width:0;min-height:465px;padding:17px 17px 15px;display:flex;flex-direction:column;background:var(--content-card-flow);contain:layout paint;transform-origin:center;transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard)}
.content-course-card:nth-child(2){--content-card-flow:linear-gradient(112deg,#e7f6f2,#f4f7ed);--content-material-flow:linear-gradient(135deg,rgba(233,247,244,.78),rgba(240,248,237,.66));--content-material-hover-flow:linear-gradient(135deg,rgba(204,239,232,.86),rgba(224,242,215,.79))}
.content-course-card:nth-child(3){--content-card-flow:linear-gradient(112deg,#f4f7ed,#fbf2e6);--content-material-flow:linear-gradient(135deg,rgba(240,248,237,.77),rgba(251,244,228,.66));--content-material-hover-flow:linear-gradient(135deg,rgba(222,242,214,.84),rgba(247,229,196,.79))}
.content-course-card:nth-child(4){--content-card-flow:linear-gradient(112deg,#fbf2e6,#f9e7f0);--content-material-flow:linear-gradient(135deg,rgba(251,244,228,.77),rgba(250,233,242,.67));--content-material-hover-flow:linear-gradient(135deg,rgba(248,229,196,.84),rgba(244,207,226,.80))}
.content-course-card[hidden]{display:none!important}
.content-course-card:hover{z-index:3;transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}
.content-course-card.is-focused{z-index:4;animation:contentCourseFocus 1.45s var(--ease-navigation) both}
@keyframes contentCourseFocus{0%,100%{box-shadow:var(--shadow-card-rest)}35%{box-shadow:0 11px 27px rgba(68,60,120,.28),0 0 0 3px rgba(91,78,165,.18)}}
.content-card-heading{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:var(--space-lg)}
.content-course-cover.catalog-cover{width:100px;height:88px;min-width:100px;flex:0 0 88px;padding:9px 10px;border-radius:14px}
.content-course-cover.catalog-cover svg{inset:9px 9% 20px;height:calc(100% - 29px);stroke-width:2.4}
.content-course-cover.catalog-cover>span{font-size:6px}
.content-course-cover.catalog-cover .cover-number{font-size:var(--font-size-xs)}
.content-card-title{min-width:0}
.content-card-title h3{margin:6px 0 9px;color:var(--text-primary);font-size:clamp(15px,.95vw,19px);line-height:var(--line-height-tight)}
.content-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}
.content-card-count{min-width:50px;padding:7px 8px;border-radius:13px;align-self:start}
.content-card-count strong{font-size:var(--font-size-heading-sm)}
.content-card-count small{margin-top:3px;font-size:6px}
.content-card-summary{min-height:45px;margin:14px 1px 12px;color:#77717d;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.content-listening-progress{--subcard-bg:var(--content-material-flow);padding:11px 12px;border-radius:var(--radius-control);display:grid;gap:9px;cursor:default}
.content-listening-progress.subcard-glass:hover{transform:none;border-color:rgba(107,95,172,.28);background:var(--subcard-bg);box-shadow:var(--shadow-subcard-rest)}
.content-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--text-secondary)}
.content-progress-copy strong{color:var(--text-accent);font-size:var(--font-size-sm)}
.content-progress-track{height:7px;border-radius:var(--radius-pill);overflow:hidden;display:block;background:rgba(120,112,135,.13);box-shadow:inset 0 1px 2px rgba(70,63,105,.08)}
.content-progress-track i{display:block;width:var(--content-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(90,93,190,.88),rgba(54,179,190,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.34)}
.content-material-list{display:grid;gap:8px;margin-top:11px}
.content-material-row{width:100%;min-height:49px;padding:7px 10px;border:1px solid rgba(126,116,153,.22);border-radius:var(--radius-control);display:grid;grid-template-columns:31px minmax(0,1fr) 18px;align-items:center;gap:9px;background:var(--content-material-flow);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-subcard-rest);transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard)}
.content-material-row[hidden]{display:none!important}
.content-material-row:hover{transform:translateY(-2px);border-color:rgba(100,89,160,.36);box-shadow:var(--shadow-subcard-hover)}
.content-material-row.is-selected{border-color:var(--active-control-border);background:var(--active-control-flow);color:#312b59;box-shadow:var(--active-control-shadow)}
.content-material-icon{width:31px;height:31px;border:1px solid rgba(83,100,189,.18);border-radius:11px;display:grid;place-items:center;background:var(--state-info-surface-subtle);color:var(--state-info-text)}
.content-material-icon.is-document{border-color:var(--state-warning-border-subtle);background:var(--state-warning-surface-subtle);color:var(--state-warning-text)}
.content-material-icon.is-slides{border-color:var(--state-success-border-subtle);background:var(--state-success-surface-subtle);color:var(--state-success-text)}
.content-material-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.content-material-copy{min-width:0;display:grid;gap:3px}
.content-material-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);line-height:var(--line-height-compact)}
.content-material-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8d8792;font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium)}
.content-material-arrow{color:#7067a4;font-size:var(--font-size-xl);transition:transform var(--duration-control) var(--ease-standard)}
.content-material-row:hover .content-material-arrow{transform:translateX(3px)}
.content-card-footer{margin-top:auto;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);color:#918b96;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold)}
.content-course-detail{min-height:35px;padding:0 12px;border:1px solid rgba(91,128,174,.28);border-radius:var(--radius-pill);background:linear-gradient(135deg,rgba(101,158,197,.31),rgba(105,187,183,.28));color:#484273;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-control-rest)}
.content-course-detail:hover{transform:translateY(-2px);border-color:rgba(79,117,169,.4);background:linear-gradient(135deg,rgba(86,146,193,.43),rgba(89,180,178,.40));box-shadow:var(--shadow-control-hover)}
.content-empty{margin:26px 0 0;padding:28px}

/* SLUŽBY – dvě služby, dva kalendáře a jeden sdílený rezervační vzor. */
.services-page,.service-detail-page{padding-bottom:22px}
.services-shell,.service-detail-shell{width:100%;max-width:var(--dashboard-max);margin:24px auto 0}
.services-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4xl);padding:0 8px 16px}
.services-heading h2{margin:6px 0 0;color:var(--text-primary);font-size:clamp(20px,1.25vw,25px)}
.services-heading p{max-width:670px;margin:7px 0 0;color:var(--text-secondary);font-size:clamp(9px,.58vw,11px);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.services-result{min-width:78px;padding:8px 12px;border-radius:var(--radius-control)}
.services-result small{margin-top:3px}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.05vw,20px)}
.service-card{--service-flow:linear-gradient(145deg,#e7edfd,#e7f7f5 55%,#faf5e4);min-height:332px;padding:24px;display:flex;flex-direction:column;text-decoration:none;color:var(--text-strong);background:var(--service-flow)}
.service-card-2{--service-flow:linear-gradient(145deg,#faf5e4,#f9e7ee)}
.service-card>*{position:relative;z-index:3}
.service-card-art{position:absolute;z-index:1;inset:18px -8px auto auto;width:43%;height:61%;display:grid;place-items:center;color:rgba(72,91,151,.35);transition:transform var(--duration-slow) var(--ease-emphasized),color var(--duration-medium) var(--ease-standard)}
.service-card-2 .service-card-art{color:rgba(174,108,131,.35)}
.service-card-art svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.service-card:hover .service-card-art{transform:translate(-4px,3px);color:rgba(78,66,158,.47)}
.service-card-copy{max-width:58%;display:grid;gap:10px}
.service-card-copy strong{max-width:270px;font-size:clamp(23px,1.65vw,34px);line-height:var(--line-height-tight);letter-spacing:-.5px}
.service-card-copy>span:last-child{max-width:300px;color:#625d67;font-size:clamp(9px,.59vw,11px);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.service-card-meta{margin-top:auto;padding-top:22px;border-top:1px solid rgba(126,116,153,.16);display:flex;align-items:center;gap:var(--space-xs)}
.service-card-meta b{margin-left:auto;display:flex;align-items:center;gap:7px;color:#4d4783;font-size:var(--font-size-sm)}
.service-card-meta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-control) var(--ease-standard)}
.service-card:hover .service-card-meta svg{transform:translateX(3px)}
.services-reservations-card{margin-top:var(--space-xl);padding:16px 18px;border-radius:var(--radius-panel);display:grid;gap:12px;background:var(--surface-flow-spectrum)}
.services-reservations-card>*{position:relative;z-index:3}
.services-reservations-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}
.services-reservations-heading .subcard-kicker{font-size:var(--font-size-xs)}
.services-reservations-heading h3{margin:5px 0 0;color:var(--text-strong);font-size:var(--font-size-heading-md)}
.services-reservations-heading .tag{font-size:var(--font-size-sm)}
.services-reservations-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.services-reservation-row{--subcard-bg:linear-gradient(145deg,rgba(255,255,255,.40),rgba(247,249,252,.24));--subcard-glow:rgba(255,255,255,.68);min-height:68px;padding:10px 12px;border-radius:var(--radius-card);display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;color:var(--text-primary);box-shadow:var(--shadow-subcard-rest);transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.services-reservation-row:hover{transform:none;border-color:rgba(107,95,172,.32);background:var(--subcard-bg);box-shadow:var(--shadow-subcard-hover)}
.services-reservation-icon{width:36px;height:36px;border:1px solid rgba(73,153,131,.20);border-radius:12px;display:grid;place-items:center;background:rgba(231,244,238,.54);color:#3a9079;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)}
.services-reservation-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.services-reservation-copy{min-width:0;display:grid;gap:5px}
.services-reservation-row strong{overflow:hidden;color:var(--text-strong);font-size:var(--font-size-2xl);text-overflow:ellipsis;white-space:nowrap}
.services-reservation-row small{overflow:hidden;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}
.services-reservation-actions{display:flex;align-items:center;gap:7px}
.services-reservation-cancel{min-height:36px;padding:0 14px;border:1px solid rgba(181,60,82,.29);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(247,202,208,.58),rgba(255,231,226,.62));color:var(--state-danger-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;box-shadow:var(--shadow-control-rest)}
.services-reservation-cancel:hover{border-color:rgba(181,60,82,.46);background:linear-gradient(135deg,rgba(244,186,197,.72),rgba(255,218,214,.76));box-shadow:var(--shadow-control-hover)}
.services-reservations-empty{margin:0;padding:5px 1px;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-copy)}
.services-calendar-note{margin-top:calc(var(--space-xl) + 15px);padding:14px 18px;border-radius:var(--radius-card);display:flex;align-items:center;gap:13px;cursor:default}
.services-note-icon{width:34px;height:34px;flex:0 0 34px;border:1px solid var(--state-info-border);border-radius:12px;display:grid;place-items:center;background:var(--state-info-surface);color:var(--state-info-text)}
.services-note-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.services-calendar-note strong{color:var(--text-strong);font-size:var(--font-size-2xl)}
.services-calendar-note p{margin:4px 0 0;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-copy)}

.service-detail-shell{display:grid;gap:var(--space-xl)}
.service-overview-card{min-height:248px;padding:25px 28px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:var(--space-4xl);background:var(--surface-flow-spectrum)}
.service-overview-card>*{position:relative;z-index:3}
.service-overview-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.service-overview-copy h2{margin:8px 0 9px;color:var(--text-primary);font-size:clamp(26px,2vw,40px);line-height:var(--line-height-tight)}
.service-overview-copy h2:focus{outline:none}
.service-overview-copy>p:not(.service-calendar-note){max-width:850px;margin:0;color:#514c57;font-size:clamp(10px,.65vw,12px);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.service-overview-facts{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.service-overview-facts>span{min-width:120px;padding:9px 12px;border:1px solid rgba(107,98,132,.20);border-radius:var(--radius-control);display:grid;gap:4px;background:rgba(255,255,255,.43);box-shadow:inset 0 1px 0 rgba(255,255,255,.84)}
.service-overview-facts small{color:var(--text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.55px}
.service-overview-facts strong{color:var(--text-strong);font-size:var(--font-size-lg)}
.service-overview-actions{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.service-calendar-note{margin:0;color:#4e4970;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-copy)}
.service-video-link.recordings-open{--control-flow:linear-gradient(135deg,rgba(91,155,196,.38),rgba(107,190,193,.34));--control-flow-hover:linear-gradient(135deg,rgba(75,143,190,.50),rgba(89,183,189,.46));--control-border:rgba(72,133,174,.33);width:auto;min-width:184px;height:40px;flex:0 0 auto;margin:0;padding:0 13px;color:#3d4169;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap}
.service-video-link small{padding:3px 6px;border-radius:var(--radius-pill);background:rgba(255,255,255,.46);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold)}
.service-video-link.is-disabled{cursor:default;opacity:.64;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.service-video-link.is-disabled:hover{transform:none;filter:none}
.service-video-icon{width:16px;height:16px;fill:currentColor;stroke:none}
.service-overview-art{min-width:0;display:grid;place-items:center;color:rgba(77,80,147,.36)}
.service-overview-art svg{width:100%;height:100%;max-height:210px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.service-overview-art[hidden]{display:none!important}
.service-booking-layout{display:grid;grid-template-columns:minmax(580px,1.08fr) minmax(420px,.92fr);gap:var(--space-xl);align-items:stretch}
.service-calendar-card,.service-form-card{padding:25px 28px;background:var(--service-detail-flow)}
.service-calendar-card{--service-detail-flow:var(--surface-flow-cool-detail)}
.service-form-card{--service-detail-flow:linear-gradient(112deg,#f8f4ec,#f8ecea 52%,#f7e9ef)}
.service-calendar-card>*,.service-form-card>*{position:relative;z-index:3}
.service-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl)}
.service-section-heading h2{margin:5px 0 0;color:var(--text-strong);font-size:var(--font-size-heading-md)}
.service-month-controls{display:grid;grid-template-columns:36px minmax(116px,auto) 36px;align-items:center;gap:6px}
.service-month-controls button{width:36px;height:36px;padding:0;border:1px solid var(--border-subcard);border-radius:12px;display:grid;place-items:center;background:var(--surface-glass-control);box-shadow:var(--shadow-control-rest)}
.service-month-controls button:hover:not(:disabled){border-color:var(--active-control-border);box-shadow:var(--shadow-control-hover)}
.service-month-controls button:disabled{cursor:not-allowed;opacity:.38}
.service-month-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.service-month-controls time{text-align:center;color:#47416f;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:capitalize}
.service-calendar-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:22px}
.service-calendar-day{position:relative;z-index:1;min-height:68px;padding:8px;border:1px solid transparent;border-radius:var(--radius-control);display:grid;place-items:center;align-content:center;gap:5px;background:rgba(239,237,241,.37);color:#aaa4ad;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;transition:transform var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.service-calendar-day small{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}
.service-calendar-day strong{font-size:var(--font-size-heading-sm);line-height:var(--line-height-solid)}
.service-calendar-day:nth-of-type(1){--choice-flow:linear-gradient(135deg,rgba(219,225,251,.72),rgba(212,230,249,.68));--choice-flow-hover:linear-gradient(135deg,rgba(202,210,248,.84),rgba(193,221,246,.80));--choice-border:rgba(83,100,189,.27)}
.service-calendar-day:nth-of-type(2){--choice-flow:linear-gradient(135deg,rgba(212,230,249,.68),rgba(214,236,239,.65));--choice-flow-hover:linear-gradient(135deg,rgba(193,221,246,.80),rgba(194,231,232,.77));--choice-border:rgba(103,121,173,.27)}
.service-calendar-day:nth-of-type(3){--choice-flow:linear-gradient(135deg,rgba(214,236,239,.65),rgba(223,241,227,.62));--choice-flow-hover:linear-gradient(135deg,rgba(194,231,232,.77),rgba(209,237,214,.74));--choice-border:rgba(123,141,155,.28)}
.service-calendar-day:nth-of-type(4){--choice-flow:linear-gradient(135deg,rgba(223,241,227,.62),rgba(240,241,218,.60));--choice-flow-hover:linear-gradient(135deg,rgba(209,237,214,.74),rgba(233,235,197,.72));--choice-border:rgba(149,155,133,.28)}
.service-calendar-day:nth-of-type(5){--choice-flow:linear-gradient(135deg,rgba(240,241,218,.60),rgba(247,236,209,.58));--choice-flow-hover:linear-gradient(135deg,rgba(233,235,197,.72),rgba(244,225,181,.70));--choice-border:rgba(174,164,112,.28)}
.service-slot:nth-of-type(4n+1){--choice-flow:linear-gradient(135deg,rgba(219,225,251,.72),rgba(211,231,248,.67));--choice-flow-hover:linear-gradient(135deg,rgba(202,210,248,.84),rgba(191,224,245,.79));--choice-border:rgba(83,100,189,.27)}
.service-slot:nth-of-type(4n+2){--choice-flow:linear-gradient(135deg,rgba(211,231,248,.67),rgba(216,240,234,.64));--choice-flow-hover:linear-gradient(135deg,rgba(191,224,245,.79),rgba(197,236,221,.75));--choice-border:rgba(110,128,167,.27)}
.service-slot:nth-of-type(4n+3){--choice-flow:linear-gradient(135deg,rgba(216,240,234,.64),rgba(237,241,219,.60));--choice-flow-hover:linear-gradient(135deg,rgba(197,236,221,.75),rgba(229,236,201,.72));--choice-border:rgba(141,150,141,.28)}
.service-slot:nth-of-type(4n+4){--choice-flow:linear-gradient(135deg,rgba(237,241,219,.60),rgba(247,236,209,.58));--choice-flow-hover:linear-gradient(135deg,rgba(229,236,201,.72),rgba(244,225,181,.70));--choice-border:rgba(174,164,112,.28)}
.service-calendar-day:disabled{cursor:default;opacity:.72}
.service-calendar-day:not(:disabled){border-color:var(--choice-border,rgba(83,100,189,.18));background:var(--choice-flow);color:#47416f;box-shadow:var(--shadow-control-rest)}
.service-calendar-day:not(:disabled):not(.is-active):hover{transform:translateY(-3px);border-color:var(--choice-border,rgba(104,91,177,.34));background:var(--choice-flow-hover);color:#403a68;box-shadow:var(--shadow-control-hover);filter:saturate(1.07)}
.service-calendar-day.is-active{border-color:transparent;background:transparent;color:#332d5c;box-shadow:none;font-weight:var(--font-weight-bold)}
.service-calendar-day.is-today:not(.is-active){text-decoration:underline;text-underline-offset:3px}
.service-type-field{margin-top:14px}
.service-slot-section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(126,116,153,.16)}
.service-slot-section>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xl)}
.service-slot-section p{margin:0;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}
.service-slots{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}
.service-slot{position:relative;z-index:1;min-height:49px;padding:7px;border:1px solid var(--border-subcard);border-radius:var(--radius-control);display:grid;place-items:center;gap:3px;background:rgba(255,255,255,.47);color:var(--text-control);box-shadow:var(--shadow-control-rest);transition:transform var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.service-slot strong{font-size:var(--font-size-lg);font-variant-numeric:tabular-nums}
.service-slot small{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold)}
.service-slot:not(:disabled){border-color:var(--choice-border,rgba(83,100,189,.18));background:var(--choice-flow)}
.service-slot:not(:disabled):not(.is-active):hover{transform:translateY(-3px);border-color:var(--choice-border,rgba(104,91,177,.34));background:var(--choice-flow-hover);color:#403a68;box-shadow:var(--shadow-control-hover);filter:saturate(1.07)}
.service-slot.is-active{border-color:transparent;background:transparent;color:#332d5c;box-shadow:none;font-weight:var(--font-weight-bold)}
.service-slot:disabled{cursor:not-allowed;color:#aaa4ad;background:rgba(238,235,240,.44);box-shadow:none;opacity:.68}
.service-choice-indicator{position:absolute;z-index:0;top:0;left:0;width:0;height:0;border:1px solid var(--active-control-border);border-radius:var(--radius-control);background:var(--active-control-flow);box-shadow:var(--active-control-shadow);opacity:0;pointer-events:none;transform:translate3d(var(--choice-x,0),var(--choice-y,0),0) scale(var(--choice-scale,1));transition:transform .55s var(--ease-navigation),width var(--duration-slow) var(--ease-standard),height var(--duration-slow) var(--ease-standard),border-radius var(--duration-slow) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),background var(--duration-medium) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard)}
.service-choice-indicator.is-ready{opacity:1}
.service-choice-indicator.is-entering{animation:service-choice-enter .55s var(--ease-navigation) both}
@keyframes service-choice-enter{0%{opacity:0}100%{opacity:1}}
.service-calendar-grid:has(.service-calendar-day.is-active:hover) .service-choice-indicator,.service-slots:has(.service-slot.is-active:hover) .service-choice-indicator{--choice-scale:1;background:var(--active-control-flow-hover);box-shadow:var(--active-control-shadow-hover);transform:translate3d(var(--choice-x,0),calc(var(--choice-y,0px) - 3px),0)}
.service-calendar-day.is-active:hover,.service-slot.is-active:hover{transform:translateY(-3px)}
.service-calendar-day:active:not(:disabled),.service-slot:active:not(:disabled){transform:translateY(0) scale(var(--press-scale));transition-duration:110ms}
.service-calendar-grid:has(.service-calendar-day.is-active:active) .service-choice-indicator,.service-slots:has(.service-slot.is-active:active) .service-choice-indicator{--choice-scale:var(--press-hover-scale);background:var(--active-control-flow-hover);border-color:rgba(78,70,164,.52);box-shadow:var(--shadow-control-rest);transform:translate3d(var(--choice-x,0),calc(var(--choice-y,0px) - 1px),0) scale(var(--choice-scale));transition-duration:110ms}
@media (hover:hover){.service-calendar-day:hover:active:not(:disabled),.service-slot:hover:active:not(:disabled){transform:translateY(-1px)}}
.service-selection{--subcard-bg:linear-gradient(135deg,rgba(249,237,213,.60),rgba(246,218,231,.56));--subcard-glow:rgba(255,249,247,.80);margin-top:20px;padding:14px 15px;border-radius:var(--radius-control);display:grid;gap:5px;transform-origin:center;cursor:default}
.service-selection.subcard-glass:hover{transform:none;border-color:rgba(174,126,155,.36);background:var(--subcard-bg);box-shadow:var(--shadow-subcard-hover)}
.service-selection.subcard-glass:hover:before{transform:none;opacity:.54}
.service-selection span{color:var(--text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.65px}
.service-selection strong{color:var(--text-strong);font-size:var(--font-size-lg);line-height:var(--line-height-copy)}
.service-selection-error{margin:10px 0 0}
.service-selection-error:focus{outline:none}
.service-booking-form{margin-top:17px}
.service-type-field[hidden]{display:none!important}
.service-form-privacy{margin:0;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.service-booking-submit.recordings-open{--control-flow:linear-gradient(135deg,rgba(232,187,130,.43),rgba(218,133,169,.45));--control-flow-hover:linear-gradient(135deg,rgba(230,171,103,.56),rgba(211,111,157,.58));--control-border:rgba(190,125,151,.38);min-height:45px;margin-top:0}
.service-booking-success{min-height:330px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.service-booking-success[hidden]{display:none!important}
.service-booking-success .period[hidden]{display:none!important}
.service-success-icon{width:54px;height:54px;border:1px solid var(--state-success-border);border-radius:50%;display:grid;place-items:center;background:var(--state-success-surface);color:var(--state-success-text);box-shadow:var(--shadow-subcard-rest)}
.service-success-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.service-booking-success h3{margin:18px 0 0;color:var(--text-strong);font-size:var(--font-size-heading-md)}
.service-booking-success p{max-width:430px;margin:9px 0 20px;color:#514c57;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.service-booking-success .period{min-height:40px;padding-inline:16px;color:#403a68;background:var(--active-control-flow)}

@media (max-width:1200px){
  .service-booking-layout{grid-template-columns:1fr}
}
@media (max-width:800px){
  .services-shell,.service-detail-shell{margin-top:16px}
  .services-grid{grid-template-columns:1fr}
  .service-card{min-height:280px;padding:20px}
  .service-overview-card{grid-template-columns:1fr;padding:20px}
  .service-overview-art{position:absolute;z-index:1;right:12px;top:12px;width:42%;height:65%;opacity:.45}
  .service-overview-copy{z-index:3}
  .service-calendar-card,.service-form-card{padding:20px 18px}
  .service-section-heading{display:grid}
  .service-month-controls{width:100%;grid-template-columns:36px 1fr 36px}
  .service-calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .services-heading{align-items:flex-start}
  .services-reservations-list{grid-template-columns:1fr}
  .services-reservation-row{grid-template-columns:36px minmax(0,1fr)}
  .services-reservation-actions{grid-column:2;justify-content:flex-start}
  .service-card-copy{max-width:76%}
  .service-card-art{right:-12px;width:42%;opacity:.45}
  .service-overview-facts{display:grid;width:100%;grid-template-columns:1fr}
  .service-slot-section>div:first-child{display:grid}
}

/* Detail kurzu sdílí katalogové obálky, glass hierarchii, tagy a ovládací materiály. */
.course-detail-page{padding-bottom:12px}
.course-detail-shell{width:100%;max-width:var(--dashboard-max);margin:18px auto 0;display:grid;gap:var(--space-xl)}
.course-detail-hero{min-height:326px;padding:22px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:clamp(22px,2.2vw,42px);border-radius:var(--radius-panel);background:var(--surface-flow-spectrum);box-shadow:var(--shadow-card-rest)}
.course-detail-hero>*{position:relative;z-index:3}
.course-detail-intro{min-width:0;padding:8px 5px 5px;display:flex;flex-direction:column;align-items:flex-start}
.course-detail-intro h2{margin:9px 0 10px;color:var(--text-primary);font-size:clamp(28px,2.25vw,45px);line-height:var(--line-height-tight)}
.course-detail-intro h2:focus{outline:none}
.course-detail-intro>p{max-width:780px;margin:0;color:#514c57;font-size:clamp(11px,.68vw,13px);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.course-detail-meta{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:9px 18px;color:#45404c;font-size:clamp(10px,.65vw,12px);font-weight:var(--font-weight-semibold)}
.course-detail-meta span,.course-detail-meta time{display:flex;align-items:center;gap:7px}
.course-detail-meta span:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--state-success-text);box-shadow:0 0 0 4px var(--state-success-surface-compact)}
.course-detail-meta time{font-variant-numeric:tabular-nums;color:#494371}
.course-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:17px}
.course-detail-actions{width:100%;margin-top:auto;padding-top:22px;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px 17px}
.course-detail-action.recordings-open.continue{min-height:42px;margin-top:0;gap:9px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}
.course-detail-recordings.recordings-open{--control-flow:linear-gradient(135deg,rgba(91,155,196,.40),rgba(107,190,193,.36));--control-flow-hover:linear-gradient(135deg,rgba(75,143,190,.52),rgba(89,183,189,.48));--control-border:rgba(72,133,174,.35);width:auto;min-width:198px;padding:0 18px;white-space:nowrap}
.course-detail-recordings.is-disabled{pointer-events:none;border-color:rgba(126,116,153,.22);background:var(--state-neutral-surface);color:var(--state-neutral-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.72);opacity:var(--state-disabled-opacity)}
.course-detail-registration-note{min-height:42px;margin:0;padding:0;display:flex;align-items:center;color:#403b46;font-size:clamp(10px,.62vw,12px);font-weight:var(--font-weight-semibold);line-height:var(--line-height-copy)}
.course-detail-cover-slot{min-width:0}
.catalog-cover.course-detail-cover{width:100%;height:100%;min-height:278px;flex-basis:auto;border-radius:20px;padding:20px 22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 24px rgba(53,49,68,.13)}
.catalog-cover.course-detail-cover svg{inset:18px 8% 36px;width:84%;height:calc(100% - 54px);stroke-width:2.35}
.catalog-cover.course-detail-cover>span{font-size:var(--font-size-sm)}
.catalog-cover.course-detail-cover .cover-number{font-size:var(--font-size-heading-sm)}

.course-detail-layout{display:grid;grid-template-columns:minmax(560px,1.06fr) minmax(0,.94fr);gap:var(--space-xl);align-items:stretch}
.course-info-column{min-width:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-xl)}
.course-description-card,.course-registration-card,.course-practical-card{padding:26px 28px;background:var(--detail-card-flow)}
.course-registration-card{--detail-card-flow:var(--surface-flow-cool-detail);height:100%}
.course-description-card,.course-practical-card{--detail-card-flow:linear-gradient(112deg,#f8f4ec,#f8ecea 52%,#f7e9ef)}
.course-practical-card{height:100%}
.course-description-card>* ,.course-registration-card>*,.course-practical-card>*{position:relative;z-index:3}
.course-detail-hero{transform-origin:center;transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard)}
.course-detail-hero:hover{z-index:4;transform:var(--panel-hover-transform);border-color:rgba(255,255,255,.5);filter:var(--panel-hover-filter);box-shadow:var(--panel-hover-shadow)}
.course-description-card h2,.course-registration-heading h2,.course-practical-card h2{margin:0;color:var(--text-strong);font-size:var(--font-size-heading-md);line-height:var(--line-height-tight)}
.course-description-card>p{margin:19px 0 0;color:#3f3a44;font-size:clamp(11px,.68vw,13px);font-weight:var(--font-weight-medium);line-height:1.72}
.course-description-card blockquote{position:relative;margin:24px 0 0;padding:21px 22px 21px 54px;border:1px solid var(--state-info-border);border-radius:var(--radius-card);background:linear-gradient(135deg,rgba(220,225,255,.69),rgba(231,246,246,.58));color:#403a4a;font-size:clamp(10px,.67vw,12px);font-weight:var(--font-weight-medium);font-style:italic;line-height:var(--line-height-spacious);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 7px 18px rgba(70,63,105,.07)}
.course-description-card blockquote:before{content:"“";position:absolute;left:19px;top:11px;color:var(--state-info-text);font:var(--font-weight-bold) 40px/1 Georgia,serif;opacity:.72}
.course-registration-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}
.course-registration-heading .tag{flex:0 0 auto}
.course-registration-confirmation{margin:0 0 18px;padding:10px 12px;border:1px solid rgba(29,154,101,.2);border-radius:var(--radius-control);display:flex;align-items:center;gap:9px;background:rgba(213,245,229,.43);color:#326d59}
.course-registration-confirmation[hidden]{display:none!important}
.course-registration-confirmation-icon{width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;background:#26a873;color:#fff}
.course-registration-confirmation-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.course-registration-confirmation p{min-width:0;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;font-size:clamp(10px,.66vw,12px);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.course-registration-confirmation strong{color:#22684f;font-weight:var(--font-weight-bold)}
.course-registration-message{margin:14px 0 22px;color:#4d4852;font-size:clamp(10px,.68vw,12px);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.info-glass-card{--info-glass-flow:var(--surface-flow-spectrum);isolation:isolate;border-color:rgba(255,255,255,.47);background:var(--info-glass-flow);box-shadow:var(--shadow-card-rest)}
.info-glass-card>*{position:relative;z-index:3}
.info-glass-card:hover{border-color:rgba(255,255,255,.60)}
.course-additional-participant-prompt{min-height:82px;padding:14px 18px;border-radius:var(--radius-card);display:grid;grid-template-columns:34px auto minmax(0,1fr);align-items:center;gap:18px;cursor:default}
.course-additional-participant-prompt[hidden]{display:none!important}
.course-additional-participant-prompt.is-mode-switching{animation:courseRegistrationContextPulse .5s var(--ease-emphasized) both}
.course-additional-participant-prompt.is-mode-switching [data-course-registration-mode-label],.course-additional-participant-prompt.is-mode-switching [data-course-registration-context-title],.course-additional-participant-prompt.is-mode-switching [data-course-registration-context-copy],.course-registration-card [data-course-registration-form-title],.course-registration-card [data-course-registration-submit-label]{transform-origin:center left}
.course-registration-card.is-mode-switching,.course-registration-snapshot{will-change:transform,filter,opacity;backface-visibility:hidden}
.course-additional-participant-prompt.is-mode-switching [data-course-registration-mode-label],.course-additional-participant-prompt.is-mode-switching [data-course-registration-context-title],.course-additional-participant-prompt.is-mode-switching [data-course-registration-context-copy]{will-change:transform,filter,opacity;backface-visibility:hidden}
@keyframes courseRegistrationContextPulse{0%,100%{filter:saturate(1)}48%{filter:saturate(1.055) brightness(1.018)}}
.course-registration-context-copy{min-width:0;display:grid;gap:4px}
.course-registration-context-copy strong{color:var(--text-strong);font-size:var(--font-size-2xl)}
.course-registration-context-copy p{margin:4px 0 0;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-copy)}
.course-additional-participant-prompt.is-assisted{--info-glass-flow:linear-gradient(112deg,rgba(208,232,246,.50),rgba(218,243,233,.47) 54%,rgba(246,239,211,.43),rgba(244,224,233,.42))}
.course-registration-mode-toggle{width:clamp(182px,12vw,220px);min-height:40px;padding:0 14px;border:1px solid rgba(83,120,177,.30);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,rgba(101,158,197,.34),rgba(105,187,183,.31));color:#433d6f;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;box-shadow:var(--shadow-control-rest)}
.course-registration-mode-toggle:disabled{cursor:wait;opacity:1}
.course-registration-mode-toggle:hover{transform:translateY(-2px);border-color:rgba(83,120,177,.44);background:linear-gradient(135deg,rgba(83,145,193,.49),rgba(86,180,178,.45));box-shadow:var(--shadow-control-hover)}
.course-registration-mode-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-control) var(--ease-standard)}
.course-registration-mode-toggle:hover svg{transform:translateX(3px)}
.course-registration-mode-toggle[aria-pressed="true"] svg{transform:rotate(180deg)}
.course-registration-mode-toggle[aria-pressed="true"]:hover svg{transform:rotate(180deg) translateX(3px)}
.ui-form{display:grid;gap:17px}
.ui-form[hidden]{display:none!important}
.form-grid{display:grid;gap:15px}
.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.ui-form label,.form-label,.accommodation-options legend{color:var(--text-strong);font-size:clamp(11px,.7vw,13px);font-weight:var(--font-weight-bold)}
.ui-form label,.form-field{display:grid;gap:8px}
.ui-form input,.ui-form textarea{width:100%;border:1px solid rgba(107,98,132,.34);border-radius:var(--radius-control);background:rgba(255,255,255,.82);color:var(--text-strong);caret-color:var(--text-strong);cursor:text;font:var(--font-weight-medium) clamp(11px,.7vw,13px)/var(--line-height-copy) Montserrat,Arial,sans-serif;box-shadow:inset 0 1px 2px rgba(70,63,105,.07),inset 0 1px 0 rgba(255,255,255,.94),0 4px 11px rgba(70,63,105,.055);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}
.ui-form input{height:47px;padding:0 13px}
.ui-form textarea{min-height:112px;padding:12px 13px;resize:vertical}
.ui-form input:hover,.ui-form textarea:hover{border-color:rgba(91,78,165,.41);background:rgba(255,255,255,.91);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 7px 16px rgba(70,63,105,.085)}
.ui-form input:focus,.ui-form textarea:focus{outline:none;border-color:rgba(91,78,165,.57);background:#fff;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color),inset 0 1px 0 rgba(255,255,255,.96)}
.ui-form .is-invalid-field>input,.ui-form .is-invalid-field>textarea{border-color:rgba(181,60,82,.58);background:rgba(255,249,250,.92);box-shadow:0 0 0 var(--focus-ring-width) rgba(181,60,82,.12),inset 0 1px 0 rgba(255,255,255,.96)}
.form-error{position:relative;margin-top:1px;padding:8px 11px 8px 29px;border:1px solid var(--state-danger-border);border-radius:var(--radius-control);display:block;background:linear-gradient(145deg,rgba(247,202,208,.54),rgba(255,241,243,.72));color:#963146;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-copy);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 10px rgba(132,49,68,.07);animation:formErrorIn var(--duration-medium) var(--ease-emphasized) both}
.form-error[hidden]{display:none!important}
.form-error:before{content:"!";position:absolute;left:10px;top:50%;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;background:rgba(181,60,82,.12);color:var(--state-danger-text);font-size:8px;font-weight:var(--font-weight-extrabold);transform:translateY(-50%)}
@keyframes formErrorIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.ui-select{position:relative;display:block;min-width:0}
.ui-select-native{position:absolute;width:1px;height:1px;left:8px;bottom:2px;opacity:0;pointer-events:none}
.ui-select-toggle{width:100%;height:47px;padding:0 12px 0 13px;border:1px solid rgba(107,98,132,.34);border-radius:var(--radius-control);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:rgba(255,255,255,.82);color:#625d67;font-size:clamp(11px,.7vw,13px);font-weight:var(--font-weight-medium);text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 4px 11px rgba(70,63,105,.055)}
.ui-select-toggle.has-value{color:var(--text-strong)}
.ui-select-toggle svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-control) var(--ease-emphasized)}
.ui-select-toggle:hover{transform:none;border-color:rgba(91,78,165,.44);background:#fff;box-shadow:var(--shadow-control-hover)}
.ui-select.is-open .ui-select-toggle{border-color:rgba(91,78,165,.57);background:#fff;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color),var(--shadow-control-hover)}
.ui-select.is-open .ui-select-toggle svg{transform:rotate(180deg)}
.ui-select.is-invalid .ui-select-toggle{border-color:var(--state-danger-text);box-shadow:0 0 0 var(--focus-ring-width) rgba(181,60,82,.18)}
.ui-select-menu{position:absolute;z-index:20;top:calc(100% + 7px);left:0;right:0;padding:6px;border:1px solid rgba(107,98,132,.27);border-radius:var(--radius-control);display:grid;gap:3px;background:rgba(251,250,253,.96);backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12);box-shadow:0 16px 34px rgba(45,40,61,.2),inset 0 1px 0 rgba(255,255,255,.96)}
.ui-select-menu[hidden]{display:none!important}
.ui-select-menu button{min-height:39px;padding:0 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text-strong);font-size:clamp(11px,.68vw,13px);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}
.ui-select-menu button:hover,.ui-select-menu button:focus-visible{outline:none;transform:translateX(2px);border-color:var(--state-info-border);background:linear-gradient(135deg,rgba(218,224,255,.68),rgba(225,244,242,.58))}
.ui-select-menu button[aria-selected="true"]{border-color:rgba(83,100,189,.22);background:var(--state-info-surface);color:#413b69}
.accommodation-options{margin:1px 0 0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.accommodation-options legend{margin-bottom:9px}
.accommodation-options label{position:relative;min-height:78px;padding:11px;border:1px solid rgba(107,98,132,.27);border-radius:var(--radius-control);display:flex;grid-template-columns:none;align-items:flex-start;gap:9px;background:rgba(255,255,255,.65);font-weight:var(--font-weight-semibold);line-height:var(--line-height-copy);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 4px 11px rgba(70,63,105,.045);transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}
.accommodation-options label:hover{transform:translateY(-2px);border-color:rgba(91,78,165,.37);background:rgba(255,255,255,.84);box-shadow:var(--shadow-control-hover)}
.accommodation-options label[hidden]{display:none!important}
.accommodation-options label:has(input:checked){border-color:var(--state-info-border);background:var(--state-info-surface);color:var(--state-info-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 5px 14px rgba(70,63,105,.07)}
.accommodation-options.is-invalid-field label{border-color:rgba(181,60,82,.32);background:rgba(255,249,250,.72)}
.accommodation-options>.form-error{grid-column:1/-1}
.accommodation-options input{
  appearance:none;
  -webkit-appearance:none;
  width:16px;
  height:16px;
  flex:0 0 16px;
  margin:1px 0 0;
  padding:0;
  border:1.5px solid rgba(83,72,157,.58);
  border-radius:50%;
  display:grid;
  place-content:center;
  background:rgba(255,255,255,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)
}
.accommodation-options input:before{content:"";width:7px;height:7px;border-radius:50%;background:#5d50ad;transform:scale(0);transition:transform var(--duration-fast) var(--ease-emphasized)}
.accommodation-options input:checked:before{transform:scale(1)}
.ui-form .accommodation-options input:hover{border-color:#51449f;background:#fff;box-shadow:0 0 0 3px rgba(93,80,173,.10),inset 0 1px 0 rgba(255,255,255,.94)}
.ui-form .accommodation-options input:focus{outline:none;border-color:#51449f;background:#fff;box-shadow:none}
.ui-form .accommodation-options input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(93,80,173,.20),inset 0 1px 0 rgba(255,255,255,.94)}
.accommodation-copy{min-width:0;display:grid;gap:4px}
.accommodation-copy strong{color:var(--text-strong);font-size:clamp(10px,.64vw,12px);line-height:var(--line-height-copy)}
.accommodation-copy small{color:#5b5480;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}
.accommodation-status{margin:0;padding:11px 12px;border:1px solid var(--state-warning-border);border-radius:var(--radius-control);background:var(--state-warning-surface);color:#6b4a28;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-spacious)}
.accommodation-status[hidden]{display:none!important}
.course-registration-submit.recordings-open{--control-flow:linear-gradient(135deg,rgba(103,154,198,.40),rgba(96,189,177,.37));--control-flow-hover:linear-gradient(135deg,rgba(88,140,193,.52),rgba(78,180,168,.49));--control-border:rgba(85,149,178,.36);min-height:45px;margin-top:0}
.course-form-status{margin:0;padding:10px 12px;border:1px solid var(--state-success-border);border-radius:var(--radius-control);background:var(--state-success-surface);color:var(--state-success-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-copy)}
.service-booking-form .course-form-status[data-state="cancelled"]{border-color:var(--state-info-border);background:var(--state-info-surface);color:var(--state-info-text)}
.course-practical-card h2{margin-top:7px}
.course-practical-lead{margin:19px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;color:#4a4550}
.course-practical-lead strong{color:var(--text-strong);font-size:clamp(14px,.9vw,17px)}
.course-practical-lead span{font-size:clamp(10px,.62vw,12px);font-weight:var(--font-weight-semibold)}
.course-practical-facts{margin:18px 0 0;display:grid;grid-template-columns:.8fr 1.55fr .55fr;gap:9px}
.course-practical-facts div{min-width:0;padding:12px;border:1px solid rgba(107,98,132,.22);border-radius:var(--radius-control);background:rgba(255,255,255,.57);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 5px 13px rgba(70,63,105,.045)}
.course-practical-facts dt{color:#625c69;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.65px}
.course-practical-facts dd{margin:6px 0 0;color:var(--text-strong);font-size:clamp(10px,.65vw,12px);font-weight:var(--font-weight-semibold);line-height:var(--line-height-copy)}
.course-practical-copy{margin-top:18px;display:grid;gap:12px;color:#403b45;font-size:clamp(10px,.67vw,12px);font-weight:var(--font-weight-medium);line-height:1.65}
.course-practical-copy p{margin:0}
.course-practical-copy strong{color:var(--text-strong)}
.course-practical-copy a{color:#4e469a;font-weight:var(--font-weight-bold);text-underline-offset:3px}
.course-practical-copy a:hover{color:#247f91}

@media (max-width:1200px){
  .course-detail-hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}
  .course-detail-layout{grid-template-columns:1fr}
  .course-registration-card,.course-info-column,.course-practical-card{height:auto}
  .course-info-column{grid-template-rows:auto}
}
@media (max-width:800px){
  .course-detail-shell{margin-top:16px;gap:var(--space-md)}
  .course-detail-hero{grid-template-columns:1fr;padding:16px}
  .course-detail-cover-slot{grid-row:1}
  .catalog-cover.course-detail-cover{min-height:220px}
  .course-detail-intro{grid-row:2;padding-inline:2px}
  .course-detail-actions{grid-template-columns:1fr;padding-top:18px}
  .course-detail-registration-note{min-height:0}
  .course-description-card,.course-registration-card,.course-practical-card{padding:20px 18px}
  .course-registration-confirmation{align-items:flex-start}
  .course-additional-participant-prompt{grid-template-columns:34px minmax(0,1fr)}
  .course-registration-mode-toggle{grid-column:2;width:100%}
  .course-additional-participant-prompt .course-registration-context-copy{grid-column:1/-1}
  .form-grid.two-columns,.accommodation-options{grid-template-columns:1fr}
  .accommodation-options label{min-height:48px}
  .course-practical-facts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .shared-hero-back:hover svg,.form-error{animation:none}
  .service-choice-indicator{transition:none}
  .course-additional-participant-prompt.is-mode-switching{animation:none}
}

@media (min-width:2400px){
  .catalog-shell{margin-top:34px}
  .catalog-toolbar{padding:14px 16px;gap:22px}
  .catalog-filter{height:44px;font-size:var(--font-size-md)}
  .catalog-sort-switch.period{height:44px;font-size:var(--font-size-md)}
  .course-catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3xl)}
  .catalog-card{min-height:430px}
  .catalog-cover{height:180px;flex-basis:180px}
}
@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){
  .catalog-shell{margin-top:20px}
  .catalog-heading{padding-bottom:12px}
  .catalog-toolbar{padding-block:10px}
  .catalog-filter{height:38px}
  .catalog-sort-switch.period{height:38px}
  .course-catalog{margin-top:17px}
  .catalog-card{min-height:378px}
  .catalog-cover{height:148px;flex-basis:148px}
  .catalog-card-body{padding-top:11px}
}
@media (max-width:1400px){
  .catalog-toolbar{grid-template-columns:1fr;gap:var(--space-md)}
  .catalog-divider{display:none}
  .course-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1080px){
  .catalog-heading{padding-inline:4px}
  .catalog-filter-group{overflow-x:auto;grid-auto-columns:minmax(112px,1fr);padding-bottom:3px}
  .course-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .courses-page{padding-bottom:10px}
  .shared-hero{height:auto;min-height:82px;padding:15px 18px}
  .shared-hero-summary{display:none}
  .shared-hero .hero-kicker{font-size:6px}
  .catalog-shell{margin-top:18px}
  .catalog-heading{align-items:flex-start;padding:0 4px 12px}
  .catalog-heading p{max-width:240px}
  .catalog-toolbar{padding:10px;border-radius:var(--radius-card)} 
  .catalog-filter-group{display:flex;overflow-x:auto}
  .catalog-filter{flex:0 0 108px;height:38px}
  .catalog-sort-switch.period{height:38px}
  .course-catalog{grid-template-columns:1fr;gap:13px}
  .catalog-card{min-height:382px}
  .catalog-cover{height:158px;flex-basis:158px}
}
@media (prefers-reduced-motion:reduce){
  .catalog-card,.catalog-filter,.catalog-filter-indicator,.catalog-toolbar,.ui-click-card{transition-duration:.01ms}
  .ui-click-card.ui-click-card.ui-click-card:active{transform:none}
}

/* MÔJ OBSAH – rozložení zůstává čitelné od kompaktního notebooku po 4K. */
@media (min-width:2400px){
  .content-shell{margin-top:34px}
  .content-heading{padding-bottom:16px}
  .content-toolbar{padding:14px 16px}
  .content-library{gap:var(--space-3xl)}
  .content-course-card{min-height:505px;padding:20px 20px 18px}
  .content-card-heading{grid-template-columns:114px minmax(0,1fr) auto}
  .content-course-cover.catalog-cover{width:114px;height:98px;min-width:114px;flex-basis:98px}
}
@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){
  .content-shell{margin-top:20px}
  .content-heading{padding-bottom:12px}
  .content-toolbar{padding-block:10px}
  .content-type-switch.period{height:38px}
  .content-library{margin-top:17px}
  .content-course-card{min-height:430px;padding:14px 14px 13px}
  .content-card-heading{grid-template-columns:90px minmax(0,1fr) auto;gap:9px}
  .content-course-cover.catalog-cover{width:90px;height:78px;min-width:90px;flex-basis:78px}
  .content-card-summary{min-height:40px;margin-block:11px 10px}
  .content-listening-progress{padding:9px 10px}
  .content-material-list{gap:7px;margin-top:9px}
  .content-material-row{min-height:44px;padding-block:6px}
  .content-card-footer{padding-top:10px}
}
@media (max-width:1400px){
  .content-library{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-course-card{min-height:440px}
}
@media (max-width:980px){
  .content-toolbar{grid-template-columns:1fr;gap:var(--space-md)}
  .content-toolbar .catalog-divider{display:none}
  .content-year-filters{width:100%}
  .content-toolbar-summary{justify-content:space-between}
}
@media (max-width:700px){
  .content-page{padding-bottom:10px}
  .content-shell{margin-top:18px}
  .content-heading{align-items:flex-start;padding:0 4px 12px}
  .content-heading p{max-width:240px}
  .content-result{min-width:65px;padding:7px 9px}
  .content-toolbar{padding:10px;border-radius:var(--radius-card)}
  .content-year-filters{display:flex;overflow-x:auto}
  .content-year-filters .catalog-filter{flex:0 0 108px;height:38px}
  .content-toolbar-summary{gap:var(--space-md)}
  .content-material-total{text-align:left}
  .content-type-switch.period{width:178px;min-width:178px;max-width:178px;height:38px;grid-template-columns:18px 122px;padding-inline:10px}
  .content-type-switch.period span{width:122px;min-width:122px}
  .content-library{grid-template-columns:1fr;gap:13px;margin-top:14px}
  .content-course-card{min-height:420px;padding:14px}
  .content-card-heading{grid-template-columns:86px minmax(0,1fr) auto;gap:9px}
  .content-course-cover.catalog-cover{width:86px;height:76px;min-width:86px;flex-basis:76px}
  .content-card-summary{min-height:0}
}
@media (max-width:430px){
  .content-heading p,.content-result{display:none}
  .content-toolbar-summary{display:grid;grid-template-columns:1fr}
  .content-material-total{display:none}
  .content-type-switch.period{width:100%;min-width:0;max-width:none}
  .content-card-heading{grid-template-columns:76px minmax(0,1fr)}
  .content-course-cover.catalog-cover{width:76px;height:70px;min-width:76px;flex-basis:70px}
  .content-card-count{display:none}
  .content-card-footer{align-items:flex-start;flex-direction:column}
  .content-course-detail{width:100%}
}

/* MÔJ OBSAH – jednoduché kurzové složky pouze pro audio záznamy. */
.content-toolbar.catalog-toolbar{grid-template-columns:minmax(0,1.05fr) 1px minmax(0,.95fr);justify-content:initial;gap:var(--space-3xl)}
.content-toolbar.catalog-toolbar .content-year-filters{width:auto;grid-auto-flow:row;grid-template-columns:repeat(5,minmax(94px,1fr));grid-auto-columns:auto}
.content-year-filters [data-content-year="all"]{--catalog-filter-flow:linear-gradient(135deg,rgba(215,236,232,.46),rgba(226,239,231,.35));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(202,232,228,.84),rgba(210,240,229,.80))}
.content-year-filters [data-content-year="1"]{--catalog-filter-flow:linear-gradient(135deg,rgba(220,238,231,.44),rgba(231,241,228,.34));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(205,235,227,.82),rgba(224,242,225,.78))}
.content-year-filters [data-content-year="2"]{--catalog-filter-flow:linear-gradient(135deg,rgba(228,240,228,.43),rgba(239,241,221,.34));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(217,239,223,.80),rgba(239,241,210,.76))}
.content-year-filters [data-content-year="3"]{--catalog-filter-flow:linear-gradient(135deg,rgba(237,241,222,.43),rgba(247,237,213,.35));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(232,241,211,.78),rgba(247,231,195,.74))}
.content-year-filters [data-content-year="other"]{--catalog-filter-flow:linear-gradient(135deg,rgba(247,237,211,.45),rgba(248,228,207,.36));--catalog-filter-hover-flow:linear-gradient(135deg,rgba(247,230,195,.78),rgba(246,211,190,.74))}
.content-course-card.content-audio-card{min-height:230px;padding:18px;display:flex}
.content-audio-card .content-card-heading{grid-template-columns:100px minmax(0,1fr);gap:var(--space-xl)}
.content-audio-card .content-card-title h3{margin-bottom:10px}
.content-audio-folder{--click-press-y:-1px;--click-press-scale:var(--press-hover-scale);width:100%;min-height:76px;margin-top:auto;padding:11px 13px;border:1px solid rgba(126,116,153,.23);border-radius:var(--radius-card);display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;background:var(--content-material-flow);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-subcard-rest);transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard)}
.content-audio-folder:hover{transform:translateY(-3px);border-color:rgba(107,95,172,.31);background:var(--content-material-hover-flow);color:#47416f;box-shadow:var(--shadow-control-hover)}
.content-audio-folder.is-selected{border-color:var(--active-control-border);background:var(--active-control-flow);color:#312b59;box-shadow:var(--active-control-shadow)}
.content-audio-folder.is-selected:hover{border-color:var(--active-control-border);background:var(--active-control-flow-hover);color:#312b59;box-shadow:var(--active-control-shadow-hover)}
.content-audio-folder-icon{width:42px;height:42px;border:1px solid var(--state-info-border-subtle);border-radius:14px;display:grid;place-items:center;background:var(--state-info-surface-subtle);color:var(--state-info-text)}
.content-audio-folder-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.content-audio-folder-copy{min-width:0;display:grid;gap:5px}
.content-audio-folder-copy strong{font-size:var(--font-size-lg);line-height:var(--line-height-compact)}
.content-audio-folder-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#827c88;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}
.content-audio-folder:hover .content-material-arrow{transform:translateX(3px)}
@media (min-width:2400px){
  .content-toolbar.catalog-toolbar{padding:14px 16px;gap:22px}
  .content-course-card.content-audio-card{min-height:270px;padding:22px}
  .content-audio-card .content-card-heading{grid-template-columns:114px minmax(0,1fr)}
  .content-audio-folder{min-height:84px}
}
@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){
  .content-course-card.content-audio-card{min-height:215px;padding:15px}
  .content-audio-card .content-card-heading{grid-template-columns:90px minmax(0,1fr);gap:12px}
  .content-audio-folder{min-height:67px;padding-block:9px}
  .content-audio-folder-icon{width:36px;height:36px;border-radius:12px}
  .content-audio-folder-icon svg{width:20px;height:20px}
}
@media (max-width:1400px){
  .content-toolbar.catalog-toolbar{grid-template-columns:1fr;gap:var(--space-md)}
  .content-course-card.content-audio-card{min-height:220px}
}
@media (max-width:980px){
  .content-toolbar.catalog-toolbar{grid-template-columns:1fr;gap:var(--space-md)}
}
@media (max-width:700px){
  .content-toolbar.catalog-toolbar .content-year-filters{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:auto}
  .content-course-card.content-audio-card{min-height:220px;padding:14px}
  .content-audio-card .content-card-heading{grid-template-columns:86px minmax(0,1fr);gap:10px}
  .content-audio-folder{min-height:68px}
}
@media (max-width:430px){
  .content-audio-card .content-card-heading{grid-template-columns:76px minmax(0,1fr)}
}

/* DETAIL NAHRÁVOK – jednoduchý statický přehrávač ve stejné glass hierarchii jako detail kurzu a služby. */
.content-detail-page{padding-bottom:12px}
.content-detail-shell{width:100%;max-width:var(--dashboard-max);margin:18px auto 0;display:grid;gap:var(--space-xl)}
.content-detail-overview{position:relative;min-height:270px;padding:22px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(22px,2.2vw,42px);border-radius:var(--radius-panel);background:var(--surface-flow-spectrum);box-shadow:var(--shadow-card-rest)}
[data-content-detail-cover]{min-width:0}
.content-detail-cover.catalog-cover{width:100%;height:100%;min-height:226px;flex-basis:auto;border-radius:var(--radius-card)}
.content-detail-copy{position:relative;z-index:3;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:10px 6px}
.content-detail-copy h2{margin:7px 0 0;color:var(--text-primary);font-size:clamp(25px,1.8vw,36px);line-height:var(--line-height-tight);outline:none}
.content-detail-copy>p{max-width:740px;margin:12px 0 0;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.content-detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.content-detail-summary{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:18px;color:#4c4662}
.content-detail-summary strong{font-size:clamp(34px,2.2vw,44px);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--line-height-solid)}
.content-detail-summary span{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed)}
.content-recordings-card{position:relative;padding:22px;border-radius:var(--radius-panel);background:linear-gradient(112deg,#eef7f7,#faf7ee 54%,#f9edf4);box-shadow:var(--shadow-card-rest)}
.content-recordings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3xl);padding:0 4px 16px}
.content-recordings-heading h2{margin:6px 0 0;color:var(--text-primary);font-size:clamp(20px,1.25vw,25px)}
.content-recordings-heading>p{max-width:420px;margin:0;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious);text-align:right}
.content-track-list{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:10px}
.content-track{--click-press-y:-1px;--click-press-scale:var(--press-hover-scale);position:relative;z-index:1;min-width:0;min-height:68px;padding:10px 13px;border:1px solid var(--choice-border,rgba(83,100,189,.18));border-radius:var(--radius-control);display:grid;grid-template-columns:40px minmax(0,1fr) auto 38px;align-items:center;gap:12px;background:var(--choice-flow);color:var(--text-control);text-align:left;box-shadow:var(--shadow-control-rest);transition:transform var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.content-track:nth-of-type(4n+1){--choice-flow:linear-gradient(135deg,rgba(219,225,251,.46),rgba(211,231,248,.35));--choice-flow-hover:linear-gradient(135deg,rgba(202,210,248,.84),rgba(191,224,245,.79));--choice-border:rgba(83,100,189,.27)}
.content-track:nth-of-type(4n+2){--choice-flow:linear-gradient(135deg,rgba(211,231,248,.44),rgba(216,240,234,.34));--choice-flow-hover:linear-gradient(135deg,rgba(191,224,245,.79),rgba(197,236,221,.75));--choice-border:rgba(110,128,167,.27)}
.content-track:nth-of-type(4n+3){--choice-flow:linear-gradient(135deg,rgba(216,240,234,.43),rgba(237,241,219,.34));--choice-flow-hover:linear-gradient(135deg,rgba(197,236,221,.75),rgba(229,236,201,.72));--choice-border:rgba(141,150,141,.28)}
.content-track:nth-of-type(4n+4){--choice-flow:linear-gradient(135deg,rgba(237,241,219,.45),rgba(247,236,209,.36));--choice-flow-hover:linear-gradient(135deg,rgba(229,236,201,.72),rgba(244,225,181,.70));--choice-border:rgba(174,164,112,.28)}
.content-track:hover{transform:translateY(-2px);border-color:rgba(107,95,172,.31);background:var(--choice-flow-hover);color:#47416f;box-shadow:var(--shadow-control-hover)}
.content-track.is-playing{border-color:transparent;background:transparent;color:#332d5c;box-shadow:none;font-weight:var(--font-weight-bold)}
.content-track.is-playing:hover{background:transparent;box-shadow:none}
.content-track-list:has(.content-track.is-playing:hover) .content-track-indicator{--choice-scale:1;background:var(--active-control-flow-hover);box-shadow:var(--active-control-shadow-hover);transform:translate3d(var(--choice-x,0),calc(var(--choice-y,0px) - 2px),0)}
.content-track-list:has(.content-track.is-playing:active) .content-track-indicator{--choice-scale:var(--press-hover-scale);background:var(--active-control-flow-hover);border-color:rgba(78,70,164,.52);box-shadow:var(--shadow-control-rest);transform:translate3d(var(--choice-x,0),calc(var(--choice-y,0px) - 1px),0) scale(var(--choice-scale));transition-duration:110ms}
.content-track-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:#5d5684}
.content-track-copy{min-width:0;display:grid;gap:4px}
.content-track-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:var(--font-size-md);line-height:var(--line-height-compact)}
.content-track-copy small{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}
.content-track-duration{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:#6e6878}
.content-track-play{width:36px;height:36px;border:1px solid rgba(83,100,189,.22);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.48);color:#514898;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)}
.content-track-play svg{width:18px;height:18px;fill:currentColor;stroke:none}
.content-track-status{margin:14px 3px 0;color:#625c69;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}
.content-track-status[hidden]{display:none!important}
@media (min-width:2400px){
  .content-detail-shell{margin-top:34px;gap:var(--space-2xl)}
  .content-detail-overview{min-height:330px;padding:28px}
  .content-detail-cover.catalog-cover{min-height:274px}
  .content-recordings-card{padding:28px}
  .content-track{min-height:76px;padding-inline:16px}
}
@media (max-width:980px){
  .content-detail-overview{grid-template-columns:1fr}
  .content-detail-cover.catalog-cover{height:220px;min-height:220px}
  .content-detail-summary{margin-top:18px}
}
@media (max-width:700px){
  .content-detail-shell{margin-top:18px}
  .content-detail-overview,.content-recordings-card{padding:15px}
  .content-recordings-heading{align-items:flex-start;display:grid}
  .content-recordings-heading>p{text-align:left}
  .content-track-list{grid-template-columns:1fr}
  .content-track{grid-template-columns:34px minmax(0,1fr) auto 34px;gap:8px}
  .content-track-play{width:32px;height:32px}
}

/* KALENDÁR – jednoduchý měsíční program ve společném glass systému aplikace. */
.calendar-page{padding-bottom:22px}
.calendar-shell{width:100%;max-width:var(--dashboard-max);margin:24px auto 0}
.calendar-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4xl);padding:0 8px 16px}
.calendar-heading h2{margin:6px 0 0;color:var(--text-primary);font-size:clamp(20px,1.25vw,25px)}
.calendar-heading p{max-width:680px;margin:7px 0 0;color:#928c97;font-size:clamp(9px,.58vw,11px);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.calendar-month-controls{grid-template-columns:40px minmax(150px,auto) 40px;padding:6px;border:1px solid var(--border-subcard);border-radius:var(--radius-card);background:linear-gradient(135deg,rgba(220,226,249,.52),rgba(211,239,239,.43));box-shadow:var(--shadow-control-rest);backdrop-filter:var(--glass-control-filter);-webkit-backdrop-filter:var(--glass-control-filter)}
.calendar-month-controls button{width:40px;height:40px;background:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}
.calendar-month-controls button:hover:not(:disabled){transform:translateY(-2px);background:var(--active-control-flow);color:#403a68;box-shadow:var(--shadow-control-hover)}
.calendar-month-controls time{font-size:var(--font-size-xl);letter-spacing:.15px}
.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,330px);gap:var(--space-xl);align-items:stretch}
.calendar-month-card,.calendar-agenda-card{min-width:0;padding:20px;border-radius:var(--radius-panel)}
.calendar-month-card{min-height:660px;background:var(--surface-flow-cool)}
.calendar-agenda-card{background:linear-gradient(112deg,#f4f7ed,#fbf2e6 52%,#f9e7f0);display:flex;flex-direction:column}
.calendar-card-head{min-height:46px;display:grid;grid-template-columns:minmax(170px,1fr) auto auto;align-items:center;gap:var(--space-xl);padding:0 3px 16px}
.calendar-card-head h2,.calendar-agenda-heading h2{margin:5px 0 0;color:var(--text-strong);font-size:var(--font-size-heading-md)}
.calendar-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.calendar-legend-item{min-height:27px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.34);color:#69636f}
.calendar-legend-item i{width:7px;height:7px;border-radius:50%;background:var(--calendar-marker);box-shadow:0 0 8px color-mix(in srgb,var(--calendar-marker) 42%,transparent)}
.calendar-legend-item.is-course{--calendar-marker:#6257b5}.calendar-legend-item.is-service{--calendar-marker:#3c9db8}.calendar-legend-item.is-community{--calendar-marker:#dc8c68}.calendar-legend-item.is-prayer{--calendar-marker:#45a87e}
.calendar-today-button{width:70px;height:38px;border:1px solid var(--border-subcard);border-radius:var(--radius-control);background:linear-gradient(135deg,rgba(237,241,219,.52),rgba(247,236,209,.46));color:#625c69;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-control-rest)}
.calendar-today-button:hover:not(:disabled){transform:translateY(-3px);border-color:rgba(174,164,112,.34);background:linear-gradient(135deg,rgba(229,236,201,.78),rgba(244,225,181,.74));color:#514b5d;box-shadow:var(--shadow-control-hover)}
.calendar-today-button:disabled{cursor:default;opacity:.64}
.calendar-month-content{min-width:0}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:6px}
.calendar-weekdays span{height:30px;display:grid;place-items:center;color:#77717d;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.65px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(6,minmax(82px,1fr));gap:6px}
.calendar-day{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:82px;padding:8px;border:1px solid rgba(126,116,153,.19);border-radius:var(--radius-control);background:linear-gradient(145deg,rgba(255,255,255,.44),rgba(235,247,247,.31));box-shadow:inset 0 1px 0 rgba(255,255,255,.72);transition:transform var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.calendar-day:nth-child(7n+6),.calendar-day:nth-child(7n+7){background:linear-gradient(145deg,rgba(249,244,238,.48),rgba(246,232,239,.32))}
.calendar-day:hover{z-index:2;transform:none;border-color:rgba(107,95,172,.29);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 6px 14px rgba(70,63,105,.11)}
.calendar-day.is-outside{opacity:.34;background:rgba(241,239,243,.28)}
.calendar-day.is-outside .calendar-event{display:none}
.calendar-day.is-today{border-color:rgba(91,78,165,.48);box-shadow:inset 0 0 0 1px rgba(91,78,165,.13),inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(77,70,131,.12)}
.calendar-day-heading{min-height:18px;display:flex;align-items:center;justify-content:space-between;gap:5px}
.calendar-day-heading time{color:#5e5865;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}
.calendar-today-label{padding:3px 6px;border:1px solid rgba(104,91,177,.24);border-radius:var(--radius-pill);background:var(--state-info-surface-subtle);color:var(--text-accent);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase}
.calendar-event-stack{display:grid;gap:4px;margin-top:6px}
.calendar-event{--calendar-event-bg:linear-gradient(135deg,rgba(219,225,251,.66),rgba(211,231,248,.58));--calendar-event-hover:linear-gradient(135deg,rgba(202,210,248,.86),rgba(191,224,245,.82));--calendar-event-border:rgba(83,100,189,.25);--calendar-event-text:#50478d;min-width:0;min-height:22px;padding:4px 6px;border:1px solid var(--calendar-event-border);border-radius:9px;display:flex;align-items:center;gap:5px;background:var(--calendar-event-bg);color:var(--calendar-event-text);font:var(--font-weight-bold) var(--font-size-2xs)/var(--line-height-compact) Montserrat,Arial,sans-serif;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.calendar-event i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor;opacity:.78}
.calendar-event span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
button.calendar-event:hover{z-index:2;transform:translateY(-1px);border-color:color-mix(in srgb,var(--calendar-event-text) 42%,transparent);background:var(--calendar-event-hover);box-shadow:var(--shadow-control-hover);filter:saturate(1.07)}
button.calendar-event:active{transform:translateY(0) scale(var(--press-scale));transition-duration:110ms}
.calendar-event.is-course,.calendar-agenda-item.is-course{--calendar-event-bg:linear-gradient(135deg,rgba(189,184,235,.72),rgba(166,215,226,.66));--calendar-event-hover:linear-gradient(135deg,rgba(166,157,226,.86),rgba(139,205,219,.82));--calendar-event-border:rgba(83,73,174,.27);--calendar-event-text:#514694;--agenda-flow:linear-gradient(135deg,rgba(222,219,246,.72),rgba(215,239,241,.62))}
.calendar-event.is-service,.calendar-agenda-item.is-service{--calendar-event-bg:linear-gradient(135deg,rgba(201,225,248,.70),rgba(195,237,228,.64));--calendar-event-hover:linear-gradient(135deg,rgba(179,214,244,.84),rgba(169,229,216,.80));--calendar-event-border:rgba(62,143,171,.25);--calendar-event-text:#337e98;--agenda-flow:linear-gradient(135deg,rgba(222,238,250,.72),rgba(218,244,236,.62))}
.calendar-event.is-community,.calendar-agenda-item.is-community{--calendar-event-bg:linear-gradient(135deg,rgba(248,226,195,.73),rgba(244,210,222,.66));--calendar-event-hover:linear-gradient(135deg,rgba(245,211,164,.86),rgba(239,188,209,.81));--calendar-event-border:rgba(190,126,114,.24);--calendar-event-text:#a6664e;--agenda-flow:linear-gradient(135deg,rgba(252,237,211,.75),rgba(249,225,235,.64))}
.calendar-event.is-prayer,.calendar-agenda-item.is-prayer{--calendar-event-bg:linear-gradient(135deg,rgba(195,235,216,.72),rgba(226,241,211,.65));--calendar-event-hover:linear-gradient(135deg,rgba(169,226,200,.85),rgba(212,236,188,.80));--calendar-event-border:rgba(53,151,111,.24);--calendar-event-text:#347e60;--agenda-flow:linear-gradient(135deg,rgba(218,243,231,.75),rgba(238,245,221,.64))}
.calendar-agenda-heading{padding:3px 3px 15px;border-bottom:1px solid rgba(126,116,153,.17)}
.calendar-agenda-heading p{margin:8px 0 0;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.calendar-agenda-list{display:grid;gap:9px;margin-top:14px}
.calendar-agenda-item{--click-press-y:-1px;--click-press-scale:var(--press-hover-scale);--subcard-bg:var(--agenda-flow);width:100%;min-height:72px;padding:10px;border-radius:var(--radius-card);display:grid;grid-template-columns:42px minmax(0,1fr) 7px;align-items:center;gap:10px;color:var(--text-primary);text-align:left}
button.calendar-agenda-item:hover{transform:translateY(-3px);border-color:var(--calendar-event-border);background:var(--subcard-bg);filter:saturate(1.07);box-shadow:var(--shadow-subcard-hover)}
.calendar-agenda-date{width:42px;height:45px;border:1px solid var(--calendar-event-border);border-radius:13px;display:grid;place-items:center;align-content:center;gap:2px;background:rgba(255,255,255,.44);color:var(--calendar-event-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.78)}
.calendar-agenda-date strong{font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-solid)}
.calendar-agenda-date span{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);text-transform:uppercase}
.calendar-agenda-copy{min-width:0;display:grid;gap:4px}
.calendar-agenda-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:var(--font-size-md);line-height:var(--line-height-compact)}
.calendar-agenda-copy>span{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}
.calendar-agenda-marker{width:7px;height:28px;border-radius:var(--radius-pill);background:var(--calendar-event-text);opacity:.68;box-shadow:0 0 10px color-mix(in srgb,var(--calendar-event-text) 28%,transparent)}
.calendar-agenda-empty{padding:22px 14px}
@media (min-width:2400px){
  .calendar-shell{margin-top:34px}
  .calendar-heading{padding-bottom:20px}
  .calendar-layout{grid-template-columns:minmax(0,1fr) 370px;gap:var(--space-2xl)}
  .calendar-month-card,.calendar-agenda-card{padding:27px}
  .calendar-month-card{min-height:780px}
  .calendar-grid{grid-template-rows:repeat(6,minmax(100px,1fr));gap:8px}
  .calendar-weekdays{gap:8px;margin-bottom:8px}
  .calendar-day{min-height:100px;padding:10px}
  .calendar-event{min-height:25px;padding-inline:8px;font-size:var(--font-size-xs)}
  .calendar-agenda-item{min-height:82px;padding:12px}
}
@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){
  .calendar-shell{margin-top:20px}
  .calendar-heading{padding-bottom:12px}
  .calendar-month-controls{grid-template-columns:36px minmax(138px,auto) 36px;padding:4px}
  .calendar-month-controls button{width:36px;height:36px}
  .calendar-layout{grid-template-columns:minmax(0,1fr) minmax(270px,300px)}
  .calendar-month-card,.calendar-agenda-card{padding:15px}
  .calendar-month-card{min-height:560px}
  .calendar-card-head{padding-bottom:11px}
  .calendar-grid{grid-template-rows:repeat(6,minmax(68px,1fr));gap:5px}
  .calendar-weekdays{gap:5px;margin-bottom:5px}
  .calendar-day{min-height:68px;padding:6px}
  .calendar-event-stack{gap:3px;margin-top:4px}
  .calendar-event{min-height:19px;padding:3px 5px}
  .calendar-agenda-list{gap:7px;margin-top:10px}
  .calendar-agenda-item{min-height:64px;padding:8px}
}
@media (max-width:1180px){
  .calendar-layout{grid-template-columns:1fr}
  .calendar-agenda-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .calendar-heading{align-items:flex-start;display:grid}
  .calendar-month-controls{width:100%;grid-template-columns:40px 1fr 40px}
  .calendar-card-head{grid-template-columns:1fr auto}
  .calendar-legend{grid-column:1/-1;grid-row:2;justify-content:flex-start}
  .calendar-today-button{grid-column:2;grid-row:1}
  .calendar-grid{grid-template-rows:repeat(6,minmax(66px,1fr));gap:4px}
  .calendar-weekdays{gap:4px;margin-bottom:4px}
  .calendar-day{min-height:66px;padding:5px;border-radius:12px}
  .calendar-event{min-height:18px;padding:3px 4px;border-radius:7px}
}
@media (max-width:700px){
  .calendar-page{padding-bottom:10px}
  .calendar-shell{margin-top:18px}
  .calendar-heading{padding:0 4px 12px}
  .calendar-heading p{max-width:260px}
  .calendar-month-card,.calendar-agenda-card{padding:12px}
  .calendar-card-head{gap:10px}
  .calendar-legend{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px}
  .calendar-legend-item{flex:0 0 auto}
  .calendar-agenda-list{grid-template-columns:1fr}
}
@media (max-width:560px){
  .calendar-weekdays span{height:25px;font-size:7px}
  .calendar-grid{grid-template-rows:repeat(6,minmax(58px,1fr));gap:3px}
  .calendar-day{min-height:58px;padding:4px;border-radius:10px}
  .calendar-day-heading time{font-size:8px}
  .calendar-today-label{display:none}
  .calendar-event-stack{gap:2px;margin-top:3px}
  .calendar-event{min-height:8px;height:8px;padding:0;border-radius:var(--radius-pill)}
  .calendar-event i{width:100%;height:100%;border-radius:inherit;background:var(--calendar-event-bg);opacity:1}
  .calendar-event span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .calendar-day,.calendar-event,.calendar-agenda-item,.calendar-month-controls,.calendar-month-controls button{transition-duration:.01ms}
}

/* KALENDÁR V2 – jasnější katalogové plochy, jednoduché tagy a plnohodnotný široký měsíc. */
.calendar-heading{align-items:flex-start;justify-content:flex-start}
.calendar-heading p{max-width:720px}
.calendar-month-card{width:100%;overflow:visible}
.calendar-card-head{min-height:42px;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2xl);padding:0 3px 17px}
.calendar-period-actions{display:flex;align-items:center;gap:9px;min-width:0}
.calendar-month-controls{box-sizing:border-box;width:226px;height:42px;grid-template-columns:34px minmax(140px,1fr) 34px;gap:4px;padding:3px;border:1px solid var(--border-glass-control);border-radius:var(--radius-pill);background:linear-gradient(135deg,rgba(205,222,247,.50),rgba(202,237,232,.45));box-shadow:var(--shadow-control-rest);backdrop-filter:var(--glass-control-filter);-webkit-backdrop-filter:var(--glass-control-filter);transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.calendar-month-controls:hover{transform:translateY(-2px);border-color:rgba(107,95,172,.29);filter:saturate(1.05);box-shadow:var(--shadow-control-hover)}
.calendar-month-controls button{width:34px;height:34px;border-color:transparent;border-radius:50%;background:transparent;box-shadow:none;color:#5b5581;transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard)}
.calendar-month-controls button:hover:not(:disabled){transform:none;border-color:rgba(82,75,151,.24);background:linear-gradient(135deg,rgba(170,181,235,.72),rgba(137,211,214,.68));color:#37305f;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 5px 13px rgba(68,61,113,.15)}
.calendar-month-controls time{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.1px;text-transform:capitalize}
.calendar-legend{justify-content:flex-end;gap:7px}
.calendar-legend-item{--badge-border:var(--calendar-event-border);--badge-background:var(--calendar-event-bg);--badge-color:var(--calendar-event-text);min-height:28px;padding:6px 11px;border-color:var(--calendar-event-border);gap:0;background:var(--calendar-event-bg);color:var(--calendar-event-text);font-weight:var(--font-weight-semibold);box-shadow:inset 0 1px 0 rgba(255,255,255,.64),0 3px 8px rgba(70,63,105,.05)}
.calendar-legend-item.is-course,.calendar-event.is-course,.calendar-agenda-kind.is-course,.calendar-agenda-item.is-course{--calendar-event-bg:linear-gradient(145deg,rgba(65,202,139,.42),rgba(181,235,211,.58));--calendar-event-hover:linear-gradient(145deg,rgba(51,195,128,.57),rgba(161,229,201,.72));--calendar-event-border:rgba(15,145,94,.25);--calendar-event-text:#287858;--agenda-flow:linear-gradient(145deg,rgba(221,246,235,.68),rgba(239,249,244,.57))}
.calendar-legend-item.is-worship,.calendar-event.is-worship,.calendar-agenda-kind.is-worship,.calendar-agenda-item.is-worship{--calendar-event-bg:linear-gradient(145deg,rgba(228,224,246,.76),rgba(244,242,251,.58));--calendar-event-hover:linear-gradient(145deg,rgba(214,208,241,.88),rgba(237,233,249,.72));--calendar-event-border:rgba(105,91,171,.24);--calendar-event-text:#5c5197;--agenda-flow:linear-gradient(145deg,rgba(238,235,250,.72),rgba(248,247,253,.59))}
.calendar-legend-item.is-miracle,.calendar-event.is-miracle,.calendar-agenda-kind.is-miracle,.calendar-agenda-item.is-miracle{--calendar-event-bg:linear-gradient(145deg,rgba(255,225,189,.82),rgba(255,242,222,.60));--calendar-event-hover:linear-gradient(145deg,rgba(255,211,158,.91),rgba(255,230,196,.74));--calendar-event-border:rgba(196,122,35,.24);--calendar-event-text:#9a6329;--agenda-flow:linear-gradient(145deg,rgba(255,240,220,.74),rgba(255,249,239,.60))}
.calendar-legend-item.is-prayer,.calendar-event.is-prayer,.calendar-agenda-kind.is-prayer,.calendar-agenda-item.is-prayer{--calendar-event-bg:linear-gradient(145deg,rgba(247,202,208,.78),rgba(255,235,237,.58));--calendar-event-hover:linear-gradient(145deg,rgba(244,183,193,.88),rgba(255,224,229,.72));--calendar-event-border:rgba(181,60,82,.23);--calendar-event-text:#985263;--agenda-flow:linear-gradient(145deg,rgba(253,227,232,.72),rgba(255,245,247,.59))}
.calendar-today-button{box-sizing:border-box;width:76px;height:42px;flex:0 0 76px;border-color:rgba(83,158,142,.22);border-radius:var(--radius-pill);background:linear-gradient(135deg,rgba(194,233,228,.62),rgba(224,240,215,.56));color:#52665f;box-shadow:var(--shadow-control-rest)}
.calendar-today-button:hover:not(:disabled){border-color:rgba(70,151,136,.30);background:linear-gradient(135deg,rgba(170,224,217,.84),rgba(211,236,192,.80));color:#3f5b52;box-shadow:var(--shadow-control-hover)}
.calendar-weekdays{gap:8px;margin-bottom:8px}
.calendar-weekdays span{height:32px;border:1px solid rgba(255,255,255,.56);border-radius:var(--radius-pill);background:rgba(255,255,255,.27);color:#6c6672;box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}
.calendar-weekdays span.is-weekend{border-color:rgba(223,166,188,.20);background:linear-gradient(135deg,rgba(249,230,219,.48),rgba(247,215,229,.44));color:#7a5d69}
.calendar-grid{grid-template-rows:repeat(6,minmax(82px,1fr));gap:8px}
.calendar-day{--calendar-day-flow:linear-gradient(145deg,rgba(255,255,255,.74),rgba(231,246,246,.52));overflow:visible;min-height:82px;padding:9px;border:1px solid rgba(255,255,255,.78);display:flex;flex-direction:column;background:var(--calendar-day-flow);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(112,101,145,.06),0 5px 14px rgba(70,63,105,.075)}
.calendar-day.is-weekend{--calendar-day-flow:linear-gradient(145deg,rgba(255,248,241,.82),rgba(248,224,235,.57));border-color:rgba(250,224,231,.84);background:var(--calendar-day-flow);box-shadow:inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(180,111,142,.07),0 5px 14px rgba(92,65,83,.08)}
.calendar-day.has-course-event{--calendar-day-flow:linear-gradient(145deg,rgba(177,232,207,.70),rgba(222,245,235,.66));border-color:rgba(39,160,107,.28);background:var(--calendar-day-flow);box-shadow:inset 0 1px 0 rgba(255,255,255,.84),inset 0 0 18px rgba(255,255,255,.18),0 7px 18px rgba(45,126,91,.11)}
.calendar-day:hover{transform:translateY(-2px);border-color:rgba(107,95,172,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(70,63,105,.13)}
.calendar-day.is-outside{opacity:.30;background:rgba(241,239,243,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.calendar-day.is-today{border-color:rgba(91,78,165,.54);box-shadow:inset 0 0 0 1px rgba(91,78,165,.14),inset 0 1px 0 rgba(255,255,255,.96),0 7px 18px rgba(77,70,131,.14)}
.calendar-day-heading time{color:#514b5a;font-size:var(--font-size-lg)}
.calendar-day.has-course-event .calendar-day-heading time{color:#32694f}
.calendar-event-stack{position:relative;display:grid;gap:5px;margin-top:auto;padding-top:8px}
.calendar-event{--badge-border:var(--calendar-event-border);--badge-background:var(--calendar-event-bg);--badge-color:var(--calendar-event-text);position:relative;overflow:visible;width:100%;min-height:23px;padding:5px 8px;border-color:var(--calendar-event-border);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;gap:0;background:var(--calendar-event-bg);color:var(--calendar-event-text);font:var(--font-weight-semibold) var(--font-size-2xs)/var(--line-height-compact) Montserrat,Arial,sans-serif;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 2px 7px rgba(70,63,105,.055)}
.calendar-event span{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-event[data-calendar-tooltip]:after{content:attr(data-calendar-tooltip);position:absolute;z-index:40;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:220px;padding:8px 10px;border:1px solid rgba(255,255,255,.68);border-radius:11px;background:rgba(68,62,84,.92);color:#fff;font:var(--font-weight-medium) var(--font-size-xs)/1.45 Montserrat,Arial,sans-serif;text-align:left;white-space:normal;box-shadow:0 9px 22px rgba(43,38,58,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transform:translate(-50%,3px) scale(.985);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}
.calendar-event[data-calendar-tooltip]:hover:after,.calendar-event[data-calendar-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%,0)}
button.calendar-event:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--calendar-event-text) 42%,transparent);background:var(--calendar-event-hover);box-shadow:var(--shadow-control-hover);filter:saturate(1.07)}
.calendar-event:not(button):hover,.calendar-event:not(button):focus-visible{background:var(--calendar-event-hover);border-color:color-mix(in srgb,var(--calendar-event-text) 38%,transparent);filter:saturate(1.06)}
.calendar-agenda-heading{padding:2px 3px 14px;border-bottom:1px solid rgba(126,116,153,.17)}
.calendar-agenda-heading h2{margin-top:5px}
.calendar-agenda-heading p{margin-top:7px}
.calendar-agenda-list{display:grid;align-content:start;gap:9px;margin-top:13px}
.calendar-agenda-item{--click-press-y:-1px;--click-press-scale:var(--press-hover-scale);--subcard-bg:var(--agenda-flow);width:100%;min-height:78px;padding:10px 12px;border-radius:var(--radius-card);grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;color:var(--text-primary);text-align:left}
.calendar-agenda-item:hover{transform:translateY(-2px);border-color:var(--calendar-event-border);background:var(--subcard-bg);filter:saturate(1.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 20px rgba(77,70,131,.10)}
.calendar-agenda-date{width:46px;height:48px;border-color:var(--calendar-event-border);background:rgba(255,255,255,.44);color:var(--calendar-event-text)}
.calendar-agenda-copy{gap:4px}
.calendar-agenda-meta{display:flex;align-items:center}
.calendar-agenda-kind{--badge-border:var(--calendar-event-border);--badge-background:var(--calendar-event-bg);--badge-color:var(--calendar-event-text);padding:4px 8px;border-color:var(--calendar-event-border);background:var(--calendar-event-bg);color:var(--calendar-event-text);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold)}
.calendar-agenda-copy>strong{margin-top:1px}
.calendar-agenda-copy>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:2400px){
  .calendar-month-card{min-height:780px;padding:27px}
  .calendar-card-head{padding-bottom:21px}
  .calendar-month-controls{width:236px;height:44px;grid-template-columns:36px minmax(150px,1fr) 36px}
  .calendar-month-controls button{width:36px;height:36px}
  .calendar-today-button{height:44px}
  .calendar-grid{grid-template-rows:repeat(6,minmax(100px,1fr));gap:10px}
  .calendar-weekdays{gap:10px;margin-bottom:10px}
  .calendar-day{min-height:100px;padding:11px}
  .calendar-event{min-height:26px;padding-inline:10px;font-size:var(--font-size-xs)}
}
@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){
  .calendar-month-card{min-height:590px;padding:16px}
  .calendar-card-head{min-height:38px;padding-bottom:12px}
  .calendar-month-controls{width:218px;height:38px;grid-template-columns:30px minmax(140px,1fr) 30px;padding:3px}
  .calendar-month-controls button{width:30px;height:30px}
  .calendar-today-button{height:38px}
  .calendar-grid{grid-template-rows:repeat(6,minmax(71px,1fr));gap:6px}
  .calendar-weekdays{gap:6px;margin-bottom:6px}
  .calendar-day{min-height:71px;padding:7px}
  .calendar-event-stack{gap:3px;margin-top:auto;padding-top:5px}
  .calendar-event{min-height:20px;padding:3px 6px}
}
@media (max-width:920px){
  .calendar-card-head{grid-template-columns:minmax(220px,1fr) auto}
  .calendar-legend{grid-column:1/-1;grid-row:2;justify-content:flex-start}
  .calendar-today-button{grid-column:2;grid-row:1}
}
@media (max-width:700px){
  .calendar-month-card{min-height:0;padding:12px}
  .calendar-card-head{gap:10px;padding-bottom:12px}
  .calendar-period-actions{grid-column:1/-1;width:100%}
  .calendar-month-controls{width:auto;min-width:0;flex:1;grid-template-columns:34px 1fr 34px;padding:3px}
  .calendar-month-controls button{width:34px;height:34px}
  .calendar-legend{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px}
  .calendar-legend-item{flex:0 0 auto}
  .calendar-grid{grid-template-rows:repeat(6,minmax(62px,1fr));gap:4px}
  .calendar-weekdays{gap:4px;margin-bottom:4px}
  .calendar-day{min-height:62px;padding:5px;border-radius:12px}
  .calendar-event{min-height:18px;padding:3px 4px}
}
@media (max-width:560px){
  .calendar-card-head{grid-template-columns:minmax(0,1fr) auto}
  .calendar-month-controls time{font-size:var(--font-size-sm)}
  .calendar-today-button{width:60px}
  .calendar-grid{grid-template-rows:repeat(6,minmax(58px,1fr));gap:3px}
  .calendar-weekdays{gap:3px;margin-bottom:3px}
  .calendar-day{min-height:58px;padding:4px;border-radius:10px}
  .calendar-event-stack{gap:2px;margin-top:auto;padding-top:3px}
  .calendar-event{height:8px;min-height:8px;padding:0;border-radius:var(--radius-pill)}
  .calendar-event span{display:none}
  .calendar-event[data-calendar-tooltip]:after{display:none}
}

/* PROFIL – kontextové menu a jednoduchá správa účtu ve stejném glass systému. */
.sidebar{z-index:30}
.profile-dock{position:relative;margin-top:auto;margin-bottom:13px}
button.profile{margin:0;padding:0;border:0;background:transparent;color:var(--text-primary)}
.profile.is-active .profile-icon,
.profile[aria-expanded="true"] .profile-icon{background:linear-gradient(145deg,#5145a7 0%,#36b4c9 100%);box-shadow:0 0 0 2px #5145a7,0 10px 22px rgba(77,70,131,.24)}
.profile.is-active b{color:var(--text-accent)}
.profile-menu{position:absolute;z-index:80;left:calc(100% + 18px);bottom:-3px;width:254px;padding:10px;border:1px solid rgba(255,255,255,.78);border-radius:var(--radius-panel);background:var(--surface-glass-panel);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 18px 42px rgba(47,41,67,.24);opacity:0;transform:translate(-7px,5px) scale(.975);transform-origin:left bottom;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-medium) var(--ease-navigation)}
.profile-menu[hidden]{display:none!important}
.profile-menu.is-open{opacity:1;transform:translate(0,0) scale(1);pointer-events:auto}
.profile-menu-identity{min-width:0;padding:8px 9px 12px;display:grid;grid-template-columns:39px minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid rgba(126,116,153,.16)}
.profile-menu-avatar,.settings-avatar{border:2px solid rgba(255,255,255,.86);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(103,87,184,.92),rgba(61,166,195,.9));color:#fff;font-weight:var(--font-weight-bold);box-shadow:0 0 0 1px rgba(83,70,155,.28),0 6px 15px rgba(77,70,131,.16)}
.profile-menu-avatar{width:39px;height:39px;font-size:var(--font-size-lg)}
.profile-menu-identity>span:last-child{min-width:0;display:grid;gap:3px;text-align:left}
.profile-menu-identity strong,.profile-menu-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-menu-identity strong{color:var(--text-strong);font-size:var(--font-size-lg)}
.profile-menu-identity small{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}
.profile-menu-actions{display:grid;gap:4px;padding-top:7px}
.profile-menu-item{width:100%;min-height:49px;padding:7px 9px;border:1px solid transparent;border-radius:var(--radius-control);display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;background:transparent;color:var(--text-primary);text-decoration:none;text-align:left;box-shadow:none}
.profile-menu-item svg{width:20px;height:20px;justify-self:center;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#5d5590}
.profile-menu-item>span{display:grid;gap:3px}
.profile-menu-item strong{font-size:var(--font-size-sm)}
.profile-menu-item small{color:var(--text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium)}
.profile-menu-item:hover,.profile-menu-item.is-active{transform:translateY(-1px);border-color:rgba(104,91,177,.25);background:var(--active-control-flow);box-shadow:var(--shadow-control-rest);filter:saturate(1.05)}
.profile-menu-item.is-logout:hover{border-color:var(--state-danger-border);background:var(--state-danger-surface);color:var(--state-danger-text)}
.profile-menu-item.is-logout:hover svg{color:var(--state-danger-text)}

.settings-page{padding-bottom:22px}
.settings-shell{width:100%;max-width:var(--dashboard-max);margin:24px auto 0}
.settings-heading{padding:0 8px 16px}
.settings-heading h2{margin:6px 0 0;color:var(--text-primary);font-size:clamp(20px,1.25vw,25px)}
.settings-heading p{margin:7px 0 0;color:var(--text-secondary);font-size:clamp(9px,.58vw,11px);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--space-xl)}
.settings-card{min-width:0;padding:24px;display:flex;flex-direction:column;background:var(--settings-card-flow)}
.settings-card>*{position:relative;z-index:3}
.settings-profile-card,.settings-notifications-card{--settings-card-flow:var(--surface-flow-cool)}
.settings-security-card,.settings-privacy-card{--settings-card-flow:var(--surface-flow-warm)}
.settings-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.settings-card-head>div{display:grid;gap:5px}
.settings-card-head h2{font-size:clamp(17px,1.05vw,21px)}
.settings-card-icon,.settings-action-icon,.account-dialog-icon{border:1px solid rgba(83,100,189,.20);display:grid;place-items:center;background:var(--state-info-surface-subtle);color:#5b55a5;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}
.settings-card-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px}
.settings-card-icon svg,.settings-action-icon svg,.account-dialog-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.settings-card-icon svg{width:22px;height:22px}
.settings-identity{--subcard-bg:linear-gradient(135deg,rgba(225,229,252,.68),rgba(221,244,240,.58));min-height:76px;padding:12px 14px;border-radius:var(--radius-card);display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px}
.settings-identity:hover,.settings-provider:hover,.settings-data-row:hover{transform:none;border-color:rgba(107,95,172,.30);background:var(--subcard-bg);filter:saturate(1.03);box-shadow:var(--shadow-subcard-rest)}
.settings-avatar{width:48px;height:48px;font-size:var(--font-size-xl)}
.settings-identity-copy{min-width:0;display:grid;gap:4px}
.settings-identity-copy strong,.settings-identity-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-identity-copy strong{color:var(--text-strong);font-size:var(--font-size-2xl)}
.settings-identity-copy small{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}
.settings-profile-form{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.settings-profile-form .settings-field-note,.settings-profile-form .settings-primary-action,.settings-profile-form .settings-inline-status{grid-column:1/-1}
.settings-field-note,.settings-card-copy{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.ui-form input[readonly]{cursor:default;background:rgba(245,243,247,.58);color:#77717d}
.ui-form input[readonly]:hover{border-color:rgba(107,98,132,.34);background:rgba(245,243,247,.58);box-shadow:inset 0 1px 2px rgba(70,63,105,.07),inset 0 1px 0 rgba(255,255,255,.94),0 4px 11px rgba(70,63,105,.055)}
.settings-primary-action,.settings-secondary-action,.settings-danger-action,.settings-dialog-cancel{min-height:40px;padding:0 14px;border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}
.settings-primary-action{width:max-content;min-width:152px;border:1px solid rgba(83,120,177,.34);display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,rgba(101,158,197,.40),rgba(105,187,183,.36));color:#3f3968;box-shadow:var(--shadow-control-rest)}
.settings-primary-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-control) var(--ease-standard)}
.settings-primary-action:hover{transform:translateY(-3px);border-color:rgba(83,120,177,.46);background:linear-gradient(135deg,rgba(83,145,193,.53),rgba(86,180,178,.49));box-shadow:var(--shadow-control-hover)}
.settings-primary-action:hover svg{transform:translateX(3px)}
.settings-secondary-action,.settings-dialog-cancel{border:1px solid rgba(104,91,177,.25);background:var(--surface-glass-control);color:#514b68;box-shadow:var(--shadow-control-rest)}
.settings-secondary-action:hover,.settings-dialog-cancel:hover{transform:translateY(-2px);border-color:rgba(104,91,177,.40);background:var(--active-control-flow);color:#3f3968;box-shadow:var(--shadow-control-hover);filter:saturate(1.05)}
.settings-inline-status{margin:0;padding:9px 11px;border:1px solid var(--state-success-border);border-radius:var(--radius-control);background:var(--state-success-surface);color:var(--state-success-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}
.settings-inline-status[hidden]{display:none!important}
.settings-provider{--subcard-bg:linear-gradient(135deg,rgba(222,243,240,.67),rgba(244,244,222,.57));min-height:72px;padding:12px 14px;border-radius:var(--radius-card);display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px}
.settings-provider-mark{width:39px;height:39px;border:1px solid rgba(83,100,189,.18);border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.52);color:#554aa6;font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-bold);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.settings-provider>span:nth-child(2){min-width:0;display:grid;gap:4px}
.settings-provider strong{color:var(--text-strong);font-size:var(--font-size-lg)}
.settings-provider small{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}
.settings-action-list{display:grid;gap:9px;margin-top:14px}
.settings-action-row{min-height:72px;padding:11px 12px;border:1px solid rgba(126,116,153,.20);border-radius:var(--radius-card);display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;background:rgba(255,255,255,.31);box-shadow:inset 0 1px 0 rgba(255,255,255,.78);transition:transform var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.settings-action-row:hover{transform:none;border-color:rgba(107,95,172,.29);filter:saturate(1.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 5px 13px rgba(70,63,105,.09)}
.settings-action-icon{width:38px;height:38px;border-radius:13px}
.settings-action-icon svg{width:20px;height:20px}
.settings-action-row>span:nth-child(2){min-width:0;display:grid;gap:4px}
.settings-action-row strong,.settings-data-row strong,.settings-toggle-row strong{color:var(--text-strong);font-size:var(--font-size-lg)}
.settings-action-row small,.settings-data-row small,.settings-toggle-row small{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-copy)}
.settings-card-copy{margin:-4px 0 14px}
.settings-toggle-list{display:grid;gap:10px}
.settings-toggle-row{--subcard-bg:linear-gradient(135deg,rgba(225,230,252,.64),rgba(224,244,240,.55));min-height:72px;padding:12px 14px;border-radius:var(--radius-card);display:grid;grid-template-columns:minmax(0,1fr) 43px;align-items:center;gap:14px;cursor:pointer}
.settings-toggle-row:hover{transform:translateY(-2px);border-color:rgba(104,91,177,.34);background:var(--subcard-bg);filter:saturate(1.06);box-shadow:var(--shadow-subcard-hover)}
.settings-toggle-row>span:first-child{display:grid;gap:4px}
.settings-toggle-row input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.settings-switch{position:relative;width:43px;height:24px;border:1px solid rgba(113,108,120,.22);border-radius:var(--radius-pill);background:rgba(187,183,194,.42);box-shadow:inset 0 1px 3px rgba(70,63,105,.10);transition:background var(--duration-medium) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}
.settings-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(45,40,61,.24);transition:transform var(--duration-medium) var(--ease-navigation)}
.settings-toggle-row input:checked+.settings-switch{border-color:var(--active-control-border);background:linear-gradient(90deg,rgba(104,87,190,.78),rgba(55,174,191,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 10px rgba(77,70,131,.14)}
.settings-toggle-row input:checked+.settings-switch:after{transform:translateX(19px)}
.settings-toggle-row input:focus-visible+.settings-switch{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}
.settings-data-row{--subcard-bg:linear-gradient(135deg,rgba(246,242,219,.67),rgba(249,232,240,.57));min-height:76px;padding:13px 14px;border-radius:var(--radius-card);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}
.settings-data-row>span{display:grid;gap:4px}
.settings-danger-zone{margin-top:13px;padding:15px;border:1px solid var(--state-danger-border);border-radius:var(--radius-card);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;background:linear-gradient(145deg,rgba(247,202,208,.32),rgba(255,238,232,.42));box-shadow:inset 0 1px 0 rgba(255,255,255,.78);transition:transform var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.settings-danger-zone:hover{transform:none;border-color:rgba(181,60,82,.27);filter:saturate(1.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 5px 13px rgba(104,55,69,.085)}
.settings-danger-zone strong{color:#8f3144;font-size:var(--font-size-lg)}
.settings-danger-zone p{max-width:650px;margin:5px 0 0;color:#85666d;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.settings-danger-action{border:1px solid rgba(181,60,82,.27);background:linear-gradient(135deg,rgba(247,202,208,.58),rgba(255,231,226,.62));color:var(--state-danger-text);box-shadow:var(--shadow-control-rest)}
.settings-danger-action:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(181,60,82,.46);background:linear-gradient(135deg,rgba(244,186,197,.72),rgba(255,218,214,.76));box-shadow:var(--shadow-control-hover)}
.settings-danger-action:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}

.account-dialog{position:fixed;inset:0;max-width:none;width:min(470px,calc(100vw - 28px));height:max-content;max-height:calc(100vh - 28px);margin:auto;padding:0;border:0;background:transparent;color:var(--text-primary);overflow:visible}
.account-dialog::backdrop{background:rgba(45,40,61,.27);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.account-dialog[open] .account-dialog-panel{animation:accountDialogIn var(--duration-medium) var(--ease-navigation) both}
.account-dialog-panel{width:100%;padding:22px;border-radius:var(--radius-panel);background:linear-gradient(145deg,rgba(247,244,255,.97),rgba(230,247,244,.95) 58%,rgba(253,244,239,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 26px 70px rgba(43,37,60,.30)}
.account-delete-dialog .account-dialog-panel{background:linear-gradient(145deg,rgba(252,246,250,.97),rgba(255,238,235,.95))}
.account-dialog-head{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:11px}
.account-dialog-head>div{display:grid;gap:5px}
.account-dialog-head h2{font-size:clamp(17px,1.05vw,21px)}
.account-dialog-icon{width:42px;height:42px;border-radius:14px}
.account-dialog-icon svg{width:22px;height:22px}
.account-dialog-icon.is-danger{border-color:var(--state-danger-border);background:var(--state-danger-surface);color:var(--state-danger-text)}
.account-dialog-close{width:34px;height:34px;padding:0;border:1px solid rgba(104,91,177,.20);border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.45);color:#625d67}
.account-dialog-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.account-dialog-close:hover{border-color:rgba(104,91,177,.38);background:var(--active-control-flow);box-shadow:var(--shadow-control-rest)}
.account-dialog-copy{margin:17px 0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.logout-confirm-option.settings-toggle-row{min-height:58px;margin-top:2px;padding:10px 12px}
.account-dialog-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:9px}
.account-dialog-actions .settings-primary-action,.account-dialog-actions .settings-danger-action{width:auto;min-width:116px}
.profile-toast{position:fixed;z-index:120;right:22px;bottom:22px;max-width:min(390px,calc(100vw - 28px));padding:12px 16px;border:1px solid rgba(255,255,255,.78);border-radius:var(--radius-pill);background:linear-gradient(135deg,rgba(229,235,255,.96),rgba(224,247,241,.94));color:#49436d;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-copy);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 15px 34px rgba(47,41,67,.22);backdrop-filter:blur(17px) saturate(1.12);-webkit-backdrop-filter:blur(17px) saturate(1.12)}
.profile-toast[hidden]{display:none!important}
.profile-toast.is-visible{animation:profileToastIn var(--duration-medium) var(--ease-navigation) both}
@keyframes accountDialogIn{from{opacity:0;transform:translateY(8px) scale(.98);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes profileToastIn{from{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}

@media (min-width:2400px){
  .profile-dock{margin-bottom:18px}
  .settings-shell{margin-top:34px}
  .settings-grid{gap:var(--space-3xl)}
  .settings-card{padding:28px}
  .settings-card-head{margin-bottom:22px}
}
@media (min-width:1351px) and (max-width:2399px) and (max-height:1250px){
  .settings-shell{margin-top:20px}
  .settings-heading{padding-bottom:12px}
  .settings-card{padding:18px 20px}
  .settings-card-head{margin-bottom:14px}
  .settings-profile-form{margin-top:14px;gap:13px}
  .settings-identity,.settings-provider,.settings-action-row,.settings-toggle-row,.settings-data-row{min-height:64px}
}
@media (max-width:1080px){
  .settings-grid{grid-template-columns:1fr}
  .settings-card{min-height:0}
}
@media (max-width:700px){
  .profile-dock{margin:0}
  .profile-menu{position:absolute;left:auto;right:-3px;top:calc(100% + 9px);bottom:auto;transform:translateY(-5px) scale(.975);transform-origin:right top}
  .profile-menu.is-open{transform:none}
  .settings-page{padding-bottom:10px}
  .settings-shell{margin-top:18px}
  .settings-heading{padding:0 4px 12px}
  .settings-card{padding:16px}
  .settings-profile-form{grid-template-columns:1fr}
  .settings-profile-form .settings-field-note,.settings-profile-form .settings-primary-action,.settings-profile-form .settings-inline-status{grid-column:auto}
  .settings-action-row{grid-template-columns:38px minmax(0,1fr)}
  .settings-action-row .settings-secondary-action{grid-column:1/-1;width:100%}
  .settings-data-row,.settings-danger-zone{grid-template-columns:1fr}
  .settings-data-row .settings-secondary-action,.settings-danger-zone .settings-danger-action{width:100%}
  .settings-identity{grid-template-columns:44px minmax(0,1fr)}
  .settings-avatar{width:44px;height:44px}
  .settings-identity .tag{grid-column:2;justify-self:start}
  .account-dialog-actions{flex-direction:column-reverse}
  .account-dialog-actions button{width:100%!important}
  .profile-toast{right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  .profile-menu,.account-dialog[open] .account-dialog-panel,.profile-toast.is-visible,.settings-switch,.settings-switch:after{transition:none;animation:none}
}

/* Veřejný stav před přihlášením sdílí stejný shell, katalogy a detailní komponenty. */
html[data-auth-state="guest"] [data-auth-only],html[data-auth-state="authenticated"] [data-guest-only]{display:none!important}
.header-login-button{position:absolute;isolation:isolate;overflow:hidden;z-index:30;inset:0 0 0 12px;padding:9px 7px;border:1px solid rgba(255,255,255,.76);border-radius:var(--radius-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(155deg,rgba(255,255,255,.31),rgba(255,255,255,.07) 44%,transparent 60%),linear-gradient(135deg,rgba(92,76,181,.84),rgba(48,174,198,.81));color:#fff;font-size:clamp(8.5px,.55vw,10px);font-weight:var(--font-weight-extrabold);line-height:1.28;letter-spacing:.55px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 10px 0 22px rgba(255,255,255,.10),inset 0 -1px 0 rgba(48,61,130,.24),0 8px 18px rgba(74,67,145,.19);backdrop-filter:blur(14px) saturate(1.22);-webkit-backdrop-filter:blur(14px) saturate(1.22);pointer-events:auto;transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.header-login-button.is-fixed{position:fixed;inset:auto}
.header-login-button:before{content:"";position:absolute;z-index:0;inset:-20% 42% 44% -8%;border-radius:inherit;background:rgba(255,255,255,.34);filter:blur(9px);opacity:.62;pointer-events:none;transition:transform var(--duration-medium) var(--ease-standard),opacity var(--duration-medium) var(--ease-standard)}
.header-login-button svg,.header-login-button span{position:relative;z-index:1}
.header-login-button svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-login-button:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.92);background:linear-gradient(155deg,rgba(255,255,255,.36),rgba(255,255,255,.08) 44%,transparent 60%),linear-gradient(135deg,rgba(78,62,169,.90),rgba(36,157,187,.87));box-shadow:inset 0 1px 0 rgba(255,255,255,.84),inset 10px 0 24px rgba(255,255,255,.12),inset 0 -1px 0 rgba(42,53,119,.28),0 10px 22px rgba(67,58,139,.26);filter:saturate(1.08)}
.header-login-button:hover:before{transform:translateX(18%);opacity:.76}
.header-login-button:hover svg{animation:guestLoginArrow .48s var(--ease-emphasized)}
.header-login-button:active{transform:translateY(-2px) scale(var(--press-hover-scale))}
@keyframes guestLoginArrow{0%{transform:translateX(0)}42%{transform:translateX(4px)}68%{transform:translateX(-1.5px)}84%{transform:translateX(.8px)}100%{transform:translateX(0)}}
.public-home-page{padding-bottom:22px}
.public-home-shell{width:100%;max-width:var(--dashboard-max);margin:24px auto 0;display:grid;gap:clamp(22px,1.7vw,32px)}
.public-intro-card{min-height:250px;padding:clamp(24px,2vw,38px);border-radius:var(--radius-panel);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:center;gap:clamp(22px,3vw,58px);background:var(--surface-flow-spectrum)}
.public-intro-card>*{position:relative;z-index:3}
.public-intro-card{transform-origin:center;transition:transform var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard),border-color var(--duration-control) var(--ease-standard)}
.public-intro-card:hover{z-index:4;transform:var(--panel-hover-transform);border-color:rgba(255,255,255,.5);filter:var(--panel-hover-filter);box-shadow:var(--panel-hover-shadow)}
.public-intro-copy h2{max-width:760px;margin:8px 0 12px;color:var(--text-strong);font-size:clamp(25px,1.85vw,37px);line-height:var(--line-height-tight)}
.public-intro-copy>p{max-width:760px;margin:0;color:#514c57;font-size:clamp(11px,.68vw,13px);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.public-intro-mark{min-height:172px;padding:20px;border:1px solid rgba(255,255,255,.66);border-radius:var(--radius-panel);display:grid;grid-template-columns:88px 1fr;grid-template-rows:repeat(3,1fr);align-items:center;gap:4px 18px;background:linear-gradient(145deg,rgba(255,255,255,.40),rgba(255,255,255,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 10px 24px rgba(70,63,105,.08)}
.public-intro-mark img{grid-row:1/-1;width:78px;height:auto;justify-self:center}
.public-intro-mark span{color:#585162;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:1.4px}
.public-section{display:grid;gap:14px}
.public-section-heading{padding:0 8px;display:flex;align-items:end;justify-content:space-between;gap:var(--space-3xl)}
.public-section-heading h2{margin:6px 0 0;color:var(--text-primary);font-size:clamp(20px,1.25vw,25px)}
.public-section-heading>p{max-width:520px;margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious);text-align:right}
.public-services-grid .service-card{min-height:236px;padding:20px}
.public-services-grid .service-card-art{inset:13px -3px auto auto;width:35%;height:57%}
.public-services-grid .service-card-copy{max-width:65%;gap:7px}
.public-services-grid .service-card-copy strong{font-size:clamp(20px,1.35vw,28px)}
.public-services-grid .service-card-meta{padding-top:15px}
.public-course-preview{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
.public-course-preview .catalog-card{min-height:390px}
.public-section-link,.public-calendar-link{min-height:40px;padding:0 14px;border:1px solid rgba(104,91,177,.24);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;gap:7px;background:var(--surface-glass-control);color:#514b68;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:none;box-shadow:var(--shadow-control-rest);transition:transform var(--duration-control) var(--ease-standard),background var(--duration-medium) var(--ease-standard),border-color var(--duration-control) var(--ease-standard),box-shadow var(--duration-control) var(--ease-standard),filter var(--duration-control) var(--ease-standard)}
.public-section-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-control) var(--ease-standard)}
.public-section-link:hover,.public-calendar-link:hover{transform:translateY(-2px);border-color:rgba(104,91,177,.40);background:var(--active-control-flow-hover);box-shadow:var(--shadow-control-hover);filter:saturate(1.05)}
.public-section-link:hover svg{transform:translateX(3px)}
.public-calendar-prompt{min-height:76px;margin-top:15px;padding:14px 18px;border-radius:var(--radius-card);display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px}
.public-calendar-prompt strong{color:var(--text-strong);font-size:var(--font-size-2xl)}
.public-calendar-prompt p{margin:4px 0 0;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-copy)}
html[data-auth-state="guest"] .courses-page .catalog-toolbar{grid-template-columns:1fr}

.course-auth-gate{--subcard-bg:linear-gradient(135deg,rgba(222,229,251,.66),rgba(222,243,239,.57));margin-top:18px;padding:15px;border-radius:var(--radius-card);display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px}
.course-auth-gate[hidden]{display:none!important}
.course-auth-gate>div{display:grid;gap:4px}
.course-auth-gate strong{color:var(--text-strong);font-size:var(--font-size-lg)}
.course-auth-gate p{margin:0;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-copy)}
.course-auth-login.recordings-open.continue{--control-flow:linear-gradient(135deg,rgba(99,181,190,.42),rgba(191,211,166,.38));--control-flow-hover:linear-gradient(135deg,rgba(82,171,183,.54),rgba(178,204,147,.50));--control-border:rgba(100,160,169,.36);width:auto;min-width:210px;margin:0;padding:0 16px;white-space:nowrap}

.login-page{padding-bottom:22px}
.login-shell{width:100%;max-width:420px;margin:clamp(24px,3vw,52px) auto 0}
.login-card{padding:clamp(22px,2vw,32px);border-radius:var(--radius-panel);background:linear-gradient(112deg,rgba(216,231,246,.42),rgba(226,242,234,.37) 48%,rgba(248,239,216,.35) 72%,rgba(245,222,232,.38))}
.login-card>*{position:relative;z-index:3}
.login-card-heading{display:flex;align-items:center;gap:12px}
.login-card-heading>div{display:grid;gap:5px}
.login-card-heading h2{font-size:clamp(22px,1.45vw,29px)}
.login-card-copy{margin:16px 0 20px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-spacious)}
.login-form{gap:13px}
.login-submit{--control-flow:linear-gradient(135deg,rgba(91,155,196,.42),rgba(107,190,193,.39));--control-flow-hover:linear-gradient(135deg,rgba(75,143,190,.54),rgba(89,183,189,.51));--control-border:rgba(72,133,174,.36);margin-top:3px}
.login-error{margin:0}
.login-divider{height:25px;margin:8px 0;display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:rgba(126,116,153,.18)}
.login-google{width:100%;min-height:43px;border:1px solid rgba(104,91,177,.23);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(255,255,255,.44);color:#514b68;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-control-rest)}
.login-google>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.76);color:#554aa6;font-size:var(--font-size-sm);box-shadow:inset 0 0 0 1px rgba(104,91,177,.15)}
.login-google:hover{transform:translateY(-2px);border-color:rgba(104,91,177,.39);background:var(--active-control-flow-hover);box-shadow:var(--shadow-control-hover);filter:saturate(1.05)}
.login-mode-copy{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}
.login-mode-toggle,.login-continue-guest{padding:3px;border:0;background:transparent;color:#514694;font-size:inherit;font-weight:var(--font-weight-bold);text-decoration:underline;text-underline-offset:3px}
.login-mode-toggle:hover,.login-continue-guest:hover{color:#342c72}
.login-continue-guest{display:block;margin:9px auto 0;font-size:var(--font-size-sm)}
.login-preview-note{margin:16px 0 0;padding-top:13px;border-top:1px solid rgba(126,116,153,.15);color:#9a949e;font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-copy);text-align:center}

@media (min-width:2400px){
  .public-home-shell{margin-top:34px}
  .public-services-grid .service-card{min-height:270px}
  .public-course-preview .catalog-card{min-height:430px}
}
@media (max-width:1080px){
  .public-intro-card{grid-template-columns:1fr}
  .public-intro-mark{min-height:126px;grid-template-columns:72px repeat(3,1fr);grid-template-rows:1fr}
  .public-intro-mark img{grid-row:auto;width:62px}
  .public-course-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-auth-gate{grid-template-columns:42px minmax(0,1fr)}
  .course-auth-login{grid-column:1/-1;width:100%}
}
@media (max-width:700px){
  .header-login-button{inset:0 0 0 8px;padding:7px 5px;font-size:7.5px;letter-spacing:.35px}
  .header-login-button svg{width:18px;height:18px;flex-basis:18px}
  html[data-auth-state="guest"] .side-nav .side-item[data-page-link="calendar"]{display:flex}
  .public-home-page{padding-bottom:10px}
  .public-home-shell{margin-top:18px;gap:20px}
  .public-intro-card{min-height:0;padding:18px;gap:18px}
  .public-intro-copy h2{font-size:24px}
  .public-intro-mark{display:none}
  .public-section-heading{align-items:flex-start;display:grid;gap:9px;padding-inline:4px}
  .public-section-heading>p{text-align:left}
  .public-section-link{width:max-content}
  .public-services-grid{grid-template-columns:1fr}
  .public-services-grid .service-card{min-height:250px}
  .public-course-preview{grid-template-columns:1fr}
  .public-calendar-prompt{grid-template-columns:34px minmax(0,1fr)}
  .public-calendar-link{grid-column:1/-1;width:100%}
  .course-auth-gate{grid-template-columns:38px minmax(0,1fr);padding:13px}
  .login-shell{margin-top:18px}
  .login-card{padding:18px}
}
@media (prefers-reduced-motion:reduce){
  .header-login-button,.public-section-link,.public-calendar-link,.login-google{transition:none}
  .header-login-button:hover svg{animation:none}
}

/* Mobilní UX: čitelnost, bezpečné dotykové plochy a klidnější chování bez desktopových hoverů. */
@media (max-width:700px){
  :root{
    --text-secondary:#625d69;
    --text-control:#5f5966;
    --font-size-2xs:9px;
    --font-size-xs:10px;
    --font-size-sm:11px;
    --font-size-md:12px;
    --font-size-lg:13px;
    --font-size-xl:14px;
    --font-size-2xl:15px;
  }

  /* Mobilní navigace je samostatná spodní glass lišta, dostupná i během scrollování. */
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .page-shell{min-height:100vh;padding-bottom:0}
  .sidebar{
    position:fixed;
    inset:auto 0 0 0;
    z-index:1000;
    width:100%;
    height:calc(68px + env(safe-area-inset-bottom,0px));
    padding:6px max(9px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(9px,env(safe-area-inset-left,0px));
    gap:4px;
    border-top:1px solid rgba(255,255,255,.72);
    background:linear-gradient(112deg,rgba(239,235,249,.91),rgba(241,248,247,.89) 49%,rgba(249,237,243,.90));
    box-shadow:0 -8px 24px rgba(62,54,83,.12),inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter:blur(18px) saturate(1.16);
    -webkit-backdrop-filter:blur(18px) saturate(1.16);
  }
  .sidebar-brand-mark{display:none}
  .side-nav{min-width:0;height:56px;flex:1;justify-content:space-around;gap:2px}
  .side-item,.side-item.is-active{width:44px;min-width:40px;max-width:52px;height:50px;flex:1 1 44px;margin:0;border-radius:14px}
  .side-item .side-icon,
  .side-item .side-icon.home-icon,
  .side-item .side-icon.course-icon,
  .side-item .side-icon.services-icon,
  .side-item .side-icon.folder-icon,
  .side-item .side-icon.calendar-nav-icon{width:30px;height:30px}
  .side-item .side-icon.home-icon{width:28px;height:28px}
  .side-item .side-icon.course-icon{width:33px;height:33px}
  .side-item .side-icon.services-icon{width:31px;height:31px}
  .side-item .side-icon.folder-icon{width:35px;height:35px}
  .side-item .side-icon.calendar-nav-icon{width:29px;height:29px}
  .profile-dock{width:48px;height:56px;flex:0 0 48px;display:grid;place-items:center}
  button.profile{width:44px;height:50px;display:grid;place-items:center}
  .profile .profile-icon{width:30px;height:30px;padding:4px;border-width:2px}
  .profile-menu{left:auto;right:0;top:auto;bottom:calc(100% + 10px);transform:translateY(5px) scale(.975);transform-origin:right bottom}
  .profile-menu.is-open{transform:none}

  .brand small{font-size:8px}
  .brand{min-height:44px;justify-content:center}
  .shared-hero .hero-kicker{font-size:9px}

  /* Čtyři hlavní sekce se na telefonu zmenšují společně, už se neořezávají ani neposouvají. */
  .tabs{
    box-sizing:border-box;
    height:88px;
    flex-basis:88px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:center;
    gap:6px;
    padding:4px 0 18px;
    overflow:visible;
  }
  .tabs button{
    width:100%;
    min-width:0;
    height:48px;
    padding-inline:3px;
    overflow:visible;
    font-size:clamp(10.5px,3vw,12px);
    white-space:nowrap;
    transition:none;
  }
  .tabs button[data-view-target="announcements"]:after,
  .tabs button[data-view-target="notifications"]:after{z-index:4;bottom:-9px;width:34px;left:calc(50% - 17px);transition:none}
  .tabs .tab-indicator{transition:none!important}
  .tabs:has(>button.is-active:hover) .tab-indicator{
    --tab-indicator-y:0px;
    --tab-indicator-scale:1;
    background:var(--active-control-flow);
    box-shadow:var(--shadow-tab-edge),var(--active-control-shadow)
  }
  .tabs>button:hover{transform:none;border-color:var(--border-glass-control);background:var(--tab-flow);color:var(--text-control);box-shadow:var(--shadow-tab-edge),var(--shadow-control-rest);filter:none}
  .tabs button.is-active:hover{transform:none;border-color:transparent;background:transparent;color:#3f3968;box-shadow:none;filter:none}

  /* Všechny katalogové filtry sdílejí jednu 44px dotykovou geometrii a prostor pro okraje/stíny. */
  .catalog-toolbar,
  .content-toolbar,
  .content-toolbar.catalog-toolbar{padding:8px;border-radius:var(--radius-card);gap:10px}
  .catalog-filter-group,
  .content-toolbar.catalog-toolbar .content-year-filters{
    --shadow-control-rest:inset 0 1px 0 rgba(255,255,255,.86),0 3px 9px rgba(49,42,67,.16);
    --active-control-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 5px 14px rgba(73,63,126,.19);
    --active-control-shadow-hover:var(--active-control-shadow);
    width:calc(100% + 12px);
    max-width:none;
    display:flex;
    gap:8px;
    border-radius:calc(var(--radius-card) + 2px);
    overflow-x:auto;
    overflow-y:hidden;
    padding:10px 16px 20px;
    margin:-10px -6px -20px;
    scroll-padding-inline:16px;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  .catalog-filter-group:after{content:"";width:8px;flex:0 0 8px;pointer-events:none}
  .catalog-filter-group::-webkit-scrollbar,
  .content-year-filters::-webkit-scrollbar,
  .communication-filters::-webkit-scrollbar,
  .calendar-legend::-webkit-scrollbar{display:none}
  .catalog-filter,
  .content-year-filters .catalog-filter{
    flex:0 0 clamp(92px,27vw,104px);
    width:auto;
    min-width:0;
    height:44px;
    padding-inline:10px;
    scroll-snap-align:start;
    font-size:11px;
    transition:none;
  }
  .catalog-filter-indicator{transition:none!important}
  .courses-dashboard .course-summary-card{margin-top:0}
  .catalog-sort-switch.period,.content-type-switch.period{min-height:44px;height:44px}
  .switch-control.period{min-height:44px;height:44px}
  .catalog-filter-group:has(.catalog-filter.is-active:hover) .catalog-filter-indicator{
    --catalog-indicator-y:0px;
    --catalog-indicator-scale:1;
    background:var(--active-control-flow);
    box-shadow:var(--active-control-shadow)
  }
  .catalog-toolbar:hover,.content-toolbar:hover{transform:none;border-color:var(--border-subcard);background:var(--subcard-bg);box-shadow:var(--shadow-subcard-rest);filter:none}
  .catalog-filter:hover{transform:none;border-color:var(--border-glass-control);background:var(--catalog-filter-flow);color:var(--text-control);box-shadow:var(--shadow-control-rest);filter:none}
  .catalog-filter.is-active:hover{transform:none;border-color:transparent;background:transparent;color:#403a68;box-shadow:none;filter:none}

  .communication-filters{
    width:100%;
    max-width:none;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    margin:8px 0 0;
    padding:6px 0 10px;
    overflow:visible;
  }
  .communication-filters button{
    width:100%;
    max-width:none;
    flex:none;
    min-width:0;
    height:44px;
    padding-inline:2px;
    font-size:clamp(9px,2.75vw,11px);
    transition:none;
  }
  .communication-filters button:hover{transform:none;border-color:var(--filter-border);background:var(--filter-flow);color:#514a63;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 6px 15px rgba(73,64,94,.09);filter:none}
  .communication-filters button.is-active:hover{transform:none;border-color:var(--filter-active-border);background:var(--filter-active);color:#302a58;box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 10px 24px var(--filter-active-shadow);filter:none}

  /* Graf služby: procentní výšky se na mobilu opírají o skutečnou výšku grafu, ne o 0px auto vrstvu. */
  .service-chart .bars-viewport{height:auto;align-self:stretch}
  .service-chart .bars-stage{height:100%}
  .service-chart .week-label{height:31px;flex-basis:31px}
  .service-chart .axis{padding-bottom:38px}
  .bar-wrap i:hover{z-index:auto;transform:none;filter:none;box-shadow:none}

  /* Rozvrh: stránkování má větší zásahovou plochu, jeho obsahový switch je na telefonu okamžitý. */
  .schedule-card .schedule-head{min-height:56px}
  .schedule-head .schedule-controls{height:46px;min-height:46px;padding:2px 3px;gap:4px}
  .schedule-head .schedule-controls button{width:40px;height:40px;flex-basis:40px}
  .schedule-head .schedule-controls button svg{width:19px;height:19px}
  .schedule-head .event-filter{height:44px}
  .schedule-head .schedule-controls:hover{transform:none;border-color:rgba(104,91,177,.30);background:linear-gradient(135deg,rgba(203,231,227,.72),rgba(221,237,227,.56));filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 4px 11px rgba(49,42,67,.13)}
  .schedule-head .schedule-controls button:hover{transform:none;border-color:rgba(255,255,255,.64);background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(218,238,244,.43));color:#474898;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 2px 6px rgba(73,64,94,.08)}

  /* Na telefonu se detail kurzu čte shora dolů: kurz, praktické informace, formulář. */
  .course-detail-layout,.course-info-column{display:contents}
  .course-detail-hero{order:1}
  .course-description-card{order:2}
  .course-practical-card{order:3}
  .course-registration-card{order:4}
  .course-additional-participant-prompt{order:5}
  .course-registration-mode-toggle{min-height:44px}

  /* Otevřený výběr druhu služby smí přesáhnout spodní okraj první karty. */
  .service-booking-layout{isolation:isolate}
  .service-calendar-card{position:relative;z-index:3;overflow:visible}
  .service-form-card{position:relative;z-index:1}
  .service-calendar-card:has(.ui-select.is-open){z-index:40}
  .service-type-field{position:relative;z-index:42}
  .service-type-field .ui-select.is-open{z-index:45}
  .service-type-field .ui-select-menu{z-index:50}
  .ui-select-menu button{min-height:44px}
  .service-month-controls:not(.calendar-month-controls){grid-template-columns:44px minmax(0,1fr) 44px}
  .service-month-controls:not(.calendar-month-controls) button{width:44px;height:44px}

  /* Kalendář: mobilní den nese barvu typu akce a po klepnutí nabídne čitelný detail. */
  .calendar-month-controls{height:46px;grid-template-columns:40px minmax(0,1fr) 40px}
  .calendar-month-controls button{width:40px;height:40px}
  .calendar-today-button{height:44px}
  .calendar-legend{padding:5px 3px 7px;scroll-padding-inline:3px;scrollbar-width:none}
  .calendar-legend-item{min-height:34px}
  .calendar-day[data-calendar-mobile-date]{cursor:pointer;touch-action:manipulation}
  .calendar-day.has-worship-event{--calendar-day-flow:linear-gradient(145deg,rgba(198,187,241,.86),rgba(232,226,250,.78));border-color:rgba(105,91,171,.34)}
  .calendar-day.has-prayer-event{--calendar-day-flow:linear-gradient(145deg,rgba(241,174,187,.84),rgba(254,218,226,.77));border-color:rgba(181,60,82,.32)}
  .calendar-day.has-miracle-event{--calendar-day-flow:linear-gradient(145deg,rgba(255,202,137,.88),rgba(255,231,192,.79));border-color:rgba(196,122,35,.32)}
  .calendar-day.has-course-event{--calendar-day-flow:linear-gradient(145deg,rgba(137,215,177,.87),rgba(198,237,218,.79));border-color:rgba(39,160,107,.35)}
  .calendar-day-heading time{font-size:10px}
  .calendar-mobile-detail{--subcard-bg:linear-gradient(135deg,rgba(235,238,253,.78),rgba(228,247,242,.70));margin-top:12px;padding:13px;border-radius:var(--radius-card);display:grid;gap:11px}
  .calendar-mobile-detail[hidden]{display:none!important}
  .calendar-mobile-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .calendar-mobile-detail-heading{display:grid;gap:4px}
  .calendar-mobile-detail-heading h3{margin:0;color:var(--text-strong);font-size:16px;line-height:var(--line-height-tight);text-transform:capitalize}
  .calendar-mobile-detail-close{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--border-subcard);border-radius:50%;display:grid;place-items:center;background:var(--surface-glass-control);color:#514b68;font-size:23px;line-height:1;box-shadow:var(--shadow-control-rest)}
  .calendar-mobile-detail-list{display:grid;gap:8px}
  .calendar-mobile-detail-event{width:100%;min-height:72px;padding:11px;border:1px solid var(--calendar-event-border);border-radius:var(--radius-control);display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:5px 10px;background:var(--agenda-flow);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-subcard-rest)}
  .calendar-mobile-detail-event>strong{font-size:13px;line-height:var(--line-height-copy)}
  .calendar-mobile-detail-meta{grid-column:2;color:var(--text-secondary);font-size:10px;font-weight:var(--font-weight-medium);line-height:var(--line-height-copy)}

  /* Mobilní kontrast: důležité popisy už nespoléhají na extrémně světlou šedou. */
  .catalog-heading p,.content-heading p,.communication-heading p,.notification-heading p,
  .service-slot-section p,.service-form-privacy,.week-label small,.booking-head p,.course-copy,
  .announcement-copy p,.notification-copy p{color:#68626e}
  .catalog-card-body>p{font-size:11px;color:#68626e}
  .catalog-card-footer{font-size:9px;color:#68626e}
  .content-course-cover.catalog-cover>span{font-size:8.5px}
  .content-card-count small,.login-preview-note{font-size:9px}
  .public-section-link,.public-calendar-link,.settings-primary-action,.settings-secondary-action,.settings-danger-action,.settings-dialog-cancel{min-height:44px}
  .account-dialog-head{grid-template-columns:42px minmax(0,1fr) 44px}
  .account-dialog-close{width:44px;height:44px}
  .footer-links a,.footer-contact a{min-height:44px;display:inline-flex;align-items:center}
  .social-links{width:max-content;max-width:100%;margin:25px auto 0;justify-content:center}
  .social-links a,.social-links .social-brand-link{width:44px;height:44px;flex-basis:44px}
  .social-links a:hover{transform:none;border-color:transparent;background:transparent;filter:none;box-shadow:none}

  /* Desktopové hover efekty se na dotykovém mobilním layoutu nezachytávají po klepnutí. */
  .side-item:not(.is-active):hover{transform:none;border-color:transparent;background:transparent;color:inherit;box-shadow:none;filter:none}
  .side-item.is-active:hover{transform:none;border-color:rgba(99,86,171,.38);background:linear-gradient(145deg,rgba(245,242,255,.76),rgba(224,247,244,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 9px 22px rgba(77,70,131,.13);filter:none}
  .profile:hover .profile-icon{transform:none;background:linear-gradient(145deg,#6255b4 0%,#439fc3 100%);box-shadow:0 0 0 2px #594ead,0 5px 13px rgba(77,70,131,.18)}
  .profile-menu-item:hover{transform:none;border-color:transparent;background:transparent;color:var(--text-primary);box-shadow:none;filter:none}
  .profile-menu-item.is-logout:hover svg{color:#5d5590}
  .card:hover,.ui-navigation-card:hover,.course-detail-hero:hover,.public-intro-card:hover{z-index:auto;transform:none;filter:none;box-shadow:var(--shadow-card-rest)}
  .course-detail-hero:hover,.public-intro-card:hover{border-color:rgba(255,255,255,.47)}
  .subcard-glass:hover,.content-listening-progress.subcard-glass:hover,.service-selection.subcard-glass:hover{transform:none;background:var(--subcard-bg);filter:none;box-shadow:var(--shadow-subcard-rest)}
  .ui-click-card:hover,.catalog-card:hover,.content-course-card:hover,.booking-card:hover,.content-audio-folder:hover,
  .calendar-day:hover,.calendar-agenda-item:hover,.calendar-mobile-detail-event:hover{transform:none;filter:none}
  .calendar-day:hover{border-color:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(112,101,145,.06),0 5px 14px rgba(70,63,105,.075)}
  .calendar-day.has-worship-event:hover{border-color:rgba(105,91,171,.34)}
  .calendar-day.has-prayer-event:hover{border-color:rgba(181,60,82,.32)}
  .calendar-day.has-miracle-event:hover{border-color:rgba(196,122,35,.32)}
  .calendar-day.has-course-event:hover{border-color:rgba(39,160,107,.35)}
  .switch-control.period:hover,.recordings-open.continue:hover,.course-registration-mode-toggle:hover{transform:none;border-color:var(--control-border);background:var(--control-flow);color:#3f3968;filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 7px 18px rgba(73,64,94,.10)}
  .service-calendar-day:not(:disabled):not(.is-active):hover,.service-slot:not(:disabled):not(.is-active):hover{transform:none;border-color:var(--choice-border);background:var(--choice-flow);color:#47416f;box-shadow:var(--shadow-control-rest);filter:none}
  .service-calendar-day.is-active:hover,.service-slot.is-active:hover{transform:none}
  .service-calendar-grid:has(.service-calendar-day.is-active:hover) .service-choice-indicator,
  .service-slots:has(.service-slot.is-active:hover) .service-choice-indicator{--choice-scale:1;background:var(--active-control-flow);box-shadow:var(--active-control-shadow);transform:translate3d(var(--choice-x,0),var(--choice-y,0),0)}
  .calendar-month-controls:hover,.calendar-month-controls button:hover:not(:disabled),.calendar-today-button:hover:not(:disabled),
  .calendar-event:hover,.calendar-mobile-detail-close:hover{transform:none;filter:none}
  .settings-identity:hover,.settings-provider:hover,.settings-data-row:hover,.settings-action-row:hover,.settings-toggle-row:hover,
  .settings-primary-action:hover,.settings-secondary-action:hover,.settings-dialog-cancel:hover,.settings-danger-action:hover:not(:disabled){transform:none;filter:none}
}

@media (max-width:360px){
  .tabs{gap:2px}
  .tabs button{padding-inline:0;font-size:10px}
}

/* Ve stohu na telefonu už desktopová posloupnost karet neplatí: jedna společná paleta. */
@media (max-width:700px){
  .activity-card .media.booking-shortcuts.subcard-glass,
  .activity-card .booking-card.subcard-glass:nth-child(n),
  .stats-card .stat-boxes.subcard-glass,
  .course-card .recording-item.subcard-glass:nth-child(n){--subcard-bg:var(--surface-subcard)}
  .course-summary-card,.year-progress-card,.completed-courses-card{--card-flow:var(--surface-flow-spectrum)}
  .service-card,.service-card-2{--service-flow:var(--surface-flow-spectrum)}
  .service-calendar-card,.service-form-card{--service-detail-flow:var(--surface-flow-spectrum)}
  .course-description-card,.course-registration-card,.course-practical-card{--detail-card-flow:var(--surface-flow-spectrum)}
  .content-course-card:nth-child(n){--content-card-flow:var(--surface-flow-spectrum)}
  .settings-card{--settings-card-flow:var(--surface-flow-spectrum)}
}

/* Automatický úsporný profil: stejný layout a barvy, méně náročné sklo, stíny a pohyb. */
html[data-performance-mode="lite"]{
  --duration-fast:.1s;
  --duration-control:.12s;
  --duration-medium:.14s;
  --duration-slow:.16s;
  --duration-switch:.01s;
  --switch-label-delay:0ms;
  --switch-lock-delay:0ms;
  --glass-control-filter:none;
  --glass-card-filter:none;
  /* Lite omezuje drahé efekty, ale stíny sdílí s plným režimem. */
  --panel-hover-transform:translateY(-2px);
  --panel-hover-filter:none;
  --panel-hover-shadow:var(--shadow-card-hover);
}
html[data-performance-mode="lite"] body{background-attachment:scroll}
html[data-performance-mode="lite"] .page-shell{backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-performance-mode="lite"] .page-shell:after{filter:none}
html[data-performance-mode="lite"] .ui-card:before{filter:none}
html[data-performance-mode="lite"] .hero{backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-performance-mode="lite"] .hero:before{filter:none}
html[data-performance-mode="lite"] .side-item.is-active{backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-performance-mode="lite"] .shared-hero-back{backdrop-filter:blur(7px) saturate(1.06);-webkit-backdrop-filter:blur(7px) saturate(1.06)}
html[data-performance-mode="lite"] .skip-link,
html[data-performance-mode="lite"] .profile-menu,
html[data-performance-mode="lite"] .profile-toast,
html[data-performance-mode="lite"] .ui-select-menu,
html[data-performance-mode="lite"] .header-login-button,
html[data-performance-mode="lite"] .social-links,
html[data-performance-mode="lite"] .calendar-event[data-calendar-tooltip]:after{backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-performance-mode="lite"] .booking-card:before,
html[data-performance-mode="lite"] .catalog-cover:before,
html[data-performance-mode="lite"] .catalog-cover:after,
html[data-performance-mode="lite"] .header-login-button:before,
html[data-performance-mode="lite"] .social-links:before,
html[data-performance-mode="lite"] .social-links:after{filter:none}
html[data-performance-mode="lite"] .account-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-performance-mode="lite"] .ui-data-state.is-loading .ui-data-state-symbol,
html[data-performance-mode="lite"] .switch-control.is-switching svg,
html[data-performance-mode="lite"] .switch-control.is-switching span,
html[data-performance-mode="lite"] .service-total.is-switching span,
html[data-performance-mode="lite"] .service-chart.is-switching .service-axis,
html[data-performance-mode="lite"] .bars-layer.is-leaving,
html[data-performance-mode="lite"] .bars-layer.is-entering,
html[data-performance-mode="lite"] .bars-layer.is-leaving .bar-wrap,
html[data-performance-mode="lite"] .bars-layer.is-entering .bar-wrap,
html[data-performance-mode="lite"] .content-course-card.is-focused,
html[data-performance-mode="lite"] .service-choice-indicator.is-entering,
html[data-performance-mode="lite"] .course-additional-participant-prompt.is-mode-switching,
html[data-performance-mode="lite"] .account-dialog[open] .account-dialog-panel,
html[data-performance-mode="lite"] .profile-toast.is-visible,
html[data-performance-mode="lite"] .shared-hero-back:hover svg,
html[data-performance-mode="lite"] .header-login-button:hover svg{animation:none}
html[data-performance-mode="lite"] .service-chart.is-switching .bars{will-change:auto}
@media (max-width:700px){
  html[data-performance-mode="lite"] .sidebar{backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Active indicators follow the same hover displacement as their controls.
   The component rules above define matching offsets and mobile resets. */

/* The footer divider is useful on desktop; the mobile bottom bar already closes the page. */
@media(max-width:700px) { .footer-content { border-bottom:0; } }