.operations-dialog { width:min(640px,calc(100vw - 24px)); }
.operations-wide { width:min(1100px,calc(100vw - 24px)); }
.operations-dialog .dialog-body { gap:16px; }
.operations-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.operations-toolbar > input { min-width:180px; flex:1; }
.operations-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.operations-services { border:1px solid var(--border-subtle); border-radius:10px; padding:12px; max-height:210px; overflow:auto; }
.operations-services label { display:flex; flex-direction:row; align-items:flex-start; gap:10px; padding:5px 0; }
.operations-services input[type="checkbox"],.operations-toolbar input[type="checkbox"] { width:auto; }
.operations-results { display:grid; gap:4px; max-height:200px; overflow:auto; }
.operations-results button { text-align:left; }
.operations-row { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:16px 4px; border-bottom:1px solid var(--border-subtle); }
.operations-row > div:first-child { min-width:0; overflow-wrap:anywhere; }
.operations-row p { margin:6px 0; }
.operations-row-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; flex-shrink:0; max-width:230px; }
.operations-state { display:inline-block; margin-left:10px; color:var(--text-secondary); font-size:12px; }
.operations-pages { display:flex; gap:14px; align-items:center; justify-content:center; flex-wrap:wrap; }
.operations-empty { padding:30px 8px; text-align:center; color:var(--text-secondary); }
.operations-warning { color:#f0c078; }
.operations-backup { border:1px solid var(--border-subtle); border-radius:10px; padding:14px; }
.operations-backup p { margin:6px 0; }
.operations-unread { border-left:3px solid var(--accent,#c92f2a); padding-left:12px; }
.operations-certificate-code { font-family:monospace; overflow-wrap:anywhere; user-select:all; }
#notifications-btn.has-unread { color:var(--text-primary); border-color:var(--accent,#c92f2a); }
.operations-dialog input[inputmode="numeric"] { font-variant-numeric:tabular-nums; }
@media(max-width:640px) {
  .operations-grid { grid-template-columns:1fr; }
  .operations-row { flex-direction:column; }
  .operations-row-actions { max-width:none; justify-content:flex-start; }
  .operations-toolbar .bl-select { min-width:150px; }
  #notifications-btn { font-size:12px; }
}