.sti45-dialog{width:min(1060px,96vw);max-width:96vw;max-height:92dvh;margin:auto;padding:0;color:#f5f5f5;background:#121212;border:1px solid #404040;border-radius:24px;box-shadow:0 24px 90px #000a}.sti45-dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.sti45-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #ffffff17}.sti45-header h1{font-size:24px;margin:6px 0 0}.sti45-body{padding:22px 24px;max-height:calc(92dvh - 108px);overflow:auto;overscroll-behavior:contain}.sti45-dialog button{background:#272727;color:#fff;border:1px solid #525252;border-radius:12px;padding:10px 14px;cursor:pointer;min-height:44px;white-space:normal}.sti45-dialog button:hover{border-color:#f79b3b}.sti45-dialog button:focus-visible,.sti45-dialog input:focus-visible,.sti45-dialog summary:focus-visible{outline:3px solid #ffb14f;outline-offset:3px}.sti45-dialog button[disabled]{opacity:.45;cursor:default}.sti45-dialog small{color:#c0c0c0;overflow-wrap:anywhere}.sti45-dialog h2{font-size:20px;margin:18px 0 12px}.sti45-dialog h3{font-size:17px;margin:0}.sti45-row,.sti45-actions,.sti45-pager,.sti45-tabs{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sti45-actions{justify-content:flex-start;margin-top:14px}.sti45-card{padding:18px;border:1px solid #ffffff1b;border-radius:17px;background:#1d1d1d;margin:12px 0;overflow-wrap:anywhere}.sti45-card>button{margin-top:12px}.sti45-note{color:#c0c0c0;line-height:1.55;font-size:13px;overflow-wrap:anywhere}.sti45-badge{display:inline-block;font-size:12px;padding:6px 9px;border:1px solid #9f7540;border-radius:9px;background:#33291d;color:#ffd398}.sti45-good{color:#b4eccb;border-color:#37674c;background:#183023}.sti45-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.sti45-stats>div{border-radius:13px;background:#111111;padding:14px}.sti45-stats b{display:block;font-size:25px;line-height:1.25}.sti45-stats span{display:block;margin-top:7px;color:#b7b7b7;font-size:12px}.sti45-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0}.sti45-details div{min-width:0}.sti45-details dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#aeaeae}.sti45-details dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:14px}.sti45-section{margin:18px 0;border-top:1px solid #ffffff20;padding-top:17px}.sti45-section>summary{cursor:pointer;font-weight:700;min-height:35px}.sti45-tabs{justify-content:flex-start;margin:16px 0}.sti45-tabs [aria-pressed=true]{background:#7c441f;border-color:#e19141}.sti45-body form{display:flex;gap:12px;align-items:flex-end;margin:16px 0}.sti45-body form label{flex:1;display:grid;gap:8px;font-size:13px}.sti45-body input{width:100%;box-sizing:border-box;background:#0d0d0d;color:#fff;border:1px solid #525252;border-radius:11px;padding:12px;font:inherit;min-height:46px}.sti45-error{padding:13px;background:#4b2121;border:1px solid #a76464;color:#ffdcdc;border-radius:12px}.sti45-loading{color:#ffbc6f}.sti45-prose{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.sti45-pager{margin:20px 0}.sti45-pager span{font-size:13px;color:#bdbdbd}@media(max-width:600px){.sti45-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border-width:0}.sti45-header{padding:16px}.sti45-header h1{font-size:20px}.sti45-body{padding:14px;max-height:calc(100dvh - 94px)}.sti45-stats{grid-template-columns:1fr}.sti45-stats>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.sti45-stats span{margin:0;text-align:right}.sti45-details{grid-template-columns:1fr}.sti45-body form{display:grid}.sti45-card{padding:15px}.sti45-actions>button{flex:1}}
.sti45-card>small{display:block;margin-top:8px}

/* Flexible dialog body preserves the close control on phones and landscape screens. */
.sti45-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.sti45-header{flex:0 0 auto;min-width:0}
.sti45-header>div{min-width:0;overflow-wrap:anywhere}
.sti45-header>button{flex:0 0 auto}
.sti45-dialog .sti45-body{flex:1 1 auto;min-height:0;max-height:none}
.sti45-body form label{min-width:0}
@media(max-width:600px){.sti45-dialog{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}}