/* Felice Client Portal 14.6.28 - drawer reale task giorno calendario */
:root{
  --fcp28-blue:#155eef;
  --fcp28-blue-dark:#0b3b8f;
  --fcp28-text:#0b2444;
  --fcp28-muted:#667085;
  --fcp28-line:#d7e5f5;
  --fcp28-bg:#f3f8ff;
  --fcp28-card:#fff;
  --fcp28-shadow:0 24px 80px rgba(15,35,65,.22);
}

body.fcp-app-root-page .fcp-mobile-month-day,
body.fcp-app-root-page .fcp-mobile-schedule-cell,
body.fcp-app-root-page .fcp-mobile-schedule-event,
body.fcp-app-root-page .fcp-mobile-schedule-more{
  cursor:pointer!important;
}

body.fcp-app-root-page .fcp-day-drawer-14628-backdrop{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  background:rgba(11,24,45,.58)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  z-index:2147483400!important;
}
body.fcp-day-drawer-14628-open .fcp-day-drawer-14628-backdrop,
html.fcp-day-drawer-14628-open .fcp-day-drawer-14628-backdrop{
  display:block!important;
}

body.fcp-app-root-page .fcp-day-drawer-14628{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  width:min(820px,calc(100vw - 36px))!important;
  height:min(760px,calc(100dvh - 52px))!important;
  max-height:calc(100dvh - 52px)!important;
  transform:translate(-50%,-48%) scale(.98)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:2147483500!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:22px!important;
  box-sizing:border-box!important;
  background:var(--fcp28-card)!important;
  border:1px solid var(--fcp28-line)!important;
  border-radius:28px!important;
  box-shadow:var(--fcp28-shadow)!important;
}
body.fcp-day-drawer-14628-open .fcp-day-drawer-14628,
html.fcp-day-drawer-14628-open .fcp-day-drawer-14628{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}

body.fcp-app-root-page .fcp-day-drawer-14628-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid var(--fcp28-line)!important;
  color:var(--fcp28-blue)!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(15,35,65,.08)!important;
  cursor:pointer!important;
}

body.fcp-app-root-page .fcp-day-drawer-14628-head{
  flex:0 0 auto!important;
  margin:0 54px 16px 0!important;
  padding-bottom:14px!important;
  border-bottom:1px solid var(--fcp28-line)!important;
}
body.fcp-app-root-page .fcp-day-drawer-14628-head small{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--fcp28-muted)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.fcp-app-root-page .fcp-day-drawer-14628-head h3{
  margin:0!important;
  color:var(--fcp28-text)!important;
  font-size:26px!important;
  line-height:1.12!important;
  font-weight:950!important;
}
body.fcp-app-root-page .fcp-day-drawer-14628-head p{
  margin:8px 0 0!important;
  color:var(--fcp28-blue)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

body.fcp-app-root-page .fcp-day-drawer-14628-body{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:4px 4px 24px!important;
  box-sizing:border-box!important;
}

body.fcp-app-root-page .fcp-day-drawer-14628-body .fcp-mobile-task-card,
body.fcp-app-root-page .fcp-day-drawer-14628-body [data-fcp-task-card]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:18px!important;
  border:1px solid var(--fcp28-line)!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,35,65,.06)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.fcp-app-root-page .fcp-day-drawer-14628-body .fcp-mobile-task-body{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  text-align:left!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  color:var(--fcp28-text)!important;
}
body.fcp-app-root-page .fcp-day-drawer-14628-body .fcp-mobile-task-body strong{
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:var(--fcp28-text)!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:950!important;
}
body.fcp-app-root-page .fcp-day-drawer-14628-body .fcp-mobile-task-body span,
body.fcp-app-root-page .fcp-day-drawer-14628-body .fcp-mobile-task-note-preview{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  color:var(--fcp28-muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:750!important;
  margin-top:4px!important;
}
body.fcp-app-root-page .fcp-day-drawer-14628-body .fcp-mobile-task-check{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  border:1.5px solid #b8d4f5!important;
  background:#fff!important;
  flex:0 0 auto!important;
}
body.fcp-app-root-page .fcp-day-drawer-14628-body em{
  white-space:nowrap!important;
  border-radius:999px!important;
  padding:6px 9px!important;
  font-size:11px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
  color:#0b3b8f!important;
  background:#edf5ff!important;
}
body.fcp-app-root-page .fcp-day-drawer-14628-body .fcp-mobile-task-more{
  width:34px!important;
  height:34px!important;
  border-radius:13px!important;
  border:1px solid var(--fcp28-line)!important;
  background:#fff!important;
  color:var(--fcp28-blue)!important;
  font-weight:950!important;
}

body.fcp-app-root-page .fcp-day-empty-14628{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  align-items:flex-start!important;
  padding:18px!important;
  border-radius:18px!important;
  border:1px dashed #b8d4f5!important;
  background:#f8fbff!important;
}
body.fcp-app-root-page .fcp-day-empty-14628 strong{
  color:var(--fcp28-text)!important;
  font-size:16px!important;
  font-weight:900!important;
}
body.fcp-app-root-page .fcp-day-empty-14628 span{
  color:var(--fcp28-muted)!important;
  font-size:14px!important;
}
body.fcp-app-root-page .fcp-day-empty-14628 button{
  min-height:44px!important;
  border:0!important;
  border-radius:14px!important;
  padding:0 16px!important;
  color:#fff!important;
  background:var(--fcp28-blue)!important;
  font-weight:900!important;
}

body.fcp-day-drawer-14628-open,
html.fcp-day-drawer-14628-open{
  overflow:hidden!important;
}

@media (max-width:760px){
  body.fcp-app-root-page .fcp-day-drawer-14628{
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    top:max(52px,env(safe-area-inset-top))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    border-radius:24px!important;
    padding:18px 14px 16px!important;
    transform:translateY(12px)!important;
  }
  body.fcp-day-drawer-14628-open .fcp-day-drawer-14628,
  html.fcp-day-drawer-14628-open .fcp-day-drawer-14628{
    transform:translateY(0)!important;
  }
  body.fcp-app-root-page .fcp-day-drawer-14628-head{
    margin-right:46px!important;
  }
  body.fcp-app-root-page .fcp-day-drawer-14628-head h3{
    font-size:21px!important;
  }
  body.fcp-app-root-page .fcp-day-drawer-14628-body{
    padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;
  }
  body.fcp-app-root-page .fcp-day-drawer-14628-body .fcp-mobile-task-card,
  body.fcp-app-root-page .fcp-day-drawer-14628-body [data-fcp-task-card]{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:13px!important;
  }
  body.fcp-app-root-page .fcp-day-drawer-14628-body .fcp-mobile-task-more{
    grid-column:3!important;
  }
  body.fcp-app-root-page .fcp-day-drawer-14628-body em{
    display:none!important;
  }
}