/* v8.28 · Zoom settings, phone layout, full-height Items */
/* Previous iOS input-wide style inadvertently matched radio inputs as well.
   Enforce native compact radio geometry and single-column phone layout. */
#modalLayer .titi-layout-settings,#modalLayer .layout-mode-options{
  min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
#modalLayer .layout-mode-options{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;border:0!important;padding:0!important;margin:8px 0!important;}
#modalLayer .layout-mode-option{width:100%!important;min-width:0!important;min-height:42px!important;max-width:100%!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;padding:9px 11px!important;
  word-break:keep-all!important;overflow-wrap:normal!important;white-space:normal!important;line-height:1.4!important;}
#modalLayer .layout-mode-option span{display:block!important;min-width:0!important;flex:1 1 0%!important;
  white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;line-height:1.35!important;font-size:12px!important;}
#modalLayer .layout-mode-options input[type="radio"]{
  -webkit-appearance:radio!important;appearance:auto!important;
  flex:0 0 16px!important;display:inline-block!important;
  width:16px!important;min-width:16px!important;max-width:16px!important;
  height:16px!important;min-height:16px!important;max-height:16px!important;
  margin:0!important;padding:0!important;border:0!important;
  border-radius:50%!important;background:transparent!important;accent-color:#32312e!important;
}
/* Zoom controls are intentionally the first settings section. */
#modalLayer .titi-zoom-settings{padding-top:0!important;}
#modalLayer .titi-zoom-settings h3{font-size:14px!important;color:#302e2b!important;}
#modalLayer .titi-zoom-row{display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-bottom:1px solid #e1ded7;padding:9px 0;min-width:0!important;}
#modalLayer .titi-zoom-name{font-size:12px;white-space:nowrap;color:#4b4843;font-weight:600;}
#modalLayer .titi-zoom-stepper{display:flex;align-items:center;gap:0;flex:0 0 auto;border:1px solid #cfcbc4;border-radius:5px;overflow:hidden;background:#fffdfa;}
#modalLayer .titi-zoom-stepper button{width:40px;height:39px;min-width:40px;min-height:39px;
  border:0;background:#f5f3ee;color:#383631;font-size:19px;line-height:1;cursor:pointer;}
#modalLayer .titi-zoom-stepper button:first-child{border-right:1px solid #d5d2cb;}
#modalLayer .titi-zoom-stepper button:last-child{border-left:1px solid #d5d2cb;}
#modalLayer .titi-zoom-stepper output{width:62px;text-align:center;font-size:13px;color:#302e2a;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums;}
#modalLayer .titi-zoom-reset{margin:11px 0 6px;padding:10px!important;width:100%;font-size:11px!important;
  border:1px solid #b4afa5!important;background:#eeece6!important;color:#3e3a35!important;}
/* An Item must fill the exact scheduled pixel duration (not only the text). */
.day-timeline-grid .time-block.check-card[data-slot-start],
.week-track .time-block.check-card[data-slot-start]{box-sizing:border-box!important;min-height:0!important;}
.day-timeline-grid .time-block.check-card .item-visual,
.week-track .time-block.check-card .item-visual{
  height:100%!important;min-height:0!important;max-height:100%!important;
  box-sizing:border-box!important;align-items:stretch!important;overflow:hidden!important;
}
.day-timeline-grid .time-block.check-card .item-visual>.inline-edit,
.week-track .time-block.check-card .item-visual>.inline-edit{
  height:100%!important;min-height:0!important;max-height:100%!important;
  box-sizing:border-box!important;overflow:hidden!important;
}
/* Sub-30 minute Item: one compact line; click opens full details. */
.time-block.compact-interval .item-type,
.time-block.compact-interval .block-time,
.time-block.compact-interval .schedule-note-preview{display:none!important;}
.time-block.compact-interval .block-text{
  padding:1px 3px!important;line-height:1.14!important;white-space:nowrap!important;
  text-overflow:ellipsis!important;overflow:hidden!important;
}
.time-block.compact-interval .block-title{
  font-size:10px!important;white-space:nowrap!important;display:block!important;
  text-overflow:ellipsis!important;overflow:hidden!important;line-height:1.25!important;
}
.time-block.compact-interval.check-card input[type="checkbox"]{
  flex:0 0 14px!important;width:14px!important;min-width:14px!important;height:14px!important;
  min-height:14px!important;align-self:center!important;margin-right:3px!important;
}
/* In 7-day mode the checkbox remains hidden by fix-v8-24.css. */
.week-track.overview .time-block.compact-interval .block-title{
  display:block!important;-webkit-line-clamp:unset!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;word-break:keep-all!important;
}