.operation-card .panel-title{align-items:flex-start;gap:12px}
.operation-card .panel-title>div,.operation-card .panel-title>h2{min-width:0;overflow-wrap:anywhere}
.operation-card .status{display:inline-flex;align-items:center;align-self:flex-start;flex:0 0 auto;width:max-content;height:max-content;max-width:100%;white-space:nowrap;line-height:1.25}
.operation-card p,.operation-card a{overflow-wrap:anywhere}
.operation-timing{min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.operation-timing legend{padding:0 6px;font-size:.85rem;font-weight:750}
.operation-timing p,.operation-timing-summary,.operation-filter-help{margin:0 0 12px;color:var(--muted);font-size:.78rem;line-height:1.5}
.operation-timing-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) 40px;gap:10px;align-items:end;max-width:540px;margin-bottom:12px}
.operation-timing-row .icon-button{height:44px;width:40px}
.operation-timing-row input:disabled{opacity:.55}
.operation-timing [data-reminder-summary]{margin:12px 0 0;color:var(--brand)}
.operation-filter-help{margin:10px 0 0}
@media(max-width:480px){.operation-card .panel-title{flex-wrap:wrap}.operation-timing{padding:12px}.operation-timing-row{gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,2fr) 32px}.operation-timing-row .icon-button{width:32px}}
[data-theme=light] .operation-timing [data-reminder-summary],[data-theme=light] .operation-card .status{color:#237e58}
[data-theme=light] .operation-card .status.due_soon{color:#82550b}
[data-theme=light] .operation-card .status.overdue{color:#b32e21}