/* Onx Software Studio | onxapp.co | Panel controls */
.account-tabs{display:flex;gap:4px;margin:24px 0 0;padding:4px;width:max-content;max-width:100%;overflow-x:auto;border:1px solid var(--panel-border,var(--border));border-radius:7px;background:var(--panel-surface,var(--surface))}.account-tabs button{min-height:38px;padding:8px 15px;border:0;border-radius:5px;background:transparent;color:var(--panel-text-muted,var(--muted));font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.account-tabs button:hover{color:var(--panel-text,var(--text))}.account-tabs button.active{background:var(--panel-accent,#ffae00);color:#111}.profile-workspace [data-account-panel][hidden]{display:none!important}.profile-workspace.is-single{grid-template-columns:minmax(0,1fr)}.profile-workspace.is-single .profile-forms{grid-column:1}.panel-main .button-secondary{border-color:var(--panel-border,var(--border));background:var(--panel-surface-muted,var(--soft));color:var(--panel-text,var(--text))}.panel-main .button-secondary:hover{border-color:var(--panel-accent,#ffae00);color:var(--panel-text,var(--text))}
.panel-form select{width:100%;padding:12px;border:1px solid var(--panel-border,var(--border));border-radius:6px;background:var(--panel-bg,var(--bg));color:var(--panel-text,var(--text));font:inherit}.customer-avatar{overflow:hidden}.customer-avatar img{width:100%;height:100%;object-fit:cover}
.panel-icon{display:grid;place-items:center;padding:0;cursor:pointer;transition:border-color .2s ease,background .2s ease}.panel-icon:hover{border-color:var(--panel-accent,#ffae00);background:var(--panel-surface-muted,var(--soft))}.theme-icon{position:relative;display:block;width:18px;height:18px}.theme-icon:before{content:"";position:absolute;inset:2px;border-radius:50%;background:currentColor;box-shadow:-5px -3px 0 0 var(--panel-surface,var(--surface))}.theme-icon:after{display:none!important}html[data-theme=dark] .theme-icon:before{inset:5px;border:1.8px solid currentColor;background:transparent;box-shadow:0 -7px 0 -2px currentColor,0 7px 0 -2px currentColor,-7px 0 0 -2px currentColor,7px 0 0 -2px currentColor,-5px -5px 0 -2px currentColor,5px -5px 0 -2px currentColor,-5px 5px 0 -2px currentColor,5px 5px 0 -2px currentColor}.panel-avatar{overflow:hidden;text-decoration:none;flex:0 0 38px}.panel-avatar img{width:100%;height:100%;object-fit:cover}.panel-brand.has-image{display:flex;width:100%;height:38px;padding:0 8px;justify-content:flex-start}.panel-brand.has-image img{display:block;max-width:170px;max-height:34px;width:auto;height:auto;object-fit:contain;object-position:left center}html[data-theme=dark] .panel-brand.has-image.filter-dark img{filter:brightness(0) invert(1)}
.chart-card .panel-card-head{align-items:flex-start}.chart-card .panel-card-head small{display:block;margin-top:4px;color:var(--panel-text-muted,var(--muted));font-size:11px}.chart-card .panel-card-head strong{font-size:18px}.revenue-chart{position:relative;min-height:216px}.revenue-chart svg{display:block;width:100%;height:190px;overflow:visible}.revenue-chart line{stroke:var(--panel-border,var(--border));stroke-width:1;vector-effect:non-scaling-stroke}.revenue-chart polyline{fill:none;stroke:var(--panel-accent,#ffae00);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.revenue-chart circle{fill:var(--panel-surface,var(--surface));stroke:var(--panel-accent,#ffae00);stroke-width:2;vector-effect:non-scaling-stroke}.revenue-chart>p{position:absolute;inset:70px 0 auto;text-align:center;color:var(--panel-text-muted,var(--muted));font-size:12px}.chart-axis{display:flex;justify-content:space-between;color:var(--panel-text-muted,var(--muted));font-size:10px}
.email-event-list{display:grid;gap:12px;padding:20px 24px;border-top:1px solid var(--panel-border,var(--border))}.email-event-row{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(280px,1.3fr);align-items:center;gap:18px;padding:14px;border:1px solid var(--panel-border,var(--border));border-radius:7px}.email-event-row>label:last-child{display:grid;grid-template-columns:minmax(150px,.6fr) minmax(180px,1.4fr);align-items:center;gap:14px}.smtp-test-form{margin-top:18px;padding-bottom:22px}.smtp-test-form>.button{margin:0 24px}.settings-nav-icon.email:before{content:"@";font-size:12px;font-weight:800}
.profile-workspace{display:grid;grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr);gap:18px;margin-top:24px}.profile-photo-card{align-self:start;text-align:center}.profile-photo-preview{display:grid;place-items:center;width:150px;height:150px;margin:0 auto 18px;border-radius:50%;overflow:hidden;background:var(--panel-surface-muted,var(--soft));color:var(--panel-accent,#ffae00);font-size:42px;font-weight:750}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-upload{display:grid;gap:8px;padding:15px;border:1px dashed var(--panel-border,var(--border));border-radius:7px;cursor:pointer}.profile-upload input{position:absolute;width:1px;height:1px;opacity:0}.profile-upload b{font-size:13px}.profile-upload small{color:var(--panel-text-muted,var(--muted));font-size:11px}.profile-forms{display:grid;gap:18px}.profile-forms .panel-card{margin:0}.verification-form{border-color:rgba(255,174,0,.45)}
@media(max-width:700px){.panel-brand.has-image{justify-content:flex-start}.chart-card .panel-card-head{gap:8px}.chart-card .panel-card-head strong{font-size:15px}.email-event-row,.email-event-row>label:last-child,.profile-workspace{grid-template-columns:1fr}.email-event-list{padding:16px}.smtp-test-form>.button{margin:0 16px;width:calc(100% - 32px)}.profile-photo-card{width:100%}}

/* Wide and responsive panel composition */
.panel-main{max-width:none;padding-inline:clamp(24px,3vw,58px)}
.panel-main>.panel-top+.metric-grid{margin-top:28px}
.settings-nav-icon.email{display:grid;place-items:center}
.settings-nav-icon.email:before{position:static;display:block;line-height:1;transform:translateY(-.25px)}
.settings-fields label>span{min-height:42px}
.settings-fields label>span:has(b:only-child){display:flex;align-items:flex-end}
.payment-field-label{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.payment-field-label small{font-size:11px;line-height:1}
.profile-photo-form{display:grid;gap:14px;margin-top:18px;text-align:left}
.profile-photo-form .button{width:100%;justify-content:center}
@media(max-width:650px){
 body .panel-main{padding:18px 14px 28px}
 body .panel-top{display:block;padding:68px 0 0}
 body .panel-title-row{display:block}
 body .panel-title-row>.panel-menu-button{position:absolute;left:0;top:0}
 body .panel-top-actions{top:0;right:0;width:auto;margin:0}
 body .panel-top h1{margin-top:7px;font-size:clamp(25px,8vw,30px);line-height:1.12}
 body .panel-top p{max-width:34rem;line-height:1.55}
 .panel-main>.panel-top+.metric-grid{margin-top:24px}
 .settings-fields label>span{min-height:0}
}