/* Correspondence workbench: one record header, readable content, contextual
 * attachments, activity, and secondary details on demand. Existing theme only.
 * Screen rules never change native permissions or Angular visibility. */
@media screen {
  .sx-correspondence-detail {
    --sx-detail-muted:var(--sx-muted); --sx-detail-border:var(--sx-border);
    --sx-detail-surface:var(--sx-surface); --sx-detail-muted-surface:var(--sx-surface-muted);
    --sx-detail-ink:var(--sx-text); --sx-detail-brand:var(--sx-primary);
    --sx-detail-brand-strong:var(--sx-primary); --sx-detail-brand-soft:var(--sx-brand-soft);
    --sx-detail-focus:var(--sx-focus); min-width:0; color:var(--sx-text);
  }
  /* ---------- Route gate (unreceived) ---------- */

  .sx-correspondence-detail .sx-correspondence-detail__unreceived:not(.ng-hide) {
    display: block;
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived {
    border: 1px solid var(--sx-detail-border);
    border-inline-start: 4px solid var(--sx-detail-brand);
    border-radius: var(--sx-radius-lg, 12px);
    background: var(--sx-detail-surface);
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived .fixed.wrapper.b-b {
    margin-block-end: 8px;
    border-block-end: 1px solid var(--sx-detail-border);
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived h1 {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived .flexible {
    min-width: 0;
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived .flexible > .wrapper {
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived .row.wrapper {
    min-width: 0;
    border: 1px solid var(--sx-detail-border);
    border-radius: var(--sx-radius, 8px);
    background: var(--sx-detail-surface);
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived table {
    width: 100%;
    min-width: 34rem;
    max-width: 100%;
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived table td {
    overflow-wrap: anywhere;
    word-break: break-word;
    vertical-align: top;
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived table td:first-child {
    width: 12rem;
    max-width: 40%;
  }

  /* Keep the warning semantic from the theme; only improve placement. */
  .sx-correspondence-detail .sx-correspondence-detail__unreceived .alert {
    margin-block-end: 12px;
    border-inline-start: 4px solid currentColor;
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived .btn {
    margin-block-end: 8px;
    margin-inline-end: 8px;
  }

  .sx-correspondence-detail .sx-correspondence-detail__unreceived textarea.form-control {
    width: 100%;
    max-width: 100%;
    min-height: 76px;
  }


  .sx-correspondence-detail__main { margin:0; min-width:0; }
  .sx-correspondence-detail__main > [class*="col-"] { padding:0; min-width:0; }
  .sx-correspondence-detail__main > [class*="col-"] > .box.wrapper-md { padding:0; background:var(--sx-canvas); }
  .sx-correspondence-detail [class*="col-"], .sx-correspondence-detail .info-detail { min-width:0; }
  .sx-app .sx-correspondence-detail .box.wrapper-md > .sx-correspondence-header.fixed.wrapper.b-b { margin:0; padding:16px 28px; border-bottom:1px solid var(--sx-border); background:var(--sx-surface); }
  .sx-record-navigation { display:flex; align-items:center; gap:8px; padding-bottom:10px; margin-bottom:14px; border-bottom:1px solid var(--sx-border); }
  .sx-record-navigation > div:last-child { margin-inline-start:auto; }
  .sx-record-navigation .sx-list-navigation { margin:0; }
  .sx-correspondence-detail .sx-record-navigation > .btn { border-color:transparent; background:transparent; min-height:36px; color:var(--sx-muted); padding:6px 8px; font-size:12px; }
  .sx-record-navigation .visible-lg-inline { display:inline !important; }
  .sx-correspondence-detail .sx-correspondence-header > .row:not(.ng-hide) { display:flex; flex-wrap:wrap; gap:16px; margin:0; }
  .sx-correspondence-header > .row::before, .sx-correspondence-header > .row::after { display:none; }
  .sx-correspondence-detail .sx-correspondence-header__identity { width:100%; flex:1 1 100%; padding:0; }
  .sx-correspondence-header__eyebrow { display:flex; gap:8px; align-items:center; color:var(--sx-primary); font-size:12px; margin-bottom:10px; flex-wrap:wrap; }
  .sx-correspondence-header__reference { font-weight:600; }
  .sx-correspondence-detail .sx-correspondence-header__subject { font-size:24px; line-height:1.35; font-weight:700; overflow-wrap:anywhere; max-width:100%; }
  .sx-correspondence-header__status { display:flex; align-items:center; gap:6px; margin-top:0; }
  .sx-correspondence-detail .sx-correspondence-header__status .label, .sx-correspondence-detail .sx-correspondence-meta .label { display:inline-block; font-size:12px; line-height:1.5; padding:4px 9px; border-radius:var(--sx-radius-sm); }
  .sx-correspondence-detail .sx-correspondence-header__actions:not(.ng-hide) { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
  .sx-correspondence-detail .sx-correspondence-header__actions { flex:1 1 100%; width:100%; padding:0; text-align:start; }
  .sx-correspondence-header__actions > .sx-correspondence-header__action-menu { order:-1; margin:0; }
  .sx-correspondence-detail .sx-correspondence-header__actions .btn { min-height:40px; padding:8px 14px; border-radius:var(--sx-radius); font-size:13px; }
  .sx-correspondence-header__actions .visible-lg-inline { display:inline !important; }
  .sx-correspondence-detail .sx-correspondence-header > .row > hr,
  .sx-correspondence-detail .sx-correspondence-header__actions hr { display:none !important; }
  .sx-correspondence-header__action-menu > .dropdown-menu { inset-inline-start:0; inset-inline-end:auto; min-width:220px; }
  .sx-correspondence-detail .dropdown-menu { max-width:min(340px,calc(100vw - 32px)); text-align:start; }
  .sx-correspondence-detail .dropdown-menu > li > a { min-height:34px; padding:8px 14px; }
  .sx-correspondence-header__action-menu .dropdown-submenu:focus-within > .dropdown-menu { display:block; }
  .sx-correspondence-overview { display:grid; grid-template-columns:1.4fr 1fr 1fr 1.4fr; gap:20px; margin-top:16px; padding:12px 16px; border-radius:var(--sx-radius); background:var(--sx-surface-muted); }
  .sx-correspondence-overview__item { min-width:0; }
  .sx-correspondence-overview__label { display:block; margin-bottom:5px; color:var(--sx-muted); font-size:12px; font-weight:400; }
  .sx-correspondence-overview__value { display:block; font-size:14px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
  .sx-correspondence-detail .sx-correspondence-body { padding:20px 28px 28px; margin:0; }
  correspondence-details { display:block; }
  .sx-correspondence-action-notice { margin-bottom:16px; }
  .sx-correspondence-detail .sx-correspondence-details-card { border:1px solid var(--sx-border); border-radius:var(--sx-radius-lg); background:var(--sx-surface); box-shadow:none; padding:20px; margin-bottom:16px; }
  .sx-correspondence-detail .sx-basic-heading { padding:0; margin:0 0 16px; }
  .sx-basic-heading > .col-md-12 { padding:0; display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .sx-basic-heading .btn { min-height:34px; padding:6px 12px; border-radius:var(--sx-radius); font-size:12px; }
  .sx-app .sx-correspondence-detail .sx-basic-heading h4 { border:0; padding:0; margin:0; color:var(--sx-text); font-size:15px; font-weight:600; }
  .sx-correspondence-detail .sx-basic-layout:not(.ng-hide) { display:flex; align-items:flex-start; gap:20px; margin:0; }
  [dir="ltr"] .sx-correspondence-detail .sx-basic-layout { flex-direction:row-reverse; }
  .sx-basic-layout > [data-workspace-main] { flex:1 1 0; min-width:0; }
  .sx-basic-layout > .sx-basic-attachment { flex:0 0 220px; min-width:0; }
  .sx-basic-layout > [data-workspace-pane] { display:block; flex:0 0 var(--sx-pane-width,46%); min-width:0; }
  .sx-correspondence-detail .sx-basic-layout.sx-workspace-split--open { gap:0; }
  .sx-basic-layout.sx-workspace-split--open > [data-workspace-main] { padding-inline-end:20px; }
  .sx-correspondence-edit .sx-workspace-split--open :is(.sx-compose-field-grid,.sx-compose-additional):not(.ng-hide) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sx-basic-layout::before, .sx-basic-layout::after { display:none; }
  .sx-correspondence-detail .sx-basic-content { width:100%; float:none; padding:0; min-width:0; }
  .sx-correspondence-meta { display:flex; flex-wrap:wrap; gap:6px; padding-inline-end:0; min-height:30px; }
  /* Shared label/value pattern adapts to the information column, including
   * when users resize the preview. No fixed Bootstrap field widths. */
  .sx-basic-content .sx-correspondence-meta { margin-bottom:14px; }
  .sx-basic-summary { display:grid; gap:14px; margin:0; padding:14px 16px; border:1px solid var(--sx-border); border-radius:var(--sx-radius); background:var(--sx-surface-muted); }
  .sx-basic-item { min-width:0; text-align:start; }
  .sx-correspondence-detail .sx-basic-item dt { margin:0 0 5px; color:var(--sx-muted); font-size:12px; font-weight:400; line-height:1.5; }
  .sx-correspondence-detail .sx-basic-item dd { margin:0; color:var(--sx-text); font-size:14px; font-weight:500; line-height:1.65; overflow-wrap:anywhere; }
  .sx-correspondence-detail .sx-basic-item .sx-basic-empty { color:var(--sx-muted); font-weight:400; }
  .sx-basic-description { padding-top:12px; border-top:1px solid var(--sx-border); }
  .sx-correspondence-detail .sx-basic-description dd { font-weight:400; white-space:pre-line; }
  .sx-basic-description:first-child { padding-top:0; border-top:0; }
  .sx-basic-group { margin-top:18px; padding-top:14px; border-top:1px solid var(--sx-border); }
  .sx-app .sx-correspondence-detail .sx-basic-group h5 { display:flex; align-items:center; gap:7px; margin:0 0 14px; padding:0; border:0; background:transparent; color:var(--sx-text); font-size:13px; font-weight:600; line-height:1.6; }
  .sx-basic-group h5 i { color:var(--sx-muted); }
  .sx-basic-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:16px 24px; margin:0; }
  .sx-basic-fields::before, .sx-basic-fields::after { display:none; }
  .sx-basic-item--wide { grid-column:1/-1; }
  .sx-correspondence-detail .sx-basic-content .btn { min-height:36px; padding:7px 12px; border-radius:var(--sx-radius); font-size:12px; }
  .sx-correspondence-detail .sx-basic-more { margin:12px 0 0; }
  .sx-correspondence-detail .sx-basic-more .btn { padding-inline:0; color:var(--sx-primary); background:transparent; border:0; }
  .sx-correspondence-detail .sx-basic-layout .sx-basic-attachment .document-attachment { float:none; width:100%; min-width:0; text-align:start; margin:0; padding:14px; border:1px solid var(--sx-border); border-radius:var(--sx-radius); background:var(--sx-surface-muted); }
  .sx-basic-layout .sx-basic-attachment .document-attachment > .wrapper { padding:0; }
  .sx-correspondence-detail .sx-basic-layout .document-attachment h4 { margin:0 0 10px !important; grid-column:1/-1; font-size:12px; color:var(--sx-muted); }
  .sx-correspondence-detail .sx-main-attachment-file { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center; gap:10px; }
  .sx-correspondence-detail .sx-basic-layout .document-preview { margin:0; }
  .sx-correspondence-detail .sx-basic-layout .document-preview i { font-size:28px; color:var(--sx-primary); }
  .sx-correspondence-detail .sx-basic-layout .attachment-name { margin:0; text-align:start; font-size:13px; font-weight:500; line-height:1.6; direction:inherit; overflow-wrap:anywhere; }
  .sx-correspondence-detail .sx-main-attachment-file > .btn-group { grid-column:1/-1; display:flex; gap:0; margin:0; }
  .sx-correspondence-detail .sx-main-attachment-file > .btn-group > .btn:first-child { flex:1; }
  .sx-correspondence-detail .sx-main-attachment-file .btn-group .btn { border-radius:var(--sx-radius); min-height:38px; font-size:12px; }
  .sx-correspondence-detail .sx-main-attachment-file > .btn-group > .btn:first-child { border-radius:0; border-start-start-radius:var(--sx-radius); border-end-start-radius:var(--sx-radius); }
  .sx-correspondence-detail .sx-main-attachment-file > .btn-group > .btn-group { float:none; margin:0 !important; margin-inline-start:-1px !important; }
  .sx-correspondence-detail .sx-main-attachment-file > .btn-group > .btn-group:last-child > .btn:first-child { border-radius:0; border-start-end-radius:var(--sx-radius); border-end-end-radius:var(--sx-radius); }
  .sx-correspondence-detail .sx-main-attachment-file > progressbar { grid-column:1/-1; }
  .sx-correspondence-detail #view-info-basic-new > .row.wrapper:last-child { margin:18px 0 0; padding:12px 0 0; border-top:1px solid var(--sx-border); font-size:11px; line-height:1.7; }
  .sx-correspondence-detail #view-info-basic-new > .row.wrapper:last-child > div { padding:0; }
  .sx-correspondence-detail .sx-correspondence-tabs { border:1px solid var(--sx-border); border-radius:var(--sx-radius-lg); background:var(--sx-surface); margin-top:16px; }
  .sx-correspondence-tabs .tab-container { margin:0; border:0; }
  .sx-correspondence-detail .sx-correspondence-tabs .nav-tabs { display:flex; flex-wrap:nowrap; overflow-x:auto; padding:0 16px; margin:0; border:0; border-bottom:1px solid var(--sx-border); background:var(--sx-surface); border-radius:var(--sx-radius-lg) var(--sx-radius-lg) 0 0; }
  .sx-correspondence-tabs .nav-tabs > li { flex:0 0 auto; float:none; margin:0; }
  .sx-correspondence-detail .sx-correspondence-tabs .nav-tabs > li > a { display:flex; align-items:center; gap:5px; min-height:48px; border:0; border-bottom:3px solid transparent; border-radius:0; margin:0; padding:12px; background:transparent; color:var(--sx-muted); font-size:12px; white-space:nowrap; }
  .sx-correspondence-detail .sx-correspondence-tabs .nav-tabs > li.active > a { color:var(--sx-primary); border-bottom-color:var(--sx-primary); font-weight:600; }
  .sx-correspondence-detail .sx-correspondence-tabs .tab-content { padding:16px 20px; border:0; }
  .sx-correspondence-detail .status-timeline { height:auto; padding:8px 0; background:transparent; border-bottom:1px solid var(--sx-border); white-space:nowrap; }
  .sx-correspondence-detail .status-timeline > div { height:auto; width:auto; padding:0; margin-inline-end:6px; background:transparent; }
  .sx-correspondence-detail .status-timeline h3 { margin:0; padding:0; font-size:12px; }
  .sx-correspondence-detail .status-timeline h3 a { padding:8px 12px; border:1px solid var(--sx-border); border-radius:var(--sx-radius); box-shadow:none; color:var(--sx-muted); background:var(--sx-surface); }
  .sx-correspondence-detail .status-timeline .timeline-active-day h3 a { background:var(--sx-brand-soft); border-color:var(--sx-primary); color:var(--sx-primary); }
  .sx-correspondence-detail .timeline-day-content { padding:16px 0 0; }
  .sx-correspondence-detail .timeline-day-content > h4 { display:none; }
  .sx-correspondence-detail .timeline-day-content > .row { display:grid; grid-template-columns:84px minmax(0,1fr) 28px; gap:14px; margin:0; padding:12px 0; border-bottom:1px solid var(--sx-border); }
  .sx-correspondence-detail .timeline-day-content > .row::before, .sx-correspondence-detail .timeline-day-content > .row::after { display:none; }
  .sx-correspondence-detail .timeline-day-content > .row > div { width:auto; padding:0; border:0; line-height:1.65; font-size:13px; }
  .sx-correspondence-detail .timeline-day-content .time { color:var(--sx-muted); font-size:12px !important; text-align:start; font-weight:400; }
  .sx-correspondence-detail .timeline-day-content .text-muted { font-size:11px; margin-top:3px; }
  .sx-record-statistics { margin-top:16px; border:1px solid var(--sx-border); border-radius:var(--sx-radius); background:var(--sx-surface); }
  .sx-record-statistics > summary { display:flex; align-items:center; gap:8px; padding:14px 18px; cursor:pointer; color:var(--sx-muted); font-size:13px; list-style:none; }
  .sx-record-statistics > summary > i:last-child { margin-inline-start:auto; }
  .sx-record-statistics[open] > summary { border-bottom:1px solid var(--sx-border); color:var(--sx-primary); }
  .sx-record-statistics > .row { margin:0; padding:16px; }
  .sx-record-statistics .h1 { font-size:24px; }
  .sx-correspondence-detail .btn:focus-visible, .sx-correspondence-detail a:focus-visible, .sx-record-statistics > summary:focus-visible { outline:2px solid var(--sx-focus); outline-offset:2px; }
  @media (max-width:1100px) {
    .sx-correspondence-overview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  }
  @media (max-width:767px) {
    .sx-correspondence-detail .sx-correspondence-header { padding:16px !important; margin:0 !important; width:100%; }
    .sx-correspondence-detail .sx-correspondence-body { padding:16px; }
    .sx-correspondence-detail .sx-correspondence-header__subject { font-size:21px; }
    .sx-record-navigation { flex-wrap:wrap; margin-bottom:14px; padding-bottom:12px; }
    .sx-record-navigation > div:last-child { flex:1 1 100%; }
    .sx-correspondence-detail .sx-basic-layout:not(.ng-hide) { flex-direction:column; gap:16px; }
    .sx-basic-layout > [data-workspace-main], .sx-basic-layout > .sx-basic-attachment, .sx-basic-layout > [data-workspace-pane] { flex-basis:auto; width:100%; }
    .sx-basic-layout.sx-workspace-split--open > [data-workspace-main] { padding:0; }
    .sx-basic-layout .sx-workspace-split__resize { display:none; }
    .sx-correspondence-edit .sx-workspace-split--open :is(.sx-compose-field-grid,.sx-compose-additional):not(.ng-hide) { grid-template-columns:minmax(0,1fr); }
    .sx-basic-summary { padding:12px; }
    .sx-correspondence-detail .sx-main-attachment-file { grid-template-columns:28px minmax(0,1fr); }
    .sx-correspondence-detail .sx-main-attachment-file > .btn-group { grid-column:1/-1; }
    .sx-correspondence-overview { padding:12px; gap:12px; }
    .sx-correspondence-overview__value { font-size:13px; }
    .sx-correspondence-detail .sx-correspondence-details-card { padding:16px; }
    .sx-correspondence-detail .sx-correspondence-tabs .tab-content { padding:12px; }
    .sx-correspondence-detail .timeline-day-content > .row { grid-template-columns:62px minmax(0,1fr) 24px; gap:8px; }
    .sx-correspondence-header__action-menu .dropdown-submenu > .dropdown-menu { position:static; margin:0; padding-inline-start:12px; box-shadow:none; }
  }
  .sx-attachment-preview .sx-attachment-preview__header h1 { font-size:18px; line-height:1.45; overflow-wrap:anywhere; }
  .sx-attachment-preview .sx-attachment-preview__actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
  .sx-attachment-preview .sx-attachment-preview__actions > span { display:flex; flex-wrap:wrap; gap:8px; }
  .sx-attachment-preview .btn { min-height:40px; border-radius:6px; padding:9px 12px; font-size:13px; }
  .sx-attachment-preview .sx-attachment-preview__tools:not(.ng-hide) { display:flex; flex-wrap:wrap; gap:8px; }
  .sx-attachment-preview .sx-attachment-preview__tools { padding:12px 0; margin-bottom:12px; border-bottom:1px solid var(--sx-border,#dbe4df); }
  .sx-attachment-preview .sx-attachment-preview__actions .btn { margin:0; }
}
@media screen {
  .sx-correspondence-header__action-menu .dropdown-submenu > .dropdown-menu { left:auto; right:auto; inset-inline-start:100%; inset-inline-end:auto; margin-inline-start:4px; margin-top:0; border-radius:var(--sx-radius); }
  .sx-correspondence-header__action-menu .dropdown-menu > li > a > i { width:20px; font-size:15px; text-align:center; margin-inline-end:8px; }
  .sx-correspondence-detail .status-timeline .timeline-active-day h3 a { border-color:transparent; }
  @media (max-width:1199px) {
    .sx-correspondence-header__action-menu .dropdown-submenu > .dropdown-menu { position:static; margin-inline:8px; box-shadow:none; width:auto; min-width:0; }
  }
}