.mobile-page.business-page .panel { background: transparent; border: 0; padding: 0; border-radius: 0; box-shadow: none; margin: 0; }
.business-page.publish-form-open .mobile-nav { display: none; }
.business-page .project-result .project-heading { flex: none; }
.business-page .mobile-header .badge { max-width: 145px; text-align: right; }
.business-page .mobile-header .page-title { font-size: 19px; }
.business-page .section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0; }
.business-page .section-actions { display: flex; gap: 8px; align-items: center; }
.business-page .section-head h2 { font-size: 17px; }
.business-page .section-head .ghost-link { color: var(--blue); font-size: 14px; min-height: 44px; display: flex; align-items: center; }
.business-page .segmented { display: flex; gap: 24px; border: 0; border-bottom: 1px solid var(--line); margin: 0 0 18px; padding: 0; background: transparent; border-radius: 0; overflow-x: auto; }
.business-page .segmented button { border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: var(--muted); padding: 10px 0; min-width: 72px; font-size: 15px; white-space: nowrap; flex: 0 0 auto; }
.business-page .segmented button.active { color: var(--green); border-color: var(--green); box-shadow: none; }
.business-page .task-list { display: grid; gap: 12px; }
.business-page .task-item { border: 1px solid var(--line); border-radius: 6px; background: white; box-shadow: none; padding: 16px; margin: 0; min-width: 0; }
.business-page .task-item > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 0; }
.business-page .project-heading { flex: 1 1 160px; min-width: 0; }
.business-page .project-heading strong { display: block; color: var(--ink); font-size: 16px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }
.business-page .project-code { color: var(--blue); font-weight: 600; font-size: 13px; margin: 0 0 5px; overflow-wrap: anywhere; }
.business-page .task-item > header > span, .business-page .workflow-round > header > span { color: #39668a; background: #edf3f8; font-size: 12px; border: 0; border-radius: 4px; padding: 3px 7px; flex: 0 0 auto; }
.business-page .task-item .task-meta, .business-page .task-item .task-people { margin: 10px 0 0; font-size: 13px; color: var(--muted); overflow-wrap: anywhere; }
.business-page .task-item .task-content { margin: 12px 0; color: var(--ink); font-size: 15px; white-space: pre-wrap; overflow-wrap: anywhere; }
.business-page .task-numbers { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 12px 0 0; font-size: 13px; color: var(--muted); }
.business-page .task-numbers span { background: transparent; border: 0; padding: 0; border-radius: 0; color: var(--muted); font-weight: 400; }
.business-page .task-actions { display: flex; gap: 10px; margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--line); }
.business-page .button-link, .business-page .daily-audit-submit { min-height: 46px; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 6px; padding: 10px 16px; color: white; background: var(--green); border: 1px solid var(--green); }
.business-page .task-actions > * { flex: 1; }
.business-page .task-actions img, .business-page .daily-audit-submit img { width: 18px; height: 18px; }
.business-page .task-actions .warning-link { background: white; color: var(--muted); border-color: #cbd3da; }
.business-page .daily-audit-submit { width: 100%; margin-top: 14px; }
.business-page .task-date-group { border: 0; border-radius: 0; background: transparent; padding: 0; display: grid; gap: 12px; }
.business-page .task-date-group h3 { font-size: 14px; color: var(--muted); margin: 12px 0 0; }
.business-page .daily-audit-status.audit-missing, .business-page .daily-audit-status.audit-data_error { background: #fff0e8; color: #a04829; }
.business-page .daily-audit-status.audit-late { background: #fff5e5; color: #895a11; }
.business-page .daily-audit-status.audit-on_time { background: #edf6f1; color: var(--green); }
.business-page .load-more { width: 100%; margin: 18px 0 0; }
.business-page .empty { text-align: center; color: var(--muted); padding: 30px 12px; margin: 0; font-size: 14px; }
.business-page #message { position: sticky; top: 0; z-index: 8; border-radius: 0; border-block: 0; border-right: 0; font-weight: 400; }
.business-page .daily-audit-pager { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 18px; }
.business-page .filter-summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 16px; font-size: 13px; color: var(--muted); }
.business-page .filter-fields { display: grid; gap: 18px; }
.business-page .dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.business-page .dialog-head h2 { font-size: 18px; }
.business-page .dialog-actions { display: flex; gap: 12px; }
.business-page .dialog-actions button { flex: 1; }
.business-page .selected-task { background: transparent; border: 0; border-radius: 0; padding: 0; margin: 0; }
.business-page .selected-task > .project-heading { margin-bottom: 10px; }
.business-page .selected-task-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; padding: 0; background: transparent; }
.business-page .selected-task-grid p { margin: 0; display: grid; gap: 4px; min-width: 0; }
.business-page .selected-task-grid p span { color: var(--muted); font-size: 13px; }
.business-page .selected-task-grid p strong { color: var(--ink); font-size: 15px; font-weight: 400; white-space: pre-wrap; overflow-wrap: anywhere; }
.business-page .selected-task-grid .wide { grid-column: 1 / -1; }
.business-page .record-context { padding: 18px 0; border-bottom: 1px solid var(--line); }
.business-page .record-context > p { color: var(--muted); font-size: 14px; margin: 8px 0 0; }
.business-page .record-context > .project-heading strong { font-size: 18px; }
.business-page .record-context details { margin-top: 12px; }
.business-page .record-context summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--muted); font-size: 14px; }
.business-page .record-context summary::after { content: ""; margin-left: auto; width: 20px; height: 20px; background: url('/assets/icons/chevron-right.svg') center / contain; }
.business-page .record-context details[open] > summary::after { transform: rotate(90deg); }
.business-page .record-context summary::-webkit-details-marker { display: none; }
.business-page .hazard-fields { border: 0; padding: 0; margin: 0; border-radius: 0; background: transparent; display: grid; gap: 18px; }
.business-page #safetyDailyForm, .business-page #taskForm { display: block; }
.business-page .choice-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.business-page .choice-group button { background: white; color: var(--muted); border: 1px solid #cbd3da; font-size: 16px; }
.business-page .choice-group button[aria-pressed="true"] { background: #edf6f1; border-color: var(--green); color: var(--green); }
.business-page .project-picker, .business-page .people-picker { border: 0; padding: 0; margin: 0 0 18px; background: transparent; min-width: 0; }
.business-page .project-results, .business-page .people-results { display: grid; gap: 6px; max-height: 260px; overflow-y: auto; margin-top: 6px; position: static; border: 0; box-shadow: none; }
.business-page .project-results:empty, .business-page .people-results:empty { display: none; }
.business-page .project-result, .business-page .person-result { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; background: white; border: 1px solid var(--line); color: var(--ink); padding: 12px; text-align: left; font-size: 15px; white-space: normal; overflow-wrap: anywhere; }
.business-page .project-result .project-code { margin: 0; }
.business-page .people-selected, .business-page .project-selected { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.business-page .person-chip, .business-page .project-chip { display: inline-flex; gap: 8px; align-items: center; background: #eaf2f9; color: #235b87; border: 1px solid #cddde9; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; font-size: 14px; text-align: left; padding: 8px 12px; }
.business-page .person-chip img, .business-page .project-chip img { filter: none; width: 18px; height: 18px; }
.mobile-page.business-page button.person-chip > img, .mobile-page.business-page button.project-chip > img, .mobile-page.business-page button.source-preview > img, .mobile-page.business-page .attachment-list button > img { filter: none; }
.business-page .resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 14px 0 0; }
.business-page .resource-card { border: 0; border-radius: 0; background: transparent; padding: 0; min-width: 0; }
.business-page .resource-card span { color: var(--muted); font-size: 12px; }
.business-page .resource-card strong { font-size: 20px; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.business-page .impact { font-size: 14px; padding: 12px; border-radius: 0; border-left: 3px solid var(--blue); background: #eaf2f9; color: #235b87; margin: 18px 0; }
.business-page .impact.warn { border-color: #bc702b; color: #975116; background: #fff3e5; }
.business-page .confirm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.business-page #confirmPanel > h2 { margin-bottom: 16px; }
.business-page .confirmation-actions { margin-top: 20px; }
.business-page .confirm-grid p { display: grid; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 15px; }
.business-page .confirm-grid p span { color: var(--muted); font-size: 13px; }
.business-page .confirm-grid p.wide { grid-column: 1 / -1; }
.business-page .workflow-block { padding: 20px 0; background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; margin: 0; }
.business-page .workflow-block h3, .business-page .workflow-action h3 { margin: 0 0 18px; font-size: 18px; }
.business-page .workflow-block h4 { margin: 18px 0 12px; font-size: 14px; }
.business-page .workflow-round { padding: 16px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; margin: 0; }
.business-page .workflow-round > header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 18px; align-items: flex-start; }
.business-page .workflow-round > header > strong { font-size: 15px; overflow-wrap: anywhere; }
.business-page .workflow-action { padding: 20px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; margin: 0; }
.business-page .workflow-action form { display: grid; gap: 18px; }
.business-page .attachment-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.business-page .attachment-list button { background: white; border: 1px solid var(--line); padding: 0; display: grid; gap: 8px; color: var(--muted); overflow: hidden; font-size: 12px; }
.business-page .attachment-list button > img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; filter: none; }
.business-page .attachment-list button > span { padding: 0 8px 8px; }
.business-page .warning-button { background: white; color: #b14135; border-color: #d99b94; }
.business-page .action-dock .warning-button { flex: 1; }
.business-page .task-draft-toolbar { margin: 16px 0; display: flex; align-items: center; gap: 12px; }
.business-page .task-draft-toolbar .segmented { flex: 1; margin: 0; }
.business-page .task-draft-toolbar > button { min-width: 46px; }
.business-page .task-draft-toolbar .segmented { gap: 12px; }
.business-page .task-draft-filters button { min-width: 0; flex: 1; font-size: 14px; }
.business-page .task-draft-workspace { display: block; background: transparent; border: 0; box-shadow: none; border-radius: 0; min-height: 0; overflow: visible; }
.business-page .task-draft-batches, .business-page .task-draft-detail { background: transparent; border: 0; border-radius: 0; padding: 0; min-width: 0; }
.business-page .task-draft-batch-list { max-height: none; display: grid; gap: 12px; padding: 0; }
.business-page .task-draft-pane-head { padding: 0 0 16px; }
.business-page .task-draft-batch-item { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 6px; background: white; color: var(--ink); padding: 16px; display: grid; gap: 10px; text-align: left; justify-content: stretch; }
.business-page .task-draft-batch-item-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.business-page .task-draft-batch-item-meta { color: var(--muted); font-size: 13px; font-weight: 400; }
.business-page .task-draft-detail-head { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 12px; padding: 16px 0; border: 0; }
.business-page .task-draft-detail-head h2 { font-size: 18px; }
.business-page .task-draft-detail-head p { font-size: 13px; color: var(--muted); margin: 4px 0 0; }
.business-page .task-draft-detail-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-left: auto; }
.business-page .task-draft-detail-actions button { font-size: 14px; }
.business-page .task-draft-detail-content { display: block; }
.business-page .task-draft-source-image { position: static; min-height: 0; background: transparent; border: 0; border-radius: 0; margin: 0; padding: 12px 0 18px; }
.business-page .task-draft-source-image img { max-height: 360px; width: 100%; object-fit: contain; display: block; }
.business-page .source-preview { width: 100%; padding: 0; border: 0; background: transparent; }
.business-page .source-preview img { filter: none; }
.business-page .task-draft-source-image figcaption { text-align: center; font-size: 13px; color: var(--muted); margin-top: 8px; }
.business-page .task-draft-card { background: white; border: 1px solid var(--line); border-radius: 6px; padding: 16px; }
.business-page .task-draft-card-list { display: grid; gap: 16px; }
.business-page .task-draft-card-head { display: flex; align-items: flex-start; gap: 12px; }
.business-page .task-draft-card-head > div { flex: 1; min-width: 0; }
.business-page .task-draft-card-head h3 { font-size: 16px; }
.business-page .task-draft-field-grid, .business-page .task-draft-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.business-page .task-draft-field dd { font-size: 15px; color: var(--ink); line-height: 1.7; overflow-wrap: anywhere; }
.business-page .task-draft-field dt { font-size: 13px; color: var(--muted); }
.business-page .task-draft-status { border-radius: 4px; font-size: 12px; padding: 3px 7px; white-space: normal; height: fit-content; flex-shrink: 0; }
.business-page .task-draft-source-details { border: 0; border-top: 1px solid var(--line); background: transparent; padding: 10px 0 0; border-radius: 0; }
.business-page .task-draft-source-details summary { min-height: 44px; color: var(--muted); font-size: 14px; cursor: pointer; }
.business-page .task-draft-card-actions { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--line); padding-top: 12px; margin-top: 14px; }
.business-page .task-draft-card-actions button { font-size: 14px; }
.business-page .task-draft-card-actions button:last-child { flex: 1; }
.business-page .task-draft-warnings, .business-page .task-draft-dialog-warnings { border-radius: 0; border: 0; border-left: 3px solid #c08030; color: #8e531a; background: #fff5e7; }
.business-page .task-draft-warnings ul, .business-page .task-draft-dialog-warnings ul { margin: 0; padding: 10px 12px 10px 28px; }
.business-page #draftForm { display: grid; gap: 18px; }
.business-page .task-draft-dialog-actions { display: flex; gap: 10px; position: sticky; bottom: -20px; padding: 12px 0; background: white; border-top: 1px solid var(--line); z-index: 2; }
.business-page .task-draft-dialog-actions button { font-size: 15px; }
.business-page .task-draft-dialog-actions button:last-child { flex: 1; }
.business-page .task-draft-number-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.business-page .upload-list { display: grid; gap: 12px; margin: 12px 0; }
.business-page .photo-upload-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.business-page .photo-upload-list .upload-item { display: flex; flex-direction: column; align-items: stretch; padding: 0; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; background: white; gap: 4px; min-width: 0; }
.business-page .photo-upload-list .upload-item > span, .business-page .photo-upload-list .upload-item > small { padding-inline: 8px; overflow-wrap: anywhere; font-size: 12px; }
.business-page .photo-upload-list .photo-preview { display: block; height: auto; }
.business-page .photo-upload-list .photo-preview img { display: block; }
@media (max-width: 600px) {
  .business-page .mobile-header .badge { max-width: 108px; font-size: 12px; }
  .business-page .selected-task-grid { grid-template-columns: minmax(0, 1fr); }
  .business-page .workflow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .business-page .task-draft-field-grid, .business-page .task-draft-source-grid { grid-template-columns: minmax(0, 1fr); }
  .business-page .task-draft-field.wide { grid-column: auto; }
  .business-page .photo-upload-list, .business-page .attachment-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .business-page .task-draft-dialog { width: 100%; height: 100dvh; max-height: 100dvh; max-width: 100%; border: 0; border-radius: 0; margin: 0; padding: 16px; }
  .business-page .task-draft-dialog .dialog-head { margin: -16px -16px 0; padding: 12px 16px; border-bottom: 1px solid var(--line); }
  .business-page .task-draft-dialog-actions { bottom: -16px; margin: 0 -16px -16px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); }
  .business-page .task-draft-number-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}