/* Presentation-only refinements. Kept separate from the historical stylesheet. */
:root { --presentation-border: #e1e7ef; --presentation-muted: #526079; }
html { scroll-padding-block: 24px 100px; }
body { text-rendering: optimizeLegibility; }
body :is(.app-main, .monday-main) { min-width: 0; }
body :is(.page-header, .monday-header, .review-hero, .template-editor-header) {
  gap: 24px; align-items: center;
}
body :is(.app-main, .monday-main) h1 {
  font-size: clamp(28px, 2.7vw, 38px) !important;
  line-height: 1.18 !important; letter-spacing: -.035em !important; font-weight: 750 !important;
  overflow-wrap: anywhere;
}
body :is(.app-main, .monday-main) h2 {
  font-size: 24px !important; line-height: 1.3 !important;
  letter-spacing: -.025em !important; font-weight: 720 !important;
}
body :is(.app-main, .monday-main) h3 { line-height: 1.35; }
body :is(.page-subtitle, .review-hero p, .monday-header p) {
  font-size: 15px !important; line-height: 1.6 !important; font-weight: 500 !important;
  margin-top: 10px; color: var(--presentation-muted);
}
body :is(.app-main, .monday-main) :is(.primary-btn, .secondary-btn, .monday-primary, .monday-secondary, .automatic-primary-btn, .automatic-secondary-btn) {
  min-height: 44px; line-height: 1.4; white-space: normal; text-align: center;
}
body :is(.app-main, .monday-main) :is(.ui-primary-action, .primary-btn, .monday-primary) {
  box-shadow: 0 3px 10px rgb(15 35 65 / 8%) !important;
}
body :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid #2275de !important; outline-offset: 3px !important;
}
body :is(.notice, .status-alert, .placement-alert) { line-height: 1.6; overflow-wrap: anywhere; }
body :is(.notice-stack, .status-alert, .placement-alert) { margin-bottom: 16px; }
body :is(.detail-primary-actions, .detail-action-bar, .signed-actions, .quote-page-actions, .sender-photo-actions) {
  display: flex; flex-wrap: wrap; gap: 12px;
}
body :is(.detail-overview-head, .sales-overview-head, .contracts-head, .preview-header) { gap: 20px; }
body :is(.detail-overview-head, .sales-overview-head) > div { min-width: 0; }
body :is(.detail-overview-head, .detail-smart-card, .detail-info-grid, .review-preflight-strip) { overflow-wrap: anywhere; }
body .detail-overview-head h2 { font-size: clamp(26px, 2.4vw, 34px) !important; }
body .detail-primary-actions { flex-shrink: 0; }
body.page-dashboard-redesign .row-action {
  min-height: 36px !important; height: auto !important; padding: 8px 12px !important;
  line-height: 1.4 !important; white-space: normal !important; border-radius: 8px !important;
}
body.page-dashboard-redesign .action-stack { gap: 8px !important; padding: 4px 0; }
body.page-dashboard-redesign .contract-action-menu > summary { display: flex !important; align-items: center; justify-content: space-between; min-height: 40px; padding: 10px 12px; gap: 12px; }
body.page-dashboard-redesign .contract-action-menu:not([open]) > .action-stack { display: none !important; }
body.page-dashboard-redesign .contract-action-menu[open] > .action-stack { display: grid !important; gap: 8px !important; margin-top: 10px; }
body.page-dashboard-redesign .customer-link strong { white-space: normal !important; overflow-wrap: anywhere; }
body.page-dashboard-redesign .contracts-table { min-width: 980px !important; width: 100% !important; table-layout: fixed !important; }
body.page-dashboard-redesign .contracts-table :is(th, td) { min-width: 0 !important; overflow-wrap: anywhere; }
body.page-dashboard-redesign .contracts-table th:nth-child(1) { width: 22% !important; }
body.page-dashboard-redesign .contracts-table th:nth-child(2) { width: 9% !important; }
body.page-dashboard-redesign .contracts-table th:nth-child(3) { width: 17% !important; }
body.page-dashboard-redesign .contracts-table th:nth-child(4) { width: 11% !important; }
body.page-dashboard-redesign .contracts-table th:nth-child(5) { width: 22% !important; }
body.page-dashboard-redesign .contracts-table th:nth-child(6) { width: 19% !important; }
body.page-dashboard-redesign .contracts-head h2 { font-size: 26px !important; line-height: 1.3 !important; }
body.page-dashboard-redesign .table-wrap { overflow-x: auto !important; scrollbar-width: thin; padding-bottom: 8px; }
body.page-dashboard-redesign .filter-tabs { flex-wrap: wrap !important; gap: 8px !important; overflow: visible !important; }
body.page-dashboard-redesign .filter-tab { flex: 0 0 auto !important; width: auto !important; min-width: 64px !important; min-height: 40px !important; }
body.page-dashboard-redesign .contracts-table :is(td, th) { padding: 16px !important; }
body.page-dashboard-redesign .sales-overview-head h2 { font-size: clamp(28px, 2.7vw, 38px) !important; }
body.page-dashboard-redesign .sales-kpi-card { padding: 22px !important; }
body.page-dashboard-redesign .sales-kpi-card > strong { font-size: 32px !important; letter-spacing: -.035em; }
body.page-dashboard-redesign .sales-kpi-card > p { line-height: 1.5; }
/* Older settings styles supplied an extra generated icon before the real SVG. */
body.page-legacy-shell .app-sidebar .nav-link::before { content: none !important; display: none !important; }
body.page-legacy-shell .app-sidebar .nav-link { gap: 14px !important; }
body.page-legacy-shell .app-sidebar .nav-icon { display: inline-flex !important; flex: 0 0 24px; background: none !important; }
body.page-legacy-shell .app-sidebar .nav-icon svg { display: block !important; width: 24px; height: 24px; }
body .packet-route article { display: grid; gap: 8px; }
body .packet-cover h1 { font-size: clamp(28px, 3vw, 38px); line-height: 1.2; }
body .packet-empty h2 { font-size: 26px; line-height: 1.3; }
body.page-legacy-shell .monday-board-shell { margin-bottom: 24px; border-radius: 16px !important; }
body.page-legacy-shell .settings-subnav { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 24px; }
body.page-legacy-shell .settings-subnav a { min-height: 40px; }
body.page-legacy-shell .upload-inline-card {
  display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; padding: 20px !important;
}
body.page-legacy-shell .upload-inline-card :is(input, button) { width: 100%; min-width: 0; max-width: 100%; }
body.page-legacy-shell .upload-inline-card button { min-height: 44px; padding: 10px 16px; }
body .review-preflight-strip { gap: 12px; }
body .review-preflight-strip > div { min-width: 0; padding: 16px; }
body .review-field-grid { gap: 18px !important; }
body .review-section { padding: 24px !important; }
body .review-products-grid { gap: 12px; }
body .placement-alert > div { display: grid; gap: 4px; }
body .placement-layout { gap: 24px !important; }
body .quote-page-actions { justify-content: flex-end; }
body .quote-page-navigation { gap: 8px; }
body .quote-page-navigation button { min-height: 40px; }
body.page-template-editor .template-sidebar-panel > h2 { font-size: 19px !important; margin: 0 0 14px; }
body.page-template-editor .template-canvas-toolbar { flex-wrap: wrap; }
body.page-template-editor .template-editor-shell { grid-template-columns: 240px minmax(0, 1fr) 260px; }
body.page-template-editor .template-properties { grid-column: auto; display: block; min-width: 0; }
body.page-template-editor .template-field-choice { grid-template-columns: 24px minmax(0, 1fr) auto; row-gap: 2px; }
body.page-template-editor .template-field-choice b { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.4; }
body.page-template-editor .template-field-usage { grid-column: 2; }
body.page-template-editor .template-field-add { grid-column: 3; grid-row: 1 / 3; }
body.page-template-editor .template-editor-header { flex-wrap: wrap; }
body.page-operations-preview .ops-lane-grid { min-height: 200px; }
body.page-operations-preview .ops-job-link { min-height: 166px; padding-bottom: 58px; }
body.page-operations-preview .ops-job-move { min-height: 36px !important; padding: 6px 12px !important; font-size: 12px !important; }
body.page-operations-preview .ops-appointment-list > article { grid-template-columns: 130px minmax(0, 1fr); gap: 16px; padding: 18px; }
body.page-operations-preview .ops-appointment-list form { gap: 10px; flex-wrap: wrap; }
body.page-operations-preview .ops-appointment-list :is(small, span) { line-height: 1.5; }
body.page-operations-preview .ops-workflow-line form { gap: 10px; }
body.page-operations-preview .ops-project-summary article { min-width: 0; overflow-wrap: anywhere; }
body.page-sender-profile .sender-layout { gap: 24px !important; align-items: start; }
body.page-sender-profile .sender-fields { min-width: 0; }
body.page-sender-profile .email-builder-section { padding: 24px !important; }
body.page-sender-profile .sender-inline-details { min-width: 0; }
body.page-sender-profile .sender-inline-details > input,
body.page-sender-profile .sender-inline-details label input {
  background: #fff !important; border: 1px solid var(--presentation-border) !important;
  border-radius: 8px !important; padding: 10px 12px !important; min-height: 44px !important;
}
body.page-sender-profile .sender-inline-details { display: grid; gap: 10px; }
body.page-sender-profile .sender-inline-details label { min-width: 0; }
body.page-sender-profile .card-save-footer { gap: 14px; margin-top: 22px; padding-top: 18px; }
body.page-sender-profile :is(.card-save-button, .email-test-btn, .change-image-btn, .remove-photo-btn) { min-height: 40px; }
body.page-sender-profile .large-avatar:not(.has-image) { color: #24446e !important; }
body.page-sender-profile .large-avatar:not(.has-image) img { display: none; }
body.page-sender-profile .preview-device-toggle { display: flex !important; gap: 8px; }
body.page-sender-profile .production-email-preview-card .preview-top { display: flex !important; flex-wrap: wrap; gap: 12px; padding: 16px; }
body.page-sender-profile .email-preview-anchor { min-width: 0; }
body.page-sender-profile .preview-device-toggle button { min-height: 36px; }
body.page-sender-profile #emailPreviewFrame { width: 100% !important; min-width: 0 !important; min-height: 780px; }
body.page-sender-profile .preview-sample-note { margin: 0; padding: 12px 16px; color: #526079; font-size: 12px; line-height: 1.5; background: #f5f8fc; }
/* A spacious customer surface, with full text instead of clipped identity. */
body.customer-sign-page { padding: 20px !important; background: #f3f6fb !important; }
.customer-sign-page .sign-header { padding: 20px 24px !important; margin-bottom: 20px !important; }
.customer-sign-page .header-main > div { display: grid !important; gap: 6px !important; }
.customer-sign-page .header-main h1 { display: block !important; font-size: 15px !important; letter-spacing: .025em !important; font-weight: 750 !important; }
.customer-sign-page .header-main p { white-space: normal !important; overflow-wrap: anywhere !important; font-weight: 500 !important; line-height: 1.5 !important; }
.customer-sign-page .sign-layout { gap: 20px !important; height: auto !important; min-height: 720px !important; }
.customer-sign-page .pdf-card { min-height: 720px !important; }
.customer-sign-page .pdf-card, .customer-sign-page .sign-card { padding: 22px !important; }
.customer-sign-page .sign-card { height: auto !important; align-self: start; max-height: none !important; overflow: visible !important; }
.customer-sign-page .card-head { margin-bottom: 18px !important; padding-bottom: 16px !important; }
.customer-sign-page .card-head h2 { font-size: 24px !important; font-weight: 720 !important; }
.customer-sign-page .card-head p { font-size: 14px !important; line-height: 1.5 !important; font-weight: 500 !important; }
.customer-sign-page .sign-panel.active { gap: 16px !important; }
.customer-sign-page .sign-tabs { margin-bottom: 18px !important; }
.customer-sign-page .field-card { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.customer-sign-page .field-card input { font-size: 16px !important; }
.customer-sign-page .signature-preview { overflow-wrap: anywhere; font-size: 38px !important; line-height: 1.3 !important; }
.customer-sign-page .agreement-row { align-items: flex-start !important; gap: 12px !important; margin: 24px 0 !important; line-height: 1.6 !important; }
.customer-sign-page .agreement-row input { flex: 0 0 20px; width: 20px !important; height: 20px !important; margin: 2px 0 0 !important; }
.customer-sign-page .sign-ready-hint { margin: 14px 0 0 !important; font-size: 13px !important; line-height: 1.6 !important; color: #526079 !important; }
.customer-sign-page .open-pdf-btn, .customer-sign-page .secondary-btn { flex-shrink: 0; min-height: 44px !important; }
.customer-sign-page .signed-actions { margin-top: 24px; }
.customer-sign-page .sign-complete-card { max-width: 760px; padding: 40px !important; margin: 24px auto; line-height: 1.6; }
@media (max-width: 1200px) {
  body.page-sender-profile .sender-layout { grid-template-columns: minmax(0, 1fr) !important; }
  body.page-sender-profile .sender-preview { position: static !important; }
  body .detail-overview-head { flex-wrap: wrap; }
  body.page-template-editor .template-editor-shell { grid-template-columns: 220px minmax(0, 1fr); }
  body.page-template-editor .template-properties { grid-column: 1 / -1; position: static; height: auto; max-height: none; }
}
@media (max-width: 760px) {
  body.page-operations-preview .ops-appointment-list > article { grid-template-columns: minmax(0, 1fr); }
  body.page-dashboard-redesign .contracts-table { min-width: 0 !important; width: 100% !important; }
  body.page-dashboard-redesign .contracts-table tbody tr { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "customer" "status" "email" "timeline" "actions" !important; }
  body.page-dashboard-redesign .contracts-table td { width: auto !important; min-width: 0 !important; padding: 12px !important; }
  body.page-dashboard-redesign .customer-cell strong { white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; }
  body.page-dashboard-redesign .status-cell { justify-self: start; }
  body :is(.app-main, .monday-main) { padding: 24px 16px 112px !important; }
  body :is(.page-header, .monday-header, .review-hero) { flex-wrap: wrap; gap: 16px; }
  body :is(.app-main, .monday-main) h1 { font-size: 28px !important; }
  body :is(.app-main, .monday-main) h2 { font-size: 22px !important; }
  body :is(.review-field-grid, .review-field-grid.two-col, .detail-smart-grid) { grid-template-columns: minmax(0, 1fr) !important; }
  body .review-preflight-strip { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body .review-section { padding: 18px !important; }
  body .quote-page-actions { justify-content: flex-start; }
  body .preview-header { flex-wrap: wrap; }
  body.page-sender-profile .email-builder-section { padding: 18px !important; }
  body.page-sender-profile .sender-identity-row { flex-direction: column; align-items: flex-start; }
  body.page-sender-profile .sender-inline-details { width: 100%; }
  body.page-sender-profile .sender-layout { display: grid !important; }
  body.page-sender-profile .sender-preview { min-width: 0; }
  body.page-legacy-shell .company-brand-layout { grid-template-columns: minmax(0, 1fr) !important; }
  body.page-template-editor .template-editor-shell { display: flex; flex-direction: column; }
  body.customer-sign-page { padding: 12px !important; }
  .customer-sign-page .sign-header { padding: 18px !important; gap: 18px !important; }
  .customer-sign-page .header-main { gap: 16px !important; }
  .customer-sign-page .pdf-card, .customer-sign-page .sign-card { padding: 18px !important; }
  .customer-sign-page .pdf-card { min-height: 480px !important; height: 65svh !important; }
  .customer-sign-page .sign-layout { min-height: 0 !important; }
  .customer-sign-page .signature-preview { font-size: 34px !important; }
  .customer-sign-page .sign-complete-card { padding: 24px !important; }
  body :is(input, select, textarea) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}