/* Scoped developer workspace; the shared member navigation stays in its own visual system. */
#page-dash #member-api-keys .member-key-shell{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#page-dash #member-api-keys .member-console-head{align-items:center;gap:24px;margin:3px 0 26px}
#page-dash #member-api-keys .member-key-eyebrow{display:block;color:#7082a2;font-size:11px;font-weight:650;letter-spacing:1px;margin-bottom:7px}
#page-dash #member-api-keys .member-console-head h2{margin:0;font-size:30px;line-height:1.35;font-weight:750;letter-spacing:-.6px}
#page-dash #member-api-keys .member-console-head p{margin:9px 0 0;font-size:13px;color:#7082a2}
#page-dash #member-api-keys .member-console-head>.btn{align-self:center;flex:0 0 auto;min-height:42px;max-width:100%;padding:10px 18px;background:#fff;color:#2462b0;border:1px solid #dce7f7;white-space:normal}
#page-dash #member-api-keys .member-key-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:20px;align-items:stretch}
#page-dash #member-api-keys :is(.member-key-create-panel,.member-key-access-panel,.member-key-list-panel){min-width:0;border:1px solid #e4edf7;border-radius:18px;background:#fff;box-shadow:0 8px 28px #15375c03}
#page-dash #member-api-keys .member-key-create-panel{padding:28px}
#page-dash #member-api-keys h3{margin:0;color:#102653;font-size:18px;line-height:1.5;font-weight:700;letter-spacing:-.2px}
#page-dash #member-api-keys .member-key-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:23px}
#page-dash #member-api-keys .member-key-security{display:flex;align-items:flex-start;gap:10px;min-width:0;margin:0 0 22px;padding:14px 16px;border:1px solid #f4c48e;border-radius:10px;background:#fff4e5;color:#9a4700}
#page-dash #member-api-keys .member-key-security-icon{flex:0 0 20px;font-size:17px;line-height:1.65}
#page-dash #member-api-keys .member-key-security-copy{min-width:0;font-size:13px;font-weight:700;line-height:1.8;overflow-wrap:anywhere}
#page-dash #member-api-keys .member-key-security-body{min-width:0;flex:1}
#page-dash #member-api-keys .member-key-muted{display:block;color:#7082a2;font-size:12px;font-weight:400;line-height:1.65}
#page-dash #member-api-keys .member-key-fields{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:20px 18px;min-width:0}
#page-dash #member-api-keys .member-key-fields>label{display:grid;gap:8px;min-width:0;margin:0;font-size:13px;font-weight:600;color:#263b5a}
#page-dash #member-api-keys .member-key-fields :is(input,select){box-sizing:border-box;width:100%;min-width:0;min-height:46px;height:46px;margin:0;padding:10px 13px;border:1px solid #dce6f3;border-radius:10px;background:#fbfdff;color:#102653;font-family:inherit;font-size:14px;line-height:1.5}
#page-dash #member-api-keys .member-key-fields input::placeholder{color:#96a5bb}
#page-dash #member-api-keys .member-key-wide{grid-column:1/-1}
#page-dash #member-api-keys .member-key-scopes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;border:0;padding:0;margin:24px 0 0}
#page-dash #member-api-keys .member-key-scopes legend{width:100%;padding:0;margin:0 0 12px;color:#263b5a;font-size:13px;font-weight:600}
#page-dash #member-api-keys .member-key-scopes label{display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;padding:9px 12px;border:1px solid #e4edf7;border-radius:9px;font-size:12px;font-weight:500;color:#536b90;background:#fbfdff}
#page-dash #member-api-keys .member-key-scopes input[type=checkbox]{appearance:auto;accent-color:#0765ff;width:16px;min-width:16px;min-height:16px;height:16px;flex:0 0 16px;padding:0;margin:0}
#page-dash #member-api-keys .member-key-empty-scopes{grid-column:1/-1;padding:17px;margin:0;border-radius:10px;background:#f7f9fd;color:#7082a2;font-size:13px;line-height:1.7}
#page-dash #member-api-keys .member-field-note{margin:15px 0 0;font-size:12px;color:#7082a2;line-height:1.8}
#page-dash #member-api-keys .member-key-form-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:25px;padding-top:20px;border-top:1px solid #edf2f9}
#page-dash #member-api-keys .member-key-form-footer>.btn{min-height:43px;padding:10px 19px;white-space:normal}
#page-dash #member-api-keys .member-key-form-footer>.btn:disabled{opacity:1!important;background:#edf2f8!important;border-color:#dce5ef!important;color:#53657c!important;-webkit-text-fill-color:#53657c!important;box-shadow:none!important;cursor:not-allowed}
#page-dash #member-api-keys .member-key-access-panel{display:flex;flex-direction:column;padding:28px;background:linear-gradient(150deg,#fff 15%,#f5f9ff)}
#page-dash #member-api-keys .member-key-access-symbol{display:grid;place-items:center;width:40px;height:40px;margin-bottom:20px;border-radius:12px;background:#eaf2ff;color:#0765ff;font-size:23px}
#page-dash #member-api-keys .member-key-access-status{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:4px 10px;margin:12px 0;border-radius:999px;background:#fff5e8;color:#94600e;font-size:12px;font-weight:500}
#page-dash #member-api-keys .member-key-access-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
#page-dash #member-api-keys .member-key-access-status[data-granted=true]{background:#e8f8f1;color:#087b5c}
#page-dash #member-api-keys .member-key-access-copy{margin:0 0 28px;color:#667b99;font-size:13px;line-height:1.9}
#page-dash #member-api-keys .member-key-guide{margin-top:auto;padding-top:19px;border-top:1px solid #e7eef8}
#page-dash #member-api-keys .member-key-guide h4{margin:0 0 12px;font-size:13px;font-weight:650;color:#263b5a}
#page-dash #member-api-keys .member-key-guide p{display:flex;align-items:baseline;gap:10px;margin:9px 0 0;color:#7082a2;font-size:12px;line-height:1.65}
#page-dash #member-api-keys .member-key-guide p>span:first-child{color:#3378d9;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
#page-dash #member-api-keys .member-key-list-panel{margin-top:23px;overflow:hidden}
#page-dash #member-api-keys .member-key-list-heading{padding:23px 28px 20px}
#page-dash #member-api-keys .member-key-list-heading p{margin:5px 0 0}
#page-dash #member-api-keys .member-table-wrap{border:0;border-radius:0;overflow:visible}
#page-dash #member-api-keys .member-table{width:100%;min-width:0;table-layout:fixed}
#page-dash #member-api-keys .member-table :is(th,td){padding:17px 22px;overflow-wrap:anywhere;text-align:left;vertical-align:middle}
#page-dash #member-api-keys .member-table th{background:#f8faff;color:#7082a2;font-size:12px;font-weight:500;border-top:1px solid #edf2f9;border-bottom:1px solid #edf2f9;padding-top:12px;padding-bottom:12px}
#page-dash #member-api-keys .member-table th:nth-child(1){width:30%}
#page-dash #member-api-keys .member-table th:nth-child(2){width:26%}
#page-dash #member-api-keys .member-table th:nth-child(3){width:28%}
#page-dash #member-api-keys .member-table th:nth-child(4){width:16%}
#page-dash #member-api-keys .member-key-identity{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
#page-dash #member-api-keys .member-key-identity strong{color:#263b5a;font-size:14px;font-weight:650}
#page-dash #member-api-keys .member-key-identity code{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#7082a2;overflow-wrap:anywhere;max-width:100%;white-space:normal;background:transparent;padding:0}
#page-dash #member-api-keys .member-key-type{display:inline-block;padding:3px 7px;border-radius:5px;background:#f2f5fa;color:#71829a;font-size:11px}
#page-dash #member-api-keys .member-key-type.is-live{background:#edf4ff;color:#2462b0}
#page-dash #member-api-keys .member-key-scope-summary{font-size:12px;color:#607695;line-height:1.9}
#page-dash #member-api-keys .member-key-dates{display:grid;gap:5px;font-size:12px;color:#5a6f8e;font-variant-numeric:tabular-nums}
#page-dash #member-api-keys .member-key-revoked{color:#8795a9;font-size:12px}
#page-dash #member-api-keys .member-key-actions{display:grid;gap:6px;justify-items:start}
#page-dash #member-api-keys .member-secret{background:#fff4e5;border:1px solid #f4c48e;color:#9a4700;margin-top:18px}
#page-dash #member-api-keys .member-secret strong{color:#9a4700;font-size:13px;font-weight:700;line-height:1.8}
#page-dash #member-api-keys .member-secret code{display:block;font-size:13px;white-space:normal;overflow-wrap:anywhere}
#page-dash #member-api-keys [hidden]{display:none!important}
@media(max-width:1100px){
  #page-dash #member-api-keys .member-key-workspace{grid-template-columns:minmax(0,1.5fr) minmax(215px,1fr);gap:16px}
  #page-dash #member-api-keys :is(.member-key-create-panel,.member-key-access-panel){padding:22px}
  #page-dash #member-api-keys .member-key-fields{grid-template-columns:minmax(0,1fr) 118px;gap:18px 12px}
}
@media(max-width:900px){
  #page-dash #member-api-keys .member-key-workspace{grid-template-columns:1fr}
  #page-dash #member-api-keys .member-key-access-panel{grid-row:1}
  #page-dash #member-api-keys .member-key-access-symbol{display:none}
  #page-dash #member-api-keys .member-key-guide{margin-top:18px}
  #page-dash #member-api-keys .member-key-access-copy{margin-bottom:0}
}
@media(max-width:768px){
  #page-dash #member-api-keys .member-console-head{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:21px}
  #page-dash #member-api-keys .member-console-head h2{font-size:27px}
  #page-dash #member-api-keys .member-console-head>.btn{align-self:flex-start}
  #page-dash #member-api-keys :is(.member-key-create-panel,.member-key-access-panel){padding:21px}
  #page-dash #member-api-keys .member-key-fields :is(input,select){font-size:16px}
  #page-dash #member-api-keys .member-key-form-footer>.btn{width:100%}
  #page-dash #member-api-keys .member-key-list-heading{padding:21px;border-bottom:1px solid #edf2f9}
  #page-dash #member-api-keys .member-table tbody tr{border:0;border-bottom:1px solid #edf2f9;border-radius:0;padding:20px;margin:0;gap:16px}
  #page-dash #member-api-keys .member-table td{padding:0!important;vertical-align:top}
  #page-dash #member-api-keys .member-table td:before{margin-bottom:7px}
}
@media(max-width:360px){
  #page-dash #member-api-keys .member-key-fields{grid-template-columns:minmax(0,1fr)}
  #page-dash #member-api-keys .member-key-scopes{grid-template-columns:1fr}
}