/*
  Professional redesign layer.
  The app chrome can change freely; the weekly plan keeps its original structure.
*/

html{
  scrollbar-gutter:stable!important;
  overflow-y:scroll!important;
}

body{
  --brand-blue:#155a94;
  --brand-blue-2:#1f6faf;
  --brand-gold:#f4b400;
  --brand-ink:#0f172a;
  --brand-muted:#64748b;
  --brand-line:rgba(15,23,42,.08);
  background:
    radial-gradient(circle at 8% 0%, rgba(255,255,255,.96), rgba(255,255,255,0) 30%),
    linear-gradient(135deg,#f7f9fc 0%,#eef5fb 48%,#e9f0f6 100%)!important;
}

.page{
  max-width:1440px!important;
  padding:20px 22px 14px!important;
}

.top{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:14px!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 10px!important;
  padding:10px 12px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
  backdrop-filter:blur(18px)!important;
}

.top .logo{
  width:54px!important;
  height:54px!important;
  max-height:54px!important;
  border-radius:13px!important;
  background:#fff!important;
  padding:6px!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.06)!important;
}

.top .school{
  color:#0f172a!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:760!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}

.top .subtitle{
  display:inline-grid!important;
  grid-template-columns:13px 1fr!important;
  align-items:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  width:94px!important;
  min-width:94px!important;
  max-width:94px!important;
  height:23px!important;
  min-height:23px!important;
  max-height:23px!important;
  margin-top:3px!important;
  padding:2px 6px!important;
  border:1px solid rgba(22,101,52,.14)!important;
  border-radius:999px!important;
  background:#ecfdf3!important;
  color:#166534!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:0!important;
  font-weight:720!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  contain:layout paint style!important;
  opacity:1!important;
  transition:background-color .16s ease, border-color .16s ease, color .16s ease!important;
}

.top .subtitle::before{
  content:"✓"!important;
  display:grid!important;
  place-items:center!important;
  grid-column:1!important;
  flex:0 0 13px!important;
  box-sizing:border-box!important;
  width:13px!important;
  height:13px!important;
  border-radius:50%!important;
  background:#16a34a!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
}

.top .subtitle::after{
  content:attr(data-edu-label)!important;
  grid-column:2!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:12px!important;
  font-weight:720!important;
  line-height:1!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

@keyframes eduLoadingSpinV314{
  to{
    transform:rotate(360deg);
  }
}

.top .subtitle.eduState-loadingV312{
  border-color:rgba(180,83,9,.22)!important;
  background:#fff7ed!important;
  color:#9a3412!important;
}

.top .subtitle.eduState-loadingV312::before{
  content:""!important;
  width:13px!important;
  height:13px!important;
  box-sizing:border-box!important;
  border:2px solid rgba(154,52,18,.22)!important;
  border-top-color:#f59e0b!important;
  background:transparent!important;
  animation:eduLoadingSpinV314 .75s linear infinite!important;
}

.top .subtitle.eduState-errorV312{
  border-color:rgba(185,28,28,.22)!important;
  background:#fef2f2!important;
  color:#991b1b!important;
}

.top .subtitle.eduState-errorV312::before{
  content:"!"!important;
  background:#dc2626!important;
  color:#fff!important;
}

.actions{
  display:grid!important;
  grid-template-columns:68px 156px 132px!important;
  grid-template-rows:28px 28px!important;
  align-items:stretch!important;
  justify-content:end!important;
  gap:5px!important;
  width:366px!important;
  height:61px!important;
  justify-self:end!important;
  margin-left:auto!important;
  contain:layout paint!important;
}

.top .actions button{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:720!important;
  line-height:1!important;
  text-align:center!important;
}

.actions .secondary,
.actions .primary,
.actions .danger{
  min-height:26px!important;
  border-radius:8px!important;
  padding:3px 7px!important;
  box-shadow:none!important;
  transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease!important;
}

.top button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 18px rgba(15,23,42,.08)!important;
}

.top button:active{
  transform:translateY(0) scale(.98)!important;
}

.actions .secondary{
  color:#0f172a!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(15,23,42,.10)!important;
}

.actions .primary{
  color:#fff!important;
  background:#0f172a!important;
  border:1px solid #0f172a!important;
}

.actions .danger,
.actions .printOnlyTopButtonV313{
  display:none!important;
}

.actions .outputPrintPdfV313,
.actions .outputEsborovnaV313{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-height:26px!important;
  padding:3px 8px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
}

.actions .outputPrintPdfV313{
  order:3!important;
  grid-column:3!important;
  grid-row:1!important;
}

.actions .outputEsborovnaV313{
  order:2!important;
  grid-column:2!important;
  grid-row:1!important;
  color:#0f172a!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
}

.actions .outputPrintPdfV313::before{
  content:"🖨"!important;
  font-size:13px!important;
  line-height:1!important;
}

.actions .outputEsborovnaV313::before{
  content:"⇥"!important;
  font-size:14px!important;
  line-height:1!important;
}

.layout{
  grid-template-columns:minmax(0,980px)!important;
  justify-content:center!important;
  gap:0!important;
}

.layout > .panel{
  display:none!important;
}

.panel{
  position:sticky!important;
  top:18px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:14px!important;
  border:1px solid var(--brand-line)!important;
  border-radius:26px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.74)) padding-box,
    linear-gradient(135deg,rgba(31,111,175,.26),rgba(244,180,0,.20),rgba(15,23,42,.05)) border-box!important;
  box-shadow:0 24px 70px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(22px)!important;
}

.panel::before{
  content:""!important;
  display:block!important;
  height:4px!important;
  margin:0 8px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-2) 68%,var(--brand-gold))!important;
  opacity:.92!important;
}

.panel .section,
.weeklyNotePanel,
#weeklyNoteSection,
.manualEventV167,
.displayOptionsV184{
  margin:0 0 10px 0!important;
  padding:13px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-left:1px solid rgba(15,23,42,.08)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
  position:relative!important;
}

.panel .section::after,
.weeklyNotePanel::after,
#weeklyNoteSection::after,
.manualEventV167::after,
.displayOptionsV184::after{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  right:13px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(31,111,175,.18),rgba(244,180,0,.22),rgba(31,111,175,0))!important;
}

.panel .sectionTitle,
.manualEventTitleV167,
.displayOptionsTitleV184,
#weeklyNoteSection .noteModuleTitleFixedV180{
  margin:0 0 11px!important;
  color:#0f172a!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:780!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.panel .sectionTitle::before,
.manualEventTitleV167::before,
.displayOptionsTitleV184::before,
#weeklyNoteSection .noteModuleTitleFixedV180::before{
  content:none!important;
}

.panel label,
.manualEventV167 label,
.displayOptionV184 span{
  color:var(--brand-muted)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:680!important;
  letter-spacing:0!important;
}

.panel input,
.panel textarea,
.panel select,
#weeklyNoteInput,
#signature,
.manualEventV167 input,
.manualEventV167 select{
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:560!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}

.manualEventV167 input[type="time"]{
  min-height:38px!important;
}

.panel input:focus,
.panel textarea:focus,
.panel select:focus,
#weeklyNoteInput:focus,
.manualEventV167 input:focus,
.manualEventV167 select:focus{
  border-color:var(--brand-blue-2)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(31,111,175,.12)!important;
}

#weeklyNoteInput{
  min-height:112px!important;
}

.panel button,
.manualEventV167 button,
.manualQuickBtnV169,
.manualModeBtnV300,
.displayOptionsV184 button{
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:11.5px!important;
  font-weight:720!important;
  box-shadow:0 5px 16px rgba(15,23,42,.05)!important;
  transition:transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease!important;
}

.panel button:hover,
.manualEventV167 button:hover{
  transform:translateY(-1px)!important;
  background:#f8fafc!important;
  border-color:rgba(31,111,175,.26)!important;
}

.panel button:active,
.manualEventV167 button:active,
.actions button:active{
  transform:translateY(0) scale(.98)!important;
}

.panel button:focus-visible,
.manualEventV167 button:focus-visible,
.actions button:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 4px rgba(244,180,0,.22),0 5px 16px rgba(15,23,42,.05)!important;
}

.panel .primary,
#manualAddV167,
.manualEventBtnV167{
  border-color:var(--brand-blue)!important;
  color:#fff!important;
  background:linear-gradient(180deg,var(--brand-blue-2),var(--brand-blue))!important;
}

#manualAddV167,
.manualEventBtnV167{
  min-height:34px!important;
  padding:7px 10px!important;
}

#weekButtonsWrapperV7 > div{
  gap:8px!important;
}

#calendarInfo{
  margin-top:10px!important;
}

.eduBadgeLockV89,
.edupageStatusV55,
.edupageBadgeV80,
.edupageBadgeV81{
  justify-content:center!important;
  min-height:34px!important;
  border-radius:999px!important;
  color:#166534!important;
  background:#ecfdf3!important;
  border:1px solid rgba(22,101,52,.12)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:760!important;
}

.manualEventGridV167{
  gap:7px!important;
}

.manualQuickGridV169{
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}

.noteAutoStatusV174,
.responsibleHintV213{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:7px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#718096!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:10.5px!important;
  font-weight:640!important;
  line-height:1.35!important;
}

.noteAutoStatusV174::before,
.responsibleHintV213::before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  margin-top:0!important;
  flex:0 0 7px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.12)!important;
}

.manualTimeHintV169{
  display:none!important;
}

.manualLessonPickerV300{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  padding:8px!important;
  border:1px solid rgba(31,111,175,.12)!important;
  border-radius:14px!important;
  background:#f8fbff!important;
}

.manualLessonPickerV300[style*="display: none"],
.manualTimeWheelV301[style*="display: none"],
#manualTimeRowV167[style*="display: none"]{
  display:none!important;
}

.manualTimeModeV300{
  display:grid!important;
  gap:6px!important;
  padding:8px!important;
  border:1px solid rgba(31,111,175,.12)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fbfdff,#f6f9fd)!important;
}

.manualTimeModeGridV300{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:6px!important;
}

.manualModeBtnV300{
  width:100%!important;
  min-height:32px!important;
  padding:6px 7px!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.12!important;
  box-shadow:none!important;
}

.manualModeBtnV300.active{
  color:#fff!important;
  border-color:var(--brand-blue)!important;
  background:linear-gradient(180deg,var(--brand-blue-2),var(--brand-blue))!important;
  box-shadow:0 8px 18px rgba(21,90,148,.18)!important;
}

.manualEventGridV167 > div:has(#manualTypeV167){
  display:none!important;
}

.manualDateNativeV301{
  display:block!important;
}

.manualEventGridV167 > div:has(#manualDayV167){
  display:block!important;
}

#manualDayV167{
  min-height:36px!important;
}

.manualDatePickerV301{
  display:none!important;
  position:relative!important;
  gap:6px!important;
  padding:8px!important;
  border:1px solid rgba(31,111,175,.12)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fbfdff,#f6f9fd)!important;
}

.manualDateTriggerV301{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(15,23,42,.055)!important;
}

.manualDateTriggerV301::after{
  content:"v"!important;
  color:#64748b!important;
  font-size:15px!important;
  line-height:1!important;
}

.manualDateTriggerV301[aria-expanded="true"]::after{
  transform:rotate(180deg)!important;
}

.manualDateTriggerV301 span{
  color:#64748b!important;
  font-size:11px!important;
  font-weight:780!important;
}

.manualDateTriggerV301 strong{
  color:#0f172a!important;
  font-size:12px!important;
  font-weight:820!important;
}

.manualDatePopoverV301{
  position:absolute!important;
  z-index:20!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  right:0!important;
  padding:7px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.16)!important;
  backdrop-filter:blur(18px)!important;
}

.manualDatePopoverV301[hidden]{
  display:none!important;
}

.manualDateStripV301{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:4px!important;
}

.manualDateBtnV301{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:38px!important;
  padding:4px 2px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

.manualDateBtnV301 span{
  color:#64748b!important;
  font-size:9.5px!important;
  font-weight:760!important;
  line-height:1!important;
}

.manualDateBtnV301 strong{
  margin-top:3px!important;
  color:#0f172a!important;
  font-size:10.5px!important;
  font-weight:820!important;
  line-height:1!important;
}

.manualDateBtnV301.active{
  border-color:var(--brand-blue)!important;
  background:linear-gradient(180deg,#ffffff,#eef6ff)!important;
  box-shadow:inset 0 0 0 1px rgba(21,90,148,.22),0 8px 16px rgba(21,90,148,.10)!important;
}

.manualDateBtnV301.active span,
.manualDateBtnV301.active strong{
  color:var(--brand-blue)!important;
}

.manualTimeFieldsV301{
  display:none!important;
}

.manualTimeWheelV301{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  padding:7px!important;
  border:1px solid rgba(31,111,175,.12)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
}

.manualTimeWheelColV301{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}

.manualTimeWheelListV301{
  position:relative!important;
  height:96px!important;
  overflow:auto!important;
  padding:31px 5px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,rgba(248,250,252,.96),rgba(248,250,252,0) 26%,rgba(248,250,252,0) 74%,rgba(248,250,252,.96)),
    #f8fafc!important;
  scroll-snap-type:y mandatory!important;
  scroll-behavior:smooth!important;
}

.manualTimeWheelListV301::-webkit-scrollbar{
  width:6px!important;
}

.manualTimeWheelListV301::-webkit-scrollbar-thumb{
  border-radius:999px!important;
  background:rgba(100,116,139,.26)!important;
}

.manualTimeWheelListV301 button{
  width:100%!important;
  min-height:25px!important;
  margin:0 0 4px!important;
  padding:5px 7px!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#475569!important;
  font-variant-numeric:tabular-nums!important;
  scroll-snap-align:center!important;
}

.manualTimeWheelListV301 button.active{
  color:#fff!important;
  border-color:var(--brand-blue)!important;
  background:linear-gradient(180deg,var(--brand-blue-2),var(--brand-blue))!important;
  box-shadow:0 8px 18px rgba(21,90,148,.18)!important;
}

.manualLessonPickerV300 > label{
  grid-column:1 / -1!important;
  margin:0!important;
}

.manualLessonPickerV300 select,
#manualFromV167,
#manualToV167{
  min-height:30px!important;
}

#manualTimeRowV167,
.manualEventTimeRowV167{
  gap:4px!important;
}

.manualEventV167{
  padding:10px!important;
}

.manualEventGridV167{
  gap:7px!important;
}

.manualEventV167 label{
  margin-bottom:3px!important;
  font-size:10.5px!important;
}

.manualEventV167 input,
.manualEventV167 select{
  min-height:30px!important;
  padding:5px 7px!important;
  border-radius:8px!important;
  font-size:12px!important;
}

.manualTimeModeGridV300,
.manualQuickGridV169{
  gap:4px!important;
}

.manualModeBtnV300,
.manualQuickBtnV169{
  min-height:28px!important;
  padding:4px 6px!important;
  border-radius:8px!important;
  font-size:11px!important;
}

.manualTimeModeV300,
.manualLessonPickerV300,
.manualTimeWheelV301{
  padding:6px!important;
  border-radius:10px!important;
}

.manualTimeWheelListV301{
  height:72px!important;
  padding:22px 4px!important;
  border-radius:9px!important;
}

.manualTimeWheelListV301 button{
  min-height:21px!important;
  margin-bottom:2px!important;
  padding:3px 5px!important;
  border-radius:7px!important;
  font-size:11px!important;
}

.manualEventBtnV167,
.manualCancelBtnV168{
  min-height:30px!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  font-size:12px!important;
}

.manualStyleControlsV306{
  margin-top:-2px!important;
}

.manualStyleGridV306{
  display:grid!important;
  grid-template-columns:72px 30px 30px!important;
  gap:4px!important;
  align-items:center!important;
  justify-content:start!important;
}

.manualStyleGridV306 input[type="color"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}

.manualColorPickV307{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  height:28px!important;
  margin:0!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:999px!important;
  background:#fff!important;
  cursor:pointer!important;
}

.manualColorPickV307 span{
  position:relative!important;
  color:#172033!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}

.manualColorPickV307 span::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-5px!important;
  width:14px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#155a94,#f4b400,#9f1239)!important;
  transform:translateX(-50%)!important;
}

.manualStyleBoldV306{
  display:grid!important;
  place-items:center!important;
  height:28px!important;
  margin:0!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:999px!important;
  background:#fff!important;
  cursor:pointer!important;
}

.manualStyleBoldV306 input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}

.manualStyleBoldV306 span{
  font-size:12px!important;
  font-weight:900!important;
  color:#334155!important;
}

.manualStyleBoldV306:has(input:checked){
  border-color:rgba(21,90,148,.35)!important;
  background:#eef6ff!important;
}

.manualListV168{
  margin-top:10px!important;
}

.manualItemV168{
  border-radius:16px!important;
  border-color:rgba(15,23,42,.08)!important;
  background:#f8fafc!important;
}

.displayOptionsV184{
  display:grid!important;
  gap:6px!important;
}

.displayOptionV184{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:34px!important;
  border:1px solid rgba(15,23,42,.06)!important;
  background:#f8fafc!important;
  border-radius:12px!important;
  padding:6px 9px!important;
}

.displayOptionV184 input{
  width:17px!important;
  height:17px!important;
  margin:0!important;
  accent-color:var(--brand-blue)!important;
}

.displayOptionV184 span{
  line-height:1.15!important;
}

.previewShell{
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.075)!important;
  padding:14px!important;
  overflow:visible!important;
}

.previewPage{
  background:#fff!important;
}

.pageBreakGuideV322{
  position:absolute!important;
  left:-18mm!important;
  right:-18mm!important;
  z-index:30!important;
  height:0!important;
  border-top:1px dashed rgba(220,38,38,.85)!important;
  pointer-events:none!important;
}

.pageBreakGuideV322 span{
  position:absolute!important;
  right:0!important;
  top:-9px!important;
  padding:2px 6px!important;
  border:1px solid rgba(220,38,38,.35)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#b91c1c!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:0 1px 4px rgba(15,23,42,.08)!important;
}

.calendarRequiredV300{
  min-height:180mm;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
  color:#0f172a;
}

.calendarRequiredTitleV300{
  font-size:18px;
  font-weight:800;
}

.calendarRequiredDetailV300{
  max-width:440px;
  font-size:13px;
  line-height:1.55;
  color:#64748b;
}

/* Modern table finish: keeps the original columns, row structure and fine type. */
.previewPage .planTable{
  border:1px solid #dfe7ef!important;
  border-radius:10px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:visible!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}

.previewPage .dateColV308{
  width:19.5mm!important;
}

.previewPage .timeColV308{
  width:31mm!important;
}

.previewPage .personColV308{
  width:19%!important;
}

.previewPage .planTable th{
  padding:4px 6px!important;
  background:#f8fafc!important;
  color:#164e85!important;
  border-right:1px solid #e5edf5!important;
  border-bottom:1px solid #dce7f1!important;
  font-weight:850!important;
  letter-spacing:0!important;
}

.previewPage .planTable td{
  border-top:1px solid #edf2f7!important;
  border-right:1px solid #eef3f8!important;
  color:#1f2937;
}

.previewPage .planTable th:last-child,
.previewPage .planTable td:last-child{
  border-right:0!important;
}

.previewPage .planTable tbody tr:nth-child(even) td:not(.dayCell):not(.eventCell){
  background:#fff!important;
}

.previewPage .planTable tbody tr:focus-within td:not(.dayCell){
  background:#fffdf4!important;
}

.previewPage:not(.suppressRowHoverV321) .planTable tbody tr:hover > td{
  box-shadow:inset 0 0 0 9999px rgba(219,234,254,.62)!important;
}

.previewPage:not(.suppressRowHoverV321) .planTable tbody tr:has(> .dayCell:hover) > td{
  box-shadow:none!important;
}

.previewPage:not(.suppressRowHoverV321) .planTable tbody tr:hover > td .planEditableCellV302,
.previewPage:not(.suppressRowHoverV321) .planTable tbody tr:hover > td .timeRangeEditV302,
.previewPage:not(.suppressRowHoverV321) .planTable tbody tr:hover > td .lessonEditV302{
  background:transparent!important;
}

.previewPage .repeatColorV50-1 .eventCell,
.previewPage .repeatColorV50-1 .personCell{background:#fff8dd!important}
.previewPage .repeatColorV50-2 .eventCell,
.previewPage .repeatColorV50-2 .personCell{background:#eef6ff!important}
.previewPage .repeatColorV50-3 .eventCell,
.previewPage .repeatColorV50-3 .personCell{background:#eefbf3!important}
.previewPage .repeatColorV50-4 .eventCell,
.previewPage .repeatColorV50-4 .personCell{background:#f4f3ff!important}
.previewPage .repeatColorV50-5 .eventCell,
.previewPage .repeatColorV50-5 .personCell{background:#fff1f1!important}
.previewPage .repeatColorV50-6 .eventCell,
.previewPage .repeatColorV50-6 .personCell{background:#fdf2fa!important}

.previewPage .repeatColorV50-1 .eventCell,
.previewPage .repeatColorV50-2 .eventCell,
.previewPage .repeatColorV50-3 .eventCell,
.previewPage .repeatColorV50-4 .eventCell,
.previewPage .repeatColorV50-5 .eventCell,
.previewPage .repeatColorV50-6 .eventCell{
  border-left:0!important;
}

.previewPage .dayCell{
  position:relative!important;
  background:#f8fbff!important;
  color:#164e85!important;
  border-right:1px solid #dde8f2!important;
  text-align:center!important;
  vertical-align:middle!important;
}

.previewPage .dayAddRowV308{
  position:absolute!important;
  top:5px!important;
  left:-24px!important;
  right:auto!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  padding:0!important;
  border:1px solid rgba(21,90,148,.22)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#155a94!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1!important;
  cursor:pointer!important;
  opacity:0!important;
  box-shadow:0 1px 4px rgba(15,23,42,.06)!important;
}

.previewPage .dayAddRowV308:hover,
.previewPage .dayAddRowV308:focus-visible{
  opacity:1!important;
  background:#eef6ff!important;
  border-color:rgba(21,90,148,.36)!important;
  outline:none!important;
}

.previewPage .dayCell:hover .dayAddRowV308,
.previewPage .dayCell:focus-within .dayAddRowV308{
  opacity:1!important;
}

.previewPage .dayName{
  color:#164e85!important;
  font-weight:900!important;
}

.previewPage .dayDate{
  color:#64748b!important;
}

.previewPage .timeCell{
  color:#334155!important;
  font-variant-numeric:tabular-nums!important;
  width:31mm!important;
  min-width:31mm!important;
  max-width:31mm!important;
  padding-left:5px!important;
  padding-right:5px!important;
  text-align:left!important;
}

.previewPage .eventCell{
  color:#172033;
}

.previewPage .personCell{
  color:#334155;
  position:relative!important;
}

.previewPage .dayBreak td{
  border-top-color:#b7c9dc!important;
}

.previewPage .planEditableCellV302{
  cursor:text!important;
  outline:none!important;
  transition:background-color .12s ease, box-shadow .12s ease!important;
}

.previewPage .timeCellSplitV302{
  position:relative!important;
  vertical-align:top!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  text-align:left!important;
}

.previewPage .timeRangeEditV302,
.previewPage .lessonEditV302{
  display:inline-block!important;
  min-height:1em!important;
  padding:0 1px!important;
  border-radius:3px!important;
  color:inherit!important;
  font-family:inherit!important;
  vertical-align:baseline!important;
}

.previewPage .timeRangeEditV302{
  min-width:16px!important;
  margin-right:1px!important;
  white-space:nowrap!important;
}

.previewPage .lessonEditV302{
  color:#64748b!important;
  font-size:.74em!important;
  font-weight:650!important;
}

.previewPage .planEditableCellV302:hover{
  box-shadow:inset 0 0 0 1px rgba(21,90,148,.18)!important;
}

.previewPage .planEditableCellV302:focus{
  background:#fffdf4!important;
  color:#172033!important;
  box-shadow:inset 0 0 0 1px rgba(217,154,0,.42)!important;
}

.previewPage .planEditedCellV302{
  background:inherit!important;
  color:inherit!important;
  box-shadow:none!important;
}

.previewPage .planEditedCellV302:hover{
  box-shadow:inset 0 0 0 1px rgba(21,90,148,.18)!important;
}

.previewPage .emptyEditableV307{
  display:inline-block!important;
  min-width:28px!important;
  min-height:1em!important;
  border-radius:4px!important;
}

.previewPage .emptyEditableV307::after{
  content:""!important;
}

.previewPage .eventCell{
  position:relative!important;
}

.previewPage .planRowChangeToolsV304{
  position:absolute!important;
  top:50%!important;
  left:calc(100% + 28px)!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  max-width:none!important;
  pointer-events:auto!important;
  opacity:1!important;
  transform:translateY(-50%) translateX(0)!important;
}

.previewPage .planFieldResetV304{
  display:grid!important;
  grid-template-columns:14px 10px!important;
  align-items:center!important;
  gap:1px!important;
  width:29px!important;
  height:19px!important;
  min-height:19px!important;
  padding:0 2px!important;
  border:1px solid rgba(217,154,0,.36)!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  color:#8a4b00!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 1px 3px rgba(15,23,42,.05)!important;
}

.previewPage .planFieldResetV304 b{
  font-size:11px!important;
  line-height:1!important;
}

.previewPage .planResetIconV305{
  display:grid!important;
  place-items:center!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#155a94!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
}

.previewPage .planFieldResetV304:hover,
.previewPage .planFieldResetV304:focus-visible{
  border-color:rgba(180,83,9,.66)!important;
  background:#fff3d6!important;
  color:#7c2d12!important;
  outline:none!important;
}

.previewPage .planRowDeleteV302{
  position:absolute!important;
  top:50%!important;
  left:calc(100% + 6px)!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(185,28,28,.22)!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#ffffff,#fff7f7)!important;
  color:#991b1b!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 2px 7px rgba(153,27,27,.08)!important;
  opacity:0!important;
  transform:translateY(-50%) scale(.96)!important;
  transition:opacity .14s ease, transform .14s ease, background-color .12s ease, border-color .12s ease!important;
}

.previewPage .planTable tr:hover .planRowDeleteV302,
.previewPage .planTable tr:focus-within .planRowDeleteV302{
  opacity:1!important;
  transform:translateY(-50%) scale(1)!important;
}

.previewPage .planRowDeleteV302:hover,
.previewPage .planRowDeleteV302:focus-visible{
  background:#fee2e2!important;
  border-color:rgba(185,28,28,.46)!important;
  outline:none!important;
}

.manualRowControlsV316{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:4px!important;
  margin-top:5px!important;
}

.manualRowControlsV316 button{
  min-height:20px!important;
  padding:2px 7px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:10.5px!important;
  font-weight:750!important;
  line-height:1!important;
  cursor:pointer!important;
}

.manualRowControlsV316 .planRowDeleteV302{
  position:static!important;
  display:inline-grid!important;
  opacity:1!important;
  transform:none!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  padding:0!important;
  border-radius:50%!important;
  color:#991b1b!important;
}

.previewPage .planTable tr:hover .manualRowControlsV316 .planRowDeleteV302,
.previewPage .planTable tr:focus-within .manualRowControlsV316 .planRowDeleteV302{
  opacity:1!important;
  transform:none!important;
}

.planStylePopoverV307,
.timeChoicePopoverV307{
  position:absolute!important;
  z-index:1000!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:min(320px, calc(100vw - 16px))!important;
  padding:6px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.16), 0 1px 0 rgba(255,255,255,.86) inset!important;
  color:#172033!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  backdrop-filter:blur(14px)!important;
}

.planStylePopoverV307[hidden],
.timeChoicePopoverV307[hidden]{
  display:none!important;
}

.planStylePopoverV307 select{
  height:28px!important;
  min-height:28px!important;
  max-width:86px!important;
  padding:0 22px 0 8px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  color:#172033!important;
  font-size:12px!important;
  font-weight:650!important;
}

.planColorPresetsV309{
  display:grid!important;
  grid-template-columns:repeat(6,18px)!important;
  align-items:center!important;
  gap:4px!important;
}

.planColorPresetsV309 button{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  padding:0!important;
  border:1px solid rgba(15,23,42,.22)!important;
  border-radius:4px!important;
  background:var(--preset)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
}

.planColorPresetsV309 button:hover,
.planColorPresetsV309 button:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(21,90,148,.28)!important;
}

.planColorPresetsV309 button.active{
  outline:none!important;
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(15,23,42,.32)!important;
  transform:scale(1.04)!important;
}

.planStylePopoverV307 button,
.timeChoicePopoverV307 button{
  height:28px!important;
  min-height:28px!important;
  padding:0 9px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#172033!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}

.planStylePopoverV307 .planColorPresetsV309 button{
  background:var(--preset)!important;
  color:transparent!important;
}

.planStylePopoverV307 button.active,
.timeChoicePopoverV307 button.active{
  border-color:rgba(21,90,148,.35)!important;
  background:#eef6ff!important;
  color:#155a94!important;
}

.planStylePopoverV307 .planColorPresetsV309 button.active{
  background:var(--preset)!important;
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(15,23,42,.32)!important;
  transform:scale(1.04)!important;
}

.timeChoicePopoverV307{
  flex-direction:column!important;
  align-items:stretch!important;
  gap:9px!important;
  width:336px!important;
  padding:8px!important;
}

.timeChoiceTabsV307,
.timeChoicePanelV307{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}

.timeChoicePanelV307{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:end!important;
  gap:8px!important;
}

.timeSplitGroupV310{
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:3px!important;
  min-width:0!important;
  flex:1 1 0!important;
}

.timeSplitGroupV310 > label{
  color:#64748b!important;
  font-size:10.5px!important;
  font-weight:800!important;
}

.timeSplitListsV310{
  display:grid!important;
  grid-template-columns:minmax(52px,1fr) minmax(52px,1fr)!important;
  gap:6px!important;
  min-width:0!important;
}

.timeChoiceMiniGroupV312{
  display:grid!important;
  grid-template-rows:auto 24px 82px 24px!important;
  gap:4px!important;
  min-width:0!important;
}

.timeChoiceMiniGroupV312 > span{
  color:#475569!important;
  font-size:9.8px!important;
  font-weight:900!important;
  line-height:1!important;
  text-transform:uppercase!important;
}

.timeChoiceTabsV307 button{
  flex:1 1 auto!important;
  height:30px!important;
  border-radius:10px!important;
}

.timeQuickInputsV323{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}

.timeQuickInputsV323 label{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:4px 6px!important;
  border:1px solid rgba(15,23,42,.1)!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  color:#475569!important;
  font-size:11px!important;
  font-weight:850!important;
}

.timeQuickInputsV323 input{
  width:100%!important;
  min-width:0!important;
  height:26px!important;
  padding:0 4px!important;
  border:0!important;
  background:transparent!important;
  color:#0f172a!important;
  font:inherit!important;
  font-variant-numeric:tabular-nums!important;
  outline:none!important;
}

.timeChoicePanelV307 label{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:750!important;
}

.timeChoiceListGroupV307{
  display:grid!important;
  grid-template-rows:auto 24px 82px 24px!important;
  gap:4px!important;
  min-width:0!important;
  flex:1 1 0!important;
}

.timeChoiceListGroupV307 label{
  color:#64748b!important;
  font-size:10.5px!important;
  font-weight:800!important;
}

.timeChoiceListV307{
  height:82px!important;
  overflow:hidden!important;
  padding:5px 4px!important;
  border:1px solid rgba(21,90,148,.2)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 35%,#e7f2ff 50%,#f8fafc 65%,#ffffff 100%)!important;
  scroll-snap-type:none!important;
  overscroll-behavior:contain!important;
  touch-action:none!important;
  user-select:none!important;
  cursor:ns-resize!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8), inset 0 34px 20px -22px rgba(255,255,255,.96), inset 0 -34px 20px -22px rgba(255,255,255,.96)!important;
  position:relative!important;
}

.timeChoiceListV307::-webkit-scrollbar{
  width:5px!important;
}

.timeChoiceListV307::-webkit-scrollbar-thumb{
  border-radius:999px!important;
  background:rgba(100,116,139,.28)!important;
}

.timeChoiceListV307 button{
  display:none!important;
  width:100%!important;
  height:23px!important;
  min-height:23px!important;
  margin:0 0 2px!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#334155!important;
  font-size:10.5px!important;
  font-weight:750!important;
  font-variant-numeric:tabular-nums!important;
  box-shadow:none!important;
  scroll-snap-align:none!important;
  transition:background-color .12s ease, color .12s ease, transform .12s ease, box-shadow .12s ease!important;
}

.timeChoiceListV307 button.prevChoiceV319,
.timeChoiceListV307 button.active,
.timeChoiceListV307 button.nextChoiceV319{
  display:grid!important;
  place-items:center!important;
}

.timeChoiceListV307 button.prevChoiceV319,
.timeChoiceListV307 button.nextChoiceV319{
  opacity:.56!important;
  transform:scale(.94)!important;
}

.lessonChoiceListV307 button{
  font-size:11.5px!important;
}

.minuteChoiceListV310 button{
  font-size:10px!important;
}

.timeChoiceListV307 button.active{
  border:1px solid rgba(21,90,148,.78)!important;
  background:linear-gradient(180deg,#1d6fac,#0f4f82)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 7px 16px rgba(21,90,148,.30)!important;
  transform:scale(1.07)!important;
}

.timeStepBtnV317{
  width:100%!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0!important;
  border-radius:9px!important;
  border-color:rgba(21,90,148,.18)!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  color:#155a94!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}

.timeStepBtnV317:hover,
.timeStepBtnV317:focus-visible{
  border-color:rgba(21,90,148,.38)!important;
  background:#eef6ff!important;
  color:#0f4f82!important;
  outline:none!important;
}

.hourChoiceListV312{
  border-color:rgba(21,90,148,.18)!important;
  background:#f5f9ff!important;
}

.minuteChoiceListV310{
  border-color:rgba(4,120,87,.18)!important;
  background:#f4fbf8!important;
}

.minuteChoiceListV310 button.active{
  border-color:rgba(21,90,148,.78)!important;
  background:linear-gradient(180deg,#1d6fac,#0f4f82)!important;
  box-shadow:0 6px 14px rgba(21,90,148,.28)!important;
}

.timeChoicePanelV307[hidden]{
  display:none!important;
}

.timeChoicePanelV307 > button{
  grid-column:1 / -1!important;
  color:#fff!important;
  border-color:rgba(21,90,148,.45)!important;
  background:linear-gradient(180deg,#1f6faf,#155a94)!important;
}

.previewPage .podpisFinal41{
  margin-top:4mm!important;
  display:flex!important;
  justify-content:flex-end!important;
  position:relative!important;
}

.previewPage .podpisFinal41Box{
  min-width:58mm!important;
  padding-top:0!important;
  border-top:0!important;
  text-align:center!important;
}

.signatureChangeToolsV310{
  position:absolute!important;
  top:50%!important;
  left:calc(100% + 8px)!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  transform:translateY(-50%)!important;
}

.signatureResetV310{
  display:grid!important;
  grid-template-columns:14px 10px!important;
  align-items:center!important;
  gap:1px!important;
  width:30px!important;
  height:19px!important;
  min-height:19px!important;
  padding:0 2px!important;
  border:1px solid rgba(217,154,0,.36)!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  color:#8a4b00!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
}

.signatureResetV310 span{
  display:grid!important;
  place-items:center!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#155a94!important;
  font-size:10px!important;
}

.previewPage .podpisFinal41Name{
  color:#0f172a!important;
  font-size:10.5pt!important;
  font-weight:760!important;
  outline:none!important;
}

.previewPage .podpisFinal41Name:focus,
.previewPage .podpisFinal41Role:focus{
  box-shadow:inset 0 -1px 0 rgba(21,90,148,.35)!important;
}

.previewPage .podpisFinal41Role{
  color:#64748b!important;
  font-size:10pt!important;
  font-weight:520!important;
  outline:none!important;
}

.previewPage .createdDateV184{
  margin-top:1mm!important;
  color:#94a3b8!important;
  font-size:8.5pt!important;
  text-align:right!important;
}

.planNoteAddV310{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:76px!important;
  margin:0!important;
  padding:4px 7px!important;
  border:1px solid rgba(21,90,148,.24)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#155a94!important;
  font-size:8.5pt!important;
  font-weight:750!important;
  line-height:1!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:0 1px 3px rgba(15,23,42,.06)!important;
  opacity:.22!important;
  transition:opacity .14s ease, background-color .14s ease, border-color .14s ease!important;
}

.planNoteSlotV318{
  position:relative!important;
  min-height:0!important;
  margin:0 0 1.5mm!important;
}

.planNoteSlotEmptyV318{
  height:0!important;
  margin:0!important;
}

.planNoteSlotV318 > .planNoteAddV310{
  position:absolute!important;
  left:-28mm!important;
  top:1mm!important;
  z-index:6!important;
}

@media(hover:hover){
  .planNoteSlotV318 > .planNoteAddV310{
    opacity:0!important;
  }
}

.planNoteSlotV318.noteHoverZoneV320 > .planNoteAddV310,
.planNoteSlotV318:focus-within > .planNoteAddV310,
.planNoteSlotV318 > .planNoteAddV310:hover,
.planNoteSlotV318 > .planNoteAddV310:focus-visible{
  opacity:.92!important;
}

.planNoteSlotEmptyV318 > .planNoteAddV310{
  top:0!important;
}

.planNoteWrapV310{
  position:relative!important;
  margin:2.5mm 0 2mm!important;
}

.previewPage .planNoteFinalV193,
.planNoteInlineV310{
  border:1px solid rgba(15,23,42,.08)!important;
  border-left:1px solid rgba(15,23,42,.08)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#172033!important;
  padding:5px 8px!important;
  font-size:9pt!important;
  line-height:1.35!important;
}

.planNoteInlineV310{
  outline:none!important;
  white-space:pre-wrap!important;
  min-height:22px!important;
}

.planNoteInlineV310:focus{
  box-shadow:inset 0 0 0 1px rgba(21,90,148,.24)!important;
}

.topWeekControlsV310{
  display:contents!important;
  margin:0!important;
}

.topWeekControlsV310 > div{
  display:contents!important;
}

.topWeekControlsV310 button{
  min-height:28px!important;
  padding:3px 8px!important;
  border-radius:8px!important;
}

.topWeekControlsV310 > div:last-child button:first-child{
  order:4!important;
  grid-column:2!important;
  grid-row:2!important;
}

.topWeekControlsV310 > div:last-child button:last-child{
  order:6!important;
  grid-column:3!important;
  grid-row:2!important;
}

.topViewControlsV311{
  display:contents!important;
}

.topViewControlsV311 button{
  width:100%!important;
  min-height:28px!important;
  padding:3px 6px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#334155!important;
  cursor:pointer!important;
}

.topViewControlsV311 [data-top-view-toggle-v311="weekend"]{
  order:1!important;
  grid-column:1!important;
  grid-row:1!important;
}

.topViewControlsV311 [data-top-view-toggle-v311="created"]{
  order:5!important;
  grid-column:1!important;
  grid-row:2!important;
}

.topViewControlsV311 button.active{
  border-color:rgba(21,90,148,.32)!important;
  background:#eef6ff!important;
  color:#155a94!important;
}

.actions > button{
  order:2!important;
}

.webCopyrightV167{
  max-width:980px!important;
  margin:-10px auto 0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#64748b!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:560!important;
  line-height:1.35!important;
  text-align:center!important;
  box-shadow:none!important;
  opacity:.72!important;
}

.webCopyrightMainV167,
.webCopyrightAuthorV167{
  font-family:inherit!important;
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}

.webCopyrightAuthorV167{
  margin-top:1px!important;
  color:#94a3b8!important;
}

.noteResetV310{
  position:absolute!important;
  top:50%!important;
  left:calc(100% + 8px)!important;
  display:grid!important;
  grid-template-columns:14px 10px!important;
  align-items:center!important;
  gap:1px!important;
  width:30px!important;
  height:19px!important;
  min-height:19px!important;
  padding:0 2px!important;
  border:1px solid rgba(217,154,0,.36)!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  color:#8a4b00!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
  transform:translateY(-50%)!important;
}

.noteResetV310 span{
  display:grid!important;
  place-items:center!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#155a94!important;
  font-size:10px!important;
}

@media(max-width:760px){
  .planNoteSlotV318 > .planNoteAddV310{
    position:static!important;
    margin:0 0 5px!important;
    opacity:.55!important;
  }

  .planNoteSlotEmptyV318{
    height:auto!important;
    margin:0 0 2mm!important;
  }
}

@media print{
  @page{
    size:A4 portrait;
    margin:8mm;
  }

  html,
  body{
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }

  body *{
    visibility:hidden!important;
  }

  .page,
  .layout,
  .previewShell,
  .previewPage,
  #preview,
  #preview .docHeader,
  #preview .docHeader *,
  #preview .planTable,
  #preview .planTable *,
  #preview .podpisFinal41,
  #preview .podpisFinal41 *{
    visibility:visible!important;
  }

  .top,
  .panel,
  .webCopyrightV167,
  .createdDateV184,
  .planNoteSlotV318,
  .pageBreakGuideV322,
  .planRowDeleteV302,
  .planRowChangeToolsV304,
  .planFieldResetV304,
  .manualRowControlsV316,
  .signatureChangeToolsV310,
  .noteResetV310,
  .planStylePopoverV307,
  .timeChoicePopoverV307{
    display:none!important;
    visibility:hidden!important;
  }

  .page,
  .layout,
  .previewShell,
  .previewPage,
  #preview{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
    overflow:visible!important;
  }

  #preview .planTable{
    width:100%!important;
    table-layout:auto!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:#fff!important;
    box-shadow:none!important;
    page-break-before:auto!important;
  }

  #preview .planTable thead{
    display:table-header-group!important;
  }

  #preview .planTable tfoot{
    display:table-footer-group!important;
  }

  #preview .planTable tr,
  #preview .planTable td,
  #preview .planTable th{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  #preview .planTable th{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }

  #preview .planTable td{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
}

.pdfExportV319{
  width:198mm;
  margin:0 auto;
  padding:0;
  background:#fff;
  color:#172033;
  font-family:"Open Sans",Arial,sans-serif;
}

.vectorPdfPreviewV322{
  margin:0!important;
  padding:6mm!important;
  background:#fff!important;
}

.pdfExportV319 .previewPage{
  width:198mm!important;
  min-height:297mm!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  box-shadow:none!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.pdfExportV319 .previewPage,
.pdfExportV319 .previewPage *{
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.pdfExportV319 .docHeader{
  margin-top:0!important;
  padding-top:0!important;
  transform:none!important;
  background:#fff!important;
}

.pdfExportV319 .docHeader.headerV93{
  margin-top:0!important;
  padding-top:0!important;
}

.pdfExportV319 .docHeader.headerV93 .docLogo{
  width:auto!important;
  height:auto!important;
  max-width:162px!important;
  max-height:112px!important;
  object-fit:contain!important;
  aspect-ratio:auto!important;
}

.pdfExportV319 .planNoteAddV310,
.pdfExportV319 .noteResetV310,
.pdfExportV319 .pageBreakGuideV322,
.pdfExportV319 .dayAddRowV308,
.pdfExportV319 .planFieldResetV304,
.pdfExportV319 .planRowChangeToolsV304,
.pdfExportV319 .manualRowControlsV316{
  display:none!important;
}

.pdfExportV319 .planTable{
  width:100%!important;
  table-layout:auto!important;
  border-color:#cfdbe7!important;
  box-shadow:none!important;
}

.pdfExportV319 .planTable thead{display:table-header-group!important}
.pdfExportV319 .planTable tr{
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}

.pdfExportV319 .planTable th,
.pdfExportV319 .planTable td,
.pdfExportV319 .planEditableCellV302{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

.pdfExportV319 .planTable th,
.pdfExportV319 .planTable td{
  border-color:#d7e2ec!important;
}

.pdfExportV319 .planNoteWrapV310,
.pdfExportV319 .planNoteFinalV193,
.pdfExportV319 .planNoteInlineV310{
  break-inside:avoid!important;
  page-break-inside:avoid!important;
}

.previewPage td.responsibleCellV213:focus{
  background:#fffdf4!important;
}

@media(max-width:1050px){
  .top{
    grid-template-columns:auto minmax(0,1fr)!important;
  }

  .top .actions{
    margin-left:auto!important;
    grid-column:1 / -1!important;
    width:366px!important;
    max-width:100%!important;
    justify-content:end!important;
  }

  .topWeekControlsV310{
    justify-self:start!important;
  }

  .panel{
    position:static!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .layout{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:560px){
  .top{
    gap:7px!important;
    padding:8px!important;
  }

  .top .logo{
    width:42px!important;
    height:42px!important;
    max-height:42px!important;
    border-radius:11px!important;
  }

  .top .school{
    font-size:18px!important;
  }

  .top .actions{
    grid-template-columns:58px minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:28px 28px!important;
    width:100%!important;
    margin-left:0!important;
    gap:3px!important;
  }

  .top .actions button{
    font-size:10px!important;
    font-weight:720!important;
  }

  .actions .outputPrintPdfV313,
  .actions .outputEsborovnaV313{
    width:100%!important;
    min-width:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .topWeekControlsV310 > div:last-child button:first-child,
  .topWeekControlsV310 > div:last-child button:last-child,
  .topViewControlsV311 button{
    min-width:0!important;
    padding-left:3px!important;
    padding-right:3px!important;
    font-size:10px!important;
  }
}