/* Content-only layout. The global header and shared secondary navigation are untouched. */
.mr-mail-labels { display: flex; flex-wrap: wrap; gap: 5px; margin: 9px 0; font-size: .72rem; line-height: 1.55; }
.mr-mail-labels .mr-address-label { display: inline-block; border-radius: 5px; padding: 3px 7px; background: #f1f5f4; color: #4a615a; overflow-wrap: anywhere; }
.mr-address-label b { color: #247268; font-weight: 600; }
.mr-mail-labels .mr-forward-label { display: inline-block; padding: 3px 7px; border-radius: 5px; background: #f4f4f1; color: #72796e; }
.mr-mail-labels .mr-forward-label.forwarded { background: #edf0fa; color: #566695; }
.mr-mail-labels .mr-forward-label.possible { background: #faf1df; color: #855f2b; }
.mr-mail-labels.is-compact { font-size: .64rem; gap: 4px; margin: 0 0 8px; }
.mr-mail-labels.is-compact .mr-address-label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mr-ask-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 24px; align-items: start; }
.mr-ask-layout h2 { font-size: 1.3rem; margin: 10px 0 20px; }
.mr-ask-compose label { display: grid; gap: 8px; font-size: .8rem; color: var(--on-muted); margin-bottom: 18px; }
.mr-ask-compose input,.mr-ask-compose select,.mr-ask-compose textarea { width: 100%; min-width: 0; box-sizing: border-box; padding: 12px; border: 1px solid var(--on-line-strong); border-radius: 8px; background: var(--on-surface-soft); color: var(--on-ink); font: inherit; line-height: 1.6; }
.mr-ask-compose textarea { resize: vertical; min-height: 145px; }
.mr-ask-filters { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); gap: 12px; }
.mr-ask-examples { display: grid; gap: 8px; margin: 26px 0; }
.mr-ask-examples button { padding: 10px 12px; border: 1px solid var(--on-line); background: transparent; border-radius: 7px; font-size: .78rem; color: var(--on-muted); text-align: left; cursor: pointer; line-height: 1.5; }
.mr-ask-examples button:hover { color: var(--on-accent); border-color: var(--on-accent); }
.mr-ask-result { min-height: 390px; overflow-wrap: anywhere; }
.mr-ask-result[aria-busy="true"] { opacity: .6; }
.mr-asked-question { background: var(--on-surface-soft); border-radius: 8px; padding: 14px; font-size: .85rem; line-height: 1.7; white-space: pre-wrap; margin: 0 0 26px; }
.mr-answer-part { padding: 16px 0; border-bottom: 1px solid var(--on-line); }
.mr-answer-sources details { font-size: .75rem; color: var(--on-muted); padding: 8px 0; }
.mr-answer-sources summary { cursor: pointer; }
.mr-answer-sources blockquote { border-left: 2px solid var(--on-line-strong); padding: 8px 12px; margin: 8px 0; white-space: pre-wrap; }
@media(max-width:850px) { .mr-ask-layout { grid-template-columns: 1fr; } .mr-ask-compose input,.mr-ask-compose textarea,.mr-ask-compose select { font-size: 16px; } .mr-ask-result { min-height: 220px; } }
@media(max-width:450px) { .mr-ask-filters { grid-template-columns: 1fr; gap: 0; } }
.mailroom-shell .on-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 9px 14px; border: 1px solid var(--on-line-strong); background: var(--on-surface); color: var(--on-ink); font-size: .8rem; line-height: 1.35; text-decoration: none; cursor: pointer; }
.mailroom-shell .on-button:hover { border-color: var(--on-accent); }
.mailroom-shell .on-button:disabled, .mailroom-shell .on-button.is-disabled { opacity: .5; cursor: not-allowed; }
.mailroom-page-heading { padding: 24px 0 20px; align-items: center; gap: 18px; }
.mailroom-page-heading h1 { font-size: clamp(1.8rem, 2.6vw, 2.6rem); line-height: 1.22; letter-spacing: -.025em; }
.mailroom-page-heading p:not(.mailroom-kicker) { margin-top: 8px; font-size: .88rem; }
.mailroom-page-heading .mailroom-kicker { margin-bottom: 9px; font-size: .64rem; }
.mailroom-panel { border-radius: 16px; box-shadow: 0 3px 15px rgba(30,60,45,.025); padding: 22px; }
.mr-status-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 16px; padding: 12px 0 20px; font-size: .78rem; color: var(--on-muted); }
.mr-status-strip a, .mr-source { color: var(--on-accent); text-decoration: none; }
.mr-status-strip a { margin-left: auto; }
.mr-status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--on-faint); flex: 0 0 auto; }
.mr-status-dot.is-live { background: var(--on-accent); }
.mr-alert { border-left: 3px solid #b28e55; background: #fbf7ef; padding: 10px 14px; font-size: .8rem; color: #775d39; line-height: 1.65; }
.mr-overview-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 20px; align-items: start; }
.mr-highlight { display: block; padding: 20px 0; border-bottom: 1px solid var(--on-line); text-decoration: none; color: var(--on-ink); }
.mr-highlight:last-child { border-bottom: 0; padding-bottom: 4px; }
.mr-highlight:hover h3 { color: var(--on-accent); }
.mr-highlight > div { display: flex; align-items: center; gap: 12px; }
.mr-highlight h3 { font-size: .95rem; margin: 8px 0 6px; line-height: 1.5; }
.mr-highlight p { font-size: .84rem; color: var(--on-muted); line-height: 1.7; margin: 0; overflow-wrap: anywhere; }
.mr-meta { font-size: .76rem; color: var(--on-muted); line-height: 1.65; margin: 6px 0; overflow-wrap: anywhere; }
.mr-pill { display: inline-flex; flex: 0 0 auto; align-items: center; padding: 3px 8px; font-size: .65rem; border-radius: 20px; background: var(--on-surface-soft); color: var(--on-muted); white-space: nowrap; }
.mr-pill.is-high { color: #855f2b; background: #faf1df; }
.mr-task { display: flex; gap: 18px; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid var(--on-line); }
.mr-task:last-child { border: 0; }
.mr-task-main { min-width: 0; flex: 1; }
.mr-task-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; font-size: .9rem; line-height: 1.65; overflow-wrap: anywhere; }
.mr-task-actions { display: flex; flex-wrap: wrap; align-items: start; align-content: start; gap: 7px; flex: 0 0 auto; }
.mr-task-actions .on-button { padding: 7px 11px; min-height: 34px; font-size: .75rem; }
.mr-overview-grid .mr-task, .mr-reader-body .mr-task { flex-wrap: wrap; }
.mr-overview-grid .mr-task-main, .mr-reader-body .mr-task-main { flex-basis: 100%; }
.mr-source { display: inline-block; font-size: .75rem; line-height: 1.6; max-width: 100%; overflow-wrap: anywhere; }
.mr-source:hover { text-decoration: underline; }
.mr-evidence { margin: 8px 0; font-size: .75rem; color: var(--on-muted); }
.mr-evidence summary, .mr-coverage summary { cursor: pointer; padding: 4px 0; }
.mr-evidence blockquote { margin: 8px 0; padding: 8px 12px; border-left: 2px solid var(--on-line-strong); white-space: pre-wrap; overflow-wrap: anywhere; }
.mr-evidence p { overflow-wrap: anywhere; }
.mr-empty { display: grid; align-content: center; justify-items: start; min-height: 210px; padding: 26px 8px; }
.mr-empty h3 { font: 500 1.25rem Georgia, serif; margin: 0 0 9px; }
.mr-empty p { color: var(--on-muted); font-size: .86rem; line-height: 1.75; max-width: 460px; }
.mr-footer-status { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 20px; font-size: .73rem; color: var(--on-muted); }
.mr-task-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--on-line); padding-bottom: 16px; }
.mr-task-toolbar h2 { font: 500 1.4rem Georgia, serif; margin: 0; }
.mr-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.mr-filters a { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; padding: 8px 12px; border-radius: 9px; color: var(--on-muted); font-size: .8rem; }
.mr-filters a[aria-current=page] { background: var(--on-accent-soft); color: var(--on-accent-strong); }
.mr-filters span { font-size: .72rem; opacity: .75; }
.mailroom-inbox-layout { grid-template-columns: minmax(270px,.75fr) minmax(0,1.25fr); gap: 16px; min-height: 0; align-items: start; }
.mr-inbox-filters { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 4px 0; }
.mr-search-label { flex: 1; min-width: 190px; }
.on-app .mr-inbox-filters input, .on-app .mr-inbox-filters select { width: 100%; padding: 11px 13px; background: var(--on-surface); border: 1px solid var(--on-line); border-radius: 10px; font-size: .8rem; }
.mr-inbox-filters > .mr-source { margin-left: auto; }
.mailroom-thread-list, .mailroom-thread-detail { padding: 0; display: block; overflow: hidden; }
.mailroom-thread-rows { max-height: 690px; padding: 0; }
.mailroom-thread-rows button { padding: 16px 18px; gap: 7px; }
.mailroom-thread-rows button[aria-pressed=true] { box-shadow: inset 3px 0 var(--on-accent); }
.mailroom-thread-rows strong { font-size: .85rem; line-height: 1.6; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mailroom-thread-rows small { font-size: .76rem; line-height: 1.55; }
.mailroom-thread-rows em { font-size: .65rem; color: var(--on-faint); font-style: normal; }
.mailroom-thread-row__sender { font-size: .72rem; }
.mailroom-thread-detail__content { padding: 0; }
.mailroom-sync-feedback { margin: -8px 0 12px; font-size: .76rem; }
.mr-reader-header { padding: 24px 26px 16px; }
.mr-reader-header h2 { margin: 8px 0 10px; font: 500 1.45rem/1.5 Georgia, serif; overflow-wrap: anywhere; }
.mr-reader-tabs { display: flex; border-bottom: 1px solid var(--on-line); padding: 0 20px; }
.mr-reader-tabs button { border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 13px 14px; font-size: .8rem; color: var(--on-muted); cursor: pointer; }
.mr-reader-tabs button[aria-selected=true] { border-bottom-color: var(--on-accent); color: var(--on-accent-strong); font-weight: 700; }
.mr-reader-body { padding: 22px 26px; }
.mr-reader-body[hidden] { display: none; }
.mr-reader-body h3 { margin: 25px 0 12px; font-size: .86rem; font-weight: 700; }
.mr-one-line { margin: 0 0 16px; font-size: 1rem; font-weight: 650; line-height: 1.85; }
.mr-detail-meta { display: flex; align-items: start; gap: 10px; font-size: .75rem; color: var(--on-muted); line-height: 1.7; }
.mr-prose { white-space: pre-wrap; font-size: .86rem; line-height: 1.95; overflow-wrap: anywhere; }
.mr-people { display: flex; flex-wrap: wrap; gap: 8px; }
.mr-people span { border: 1px solid var(--on-line); padding: 6px 10px; border-radius: 8px; font-size: .75rem; }
.mr-coverage { margin: 20px 0; border-top: 1px solid var(--on-line); padding-top: 12px; font-size: .76rem; color: var(--on-muted); line-height: 1.75; }
.mr-original { margin-bottom: 25px; border-bottom: 1px solid var(--on-line); }
.mr-original header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: .85rem; }
.mr-original time { color: var(--on-faint); font-size: .7rem; white-space: nowrap; }
.mailroom-thread-detail .mr-original pre, .mr-reply { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; font-size: .85rem; line-height: 1.85; background: none; padding: 12px 0; }
.mr-original.is-source { background: #f5faf7; outline: 2px solid var(--on-line-strong); outline-offset: 8px; }
.mr-back { display: none; margin-bottom: 18px; }
.mr-settings-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; align-items: start; }
.mr-settings-layout h2 { margin: 10px 0 20px; font: 500 1.45rem Georgia, serif; }
.mr-account { font-size: 1rem; overflow-wrap: anywhere; }
.mr-preferences { display: grid; gap: 16px; }
.mr-preferences label { font-size: .81rem; font-weight: 600; }
.on-app .mr-preferences input:not([type=checkbox]), .on-app .mr-preferences select, .on-app #deepseek-api-key { display: block; width: 100%; padding: 10px 12px; margin-top: 7px; border: 1px solid var(--on-line); border-radius: 9px; background: var(--on-surface); font-size: .86rem; }
.mr-preferences .mr-checkbox { display: flex; align-items: center; gap: 9px; }
.on-app .mr-checkbox input { width: 18px; height: 18px; margin: 0; accent-color: var(--on-accent); }
.mr-preferences > .on-button { justify-self: start; }
.mr-settings-layout .mailroom-definition-list { font-size: .78rem; }
.mr-settings-layout .mailroom-definition-list div { gap: 16px; }
.mr-settings-layout .mailroom-definition-list dd { overflow-wrap: anywhere; max-width: 65%; }
.mr-coming-soon { max-width: 820px; padding: 32px; }
.mr-coming-soon h2 { font-size: 1.4rem; }
.mr-coming-soon p { color: var(--on-muted); line-height: 1.9; font-size: .9rem; margin: 22px 0; }
.mr-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.mailroom-shell :is(button,a,input,select,summary):focus-visible { outline: 2px solid var(--on-accent); outline-offset: 3px; }
@media (max-width: 850px) {
  .mr-overview-grid, .mr-settings-layout { grid-template-columns: minmax(0,1fr); }
  .mailroom-inbox-layout { grid-template-columns: minmax(0,1fr); }
  .mailroom-inbox-layout:not(.is-reading) .mailroom-thread-detail { display: none; }
  .mailroom-inbox-layout.is-reading .mailroom-thread-list, .mailroom-inbox-layout.is-reading .mr-inbox-filters { display: none; }
  .mailroom-inbox-layout.is-reading .mailroom-thread-detail { display: block; }
  .mr-back { display: inline-flex; }
  .mailroom-thread-rows { max-height: none; }
  .mailroom-thread-detail__content { max-height: none; overflow: visible; }
}
@media (max-width: 560px) {
  .mailroom-page-heading { padding: 18px 0; align-items: flex-start; }
  .mailroom-panel { padding: 18px; }
  .mailroom-thread-list, .mailroom-thread-detail { padding: 0; }
  .mr-reader-header, .mr-reader-body { padding: 20px; }
  .mr-reader-tabs { padding: 0 9px; }
  .mr-task { flex-wrap: wrap; }
  .mr-task-main { flex-basis: 100%; }
  .mr-status-strip { gap: 8px; }
  .mr-status-strip a { margin-left: 0; }
}
@media (pointer: coarse) {
  .mr-task-actions .on-button, .mr-reader-tabs button, .mr-filters a, .mr-evidence summary, .mr-coverage summary { min-height: 44px; }
  .on-app .mr-preferences input:not([type=checkbox]), .on-app .mr-preferences select, .on-app .mr-inbox-filters input, .on-app .mr-inbox-filters select, .on-app #deepseek-api-key { font-size: 16px; }
}