.ops-page { --ops-row:32px; --ops-gap:12px; }
.ops-page > .head { align-items:center; gap:12px; margin:0 0 var(--ops-gap); }
.ops-page > .head h1 { font-size:18px; line-height:32px; margin:0; }
.ops-page > .head .sub { display:none; }
.ops-page .management-tabs { align-items:center; gap:4px; margin:0 0 var(--ops-gap); padding:0 0 8px; }
.ops-page .management-tabs :is(a,button) { display:inline-flex; align-items:center; height:32px; padding:0 10px; border:0; border-radius:4px; background:transparent; font-size:13px; font-weight:400; color:var(--slate-700); white-space:nowrap; }
.ops-page .management-tabs .on { background:var(--brand-50); color:var(--brand-600); font-weight:700; }
.ops-page .box { margin-bottom:var(--ops-gap); }
.ops-page .box > h2 { font-size:13px; padding:6px 10px; min-height:32px; }
.ops-page .table-wrap { border-radius:4px; background:white; }
.ops-page table { width:100%; }
.ops-page th,.ops-page td { height:var(--ops-row); padding:2px 10px; vertical-align:middle; white-space:nowrap; }
.ops-page td.num,.ops-page th.num { text-align:right; }
.ops-page td :is(button,.btn):not(dialog *) { height:26px; min-height:26px; margin:0; }
.ops-page td > details > summary { min-height:26px; padding:0; line-height:26px; }
.ops-page td > details[data-ops-detail] > summary::marker { content:''; }
.ops-page td .cell-actions,.ops-page td .permission-actions { padding:0; gap:8px; }
.ops-page .empty { padding:12px 10px; white-space:normal; }
.ops-page .foot { padding:6px 10px; font-size:12px; }
.ops-page .ops-table { min-width:760px; }
.ops-page .ops-table td { max-width:280px; overflow:hidden; text-overflow:ellipsis; }
.ops-page .ops-table td:has(details),.ops-page .ops-table td:has(dialog) { overflow:visible; }
.ops-page :is(.ops-action-col,.ops-state-col,.ops-date-col,.ops-short-col) { width:1%; }
.ops-page .ops-table .ops-actions { width:1%; text-align:left; }
.ops-page .ops-table summary { max-width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ops-page .ops-table dialog summary { max-width:none; overflow:visible; white-space:normal; }
.ops-page .ops-filters,.ops-page .ops-list-tools { display:flex; flex-wrap:wrap; align-items:end; gap:8px; padding:0; margin:0 0 var(--ops-gap); border:0; background:transparent; box-shadow:none; }
.ops-page .ops-filters > :is(label,.filter-field) { flex:0 1 auto; display:flex; flex-direction:column; gap:4px; margin:0; font-size:12px; }
.ops-page .ops-filters .filter-check { flex-direction:row; align-items:center; height:32px; }
.ops-page .ops-filters input:not([type=checkbox]):not([type=hidden]):not([type=date]),.ops-page .ops-list-tools input { width:280px; max-width:100%; flex:none; }
.ops-page .ops-filters select { width:160px; }
.ops-page .ops-filters input[type=date] { width:150px; }
.ops-page .ops-filters input[name=number] { width:160px; }
.ops-page .ops-filters .filter-actions { display:flex; align-items:center; gap:8px; }
.ops-page .ops-list-count,.ops-page .ops-list-tools > span { font-size:12px; line-height:32px; color:var(--slate-500); white-space:nowrap; }
.ops-page .ops-pages { display:flex; justify-content:flex-end; gap:12px; align-items:center; padding:4px 0 8px; font-size:12px; }
.ops-page .ops-pages[hidden],.ops-page .ops-quiet { display:none; }
.ops-page .ops-source-line { display:flex; flex-wrap:wrap; gap:6px 16px; padding:0; margin:0 0 var(--ops-gap); border:0; background:transparent; font-size:12px; color:var(--slate-500); }
.ops-page .ops-source-line p { margin:0; }
.ops-page .ops-summary { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:var(--ops-gap); }
.ops-page .ops-summary a { padding:6px 10px; border:1px solid var(--line); background:white; border-radius:4px; font-size:13px; }
.ops-page .ops-summary a.on { background:var(--brand-50); border-color:var(--brand-600); }
.ops-page .ops-summary .tile { min-width:0; width:auto; }
.ops-page .ops-sections { display:block; }
.ops-page .sms-toolbar { margin:0 0 var(--ops-gap); padding:0; }
.ops-page #sms-contact-list,.ops-page [data-sms-panel=servers] > .box,.ops-page [data-sms-panel=history] > .box { border:0; background:transparent; }
.ops-page #sms-contact-list > h2,.ops-page [data-sms-panel=servers] > .box > h2,.ops-page [data-sms-panel=history] > .box > h2 { display:none; }
.ops-page .sms-summary { gap:8px 16px; font-size:12px; margin-bottom:var(--ops-gap); }
.ops-page .sms-retry { margin-bottom:var(--ops-gap); }
.ops-page .sms-contacts-table th:last-child,.ops-page .sms-contacts-table td:last-child { text-align:left; width:1%; }
.ops-page .ops-dialog { text-align:left; position:fixed; inset:0 0 0 auto; margin:0; width:min(640px,100vw); max-width:100vw; height:100dvh; max-height:100dvh; padding:0; border:0; border-left:1px solid var(--line); background:var(--paper,#fff); color:var(--ink); overflow-y:auto; white-space:normal; box-shadow:-8px 0 32px #0002; }
.ops-dialog::backdrop { background:#14203355; }
.ops-page .ops-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border-bottom:1px solid var(--line); background:white; position:sticky; top:0; z-index:2; }
.ops-page .ops-dialog-head h2 { margin:0; padding:0; font-size:16px; overflow-wrap:anywhere; }
.ops-page .ops-dialog-content { padding:16px; white-space:normal; text-align:left; }
.ops-page .ops-dialog-content p { overflow-wrap:anywhere; }
.ops-page .ops-dialog-content .box { border:0; }
.ops-page .ops-dialog-content > .box > h2 { display:none; }
.ops-page .ops-dialog-content td { white-space:normal; height:auto; overflow-wrap:anywhere; }
.ops-page .ops-dialog-content .body { padding:12px 0; }
.ops-page .ops-dialog-content form { white-space:normal; }
.ops-page .ops-dialog-content pre { max-width:100%; overflow-x:auto; }
.ops-page .ops-dialog-content details { margin:12px 0; }
.ops-page .ops-dialog-content input,.ops-page .ops-dialog-content select,.ops-page .ops-dialog-content textarea { max-width:100%; }
.ops-page .ops-dialog-content .access-facts { padding:12px 0; }
.ops-page .ops-dialog-content .table-wrap { max-width:100%; overflow-x:auto; }
.ops-page .ops-dialog-content .table-wrap table { min-width:0; }
.ops-page .ops-dialog-content .tag { white-space:normal; }
@media(max-width:640px) {
  .ops-page .management-tabs { flex-wrap:nowrap; overflow-x:auto; }
  .ops-page .ops-dialog { width:100vw; }
  .ops-page .ops-dialog-content { padding:12px; }
  .ops-page .ops-filters :is(input:not([type=checkbox]),select),.ops-page .ops-list-tools input { max-width:100%; }
  .ops-page .ops-filters > input:not([type=hidden]) { width:100%; flex-basis:100%; }
  .ops-page .ops-filters > .filter-field { flex:1 1 150px; min-width:0; }
  .ops-page .ops-filters > .filter-field :is(input,select) { width:100%; }
  .ops-page td :is(button,.btn):not(dialog *) { min-height:28px; height:28px; }
}