/* Approval updates are a focused dialog, with the current page kept in place. */
html.account-notice-open{overflow:hidden;scrollbar-gutter:stable}
html.account-notice-open body{overflow:hidden}
dialog.account-notices{position:fixed;inset:0;margin:auto;width:calc(100% - 40px);max-width:540px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:0;border:1px solid #dce5f2;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #10213a30;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
dialog.account-notices:not([open]){display:none}
dialog.account-notices::backdrop{background:#14253d70;backdrop-filter:blur(4px)}
.account-notice{position:relative;padding:32px;overflow-wrap:anywhere}
.account-notice-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#6b7b91}
.account-notice-close:hover{background:#f0f4fa;color:var(--ink)}
.account-notice-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.account-notice-heading{padding-right:20px}
.account-notice-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border:1px solid #dae7fc;border-radius:14px;background:#edf4ff;color:var(--green)}
.account-notice-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.account-notice .account-notice-eyebrow{margin:0 0 6px;color:#60738f;font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:.035em}
.account-notice h2{margin:0;font-size:1.625rem;font-weight:650;line-height:1.25;letter-spacing:-.45px}
.account-notice #account-notice-description{margin:12px 0 0;font-size:.9375rem;line-height:1.7;color:#5f6f84}
.account-notice-property{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:5px 12px;margin-top:24px;padding:18px;border:1px solid #dee7f3;border-radius:10px;background:#f7f9fd}
.account-notice-property-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#eaf1fc;color:var(--green)}
.account-notice-property-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.account-notice-property>div{min-width:0}
.account-notice-label{display:block;margin:0 0 4px;color:#66778f;font-size:.6875rem;font-weight:500;line-height:1.5}
.account-notice-property h3{margin:0;font-size:.9375rem;line-height:1.5;font-weight:600;letter-spacing:0}
.account-notice-status{display:inline-flex;align-items:center;justify-content:center;justify-self:end;align-self:start;max-width:100%;padding:5px 9px;border:1px solid #d2e2f9;border-radius:6px;background:#eaf2ff;color:#1955a2;font-size:.6875rem;line-height:1.5;font-weight:600}
.account-notice-date{display:block;margin-top:5px;color:#6b7b91;font-size:.6875rem;line-height:1.6}
.account-notice-invite{margin-top:24px}
.account-notice-invite h3{margin:0 0 8px;font-size:.9375rem;font-weight:600;line-height:1.5;letter-spacing:0}
.account-notice-invite p{margin:0;font-size:.875rem;line-height:1.7;color:#5f6f84}
.account-notice-invite .text-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;padding:8px 0;font-size:.875rem;font-weight:500;text-align:left}
.account-notice-invite .text-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.account-notice-footer{display:block;margin-top:26px;padding:22px 0 0;border-top:1px solid #e4eaf3;background:transparent}
.account-notice-queue{margin:0 0 12px;color:#66778f;font-size:.75rem;line-height:1.5}
.account-notice-queue:empty{display:none}
.account-notice-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}
.account-notice-actions .button{flex:1 1 140px;min-height:46px;padding:12px 17px;border-radius:7px;font-size:.875rem;line-height:1.5;text-align:center;white-space:normal}
.account-notice-actions .button:not(.secondary){border:1px solid var(--green);background:var(--green);color:#fff}
.account-notice-actions .button:not(.secondary):hover:not(:disabled){border-color:var(--green-dark);background:var(--green-dark)}
.account-notice-actions .button.secondary{border-color:#d8e1ee;background:#fff;color:#475d7b}
.account-notice-actions .button.secondary:hover:not(:disabled){background:#f4f7fc;color:var(--green)}
.account-notice button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.account-notice button:disabled{opacity:.6;cursor:wait}
.account-notice .account-notice-error{margin:12px 0 0;padding:10px 12px;border:1px solid #efd5ce;border-radius:6px;background:#fff7f4;color:#9b4436;font-size:.8125rem;line-height:1.6}
.account-notice-error:empty{display:none}
@media(max-width:540px){
  dialog.account-notices{width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:13px}
  .account-notice{padding:26px 22px 22px}
  .account-notice-close{top:10px;right:10px}
  .account-notice h2{font-size:1.5rem;letter-spacing:-.35px}
  .account-notice #account-notice-description{font-size:.875rem}
  .account-notice-property{grid-template-columns:36px minmax(0,1fr);padding:15px;gap:7px 11px}
  .account-notice-property-icon{width:36px;height:36px;grid-row:1 / 3;align-self:start}
  .account-notice-status{grid-column:2;justify-self:start;margin-top:3px}
  .account-notice-footer{margin-top:22px;padding-top:20px}
  .account-notice-actions{gap:10px}
}
@media(prefers-reduced-motion:no-preference){
  dialog.account-notices[open]{animation:account-notice-enter .16s ease-out}
  @keyframes account-notice-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.account-notice button{transition:none}}