.tr-measurement-banner[hidden],
.tr-measurement-preferences[hidden],
.tr-measurement-status[hidden] { display:none!important; }
.tr-measurement-banner {
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:100000;
    box-sizing:border-box;
    width:min(520px,calc(100vw - 36px));
    max-height:calc(100vh - 36px);
    max-height:calc(100dvh - 36px);
    overflow:auto;
    padding:22px;
    border:1px solid #bac6d6;
    border-top:4px solid #294ba1;
    border-radius:12px;
    background:#fff;
    color:#161a1d;
    box-shadow:0 6px 28px rgba(25,42,71,.22);
    font:15px/1.5 system-ui,sans-serif;
}
.tr-measurement-banner h2 { margin:0 0 10px; font:700 20px/1.3 system-ui,sans-serif; color:#161a1d; }
.tr-measurement-banner p { margin:0 0 12px; }
.tr-measurement-banner .tr-measurement-note { color:#536174; font-size:13px; }
.tr-measurement-banner .tr-measurement-status { color:#9b2c2c; font-size:13px; }
.tr-measurement-banner a { color:#294ba1; text-decoration:underline; }
.tr-measurement-actions { display:flex; flex-wrap:wrap; gap:10px; }
.tr-measurement-actions button,
.tr-measurement-preferences {
    min-height:44px;
    padding:10px 15px;
    border:1px solid #294ba1;
    border-radius:7px;
    background:#fff;
    color:#294ba1;
    font:600 14px/1.4 system-ui,sans-serif;
    cursor:pointer;
}
.tr-measurement-actions button:first-child { background:#294ba1; color:#fff; }
.tr-measurement-actions button:hover,
.tr-measurement-preferences:hover { box-shadow:inset 0 0 0 1px #294ba1; }
.tr-measurement-banner :focus-visible,
.tr-measurement-preferences:focus-visible { outline:3px solid #536fc4; outline-offset:3px; }
.tr-measurement-preferences { position:fixed; bottom:12px; left:12px; z-index:99999; box-shadow:0 2px 10px rgba(25,42,71,.12); }
@media (max-width:540px) {
    .tr-measurement-banner { right:12px; bottom:12px; width:calc(100vw - 24px); padding:18px; }
    .tr-measurement-actions button { flex:1; }
    .tr-measurement-preferences { font-size:12px; min-height:36px; padding:7px 10px; }
}