.change-history-dialog{width:620px;max-width:calc(100vw - 24px)}
body.in-workspace .change-history-dialog .mobile-dialog-scroll{padding:var(--space-fields)}
body.in-workspace .change-history-dialog .os-dialog-header{margin-bottom:var(--space-inline)}
body.in-workspace .change-history-dialog .os-body{gap:var(--space-fields)}
.change-history-dialog .os-body{display:grid;gap:var(--space-fields);min-width:0}
.change-history-toolbar,.change-history-card>header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-fields);min-width:0}
.change-history-toolbar>div,.change-history-card>header>div{display:grid;gap:4px;min-width:0}
.change-history-toolbar strong{font-size:var(--type-section-title)}
.change-history-toolbar small,.change-history-card time,.change-history-card>header small{font-size:var(--type-meta);color:var(--text-secondary)}
.change-history-toolbar button{width:var(--control-target);height:var(--control-target);padding:0;flex:none}
.change-history-toolbar button>span{display:none}
.change-history-list{display:grid;gap:var(--space-fields);min-width:0}
.change-history-card{padding:var(--space-fields);border:1px solid var(--line);border-radius:var(--action-radius);background:var(--surface-field);min-width:0}
.change-history-card>header{align-items:start;padding-bottom:var(--space-inline);border-bottom:1px solid var(--line)}
.change-history-card>header strong{font-size:var(--type-body);overflow-wrap:anywhere}
.change-history-card time{flex:none;line-height:1.5}
.change-history-row{margin-top:var(--space-fields);min-width:0}
.change-history-row h3{font-size:var(--type-label);margin:0 0 var(--space-inline);font-weight:600}
.change-history-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-fields)}
.change-history-cell{min-width:0;padding:var(--space-inline);border:1px solid var(--line);border-radius:var(--action-radius)}
.change-history-cell>small{display:block;font-size:var(--type-meta);color:var(--text-secondary);margin-bottom:4px}
.change-value{display:grid;gap:var(--space-inline);font-size:var(--type-body);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.change-value-empty{color:var(--text-secondary)}
.change-item{display:grid;gap:2px;padding-bottom:var(--space-inline);border-bottom:1px solid var(--line)}
.change-item:last-child{border:0;padding-bottom:0}.change-item strong{font-size:var(--type-label);font-weight:500}.change-item small{font-size:var(--type-meta);color:var(--text-secondary)}
.change-history-cell summary{cursor:pointer;display:flex;align-items:center;min-height:var(--control-target);color:var(--text-link);font-size:var(--type-action)}
.change-history-cell summary:hover{background:var(--surface-hover)}.change-history-cell summary:active{background:var(--surface-pressed)}.change-history-cell summary:focus-visible{outline:2px solid var(--text-link);outline-offset:2px}
.change-history-note,.change-history-reason{font-size:var(--type-meta);line-height:1.5;color:var(--text-secondary);margin:0;overflow-wrap:anywhere}
.change-history-reason{margin-top:var(--space-fields);color:var(--text-primary)}
.change-history-empty{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:var(--space-fields);row-gap:4px;text-align:left;padding:var(--space-fields);border:1px solid var(--line);border-radius:var(--action-radius);background:var(--surface-field)}
.change-history-empty>svg{width:24px;height:24px;color:var(--text-link);grid-row:1 / 3}.change-history-empty>strong,.change-history-empty>p{grid-column:2}.change-history-empty strong{font-size:var(--type-body)}.change-history-empty p{font-size:var(--type-description);color:var(--text-secondary);margin:0}
.change-reason-dialog{width:540px;max-width:calc(100vw - 24px)}.change-reason-dialog form{display:grid;gap:var(--space-fields)}.change-reason-dialog textarea{min-height:88px}
.os-change-history-entry{display:flex;justify-content:flex-end;margin-bottom:var(--space-fields)}
@media(max-width:700px){.change-history-card>header{flex-wrap:wrap;gap:var(--space-inline)}.change-history-values{gap:var(--space-inline)}.change-history-cell{padding:var(--space-inline)}.change-history-card time{font-size:var(--type-meta)}}
