/* Shared rhythm for the customer and administrator workspaces. */
.gold-ui{--g-space-section:24px;--g-space-field:16px;--g-space-label:8px}
.gold-ui .g-page-flow{display:flex;flex-direction:column;gap:var(--g-space-section);min-width:0}
.gold-ui .g-page-flow> *{margin-block:0;min-width:0}
.gold-ui .g-page-flow .g-padded> *+*{margin-block-start:var(--g-space-field)}
.gold-ui .g-page-flow .g-padded>.g-section-heading{margin-block-start:0;margin-block-end:16px}
.gold-ui .g-page-flow .g-padded>.g-detail-grid{margin-block:20px 0}
.gold-ui .g-page-flow .g-padded>h2{font-size:18px;line-height:1.8}
.gold-ui .g-page-flow form:not(.g-filters):not(.g-actions){display:grid;gap:var(--g-space-field);min-width:0}
.gold-ui .g-page-flow form:not(.g-filters):not(.g-actions)> *{margin-block:0;min-width:0}
.gold-ui .g-page-flow form>p:has(>label){display:grid;gap:var(--g-space-label)}
.gold-ui .g-page-flow form>label:not(:has(input[type=checkbox])){display:grid;gap:var(--g-space-label)}
.gold-ui .g-page-flow form label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;line-height:2}
.gold-ui .g-page-flow form input[type=checkbox]{flex:none;margin-block-start:6px}
.gold-ui .g-page-flow form>button,.gold-ui .g-page-flow form>.g-btn{justify-self:start}
.gold-ui .g-page-flow form.g-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:0;margin-block:16px 24px}
.gold-ui .g-page-flow .g-filters>.g-field{flex:1 1 240px;max-width:560px;min-width:0}
.gold-ui .g-page-flow .g-filters>.g-btn{flex:none}
.gold-ui .g-wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.gold-ui .g-wallet-grid .g-amount{font-size:24px}
.gold-ui .g-wallet-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.gold-ui .g-wallet-actions .g-btn{min-height:48px}
.gold-ui .g-reserved-help{font-size:12px;color:var(--g-muted);line-height:2}
.gold-ui .g-page-flow .g-detail-grid>div{min-width:0;overflow-wrap:anywhere}
.gold-ui .g-page-flow .g-detail-grid dd{margin-block-start:8px}
@media(max-width:767px){
  .gold-ui{--g-space-section:20px}
  .gold-ui .g-market-caption{display:flex;grid-column:1/-1;gap:6px}
  .gold-ui .g-market-caption small{flex-basis:auto;padding-inline-start:4px}
  .gold-ui .g-market-caption small br{display:none}
  .gold-ui .g-wallet-grid{grid-template-columns:1fr;gap:16px}
  .gold-ui .g-wallet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .gold-ui .g-wallet-actions .g-btn{white-space:normal;text-align:center;height:100%}
  .gold-ui .g-page-flow .g-filters>.g-field{flex-basis:100%;max-width:none}
  .gold-ui .g-page-flow .g-detail-grid{grid-template-columns:1fr}
}
@media(max-width:420px){.gold-ui .g-wallet-actions{grid-template-columns:1fr}}

/* Settings details and one-time results are nested below the page/card flow. */
.gold-ui .g-page-flow :is([aria-labelledby="gold-account-credentials-title"],[aria-labelledby="gold-authenticator-title"])>details>*+*{margin-block-start:var(--g-space-field)}
.gold-ui .g-page-flow [data-sensitive-once]{display:grid;gap:var(--g-space-field);min-width:0}
.gold-ui .g-page-flow [data-sensitive-once]>*{margin-block:0;min-width:0}
.gold-ui .g-page-flow [data-sensitive-once]>.g-btn{justify-self:start}
.gold-ui .g-page-flow #account-access-management>form~*{margin-block-start:var(--g-space-field)}

/* Table filters keep their card inset; only standalone filter forms reset padding. */
.gold-ui .g-table-card>.g-filters{gap:12px;min-width:0}
.gold-ui .g-table-card>.g-filters>label{min-width:0}
.gold-ui .g-table-card>.g-filters>.g-btn{flex:none;max-width:100%;white-space:normal}
.gold-ui .g-table-footer{flex-wrap:wrap}
.gold-ui .g-table-footer>*{min-width:0;overflow-wrap:anywhere}
.gold-ui .g-guide>p+:is(.g-btn,.g-actions){margin-block-start:var(--g-space-field)}
.gold-ui .g-inline-identity{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.gold-ui .g-inline-identity>bdi{min-width:0;overflow-wrap:anywhere}
.gold-ui [data-hold-institution-navigation]+.g-nav-caption{margin-block-start:12px}
.gold-ui .g-footer{flex-wrap:wrap}
.gold-ui .g-footer>*{min-width:0;max-width:100%;overflow-wrap:anywhere}

/* Partner introduction copy is one readable stack, independent of page direction. */
.gold-ui .g-network-hero-copy{display:grid;gap:12px;min-width:0;max-width:760px}
.gold-ui .g-network-hero-copy>p{margin:0!important}
.gold-ui .pw-hero>div{min-width:0;overflow-wrap:anywhere}
.gold-ui .pw-seal>.g-icon{inline-size:58%;block-size:58%}
.gold-ui .pw-card>a{gap:8px;max-width:100%;overflow-wrap:anywhere}
html[dir="ltr"] .gold-ui .pw-card>a>.g-icon--arrow{transform:scaleX(-1)}
