/* Pass 11: bring Studio Account and Settings into parity with Home. */
/* Inurofication v2 Home Pass 06: Account sidebar and settings controls */
body:not(.studio-home) #accountModal .account-modal{width:min(820px,calc(100vw - 32px))!important}
body:not(.studio-home) #accountModal .account-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) 158px;gap:20px;align-items:start}
body:not(.studio-home) #accountModal .account-v2-content{min-width:0}
body:not(.studio-home) #accountModal .account-v2-nav{border-left:1px solid #254357;padding-left:10px;align-self:stretch}
body:not(.studio-home) #accountModal .account-v2-nav .account-tabs{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important}
body:not(.studio-home) #accountModal .account-v2-nav .account-tab{flex:none!important;text-align:left!important;padding:11px 13px!important;border:1px solid transparent!important;border-left:3px solid transparent!important;border-radius:5px!important;color:#b6cad5!important;background:transparent!important}
body:not(.studio-home) #accountModal .account-v2-nav .account-tab:hover{background:rgba(48,210,231,.11)!important;color:#7cebf6!important;border-color:rgba(48,210,231,.25)!important}
body:not(.studio-home) #accountModal .account-v2-nav .account-tab.active{background:rgba(48,210,231,.15)!important;color:#66e9f4!important;border-color:rgba(48,210,231,.3)!important;border-left-color:#37dce9!important}
body:not(.studio-home) #accountModal .account-v2-compare{display:flex;justify-content:flex-end;margin:14px 0}
body:not(.studio-home) #accountModal .account-v2-compare a{display:inline-flex;padding:10px 13px;border-radius:6px;color:#c6e3ef;text-decoration:none;border:1px solid transparent;font-size:12px;font-weight:650}
body:not(.studio-home) #accountModal .account-v2-compare a:hover,body:not(.studio-home) #accountModal .account-v2-compare a:focus-visible{color:#60e5f2;background:rgba(48,210,231,.13);border-color:rgba(48,210,231,.35)}
/* Sidebar-style actions in Settings; retain keyboard capture buttons as identifiable controls */
body:not(.studio-home) #settingsModal button:not(.settings-close-button):not(.shortcut-capture){border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#c4d9e5!important;box-shadow:none!important;min-height:32px}
body:not(.studio-home) #settingsModal button:not(.settings-close-button):not(.shortcut-capture):not(:disabled):hover{border-color:rgba(48,210,231,.3)!important;background:rgba(48,210,231,.12)!important;color:#66e9f4!important}
body:not(.studio-home) #settingsModal button:not(.settings-close-button):focus-visible{outline:1px solid #37dce9!important;outline-offset:2px}
/* New Webmaster currency-like compact dropdown, with custom chevron */
body:not(.studio-home) #settingsModal #settingsUiScale,body:not(.studio-home) #accountModal #accountBillingCustomerType{appearance:none!important;-webkit-appearance:none!important;border:1px solid #28546a!important;border-radius:6px!important;color:#a4edf5!important;background-color:#091b28!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%238eeeff' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;padding:9px 34px 9px 12px!important;cursor:pointer!important}
body:not(.studio-home) #settingsModal #settingsUiScale:hover,body:not(.studio-home) #accountModal #accountBillingCustomerType:hover{border-color:#37dce9!important}
body:not(.studio-home) #settingsModal #settingsUiScale:focus-visible,body:not(.studio-home) #accountModal #accountBillingCustomerType:focus-visible{outline:1px solid #37dce9!important;outline-offset:1px}
@media(max-width:640px){body:not(.studio-home) #accountModal .account-v2-layout{grid-template-columns:minmax(0,1fr)}body:not(.studio-home) #accountModal .account-v2-nav{grid-row:1;border-left:0;border-bottom:1px solid #254357;padding:0 0 10px}body:not(.studio-home) #accountModal .account-v2-nav .account-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}body:not(.studio-home) #accountModal .account-v2-nav .account-tab{text-align:center!important;padding:9px 3px!important;font-size:11px!important}}

/* Pass 07: Account navigation left and unified minimal window close controls. */
@media(min-width:641px){
 body:not(.studio-home) #accountModal .account-v2-layout{grid-template-columns:158px minmax(0,1fr)!important}
 body:not(.studio-home) #accountModal .account-v2-nav{grid-column:1;grid-row:1;border-left:0!important;border-right:1px solid #254357!important;padding-left:0!important;padding-right:10px!important}
 body:not(.studio-home) #accountModal .account-v2-content{grid-column:2;grid-row:1}
}
/* Minimal close button consistent with Auth Experience visual direction. */
body:not(.studio-home) #accountModal .account-close,
body:not(.studio-home) #settingsModal .settings-close-button{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;background:transparent!important;border:1px solid transparent!important;border-radius:5px!important;box-shadow:none!important;color:#8db3c3!important;font-size:24px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;transition:background .15s,color .15s,border-color .15s!important}
body:not(.studio-home) #accountModal .account-close:hover,
body:not(.studio-home) #settingsModal .settings-close-button:hover{color:#64e8f2!important;background:rgba(48,210,231,.12)!important;border-color:rgba(48,210,231,.2)!important}
body:not(.studio-home) #accountModal .account-close:focus-visible,
body:not(.studio-home) #settingsModal .settings-close-button:focus-visible{outline:2px solid #37dce9!important;outline-offset:2px!important}

/* Match Home/Webmaster left navigation selected state. */
body:not(.studio-home) #accountModal .account-v2-nav .account-tab.active,
body:not(.studio-home) #accountModal .account-v2-nav .account-tab[aria-selected="true"]{
 background:linear-gradient(90deg,#123149,#0c1d2c)!important;
 color:#fff!important;border-color:transparent!important;border-left-color:transparent!important;
 box-shadow:inset 2px 0 #2adfff!important;
}
body:not(.studio-home) #accountModal .account-v2-nav .account-tab.active:hover{background:linear-gradient(90deg,#173b54,#10273a)!important}
/* Reuse the modal treatment without changing the shared modal DOM or handlers. */
body:not(.studio-home) #accountModal .account-modal,
body:not(.studio-home) #settingsModal .settings-modal{background:#0b1b29!important;border:1px solid #28485b!important;border-radius:12px!important;box-shadow:0 24px 70px rgba(0,0,0,.48)!important}
body:not(.studio-home) #accountModal .account-v2-nav{background:transparent!important}
body:not(.studio-home) #settingsModal .settings-section{border-color:rgba(131,190,211,.16)!important}