/* Shared controls: intrinsic text width, no compression inside action rows. */
.op-site :is(button,.button,input[type=submit],input[type=button]){white-space:nowrap;word-break:normal;overflow-wrap:normal;writing-mode:horizontal-tb;flex-shrink:0;min-height:38px;min-width:max-content;line-height:1.4;padding:10px 16px;font-size:12px;font-weight:600;letter-spacing:.2px;transition:background .18s,border-color .18s;vertical-align:middle}
.op-site .button{display:inline-flex;align-items:center;justify-content:center}
.op-site .button-primary{background:linear-gradient(135deg,#d2aa4c,#9c702b);color:#13170f}
.op-site :is(.button-secondary,.secondary){background:linear-gradient(#2d3933,#1a2520);border-color:#657163;color:#e2dfc8}
.op-site .button-danger{background:linear-gradient(#55352b,#35241e);border-color:#9a6650;color:#f5d7c4}
.op-site :is(button,.button,input[type=submit]):focus-visible{outline:2px solid #eed294;outline-offset:3px}
.op-site .op-burger{min-width:38px;min-height:36px;padding:6px 10px}
.op-site .op-copy{min-width:28px;min-height:28px;padding:3px}
.op-site .panel{border:1px solid #5d5e42;border-radius:3px;background:#17211bd9;margin:20px 0;min-width:0}
.op-site .panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;background:linear-gradient(110deg,#323b2b,#1c2922);border-bottom:1px solid #5d5e42}
.op-site .panel-header h2{font-size:18px;margin:0;color:#e6d5a0}
.op-site .panel-body{padding:20px;min-width:0}
.op-site .status-card{height:auto;min-height:0}
.status-badge{font:600 11px/1.4 Arial,sans-serif;padding:5px 10px;border:1px solid #79745a;color:#d5cfb1;border-radius:3px}
.status-active{border-color:#507d64;color:#b9debc;background:#274b352e}
.account-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 20px}
.data-row{display:grid;grid-template-columns:minmax(90px,.55fr) minmax(0,1fr);gap:12px;align-items:baseline;font-size:14px;padding:7px 0}
.data-row dt{font-size:13px;color:#a9b39d}.data-row dd{margin:0;color:#eee4c9;overflow-wrap:anywhere}
.account-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-balances>div{border:1px solid #68704a66;padding:14px 18px;background:#29352566}
.account-balances span{display:block;font-size:13px;color:#bdc6ac}.account-balances strong{display:block;font:700 27px/1.5 Georgia,serif;color:#e9c878;overflow-wrap:anywhere}
.account-actions,.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.account-actions{padding-top:18px;margin-top:20px;border-top:1px solid #74845d33}.account-actions form{margin:0}
.op-site .alert{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 20px;border:1px solid #826b3a;border-left:3px solid #d0a351;background:#3b32234d;margin:20px 0}
.alert>div{flex:1 1 260px;min-width:0}.op-site .alert h2{font-size:17px;margin:0 0 7px}.alert p{font-size:13px;margin:0;color:#c5cbb4}
.op-site .legacy-content .legacy-layout,.op-site .legacy-content .legacy-rows{display:block;padding:0;border:0}
.op-site .legacy-content .legacy-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:0}
.op-site .legacy-content .legacy-cell{flex:1 1 180px;min-width:0;padding:0;border:0;overflow-wrap:break-word}
.op-site .legacy-content .legacy-form-grid>.legacy-row>.legacy-cell:first-child{flex:0 1 180px}
.op-site .legacy-content .legacy-actions-layout>.legacy-row>.legacy-cell{flex:0 1 auto}
.op-site .legacy-content .legacy-button-wrap{display:inline-block;float:none;position:static;margin:0;max-width:none}
.op-site .legacy-content form{margin:0;min-width:0}
.op-site .legacy-content .CaptionContainer{margin-top:18px}
.op-site .legacy-content .CaptionInnerContainer{padding:7px 10px}
.op-site .legacy-content .CaptionContainer .Text{font-size:17px;color:#e6d5a0}
.op-site .legacy-content .TableContentContainer{border:0;padding:0}
.op-site .legacy-content :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]),select,textarea){width:100%;max-width:420px;min-width:0}
.op-site .legacy-content :is(.BoxButtons,.InnerTableButtonRow){float:none;width:auto}
.op-site .legacy-content :is([class^=BoxFrame],.BigButtonOver,.ButtonOver){display:none}
.op-site .table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;margin:12px 0}
.op-site .table-scroll table{table-layout:auto;min-width:0}
.op-site td,.op-site th{word-break:normal;overflow-wrap:break-word}
.op-site .wiki-search{flex-wrap:wrap}.op-site .wiki-search input{flex:1 1 160px}
.op-site :is(.form-grid,.stats-grid)>*{min-width:0}
@media(max-width:760px){.account-facts{grid-template-columns:1fr;gap:4px}.op-site .panel-body{padding:16px}.op-site .panel-header{padding:12px 16px}.op-site .alert{padding:16px}.op-site .legacy-content .legacy-form-grid>.legacy-row>.legacy-cell:first-child{flex-basis:100%}.op-site .legacy-content .legacy-row{gap:8px}.op-site .legacy-content .legacy-cell{flex-basis:100%}}
@media(max-width:480px){.account-balances{grid-template-columns:1fr}.account-actions>*{max-width:100%}.op-site .data-row{grid-template-columns:90px minmax(0,1fr)}.op-site .editor-toolbar{gap:5px}.op-site .editor-toolbar button{font-size:11px;padding:8px 10px}}

.op-site .legacy-form-grid>.legacy-row{padding:8px 0}.op-site .legacy-content .SmallBox{margin:16px 0;padding:16px;border:1px solid #5d5e4255}.op-site .legacy-content .InnerTableContainer{padding:12px 0}.op-site .legacy-content .legacy-layout .legacy-layout{padding:0}.op-site .legacy-content .table-scroll{margin:8px 0}.op-site .legacy-content table tr:hover{background:#68744933}
.op-site .legacy-content .BoxButtons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}
.op-site .legacy-content .legacy-cell:has(>.legacy-button-wrap){flex:0 1 auto}
.op-site .legacy-content .legacy-button-wrap+.legacy-button-wrap{margin-left:8px}
.op-site .legacy-content center{text-align:left}
.op-site .legacy-content .choice-label{display:flex;align-items:center;gap:8px;font-weight:400;font-size:14px;margin:8px 0}
.op-site .legacy-content .choice-label input{margin:0;flex-shrink:0}
.op-site .legacy-content .legacy-layout .legacy-cell>br:first-child{display:none}
.op-site .legacy-content .choice-label input{width:auto;min-width:0;height:auto;padding:0}
/* Leave space for the existing account/email reveal control. */
.op-site .legacy-content :is(#DisplayAccountID,#DisplayEMail){display:block;overflow-wrap:anywhere}

.op-site .account-masked{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.op-site .account-masked>span:first-child{flex:1 1 150px;min-width:0}.op-site .mask-toggle{font-size:11px;min-height:32px;padding:7px 10px}