/* STS blue/red/charcoal, readable in both portal appearances. */
.sts345-dialog{width:min(1000px,96vw);max-width:96vw;max-height:90vh;overflow:auto;background:#f8fbff;color:#173149;border:1px solid #497e9e;border-top:5px solid #d94158;border-radius:14px;padding:22px;box-shadow:0 12px 36px #0006}
.sts345-dialog::backdrop{background:#051422b0}
.sts345-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.sts345-head small{color:#1676b1;font-weight:800;letter-spacing:.1em}
.sts345-head h2{margin:4px 0;font-size:23px}
.sts345-dialog button{padding:9px 13px;border-radius:7px;border:1px solid #1776b9;background:#1879b9;color:white;font-weight:700;cursor:pointer}
.sts345-dialog button:disabled{opacity:.45;cursor:not-allowed}
.sts345-dialog p{line-height:1.5}
.sts345-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.sts345-metrics>div{padding:12px;background:#e7f1f8;border:1px solid #b7d5e8;border-radius:9px}
.sts345-metrics small{display:block;font-size:11px;margin-bottom:8px}
.sts345-metrics strong{font-size:19px}
.sts345-table{overflow-x:auto}
.sts345-table table{border-collapse:collapse;width:100%;font-size:12px;min-width:780px}
.sts345-table th,.sts345-table td{text-align:left;padding:9px;border-bottom:1px solid #bdd3e3}
.sts345-section{border:1px solid #c0d4e4;margin-top:14px;padding:13px;border-radius:9px}
.sts345-section h3{margin:0 0 10px;font-size:16px}
.sts345-holder{display:block;padding:9px;margin-bottom:4px}
.sts345-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #7daac7;border-radius:7px;padding:10px}
@media(prefers-color-scheme:dark){.sts345-dialog{background:#1d3245;color:#f5faff;border-color:#56849f}.sts345-metrics>div{background:#273f56;border-color:#547893}.sts345-section{border-color:#527790}.sts345-table td,.sts345-table th{border-color:#547893}}
@media(max-width:650px){.sts345-dialog{padding:14px}.sts345-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}