:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root>header{display:flex;padding:.5rem;border-bottom:solid .15rem #aaa}#root>header>:last-child{margin-left:auto}#weeklabel{min-width:17ch}button{font:inherit;border:solid .15rem #888;background-color:#eee;border-radius:.5rem;padding:.2rem .7rem;cursor:pointer}button:is(:hover,:focus):not(:active):not(:disabled){background-color:#ddd;border-color:#444}button:active:not(:disabled){background-color:#fff;border-color:#000}button:disabled{cursor:unset}button[data-plain]{font:inherit;border:none;background:none;border-radius:.5rem;padding:.2rem .7rem}button[data-plain]:is(:hover,:focus):not(:active):not(:disabled){background-color:#ddd}button[data-plain]:disabled{background:#ddd}button[data-filled]{background:#000;color:#fff;border-color:transparent}button[data-filled]:is(:hover,:focus):not(:active):not(:disabled){background:#444;border-color:#aaa}button[data-filled]:disabled{cursor:unset;background:#888;color:#aaa}:where(input[data-plain]){background:none;font:inherit;border:none;padding:0}.progress-indicator{width:100%;height:100%;text-align:center}.calendar{display:flex;flex-wrap:wrap;align-items:start}.calendar-grid{display:grid;flex:4;min-height:30rem;min-width:30rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-gap:1rem;padding:1rem}.calendar-grid>.day{cursor:pointer;height:100%;min-height:10rem;text-align:center;background:#eee;border-radius:.5rem;box-sizing:border-box;overflow:hidden}.calendar-grid>.day[data-today]{box-shadow:#4448 0 .3rem 1rem -.3rem}.calendar-grid>.day:before{content:attr(data-label);display:block;border-bottom:solid .15rem #ccc;padding:.2rem 0}.calendar-grid>.day[data-today]:before{background:#444;color:#fff;border-bottom:none}.calendar-grid>.day>.session{display:flex;flex-direction:column;align-items:flex-end;position:relative;margin:.5rem 1rem .5rem 0;border-radius:0 .5rem .5rem 0}.calendar-grid>.day>.session>*{position:relative;z-index:1}.calendar-grid>.day>.session>.session-frame{position:absolute;top:0;right:0;bottom:0;left:0;background:#ddd;border:solid transparent;border-width:.15rem .15rem .15rem 0;border-radius:0 .5rem .5rem 0;cursor:pointer}.calendar-grid>.day>.session>.session-frame:is(:hover,:focus){border-color:#444}.calendar-grid>.day>.session>.start{padding:.3rem .2rem 0;text-align:right;color:#444;pointer-events:none}.calendar-grid>.day>.session>.end{padding:0 .2rem .3rem;text-align:right;color:#444;pointer-events:none}.calendar-grid>.day>.session>.reservation{background:#000;text-align:left;color:#fff;min-width:100%;margin:.5rem -1rem .5rem 0;padding-inline:.2rem .5rem;border:solid transparent .15rem;border-right-width:0;border-radius:.5rem 0 0 .5rem;box-sizing:border-box;cursor:pointer}.calendar-grid>.day>button.new-session:is(:hover,:focus),.calendar-grid>.day>.session>:is(.reservation,button.new-reservation):is(:hover,:focus){border-color:#fff;background:#666;color:#fff}.calendar-grid>.day>.session>.reservation>.label{font-weight:700;text-align:center}.calendar-grid>.day>.session>button.new-reservation{display:block;background:#ddd;text-align:left;color:#444;width:3rem;margin:.5rem -1.1rem .5rem 1rem;border:solid #eee .15rem;border-right-width:0;border-radius:.5rem 0 0 .5rem;cursor:pointer}.calendar-grid>.day>button.new-session{display:block;flex-direction:column;align-items:flex-end;position:relative;margin:.5rem 0;border-radius:0 .5rem .5rem 0;border:solid #ddd .15rem;border-left:0;background:#ddd;color:#444}.calendar-selection-menu{flex:1 1 30rem;background:#eee;border-radius:.5rem;margin:1rem;padding:0 1rem}.calendar-selection-menu>h1{font-size:2em;margin-bottom:0}.calendar-selection-menu>h1:after{content:"Neuložené změny";display:inline-block;font-size:.5em;background:#000;color:#fff;padding:.1rem .5rem .2rem;vertical-align:middle;margin-left:1rem;border-radius:.5rem;opacity:0}.calendar-selection-menu>h1[data-unsaved=true]:after{opacity:1}.calendar-selection-menu>input{width:100%;font-size:1.2em;color:#444}.calendar-selection-menu>input.label{display:block;margin-top:0;font-size:1.2em;color:#444}.calendar-selection-menu>label{display:block;cursor:pointer;font-weight:700}.calendar-selection-menu>textarea#notes-input{display:block;background:#fff;border:none;border-radius:.5rem;font:inherit;box-sizing:border-box;width:100%;min-height:5rem;margin:.5rem 0;padding:.5rem;color:#444;resize:vertical}.calendar-selection-menu>input:is(#start-input,#end-input){display:block;width:unset;font-size:1.2em;margin-top:0;color:#444}.calendar-selection-menu>.buttons{display:flex;gap:1rem;margin:1rem 0}.calendar-selection-menu>.buttons button:last-child{margin-left:auto}