/*
 * Operational UI styles
 * Used by events, deliveries, logs and endpoint operational screens.
 * Keep pagination/filter/table rules here instead of printing CSS inline.
 */
/* v48 operational pagination */
.cursor-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--surface)}
.global-pager{border:1px solid var(--border);border-radius:12px;margin:0 12px 12px;padding:10px;background:var(--surface)}
.cursor-pager .btn[disabled]{opacity:.45;cursor:not-allowed}
.logs-live-wrap{max-width:100%;overflow:hidden}
.platform-mini-stats{padding:12px;gap:10px}
.filter-search{min-width:220px}
@media(max-width:760px){.cursor-pager{justify-content:space-between}.global-pager{margin:0 8px 10px}.delivery-filters{align-items:stretch}.filter-search{min-width:100%}}

/* ── v49 professional operational filters & pagination ── */
.ops-filter-panel{margin:10px 12px 12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft)}
.ops-filter-title{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.ops-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;align-items:end}
.ops-filter-grid label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ops-filter-grid input,.ops-filter-grid select,.date-input{height:34px;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:10px;padding:0 10px;font:inherit;text-transform:none;letter-spacing:0;font-weight:600}
.ops-filter-wide{grid-column:span 2}
.cursor-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface)}
.global-pager{border:1px solid var(--border);border-radius:12px;margin:0 12px 12px;padding:10px;background:var(--surface)}
.pager-info{font-size:12px;color:var(--muted)}
.pager-actions{display:flex;gap:8px;align-items:center}.cursor-pager .btn[disabled]{opacity:.45;cursor:not-allowed}.logs-live-wrap{max-width:100%;overflow:hidden}.platform-mini-stats{padding:12px;gap:10px}.filter-search{min-width:220px}.date-row{align-items:center}.date-sep{color:var(--muted);font-size:12px}
.table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.event-json,.code-block{max-height:420px;overflow:auto;word-break:break-word}.mini-stat{min-width:150px}
@media(max-width:980px){.ops-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.ops-filter-wide{grid-column:span 2}}
@media(max-width:760px){.cursor-pager{align-items:stretch;flex-direction:column}.pager-actions{justify-content:space-between}.global-pager{margin:0 8px 10px}.delivery-filters{align-items:stretch}.filter-search{min-width:100%}.ops-filter-grid{grid-template-columns:1fr}.ops-filter-wide{grid-column:span 1}.ops-filter-panel{margin:8px;padding:10px}.date-row{align-items:stretch}}

/* ── v51 operational layout polish ── */
.view#viewLogs,.view#viewEvents,.view#viewDeliveries{overflow:auto;min-height:0}
.view#viewLogs .logs-live-wrap{margin:12px;border-radius:14px;min-height:0;max-height:none;overflow:hidden}
.view#viewLogs .logs-list{max-height:none;overflow:visible}
.attached-pager{margin:0 12px 12px;border-radius:0 0 12px 12px;border-top:0}
.logs-live-wrap + .attached-pager{margin-top:-12px}
.endpoint-ops-block{background:var(--bg);border-bottom:1px solid var(--border)}
.endpoint-filter-panel{margin:10px 12px 8px;padding:12px}
.endpoint-filter-grid{grid-template-columns:repeat(6,minmax(120px,1fr))}
.endpoint-filter-grid label:nth-child(3),.endpoint-filter-grid label:nth-child(4),.endpoint-filter-grid label:nth-child(5){grid-column:span 2}
.filter-chip-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:34px}
.endpoint-stats-grid{padding:8px 12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.endpoint-pager{border-bottom:1px solid var(--border);border-top:0}
.panels.deliveries-panels{min-height:480px;height:auto;overflow:visible}
#viewEvents .panels.deliveries-panels,#viewDeliveries .panels.deliveries-panels{height:calc(100vh - 350px);min-height:440px;overflow:hidden}
#viewEvents .req-list,#viewDeliveries .req-list{height:auto;min-height:0}
#viewEvents .req-scroll,#viewDeliveries .req-scroll{min-height:0}
.ops-filter-panel,.platform-mini-stats,.global-pager,.logs-live-wrap{max-width:none;box-sizing:border-box}
@media(max-width:1180px){.endpoint-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.endpoint-filter-grid label:nth-child(3),.endpoint-filter-grid label:nth-child(4),.endpoint-filter-grid label:nth-child(5){grid-column:span 2}}
@media(max-width:760px){.view#viewLogs,.view#viewEvents,.view#viewDeliveries{overflow:visible}.endpoint-filter-grid{grid-template-columns:1fr}.endpoint-filter-grid label:nth-child(3),.endpoint-filter-grid label:nth-child(4),.endpoint-filter-grid label:nth-child(5){grid-column:span 1}.endpoint-filter-panel{margin:8px}.endpoint-stats-grid{padding:8px}.attached-pager{margin:0 8px 10px;border-top:1px solid var(--border);border-radius:12px}.logs-live-wrap + .attached-pager{margin-top:0}#viewEvents .panels.deliveries-panels,#viewDeliveries .panels.deliveries-panels{height:auto;min-height:0;overflow:visible}}

/* ── v52 screen-scroll operational layout ──
 * Operational pages must scroll as full pages, not as cramped fixed panels.
 * Pagination stays near filters/cards and lists render naturally below it.
 */
.main{overflow-y:auto;overflow-x:hidden;min-height:0}
.view#viewEndpoint,
.view#viewEvents,
.view#viewDeliveries,
.view#viewLogs{overflow:visible;min-height:auto;display:flex;flex-direction:column}
.view#viewEvents .ops-filter-panel,
.view#viewDeliveries .ops-filter-panel,
.view#viewLogs .ops-filter-panel,
.view#viewEndpoint .endpoint-filter-panel{margin:12px 14px 10px}
.view#viewEvents .platform-mini-stats,
.view#viewDeliveries .platform-mini-stats,
.view#viewLogs .platform-mini-stats,
.view#viewEndpoint .endpoint-stats-grid{padding:10px 14px 12px;border-bottom:1px solid var(--border)}
.global-pager,.endpoint-pager{margin:0 14px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.endpoint-pager{border-top:1px solid var(--border)}
.attached-pager{border-top:1px solid var(--border);border-radius:12px;margin-top:0}
.logs-live-wrap + .attached-pager{margin-top:0}
.view#viewEvents .panels.deliveries-panels,
.view#viewDeliveries .panels.deliveries-panels,
.view#viewEndpoint .panels{height:auto!important;min-height:520px;overflow:visible;border-top:1px solid var(--border);background:var(--bg)}
.view#viewEvents .req-list,
.view#viewDeliveries .req-list,
.view#viewEndpoint .req-list{height:auto!important;max-height:none!important;overflow:visible;align-self:flex-start;min-height:520px}
.view#viewEvents .req-scroll,
.view#viewDeliveries .req-scroll,
.view#viewEndpoint .req-scroll{height:auto;max-height:none!important;overflow:visible;min-height:0;padding-bottom:12px}
.view#viewEvents .req-detail,
.view#viewDeliveries .req-detail,
.view#viewEndpoint .req-detail{min-height:520px;overflow:visible}
.view#viewLogs .logs-live-wrap{margin:0 14px 24px;border:1px solid var(--border);border-radius:14px;overflow:visible;background:var(--surface)}
.view#viewLogs .logs-list{overflow:visible;max-height:none}
.view#viewLogs .logs-headline{border-radius:14px 14px 0 0;background:var(--surface2)}
.ops-filter-panel{overflow:visible}.filter-chip-row{align-content:flex-start}.ops-filter-grid input,.ops-filter-grid select{min-width:0}.req-item{max-width:100%}
@media(max-width:1100px){
  .view#viewEvents .panels.deliveries-panels,
  .view#viewDeliveries .panels.deliveries-panels,
  .view#viewEndpoint .panels{display:block;min-height:0}
  .view#viewEvents .req-list,
  .view#viewDeliveries .req-list,
  .view#viewEndpoint .req-list{width:100%;min-height:0;border-right:0;border-bottom:1px solid var(--border)}
  .view#viewEvents .req-detail,
  .view#viewDeliveries .req-detail,
  .view#viewEndpoint .req-detail{min-height:360px}
}
@media(max-width:760px){
  .main{overflow:visible}.view#viewEndpoint,.view#viewEvents,.view#viewDeliveries,.view#viewLogs{display:block;overflow:visible}
  .view#viewEvents .ops-filter-panel,.view#viewDeliveries .ops-filter-panel,.view#viewLogs .ops-filter-panel,.view#viewEndpoint .endpoint-filter-panel{margin:8px}
  .global-pager,.endpoint-pager{margin:0 8px 10px}
  .view#viewLogs .logs-live-wrap{margin:0 8px 18px}
}


/* ── v53 endpoint operational redesign ──
 * Endpoint page follows the same professional filter + cards + pagination pattern.
 * Events render in a full-width operational list; details appear below after selection.
 */
#viewEndpoint .urlbar{padding:14px 16px;gap:12px;align-items:center;border-bottom:1px solid var(--border);background:var(--surface)}
#viewEndpoint #backToProject{display:none!important}
#viewEndpoint .urlbar-flow{flex:1;min-width:0;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);gap:12px;align-items:end}
#viewEndpoint .urlbar-leg{min-width:0}.urlbar-leg-pill{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#viewEndpoint .endpoint-ops-block{padding:0 0 10px;background:var(--bg);border-bottom:1px solid var(--border)}
#viewEndpoint .endpoint-filter-panel{margin:14px 16px 12px;border-radius:14px}
#viewEndpoint .endpoint-stats-grid{padding:0 16px 12px;display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;border:0}
#viewEndpoint .endpoint-pager{margin:0 16px 12px;border-radius:12px;border:1px solid var(--border)}
#viewEndpoint .panels{display:block!important;border-top:1px solid var(--border);background:var(--bg);min-height:0!important;padding:0 16px 24px}
#viewEndpoint .req-list{width:100%!important;max-width:none!important;min-height:0!important;border-right:0!important;background:transparent;align-self:stretch!important}
#viewEndpoint .req-list-head{position:sticky;top:0;z-index:3;border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;background:var(--surface);padding:10px 12px;margin-bottom:10px}
#viewEndpoint .req-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;overflow:visible!important;max-height:none!important;padding:0 0 14px!important}
#viewEndpoint .req-item{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:10px 12px;min-height:74px;box-shadow:none}
#viewEndpoint .req-item:hover{border-color:var(--brand);box-shadow:0 6px 18px rgba(0,0,0,.08)}
#viewEndpoint .req-item.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
#viewEndpoint .req-detail{width:100%;min-height:0!important;margin-top:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden!important}
#viewEndpoint .req-detail .splash{min-height:260px}.detail-body{max-height:none;overflow:visible}.detail-head{border-radius:14px 14px 0 0}
#viewEndpoint .bulk-bar{border:1px solid var(--border);border-radius:12px;margin:0 0 10px;background:var(--surface)}
@media(max-width:1280px){#viewEndpoint .endpoint-stats-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}#viewEndpoint .urlbar-flow{grid-template-columns:1fr}.urlbar-flow-arrow{display:none}}
@media(max-width:760px){#viewEndpoint .urlbar{padding:10px;align-items:stretch;flex-direction:column}#viewEndpoint .endpoint-filter-panel{margin:8px}#viewEndpoint .endpoint-stats-grid{padding:0 8px 8px;grid-template-columns:1fr 1fr}#viewEndpoint .endpoint-pager{margin:0 8px 10px}#viewEndpoint .panels{padding:0 8px 18px}#viewEndpoint .req-scroll{grid-template-columns:1fr}#viewEndpoint .req-list-head{position:static}}

/* v54 endpoint events table + details modal */
#viewEndpoint .endpoint-ops-block{padding:0 16px 14px;background:var(--bg);border-bottom:1px solid var(--border)}
#viewEndpoint .endpoint-filter-panel{margin:14px 0 12px;border-radius:14px}
#viewEndpoint .endpoint-stats-grid{padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:transparent;border-bottom:0}
#viewEndpoint .endpoint-stats-grid .mini-stat{border:1px solid var(--border);border-radius:12px;background:var(--surface2);padding:12px;min-height:62px}
#viewEndpoint .endpoint-pager{margin:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:10px 12px}
#viewEndpoint .endpoint-pager:not(.endpoint-bottom-pager){margin-bottom:0}
#viewEndpoint .endpoint-bottom-pager{margin-top:12px}
#viewEndpoint .panels{display:none!important}
.endpoint-events-section{padding:14px 16px 28px;background:var(--bg)}
.endpoint-events-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:10px 12px;margin-bottom:10px}
.endpoint-events-title{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.endpoint-events-actions{display:flex;align-items:center;gap:8px}
.endpoint-bulk-bar{margin:0 0 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}
.endpoint-events-table-wrap{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.endpoint-event-table-scroll{max-width:100%;overflow:auto}
.endpoint-event-table{width:100%;border-collapse:collapse;min-width:980px}
.endpoint-event-table th{background:var(--surface2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:12px;border-bottom:1px solid var(--border)}
.endpoint-event-table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);font-size:12px}
.endpoint-event-table tr:last-child td{border-bottom:0}
.endpoint-event-table tr:hover td{background:rgba(63,185,80,.05)}
.endpoint-event-table tr.active-row td{background:rgba(63,185,80,.08)}
.endpoint-event-table small{color:var(--muted);font-size:11px}
.row-actions{display:flex;align-items:center;gap:8px;justify-content:flex-start;white-space:nowrap}
.event-detail-modal{width:min(1100px,94vw);max-width:1100px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column}
.event-detail-modal-body{overflow:auto;padding:0;background:var(--surface)}
.event-detail-modal .detail-head{border-radius:0;background:var(--surface);border-bottom:1px solid var(--border)}
.event-detail-modal .detail-body{max-height:none;overflow:visible;padding:18px}
.event-detail-modal .code-block{max-height:56vh;overflow:auto}
@media(max-width:980px){#viewEndpoint .endpoint-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.endpoint-events-toolbar{align-items:stretch;flex-direction:column}.endpoint-events-actions{justify-content:space-between}.event-detail-modal{width:96vw;max-height:92vh}}
@media(max-width:760px){#viewEndpoint .endpoint-ops-block{padding:0 8px 10px}.endpoint-events-section{padding:10px 8px 20px}#viewEndpoint .endpoint-stats-grid{grid-template-columns:1fr 1fr}.endpoint-event-table{min-width:860px}.endpoint-bulk-bar{align-items:stretch;flex-direction:column}.event-detail-modal{width:98vw;max-height:94vh}}
#viewEndpoint #endpointPager{display:none!important}
#viewEndpoint #endpointPagerBottom{display:flex!important}

/* v55 endpoint table alignment and filtered totals */
:root{--ops-x:16px}
#viewEndpoint .endpoint-ops-block{padding:0 var(--ops-x) 12px;background:var(--bg);border-bottom:1px solid var(--border)}
#viewEndpoint #cbBanner{margin:14px var(--ops-x) 0!important;border-radius:14px!important;align-items:center}
#viewEndpoint .endpoint-filter-panel{margin:14px 0 12px;padding:12px 14px;border-radius:14px}
#viewEndpoint .endpoint-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px 12px;align-items:end}
#viewEndpoint .endpoint-filter-grid label{min-width:0}
#viewEndpoint .endpoint-filter-grid label:nth-child(3),
#viewEndpoint .endpoint-filter-grid label:nth-child(4),
#viewEndpoint .endpoint-filter-grid label:nth-child(5){grid-column:span 1}
#viewEndpoint .endpoint-filter-grid .ops-filter-wide{grid-column:span 2}
#viewEndpoint .filter-chip-row{display:flex;flex-wrap:wrap;gap:5px}
#viewEndpoint .endpoint-stats-grid{padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:transparent;border:0}
#viewEndpoint .endpoint-stats-grid .mini-stat{border:1px solid var(--border);border-radius:12px;background:var(--surface2);padding:10px 12px;min-height:60px;min-width:0}
#viewEndpoint .endpoint-events-section{padding:14px var(--ops-x) 30px;background:var(--bg)}
#viewEndpoint .endpoint-events-toolbar{margin:0;border:1px solid var(--border);border-radius:14px 14px 0 0;background:var(--surface);border-bottom:0}
#viewEndpoint .endpoint-events-table-wrap{border:1px solid var(--border);border-radius:0;background:var(--surface);overflow:hidden}
#viewEndpoint .endpoint-bottom-pager{margin:0;border:1px solid var(--border);border-top:0;border-radius:0 0 14px 14px;background:var(--surface);padding:10px 12px}
#viewEndpoint #endpointPager{display:none!important}
#viewEndpoint #endpointPagerBottom{display:flex!important}
#viewEndpoint .endpoint-event-table th:first-child,
#viewEndpoint .endpoint-event-table td:first-child{width:44px;text-align:center}
#viewEndpoint .endpoint-event-table th:last-child,
#viewEndpoint .endpoint-event-table td:last-child{width:150px;text-align:right}
#viewEndpoint .endpoint-event-table .row-actions{justify-content:flex-end;display:flex}
#viewEndpoint .endpoint-event-table tr.active-row td{background:rgba(63,185,80,.07)}
#viewEndpoint .endpoint-event-table tr.active-row td:first-child{box-shadow:inset 3px 0 0 var(--brand)}
@media(max-width:1180px){
  #viewEndpoint .endpoint-filter-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}
  #viewEndpoint .endpoint-filter-grid .ops-filter-wide{grid-column:span 2}
  #viewEndpoint .endpoint-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  :root{--ops-x:8px}
  #viewEndpoint .endpoint-filter-grid{grid-template-columns:1fr}
  #viewEndpoint .endpoint-filter-grid .ops-filter-wide{grid-column:span 1}
  #viewEndpoint .endpoint-stats-grid{grid-template-columns:1fr 1fr}
  #viewEndpoint .endpoint-events-toolbar{align-items:stretch;flex-direction:column}
  #viewEndpoint .endpoint-events-actions{justify-content:space-between}
  #viewEndpoint .endpoint-event-table{min-width:900px}
}

/* v56 endpoint professional filter/table flow */
#viewEndpoint .endpoint-ops-block{border-bottom:0!important;padding:0 var(--ops-x) 12px!important;background:var(--bg)!important}
#viewEndpoint .endpoint-filter-panel{margin:14px 0 12px!important;border-radius:14px!important}
#viewEndpoint .endpoint-stats-grid{margin:0 0 14px!important;padding:0!important;border:0!important}
#viewEndpoint .endpoint-events-section{padding:0 var(--ops-x) 30px!important;background:var(--bg)!important;border-top:0!important}
#viewEndpoint .endpoint-events-toolbar{margin:0!important;border:1px solid var(--border)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;background:var(--surface)!important}
#viewEndpoint .endpoint-events-table-wrap{border:1px solid var(--border)!important;border-radius:0!important;background:var(--surface)!important;overflow:hidden!important}
#viewEndpoint .endpoint-bottom-pager{margin:0!important;border:1px solid var(--border)!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:var(--surface)!important;padding:10px 12px!important}
#viewEndpoint .endpoint-event-table th,#viewEndpoint .endpoint-event-table td{white-space:nowrap}
#viewEndpoint .endpoint-event-table td:nth-child(2){white-space:normal;min-width:180px}
#viewEndpoint .endpoint-events-actions .btn.primary{white-space:nowrap}
#viewEndpoint .endpoint-bulk-bar{margin:0!important;border-radius:0!important;border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important;border-top:0!important;border-bottom:0!important;background:var(--surface2)!important}
#viewEndpoint .endpoint-filter-grid{grid-template-columns:1.1fr 1.1fr 1fr 1fr!important;gap:10px 12px!important}
#viewEndpoint .endpoint-filter-grid .ops-filter-wide{grid-column:span 2!important}
#viewEndpoint .endpoint-filter-grid label:nth-child(5){grid-column:span 2!important}
#viewEndpoint .endpoint-filter-grid label:nth-child(6){grid-column:span 2!important}
@media(max-width:1180px){#viewEndpoint .endpoint-filter-grid{grid-template-columns:repeat(2,minmax(160px,1fr))!important}#viewEndpoint .endpoint-filter-grid .ops-filter-wide,#viewEndpoint .endpoint-filter-grid label:nth-child(5),#viewEndpoint .endpoint-filter-grid label:nth-child(6){grid-column:span 2!important}}
@media(max-width:760px){#viewEndpoint .endpoint-filter-grid{grid-template-columns:1fr!important}#viewEndpoint .endpoint-filter-grid .ops-filter-wide,#viewEndpoint .endpoint-filter-grid label:nth-child(5),#viewEndpoint .endpoint-filter-grid label:nth-child(6){grid-column:span 1!important}#viewEndpoint .endpoint-events-actions{flex-wrap:wrap}.endpoint-events-title{flex-wrap:wrap}}

/* v60 - operational screens as table-first views */
.operational-table-wrap,
.endpoint-events-table-wrap,
.logs-live-wrap{
  width:100%;
  overflow:visible;
}
#viewEvents .deliveries-panels,
#viewDeliveries .deliveries-panels{
  display:block;
  height:auto;
  overflow:visible;
  background:transparent;
  border-top:0;
}
#viewEvents .deliveries-panels .req-list,
#viewDeliveries .deliveries-panels .req-list{
  width:100%;
  max-width:none;
  height:auto;
  max-height:none;
  border-right:0;
  border-bottom:0;
  background:transparent;
  overflow:visible;
}
#viewEvents .deliveries-panels .req-detail,
#viewDeliveries .deliveries-panels .req-detail{
  display:none;
}
#viewEvents .req-scroll,
#viewDeliveries .req-scroll{
  height:auto;
  max-height:none;
  overflow:visible;
}
#viewEvents .bulk-bar,
#viewDeliveries .bulk-bar{
  border:1px solid var(--border);
  border-radius:12px;
  margin:10px 0;
}
.row-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.endpoint-event-table .row-actions .btn{
  white-space:nowrap;
}
@media(max-width:760px){
  .row-actions{justify-content:flex-start}
  .endpoint-event-table th,
  .endpoint-event-table td{white-space:nowrap}
}

/* v61 unified operational table pattern */
#viewEvents .platform-mini-stats,
#viewDeliveries .platform-mini-stats,
#viewLogs .platform-mini-stats{padding:0 var(--ops-x,16px) 12px!important;margin:0!important;background:transparent!important;border:0!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#viewEvents .ops-filter-panel,
#viewDeliveries .ops-filter-panel,
#viewLogs .ops-filter-panel{margin:14px var(--ops-x,16px) 12px!important;border-radius:14px!important}
.operational-table-section{padding:0 var(--ops-x,16px) 30px;background:var(--bg)}
.operational-table-toolbar{margin:0!important;border:1px solid var(--border)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;background:var(--surface)!important}
.operational-table-wrap{border:1px solid var(--border)!important;border-radius:0!important;background:var(--surface)!important;overflow:hidden!important}
.operational-table-section .endpoint-bottom-pager{margin:0!important;border:1px solid var(--border)!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:var(--surface)!important;padding:10px 12px!important}
.operational-table-section .endpoint-bulk-bar{margin:0!important;border-radius:0!important;border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important;border-top:0!important;border-bottom:0!important;background:var(--surface2)!important}
.operational-table-section .endpoint-event-table th,
.operational-table-section .endpoint-event-table td{white-space:nowrap}
.operational-table-section .endpoint-event-table td:nth-child(2){white-space:normal;min-width:180px}
.operational-table-section .endpoint-event-table .row-actions{justify-content:flex-end;display:flex}
.operational-table-section .endpoint-event-table th:last-child,
.operational-table-section .endpoint-event-table td:last-child{text-align:right}
.operational-log-table td:nth-child(8){white-space:normal;min-width:220px;max-width:420px}
#viewEvents .deliveries-panels,#viewDeliveries .deliveries-panels{display:block!important;padding:0!important}
#viewEvents .req-detail,#viewDeliveries .req-detail{display:none!important}
#viewEvents .req-list,#viewDeliveries .req-list{width:100%!important;max-width:none!important;border:0!important;background:transparent!important;box-shadow:none!important}
#viewEvents .req-scroll,#viewDeliveries .req-scroll{max-height:none!important;overflow:visible!important;padding:0!important}
#viewLogs .logs-live-wrap{max-height:none!important;overflow:visible!important;border-radius:0!important}
@media(max-width:980px){#viewEvents .platform-mini-stats,#viewDeliveries .platform-mini-stats,#viewLogs .platform-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.operational-table-toolbar{align-items:stretch;flex-direction:column}.operational-table-toolbar .endpoint-events-actions{justify-content:space-between}}
@media(max-width:760px){#viewEvents .platform-mini-stats,#viewDeliveries .platform-mini-stats,#viewLogs .platform-mini-stats{padding:0 8px 10px;grid-template-columns:1fr 1fr}.operational-table-section{padding:0 8px 20px}#viewEvents .ops-filter-panel,#viewDeliveries .ops-filter-panel,#viewLogs .ops-filter-panel{margin:8px!important}.operational-table-section .endpoint-event-table{min-width:900px}}


/* v62 - timezone/logs layout polish
 * Logs and operational pages must use the application timezone for default dates.
 * This CSS only improves empty/table alignment; date logic is in scripts.php.
 */
#viewLogs .operational-table-section,
#viewEvents .operational-table-section,
#viewDeliveries .operational-table-section,
#viewEndpoint .operational-table-section{box-sizing:border-box;width:100%;}
#viewLogs .operational-table-wrap{min-height:220px;}
#viewLogs .empty-state{border:0;background:transparent;min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px;}
#viewLogs .operational-log-table{width:100%;border-collapse:collapse;}
#viewLogs .operational-log-table th,
#viewLogs .operational-log-table td{vertical-align:middle;}
#viewLogs .operational-log-table td:nth-child(8){white-space:normal;word-break:break-word;}


/* v63 - logs table clarity and enterprise spacing */
#viewLogs .operational-table-section{
  padding-left:var(--ops-x,16px)!important;
  padding-right:var(--ops-x,16px)!important;
}
#viewLogs .operational-table-wrap{
  min-height:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  border-radius:0!important;
  background:var(--surface)!important;
}
#viewLogs .logs-list{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
}
#viewLogs .table-scroll{
  width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
#viewLogs .operational-log-table{
  width:100%;
  min-width:1180px;
  table-layout:fixed;
  border-collapse:separate!important;
  border-spacing:0;
  font-size:12px;
  line-height:1.35;
}
#viewLogs .operational-log-table thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:var(--surface2)!important;
  color:var(--muted)!important;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  padding:13px 12px!important;
  border-bottom:1px solid var(--border)!important;
  white-space:nowrap;
}
#viewLogs .operational-log-table tbody td{
  padding:13px 12px!important;
  border-bottom:1px solid var(--border)!important;
  color:var(--text)!important;
  background:var(--surface)!important;
  vertical-align:middle!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#viewLogs .operational-log-table tbody tr:hover td{
  background:rgba(63,185,80,.055)!important;
}
#viewLogs .operational-log-table tbody tr:last-child td{
  border-bottom:0!important;
}
#viewLogs .operational-log-table th:nth-child(1),
#viewLogs .operational-log-table td:nth-child(1){width:150px;font-variant-numeric:tabular-nums;}
#viewLogs .operational-log-table th:nth-child(2),
#viewLogs .operational-log-table td:nth-child(2){width:170px;}
#viewLogs .operational-log-table th:nth-child(3),
#viewLogs .operational-log-table td:nth-child(3){width:90px;}
#viewLogs .operational-log-table th:nth-child(4),
#viewLogs .operational-log-table td:nth-child(4){width:120px;}
#viewLogs .operational-log-table th:nth-child(5),
#viewLogs .operational-log-table td:nth-child(5){width:140px;}
#viewLogs .operational-log-table th:nth-child(6),
#viewLogs .operational-log-table td:nth-child(6){width:90px;}
#viewLogs .operational-log-table th:nth-child(7),
#viewLogs .operational-log-table td:nth-child(7){width:110px;}
#viewLogs .operational-log-table th:nth-child(8),
#viewLogs .operational-log-table td:nth-child(8){
  width:auto;
  min-width:280px;
  max-width:none;
  white-space:nowrap!important;
  word-break:normal!important;
}
#viewLogs .operational-log-table th:nth-child(9),
#viewLogs .operational-log-table td:nth-child(9){width:120px;text-align:right;}
#viewLogs .operational-log-table td:nth-child(9) .row-actions{
  justify-content:flex-end;
}
#viewLogs .operational-log-table .status-chip{
  display:inline-flex;
  align-items:center;
  max-width:100%;
}
#viewLogs .operational-table-toolbar,
#viewLogs .endpoint-bottom-pager{
  margin-left:0!important;
  margin-right:0!important;
}
#viewLogs .endpoint-bottom-pager{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#viewLogs .empty-state{
  min-height:220px!important;
  border:1px dashed var(--border)!important;
  border-top:0!important;
  background:var(--surface)!important;
}
@media(max-width:760px){
  #viewLogs .operational-log-table{min-width:1060px;font-size:11px;}
  #viewLogs .operational-table-toolbar,
  #viewLogs .endpoint-bottom-pager{align-items:stretch;flex-direction:column;}
}


/* v65 - definitive operational table alignment
 * Logs, Events, Deliveries and Endpoint Events must share the same table rhythm.
 * The logs table was visually wider/looser because detail/actions columns could push layout.
 */
.operational-table-wrap,
.endpoint-event-table-scroll,
#viewLogs .table-scroll{
  width:100%;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch;
}
.endpoint-event-table,
.operational-log-table{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
.endpoint-event-table thead th,
.operational-log-table thead th{
  height:42px!important;
  padding:0 12px!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
.endpoint-event-table tbody tr,
.operational-log-table tbody tr{
  height:72px!important;
}
.endpoint-event-table tbody td,
.operational-log-table tbody td{
  height:72px!important;
  padding:0 12px!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.35!important;
}
#viewLogs .operational-table-wrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
#viewLogs .operational-log-table{
  min-width:1180px!important;
  font-size:12px!important;
}
#viewLogs .operational-log-table .col-date{width:165px!important}
#viewLogs .operational-log-table .col-type{width:200px!important}
#viewLogs .operational-log-table .col-status{width:105px!important}
#viewLogs .operational-log-table .col-project{width:145px!important}
#viewLogs .operational-log-table .col-endpoint{width:155px!important}
#viewLogs .operational-log-table .col-method{width:90px!important}
#viewLogs .operational-log-table .col-origin{width:110px!important}
#viewLogs .operational-log-table .col-detail{width:auto!important;min-width:260px!important}
#viewLogs .operational-log-table .col-actions{width:120px!important;text-align:right!important}
#viewLogs .logs-detail{
  display:block;
  max-width:100%;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-break:normal!important;
}
#viewLogs .btn-copy-id{
  height:32px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#viewLogs .operational-log-table .row-actions{
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
}
.delivery-detail-modal{width:min(1100px,94vw);max-width:1100px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column}
.delivery-detail-modal-body{overflow:auto;padding:0;background:var(--surface)}
.delivery-detail-modal .detail-head{border-radius:0;background:var(--surface);border-bottom:1px solid var(--border)}
.delivery-detail-modal .detail-body{max-height:none;overflow:visible;padding:18px}
.delivery-detail-modal .code-block{max-height:50vh;overflow:auto;white-space:pre-wrap;word-break:break-word}
@media(max-width:760px){
  #viewLogs .operational-log-table{min-width:1120px!important;font-size:11px!important}
  .delivery-detail-modal{width:96vw;max-height:92vh}
}



/* v66 - final logs table and delivery action polish
 * Logs now use the same fixed table rhythm as operational delivery/event tables.
 * Delivery row actions expose only details; retry stays inside the detail modal.
 */
#viewLogs .operational-table-section{
  padding:0 var(--ops-x,16px) 30px!important;
}
#viewLogs .operational-table-wrap,
#viewLogs .endpoint-events-table-wrap,
#viewLogs .logs-live-wrap{
  border:1px solid var(--border)!important;
  border-radius:0!important;
  background:var(--surface)!important;
  overflow:hidden!important;
}
#viewLogs .endpoint-event-table-scroll,
#viewLogs .table-scroll{
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch;
}
#viewLogs table.operational-log-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  font-size:12px!important;
}
#viewLogs table.operational-log-table thead th{
  height:42px!important;
  padding:0 12px!important;
  background:var(--surface2)!important;
  color:var(--muted)!important;
  border-bottom:1px solid var(--border)!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#viewLogs table.operational-log-table tbody tr{
  height:72px!important;
}
#viewLogs table.operational-log-table tbody td{
  height:72px!important;
  padding:0 12px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  border-bottom:1px solid var(--border)!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.35!important;
}
#viewLogs table.operational-log-table tbody tr:hover td{
  background:rgba(63,185,80,.055)!important;
}
#viewLogs table.operational-log-table .col-date{width:10.5%!important;min-width:128px!important}
#viewLogs table.operational-log-table .col-type{width:12.5%!important;min-width:145px!important}
#viewLogs table.operational-log-table .col-status{width:7.5%!important;min-width:86px!important}
#viewLogs table.operational-log-table .col-project{width:9%!important;min-width:110px!important}
#viewLogs table.operational-log-table .col-endpoint{width:10%!important;min-width:120px!important}
#viewLogs table.operational-log-table .col-method{width:6.5%!important;min-width:70px!important}
#viewLogs table.operational-log-table .col-origin{width:7.5%!important;min-width:80px!important}
#viewLogs table.operational-log-table .col-detail{width:27%!important;min-width:220px!important;max-width:none!important}
#viewLogs table.operational-log-table .col-actions{width:9.5%!important;min-width:110px!important;text-align:right!important}
#viewLogs .logs-detail{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-break:normal!important;
}
#viewLogs .btn-copy-id{
  height:32px!important;
  min-width:88px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
#viewLogs .row-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
#viewDeliveries .endpoint-event-table .row-actions .btn.replay{
  display:none!important;
}
@media(max-width:1180px){
  #viewLogs table.operational-log-table{min-width:1040px!important}
}
@media(max-width:760px){
  #viewLogs table.operational-log-table{min-width:1040px!important;font-size:11px!important}
  #viewLogs .operational-table-section{padding:0 8px 20px!important}
}


/* v67 - logs table definitive alignment + delivery modal tabs
 * Keeps logs inside the same operational table rhythm used by deliveries/events.
 */
#viewLogs .operational-table-section{
  padding:0 var(--ops-x,16px) 30px!important;
  background:var(--bg)!important;
}
#viewLogs .operational-table-wrap{
  width:100%!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:var(--surface)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#viewLogs .operational-table-toolbar{
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  margin:0!important;
  min-height:54px!important;
  background:var(--surface)!important;
}
#viewLogs .table-scroll,
#viewLogs .endpoint-event-table-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
}
#viewLogs table.operational-log-table{
  width:100%!important;
  min-width:1320px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  margin:0!important;
  font-size:12px!important;
}
#viewLogs table.operational-log-table thead th,
#viewLogs table.operational-log-table tbody td{
  box-sizing:border-box!important;
  border-bottom:1px solid var(--border)!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.35!important;
}
#viewLogs table.operational-log-table thead th{
  height:42px!important;
  padding:0 12px!important;
  background:var(--surface2)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
#viewLogs table.operational-log-table tbody tr{height:72px!important;}
#viewLogs table.operational-log-table tbody td{
  height:72px!important;
  padding:0 12px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  font-weight:500!important;
}
#viewLogs table.operational-log-table tbody tr:hover td{background:rgba(63,185,80,.055)!important;}
#viewLogs table.operational-log-table .col-date{width:168px!important;min-width:168px!important;max-width:168px!important;}
#viewLogs table.operational-log-table .col-type{width:190px!important;min-width:190px!important;max-width:190px!important;}
#viewLogs table.operational-log-table .col-status{width:100px!important;min-width:100px!important;max-width:100px!important;}
#viewLogs table.operational-log-table .col-project{width:140px!important;min-width:140px!important;max-width:140px!important;}
#viewLogs table.operational-log-table .col-endpoint{width:160px!important;min-width:160px!important;max-width:160px!important;}
#viewLogs table.operational-log-table .col-method{width:88px!important;min-width:88px!important;max-width:88px!important;}
#viewLogs table.operational-log-table .col-origin{width:110px!important;min-width:110px!important;max-width:110px!important;}
#viewLogs table.operational-log-table .col-detail{width:344px!important;min-width:344px!important;max-width:344px!important;}
#viewLogs table.operational-log-table .col-actions{width:120px!important;min-width:120px!important;max-width:120px!important;text-align:right!important;}
#viewLogs .logs-detail{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-break:normal!important;
}
#viewLogs .btn-copy-id{
  height:32px!important;
  min-width:88px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
#viewLogs .row-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;}
#viewLogs .endpoint-bottom-pager{
  border:0!important;
  border-top:1px solid var(--border)!important;
  border-radius:0!important;
  margin:0!important;
  background:var(--surface)!important;
}

/* Delivery detail modal now mirrors event detail modal: wide, tabbed and readable. */
.delivery-detail-modal{width:min(1120px,94vw)!important;max-width:1120px!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
.delivery-detail-modal-body{overflow:auto!important;padding:0!important;background:var(--surface)!important;}
.delivery-detail-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border);background:var(--surface2);padding:0 18px;overflow-x:auto;}
.delivery-detail-tabs .tab{height:42px;padding:0 16px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--muted);font-weight:700;cursor:pointer;white-space:nowrap;}
.delivery-detail-tabs .tab.active{background:var(--surface);color:var(--text);}
.delivery-detail-panel{padding:18px;}
.delivery-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.delivery-kv{border:1px solid var(--border);border-radius:12px;background:var(--surface2);padding:12px;min-width:0;}
.delivery-kv span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;margin-bottom:6px;}
.delivery-kv strong{display:block;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.delivery-attempt-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:10px;background:var(--surface2);}
.delivery-attempt-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);}
.delivery-attempt-body{padding:12px;background:var(--surface);}
@media(max-width:760px){
  #viewLogs .operational-table-section{padding:0 8px 20px!important;}
  #viewLogs table.operational-log-table{min-width:1180px!important;font-size:11px!important;}
  .delivery-detail-modal{width:96vw!important;max-height:92vh!important;}
  .delivery-detail-grid{grid-template-columns:1fr;}
}

/* v68 - definitive logs table and delivery modal standardization */
#viewLogs .operational-table-section{
  margin:12px 16px 22px!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:var(--surface)!important;
  box-shadow:var(--shadow-soft)!important;
}
#viewLogs .endpoint-events-toolbar{
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  background:var(--surface)!important;
}
#viewLogs .logs-live-wrap,
#viewLogs .endpoint-events-table-wrap{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:var(--surface)!important;
  overflow:hidden!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
}
#viewLogs .logs-list{
  display:block!important;
  width:100%!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
#viewLogs .table-scroll,
#viewLogs .endpoint-event-table-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
#viewLogs table.operational-log-table{
  width:100%!important;
  min-width:1180px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
#viewLogs .operational-log-table col.col-date{width:150px!important}
#viewLogs .operational-log-table col.col-type{width:170px!important}
#viewLogs .operational-log-table col.col-status{width:110px!important}
#viewLogs .operational-log-table col.col-project{width:150px!important}
#viewLogs .operational-log-table col.col-endpoint{width:160px!important}
#viewLogs .operational-log-table col.col-method{width:90px!important}
#viewLogs .operational-log-table col.col-origin{width:100px!important}
#viewLogs .operational-log-table col.col-actions{width:120px!important}
#viewLogs .operational-log-table th,
#viewLogs .operational-log-table td{
  height:56px!important;
  padding:12px 14px!important;
  vertical-align:middle!important;
  border-bottom:1px solid var(--border)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
#viewLogs .operational-log-table th{
  height:42px!important;
  background:var(--surface2)!important;
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
#viewLogs .operational-log-table td{
  color:var(--text)!important;
  font-size:12px!important;
  line-height:1.35!important;
}
#viewLogs .operational-log-table .col-detail,
#viewLogs .operational-log-table td.col-detail{
  min-width:0!important;
  max-width:none!important;
}
#viewLogs .logs-detail{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#viewLogs .operational-log-table .col-actions,
#viewLogs .operational-log-table td.col-actions,
#viewLogs .operational-log-table th.col-actions{
  text-align:right!important;
}
#viewLogs .operational-log-table .row-actions{
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
}
#viewLogs .btn-copy-id{
  height:32px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
  border-radius:10px!important;
}
#viewLogs .cursor-pager{
  margin:0!important;
  border:0!important;
  border-top:1px solid var(--border)!important;
  border-radius:0 0 16px 16px!important;
  background:var(--surface)!important;
}
#viewLogs .empty-state{
  margin:12px!important;
  min-height:140px!important;
  border:1px dashed var(--border)!important;
  border-radius:14px!important;
}
.delivery-detail-modal.event-detail-modal{
  width:min(1100px,94vw)!important;
  max-width:1100px!important;
  max-height:88vh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.delivery-detail-modal .delivery-detail-modal-body,
.delivery-detail-modal .event-detail-modal-body{
  overflow:auto!important;
  padding:0!important;
  background:var(--surface)!important;
}
.delivery-detail-modal .detail-head{
  border-radius:0!important;
  background:var(--surface)!important;
  border-bottom:1px solid var(--border)!important;
}
.delivery-detail-modal .tabs-bar,
.delivery-detail-modal .delivery-detail-tabs{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  padding:0 18px!important;
  border-bottom:1px solid var(--border)!important;
  background:var(--surface)!important;
  overflow:auto!important;
}
.delivery-detail-modal .tab{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:13px 14px!important;
  color:var(--muted)!important;
  font-weight:700!important;
}
.delivery-detail-modal .tab.active{
  color:var(--text)!important;
  box-shadow:inset 0 -2px 0 var(--brand)!important;
}
.delivery-detail-modal .delivery-detail-body{
  padding:18px!important;
  overflow:visible!important;
}
.delivery-detail-modal .delivery-detail-panel{
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.delivery-detail-modal .code-block{
  max-height:56vh!important;
  overflow:auto!important;
}
/* ── worker health badge ─────────────────────────────────────────────────── */
.worker-health-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);white-space:nowrap;transition:all .2s;}
.worker-health-badge.wh-active{border-color:var(--brand);color:var(--brand);background:rgba(63,185,80,.08);}
.worker-health-badge.wh-warn{border-color:var(--warn);color:var(--warn);background:rgba(210,153,34,.08);}
.worker-health-badge.wh-inactive{border-color:var(--danger);color:var(--danger);background:rgba(248,81,73,.06);}
.wh-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0;}
.wh-dot.active{background:var(--brand);box-shadow:0 0 0 2px rgba(63,185,80,.25);animation:wh-pulse 2s infinite;}
.wh-dot.warn{background:var(--warn);}
.wh-dot.inactive{background:var(--danger);}
@keyframes wh-pulse{0%,100%{box-shadow:0 0 0 2px rgba(63,185,80,.25);}50%{box-shadow:0 0 0 4px rgba(63,185,80,.1);}}

/* ── attempt cards padronizados ─────────────────────────────────────────── */
.attempt-ok{border-color:var(--brand)!important;}
.attempt-fail{border-color:var(--danger)!important;}
.delivery-attempt-head{flex-wrap:wrap;}
.delivery-detail-panel .delivery-attempt-card:last-child{margin-bottom:0;}

/* ── event detail resumo tab ─────────────────────────────────────────────── */
.event-detail-modal .delivery-detail-panel{background:transparent;border:0;padding:0;}
.event-detail-modal .delivery-detail-grid{margin-bottom:0;}
.event-detail-modal .delivery-kv strong{white-space:normal;}

@media(max-width:760px){
  #viewLogs .operational-table-section{margin:10px 8px 18px!important;border-radius:14px!important}
  #viewLogs table.operational-log-table{min-width:1060px!important}
  #viewLogs .operational-log-table th,#viewLogs .operational-log-table td{padding:11px 12px!important}
  .delivery-detail-modal.event-detail-modal{width:98vw!important;max-height:94vh!important}
}
#viewOperation .operation-tabs,
#viewEvents .operation-tabs,
#viewDeliveries .operation-tabs,
#viewLogs .operation-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 16px 0;
  background:var(--bg);
  flex-wrap:wrap;
}
.operation-tab{
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--muted);
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.operation-tab:hover{
  border-color:var(--muted);
  color:var(--text);
}
.operation-tab.active{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}
html[data-theme="dark"] .operation-tab.active{color:#0e1117}
#cbBanner{
  margin:8px 16px 4px!important;
  border-radius:12px!important;
}
.endpoint-replay-note{
  margin:8px 16px 0;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
  color:var(--muted);
  font-size:12px;
}
.project-card-title-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  margin-bottom:3px;
}
.project-card-title-row .project-name{
  margin-bottom:0;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.project-alert-chip,
.project-health-chip{
  flex-shrink:0;
  border:1px solid var(--border);
  border-radius:999px;
  padding:2px 7px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.project-alert-chip{
  border-color:rgba(154,103,0,.35);
  background:rgba(154,103,0,.08);
  color:var(--warn);
}
.project-alert-chip.warn{color:var(--warn)}
.project-health-chip{
  border-color:rgba(26,127,55,.25);
  background:var(--brand-dim);
  color:var(--brand);
}
.project-status-dot.warn{
  background:var(--warn);
  box-shadow:0 0 0 3px rgba(154,103,0,.16);
}
.ops-refresh-stamp{
  color:var(--muted);
  font-size:12px;
  white-space:nowrap;
}
.operation-timeline-list,
.event-flow-timeline{
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface);
  overflow:hidden;
}
.operation-timeline-row,
.event-flow-row{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  position:relative;
}
.event-flow-row{grid-template-columns:22px minmax(0,1fr)}
.operation-timeline-row:last-child,
.event-flow-row:last-child{border-bottom:0}
.operation-timeline-row::before,
.event-flow-row::before{
  content:"";
  position:absolute;
  left:26px;
  top:0;
  bottom:0;
  width:2px;
  background:var(--border);
}
.operation-timeline-node,
.event-flow-node{
  width:12px;
  height:12px;
  border-radius:999px;
  background:var(--brand);
  box-shadow:0 0 0 4px var(--brand-dim);
  margin-top:4px;
  position:relative;
  z-index:1;
}
.timeline-out .operation-timeline-node{background:var(--info);box-shadow:0 0 0 4px rgba(9,105,218,.14)}
.timeline-attempt .operation-timeline-node,
.event-flow-row.fail .event-flow-node{background:var(--danger);box-shadow:0 0 0 4px rgba(207,34,46,.14)}
.event-flow-row.wait .event-flow-node{background:var(--warn);box-shadow:0 0 0 4px rgba(154,103,0,.16)}
.event-flow-row.ok .event-flow-node{background:var(--brand);box-shadow:0 0 0 4px var(--brand-dim)}
.operation-timeline-top,
.event-flow-top{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.operation-timeline-top strong,
.event-flow-top strong{font-size:13px}
.operation-time,
.event-flow-top span:not(.status-chip){
  color:var(--muted);
  font-size:11px;
}
.operation-timeline-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:12px;
  margin-top:4px;
}
.operation-timeline-detail,
.event-flow-detail{
  margin-top:6px;
  font-family:var(--mono);
  font-size:11px;
  color:var(--text);
  word-break:break-all;
}
.event-flow-sub{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}
.operation-timeline-actions{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
@media(max-width:760px){
  #viewOperation .operation-tabs,
  #viewEvents .operation-tabs,
  #viewDeliveries .operation-tabs,
  #viewLogs .operation-tabs{padding:8px 8px 0}
  .operation-tab{flex:1 1 auto;text-align:center}
  #cbBanner,.endpoint-replay-note{margin-left:8px!important;margin-right:8px!important}
  .operation-timeline-row{grid-template-columns:22px minmax(0,1fr)}
  .operation-timeline-actions{grid-column:2;justify-content:flex-start}
}