/* Invite lookup is a separate, labelled form below the main guild action. */
html[data-ui-theme="binance"] #localGuildPrelaunchBanner .lgp-invite-entry {
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--sf-border);
  border-radius: 10px;
  background: var(--sf-surface);
  font-family: system-ui, -apple-system, "Microsoft YaHei", sans-serif;
}
html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteLabel {
  display: block;
  margin: 0 0 10px;
  color: var(--sf-text);
  font: 600 14px/1.5 system-ui, -apple-system, "Microsoft YaHei", sans-serif;
}
html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteForm {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 0;
}
html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteForm > :is(input, button) {
  box-sizing: border-box;
  min-height: 44px;
  height: 44px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  font-family: system-ui, -apple-system, "Microsoft YaHei", sans-serif !important;
  font-size: 14px;
  line-height: 1.5;
}
html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteForm > input { width: 100%; min-width: 0; max-width: 100%; border: 1px solid var(--sf-border); background: var(--sf-bg); color: var(--sf-text); }
html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteForm > input:focus { border-color: var(--sf-primary); outline: 1px solid var(--sf-primary); outline-offset: -1px; box-shadow: none; }
html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteForm > button { min-width: 96px; white-space: nowrap; border: 1px solid var(--sf-border); background: var(--sf-surface-2); color: var(--sf-text); font-weight: 600; }
html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteForm > button:hover:not(:disabled) { border-color: var(--sf-primary); color: var(--sf-primary); }
html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteInputStatus:not(:empty) {
  margin: 10px 0 0;
  color: var(--sf-muted);
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
  overflow-wrap: anywhere;
}
@media (max-width: 480px) {
  html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteForm { grid-template-columns: minmax(0, 1fr); }
  html[data-ui-theme="binance"] #localGuildPrelaunchBanner #localGuildInviteForm > button { width: 100%; }
}

/* Account tools use the same SHELFLINGS workspace language as the main pages. */
html[data-ui-theme="binance"] body :is(.hl-mail-dialog,.account-finance-dialog,#hashlingsVaultDialog){box-sizing:border-box;padding:0;border:1px solid var(--sf-border);border-radius:18px;background:var(--sf-surface);color:var(--sf-text);box-shadow:0 32px 100px #0009;max-height:calc(100dvh - 32px);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow:auto}
html[data-ui-theme="binance"] body :is(.hl-mail-dialog,.account-finance-dialog,#hashlingsVaultDialog)::backdrop{background:#050709bf;backdrop-filter:blur(8px)}
html[data-ui-theme="binance"] body :is(.hl-mail-dialog,.account-finance-dialog,#hashlingsVaultDialog) :is(button,a,input):focus-visible{outline:2px solid var(--sf-primary);outline-offset:var(--sf-focus-offset,3px)}
html[data-ui-theme="binance"] body :is(.hl-mail-dialog,.account-finance-dialog,#hashlingsVaultDialog) :is(button,input,h2,h3){font-family:inherit!important}
html[data-ui-theme="binance"] body :is(.hl-mail-dialog,.account-finance-dialog,#hashlingsVaultDialog) button{min-height:44px;cursor:pointer}
html[data-ui-theme="binance"] body :is(.hl-mail-dialog,.account-finance-dialog,#hashlingsVaultDialog) button:disabled{opacity:1;background:var(--sf-surface-3);color:var(--sf-subtle);border-color:var(--sf-border);cursor:not-allowed}

/* Mail becomes a post-office board, with a quieter list and a readable letter. */
html[data-ui-theme="binance"] body  .hl-mail-dialog{width:min(900px,calc(100vw - 32px))}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-head{position:sticky;top:0;z-index:2;gap:24px;padding:26px 28px;background:#121619;border:0;border-bottom:1px solid var(--sf-border)}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-head span{font:600 10px/1.5 ui-monospace,monospace;color:var(--sf-primary);letter-spacing:2px}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-head h2{font:600 27px/1.3 system-ui,sans-serif;margin:8px 0 0}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-head button{border:1px solid var(--sf-border);border-radius:8px;background:transparent;color:var(--sf-muted);padding:8px 12px}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-head button:hover{border-color:var(--sf-primary);color:var(--sf-primary)}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-grid{grid-template-columns:minmax(200px,30%) minmax(0,1fr);min-height:360px}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-list{gap:4px;padding:18px 12px;background:#121619;border-color:var(--sf-border)}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-card{padding:14px 12px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-card.is-unread{border-color:var(--sf-border);background:#ffffff03}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-card.is-selected{border-color:#f0b90b55;background:var(--sf-accent-soft);box-shadow:inset 3px 0 var(--sf-primary)}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-card:hover{background:var(--sf-surface-2)}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-card strong{font-size:13px;font-weight:600;white-space:normal;line-height:1.5}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-card em{padding:3px 6px;background:#ffffff07;border-radius:4px;color:var(--sf-muted);font-size:10px}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-detail{padding:28px 30px;background:var(--sf-surface)}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-detail h3{font:600 23px/1.45 system-ui,sans-serif;margin:12px 0 16px}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-body{font-size:14px;line-height:1.8;color:var(--sf-muted)}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-gift{padding:18px;margin-top:26px;background:#f0b90b07;border:1px solid #f0b90b38;border-radius:12px}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-gift>strong{font:600 13px system-ui,sans-serif}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-gift li{border:0;border-radius:5px;background:var(--sf-surface-3);color:var(--sf-text);box-shadow:none;padding:6px 8px}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-gift button{border:0;border-radius:7px;padding:10px 16px;font-size:12px}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-gift small{color:var(--sf-muted);line-height:1.6}
html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-status{border-color:#f0b90b33;padding:12px 28px}
html[data-ui-theme="binance"] body #acctDD .acct-mail-shortcut{border:1px solid var(--sf-border);border-radius:10px;background:#121619;box-shadow:none;transform:none;padding:10px 12px}
html[data-ui-theme="binance"] body #acctDD .acct-mail-shortcut:hover{border-color:#f0b90b66;background:var(--sf-accent-soft)}
html[data-ui-theme="binance"] body .acct-mail-pixel{width:38px;height:38px;border:0;border-radius:8px;background:var(--sf-accent-soft);color:var(--sf-primary)}
html[data-ui-theme="binance"] body .acct-mail-copy strong{font-family:system-ui,sans-serif}

/* The balance desk emphasizes the available amount, then the supporting rows. */
html[data-ui-theme="binance"] body .account-finance-dialog{width:min(650px,calc(100vw - 32px))}
html[data-ui-theme="binance"] body .account-finance-dialog>header{padding:28px 30px 20px;border-bottom:1px solid var(--sf-border);background:#121619}
html[data-ui-theme="binance"] body .account-finance-dialog>header span{font:600 10px/1.5 ui-monospace,monospace;letter-spacing:2px}
html[data-ui-theme="binance"] body .account-finance-dialog h2{font:600 27px/1.35 system-ui,sans-serif;margin:10px 0 0}
html[data-ui-theme="binance"] body .account-finance-body{padding:24px 30px;max-height:none;line-height:1.7;overflow:visible}
html[data-ui-theme="binance"] body .account-finance-body dl{display:grid;gap:0;margin:0}
html[data-ui-theme="binance"] body .account-finance-body dl>div{padding:16px 0;gap:16px;border-bottom:1px solid var(--sf-border)}
html[data-ui-theme="binance"] body .account-finance-body dl>div:first-child{display:grid;gap:10px;padding:22px;margin-bottom:10px;border:1px solid #f0b90b40;border-radius:12px;background:#f0b90b08}
html[data-ui-theme="binance"] body .account-finance-body dl>div:first-child dd{font:600 30px/1.3 system-ui,sans-serif;text-align:left;color:var(--sf-primary);margin:0;overflow-wrap:anywhere}
html[data-ui-theme="binance"] body .account-finance-note{padding:16px;margin:20px 0 0;border:0;background:#121619;border-radius:8px;font-size:12px;line-height:1.7}
html[data-ui-theme="binance"] body .account-finance-dialog>footer{position:sticky;bottom:0;margin:0;padding:16px 30px;gap:14px;background:var(--sf-surface);border-top:1px solid var(--sf-border)}
html[data-ui-theme="binance"] body .account-finance-dialog>footer a{font-size:12px}
html[data-ui-theme="binance"] body .account-finance-dialog>footer button{border:1px solid var(--sf-border);border-radius:8px;padding:10px 20px}

/* Asset desk: a task rail beside the form; saved requests stay in one timeline. */
html[data-ui-theme="binance"] body #hashlingsVaultDialog{width:min(860px,calc(100vw - 32px))}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-workspace{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:28px;padding:28px}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-heading{position:relative;grid-column:1/-1;padding:0 54px 22px 0;border-bottom:1px solid var(--sf-border);margin-bottom:24px}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .account-funds-eyebrow{font:600 10px/1.5 ui-monospace,monospace;letter-spacing:2px;color:var(--sf-primary)}
html[data-ui-theme="binance"] body #hashlingsVaultDialog h2{font-size:27px;line-height:1.35;margin:10px 0}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-heading p{font:12px/1.7 system-ui,sans-serif;margin:0;color:var(--sf-muted)}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-dismiss{position:absolute;top:0;right:0;width:40px;min-height:40px;padding:0;border:1px solid var(--sf-border);border-radius:8px;background:transparent;color:var(--sf-muted);font-size:24px}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-tabs{grid-column:1;grid-row:2/6;margin:0;padding:0;border:0;background:transparent;align-self:start}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-tabs>div{display:grid;grid-template-columns:1fr;gap:6px}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-tabs button{padding:14px 12px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;font-size:12px}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-tabs button[aria-pressed=true]{background:var(--sf-accent-soft);color:var(--sf-primary);border-color:#f0b90b40;box-shadow:none}
html[data-ui-theme="binance"] body #hashlingsVaultDialog :is(.vault-summary,.vault-action-area,.vault-request-area,.vault-workspace>.account-funds-notice){grid-column:2;min-width:0}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-summary{margin:0 0 8px;padding:14px 18px;background:#121619;border-radius:10px;color:var(--sf-muted)}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-summary p{margin:6px 0}
html[data-ui-theme="binance"] body #hashlingsVaultDialog :is(input,.vault-row){border-color:var(--sf-border);background:var(--sf-surface-2);color:var(--sf-text);border-radius:8px}
html[data-ui-theme="binance"] body #hashlingsVaultDialog input{min-height:46px;font-size:14px}
html[data-ui-theme="binance"] body #hashlingsVaultDialog label{margin:14px 0;gap:8px;color:var(--sf-muted)}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-row{padding:18px;box-shadow:none}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-row p{color:var(--sf-muted)}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-row code{background:transparent;padding:0;color:var(--sf-subtle);font-size:11px;overflow-wrap:anywhere}
html[data-ui-theme="binance"] body #hashlingsVaultDialog a{color:var(--sf-primary);font-size:12px}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-request-area{border-top:1px solid var(--sf-border);margin-top:24px;font-size:13px;color:var(--sf-muted)}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-request-area h3{color:var(--sf-text);font-size:14px}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .account-funds-controls{gap:8px;flex-wrap:wrap}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .account-funds-controls button{border-radius:7px;padding:10px 14px;font-size:12px;white-space:normal}
html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-footer{grid-column:1/-1;justify-content:flex-end;padding-top:20px;margin-top:24px;border-top:1px solid var(--sf-border)}
@media(max-width:620px){
 html[data-ui-theme="binance"] body :is(.hl-mail-dialog,.account-finance-dialog,#hashlingsVaultDialog){width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}
 html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-head{padding:20px;gap:12px}
 html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-head h2{font-size:23px}
 html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-grid{grid-template-columns:1fr}
 html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-list{display:flex;max-height:none;border-right:0;border-bottom:1px solid var(--sf-border)}
 html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-card{flex:none;width:185px}
 html[data-ui-theme="binance"] body :is(#shelf-workspace,.hl-mail-dialog) .hl-mail-detail{padding:22px;max-height:none}
 html[data-ui-theme="binance"] body .account-finance-dialog>header{padding:22px}
 html[data-ui-theme="binance"] body .account-finance-dialog h2{font-size:23px}
 html[data-ui-theme="binance"] body .account-finance-body{padding:20px}
 html[data-ui-theme="binance"] body .account-finance-dialog>footer{padding:14px 20px}
 html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-workspace{grid-template-columns:minmax(0,1fr);gap:0;padding:22px}
 html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-heading{margin-bottom:18px;padding-right:42px}
 html[data-ui-theme="binance"] body #hashlingsVaultDialog h2{font-size:23px}
 html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-tabs{grid-column:1;grid-row:auto;margin-bottom:18px}
 html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-tabs>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 html[data-ui-theme="binance"] body #hashlingsVaultDialog .vault-tabs button{text-align:center;padding:12px 5px;font-size:11px}
 html[data-ui-theme="binance"] body #hashlingsVaultDialog :is(.vault-summary,.vault-action-area,.vault-request-area,.vault-workspace>.account-funds-notice){grid-column:1}
}