/* Natural-height faces retain title/status/deadline above the animated body.
   The inactive face is hidden and inert; callers keep their existing action CSS. */
.work-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;align-items:start;margin:16px 0}
.work-card[hidden],.work-card-empty[hidden]{display:none!important}
.work-card-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(180px,1fr) auto;gap:12px;align-items:end;margin-top:20px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.work-card-filters .f{margin:0;min-width:0}.work-card-filters input,.work-card-filters select,.work-card-filters .btn{min-height:44px;margin:0}
[data-work-card-count]{font-size:12px;color:var(--ink-2,var(--ink));font-variant-numeric:tabular-nums}
.work-card-empty{padding:24px;border:1px dashed var(--line);border-radius:10px;background:var(--paper)}
.participant-import-summary{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.participant-import-summary span{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-variant-numeric:tabular-nums}
.participant-import-source{min-height:190px;font-family:var(--mono,monospace);font-size:13px;line-height:1.6}
@media(max-width:600px){.work-card-filters{grid-template-columns:minmax(0,1fr);padding:12px}.work-card-filters>.btn{width:100%}}
.work-card{--work-card-tone:var(--brand-blue,var(--accent));display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px;border:1px solid var(--line);border-top:3px solid var(--work-card-tone);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 2px 8px #090d1208;overflow:visible}
.work-card--attention{--work-card-tone:var(--warn,#a36b0b)}
.work-card--danger{--work-card-tone:var(--danger,#b42318)}
.work-card--success{--work-card-tone:var(--ok,#237647)}
.work-card__heading{display:flex;flex-direction:column;gap:8px;min-width:0}
.work-card__labels{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px}
.work-card__kind{font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2,var(--ink));overflow-wrap:anywhere}
.work-card__status{display:inline-block;padding:3px 8px;border:1px solid color-mix(in srgb,var(--work-card-tone) 35%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--work-card-tone) 9%,var(--paper));color:var(--ink);font-size:11px;line-height:1.5;font-weight:600;white-space:normal;overflow-wrap:anywhere}
.work-card__title{margin:0!important;padding:0;font-size:18px;line-height:1.35;font-weight:650;overflow-wrap:anywhere}
.work-card__meta{margin:0!important;font-size:12px;line-height:1.6;color:var(--ink-2,var(--ink));white-space:pre-line;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.work-card__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px;border-color:var(--line);background:color-mix(in srgb,var(--brand-blue,var(--accent)) 5%,var(--paper));color:var(--accent);text-align:left;font-weight:600;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.work-card__toggle:hover{border-color:var(--accent);background:color-mix(in srgb,var(--brand-blue,var(--accent)) 9%,var(--paper))}
.work-card__toggle:focus-visible{outline:3px solid var(--focus,var(--accent));outline-offset:3px}
.work-card__toggle-icon{flex:none;font-size:19px;line-height:1;transition:transform .2s ease}
.work-card--open .work-card__toggle-icon{transform:rotate(180deg)}
.work-card__body{perspective:1200px;min-width:0;overflow:visible}
.work-card__face{height:auto;max-height:none;min-width:0;overflow:visible;transform-origin:center center;backface-visibility:hidden;overflow-wrap:anywhere}
.work-card__face[hidden]{display:none!important}
.work-card__summary{margin:0;font-size:13px;line-height:1.65;color:var(--ink-2,var(--ink));white-space:pre-line}
.work-card__front-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:14px}
.work-card__front-actions .btn{min-height:44px;margin:0;max-width:100%;white-space:normal}
.work-card__detail>:first-child{margin-top:0}
.work-card__detail>:last-child{margin-bottom:0}
.work-card__detail{border-left:3px solid color-mix(in srgb,var(--work-card-tone) 30%,var(--line));padding-left:14px}
.work-card-steps{padding-left:20px;margin:8px 0 18px;line-height:1.7;font-size:13px}
.work-card-steps li+li{margin-top:10px}
.work-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.work-card-text{white-space:pre-line;line-height:1.7}
.work-card__detail .btn{min-height:44px;max-width:100%;white-space:normal}
.work-card--turned .work-card__front:not([hidden]){animation:work-card-cover-in .28s ease-out both}
.work-card--turned .work-card__detail:not([hidden]){animation:work-card-detail-in .28s ease-out both}
@keyframes work-card-cover-in{from{transform:rotateY(90deg);opacity:.25}to{transform:rotateY(0);opacity:1}}
@keyframes work-card-detail-in{from{transform:rotateY(-90deg);opacity:.25}to{transform:rotateY(0);opacity:1}}
@media(max-width:600px){.work-card-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin:12px 0}.work-card{padding:16px;gap:12px}.work-card__title{font-size:17px}.work-card__front-actions{flex-direction:column;align-items:stretch}.work-card__front-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.work-card__face,.work-card__toggle-icon{animation:none!important;transition:none!important;transform:none!important}}
@media print{.work-card-grid{display:block}.work-card{display:block;break-inside:avoid;margin:0 0 16px;padding:12px;box-shadow:none;border-color:var(--line)}.work-card__toggle{display:none!important}.work-card__body{perspective:none}.work-card__face,.work-card__face[hidden]{display:block!important;animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.work-card__detail{margin-top:12px}.work-card__front-actions{margin-top:8px}}