/* III. rész: szakemberfiók, mobilról induló elrendezés. */
html:root body.professional-account:has(.professional-offers-grid) .premium-list-head .eyebrow {
  font-size: 16px !important; letter-spacing: 0 !important; line-height: 1.5;
}
html:root body.professional-account .professional-offers-grid .ux-offer-status > span {
  display: flex !important; align-items: center; justify-content: center;
  width: 100% !important; max-width: none !important; box-sizing: border-box;
  text-align: center; white-space: normal; line-height: 1.5;
}
html:root body.professional-account .professional-offers-grid .ux-job-view,
html:root body.professional-account .professional-offers-grid .ux-job-view b {
  font-size: 13px !important; letter-spacing: 0 !important; line-height: 1.4;
}
html:root body.professional-account.home-page .hero-actions {
  display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px; width: min(100%,540px);
}
html:root body.professional-account.home-page .hero-actions .btn {
  width: 100% !important; min-width: 0 !important; margin: 0 !important;
  padding: 15px 12px !important; font-size: 14px !important; letter-spacing: 0 !important;
  line-height: 1.4; white-space: normal; border-radius: 12px;
}
html:root body.professional-account.home-page .hero-actions .hero-primary {
  background: radial-gradient(ellipse at 100% 0,rgba(255,255,255,.22),transparent 70%),#347d4c !important;
}
html:root body.professional-account.home-page .hero-actions .hero-secondary {
  background: rgba(100,108,104,.65) !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  color: #fff !important;
}
html:root body.professional-account.professional-my-jobs-page .premium-list-head .eyebrow {
  font-size: 16px !important; line-height: 1.5; letter-spacing: 0 !important; color: #42584a !important;
}
html:root body.professional-account [data-request-notice] {
  background: #245438 !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
  font-size: 12px !important; min-width: 24px; height: 24px; border-radius: 999px;
}
html:root body.professional-account .pro-dashboard-hero { margin-bottom: 0 !important; }
html:root body.professional-account .pro-dashboard-hero .eyebrow { letter-spacing: 0 !important; font-size: 14px !important; }
html:root body.professional-account .dashboard-membership-ok {
  max-width: none !important; width: 100% !important; margin: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: #e7f1e8 !important; color: #245438;
  padding: 16px max(24px,calc((100% - var(--content))/2 + 24px)) !important;
  display: flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box;
  font-size: 14px; line-height: 1.5;
}
html:root body.professional-account :is(.profile-editor-head,.required-profile-head,.optional-profile-head) .eyebrow,
html:root body.professional-account :is(.required-verification-status small,.required-profile-status,.required-settings-section>h3,.profile-tools-heading>span,.editor-preview-card>span,.editor-portfolio-heading span) {
  font-size: 14px !important; letter-spacing: 0 !important; line-height: 1.5; text-transform: none !important;
}
html:root body.professional-account :is(.membership-hero,.membership-layout,.membership-page,.payout-page) :is(.eyebrow,small,[class$="kicker"],[class$="label"]) {
  font-size: 14px !important; letter-spacing: 0 !important; line-height: 1.5; text-transform: none !important;
}
html:root body.professional-account :is(.membership-hero,.membership-layout,.payout-page) :is(h2,h3,.btn,.payout-account-chip,.payout-step strong,.payout-balance-label,.membership-status strong) {
  letter-spacing: 0 !important; text-transform: none !important;
}
html:root body.professional-account :is(.membership-hero,.payout-hero) h1 { font-size: clamp(34px,4.6vw,64px) !important; line-height: 1.12 !important; letter-spacing: -.025em !important; }
html:root body.professional-account :is(.membership-layout,.payout-page) h2 { font-size: clamp(23px,2.4vw,30px) !important; line-height: 1.3 !important; }
html:root body.professional-account :is(.membership-layout,.payout-page) h3 { font-size: 20px !important; line-height: 1.35 !important; }
html:root body.professional-account :is(.membership-layout,.payout-page) p { font-size: 15px !important; line-height: 1.65 !important; }
html:root body.professional-account .payout-layout { gap: 24px !important; }
html:root body.professional-account .payout-main { display: grid; gap: 24px; }
html:root body.professional-account .payout-card { margin: 0 !important; padding: 26px !important; }
html:root body.professional-account .payout-card-head { gap: 16px; margin-bottom: 18px !important; }
html:root body.professional-account :is(.payout-account-chip,.payout-step strong,.payout-balance-label) { font-size: 14px !important; line-height: 1.5 !important; }
html:root body.professional-account .profile-image-setting {
  display: grid !important; grid-template-columns: 112px minmax(0,1fr) !important;
  align-items: start !important; gap: 18px !important;
}
html:root body.professional-account .profile-image-current { width: 112px !important; min-width: 112px !important; height: 112px !important; }
html:root body.professional-account .profile-image-copy { min-width: 0; width: auto !important; }
html:root body.professional-account .profile-image-copy small { display: block; font-size: 13px !important; line-height: 1.55; }
html:root body.professional-account .image-action-row { display: flex; flex-wrap: wrap; gap: 8px; }
html:root body.professional-account .editor-image-action { white-space: normal; max-width: 100%; font-size: 13px !important; }
html:root body.professional-account :is(.required-settings-section,.optional-profile-form) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
html:root body.professional-account :is(.required-settings-section,.optional-profile-form) select {
  min-height: 46px !important; padding-top: 11px !important; padding-bottom: 11px !important; font-size: 16px !important;
}
@media(max-width:768px) {
  html:root body.professional-account .payout-card { padding: 22px 18px !important; }
  html:root body.professional-account .payout-card-head { flex-wrap: wrap; }
  html:root body.professional-account .payout-main { gap: 20px; }
  html:root body.professional-account .dashboard-membership-ok { padding: 16px !important; flex-wrap: wrap; }
  html:root body.professional-account .profile-image-setting { grid-template-columns: 96px minmax(0,1fr) !important; gap: 14px !important; }
  html:root body.professional-account .profile-image-current { width: 96px !important; min-width: 96px !important; height: 112px !important; }
  html:root body.professional-account .profile-image-current span { font-size: 13px; line-height: 1.4; }
}
@media(max-width:360px) {
  html:root body.professional-account .profile-image-setting { grid-template-columns: 80px minmax(0,1fr) !important; gap: 12px !important; }
  html:root body.professional-account .profile-image-current { width: 80px !important; min-width: 80px !important; }
}
/* Szakember: olvasható megrendelői tájékoztató és mobil irányítópult. */
html:root body.professional-account .quick-role-note { padding:20px !important; margin:20px 0 !important; border:1px solid #b9d2b6 !important; border-radius:16px; background:#edf5e9 !important; display:grid !important; gap:8px; }
html:root body.professional-account .quick-role-note strong { font-size:18px !important; line-height:1.4 !important; }
html:root body.professional-account .quick-role-note span { font-size:15px !important; line-height:1.65 !important; }
html:root body.professional-account .ux-offer-status .ux-job-view,
html:root body.professional-account .ux-offer-status .ux-job-view b { font-weight:400 !important; }
html:root body.professional-dashboard-page .compact-head .eyebrow { letter-spacing:0 !important; font-size:12px !important; }
html:root body.professional-dashboard-page .professional-market-links a { letter-spacing:0 !important; text-transform:none !important; }
html:root body.professional-dashboard-page .pro-dashboard-hero h1 { line-height:1.16 !important; }
@media(max-width:768px) {
 html:root body.professional-dashboard-page:not(.mm-mobile-menu-open) [data-site-header] { background:transparent !important; box-shadow:none !important; border:0 !important; backdrop-filter:none !important; }
 html:root body.professional-dashboard-page:not(.mm-mobile-menu-open) .ux-page-brand img { filter:brightness(0) invert(1) !important; }
 html:root body.professional-dashboard-page:not(.mm-mobile-menu-open) [data-menu-toggle] span { background:#fff !important; }
}
html:root body.professional-account .quick-role-note { padding:16px 18px !important; gap:6px !important; }
html:root body.professional-account .quick-role-note strong { font-size:16px !important; }
html:root body.professional-account .quick-role-note span { font-size:14px !important; line-height:1.55 !important; }
@media(max-width:768px) {
 html:root body.professional-dashboard-page .site-main { padding-top:0 !important; }
 html:root body.professional-dashboard-page [data-site-header] { position:absolute !important; top:0 !important; left:0; right:0; width:100%; z-index:1001; }
 html:root body.professional-dashboard-page .pro-dashboard-hero { margin-top:0 !important; padding-top:106px !important; }
 html:root body.professional-job-details-page :is(.site-visit-stepper,.pricing-summary-grid,.detail-meta) { grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
 html:root body.professional-job-details-page :is(.site-visit-stepper,.pricing-summary-grid,.detail-meta) > * { grid-column:1 / -1 !important; min-width:0; }
}
/* Profilszerkesztő: közös ritmus, teljes szélességű mezők és tiszta tipográfia. */
html:root body.professional-account :is(.profile-editor-head,.profile-editor-layout) * { letter-spacing:0 !important; box-sizing:border-box; }
html:root body.professional-account .profile-editor-head { max-width:1200px !important; margin:0 auto !important; padding:48px 24px 28px !important; }
html:root body.professional-account .profile-editor-head h1 { font-size:clamp(32px,4vw,48px) !important; line-height:1.15 !important; margin:10px 0 16px !important; }
html:root body.professional-account .profile-editor-layout { display:grid !important; grid-template-columns:minmax(0,1fr) 320px !important; align-items:start !important; gap:24px !important; max-width:1200px !important; margin:0 auto !important; padding:0 24px 64px !important; }
html:root body.professional-account .profile-editor-main-column { display:grid !important; gap:24px !important; min-width:0; }
html:root body.professional-account .profile-editor-layout :is(.required-profile-card,.optional-profile-form) { padding:28px !important; margin:0 !important; border:1px solid #d5e1d6 !important; border-radius:20px !important; min-width:0; }
html:root body.professional-account .profile-editor-layout :is(h2,h3) { font-size:23px !important; line-height:1.3 !important; margin:0 0 12px !important; text-transform:none !important; }
html:root body.professional-account :is(.profile-editor-head,.profile-editor-layout) p { font-size:15px !important; line-height:1.65 !important; margin:0 !important; }
html:root body.professional-account .profile-editor-layout :is(small,.section-optional-label,.customer-visit-location-note) { font-size:14px !important; line-height:1.55 !important; text-transform:none !important; }
html:root body.professional-account .profile-editor-layout :is(.editor-section,.required-settings-section) { padding:24px 0 !important; margin:0 !important; border-bottom:1px solid #e1e8e1; }
html:root body.professional-account .profile-editor-layout :is(.optional-profile-head,.required-profile-head,.editor-section-title) { margin:0 0 20px !important; gap:14px !important; }
html:root body.professional-account .profile-editor-layout .eyebrow { display:block; font-size:14px !important; line-height:1.5 !important; margin-bottom:8px; }
html:root body.professional-account .profile-editor-layout label:not(.editor-image-action):not(.category-check):not(.service-check) { font-size:15px !important; line-height:1.5 !important; }
html:root body.professional-account .profile-editor-layout label > :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { margin-top:8px !important; margin-bottom:8px !important; width:100% !important; min-width:0; font-size:16px !important; padding:12px 14px !important; border-radius:10px !important; }
html:root body.professional-account .profile-editor-layout :is(.grid2,.required-address-grid) { gap:18px !important; align-items:start !important; }
html:root body.professional-account .profile-editor-layout :is(.btn,.required-editor-toggle,.editor-image-action) { font-size:14px !important; line-height:1.5 !important; min-height:44px; white-space:normal !important; }
html:root body.professional-account .profile-image-settings { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:16px !important; }
html:root body.professional-account .profile-image-setting { padding:18px !important; border:1px solid #dbe5db; border-radius:14px; background:#f7faf6; }
html:root body.professional-account .profile-image-copy { display:grid; gap:8px; }
html:root body.professional-account .profile-image-copy strong { font-size:16px !important; }
html:root body.professional-account .profile-editor-layout :is(.required-submission-summary,.required-save-row) { gap:16px !important; flex-wrap:wrap; margin-top:20px !important; }
html:root body.professional-account .profile-editor-layout :is(.same-address-option,.required-locked-note) { padding:16px !important; margin:16px 0 !important; gap:12px; }
html:root body.professional-account .profile-editor-layout :is(.profile-editor-aside,.profile-tools-column) { position:static !important; min-width:0; }
@media(max-width:1000px) {
 html:root body.professional-account .profile-editor-layout { grid-template-columns:minmax(0,1fr) !important; }
}
@media(max-width:768px) {
 html:root body.professional-account .profile-editor-head { padding:32px 16px 24px !important; }
 html:root body.professional-account .profile-editor-layout { padding:0 16px 48px !important; gap:20px !important; }
 html:root body.professional-account .profile-editor-layout :is(.required-profile-card,.optional-profile-form) { padding:20px 16px !important; }
 html:root body.professional-account .profile-editor-layout :is(.grid2,.required-address-grid,.customer-visit-location-grid,.profile-type-choice-grid,.payment-mode-choice-grid) { grid-template-columns:minmax(0,1fr) !important; gap:16px !important; }
 html:root body.professional-account .profile-editor-layout :is(.grid2,.required-address-grid) > * { grid-column:auto !important; min-width:0; }
 html:root body.professional-account .required-profile-head { align-items:flex-start !important; }
 html:root body.professional-account .required-profile-icon { flex:0 0 36px; width:36px !important; height:36px !important; }
 html:root body.professional-account .required-submission-summary { display:grid !important; grid-template-columns:1fr !important; }
 html:root body.professional-account .profile-image-setting { padding:14px !important; grid-template-columns:80px minmax(0,1fr) !important; gap:12px !important; }
 html:root body.professional-account .profile-image-current { width:80px !important; min-width:80px !important; height:96px !important; }
 html:root body.professional-account .image-action-row { display:grid !important; grid-template-columns:1fr; }
}
html:root body.professional-account .profile-editor-layout :is(input,textarea,select) { font-weight:400 !important; line-height:1.5 !important; }
html:root body.professional-account .profile-editor-layout :is(input,textarea)::placeholder { font-weight:400 !important; opacity:1; color:#738078; }
html:root body.professional-account .required-profile-head { padding:20px !important; border-radius:14px !important; }
html:root body.professional-account .profile-editor-layout input[type=file]::file-selector-button { border:1px solid #b9cfbc; background:#eef5eb; color:#174d38; border-radius:7px; padding:8px 10px; margin-right:10px; font:inherit; }
/* Profilszerkesztő: közepes méretek és visszafogott fények. */
html:root body.professional-account .required-profile-head { background:radial-gradient(ellipse at 100% 0,rgba(229,255,223,.25),transparent 65%),#123e2c !important; box-shadow:0 8px 26px rgba(77,132,80,.16) !important; }
html:root body.professional-account .required-submission-summary { background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
html:root body.professional-account .required-editor-toggle { text-transform:none !important; background:transparent !important; box-shadow:none !important; font-weight:600 !important; }
html:root body.professional-account .required-editor-toggle::after { background:radial-gradient(circle at 35% 30%,#8abb8c,#24583b 75%) !important; box-shadow:0 0 0 4px rgba(140,186,134,.12),0 0 16px rgba(111,171,106,.35) !important; }
html:root body.professional-account .profile-editor-layout :is(.section-optional-label,small) { text-transform:none !important; }
html:root body.professional-account .profile-editor-layout .section-optional-label::first-letter,
html:root body.professional-account .profile-editor-layout label > small::first-letter { text-transform:uppercase; }
html:root body.professional-account .profile-editor-layout :is(h2,h3) { font-size:21px !important; }
html:root body.professional-account :is(.profile-editor-head,.profile-editor-layout) p { font-size:14px !important; line-height:1.6 !important; }
html:root body.professional-account .profile-editor-layout :is(small,.section-optional-label,.customer-visit-location-note) { font-size:13px !important; }
html:root body.professional-account .profile-editor-layout :is(.editor-section,.required-settings-section) { padding:20px 0 !important; }
html:root body.professional-account .profile-editor-layout label:not(.editor-image-action):not(.category-check):not(.service-check) { font-size:14px !important; }
html:root body.professional-account .profile-editor-layout #PortfolioImage { padding:16px !important; background:#f8fbf7 !important; border:1px dashed #b7cdb9 !important; border-radius:14px !important; font-size:14px !important; }
html:root body.professional-account .profile-editor-layout #PortfolioImage::file-selector-button { display:block; margin:0 0 12px; padding:10px 16px; border-radius:10px; background:#edf5e9; border:1px solid #b7cdb9; font-weight:600; }
/* Tagság: visszafogott zöldek és közepes méretű pénzügyi kártyák. */
html:root body.professional-account :is(.membership-hero,.membership-layout) { --lime:#deecd5; --ux-lime:#deecd5; }
html:root body.professional-account :is(.membership-hero,.membership-layout) * { letter-spacing:0 !important; }
html:root body.professional-account .membership-layout { gap:24px !important; }
html:root body.professional-account .membership-main { display:grid; gap:24px !important; min-width:0; }
html:root body.professional-account .membership-status { background:radial-gradient(ellipse at 100% 0,rgba(215,242,203,.3),transparent 68%),#edf5e9 !important; border:1px solid #bed3b9 !important; box-shadow:0 8px 28px rgba(93,143,79,.13) !important; color:#204b32 !important; padding:20px !important; border-radius:16px !important; }
html:root body.professional-account .membership-status :is(strong,small,span,a) { color:#204b32 !important; }
html:root body.professional-account .membership-plan-card.featured { background:#edf4e8 !important; border:1px solid #bdd1b7 !important; color:#173e2b !important; box-shadow:none !important; }
html:root body.professional-account .membership-layout :is(.membership-credit-card,.referral-dots i.done,.referral-steps .done) { background:#e1eed9 !important; color:#244c34 !important; border-color:#bdd0b7 !important; }
html:root body.professional-account .membership-layout :is(.membership-form-card,.membership-invoice-info,.membership-fee-card,.professional-billingo-card) { border:1px solid #d7e2d4 !important; border-left-width:1px !important; padding:24px !important; border-radius:18px !important; margin:0 !important; }
html:root body.professional-account .membership-layout .referral-card { border:1px solid #bfd2b9 !important; border-radius:18px !important; padding:24px !important; margin:0 !important; background:#fbfdf9 !important; }
html:root body.professional-account .membership-quick-actions { display:flex !important; gap:12px !important; flex-wrap:wrap; }
html:root body.professional-account .membership-quick-action { display:inline-flex !important; align-items:center; justify-content:center; min-height:44px; padding:11px 16px !important; background:#f4f8f0 !important; border:1px solid #bdcfb7 !important; border-radius:11px !important; color:#244c34 !important; font-size:14px !important; font-weight:600 !important; text-transform:none !important; }
html:root body.professional-account .membership-layout :is(.btn,.plan-connect-shortcut) { font-size:14px !important; text-transform:none !important; line-height:1.5 !important; }
html:root body.professional-account .membership-layout h2 { font-size:24px !important; line-height:1.3 !important; margin:8px 0 14px !important; }
html:root body.professional-account .membership-layout h3 { font-size:21px !important; line-height:1.35 !important; margin:8px 0 12px !important; }
html:root body.professional-account .membership-layout p { font-size:14px !important; line-height:1.65 !important; }
html:root body.professional-account .membership-layout small { font-size:13px !important; line-height:1.5 !important; }
html:root body.professional-account .membership-plan-card { padding:24px !important; }
@media(max-width:768px) {
 html:root body.professional-account .membership-hero-actions { width:100%; gap:18px !important; }
 html:root body.professional-account .membership-quick-actions > a { flex:1; }
 html:root body.professional-account .membership-layout :is(.membership-form-card,.membership-invoice-info,.membership-fee-card,.professional-billingo-card,.referral-card,.membership-plan-card) { padding:20px 16px !important; }
 html:root body.professional-account .referral-head { flex-direction:column !important; align-items:flex-start !important; gap:16px !important; }
 html:root body.professional-account .referral-link-row { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:10px !important; }
}
html:root body.professional-account .membership-hero .membership-quick-action,
html:root body.professional-account .membership-hero .membership-status,
html:root body.professional-account .membership-hero .membership-status *,
html:root body.professional-account .membership-layout .active-membership-button,
html:root body.professional-account .membership-layout .active-membership-button * { color:#244c34 !important; -webkit-text-fill-color:#244c34 !important; }
html:root body.professional-account .membership-layout .plan-fee-summary { border:0 !important; border-radius:10px; padding:14px !important; }
html:root body.professional-account .membership-hero .membership-quick-action { background:#174d38 !important; border-color:#174d38 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-family:inherit !important; }
html:root body.professional-account .membership-hero .membership-quick-action:hover { background:#103d2b !important; border-color:#103d2b !important; }
html:root body.professional-account .membership-hero .membership-status .membership-status-manage:is(:hover,:focus-visible) { background:#dce9d7 !important; color:#173e2b !important; -webkit-text-fill-color:#173e2b !important; border-color:#b8ceb2 !important; }
html:root body.professional-account #membership-settings { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:12px !important; }
html:root body.professional-account #membership-settings > :is(.eyebrow,h2,h3,p) { margin:0 !important; }
html:root body.professional-account #membership-settings > .btn { margin-top:8px !important; padding:12px 18px !important; min-height:46px; font-family:inherit !important; font-size:14px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; line-height:1.5 !important; }
/* Tagság: sötét státuszkártya, fehér tartalmi dobozok. */
html:root body.professional-account .membership-hero .membership-status { background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.23),transparent 68%),#143e2c !important; border-color:#143e2c !important; color:#fff !important; -webkit-text-fill-color:#fff !important; box-shadow:0 8px 28px rgba(20,62,44,.13) !important; }
html:root body.professional-account .membership-hero .membership-status * { color:#fff !important; -webkit-text-fill-color:#fff !important; }
html:root body.professional-account .membership-hero .membership-status .membership-status-manage,
html:root body.professional-account .membership-hero .membership-status .membership-status-manage:is(:hover,:focus-visible,:active) { background:transparent !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border-color:transparent !important; box-shadow:none !important; text-decoration:none !important; transform:none !important; filter:none !important; cursor:pointer; }
html:root body.professional-account .membership-layout :is(.membership-plan-card,.membership-plan-card.featured,.plan-fee-summary,.plan-fee-summary.is-professional,.membership-credit-card,.membership-form-card,.membership-invoice-info,.membership-fee-card,.professional-billingo-card,.professional-invoicing-mode-card,.referral-card,.membership-empty,.billingo-connect-warning,.invoice-provider-card) { background:#fff !important; }
html:root body.professional-account .membership-layout .active-membership-button { background:#174d38 !important; border-color:#174d38 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
html:root body.professional-account .membership-layout .active-membership-button * { color:#fff !important; -webkit-text-fill-color:#fff !important; }
html:root body.professional-account .membership-layout.membership-finance-page .membership-plan-card .plan-fee-summary { background:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; }
html:root body.professional-account .membership-layout.membership-finance-page .membership-plan-card .active-membership-button,
html:root body.professional-account .membership-layout.membership-finance-page .membership-plan-card .active-membership-button:is(:hover,:focus,:active) { background:#143e2c !important; background-image:none !important; border-color:#143e2c !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }/* Kifizetések: finomabb kiemelések és áttekinthető folyamat. */
html:root body.professional-account .payout-page :is(.payout-hero-status small,.payout-card-head .eyebrow,.payout-account-chip) { font-weight:600 !important; }
html:root body.professional-account .payout-page .payout-hero-status strong { font-weight:650 !important; }
html:root body.professional-account .payout-page .payout-steps { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
html:root body.professional-account .payout-page .payout-step { width:100%; min-width:0; padding:16px !important; }
html:root body.professional-account .payout-page .payout-step strong { font-weight:600 !important; font-size:15px !important; }
html:root body.professional-account .payout-page .payout-step small { font-weight:400 !important; font-size:14px !important; line-height:1.55 !important; }
html:root body.professional-account .payout-page .payout-aside-dark { background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.23),transparent 68%),#143e2c !important; border:1px solid #244e38; border-radius:18px !important; padding:24px !important; box-shadow:0 8px 26px rgba(52,103,65,.16) !important; }
html:root body.professional-account .payout-page .payout-aside-dark .eyebrow { font-size:14px !important; font-weight:600 !important; color:#e3eee4 !important; text-transform:none !important; }
html:root body.professional-account .payout-page .payout-aside-dark h3 { font-size:23px !important; line-height:1.3 !important; font-weight:700 !important; color:#fff !important; margin:10px 0 14px !important; }
html:root body.professional-account .payout-page .payout-aside-dark p { font-size:14px !important; line-height:1.65 !important; font-weight:400 !important; color:#dce8df !important; }
/* Fehér kifizetési oldal, átlátszó fejléc. */
html:root body.professional-account:has(.payout-page),
html:root body.professional-account:has(.payout-page) .site-main,
html:root body.professional-account .payout-page { background:#fff !important; background-image:none !important; }
html:root body.professional-account:has(.payout-page) [data-site-header] { background:transparent !important; background-image:none !important; box-shadow:none !important; border-color:transparent !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
/* Asztali szakemberoldalak: középre rendezett szerkesztő és igazított tagsági fejléc. */
@media(min-width:1025px) {
 html:root body.professional-account .profile-editor-layout { grid-template-columns:minmax(0,1fr) !important; max-width:960px !important; margin-inline:auto !important; }
 html:root body.professional-account .profile-editor-head { max-width:960px !important; margin-inline:auto !important; }
 html:root body.professional-account .profile-editor-preview { position:static !important; width:100% !important; max-width:none !important; }
 html:root body.professional-account .membership-hero { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(280px,360px) !important; grid-template-rows:auto auto !important; gap:24px 40px !important; align-items:stretch !important; }
 html:root body.professional-account .membership-hero > div:first-child { grid-column:1; grid-row:1; min-width:0; }
 html:root body.professional-account .membership-hero-actions { display:contents !important; }
 html:root body.professional-account .membership-hero .membership-quick-actions { grid-column:1; grid-row:2; align-self:end; justify-content:flex-start !important; margin:0 !important; }
 html:root body.professional-account .membership-hero .membership-status { grid-column:2; grid-row:1 / 3; align-self:end; margin:0 !important; width:100%; box-sizing:border-box; }
}
/* Asztali kifizetések: együtt induló és végződő, rögzítés nélküli oszlopok. */
@media(min-width:1025px) {
 html:root body.professional-account .payout-page .payout-layout { align-items:stretch !important; }
 html:root body.professional-account .payout-page .payout-aside { position:static !important; top:auto !important; transform:none !important; align-self:stretch !important; height:auto !important; min-height:0; display:flex !important; flex-direction:column !important; gap:24px !important; }
 html:root body.professional-account .payout-page .payout-aside > section:first-child { flex:1 1 auto; margin:0 !important; }
 html:root body.professional-account .payout-page .payout-aside > .payout-aside-dark { flex:0 0 auto; margin:0 !important; }
 html:root body.professional-account .payout-page .payout-main { align-content:start; }
}