/* ==========================================================================
   account page: sign-in card and the list of your links
   (builds on manage.css for cards, pills and the segmented tabs)
   ========================================================================== */

.shorten-note b{color:var(--ink);font-weight:500;}

.ac{max-width:880px;}
.ac-card{margin-top:36px;padding:26px;}
.ac-tabs{margin-bottom:22px;}
.ac-form{display:grid;gap:8px;}
.ac-form label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8e847f;margin-top:8px;}
.ac-form input{
  width:100%;padding:15px 18px;border-radius:14px;border:1px solid var(--line2);background:var(--bg2);
  font-family:var(--mono);font-size:16px;color:var(--ink);outline:none;
}
.ac-form input:focus{border-color:var(--hot1);}
.ac-form input[aria-invalid="true"]{border-color:var(--bad);}
.ac-form .btn{justify-self:start;margin-top:14px;}
.ac-hint{font-size:13px;line-height:1.5;color:#8e847f;}
.ac-fine{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--dim);}
.ac-fine a,.ac-empty a{color:var(--ink);}

.ac-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px;}
.ac-head .mg-gate-title{margin-bottom:0;}
.ac-head-actions{display:flex;gap:10px;flex-wrap:wrap;}
.ac-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.ac-filter{
  width:min(100%,300px);padding:11px 16px;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);
  font-family:var(--mono);font-size:16px;color:var(--ink);outline:none;
}
.ac-filter:focus{border-color:var(--hot1);}

.ac-list{list-style:none;display:grid;gap:10px;}
.ac-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;align-items:center;
  padding:18px 22px;border-radius:18px;background:var(--panel);border:1px solid var(--line);
}
.ac-short{font-family:var(--mono);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;word-break:break-all;}
.ac-short:hover{text-decoration:underline;}
.ac-target{grid-column:1;font-family:var(--mono);font-size:12.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ac-meta{grid-column:1;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8e847f;}
.ac-meta b{color:var(--ink);font-weight:500;}
.ac-actions{grid-column:2;grid-row:1 / span 3;display:flex;gap:8px;align-items:center;}
.ac-empty{padding:28px 0;color:var(--dim);}
.ac-pass{margin-top:48px;}
.ac-pass summary{cursor:pointer;font-weight:600;}
.ac-pass .ac-form{margin-top:16px;max-width:420px;}
@media (max-width:640px){
  .ac-row{grid-template-columns:minmax(0,1fr);}
  .ac-actions{grid-column:1;grid-row:auto;margin-top:8px;}
}