/* Account console composition: shared typography, flat information panels and real data tables. */
body.account-page.signed-in{--account-rail-width:208px;--account-surface:color-mix(in srgb,var(--paper) 65%,var(--bg));background:var(--paper)}
body.account-page.signed-in main{max-width:none;padding:26px 28px 40px}
body.account-page.signed-in .account-layout{border:0;border-radius:0;box-shadow:none}
body.account-page.signed-in .account-card{padding:0;border:0;background:transparent;box-shadow:none}
body.account-page.signed-in .my-heading{padding:0 0 16px;align-items:start}
.my-heading h1{font-family:var(--sprout-font-ui,inherit);font-size:var(--sprout-type-section-title-size,15px);font-weight:var(--sprout-type-section-title-weight,400);line-height:var(--sprout-type-section-title-line,24px);margin:0 0 4px}
.my-heading p{font-size:13px;line-height:21px}.my-heading>a{font-size:13px;padding:6px 12px}
body.account-page.signed-in .my-section{border:0;padding:0;margin-top:16px;border-radius:0}
body.account-page.signed-in .my-section h2{font-family:var(--sprout-font-ui,inherit);font-size:var(--sprout-type-section-title-size,15px);font-weight:var(--sprout-type-section-title-weight,400);line-height:24px;margin:0 0 12px}
.account-sidebar h2{font:inherit;margin:0 10px 4px}.account-sidebar>p{margin:0 10px 16px}
.account-sidebar nav{gap:3px}.account-nav-group{display:block;margin:17px 10px 5px;color:var(--muted);font-size:12px;line-height:20px}.account-nav-group:first-child{margin-top:0}
.account-sidebar nav a{font-size:var(--sprout-type-nav-size,15px);font-weight:400;min-height:38px;padding:7px 12px;border-left:0;border-radius:4px}
.account-sidebar nav a[aria-current]{background:var(--soft);color:var(--blue)}
#summary-status{margin:0 0 12px;font-size:12px}.account-info-panel{background:var(--account-surface);border:1px solid var(--line);border-radius:4px;padding:20px}
.account-identity{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--line) var(--sprout-divider-strength,45%),transparent)}
.account-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;background:var(--soft);color:var(--blue);border-radius:50%;font-size:18px;overflow:hidden}
#profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.profile-edit-heading{margin:16px 0 10px;font-size:13px;font-weight:600}
.profile-edit-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.profile-edit-row label{flex:0 1 300px;margin:0}
.profile-avatar-actions{display:flex;gap:8px;margin-bottom:10px}
.avatar-preset-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.avatar-preset{width:40px;height:40px;padding:0;border-radius:50%;border:2px solid var(--line,#dce3f0);overflow:hidden;cursor:pointer;background:var(--soft,#eef3fa);transition:border-color .15s,transform .15s}
.avatar-preset:hover{border-color:var(--blue,#426b9e);transform:scale(1.1)}
.avatar-preset:focus-visible{outline:2px solid #88baff;outline-offset:2px}
.avatar-preset img{display:block;width:100%;height:100%;object-fit:cover}
#avatar-crop-dialog{border:1px solid var(--line);border-radius:6px;padding:18px;background:var(--paper);color:var(--ink);max-width:min(92vw,430px)}
#avatar-crop-dialog::backdrop{background:#0d1b2cc0}
#avatar-crop-dialog h3{margin:0 0 12px;font-size:15px}
.avatar-crop-stage{display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:12px}
#avatar-crop-canvas{width:min(300px,72vw);height:min(300px,72vw);border-radius:50%;cursor:grab;touch-action:none;background:var(--soft)}
#avatar-crop-canvas:active{cursor:grabbing}
.avatar-crop-hint{margin:9px 0 0;text-align:center}
.avatar-crop-controls{display:flex;align-items:center;gap:8px;margin-top:12px}
.avatar-crop-zoom{width:34px;height:34px;min-height:34px;padding:0;display:grid;place-items:center;flex:none}
.avatar-crop-zoom svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.avatar-crop-spacer{flex:1}
.account-identity p{margin:3px 0 0}body.account-page.signed-in #account-name{font-size:14px;font-weight:400;line-height:22px}.account-state{margin-left:auto;color:var(--blue);font-size:12px}
.account-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin:18px 0 0}.account-info-grid>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:baseline}.account-info-grid dt{color:var(--muted);font-size:13px}.account-info-grid dd{margin:0;overflow-wrap:anywhere;font-size:14px}.text-action{color:var(--blue);border:0;background:transparent;padding:3px 8px;margin-left:5px}
body.account-page.signed-in .my-section .account-subheading{margin-top:24px}.account-security-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:var(--account-surface);border:1px solid var(--line);border-radius:4px}.account-security-row strong{font-weight:500}.account-security-row p{margin:4px 0 0;font-size:13px}.account-security-row button{flex:none}
#my-assets .metric-grid,#my-usage .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));background:var(--account-surface);border:1px solid var(--line);border-radius:4px;padding:18px;margin:0 0 20px;gap:18px}
.metric-grid dd{font-size:24px;font-weight:400;margin:6px 0 0}.metric-grid dt{font-size:13px}.space-total{padding-top:16px}.quota-label{margin:18px 0!important;font-size:13px}.quota-label progress{height:7px;margin-top:9px}.token-detail{padding-top:14px}
.account-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.account-detail-heading h2{margin:0!important}
.account-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:4px}.account-data-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;line-height:21px}.account-data-table th{background:var(--account-surface);font-weight:500;color:var(--muted);white-space:nowrap}.account-data-table th,.account-data-table td{padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--line) var(--sprout-divider-strength,45%),transparent);vertical-align:middle}.account-data-table tr:last-child td{border-bottom:0}.account-data-table td{font-variant-numeric:tabular-nums}.account-data-table td:first-child{min-width:140px;overflow-wrap:anywhere;max-width:280px}.account-data-table .key-name{display:block;font-weight:500}.account-data-table .key-prefix{display:block;color:var(--muted);font-size:12px}.account-data-table .key-actions{white-space:nowrap}.account-data-table button{padding:4px 7px;font-size:13px;min-height:30px}.account-data-table .key-copy-unavailable{white-space:nowrap}.account-table-empty{text-align:center;color:var(--muted);padding:30px!important}
.account-filter-bar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:16px 0 4px;border-top:1px solid color-mix(in srgb,var(--line) var(--sprout-divider-strength,45%),transparent);margin-top:20px}.account-filter-bar label{font-size:12px;color:var(--muted);margin:0;min-width:130px}.account-filter-bar label:first-child{flex:1;min-width:180px}.account-filter-bar input,.account-filter-bar select{display:block;width:100%;font-size:13px;min-height:36px;padding:7px 10px;margin-top:5px}.account-filter-bar>button{min-height:36px}
#card-mcp #key-form{max-width:760px;background:var(--account-surface);border:1px solid var(--line);border-radius:4px;padding:16px}.key-history{border-top:0}.key-history .account-table-scroll{margin-top:12px}.key-list-note{line-height:21px}
body.account-page.signed-in :is(button,input,select,textarea):not(:where(.tabs button,[role="tab"])){border-radius:4px}body.account-page.signed-in button:focus-visible,body.account-page.signed-in a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px){.account-info-grid{grid-template-columns:1fr}#my-assets .metric-grid,#my-usage .metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body.account-page.signed-in main{padding:18px 16px 30px}.account-sidebar nav{display:flex;align-items:center}.account-nav-group{display:none}.account-sidebar nav a{font-size:13px}.account-info-panel{padding:16px}.account-info-grid>div{grid-template-columns:70px minmax(0,1fr)}.account-security-row{padding:14px}.my-heading>a{display:none}.account-filter-bar label{flex:1}.account-sidebar-study{display:none}}