.state-history{min-width:0}.state-history .panel-title{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.state-badge{color:var(--ux-accent);background:var(--ux-subtle);padding:7px 10px;border:1px solid var(--border);border-radius:30px;font-size:.85rem}.state-notice,.state-warning{padding:12px;border:1px solid var(--border);border-inline-start:3px solid var(--ux-accent);border-radius:8px;background:var(--ux-subtle);overflow-wrap:anywhere}.state-picker{display:grid;grid-template-columns:minmax(160px,1fr) minmax(230px,1.2fr) minmax(140px,1fr) auto;gap:12px;align-items:end;margin:20px 0}.state-picker label{display:grid;gap:7px;min-width:0}.state-picker input,.state-picker select{min-width:0;width:100%;max-width:100%}.state-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:14px 0}.state-history button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.state-records{list-style:none;padding:0;display:grid;gap:10px}.state-records li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border);border-radius:10px;flex-wrap:wrap}.state-records li>div{min-width:0;flex:1;overflow-wrap:anywhere}.state-records p{margin:7px 0}.state-records small{display:block;color:var(--ux-muted)}.state-date{font-weight:700;overflow-wrap:anywhere}.state-detail{border-block:1px solid var(--border);padding-block:16px;margin-block:24px;min-width:0;overflow-wrap:anywhere}.state-detail h3{overflow-wrap:anywhere;max-width:100%}.state-table{overflow:auto;max-width:100%;margin-block:12px;border:1px solid var(--border);border-radius:8px}.state-table:focus-visible{outline:2px solid var(--ux-accent);outline-offset:2px}.state-table table{width:100%;border-collapse:collapse;min-width:300px}.state-table th,.state-table td{padding:10px;text-align:start;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere;max-width:360px;white-space:pre-wrap}.state-table th{background:var(--ux-subtle);font-size:.85rem}.state-table tr:last-child td{border-bottom:0}.state-table th:first-child{min-width:110px}.state-timeline{padding-inline-start:24px}.state-timeline li{padding-block:12px}.state-history details>summary{cursor:pointer;padding:12px 0}.state-footer{margin-top:24px;overflow-wrap:anywhere}.state-history [dir=ltr]{unicode-bidi:isolate;text-align:start}.state-history input[dir=ltr]{text-align:left}@media(max-width:1000px){.state-picker{grid-template-columns:1fr 1fr}}@media(max-width:540px){.state-picker{grid-template-columns:1fr}.state-records li{display:grid;grid-template-columns:minmax(0,1fr)}.state-records li button{justify-self:start}.state-table table{min-width:260px}.state-table th,.state-table td{padding:8px}.state-toolbar h3{font-size:1.1rem}.state-timeline{padding-inline-start:16px}}