/* UTU Engine · Investigation automation / Trigger Sources visual contract.
   Scoped, dark-first controls with accessible sizing and consistent focus. */
#triggers-view .utu-trigger-v2-backdrop,
.utu-trigger-v2-backdrop {
  position:fixed; inset:0; z-index:2300; display:flex;
  justify-content:center; align-items:flex-start; overflow-y:auto;
  --utu-trigger-top-offset:clamp(102px,12dvh,142px);
  padding:var(--utu-trigger-top-offset) 18px 28px;
  background:rgba(1,8,17,.74); backdrop-filter:blur(6px);
  box-sizing:border-box;
}
.utu-trigger-v2 {
  width:min(1050px,100%); max-width:1050px;
  max-height:calc(100dvh - var(--utu-trigger-top-offset,102px) - 28px);
  flex-shrink:0;
  overflow-y:auto; overflow-x:visible;
  box-sizing:border-box; margin:0 auto;
  border:1px solid #1b3c50; border-radius:20px;
  background:linear-gradient(155deg,#0b1b2c 0%,#081724 100%);
  color:#e8f4fc; box-shadow:0 28px 80px rgba(0,0,0,.48);
  padding:25px 28px 24px; color-scheme:dark;
}
.utu-trigger-v2 *,.utu-incident-groups *,.utu-app-muting *{box-sizing:border-box}
.utu-trigger-v2-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
.utu-trigger-v2-eyebrow{font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#15d6e7}
.utu-trigger-v2 h2{font-size:24px;font-weight:750;color:#edf8ff;margin:5px 0 8px;line-height:1.2}
.utu-trigger-v2 p{margin:0;color:#96adc1;font-size:13px;line-height:1.6}
.utu-trigger-v2-x {width:38px;height:38px;border:1px solid #25465b;border-radius:11px;background:#102738;color:#e6f3fb;font-size:22px;flex:none;cursor:pointer}
.utu-trigger-v2-x:hover{border-color:#11c0d4;background:#163b4b}
.utu-trigger-v2-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:18px}
.utu-trigger-v2-card,.utu-mute-card{border:1px solid #1c3a50;border-radius:14px;background:#0d2132;padding:19px}
.utu-trigger-v2-card h3,.utu-app-muting h3{font-size:15px;color:#e8f5fd;font-weight:750;margin:0 0 17px}
.utu-trigger-v2-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.utu-trigger-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.utu-trigger-field.wide{grid-column:1/-1}
.utu-trigger-field>label,.utu-trigger-field>.field-label,.utu-app-muting .field-label{
  font-size:12px;font-weight:700;color:#d7e9f5;line-height:1.4;
}
.utu-trigger-v2 input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.utu-app-muting input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.utu-app-muting textarea,.utu-app-muting select,
.utu-trigger-v2 select {
  display:block; width:100%; max-width:100%; min-height:42px;
  border:1px solid #20455f; border-radius:9px; background:#091a2b;
  color:#f1f8fd; padding:10px 12px;font-size:13px;outline:none;
  box-shadow:none; color-scheme:dark;
}
.utu-trigger-v2 input:focus,.utu-app-muting input:focus,
.utu-app-muting textarea:focus,.utu-app-muting select:focus{
  border-color:#11c8dc;box-shadow:0 0 0 2px rgba(17,200,220,.13)
}
.utu-trigger-v2 input::placeholder,.utu-app-muting input::placeholder{color:#6c8a9f}
.utu-trigger-v2 select option,.utu-app-muting select option{background:#0b2131;color:#e6f3fb}
.utu-trigger-help{color:#8da9bf;font-size:11px;line-height:1.5}
.utu-trigger-v2-role{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.utu-trigger-v2-role>label{
  display:flex;gap:10px;align-items:flex-start;min-width:0;padding:13px 12px;
  border:1px solid #25445a;border-radius:10px;background:#0a1b2a;cursor:pointer;
}
.utu-trigger-v2-role>label:has(input:checked){border-color:#0abdd5;background:#0a2839}
.utu-trigger-v2-role strong{font-size:12px;color:#effaff}
.utu-trigger-v2-role small{display:block;margin-top:3px;color:#95b0c4;font-size:11px;line-height:1.45}
.utu-trigger-v2 input[type=radio],.utu-trigger-v2 input[type=checkbox],
.utu-app-muting input[type=checkbox]{
  appearance:none;-webkit-appearance:none; flex:0 0 18px;
  width:18px;height:18px;min-width:18px;min-height:18px;margin:0;
  border:2px solid #3a6379;background:#071a29;position:relative;cursor:pointer;
  vertical-align:middle;
}
.utu-trigger-v2 input[type=radio]{border-radius:50%}
.utu-trigger-v2 input[type=checkbox],.utu-app-muting input[type=checkbox]{border-radius:5px}
.utu-trigger-v2 input[type=radio]:checked{border-color:#13cbde}
.utu-trigger-v2 input[type=radio]:checked:after{
  content:"";position:absolute;inset:3px;border-radius:50%;background:#13cbde
}
.utu-trigger-v2 input[type=checkbox]:checked,.utu-app-muting input[type=checkbox]:checked{
  background:#05b6cf;border-color:#05b6cf
}
.utu-trigger-v2 input[type=checkbox]:checked:after,.utu-app-muting input[type=checkbox]:checked:after{
  content:"";position:absolute;left:4px;top:0px;width:5px;height:9px;
  border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)
}
.utu-trigger-v2 input:disabled,.utu-app-muting input:disabled{opacity:.6;cursor:not-allowed}
.utu-trigger-v2-toggle-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:25px;margin-top:18px}
.utu-trigger-v2-check,.utu-app-muting .utu-mute-check{
  display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;
  cursor:pointer;font-weight:550;font-size:12px;color:#dcecf7;text-align:left;
  min-height:25px;line-height:1.5
}
.utu-trigger-v2-check>span,.utu-mute-check>span{display:inline-block}
.utu-trigger-v2-check small,.utu-mute-check small{display:block;color:#91a9bd;font-size:11px;font-weight:400}
.utu-trigger-v2 .utu-select-field,
.utu-app-muting .utu-select-field,
.utu-incident-groups .utu-select-field{position:relative;min-width:0}
.utu-select-trigger {
  width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;
  gap:8px;border:1px solid #23506a;border-radius:9px;
  background:#0a2234;color:#e7f7ff;padding:10px 12px;
  cursor:pointer;text-align:left;font-size:13px;font-weight:600;
}
.utu-select-trigger:hover{border-color:#0bb9d0;background:#0b293c}
.utu-select-trigger:focus-visible{outline:2px solid #08bcd1;outline-offset:2px}
.utu-select-trigger:disabled{opacity:.6;cursor:not-allowed}
.utu-select-chevron{font-size:13px;color:#85afc5;flex:none}
.utu-select-menu{
  position:absolute;z-index:3000;top:calc(100% + 5px);left:0;right:0;
  max-height:240px;overflow-y:auto;padding:5px;background:#0e293a;
  border:1px solid #27617a;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.5);
  scrollbar-color:#1a6278 #0b2232;
}
.utu-select-menu[hidden]{display:none!important}
.utu-select-option{
  display:block;width:100%;padding:10px 11px;min-height:36px;text-align:left;
  color:#ddecf8;background:transparent;border:0;border-radius:7px;
  font-size:13px;cursor:pointer;
}
.utu-select-option:hover,.utu-select-option:focus{background:#153b51;color:white;outline:0}
.utu-select-option[aria-selected=true]{background:#0d83b3;color:white}
.utu-trigger-v2-vertical{display:flex;flex-direction:column;gap:18px}
.utu-trigger-v2-endpoint{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid #20506a;background:#071b2d;border-radius:9px;min-width:0}
.utu-trigger-v2-endpoint code{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#a5d9ec;font-size:11px}
.utu-http-post{color:#16d1e0;font-size:11px;font-weight:750}
.utu-trigger-v2-note{padding:13px;border:1px solid #1b4761;border-radius:10px;background:#0b2a40;color:#a6cadb;font-size:12px;line-height:1.6}
.utu-trigger-v2-test-result{padding:12px;border:1px solid #1f5b69;border-radius:9px;color:#b9e7f0;background:#092532;font-size:12px;overflow-wrap:anywhere}
.utu-trigger-v2-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:19px}
.utu-trigger-v2 button.utu-btn,.utu-app-muting button.utu-btn,.utu-incident-groups button.utu-btn{
  min-height:38px;border-radius:9px;padding:9px 15px;font-size:12px;font-weight:700;
  border:1px solid #24516a;background:#102b42;color:#d7edf9;cursor:pointer;
}
.utu-trigger-v2 button.utu-btn:hover,.utu-app-muting button.utu-btn:hover,
.utu-incident-groups button.utu-btn:hover{background:#17445d;border-color:#17bfd6}
.utu-trigger-v2 button.utu-btn.primary,.utu-app-muting button.utu-btn.primary,
.utu-incident-groups button.utu-btn.primary{
  background:linear-gradient(120deg,#04bdd1,#087eaf);border-color:#0ac8de;color:white;
}
.utu-trigger-v2 button.utu-btn:disabled,.utu-app-muting button.utu-btn:disabled,
.utu-incident-groups button.utu-btn:disabled{opacity:.5;cursor:not-allowed}
.utu-trigger-v2 button.utu-btn.danger,.utu-app-muting button.utu-btn.danger{
  color:#ffc2ba;border-color:#844b52;background:#331f2c
}
.utu-incident-groups{display:grid;gap:12px;color:#e6f3fb}
.utu-groups-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:8px 0 14px}
.utu-groups-toolbar select{min-height:38px;padding:8px 12px;background:#0a2234;color:#e5f5ff;border:1px solid #29526a;border-radius:9px;max-width:260px; color-scheme:dark}
.utu-groups-toolbar select option{background:#0c2232;color:white}
.utu-incident-group{border:1px solid #1d3c51;border-radius:13px;background:#091c2b;overflow:hidden}
.utu-incident-group[data-status=active]{border-left:3px solid #00aa82}
.utu-incident-group[data-status=pending]{border-left:3px solid #0c9dcb}
.utu-incident-group[data-status=suppressed]{border-left:3px solid #b67848}
.utu-group-header{
  width:100%;display:grid;grid-template-columns:22px minmax(130px,1fr) auto;
  align-items:center;gap:12px;padding:14px 17px;background:#0d2435;color:#eaf7ff;
  text-align:left;border:0;cursor:pointer;
}
.utu-group-header:hover{background:#113046}
.utu-group-header-main{display:flex;flex-direction:column;min-width:0;gap:2px}
.utu-group-cross-app-route{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:7px;max-width:100%;line-height:1.4}
.utu-group-cross-app-tag{display:inline-flex;align-items:center;flex:none;padding:3px 8px;border-radius:7px;background:#0c3a52;border:1px solid #205e78;color:#63d7ec;font-size:10px;font-weight:800;letter-spacing:.02em}
.utu-group-chain-steps{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
.utu-group-chain-step{display:inline-flex;gap:5px;align-items:baseline;padding:3px 8px;background:#102a3d;border:1px solid #234860;border-radius:7px;max-width:100%}
.utu-group-chain-step strong{font-size:11px;font-weight:700;color:#dfedf7;overflow-wrap:anywhere}
.utu-group-chain-step em{font-size:10px;font-style:normal;font-variant-numeric:tabular-nums;color:#83bfd3}
.utu-group-chain-arrow{font-size:12px;color:#53aac4}
.utu-group-cross-app-note{padding:10px 12px;border:1px solid #1e5669;border-radius:9px;background:#0a2739;color:#9bd9e6;font-size:12px;line-height:1.5;margin:0 0 12px}
.utu-group-status.investigation-running,.utu-group-status.investigation-queued{background:#153b4c;color:#85d6ef}
.utu-group-status.investigation-completed{background:#0c3833;color:#7de1c6}
.utu-group-status.investigation-failed,.utu-group-status.investigation-cancelled{background:#432a36;color:#ffc1bb}
.utu-group-header strong{font-size:13px}
.utu-group-header small{display:block;font-size:11px;color:#98b4c8;margin-top:5px}
.utu-group-meta{font-size:11px;color:#a5bfd0}
.utu-group-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border-radius:16px;background:#10334c;color:#72cee3;padding:5px 9px}
.utu-group-status.suppressed{background:#3b2525;color:#ffc18f}
.utu-group-status.active{background:#073a36;color:#59e6c0}
.utu-group-status.resolved{background:#24364a;color:#b7cadb}
.utu-group-body{padding:15px 16px;border-top:1px solid #214057}
.utu-group-body[hidden]{display:none}
.utu-group-explanation{font-size:12px;color:#9fc2d5;line-height:1.6;margin:0 0 12px}
.utu-group-table-wrap{overflow-x:auto;border:1px solid #204053;border-radius:9px}
.utu-group-table{width:100%;min-width:650px;border-collapse:collapse;font-size:12px}
.utu-group-table th{font-size:11px;text-align:left;color:#98bed0;background:#0c293b;padding:11px 12px}
.utu-group-table td{border-top:1px solid #1c3a4e;padding:10px 12px;color:#d6e8f4;vertical-align:middle}
.utu-group-table small{display:block;color:#84a8bd;font-size:11px;margin-top:3px}
.utu-group-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:12px}
.utu-group-footer small{color:#94b5c9}
.utu-group-pill{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:11px;background:#11384c;color:#99deed}
.utu-group-pill.role-trigger{background:#123d62;color:#6bd1ff}
.utu-group-pill.role-evidence{background:#273849;color:#b1c9da}
.utu-group-pill.not-sent{background:#423025;color:#ffd09f}
.utu-group-pill.sent{background:#0a4237;color:#5ce6ba}
.utu-groups-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}
.utu-app-muting{display:flex;flex-direction:column;gap:15px;color:#e7f4fd}
.utu-mute-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.utu-mute-head h2{font-size:20px;color:#e8f4fd;margin:0 0 7px}
.utu-mute-head p{font-size:12px;color:#92afc1;margin:0}
.utu-mute-summary{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:9px;border:1px solid #1d5164;background:#0a2838;font-size:12px}
.utu-mute-summary.is-muted{background:#39282a;border-color:#8c5a52}
.utu-mute-table{width:100%;min-width:740px;border-collapse:collapse}
.utu-mute-table th{padding:12px 13px;background:#0e2a3a;color:#93b3c8;font-size:11px;text-align:left}
.utu-mute-table td{padding:12px 13px;border-top:1px solid #1e3e51;color:#e4f2fc;font-size:12px}
.utu-mute-table-wrap{border-radius:10px;border:1px solid #244759;overflow-x:auto}
.utu-mute-row-actions{display:flex;gap:8px;align-items:center}
.utu-mute-editor{padding:19px;border:1px solid #1e4358;border-radius:13px;background:#0c2030;display:grid;gap:15px}
.utu-mute-editor[hidden]{display:none}
.utu-mute-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.utu-mute-days{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.utu-mute-days label{display:flex;align-items:center;gap:6px;font-size:12px;color:#cce6f2}
.utu-mute-exclusions{display:flex;flex-wrap:wrap;gap:14px}
.utu-mute-empty{padding:22px;color:#9cb7c9;text-align:center;font-size:12px}
:root[data-theme=light] .utu-trigger-v2,:root[data-theme=light] .utu-app-muting,
:root[data-theme=light] .utu-incident-groups{color:#eaf6ff}
@media(max-width:820px){
  .utu-trigger-v2-layout{grid-template-columns:1fr}
  .utu-trigger-v2{padding:19px;max-height:calc(100dvh - var(--utu-trigger-top-offset,86px) - 20px)}
  .utu-trigger-v2-backdrop{--utu-trigger-top-offset:clamp(86px,12dvh,112px);padding:var(--utu-trigger-top-offset) 10px 20px}
  .utu-trigger-v2-grid,.utu-mute-grid{grid-template-columns:1fr}
  .utu-trigger-v2-role{grid-template-columns:1fr}
  .utu-group-header{grid-template-columns:22px 1fr}
  .utu-group-header .utu-group-status{grid-column:2;justify-self:start}
}
/* One-time credential dialog must never start above the viewport. */
.notification-modal.trigger-modal:has(.trigger-credential-dialog){
  position:fixed;inset:0;overflow-y:auto;align-items:flex-start!important;
  padding:clamp(34px,8vh,96px) 16px 30px!important;
}
.notification-modal .trigger-credential-dialog{
  position:relative!important;margin:0 auto!important;max-height:calc(100dvh - 65px);
  overflow-y:auto;max-width:800px;transform:none!important;
}
.notification-modal .trigger-credential-dialog .trigger-generated-secret{min-width:0}
.notification-modal .trigger-credential-dialog .trigger-generated-secret input{min-width:0;flex:1}

/* Author-level display rules must honor the hidden attribute. */
.utu-trigger-v2 [hidden],
.utu-incident-groups [hidden],
.utu-app-muting [hidden] {display:none!important}
.utu-trigger-v2 .utu-trigger-v2-test-result,
.utu-app-muting .utu-trigger-v2-test-result {overflow-wrap:anywhere}
.utu-incident-groups .utu-groups-toolbar .utu-select-field {min-width:190px}
.utu-incident-groups .utu-groups-toolbar .utu-select-trigger{min-height:38px}
.utu-trigger-v2 .utu-trigger-v2-card:focus-within,
.utu-app-muting .utu-mute-editor:focus-within{border-color:#22708a}

/* Keep checkbox/radio dimensions stable against legacy global form padding. */
.utu-trigger-v2 input[type="checkbox"],
.utu-trigger-v2 input[type="radio"],
.utu-app-muting input[type="checkbox"] {
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  flex: 0 0 18px !important;
  vertical-align: middle;
}

/* The base form system forces labels into columns; override only for UTU checks. */
.utu-trigger-v2 label.utu-trigger-v2-check,
.utu-app-muting label.utu-mute-check,
.utu-app-muting .utu-mute-days label,
.utu-trigger-v2 .utu-trigger-v2-role > label {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 9px !important;
}
.utu-trigger-v2 .utu-trigger-v2-role > label {
  align-items: flex-start !important;
  padding: 13px 12px !important;
}
.utu-trigger-v2 label.utu-trigger-v2-check > span,
.utu-app-muting label.utu-mute-check > span {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

/* Endpoint is shown only at creation, then copied directly by icon. */
.utu-source-endpoints-table {
  min-width:930px;
  table-layout:fixed;
}
.utu-source-endpoints-table .utu-source-webhook-address {
  display:flex;align-items:center;gap:8px;
  min-width:0;width:100%;min-height:37px;
  padding:5px 7px;border-radius:9px;
  background:#0c2637;border:1px solid #22475c;
  color:#c6e1ee;
}
.utu-source-endpoints-table .utu-source-webhook-address code {
  min-width:0;flex:1 1 auto;overflow:hidden;
  white-space:nowrap;text-overflow:ellipsis;
  color:#b9d9ea;font-size:11px;
  /* The global dark-theme code rule otherwise paints a second dark strip. */
  background:transparent!important;
  border:0!important;box-shadow:none!important;
  padding:0!important;margin:0!important;border-radius:0!important;
}
.utu-source-endpoints-table .utu-source-webhook-copy {
  display:inline-grid!important;place-items:center;
  flex:0 0 33px;width:33px;height:32px;
  padding:6px!important;border:1px solid #27546a!important;
  border-radius:7px!important;
  background:transparent!important;color:#2fdef0!important;
  cursor:pointer;
}
.utu-source-endpoints-table .utu-source-webhook-copy:hover,
.utu-source-endpoints-table .utu-source-webhook-copy:focus-visible {
  border-color:#14bad2!important;background:#124256!important;
  outline:2px solid #14bad2;outline-offset:1px;
}
.utu-source-endpoints-table .utu-source-webhook-copy svg{pointer-events:none}
.utu-endpoint-dialog {
  width:min(700px,100%);max-width:700px;
}
.utu-endpoint-source-meta {
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:8px;
  background:#102839;border:1px solid #26475b;
  color:#a8c4d5;border-radius:10px;
  padding:12px 14px;margin-bottom:19px;font-size:12px;
}
.utu-endpoint-source-meta strong {color:#edf7ff;font-size:13px}
.utu-endpoint-copy-row {
  display:flex;gap:9px;align-items:center;
  border:1px solid #214b64;border-radius:10px;
  background:#071c2d;padding:8px 10px;
}
.utu-endpoint-copy-row input {
  flex:1;min-width:0;border:0!important;box-shadow:none!important;
  color:#ecf8ff!important;background:transparent!important;
  font-family:ui-monospace,monospace;font-size:12px!important;
  padding:7px 4px!important;
}
.utu-endpoint-copy-row .utu-btn {
  flex:none;white-space:nowrap;
}
@media(max-width:560px) {
  .utu-endpoint-copy-row {flex-wrap:wrap}
  .utu-endpoint-copy-row input {flex-basis:calc(100% - 55px)}
  .utu-endpoint-copy-row .utu-btn {margin-left:auto}
}

/* Investigation muting: separate dark modal with the same navy as Rule rows. */
.utu-mute-modal-backdrop {z-index:2600!important}
.utu-mute-modal-backdrop .utu-mute-dialog {
  width:min(790px,100%)!important;max-width:790px!important;
  background:#0d1722!important;
  background-image:none!important;
  border:1px solid #223647!important;color:#edf5fb!important;
  padding:23px 26px!important;
  color-scheme:dark;
}
.utu-mute-modal-backdrop .utu-mute-editor {
  display:grid;gap:16px;min-width:0;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;color:#edf5fb!important;
}
.utu-mute-modal-backdrop .utu-mute-head {
  padding:0 0 14px;margin:0;
  border-bottom:1px solid #223647;
}
.utu-mute-modal-backdrop .utu-mute-head h3 {
  margin:0;font-size:19px;color:#edf5fb!important;
}
.utu-mute-modal-backdrop .utu-trigger-field>label,
.utu-mute-modal-backdrop .utu-trigger-field>.field-label {
  font-size:12px;font-weight:720;color:#d7e7f3!important;
}
.utu-mute-modal-backdrop .utu-trigger-field :is(input:not([type="checkbox"]),textarea,select) {
  width:100%!important;max-width:100%;min-width:0;
  min-height:40px!important;
  background:#101e2d!important;
  background-image:none!important;
  border:1px solid #2a4355!important;border-radius:9px!important;
  box-shadow:none!important;color:#edf5fb!important;
  color-scheme:dark!important;
  font-size:12px;padding:9px 12px!important;
}
.utu-mute-modal-backdrop .utu-trigger-field :is(input,textarea):focus-visible {
  border-color:#43d1dd!important;outline:2px solid rgba(67,209,221,.2);
}
.utu-mute-modal-backdrop .utu-trigger-field :is(input,textarea)::placeholder {
  color:#829bb0!important;
}
.utu-mute-modal-backdrop .utu-trigger-field .utu-select-field {
  width:100%;min-width:0;
}
.utu-mute-modal-backdrop .utu-trigger-field .utu-select-trigger {
  background:#101e2d!important;border-color:#2a4355!important;color:#edf5fb!important;
}
.utu-mute-modal-backdrop .utu-trigger-field .utu-select-menu,
.utu-mute-modal-backdrop .utu-trigger-field .utu-select-option {
  background:#101e2d!important;color:#edf5fb!important;
}
.utu-mute-modal-backdrop .utu-trigger-field .utu-select-option:is(:hover,:focus-visible,[aria-selected="true"]) {
  background:#1a3044!important;color:#fff!important;
}
.utu-mute-modal-backdrop .utu-mute-time-row {
  grid-column:1/-1;
  display:grid;grid-template-columns:repeat(2,minmax(150px,205px));
  gap:16px;justify-content:start;align-items:end;
  background:transparent!important;border:0!important;
  padding:0!important;margin:0!important;
}
.utu-mute-modal-backdrop .utu-mute-time-row input {
  height:40px!important;max-width:205px!important;letter-spacing:.015em;
  font-variant-numeric:tabular-nums;font-size:13px!important;
}
.utu-mute-modal-backdrop input::-webkit-calendar-picker-indicator {
  filter:invert(.85) sepia(.16) saturate(.4);
  opacity:.75;cursor:pointer;
}
.utu-mute-modal-backdrop .utu-mute-days {
  display:flex;gap:14px;flex-wrap:wrap;
}
.utu-mute-modal-backdrop :is(.utu-mute-check,.utu-mute-days label) {
  display:inline-flex!important;align-items:center!important;
  flex-direction:row!important;gap:8px!important;
  margin:0!important;min-height:24px;color:#ddeaf4!important;
  font-size:12px;
}
.utu-mute-modal-backdrop .utu-mute-check input[type="checkbox"],
.utu-mute-modal-backdrop .utu-mute-days input[type="checkbox"] {
  appearance:none!important;-webkit-appearance:none!important;
  width:18px!important;height:18px!important;min-width:18px!important;
  min-height:18px!important;max-width:18px!important;max-height:18px!important;
  flex:0 0 18px!important;padding:0!important;margin:0!important;
  background:#101e2d!important;border:2px solid #3a6379!important;
  border-radius:5px!important;position:relative!important;
  cursor:pointer;color-scheme:dark;
}
.utu-mute-modal-backdrop input[type="checkbox"]:checked {
  background:#05b6cf!important;border-color:#05b6cf!important;
}
.utu-mute-modal-backdrop input[type="checkbox"]:checked:after {
  content:"";position:absolute;left:4px;top:0;
  width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.utu-mute-modal-backdrop .utu-trigger-v2-actions {
  border-top:1px solid #223647;padding-top:14px;
  justify-content:flex-end;
}
.utu-mute-modal-backdrop .utu-btn {
  min-height:38px;border-radius:9px;padding:9px 15px;
  background:#122334;border:1px solid #30485b;
  color:#e7f2fa;font-size:12px;font-weight:700;
}
.utu-mute-modal-backdrop .utu-btn.primary {
  background:linear-gradient(120deg,#04bdd1,#087eaf)!important;
  border-color:#0ac8de!important;color:white!important;
}
.utu-mute-table th.utu-mute-actions-cell,
.utu-mute-table td.utu-mute-actions-cell {
  width:168px!important;min-width:168px;
  text-align:right!important;
}
.utu-app-muting .utu-mute-row-actions {
  display:flex!important;justify-content:flex-end!important;
  align-items:center;gap:8px;margin:0!important;
  white-space:nowrap;
}
@media(max-width:560px) {
  .utu-mute-modal-backdrop .utu-mute-dialog {padding:17px!important}
  .utu-mute-modal-backdrop .utu-mute-grid {grid-template-columns:minmax(0,1fr)}
  .utu-mute-modal-backdrop .utu-mute-time-row {grid-template-columns:minmax(0,1fr)}
  .utu-mute-modal-backdrop .utu-mute-time-row input {max-width:100%!important}
}

/* Make the exception semantics visible: checked means the target is NOT muted. */
.utu-mute-modal-backdrop .utu-mute-exclusion-help {
  margin:5px 0 9px!important;
  font-size:12px!important;line-height:1.5!important;
  color:#a7b4c6!important;
}
.utu-mute-modal-backdrop .utu-mute-exclusions {
  display:flex;flex-direction:column;align-items:stretch;
  gap:8px;margin-top:7px;
}
.utu-mute-modal-backdrop .utu-mute-exclusion-row {
  display:flex!important;align-items:center!important;
  flex-direction:row!important;justify-content:flex-start!important;
  width:100%;padding:10px 12px!important;
  border:1px solid #223647!important;
  border-radius:10px!important;
  background:#101e2d!important;
}
.utu-mute-modal-backdrop .utu-mute-exclusion-row span {
  display:flex;flex-direction:column;gap:3px;min-width:0;
}
.utu-mute-modal-backdrop .utu-mute-exclusion-row strong {
  font-weight:730;color:#edf5fb;
}
.utu-mute-modal-backdrop .utu-mute-exclusion-row small {
  color:#52dabe;font-size:11px;font-weight:700;
}
.utu-mute-modal-backdrop .utu-mute-exclusion-row:has(input:checked) small {
  color:#ffcb93;
}
.utu-mute-modal-backdrop .utu-mute-coverage-preview {
  padding:12px 13px;border:1px solid #27586a;
  background:#0b293b!important;
  border-radius:10px;color:#d9eef8;
  font-size:12px;line-height:1.6;
  overflow-wrap:anywhere;
}
.utu-app-muting .utu-mute-scope {
  font-size:12px;line-height:1.5;
  color:#c8deeb;overflow-wrap:anywhere;
}
.utu-incident-group[data-status="pending_muted"] .utu-group-status {
  background:#53392a;color:#ffce9d;
}

/* Incident Groups: accessible, sanitized alert details on hover or focus.
 * Fixed portal avoids clipping by the horizontally scrollable group table. */
.utu-incident-groups .utu-group-table tr[data-alert-preview-id]:hover td,
.utu-incident-groups .utu-group-table tr[data-alert-preview-id]:focus-within td {
  background:#122b3d!important;
}
.utu-incident-groups .utu-alert-title {
  display:inline!important;text-align:left!important;
  border:0!important;background:transparent!important;padding:0!important;
  box-shadow:none!important;max-width:100%!important;
  font:inherit!important;font-size:12px!important;font-weight:750!important;
  color:#eaf7ff!important;cursor:help!important;
}
.utu-incident-groups .utu-alert-title:hover,
.utu-incident-groups .utu-alert-title:focus-visible {
  color:#47d6e6!important;text-decoration:underline!important;
  text-underline-offset:3px;
}
.utu-incident-groups .utu-alert-title:focus-visible {
  outline:2px solid #27c0d5!important;outline-offset:3px;
}
.utu-alert-preview {
  position:fixed;z-index:3600;box-sizing:border-box;
  width:min(440px,calc(100vw - 24px));
  max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;
  padding:18px 19px;background:#0b1d2c!important;
  border:1px solid #2d5367!important;border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.48)!important;
  color:#dfedf8!important;font-size:12px;line-height:1.5;
  scrollbar-color:#335c71 #0b1d2c;
  color-scheme:dark;
}
.utu-alert-preview[hidden]{display:none!important}
.utu-alert-preview-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:10px;
  padding-bottom:12px;border-bottom:1px solid #234257;
}
.utu-alert-preview-kicker{
  color:#47d8e8;letter-spacing:.1em;font-size:9.5px;font-weight:800;
}
.utu-alert-preview-head h3{
  font-size:15px;color:#f0f8fd;font-weight:760;line-height:1.3;
  margin:5px 0 4px;overflow-wrap:anywhere;
}
.utu-alert-preview-head p{color:#97b4c8;margin:0;font-size:11px}
.utu-alert-preview-severity{
  flex:0 0 auto;border:1px solid #33536a;background:#183248;
  color:#b5d8ee;border-radius:999px;padding:3px 9px;
  font-size:10px;font-weight:750;
}
.utu-alert-preview-facts{
  display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;
  margin:13px 0 2px;
}
.utu-alert-preview-facts>div{min-width:0}
.utu-alert-preview dt{
  font-size:10px;color:#85a6bd;margin:0 0 3px;font-weight:650;
}
.utu-alert-preview dd{
  margin:0;color:#e6f2f9;font-size:11.5px;overflow-wrap:anywhere;
}
.utu-alert-preview-section{
  margin:14px 0 0;padding:13px 0 0;border-top:1px solid #234257;
}
.utu-alert-preview-section h4{
  color:#47d8e8!important;font-size:10px;letter-spacing:.035em;
  text-transform:uppercase;margin:0 0 8px;font-weight:800;
}
.utu-alert-preview-section h4 span{color:#8caabd;font-weight:500}
.utu-alert-preview-section p{margin:5px 0;color:#ddebf5;overflow-wrap:anywhere}
.utu-alert-preview-description{white-space:pre-wrap;word-break:break-word}
.utu-alert-preview-kv{
  margin:0;display:grid;gap:0;max-width:100%;
  border:1px solid #203f53;border-radius:9px;overflow:hidden;
}
.utu-alert-preview-kv>div{
  display:grid;grid-template-columns:minmax(92px,.9fr) minmax(0,1.7fr);
  gap:10px;padding:7px 9px;border-bottom:1px solid #203f53;
  background:#102536;
}
.utu-alert-preview-kv>div:last-child{border-bottom:0}
.utu-alert-preview-kv dt{margin:0;color:#97b6ca;overflow-wrap:anywhere}
.utu-alert-preview-kv dd{overflow-wrap:anywhere;white-space:pre-wrap}
.utu-alert-preview-muted,.utu-alert-preview-loading{
  color:#96b1c4!important;font-size:11px;
}
.utu-alert-preview-error{color:#ffb5ba;font-size:11px}
@media (max-width:560px){
  .utu-alert-preview{padding:14px;max-height:calc(100vh - 28px)}
  .utu-alert-preview-facts{grid-template-columns:minmax(0,1fr)}
}