/* Embedded in app layout: chrome + grey preview live on #mws-notice-static (see meeting-notice-letter). */ #mws-notice-static { font-family: Times New Roman, Times, serif; box-sizing: border-box; } #mws-notice-static *, #mws-notice-static *::before, #mws-notice-static *::after { box-sizing: border-box; } /* Page layout: screen preview uses US Letter; print output uses A4 (see @page / print overrides). */ .notice-page { color: #000; box-sizing: border-box; /* Must match .subject-row: label column + gap = where subject value starts. */ --notice-subject-label-w: 20mm; --notice-subject-gutter: 4mm; --notice-body-text-inset: calc(var(--notice-subject-label-w) + var(--notice-subject-gutter)); --notice-paper-w: 8.5in; --notice-paper-h: 11in; --notice-gap-section: 10px; --notice-gap-block: 8px; --notice-gap-paragraph: 6px; --notice-gap-tight: 4px; } /* Screen preview: Letter-width sheets (grey band scoped to embed root, not global html/body). */ @media screen { #mws-notice-static { background: #c8c8c8; padding: 16px 12px 32px; } .notice-page { width: 100%; max-width: var(--notice-paper-w); margin: 0 auto; padding: 0; background: transparent; } /* At least one Letter page tall for short docs; grows with content so long notices don’t clip */ .notice-screen-sheet { background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); /* Tighter top so letterhead starts like the official notice (avoid a large blank band) */ padding: 10mm 15mm 22mm 20mm; box-sizing: border-box; margin-bottom: 18px; min-height: var(--notice-paper-h); width: 100%; } .notice-screen-sheet:last-child { margin-bottom: 0; } .notice-screen-sheet--agenda { min-height: auto; } } /* * Print: only .notice-page > .notice-screen-sheet (letter + agenda sheets). * Screen preview styling is unchanged; rules below apply in print only. */ @page { size: A4 portrait; margin: 0; } @media print { html, body { width: auto !important; height: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #fff !important; min-height: 0 !important; overflow: visible !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* Hide all app chrome */ .wrapper > .main-header, .wrapper > .main-sidebar, .wrapper > .main-footer, .main-footer, footer.main-footer, .content-header, .navbar, .card, .preloader, .control-sidebar { display: none !important; } section.content > *:not(#mws-notice-static) { display: none !important; } .wrapper, .content-wrapper, .content, .container-fluid, section.content { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; overflow: visible !important; background: #fff !important; border: 0 !important; box-shadow: none !important; } #mws-notice-static { display: block !important; width: 100%; background: #fff !important; padding: 0 !important; margin: 0 !important; } #mws-notice-static > *:not(.notice-page) { display: none !important; } /* .notice-page is a zero-margin wrapper; only sheets are printed */ .notice-page { display: block !important; position: static !important; width: 100% !important; max-width: 210mm !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; box-sizing: border-box !important; --notice-gap-section: 7pt; --notice-gap-block: 5pt; --notice-gap-paragraph: 4pt; --notice-gap-tight: 3pt; } .notice-page > *:not(.notice-screen-sheet) { display: none !important; } .notice-page .notice-screen-sheet { display: block !important; background: #fff !important; box-shadow: none !important; margin: 0 !important; min-height: 0 !important; height: auto !important; width: 100% !important; max-width: 210mm !important; box-sizing: border-box !important; overflow: visible !important; page-break-inside: auto; break-inside: auto; -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* Letter finishes; agenda always starts on its own page (avoids orphaned 2nd signature above agenda). */ .notice-page .notice-screen-sheet--letter { page-break-after: auto; break-after: auto; padding: 10mm 11mm 8mm 14mm !important; } .notice-page .notice-screen-sheet--agenda { page-break-before: always !important; break-before: page !important; padding: 8mm 10mm 12mm 10mm !important; min-height: calc(297mm - 20mm) !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; } .notice-page .notice-screen-sheet + .notice-screen-sheet { margin-top: 0 !important; } .recipients-grid { grid-template-columns: 1fr !important; margin-top: var(--notice-gap-section) !important; } .recipients-pane { grid-template-columns: 1fr !important; } .recipients-left { padding-left: 24mm; max-width: 100%; } .bullet-list li span:last-child { word-break: normal; overflow-wrap: normal; hyphens: none; } .recipients-dg-row, .recipients-dg-row--dynamic { column-gap: 5mm; padding-left: 24mm; } .notice-page .notice-screen-sheet .notice-header { page-break-inside: avoid; break-inside: avoid; grid-template-columns: var(--notice-subject-label-w) minmax(0, 1fr) minmax(0, 52mm) !important; } .notice-page .notice-screen-sheet .notice-encl-footer { page-break-inside: auto; break-inside: auto; } .notice-page .notice-screen-sheet .notice-encl-footer__band--encl, .notice-page .notice-screen-sheet .notice-encl-footer__cc-sig, .notice-page .notice-screen-sheet .notice-encl-footer__sig-top, .notice-page .notice-screen-sheet .mom-paper-sign-block { page-break-inside: avoid; break-inside: avoid; } .notice-page .notice-screen-sheet .notice-encl-footer__sig-bottom { page-break-before: avoid; break-before: avoid; page-break-inside: avoid; break-inside: avoid; margin-top: 6pt !important; } .notice-page .notice-screen-sheet .notice-agenda-table { width: 100% !important; max-width: 100% !important; table-layout: fixed !important; } .notice-page .notice-screen-sheet .notice-agenda-table thead th, .notice-page .notice-screen-sheet .notice-agenda-table tbody td { overflow: visible !important; overflow-wrap: break-word !important; word-break: break-word !important; } .notice-page .notice-screen-sheet .notice-sign-img, .notice-page .notice-screen-sheet .mom-paper-sign-img--on-line { max-width: 100% !important; } .notice-page .notice-screen-sheet .subject-row { margin-top: var(--notice-gap-section) !important; page-break-inside: avoid; break-inside: avoid; } .notice-page .notice-screen-sheet .notice-body { margin-top: var(--notice-gap-block) !important; } .notice-page .notice-screen-sheet .notice-body p { margin-bottom: var(--notice-gap-paragraph) !important; font-size: 11.5px !important; } .notice-page .notice-screen-sheet .notice-body p:last-child { margin-bottom: 0 !important; } .notice-page .notice-screen-sheet .notice-encl-footer { margin-top: var(--notice-gap-section) !important; } .notice-page .notice-screen-sheet .notice-encl-footer__band--encl { page-break-inside: avoid; break-inside: avoid; } .notice-page .notice-screen-sheet .notice-encl-footer__green { margin-top: var(--notice-gap-block) !important; } .notice-page .notice-screen-sheet .mt-10 { margin-top: var(--notice-gap-section) !important; } .notice-page .notice-screen-sheet .mt-6 { margin-top: var(--notice-gap-paragraph) !important; } .notice-page .notice-screen-sheet .mt-4 { margin-top: var(--notice-gap-tight) !important; } .notice-page .notice-screen-sheet .subject-lines .line1::after, .notice-page .notice-screen-sheet .subject-lines > p:first-of-type::after { display: none !important; } .notice-page .notice-screen-sheet .notice-agenda-banner { margin-bottom: 5pt !important; } .notice-page .notice-screen-sheet .notice-agenda-block { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; min-height: 0 !important; } .notice-page .notice-screen-sheet .notice-agenda-table-wrap { margin-top: 4pt !important; flex: 0 1 auto !important; } .notice-page .notice-screen-sheet .notice-agenda-table thead th { padding: 2px 3px !important; font-size: 10px !important; } .notice-page .notice-screen-sheet .notice-agenda-table tbody td { padding: 3px 4px !important; font-size: 10px !important; } .notice-page .notice-screen-sheet .notice-agenda-table tr.notice-agenda-any-other { page-break-before: avoid; break-before: avoid; } .notice-page .notice-screen-sheet .notice-agenda-page-footer { margin-top: auto !important; padding-top: 8pt !important; } } @media screen and (max-width: 768px) { .notice-title { white-space: normal; text-align: center; } .notice-header { grid-template-columns: var(--notice-subject-label-w) minmax(0, 1fr) minmax(0, 52mm); } .notice-header-ref .notice-ref-no, .notice-header-ref .notice-ref-dept, .notice-header-ref .notice-ref-dated { white-space: normal; } .recipients-left, .recipients-row-gap, .recipients-dg-row { padding-left: 12px !important; } .bullet-list { margin-left: 0 !important; } .dg-bullet-block { margin-left: 0 !important; } } /* Typography */ .t-10 { font-size: 10px; } .t-11 { font-size: 11.5px; } .t-12 { font-size: 12.5px; } .t-13 { font-size: 13px; } .t-14 { font-size: 14px; } .lh-12 { line-height: 1.2; } .lh-13 { line-height: 1.3; } .lh-14 { line-height: 1.4; } /* Slightly wider tracking so bold reads like stamped/printed notices (see ref). */ .bold { font-weight: 700; letter-spacing: 0.045em; } .italic { font-style: italic; } .u { text-decoration: underline; text-underline-offset: 2px; } .center { text-align: center; } .right { text-align: right; } .mt-4 { margin-top: 4px; } .mt-6 { margin-top: 6px; } .mt-10 { margin-top: 10px; } .mt-14 { margin-top: 14px; } .mt-18 { margin-top: 18px; } .mb-0 { margin-bottom: 0; } /* Header layout — 3 columns; first track matches .subject-row label width so seal aligns with “Subject:”. */ .notice-header { display: grid; grid-template-columns: var(--notice-subject-label-w) minmax(0, 1fr) minmax(58mm, 68mm); column-gap: var(--notice-subject-gutter); align-items: start; } .notice-header .left { text-align: center; justify-self: center; align-self: start; min-width: 0; max-width: 100%; } .notice-header .right { min-width: 0; } /* Letterhead right block: ref + dated normal weight; department lines bold caps */ .notice-header-ref { text-align: center; line-height: 1.22; color: #000; } .notice-header-ref .notice-ref-line { font-weight: 400; font-style: normal; margin: 0; padding: 0; } .notice-header-ref .notice-ref-line + .notice-ref-line { margin-top: 2px; } .notice-header-ref .notice-ref-dept { font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; font-size: 11px; } .notice-header-ref .notice-ref-no, .notice-header-ref .notice-ref-dated { white-space: nowrap; font-weight: 400; } .notice-header-ref .mws-nl-header-dept-static { user-select: none; -webkit-user-select: none; } #mws-notice-static.mws-nl--editing .mws-nl-header-dept-dev-input:not([hidden]) { width: 100%; max-width: 100%; box-sizing: border-box; margin-top: 2px; } .seal-wrap { text-align: left; justify-self: start; padding-top: 0; width: 100%; min-width: 0; } .seal-block { text-align: left; } .seal-img { width: 20mm; height: 20mm; max-width: 100%; display: block; margin: 0; object-fit: contain; } /* Title strip: grey highlight, no border, bold + underline (tight padding) */ .notice-title { display: inline-flex; align-items: center; justify-content: center; width: fit-content; max-width: 100%; border: none; background: #d9d9d9; background-color: #d9d9d9; padding: 3px 0 4px; font-weight: 700; font-size: 13px; letter-spacing: 0.065em; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; margin-top: 0; white-space: nowrap; box-sizing: border-box; line-height: 1.2; text-transform: uppercase; text-align: center; color: #000; box-shadow: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* Recipients — single main column (item # column removed); full width for dept names */ .recipients-grid { display: grid; grid-template-columns: 1fr; column-gap: 0; margin-top: 10px; align-items: start; } .recipients-pane { display: grid; grid-template-columns: 1fr; row-gap: 6px; align-items: start; max-width: 100%; } /* Salutation + “Finance…” share one vertical text edge; bullets sit just left (hanging) */ .recipients-left { padding-left: 24mm; padding-right: 6mm; max-width: 100%; box-sizing: border-box; } .recipients-right { padding-top: 0; } .recipients-row-gap { margin-top: 8px; padding-left: 24mm; padding-right: 6mm; box-sizing: border-box; } /* Two DG lines side by side like the official letter */ .recipients-dg-row, .recipients-dg-row--dynamic { display: grid; grid-template-columns: 1fr 1fr; column-gap: 6mm; row-gap: 8px; margin-top: 10px; padding-left: 24mm; /* padding-right: 6mm; */ box-sizing: border-box; align-items: start; } .recipients-dg-row .recipients-row-gap { padding-left: 0; padding-right: 0; margin-top: 0; } /* Right column: bullet sits next to text (no stretched middle); block still packs to the right like item tags. */ .recipients-dg-col--right { min-width: 0; } .recipients-dg-col--right .dg-bullet-block { margin-left: 0; width: 100%; max-width: 100%; min-width: 0; grid-template-columns: 4.75mm max-content; justify-content: end; } .recipients-dg-col--right .dg-bullet-block > div { text-align: right; min-width: 0; max-width: 100%; overflow-wrap: break-word; } .dg-bullet-block { display: grid; grid-template-columns: 4.75mm minmax(0, 1fr); column-gap: 2mm; align-items: start; margin-left: calc(-4.75mm - 2mm); } .dg-bullet-block > div { line-height: 1.55; } .dg-bullet-block > div .bold.italic { letter-spacing: 0.08em; } .dg-bullet-block .dot { justify-self: end; text-align: center; width: 100%; font-size: 20px; font-weight: 700; line-height: 1; color: #000; } .dg-subline { font-weight: 400; font-style: normal; font-size: 12.5px; line-height: 1.35; color: #000; } .notice-rec-khi { margin-top: 6px; } .items-col { text-align: right; padding-right: 2mm; } .bullet-list { margin: 4px 0 0 0; padding: 0; list-style: none; /* Pull list left so dept names align with salutation; bullet uses the freed space */ margin-left: calc(-4.75mm - 2mm); } .bullet-list li { display: grid; grid-template-columns: 4.75mm minmax(0, 1fr) minmax(28mm, max-content); column-gap: 2mm; margin: 0 0 3px 0; align-items: baseline; } .bullet-list li .dot { justify-self: end; text-align: center; width: 100%; font-size: 17px; font-weight: 700; line-height: 1; color: #000; } .bullet-list .bullet-dept-name { font-weight: 400; font-style: normal; font-size: 12.5px; line-height: 1.0; color: #000; } .bullet-list li .item-tag { font-weight: 700; font-size: 12.5px; line-height: 1.0; letter-spacing: 0.07em; text-align: right; white-space: nowrap; justify-self: end; color: #000; } .bullet-list li span:last-child { word-break: normal; overflow-wrap: break-word; hyphens: none; } .items-col div { margin: 3px 0; } .rec-title { font-style: italic; font-weight: 700; margin: 0 0 4px 0; } .khi { font-weight: 700; letter-spacing: 0.05em; text-decoration: underline; text-underline-offset: 2px; } /* Body */ .subject-row { display: grid; grid-template-columns: var(--notice-subject-label-w) 1fr; column-gap: var(--notice-subject-gutter); margin-top: 10px; align-items: center; } .subject-row > .bold { letter-spacing: normal; } /* Let the value column shrink-wrap in CSS grid so long/edited subject text wraps instead of breaking layout */ .subject-row .subject-lines, .mom-unified-subject-block .subject-lines { min-width: 0; max-width: 100%; } .subject-lines { text-align: left; hyphens: none; font-weight: 700; letter-spacing: 0.075em; line-height: 1.35; text-decoration: underline; text-underline-offset: 2px; text-transform: uppercase; /* * Times New Roman has no face heavier than 700 — numeric weights above bold do nothing. * Multi-offset shadow thickens on screen; print uses a lighter horizontal-only shadow (see @media print). */ text-shadow: 0.02em 0 0 currentColor, -0.02em 0 0 currentColor, 0 0.01em 0 currentColor, 0 -0.01em 0 currentColor; } /* * Saved / meeting subject (editable in modal): keep hanging indent (grid col 2) stable — no justify/::after * from .line1, which breaks when length or line breaks change. */ .subject-lines .notice-subject-value { display: block; margin: 0; padding: 0; text-align: justify; letter-spacing: 0.075em; line-height: 1.35; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; text-transform: uppercase; white-space: pre-line; overflow-wrap: break-word; word-wrap: break-word; word-break: normal; hyphens: none; } /* Only the first row is justified to the right margin; following rows stay natural width. */ .subject-lines .line1, .subject-lines > p:first-of-type { text-align: justify; letter-spacing: 0.085em; line-height: 1.35; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } .subject-lines .line1::after, .subject-lines > p:first-of-type::after { content: ""; display: inline-block; width: 100%; height: 0; visibility: hidden; } .subject-lines .line2 { font-weight: 700; letter-spacing: 0.075em; line-height: 1.35; text-decoration: underline; text-underline-offset: 2px; text-align: left; display: block; margin-top: 1px; width: 100%; } .subject-lines p { margin: 0; font-weight: 700; letter-spacing: 0.075em; line-height: 1.35; text-decoration: underline; text-transform: uppercase; } .subject-lines > p ~ p { text-align: left; margin-top: 1px; } /* Body content (single injected block after subject) */ .notice-body { margin-top: 8px; font-size: 11.5px; line-height: 1.35; letter-spacing: normal; } .notice-body p { margin: 0 0 6px 0; text-align: justify; letter-spacing: normal; box-sizing: border-box; padding-left: 0; font-size: 11.5px; } .notice-body p:last-child { margin-bottom: 0; } /* * Para 1 (ref. notice): first line aligns with subject *value*; wrapped lines * align with “Subject:” (full left). CSS text-indent affects first line only. */ .notice-body > p.notice-body-lead, .notice-body > p:first-child:not(.notice-body-num-row):not(:has(> span.indent)) { text-indent: var(--notice-body-text-inset); } /* * Paras 2–3: “2.” / “3.” under the subject label column; narrative matches * para 1 — first line at subject-value inset, continuations flush left. */ .notice-body p.notice-body-num-row, .notice-body p.notice-body-para2, .notice-body p:has(> span.indent) { position: relative; } .notice-body p.notice-body-num-row .notice-body-num, .notice-body p.notice-body-para2 > .bold:first-child, .notice-body p:has(> span.indent) > .bold:first-child { position: absolute; left: 0; top: 0; width: var(--notice-subject-label-w); font-weight: 700; font-style: normal; letter-spacing: normal; text-align: left; } .notice-body .notice-body-item-text { display: block; text-indent: var(--notice-body-text-inset); text-align: justify; letter-spacing: normal; } .notice-body p:has(> span.indent) > span.indent { display: block; padding-left: 0; text-indent: var(--notice-body-text-inset); text-align: justify; } .notice-body p.notice-body-para2 > span.italic { display: block; padding-left: 0; text-indent: var(--notice-body-text-inset); text-align: justify; } .notice-body .indent { padding-left: 0; } .notice-body .bold { font-weight: 700; letter-spacing: normal; } .notice-body .italic { font-style: italic; } .notice-body strong { font-weight: 700; letter-spacing: normal; } .notice-body p.notice-body-para2 { font-style: italic; } /* Only the “2.” marker (legacy: first .bold), not .notice-body-item-text.bold */ .notice-body p.notice-body-para2 > .bold:first-child { font-style: normal; } /* Agenda (print: own page after letter — page 2) */ .notice-agenda-block { margin-top: 18px; font-size: 11px; line-height: 1.25; } @media screen { .notice-screen-sheet--agenda .notice-agenda-block { margin-top: 0; } } @media print { /* * Slight faux-bold for print: horizontal twin only (no vertical shadow — avoids muddy overlap with underline). * Lighter than screen’s 4-way shadow so physical output stays clean but not plain 700-only. */ .subject-lines { text-shadow: 0.008em 0 0 currentColor, -0.008em 0 0 currentColor; } .notice-agenda-block { margin-top: 0; padding-top: 0; } .notice-agenda-table thead { display: table-header-group; } .notice-agenda-table tbody tr { page-break-inside: auto; break-inside: auto; } .notice-agenda-table tr.notice-agenda-dept-banner, .notice-agenda-table tr.notice-agenda-scheme-row { page-break-inside: avoid; break-inside: avoid; } .mws-nl--editing .notice-agenda-table .mws-nl-agenda-time-view { display: inline !important; } .notice-agenda-table .mws-nl-agenda-time-input { display: none !important; } } .notice-agenda-banner { font-size: 11px; line-height: 1.25; margin-top: 0; margin-bottom: 14px; } .notice-agenda-banner .banner-line { text-align: center; font-weight: 700; text-transform: uppercase; } .notice-agenda-banner .banner-line--sub { margin-top: 3px; } .notice-agenda-table-wrap { margin-top: 12px; } .notice-agenda-table { width: 100%; border-collapse: collapse; table-layout: fixed; border: none; } /* Borders only on the two header rows; no borders on tbody */ .notice-agenda-table thead th { border: 1px solid #000; padding: 6px 6px; vertical-align: middle; word-wrap: break-word; font-size: 10.5px; font-weight: 700; text-align: center; line-height: 1.2; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .notice-agenda-table thead tr.num-row th { font-weight: 700; padding: 3px 4px; font-size: 10px; } .notice-agenda-table thead tr:first-child th { border-top: 2px solid #000; } .notice-agenda-table thead tr:last-child th { border-bottom: 2px solid #000; } .notice-agenda-table tbody td { border: none !important; padding: 7px 8px; vertical-align: top; word-wrap: break-word; font-size: 10.5px; line-height: 1.35; -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* Widths driven by ; scheme/name column is dominant */ .notice-agenda-table td.agenda-col-num, .notice-agenda-table th.agenda-col-num { text-align: center; white-space: nowrap; } .notice-agenda-table td.agenda-col-adp, .notice-agenda-table th.agenda-col-adp { text-align: center; white-space: nowrap; } .notice-agenda-table td.agenda-col-name, .notice-agenda-table th.agenda-col-name { text-align: left; word-break: break-word; overflow-wrap: break-word; hyphens: none; min-width: 0; } .notice-agenda-table thead th.agenda-col-name { text-align: center; } .notice-agenda-table td.agenda-col-cost, .notice-agenda-table th.agenda-col-cost { text-align: center; white-space: nowrap; } .notice-agenda-table td.agenda-col-pre, .notice-agenda-table th.agenda-col-pre { text-align: center; white-space: nowrap; } .notice-agenda-table td.agenda-col-time, .notice-agenda-table th.agenda-col-time { text-align: center; font-weight: 700; white-space: nowrap; } .notice-agenda-table tr.notice-agenda-dept-banner td { background: #e0e0e0 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; font-weight: 700; vertical-align: top; padding-top: 8px; } .notice-agenda-table tr.notice-agenda-dept-banner td.agenda-col-num, .notice-agenda-table tr.notice-agenda-dept-banner td.agenda-col-adp { background: #fff !important; } .notice-agenda-table tr.notice-agenda-dept-banner .agenda-dept-label { text-align: left; text-transform: uppercase; text-decoration: underline; font-weight: 700; } .notice-agenda-table tr.notice-agenda-dept-banner td.agenda-specific-time-column { font-weight: 400; } .notice-agenda-table tr.notice-agenda-break-row td { background: #f4f4f4 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; vertical-align: middle; font-weight: 400; font-size: 10.5px; } .notice-agenda-table tr.notice-agenda-break-row.notice-agenda-break-row--collapsed { display: none !important; } .notice-agenda-table tr.notice-agenda-break-row .mws-nl-break-label { font-style: italic; font-weight: 700; } .notice-agenda-table tr.notice-agenda-break-row .mws-nl-break-inline-time { font-weight: 700; margin-left: 6px; } .notice-agenda-table tr.notice-agenda-dept-banner .mws-nl-dept-break-controls { margin-top: 5px; font-weight: 400; text-transform: none; font-size: 10px; line-height: 1.35; } .notice-agenda-table tr.notice-agenda-dept-banner .mws-nl-dept-break-controls label { cursor: pointer; user-select: none; } .notice-agenda-table tr.notice-agenda-scheme-row td.agenda-col-time { font-weight: 400; } .notice-agenda-table tr.notice-agenda-scheme-row td.agenda-col-adp { font-weight: 700; } .notice-agenda-table tr.notice-agenda-scheme-row td { background: #fff !important; } .notice-agenda-table tr.notice-agenda-any-other.notice-agenda-stripe-a td { background: #fff !important; } .notice-agenda-table tr.notice-agenda-any-other.notice-agenda-stripe-b td { background: #f3f3f3 !important; } .notice-agenda-table tr.notice-agenda-any-other td.agenda-col-time { font-weight: 400; } .notice-agenda-table tr.notice-agenda-any-other td { vertical-align: middle; } .notice-agenda-table tr.notice-agenda-any-other .agenda-any-other-text { font-style: italic; } .notice-agenda-page-footer { display: grid; grid-template-columns: 1fr 2.2fr 1fr; align-items: baseline; margin-top: 10px; font-size: 9.5px; line-height: 1.2; color: #000; } .notice-agenda-page-footer .footer-center { text-align: center; } .notice-agenda-page-footer .footer-page { text-align: right; white-space: nowrap; } .notice-agenda-table tr.notice-agenda-any-other .agenda-dash { text-align: center !important; } .notice-agenda-table .mws-nl-agenda-time-input { width: 100%; max-width: 7.25em; margin: 0 auto; display: block; box-sizing: border-box; font: inherit; text-align: center; } .mws-nl--editing .notice-agenda-table .mws-nl-agenda-time-view { display: none; } /* Encl + odd signers (top-right) → full-width CC block → even signers (bottom-right, after CC). */ .notice-encl-footer { margin-top: 18px; } .notice-encl-footer__band--encl { display: grid; grid-template-columns: 1fr auto; gap: 5mm; align-items: start; } .notice-encl-footer__band--encl.notice-encl-footer__band--encl-only { display: block; } .notice-encl-footer__encl { font-size: 15px; line-height: 1.25; font-weight: 900; } .notice-encl-footer__green { margin-top: 10px; } .notice-encl-footer__cc-sig { display: block; } .notice-encl-footer__sig-top, .notice-encl-footer__sig-bottom { display: flex; flex-direction: column; align-items: center; gap: 6mm; width: 36mm; max-width: 40mm; box-sizing: border-box; } .notice-encl-footer__sig-bottom { margin-top: 10px; margin-left: auto; } .encl-sign-stack { display: flex; flex-direction: column; align-items: center; gap: 6mm; width: 100%; } .sign-block { text-align: center; font-size: 11px; line-height: 1.2; width: 100%; flex-shrink: 0; } .sign-line { height: 10mm; margin-bottom: 2px; position: relative; } .sign-line:after { content: ""; position: absolute; left: 10mm; right: 10mm; top: 9mm; border-top: 1px solid #000; opacity: 0.0; /* keep whitespace like scanned signature */ } .notice-sign-img-wrap { min-height: 14mm; margin-bottom: 3px; display: flex; align-items: flex-end; justify-content: center; } .notice-sign-img { max-height: 20mm; max-width: 58mm; width: auto; height: auto; object-fit: contain; display: block; } .mws-nl-sig-editor-inner { max-width: 58mm; margin: 0 auto 4px; text-align: center; } .notice-sign-self-service { margin: 0 auto 4px; max-width: 58mm; text-align: center; } .notice-mn-sig-apply { font: inherit; font-size: 11px; padding: 4px 10px; cursor: pointer; border: 1px solid #333; border-radius: 3px; background: #f5f5f5; } .notice-mn-sig-canvas-wrap { border: 1px solid #999; border-radius: 2px; background: #fff; display: inline-block; max-width: 100%; } .notice-mn-sig-canvas { display: block; width: 100%; max-width: 280px; height: 120px; touch-action: none; cursor: crosshair; } .notice-mn-sig-actions { display: flex; gap: 6px; justify-content: center; padding: 4px 6px 6px; flex-wrap: wrap; } .notice-mn-sig-actions button { font: inherit; font-size: 10px; padding: 3px 8px; cursor: pointer; border: 1px solid #333; border-radius: 2px; background: #f0f0f0; } .notice-mn-sig-options { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 6px; max-width: 100%; } .notice-mn-sig-preview-row { display: flex; flex-direction: column; align-items: center; gap: 4px; } .notice-mn-sig-preview-visual { min-height: 20px; } .notice-mn-sig-preview-empty { display: block; font-size: 10px; line-height: 1.3; color: #555; padding: 6px 8px; border: 1px dashed #bbb; border-radius: 2px; max-width: 52mm; text-align: center; } .notice-mn-sig-apply-notice-row { display: flex; align-items: flex-start; gap: 5px; font-size: 10px; line-height: 1.25; text-align: left; max-width: 58mm; cursor: pointer; user-select: none; } .notice-mn-sig-apply-notice-row input { margin: 1px 0 0 0; flex-shrink: 0; } .notice-mn-sig-preview-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; align-items: center; } .notice-mn-sig-preview-thumb { max-height: 16mm; max-width: 52mm; width: auto; height: auto; object-fit: contain; display: block; border: 1px solid #ccc; background: #fff; border-radius: 2px; } .notice-mn-sig-secondary, .notice-mn-sig-upload-label { font: inherit; font-size: 10px; padding: 3px 8px; cursor: pointer; border: 1px solid #555; border-radius: 2px; background: #fafafa; color: #111; text-align: center; } .notice-mn-sig-upload-label { text-decoration: none; display: inline-block; } .notice-mn-sig-file-input { position: absolute; width: 0.01px; height: 0.01px; opacity: 0; overflow: hidden; z-index: -1; } .notice-sign-self-print-placeholder { display: none; } @media print { .notice-sign-self-service { display: none !important; } .notice-sign-self-print-placeholder { display: block !important; } } /* Footer */ .footer { margin-top: 10px; /* font-size: 11px; */ line-height: 1.25; font-size:small; } .footer .small-note { font-size: 14px; font-style: italic; font-weight: 700; } .footer .small-note.u { text-decoration: underline; text-underline-offset: 2px; } .footer ul { margin: 4px 0 0 0; padding-left: 0; list-style: none; } .footer li { margin: 2px 0; } .arrow-li { display: grid; grid-template-columns: 8mm 1fr; column-gap: 2mm; align-items: start; } .arrow { font-size: 14px; line-height: 1; } .mom-paper-rich { font-size: 11.5px; line-height: 1.35; letter-spacing: normal; } .mom-paper-rich p { margin: 0 0 6px 0; text-align: justify; } .mom-paper-rich p:last-child { margin-bottom: 0; } .mom-paper-rich ul, .mom-paper-rich ol { margin: 4px 0 6px 1.1rem; padding-left: 0.25rem; } /* * Minutes of Meeting: subject stays in two columns (label | value). All headings/body below span full grid width * so they align with the left edge of “Subject:” (user black-line reference), not the subject text column. */ .mom-unified-subject-block { display: grid; grid-template-columns: var(--notice-subject-label-w) 1fr; column-gap: var(--notice-subject-gutter); align-items: start; box-sizing: border-box; width: 100%; max-width: 100%; } .mom-unified-subject-block__rest { grid-column: 1 / -1; min-width: 0; max-width: 100%; margin-top: 8px; overflow-x: hidden; } /* Do not apply notice-letter first-para text-indent here (it would mimic subject *value* column). */ .mom-unified-subject-block__rest.notice-body > p { text-indent: 0 !important; text-align: left; } .mom-unified-subject-block__rest .mom-paper-rich { text-align: left; } /* Minutes of Meeting body: prominent section headings (larger than body text only) */ .notice-body .mom-paper-h { font-size: 14px; font-weight: 700; letter-spacing: normal; } .notice-body .mom-paper-h-label { font-size: 14px; font-weight: 700; letter-spacing: normal; } /* Minutes of Meeting: in-person, online, description — Times New Roman; one size; bold label, normal value */ .notice-body .mom-paper-attendees-desc { font-family: "Times New Roman", Times, serif; font-size: 11.5px; line-height: 1.3; letter-spacing: normal; } .notice-body .mom-paper-attendees-desc__label { font-weight: 700; font-size: inherit; } .notice-body .mom-paper-attendees-desc__value { font-weight: 400; font-size: inherit; } /* PC working paper embedded in Minutes of Meeting (narrow A4 column + horizontal scroll if needed) */ .notice-body .mom-paper-rich--workpaper { text-indent: 0; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; } .notice-body .mom-paper-rich--workpaper .prepwp-sheet, .notice-body .mom-paper-rich--workpaper .pdwpwp-sheet, .notice-body .mom-paper-rich--workpaper .ddwpwp-sheet { box-sizing: border-box; max-width: 100%; } .notice-body .mom-paper-rich--workpaper .prepwp-row-actions, .notice-body .mom-paper-rich--workpaper .pdwpwp-row-actions, .notice-body .mom-paper-rich--workpaper .ddwpwp-row-actions { display: none !important; } /* Embedded WP: .mom-paper-rich p uses justify — keep GOVERNMENT / P&D dept header lines centered */ .notice-body .mom-paper-rich--workpaper p.prepwp-title-small.prepwp-center, .notice-body .mom-paper-rich--workpaper p.pdwpwp-title-small.pdwpwp-center, .notice-body .mom-paper-rich--workpaper p.ddwpwp-title-small.ddwpwp-center { text-align: center; } .notice-body .mom-paper-rich--workpaper #wp-sponsor-response, .notice-body .mom-paper-rich--workpaper table.wp-narrative-table, .notice-body .mom-paper-rich--workpaper table.wp-comments-inner { table-layout: fixed !important; width: 100%; max-width: 100%; } .notice-body .mom-paper-rich--workpaper table table, .notice-body .mom-paper-rich--workpaper .wp-richtext-table { table-layout: fixed !important; width: 100% !important; max-width: 100% !important; } .notice-body .mom-paper-rich--workpaper table table th, .notice-body .mom-paper-rich--workpaper table table td, .notice-body .mom-paper-rich--workpaper .wp-richtext-table th, .notice-body .mom-paper-rich--workpaper .wp-richtext-table td { width: auto !important; overflow-wrap: break-word !important; word-break: break-word !important; vertical-align: top; } @media print { .mom-unified-subject-block__rest { overflow-x: visible; } .notice-body .mom-paper-rich--workpaper { overflow-x: visible; } } /* Minutes of Meeting notice-paper: two-column signatories (matches on-page Minutes of Meeting print layout) */ .mom-paper-sign-block { margin-top: 18px; width: 100%; box-sizing: border-box; } .mom-paper-sign-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10mm; align-items: start; width: 100%; } .mom-paper-col { min-width: 0; font-size: 12px; line-height: 1.35; color: #000; } .mom-paper-col-heading { font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: none; margin: 0 0 10px 0; padding-bottom: 4px; border-bottom: 1px solid #000; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .mom-paper-col--left .mom-paper-col-heading { text-align: center; } .mom-paper-col--right .mom-paper-col-heading { text-align: center; } .mom-paper-signer-rows { --mom-paper-rule-w: min(9.5rem, 62%); } .mom-paper-sign-row { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 0.45rem; align-items: flex-end; min-height: 1.5rem; width: 100%; margin-bottom: 0.55rem; } .mom-paper-sign-row:last-child { margin-bottom: 0; } .mom-paper-sign-name { font-size: 12px; font-weight: 600; line-height: 1.25; align-self: flex-end; } .mom-paper-rule-wrap { position: relative; width: var(--mom-paper-rule-w); min-width: 2.5rem; max-width: 100%; justify-self: start; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; } .mom-paper-rule-wrap--has-sig { min-height: 2.5rem; } .mom-paper-sign-img--on-line { position: absolute; left: 0; bottom: 0.38rem; max-height: 18mm; max-width: min(100%, 52mm); width: auto; height: auto; object-fit: contain; display: block; margin: 0; z-index: 1; pointer-events: none; } .mom-paper-col--right .mom-paper-sign-img--on-line { left: auto; right: 0; } .mom-paper-rule { display: block; width: 100%; border: 0; border-bottom: 1px solid #000; min-height: 0.65rem; margin-bottom: 0.15rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; position: relative; z-index: 0; } .mom-paper-col--right .mom-paper-signer-rows { display: flex; flex-direction: column; align-items: stretch; width: 100%; } .mom-paper-col--right .mom-paper-sign-block-inner { display: flex; flex-direction: column; align-items: stretch; width: 100%; } .mom-paper-col--right .mom-paper-signer-entry { width: 100%; display: flex; flex-direction: column; align-items: flex-end; } .mom-paper-col--right .mom-paper-sign-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end; column-gap: 0.45rem; width: 100%; } .mom-paper-col--right .mom-paper-rule-wrap { flex-shrink: 0; width: var(--mom-paper-rule-w); min-width: min(9.5rem, 62%); max-width: min(9.5rem, 62%); } .mom-paper-col--right .mom-paper-sign-name { text-align: right; } .mom-paper-signer-entry { margin-bottom: 0.35rem; } .mom-paper-signer-entry:last-child { margin-bottom: 0; } .mom-paper-sign-img:not(.mom-paper-sign-img--on-line) { max-height: 18mm; max-width: 52mm; width: auto; height: auto; object-fit: contain; display: block; margin-bottom: 4px; } .mom-paper-col--right .mom-paper-sign-img:not(.mom-paper-sign-img--on-line) { margin-left: auto; } @media print { .mom-paper-sign-name { font-size: 11.5pt; } .mom-paper-col-heading { font-size: 12.5pt; } .mom-paper-col { font-size: 11.5pt; } } /* Screen preview only: fixed print control (hidden when printing) */ @media screen { .notice-print-toolbar { position: fixed; top: 12px; right: 12px; z-index: 9999; margin: 0; } .notice-print-toolbar-btn { display: inline-flex; align-items: center; justify-content: center; width: 108px; height: 40px; padding: 0; box-sizing: border-box; font-family: 'Times New Roman', Times, serif; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: 0.02em; color: #fff; background: #0d9488; border: 1px solid #0f766e; border-radius: 6px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); -webkit-tap-highlight-color: transparent; } .notice-print-toolbar-btn:hover { background: #0f766e; } .notice-print-toolbar-btn:active { transform: translateY(1px); } .notice-print-toolbar-btn:focus { outline: 2px solid #5eead4; outline-offset: 2px; } .notice-print-toolbar-btn:focus:not(:focus-visible) { outline: none; } .notice-print-toolbar-btn:focus-visible { outline: 2px solid #5eead4; outline-offset: 2px; } } @media print { .notice-print-toolbar { display: none !important; } } @media print { .mws-notice-letter-actions { display: none !important; } } /* Inline notice letter editors: match typography, avoid layout jump */ #mws-notice-static .mws-nl-line-input, #mws-notice-static .mws-nl-line-textarea { font: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0 1px; border: none; border-radius: 2px; background: rgba(59, 130, 246, 0.06); box-sizing: border-box; vertical-align: baseline; width: 100%; max-width: 100%; } #mws-notice-static .mws-nl-line-textarea { display: block; resize: vertical; min-height: 2.6em; } #mws-notice-static.mws-nl--editing .mws-nl-line-input:focus, #mws-notice-static.mws-nl--editing .mws-nl-line-textarea:focus { outline: 1px dashed rgba(37, 99, 235, 0.55); outline-offset: 1px; } #mws-notice-static.mws-nl--editing .mws-nl-line-view { display: none !important; } #mws-notice-static.mws-nl--editing .mws-nl-line-input:not([hidden]), #mws-notice-static.mws-nl--editing .mws-nl-line-textarea:not([hidden]), #mws-notice-static.mws-nl--editing .mws-nl-dept-select:not([hidden]) { display: inline-block; } #mws-notice-static.mws-nl--editing .mws-nl-line-textarea:not([hidden]) { display: block; } #mws-notice-static .mws-nl-ref-input { display: inline-block; width: auto; min-width: 12em; max-width: 100%; } #mws-notice-static .mws-nl-ref-edit-wrap { display: none; align-items: baseline; gap: 2px; } #mws-notice-static.mws-nl--editing .mws-nl-ref-view { display: none !important; } #mws-notice-static.mws-nl--editing .mws-nl-ref-edit-wrap { display: inline-flex; } #mws-notice-static.mws-nl--editing .mws-nl-header-dept-dev-view, #mws-notice-static.mws-nl--editing .mws-nl-ref-dated-view, #mws-notice-static.mws-nl--editing .mws-nl-rec-khi-view, #mws-notice-static.mws-nl--editing .mws-nl-subject-view { display: none !important; } #mws-notice-static .mws-nl-row-actions { display: none; margin-left: 4px; gap: 2px; vertical-align: middle; } #mws-notice-static.mws-nl--editing .mws-nl-row-actions { display: inline-flex !important; } #mws-notice-static .mws-nl-row-actions .btn { padding: 0 5px; font-size: 11px; line-height: 1.2; } #mws-notice-static .mws-nl-section-actions { display: none; margin-top: 4px; } #mws-notice-static.mws-nl--editing .mws-nl-section-actions { display: block; } #mws-notice-static .mws-nl-copy-row, #mws-notice-static .mws-nl-cc-row { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 4px 6px; } #mws-notice-static .mws-nl-copy-row .mws-nl-line-view, #mws-notice-static .mws-nl-copy-row .mws-nl-line-textarea, #mws-notice-static .mws-nl-cc-row .mws-nl-line-view, #mws-notice-static .mws-nl-cc-row .mws-nl-line-textarea { flex: 1 1 0; min-width: 0; } #mws-notice-static.mws-nl--editing .mws-nl-secretary-row--extra { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; } #mws-notice-static.mws-nl--editing .mws-nl-secretary-row--extra .mws-nl-dept-select { flex: 1 1 12em; min-width: 0; } /* Notice body: Bold / Italic toolbar (edit mode) + per-row remove chrome */ #mws-notice-static .notice-body { position: relative; } #mws-notice-static .mws-nl-body-rt-bar { display: none; position: absolute; top: 0; right: 0; z-index: 2; align-items: center; gap: 4px; } #mws-notice-static.mws-nl--editing .mws-nl-body-rt-bar { display: inline-flex; } #mws-notice-static.mws-nl--editing .notice-body:has(.mws-nl-body-rt-bar) { padding-top: 22px; } #mws-notice-static .mws-nl-body-rt-bar .mws-nl-body-rt-btn { min-width: 28px; padding: 2px 8px; font-size: 11px; line-height: 1.25; letter-spacing: 0.02em; } #mws-notice-static .mws-nl-body-item-edit-row { display: none; text-indent: 0 !important; letter-spacing: normal; } #mws-notice-static.mws-nl--editing .mws-nl-body-item-edit-row { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 4px 8px; margin-bottom: 4px; } #mws-notice-static.mws-nl--editing .mws-nl-body-lead-view[contenteditable="true"], #mws-notice-static.mws-nl--editing .mws-nl-body-item-view[contenteditable="true"] { display: block; min-height: 2.4em; padding: 2px 4px; border-radius: 2px; background: rgba(59, 130, 246, 0.06); box-sizing: border-box; outline: none; } #mws-notice-static.mws-nl--editing .mws-nl-body-lead-view[contenteditable="true"]:focus, #mws-notice-static.mws-nl--editing .mws-nl-body-item-view[contenteditable="true"]:focus { outline: 1px dashed rgba(37, 99, 235, 0.55); outline-offset: 1px; } #mws-notice-static .notice-body p.notice-body-num-row .notice-body-num .mws-nl-body-num-view { display: inline; vertical-align: baseline; font-weight: 700; font-style: normal; white-space: nowrap; } #mws-notice-static .mws-nl-dept-select { font: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; max-width: 100%; } @media print { #mws-notice-static .mws-nl-line-input, #mws-notice-static .mws-nl-line-textarea, #mws-notice-static .mws-nl-dept-select, #mws-notice-static .mws-nl-ref-edit-wrap, #mws-notice-static .mws-nl-row-actions, #mws-notice-static .mws-nl-section-actions, #mws-notice-static .mws-nl-edit-toolbar, #mws-notice-static .mws-nl-sig-editor-wrap { display: none !important; } #mws-notice-static .mws-nl-body-rt-bar, #mws-notice-static .mws-nl-body-item-edit-row { display: none !important; } #mws-notice-static .mws-nl-line-view { display: inline !important; } #mws-notice-static .mws-nl-ref-view { display: block !important; } }