/* Mobile reading sizes and reservation details. Loaded after existing styles. */
.fh-popup-row .fh-popup-customer{display:block;font-size:18px;line-height:1.5;margin-top:5px;overflow-wrap:anywhere;white-space:normal}
.fh-popup-row .fh-popup-description{font-size:16px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.info-grid label{font-size:14px;line-height:1.5}
.info-grid span{font-size:17px;line-height:1.65}
.reservation-customer-name{font-size:26px;line-height:1.4;overflow-wrap:anywhere}
.drawer-body .card h3{font-size:18px}
.reservation-detail-items{font-size:16px;line-height:1.65}
.staff-screen-drawer{width:min(1100px,100%)}
.staff-screen-content{min-width:0}.staff-screen-content .pagehead{flex-wrap:wrap}
.staff-screen-content .dashboard-overview{min-width:0}.staff-screen-content .content-grid{grid-template-columns:minmax(0,1fr)}
.staff-screen-content button:disabled{opacity:.75}
@media screen and (max-width:760px){
body{font-size:16px;line-height:1.6}
#toast,
.app-confirm label,
.archived-customer-row,
.auth-layout .remember-option,
.auth-layout .remember-option small,
.avatar,
.badge,
.beta,
.beta b,
.branch,
.breadcrumb,
.breadcrumb,.beta,.subtitle,.metric-label,.metric-action,.metric small,.panel-head small,.branch,.badge,.date-small,.row-link small,.task small,.staff-preview-button small,.todo-panel small,
.cal-event,
.cal-holiday,
.cal-holiday-note,
.cal-select-all,
.cal-todo,
.cal-todo-summary,
.cal-todo-summary,.cal-todo,
.calendar-batch button,
.calendar-batch strong,
.card h3,
.card p,
.chips button,
.completion-message-form h4,
.completion-message-readonly,
.consult-body input,.consult-body select,.consult-body textarea,
.consult-body>label,.consult-fields>label,.consult-extras>label,.consult-recipe-row>label,
.consult-cost-table>div span,
.consult-custom-add b,
.consult-custom-add small,
.consult-disclaimer,.consult-hint,
.consult-examples button,
.consult-flower button,
.consult-flower>div>strong,
.consult-precautions label,
.consult-precautions legend,
.consult-purchase-form input,
.consult-purchase-form label,
.consult-purchase-option small,
.consult-purchase-option strong,
.consult-purchase-picked small,
.consult-purchase-picked strong,
.consult-recipe-row label small,
.consult-recipe-row>strong,
.consult-result-title,
.consult-tabs button,
.consult-tags i,
.consult-totals small,
.customer-caution-button,
.customer-caution-editor .field,
.customer-caution-text,
.customer-completion-message p,
.customer-completion-message span,
.customer-entry .customer-note input[name="preferenceNote"],
.customer-entry .customer-note>label,
.customer-gallery-controls,
.customer-heading .muted,
.customer-heading strong,
.customer-hero p,
.customer-order,
.customer-order b,
.customer-order small,
.customer-position,
.customer-ready-photo span,
.customer-review-invite a,
.customer-review-invite p,
.customer-review-invite small,
.customer-work-state.complete,
.dashboard-sales-breakdown,
.dashboard-sales-note,
.dashboard-summary-head small,
.dashboard-summary-row span,
.date-small,
.day-select span,
.daynum,
.daynum,th,.badge,.info-grid label,
.directory-note,
.drawer .info-grid label,.drawer .form-grid label,.drawer .field,.drawer .note,
.drawer .info-grid span,.drawer .form-grid input,.drawer .form-grid select,.drawer .form-grid textarea,.drawer .field input,.drawer .field select,.photo-controls label,
.empty,
.error,
.eyebrow,
.fh-agenda-empty,
.fh-agenda-main small,
.fh-agenda-main strong,
.fh-agenda-task,
.fh-agenda-time,
.fh-cal-count,
.fh-cal-grid .cal-holiday,
.fh-cal-grid .fh-day-number.daynum,
.fh-cal-grid .fh-event-line .cal-event,
.fh-cal-grid .fh-more-events,
.fh-cal-grid .fh-todo-mark,
.fh-cal-grid .weekday,
.fh-calendar-hint,
.fh-calendar-meta,
.fh-calendar-panel .fh-cal-grid .fh-season-mini,
.fh-calendar-panel .fh-color-settings,.fh-calendar-panel .fh-art-setting,
.fh-calendar-panel .fh-google-layout .fh-calendar-week>.fh-cal-day .cal-holiday,
.fh-calendar-panel .fh-google-layout .fh-calendar-week>.fh-cal-day .fh-cal-count,
.fh-calendar-panel .fh-google-layout .fh-calendar-week>.fh-cal-day .fh-today-tag,
.fh-calendar-panel .filters select,
.fh-day-popup h3,
.fh-day-popup header small,
.fh-day-popup>footer,
.fh-day-todos h4,
.fh-detail-create button,
.fh-detail-head p,
.fh-detail-kicker,
.fh-marker-zone small,
.fh-month-controls .fh-today-button,
.fh-popup-actions button,
.fh-popup-row b,
.fh-popup-row small,
.fh-popup-summary,
.fh-season-action,
.fh-view-switch button,
.filters input,.filters select,
.filters input,.filters select,.chips button,.row-link,table,.task,.staff-preview-button span,.todo-row,.todo-panel p,
.florist-active-title,
.florist-all-colors,
.florist-all-colors li small,
.florist-basic small,
.florist-basic strong,
.florist-card-body .flower-upload,
.florist-card-footer details,
.florist-card-footer details p,
.florist-card-footer summary,
.florist-color,
.florist-color-heading small,
.florist-color-heading strong,
.florist-controls label,
.florist-controls select,
.florist-dictionary .flower-intro input,
.florist-disclaimer,
.florist-general,
.florist-meaning-top span,
.florist-meaning-top strong,
.florist-photo>span,
.florist-selected-meaning p,
.florist-selected-meaning small,
.florist-tag,
.florist-usage,
.flower-card .flower-alias,
.flower-card .flower-meaning,
.flower-card .flower-note,
.flower-card a,
.flower-card h3 span,
.flower-card p,
.flower-card small,
.flower-card summary,.flower-source summary,
.flower-consult h4,
.flower-controls label,
.flower-controls select,
.flower-evidence p,
.flower-guide,
.flower-intro input,
.flower-intro p,
.flower-result-count,
.flower-source,
.flower-source p,
.flower-upload,
.footer,
.form-grid input,.form-grid select,.form-grid textarea,.field input,.field select,
.form-grid label,.field,
.hero p,
.info-grid label,
.info-grid span,
.ledger-branch-details summary,
.ledger-cal-legend,
.ledger-day-empty,
.ledger-day-summary b,
.ledger-day-summary span,
.ledger-day-top b,
.ledger-day-top small,
.ledger-day-values,
.ledger-detail-actions button,
.ledger-detail-head h3,
.ledger-entry-actions strong,
.ledger-entry-main small,
.ledger-entry-main strong,
.ledger-filter,
.ledger-filter input,.ledger-filter select,
.ledger-heading p,
.ledger-kicker,
.ledger-line,
.ledger-line strong,.ledger-line b,
.ledger-month-label small,
.ledger-month-label strong,
.ledger-month-metrics b,
.ledger-month-metrics span,
.ledger-month-switch strong,
.ledger-tag,
.ledger-toolbar label,
.ledger-total h3,
.ledger-total small,
.ledger-weekday,
.log,
.log time,
.manager-sixhour-banner,
.manager-sixhour-banner strong,
.manager-warning .task small,
.map-link,
.metric .number span,
.metric label,
.metric small,
.metric-action,
.metric-label,
.nav button,
.note,
.notice-list,
.order-item-detail,
.order-item-grid label,
.order-line-total,
.order-progress-stage,
.order-total,.order-grand-total,
.pagehead .toolbar button,
.panel-head h2,
.panel-head small,
.phone-field small,
.photo-controls .photo-replace,
.photo-controls label,
.pickup-action button,
.pickup-action small,
.purchase-history-grid article b,
.purchase-history-grid article small,
.purchase-history-grid article strong,
.purchase-line-heading small,
.purchase-summary,
.refresh-button,
.reservation-search-hint,
.review,
.row-link,
.row-link small,
.row-link,.row-link small,
.sales-branches,
.schedule-note,
.schedule-note p,
.search-count,
.season-bar,
.season-chip,
.season-edit input,
.season-edit label,
.season-edit strong,
.season-legend-item,
.season-more,
.season-notice,
.seasonal-details>summary small,
.seasonal-details>summary strong,
.seasonal-flower-items li small,
.seasonal-flower-items li strong,
.seasonal-month-select,
.seasonal-month-select select,
.seasonal-month-title,
.seasonal-note,.seasonal-credit,
.seasonal-source-group>summary,
.shell,
.shell button,
.shell button.small,
.side-note,
.side-note strong,
.sidebar .nav button,
.small,
.staff-attendance-table table,
.staff-directory-summary label,
.staff-directory-summary select,
.staff-directory-summary span,
.staff-entry,
.staff-mini-empty,.staff-more-count,
.staff-preview-button strong,
.staff-profile-identity p,.staff-profile-identity small,
.staff-profile-meta p,.staff-profile-meta small,
.staff-profile-subhead button,
.staff-profile-subhead strong,
.staff-recent-shifts>strong,
.staff-shift-mini,
.staff-status,
.staff-strip,
.staff-task-day,
.staff-task-info small,
.staff-task-info strong,
.staff-task-item button,
.staff-task-status,
.step,
.subtitle,
.subtitle,table,.task,.branch,.cal-event,
.task,
.task small,
.tax-grid .info-grid span,
.todo-assignee p,
.todo-assignee>label,
.todo-empty,
.todo-panel-head button,
.todo-panel-head h2 small,
.todo-panel-head p,
.todo-row .branch,
.todo-sharing-question,
.todo-sharing-question small,
.todo-sharing-question strong,
.todo-title,
.todo-title small,
.todo-visibility-label,
.toolbar label,
.userbar select,
.weekday,
.weekday,.daynum,.cal-todo,.cal-todo-summary,
/* Compact calendar holiday labels and customer production steps. */
.cal-holiday,
/* Store seasons and customer handoff */
.season-bar,
button,
table,
th{font-size:16px!important}
button,.small,.chips button{min-height:44px;line-height:1.4}
input,select,textarea{font-size:16px!important;min-height:44px;max-width:100%}
input[type=checkbox],input[type=radio]{min-height:20px;width:20px;height:20px;flex-shrink:0}
.topbar{height:auto;min-height:85px;flex-wrap:wrap;padding-block:12px}
.userbar{flex-wrap:wrap;gap:8px;max-width:100%}.userbar .avatar{flex-shrink:0}
.pagehead,.panel-head{flex-wrap:wrap;align-items:flex-start}.toolbar{flex-wrap:wrap}
.nav{overflow-x:auto}.nav button{flex-shrink:0;white-space:nowrap}
.beta{align-items:flex-start;flex-wrap:wrap}.beta span{min-width:0;flex:1 1 200px}
.drawer-body{padding:16px}.drawer-head{padding:16px;gap:10px}.card{padding:18px}
.info-grid{grid-template-columns:minmax(0,1fr);gap:18px}.info-grid .wide{grid-column:1}
.info-grid label{font-size:14px!important}.info-grid span{font-size:18px!important}
.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .wide{grid-column:1}
.card p,.log{line-height:1.7;overflow-wrap:anywhere}.log pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}
.badge,.branch,.date-small,.row-link small,.step,.eyebrow,.footer{font-size:14px!important}
.progress{flex-wrap:wrap;row-gap:16px}.step{flex:1 1 28%}
.actions button{flex:1 1 140px;white-space:normal}.row-link{min-height:44px}
.fh-popup-row span{min-width:0}.fh-popup-row .fh-popup-customer{font-size:20px!important}.fh-popup-row .fh-popup-description{font-size:17px!important}
.fh-day-number.daynum{font-size:16px!important}.fh-today-tag,.cal-holiday,.fh-season-band{font-size:12px!important}
.fh-cal-day{min-width:0}.ledger-day-values{font-size:13px!important}.ledger-day-top small{font-size:12px!important}
.staff-screen-content .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-screen-content .metric{min-width:0;padding:14px}
.staff-screen-content .metric .number{overflow-wrap:anywhere}
}
@media screen and (max-width:380px){.metrics,.ledger-day-summary{gap:8px}.metric{padding:14px 10px}.drawer-body{padding:10px}.card{padding:14px}}

.staff-screen-content .fh-day-detail{display:block!important;position:static!important}
.staff-screen-content .fh-calendar-layout{grid-template-columns:minmax(0,1fr)}

/* Keep mobile reservation information within a bounded touch scroll area. */
@media screen and (max-width:760px){
 .reservation-detail-overlay{height:100vh;height:100dvh;overflow:hidden}
 .reservation-detail-overlay .drawer{height:100%;max-height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}
 .reservation-detail-overlay .drawer-head{padding-top:max(16px,env(safe-area-inset-top));flex-shrink:0}
 .reservation-detail-overlay .drawer-body{padding-bottom:max(16px,env(safe-area-inset-bottom))}
 .reservation-detail-overlay .info-grid{max-height:360px;max-height:min(360px,44dvh);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding:4px 8px 12px 0;margin-bottom:16px;min-height:0;align-content:start}
 .reservation-detail-overlay .info-grid>div{min-width:0}
}

/* TODAY projects above the top-right cell edge at every viewport width. */
.fh-calendar-panel .fh-google-layout .fh-calendar-week>.fh-cal-day.today{overflow:visible}
.fh-calendar-panel .fh-google-layout .fh-calendar-week>.fh-cal-day.today .fh-today-tag{position:absolute;top:-9px;right:0;grid-column:auto;grid-row:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:13px;min-height:0;line-height:11px;padding:0 3px;margin:0;border:1px solid #c3d8c9;border-bottom:0;border-radius:4px 4px 0 0;background:#dce9df;color:#254d35;font-size:8.5px!important;font-weight:800;letter-spacing:0;white-space:nowrap;pointer-events:none;z-index:6}
.fh-calendar-panel .fh-google-layout .fh-calendar-week>.fh-cal-day.today .fh-cal-day-top{position:static}

.staff-sidebar-name{display:none}.staff-user-name{font-weight:700;color:var(--ink)}.attendance-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.sidebar:has(.staff-sidebar-name){display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,44%);gap:8px;align-items:center;height:auto}.sidebar .nav{grid-column:1/-1;width:100%;min-width:0}.staff-sidebar-name{display:block;position:static;max-width:100%;font-size:16px;line-height:1.45;text-align:right;overflow-wrap:anywhere}.userbar .staff-user-name{display:none}}