.cj-team-notice { border: 1px solid #b8874e; padding: 1rem; margin: 1rem 0; border-radius: 6px; background: color-mix(in srgb, Canvas 94%, #b8874e); color: CanvasText; }
.cj-team-notice h3 { margin-top: 0; }
.cj-team-notice table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.cj-team-notice th, .cj-team-notice td { padding: .6rem; text-align: left; border-bottom: 1px solid #8886; white-space: pre-wrap; overflow-wrap: anywhere; }
.cj-team-notice label, .cj-team-folders label { display: block; margin: .7rem 0; }
.cj-team-notice input, .cj-team-notice select, .cj-team-folders input { max-width: 100%; padding: .5rem; margin: .3rem; }
.cj-team-notice button, .cj-team-folders button { padding: .6rem .9rem; margin: .3rem; cursor: pointer; }
.cj-team-folders { padding-bottom: 1rem; }
.cj-team-folders p, .cj-team-folders ul, .cj-team-folders label { margin: .75rem 1rem; overflow-wrap: anywhere; }
.cj-team-folders li { padding: .2rem 0; }
.cj-team-folders li span { float: right; font-size: .8rem; }
.cj-team-activity { padding: .75rem 0; font-size: .85rem; }
.cj-team-activity summary { cursor: pointer; color: var(--cj-muted-ink); }
.cj-team-activity li { margin: .4rem 0; }

/* Staff setup and long canonical contact names fit inside the existing sheet. */
.cj-staff-mode .cj-chosen-line { flex-wrap: wrap; gap: .35rem .7rem; padding-bottom: .4rem; }
.cj-staff-mode .cj-chosen-value { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.cj-staff-mode .cj-chosen-tag { white-space: normal; overflow-wrap: anywhere; flex: 1 1 12rem; }
.cj-staff-mode .cj-chosen-action { flex-shrink: 0; }
.cj-filing-folder-options { background: var(--cj-paper); color: var(--cj-ink); border-color: var(--cj-hairline); border-radius: 0; font-size: .85rem; margin: 1rem 0 0; }
.cj-filing-folder-options label { display: grid; gap: .3rem; }
.cj-filing-folder-options input, .cj-filing-folder-options select { width: 100%; min-width: 0; margin: 0; box-sizing: border-box; }
.cj-staff-mode .cj-ws-columns { grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); }
@media (max-width: 1100px) {
  .cj-staff-mode .cj-ws-columns { grid-template-columns: minmax(0, 1fr); }
  .cj-staff-mode .cj-sheet-layout { grid-template-columns: minmax(0, 880px); padding: 24px; }
  .cj-staff-mode .cj-sheet-rail { display: none; }
}
@media (max-width: 640px) {
  .cj-staff-mode .cj-ws-page { padding: 20px 16px; }
  .cj-staff-mode .cj-ws-head-body { flex-wrap: wrap; gap: 16px; }
  .cj-staff-mode .cj-sheet-layout { padding: 12px; }
  .cj-staff-mode .cj-sheet-main { padding: 16px 16px 0; }
  .cj-staff-mode .cj-sheet-row { grid-template-columns: 80px minmax(0, 1fr); column-gap: 10px; }
  .cj-staff-mode .cj-sheet-row > .cj-sheet-hint { display: none; }
}

/* Independent card sections below the always-visible project summary. */
.cj-ws-disclosure { min-width: 0; margin-bottom: 12px; border: 1px solid var(--cj-hairline); background: var(--cj-paper); color: var(--cj-ink); }
.cj-ws-disclosure > summary { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 14px 20px; box-sizing: border-box; cursor: pointer; list-style: none; color: var(--cj-ink); }
.cj-ws-disclosure > summary::-webkit-details-marker { display: none; }
.cj-ws-disclosure > summary:hover { background: color-mix(in srgb, var(--cj-paper) 90%, var(--cj-ink)); }
.cj-ws-disclosure > summary:focus-visible { outline: 2px solid var(--cj-ink); outline-offset: -4px; }
.cj-ws-disclosure-title { font-size: .95rem; font-weight: 650; line-height: 1.4; }
.cj-ws-disclosure-count { font-family: var(--cj-mono); font-size: .8rem; color: var(--cj-muted-ink); }
.cj-ws-disclosure-chevron { width: 8px; height: 8px; margin-left: auto; margin-right: 3px; flex-shrink: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.cj-ws-disclosure[open] > summary { border-bottom: 1px solid var(--cj-hairline); }
.cj-ws-disclosure[open] > summary > .cj-ws-disclosure-chevron { transform: rotate(225deg) translate(-2px, -2px); }
.cj-ws-disclosure-body .cj-ws-panel { border: 0; margin: 0; padding: 0 20px 16px; }
.cj-ws-disclosure-body .cj-ws-panel > .cj-ws-panel-head { display: none; }
.cj-ws-disclosure-body .cj-ws-panel > .cj-ws-panel-head:has(button, select) { display: flex; justify-content: flex-end; align-items: center; height: auto; padding: 12px 0; gap: 8px; border: 0; }
.cj-ws-disclosure-body .cj-ws-panel > .cj-ws-panel-head > span:first-child { display: none; }

/* Mach C: white working surfaces and readable records. Keep the original
   rules above for other shells; state, hidden controls and disclosure
   mounting remain owned by their existing components. */
body.cj-mach-ui .cj-ws-page { max-width: 1600px; margin: auto; padding: 32px 40px; }
body.cj-mach-ui .cj-ws-back { min-height: 32px; height: auto; margin-bottom: 20px; font-size: 14px; line-height: 1.5; color: var(--cj-muted-ink); }
body.cj-mach-ui .cj-ws-head { padding: 0; border: 0; background: transparent; }
body.cj-mach-ui .cj-ws-head-meta { flex-wrap: wrap; gap: 12px 24px; padding: 0 0 16px; font-size: 14px; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui :is(.cj-ws-rec, .cj-ws-filed, .cj-ws-ordinal) { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
body.cj-mach-ui .cj-ws-rec { color: #851718; }
body.cj-mach-ui .cj-ws-head-body { align-items: center; gap: 24px; padding: 22px 0 0; }
body.cj-mach-ui .cj-ws-head-titles { min-width: 0; }
body.cj-mach-ui .cj-ws-title { font-size: 16px; line-height: 1.5; font-weight: 500; letter-spacing: 0; color: var(--cj-muted-ink); overflow-wrap: anywhere; }
body.cj-mach-ui .cj-ws-subtitle { margin-top: 6px; font-size: clamp(24px, 2.3vw, 32px); line-height: 1.25; font-weight: 650; letter-spacing: -.8px; color: var(--cj-ink); overflow-wrap: anywhere; text-wrap: balance; }
body.cj-mach-ui .cj-ws-head-actions { flex-wrap: wrap; flex-shrink: 0; gap: 12px; max-width: 55%; }
body.cj-mach-ui .cj-ws-stamp { padding: 7px 10px; font-size: 14px; line-height: 1.4; letter-spacing: 0; }
body.cj-mach-ui :is(.cj-ws-action, .cj-ws-file-preview) { min-height: 42px; padding: 10px 15px; border: 1px solid #aaa4a1; border-radius: 3px; background: #fff; color: var(--cj-ink); font-family: var(--cj-sans); font-size: 14px; font-weight: 550; line-height: 1.4; text-transform: none; letter-spacing: 0; }
body.cj-mach-ui :is(.cj-ws-action, .cj-ws-file-preview):hover { background: #efeceb; border-color: #6e6966; color: var(--cj-ink); }
body.cj-mach-ui :is(.cj-ws-quiet-action, .cj-ws-panel-action, .cj-ws-file-remove) { min-height: 40px; font-size: 14px; font-family: var(--cj-sans); line-height: 1.4; text-transform: none; letter-spacing: 0; }
body.cj-mach-ui .cj-ws-panel-action { position: static; }
body.cj-mach-ui .cj-ws-columns { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; gap: 24px; margin-top: 28px; }
body.cj-mach-ui .cj-ws-panel { padding: 0 24px 20px; margin-bottom: 20px; border-radius: 3px; background: #fff; }
body.cj-mach-ui .cj-ws-panel-head { height: auto; min-height: 52px; padding: 16px 0 12px; gap: 12px; font-family: var(--cj-sans); font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: 0; text-transform: none; color: var(--cj-ink); border-bottom-color: var(--cj-hairline); }
body.cj-mach-ui .cj-ws-panel-note { font-size: 14px; line-height: 1.5; font-weight: 400; }
body.cj-mach-ui .cj-ws-summary-body { padding: 16px 0 0; font-size: 16px; line-height: 1.65; }
body.cj-mach-ui .cj-ws-ledger-panel { border-left: 3px solid #cf2f17; }
body.cj-mach-ui .cj-ws-ledger-row { grid-template-columns: 106px minmax(0, 1fr) auto; gap: 8px 12px; min-height: 46px; padding: 12px 0; }
body.cj-mach-ui .cj-ws-ledger-row:first-child { min-height: 46px; padding-top: 16px; }
body.cj-mach-ui .cj-ws-ledger-row:last-child { min-height: 46px; padding-bottom: 0; }
body.cj-mach-ui .cj-ws-ledger-row dt { font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui .cj-ws-ledger-row dd { font-size: 16px; line-height: 1.55; }
body.cj-mach-ui .cj-ws-ledger-row dd.cj-ws-ledger-due { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
body.cj-mach-ui.cj-staff-mode .cj-ws-ledger-panel .cj-ws-ledger-row:nth-child(4) { padding-top: 18px; padding-bottom: 18px; }
body.cj-mach-ui.cj-staff-mode .cj-ws-ledger-panel .cj-ws-ledger-row:nth-child(4) > dd:not(.cj-ws-ledger-due) { font-size: 20px; line-height: 1.4; font-weight: 600; letter-spacing: -.3px; }
body.cj-mach-ui .cj-ws-col-side .cj-ws-ledger-row { grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 12px 0; }
body.cj-mach-ui .cj-ws-disclosure { margin-bottom: 14px; background: #fff; border-radius: 3px; }
body.cj-mach-ui .cj-ws-disclosure > summary { min-height: 70px; padding: 20px 23px; gap: 14px; }
body.cj-mach-ui .cj-ws-disclosure > summary:hover { background: #f7f7f7; }
body.cj-mach-ui .cj-ws-disclosure[open] > summary { background: #fdfcfc; }
body.cj-mach-ui .cj-ws-disclosure-title { font-size: 16px; font-weight: 550; }
body.cj-mach-ui .cj-ws-disclosure-count { font-size: 14px; }
body.cj-mach-ui .cj-ws-disclosure-body { min-width: 0; font-size: 16px; line-height: 1.6; }
body.cj-mach-ui .cj-ws-disclosure-body > p { margin: 20px 24px 16px; }
body.cj-mach-ui .cj-ws-disclosure-body > button { margin: 0 24px 20px; }
body.cj-mach-ui .cj-ws-disclosure-body .cj-ws-panel { padding: 0 23px 20px; margin: 0; border: 0; }
body.cj-mach-ui .cj-ws-disclosure-body .cj-ws-panel > .cj-ws-panel-head:has(button, select) { flex-wrap: wrap; min-height: 0; padding: 16px 0; }
body.cj-mach-ui :is(.cj-ws-empty, .cj-ws-note-empty, .cj-ws-files-note, .cj-ws-contact-meta, .cj-ws-followups-body) { font-size: 16px; line-height: 1.6; }
body.cj-mach-ui .cj-ws-empty { padding: 18px 0; }
body.cj-mach-ui .cj-ws-note { padding: 20px 0; }
body.cj-mach-ui .cj-ws-note-meta { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
body.cj-mach-ui .cj-ws-note-body { margin-top: 8px; font-size: 16px; line-height: 1.65; }
.cj-ws-note-sort { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; max-width: 100%; font: 400 14px/1.5 var(--cj-sans); letter-spacing: 0; text-transform: none; }
.cj-ws-note-sort select { box-sizing: border-box; min-width: 0; max-width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #96918e; border-radius: 3px; background: #fff; color: var(--cj-ink); font: 400 16px/1.5 var(--cj-sans); }
.cj-ws-note-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.cj-ws-note-heading .cj-ws-note-meta { min-width: 0; overflow-wrap: anywhere; }
.cj-ws-note-heading .cj-ws-note-edit { flex-shrink: 0; min-height: 44px; padding: 4px 8px; text-decoration: underline; }
.cj-ws-note-body { white-space: pre-wrap; overflow-wrap: anywhere; }
.cj-ws-note-editor { display: grid; gap: 12px; margin-top: 8px; }
.cj-ws-note-editor .cj-ws-edit-textarea { display: block; width: 100%; }
.cj-ws-note-editor .cj-ws-edit-actions { flex-wrap: wrap; }
.cj-ws-note-editor .cj-team-notice { min-width: 0; }
body.cj-mach-ui .cj-ws-note-form { gap: 12px; padding: 18px 0 0; border: 0; }
body.cj-mach-ui .cj-ws-contact { padding: 18px 0; }
body.cj-mach-ui .cj-ws-contact-name { font-size: 16px; line-height: 1.5; }
body.cj-mach-ui .cj-ws-contact-meta { overflow-wrap: anywhere; }
body.cj-mach-ui .cj-ws-contact-sync { font-size: 14px; line-height: 1.5; }
body.cj-mach-ui .cj-ws-method { flex-wrap: wrap; gap: 4px 10px; padding: 5px 0; }
body.cj-mach-ui :is(.cj-ws-method-kind, .cj-ws-method-tag, .cj-ws-editor-head) { font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui :is(.cj-ws-method-value, .cj-ws-method-empty) { font-size: 16px; line-height: 1.55; }
body.cj-mach-ui :is(.cj-ws-editor-row, .cj-ws-editor-method) { flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 0; border: 0; }
body.cj-mach-ui .cj-ws-editor-row label { flex-basis: 100%; font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
body.cj-mach-ui :is(.cj-ws-editor-row, .cj-ws-editor-method) :is(input, select) { min-height: 44px; height: auto; padding: 10px; border: 1px solid #96918e; border-radius: 3px; background: #fff; font-family: var(--cj-sans); font-size: 16px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
body.cj-mach-ui .cj-ws-editor-method select { flex-basis: 100%; }
body.cj-mach-ui .cj-ws-contact-editor .cj-method-action { min-height: 36px; font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
body.cj-mach-ui .cj-ws-followups > .cj-ws-panel-head { color: var(--cj-rust); border-bottom-color: var(--cj-rust); }
body.cj-mach-ui .cj-ws-bucket-head { padding: 14px 0 8px; font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; letter-spacing: 0; }
body.cj-mach-ui .cj-ws-file-row { flex-wrap: wrap; gap: 10px; padding: 14px 0; }
body.cj-mach-ui .cj-ws-file-name { min-width: 0; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; white-space: normal; }
body.cj-mach-ui .cj-ws-file-size { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
body.cj-mach-ui :is(.cj-ws-add-files-row, .cj-ws-add-files-head, .cj-ws-add-files-choose) { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
body.cj-mach-ui .cj-ws-edit-row-title { align-items: center; max-width: none; margin-top: 12px; border: 0; }
body.cj-mach-ui .cj-ws-edit-row-title label { font-family: var(--cj-sans); font-size: 14px; text-transform: none; letter-spacing: 0; }
body.cj-mach-ui .cj-ws-ledger-edit { border: 0; }
body.cj-mach-ui :is(.cj-ws-edit-row-title > input, .cj-ws-ledger-edit > input, .cj-ws-ledger-edit > select, .cj-ws-note-form > input, .cj-ws-edit-textarea) { box-sizing: border-box; min-width: 0; min-height: 44px; height: auto; padding: 10px 12px; border: 1px solid #96918e; border-radius: 3px; background: #fff; color: var(--cj-ink); font-family: var(--cj-sans); font-size: 16px; line-height: 1.5; }
body.cj-mach-ui .cj-ws-edit-textarea { min-height: 100px; resize: vertical; }
body.cj-mach-ui .cj-ws-stage-picker { flex-wrap: wrap; gap: 8px; }
body.cj-mach-ui .cj-ws-foot { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--cj-hairline); }
body.cj-mach-ui :is(.cj-ws-foot-note, .cj-ws-foot-link) { font-size: 14px; line-height: 1.6; }

/* The filing sheet uses the same full-size controls as the C work panels.
   Hints occupy their own line so labels never compress editable values. */
body.cj-mach-ui .cj-sheet-layout { grid-template-columns: minmax(0, 880px) minmax(240px, 300px); gap: 24px; padding: 32px 40px; max-width: 1600px; margin: auto; }
body.cj-mach-ui .cj-sheet-main { padding: 24px 28px 0; background: #fff; border-radius: 3px; }
body.cj-mach-ui .cj-sheet-meta-row { font-size: 14px; line-height: 1.5; letter-spacing: 0; color: var(--cj-muted-ink); }
body.cj-mach-ui .cj-sheet-head { padding-top: 22px; }
body.cj-mach-ui .cj-sheet-head h2 { font-size: 30px; line-height: 1.2; letter-spacing: -.7px; font-weight: 650; }
body.cj-mach-ui .cj-sheet-eyebrow { font-size: 14px; line-height: 1.5; letter-spacing: 0; color: #851718; }
body.cj-mach-ui .cj-sheet-intro { max-width: none; margin-top: 14px; font-size: 16px; line-height: 1.6; color: var(--cj-muted-ink); }
body.cj-mach-ui .cj-sheet-block-head { margin-top: 28px; padding-bottom: 12px; gap: 12px; font-family: var(--cj-sans); font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui .cj-sheet-block-head > span + span { font-size: 14px; font-weight: 400; }
body.cj-mach-ui .cj-sheet-row { grid-template-columns: 120px minmax(0, 1fr); gap: 7px 16px; min-height: 0; padding: 16px 0; border-bottom: 1px solid var(--cj-hairline); }
body.cj-mach-ui .cj-sheet-row::after, body.cj-mach-ui .cj-sheet-row-description::before { content: none; }
body.cj-mach-ui .cj-sheet-row > :is(label, .cj-sheet-row-label) { padding-top: 10px; font-family: var(--cj-sans); font-size: 16px; line-height: 1.5; font-weight: 500; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui .cj-sheet-row > .cj-sheet-control { min-width: 0; grid-column: 2; }
body.cj-mach-ui .cj-sheet-row > :is(.cj-sheet-hint, .cj-sheet-hint-control) { grid-row: 2; grid-column: 2; min-width: 0; padding-top: 0; text-align: left; font-family: var(--cj-sans); font-size: 14px; line-height: 1.55; text-transform: none; letter-spacing: 0; white-space: normal; }
body.cj-mach-ui .cj-sheet-row > .cj-sheet-hint:empty { display: none; }
body.cj-mach-ui .cj-sheet-row-stopped { border-bottom-color: var(--cj-rust); }
body.cj-mach-ui .cj-sheet-row-focus { outline: 2px solid var(--cj-rust); outline-offset: 4px; }
body.cj-mach-ui .cj-sheet-row-focus::before { content: none; }
body.cj-mach-ui .cj-sheet-control input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([hidden]),
body.cj-mach-ui .cj-sheet-control textarea,
body.cj-mach-ui .cj-sheet-control select { box-sizing: border-box; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #96918e; border-radius: 3px; background: #fff; font-size: 16px; line-height: 1.5; }
body.cj-mach-ui .cj-sheet-row-description .cj-sheet-control textarea { height: auto; min-height: 100px; margin-top: 0; padding: 10px 12px; line-height: 1.6; resize: vertical; scrollbar-width: auto; }
body.cj-mach-ui .cj-sheet-row-description .cj-sheet-control textarea::-webkit-scrollbar { display: initial; }
body.cj-mach-ui .cj-sheet-row-stopped .cj-sheet-control :is(input, textarea, select) { border-color: var(--cj-rust); }
body.cj-mach-ui .cj-sheet-optional-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
body.cj-mach-ui .cj-sheet-control .cj-chooser-line { flex-wrap: wrap; gap: 8px 18px; }
body.cj-mach-ui .cj-sheet-control .cj-chooser-toggle { flex-wrap: wrap; padding-top: 0; gap: 8px 12px; }
body.cj-mach-ui .cj-sheet :is(.cj-chooser-link, .cj-chosen-action, .cj-method-action, .cj-inline-add-commit, .cj-file-tray-choose) { min-height: 40px; font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
body.cj-mach-ui .cj-sheet .cj-chooser-link { padding: 8px 0; }
body.cj-mach-ui .cj-sheet :is(.cj-chooser-or, .cj-sheet-hint-prose, .cj-chosen-tag, .cj-method-legacy-label, .cj-method-legacy-tag) { font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui .cj-sheet .cj-chosen-line { padding-top: 0; gap: 8px 12px; align-items: center; }
body.cj-mach-ui .cj-sheet .cj-chosen-value { padding: 9px 12px; font-size: 16px; background: #f7f7f7; border-radius: 3px; }
body.cj-mach-ui .cj-sheet .cj-inline-add { padding: 12px 0 0; gap: 12px; }
body.cj-mach-ui .cj-sheet .cj-inline-add-row { border: 0; gap: 10px; }
body.cj-mach-ui .cj-sheet .cj-inline-add-row label { font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; text-transform: none; letter-spacing: 0; }
body.cj-mach-ui .cj-sheet .cj-inline-add-commit { padding: 8px 14px; border-color: #aaa4a1; border-radius: 3px; }
body.cj-mach-ui .cj-sheet .cj-method-row { flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
body.cj-mach-ui .cj-sheet-control select.cj-method-type { width: 106px; flex-basis: 106px; font-family: var(--cj-sans); font-size: 14px; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui .cj-sheet-control input.cj-method-value { flex-basis: 140px; }
body.cj-mach-ui .cj-sheet .cj-method-legacy-value { font-size: 16px; white-space: normal; overflow-wrap: anywhere; }
body.cj-mach-ui :is(.cj-sheet-value, .cj-sheet .cj-extra-name, .cj-sheet .cj-extra-title) { font-size: 16px; line-height: 1.5; }
body.cj-mach-ui .cj-sheet :is(.cj-stamp-picker, .cj-chip-row) { flex-wrap: wrap; gap: 8px; padding-top: 0; }
body.cj-mach-ui :is(.cj-sheet, .cj-ws) .cj-stamp-picker .cj-dock-stamp { min-height: 40px; padding: 9px 11px; font-family: var(--cj-sans); font-size: 14px; line-height: 1.4; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui :is(.cj-sheet, .cj-ws) .cj-chip { padding: 8px 11px; font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui .cj-sheet .cj-extra-contact-line { gap: 10px; }
body.cj-mach-ui .cj-sheet .cj-extra-method { flex-wrap: wrap; gap: 8px; }
body.cj-mach-ui .cj-sheet :is(.cj-sheet-file-note, .cj-filing-file-help) { margin: 12px 0; font-size: 14px; line-height: 1.6; color: var(--cj-muted-ink); }
body.cj-mach-ui .cj-sheet :is(.cj-filing-file-controls > label:first-child, .cj-filing-file-identity > span, .cj-filing-file-remove) { font-size: 14px; line-height: 1.5; }
body.cj-mach-ui .cj-sheet .cj-filing-file-identity strong { font-size: 16px; line-height: 1.5; }
body.cj-mach-ui .cj-sheet .cj-file-tray-choose { padding: 9px 14px; border-color: #96918e; border-radius: 3px; }
body.cj-mach-ui .cj-sheet-footer { flex-wrap: wrap; gap: 12px; margin-top: 24px; padding: 16px 0; background: #fff; border-top-color: var(--cj-hairline); }
body.cj-mach-ui #cj-filing-progress-footer { font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; }
body.cj-mach-ui .cj-sheet-footer .cj-dock-button-primary { min-height: 46px; padding: 12px 20px; font-size: 16px; }
body.cj-mach-ui .cj-sheet-footer .cj-dock-link-quiet { min-height: 42px; font-size: 14px; }
body.cj-mach-ui .cj-sheet-rail { gap: 20px; }
body.cj-mach-ui .cj-sheet-rail-panel { padding: 24px; background: #fff; border-radius: 3px; }
body.cj-mach-ui :is(.cj-sheet-rail-eyebrow, .cj-sheet-rail-head, .cj-rail-preview-head, .cj-rail-stop-head, .cj-rail-stop-item-label) { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
body.cj-mach-ui :is(.cj-sheet-rail-body, .cj-sheet-rail-list span, .cj-sheet-rail-preview-hint, .cj-rail-preview-note, .cj-rail-stop-item-body, .cj-rail-stop-foot) { font-size: 14px; line-height: 1.6; color: var(--cj-muted-ink); }
body.cj-mach-ui .cj-sheet-rail-list strong { font-size: 16px; line-height: 1.5; }
body.cj-mach-ui .cj-sheet-rail-list li::before { font-size: 14px; line-height: 1.5; }
body.cj-mach-ui .cj-sheet-stop { margin-top: 18px; }
body.cj-mach-ui .cj-sheet-stop-head { font-size: 14px; line-height: 1.5; }
body.cj-mach-ui .cj-sheet-stop-body { margin-top: 6px; font-size: 16px; line-height: 1.55; }

/* Provider components share C's white surfaces; their status colors and
   actual preview canvases retain their own meaning. No dialog display,
   open/closed state, positioning or preview dimensions are changed. */
body.cj-mach-ui :is(.cj-doc-dialog, .cj-doc-preview, .cj-gmail-dialog, .cj-trello-dialog) { border-color: var(--cj-hairline); border-radius: 5px; background: #fff; color: var(--cj-ink); font-family: var(--cj-sans); font-size: 16px; }
body.cj-mach-ui :is(.cj-doc-dialog, .cj-doc-preview, .cj-gmail-dialog, .cj-trello-dialog)::backdrop { background: rgb(17 17 17 / 50%); }
body.cj-mach-ui :is(.cj-doc-record, .cj-gmail-pin, .cj-gmail-search-result, .cj-trello-link, .cj-trello-result, .cj-doc-picker-results) { background: #fff; border-color: var(--cj-hairline); border-radius: 3px; }
body.cj-mach-ui :is(.cj-doc-intro, .cj-gmail-intro, .cj-trello-intro) { margin: 16px 0; font-size: 16px; line-height: 1.6; color: var(--cj-muted-ink); }
body.cj-mach-ui :is(.cj-doc-group, .cj-trello-group) { padding: 20px 0; border-color: var(--cj-hairline); }
body.cj-mach-ui :is(.cj-doc-heading h3, .cj-trello-group h3, .cj-trello-card-name, .cj-gmail-pin h3, .cj-doc-version-identity strong, .cj-doc-picker-name) { font-size: 16px; line-height: 1.5; color: var(--cj-ink); }
body.cj-mach-ui :is(.cj-doc-count, .cj-doc-meta, .cj-doc-help, .cj-doc-history summary, .cj-gmail-meta, .cj-gmail-help, .cj-gmail-history summary, .cj-trello-board-name, .cj-trello-help) { font-size: 14px; line-height: 1.6; }
body.cj-mach-ui :is(.cj-doc-state, .cj-doc-download-error, .cj-doc-section-message, .cj-doc-message, .cj-doc-preview-status, .cj-doc-picker-status, .cj-doc-picker-unavailable, .cj-gmail-section-notice, .cj-gmail-error, .cj-gmail-notice, .cj-gmail-refresh-state, .cj-gmail-scope-label, .cj-gmail-private-label, .cj-gmail-sample, .cj-trello-section-message, .cj-trello-refresh-state, .cj-trello-message, .cj-trello-connection-notice, .cj-trello-result-notice) { font-size: 14px; line-height: 1.6; }
body.cj-mach-ui :is(.cj-doc-field, .cj-gmail-field, .cj-trello-field, .cj-doc-selected-file, .cj-gmail-choice, .cj-gmail-snippet, .cj-gmail-message, .cj-trello-card-values, .cj-gmail-connection, .cj-trello-connection) { font-size: 16px; line-height: 1.6; }
body.cj-mach-ui :is(.cj-doc-field, .cj-gmail-field, .cj-trello-field) :is(input, select) { min-height: 44px; border-color: #96918e; background: #fff; color: var(--cj-ink); font-size: 16px; }
body.cj-mach-ui :is(.cj-doc-button, .cj-gmail-button, .cj-trello-button) { min-height: 42px; padding: 9px 13px; border-color: #aaa4a1; font-family: var(--cj-sans); font-size: 14px; line-height: 1.5; }
body.cj-mach-ui :is(.cj-doc-button, .cj-gmail-button, .cj-trello-button):not(.cj-doc-primary):not(.cj-gmail-primary):not(.cj-trello-primary) { background: #fff; color: var(--cj-ink); }
body.cj-mach-ui :is(.cj-doc-button, .cj-gmail-button, .cj-trello-button):not(.cj-doc-primary):not(.cj-gmail-primary):not(.cj-trello-primary):hover { background: #efeceb; border-color: #6e6966; }
body.cj-mach-ui :is(.cj-doc-primary, .cj-gmail-primary, .cj-trello-primary) { color: #fff; background: #cf2f17; border-color: #cf2f17; }
body.cj-mach-ui :is(.cj-doc-primary, .cj-gmail-primary, .cj-trello-primary):hover { color: #fff; background: #b82613; border-color: #b82613; }
body.cj-mach-ui :is(.cj-doc-sharing, .cj-doc-conflict, .cj-gmail-sharing, .cj-gmail-remove-confirm, .cj-trello-sharing, .cj-trello-remove-confirm) { font-size: 16px; line-height: 1.6; }
body.cj-mach-ui .cj-doc-pdf-scroll { background: #efeceb; border-color: var(--cj-hairline); }
body.cj-mach-ui .cj-doc-pdf-page-status { font-size: 14px; }
body.cj-mach-ui .cj-doc-picker-item { padding: 16px; border-color: var(--cj-hairline); }
body.cj-mach-ui .cj-gmail-pin { margin: 16px 0; padding: 18px; }
body.cj-mach-ui :is(.cj-gmail-footer, .cj-trello-footer) { padding: 0 0 16px; }
body.cj-mach-ui .cj-team-notice { font-family: var(--cj-sans); font-size: 16px; line-height: 1.6; border-radius: 3px; }
body.cj-mach-ui .cj-filing-folder-options { padding: 18px; background: #f7f7f7; }
body.cj-mach-ui .cj-team-activity { padding: 16px 0 0; font-size: 14px; line-height: 1.6; }
body.cj-mach-ui .cj-team-folders :is(p, ul, label) { margin: 16px 0; font-size: 16px; line-height: 1.6; }
body.cj-mach-ui .cj-team-folders li span { font-size: 14px; }
body.cj-mach-ui .cj-filing-folder-options :is(input, select), body.cj-mach-ui .cj-team-folders input { min-height: 44px; padding: 10px 12px; border: 1px solid #96918e; border-radius: 3px; background: #fff; color: var(--cj-ink); font: inherit; }
body.cj-mach-ui :is(.cj-ws, .cj-sheet, .cj-doc-dialog, .cj-doc-preview, .cj-gmail-dialog, .cj-trello-dialog) :is(button, a, input, select, textarea, summary):focus-visible { outline: 3px solid #cf2f17; outline-offset: 3px; }

@media (max-width: 1200px) {
  body.cj-mach-ui .cj-ws-columns { grid-template-columns: minmax(0, 1fr); }
  body.cj-mach-ui .cj-ws-col-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
  body.cj-mach-ui .cj-ws-col-side > .cj-ws-disclosure { margin-bottom: 0; }
  body.cj-mach-ui .cj-sheet-layout { grid-template-columns: minmax(0, 880px); }
  body.cj-mach-ui .cj-sheet-rail { display: none; }
}
@media (max-width: 760px) {
  body.cj-mach-ui .cj-ws-page { padding: 24px 20px; }
  body.cj-mach-ui .cj-ws-head-body { flex-wrap: wrap; gap: 20px; }
  body.cj-mach-ui .cj-ws-head-actions { max-width: 100%; }
  body.cj-mach-ui .cj-ws-head-actions-editing { align-items: flex-start; }
  body.cj-mach-ui .cj-ws-stage-picker { justify-content: flex-start; }
  body.cj-mach-ui .cj-ws-head-meta { gap: 8px 16px; }
  body.cj-mach-ui .cj-ws-ordinal { margin-left: 0; }
  body.cj-mach-ui .cj-ws-col-side { grid-template-columns: minmax(0, 1fr); }
  body.cj-mach-ui .cj-ws-panel { padding-left: 20px; padding-right: 20px; }
  body.cj-mach-ui .cj-ws-panel-head { flex-wrap: wrap; gap: 4px 12px; }
  body.cj-mach-ui .cj-ws-ledger-row { grid-template-columns: 90px minmax(0, 1fr); gap: 6px 12px; }
  body.cj-mach-ui .cj-ws-ledger-row dd.cj-ws-ledger-due { grid-column: 2; text-align: left; }
  body.cj-mach-ui .cj-ws-foot { flex-wrap: wrap; gap: 12px; }
  body.cj-mach-ui .cj-sheet-layout { padding: 20px; }
  body.cj-mach-ui .cj-sheet-main { padding: 20px 20px 0; }
  body.cj-mach-ui .cj-sheet-block-head { flex-wrap: wrap; gap: 4px; }
}
@media (max-width: 480px) {
  body.cj-mach-ui .cj-ws-page { padding: 20px 16px; }
  body.cj-mach-ui .cj-ws-subtitle { font-size: 26px; }
  body.cj-mach-ui .cj-ws-note-form { flex-wrap: wrap; }
  body.cj-mach-ui .cj-ws-note-form > input { flex-basis: 100%; width: 100%; }
  body.cj-mach-ui .cj-sheet-layout { padding: 12px; }
  body.cj-mach-ui .cj-sheet-main { padding: 20px 16px 0; }
  body.cj-mach-ui .cj-sheet-head { flex-wrap: wrap; gap: 12px; }
  body.cj-mach-ui .cj-sheet-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  body.cj-mach-ui .cj-sheet-row > :is(label, .cj-sheet-row-label) { grid-row: 1; grid-column: 1; padding-top: 0; }
  body.cj-mach-ui .cj-sheet-row > .cj-sheet-control { grid-row: 2; grid-column: 1; }
  body.cj-mach-ui .cj-sheet-row > .cj-sheet-hint-control { grid-row: 3; grid-column: 1; }
  body.cj-mach-ui .cj-sheet-footer-actions { flex: 1 1 100%; justify-content: flex-end; }
  body.cj-mach-ui .cj-sheet-footer { gap: 8px; }
  body.cj-mach-ui .cj-doc-picker-search { align-items: stretch; flex-wrap: wrap; }
  body.cj-mach-ui .cj-doc-picker-search .cj-doc-field { flex-basis: 100%; }
}

/* Compact project overview — approved Mach project concept, September 2026. */
body.cj-mach-ui.cj-staff-mode { --mach-sidebar:208px; }
body.cj-mach-ui.cj-staff-mode .cj-dock-shell { --mach-sidebar:208px; }
body.cj-mach-ui.cj-staff-mode .topbar { min-height:56px; padding:8px 24px; }
body.cj-mach-ui.cj-staff-mode .cj-mach-sidebar { padding:22px 12px; }
body.cj-mach-ui.cj-staff-mode .cj-mach-brand { padding:0 8px 26px; }
body.cj-mach-ui.cj-staff-mode #cj-dashboard-nav button { font-size:15px; border-radius:7px; min-height:44px; padding:10px; }
body.cj-mach-ui.cj-staff-mode .cj-reminder-bell { min-height:38px; padding:8px 12px; border-radius:8px; font-size:14px; }
body.cj-mach-ui.cj-compact-project .cj-ws-page { max-width:1600px; padding:24px; }
.cj-compact-project #cj-ws-back, .cj-compact-project .cj-ws-foot { display:none; }
.cj-project-overview { color:var(--cj-ink); }
.cj-project-titlebar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:22px; }
.cj-project-heading { min-width:0; }
.cj-project-heading > p { margin:0 0 5px; font-size:13px; font-weight:600; }
.cj-project-heading > p span { font-weight:400; color:#5e5e5e; }
.cj-project-heading h2 { margin:0 0 3px; font:650 26px/1.25 var(--cj-sans); letter-spacing:-.5px; overflow-wrap:anywhere; }
.cj-project-title-actions { display:flex; align-items:center; flex-shrink:0; gap:12px; }
body.cj-mach-ui .cj-project-title-actions > button { min-height:42px; padding:9px 17px; border-radius:8px; font:600 14px/1.4 var(--cj-sans); background:#fff; color:#111; border:1px solid #d5d0ce; }
.cj-project-stage { padding:6px 12px; border-radius:20px; background:#f7e2de; color:#851718; font-size:13px; font-weight:600; }
body.cj-mach-ui button.cj-project-text-action { border:0; background:transparent; color:#851718; font:500 13px/1.5 var(--cj-sans); min-height:32px; padding:2px 0; border-radius:4px; text-align:left; }
.cj-project-at-glance { display:grid; grid-template-columns:minmax(0,2.15fr) minmax(270px,1fr); gap:16px; margin-bottom:22px; }
.cj-project-overview-card, .cj-project-people { border:1px solid #e4e0df; border-radius:12px; background:#fff; padding:18px 20px; min-width:0; }
.cj-project-card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cj-project-card-heading h3 { margin:0; font:600 17px/1.4 var(--cj-sans); color:#111; }
.cj-project-eyebrow { margin:12px 0 4px; font:500 11px/1.5 var(--cj-sans); letter-spacing:.06em; color:#6b6260; }
body.cj-mach-ui button.cj-project-next { border:0; padding:0; background:transparent; color:#111; font:600 18px/1.4 var(--cj-sans); text-align:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; }
.cj-project-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:15px 0; }
.cj-project-facts dt { color:#6b6260; font-size:12px; margin:0 0 3px; }
.cj-project-facts dd { margin:0; font-size:14px; font-weight:500; overflow-wrap:anywhere; }
body.cj-mach-ui button.cj-project-latest { display:flex; width:100%; align-items:center; gap:10px; background:transparent; color:#5e5e5e; border:0; border-top:1px solid #efedec; border-radius:0; padding:12px 0 0; text-align:left; font:400 13px/1.5 var(--cj-sans); }
.cj-project-latest > span:first-child { flex:none; color:#333; font-weight:500; }
.cj-project-latest > span:nth-child(2) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
.cj-project-contact-name { margin:8px 0 3px; font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.cj-project-contact-method { margin:0; font-size:13px; color:#5e5e5e; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
.cj-project-assigned { border-top:1px solid #efedec; margin-top:15px; padding-top:10px; }
.cj-project-assigned p { margin:5px 0 0; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.cj-project-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
body.cj-mach-ui button.cj-project-tool { display:flex; flex-direction:column; align-items:stretch; min-width:0; min-height:116px; padding:17px 18px; border:1px solid #e4e0df; border-radius:12px; text-align:left; background:white; color:#111; box-shadow:0 1px 2px #11111103; transition:border-color .12s,box-shadow .12s; }
body.cj-mach-ui button.cj-project-tool:hover { border-color:#cdb9b4; box-shadow:0 3px 12px #11111109; background:#fff; }
.cj-project-tool-top { display:flex; align-items:center; gap:10px; }
.cj-project-tool-top svg { width:20px; height:20px; flex:none; fill:none; stroke:#851718; stroke-width:1.65; stroke-linejoin:round; stroke-linecap:round; }
.cj-project-tool-top strong { font:600 17px/1.4 var(--cj-sans); flex:1; }
.cj-project-tool-top > span { font-size:18px; color:#918480; }
.cj-project-tool-description { margin-top:6px; font:400 14px/1.45 var(--cj-sans); color:#5e5e5e; }
.cj-project-tool-status { margin-top:9px; font:500 13px/1.5 var(--cj-sans); color:#851718; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.cj-mach-ui .cj-project-dialog { width:min(1030px,calc(100vw - 48px)); max-width:none; height:min(720px,calc(100dvh - 64px)); max-height:calc(100dvh - 64px); padding:0; border:1px solid #e4e0df; border-radius:16px; background:#fff; color:#111; box-shadow:0 24px 80px #11111133; overflow:hidden; margin:auto; box-sizing:border-box; font:400 16px/1.5 var(--cj-sans); }
body.cj-mach-ui .cj-project-dialog[open] { display:flex; flex-direction:column; }
.cj-project-dialog::backdrop { background:rgba(17,17,17,.38); }
.cj-project-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 24px; border-bottom:1px solid #e4e0df; flex:none; background:#fff; }
.cj-project-dialog-head > div { min-width:0; }
.cj-project-dialog-head h2 { margin:0; font:600 23px/1.35 var(--cj-sans); color:#111; }
.cj-project-dialog-head p { margin:2px 0 0; font:400 14px/1.45 var(--cj-sans); color:#5e5e5e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.cj-mach-ui .cj-project-dialog-head > button { flex:none; border:1px solid #e4e0df; border-radius:8px; min-height:42px; padding:10px 14px; background:#fff; color:#111; font:500 14px/1.4 var(--cj-sans); }
.cj-project-dialog-body { padding:22px 24px; overflow:auto; overscroll-behavior:contain; min-height:0; flex:1; scrollbar-gutter:stable; }
body.cj-mach-ui .cj-project-dialog-body > .cj-ws-disclosure { border:0; margin:0; padding:0; }
.cj-project-dialog-body > .cj-ws-disclosure > summary { display:none; }
body.cj-mach-ui .cj-project-dialog-body .cj-ws-disclosure-body { padding:0; }
body.cj-mach-ui .cj-project-dialog .cj-ws-panel { border:0; padding:0; margin:0 0 20px; background:transparent; }
body.cj-mach-ui .cj-project-dialog .cj-ws-head { padding:0 0 20px; }
body.cj-mach-ui .cj-project-dialog .cj-ws-panel-head { padding:0 0 12px; }
body.cj-mach-ui .cj-project-dialog .cj-ws-summary-body { white-space:pre-wrap; }
body.cj-mach-ui .cj-project-dialog button { border-radius:8px; }
body.cj-mach-ui .cj-project-dialog :is(input,textarea,select) { border-radius:7px; }
body.cj-mach-ui .cj-project-dialog .cj-ws-title { font-size:16px; }
body.cj-mach-ui .cj-project-dialog .cj-ws-head-meta { display:none; }
.cj-project-document-tabs { display:flex; gap:8px; padding:12px 24px; border-bottom:1px solid #e4e0df; flex:none; flex-wrap:wrap; }
body.cj-mach-ui .cj-project-document-tabs button { background:#f7f7f7; color:#333; border:1px solid transparent; padding:8px 12px; font:500 14px/1.4 var(--cj-sans); min-height:40px; }
body.cj-mach-ui .cj-project-document-tabs button[aria-pressed=true] { background:#f7e2de; color:#851718; border-color:#ebccc5; }
body.cj-mach-ui .cj-project-dialog.cj-panel-covered { opacity:0; pointer-events:none; }
.cj-project-dialog.cj-panel-covered::backdrop { background:transparent; }
body:has(.cj-project-dialog[open]) { overflow:hidden; }
body.cj-mach-ui .cj-fit-floating { width:calc(100vw - 48px); height:calc(100dvh - 48px); max-height:none; }
body.cj-mach-ui .cj-fit-floating #cj-fit-check-panel { margin:0; padding:16px; overflow:auto; width:auto; min-height:0; flex:1; }
.cj-project-overview :focus-visible, .cj-project-dialog :focus-visible { outline:3px solid #851718; outline-offset:3px; }
@media (min-width:1001px) { .cj-compact-project .cj-mach-sidebar-foot { padding-top:16px; } }
@media (max-width:1100px) { .cj-project-tools { grid-template-columns:repeat(2,minmax(0,1fr)); } .cj-project-at-glance { grid-template-columns:minmax(0,1fr) minmax(240px,.85fr); } }
@media (max-width:760px) {
  body.cj-mach-ui.cj-compact-project .cj-ws-page { padding:16px; }
  .cj-project-titlebar { gap:14px; align-items:flex-start; flex-wrap:wrap; margin-bottom:16px; }
  .cj-project-heading h2 { font-size:24px; }
  .cj-project-at-glance { grid-template-columns:1fr; gap:12px; margin-bottom:16px; }
  .cj-project-tools { gap:12px; }
  body.cj-mach-ui button.cj-project-tool { padding:14px; }
  .cj-project-tool-top strong { font-size:16px; }
  .cj-project-tool-description { font-size:14px; }
  body.cj-mach-ui .cj-project-dialog, body.cj-mach-ui .cj-fit-floating { width:100vw; height:100dvh; max-height:100dvh; border:0; border-radius:0; }
  .cj-project-dialog-head { padding:16px; gap:12px; }
  .cj-project-dialog-body { padding:18px 16px; }
  .cj-project-dialog-head h2 { font-size:21px; }
  .cj-project-document-tabs { padding:10px 16px; gap:4px; }
  .cj-project-latest > span:first-child { display:none; }
}
@media (max-width:480px) { .cj-project-tools { grid-template-columns:1fr; } .cj-project-facts { gap:10px; } }
@media (prefers-reduced-motion:reduce) { body.cj-mach-ui button.cj-project-tool { transition:none; } }
body.cj-mach-ui .cj-project-heading h2 { color:#111; }
body.cj-mach-ui button.cj-project-tool { justify-content:flex-start; }
.cj-gmail-split { display:grid; grid-template-columns:250px minmax(0,1fr); border:1px solid #e4e0df; border-radius:10px; overflow:hidden; margin:16px 0; }
.cj-gmail-conversations { padding:16px; background:#f7f7f7; display:flex; flex-direction:column; gap:10px; }
.cj-gmail-list-label { margin:0 0 4px; color:#5e5e5e; font-size:12px; text-transform:uppercase; letter-spacing:.03em; }
body.cj-mach-ui .cj-gmail-conversation-choice { display:flex; flex-direction:column; gap:6px; align-items:stretch; text-align:left; padding:14px; background:#fff; border:1px solid #e4e0df; color:#111; font:400 14px/1.5 var(--cj-sans); }
body.cj-mach-ui .cj-gmail-conversation-choice[aria-current=true] { background:#f7efed; border-color:#d5bcb5; }
.cj-gmail-conversation-choice strong { font-size:15px; line-height:1.45; }
.cj-gmail-conversation-choice :is(span,small) { font-size:12px; color:#5e5e5e; overflow-wrap:anywhere; }
.cj-gmail-selected-conversation { padding:20px; min-width:0; }
body.cj-mach-ui .cj-gmail-selected-conversation .cj-gmail-pin { border:0; padding:0; margin:0; }
body.cj-mach-ui .cj-gmail-selected-conversation h3 { color:#111; font-size:20px; margin:0 0 10px; }
@media(max-width:760px) { .cj-gmail-split { grid-template-columns:1fr; } .cj-gmail-conversations { gap:8px; } .cj-gmail-selected-conversation { padding:16px; } }
@media(max-width:760px) {
  body.cj-mach-ui.cj-staff-mode, body.cj-mach-ui.cj-staff-mode .cj-dock-shell { --mach-sidebar:0px; }
  body.cj-mach-ui.cj-staff-mode .topbar { padding:12px 16px; }
  body.cj-mach-ui.cj-staff-mode .cj-mach-sidebar { padding:18px 16px 0; }
}
body.cj-mach-ui .cj-project-dialog[data-pending-modal] { display:flex; flex-direction:column; position:fixed; inset:0; opacity:0; pointer-events:none; }
body.cj-mach-ui .cj-project-dialog :is(.cj-gmail-message,.cj-gmail-body) { font-size:16px; line-height:1.6; }
body.cj-mach-ui .cj-project-dialog :is(.cj-gmail-meta,.cj-gmail-help,.cj-gmail-intro,.cj-gmail-scope-label,.cj-gmail-refresh-state,.cj-gmail-history summary) { font-size:14px; }
.cj-gmail-source-details { margin:12px 0 18px; font-size:14px; color:#5e5e5e; }
.cj-gmail-source-details summary { cursor:pointer; min-height:32px; padding:4px 0; }
body.cj-mach-ui .cj-gmail-selected-conversation .cj-gmail-pin { background:#fff; }
body.cj-mach-ui .cj-project-dialog button { min-height:40px; }
body.cj-mach-ui .cj-project-dialog summary { color:#333; }