/* Centralized Tools: compact Notifications-style grouped tables. */
#tools-view .central-tools-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
#tools-view .central-tools-head h1{margin:3px 0 6px;font-size:30px;color:var(--utu-text,#f2f8ff)}
#tools-view .central-tools-head p{color:var(--utu-subtext,#a6bfcd);margin:0}
#tools-view .central-tools-head .eyebrow{color:var(--utu-highlight,#36cddd);font-weight:800;letter-spacing:.15em;font-size:11px;text-transform:uppercase}
#tools-view .central-tools-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
#tools-view #new-central-tool{min-height:42px;padding:9px 17px;border-radius:10px;font-size:12px;font-weight:800}
#tools-view .central-tool-group{padding:12px 14px 14px!important;margin:0 0 15px!important;border:1px solid var(--utu-stroke-soft,#31536e);border-radius:17px;background:var(--utu-panel,#132e43)}
#tools-view .central-tool-section-title{width:100%;display:flex;align-items:center;gap:12px;padding:4px 4px 14px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left;cursor:pointer;color:var(--utu-text,#eaf6fd)}
#tools-view .central-tool-group-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:13px;background:#165d7b;color:#a5edff;font-size:22px;font-weight:700}
#tools-view .central-tool-group[data-central-group="unassigned"] .central-tool-group-icon{background:#6b5733;color:#ffd48b}
#tools-view .central-tool-group-heading{display:flex;flex-direction:column;min-width:0;gap:5px}
#tools-view .central-tool-group-heading strong{font-size:15px;font-weight:800}
#tools-view .central-tool-group-heading small{color:var(--utu-subtext,#a4bfce);font-size:11px}
#tools-view .central-tool-count{border-radius:99px;background:#24455a;color:#bdd8ea;padding:4px 9px;font-size:11px;font-weight:800}
#tools-view .central-tool-chevron{margin-left:auto;font-size:18px;color:var(--utu-subtext,#a3c1d0)}
#tools-view .central-tools-table{min-width:750px;table-layout:fixed}
#tools-view .central-tools-table th:nth-child(1){width:25%}
#tools-view .central-tools-table th:nth-child(2){width:22%}
#tools-view .central-tools-table th:nth-child(3){width:16%}
#tools-view .central-tools-table th:nth-child(4){width:15%}
#tools-view .central-tools-table th:nth-child(5){width:22%}
#tools-view .central-tool-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tools-view .central-tool-name small{display:block;color:var(--utu-subtext,#abc4d1);margin-top:5px;text-transform:capitalize;font-size:10px}
#tools-view .central-tool-kind{display:inline-flex;padding:5px 9px;border-radius:9px;background:#1d4259;color:#c5deee;font-size:11px;font-weight:700;text-transform:capitalize}
#tools-view .central-tool-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
#tools-view .central-tool-actions button{padding:6px 10px!important;min-height:30px!important;font-size:11px!important;border-radius:8px!important}
#tools-view .central-tool-actions .danger{color:#ffc0c8!important}
#tools-view .central-tool-readonly{font-size:11px;color:var(--utu-subtext,#8daec2)}
#tools-view .central-tool-empty-row,#tools-view .central-tool-empty{text-align:center;padding:22px;color:var(--utu-subtext,#8caec1)}
#tools-view .central-tool-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:14px;color:var(--utu-subtext,#a5c0d2);font-size:11px}
#tools-view .central-tool-pagination button{font-size:11px;padding:5px 9px}
#application-tool-modal .tool-modal-core > label:has(.tool-name){grid-column:1/-1}
#application-tool-modal .tool-modal-core .tool-name{width:100%;max-width:100%;min-height:44px;border-radius:10px}
/* Centered, non-dismiss-on-outside-click assignment modal. */
.central-tool-bind-mask{position:fixed;inset:0;z-index:22000;background:rgba(3,12,21,.79);display:flex;align-items:center;justify-content:center;padding:22px;overflow-y:auto;box-sizing:border-box}
.central-tool-bind-dialog{box-sizing:border-box;width:min(100%,510px);max-height:calc(100dvh - 44px);overflow-y:auto;border:1px solid #385f78;border-radius:20px;background:var(--utu-panel,#142f45);color:var(--utu-text,#f1f8fd);box-shadow:0 22px 75px #0007;padding:26px}
.central-tool-bind-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:23px}
.central-tool-bind-header .eyebrow{color:var(--utu-highlight,#3bdfed);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:850}
.central-tool-bind-header h2{font-size:23px;margin:7px 0 5px}
.central-tool-bind-header p{color:var(--utu-subtext,#9fbfd1);font-size:12px;margin:0;line-height:1.5}
.central-tool-bind-header .central-bind-close{min-width:38px;min-height:38px;border:1px solid #416179;border-radius:11px;font-size:24px;line-height:1;color:inherit}
.central-tool-bind-summary{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #385a75;border-radius:12px;background:var(--utu-panel-soft,#1b394f);margin-bottom:20px}
.central-tool-bind-summary strong{font-size:15px}.central-tool-bind-summary span{font-size:12px;color:var(--utu-subtext,#a3bfce)}
.central-tool-bind-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;margin:0 0 15px}
.central-tool-bind-dialog :is(input,select){width:100%!important;box-sizing:border-box!important;height:43px!important;margin:0!important;padding:8px 12px!important;border:1px solid var(--utu-stroke,#3a5d79)!important;border-radius:10px!important;background:var(--utu-panel-soft,#203d52)!important;color:var(--utu-text,#eff8fd)!important;font-size:13px!important}
.central-tool-bind-dialog :is(input,select):focus{outline:2px solid #14c2df;outline-offset:1px}
.central-tool-bind-dialog .central-required{color:#ffab90}
.central-tool-bind-dialog .central-bind-error{font-size:12px;color:#ffadb0;margin:6px 0 12px}
.central-tool-bind-dialog footer{display:flex;align-items:center;justify-content:flex-end;gap:11px;margin-top:21px}
.central-tool-bind-dialog footer button{min-height:40px;padding:9px 18px;border-radius:9px;font-size:12px}
:root[data-theme="light"] #tools-view .central-tool-group{background:#f9fcff}
:root[data-theme="light"] #tools-view .central-tool-kind{background:#e0f0f7;color:#325267}
:root[data-theme="light"] #tools-view .central-tool-count{background:#e3eff6;color:#48687e}
:root[data-theme="light"] .central-tool-bind-dialog{background:#fff;border-color:#b8cfdc}
:root[data-theme="light"] .central-tool-bind-summary{background:#eff8fd}
@media(max-width:850px){#tools-view .central-tools-head{flex-wrap:wrap}#tools-view .central-tools-actions{width:100%;justify-content:flex-start}#tools-view .central-tool-group{padding:8px!important}}
@media(max-width:520px){#tools-view .central-tools-actions{align-items:stretch}#tools-view #new-central-tool{min-width:100%}.central-tool-bind-dialog{padding:18px}}

/* VictoriaMetrics logical-component picker: compact navy surfaces and full-size
   accessible selectors. No bright nested card background. */
.prom-label-scope-card .prom-scope-visual-discovery{
  margin:14px 0;padding:12px 14px;border:1px solid #2b4960;
  border-radius:11px;background:transparent;color:#dceafa;
}
.prom-label-scope-card .prom-scope-visual-discovery summary{
  font-size:13px;font-weight:650;cursor:pointer;line-height:1.5;
}
.prom-label-scope-card .prom-scope-discovery-fields{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;
  align-items:end;margin:12px 0;
}
.prom-label-scope-card .prom-scope-discovery-fields label{
  display:block;min-width:0;max-width:100%;font-size:12px;font-weight:600;
}
.prom-label-scope-card .prom-scope-discovery-fields select{
  display:block;width:100%!important;min-width:0;max-width:100%;
  min-height:44px;padding:9px 12px;margin-top:7px;
  border-radius:9px;border:1px solid #31506a;background:#132b3e;
  color:#ebf5fd;font-size:13px;text-overflow:ellipsis;
}
.prom-label-scope-card .prom-scope-discovery-fields button{
  min-height:44px;border-radius:9px;padding:8px 14px;
  border:1px solid #2b81cf;color:#c5e7ff;background:#152c41;
}
.prom-label-scope-card .prom-scoped-discovery-status{
  display:block;margin-top:7px;font-size:11px;color:#9ebbd0;
  overflow-wrap:anywhere;line-height:1.5;
}
@media(max-width:700px){
  .prom-label-scope-card .prom-scope-discovery-fields{grid-template-columns:minmax(0,1fr);}
}

/* VM02 stored-series inventory: native checkboxes, wide rows, navy UTU UI. */
#application-tool-modal .vm-component-inventory{grid-column:1/-1;min-width:0;width:100%}
#application-tool-modal .vm-component-heading{
  display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin:0 0 13px;
}
#application-tool-modal .vm-component-heading>div{flex:1 1 350px;min-width:0}
#application-tool-modal .vm-component-heading h3{color:#f0f7ff;font-size:17px;margin:0 0 6px;line-height:1.35}
#application-tool-modal .vm-component-heading p{color:#a4bacd;font-size:12px;line-height:1.55;margin:0}
#application-tool-modal .vm-component-meta{
  display:flex;gap:10px 18px;flex-wrap:wrap;color:#a3bdcc;font-size:11px;margin:5px 0 13px;
}
#application-tool-modal .vm-component-toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:12px;margin:13px 0 9px;
}
#application-tool-modal .vm-component-toolbar strong{font-size:13px;color:#dfedf9}
#application-tool-modal .vm-component-toolbar button{
  min-height:39px;background:#183349;border:1px solid #31536b;
  border-radius:10px;padding:8px 14px;color:#cceaff;
}
#application-tool-modal .vm-component-list{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:6px;max-height:380px;overflow-y:auto;overflow-x:hidden;
  padding:3px 0 9px;scrollbar-gutter:stable;
}
#application-tool-modal .vm-component-choice{
  display:flex!important;align-items:flex-start;gap:13px;
  width:100%!important;min-width:0;box-sizing:border-box;
  padding:13px 15px;border:1px solid #2b4660;
  border-radius:10px;background:#12283b;color:#dceaf7;cursor:pointer;
}
#application-tool-modal .vm-component-choice:hover{border-color:#258bd4}
#application-tool-modal .vm-component-choice>input[type="checkbox"]{
  flex:0 0 18px!important;position:static!important;display:block!important;
  width:18px!important;height:18px!important;min-height:18px!important;
  margin:2px 0 0!important;accent-color:#12c6d8;
}
#application-tool-modal .vm-component-text{
  min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:4px;
}
#application-tool-modal .vm-component-text strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#application-tool-modal .vm-component-text small{
  color:#a2b8c9;font-size:11px;line-height:1.5;overflow-wrap:anywhere;
}
#application-tool-modal .vm-component-kind{
  flex:0 0 auto;border-radius:7px;background:#213d54;color:#b8dbed;
  padding:5px 8px;font-size:10px;max-width:160px;overflow-wrap:anywhere;
}
#application-tool-modal .vm-component-stale{opacity:.68}
#application-tool-modal .vm-components-saved-label{margin:17px 0 11px;color:#e6f4fc}
#application-tool-modal .vm-components-saved-label p{font-size:11px;color:#a9becc;margin:4px 0 0;line-height:1.5}
#application-tool-modal .prom-label-scope-list{grid-column:1/-1;min-width:0}
#application-tool-modal .vm-component-inventory .prom-sync-warning{margin:8px 0}
@media(max-width:600px){
  #application-tool-modal .vm-component-kind{display:none}
  #application-tool-modal .vm-component-choice{padding:11px}
}

.vm-discovery-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;
  max-width:100%;min-width:0;
}
.vm-discovery-actions select{
  display:block;box-sizing:border-box;min-width:156px!important;
  width:auto!important;max-width:100%!important;height:40px!important;
  padding:7px 11px!important;border:1px solid #34546d!important;
  border-radius:9px!important;background:#142c40!important;color:#e1f1fd!important;
  font-size:12px!important;font-weight:600!important;
}
@media(max-width:620px){
  .vm-discovery-actions{width:100%;justify-content:stretch}
  .vm-discovery-actions select{flex:1 1 auto;width:100%!important}
}
