.reception-page .projects-heading { flex-wrap: wrap; }
.reception-refresh { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.reception-refresh > span, .reception-note, .reception-counts { color: var(--muted); font-size: 12px; line-height: 1.7; }
.reception-company-load { display: inline-flex; align-items: center; gap: 9px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.reception-company-load i { color: var(--accent); }
.reception-company-load strong { color: var(--ink); font-size: 14px; font-variant-numeric: tabular-nums; }
.reception-attention { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-bottom: 24px; padding: 22px 26px; background: var(--accent-tint); border: 1px solid var(--accent-line); border-radius: 18px; }
.reception-attention > i { font-size: 24px; color: var(--accent); }
.reception-attention > div { flex: 1; min-width: min(100%, 240px); }
.reception-attention strong { font-size: 16px; }
.reception-attention p { margin: 6px 0 0; font-size: 13px; color: var(--ink-soft); }
.reception-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0 0 16px; }
.reception-summary > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.reception-summary dt { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; }
.reception-summary dd { margin: 0; font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; }
.reception-area { margin-top: 32px; }
.reception-area-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.reception-area-heading .eyebrow { margin: 0 0 6px; }
.reception-area-heading h2 { margin: 0; font-size: 20px; }
.reception-card { --flow-color: var(--muted); --flow-tint: var(--surface-muted); min-width: 0; margin-bottom: 18px; padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.reception-card[data-state="self"], .reception-card[data-state="wait"] { --flow-color: var(--success); --flow-tint: color-mix(in srgb, var(--success) 9%, var(--surface)); }
.reception-card[data-state="owner"] { --flow-color: var(--accent-ink); --flow-tint: var(--accent-tint); }
.reception-card[data-state="blocked"] { --flow-color: var(--danger-ink); --flow-tint: var(--danger-tint); }
.reception-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-bottom: 24px; }
.reception-card-heading.with-rhythm { margin-bottom: 12px; }
.reception-card-heading h3 { flex: 1; min-width: min(100%, 240px); margin: 0; font-size: 20px; line-height: 1.5; overflow-wrap: anywhere; }
.reception-badge { display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border-radius: 10px; color: var(--flow-color); background: var(--flow-tint); font-size: 12px; font-weight: 650; }
.reception-rhythm { display: flex; align-items: stretch; flex-wrap: wrap; gap: 0; margin: 0 0 18px; color: var(--muted); }
.reception-rhythm > div { display: grid; gap: 2px; padding-right: 18px; }
.reception-rhythm > div + div { padding-left: 18px; border-left: 1px solid var(--line); }
.reception-rhythm dt { font-size: 10px; line-height: 1.5; }
.reception-rhythm dd { margin: 0; color: var(--ink-soft); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.reception-flow { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 26px; padding: 0; margin: 0; list-style: none; }
.reception-flow > li { position: relative; min-width: 0; padding: 20px 0; overflow-wrap: anywhere; }
.reception-flow > li + li::before { content: "→"; position: absolute; left: -22px; top: 48px; color: var(--muted); }
.reception-flow .eyebrow { margin: 0 0 14px; font-size: 10px; }
.reception-flow h4 { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.7; }
.reception-flow .reception-participation { padding: 20px; border-radius: 14px; background: var(--flow-tint); }
.reception-participation h4 { display: flex; align-items: baseline; gap: 10px; color: var(--flow-color); }
.reception-participation > p:not(.eyebrow), .reception-reason p { margin: 12px 0 0; font-size: 12px; color: var(--ink-soft); line-height: 1.75; white-space: pre-line; }
.reception-reason { margin-top: 12px; font-size: 12px; color: var(--ink-soft); }
.reception-reason summary { cursor: pointer; }
.reception-task-meta { display: grid; gap: 4px; margin: 12px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.reception-time { display: flex; align-items: baseline; gap: 8px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.reception-card-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
@media (max-width: 1150px) { .reception-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .reception-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .reception-flow .reception-participation { grid-column: 1 / -1; } .reception-participation::before { display: none; } }
@media (max-width: 640px) { .reception-card { padding: 22px 18px; } .reception-summary > div { padding: 14px; } .reception-company-load { width: 100%; justify-content: space-between; } .reception-rhythm { gap: 10px 0; } .reception-rhythm > div { width: 50%; padding-right: 12px; } .reception-rhythm > div + div { padding-left: 12px; } .reception-flow { grid-template-columns: minmax(0, 1fr); gap: 14px; } .reception-flow > li { padding: 10px 0; } .reception-flow > li + li::before { display: none; } .reception-card-footer .project-actions { width: 100%; } .reception-card-footer .button { flex: 1; } .reception-summary dt { align-items: flex-start; } }