.customer_sandbox_banner {
    position: sticky; top: 0; z-index: 1000; padding: 8px 24px;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    border-bottom: 1px solid #e4dbc3; background: #faf6eb; color: #574625;
    font-size: 13px; line-height: 1.5;
}
body:has(> .customer_sandbox_banner) .home_site_header { top: var(--sandbox-bar-height, 50px); }
.customer_sandbox_banner strong { font-size: 13px; }
.customer_sandbox_identity, .customer_sandbox_actions { display: flex; align-items: center; gap: 16px; }
.customer_sandbox_identity strong { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.customer_sandbox_identity strong span { color: #a66c16; font-size: 10px; }
.customer_sandbox_identity > span { color: #756a54; font-size: 12px; }
.customer_sandbox_banner form { margin: 0; }
.customer_sandbox_banner p { margin: 5px 0 10px; }
.customer_sandbox_banner a { color: #694200; text-decoration: none; font-weight: 500; }
.customer_sandbox_banner a:hover { text-decoration: underline; }
.customer_sandbox_banner details { margin: 8px 0; }
.customer_sandbox_banner summary { cursor: pointer; }
.customer_sandbox_banner .customer_sandbox_options { position: relative; margin: 0; }
.customer_sandbox_options > summary { display: flex; align-items: center; gap: 8px; list-style: none; padding: 6px 0; }
.customer_sandbox_options > summary::-webkit-details-marker { display: none; }
.customer_sandbox_panel { position: absolute; right: 0; top: calc(100% + 12px); width: 360px; max-width: calc(100vw - 32px); padding: 18px; border: 1px solid #e4dbc3; border-radius: 12px; background: #fffdf8; box-shadow: 0 12px 32px #3221001f; overflow-wrap: anywhere; }
.customer_sandbox_panel > details { padding-top: 10px; border-top: 1px solid #ece5d7; }
.customer_sandbox_banner :is(a,button,summary):focus-visible { outline: 2px solid #946319; outline-offset: 3px; }
.customer_sandbox_banner button, .customer_sandbox_start {
    padding: 6px 12px; border: 1px solid #d6c7a6; border-radius: 7px;
    background: #fffaf0; color: #322100; cursor: pointer; font: inherit;
}
.customer_sandbox_start { margin: 8px 0; font-size: 13px; }
@media (max-width: 700px) {
    .customer_sandbox_banner { padding: 8px 12px; flex-wrap: wrap; gap: 4px 12px; }
    .customer_sandbox_identity > span { display: none; }
    .customer_sandbox_actions { gap: 12px; flex-wrap: wrap; }
    .customer_sandbox_options { position: static !important; }
    .customer_sandbox_panel { right: 12px; top: calc(100% + 4px); }
}