/* Staff web/native controls use the existing charcoal/orange palette. */
.twp-dialog{box-sizing:border-box;width:min(820px,96vw);max-width:96vw;max-height:92dvh;margin:auto;padding:0;border:1px solid #474747;border-radius:24px;background:#141414;color:#f5f5f5;box-shadow:0 24px 90px #000b;color-scheme:dark;-webkit-tap-highlight-color:transparent;font:inherit}
.twp-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.twp-dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}
.twp-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #ffffff20;flex:0 0 auto;min-width:0}.twp-header>div{min-width:0;overflow-wrap:anywhere}.twp-header h1{font-size:24px;line-height:1.2;margin:7px 0 0}.twp-eyebrow{color:#ffad5b;font-size:11px;font-weight:800;letter-spacing:.13em}.twp-header>button{flex:0 0 auto}
.twp-body{padding:22px 24px;overflow:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto;line-height:1.55}.twp-body h2{font-size:18px;line-height:1.3;margin:0 0 16px}.twp-intro{margin:0 0 10px;color:#e3e3e3}.twp-note{margin:10px 0 18px;font-size:13px;color:#bdbdbd;overflow-wrap:anywhere}.twp-impact{padding:14px 16px;border:1px solid #72502e;border-radius:13px;background:#2a2118;color:#f3d3af;font-size:13px;margin:22px 0 0}
.twp-dialog button{min-height:44px;box-sizing:border-box;padding:10px 15px;background:#292929;color:#fff;border:1px solid #555;border-radius:12px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;white-space:normal}.twp-dialog button:hover{border-color:#ee9d4a;background:#34302b}.twp-dialog button:active{background:#3a3025}.twp-dialog button:disabled{opacity:.5;cursor:default}.twp-dialog button:focus-visible,.twp-dialog input:focus-visible,.twp-dialog select:focus-visible,[data-twp-tool]:focus-visible{outline:3px solid #ffb14f;outline-offset:3px}
.twp-dialog form{margin:0}.twp-dialog label{display:grid;gap:8px;min-width:0;font-size:14px;font-weight:650}.twp-dialog input,.twp-dialog select{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:12px;border:1px solid #555;border-radius:11px;background:#0d0d0d;color:#fff;font:inherit;font-size:16px;box-shadow:none;caret-color:#ffb14f}.twp-dialog input:disabled,.twp-dialog select:disabled{opacity:.55}.twp-dialog fieldset{min-width:0;padding:14px 0 0;border:0;margin:14px 0 0}.twp-dialog legend{font-size:14px;font-weight:650;padding:0}.twp-scopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.twp-scopes label{display:flex;align-items:center;gap:9px;min-height:48px;border:1px solid #484848;border-radius:11px;padding:10px;background:#202020;box-sizing:border-box}.twp-scopes input{width:19px;min-width:19px;height:19px;min-height:19px;margin:0;padding:0;accent-color:#f29442}.twp-expiration{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.twp-dialog [hidden]{display:none!important}
.twp-dialog .twp-primary{width:100%;margin:0;background:#e67e24;color:#15100c;border-color:#ffac61;font-weight:800;min-height:48px}.twp-dialog .twp-primary:hover{background:#f69a4b}.twp-dialog .twp-primary:active{background:#d76e16}.twp-error,.twp-notice{padding:14px 16px;border-radius:13px;overflow-wrap:anywhere;font-size:14px}.twp-error{color:#ffdada;background:#3d2020;border:1px solid #9d5c5c}.twp-notice{color:#e5ebda;background:#242b1f;border:1px solid #61704d}
.twp-reveal{padding:18px;border:1px solid #d38948;border-radius:16px;background:#282015;margin:20px 0}.twp-reveal h2{color:#ffc58c;margin-bottom:8px}.twp-reveal>p{overflow-wrap:anywhere}.twp-copy{display:flex;gap:10px;margin-top:8px}.twp-copy input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px}.twp-copy button{flex:0 0 auto}.twp-reveal .twp-note{margin-bottom:0}.twp-create{padding-top:12px}.twp-list{margin-top:28px;border-top:1px solid #ffffff20;padding-top:24px}.twp-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.twp-list-heading h2{margin:0}.twp-list ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.twp-entry{border:1px solid #3f3f3f;border-radius:15px;background:#1d1d1d;padding:16px;overflow-wrap:anywhere}.twp-entry-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.twp-entry h3{font-size:16px;line-height:1.4;margin:0;min-width:0}.twp-entry p{color:#d0d0d0;font-size:13px;margin:7px 0}.twp-entry small{display:block;color:#aaa;font-size:12px}.twp-entry>button{margin-top:12px}.twp-status{flex:0 0 auto;font-size:11px;line-height:1.4;border-radius:20px;padding:5px 9px;border:1px solid #595959;color:#c8c8c8;background:#2a2a2a}.twp-status-active{color:#fac89a;border-color:#805b39;background:#35271a}.twp-confirm{margin-top:14px;padding:12px;border:1px solid #a16b3c;border-radius:12px;background:#2b2118}.twp-confirm p{margin:0 0 10px;color:#f3d3af}.twp-confirm>div{display:flex;flex-wrap:wrap;gap:9px}.twp-empty{color:#bbb}
@media(max-width:600px){.twp-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;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)}.twp-header{padding:16px;gap:12px}.twp-header h1{font-size:21px}.twp-body{padding:18px 16px}.twp-expiration{grid-template-columns:1fr}.twp-copy{flex-direction:column}.twp-copy button{width:100%}.twp-scopes{grid-template-columns:1fr}.twp-list-heading{align-items:flex-start;flex-direction:column}.twp-list-heading>button{width:100%}.twp-entry-top{flex-wrap:wrap}.twp-reveal{padding:15px}.twp-confirm>div>button{flex:1 1 auto}}