/* Approved image mockups implemented as responsive, accessible page elements. */
.concept-icon { width:22px; height:22px; flex-shrink:0; display:block; }
.concept-card-title>div>span { display:block; font-size:13px; color:var(--muted); margin-bottom:6px; }
.concept-reuse {
  position:relative;
  margin:0;
  min-width:0;
  padding:8px 0 0;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:auto 24px auto auto}
.concept-template-card,.concept-project-card {
  background:white;
  border:1px solid var(--border);
  border-radius:var(--surface);
  padding:22px;
  position:relative;
  z-index:1;
  min-width:0}
.concept-template-card {
  grid-column:1/9;
  grid-row:1/3}
.concept-template-backsheet {
  grid-column:1/9;
  grid-row:1/3;
  position:relative;
  z-index:0;
  margin:-8px 36px 22px -6px;
  background:var(--canvas);
  border:1px solid var(--border);
  border-radius:var(--surface);
  transform:rotate(-3deg);
  pointer-events:none}
.concept-card-title {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px}
.concept-card-title>.concept-icon {
  color:var(--blue);
  width:26px;
  height:26px}
.concept-card-title h3 {
  font-size:16px;
  line-height:1.4;
  margin:0;
  font-weight:700;
  letter-spacing:-.01em}
.concept-reuse-rows {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px}
.concept-reuse-rows li {
  display:grid;
  grid-template-columns:26px minmax(0,1fr) minmax(0,.9fr);
  gap:12px;
  align-items:center;
  min-height:44px;
  border:1px solid var(--border);
  border-radius:var(--control);
  padding:9px 10px;
  font-size:12px;
  background:var(--subtle)}
.reuse-step-number {
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--canvas);
  border-radius:var(--control);
  font-weight:600;
  font-size:13px}
.reuse-doc {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  color:var(--muted);
  min-width:0}
.reuse-doc .concept-icon {
  width:16px;
  height:16px;
  color:var(--muted)}
.concept-project-card {
  grid-column:5/13;
  grid-row:3;
  z-index:2;
  margin-top:-8px}
.concept-transfer {
  grid-column:9/13;
  grid-row:1/3;
  padding:42px 10px 0 20px;
  color:var(--blue);
  min-width:0}
.concept-transfer>span {
  display:block;
  font-size:13px;
  font-weight:500;
  margin:0 0 8px 16px}
.concept-transfer svg {
  width:100%;
  height:126px}
.concept-project-details {
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid var(--border);
  margin-top:18px;
  padding-top:16px;
  color:var(--link)}
.concept-project-details>div {
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  font-size:11px;
  line-height:1.5}
.concept-project-details .concept-icon {
  width:18px;
  height:18px}
.concept-project-details strong {
  font-weight:500}
.concept-reuse figcaption {
  grid-column:5/13;
  grid-row:4;
  margin-top:12px;
  font-size:12px;
  color:var(--muted)}
@media(max-width:1150px) {
.concept-template-card,.concept-project-card {
  padding:18px}
.concept-reuse-rows li {
  gap:8px;
  font-size:11px}
.reuse-doc {
  font-size:10px}
.concept-project-details {
  flex-direction:column;
  gap:8px}
.concept-transfer {
  padding-top:52px;
  padding-left:12px}
.concept-transfer>span {
  font-size:12px;
  margin-left:8px}
}
@media(max-width:850px) {
.concept-transfer>span {
  font-size:11px}
.concept-reuse-rows li {
  grid-template-columns:22px 1fr;
  gap:8px}
.reuse-doc {
  grid-column:2;
  font-size:11px}
.reuse-step-number {
  width:22px;
  height:22px}
.concept-template-card,.concept-template-backsheet {
  grid-column:1/10}
.concept-transfer {
  grid-column:10/13;
  padding:48px 0 0 6px}
.concept-transfer>span {
  margin-left:0}
.concept-transfer svg {
  height:100px}
.concept-project-card,.concept-reuse figcaption {
  grid-column:3/13}
}
@media(max-width:700px) {
.concept-reuse {
  grid-template-columns:1fr;
  grid-template-rows:auto auto auto auto;
  padding-top:8px}
.concept-template-card {
  grid-column:1;
  grid-row:1;
  padding:18px 16px}
.concept-template-backsheet {
  grid-column:1;
  grid-row:1;
  margin:-6px 28px 18px -4px}
.concept-transfer {
  grid-column:1;
  grid-row:2;
  padding:18px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px}
.concept-transfer>span {
  margin:0;
  font-size:12px}
.concept-transfer svg {
  width:52px;
  height:42px;
  transform:rotate(0deg)}
.concept-project-card {
  grid-column:1;
  grid-row:3;
  margin:0;
  padding:18px 16px}
.concept-reuse figcaption {
  grid-column:1;
  grid-row:4;
  font-size:11px}
.concept-reuse-rows li {
  grid-template-columns:24px 1fr;
  font-size:12px}
.concept-reuse-rows .reuse-doc {
  grid-column:2;
  font-size:11px}
.concept-project-details {
  flex-direction:row;
  flex-wrap:wrap;
  gap:12px}
.concept-card-title h3 {
  font-size:16px}
}

/* Approved collaboration collage: complete application captures, not object-fit crops. */
.collaboration-collage {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
  min-width: 0;
  margin: 0;
}
.collage-shot {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: var(--surface);
  background: var(--paper);
  box-shadow: 0 8px 24px rgba(24, 36, 58, .06);
  overflow: hidden;
  cursor: zoom-in;
}
.collage-shot picture,.collage-shot img { display: block; width: 100%; height: auto; }
.collage-shot:focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; }
.collage-comments { grid-column: 1 / 9; grid-row: 1; }
.collage-assignment { grid-column: 9 / 13; grid-row: 1; margin-top: 14px; }
.collage-notes { grid-column: 1 / 8; grid-row: 2; }
.collage-progress { grid-column: 8 / 13; grid-row: 2; }
#panel-collaboration .scene-copy h3 { font-size: clamp(24px, 2vw, 28px); }
@media(max-width:1100px) {
  .marketing-refresh .showcase-panels #panel-collaboration { grid-template-columns: 1fr; gap: 32px; }
  #panel-collaboration .scene-copy { max-width: 560px; }
}
@media(max-width:900px) {
  .collaboration-collage { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; width: 100%; max-width: 560px; justify-self: center; }
  .collage-assignment { max-width: 270px; margin-top: 0; align-self: flex-end; }
  .collage-notes { max-width: 490px; }
  .collage-progress { max-width: 350px; align-self: flex-end; }
}
@media(max-width:480px) {
  .collaboration-collage { gap: 20px; }
  .collage-shot { max-width: none; }
}


/* Approved Plan collage: native text retains clarity at every screen size. */
.marketing-refresh .showcase-panels #panel-plan {
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.8fr);
  gap: 40px;
  align-items: start;
}
#panel-plan .scene-copy { padding-top: 40px; }
.plan-collage { position: relative; isolation: isolate; margin: 0; min-width: 0; }
.plan-collage::before {
  content: ""; position: absolute; inset: 15% 6% 3% 3%; z-index: -1;
  background: var(--selected); border-radius: 48% 36% 44% 30%; transform: rotate(-10deg);
}
.plan-table-card,.plan-detail-card,.plan-documents-card {
  background: var(--paper); border: 1px solid var(--border); border-radius: var(--surface);
  box-shadow: 0 10px 28px rgba(24,36,58,.06); min-width: 0;
}
.plan-table-card { padding: 0 16px 16px; position: relative; z-index: 1; }
.plan-card-heading { padding: 20px 6px 18px; }
.plan-card-heading p { margin: 0 0 8px; font-size: 12px; color: var(--muted); }
.plan-card-heading p>span { margin: 0 6px; }
.plan-card-heading h3 { margin: 0; font-size: 23px; line-height: 1.3; letter-spacing: -.025em; }
.plan-card-heading .plan-table-context { margin: 12px 0 0; font-size: 11px; }
.plan-table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 11px; line-height: 1.45; }
.plan-table thead { background: var(--subtle); color: var(--muted); }
.plan-table thead th { font-weight: 400; padding: 10px 8px; border-top: 1px solid var(--border); }
.plan-table th,.plan-table td { text-align: left; border-bottom: 1px solid var(--border); padding: 10px 8px; vertical-align: middle; }
.plan-table th:first-child,.plan-table td:first-child { border-left: 1px solid var(--border); }
.plan-table th:last-child,.plan-table td:last-child { border-right: 1px solid var(--border); text-align: center; }
.plan-table thead th:first-child { border-top-left-radius: 6px; }
.plan-table thead th:last-child { border-top-right-radius: 6px; }
.plan-table tr:last-child td:first-child { border-bottom-left-radius: 6px; }
.plan-table tr:last-child td:last-child { border-bottom-right-radius: 6px; }
.plan-table .plan-ordinal { width: 30px; text-align: center; color: var(--muted); font-variant-numeric: tabular-nums; }
.plan-table tbody th { width: 38%; font-weight: 400; }
.plan-table th small { display: block; font-size: 10px; color: var(--muted); margin-top: 2px; }
.plan-parent { background: var(--subtle); }
.plan-parent strong { color: var(--link); font-weight: 500; }
.plan-step-select { position: relative; display: block; text-align: left; border: 0; padding: 7px 0; margin: -7px 0; min-height: 44px; background: transparent; font-size: inherit; line-height: inherit; color: var(--blue); width: 100%; }
.plan-step-select:hover { text-decoration: underline; }
.plan-step-select:focus-visible { outline-offset: 2px; }
.plan-substep th { padding-left: 22px; position: relative; }
.plan-substep th::before { content: ""; position: absolute; left: 8px; top: 0; height: 100%; border-left: 1px solid var(--border); }
.plan-substep:last-child th::before { height: 50%; }
.plan-substep th::after { content: ""; position: absolute; left: 8px; top: 50%; width: 9px; border-top: 1px solid var(--border); }
.plan-row.is-selected { background: var(--selected); }
.plan-row.is-selected>* { border-bottom-color: var(--focus); border-top: 1px solid var(--focus); }
.plan-row.is-selected>td:first-child { border-left-color: var(--focus); }
.plan-row.is-selected>td:last-child { border-right-color: var(--focus); }
.plan-row.is-selected .plan-step-select { font-weight: 600; }
.plan-table .badge { display: inline-block; font-size: 10px; padding: 3px 6px; }
.plan-date { color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.plan-doc-count .concept-icon { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-right: 4px; color: var(--muted); }
.plan-avatar { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; background: var(--selected); color: var(--link); font-size: 10px; font-weight: 600; }
.plan-supporting-cards { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); gap: 48px; align-items: start; padding-top: 26px; margin-left: -38px; }
.plan-detail-card { padding: 20px; position: relative; z-index: 1; }
.plan-detail-card h4,.plan-documents-card h4 { font-size: 15px; line-height: 1.35; margin: 0; letter-spacing: -.015em; }
.plan-detail-card>p,.plan-documents-heading p { font-size: 11px; color: var(--muted); margin: 3px 0 0; }
.plan-detail-card dl { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid var(--border); display: grid; gap: 10px; }
.plan-detail-card dl>div { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 8px; align-items: center; }
.plan-detail-card dt { font-size: 11px; color: var(--muted); }
.plan-detail-card dd { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 11px; padding: 7px 9px; min-height: 36px; background: var(--subtle); border: 1px solid var(--border); border-radius: var(--control); }
.plan-detail-card dd .concept-icon { width: 15px; height: 15px; color: var(--muted); }
.plan-detail-card .plan-avatar { width: 24px; height: 24px; margin: -3px 0; }
.plan-documents-card { position: relative; z-index: 3; padding: 20px; margin-top: 22px; }
.plan-documents-heading { display: flex; align-items: center; gap: 12px; }
.plan-documents-heading>.concept-icon { width: 27px; height: 27px; color: var(--blue); }
.plan-document-list { list-style: none; margin: 18px 0 0; padding: 0; border: 1px solid var(--border); border-radius: var(--control); }
.plan-document-list li { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 12px 10px; font-size: 11px; }
.plan-document-list li+li { border-top: 1px solid var(--border); }
.plan-document-list .concept-icon { width: 17px; height: 17px; color: var(--link); }
.plan-document-list .badge { font-size: 10px; }
.plan-connector { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2; }
.plan-connector path { fill: none; stroke: var(--blue); stroke-width: 1.5; }
.plan-connector circle { fill: var(--blue); }
.plan-mobile-label { display: none; }
.plan-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media(max-width:1200px) {
  .marketing-refresh .showcase-panels #panel-plan { grid-template-columns: 1fr; gap: 28px; }
  #panel-plan .scene-copy { padding: 0; max-width: 500px; }
  .plan-collage { width: 100%; max-width: 940px; justify-self: center; }
  .plan-supporting-cards { margin-left: 0; gap: 40px; }
}
@media(max-width:700px) {
  .plan-card-heading { padding: 18px 0 16px; }
  .plan-card-heading h3 { font-size: 20px; }
  .plan-table-card { padding: 0 12px 12px; }
  .plan-table { font-size: 11px; }
  .plan-table th,.plan-table td { padding: 10px 6px; }
  .plan-supporting-cards { grid-template-columns: 1fr; gap: 20px; padding-top: 20px; }
  .plan-detail-card { max-width: 370px; width: 100%; }
  .plan-documents-card { margin-top: 0; width: 100%; max-width: 480px; justify-self: end; }
  .plan-connector { display: none; }
}
@media(max-width:600px) {
  .plan-table,.plan-table tbody { display: block; }
  .plan-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .plan-table .plan-row { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; border: 1px solid var(--border); border-bottom: 0; padding: 8px; gap: 4px 8px; align-items: center; }
  .plan-table .plan-row:last-child { border-bottom: 1px solid var(--border); border-radius: 0 0 6px 6px; }
  .plan-table .plan-row:first-child { border-radius: 6px 6px 0 0; }
  .plan-table .plan-row>* { border: 0; padding: 0; width: auto; }
  .plan-table tbody th { grid-column: 2; grid-row: 1; font-size: 12px; }
  .plan-table .plan-status { grid-column: 2; grid-row: 2; }
  .plan-table .plan-date { grid-column: 2; grid-row: 3; font-size: 10px; }
  .plan-table .plan-doc-count { grid-column: 2; grid-row: 4; font-size: 10px; color: var(--muted); padding-bottom: 4px; }
  .plan-table .plan-assignee { grid-column: 3; grid-row: 1 / 3; align-self: start; padding-top: 8px; }
  .plan-table .plan-ordinal { grid-column: 1; grid-row: 1; align-self: start; padding-top: 14px; font-size: 11px; }
  .plan-row.is-selected { border: 1px solid var(--blue); box-shadow: inset 2px 0 var(--blue); }
  .plan-step-select { margin: 0; padding: 6px 0; }
  .plan-table .plan-substep { margin-left: 10px; }
  .plan-substep th::before,.plan-substep th::after { display: none; }
  .plan-mobile-label { display: inline; }
  .plan-detail-card,.plan-documents-card { padding: 16px; }
  .plan-document-list li { grid-template-columns: 18px minmax(0,1fr); gap: 6px 8px; }
  .plan-document-list .badge { grid-column: 2; justify-self: start; }
}

@media(max-width:700px) { .plan-collage::before { display:none; } }

@media(max-width:600px) { .plan-table .plan-row>th,.plan-table .plan-row>td { border:0; } }


/* Approved Track delivery collage: progress, exceptions and activity in context. */
.marketing-refresh .showcase-panels #panel-summary { grid-template-columns:minmax(0,.7fr) minmax(0,1.8fr); gap:40px; align-items:start; }
#panel-summary .scene-copy { padding-top:40px; }
#panel-summary .scene-copy h3 { font-size:clamp(24px,1.8vw,28px); line-height:1.25; }
.delivery-collage { --delivery-overdue:#A93636; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:20px; position:relative; isolation:isolate; margin:0; min-width:0; }
.delivery-collage::before { content:""; position:absolute; inset:10% 1% 4% 1%; z-index:-1; background:var(--selected); border-radius:42% 36% 48% 30%; transform:rotate(-8deg); }
.delivery-overview,.delivery-attention,.delivery-activity { min-width:0; background:var(--paper); border:1px solid var(--border); border-radius:var(--surface); box-shadow:0 10px 28px rgba(24,36,58,.06); }
.delivery-overview { grid-column:1/-1; }
.delivery-overview .summary-heading { padding:20px 20px 4px; border:0; }
.delivery-overview .summary-project { text-transform:none; letter-spacing:0; font-size:12px; margin-bottom:6px; }
.delivery-overview .summary-project>span { margin:0 6px; }
.delivery-overview .summary-heading h3 { font-size:23px; }
.delivery-overview .summary-metrics { border:1px solid var(--border); border-radius:var(--control); margin:0 20px; }
.delivery-overview .summary-metrics>div { padding:14px 18px; }
.delivery-overview .summary-metrics strong { font-size:18px; letter-spacing:-.015em; margin:4px 0; }
.delivery-overview .summary-metrics .attention-count { color:var(--delivery-overdue); }
.delivery-overview .metric-track { margin-top:6px; height:7px; }
.delivery-overview .summary-metrics>div:nth-child(2) .metric-track>span { background:var(--blue); }
.delivery-overview .workflow-preview { padding:16px 20px 20px; }
.delivery-overview .workflow-preview h4 { margin:0 0 16px; font-size:14px; }
.delivery-distribution { display:grid; grid-template-columns:104px minmax(0,1fr); gap:20px; align-items:center; }
.delivery-distribution+.delivery-distribution { margin-top:18px; padding-top:18px; border-top:1px solid var(--border); }
.delivery-distribution-label { font-size:12px; font-weight:600; }
.delivery-distribution-label>span { display:block; font-weight:400; color:var(--muted); font-size:11px; margin-top:2px; }
.delivery-overview .distribution-bar { gap:3px; height:9px; }
.delivery-overview .distribution-legend { gap:6px 16px; margin-top:10px; }
.delivery-overview .distribution-legend>div { font-size:10px; gap:5px; }
.delivery-overview .distribution-legend strong { margin-left:2px; }
.delivery-attention { margin-left:-64px; padding:18px 16px 4px; }
.delivery-attention h4,.delivery-activity h4 { font-size:17px; letter-spacing:-.02em; margin:0; line-height:1.4; }
.delivery-filters { display:flex; border-bottom:1px solid var(--border); margin-top:4px; gap:16px; }
.delivery-filters button { background:transparent; border:0; border-bottom:2px solid transparent; padding:10px 0; min-height:44px; color:var(--muted); font-size:11px; white-space:nowrap; }
.delivery-filters button[aria-pressed=true] { color:var(--ink); border-bottom-color:var(--blue); font-weight:600; }
.delivery-filters button>span { color:var(--delivery-overdue); margin-left:4px; }
.delivery-attention-table { width:100%; border-collapse:separate; border-spacing:0; font-size:10px; line-height:1.5; }
.delivery-attention-table th,.delivery-attention-table td { text-align:left; padding:10px 8px; border-bottom:1px solid var(--border); vertical-align:middle; }
.delivery-attention-table thead { color:var(--muted); background:var(--subtle); }
.delivery-attention-table thead th { font-weight:400; padding-top:8px; padding-bottom:8px; }
.delivery-attention-table tbody th { font-weight:400; width:45%; }
.delivery-item { display:flex; gap:8px; align-items:center; }
.delivery-item>.concept-icon { width:16px; height:16px; color:var(--ink); }
.delivery-item-name { display:block; color:var(--link); }
.delivery-item small { color:var(--muted); font-size:10px; display:block; }
.delivery-attention-table .badge { font-size:10px; display:inline-block; padding:3px 6px; }
.delivery-due { white-space:nowrap; color:var(--delivery-overdue); }
.delivery-assigned { text-align:center!important; }
.delivery-assigned .plan-avatar { width:26px; height:26px; }
.delivery-assigned .delivery-unassigned { color:var(--muted); font-size:10px; }
.delivery-attention-table.is-neutral .delivery-due { color:var(--muted); }
.delivery-expand { display:inline-flex; gap:10px; align-items:center; font-size:11px; color:var(--blue); border:0; background:transparent; min-height:44px; padding:8px 0; }
.delivery-activity { align-self:start; }
.delivery-activity>h4 { padding:18px 18px 12px; border-bottom:1px solid var(--border); }
.delivery-activity ol { list-style:none; margin:0; padding:18px; }
.delivery-activity li { display:grid; grid-template-columns:28px minmax(0,1fr); gap:10px; position:relative; padding-bottom:22px; }
.delivery-activity li:last-child { padding-bottom:0; }
.delivery-activity li:not(:last-child)::before { content:""; position:absolute; top:32px; left:13px; bottom:5px; border-left:1px solid var(--border); }
.delivery-activity strong { display:block; font-size:11px; font-weight:600; }
.delivery-activity p { margin:2px 0 4px; font-size:11px; color:var(--muted); line-height:1.6; }
.delivery-activity p>span { color:var(--link); }
.delivery-activity small { font-size:10px; color:var(--muted); }
.delivery-source { grid-column:1/-1; text-align:right; }
.delivery-source .summary-original { font-size:11px; }
.delivery-mobile-label { display:none; }
@media(max-width:1200px) {
  .marketing-refresh .showcase-panels #panel-summary { grid-template-columns:1fr; gap:28px; }
  #panel-summary .scene-copy { padding:0; max-width:500px; }
  .delivery-collage { width:100%; max-width:940px; justify-self:center; }
  .delivery-attention { margin-left:0; }
}
@media(max-width:800px) {
  .delivery-collage { grid-template-columns:1fr; gap:20px; }
  .delivery-collage::before { display:none; }
  .delivery-attention { width:100%; max-width:560px; }
  .delivery-activity { width:100%; max-width:440px; justify-self:end; }
}
@media(max-width:600px) {
  .delivery-overview .summary-heading { padding:18px 16px 10px; }
  .delivery-overview .summary-heading h3 { font-size:21px; }
  .delivery-overview .summary-metrics { margin:0 12px; grid-template-columns:1fr 1fr; }
  .delivery-overview .summary-metrics>div { padding:12px; }
  .delivery-overview .summary-metrics>div:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; gap:0 12px; align-items:center; }
  .delivery-overview .summary-metrics>div:last-child>strong { grid-column:2; grid-row:1/3; font-size:20px; }
  .delivery-overview .summary-metrics>div:last-child>.summary-secondary { grid-column:1; grid-row:2; }
  .delivery-overview .workflow-preview { padding:20px 16px; }
  .delivery-distribution { grid-template-columns:1fr; gap:10px; }
  .delivery-distribution-label { display:flex; justify-content:space-between; gap:12px; }
  .delivery-overview .distribution-legend { gap:8px 12px; }
  .delivery-overview .distribution-legend>div { font-size:11px; }
  .delivery-attention { padding:16px 12px 4px; }
  .delivery-filters { gap:18px; }
  .delivery-attention-table,.delivery-attention-table tbody { display:block; }
  .delivery-attention-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .delivery-attention-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 8px; padding:12px 4px; border-bottom:1px solid var(--border); }
  .delivery-attention-table tbody th,.delivery-attention-table tbody td { border:0; padding:0; width:auto; }
  .delivery-attention-table tbody th { grid-column:1; font-size:12px; }
  .delivery-attention-table tbody td:nth-child(2) { grid-column:1; padding-left:24px; }
  .delivery-attention-table .delivery-due { grid-column:1; padding-left:24px; font-size:11px; }
  .delivery-attention-table .delivery-assigned { grid-column:2; grid-row:1/3; align-self:start; }
  .delivery-mobile-label { display:inline; }
  .delivery-activity { max-width:none; }
  .delivery-activity p,.delivery-activity strong { font-size:12px; }
  .delivery-activity small { font-size:11px; }
}