/* Le Mie Ore · Build 55 TEST. Mobile editor presentation only.
   Keep all original fields and their bound listeners. Theme variables are inherited. */
@media screen and (max-width:760px){
  body.v21-calendar-active.v21-editor-open #calendarPage #dayEditorCard:not([hidden]){
    padding:0 10px calc(23px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;
    background:var(--v24-cards,var(--v24-card,#fff9fc))!important;
  }
  body.v21-calendar-active.v21-editor-open #calendarPage #dayEditorCard:not([hidden])>.v21-editor-head{
    box-sizing:border-box!important;
    display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;
    gap:8px!important;align-items:center!important;
    width:100%!important;max-width:100%!important;margin:0 0 7px!important;
    padding:calc(6px + env(safe-area-inset-top,0px)) 3px 6px!important;
    min-height:56px!important;position:sticky!important;left:auto!important;right:auto!important;
    overflow:visible!important;
    border-bottom:1px solid var(--v24-primary,#ead0dd)!important;
    background:var(--v24-cards,var(--v24-card,#fff9fc))!important;
    z-index:1001!important;
  }
  #calendarPage #dayEditorCard>.v21-editor-head strong{
    display:block!important;min-width:0!important;white-space:normal!important;
    overflow-wrap:normal!important;word-break:normal!important;
    text-align:center!important;font-size:clamp(15px,4vw,17px)!important;
    line-height:1.12!important;color:var(--v24-card-text,#84355b)!important;
  }
  #calendarPage #dayEditorCard>.v21-editor-head .v21-icon-button{
    width:42px!important;min-width:42px!important;height:42px!important;
    min-height:42px!important;max-width:42px!important;
    padding:0!important;justify-self:center!important;flex-shrink:0!important;
    border-radius:14px!important;font-size:24px!important;
  }
  #calendarPage #dayEditorCard>.f55-editor-basics{
    display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:8px;margin:0 0 4px;min-width:0;
  }
  #calendarPage #dayEditorCard .f55-editor-basics>.v21-field-row{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:3px!important;min-width:0!important;min-height:0!important;
    padding:2px 0 5px!important;border:0!important;
  }
  #calendarPage #dayEditorCard .f55-editor-basics>.v21-field-row>label{
    font-size:12px!important;font-weight:700!important;margin:0!important;
    line-height:1.15!important;color:var(--v24-card-text,#633c55)!important;
  }
  #calendarPage #dayEditorCard .f55-editor-basics .date-field,
  #calendarPage #dayEditorCard .f55-editor-basics input[type="date"],
  #calendarPage #dayEditorCard .f55-editor-basics select{
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:43px!important;min-height:43px!important;padding:6px 4px!important;
    margin:0!important;font-size:16px!important;text-align:left!important;
    border:1px solid var(--v24-primary,#e5c2d4)!important;
    border-radius:10px!important;background:var(--v24-card,#fff9fc)!important;
  }
  #calendarPage #dayEditorCard .f55-editor-basics .date-field{height:auto!important;border:0!important;padding:0!important;background:transparent!important}
  #calendarPage #dayEditorCard .f55-editor-basics #v13EditorJobWrap:not([hidden]){
    margin-bottom:5px!important;
  }
  #calendarPage #dayEditorCard .f55-editor-basics #v13EditorJobWrap label{
    font-size:11px!important;margin:0 0 3px!important;
  }
  #calendarPage #dayEditorCard .f55-editor-basics>#v13EditorJobWrap:not([hidden]){
    display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
    gap:3px!important;min-width:0!important;padding:2px 0 5px!important;margin:0!important;
  }
  #calendarPage #dayEditorCard .f55-editor-basics>#v13EditorJobWrap:not([hidden]) label{
    display:block!important;font-size:12px!important;font-weight:700!important;
    margin:0!important;line-height:1.15!important;
  }
  #calendarPage #dayEditorCard .f55-editor-basics>#v13EditorJobWrap:not([hidden]) select{
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:43px!important;min-height:43px!important;padding:5px 4px!important;
    margin:0!important;font-size:16px!important;border-radius:10px!important;
    border:1px solid var(--v24-primary,#e5c2d4)!important;
    background:var(--v24-card,#fff9fc)!important;
  }
  #calendarPage #dayEditorCard .f55-editor-basics:has(#v13EditorJobWrap:not([hidden]))>.v21-field-row:has(#status){
    grid-column:1/-1!important;
  }
  #calendarPage #dayEditorCard #holidayLabel{font-size:11px!important;line-height:1.2!important;margin:0 0 3px!important}
  #calendarPage #dayEditorCard #favoriteQuickSection{
    padding:5px 8px!important;margin:3px 0 6px!important;border-radius:10px!important;
    background:var(--v24-secondary,#fff2f8)!important;
  }
  #calendarPage #dayEditorCard #favoriteQuickSection .favorite-quick-header strong{font-size:12px!important}
  #calendarPage #dayEditorCard #openFavoriteSettings{display:none!important}
  #calendarPage #dayEditorCard #favoriteQuickHint{font-size:10px!important;line-height:1.2!important;margin:2px 0!important}
  #calendarPage #dayEditorCard #favoriteQuickSection:has(.favorite-apply-buttons button) #favoriteQuickHint{display:none!important}
  #calendarPage #dayEditorCard .favorite-apply-buttons{gap:4px!important;margin-top:3px!important}
  #calendarPage #dayEditorCard .favorite-apply-buttons button{min-height:34px!important;padding:4px 6px!important;font-size:11px!important}
  #calendarPage #dayEditorCard #workArea{margin-top:4px!important}
  #calendarPage #dayEditorCard #workArea .shift{
    padding:8px!important;margin:5px 0!important;
    border:1px solid var(--v24-primary,#ecd0df)!important;
    border-radius:12px!important;
    background:var(--v24-cards,#fff)!important;
    max-width:100%!important;min-width:0!important;
  }
  #calendarPage #dayEditorCard .shift>.bar{
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;gap:5px!important;margin:0 0 6px!important;
  }
  #calendarPage #dayEditorCard .shift>.bar>strong{font-size:14px!important;white-space:nowrap!important}
  #calendarPage #dayEditorCard .shift>.bar .f55-duration{
    margin:0!important;padding:0!important;font-size:11px!important;
    text-align:center!important;min-width:0!important;white-space:nowrap!important;
    color:var(--v24-card-text,#704560)!important;
  }
  #calendarPage #dayEditorCard .shift>.bar [data-delete]{
    min-height:34px!important;padding:5px 11px!important;font-size:12px!important;
    width:auto!important;white-space:nowrap!important;
  }
  #calendarPage #dayEditorCard .shift>.shift-state{margin:0 0 7px!important;padding:0!important}
  #calendarPage #dayEditorCard .shift .shift-state>span{display:none!important}
  #calendarPage #dayEditorCard .shift .shift-state-buttons{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;margin:0!important;
  }
  #calendarPage #dayEditorCard .shift .shift-state-button{
    min-height:40px!important;height:40px!important;padding:6px 3px!important;
    border-radius:9px!important;font-size:12px!important;line-height:1.1!important;
    width:100%!important;min-width:0!important;
  }
  #calendarPage #dayEditorCard .shift>.grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;margin:0 0 6px!important;
  }
  #calendarPage #dayEditorCard .shift>.grid>div{gap:2px!important;min-width:0!important}
  #calendarPage #dayEditorCard .shift :is(.grid,.f55-pause-grid) label{
    min-height:0!important;height:auto!important;padding:0!important;margin:0 0 2px!important;
    font-size:11.5px!important;line-height:1.16!important;font-weight:650!important;
  }
  #calendarPage #dayEditorCard .shift input[type="time"],
  #calendarPage #dayEditorCard .shift input[type="number"]{
    box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;
    height:43px!important;min-height:43px!important;max-height:43px!important;
    padding:5px 4px!important;font-size:16px!important;line-height:1.15!important;
    border-radius:10px!important;
    background:var(--v24-card,#fff9fc)!important;
    border:1px solid var(--v24-primary,#e7bdcf)!important;
  }
  #calendarPage #dayEditorCard .shift .f55-pause-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;margin:0 0 6px!important;
  }
  #calendarPage #dayEditorCard .shift .f55-pause-grid>div{min-width:0!important;display:flex!important;flex-direction:column!important}
  #calendarPage #dayEditorCard .shift>.shift-type-buttons{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;width:100%!important;max-width:100%!important;
    margin:3px 0 0!important;
  }
  #calendarPage #dayEditorCard .shift>.shift-type-buttons .shift-type-button{
    min-height:46px!important;height:46px!important;max-height:46px!important;
    min-width:0!important;width:100%!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:1px!important;margin:0!important;padding:3px 1px!important;
    font-size:10px!important;line-height:1.12!important;
    border-radius:10px!important;overflow:hidden!important;
  }
  #calendarPage #dayEditorCard .shift .f55-type-icon{font-size:15px!important;line-height:1!important;display:block}
  #calendarPage #dayEditorCard .shift .f55-type-name{font-size:clamp(9px,2.45vw,11px)!important;white-space:nowrap!important;display:block}
  #calendarPage #dayEditorCard .shift>.shift-type-buttons+*{margin-top:4px!important}
  #calendarPage #dayEditorCard .f55-work-footer{
    display:grid!important;grid-template-columns:minmax(105px,.85fr) minmax(0,1.2fr)!important;
    gap:6px!important;align-items:stretch!important;margin:5px 0!important;
  }
  #calendarPage #dayEditorCard .f55-work-footer #addShift{
    width:100%!important;min-height:43px!important;height:auto!important;
    padding:5px 5px!important;font-size:12px!important;line-height:1.16!important;
  }
  #calendarPage #dayEditorCard .f55-work-footer .f55-total{
    min-width:0!important;max-width:100%!important;margin:0!important;
    padding:4px 7px!important;border-radius:10px!important;
    font-size:10px!important;line-height:1.12!important;
  }
  #calendarPage #dayEditorCard .f55-total strong{
    font-size:10.5px!important;line-height:1.2!important;margin:2px 0 0!important;
    overflow-wrap:anywhere!important;
  }
  #calendarPage #dayEditorCard>.f55-notes{display:block!important;min-height:0!important;padding:4px 0!important;margin:4px 0!important}
  #calendarPage #dayEditorCard>.f55-notes>label{font-size:12px!important;margin:0!important}
  #calendarPage #dayEditorCard>.f55-notes textarea{
    display:block;width:100%!important;max-width:100%!important;min-height:48px!important;
    height:48px!important;max-height:110px!important;margin:4px 0 0!important;
    padding:7px 9px!important;border-radius:10px!important;
    font-size:16px!important;line-height:1.22!important;
  }
  #calendarPage #dayEditorCard #f55CopyDetails{
    margin:7px 0!important;padding:0!important;
    border:1px solid var(--v24-primary,#edcddd)!important;
    border-radius:11px!important;overflow:visible!important;
    background:var(--v24-secondary,#fff2f7)!important;
  }
  #calendarPage #dayEditorCard #f55CopyDetails>summary{
    list-style:none!important;cursor:pointer!important;padding:8px 11px!important;
    font-size:12px!important;min-height:37px!important;font-weight:700!important;
    color:var(--v24-card-text,#693b54)!important;
  }
  #calendarPage #dayEditorCard #f55CopyDetails>summary::after{content:'⌄';float:right}
  #calendarPage #dayEditorCard #f55CopyDetails[open]>summary::after{content:'⌃'}
  #calendarPage #dayEditorCard #f55CopyDetails>summary::-webkit-details-marker{display:none}
  #calendarPage #dayEditorCard #f55CopyDetails>.hint{
    padding:8px!important;margin:0!important;background:transparent!important;border:0!important;
  }
  #calendarPage #dayEditorCard #f55CopyDetails .hint strong{font-size:12px!important}
  #calendarPage #dayEditorCard #f55CopyDetails #copyPrevious{min-height:37px!important;padding:6px!important}
  #calendarPage #dayEditorCard>.actions{margin-top:7px!important}
  #calendarPage #dayEditorCard>.actions>#remove{min-height:38px!important;padding:6px 8px!important}
  #calendarPage #dayEditorCard #undoDayBar{margin-top:7px!important}
}
@media screen and (max-width:345px){
  #calendarPage #dayEditorCard .shift>.shift-type-buttons{gap:3px!important}
  #calendarPage #dayEditorCard .shift .f55-type-name{font-size:9px!important}
  #calendarPage #dayEditorCard .f55-editor-basics{gap:5px!important}
  #calendarPage #dayEditorCard .shift>.bar .f55-duration{font-size:10px!important}
}
@media print{#f55CopyDetails{display:none!important}}