/* S15: Account + signed out. On top of tokens/tokens.css, tokens/app.css, css/shell.css (account) or css/ds3.css (signed out). */
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/onest-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/onest-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

.acct-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s-5) var(--s-6);margin:0 0 var(--s-5)}
.acct-card h2{font-size:var(--t-lg);margin:0 0 var(--s-1)}
.acct-card .sub{color:var(--color-muted);font-size:var(--t-sm);margin:0 0 var(--s-4);line-height:1.5}
.acct-id{display:flex;align-items:center;gap:var(--s-4)}
.acct-av{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:var(--color-accent-wash);color:var(--color-ink);display:grid;place-items:center;font-weight:700;font-size:var(--t-lg)}
.acct-id b{display:block;font-size:var(--t-lg);color:var(--color-ink)}
.acct-id span.m{color:var(--color-muted);overflow-wrap:anywhere}

.acct-rows{list-style:none;margin:0;padding:0}
.acct-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) 0;border-top:1px solid var(--color-line)}
.acct-row:first-child{border-top:0;padding-top:0}
.acct-row:last-child{padding-bottom:0}
.acct-row .t{min-width:0}
.acct-row .t b{display:block;color:var(--color-ink)}
.acct-row .t span{display:block;color:var(--color-muted);font-size:var(--t-sm);line-height:1.45}
.acct-row .act{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-3)}
.pill{display:inline-block;font-size:var(--t-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .65rem;border-radius:999px;white-space:nowrap}
.pill.on{background:var(--color-success-wash);color:var(--color-success-ink)}
.pill.off{background:var(--color-bg);color:var(--color-muted);border:1px solid var(--color-line)}

.acct .btn-line,.acct .btn-danger,.acct .btn-text{font:inherit;font-weight:700;cursor:pointer;border-radius:var(--radius-sm);padding:.6rem 1.1rem;text-decoration:none;display:inline-block;text-align:center}
.acct .btn-danger{background:var(--color-danger);color:var(--color-card);border:1.5px solid var(--color-danger)}
.acct .btn-danger:hover{background:var(--color-danger-ink);border-color:var(--color-danger-ink)}
.acct .btn-text{background:none;border:0;color:var(--color-accent-text);padding:.6rem .5rem}
.acct .btn-text:hover{text-decoration:underline}
.acct .btn:focus-visible,.acct a:focus-visible,.acct button:focus-visible,.acct input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-card),0 0 0 5px var(--color-accent)}

.acct-panel{margin-top:var(--s-4);padding:var(--s-5);background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius)}
.acct-panel[hidden]{display:none}
.acct .field{margin-bottom:var(--s-4)}
.acct .field label{display:block;font-weight:600;color:var(--color-ink);margin-bottom:.35rem}
.acct .pw-wrap{position:relative}
.acct .pw-wrap input{padding-right:4.6rem}
.acct .pw-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:0;font:inherit;font-size:var(--t-sm);font-weight:600;color:var(--color-accent-text);cursor:pointer;padding:.3rem .5rem}
.acct input[aria-invalid="true"]{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(198,40,40,.12)}
.acct .ferr{color:var(--color-danger-ink);font-size:var(--t-sm);margin:.35rem 0 0}
.acct .ferr[hidden]{display:none}
.acct-rules{list-style:none;margin:0 0 var(--s-5);padding:0;display:grid;gap:.35rem;font-size:var(--t-sm);color:var(--color-muted)}
.acct-rules li{display:flex;align-items:center;gap:.55rem}
.acct-rules li::before{content:"";flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--color-line);background:var(--color-card)}
.acct-rules li.ok{color:var(--color-success-ink)}
.acct-rules li.ok::before{border-color:var(--color-success);background:var(--color-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' d='M1 4l3 3 5-6'/%3E%3C/svg%3E") center/10px no-repeat}
.acct-rules li.bad{color:var(--color-danger-ink)}
.acct-rules li.bad::before{border-color:var(--color-danger)}
.acct-btns{display:flex;gap:var(--s-3);flex-wrap:wrap;align-items:center}
.acct .btn-primary{display:inline-block;width:auto}
.acct-flash{display:flex;gap:var(--s-3);align-items:flex-start;background:var(--color-success-wash);color:var(--color-success-ink);border:1px solid var(--color-success);border-radius:var(--radius-sm);padding:var(--s-3) var(--s-4);margin:0 0 var(--s-5);font-size:var(--t-sm);line-height:1.5}
.acct-flash[hidden]{display:none}
.acct-warn{display:flex;gap:var(--s-3);background:var(--color-warning-wash);color:var(--color-warning-ink);border:1px solid var(--color-warning);border-radius:var(--radius-sm);padding:var(--s-3) var(--s-4);font-size:var(--t-sm);line-height:1.5;margin:0 0 var(--s-4)}
.acct-data p{margin:0 0 var(--s-3);color:var(--color-body);line-height:1.55;font-size:var(--t-sm)}
.acct-data p:last-child{margin:0}

@media(max-width:600px){
  .acct h1{font-size:var(--t-xl)}
  .acct-card{padding:var(--s-5) var(--s-4)}
  .acct-row{flex-direction:column;align-items:flex-start}
  .acct-row .act{width:100%;flex-wrap:wrap}
  .acct-btns .btn,.acct-btns .btn-line,.acct-btns .btn-danger{flex:1 1 100%}
}

/* signed-out (V1 sign-in look, on ds3.css) */
.s15-out .sent-icon{margin-bottom:var(--s-5)}