/* English labels need more room than the original Chinese interface. */
#profileForm .auth-password-control .input { min-height: 48px; padding-right: 52px; }
body { font-family: Inter, Arial, sans-serif; letter-spacing: 0; }
.side-brand b { font-size: 20px; line-height: 1.3; white-space: normal; }
.side-brand b small { display: block; font-size: 12px; font-weight: 500; color: #b9c8c0; }
.brand b { font-size: 23px; line-height: 1.4; }
.brand b small { font-size: 14px; font-weight: 500; color: var(--muted); }
.auth .brand span { font-size: 14px; }
.auth-password-help { color:var(--muted); font-size:13px; line-height:1.6; margin:14px 0 0; }
.sidebar { width: 224px; }
.main { margin-left: 224px; min-width: 0; }
.nav button { font-size: 14px; }
.nav svg, .logo { flex-shrink: 0; }
.btn { padding: 8px 14px; height: auto; line-height: 1.35; }
.quick { min-width: 0; }
.quick h3 { font-size: 16px; }
.quick .iconbox { flex-shrink: 0; }
.grid4 strong { font-size: 25px; }
.welcome h2 { font-size: 28px; }
.campaign-table { overflow-x: auto; }
.campaign-list { min-width: 1160px; }
.campaign-header, .campaign-row { grid-template-columns: 156px 144px 90px 72px 100px 160px 108px 122px; }
.campaign-row .campaign-limit { white-space: normal; }
.campaign-action .btn { white-space: normal; min-height: 40px; }
.campaign-name b { white-space: normal; }
.campaign-name small { font-size: 9px; }
.guide-flow-copy, .guide-banner-copy { min-width: 0; }
.guide-flow-copy b { font-size: 14px; }
.guide-flow-copy span { font-size: 12px; }
.guideline-banner { height: auto; min-height: 104px; gap: 16px; padding-block: 20px; }
.guide-banner-tip { display: none; }
.guide-topic-grid b { font-size: 15px; }
.guide-topic-grid span { line-height: 1.6; }
.summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.summary strong { font-size: 22px; overflow-wrap: anywhere; }
.tabs { overflow-x: auto; gap: 14px; }
.tab { flex-shrink: 0; }
.profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.profile-grid input[data-admin-change-request] { cursor: pointer; background: var(--soft); }
.profile-item .profile-url { min-width: 0; }
.profile-item .profile-url a, .profile-item .account-email { display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-item .account-review-name { min-width: 0; max-width: 180px; }
.profile-item .account-review-name b { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.platform-account-field[hidden] { display: none; }
.account-created-year { min-width: 0; }
@media (max-width: 1050px) {
  .profile-item { grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; }
  .profile-item .profile-url { grid-column: 2; grid-row: 1; }
  .profile-item .followers { display: block; grid-column: 2; grid-row: 2; }
  .profile-item .account-created-year { grid-column: 2; grid-row: 3; }
  .profile-item > button { grid-column: 3; grid-row: 1; }
}
.modal-head h3 { overflow-wrap: anywhere; }
.modal .channel { white-space: normal; }
.modal .channel > div { min-width: 0; }
.modal .channel small { line-height: 1.5; overflow-wrap: anywhere; }
.modal-foot { flex-wrap: wrap; gap: 12px; }
.auth-art:before, .auth-art:after { display: none; }
.auth-art h2 { font-size: 38px; }
.auth-art { background: #123f30; }
.uid:after { content: ' · UTC'; color: var(--muted); }
@media (max-width: 1050px) {
  .quick-grid { grid-template-columns: 1fr; }
  .guide-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .main { margin-left: 0; }
  .sidebar { width: 224px; }
  .topbar h1 { font-size: 16px; }
  .uid { font-size: 11px; padding: 6px; }
  .uid b { margin-left: 3px; }
  .page-head h2 { font-size: 24px; }
  .page-head { flex-wrap: wrap; gap: 12px; }
  .summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid4 strong { font-size: 24px; }
  .welcome h2 { font-size: 24px; }
  .welcome p { line-height: 1.6; }
  .guideline-banner { display: flex; flex-wrap: wrap; padding: 20px; }
  .guide-grid, .profile-grid { grid-template-columns: minmax(0, 1fr); }
  .guide-flow > div { padding: 14px; }
  .profile-card { padding: 16px; }
  .modal-head, .modal-body, .modal-foot { padding: 16px; }
}