/* The approved presentation is provided by site-template.css. These selectors only bridge live controls. */
.website .site-op { min-width:0; overflow-wrap:anywhere; }
.website .site-op .op-chart-scroll {overflow:auto;max-width:100%}
.website .site-op .op-stats,.website .site-op .op-grid {min-width:0}
.website .site-op .op-packs button{flex-direction:column}
.website .site-op .op-packs button small{display:block}
.website .site-op .op-head .page-actions{align-items:center}
.website .site-op .op-card label.v5-check input{width:16px;height:16px;flex:0 0 16px;accent-color:#222}
.website .site-op .op-grid textarea{resize:vertical}
.website .site-op .op-card .op-package .grow {display:flex;flex-direction:column;align-items:flex-start}
.website .site-op .op-card .op-package{width:100%;text-align:left}
.website .site-op .op-card [data-action="v1-account-stars"],.website .site-op .op-card [data-action="screen:support-project"]{margin:6px 0}
.website .site-op .op-admin-tabs button{cursor:pointer}
.website .site-op .op-available small{display:block}
.website .site-op .op-section {align-items:center}
.website .site-op select,.website .site-op textarea,.website .site-op input{max-width:100%}
.website .site-op .op-card .v5-op-field>select{width:100%}
.website .site-op .op-card .v5-op-field label{display:block}
.website .site-op .op-admin-tabs {position:static}
.website .site-op .oa-balances,.website .site-op .oa-server-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:10px}
.website .site-op .oa-chart-title,.website .site-op .oa-space-row,.website .site-op .oa-server-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
.website .site-op .oa-chart-title button svg,.website .site-op .oa-space-row button svg,.website .site-op .oa-server button svg{width:16px}
.website .site-op .oa-chart-title button,.website .site-op .oa-vps button,.website .site-op .oa-server button,.website .site-op .oa-balance{border:1px solid #ddd;border-radius:7px;background:#fafafa;min-height:38px;padding:8px}
.website .site-op .oa-volume{display:grid;grid-template-columns:30px 1fr;height:145px;margin:10px 0 30px}.website .site-op .oa-volume-y,.website .site-op .oa-volume-plot{position:relative}
.website .site-op .oa-volume-grid,.website .site-op .oa-volume-bars{position:absolute;inset:0}.website .site-op .oa-volume-y span,.website .site-op .oa-volume-grid span{position:absolute;left:0;right:0;font-size:10px}.website .site-op .oa-volume-grid span{border-top:1px solid #e5e5e5}.website .site-op .oa-volume-bars{display:flex;align-items:flex-end;gap:3px}.website .site-op .oa-volume-bars>span{flex:1;background:#404040}.website .site-op .oa-volume-x{position:absolute;top:100%;width:100%;display:flex;justify-content:space-between;font-size:11px}
.website .site-op .oa-server-metric,.website .site-op .oa-space-row{padding:12px 0}.website .site-op .oa-server-metric>* ,.website .site-op .oa-space-row small,.website .site-op .oa-balance>*{display:block}.website .site-op .oa-server-metric small,.website .site-op .oa-space-row small{font-size:12px;color:#666}