.production-content { min-width: 0; }
.production-content .publication-cards { display: grid; gap: 18px; }
.production-content .publication-cards h2 { margin-bottom: 10px; font-size: 22px; }
.production-content .publication-cards .button { margin-top: 16px; }
.production-content .publication-support-compact { padding: 22px; overflow: hidden; border-color: #a98a5266; background: radial-gradient(ellipse at 100% 0,#3e3b2d55,transparent 65%),linear-gradient(145deg,#1b2b3b,#0e1b2e); }
.production-content .support-contacts-heading { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.production-content .support-contacts-heading h2 { margin:0;font-size:22px;line-height:1.4; }
.production-content .support-contacts-heading p { color:var(--muted);font-size:14px;line-height:1.7;margin:7px 0 0; }
.production-content .support-headset { flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;color:var(--gold-light,#e6c77d);background:#c6a66514;border:1px solid #c6a66544;border-radius:13px; }
.production-content .support-headset svg { width:23px;height:23px; }
.production-content .support-contact-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.production-content .support-contact-card { display:grid;min-width:0;overflow:hidden;background:#08162480;border:1px solid #71859e33;border-radius:16px; }
.production-content .support-contact-card[data-support-channel="telegram"][data-support-kind="direct"] { grid-row:1;grid-column:1; }
.production-content .support-contact-card[data-support-channel="telegram"][data-support-kind="group"] { grid-row:1;grid-column:2; }
.production-content .support-contact-card[data-support-channel="whatsapp"][data-support-kind="direct"] { grid-row:2;grid-column:1; }
.production-content .support-contact-card[data-support-channel="whatsapp"][data-support-kind="group"] { grid-row:2;grid-column:2; }
.production-content .support-contact-tile { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:116px;width:100%;padding:16px 10px;border:0;border-radius:15px;color:var(--text);background:transparent;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent; }
.production-content .support-contact-tile:hover { background:#c6a6650d; }
.production-content .support-contact-tile:focus-visible { outline:2px solid var(--gold-light,#e6c77d);outline-offset:-3px; }
.production-content .support-contact-tile:disabled { cursor:wait;opacity:.6; }
.production-content .support-contact-label { max-width:100%;font-size:16px;line-height:1.45;overflow-wrap:anywhere; }
.production-content .support-contact-open { display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px;border-top:1px solid #71859e33;color:var(--gold-light,#e6c77d);font-size:14px;text-decoration:none; }
.production-content .support-channel-icon { display:grid;place-items:center;width:44px;height:44px;border-radius:13px; }
.production-content .support-channel-icon svg { width:25px;height:25px; }
.production-content .support-channel-whatsapp { color:#69d6b0;background:#168b6530; }
.production-content .support-channel-telegram { color:#8ecff1;background:#2989bf30; }
.production-content .support-contact-copy { align-self:center;min-width:0;overflow-wrap:anywhere; }
.production-content .support-contact-copy h3 { margin:0;font-size:18px;line-height:1.5; }
.production-content .support-contact-copy p { margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--muted); }
.production-content .support-contact-action { grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;min-width:0; }
.production-content .support-contact-action .button { flex:1;min-width:0;min-height:48px;margin:0;font-size:15px;white-space:normal;text-align:center; }
.production-content .support-contact-footer { margin-top:18px; }
.production-content .support-online-button { width:100%;min-height:50px;white-space:normal;font-size:16px; }
.production-content .support-empty { grid-column:1/-1;margin:0;padding:8px 0;line-height:1.8; }
@media(max-width:400px){.production-content .publication-support-compact{padding:16px}.production-content .support-contacts-heading{gap:10px}.production-content .support-contacts-heading h2{font-size:20px}.production-content .support-contact-list{gap:10px}.production-content .support-contact-tile{min-height:108px;padding:14px 8px}.production-content .support-contact-label{font-size:14px}}
.production-content .publication-prose { white-space: pre-wrap; overflow-wrap: anywhere; }
.production-content .publication-image { display: block; width: auto; max-width: 100%; max-height: 640px; margin-block: 15px; border-radius: 14px; object-fit: contain; }
.publication-popup .publication-image { width: auto; max-width: 100%; max-height: 45dvh; margin: 18px auto; object-fit: contain; }
.publication-popup article + article { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); }
.publication-popup article > .button { margin-block: 18px; }
.publication-popup-close { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.production-content .publication-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.production-content .publication-notice { padding-block: 18px; border-bottom: 1px solid var(--line); }
.production-content .publication-notice:last-child { border-bottom: 0; }
.production-content .publication-notice h3 { font-size: 18px; }
.production-content .publication-notice p { margin-block: 10px; }
.production-content .publication-notice header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.production-content time { color: var(--muted); font-size: 12px; }
.production-content .publication-chat { display: grid; gap: 14px; max-height: 65dvh; padding-block: 20px; overflow-y: auto; overscroll-behavior: contain; }
.production-content .publication-bubble { width: min(94%, 640px); padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: #17273d; }
.production-content .from-customer { justify-self: end; border-color: #a47d3f66; background: #382e1b80; }
.production-content .from-support { justify-self: start; }
.production-content .publication-bubble header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 18px; margin-bottom: 10px; font-size: 14px; }
.production-content .publication-bubble p { font-size: 16px; line-height: 1.8; }
.production-content .publication-chat-image { max-width: 100%; }
.production-content form { display: grid; gap: 14px; padding-top: 18px; border-top: 1px solid var(--line); }
.production-content form textarea { min-height: 130px; resize: vertical; font-size: 16px; }
.production-content .publication-upload { position: relative; width: fit-content; overflow: hidden; }
.production-content .publication-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.production-content .publication-upload:focus-within { outline: 2px solid var(--gold); outline-offset: 3px; }
.production-content .publication-draft-image { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.production-content .publication-draft-image img { max-width: 160px; max-height: 160px; }
.production-content .publication-identity-status { padding: 14px; margin-top: 18px; border: 1px solid #b58a3b55; border-radius: 12px; color: var(--gold-light); }
.production-content .publication-document-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.production-content .publication-document-grid > section { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 13px; }
.production-content .publication-document-grid h3 { font-size: 16px; margin-bottom: 12px; }
.production-content .publication-document-grid .publication-image { max-height: 260px; }
.production-content[data-publication-mode="account"] { width: 100%; max-width: 680px; margin-inline: auto; }
.production-content[data-publication-mode="account"] > .card { min-width: 0; }
.production-content[data-publication-mode="account"] form { gap: 18px; border-top: 0; }
.production-content[data-publication-mode="account"] .field { min-width: 0; }
.production-content[data-publication-mode="account"] .input { width: 100%; min-width: 0; min-height: 48px; font-size: 16px; }
.production-content[data-publication-mode="account"] .button { min-height: 48px; font-size: 16px; white-space: normal; }
.production-content[data-publication-mode="account"] .notice { display: grid; gap: 12px; overflow-wrap: anywhere; }
.production-content[data-publication-mode="account"] .inline-note { margin-block: 12px 6px; }
.production-content[data-publication-mode="account"] .activity-records article { min-width: 0; overflow-wrap: anywhere; }
.production-content .publication-security input { direction: ltr; text-align: start; }
@media(max-width:1023px){
  .production-content .publication-cards { gap: 16px; }
  .production-content .publication-cards .button, .production-content form > .button { width: 100%; min-height: 50px; font-size: 16px; }
  .production-content .publication-links { display: grid; grid-template-columns: minmax(0,1fr); }
  .production-content .publication-bubble { width: 96%; padding: 14px; }
  .production-content .publication-chat { max-height: 58dvh; }
  .production-content .publication-document-grid { grid-template-columns: minmax(0,1fr); }
  .publication-popup .production-confirm-body { padding-bottom: calc(20px + env(safe-area-inset-bottom)); }
}
/* Earnings illustrations are fetched individually with the customer's session. */
.earnings-guide .section-heading{align-items:flex-start}.earnings-guide .section-heading p{margin-top:12px;color:var(--muted);line-height:1.8}.earnings-guide-list{display:grid;gap:24px;margin-block:24px}.earnings-guide-item{min-width:0;overflow:hidden;padding:22px;background:linear-gradient(145deg,#142238,#0e192b)}.earnings-guide-heading{padding-inline-start:14px;border-inline-start:3px solid #d9ad5b;margin-bottom:18px}.earnings-guide-item h2{margin:0;font-size:21px;line-height:1.55;overflow-wrap:anywhere;text-align:start;unicode-bidi:plaintext}.earnings-guide-figure{margin:0;min-width:0}.earnings-guide-picture{width:100%;min-height:120px;background:#f4f7fa;border:1px solid #d4deea;border-radius:12px;overflow:hidden}.earnings-guide-picture img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.earnings-guide-picture img[hidden]{display:none}.earnings-guide-picture>p{margin:0;padding:24px 18px;line-height:1.8;color:#41536a;font-size:14px}.earnings-guide-picture .button{display:block;width:100%;min-height:46px;margin-top:14px}.earnings-guide-description{margin-top:20px;padding-top:18px;border-top:1px solid #2a3950;overflow-wrap:anywhere;font-size:15px;line-height:1.9;color:#c3cddd;text-align:start;unicode-bidi:plaintext}.earnings-guide-description p{margin:0 0 14px}.earnings-guide-description p:last-child,.earnings-guide-description ul:last-child,.earnings-guide-description ol:last-child{margin-bottom:0}.earnings-guide-description ul,.earnings-guide-description ol{padding-inline-start:22px;margin:0 0 14px}.earnings-guide-description li{padding-inline-start:3px;margin-block:7px}.earnings-guide-description li::marker{color:#ebbd65}.earnings-guide-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:22px 0}.earnings-guide-pager .button{min-height:48px}.earnings-guide .notice .button{margin-top:10px}@media(max-width:400px){.earnings-guide-item{padding:17px 14px}.earnings-guide-item h2{font-size:19px}.earnings-guide-description{font-size:14px}.earnings-guide-pager{gap:7px;font-size:12px}.earnings-guide-pager .button{padding-inline:12px}}
.earnings-guide-expand{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;margin-top:12px;padding:10px 15px;background:#17263a;color:#efd291;border:1px solid #485045;border-radius:10px;font:inherit;font-size:13px;cursor:pointer}.earnings-guide-expand:disabled{opacity:.5;cursor:wait}.earnings-guide-expand span{font-size:20px}.earnings-guide-viewer{position:fixed;inset:0;width:min(1100px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;margin:auto;padding:0;border:1px solid #35445b;border-radius:16px;background:#08111e;color:#e8eef7;overflow:hidden}.earnings-guide-viewer::backdrop{background:#020813e8}.earnings-guide-viewer[open]{display:flex;flex-direction:column}.earnings-guide-viewer-toolbar{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:#111f32;border-bottom:1px solid #334157;flex:none}.earnings-guide-viewer-toolbar .button{min-height:44px;padding:10px 16px}.earnings-guide-viewer-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));direction:ltr}.earnings-guide-viewer-scroll img{display:block;width:100%;max-width:100%;height:auto;margin-inline:auto}.earnings-guide-viewer-scroll img.is-zoomed{width:auto;max-width:none;margin:0}@media(max-width:600px){.earnings-guide-viewer{border-radius:0;border:0}.earnings-guide-viewer-toolbar{padding-inline:12px}.earnings-guide-viewer-scroll{padding-inline:8px}}