/*
 * AICS PROJECT-WIDE DESIGN CONTRACT V2 — 2026-09-03
 * NON-NEGOTIABLE authenticated application presentation layer.
 *
 * Runtime contract:
 * - loaded unconditionally for every authenticated role through layouts/app.php;
 * - loaded after every route/module stylesheet so this file is the final visual authority;
 * - presentation only: no workflow, permission, data, validation, report, roster or payroll logic;
 * - specialist modules may keep semantic colours / purpose-specific structures, but must inherit
 *   the common page grammar, spacing, controls, cards, actions, lists and responsive rules below.
 */

body.aics-design-contract-v2 {
  --aics-v2-primary: var(--primary, #74257f);
  --aics-v2-primary-strong: #5d1f68;
  --aics-v2-primary-soft: #f5edf7;
  --aics-v2-surface: #ffffff;
  --aics-v2-page: #f8f5fa;
  --aics-v2-border: #e7dbea;
  --aics-v2-border-strong: #d9c8df;
  --aics-v2-text: #17192a;
  --aics-v2-muted: #667085;
  --aics-v2-danger: #b42318;
  --aics-v2-danger-soft: #fff1ef;
  --aics-v2-success: #087443;
  --aics-v2-success-soft: #eaf8f0;
  --aics-v2-radius: 15px;
  --aics-v2-radius-control: 10px;
  --aics-v2-control-height: 44px;
  --aics-v2-page-gap: 18px;
  --aics-v2-card-pad: 18px;
  --aics-v2-shadow: 0 1px 2px rgba(45,18,49,.04), 0 8px 24px rgba(55,30,60,.045);
}

/* 1. One page canvas for every authenticated role/module. */
body.aics-design-contract-v2 .main > .content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 28px clamp(18px, 2vw, 32px) 40px !important;
  background: var(--aics-v2-page) !important;
}
body.aics-design-contract-v2 .main > .content > * { min-width: 0; }
body.aics-design-contract-v2 :where(.aics-users-page-v1,.aics-directory,.aics-report-directory,.sa-page,.risk-page,.medicine-page,.timesheet-page,.payroll-page,.roster-page) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* 2. Non-negotiable page hierarchy. */
body.aics-design-contract-v2 .content h1 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  color: var(--aics-v2-text) !important;
  font-size: clamp(1.65rem, 2.1vw, 2rem) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}
body.aics-design-contract-v2 .content :where(.muted,.ux-muted,.sa-page-header p,.risk-page-head > div > p:not(.risk-eyebrow),.aics-page-description) {
  color: var(--aics-v2-muted) !important;
  line-height: 1.5 !important;
}
body.aics-design-contract-v2 .content h2 {
  color: var(--aics-v2-text);
  line-height: 1.3;
}
body.aics-design-contract-v2 :where(.page-actions,.aics-page-actions,.risk-page-head,.sa-page-header,.participant-detail-page-header-v24) {
  gap: 14px !important;
}
body.aics-design-contract-v2 .page-actions {
  margin: 14px 0 18px !important;
}

/* 3. Primary/secondary actions share one geometry. Icon-only row actions are excluded. */
body.aics-design-contract-v2 .content :where(
  .btn,
  .ux-btn,
  .sa-btn,
  .risk-btn,
  .aics-btn
):not(.actions-toggle):not(.menu-btn):not(.notification-bell-trigger):not(.account-trigger):not(.dialog-close):not(.sa-dialog-close) {
  min-height: 42px !important;
  border-radius: var(--aics-v2-radius-control) !important;
  padding: 9px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}
body.aics-design-contract-v2 .content :where(.btn.primary,.ux-btn-primary,.sa-btn-primary,.risk-btn-primary,.aics-btn--primary) {
  background: var(--aics-v2-primary) !important;
  border-color: var(--aics-v2-primary) !important;
  color: #fff !important;
}
body.aics-design-contract-v2 .content :where(.btn.primary,.ux-btn-primary,.sa-btn-primary,.risk-btn-primary,.aics-btn--primary):hover {
  background: var(--aics-v2-primary-strong) !important;
  border-color: var(--aics-v2-primary-strong) !important;
}
body.aics-design-contract-v2 .content :where(.btn.danger,.ux-btn-danger,.sa-btn-danger,.risk-btn-danger,.aics-btn--danger) {
  background: #fff !important;
  border-color: #efb2ac !important;
  color: var(--aics-v2-danger) !important;
}

/* 4. Add/Create forms use the same Quick Add card grammar when they are collapsible. */
body.aics-design-contract-v2 :where(.add-staff-card,.house-form-collapsible) {
  border: 1px solid var(--aics-v2-border) !important;
  border-radius: var(--aics-v2-radius) !important;
  box-shadow: var(--aics-v2-shadow) !important;
  background: var(--aics-v2-surface) !important;
}
body.aics-design-contract-v2 :where(.add-staff-collapsible > summary,.house-form-collapsible > summary) {
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 17px !important;
  color: var(--aics-v2-primary-strong) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
body.aics-design-contract-v2 :where(.add-staff-collapsible > summary,.house-form-collapsible > summary)::before {
  content: "+";
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--aics-v2-primary-soft);
  color: var(--aics-v2-primary);
  font-size: 18px;
  font-weight: 900;
}
body.aics-design-contract-v2 :where(.add-staff-collapsible[open] > summary,.house-form-collapsible[open] > summary)::before { content: "−"; }

/* 5. Cards/panels share border, radius and surface. Internal purpose-specific padding is preserved. */
body.aics-design-contract-v2 .content :where(
  .card,
  .aics-card,
  .aics-directory,
  .aics-report-filter-card,
  .aics-report-records,
  .risk-filter-panel,
  .risk-list-section,
  .risk-summary-card,
  .sa-filter-card,
  .sa-summary-card,
  .sa-sync-card,
  .sa-activity-card,
  .participant-detail-card-v23,
  .participant-profile-summary-card-v24,
  .staff-mobile-card,
  .participant-mobile-card,
  .aics-report-card
) {
  border-color: var(--aics-v2-border) !important;
  border-radius: var(--aics-v2-radius) !important;
  background-color: var(--aics-v2-surface);
  box-shadow: var(--aics-v2-shadow);
}
body.aics-design-contract-v2 .content :where(.aics-directory,.aics-report-filter-card,.risk-filter-panel,.risk-list-section,.sa-filter-card) {
  margin-top: var(--aics-v2-page-gap) !important;
}

/* 6. One Search & Filters grammar. Dynamic-filter behaviour remains JavaScript/server-owned. */
body.aics-design-contract-v2 :where(
  .staff-filter-toolbar,
  .participant-list-toolbar,
  .report-filter-grid,
  .risk-filter-grid,
  .sa-filter-grid,
  .aics-directory-filters,
  .aics-report-filter-grid
) {
  gap: 12px !important;
  align-items: end !important;
}
body.aics-design-contract-v2 :where(
  .report-filter-card,
  .risk-filter-panel,
  .sa-filter-card
) {
  padding: var(--aics-v2-card-pad) !important;
}
body.aics-design-contract-v2 :where(
  .report-filter-card h2,
  .risk-filter-head h2,
  .sa-filter-card h2,
  .participant-list-heading h2,
  .aics-directory-heading h2
) {
  margin: 0 !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
}
body.aics-design-contract-v2 .content label {
  color: #3f4759;
}
body.aics-design-contract-v2 .content :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  select,
  textarea
) {
  max-width: 100% !important;
  min-width: 0 !important;
  border: 1px solid var(--aics-v2-border-strong) !important;
  border-radius: var(--aics-v2-radius-control) !important;
  background: #fff !important;
  color: var(--aics-v2-text) !important;
  font: inherit !important;
}
body.aics-design-contract-v2 .content :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  select
) {
  min-height: var(--aics-v2-control-height) !important;
}
body.aics-design-contract-v2 .content :where(input,select,textarea):focus {
  outline: none !important;
  border-color: var(--aics-v2-primary) !important;
  box-shadow: 0 0 0 3px rgba(116,37,127,.13) !important;
}

/* 7. Result/list grammar: heading -> count -> table/card list -> pagination/bulk actions. */
body.aics-design-contract-v2 :where(.report-list-summary,.aics-report-list-summary,.participant-list-heading,.sa-panel-heading,.risk-section-head) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
}
body.aics-design-contract-v2 :where(.table-wrap,.aics-data-table-wrap,.risk-table-wrap) {
  border-radius: 13px !important;
}
body.aics-design-contract-v2 .content table {
  border-collapse: separate;
  border-spacing: 0;
}
body.aics-design-contract-v2 .content table thead th {
  background: #fbf8fc !important;
  color: #60226a !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .015em !important;
  text-transform: uppercase;
}
body.aics-design-contract-v2 .content table tbody td {
  border-color: #eee4f0 !important;
}
body.aics-design-contract-v2 .content table tbody tr:hover > td {
  background: #fdfafd;
}
body.aics-design-contract-v2 :where(.report-filter-result-actions,.aics-report-result-actions) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  border-top: 1px solid var(--aics-v2-border) !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
}
body.aics-design-contract-v2 :where(.report-filter-result-actions,.aics-report-result-actions) .result-count {
  color: var(--aics-v2-muted) !important;
}

/* 8. KPI/summary cards use one density while preserving semantic badge colours. */
body.aics-design-contract-v2 :where(.risk-summary-grid,.aics-report-summary-grid) {
  gap: 14px !important;
}
body.aics-design-contract-v2 .risk-summary-card {
  padding: 16px !important;
  min-height: 104px;
}
body.aics-design-contract-v2 .risk-summary-card > strong {
  color: var(--aics-v2-primary) !important;
  font-size: 1.65rem !important;
}

/* 9. Standard row action control remains the project-wide horizontal ellipsis rule. */
body.aics-design-contract-v2 .content .actions-toggle {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 10px !important;
}

/* 10. Responsive contract: same hierarchy, no special role-specific presentation forks. */
@media (max-width: 767px) {
  body.aics-design-contract-v2 .main > .content {
    padding: 16px 12px calc(28px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.aics-design-contract-v2 .content h1 {
    font-size: clamp(1.45rem, 7vw, 1.75rem) !important;
  }
  body.aics-design-contract-v2 :where(.page-actions,.risk-page-head,.sa-page-header,.aics-page-header) {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.aics-design-contract-v2 .page-actions > :where(.btn,.aics-btn),
  body.aics-design-contract-v2 :where(.risk-page-head,.sa-page-header,.aics-page-header) > :where(.btn,.risk-btn,.sa-btn,.aics-btn) {
    width: 100% !important;
  }
  body.aics-design-contract-v2 :where(.report-filter-result-actions,.aics-report-result-actions) {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.aics-design-contract-v2 :where(.report-filter-result-actions,.aics-report-result-actions) .report-filter-zip-button {
    width: 100% !important;
  }
  body.aics-design-contract-v2 :where(.card,.aics-card,.aics-directory,.aics-report-filter-card,.risk-filter-panel,.risk-list-section,.sa-filter-card,.sa-summary-card,.sa-activity-card) {
    border-radius: 14px !important;
  }
  body.aics-design-contract-v2 .content .actions-toggle {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}

/* 11. Accessibility/reduced-motion is part of the contract, not optional polish. */
@media (prefers-reduced-motion: reduce) {
  body.aics-design-contract-v2 *,
  body.aics-design-contract-v2 *::before,
  body.aics-design-contract-v2 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ======================================================================
 * AICS_EMPLOYMENT_DOCUMENTS_MOBILE_DESIGN_CONTRACT_STRONG_V1_20260904
 * Non-negotiable Design Contract strengthening for Employment Documents.
 * Presentation only. The existing table remains authoritative on desktop;
 * phones render each row as one deliberate AICS record card.
 * ====================================================================== */
@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-documents-card {
    padding: 12px !important;
    overflow: visible !important;
  }

  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-documents-card > h2 {
    margin: 0 0 12px !important;
    font-size: 1.08rem !important;
    line-height: 1.3 !important;
  }

  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-documents-table-wrap,
  html.aics-mobile-standard-v2-ready body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-documents-table-wrap.aics-mobile-card-table-wrap {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr,
  html.aics-mobile-standard-v2-ready body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table.aics-mobile-card-table > tbody > tr {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid var(--aics-v2-border, #e5d9e8) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: var(--aics-v2-shadow, 0 4px 14px rgba(24,18,38,.055)) !important;
    overflow: visible !important;
  }

  /* Every record cell uses the same label-above-value grammar. */
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td:not(.actions-cell),
  html.aics-mobile-standard-v2-ready body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table.aics-mobile-card-table > tbody > tr > td:not(.aics-mobile-actions-cell) {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 11px 12px !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    background: #fff !important;
  }

  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td:not(.actions-cell)::before {
    content: attr(data-aics-label) !important;
    display: block !important;
    margin: 0 0 5px !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* Card header: staff identity is the record title, not another metadata row. */
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.employment-staff-cell {
    grid-column: 1 / -1 !important;
    padding: 14px 66px 13px 14px !important;
    border-radius: 13px 13px 0 0 !important;
    background: #fcf9fd !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.employment-staff-cell::before {
    display: none !important;
    content: none !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-staff-cell .table-primary-text {
    color: var(--aics-v2-primary-strong, #571f61) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-staff-cell .employment-email {
    display: block !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    color: var(--aics-v2-muted, #667085) !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  /* Document identity gets the full card width and natural wrapping. */
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.employment-document-cell {
    grid-column: 1 / -1 !important;
    border-top: 1px solid #eee4f0 !important;
    padding: 12px 14px !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-document-cell .table-primary-text {
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-document-cell .table-secondary-text,
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-file-name {
    margin-top: 6px !important;
    color: var(--aics-v2-muted, #667085) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  /* Issue + Expiry are one balanced two-column metadata band. */
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.employment-date-cell {
    grid-column: auto !important;
    min-height: 68px !important;
    border-top: 1px solid #eee4f0 !important;
    padding: 10px 14px !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.employment-date-cell:nth-of-type(4) {
    border-left: 1px solid #eee4f0 !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-date-cell .table-date-value {
    display: block !important;
    color: #475467 !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
  }

  /* Remaining metadata is full-width and consistently separated. */
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.employment-status-cell,
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.employment-person-cell {
    grid-column: 1 / -1 !important;
    border-top: 1px solid #eee4f0 !important;
    padding: 10px 14px !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-person-cell > .table-primary-text {
    display: block !important;
    margin: 0 !important;
    color: #202238 !important;
    font-size: 12.75px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-person-cell > .table-secondary-text {
    display: block !important;
    margin: 4px 0 0 !important;
    color: var(--aics-v2-muted, #667085) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-person-cell[data-aics-label="Approved/Rejected By"] .table-primary-text:empty::after {
    content: "Not yet reviewed" !important;
    color: var(--aics-v2-muted, #667085) !important;
    font-weight: 500 !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-person-cell[data-aics-label="Approved/Rejected By"] .table-date-time:empty {
    display: none !important;
  }

  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-document-status {
    display: inline-flex !important;
    width: auto !important;
    min-height: 26px !important;
    padding: 4px 9px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  /* Shared row-action component remains authoritative; this only reserves the header. */
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.actions-cell,
  html.aics-mobile-standard-v2-ready body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.aics-mobile-actions-cell {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    z-index: 20 !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.actions-cell::before,
  html.aics-mobile-standard-v2-ready body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.aics-mobile-actions-cell::before {
    display: none !important;
    content: none !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .actions-cell .actions-menu {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  /* Empty state remains one clean full-width card, never a fake metadata grid. */
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-documents-empty-row {
    display: block !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-documents-empty-row > td {
    display: block !important;
    padding: 16px !important;
    border: 0 !important;
    color: var(--aics-v2-muted, #667085) !important;
    background: #faf7fb !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 .employment-documents-empty-row > td::before {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 360px) {
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.employment-date-cell {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-employment-document-record
    .aics-employment-documents-stage5-v1 table.employment-documents-table > tbody > tr > td.employment-date-cell:nth-of-type(4) {
    border-left: 0 !important;
  }
}

/* ======================================================================
 * AICS_PROJECT_WIDE_PAGE_GRAMMAR_DESIGN_CONTRACT_V2_1_20260904
 * NON-NEGOTIABLE structural presentation standard for authenticated pages.
 *
 * Reference grammar:
 * Page title/description -> primary Add/Create action -> optional secondary/KPI
 * -> Search & Filters -> Results/List -> optional bulk/pagination actions.
 *
 * Presentation only. Existing links, forms, disclosures, permissions, filters,
 * tables, mobile renderers and business workflows remain authoritative.
 * ====================================================================== */

body.aics-design-contract-v2 {
  --aics-v21-section-gap: 16px;
  --aics-v21-filter-pad: 16px;
  --aics-v21-primary-height: 44px;
}

/* Page-introduction spacing is identical before the first action/panel. */
body.aics-design-contract-v2 .content > h1 + :where(.muted,.ux-muted,p),
body.aics-design-contract-v2 .content :where(.aics-users-page-v1) > h1 + .muted {
  margin-top: 0 !important;
  margin-bottom: var(--aics-v21-section-gap) !important;
}

/* Direct primary actions use one geometry. */
body.aics-design-contract-v2 .content :where(
  .shift-page-primary-action,
  .incident-page-primary-action,
  .page-actions .btn.primary,
  .risk-page-head .risk-btn-primary,
  .aics-page-primary-action
) {
  min-height: var(--aics-v21-primary-height) !important;
  font-weight: 800 !important;
}

/* Collapsible Create/Add workflows keep their workflow but their closed trigger
   becomes the same primary action rather than a different white-card language. */
body.aics-design-contract-v2 :where(.add-staff-card,.house-form-collapsible):not([open]) {
  box-shadow: none !important;
}
body.aics-design-contract-v2 :where(.add-staff-collapsible > summary,.house-form-collapsible > summary) {
  min-height: var(--aics-v21-primary-height) !important;
}

/* Search/filter areas: one heading, one surface, one spacing system. */
body.aics-design-contract-v2 :where(
  .staff-filter-toolbar,
  .participant-list-toolbar,
  .house-list-filter
) {
  position: relative !important;
}
body.aics-design-contract-v2 :where(.staff-filter-toolbar,.participant-list-toolbar)::before {
  content: "Search & Filters";
  display: block;
  color: var(--aics-v2-text) !important;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.3;
}
body.aics-design-contract-v2 :where(
  .report-filter-card,
  .risk-filter-panel,
  .staff-filter-toolbar,
  .participant-list-toolbar
) {
  border: 1px solid var(--aics-v2-border) !important;
  border-radius: var(--aics-v2-radius) !important;
  background: var(--aics-v2-surface) !important;
}
body.aics-design-contract-v2 :where(.staff-filter-toolbar,.participant-list-toolbar) {
  padding: var(--aics-v21-filter-pad) !important;
}
body.aics-design-contract-v2 :where(
  .staff-filter-toolbar,
  .participant-list-toolbar,
  .report-filter-grid,
  .risk-filter-grid,
  .house-list-filter
) > label {
  min-width: 0 !important;
}

/* Clear/secondary filter actions never compete with Add/Create actions. */
body.aics-design-contract-v2 :where(
  .report-filter-actions .btn:not(.primary),
  .risk-filter-head > .risk-btn,
  .participant-list-toolbar > .btn:not(.primary)
) {
  background: #fff !important;
  color: var(--aics-v2-primary) !important;
  border-color: var(--aics-v2-border-strong) !important;
}

/* Results/list panels share the same distance from filters. */
body.aics-design-contract-v2 :where(
  .participant-list-card,
  .house-list-card,
  .aics-directory--staff,
  .aics-report-records,
  .risk-list-section
) {
  margin-top: var(--aics-v21-section-gap) !important;
}

/* Houses: Manage Service Regions is always secondary; Add House is primary. */
body.aics-design-contract-v2 .aics-service-regions-house-shortcut .btn {
  background: #fff !important;
  color: var(--aics-v2-primary) !important;
  border-color: var(--aics-v2-border-strong) !important;
  font-weight: 750 !important;
}

/* Report filter disclosure uses exactly the same title language. */
body.aics-design-contract-v2 .aics-report-filter-disclosure > summary span:first-child {
  font-weight: 800 !important;
}

/* Mobile is the strict reference implementation. */
@media (max-width: 767px) {
  /* Equal title-to-description and description-to-primary-action rhythm. */
  body.aics-design-contract-v2 .content h1 {
    margin-bottom: 10px !important;
  }
  body.aics-design-contract-v2 .content > h1 + :where(.muted,p),
  body.aics-design-contract-v2 .aics-users-page-v1 > h1 + .muted {
    margin-bottom: 16px !important;
  }

  /* Every direct Add/Create action is full width beneath the page intro. */
  body.aics-design-contract-v2 .content :where(
    .shift-page-primary-action,
    .incident-page-primary-action,
    .page-actions .btn.primary,
    .risk-page-head .risk-btn-primary,
    .aics-page-primary-action
  ) {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    justify-content: center !important;
  }

  /* Users Add Staff becomes the same purple primary trigger. The existing form
     still expands underneath when the summary is activated. */
  body.aics-design-contract-v2 .aics-users-page-v1 .add-staff-layout {
    display: block !important;
    margin: 0 0 16px !important;
  }
  body.aics-design-contract-v2 .aics-users-page-v1 .add-staff-card {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.aics-design-contract-v2 .aics-users-page-v1 .add-staff-collapsible > summary {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border: 1px solid var(--aics-v2-primary) !important;
    border-radius: var(--aics-v2-radius-control) !important;
    background: var(--aics-v2-primary) !important;
    color: #fff !important;
    justify-content: center !important;
  }
  body.aics-design-contract-v2 .aics-users-page-v1 .add-staff-collapsible > summary::before {
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
  }
  body.aics-design-contract-v2 .aics-users-page-v1 .add-staff-summary-title {
    color: #fff !important;
  }
  body.aics-design-contract-v2 .aics-users-page-v1 .add-staff-collapsible[open] > summary {
    border-radius: 14px 14px 0 0 !important;
  }
  body.aics-design-contract-v2 .aics-users-page-v1 .add-staff-collapsible-content {
    padding: 14px !important;
    border: 1px solid var(--aics-v2-border) !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    background: #fff !important;
  }

  /* Houses Add House uses the exact same primary-trigger language. */
  body.aics-design-contract-v2 .house-form-collapsible {
    padding: 0 !important;
    margin: 0 0 16px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.aics-design-contract-v2 .house-form-collapsible > summary {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border: 1px solid var(--aics-v2-primary) !important;
    border-radius: var(--aics-v2-radius-control) !important;
    background: var(--aics-v2-primary) !important;
    color: #fff !important;
    justify-content: center !important;
  }
  body.aics-design-contract-v2 .house-form-collapsible > summary::before {
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
  }
  body.aics-design-contract-v2 .house-form-collapsible .house-form-summary-copy {
    flex: 0 1 auto !important;
    color: #fff !important;
  }
  body.aics-design-contract-v2 .house-form-collapsible .house-form-summary-copy small {
    display: none !important;
  }
  body.aics-design-contract-v2 .house-form-collapsible .house-form-chevron {
    color: #fff !important;
  }
  body.aics-design-contract-v2 .house-form-collapsible[open] > summary {
    border-radius: 14px 14px 0 0 !important;
  }
  body.aics-design-contract-v2 .house-form-collapsible .house-form-body {
    border: 1px solid var(--aics-v2-border) !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    background: #fff !important;
  }
  body.aics-design-contract-v2 .aics-service-regions-house-shortcut {
    margin: 0 0 16px !important;
  }
  body.aics-design-contract-v2 .aics-service-regions-house-shortcut .btn {
    width: 100% !important;
  }

  /* Filter controls always sit in one-column sequence on phones. */
  body.aics-design-contract-v2 :where(
    .staff-filter-toolbar,
    .participant-list-toolbar,
    .report-filter-grid,
    .risk-filter-grid,
    .house-list-filter,
    .aics-mobile-sort-controls
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 12px !important;
  }
  body.aics-design-contract-v2 :where(.staff-filter-toolbar,.participant-list-toolbar)::before {
    width: 100% !important;
    margin-bottom: 2px !important;
  }
  body.aics-design-contract-v2 :where(.staff-filter-toolbar,.participant-list-toolbar) > :where(label,button,a,.staff-search-panel,.staff-search-toggle) {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Users: remove the obsolete visible Apply button when AJAX/dynamic filter
     behaviour is active; Enter/no-script/server fallback remains elsewhere. */
  body.aics-design-contract-v2 .aics-users-page-v1 #staffSearchForm > button.btn.primary[type="submit"] {
    display: none !important;
  }

  /* Participants: Search & Filters visually separates from the result identity
     even though the existing authoritative DOM remains one server-rendered card. */
  body.aics-design-contract-v2 .participant-list-card {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.aics-design-contract-v2 .participant-list-card .participant-list-heading {
    margin: 16px 0 0 !important;
    padding: 14px 14px 10px !important;
    border: 1px solid var(--aics-v2-border) !important;
    border-bottom: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    background: #fff !important;
  }
  body.aics-design-contract-v2 .participant-list-card .participant-list-toolbar {
    margin: 0 !important;
    border-radius: 14px !important;
    box-shadow: var(--aics-v2-shadow) !important;
  }
  body.aics-design-contract-v2 .participant-list-card .participant-list-wrap,
  body.aics-design-contract-v2 .participant-list-card .participant-mobile-list-v2,
  body.aics-design-contract-v2 .participant-list-card .participant-list-mobile {
    background: #fff !important;
  }

  /* Houses list gets a clear Filter/Sort band before records. */
  body.aics-design-contract-v2 .house-list-card {
    padding: 14px !important;
  }
  body.aics-design-contract-v2 .house-list-card > h2 {
    margin: 0 0 12px !important;
  }
  body.aics-design-contract-v2 .house-list-filter {
    padding: 12px !important;
    margin: 0 0 12px !important;
    border: 1px solid var(--aics-v2-border) !important;
    border-radius: 12px !important;
    background: #fcf9fd !important;
  }
  body.aics-design-contract-v2 .house-list-filter::before {
    content: "Search & Filters";
    display: block;
    margin: 0 0 2px !important;
    color: var(--aics-v2-text) !important;
    font-size: 1rem;
    font-weight: 800;
  }

  /* Shift + Incident are the reference: equal card spacing and filter heading. */
  body.aics-design-contract-v2 :where(.shift-page-heading-row,.incident-page-heading-row) {
    margin-bottom: 16px !important;
  }
  body.aics-design-contract-v2 .aics-report-filter-card {
    margin-top: 0 !important;
  }
  body.aics-design-contract-v2 .aics-report-filter-disclosure > summary {
    min-height: 44px !important;
    padding: 12px 14px !important;
  }
  body.aics-design-contract-v2 .aics-report-filter-body {
    padding: 0 14px 14px !important;
  }

  /* Result/list headings are identical density. */
  body.aics-design-contract-v2 :where(
    .participant-list-heading,
    .report-list-summary,
    .aics-report-list-summary,
    .risk-section-head
  ) {
    gap: 8px !important;
  }

  /* Secondary/clear controls are full width where they end a mobile filter. */
  body.aics-design-contract-v2 :where(
    .participant-list-toolbar > .btn:not(.primary),
    .report-filter-actions > .btn:not(.primary),
    .risk-filter-head > .risk-btn
  ) {
    width: 100% !important;
  }
}

/* Very narrow phones must still keep the same grammar without overflow. */
@media (max-width: 360px) {
  body.aics-design-contract-v2 .content :where(.btn,.ux-btn,.sa-btn,.risk-btn,.aics-btn) {
    max-width: 100% !important;
    white-space: normal !important;
  }
}

/* ============================================================================
   AICS GLOBAL SEARCH V1 - NON-NEGOTIABLE SHARED HEADER SEARCH
   Functional authenticated search launcher. Presentation only here; destination
   modules retain their existing server-side permission and filtering rules.
   ============================================================================ */
html body.aics-design-contract-v2 .topbar .aics-global-search{
  position:relative;
  min-width:220px;
  max-width:620px;
  z-index:10020;
}
html body.aics-design-contract-v2 .aics-global-search-label{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
html body.aics-design-contract-v2 .aics-global-search-control{position:relative;min-width:0}
html body.aics-design-contract-v2 .aics-global-search-control input{
  width:100%;max-width:none;
  padding-right:44px;
}
html body.aics-design-contract-v2 .aics-global-search-clear{
  position:absolute;
  right:6px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;min-width:32px;
  padding:0;border:0;border-radius:9px;
  display:grid;place-items:center;
  background:transparent;color:var(--aic-dark-purple,#6a2875);
  font-size:20px;line-height:1;
  box-shadow:none;
}
html body.aics-design-contract-v2 .aics-global-search-clear:hover,
html body.aics-design-contract-v2 .aics-global-search-clear:focus-visible{
  background:rgba(176,129,185,.16);outline:none;
}
html body.aics-design-contract-v2 .aics-global-search-clear[hidden]{display:none!important}
html body.aics-design-contract-v2 .aics-global-search-menu{
  position:absolute;
  top:calc(100% + 8px);left:0;
  width:min(620px,calc(100vw - 32px));
  max-height:min(460px,70vh);
  overflow:auto;
  padding:8px;
  background:#fff;
  border:1px solid var(--border,#e4d8e7);
  border-radius:14px;
  box-shadow:0 20px 55px rgba(40,20,50,.20);
  z-index:10030;
}
html body.aics-design-contract-v2 .aics-global-search-menu[hidden]{display:none!important}
html body.aics-design-contract-v2 .aics-global-search-heading{
  padding:8px 10px 9px;
  color:var(--muted,#697386);
  font-size:12px;font-weight:800;
  text-transform:uppercase;letter-spacing:.035em;
}
html body.aics-design-contract-v2 .aics-global-search-option{
  display:grid;gap:2px;
  padding:11px 12px;
  border-radius:10px;
  color:var(--text,#17192a);
  text-decoration:none;
}
html body.aics-design-contract-v2 .aics-global-search-option strong{font-size:14px;color:var(--text,#17192a)}
html body.aics-design-contract-v2 .aics-global-search-option small{font-size:12px;color:var(--muted,#697386);white-space:normal}
html body.aics-design-contract-v2 .aics-global-search-option:hover,
html body.aics-design-contract-v2 .aics-global-search-option:focus-visible,
html body.aics-design-contract-v2 .aics-global-search-option.is-active{
  outline:none;background:rgba(176,129,185,.16);
}
html body.aics-design-contract-v2 .aics-global-search-empty{
  padding:14px 12px;color:var(--muted,#697386);font-size:13px;
}
html body.aics-design-contract-v2 .aics-global-search-footer{
  margin-top:5px;padding:8px 10px 4px;
  border-top:1px solid var(--border,#e4d8e7);
  color:var(--muted,#697386);font-size:11px;
}
@media(max-width:820px){
  html body.aics-design-contract-v2 .topbar .aics-global-search{min-width:0;max-width:none;flex:1}
  html body.aics-design-contract-v2 .aics-global-search-menu{position:fixed;left:12px;right:12px;top:66px;width:auto;max-height:calc(100vh - 82px)}
}
@media(max-width:520px){
  /* AICS_GLOBAL_SEARCH_MOBILE_PARITY_V1_1_20260904
     NON-NEGOTIABLE: authenticated Global Search remains available on phones.
     The compact navigation/account row stays first; search becomes its own
     full-width second row without duplicating or replacing the shared search. */
  html body.aics-design-contract-v2 .topbar{
    flex-wrap:wrap!important;
    height:auto!important;
    min-height:0!important;
    row-gap:8px!important;
    overflow:visible!important;
  }
  html body.aics-design-contract-v2 .topbar .aics-global-search{
    display:block!important;
    order:100!important;
    flex:0 0 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  html body.aics-design-contract-v2 .topbar .aics-global-search-control,
  html body.aics-design-contract-v2 .topbar .aics-global-search-control input{
    width:100%!important;
    max-width:none!important;
  }
  html body.aics-design-contract-v2 .topbar .aics-global-search-control input{
    min-height:44px!important;
  }
  html body.aics-design-contract-v2 .aics-global-search-menu{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 6px)!important;
    width:auto!important;
    max-height:min(420px,60vh)!important;
  }
}

/* ============================================================================
   AICS PROJECT-WIDE PAGE GRAMMAR DESIGN CONTRACT V2.2 - 04 SEP 2026
   NON-NEGOTIABLE STRUCTURAL INTEGRATION
   Reference grammar: Page Header -> Primary Action -> optional information/form
   -> Search & Filters -> Results/List. Existing permissions/workflows unchanged.
   ============================================================================ */
body.aics-design-contract-v2 .aics-page-grammar-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 18px!important;
  min-width:0!important;
}
body.aics-design-contract-v2 .aics-page-grammar-header__copy{min-width:0!important;max-width:min(860px,100%)!important}
body.aics-design-contract-v2 .aics-page-grammar-header__copy>h1{margin:0 0 8px!important}
body.aics-design-contract-v2 .aics-page-grammar-header__copy>.muted{margin:0!important;line-height:1.55!important}
body.aics-design-contract-v2 .aics-page-grammar-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:10px!important;flex-wrap:wrap!important;min-width:0!important;
}
body.aics-design-contract-v2 .aics-page-grammar-primary-action{
  min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
body.aics-design-contract-v2 :where(.aics-page-grammar-filter-card,.aics-page-grammar-results-card,.aics-page-grammar-form-card){
  margin:0 0 16px!important;
}
body.aics-design-contract-v2 .aics-page-grammar-filter-heading,
body.aics-design-contract-v2 .aics-page-grammar-results-heading{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;
  margin:0 0 14px!important;padding:0!important;
}
body.aics-design-contract-v2 .aics-page-grammar-filter-heading h2,
body.aics-design-contract-v2 .aics-page-grammar-results-heading h2{margin:0 0 4px!important;font-size:1.05rem!important;line-height:1.3!important}
body.aics-design-contract-v2 .aics-page-grammar-filter-heading p,
body.aics-design-contract-v2 .aics-page-grammar-results-heading p{margin:0!important}
body.aics-design-contract-v2 .aics-page-grammar-filter-panel{
  padding:14px!important;border:1px solid var(--aics-v2-border,#e5d9e8)!important;
  border-radius:12px!important;background:#fcf9fd!important;
}
body.aics-design-contract-v2 .aics-page-grammar-check-filter{
  display:flex!important;align-items:center!important;gap:9px!important;min-height:44px!important;
  padding:8px 10px!important;border:1px solid var(--aics-v2-border,#e5d9e8)!important;
  border-radius:10px!important;background:#fff!important;color:var(--aics-v2-text,#1f2033)!important;
}
body.aics-design-contract-v2 .aics-page-grammar-check-filter input[type="checkbox"]{flex:0 0 auto!important}

/* Users & Staff: native Add Staff disclosure remains the workflow, but its trigger
   is the same primary action and the real Search input is always visible. */
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22>.aics-page-grammar-header{margin-bottom:10px!important}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .add-staff-card.aics-page-grammar-primary-block{
  margin:0 0 16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .add-staff-collapsible>summary{
  width:max-content!important;min-width:150px!important;min-height:44px!important;margin-left:auto!important;
  padding:11px 18px!important;border:1px solid var(--aic-purple,#76277f)!important;border-radius:10px!important;
  background:var(--aic-purple,#76277f)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  font-weight:800!important;box-shadow:none!important;
}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .add-staff-summary-title::before{content:"+ ";font-weight:900}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .add-staff-summary-toggle{display:none!important}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .add-staff-collapsible[open]>.add-staff-collapsible-content{
  margin-top:14px!important;padding:18px!important;border:1px solid var(--aics-v2-border,#e5d9e8)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--aics-v2-shadow,0 5px 18px rgba(54,29,64,.055))!important;
}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .staff-search-toggle{display:none!important}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .staff-search-panel{display:block!important;grid-column:auto!important;min-width:0!important}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .staff-search-panel[hidden]{display:block!important}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .staff-filter-toolbar{
  display:grid!important;grid-template-columns:minmax(240px,1.45fr) repeat(4,minmax(150px,1fr))!important;gap:12px!important;align-items:end!important;
}
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .staff-filter-toolbar>.aics-sort-control,
body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .staff-filter-toolbar>label:last-of-type{grid-column:auto!important}

/* Participants: filters are a dedicated card, results are a separate list card. */
body.aics-design-contract-v2 .participant-filter-card .participant-list-toolbar{
  display:grid!important;grid-template-columns:minmax(280px,2fr) minmax(170px,1fr) minmax(190px,1.25fr) minmax(150px,.8fr) minmax(110px,.55fr) auto!important;
  gap:12px!important;align-items:end!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
}
body.aics-design-contract-v2 .participant-filter-card .aics-page-grammar-clear{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
body.aics-design-contract-v2 .participant-list-card.aics-page-grammar-results-card{margin-top:0!important}

/* Houses: Add House remains a native details disclosure but is promoted to the
   same primary-action hierarchy. Search/filter and results are separate cards. */
body.aics-design-contract-v2 .house-form-collapsible.aics-page-grammar-primary-block{
  margin:0 0 16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
body.aics-design-contract-v2 .house-form-collapsible.aics-page-grammar-primary-block>summary{
  width:max-content!important;min-width:150px!important;min-height:44px!important;margin-left:auto!important;
  padding:11px 18px!important;border:1px solid var(--aic-purple,#76277f)!important;border-radius:10px!important;
  background:var(--aic-purple,#76277f)!important;color:#fff!important;box-shadow:none!important;
}
body.aics-design-contract-v2 .house-form-collapsible.aics-page-grammar-primary-block>summary .house-form-summary-copy{display:flex!important;align-items:center!important;gap:0!important}
body.aics-design-contract-v2 .house-form-collapsible.aics-page-grammar-primary-block>summary .house-form-summary-title::before{content:"+ ";font-weight:900}
body.aics-design-contract-v2 .house-form-collapsible.aics-page-grammar-primary-block>summary small,
body.aics-design-contract-v2 .house-form-collapsible.aics-page-grammar-primary-block>summary .house-form-chevron{display:none!important}
body.aics-design-contract-v2 .house-form-collapsible.aics-page-grammar-primary-block[open]>.house-form-body{
  margin-top:14px!important;padding:18px!important;border:1px solid var(--aics-v2-border,#e5d9e8)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--aics-v2-shadow,0 5px 18px rgba(54,29,64,.055))!important;
}
body.aics-design-contract-v2 .house-filter-card .house-list-filter{
  display:grid!important;grid-template-columns:minmax(280px,1.8fr) minmax(230px,1fr) minmax(360px,1.4fr)!important;gap:12px!important;align-items:end!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;
}
body.aics-design-contract-v2 .house-filter-card .aics-mobile-sort-controls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}

/* Employment Documents: the shared topbar/global search is never suppressed by
   document-specific presentation. Primary/secondary actions live in page header. */
body.aics-design-contract-v2.aics-page-employment-document-record .topbar,
body.aics-design-contract-v2.aics-documents-layout-fix .topbar{
  display:flex!important;visibility:visible!important;position:sticky!important;top:0!important;
}
body.aics-design-contract-v2 .aics-employment-documents-stage5-v1.aics-page-grammar-v22>.aics-page-grammar-header{margin-bottom:16px!important}
body.aics-design-contract-v2 .aics-employment-documents-stage5-v1.aics-page-grammar-v22>.aics-page-grammar-header h1{margin:0 0 8px!important}
body.aics-design-contract-v2 .aics-page-grammar-information-grid{margin:0 0 16px!important}
body.aics-design-contract-v2 .employment-document-upload-card.aics-page-grammar-form-card{scroll-margin-top:96px!important}
body.aics-design-contract-v2 .employment-documents-card.aics-page-grammar-results-card>.aics-page-grammar-results-heading{margin-bottom:14px!important}

@media(max-width:1180px){
  body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .staff-filter-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.aics-design-contract-v2 .participant-filter-card .participant-list-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.aics-design-contract-v2 .house-filter-card .house-list-filter{grid-template-columns:1fr 1fr!important}
  body.aics-design-contract-v2 .house-filter-card .aics-mobile-sort-controls{grid-column:1/-1!important}
}
@media(max-width:767px){
  body.aics-design-contract-v2 .aics-page-grammar-header{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-bottom:14px!important}
  body.aics-design-contract-v2 .aics-page-grammar-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}
  body.aics-design-contract-v2 .aics-page-grammar-actions>.btn,
  body.aics-design-contract-v2 .aics-page-grammar-primary-action,
  body.aics-design-contract-v2 .aics-page-grammar-secondary-action{width:100%!important;max-width:none!important;justify-content:center!important}
  body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .add-staff-collapsible>summary,
  body.aics-design-contract-v2 .house-form-collapsible.aics-page-grammar-primary-block>summary{width:100%!important;max-width:none!important;margin:0!important}
  body.aics-design-contract-v2 .aics-users-page-v1.aics-page-grammar-v22 .staff-filter-toolbar,
  body.aics-design-contract-v2 .participant-filter-card .participant-list-toolbar,
  body.aics-design-contract-v2 .house-filter-card .house-list-filter{grid-template-columns:1fr!important;gap:12px!important}
  body.aics-design-contract-v2 .house-filter-card .aics-mobile-sort-controls{grid-column:auto!important;grid-template-columns:1fr!important}
  body.aics-design-contract-v2 .aics-page-grammar-filter-card,
  body.aics-design-contract-v2 .aics-page-grammar-results-card{padding:14px!important;border-radius:14px!important}
  body.aics-design-contract-v2 .aics-page-grammar-filter-heading,
  body.aics-design-contract-v2 .aics-page-grammar-results-heading{margin-bottom:12px!important}
  body.aics-design-contract-v2 .aics-page-grammar-information-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.aics-design-contract-v2 .aics-employment-documents-stage5-v1 .employment-documents-overview>.card{padding:16px!important}
}

/* ========================================================================== */
/* AICS DESIGN SYSTEM - STAGE 7 MEDICINE CHART V1 - 2026-09-04               */
/* Non-negotiable Medicine Chart presentation contract. Presentation only.    */
/* ========================================================================== */
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-chart-stage7-v1 {
  --medicine-stage7-gap: 16px;
  display: grid !important;
  gap: var(--medicine-stage7-gap) !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-chart-stage7-v1 > h1 {
  margin: 0 0 -6px !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-chart-stage7-v1 > h1 + .muted {
  margin: 0 0 2px !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-chart-stage7-v1 :where(
  #medicine-participant-selection,
  #participant-medication-master-list,
  #current-medication-list,
  #daily-medicine-chart,
  #medicine-administration-entry,
  #medicine-setup
) {
  border: 1px solid var(--aics-v2-border) !important;
  border-radius: var(--aics-v2-radius) !important;
  background: var(--aics-v2-surface) !important;
  box-shadow: var(--aics-v2-shadow) !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-participant-selection {
  padding: 20px !important;
  border-top: 1px solid var(--aics-v2-border) !important;
  overflow: visible !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-participant-selection > h2,
body.aics-design-contract-v2.aics-page-medicine-chart :where(#participant-medication-master-list,#current-medication-list,#daily-medicine-chart) > h2,
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-administration-entry > h2 {
  margin: 0 0 6px !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-participant-selection-form {
  display: grid !important;
  grid-template-columns: minmax(240px,.9fr) minmax(300px,1.35fr) !important;
  gap: 14px !important;
  margin-top: 14px !important;
  align-items: end !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-participant-selection-form label {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-participant-context {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-participant-context > p {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 13px !important;
  border: 1px solid var(--aics-v2-border) !important;
  border-radius: 11px !important;
  background: #fbf9fc !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup {
  padding: 0 !important;
  overflow: hidden !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup > summary {
  min-height: 58px !important;
  padding: 14px 18px !important;
  border-radius: var(--aics-v2-radius) !important;
  background: var(--aics-v2-surface) !important;
  color: var(--aics-v2-primary-strong) !important;
  font-weight: 800 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup[open] > summary {
  border-bottom: 1px solid var(--aics-v2-border) !important;
  border-radius: var(--aics-v2-radius) var(--aics-v2-radius) 0 0 !important;
  background: var(--aics-v2-primary-soft) !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup > .medicine-add-card {
  margin: 14px !important;
  padding: 18px !important;
  border: 1px solid var(--aics-v2-border) !important;
  box-shadow: none !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart :where(#participant-medication-master-list,#current-medication-list,#daily-medicine-chart) {
  padding: 18px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list > .form-actions[aria-label="Medication summary"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 14px 0 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list > .form-actions[aria-label="Medication summary"] .status {
  min-height: 32px !important;
  padding: 6px 10px !important;
  border: 1px solid var(--aics-v2-border) !important;
  border-radius: 999px !important;
  background: var(--aics-v2-primary-soft) !important;
  color: var(--aics-v2-primary-strong) !important;
  font-weight: 750 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-table-wrap {
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 12px !important;
  border: 1px solid var(--aics-v2-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table th {
  padding: 10px 11px !important;
  background: #fbf9fc !important;
  color: var(--aics-v2-primary-strong) !important;
  border-bottom: 1px solid var(--aics-v2-border) !important;
  font-size: .72rem !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table td {
  padding: 11px !important;
  border-bottom: 1px solid var(--aics-v2-border) !important;
  vertical-align: top !important;
  line-height: 1.42 !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody tr:last-child td {
  border-bottom: 0 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-cell-medication strong {
  color: var(--aics-v2-text) !important;
  font-weight: 800 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list th:last-child,
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list td:last-child {
  min-width: 290px !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-row-actions {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: max-content !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-administration-action {
  display: grid !important;
  gap: 12px !important;
  padding: 2px 0 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-administration-toggle {
  justify-self: start !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-administration-entry {
  margin: 0 !important;
  padding: 18px !important;
  border-left: 4px solid var(--aics-v2-primary) !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-admin-form {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-daily-date-form {
  display: grid !important;
  grid-template-columns: minmax(220px,340px) 1fr !important;
  gap: 12px !important;
  align-items: end !important;
  margin: 14px 0 16px !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-daily-date-form .form-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart > h3 {
  margin: 18px 0 10px !important;
  font-size: 1rem !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart .medicine-no-row td {
  background: var(--aics-v2-danger-soft) !important;
}

@media (max-width: 1024px) {
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-participant-context {
    grid-template-columns: 1fr 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #medicine-admin-form {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-medicine-chart .main > .content {
    padding-inline: 14px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-chart-stage7-v1 {
    gap: 14px !important;
    padding-bottom: max(18px,env(safe-area-inset-bottom)) !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-chart-stage7-v1 > h1 {
    font-size: 1.62rem !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart :where(
    #medicine-participant-selection,
    #participant-medication-master-list,
    #current-medication-list,
    #daily-medicine-chart,
    #medicine-administration-entry
  ) {
    padding: 14px !important;
    border-radius: 13px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #medicine-participant-selection-form {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-participant-context {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup > summary {
    display: grid !important;
    gap: 4px !important;
    padding: 14px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup > summary .muted {
    margin: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup > .medicine-add-card {
    margin: 10px !important;
    padding: 14px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #medicine-admin-form {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #medicine-administration-toggle,
  body.aics-design-contract-v2.aics-page-medicine-chart #medicine-admin-form > button {
    width: 100% !important;
    justify-self: stretch !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list > .form-actions[aria-label="Medication summary"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list > .form-actions[aria-label="Medication summary"] .status {
    justify-content: center !important;
    text-align: center !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-table-wrap {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-table-wrap::before {
    display: none !important;
    content: none !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table,
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody {
    display: block !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody {
    display: grid !important;
    gap: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody > tr {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--aics-v2-border) !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(45,18,49,.035) !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody > tr > td {
    display: block !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 10px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee5f0 !important;
    background: #fff !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody > tr > td:nth-child(odd):not(.medicine-cell-medication):not(.medicine-cell-actions):not(.medicine-master-select-cell) {
    border-right: 1px solid #eee5f0 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody > tr > td[data-label]::before {
    content: attr(data-label) !important;
    display: block !important;
    margin-bottom: 4px !important;
    color: #66506b !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-cell-medication,
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-cell-actions,
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-master-select-cell {
    grid-column: 1 / -1 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-cell-medication {
    min-height: auto !important;
    padding: 12px !important;
    background: #fbf8fc !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-cell-medication::before {
    margin-bottom: 5px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-master-select-cell {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 44px !important;
    background: #fff !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-master-select-cell::before {
    margin: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-master-select-cell input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-cell-actions {
    min-height: auto !important;
    padding: 11px !important;
    background: #fbf9fc !important;
    border-bottom: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list th:last-child,
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list td:last-child {
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-row-actions {
    display: flex !important;
    flex-flow: row wrap !important;
    gap: 8px !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-row-actions .btn {
    flex: 1 1 150px !important;
    white-space: normal !important;
    text-align: center !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-current-remove-form,
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-current-remove-form .btn {
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-empty-row {
    display: block !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-empty-row > td[colspan] {
    display: block !important;
    min-height: 0 !important;
    padding: 16px !important;
    border: 1px dashed var(--aics-v2-border-strong) !important;
    border-radius: 12px !important;
    background: #fbf9fc !important;
    text-align: center !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-daily-date-form {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-daily-date-form .form-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-daily-date-form .form-actions :where(.btn,button) {
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-cell-actions > details,
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-cell-actions > form {
    width: 100% !important;
    margin: 0 0 8px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-cell-actions > details:last-child,
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-cell-actions > form:last-child {
    margin-bottom: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-cell-actions > details > summary.btn,
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart .medicine-cell-actions > form .btn {
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart td > details[open] {
    min-width: 0 !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #daily-medicine-chart td > details .small-form {
    width: 100% !important;
    margin-top: 8px !important;
    padding: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-no-row td {
    background: var(--aics-v2-danger-soft) !important;
  }
}

@media (max-width: 430px) {
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list > .form-actions[aria-label="Medication summary"] {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody > tr {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody > tr > td:nth-child(odd) {
    border-right: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-row-actions .btn {
    flex-basis: 100% !important;
  }
}


/* ========================================================================== */
/* AICS DESIGN SYSTEM - STAGE 7 MEDICINE CHART V1.1 - 2026-09-04             */
/* Master List visual polish only. No medication workflow/data changes.       */
/* ========================================================================== */

/* Desktop: protect clinical columns from State/action compression. */
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table td[data-label="State"] .status,
body.aics-design-contract-v2.aics-page-medicine-chart #current-medication-list .medicine-current-table .status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.15 !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table th:nth-child(9),
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table td:nth-child(9) {
  min-width: 94px !important;
  width: 94px !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table th:nth-child(10),
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table td:nth-child(10) {
  min-width: 168px !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table th:nth-child(11),
body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table td:nth-child(11) {
  min-width: 282px !important;
}

/* Medication Setup: one shared collapsible treatment with visible chevron. */
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup > summary {
  position: relative !important;
  padding-right: 52px !important;
  list-style: none !important;
  cursor: pointer !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup > summary::-webkit-details-marker {
  display: none !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup > summary::after {
  content: "\203A" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(0deg) !important;
  transform-origin: center !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--aics-v2-primary-strong) !important;
  transition: transform .16s ease !important;
}
body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup[open] > summary::after {
  transform: translateY(-50%) rotate(90deg) !important;
}

@media (max-width: 767px) {
  /* Master List: medication identity is the card header; checkbox sits top-right. */
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table tbody > tr {
    position: relative !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table .medicine-master-select-cell {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 3 !important;
    display: flex !important;
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 6px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table .medicine-master-select-cell::before {
    display: none !important;
    content: none !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table .medicine-master-select-cell input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table .medicine-cell-medication {
    padding: 12px 52px 12px 12px !important;
    min-height: 58px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table .medicine-cell-medication::before {
    display: none !important;
    content: none !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table .medicine-cell-medication strong {
    display: inline-block !important;
    font-weight: 760 !important;
    line-height: 1.28 !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart .medicine-data-table tbody > tr > td:not(.medicine-cell-medication):not(.medicine-cell-actions) {
    font-weight: 400 !important;
    line-height: 1.38 !important;
  }

  /* Keep the useful 2 x 2 medication-summary chips on phone widths. */
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list > .form-actions[aria-label="Medication summary"] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  }

  /* Clearly separated action footer; buttons remain usable and never clip. */
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table .medicine-cell-actions {
    padding: 11px 12px 12px !important;
    border-top: 1px solid #eee5f0 !important;
    background: #fbf9fc !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-master-table .medicine-cell-actions::before {
    margin-bottom: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-row-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-row-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 9px 10px !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }

  body.aics-design-contract-v2.aics-page-medicine-chart #medicine-setup > summary::after {
    right: 14px !important;
  }
}

@media (max-width: 430px) {
  /* Clinical metadata goes to one column, but summary chips stay compact 2 x 2. */
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list > .form-actions[aria-label="Medication summary"] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  }
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list .medicine-row-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 340px) {
  body.aics-design-contract-v2.aics-page-medicine-chart #participant-medication-master-list > .form-actions[aria-label="Medication summary"] {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================================== */
/* AICS DESIGN SYSTEM - STAGE 8 ROSTERING V1 - 2026-09-06                    */
/* Presentation only. No roster, availability, clocking, swap or payroll     */
/* workflow/data/permission changes. Complex roster boards remain local      */
/* scrollers and existing specialist mobile renderers remain authoritative.  */
/* ========================================================================== */

/* Shared Stage 8 page frame. */
body.aics-design-contract-v2.aics-page-stage8-rostering .main > .content {
  overflow-x: clip !important;
}
body.aics-design-contract-v2.aics-page-stage8-rostering .content :where(
  .ux-page,
  .sa-page,
  .my-roster-page,
  .ss-page,
  .shift-types-page,
  .public-holidays-page
) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-stage8-rostering .content :where(
  .ux-card,
  .sa-filter-card,
  .sa-summary-card,
  .sa-sync-card,
  .sa-activity-card,
  .sa-staff-panel,
  .sa-detail-panel,
  .my-roster-card,
  .ss-section,
  .shift-types-page .card,
  .shift-drawer,
  .ph-toolbar,
  .ph-stat,
  .ph-note,
  .ph-month,
  .ph-list-wrap
) {
  border-color: var(--aics-v2-border) !important;
  border-radius: var(--aics-v2-radius) !important;
  box-shadow: var(--aics-v2-shadow) !important;
}
body.aics-design-contract-v2.aics-page-stage8-rostering .content :where(
  .ux-input,
  .ux-select,
  .sa-filter-card input,
  .sa-filter-card select,
  .sa-picker-search,
  .shift-types-page input,
  .shift-types-page select,
  .shift-types-page textarea,
  .public-holidays-page select
) {
  min-height: var(--aics-v2-control-height) !important;
  border-color: var(--aics-v2-border-strong) !important;
  border-radius: var(--aics-v2-radius-control) !important;
  background: #fff !important;
}

/* -------------------------------------------------------------------------- */
/* Master Roster                                                              */
/* -------------------------------------------------------------------------- */
body.aics-design-contract-v2.aics-page-master-roster .ux-page {
  display: grid !important;
  gap: 16px !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-layout {
  gap: 18px !important;
  align-items: start !important;
}
body.aics-design-contract-v2.aics-page-master-roster .house-panel {
  border: 1px solid var(--aics-v2-border) !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-master-roster .house-panel > h2 {
  margin-bottom: 12px !important;
  font-size: 1.05rem !important;
}
body.aics-design-contract-v2.aics-page-master-roster .house-item {
  min-height: 46px !important;
  border-radius: 11px !important;
  border: 1px solid transparent !important;
  padding: 10px 11px !important;
}
body.aics-design-contract-v2.aics-page-master-roster .house-item:hover {
  border-color: var(--aics-v2-border) !important;
  background: #fbf8fc !important;
}
body.aics-design-contract-v2.aics-page-master-roster .house-item.active {
  border-color: #cdaed4 !important;
  background: var(--aics-v2-primary-soft) !important;
  box-shadow: inset 3px 0 0 var(--aics-v2-primary) !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-overview-stack {
  gap: 14px !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-header {
  border: 1px solid var(--aics-v2-border) !important;
  background: linear-gradient(180deg,#fff 0%,#fdfafd 100%) !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-title-row h1 {
  font-size: clamp(1.55rem,2vw,1.9rem) !important;
}
body.aics-design-contract-v2.aics-page-master-roster :where(
  .roster-cycle-control,
  .availability-request-control,
  .publication-summary,
  .roster-readiness,
  .working-restrictions-roster-summary,
  .regular-template-panel,
  .custom-roster-toolbar,
  .custom-roster-summary
) {
  border: 1px solid var(--aics-v2-border) !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-master-roster :where(
  .roster-actions,
  .roster-tabs,
  .publication-summary-actions,
  .regular-template-form-actions,
  .house-staff-position-actions
) {
  gap: 9px !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-tab {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-color: var(--aics-v2-border-strong) !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-tab.active {
  background: var(--aics-v2-primary) !important;
  border-color: var(--aics-v2-primary) !important;
  color: #fff !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-grid-section {
  min-width: 0 !important;
  border: 1px solid var(--aics-v2-border) !important;
  border-radius: var(--aics-v2-radius) !important;
  background: #fff !important;
  box-shadow: var(--aics-v2-shadow) !important;
  overflow: hidden !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-grid-section-head {
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--aics-v2-border) !important;
  background: #fcf9fd !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-inline: contain !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: 0 !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-table {
  margin: 0 !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-table th {
  background: #faf6fb !important;
  color: #4f4454 !important;
  border-color: #eadfeb !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-table td {
  border-color: #eee6ef !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-table tbody tr:hover td {
  background-color: #fffdfd !important;
}
body.aics-design-contract-v2.aics-page-master-roster .roster-table tbody tr:hover td:first-child {
  background-color: #fff !important;
}
body.aics-design-contract-v2.aics-page-master-roster :where(.staff-hours-summary-grid,.readiness-grid,.publication-counts) {
  gap: 12px !important;
}
body.aics-design-contract-v2.aics-page-master-roster .staff-hours-stat {
  border-color: var(--aics-v2-border) !important;
  border-radius: 13px !important;
}
body.aics-design-contract-v2.aics-page-master-roster .mobile-house-select {
  border: 1px solid var(--aics-v2-border) !important;
}

/* -------------------------------------------------------------------------- */
/* Staff Availability - management                                            */
/* -------------------------------------------------------------------------- */
body.aics-design-contract-v2.aics-page-staff-availability .sa-page {
  display: grid !important;
  gap: 16px !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-page-header {
  margin-bottom: 0 !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-filter-card {
  margin-top: 0 !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-layout {
  display: grid !important;
  grid-template-columns: minmax(230px,300px) minmax(0,1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}
body.aics-design-contract-v2.aics-page-staff-availability :where(.sa-staff-panel,.sa-detail-panel) {
  min-width: 0 !important;
  border: 1px solid var(--aics-v2-border) !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-staff-panel {
  position: sticky !important;
  top: 82px !important;
  max-height: calc(100dvh - 104px) !important;
  overflow: auto !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-staff-card {
  min-height: 54px !important;
  border-radius: 11px !important;
  border: 1px solid transparent !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-staff-card:hover {
  border-color: var(--aics-v2-border) !important;
  background: #fbf8fc !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-staff-card.selected {
  border-color: #cdaed4 !important;
  background: var(--aics-v2-primary-soft) !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-board-scroll {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 6px !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-day-grid {
  min-width: 880px !important;
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-day-card {
  border-color: var(--aics-v2-border) !important;
  border-radius: 13px !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-staff-availability :where(.sa-summary-stats,.sa-compliance-grid,.sa-legend-grid) {
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-staff-availability .sa-filter-actions {
  align-self: end !important;
}

/* -------------------------------------------------------------------------- */
/* My Availability - staff                                                    */
/* -------------------------------------------------------------------------- */
body.aics-design-contract-v2.aics-page-my-availability .my-availability-shifts {
  display: grid !important;
  gap: 16px !important;
}
body.aics-design-contract-v2.aics-page-my-availability :where(
  .availability-nav,
  .availability-summary,
  .availability-week,
  .eligible-shifts-panel,
  .working-restrictions-dashboard,
  .availability-actions
) {
  border-color: var(--aics-v2-border) !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-my-availability .availability-nav {
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-my-availability .availability-summary {
  margin-bottom: 0 !important;
}
body.aics-design-contract-v2.aics-page-my-availability .summary-item {
  border: 1px solid #eee5ef !important;
  background: #fcfafc !important;
}
body.aics-design-contract-v2.aics-page-my-availability .availability-week {
  margin-bottom: 0 !important;
}
body.aics-design-contract-v2.aics-page-my-availability :where(.availability-shift-grid,.eligible-shift-grid,.weekly-compliance-grid) {
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-my-availability .availability-shift-day {
  border-color: var(--aics-v2-border) !important;
  border-radius: 13px !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-my-availability .shift-picker-trigger {
  min-height: 42px !important;
  border-radius: 10px !important;
}
body.aics-design-contract-v2.aics-page-my-availability .availability-actions {
  border: 1px solid var(--aics-v2-border) !important;
  box-shadow: 0 -5px 20px rgba(55,30,60,.06) !important;
}

/* -------------------------------------------------------------------------- */
/* My Roster + Manual Clocking                                                */
/* -------------------------------------------------------------------------- */
body.aics-design-contract-v2.aics-page-my-roster .my-roster-page {
  gap: 16px !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-title-row {
  padding: 2px 2px 4px !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-title-row p {
  color: var(--aics-v2-muted) !important;
  line-height: 1.5 !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-readonly {
  border: 1px solid var(--aics-v2-border-strong) !important;
  background: #fff !important;
  color: var(--aics-v2-muted) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-card {
  border: 1px solid var(--aics-v2-border) !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-banner {
  border-radius: var(--aics-v2-radius) !important;
  box-shadow: var(--aics-v2-shadow) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-week-toolbar {
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-btn {
  min-height: 42px !important;
  border-radius: 10px !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-btn.is-primary {
  background: var(--aics-v2-primary) !important;
  border-color: var(--aics-v2-primary) !important;
  color: #fff !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-next {
  background: linear-gradient(180deg,#fff 0%,#fdfafd 100%) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-days {
  scrollbar-width: thin !important;
  scrollbar-color: #cdbad2 transparent !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-day {
  border-color: var(--aics-v2-border) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-day.is-selected {
  background: var(--aics-v2-primary) !important;
  border-color: var(--aics-v2-primary) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-shift {
  border-color: var(--aics-v2-border) !important;
  box-shadow: 0 1px 2px rgba(45,18,49,.025) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-clocking {
  border: 1px solid #d9c7df !important;
  background: linear-gradient(180deg,#faf4fc 0%,#f7f1f9 100%) !important;
  border-radius: 13px !important;
  box-shadow: inset 3px 0 0 var(--aics-v2-primary) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-clock-copy strong {
  color: var(--aics-v2-text) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-clock-copy span {
  color: var(--aics-v2-muted) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-clock-btn {
  min-height: 44px !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  font-weight: 800 !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-clock-btn.is-in {
  box-shadow: 0 5px 15px rgba(8,116,67,.13) !important;
}
body.aics-design-contract-v2.aics-page-my-roster .my-roster-clock-btn.is-out {
  box-shadow: 0 5px 15px rgba(180,35,24,.10) !important;
}

/* -------------------------------------------------------------------------- */
/* Shift Swaps                                                                */
/* -------------------------------------------------------------------------- */
body.aics-design-contract-v2.aics-page-shift-swaps .ss-page {
  display: grid !important;
  gap: 16px !important;
}
body.aics-design-contract-v2.aics-page-shift-swaps .ss-hero {
  border: 1px solid var(--aics-v2-border) !important;
  border-radius: var(--aics-v2-radius) !important;
  background: linear-gradient(180deg,#fff 0%,#fdfafd 100%) !important;
  box-shadow: var(--aics-v2-shadow) !important;
}
body.aics-design-contract-v2.aics-page-shift-swaps .ss-tabs {
  gap: 8px !important;
}
body.aics-design-contract-v2.aics-page-shift-swaps .ss-section {
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-shift-swaps .ss-shift-option {
  border-color: var(--aics-v2-border) !important;
  border-radius: 13px !important;
}
body.aics-design-contract-v2.aics-page-shift-swaps .ss-request-shell {
  gap: 14px !important;
}
body.aics-design-contract-v2.aics-page-shift-swaps :where(.ss-request-shift,.ss-request-history,.ss-cutoff-closed) {
  border-color: var(--aics-v2-border) !important;
  border-radius: 13px !important;
}
body.aics-design-contract-v2.aics-page-shift-swaps .ss-form-actions {
  gap: 10px !important;
}

/* -------------------------------------------------------------------------- */
/* Shift Types                                                                */
/* -------------------------------------------------------------------------- */
body.aics-design-contract-v2.aics-page-shift-types .shift-types-page {
  display: grid !important;
  gap: 16px !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-page-head {
  margin-bottom: 0 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-types-shell {
  gap: 16px !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-main-column {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar {
  gap: 12px !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions {
  gap: 8px !important;
}
body.aics-design-contract-v2.aics-page-shift-types .table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain !important;
  -webkit-overflow-scrolling: touch !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-table th {
  background: #faf6fb !important;
  color: #4f4454 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-actions {
  gap: 6px !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-drawer {
  border: 1px solid var(--aics-v2-border) !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-shift-types .house-allocation-panel {
  border-color: var(--aics-v2-border) !important;
  border-radius: 13px !important;
}
body.aics-design-contract-v2.aics-page-shift-types .house-choice-card {
  border-color: var(--aics-v2-border) !important;
  border-radius: 11px !important;
}

/* -------------------------------------------------------------------------- */
/* Public Holidays                                                            */
/* -------------------------------------------------------------------------- */
body.aics-design-contract-v2.aics-page-public-holidays .public-holidays-page {
  display: grid !important;
  gap: 16px !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-header {
  margin-bottom: 0 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-toolbar {
  border: 1px solid var(--aics-v2-border) !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-summary {
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-stat {
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-note {
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-viewbar {
  gap: 12px !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-calendar-wrap,
body.aics-design-contract-v2.aics-page-public-holidays .ph-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain !important;
  -webkit-overflow-scrolling: touch !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-month {
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-chip.active,
body.aics-design-contract-v2.aics-page-public-holidays .ph-view-toggle button.active {
  background: var(--aics-v2-primary) !important;
  border-color: var(--aics-v2-primary) !important;
  color: #fff !important;
}

/* -------------------------------------------------------------------------- */
/* Stage 8 responsive contract                                                */
/* -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  body.aics-design-contract-v2.aics-page-staff-availability .sa-layout {
    grid-template-columns: 240px minmax(0,1fr) !important;
  }
}

@media (max-width: 900px) {
  /* Master Roster keeps its existing specialist mobile renderer. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-layout {
    display: block !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-panel {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .mobile-house-select {
    display: block !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-section {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-section-head {
    border: 1px solid var(--aics-v2-border) !important;
    border-radius: 13px !important;
    background: #fff !important;
    margin-bottom: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-staff-availability .sa-layout {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-staff-availability .sa-staff-panel {
    position: static !important;
    max-height: none !important;
  }
}

@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-stage8-rostering .main > .content {
    padding-inline: 12px !important;
    padding-bottom: max(28px,env(safe-area-inset-bottom)) !important;
  }
  body.aics-design-contract-v2.aics-page-stage8-rostering .content :where(
    .ux-card,
    .sa-filter-card,
    .sa-summary-card,
    .sa-sync-card,
    .sa-activity-card,
    .sa-staff-panel,
    .sa-detail-panel,
    .my-roster-card,
    .ss-section,
    .shift-types-page .card,
    .shift-drawer,
    .ph-toolbar,
    .ph-stat,
    .ph-note
  ) {
    border-radius: 13px !important;
  }

  /* Staff Availability board stays a deliberate local scroller. */
  body.aics-design-contract-v2.aics-page-staff-availability .sa-board-scroll {
    margin-inline: 0 !important;
    border: 1px solid var(--aics-v2-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-staff-availability .sa-day-grid {
    min-width: 760px !important;
  }

  /* My Availability keeps its week carousel and touch workflow. */
  body.aics-design-contract-v2.aics-page-my-availability .availability-actions {
    bottom: max(0px,env(safe-area-inset-bottom)) !important;
  }
  body.aics-design-contract-v2.aics-page-my-availability .submission-buttons,
  body.aics-design-contract-v2.aics-page-my-availability .submission-action-group {
    gap: 8px !important;
  }

  /* Manual Clock In/Out remains prominent on the assigned shift card. */
  body.aics-design-contract-v2.aics-page-my-roster .my-roster-clocking {
    padding: 12px !important;
    box-shadow: inset 0 3px 0 var(--aics-v2-primary) !important;
  }
  body.aics-design-contract-v2.aics-page-my-roster .my-roster-clocking form,
  body.aics-design-contract-v2.aics-page-my-roster .my-roster-clock-btn {
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-my-roster .my-roster-clock-btn {
    min-height: 48px !important;
  }
  body.aics-design-contract-v2.aics-page-my-roster .my-roster-shift {
    border-radius: 13px !important;
  }

  body.aics-design-contract-v2.aics-page-shift-swaps .ss-form-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-shift-swaps .ss-form-actions :where(.btn,button,a) {
    width: 100% !important;
  }

  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions :where(.btn,button,a) {
    width: 100% !important;
  }

  /* Calendar remains a calendar: local horizontal scroll, no page overflow. */
  body.aics-design-contract-v2.aics-page-public-holidays .ph-calendar {
    min-width: 760px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-calendar-wrap {
    border: 1px solid var(--aics-v2-border) !important;
    border-radius: 13px !important;
    background: #fff !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-presets {
    gap: 7px !important;
  }
}

@media (max-width: 520px) {
  body.aics-design-contract-v2.aics-page-master-roster .roster-actions,
  body.aics-design-contract-v2.aics-page-master-roster .roster-tabs {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-actions :where(.ux-btn,button,a),
  body.aics-design-contract-v2.aics-page-master-roster .roster-tabs .roster-tab {
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-my-roster .my-roster-week-actions {
    gap: 7px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-summary {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================================== */
/* AICS DESIGN SYSTEM - STAGE 8 ROSTERING - MASTER ROSTER NARROW GRID V1.1   */
/* 2026-09-06 - presentation only. Keeps the 7-day roster as a local scroller */
/* while making the sticky Shift Type column compact and each day readable.   */
/* ========================================================================== */

@media (max-width: 1280px) {
  body.aics-design-contract-v2.aics-page-master-roster .roster-table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    overscroll-behavior-inline: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Keep Shift Type visible, but do not let it consume half the narrow view. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-table {
    table-layout: fixed !important;
    width: 1826px !important;
    min-width: 1826px !important;
    max-width: none !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table th:first-child,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td:first-child {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    padding: 9px 8px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table th:not(:first-child),
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td:not(:first-child) {
    width: 244px !important;
    min-width: 244px !important;
    max-width: 244px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table .house-multi-staff-cell {
    width: 244px !important;
    min-width: 244px !important;
    max-width: 244px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .shift-type-cell strong {
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .shift-type-cell small {
    margin-top: 5px !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }

  /* Give the day cell a clean vertical rhythm instead of squeezing controls. */
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 6px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-toolbar label {
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-select {
    width: 82px !important;
    min-width: 82px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-toolbar > small {
    white-space: normal !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position {
    padding: 8px !important;
    gap: 6px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position-head {
    flex-wrap: wrap !important;
    align-items: center !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-include-shift-control {
    width: 100% !important;
    min-height: 42px !important;
    padding: 8px !important;
    white-space: normal !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .shift-cell-name {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position-actions > .ux-btn,
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position-actions > .house-assignment-remove-form,
  body.aics-design-contract-v2.aics-page-master-roster .house-assignment-remove-form .ux-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Keep start/finish information compact and fully inside its day column. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime {
    margin-top: 8px !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime .roster-time-pair {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    align-items: start !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime .roster-time-pair > span {
    display: grid !important;
    min-width: 0 !important;
    gap: 1px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime .roster-time-pair > i {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime .roster-time-pair em {
    font-size: 9px !important;
    letter-spacing: .04em !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime .roster-time-pair b {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime .roster-time-pair strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1024px) and (min-width: 901px) {
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-section-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-section-head > .ux-chip {
    justify-self: start !important;
  }
}

/* ========================================================================== */
/* AICS DESIGN SYSTEM - STAGE 8 ROSTERING - MOBILE GRID STRONG V1.2          */
/* 2026-09-06 - presentation only. On narrow screens the Shift Type column   */
/* no longer sticks over day cells. Each day cell carries its own Shift Type */
/* context so the 7-day roster remains readable while horizontally scrolling.*/
/* ========================================================================== */

body.aics-design-contract-v2.aics-page-master-roster .roster-mobile-shift-type-context {
  display: none;
}

@media (max-width: 900px) {
  /* Critical fix: the legacy first column was sticky left:0 and physically
     overlaid the day currently being viewed after horizontal scrolling. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-table th:first-child,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td:first-child {
    display: none !important;
    position: static !important;
    left: auto !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* One deliberate day card-width per horizontal step. The table remains a
     real 7-day grid and does not become a generic stacked/mobile card list. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-table {
    table-layout: fixed !important;
    width: 2030px !important;
    min-width: 2030px !important;
    max-width: none !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table th:not(:first-child),
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td:not(:first-child),
  body.aics-design-contract-v2.aics-page-master-roster .roster-table .house-multi-staff-cell {
    width: 290px !important;
    min-width: 290px !important;
    max-width: 290px !important;
    box-sizing: border-box !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table th:not(:first-child) {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    z-index: 2 !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table-wrap {
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td.house-multi-staff-cell {
    scroll-snap-align: start;
    padding: 10px !important;
    overflow: visible !important;
  }

  /* Repeat Shift Type context inside every visible day cell so hiding the
     overlaying sticky label does not remove essential roster information. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-mobile-shift-type-context {
    display: grid !important;
    gap: 2px !important;
    margin: -1px 0 9px !important;
    padding: 8px 9px !important;
    border: 1px solid #eadfeb !important;
    border-radius: 9px !important;
    background: #fbf8fc !important;
    color: #4f4454 !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-mobile-shift-type-context strong {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: #4f4454 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-mobile-shift-type-context small {
    display: block !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    color: var(--aics-v2-muted) !important;
  }

  /* Hard containment for controls and assignment cards. */
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-toolbar,
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-positions,
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position,
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime,
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 96px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-include-shift-control,
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position-actions .ux-btn,
  body.aics-design-contract-v2.aics-page-master-roster .house-assignment-remove-form,
  body.aics-design-contract-v2.aics-page-master-roster .house-assignment-remove-form .ux-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-include-shift-control span,
  body.aics-design-contract-v2.aics-page-master-roster .shift-cell-name,
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-toolbar > small,
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime small {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

@media (max-width: 520px) {
  body.aics-design-contract-v2.aics-page-master-roster .roster-table {
    width: 1960px !important;
    min-width: 1960px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table th:not(:first-child),
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td:not(:first-child),
  body.aics-design-contract-v2.aics-page-master-roster .roster-table .house-multi-staff-cell {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
  }
}

/* ========================================================================== */
/* AICS DESIGN SYSTEM - STAGE 8 ROSTERING - MOBILE STACKED GRID STRONG V1.3 */
/* 2026-09-06 - presentation only. On <=900px the weekly House Roster is     */
/* rendered as full-width vertical day cards with no horizontal table scroll. */
/* Desktop/tablet-wide grid behaviour remains unchanged.                      */
/* ========================================================================== */

body.aics-design-contract-v2.aics-page-master-roster .roster-mobile-day-context {
  display: none;
}

@media (max-width: 900px) {
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-section,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table-wrap,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table tbody,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table tbody tr {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Strong mobile rule: no left/right roster scrolling. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-table-wrap {
    overflow-x: visible !important;
    overflow-y: visible !important;
    overscroll-behavior-inline: auto !important;
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: auto !important;
    padding: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table-wrap::before,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table-wrap::after {
    content: none !important;
    display: none !important;
  }

  /* Convert only the House Roster grid presentation into a vertical card list.
     Existing inputs/forms/data attributes remain the same DOM controls. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-table {
    display: block !important;
    table-layout: auto !important;
    margin: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table thead {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table tbody {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 16px !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    border: 0 !important;
  }

  body.aics-design-contract-v2.aics-page-master-roster .roster-table th:first-child,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td:first-child {
    display: none !important;
  }

  body.aics-design-contract-v2.aics-page-master-roster .roster-table td:not(:first-child),
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td.house-multi-staff-cell,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table .house-multi-staff-cell {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: hidden !important;
    scroll-snap-align: none !important;
    border: 1px solid #eadfeb !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(49,35,53,.04) !important;
    box-sizing: border-box !important;
  }

  /* Day/date replaces the hidden desktop table header. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-mobile-day-context {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: -10px -10px 10px !important;
    padding: 10px 11px !important;
    border-bottom: 1px solid #eadfeb !important;
    background: #faf6fb !important;
    color: #3f3344 !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-mobile-day-context strong {
    font-size: 13px !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-mobile-day-context span {
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: var(--aics-v2-muted) !important;
  }

  body.aics-design-contract-v2.aics-page-master-roster .roster-mobile-shift-type-context {
    margin: 0 0 10px !important;
  }

  /* Final containment pass: nothing inside a day card may create page width. */
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td.house-multi-staff-cell :where(
    .house-staffing-toolbar,
    .house-staffing-positions,
    .house-staff-position,
    .house-staff-position-head,
    .roster-include-shift-control,
    .shift-cell-name,
    .working-restriction-inline,
    .roster-overlap-badge,
    .roster-rest-override-badge,
    .house-staff-position-actions,
    .house-assignment-remove-form,
    .roster-grid-datetime,
    .roster-time-pair
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td.house-multi-staff-cell :where(
    button,
    input,
    select,
    textarea,
    label,
    form
  ) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td.house-multi-staff-cell :where(
    .shift-cell-name,
    .working-restriction-inline,
    .roster-overlap-badge,
    .roster-rest-override-badge,
    .roster-grid-datetime small
  ) {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-toolbar {
    grid-template-columns: minmax(0,1fr) !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-toolbar > small {
    justify-self: end !important;
    text-align: right !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staffing-select {
    width: min(100%,96px) !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .house-staff-position-actions {
    grid-template-columns: minmax(0,1fr) !important;
  }
  body.aics-design-contract-v2.aics-page-master-roster .roster-grid-datetime .roster-time-pair {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  }
}

@media (max-width: 520px) {
  body.aics-design-contract-v2.aics-page-master-roster .roster-table,
  body.aics-design-contract-v2.aics-page-master-roster .roster-table th:not(:first-child),
  body.aics-design-contract-v2.aics-page-master-roster .roster-table td:not(:first-child),
  body.aics-design-contract-v2.aics-page-master-roster .roster-table .house-multi-staff-cell {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* ========================================================================== */
/* AICS DESIGN SYSTEM - STAGE 8 ROSTERING - PUBLIC HOLIDAYS STRONG V1.4      */
/* 2026-09-06 - presentation-only hardening. Provides a complete scoped       */
/* Public Holidays layout even if legacy/phase component CSS is unavailable.  */
/* ========================================================================== */

body.aics-design-contract-v2.aics-page-public-holidays .public-holidays-page {
  --ph-v14-line: #e7dbe9;
  --ph-v14-soft: #faf6fb;
  --ph-v14-soft-2: #f6eef8;
  --ph-v14-text: #241b27;
  --ph-v14-muted: #667085;
  --ph-v14-primary: var(--aics-v2-primary,#6a2875);
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 16px !important;
  padding-bottom: 28px !important;
  color: var(--ph-v14-text) !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .public-holidays-page * {
  box-sizing: border-box !important;
}

/* Header / source */
body.aics-design-contract-v2.aics-page-public-holidays .ph-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-header > div:first-child {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-header h1 {
  margin: 0 0 8px !important;
  font-size: clamp(1.7rem,2.2vw,2.15rem) !important;
  line-height: 1.08 !important;
  color: #121018 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-header p {
  max-width: 980px !important;
  margin: 0 !important;
  color: #4f5664 !important;
  line-height: 1.55 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-source {
  flex: 0 0 auto !important;
  display: block !important;
  min-width: 220px !important;
  max-width: 310px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--ph-v14-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #62546a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  box-shadow: 0 2px 10px rgba(56,31,62,.04) !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-source a {
  color: var(--ph-v14-primary) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-source a:hover {
  text-decoration: underline !important;
}

/* Filters */
body.aics-design-contract-v2.aics-page-public-holidays .ph-toolbar {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(150px,.35fr) minmax(280px,1fr) !important;
  gap: 12px 14px !important;
  align-items: end !important;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--ph-v14-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(56,31,62,.045) !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-field {
  min-width: 0 !important;
  display: grid !important;
  gap: 6px !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-field label {
  margin: 0 !important;
  color: #4c4051 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-field select {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 9px 38px 9px 12px !important;
  border: 1px solid #d9cddd !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  color: #251d28 !important;
  font-size: 14px !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-presets {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 7px 12px !important;
  border: 1px solid #dbcfe0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #66306f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-chip:hover {
  background: var(--ph-v14-soft) !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-chip.active {
  background: var(--ph-v14-primary) !important;
  border-color: var(--ph-v14-primary) !important;
  color: #fff !important;
}

/* Summary cards */
body.aics-design-contract-v2.aics-page-public-holidays .ph-summary {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-stat {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding: 15px 16px !important;
  border: 1px solid var(--ph-v14-line) !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(56,31,62,.035) !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-stat .label {
  color: #776b7d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-stat strong {
  display: block !important;
  min-width: 0 !important;
  color: #2e2032 !important;
  font-size: 17px !important;
  line-height: 1.22 !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-stat small {
  display: block !important;
  color: var(--ph-v14-muted) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Guidance */
body.aics-design-contract-v2.aics-page-public-holidays .ph-note {
  width: 100% !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  border: 1px solid #eadcaf !important;
  border-left: 4px solid #b7801c !important;
  border-radius: 12px !important;
  background: #fffaf0 !important;
  color: #5f4b24 !important;
  line-height: 1.5 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-note strong {
  color: #44320e !important;
}

/* View heading / toggle */
body.aics-design-contract-v2.aics-page-public-holidays .ph-viewbar {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-viewbar h2 {
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  color: #221826 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-view-toggle {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  gap: 4px !important;
  padding: 4px !important;
  border: 1px solid var(--ph-v14-line) !important;
  border-radius: 11px !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-view-toggle button {
  min-height: 36px !important;
  padding: 7px 14px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #63306d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-view-toggle button.active {
  background: var(--ph-v14-primary) !important;
  color: #fff !important;
}

/* Calendar - self-contained 3/2/1 month grid */
body.aics-design-contract-v2.aics-page-public-holidays .ph-calendar-wrap {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-calendar-wrap.hidden {
  display: none !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-calendar {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-month {
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid var(--ph-v14-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 3px 14px rgba(56,31,62,.045) !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-month-title {
  padding: 12px 13px !important;
  border-bottom: 1px solid var(--ph-v14-line) !important;
  background: linear-gradient(180deg,#fbf8fc 0%,#f8f2fa 100%) !important;
  color: #4f2458 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-weekdays,
body.aics-design-contract-v2.aics-page-public-holidays .ph-days {
  display: grid !important;
  grid-template-columns: repeat(7,minmax(0,1fr)) !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-weekdays {
  padding: 0 8px !important;
  border-bottom: 1px solid #f0e7f2 !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-weekdays span {
  min-width: 0 !important;
  padding: 8px 2px !important;
  color: #817586 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-days {
  padding: 8px !important;
  gap: 3px !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-day {
  min-width: 0 !important;
  min-height: 66px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 5px !important;
  border: 1px solid #f1eaf3 !important;
  border-radius: 7px !important;
  background: #fff !important;
  overflow: hidden !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-day.empty {
  border-color: transparent !important;
  background: #fbfafc !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-day.today {
  outline: 2px solid #a66cb0 !important;
  outline-offset: -2px !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-day.has-holiday {
  background: #fdf8fe !important;
  border-color: #dfcde4 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-daynum {
  display: block !important;
  color: #312735 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-event {
  min-width: 0 !important;
  padding: 3px 4px !important;
  border-radius: 5px !important;
  background: #efe2f2 !important;
  color: #5e2468 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-event small {
  display: block !important;
  margin-top: 2px !important;
  color: #76557d !important;
  font-size: 7px !important;
  font-weight: 750 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-more {
  color: #6e5274 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

/* List view */
body.aics-design-contract-v2.aics-page-public-holidays .ph-list-wrap {
  display: none !important;
  width: 100% !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-list-wrap.active {
  display: block !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-table-wrap {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid var(--ph-v14-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 3px 14px rgba(56,31,62,.04) !important;
  -webkit-overflow-scrolling: touch !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-table {
  width: 100% !important;
  min-width: 860px !important;
  border-collapse: collapse !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-table th,
body.aics-design-contract-v2.aics-page-public-holidays .ph-table td {
  padding: 11px 12px !important;
  border-bottom: 1px solid #f0e7f2 !important;
  text-align: left !important;
  vertical-align: top !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-table th {
  background: var(--ph-v14-soft) !important;
  color: #5f5064 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-table tbody tr:last-child td {
  border-bottom: 0 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-state-badges,
body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-card .meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-badge,
body.aics-design-contract-v2.aics-page-public-holidays .ph-state-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-badge {
  background: #efe4f2 !important;
  color: #632b6d !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-badge.special {
  background: #fff2d8 !important;
  color: #805b13 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-state-badge {
  background: #f1f3f6 !important;
  color: #4d5665 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-list {
  display: none !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-card {
  min-width: 0 !important;
  padding: 13px !important;
  border: 1px solid var(--ph-v14-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(56,31,62,.035) !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-card .date {
  color: #5a2364 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-card h3 {
  margin: 5px 0 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}
body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-card p {
  margin: 5px 0 !important;
  color: var(--ph-v14-muted) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

@media (max-width: 1280px) {
  body.aics-design-contract-v2.aics-page-public-holidays .ph-summary {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-calendar {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-public-holidays .ph-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-source {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-toolbar {
    grid-template-columns: 1fr !important;
    padding: 13px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-presets {
    grid-column: 1 !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding-bottom: 3px !important;
    scrollbar-width: thin !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-field select {
    font-size: 16px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-summary {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-viewbar {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-view-toggle {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-view-toggle button {
    width: 100% !important;
    min-height: 42px !important;
  }

  /* On phone the calendar becomes stacked month cards; no page-side scroll. */
  body.aics-design-contract-v2.aics-page-public-holidays .ph-calendar {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-month {
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-day {
    min-height: 60px !important;
  }

  body.aics-design-contract-v2.aics-page-public-holidays .ph-table-wrap {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-list {
    display: grid !important;
    gap: 10px !important;
  }
}

@media (max-width: 420px) {
  body.aics-design-contract-v2.aics-page-public-holidays .ph-header h1 {
    font-size: 1.65rem !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-month-title {
    padding: 11px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-weekdays,
  body.aics-design-contract-v2.aics-page-public-holidays .ph-days {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-day {
    min-height: 55px !important;
    padding: 4px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-event {
    font-size: 7px !important;
    padding: 2px 3px !important;
  }
}


/* AICS DESIGN SYSTEM STAGE 8 - PUBLIC HOLIDAYS MOBILE READABILITY V1.5 - 2026-09-06
   Mobile calendar keeps the familiar month grid for date orientation, but holiday names are
   moved into a readable month-specific detail list below the grid. Desktop/tablet calendar
   events remain unchanged. No holiday data, controller, roster, timesheet or payroll logic. */
body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-events {
  display: none !important;
}

@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-public-holidays .ph-month {
    overflow: hidden !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-days {
    gap: 4px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-day {
    min-height: 46px !important;
    justify-content: flex-start !important;
    padding: 6px 4px !important;
    overflow: visible !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-daynum {
    font-size: 11px !important;
    line-height: 1.1 !important;
  }
  /* Avoid unreadable 7px-8px holiday text inside a seven-column phone calendar. */
  body.aics-design-contract-v2.aics-page-public-holidays .ph-day .ph-event,
  body.aics-design-contract-v2.aics-page-public-holidays .ph-day .ph-more {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-day.has-holiday {
    background: #fdf8fe !important;
    border-color: #d9c0df !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-day.has-holiday::after {
    content: "" !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    margin: auto auto 1px !important;
    border-radius: 999px !important;
    background: #76247f !important;
    box-shadow: 0 0 0 2px #f0e2f3 !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-events {
    display: grid !important;
    gap: 8px !important;
    padding: 0 10px 12px !important;
    border-top: 1px solid #efe5f1 !important;
    background: #fff !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-events-title {
    margin: 0 -10px 2px !important;
    padding: 10px 12px 8px !important;
    background: #fbf8fc !important;
    color: #5a2863 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .01em !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-event {
    display: grid !important;
    grid-template-columns: 82px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid #e7d9ea !important;
    border-radius: 10px !important;
    background: #fdfafe !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-event-date {
    color: #5a2863 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-event-body {
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px 7px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-event-body strong {
    flex: 1 1 100% !important;
    color: #2f2633 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-event-body small {
    color: #6e5b72 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-event-scope {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    background: #fff1d7 !important;
    color: #7b5710 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }
}

@media (max-width: 420px) {
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-event {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }
  body.aics-design-contract-v2.aics-page-public-holidays .ph-mobile-month-event-date {
    white-space: normal !important;
  }
}

/* AICS DESIGN SYSTEM STAGE 8 - SHIFT TYPES STRONG V1.7 - 2026-09-06
   Presentation-only Shift Types list/filter polish. Keeps current CRUD, dynamic filters,
   Shift Type allocations, usage guards, night rules, sorting and permissions unchanged. */
body.aics-design-contract-v2.aics-page-shift-types .shift-types-page {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-page-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-page-head > div {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-page-head h1 {
  margin-bottom: 8px !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-page-head > .btn {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* Filters: use desktop width efficiently instead of stacking full-width controls. */
body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar {
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) minmax(210px, 280px) auto !important;
  gap: 12px !important;
  align-items: end !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar > label {
  min-width: 0 !important;
  margin: 0 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar > label > input,
body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar > label > select {
  width: 100% !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: max-content !important;
}
/* Add action already exists in the page header; avoid duplicate visual CTA in filter card. */
body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions > .btn.primary {
  display: none !important;
}

/* Desktop table: readable, compact and internally scrollable only when genuinely needed. */
body.aics-design-contract-v2.aics-page-shift-types #shift-types-list {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-shift-types #shift-types-list > .table-wrap {
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-inline: contain !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-table {
  width: 100% !important;
  min-width: 1120px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-table th,
body.aics-design-contract-v2.aics-page-shift-types .shift-table td {
  vertical-align: top !important;
  padding: 13px 11px !important;
  line-height: 1.35 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-table th {
  white-space: nowrap !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(1),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(1) { min-width: 175px !important; }
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(2),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(2),
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(3),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(3) { width: 74px !important; min-width: 74px !important; }
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(4),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(4) { width: 94px !important; min-width: 94px !important; }
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(5),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(5) { width: 92px !important; min-width: 92px !important; }
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(6),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(6) { min-width: 112px !important; }
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(7),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(7) { min-width: 170px !important; }
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(8),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(8) { width: 92px !important; min-width: 92px !important; }
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(9),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(9) { width: 132px !important; min-width: 132px !important; }
body.aics-design-contract-v2.aics-page-shift-types .shift-table th:nth-child(10),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(10) { width: 220px !important; min-width: 220px !important; }

body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(2),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(3),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(4),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(5),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(8),
body.aics-design-contract-v2.aics-page-shift-types .shift-table td:nth-child(9) {
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-table .status,
body.aics-design-contract-v2.aics-page-shift-types .shift-table .overnight-pill,
body.aics-design-contract-v2.aics-page-shift-types .shift-table .night-type-pill {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
body.aics-design-contract-v2.aics-page-shift-types .allocated-houses-cell,
body.aics-design-contract-v2.aics-page-shift-types .allocated-summary {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
body.aics-design-contract-v2.aics-page-shift-types .usage-note {
  margin-top: 4px !important;
  line-height: 1.35 !important;
}

/* Actions stay direct and permission-aware, but no longer consume a huge vertical column. */
body.aics-design-contract-v2.aics-page-shift-types .shift-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-actions > form {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.aics-design-contract-v2.aics-page-shift-types .shift-actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

@media (max-width: 1180px) and (min-width: 768px) {
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 280px) !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }
}

/* Phone/tablet list becomes true cards; no page-level sideways table scrolling. */
@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-shift-types .shift-page-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-page-head > .btn {
    width: 100% !important;
    min-height: 44px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar {
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions > .btn:not(.primary) {
    width: 100% !important;
    min-height: 44px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar input,
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar select {
    font-size: 16px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types #shift-types-list > .table-wrap {
    overflow: visible !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table thead {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody tr {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e6dce8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(66,32,74,.05) !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #f0e8f1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-variant-numeric: normal !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td::before {
    content: attr(data-label) !important;
    display: block !important;
    color: #6c4a72 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(1),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(7),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(9),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(10) {
    grid-column: 1 / -1 !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(10) {
    border-bottom: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions > * {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions > :last-child:nth-child(3) {
    grid-column: 1 / -1 !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions .btn,
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions form .btn {
    width: 100% !important;
    min-height: 44px !important;
  }
}

@media (max-width: 420px) {
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody tr {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td,
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(1),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(7),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(9),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(10) {
    grid-column: 1 !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions > :last-child:nth-child(3) {
    grid-column: 1 !important;
  }
}

/* ========================================================================== 
   STAGE 8 SHIFT TYPES MOBILE COMPACT V1.25
   Final mobile-density pass. Desktop/tablet >= 768px intentionally unchanged.
   ========================================================================== */
@media (max-width: 767px) {
  /* Keep only the filter-card Add action on phone; avoid two large Add buttons. */
  body.aics-design-contract-v2.aics-page-shift-types .shift-page-head > .btn.primary {
    display: none !important;
  }

  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar {
    gap: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions > .btn,
  body.aics-design-contract-v2.aics-page-shift-types .shift-toolbar-actions > .btn:not(.primary) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
  }

  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody {
    gap: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody tr {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    border-radius: 13px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td {
    gap: 2px !important;
    padding: 7px 10px !important;
    min-height: 0 !important;
    line-height: 1.28 !important;
    font-size: 13px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td::before {
    font-size: 9px !important;
    line-height: 1.05 !important;
    letter-spacing: .045em !important;
  }

  /* Compact first row: Shift Type on the left, Status on the right. */
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #eee5ef !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(1)::before,
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(8)::before {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(1) strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(8) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #eee5ef !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(8) .status {
    margin-top: 0 !important;
  }

  /* Two-column operational details. */
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(2) { grid-column: 1 !important; grid-row: 2 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(3) { grid-column: 2 !important; grid-row: 2 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(4) { grid-column: 1 !important; grid-row: 3 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(5) { grid-column: 2 !important; grid-row: 3 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(6) { grid-column: 1 !important; grid-row: 4 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(7) { grid-column: 2 !important; grid-row: 4 !important; }

  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(2),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(3),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(4),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(5),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(6),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(7) {
    border-bottom: 1px solid #f3edf4 !important;
  }

  body.aics-design-contract-v2.aics-page-shift-types .allocated-summary {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .usage-note {
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  /* Updated timestamp uses one compact line. */
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(9) {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    white-space: nowrap !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(9)::before {
    flex: 0 0 auto !important;
  }

  /* All three actions stay together on normal phones. */
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(10) {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    padding-top: 8px !important;
    padding-bottom: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr) minmax(0, .9fr) !important;
    gap: 7px !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions > :last-child:nth-child(3) {
    grid-column: auto !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions .btn,
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions form .btn {
    min-height: 40px !important;
    padding: 7px 8px !important;
    font-size: 12.5px !important;
  }
}

/* Keep the useful two-column card even below the old 420px breakpoint. */
@media (max-width: 420px) {
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody tr {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(1) { grid-column: 1 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(8) { grid-column: 2 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(2),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(4),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(6) { grid-column: 1 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(3),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(5),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(7) { grid-column: 2 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(9),
  body.aics-design-contract-v2.aics-page-shift-types .shift-table tbody td:nth-child(10) { grid-column: 1 / -1 !important; }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions > :last-child:nth-child(3) {
    grid-column: auto !important;
  }
}

@media (max-width: 340px) {
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.aics-design-contract-v2.aics-page-shift-types .shift-actions > :last-child:nth-child(3) {
    grid-column: 1 / -1 !important;
  }
}


/* ========================================================================== 
   STAGE 10 REMAINING MANAGEMENT PAGES V1
   Presentation only. Final contract layer for management/system pages.
   Scope: Pay Rate Viewer, Report Centre, Scheduled Report Delivery,
   Backup Manager, Access Control/Audit Logs and External Access.
   No workflow, data, permission, scheduler, backup or payroll logic changes.
   ========================================================================== */

body.aics-design-contract-v2.aics-page-stage10-management .content {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-stage10-management .content > h1,
body.aics-design-contract-v2.aics-page-stage10-management .prv-header h1,
body.aics-design-contract-v2.aics-page-stage10-management .srd-head h1,
body.aics-design-contract-v2.aics-page-stage10-management .backup-hero h1 {
  margin-top: 0 !important;
  color: #181327 !important;
  font-size: clamp(27px, 2.2vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}
body.aics-design-contract-v2.aics-page-stage10-management .muted,
body.aics-design-contract-v2.aics-page-stage10-management .prv-muted,
body.aics-design-contract-v2.aics-page-stage10-management .srd-muted,
body.aics-design-contract-v2.aics-page-stage10-management .backup-muted {
  color: #6d6172 !important;
  line-height: 1.48 !important;
}
body.aics-design-contract-v2.aics-page-stage10-management .btn,
body.aics-design-contract-v2.aics-page-stage10-management .backup-btn {
  min-height: 40px !important;
  border-radius: 9px !important;
  padding: 9px 13px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}
body.aics-design-contract-v2.aics-page-stage10-management .btn.primary,
body.aics-design-contract-v2.aics-page-stage10-management .backup-btn.primary {
  background: #7d2a8a !important;
  border-color: #7d2a8a !important;
  color: #fff !important;
}
body.aics-design-contract-v2.aics-page-stage10-management input,
body.aics-design-contract-v2.aics-page-stage10-management select,
body.aics-design-contract-v2.aics-page-stage10-management textarea {
  min-width: 0 !important;
  max-width: 100% !important;
}
body.aics-design-contract-v2.aics-page-stage10-management .table-wrap,
body.aics-design-contract-v2.aics-page-stage10-management .prv-table-wrap,
body.aics-design-contract-v2.aics-page-stage10-management .srd-table-wrap,
body.aics-design-contract-v2.aics-page-stage10-management .backup-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-inline: contain !important;
}
body.aics-design-contract-v2.aics-page-stage10-management table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body.aics-design-contract-v2.aics-page-stage10-management table th {
  white-space: nowrap !important;
}
body.aics-design-contract-v2.aics-page-stage10-management table td,
body.aics-design-contract-v2.aics-page-stage10-management table th {
  vertical-align: top !important;
}
body.aics-design-contract-v2.aics-page-stage10-management .status,
body.aics-design-contract-v2.aics-page-stage10-management .prv-badge,
body.aics-design-contract-v2.aics-page-stage10-management .srd-badge,
body.aics-design-contract-v2.aics-page-stage10-management .backup-status,
body.aics-design-contract-v2.aics-page-stage10-management .ac-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* ---------- Pay Rate Viewer ---------- */
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-page {
  display: grid !important;
  gap: 16px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-header > div:first-child {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 12px !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-stat,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-card,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-drawer {
  min-width: 0 !important;
  border: 1px solid #e5d9e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 3px 14px rgba(63,31,71,.045) !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-stat {
  padding: 15px 16px !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-stat strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #6f207d !important;
  font-size: 25px !important;
  line-height: 1 !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-stat span {
  color: #5f5364 !important;
  font-weight: 700 !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-card,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-drawer {
  padding: 17px !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-card h2,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-drawer h2 {
  margin: 0 0 5px !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-source {
  margin: 11px 0 14px !important;
  padding: 11px 12px !important;
  border: 1px solid #eadfee !important;
  border-radius: 10px !important;
  background: #faf7fb !important;
  line-height: 1.45 !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-toolbar,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-form-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 11px !important;
  margin: 12px 0 14px !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-toolbar label,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-form-grid label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  font-weight: 750 !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-toolbar input,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-toolbar select,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-form-grid input,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-form-grid select {
  width: 100% !important;
  min-height: 42px !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-table {
  width: 100% !important;
  min-width: 980px !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-table th,
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-table td {
  padding: 11px 10px !important;
  border-bottom: 1px solid #eee6f0 !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
  margin: 12px 0 !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-summary > div {
  min-width: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid #eadfee !important;
  border-radius: 10px !important;
  background: #fbf8fc !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-summary strong {
  display: block !important;
  margin-top: 4px !important;
}
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-mobile-cards {
  display: none !important;
}

/* ---------- Scheduled Report Delivery ---------- */
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-actions,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-form-actions,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-row-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-grid5 {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-stat,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-card,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-health-box,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-mobile-card {
  min-width: 0 !important;
  border: 1px solid #e5d9e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 3px 14px rgba(63,31,71,.04) !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-stat {
  padding: 14px !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-stat small {
  display: block !important;
  color: #6c6070 !important;
  font-weight: 750 !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-stat strong {
  display: block !important;
  margin-top: 5px !important;
  color: #6f207d !important;
  font-size: 24px !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-card {
  padding: 16px !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-health {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 9px !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-health-box {
  padding: 11px !important;
  box-shadow: none !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-health-box small {
  display: block !important;
  color: #6f6272 !important;
  font-weight: 750 !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-health-box strong {
  display: block !important;
  margin-top: 4px !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-detail-grid,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-form-grid,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-preview-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-form-grid:not(.two) {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-form-grid label {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-form-grid input,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-form-grid select,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-form-grid textarea {
  width: 100% !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-kv {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-kv > div {
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-table-wrap table {
  min-width: 980px !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-mobile-list {
  display: none !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-next {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
}
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-code,
body.aics-design-contract-v2.aics-page-scheduled-report-delivery code {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* ---------- Backup Manager ---------- */
body.aics-design-contract-v2.aics-page-backup-manager .backup-page {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-hero,
body.aics-design-contract-v2.aics-page-backup-manager .backup-section,
body.aics-design-contract-v2.aics-page-backup-manager .backup-card {
  min-width: 0 !important;
  border: 1px solid #e5d9e8 !important;
  background: #fff !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-hero,
body.aics-design-contract-v2.aics-page-backup-manager .backup-section {
  border-radius: 15px !important;
  padding: 16px !important;
  box-shadow: 0 3px 14px rgba(63,31,71,.045) !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-card {
  border-radius: 12px !important;
  padding: 13px !important;
  box-shadow: none !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-hero-row,
body.aics-design-contract-v2.aics-page-backup-manager .section-head,
body.aics-design-contract-v2.aics-page-backup-manager .backup-title-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-grid.two {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-actions > form {
  margin: 0 !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-nav {
  display: flex !important;
  gap: 6px !important;
  margin-top: 14px !important;
  overflow-x: auto !important;
  padding-bottom: 3px !important;
  scrollbar-width: thin !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-nav a {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .worker-grid,
body.aics-design-contract-v2.aics-page-backup-manager .check-grid,
body.aics-design-contract-v2.aics-page-backup-manager .backup-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .worker-item,
body.aics-design-contract-v2.aics-page-backup-manager .check-row {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-field {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-field input,
body.aics-design-contract-v2.aics-page-backup-manager .backup-field select,
body.aics-design-contract-v2.aics-page-backup-manager .backup-field textarea {
  width: 100% !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-table {
  min-width: 900px !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .backup-code,
body.aics-design-contract-v2.aics-page-backup-manager .mono,
body.aics-design-contract-v2.aics-page-backup-manager .sensitive {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* ---------- Access Control / Audit ---------- */
body.aics-design-contract-v2.aics-page-access-control .content > h1 {
  margin-bottom: 5px !important;
}
body.aics-design-contract-v2.aics-page-access-control .ac-tabs {
  display: flex !important;
  gap: 6px !important;
  max-width: 100% !important;
  margin: 14px 0 !important;
  padding: 5px !important;
  overflow-x: auto !important;
  border: 1px solid #e5d9e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  scrollbar-width: thin !important;
}
body.aics-design-contract-v2.aics-page-access-control .ac-tabs a {
  flex: 0 0 auto !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 11px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
body.aics-design-contract-v2.aics-page-access-control .ac-tabs a.active {
  background: #f3e9f6 !important;
  color: #6f207d !important;
  font-weight: 800 !important;
}
body.aics-design-contract-v2.aics-page-access-control .cards,
body.aics-design-contract-v2.aics-page-access-control .grid-2,
body.aics-design-contract-v2.aics-page-access-control .ac-form-grid,
body.aics-design-contract-v2.aics-page-access-control .ac-user-summary,
body.aics-design-contract-v2.aics-page-access-control .ac-role-grid {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-access-control .cards {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}
body.aics-design-contract-v2.aics-page-access-control .grid-2,
body.aics-design-contract-v2.aics-page-access-control .ac-form-grid,
body.aics-design-contract-v2.aics-page-access-control .ac-user-summary {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
body.aics-design-contract-v2.aics-page-access-control .ac-role-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
body.aics-design-contract-v2.aics-page-access-control .card {
  min-width: 0 !important;
  border: 1px solid #e5d9e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 3px 14px rgba(63,31,71,.04) !important;
}
body.aics-design-contract-v2.aics-page-access-control .cards > .card strong {
  display: block !important;
  margin-top: 6px !important;
  color: #6f207d !important;
  font-size: 24px !important;
}
body.aics-design-contract-v2.aics-page-access-control .ac-panel-title,
body.aics-design-contract-v2.aics-page-access-control .ac-action-row,
body.aics-design-contract-v2.aics-page-access-control .matrix-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: end !important;
  gap: 8px !important;
}
body.aics-design-contract-v2.aics-page-access-control .ac-panel-title {
  justify-content: space-between !important;
}
body.aics-design-contract-v2.aics-page-access-control .ac-scroll,
body.aics-design-contract-v2.aics-page-access-control .permission-list {
  max-width: 100% !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}
body.aics-design-contract-v2.aics-page-access-control .table-wrap table {
  min-width: 820px !important;
}
body.aics-design-contract-v2.aics-page-access-control .matrix {
  min-width: 980px !important;
}
body.aics-design-contract-v2.aics-page-access-control .inline-form {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
body.aics-design-contract-v2.aics-page-access-control .ac-user-summary > div,
body.aics-design-contract-v2.aics-page-access-control .ac-role-card {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* ---------- Report Centre / External Access legacy management pages ---------- */
body.aics-design-contract-v2.aics-page-report-centre .content > .card,
body.aics-design-contract-v2.aics-page-external-access .content > .card,
body.aics-design-contract-v2.aics-page-report-centre .grid-2 > .card,
body.aics-design-contract-v2.aics-page-external-access .grid-2 > .card {
  min-width: 0 !important;
  border: 1px solid #e5d9e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 3px 14px rgba(63,31,71,.04) !important;
}
body.aics-design-contract-v2.aics-page-report-centre .grid-2,
body.aics-design-contract-v2.aics-page-external-access .grid-2 {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 12px !important;
}
body.aics-design-contract-v2.aics-page-report-centre .table-wrap,
body.aics-design-contract-v2.aics-page-external-access .table-wrap {
  overflow-x: auto !important;
}
body.aics-design-contract-v2.aics-page-report-centre .table-wrap table,
body.aics-design-contract-v2.aics-page-external-access .table-wrap table {
  min-width: 720px !important;
}

@media (max-width: 1120px) and (min-width: 768px) {
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-grid,
  body.aics-design-contract-v2.aics-page-access-control .cards {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-grid5 {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-health {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-stage10-management .content {
    padding-inline: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-stage10-management .content > h1,
  body.aics-design-contract-v2.aics-page-stage10-management .prv-header h1,
  body.aics-design-contract-v2.aics-page-stage10-management .srd-head h1,
  body.aics-design-contract-v2.aics-page-stage10-management .backup-hero h1 {
    font-size: 27px !important;
    line-height: 1.12 !important;
  }
  body.aics-design-contract-v2.aics-page-stage10-management input,
  body.aics-design-contract-v2.aics-page-stage10-management select,
  body.aics-design-contract-v2.aics-page-stage10-management textarea {
    font-size: 16px !important;
  }
  body.aics-design-contract-v2.aics-page-stage10-management .btn,
  body.aics-design-contract-v2.aics-page-stage10-management .backup-btn {
    min-height: 44px !important;
  }

  /* Pay Rate Viewer */
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-actions > * {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-actions > :last-child:nth-child(3) {
    grid-column: 1 / -1 !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-stat {
    padding: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-stat strong {
    font-size: 22px !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-card,
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-drawer {
    padding: 13px !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-toolbar,
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-form-grid,
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-summary {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-table-desktop {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-mobile-cards {
    display: grid !important;
    gap: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-staff-card {
    padding: 12px !important;
    border: 1px solid #e5d9e8 !important;
    border-radius: 13px !important;
    background: #fff !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-staff-card-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-staff-card dl {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 !important;
    margin: 10px 0 !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-staff-card dl > div {
    min-width: 0 !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #eee7f0 !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-staff-card dt {
    color: #6d6172 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-staff-card dd {
    margin: 3px 0 0 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-staff-card > .btn {
    width: 100% !important;
  }

  /* Scheduled Report Delivery */
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-actions > * {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-grid5 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-grid5 > :last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-stat,
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-card {
    padding: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-health {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-detail-grid,
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-form-grid,
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-form-grid:not(.two),
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-preview-grid {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .schedule-table {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-mobile-list {
    display: grid !important;
    gap: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-mobile-card {
    padding: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-mobile-card h3 {
    margin: 0 !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-row-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-row-actions > * {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-next {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  /* Backup Manager */
  body.aics-design-contract-v2.aics-page-backup-manager .backup-hero,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-section {
    padding: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-hero-row,
  body.aics-design-contract-v2.aics-page-backup-manager .section-head,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-title-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-status {
    justify-self: start !important;
    max-width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-grid,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-grid.two,
  body.aics-design-contract-v2.aics-page-backup-manager .worker-grid,
  body.aics-design-contract-v2.aics-page-backup-manager .check-grid,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-form-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-card {
    padding: 11px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-actions > *,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-actions form,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-actions .backup-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-nav {
    margin-inline: -2px !important;
    padding-inline: 2px !important;
  }

  /* Access Control */
  body.aics-design-contract-v2.aics-page-access-control .ac-tabs {
    margin-inline: -2px !important;
  }
  body.aics-design-contract-v2.aics-page-access-control .cards {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-access-control .grid-2,
  body.aics-design-contract-v2.aics-page-access-control .ac-form-grid,
  body.aics-design-contract-v2.aics-page-access-control .ac-user-summary,
  body.aics-design-contract-v2.aics-page-access-control .ac-role-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-access-control .card {
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-access-control .matrix-toolbar,
  body.aics-design-contract-v2.aics-page-access-control .ac-panel-title,
  body.aics-design-contract-v2.aics-page-access-control .ac-action-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  body.aics-design-contract-v2.aics-page-access-control .matrix-toolbar > *,
  body.aics-design-contract-v2.aics-page-access-control .ac-action-row > * {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Generic management pages */
  body.aics-design-contract-v2.aics-page-report-centre .grid-2,
  body.aics-design-contract-v2.aics-page-external-access .grid-2 {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-report-centre .content > .card,
  body.aics-design-contract-v2.aics-page-external-access .content > .card,
  body.aics-design-contract-v2.aics-page-report-centre .grid-2 > .card,
  body.aics-design-contract-v2.aics-page-external-access .grid-2 > .card {
    min-width: 0 !important;
  }
}

@media (max-width: 380px) {
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-grid,
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-grid5,
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-health,
  body.aics-design-contract-v2.aics-page-access-control .cards {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-actions,
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-actions,
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-row-actions {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-actions > :last-child:nth-child(3),
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-grid5 > :last-child:nth-child(odd) {
    grid-column: 1 !important;
  }
}

/* ============================================================================
   AICS DESIGN SYSTEM STAGE 10 V1.1 - BACKUP MANAGER MOBILE COMPACT STRONG FIX
   Presentation only. Desktop tables/workflows and all backup/cron/recovery logic
   remain unchanged. Mobile adds compact worker facts and dedicated schedule /
   recent-recovery cards instead of forcing wide operational tables into phones.
   ========================================================================== */

body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-schedule-list,
body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-recovery-list {
  display: none !important;
}

/* Preflight/status rows: keep labels and results visually separated on every size. */
body.aics-design-contract-v2.aics-page-backup-manager .check-row {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .check-row > span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-backup-manager .check-row > strong {
  flex: 0 0 auto !important;
  max-width: 58% !important;
  text-align: right !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 767px) {
  /* --- Backup Worker: compact operational summary --- */
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .section-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: start !important;
    gap: 8px 10px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .section-head > div {
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .section-head .backup-status {
    justify-self: end !important;
    align-self: start !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .section-head h2 {
    margin: 0 0 4px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .section-head .backup-muted {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .worker-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .worker-item {
    min-width: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid #eadfee !important;
    border-radius: 10px !important;
    background: #fbf8fc !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .worker-item .k {
    margin-bottom: 3px !important;
    color: #6d6172 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .worker-item .v {
    color: #181327 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .worker-item .inline-note {
    margin-top: 2px !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .backup-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .backup-actions > *,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .backup-actions form,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .backup-actions .backup-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section > h3 {
    margin: 14px 0 5px !important;
    font-size: 16px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .backup-code {
    max-height: 112px !important;
    overflow: auto !important;
  }

  /* --- Preflight: compact, readable, no joined label/status text --- */
  body.aics-design-contract-v2.aics-page-backup-manager .backup-preflight-section .check-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-preflight-section .check-row {
    min-height: 52px !important;
    padding: 8px 9px !important;
    border: 1px solid #eadfee !important;
    border-radius: 9px !important;
    background: #fbf8fc !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 4px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-preflight-section .check-row > span {
    color: #6d6172 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-preflight-section .check-row > strong {
    max-width: 100% !important;
    text-align: left !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
  }

  /* --- Schedule + Recent Recovery Points: dedicated mobile cards --- */
  body.aics-design-contract-v2.aics-page-backup-manager .backup-schedule-section > .backup-table-wrap,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-recent-section > .backup-table-wrap {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-schedule-list,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-recovery-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 10px !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record {
    min-width: 0 !important;
    padding: 11px !important;
    border: 1px solid #e5d9e8 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(63,31,71,.035) !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 9px !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-head > strong:first-child {
    min-width: 0 !important;
    color: #181327 !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-head .backup-status {
    flex: 0 0 auto !important;
    max-width: 48% !important;
    padding: 5px 7px !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-primary {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) !important;
    gap: 8px !important;
    align-items: baseline !important;
    margin-top: 8px !important;
    padding: 7px 0 !important;
    border-top: 1px solid #f0e9f2 !important;
    border-bottom: 1px solid #f0e9f2 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-primary > span,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-grid span {
    color: #6d6172 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-primary > strong {
    min-width: 0 !important;
    text-align: right !important;
    font-size: 12.5px !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
    margin-top: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-grid > div {
    min-width: 0 !important;
    padding: 7px 8px !important;
    border-radius: 8px !important;
    background: #faf7fb !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-grid > div.wide {
    grid-column: 1 / -1 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-grid strong {
    display: block !important;
    margin-top: 3px !important;
    color: #181327 !important;
    font-size: 12px !important;
    line-height: 1.32 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-view {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    margin-top: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-recent-section .section-head {
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: start !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-recent-section .section-head .backup-btn {
    width: auto !important;
    justify-self: end !important;
  }
}

@media (max-width: 420px) {
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .worker-grid,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-preflight-section .check-grid,
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-grid {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-grid > div.wide {
    grid-column: 1 !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-worker-section .backup-actions {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-backup-manager .backup-mobile-record-head .backup-status {
    max-width: 100% !important;
    justify-self: start !important;
  }
}


/* ============================================================
   STAGE 10 V1.2 - SCHEDULED REPORT DELIVERY MOBILE HISTORY CARDS
   Presentation only. Desktop history table remains authoritative.
   ============================================================ */
body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-history-mobile {
  display: none !important;
}

@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-history-table {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-history-mobile {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card {
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid #e5d9e8 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 2px 9px rgba(63,31,71,.035) !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-title {
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-title h3 {
    margin: 0 0 3px !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-head .srd-badge {
    flex: 0 0 auto !important;
    max-width: 46% !important;
    white-space: nowrap !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 12px !important;
    margin: 10px 0 12px !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-grid > div {
    min-width: 0 !important;
    padding: 8px 0 !important;
    border-top: 1px solid #eee7f0 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-grid > div.wide {
    grid-column: 1 / -1 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-grid dt {
    margin: 0 !important;
    color: #6d6172 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-grid dd {
    margin: 4px 0 0 !important;
    min-width: 0 !important;
    color: #24172a !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-grid .srd-code {
    display: inline-block !important;
    max-width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-mobile-empty {
    padding: 14px !important;
    border: 1px dashed #dfd2e3 !important;
    border-radius: 12px !important;
    color: #6d6172 !important;
    text-align: center !important;
  }
}

@media (max-width: 410px) {
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-grid {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-scheduled-report-delivery .srd-delivery-card-grid > div.wide {
    grid-column: auto !important;
  }
}

/* ========================================================================== */
/* AICS DESIGN SYSTEM - STAGE 11 V1 - DASHBOARDS + ALL-LOGIN CONSISTENCY     */
/* 2026-09-07 - dashboard presentation only; shared role permissions remain    */
/* authoritative.                                                             */
/* ========================================================================== */
body.aics-design-contract-v2.aics-page-dashboard .aics-stage11-dashboard {
  display: grid !important;
  gap: 18px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-page-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-page-head .aics-page-title {
  margin: 0 0 6px !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-page-head .aics-page-subtitle {
  margin: 0 !important;
  max-width: 900px !important;
}

body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--team-leader {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--compact {
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  margin-top: 14px !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--participant-access {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--approvals {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics > .card.metric {
  min-width: 0 !important;
  min-height: 104px !important;
  margin: 0 !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: var(--aics-v2-text) !important;
  text-decoration: none !important;
  overflow: hidden !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics > .card.metric:hover {
  border-color: #cbaed2 !important;
  box-shadow: 0 8px 24px rgba(93,31,104,.09) !important;
  transform: translateY(-1px);
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics > .card.metric > span {
  display: block !important;
  max-width: 100% !important;
  color: #5f6472 !important;
  font-size: .82rem !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics > .card.metric > strong {
  display: block !important;
  max-width: 100% !important;
  color: #2f1734 !important;
  font-size: clamp(1.35rem,2vw,1.72rem) !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--compact > .card.metric {
  min-height: 92px !important;
  padding: 14px !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--compact > .card.metric > strong {
  font-size: 1.28rem !important;
}

body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 18px !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section > h2,
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section-head h2,
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-subheading h2 {
  margin: 0 !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section-head > div {
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section-head p,
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-subheading p {
  margin: 4px 0 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-two-column {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-two-column > * {
  min-width: 0 !important;
  margin: 0 !important;
}

body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-link-list,
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-notes-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 12px 0 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-link-list {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 8px !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-link-list li,
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-notes-list li {
  margin: 0 !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-link-list a {
  min-height: 42px !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid var(--aics-v2-border) !important;
  border-radius: 10px !important;
  background: #fbf8fc !important;
  color: #61236c !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-link-list a:hover {
  background: var(--aics-v2-primary-soft) !important;
  border-color: #d7bedc !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-notes-list {
  display: grid !important;
  gap: 9px !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-notes-list li {
  padding: 10px 12px !important;
  border: 1px solid #eee4f0 !important;
  border-radius: 10px !important;
  background: #fdfafd !important;
  color: #555d6f !important;
  line-height: 1.45 !important;
}

body.aics-design-contract-v2.aics-page-dashboard .team-leader-houses__header {
  margin-bottom: 14px !important;
}
body.aics-design-contract-v2.aics-page-dashboard .team-leader-houses__count {
  flex: 0 0 auto !important;
  min-width: 82px !important;
  padding: 9px 12px !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 999px !important;
  background: var(--aics-v2-primary-soft) !important;
  color: #60226a !important;
  white-space: nowrap !important;
}
body.aics-design-contract-v2.aics-page-dashboard .team-leader-houses__count strong {
  font-size: 1.15rem !important;
  line-height: 1 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .team-leader-houses__count span {
  font-size: .78rem !important;
  font-weight: 800 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .team-leader-house-list {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 9px !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .team-leader-house-list li {
  min-width: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #e9deec !important;
  border-radius: 10px !important;
  background: #fcf9fd !important;
  color: #37213c !important;
  font-weight: 750 !important;
  overflow-wrap: anywhere !important;
}
body.aics-design-contract-v2.aics-page-dashboard .team-leader-houses__empty,
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-empty-state {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px dashed #d9c8df !important;
  border-radius: 11px !important;
  background: #fcf9fd !important;
  color: var(--aics-v2-muted) !important;
}

body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-approvals {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-subheading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-chart-card {
  overflow: hidden !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-chart-wrap {
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 14px !important;
  overflow: hidden !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-chart-wrap canvas {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 220px !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-chart-labels {
  display: grid !important;
  grid-template-columns: repeat(7,minmax(0,1fr)) !important;
  gap: 4px !important;
  margin-top: 8px !important;
  color: #707789 !important;
  font-size: .72rem !important;
  text-align: center !important;
}

/* Dashboard clocking sits before dashboard/index.php in the shared layout. Keep
   it visually aligned with every Stage 11 role dashboard without changing its
   attendance/geo workflow. */
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-clocking {
  margin: 0 0 18px !important;
}
body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-clock-card {
  border-color: var(--aics-v2-border) !important;
  border-radius: var(--aics-v2-radius) !important;
  box-shadow: var(--aics-v2-shadow) !important;
}

@media (max-width: 1180px) {
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--team-leader,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--compact,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--participant-access {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .team-leader-house-list {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-dashboard .aics-stage11-dashboard {
    gap: 14px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-page-head {
    display: block !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--team-leader,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--compact,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--participant-access,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--approvals {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics > .card.metric,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--compact > .card.metric {
    min-height: 88px !important;
    padding: 12px !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics > .card.metric > span {
    font-size: .74rem !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics > .card.metric > strong,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--compact > .card.metric > strong {
    font-size: 1.18rem !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section {
    padding: 14px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section-head > .btn,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-section-head > .aics-button {
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-two-column {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-link-list {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-link-list a {
    min-height: 40px !important;
    padding: 9px 10px !important;
    font-size: .82rem !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .team-leader-houses__header {
    display: flex !important;
    align-items: flex-start !important;
    flex-direction: row !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .team-leader-houses__count {
    min-width: 72px !important;
    padding: 8px 10px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .team-leader-house-list {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-chart-wrap canvas {
    min-height: 190px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-chart-labels {
    font-size: .66rem !important;
  }
}

@media (max-width: 380px) {
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--team-leader,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--compact,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--participant-access,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--approvals,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-link-list {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics > .card.metric,
  body.aics-design-contract-v2.aics-page-dashboard .aics-dashboard-metrics--compact > .card.metric {
    min-height: 78px !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .team-leader-houses__header {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-dashboard .team-leader-houses__count {
    justify-self: start !important;
  }
}

/* ========================================================================== 
   AICS FINAL CSS / DESIGN SYSTEM CLOSE-OUT V1 - 2026-09-07
   Presentation only. This final narrow pass closes the known Payroll mobile
   density issue while preserving Stage 8, Stage 10 and Stage 11 presentation.
   No payroll calculations, timesheet data, permissions, workflow or JS change.
   ========================================================================== */

/* The final audit found the management/dashboard contract already present in
   production. Keep those pages structurally contained without changing their
   desktop visual grammar. */
body.aics-design-contract-v2.aics-page-stage10-management .content > *,
body.aics-design-contract-v2.aics-page-dashboard .content > *,
body.aics-design-contract-v2.aics-page-payroll-dashboard .content > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 767px) {
  /* Stage 9 close-out: Payroll mobile should be compact, not a long stack of
     full-width controls. Desktop and tablet-wide presentation are unchanged. */
  body.aics-design-contract-v2.aics-page-payroll-dashboard .aics-payroll {
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 16px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-head {
    gap: 10px !important;
    margin-bottom: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-head h1 {
    margin-block: 2px 4px !important;
    line-height: 1.08 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-head p {
    margin: 3px 0 !important;
    line-height: 1.4 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-head-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-head-actions > *,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-head-actions .pr-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Payroll section navigation remains one compact horizontal strip. */
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin-bottom: 10px !important;
    padding: 6px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: thin !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav a {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 40px !important;
    padding: 7px 10px !important;
    white-space: nowrap !important;
  }

  /* Pay period controls use two useful columns on normal phones, with the
     action and fortnight summary spanning the available width. */
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-period {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-period > .pr-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-period .ts-pay-fortnight-field {
    grid-column: 1 / -1 !important;
    padding: 9px 10px !important;
    gap: 7px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .ts-pay-fortnight-heading {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .ts-pay-fortnight-weeks {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .ts-pay-fortnight-week {
    min-height: 0 !important;
    padding: 8px 9px !important;
  }

  /* KPI cards stay scan-friendly: two columns on ordinary phones, rather than
     eight tall one-column cards. */
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-summary {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
    margin: 10px 0 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-stat,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-stat.money {
    grid-column: auto !important;
    padding: 10px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-stat span {
    margin-bottom: 3px !important;
    font-size: .75rem !important;
    line-height: 1.25 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-stat strong {
    font-size: 1.08rem !important;
    line-height: 1.2 !important;
  }

  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-actions > *,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-actions form,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-actions .pr-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-card {
    margin: 10px 0 !important;
    padding: 12px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-workflow {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 7px !important;
    margin: 10px 0 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-workflow-step {
    min-width: 0 !important;
    padding: 8px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-review-meta {
    gap: 6px 12px !important;
    padding: 8px 0 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-staff-grid {
    gap: 9px !important;
    margin-top: 9px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-staff,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-component {
    padding: 11px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-mini {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 6px 10px !important;
    margin: 9px 0 !important;
  }
}

@media (max-width: 380px) {
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-head-actions,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-period,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-actions,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-workflow {
    grid-template-columns: 1fr !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-period > .pr-btn,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-period .ts-pay-fortnight-field {
    grid-column: 1 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .ts-pay-fortnight-heading {
    display: grid !important;
    justify-content: stretch !important;
    gap: 3px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .ts-pay-fortnight-weeks {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 340px) {
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-summary,
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-mini {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================================== 
   AICS FINAL CSS CLOSE-OUT V1.1 - PAYROLL MOBILE TAB GRID - 2026-09-07
   Presentation only. Replaces the clipped/scroll-position-dependent Payroll
   mobile module navigation with a contained 3 + 2 tab grid. Desktop unchanged.
   No Payroll calculation, Timesheet, workflow, route, permission or JS change.
   ========================================================================== */
@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    overscroll-behavior-inline: auto !important;
    scrollbar-width: auto !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 7px 6px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    line-height: 1.15 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav a:nth-child(1),
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav a:nth-child(2),
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav a:nth-child(3) {
    grid-column: span 2 !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav a:nth-child(4),
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav a:nth-child(5) {
    grid-column: span 3 !important;
  }
}

@media (max-width: 380px) {
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav {
    gap: 5px !important;
    padding: 5px !important;
  }
  body.aics-design-contract-v2.aics-page-payroll-dashboard .pr-module-nav a {
    min-height: 40px !important;
    padding: 6px 4px !important;
    font-size: .78rem !important;
  }
}

/* ========================================================================== 
   AICS FINAL CSS CLOSE-OUT V1.2 - PAY RATE VIEWER MOBILE AWARD RATE CARDS
   Presentation only. Desktop award-rate table remains authoritative/unchanged.
   Mobile cards render the same already-authorised server-side $rateRows data.
   ========================================================================== */
body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-mobile-cards {
  display: none !important;
}

@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-table-desktop {
    display: none !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-mobile-cards {
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
    margin-top: 2px !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-card {
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid #e5d9e8 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 2px 9px rgba(63,31,71,.035) !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-card-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-card-head > div {
    min-width: 0 !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-card-head strong {
    display: block !important;
    color: #24172a !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-stream {
    margin-top: 8px !important;
    padding: 7px 9px !important;
    border-radius: 8px !important;
    background: #faf7fb !important;
    color: #5b4c60 !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-card dl {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 12px !important;
    margin: 9px 0 0 !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-card dl > div {
    min-width: 0 !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #eee7f0 !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-card dt {
    color: #6d6172 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-card dd {
    margin: 3px 0 0 !important;
    color: #24172a !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-mobile-empty {
    padding: 14px !important;
    border: 1px dashed #d8cadc !important;
    border-radius: 11px !important;
    background: #fbf9fc !important;
    text-align: center !important;
  }
}

@media (max-width: 380px) {
  body.aics-design-contract-v2.aics-page-pay-rate-viewer .prv-rate-card dl {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================================
   AICS FINAL CSS CLOSE-OUT V1.3 - EXTERNAL ACCESS MOBILE RECORD CARDS
   Presentation only. Desktop table and existing placeholder workflow/actions
   are preserved. Mobile uses dedicated cards instead of a squeezed wide table.
   ============================================================================ */
body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-cards {
  display: none !important;
}

@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-external-access .external-access-records-desktop {
    display: none !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-card {
    min-width: 0 !important;
    border: 1px solid #e5d9e8 !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 11px 12px !important;
    border-bottom: 1px solid #eee5f0 !important;
    min-width: 0 !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-reference {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    font-weight: 700 !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-facts {
    min-width: 0 !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-row {
    display: grid !important;
    grid-template-columns: minmax(82px, .72fr) minmax(0, 1.7fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 9px 12px !important;
    border-bottom: 1px solid #eee5f0 !important;
    min-width: 0 !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-label {
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-value {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.4 !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 24px) !important;
    min-height: 42px !important;
    margin: 10px 12px 12px !important;
    border: 1px solid #decde2 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #6f1f7a !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-action:hover,
  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-action:focus-visible {
    background: #f8f2f9 !important;
  }
}

@media (max-width: 380px) {
  body.aics-design-contract-v2.aics-page-external-access .external-access-mobile-row {
    grid-template-columns: 1fr !important;
    gap: 3px !important;
  }
}


/* ================================================================
   AICS FINAL CSS CLOSE-OUT V1.4 - ACCESS CONTROL MOBILE TAB GRID
   Presentation only. Desktop tab strip remains unchanged.
   ================================================================ */
@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-access-control .ac-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 !important;
    padding: 6px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.aics-design-contract-v2.aics-page-access-control .ac-tabs a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 7px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

@media (max-width: 380px) {
  body.aics-design-contract-v2.aics-page-access-control .ac-tabs {
    gap: 5px !important;
    padding: 5px !important;
  }

  body.aics-design-contract-v2.aics-page-access-control .ac-tabs a {
    min-height: 46px !important;
    padding: 7px 5px !important;
    font-size: 13px !important;
  }
}

/* ================================================================
   AICS FINAL CSS CLOSE-OUT V1.5 - PERMISSION AUDIT LOGS MOBILE CARDS
   Presentation only. Desktop audit table and live audit data remain unchanged.
   The existing table rows are converted to contained mobile cards so the
   current in-page search/filter continues to operate on the same DOM rows.
   ================================================================ */
@media (max-width: 767px) {
  body.aics-design-contract-v2.aics-page-access-control #auditTable {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.aics-design-contract-v2.aics-page-access-control #auditTable thead {
    display: none !important;
  }

  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody tr {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e5d9e8 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(63,31,71,.035) !important;
  }

  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody tr:hover > td {
    background: transparent !important;
  }

  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td {
    display: grid !important;
    grid-template-columns: minmax(104px, 34%) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 9px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee4f0 !important;
    box-sizing: border-box !important;
    color: #231628 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td:last-child {
    border-bottom: 0 !important;
  }

  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td::before {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .015em !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td:nth-child(1)::before { content: "Date" !important; }
  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td:nth-child(2)::before { content: "Actor" !important; }
  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td:nth-child(3)::before { content: "Target" !important; }
  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td:nth-child(4)::before { content: "Action" !important; }
  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td:nth-child(5)::before { content: "Old Value" !important; }
  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td:nth-child(6)::before { content: "New Value" !important; }
  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td:nth-child(7)::before { content: "Reason" !important; }
  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td:nth-child(8)::before { content: "IP" !important; }

  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td small {
    display: inline !important;
    max-width: 100% !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.aics-design-contract-v2.aics-page-access-control .card .ac-scroll:has(#auditTable) {
    overflow: visible !important;
    max-width: 100% !important;
  }
}

@media (max-width: 380px) {
  body.aics-design-contract-v2.aics-page-access-control #auditTable tbody td {
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    padding: 9px 10px !important;
  }
}

/* ============================================================================
   AICS FINAL CSS CLOSE-OUT V1.6 - SHARED NOTIFICATION DROPDOWN MOBILE FIX
   07 SEP 2026
   Presentation only. Restores notification entry wrappers hidden by the legacy
   mobile `.top-actions span:not(.badge)` rule and positions the dropdown below
   the two-row authenticated mobile header introduced by Global Search.
   Notification data, recipient scoping, open routes and permissions unchanged.
   ============================================================================ */
@media (max-width: 820px) {
  html body.aics-design-contract-v2 .top-actions .notification-dropdown .aics-notification-header-icon {
    display: flex !important;
  }
  html body.aics-design-contract-v2 .top-actions .notification-dropdown .aics-notification-header-copy {
    display: block !important;
    min-width: 0 !important;
  }
  html body.aics-design-contract-v2 .top-actions .notification-dropdown .aics-notification-header-copy strong,
  html body.aics-design-contract-v2 .top-actions .notification-dropdown .aics-notification-header-copy small {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
  }
}
@media (max-width: 520px) {
  html body.aics-design-contract-v2 .top-actions .notification-dropdown {
    top: 120px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-height: calc(100vh - 136px) !important;
    z-index: 10040 !important;
  }
}

/* ============================================================================
   AICS FINAL CSS CLOSE-OUT V1.7 - TIMESHEET WORKED HOURS MOBILE BADGE FIX
   07 SEP 2026
   Presentation only. On phones, the Worked Hours Breakdown categorised-hours
   chip moves below the heading/copy as a compact single-line pill so it cannot
   collapse into a narrow multi-line badge. Desktop and calculation data stay
   unchanged.
   ============================================================================ */
@media (max-width: 620px) {
  body.aics-design-contract-v2 .aics-timesheets .ts-worked-hours-breakdown > .ts-section-title {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    justify-content: stretch !important;
    gap: 8px !important;
  }

  body.aics-design-contract-v2 .aics-timesheets .ts-worked-hours-breakdown > .ts-section-title > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.aics-design-contract-v2 .aics-timesheets .ts-worked-hours-breakdown > .ts-section-title > .ts-chip.info {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: start !important;
    align-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 28px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    flex: 0 0 auto !important;
  }
}

/* AICS_STAFF_CURRENT_ALLOCATIONS_READ_ONLY_V1_1_LIVE_REBASE_20261009 */
body.aics-staff-allocations-modal-open{overflow:hidden}
.aics-staff-allocations-modal[hidden]{display:none!important}
.aics-staff-allocations-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(26,16,32,.56)}
.aics-staff-allocations-dialog{width:min(820px,96vw);max-height:min(760px,92vh);display:flex;flex-direction:column;background:#fff;border:1px solid #e7dceb;border-radius:18px;box-shadow:0 24px 70px rgba(41,16,50,.24);overflow:hidden}
.aics-staff-allocations-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 17px;border-bottom:1px solid #eee6f1}
.aics-staff-allocations-header h3{margin:0;color:#161225;font-size:1.28rem;line-height:1.25}
.aics-staff-allocations-header p{margin:5px 0 0;color:#6c6471;font-size:.92rem}
.aics-staff-allocations-close{flex:0 0 auto;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#675c6b;font-size:1.65rem;line-height:1;cursor:pointer}
.aics-staff-allocations-close:hover,.aics-staff-allocations-close:focus{background:#f5eff7;color:#6a2875;outline:2px solid rgba(106,40,117,.16)}
.aics-staff-allocations-body{padding:20px 24px;overflow:auto;min-height:180px}
.aics-staff-allocations-loading,.aics-allocation-empty{padding:30px 18px;text-align:center;color:#6b6370;border:1px dashed #ddcfe2;border-radius:13px;background:#fbf8fc}
.aics-staff-allocations-error{padding:14px 16px;border:1px solid #efb5b5;border-radius:12px;background:#fff3f3;color:#8b1e1e}
.aics-allocation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}
.aics-allocation-stat{padding:13px 15px;border:1px solid #e5d9e9;border-radius:12px;background:#fcf9fd}
.aics-allocation-stat-label{display:block;color:#6c6471;font-size:.78rem;margin-bottom:3px}
.aics-allocation-stat strong{font-size:1.3rem;color:#201527}
.aics-allocation-house-list{display:grid;gap:14px}
.aics-allocation-house-card{border:1px solid #e3d7e7;border-radius:14px;background:#fff;overflow:hidden}
.aics-allocation-house-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 16px;background:#fbf8fc;border-bottom:1px solid #eee5f1}
.aics-allocation-house-copy h4{margin:0;color:#211627;font-size:1rem}
.aics-allocation-registered-name{display:block;margin-top:2px;color:#756a79;font-size:.76rem}
.aics-allocation-house-copy p{margin:4px 0 0;color:#706676;font-size:.84rem}
.aics-allocation-house-status{display:inline-block;margin-top:6px;padding:3px 7px;border-radius:999px;background:#fff0d9;color:#7a4e00;font-size:.72rem;font-weight:700}
.aics-allocation-medicine{flex:0 0 auto;padding:5px 9px;border-radius:999px;font-size:.74rem;font-weight:700;white-space:nowrap}
.aics-allocation-medicine.yes{background:#e8f8ee;color:#14783d}.aics-allocation-medicine.no{background:#f2eef4;color:#665b6a}.aics-allocation-medicine.mixed{background:#fff2d7;color:#805600}
.aics-allocation-participant-label{padding:11px 16px 7px;color:#5f5364;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.aics-allocation-participant-list{padding:0 12px 12px}
.aics-allocation-participant-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 8px;border-top:1px solid #f0eaf2}
.aics-allocation-participant-row:first-child{border-top:0}
.aics-allocation-participant-name{min-width:0}.aics-allocation-participant-name strong{display:block;color:#28202c}.aics-allocation-participant-name small{display:block;margin-top:2px;color:#7a707e;font-size:.76rem}
.aics-allocation-participant-med{flex:0 0 auto;font-size:.73rem;padding:4px 8px;border-radius:999px;white-space:nowrap}.aics-allocation-participant-med.yes{background:#e8f8ee;color:#14783d}.aics-allocation-participant-med.no{background:#f4f0f5;color:#6f6473}
.aics-staff-allocations-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid #eee6f1;background:#fcfafc}.aics-staff-allocations-footer span{color:#7b717f;font-size:.78rem}
.actions-popover .aics-view-allocations-trigger{width:100%;text-align:left}
@media(max-width:640px){
  .aics-staff-allocations-modal{padding:10px;align-items:flex-end}
  .aics-staff-allocations-dialog{width:100%;max-height:92vh;border-radius:17px 17px 0 0}
  .aics-staff-allocations-header{padding:17px 16px 13px}.aics-staff-allocations-body{padding:14px 14px 18px}
  .aics-allocation-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.aics-allocation-stat:last-child{grid-column:1/-1}
  .aics-allocation-house-header{padding:13px;display:block}.aics-allocation-medicine{display:inline-block;margin-top:8px}
  .aics-allocation-participant-label{padding:10px 12px 6px}.aics-allocation-participant-list{padding:0 8px 9px}
  .aics-allocation-participant-row{align-items:flex-start;flex-direction:column;gap:6px;padding:9px 5px}
  .aics-staff-allocations-footer{padding:12px 14px;display:block}.aics-staff-allocations-footer span{display:none}.aics-staff-allocations-footer .btn{width:100%}
}

/* AICS_STAFF_HOUSE_UNASSIGN_FROM_ALLOCATIONS_V1_20261011 */
.aics-allocation-house-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;max-width:54%}
.aics-allocation-unassign-btn{border:1px solid #dc2626!important;background:#fff!important;color:#b91c1c!important;font-weight:700!important;padding:7px 10px!important;white-space:nowrap}
.aics-allocation-unassign-btn:hover,.aics-allocation-unassign-btn:focus{background:#fff1f1!important;color:#991b1b!important;outline:2px solid rgba(220,38,38,.14)}
.aics-allocation-unassign-blocked{display:block;max-width:250px;color:#8a5a00;background:#fff5d9;border:1px solid #efdca3;border-radius:9px;padding:6px 8px;font-size:.72rem;line-height:1.3}
body.aics-staff-unassign-modal-open{overflow:hidden}
.aics-staff-unassign-modal[hidden]{display:none!important}
.aics-staff-unassign-modal{position:fixed;inset:0;z-index:10120;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(25,15,31,.66)}
.aics-staff-unassign-dialog{width:min(590px,96vw);max-height:92vh;display:flex;flex-direction:column;background:#fff;border:1px solid #eadde9;border-radius:17px;box-shadow:0 28px 80px rgba(35,10,39,.32);overflow:hidden}
.aics-staff-unassign-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 15px;border-bottom:1px solid #eee4ef}
.aics-staff-unassign-header h3{margin:0;color:#201526;font-size:1.18rem}.aics-staff-unassign-header p{margin:5px 0 0;color:#706674;font-size:.86rem;line-height:1.45}
.aics-staff-unassign-body{padding:18px 22px;overflow:auto}
.aics-staff-unassign-target{display:grid;grid-template-columns:minmax(120px,.7fr) 1.3fr;gap:6px 14px;padding:13px 14px;border:1px solid #eadfe9;border-radius:12px;background:#fcf9fd;margin-bottom:13px}
.aics-staff-unassign-target span{color:#746a78;font-size:.78rem}.aics-staff-unassign-target strong{color:#241929;font-size:.9rem}
.aics-staff-unassign-impact{padding:13px 14px;border:1px solid #f1d4a6;border-radius:12px;background:#fff8e8;color:#5f4720;margin-bottom:15px}
.aics-staff-unassign-impact strong{color:#4f3714}.aics-staff-unassign-impact ul{margin:8px 0 0;padding-left:20px}.aics-staff-unassign-impact li{margin:4px 0;font-size:.8rem;line-height:1.38}
.aics-staff-unassign-field{display:block;color:#3d3241;font-size:.82rem;font-weight:700;margin-top:11px}.aics-staff-unassign-field textarea,.aics-staff-unassign-field input{display:block;width:100%;margin-top:6px;border:1px solid #d9cadf;border-radius:10px;padding:10px 11px;background:#fff;color:#231829;font:inherit;font-weight:400;box-sizing:border-box}.aics-staff-unassign-field textarea:focus,.aics-staff-unassign-field input:focus{border-color:#8a3b96;outline:2px solid rgba(106,40,117,.11)}
.aics-staff-unassign-error{margin-top:12px;padding:10px 12px;border:1px solid #f0b6b6;border-radius:10px;background:#fff1f1;color:#922020;font-size:.8rem}
.aics-staff-unassign-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid #eee4ef;background:#fcfafc}
.aics-danger-btn{background:#c81e1e!important;border-color:#c81e1e!important;color:#fff!important;font-weight:700!important}.aics-danger-btn:hover,.aics-danger-btn:focus{background:#a91616!important;border-color:#a91616!important}.aics-danger-btn:disabled{opacity:.5;cursor:not-allowed}
.aics-staff-unassign-success{margin-bottom:12px;padding:11px 13px;border:1px solid #b9e3c5;border-radius:11px;background:#effaf2;color:#176637;font-size:.82rem;font-weight:700}.aics-staff-unassign-success small{display:block;margin-top:4px;color:#447153;font-weight:400}
@media(max-width:640px){
  .aics-allocation-house-actions{max-width:none;justify-content:flex-start;margin-top:8px}
  .aics-allocation-unassign-btn{width:100%;white-space:normal}
  .aics-staff-unassign-modal{padding:9px;align-items:flex-end}.aics-staff-unassign-dialog{width:100%;max-height:94vh;border-radius:17px 17px 0 0}
  .aics-staff-unassign-header{padding:16px 15px 12px}.aics-staff-unassign-body{padding:14px 15px}.aics-staff-unassign-footer{padding:12px 15px;display:grid;grid-template-columns:1fr}.aics-staff-unassign-footer .btn{width:100%}
  .aics-staff-unassign-target{grid-template-columns:1fr}.aics-staff-unassign-target span{margin-top:4px}
}


/* AICS_STAFF_ALLOCATIONS_MODAL_MOBILE_LAYOUT_FIX_V1_20261011 */
.aics-staff-allocations-header>div{min-width:0;flex:1 1 auto}
.aics-staff-allocations-header h3{overflow-wrap:normal;word-break:normal}
.aics-staff-allocations-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:640px){
  .aics-staff-allocations-modal{padding:8px;align-items:center}
  .aics-staff-allocations-dialog{width:calc(100vw - 16px);max-width:440px;max-height:94vh;border-radius:16px;position:relative}
  .aics-staff-allocations-header{display:block;position:relative;width:100%;box-sizing:border-box;padding:18px 56px 14px 16px;min-height:auto}
  .aics-staff-allocations-header>div{display:block;width:100%;max-width:none;min-width:0}
  .aics-staff-allocations-header h3{display:block;width:100%;max-width:none;margin:0;font-size:1.12rem;line-height:1.28;white-space:normal;overflow-wrap:normal;word-break:normal}
  .aics-staff-allocations-close[data-aics-allocations-close]{position:absolute;top:10px;right:10px;margin:0;z-index:2}
  .aics-staff-allocations-body{width:100%;box-sizing:border-box;padding:12px;min-height:0;overflow-y:auto;overflow-x:hidden}
  .aics-allocation-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
  .aics-allocation-stat{padding:10px 11px;min-width:0}
  .aics-allocation-house-list{gap:12px}
  .aics-allocation-house-card{width:100%;box-sizing:border-box}
  .aics-allocation-house-header{width:100%;box-sizing:border-box;padding:12px;display:block}
  .aics-allocation-house-copy{width:100%;min-width:0}
  .aics-allocation-house-copy h4,.aics-allocation-house-copy p{max-width:100%;overflow-wrap:anywhere}
  .aics-allocation-house-actions{width:100%;max-width:none;justify-content:flex-start;margin-top:10px}
  .aics-allocation-medicine{max-width:100%;white-space:normal}
  .aics-allocation-unassign-btn{display:block;width:100%;white-space:normal}
  .aics-allocation-participant-label{padding:10px 12px 6px}
  .aics-allocation-participant-list{padding:0 8px 9px}
  .aics-allocation-participant-row{width:100%;box-sizing:border-box}
  .aics-staff-allocations-footer{flex:0 0 auto;width:100%;box-sizing:border-box;padding:10px 12px}
}