.identity { display: flex; align-items: center; gap: 12px; min-width: 0; } .icon { width: 44px; height: 44px; flex: 0 0 auto; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card-strong); object-fit: cover; } .robotAvatar { width: 40px; height: 40px; flex: 0 0 auto; border: 1px solid var(--border); background: var(--primary-soft); color: var(--primary); font-size: 15px; font-weight: 700; } .identityText, .stack { display: flex; min-width: 0; flex-direction: column; gap: 3px; } .name { overflow: hidden; color: var(--text-primary); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } .meta { overflow: hidden; color: var(--text-tertiary); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; } .switchOnlyField { display: inline-flex; min-height: 56px; align-items: center; justify-content: flex-start; width: 100%; } .giftTierList { display: grid; gap: 10px; } .giftTierRow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px; border: 1px solid var(--border-soft); border-radius: 8px; background: var(--bg-card-strong); } .giftTierGift { min-height: 78px; padding: 8px; border-color: transparent; background: transparent; } .giftTierGift:hover { background: var(--bg-card); box-shadow: none; } .giftTierControls { display: grid; grid-template-columns: 90px 58px; gap: 8px; align-items: center; } .giftTierSort { width: 90px; } .giftTierSort :global(.MuiOutlinedInput-root) { background: var(--bg-card); } .giftTierSwitch { min-height: 40px; align-items: center; justify-content: center; } .fullField { grid-column: 1 / -1; } .strategyLevelLabel { display: inline-flex; max-width: 100%; align-items: center; gap: 4px; overflow: hidden; vertical-align: middle; } .strategyLevelHelpIcon { flex: 0 0 auto; color: var(--text-tertiary); font-size: 15px; } .strategyLevelTooltipPaper { max-width: min(560px, calc(100vw - 32px)); } .strategyLevelTooltip { display: grid; gap: 6px; color: inherit; line-height: 1.55; } .strategyLevelTooltipTitle { font-weight: 700; } .strategyLevelTooltipList { display: grid; gap: 4px; margin: 0; padding-left: 18px; } .stakePoolList { display: grid; gap: 10px; } .stakePoolRow { display: grid; width: 100%; gap: 4px; padding: 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card); color: var(--text-primary); cursor: pointer; text-align: left; } .stakePoolRow:hover, .stakePoolRowActive { border-color: var(--primary-border); background: var(--primary-surface); } .stakePoolMain { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; } .stakePoolStake { font-weight: 700; } .stakePoolMetrics { color: var(--text-secondary); font-size: 12px; line-height: 1.45; } .stakePoolWarning { color: var(--danger); font-size: 12px; line-height: 1.45; } .stakePoolEmpty { padding: 16px; border: 1px dashed var(--border); border-radius: 8px; color: var(--text-tertiary); text-align: center; } .stakePoolHint { margin-top: 10px; color: var(--text-secondary); font-size: 12px; } .stakePoolInlineActions { display: flex; justify-content: flex-end; margin-top: 12px; } .stakePoolPrimaryButton { min-height: var(--control-height); padding: 0 18px; border: 0; border-radius: 8px; background: var(--primary); color: #fff; cursor: pointer; font-weight: 700; } .stakePoolPrimaryButton:disabled { cursor: not-allowed; opacity: 0.55; } .poolLevelBadge { display: inline-flex; min-width: 42px; justify-content: center; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; } .poolLevel_green { background: rgba(16, 185, 129, 0.12); color: #047857; } .poolLevel_yellow { background: rgba(245, 158, 11, 0.14); color: #b45309; } .poolLevel_red { background: rgba(239, 68, 68, 0.12); color: #b91c1c; } .poolLevel_black, .poolLevel_unknown { background: rgba(15, 23, 42, 0.12); color: #111827; } @media (max-width: 720px) { .giftTierRow { grid-template-columns: minmax(0, 1fr); } .giftTierControls { grid-template-columns: minmax(0, 1fr) auto; } .giftTierSort { width: 100%; } } .platformList { display: flex; flex-direction: column; gap: 8px; min-width: 0; } .platformRow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); } .platformActions { display: inline-flex; align-items: center; gap: 8px; } .syncGameList { display: flex; flex-direction: column; gap: 8px; min-width: 0; max-height: 520px; overflow: auto; } .syncGameRow { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(120px, auto) auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); } .syncGameMeta { display: flex; min-width: 0; flex-direction: column; align-items: flex-end; gap: 3px; } .syncGameURL { max-width: 360px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; } .whitelistDialogPaper { width: min(980px, calc(100vw - 32px)); max-height: min(760px, calc(100vh - 32px)); border-radius: 12px; } .whitelistDialogContent { display: grid; gap: 16px; } .whitelistPolicyRow, .whitelistSearchRow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; } .whitelistPolicyRow { padding: 14px 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-card-strong); } .whitelistSearchRow > :last-child { min-width: 104px; min-height: 52px; } .whitelistTable { overflow: auto; max-height: 440px; border: 1px solid var(--border); border-radius: 10px; } .whitelistTableHeader, .whitelistTableRow { display: grid; grid-template-columns: minmax(180px, 1.2fr) minmax(150px, 1fr) 88px 180px 64px; gap: 12px; align-items: center; min-width: 760px; padding: 10px 14px; } .whitelistTableHeader { position: sticky; z-index: 1; top: 0; border-bottom: 1px solid var(--border); background: var(--bg-table-head); color: var(--text-secondary); font-size: 12px; font-weight: 600; } .whitelistTableRow { border-bottom: 1px solid var(--border-soft); } .whitelistTableRow:last-child { border-bottom: 0; } .whitelistUserIdentity { display: flex; min-width: 0; align-items: center; gap: 10px; } .whitelistAvatar { width: 36px; height: 36px; flex: 0 0 auto; } .whitelistEmpty { display: flex; min-height: 160px; align-items: center; justify-content: center; color: var(--text-tertiary); } @media (max-width: 720px) { .whitelistPolicyRow, .whitelistSearchRow { grid-template-columns: minmax(0, 1fr); } }