/* Scoped to the administrator. Public mobile and PC app layouts are unchanged. */
.control-body [hidden]{display:none!important}
.control-body #controlApp[data-control-ready=true]>[data-control-view]:not([data-control-active=true]){display:none!important}
.control-body #controlApp[data-control-ready=true]>[data-control-active=true]{scroll-margin-top:100px}
.control-body .control-main{max-width:1280px;margin-left:240px;margin-right:24px;padding-top:24px}
.control-body .topnav{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e1e8e5}
.control-body .topnav nav{position:fixed;left:20px;top:90px;bottom:20px;width:190px;display:flex;flex-direction:column;align-items:stretch;gap:5px;overflow:auto;padding:10px;background:#fff;border:1px solid #dce5df;border-radius:14px}
.control-body .topnav nav a{display:block;padding:10px 12px;border-radius:9px;text-decoration:none;color:#41584e;font-size:14px}
.control-body .topnav nav a[aria-current=page]{background:#e8f1ec;color:#214b39;font-weight:700}
.control-body #controlViewTitle{font-size:23px;margin:0 0 8px;color:#20352b}
.control-body #controlAccount{margin:0;color:#64756b;font-size:13px}
.control-body .control-panel{margin-bottom:18px}
.control-body details>summary{cursor:pointer;padding:10px 0;font-weight:600}
.control-body .dev-notes-list{gap:8px}
.control-body .dev-note-row{text-align:left;background:#fff;color:#20352b;border:1px solid #dce5df;padding:13px 16px;border-radius:10px}
.control-body .dev-note-row>span:not(.dev-note-tags){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:#607167}
.control-body .dev-note-row strong{font-size:15px}
.control-body .control-pager{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px}
.control-body .control-pager button{padding:8px 14px;border:1px solid #cbd8cf;border-radius:8px;background:#fff;color:#294b39}
.control-body .control-pager button:disabled{opacity:.4}
.control-body .release-card summary{font-size:14px}
.control-body .release-card .release-actions{gap:8px}
@media(max-width:800px){
 .control-body .control-main{margin:0 auto;padding:16px;width:100%;box-sizing:border-box}
 .control-body .topnav{flex-wrap:wrap}
 .control-body .topnav nav{position:static;order:3;width:100%;flex-direction:row;overflow:auto;border:0;border-radius:0;padding:6px 0}
 .control-body .topnav nav a{white-space:nowrap}
 .control-body #controlViewTitle{font-size:21px}
}

.control-body .topnav nav .control-nav-group{border:1px solid #e1e8e5;border-radius:10px;background:#fbfcfb;padding:0 3px;margin:0}.control-body .topnav nav .control-nav-group>summary{padding:10px 12px;font-size:13px;font-weight:700;color:#294b39;list-style:revert}.control-body .topnav nav .control-nav-group>a{padding:8px 12px 8px 20px;font-size:13px}.control-body .topnav nav .control-nav-group>a[hidden]{display:none!important}@media(max-width:800px){.control-body .topnav nav .control-nav-group{min-width:140px;flex:0 0 auto}}

/* Hide panels that an async module adds after initial navigation setup. */
.control-body #controlApp[data-control-ready=true] > .control-panel:not(:first-child):not([data-control-active=true]){display:none!important}

/* Four-category RE:ON MCP store administration. */
#mcpStorePanel #mcpStoreGroups{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin:18px 0}
#mcpStorePanel .mcp-store-category{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:14px;border:1px solid #dbe1e9;border-radius:14px;background:#f8fafc;color:#203047}
#mcpStorePanel .mcp-store-category strong{font-size:14px}#mcpStorePanel .mcp-store-category small{font-size:12px;color:#566577}
#mcpStorePanel button,#mcpStorePanel a{min-height:36px;border-radius:9px;cursor:pointer}
#mcpStorePanel .mcp-store-category button[aria-pressed=true]{background:#233954;color:white}
#mcpStoreFilters{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}#mcpStoreFilters select{min-height:40px}
.mcp-store-item{display:flex;justify-content:space-between;gap:16px;padding:14px 6px;border-top:1px solid #e3e8ed}
.mcp-store-item>div:first-child{display:grid;gap:6px}.mcp-store-item small{color:#586879}.mcp-store-item p{margin:0}
.mcp-store-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mcp-store-actions a{display:inline-flex;align-items:center;padding:0 12px;border:1px solid #9aa7b7;text-decoration:none}
@media(max-width:650px){.mcp-store-item{flex-direction:column}#mcpStorePanel #mcpStoreGroups{grid-template-columns:repeat(2,minmax(0,1fr))}}