.test-mode-banner{z-index:99999;color:#fff;padding:12px 24px;padding-top:calc(12px + env(safe-area-inset-top));background:#a91424;align-items:center;gap:14px;min-height:68px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 3px 12px #65071440}.test-mode-banner>div{flex:1;min-width:0}.test-mode-banner strong{letter-spacing:.1em;font-size:14px;display:block}.test-mode-banner span{font-size:13px;line-height:1.45}.test-mode-banner button{color:#fff;background:#ffffff12;border:1px solid #ffffff80;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 13px;display:flex}.test-mode-settings{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:16px;padding:24px;display:flex}.test-mode-settings>div:first-child{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.test-mode-settings h2{font-size:22px;font-weight:700}.test-mode-settings p{max-width:820px;color:var(--pp-muted,#777);font-size:14px;line-height:1.65}.test-mode-settings>div>span{color:#b51d32;background:#ad172817;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:600}.test-mode-controls{flex-wrap:wrap;gap:12px;display:flex}.test-mode-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100dvh;padding:24px;display:flex}.test-mode-error{z-index:100001;top:calc(var(--test-mode-height,0px) + 10px);color:#7d2110;background:#fff4ef;border:1px solid #c96a55;border-radius:10px;align-items:center;gap:12px;max-width:800px;margin:auto;padding:16px;display:flex;position:fixed;left:16px;right:16px}.test-mode-error button{min-height:44px;margin-left:auto;padding:8px}.test-mode-stale{z-index:100002;background:#110b19bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.test-mode-stale section{background:var(--pp-surface,#fff);max-width:450px;color:var(--pp-ink,#221a22);border-radius:20px;gap:20px;padding:30px;display:grid}.test-mode-stale p{line-height:1.6}.test-mode-stale h2{font-size:24px;font-weight:700}html[data-test-mode=true] .test-mode-content{padding-top:var(--test-mode-height,76px)}html[data-test-mode=true] [data-slot=sidebar-container]{top:var(--test-mode-height,76px);height:calc(100svh - var(--test-mode-height,76px))}html[data-test-mode=true] .bank-topbar{top:var(--test-mode-height,76px)}html[data-test-mode=true] .team-layout,html[data-test-mode=true] .workspace,html[data-test-mode=true] .bank-stage{min-height:calc(100svh - var(--test-mode-height,76px))}html[data-test-mode=true] [data-slot=dialog-content]{max-height:calc(100dvh - var(--test-mode-height,76px) - 32px);top:calc(50% + var(--test-mode-height,76px)/2)}@media (max-width:600px){.test-mode-banner{padding:9px 12px;padding-top:calc(9px + env(safe-area-inset-top));gap:9px}.test-mode-banner>svg{display:none}.test-mode-banner span{font-size:11px}.test-mode-banner strong{font-size:12px}.test-mode-banner button{padding:8px}.test-mode-banner button span{display:none}.test-mode-settings{padding:20px}.test-mode-controls{width:100%}.test-mode-controls button{white-space:normal;flex:1;min-height:46px}}html[data-test-mode=true] [data-slot=sidebar][data-mobile=true]{top:var(--test-mode-height,76px);height:calc(100dvh - var(--test-mode-height,76px));max-height:calc(100dvh - var(--test-mode-height,76px))}.invitation-recovery{flex-wrap:wrap;align-items:flex-start;max-height:calc(100dvh - 32px);overflow-y:auto}.invitation-recovery>svg{flex-shrink:0;margin-top:3px}.invitation-recovery>span{overflow-wrap:anywhere;flex:240px;min-width:0;line-height:1.5}.invitation-recovery button{white-space:normal;border:1px solid;border-radius:8px;margin-left:0}.invitation-recovery button:disabled{opacity:.55}@media (max-width:480px){.invitation-recovery{gap:10px;padding:12px;left:10px;right:10px}.invitation-recovery>span{flex-basis:calc(100% - 34px)}.invitation-recovery button{flex:1;min-height:44px}}
