/* Kontenerologia Tool UI 1.0 — shared operational components */
:root{
  --ktlg-tool-ok:#5fd2a0;
  --ktlg-tool-warn:#e7b45c;
  --ktlg-tool-danger:#ef7e86;
  --ktlg-tool-blue:#78a8f5;
  --ktlg-tool-line:#2b4362;
  --ktlg-tool-panel:#0b192b;
  --ktlg-tool-panel-2:#101f34;
}
.ktlg-tool-status-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ktlg-tool-status{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:6px 9px;border:1px solid var(--ktlg-tool-line);border-radius:999px;background:#0a1728;color:#91a8c4;font-size:9px;font-weight:750;line-height:1.2}
.ktlg-tool-status::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#6f89a9;box-shadow:0 0 0 3px rgba(111,137,169,.08)}
.ktlg-tool-status.is-ok{border-color:rgba(95,210,160,.34);color:#9be1c2;background:rgba(36,105,76,.12)}
.ktlg-tool-status.is-ok::before{background:var(--ktlg-tool-ok)}
.ktlg-tool-status.is-warn{border-color:rgba(231,180,92,.42);color:#e8c98f;background:rgba(119,79,21,.14)}
.ktlg-tool-status.is-warn::before{background:var(--ktlg-tool-warn)}
.ktlg-tool-status.is-danger{border-color:rgba(239,126,134,.42);color:#f2a6ad;background:rgba(126,48,56,.14)}
.ktlg-tool-status.is-danger::before{background:var(--ktlg-tool-danger)}
.ktlg-tool-verified{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #29415e;border-radius:9px;background:linear-gradient(180deg,rgba(15,31,52,.92),rgba(9,23,39,.92));color:#7189a7;font-size:9px;line-height:1.5}
.ktlg-tool-verified svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#79a7f3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ktlg-tool-verified strong{display:block;margin-bottom:2px;color:#c9d8e9;font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.ktlg-tool-expert-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid #345276;border-radius:7px;background:#0c1a2c;color:#9bb5d3;font-size:9px;font-weight:800;cursor:pointer}
.ktlg-tool-expert-toggle:hover{border-color:#5e8fd2;color:#fff;background:#10243e}
.ktlg-tool-expert-toggle[aria-expanded="true"]{border-color:#4c7fd4;color:#ddecff;background:#15345b}
.ktlg-tool-context-actions{display:flex;flex-wrap:wrap;gap:8px}
.ktlg-tool-context-actions a,.ktlg-tool-context-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:0 12px;border:1px solid #345276;border-radius:7px;background:#0c1a2c;color:#a8bfda;font-size:9px;font-weight:800;text-decoration:none;cursor:pointer}
.ktlg-tool-context-actions .is-primary{border-color:#4c7fd4;background:#173b69;color:#fff}
.ktlg-tool-context-actions a:hover,.ktlg-tool-context-actions button:hover{border-color:#79a7f3;color:#fff}
.ktlg-tool-summary-mobile{display:none}
.ktlg-tool-delta{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #2d4564;border-radius:999px;color:#8099b7;background:#0a1728;font-size:8px;font-weight:750}
.ktlg-tool-delta.is-plus{color:#9eddbf;border-color:rgba(95,210,160,.3)}
.ktlg-tool-delta.is-minus{color:#e5be7a;border-color:rgba(231,180,92,.32)}
.ktlg-tool-flash{animation:ktlgToolFlash .55s ease}
@keyframes ktlgToolFlash{0%{box-shadow:0 0 0 0 rgba(120,168,245,.28)}45%{box-shadow:0 0 0 6px rgba(120,168,245,.08)}100%{box-shadow:0 0 0 0 rgba(120,168,245,0)}}
@media(max-width:760px){
  .ktlg-tool-summary-mobile{position:sticky;top:64px;z-index:55;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:9px 11px;border:1px solid rgba(64,94,133,.86);border-radius:10px;background:rgba(7,19,34,.94);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.24)}
  .ktlg-tool-summary-mobile>div{min-width:0}.ktlg-tool-summary-mobile small{display:block;color:#617c9d;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.ktlg-tool-summary-mobile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:#e9f2fd;font-size:11px}.ktlg-tool-summary-mobile span{flex:none;color:#78a8f5;font-size:9px;font-weight:800}
}