/* Working layouts preserve centered headings and existing navy/teal branding. */
.work-theme-page .theme-page-header { padding: 20px 24px; margin-bottom: 20px; }
.work-theme-page .theme-page-header__heading { gap: 7px; }
.work-theme-page .theme-page-header__icon { width: 36px; height: 36px; flex-basis: 36px; border-radius: 10px; }
.work-theme-page .theme-page-header__icon .material-icons { font-size: 21px; }
.work-theme-page .theme-page-header :is(.section-title, .card-title) { font-size: clamp(1.5rem, 2.4vw, 1.9rem); }
.work-theme-page .theme-page-header :is(.flow-text, .theme-page-header__description, .invoice-editor__hero-copy, .contact-card-copy) { margin-top: 8px; font-size: .95rem; line-height: 1.5; }
.work-theme-page .theme-page-header__actions { margin-top: 12px; }
.work-theme-page .theme-page-header__kicker { margin-bottom: 4px; }
.work-disclosure { margin: 20px 0; padding: 18px 20px; border: 1px solid #d7e2ef; border-radius: 16px; background: #fff; }
.work-disclosure > summary { cursor: pointer; color: #075985; font-weight: 700; text-align: center; }
.work-disclosure[open] > summary { margin-bottom: 18px; }
.work-filter-form { display: grid; grid-template-columns: minmax(0, 2fr) minmax(160px, 1fr) auto; gap: 16px; align-items: end; margin-bottom: 16px; }
.work-filter-form label { display: block; font-weight: 700; color: #334155; margin-bottom: 6px; }
.work-filter-form input[type="search"], .work-filter-form select { box-sizing: border-box; width: 100%; height: 44px; border: 1px solid #cbd5e1; border-radius: 10px; padding: 0 10px; background: #fff; margin: 0; }
.work-filter-actions, .client-record-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.work-result-count { margin: 10px 0 16px !important; color: #475569; font-size: .9rem; }
.work-table-scroll { position: relative; width: 100%; max-width: 100%; overflow-x: auto; }
.client-record-table { min-width: 780px; }
.client-record-table th, .client-record-table td { padding: 16px 12px; vertical-align: top; overflow-wrap: anywhere; }
.client-record-table thead { background: #edf6fc; }
.client-record-table tbody th { width: 25%; }
.work-table-meta { font-size: .85rem; font-weight: 400; color: #475569; margin-top: 5px !important; }
.client-record-table .badge-status, .client-record-table .badge-pill { margin: 2px; }
.client-record-actions { min-width: 200px; }
.client-more-actions summary { cursor: pointer; color: #075985; padding: 8px; font-weight: 700; }
.client-more-actions__body { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 8px; }
.work-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; height: auto; line-height: 1.5; margin-top: 16px; background: transparent; color: #334155; box-shadow: none; }
.tutor-clients-page .tutor-client-tab-heading { margin: 20px 0; }
.invoice-list-page .invoice-insights .row { margin-bottom: 0; }
.invoice-status-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; padding: 20px; background: #eaf6fc; border: 1px solid #bddbe9; border-radius: 16px; margin: 16px 0; }
.invoice-status-summary span { display: block; color: #475569; font-size: .85rem; }
.invoice-status-summary strong { display: block; color: #102b43; font-size: 1.35rem; }
.invoice-status-summary p { margin: 6px 0 0; }
.invoice-primary-actions, .invoice-secondary-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center; }
.invoice-primary-actions { margin-bottom: 14px; }
.invoice-primary-actions .invoice-command, .invoice-secondary-actions .invoice-command { width: auto; min-width: 0; font-size: .9rem; }
.analytics-section { margin-top: 28px; }
.analytics-section > .section-title { margin: 0 0 8px; font-size: 1.5rem; }
.work-section-copy { color: #475569; margin-bottom: 16px; }
.analytics-redesign-page .analytics-metrics .card-content { align-items: center; padding: 20px 14px; }
.analytics-redesign-page .analytics-metrics h5 { text-align: center; font-size: clamp(1.3rem, 2vw, 1.8rem); overflow-wrap: anywhere; }
.analytics-redesign-page .dashboard-chart-shell { min-height: 200px; height: 240px; }
.contact-page .contact-page__main { padding-top: 0; }
.contact-page .contact-page__main .card-content { padding: 24px; }
.contact-page .contact-form-card .input-field > label { position: static !important; transform: none !important; display: block; margin-bottom: 8px; color: #334155; font-weight: 700; }
.contact-page .contact-form-card input, .contact-page .contact-form-card textarea { box-sizing: border-box; border: 1px solid #cbd5e1 !important; border-radius: 10px; padding: 10px; background: #fff; }
.contact-page .contact-form-card textarea { min-height: 160px; }
.profile-section-picker { display: none; }
.work-theme-page .profile-editor-layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 24px; }
.work-theme-page .profile-editor-layout > .col { width: 100%; min-width: 0; padding: 0; margin: 0; }
.profile-editor-navigation { position: sticky; top: 88px; align-self: start; }
.work-theme-page .profile-editor-navigation .tabs { display: flex; flex-direction: column; height: auto; overflow: visible; background: #f0f7fc; border-radius: 12px; }
.work-theme-page .profile-editor-navigation .tabs .tab { display: block; width: 100%; text-align: center; min-width: 0; }
.work-theme-page .profile-editor-navigation .tabs .indicator { display: none; }
.work-theme-page .profile-editor-navigation .tabs .tab a { white-space: normal; font-size: .9rem; }
.profile-field-group { border: 1px solid #d7e2ef; border-radius: 14px; padding: 20px; margin-bottom: 18px; }
.profile-field-group > h2 { margin: 0 0 20px; font-size: 1.15rem; text-align: center; color: #102b43; }
.work-theme-page .profile-persistent-label { position: static !important; transform: none !important; display: block; font-weight: 700; color: #334155; margin-bottom: 6px; }
.profile-photo-section { margin-top: 0; }
.profile-field-group .tutor-me-checkbox-grid { gap: 8px; }
@media only screen and (max-width: 992px) {
 .work-filter-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
 .work-filter-actions { grid-column: 1 / -1; }
 .work-theme-page .profile-editor-layout { grid-template-columns: minmax(0, 1fr); }
 .profile-editor-navigation { position: static; }
 .profile-section-picker { display: block; }
 .profile-section-picker label { display: block; font-weight: 700; margin-bottom: 6px; color: #334155; }
 .profile-section-picker select { border: 1px solid #cbd5e1; border-radius: 10px; }
 .work-theme-page .profile-editor-navigation .tabs { display: none; }
}
@media only screen and (max-width: 600px) {
 .work-theme-page .theme-page-header { padding: 18px 16px; }
 .work-theme-page .theme-page-header__actions > a { width: auto; padding: 10px 12px; }
 .work-theme-page .theme-page-header__actions { justify-content: center; }
 .work-filter-form { grid-template-columns: minmax(0, 1fr); }
 .work-theme-page .analytics-redesign-page .analytics-metrics > .col { width: 50%; margin-left: 0; padding: 0 8px; }
 .analytics-redesign-page .analytics-metrics .card-title { font-size: .85rem; }
 .invoice-status-summary { grid-template-columns: minmax(0, 1fr); gap: 12px; }
 .invoice-primary-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .invoice-primary-actions .invoice-command { width: 100%; padding: 10px; height: auto; line-height: 1.4; }
 .invoice-secondary-actions .invoice-command { height: auto; line-height: 1.4; padding: 10px 12px; }
 .profile-field-group { padding: 16px 12px; }
 .profile-field-group .tutor-me-checkbox-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Give the desktop section navigator full, comfortable click targets. */
.work-theme-page .profile-editor-navigation .tabs .tab { height: auto; line-height: 1.4; }
.work-theme-page .profile-editor-navigation .tabs .tab a { display: block; min-height: 44px; padding: 12px; line-height: 1.4; }
.profile-field-group > h2 { font-weight: 700; text-transform: none; }
.work-theme-page .tutor-clients-page .account-settings-tab-panel { padding-top: 20px; }
.work-theme-page .invoice-document-hero--workspace { display: flex; flex-direction: column; gap: 12px; }
.work-theme-page .invoice-document-hero--workspace .invoice-document-hero__status { align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; }

/* Keep invoice records readable without competing rows of action buttons. */
.work-theme-page .theme-invoice-table th { padding: 14px 12px; white-space: nowrap; }
.work-theme-page .theme-invoice-table td { padding: 18px 12px; vertical-align: top; }
.invoice-record-number { font-weight: 700; overflow-wrap: anywhere; }
.invoice-record-dates > span, .invoice-record-amount > strong { display: block; white-space: nowrap; }
.invoice-record-dates > small, .invoice-record-amount > small { display: block; margin-top: 6px; color: #526477; font-size: .8rem; white-space: nowrap; }
.work-theme-page .theme-invoice-table .invoice-record-amount { text-align: right; font-variant-numeric: tabular-nums; }
.invoice-record-status { display: flex; flex-wrap: wrap; gap: 5px; max-width: 180px; }
.invoice-record-status .badge-status { margin: 0; }
.invoice-record-more { min-width: 70px; }
.invoice-record-more > summary { cursor: pointer; padding: 9px 12px; border: 1px solid #cbd8e5; border-radius: 7px; color: #006da5; font-size: .8rem; font-weight: 700; }
.invoice-record-more__actions { display: flex; flex-direction: column; align-items: stretch; gap: 7px; padding-top: 9px; }
.invoice-record-more__actions .inline-form, .invoice-record-more__actions .invoice-action-link { width: 100%; }
.work-theme-page .theme-invoice-table .invoice-list-actions { display: flex; align-items: flex-start; flex-wrap: nowrap; gap: 8px; }
@media only screen and (max-width: 992px) {
 .work-theme-page .theme-invoice-table td { padding: 12px 0; }
 .work-theme-page .theme-invoice-table .invoice-record-amount { text-align: left; }
 .work-theme-page .theme-invoice-table td[data-label="Actions"] { display: block; border-bottom: 0; }
 .work-theme-page .theme-invoice-table td[data-label="Actions"]::before { display: block; margin-bottom: 10px; }
 .work-theme-page .theme-invoice-table .invoice-list-actions { flex-wrap: wrap; }
 .invoice-record-dates > span, .invoice-record-dates > small, .invoice-record-amount > strong, .invoice-record-amount > small { white-space: normal; }
}

/* Profile editing: one section heading, consistent fields and compact groups. */
.profile-navigation-title, .profile-subsection-title { font-size: 1.05rem; font-weight: 700; color: #102b43; margin: 0 0 16px; text-align: center; }
.profile-editor-content .tutor-me-editor-head { margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid #d7e2ef; }
.work-theme-page .tutor-me-tab-panel { gap: 16px; }
.work-theme-page .tutor-me-tab-panel .input-field { margin-top: 8px; margin-bottom: 16px; }
.work-theme-page .profile-field-group { padding: 20px; margin-bottom: 16px; background: #fbfdff; }
.work-theme-page .profile-field-group > .row { margin-bottom: 0; }
.work-theme-page .profile-field-group > h2 { margin-bottom: 16px; }
.profile-group-description { color: #526477; font-size: .9rem; margin: 0 0 12px; line-height: 1.5; text-align: center; }
.work-theme-page .tutor-me-page .tutor-me-subtitle { font-size: 1.05rem; margin: 0 0 14px; }
.work-theme-page .tutor-me-page .tutor-me-field-heading { font-size: .9rem; }
.work-theme-page .tutor-me-page .profile-persistent-label { font-size: .85rem; line-height: 1.4; height: auto; }
.work-theme-page .tutor-me-editor-form .input-field > input:not([type=checkbox]):not([type=file]):not([type=hidden]),
.work-theme-page .tutor-me-editor-form .input-field > textarea,
.work-theme-page .tutor-me-editor-form .select-wrapper input.select-dropdown { box-sizing: border-box; border: 1px solid #cbd8e5; border-radius: 6px; background: #fff; padding: 10px 12px; margin-bottom: 4px; width: 100%; min-height: 44px; }
.work-theme-page .tutor-me-editor-form .input-field > textarea { min-height: 90px; }
.work-theme-page .tutor-me-page .tutor-me-bio-editor { min-height: 150px; margin: 8px 0 18px; border-radius: 6px; padding: 14px; }
.work-theme-page .profile-field-group .tutor-me-checkbox-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 12px 0 0; gap: 8px; }
.work-theme-page .profile-field-group .tutor-me-checkbox-card { min-height: 48px; padding: 10px; }
.work-theme-page .profile-visibility-group { margin-top: 8px; padding: 18px; background: #f0f7fc; border-radius: 10px; }
.work-theme-page .profile-editor-content .tutor-me-actions { padding: 18px 0 0; border-top: 1px solid #d7e2ef; margin-top: 4px; }
.work-theme-page .tutor-me-page .tutor-me-status-row { gap: 8px 14px; margin: 12px auto 0; max-width: 800px; font-size: .85rem; }
@media only screen and (max-width: 600px) {
 .work-theme-page .profile-field-group { padding: 16px 12px; }
 .work-theme-page .profile-field-group .tutor-me-checkbox-card span { font-size: .8rem; line-height: 1.4; }
 .profile-navigation-title { margin-bottom: 10px; }
}

.work-theme-page .profile-bio-label { margin: 0 0 6px; text-align: left; }

/* Enlarge the tutor's screen preview independently of A4 print/PDF geometry. */
@media screen {
 .work-theme-page .invoice-document-page--workspace .invoice-paper-card { width: min(100%, 1080px); }
 .work-theme-page .invoice-document-page--workspace .invoice-paper { font-size: 1rem; }
 .work-theme-page .invoice-document-page--workspace :is(.invoice-paper__meta-table, .invoice-paper__summary-table, .invoice-paper__totals-table, .invoice-paper__items-table, .invoice-paper__payments-table) td { font-size: 1rem; padding: 12px; }
 .work-theme-page .invoice-document-page--workspace :is(.invoice-paper__meta-table, .invoice-paper__summary-table, .invoice-paper__totals-table, .invoice-paper__items-table, .invoice-paper__payments-table) th { font-size: .8rem; padding: 10px 12px; }
 .work-theme-page .invoice-document-page--workspace :is(.invoice-paper__panel-title, .invoice-settlement__figures dt) { font-size: .75rem; }
 .work-theme-page .invoice-document-page--workspace .invoice-settlement__figures dd { font-size: 1.1rem; }
 .work-theme-page .invoice-document-page--workspace .invoice-settlement__copy p { font-size: .9rem; }
 .work-theme-page .invoice-document-page--workspace .invoice-paper__section-head h4 { font-size: 1rem; }
 .work-theme-page .invoice-document-page--workspace .invoice-paper__brand-mark { font-size: 1.15rem; }
 .work-theme-page .invoice-document-page--workspace .invoice-paper__totals-table th { white-space: nowrap; }
}