/* II. rész: az ügyfél saját feladatai és számlái. */
html:root body.customer-my-jobs-page .premium-list-head .eyebrow {
  font-size: 14px !important; letter-spacing: 0 !important; line-height: 1.5;
}
html:root body.customer-my-jobs-page .customer-job-card-footer {
  grid-template-columns: minmax(0,1fr) auto !important; grid-template-areas: none !important;
  gap: 12px !important; align-items: center;
}
html:root body.customer-my-jobs-page .customer-job-offers { grid-area: auto !important; grid-column: 1 !important; }
html:root body.customer-my-jobs-page .customer-job-date { grid-area: auto !important; grid-column: 2 !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) :is(.premium-job-head,.premium-detail-layout,.modal,.dialog) :is(.eyebrow,small,[class$="label"],[class$="kicker"]) {
  font-size: 14px !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.5 !important;
}
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-job-head { gap: 24px !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-job-head h1 { font-size: clamp(32px,4vw,54px) !important; line-height: 1.15 !important; letter-spacing: -.025em !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout { gap: 24px !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-main { padding: 26px !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout h2 { font-size: clamp(23px,2.4vw,30px) !important; line-height: 1.3 !important; margin-bottom: 16px; letter-spacing: -.015em !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout h3 { font-size: 20px !important; line-height: 1.35 !important; letter-spacing: 0 !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout p { font-size: 15px !important; line-height: 1.7 !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout :is(.btn,.badge,.list-status) { font-size: 14px !important; letter-spacing: 0 !important; line-height: 1.5 !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) :is(.premium-status,.workflow-status-card,.customer-billing-card,.accepted-professional-contact-card) { padding: 20px !important; border-radius: 16px; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .workflow-status-card { gap: 14px; margin: 18px 0; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .offers-head { gap: 16px; margin-bottom: 20px; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .detail-meta { gap: 16px !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-status b { font-size: 15px !important; line-height: 1.5; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) :is(.offers-head small,.job-chat-entry-kicker,.job-chat-entry .eyebrow) { font-size: 14px !important; letter-spacing: 0 !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout label { font-size: 14px !important; line-height: 1.5; }
@media(max-width:768px) {
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-main { padding: 20px 16px !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout { gap: 20px !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-job-head { padding: 32px 16px 24px !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout .btn { min-height: 44px; white-space: normal; }
}
@media (min-width: 769px) {
  html:root body.customer-my-jobs-page div.ux-job-grid {
    max-width: var(--content);
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
  html:root body.customer-my-jobs-page .ux-job-grid {
    width: auto !important;
    min-width: 0;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  html:root body.customer-my-jobs-page .ux-job-card { min-width: 0; }
  html:root body.customer-invoices-page .customer-invoices-shell .eyebrow {
    font-size: 14px !important;
    line-height: 1.5;
    letter-spacing: 0 !important;
  }
  html:root body.customer-invoices-page .ux-invoice-stats small,
  html:root body.customer-invoices-page .customer-invoice-status small,
  html:root body.customer-invoices-page .customer-invoice-main small {
    font-size: 13px !important;
    line-height: 1.5;
    letter-spacing: 0 !important;
  }
html:root body.customer-invoices-page .customer-invoices-shell {
  display: grid; gap: 28px; padding: 48px 24px 72px;
}
html:root body.customer-invoices-page .customer-invoices-hero { margin: 0; }
html:root body.customer-invoices-page .customer-invoices-hero h1 {
  margin: 10px 0 18px; font-size: clamp(32px,4vw,52px); line-height: 1.12; letter-spacing: -.025em;
}
html:root body.customer-invoices-page .customer-invoices-hero p { margin: 0; font-size: 16px; line-height: 1.7; }
html:root body.customer-invoices-page :is(.customer-current-fees-card,.customer-invoice-history) {
  padding: 28px; margin: 0; border-radius: 20px;
}
html:root body.customer-invoices-page :is(.customer-current-fees-card,.customer-invoice-history) h2 {
  margin: 8px 0 22px; font-size: clamp(22px,2.5vw,28px); line-height: 1.3; letter-spacing: -.015em;
}
html:root body.customer-invoices-page .section-heading { display: block; margin: 0; }
html:root body.customer-invoices-page .ux-invoice-stats { gap: 14px; grid-template-columns: repeat(3,minmax(0,1fr)); }
html:root body.customer-invoices-page .ux-invoice-stats > div { padding: 20px; gap: 10px; min-width: 0; }
html:root body.customer-invoices-page .ux-invoice-stats strong { font-size: clamp(24px,3vw,32px); line-height: 1.2; letter-spacing: 0; }
html:root body.customer-invoices-page .customer-paid-banner {
  display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 22px 0 16px; padding: 16px 18px;
  font-size: 14px; line-height: 1.5;
}
html:root body.customer-invoices-page :is(.customer-invoice-hint,.customer-empty-invoices,.invoice-waiting-note) {
  font-size: 14px; line-height: 1.65; letter-spacing: 0;
}
html:root body.customer-invoices-page .customer-invoice-hint { margin: 0; }
html:root body.customer-invoices-page .customer-empty-invoices { padding: 20px; border-radius: 14px; }
html:root body.customer-invoices-page .customer-invoice-list { display: grid; gap: 14px; }
html:root body.customer-invoices-page .customer-invoice-row { padding: 20px; gap: 20px; }
html:root body.customer-invoices-page :is(.customer-invoice-main,.customer-invoice-status) { gap: 6px; }
html:root body.customer-invoices-page :is(.customer-invoice-main,.customer-invoice-status) > span { font-size: 14px; line-height: 1.5; }
html:root body.customer-invoices-page .customer-invoice-status strong { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
@media (max-width: 768px) {
  html:root body.customer-invoices-page .customer-invoices-shell { padding: 32px 16px 48px; gap: 24px; }
  html:root body.customer-invoices-page :is(.customer-current-fees-card,.customer-invoice-history) { padding: 22px 18px; }
  html:root body.customer-invoices-page .ux-invoice-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  html:root body.customer-invoices-page .ux-invoice-stats > div { padding: 16px 14px; }
  html:root body.customer-invoices-page .ux-invoice-stats > .total { grid-column: 1/-1; }
  html:root body.customer-invoices-page .customer-invoice-row { display: grid; grid-template-columns: 1fr; gap: 16px; padding: 18px; }
  html:root body.customer-invoices-page .customer-invoice-action .btn { width: 100%; }
}
/* Ügyfél: kompakt állapot és olvasható ajánlatjelzések. */
html:root body:is(.customer-job-details-page,.professional-job-details-page) .customer-title-status { display:flex !important; align-items:center; flex-wrap:wrap; gap:8px 12px; width:fit-content; max-width:100%; margin:16px 0; padding:12px 16px !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .customer-title-status > :is(small,b) { white-space:nowrap; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-status[hidden] { display:none !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .detail-badges .badge:not(.urgent) { background:transparent !important; color:var(--primary,#174d38) !important; border:1px solid #a9c7b3 !important; padding:7px 12px; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .pro-proof { display:flex; flex-wrap:wrap; gap:8px; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .pro-proof > span { font-size:13px !important; line-height:1.5; padding:6px 10px !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .rating-pill { flex-shrink:0; min-width:54px; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .rating-pill strong { font-size:20px !important; line-height:1.25; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .rating-pill span { font-size:12px !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .estimate-payment-icon { display:inline-flex !important; flex:0 0 30px !important; width:30px !important; height:30px !important; min-width:30px; align-items:center; justify-content:center; border-radius:50%; font-size:16px !important; line-height:1 !important; font-style:normal; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-job-head { display:block !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-job-head > div:first-child { width:100%; min-width:0; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-job-head .detail-badges .badge:not(.urgent) { color:#174d38 !important; -webkit-text-fill-color:#174d38 !important; font-size:14px !important; line-height:1.4 !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-job-head .customer-title-status { display:inline-flex !important; flex-direction:row !important; align-items:center !important; width:auto !important; min-width:0 !important; max-width:100% !important; height:auto !important; min-height:0 !important; padding:10px 14px !important; margin:14px 0 12px !important; gap:8px 12px !important; border-radius:10px !important; box-sizing:border-box; overflow:visible !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .customer-title-status > small:first-child { display:none !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .customer-title-status > b { display:block; font-size:15px !important; line-height:1.4 !important; white-space:normal !important; overflow-wrap:anywhere; }
/* Feladatfeladás: egységes térközök és olvasható segédszövegek. */
html:root .create-page .section-mark { display:none !important; }
html:root .create-page .field-heading { display:block !important; margin-bottom:18px !important; }
html:root .create-page .create-aside { background:radial-gradient(ellipse at 90% 0,rgba(174,218,169,.35),transparent 62%),linear-gradient(135deg,#f5faf3,#eaf3e9) !important; border:1px solid #d6e4d5; border-radius:22px; padding:28px !important; box-shadow:0 12px 38px rgba(89,142,86,.10) !important; }
html:root .create-page .eyebrow { font-size:14px !important; letter-spacing:0 !important; text-transform:none !important; }
html:root .create-page :is(small,.field-heading p,.privacy-inline,.upload-note,.form-hint,.field-hint) { font-size:14px !important; line-height:1.6 !important; letter-spacing:0 !important; }
html:root .create-page .form-section { padding-top:24px !important; padding-bottom:24px !important; }
html:root .create-page .field-heading h2 { margin:0 0 8px !important; font-size:23px !important; line-height:1.3 !important; letter-spacing:0 !important; }
html:root .create-page .field-heading p { margin:0 !important; }
html:root .create-page .create-form-card label { line-height:1.5; }
html:root .create-page .billing-create-section :is(label,b,strong,input,select) { font-weight:400 !important; }
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-job-head > div > p { font-size:14px !important; line-height:1.6 !important; margin-top:10px !important; }
@media(max-width:768px) { html:root .create-page .create-aside { padding:24px 20px !important; } html:root .create-page .form-section { padding-top:20px !important; padding-bottom:20px !important; } }
/* Gyors megoldás ajánló: jelvény felül, szöveg alatta. */
html:root .create-page .ux-create-recommendation { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:14px !important; padding:24px !important; background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.24),rgba(255,255,255,0) 65%),#174d38 !important; color:#fff !important; overflow:hidden; }
html:root .create-page .ux-create-recommendation .create-quick-primary-badge { align-self:flex-start; width:max-content; padding:6px 11px !important; border-radius:9px !important; background:#deedda !important; color:#214c33 !important; font-size:13px !important; line-height:1.4 !important; font-weight:600 !important; letter-spacing:0 !important; }
html:root .create-page .ux-create-recommendation > span:nth-child(2) { display:grid; gap:8px; min-width:0; width:100%; }
html:root .create-page .ux-create-recommendation b { font-size:16px !important; line-height:1.5 !important; color:#fff !important; }
html:root .create-page .ux-create-recommendation small { color:#e8f1eb !important; }
html:root .create-page .ux-create-recommendation > i { display:none !important; }
/* Olvasható kategóriák a szolgáltatásválasztóban. */
html:root .create-page .category-picker .category-group h4 { font-size:15px !important; line-height:1.5 !important; letter-spacing:0 !important; text-transform:none !important; }
html:root .create-page .category-picker .category-option { font-size:16px !important; line-height:1.5 !important; letter-spacing:0 !important; text-transform:none !important; padding:12px 14px !important; white-space:normal; text-align:left; }
html:root .create-page .category-picker .category-option > span { font-size:inherit !important; letter-spacing:0 !important; line-height:inherit !important; }
/* Ügyfél munkarészletek: kiegyensúlyozott asztali oszlopok. */
@media(min-width:1025px) {
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout { display:grid !important; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) !important; align-items:stretch !important; gap:24px !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-layout > :is(.premium-detail-main,.premium-offers-panel) { align-self:stretch !important; position:static !important; height:auto !important; min-height:0 !important; max-height:none !important; min-width:0; margin:0 !important; padding:28px !important; box-sizing:border-box; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .job-copy-section { padding:0 !important; margin:0 0 24px !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .job-communication-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:24px !important; margin:24px 0 !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .job-chat-entry { display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; max-width:none !important; min-width:0 !important; height:auto !important; min-height:0 !important; margin:24px 0 !important; padding:24px !important; gap:18px !important; box-sizing:border-box; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .job-communication-grid > .job-chat-entry { margin:0 !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .job-chat-entry > div:first-child { width:100%; min-width:0; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .job-chat-entry p { display:block !important; max-width:none !important; overflow:visible !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .job-chat-entry-action { width:100% !important; margin:0 !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .job-chat-entry-action .btn { width:100%; white-space:normal; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .accepted-professional-contact-card { margin:24px 0 0 !important; padding:24px !important; gap:20px !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-offer { margin:0 0 20px !important; padding:24px !important; min-width:0; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .phone-consultation-price strong { font-size:clamp(25px,2.1vw,32px) !important; line-height:1.25 !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .offer-price-row { gap:16px; }
}
html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-offers-panel { border:1px solid #bfd5bb !important; box-sizing:border-box; }
@media(min-width:1025px) {
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .premium-detail-main > .ux-communication-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100% !important; min-width:0; gap:24px !important; margin:24px 0 !important; }
  html:root body:is(.customer-job-details-page,.professional-job-details-page) .ux-communication-grid > .job-chat-entry { grid-column:1 / -1 !important; width:100% !important; max-width:none !important; margin:0 !important; justify-self:stretch !important; }
}
@media(min-width:769px) {
  html:root body.home-page .home-hero .hero-kicker { font-size:13px !important; letter-spacing:0 !important; }
}