/* Integração dos estilos originais ao shell local. */
.afPage{color:var(--ui-ink)}.afPage .breadcrumb{font-size:var(--ui-fs-help);margin-bottom:var(--ui-space-4)}.afPage>.afHead{margin-bottom:var(--ui-space-6)}.afHead h1{color:var(--ui-ink)}.afHead p{color:var(--ui-muted)}
.afw .ui-wizard-main,.gcc .ui-wizard-main{margin:0}.afw .ui-error:empty,.gcc .ui-error:empty{display:none}.afw .ui-choice svg{width:var(--ui-ic-sm);height:var(--ui-ic-sm);flex-shrink:0}.afw .ui-wizard-foot,.gcc .ui-wizard-foot{justify-content:space-between}.afw .ui-wizard-steps>li[data-wz]{cursor:pointer}.afw .afw-logo .p-store{width:24px;height:24px;font-size:14px}.ui-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.fidelity-category-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto;padding:12px;border:1px solid var(--ui-border);border-radius:var(--ui-r-md)}.fidelity-category-tools{display:flex;justify-content:space-between;margin-top:8px}.fidelity-count{float:right;color:var(--ui-muted);font-weight:400}.fidelity-chipfield{display:flex;gap:6px;flex-wrap:wrap;border:1px solid var(--ui-border);border-radius:var(--ui-r-md);padding:8px}.fidelity-chipfield input{border:0;flex:1;min-width:100px}.fidelity-chipfield>span,.fidelity-chip{display:inline-flex;align-items:center;gap:6px;background:var(--ui-fill-2);border-radius:var(--ui-r-pill);padding:3px 8px;font-size:var(--ui-fs-help)}.fidelity-chip button,.fidelity-chipfield button{border:0;background:none;color:inherit;padding:0 2px}.fidelity-network-groups{display:flex;flex-direction:column;max-height:264px;overflow:auto;gap:0;border:1px solid var(--ui-border);border-radius:var(--ui-r-lg)}.fidelity-network-groups>.ui-check{padding:12px}.fidelity-network-groups>.ui-check+.ui-check{border-top:1px solid var(--ui-border-subtle)}.fidelity-network-groups small{display:block}.fidelity-result-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.afw.ui-wizard,.gcc.ui-wizard{padding-bottom:0}.afw.ui-wizard>.ui-wizard-foot,.gcc.ui-wizard>.ui-wizard-foot{position:sticky;bottom:-24px}.afw .ui-wizard-main>.ui-wizard-step{max-width:560px}.afw .ui-wizard-aside[hidden]{display:none}.gcc-photo-row img{object-fit:cover;border-radius:var(--ui-r-lg)}
@media(max-width:560px){.afPage .afHead h1{font-size:var(--ui-fs-page)}.afw .ui-wizard-foot .ui-wizard-foot-start{flex:1;order:0}.afw .ui-wizard-foot .ui-wizard-foot-start>.ui-btn{width:100%}.afw .ui-wizard-foot{flex-wrap:nowrap}}
html body .cl-main-inner:has(.af-page,.gcc-page){padding:24px!important;font:16px/1.5 'Instrument Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ui-ink);background:var(--ui-bg)}
:is(.afw,.gcc) label.ui-choice{margin:0;font:inherit;display:flex}:is(.afw,.gcc) label.ui-check{margin:0;display:flex;font-size:var(--ui-fs-body);font-weight:var(--ui-fw-regular)}:is(.afw,.gcc) input.ui-radio,:is(.afw,.gcc) input.ui-checkbox{padding:0;width:18px;height:18px;background-color:var(--ui-bg-card)}:is(.afw,.gcc) .ui-label{margin:0 0 6px;font-size:var(--ui-fs-label);font-weight:var(--ui-fw-medium)}:is(.afw,.gcc) .ui-input{font-size:var(--ui-fs-body);color:var(--ui-ink);background:var(--ui-field-bg)}.afw .ui-form-section-head .ui-wizard-desc{margin-bottom:var(--ui-space-5)}
@media(max-width:767px){.cls-header:has(+.cl-main-inner .af-page) .p-search{display:flex;width:32px;padding:4px;border:0;background:none;font-size:0}.cls-header:has(+.cl-main-inner .af-page) .p-search kbd{display:none}.cls-header:has(+.cl-main-inner .af-page) [data-action=help]{display:none}}

.p-header-brand{display:none}@media(max-width:767px){.p-header-brand{display:flex;align-items:center;color:var(--ui-ink);font-size:16px;font-weight:600;text-decoration:none;margin-left:2px}.cls-header:has(+.cl-main-inner .af-page)>.p-menu-mobile{padding:0;width:20px;margin-right:6px}.cls-header:has(+.cl-main-inner .af-page) .p-avatar{background:#28333a;color:#b7c0c5}.cls-header:has(+.cl-main-inner .af-page) [data-action=account-menu]{padding:0;width:32px;height:32px}.cls-header:has(+.cl-main-inner .af-page){gap:16px;padding:0 16px}}
/* Menu lateral: a mesma casca no computador e na gaveta do celular. */
.cls-shell .cls-sidebar{display:flex!important}
.cls-shell .cls-sidebar svg{flex-shrink:0}
.cls-shell .cls-sidebar .cls-me-sub{color:var(--ui-muted)}
.cls-shell .cls-sidebar .cls-mcp-card p{color:inherit}
@media(max-width:991.98px){.cls-header .p-menu-mobile{display:inline-flex!important}.cls-header .p-trial,.cls-header .p-link{display:none}.cls-header .p-header-brand{display:flex}.cls-header .p-search{display:flex;width:40px;border:0;font-size:0;background:transparent}.cls-header .p-search kbd{display:none}.cls-header .p-search svg{display:block}}
@media(min-width:992px){.cls-header .p-header-brand{display:none}.cls-header .p-menu-mobile{display:none!important}}
.cls-shell .cls-sidebar{z-index:var(--ui-z-drawer)}
.cl-main-inner:has(.wd-page,.wag-page,.tg-page,.tgc-page,.tgs-page,.gcl-page,.dsh){padding:24px!important;background:var(--ui-bg);font:16px/1.5 'Instrument Sans',sans-serif;color:var(--ui-ink)}
.reference-chart{display:block;width:100%;height:auto;min-height:260px}
.wd-card-foot{display:flex;gap:8px;flex-wrap:wrap;padding-top:18px}
.wag-page .ui-checkbox{margin:0;padding:0;width:18px;height:18px}
.cls-sidebar .cls-me-name{color:var(--ui-ink)}
#modal.reference-dialog{padding:0;width:min(820px,calc(100vw - 28px));background:var(--ui-bg-card);color:var(--ui-ink)}
#modal.reference-dialog>.p-modal-head{display:none}
#modal.reference-dialog .ui-mbox{margin:0;box-shadow:none;border:0}
#modal.reference-dialog label{margin:0 0 6px;font-size:var(--ui-fs-label)}
#modal.reference-dialog .ui-input{background:var(--ui-field-bg);color:var(--ui-ink);padding:8px 12px}
.cl-main-inner:has(.chl-layout){padding:0!important;overflow:hidden}
.cl-main-inner:has(.tga){padding:24px!important;font:16px/1.5 'Instrument Sans',sans-serif;background:var(--ui-bg);color:var(--ui-ink)}
.local-transcript{display:flex;flex-direction:column;gap:12px;padding:28px;width:100%;height:100%;overflow:auto;background:var(--ui-wa-bg,var(--ui-bg))}
.local-transcript>.ui-wa-bubble{max-width:75%;margin-right:auto}
.local-transcript>.ui-wa-bubble.is-out{margin-left:auto;margin-right:0}
button.wa-chat-item{text-align:left;width:100%;display:flex;gap:12px;border:0;background:transparent;color:var(--ui-ink);padding:16px;border-bottom:1px solid var(--ui-line)}
.wa-chat-info{display:flex;flex-direction:column;min-width:0}.wa-chat-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ui-muted);font-size:13px}
.cl-main-inner:has(.gl-page){padding:24px!important;background:var(--ui-bg);color:var(--ui-ink);font:16px/1.5 'Instrument Sans',sans-serif}
.local-group-link{border:0;background:transparent;text-align:left;color:inherit;font:inherit;width:100%;padding:0}
/* Dashboard: proporções e estados vazios da referência fornecida. */
.dsh .dsh-kpi-val.is-text{font-size:15px;font-weight:400;letter-spacing:0;color:var(--ui-muted)}.dsh .dsh-data-chart{display:block;width:100%;height:100%;min-height:200px}.dsh-data-chart text{fill:var(--ui-muted);font-size:11px}.dsh-data-grid{stroke:var(--ui-border-subtle);fill:none}.dsh-data-current{fill:none;stroke:var(--ui-accent);stroke-width:2.5;stroke-linejoin:round}.dsh-data-previous{fill:none;stroke:var(--ui-muted-2);stroke-width:1.5;stroke-dasharray:5 5}.dsh .dsh-leg.is-prev::before{border-top:2px dashed var(--ui-muted-2)}.dsh .dsh-chan-ico .p-icon{width:21px;height:21px;stroke-width:1.7}.dsh .ui-chan-dot--whatsapp{background:#20cd64;color:#fff}.dsh .ui-chan-dot--instagram{background:linear-gradient(35deg,#ffd67a,#f58ebc,#949afa);color:#fff}.dsh .ui-chan-dot--telegram{background:#83cee8;color:#fff}.dsh [data-chart=ig].is-invite{min-height:352px;display:flex;align-items:center;justify-content:center}.dsh [data-chart=ig].is-invite>.dsh-chart-empty{width:100%}.dsh .dsh-period-btn>.p-icon:last-child{width:14px;height:14px;transform:rotate(90deg)}.dsh .dsh-chart-empty .ui-empty-ico .p-icon{width:21px;height:21px}.dsh .dsh-panel-top h2{letter-spacing:-.01em}.cl-main-inner:has(.dsh) #guide-button{display:none}@media(min-width:1200px){.dsh .dsh-hero{min-height:576px}}@media(max-width:767px){.dsh [data-chart=ig].is-invite{min-height:272px}.dsh .dsh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dsh .dsh-kpi:nth-child(2){border-right:0}.dsh .dsh-kpi:nth-child(-n+2){border-bottom:1px solid var(--ui-border-subtle)}.dsh .dsh-panel-top{gap:10px}.dsh .dsh-legend{flex-wrap:wrap}.dsh .dsh-week-txt{min-height:0;padding-bottom:24px}.cl-main-inner:has(.dsh){padding:18px!important}}
.cls-shell:has(.dsh)>#guide-button{display:none}
@media(max-width:480px){.dsh .dsh-notice{padding-right:38px}.dsh .dsh-notice-x{position:absolute;top:10px;right:8px}.dsh .dsh-kpi-top{min-height:36px;align-items:flex-start}.dsh .dsh-kpi-lbl{white-space:normal;line-height:18px}.dsh .dsh-kpi-full{overflow:visible;text-overflow:clip}}
.dc-page{max-width:880px;margin:10px auto 50px;color:#10243b}.dc-back{display:inline-block;margin:0 0 26px 18px;text-decoration:none;color:inherit}.dc-card{background:#fff;border:1px solid #e5e5e5;border-radius:22px;padding:24px}.dc-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.dc-header h1{font-size:18px;margin:0 0 4px;font-weight:600}.dc-page p{color:#758399;font-size:14px;margin:4px 0;line-height:1.5}.dc-device{width:40px;height:40px;border-radius:50%;background:#f0f0f2;display:grid;place-items:center;color:#727c8b}.dc-status{margin-left:auto;font-size:12px;border-radius:20px;padding:4px 10px;background:#f0e9de;color:#805112}.dc-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.dc-page h2{font-size:16px;margin:0 0 4px;font-weight:600}.dc-steps{list-style:none;padding:16px 0 4px;margin:0}.dc-steps li{display:flex;gap:12px;align-items:flex-start;padding:14px 12px;margin-bottom:4px;font-size:14px;color:#758399;line-height:1.45}.dc-steps li>span{flex-shrink:0;border:1px solid #e5e5e5;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:12px}.dc-steps strong{color:#10243b;font-weight:500}.dc-steps li:last-child{background:#f6efeb;border-radius:12px;color:#10243b}.dc-steps li:last-child>span{background:#ac5427;border-color:#ac5427;color:white;font-weight:600}.dc-region{display:flex;gap:10px;border:1px solid #e2e2e6;background:#f9f9fb;border-radius:12px;padding:14px;margin-top:16px;font-size:13px}.dc-region>.p-icon{color:#ad5426;flex-shrink:0}.dc-region p,.dc-region small{font-size:12px;line-height:1.5;color:#8995a8}.dc-page .dc-help{font-size:12px;margin:20px auto;max-width:360px}.dc-panel{padding:24px;background:#f6f6f6;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.dc-qr{background:#fff;border:1px solid #eee;border-radius:12px;width:228px;height:228px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px}.dc-qr img{width:100%;height:100%;object-fit:contain}.dc-panel .dc-countdown{font-size:12px;text-align:center;margin:0}.dc-code{background:#f0e9e3;border-radius:12px;padding:14px;text-align:center;font-size:14px;width:100%}.dc-pair{display:grid;gap:8px;margin-top:10px}.dc-pair label{font-size:12px}.dc-pair input{width:100%;min-width:0;background:#fff;border:1px solid #d9d4d0;border-radius:8px;padding:9px;color:#10243b}.dc-pair-result{display:block;color:#96421c;font-size:20px;letter-spacing:3px;font-weight:600;margin-top:8px}.dc-page .dc-error{color:#a32c23;font-size:12px;overflow-wrap:anywhere}.dc-page button:focus-visible,.dc-page input:focus-visible,.dc-back:focus-visible{outline:2px solid #ac5427;outline-offset:3px}.dc-page button:disabled{opacity:.55;cursor:wait}@media(max-width:1100px){.dc-columns{grid-template-columns:minmax(0,1fr) 280px}.dc-card{padding:20px}}@media(max-width:760px){.dc-columns{grid-template-columns:1fr}.dc-page{margin:0 auto 24px}.dc-card{padding:18px;border-radius:16px}.dc-header{flex-wrap:wrap}.dc-status{margin-left:52px}.dc-panel{padding:20px}.dc-back{margin-left:0}.dc-steps li{padding:12px 8px}}
.cls-shell:has(.dc-page)>#guide-button{display:none}
.local-groups-empty{color:#10243b}.lg-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 26px}.lg-head h1{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:0 0 5px;font-weight:600}.lg-device{display:flex;align-items:center;gap:6px;font-size:14px}.lg-dot{width:8px;height:8px;border-radius:50%;background:#9ca5b3;flex-shrink:0}.lg-dot.is-connected{background:#24966b}.lg-device select{font:inherit;color:inherit;border:0;background:transparent;padding:2px 20px 2px 0;max-width:300px}.lg-menu{position:relative}.lg-menu summary{list-style:none;cursor:pointer}.lg-menu summary::-webkit-details-marker{display:none}.lg-menu>div{position:absolute;right:0;top:46px;z-index:5;border:1px solid #e6e6e6;border-radius:10px;background:white;padding:6px;min-width:180px;box-shadow:0 8px 24px #15223915}.lg-menu a{display:block;padding:10px;text-decoration:none;color:inherit;font-size:14px;border-radius:6px}.lg-menu a:hover{background:#f6efeb}.lg-card{min-height:398px;padding:48px 24px 32px;background:#fff;border:1px solid #e5e5e5;border-radius:17px;text-align:center}.lg-icon{display:inline-grid;place-items:center;width:48px;height:48px;background:#f4ebe5;color:#97451e;border-radius:13px;margin-bottom:18px}.lg-card h2{font-size:16px;margin:0 0 7px;font-weight:600}.lg-card>p{font-size:14px;color:#758399;margin:0}.lg-steps{list-style:none;max-width:640px;margin:22px auto 24px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lg-steps li{border-radius:13px;background:#f6f6f6;padding:16px 18px;font-size:13px;line-height:1.4;min-height:117px}.lg-steps li>span{display:grid;place-items:center;margin:0 auto 8px;width:24px;height:24px;border-radius:50%;background:#eee4dd;color:#87461f;font-size:12px;font-weight:600}.lg-steps strong{font-weight:600}.lg-card>.ui-btn{min-height:40px;gap:8px}.cls-shell:has(.local-groups-empty)>#guide-button{display:none}.lg-menu summary:focus-visible,.lg-device select:focus-visible{outline:2px solid #ac5427;outline-offset:3px}@media(max-width:600px){.lg-card{padding:30px 18px}.lg-steps{grid-template-columns:1fr;max-width:360px}.lg-steps li{min-height:0;display:flex;align-items:center;text-align:left;gap:12px;padding:16px}.lg-steps li>span{margin:0;flex-shrink:0}.lg-head h1{font-size:26px}.lg-device select{max-width:230px}}
.nr-page{color:#10243b}.nr-head{margin:18px 0 26px}.nr-head h1{font-size:28px;font-weight:600;letter-spacing:-.7px;line-height:1.25;margin:0 0 5px}.nr-head p{font-size:14px;color:#758399;margin:0}.nr-card{background:#fff;border:1px solid #e5e5e5;border-radius:17px;padding:0 40px 40px}.nr-hero{text-align:center;padding:52px 0 36px}.nr-diagram{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 34px;min-height:54px}.nr-link{display:flex;align-items:center;gap:7px;max-width:230px;padding:11px 12px;border:1px solid #dedee3;background:#f6f6f7;border-radius:10px;font-size:12px}.nr-link>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nr-link .p-icon{width:15px;height:15px;flex-shrink:0;color:#7d8796}.nr-arrow{color:#9ca5b3;font-size:21px}.nr-groups{display:flex;gap:2px}.nr-group{width:84px;font-size:12px}.nr-group>span{display:block;height:12px;border-radius:8px;background:#f0f0f2;margin-bottom:8px}.nr-group strong{display:block;font-weight:400}.nr-group small{display:block;font-size:12px;color:#758399;margin-top:2px}.nr-full>span{background:#9ca3b0}.nr-receiving>span{background:linear-gradient(to right,#a65327 65%,#f0f0f2 65%)}.nr-receiving strong{color:#98471e}.nr-hero h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0 0 10px}.nr-hero>p{font-size:15px;color:#758399;line-height:1.5;margin:0 0 22px}.nr-create{min-height:48px;padding:0 23px!important;border-radius:12px!important}.nr-how{display:block;margin:12px auto 0;background:none;border:0;padding:3px;color:#914016;font:inherit;font-size:14px;cursor:pointer}.nr-models{border-top:1px solid #f0f0f2;padding-top:24px}.nr-models h3{font-size:13px;font-weight:600;margin:0 0 12px}.nr-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nr-model{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit;padding:14px 16px;border:1px solid #dcdce1;border-radius:12px;transition:border-color .15s,background .15s}.nr-model-icon{display:grid;place-items:center;width:36px;height:36px;background:#f0f0f2;border-radius:10px;color:#444b58;margin-bottom:12px}.nr-model strong{font-size:14px;font-weight:500}.nr-model small{font-size:12px;color:#758399;margin-top:3px;line-height:1.5}.nr-model:hover{border-color:#b57856;background:#fdfaf8}.nr-model:focus-visible,.nr-how:focus-visible{outline:2px solid #ac5427;outline-offset:3px}.nr-explanation{padding-left:22px}.nr-explanation li{padding:8px 0}.nr-explanation p{line-height:1.5;color:#758399;margin:5px 0}.cls-shell:has(.nr-page)>#guide-button{display:none}@media(max-width:700px){.nr-card{padding:0 20px 24px}.nr-model-grid{grid-template-columns:1fr}.nr-hero{padding:32px 0}.nr-diagram{flex-wrap:wrap;gap:12px}.nr-link{max-width:200px}.nr-groups{width:100%;justify-content:center}.nr-arrow{transform:rotate(90deg)}.nr-break{display:none}.nr-head h1{font-size:26px}.nr-model{padding:16px}.nr-hero>p{max-width:390px;margin-left:auto;margin-right:auto}}@media(prefers-reduced-motion:reduce){.nr-model{transition:none}}
.ta-page{max-width:1240px;margin:0 auto 36px;color:#263449;font-size:13px}.ta-head{display:flex;align-items:center;gap:14px;margin:20px 0 24px}.ta-mark{background:#f1e8e1;border:1px solid #e7d8ce;color:#a55226;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font-size:26px;flex-shrink:0}.ta-head h1{font-size:28px;letter-spacing:-.7px;line-height:1.2;margin:0 0 6px;font-weight:600}.ta-page p{line-height:1.6;margin:6px 0 12px;color:#788498}.ta-head p{margin:0}.ta-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.ta-actions .ui-btn{font-size:12px}.ta-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.ta-main,.ta-aside{display:grid;gap:20px;min-width:0}.ta-card{background:white;border:1px solid #e5e6ea;border-radius:17px;padding:24px;min-width:0}.ta-label{display:block;color:#8791a1;text-transform:uppercase;font-size:11px;font-weight:600;margin-bottom:8px}.ta-page h2{font-size:15px;font-weight:600;margin:0 0 7px}.ta-page h3{font-size:13px;font-weight:600;margin:20px 0 10px}.ta-page code{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere;background:#f0f1f3;border-radius:4px;padding:1px 4px}.ta-key{background:#f6f6f7;border:1px solid #e9e9ec;border-radius:9px;padding:13px 15px;font-family:Consolas,monospace;margin:14px 0 10px}.ta-key>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.ta-key span,.ta-card>small{color:#8791a1;font-size:11px}.ta-steps{list-style:none;counter-reset:step;padding:0;margin:14px 0 22px}.ta-steps li{counter-increment:step;position:relative;padding-left:34px;margin-bottom:12px;color:#758196;line-height:1.5}.ta-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:23px;height:23px;display:grid;place-items:center;background:#f3e9e2;color:#a55226;border-radius:50%;font-weight:600}.ta-steps strong{color:#354259;font-weight:600}.ta-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:#f4f4f5;border:1px solid #ececef;border-radius:22px;margin-bottom:12px}.ta-tabs button{border:0;border-radius:18px;background:transparent;padding:5px 10px;color:#758196;font:inherit;font-size:12px;cursor:pointer}.ta-tabs button[aria-pressed=true]{background:white;color:#263449;box-shadow:0 1px 3px #0000000b;font-weight:600}.ta-code{border:1px solid #e7e8eb;border-radius:12px;background:#f6f6f7;overflow:hidden;min-width:0}.ta-code header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eaed;padding:6px 14px;color:#8791a1;font-size:10px}.ta-code header .ui-btn{font-size:11px;background:none;border:0;padding:4px 6px;min-height:25px;color:#758196}.ta-code pre{padding:16px;margin:0;overflow:auto;max-height:420px;font:11px/1.8 Consolas,monospace;color:#3e6f68;white-space:pre;tab-size:2}.ta-code pre code{padding:0;background:none;font:inherit;overflow-wrap:normal}.ta-page .ta-note{font-size:12px;line-height:1.5;margin:12px 0 0}.ta-reference-head{display:flex;align-items:center;justify-content:space-between}.ta-reference>p{font-size:12px}.ta-text-btn{border:0;background:none;color:#46556c;cursor:pointer;font:inherit;font-size:12px}.ta-route-group h3 small{margin-left:5px;color:#929baa;font-size:11px;font-weight:400}.ta-route-list{background:white;border:1px solid #e5e6ea;border-radius:16px;overflow:hidden}.ta-route+.ta-route{border-top:1px solid #eff0f2}.ta-route summary{list-style:none;display:flex;align-items:center;gap:12px;padding:18px 16px;cursor:pointer}.ta-route summary::-webkit-details-marker{display:none}.ta-route summary strong{font-size:12px;font-weight:500}.ta-route summary code{background:none;color:#7a879a;font-size:10px}.ta-method{display:inline-block;font:600 10px Consolas,monospace;border-radius:20px;background:#ebf0f4;color:#557086;text-align:center;min-width:50px;padding:5px 8px;flex-shrink:0}.ta-post{background:#e8efeb;color:#4f7968}.ta-put{background:#f1e9dd;color:#957443}.ta-chevron{margin-left:auto;color:#8b96a7}.ta-route[open] .ta-chevron{transform:rotate(180deg)}.ta-route-body{padding:0 20px 12px}.ta-pending{font-size:10px;color:#98642d}.ta-events,.ta-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.ta-events>div{padding:14px;border:1px solid #eceef0;border-radius:12px}.ta-events strong{font:600 11px Consolas,monospace;overflow-wrap:anywhere}.ta-events small,.ta-limits small{display:block;font-size:11px;color:#8791a1;line-height:1.5;margin-top:5px}.ta-limits>div{background:#f6f6f7;border-radius:12px;padding:16px}.ta-limits strong{font-size:15px}.ta-info{border-top:1px solid #eff0f2;padding:18px 0 0;margin-top:18px}.ta-info summary{cursor:pointer;font-size:12px}.ta-aside-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.ta-aside a{color:inherit;font-size:12px;text-decoration:none}.ta-empty{text-align:center;padding:24px 12px 20px}.ta-empty>span{display:grid;place-items:center;margin:0 auto 16px;background:#f6f6f7;border-radius:12px;width:42px;height:42px;color:#8791a1;font-size:22px}.ta-empty p{max-width:200px;margin:8px auto 20px}.ta-empty .ui-btn{color:white}.ta-device{display:grid;gap:6px;border-top:1px solid #eef0f2;padding:16px 0}.ta-device small{color:#8791a1}.ta-tips{list-style:none;padding:0;margin:12px 0 0}.ta-tips li{position:relative;padding-left:22px;margin:0 0 14px;font-size:12px;line-height:1.5;color:#758196}.ta-tips li:before{content:'✓';position:absolute;left:0;color:#4a9475}.ta-tips strong{color:#354259}.ta-page button:focus-visible,.ta-page summary:focus-visible,.ta-page a:focus-visible{outline:2px solid #ac5427;outline-offset:3px}.cls-shell:has(.ta-page)>#guide-button{display:none}@media(max-width:1200px){.ta-grid{grid-template-columns:minmax(0,1fr) 280px}.ta-head{flex-wrap:wrap}.ta-actions{margin-left:66px}.ta-card{padding:20px}}@media(max-width:800px){.ta-grid{grid-template-columns:minmax(0,1fr)}.ta-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-head h1{font-size:25px}.ta-events,.ta-limits{grid-template-columns:1fr}.ta-route summary{flex-wrap:wrap;gap:8px}.ta-route summary code{max-width:100%}.ta-key>div{flex-wrap:wrap}}@media(max-width:520px){.ta-aside{grid-template-columns:1fr}.ta-card{padding:18px}.ta-actions{margin-left:0}.ta-head{gap:10px}.ta-head>div:nth-child(2){flex:1;min-width:0}.ta-code pre{font-size:10px}.ta-route summary{padding:16px 12px}.ta-page{font-size:12px}}
.ta-page code{color:#4b5b70}.ta-code pre code{color:inherit}

/* Ofertas (/client/afiliados/ofertas): tela vazia fiel ao print */
.af-p-ofertas .af-head{margin-bottom:24px}
.af-offers-card{background:var(--ui-bg-card,#fff);border:1px solid var(--ui-border,#e5e5e5);border-radius:18px;padding:68px 24px 60px;text-align:center;margin-bottom:24px}
.af-offers-card-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:620px;margin:0 auto}
.af-offers-ico{display:inline-grid;place-items:center;width:48px;height:48px;background:#fbf5ee;color:#a35628;border-radius:13px;margin-bottom:16px}
.af-offers-ico svg{width:22px;height:22px}
.af-offers-empty-t{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--ui-ink,#10243b);margin:0 0 8px}
.af-offers-empty-p{font-size:.875rem;line-height:1.55;color:var(--ui-muted,#758399);margin:0 0 28px}
.af-offers-steps{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-bottom:30px}
.af-offers-step{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:500;color:var(--ui-ink-2,#374151);white-space:nowrap}
.af-offers-step-n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fbf5ee;color:#a35628;font-size:.72rem;font-weight:600;flex-shrink:0}
.af-offers-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.af-offers-btn-primary{background-color:#a35628!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:10px 20px!important;font-size:.875rem!important;font-weight:600!important;line-height:1.4!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background-color .15s ease!important}
.af-offers-btn-primary:hover{background-color:#8f4b23!important;color:#fff!important}
.af-offers-btn-link{background:transparent!important;border:0!important;padding:8px 4px!important;color:#a35628!important;font-size:.875rem!important;font-weight:600!important;line-height:1.4!important;text-decoration:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;transition:opacity .15s ease!important}
.af-offers-btn-link:hover{opacity:.85!important;text-decoration:underline!important}
[data-theme="dark"] .af-offers-card{background:var(--ui-bg-card,#1e1b18);border-color:var(--ui-border,#3a342e)}
[data-theme="dark"] .af-offers-ico,[data-theme="dark"] .af-offers-step-n{background:rgba(228,165,122,.15);color:#e4a57a}
[data-theme="dark"] .af-offers-empty-t{color:var(--ui-ink,#e7dfd5)}
[data-theme="dark"] .af-offers-empty-p{color:var(--ui-muted,#a69c91)}
[data-theme="dark"] .af-offers-step{color:var(--ui-ink-2,#d1c7bc)}
[data-theme="dark"] .af-offers-btn-link{color:#e4a57a!important}
@media (max-width:600px){.af-offers-card{padding:44px 18px 36px}.af-offers-steps{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.af-offers-actions{flex-direction:column;width:100%}.af-offers-btn-primary{width:100%}}

/* ════════════════════════════════════════════════════════════════════════════
   FONTES - AFILIADOS AUTOMÁTICO (/client/afiliados/fontes)
   Fidelidade visual estrita à captura de referência original
   ════════════════════════════════════════════════════════════════════════════ */

.af-p-fontes {
  min-width: 0;
  max-width: 100%;
  padding-bottom: 90px;
}

.af-p-fontes .af-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.af-p-fontes .af-head .ui-page-title {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 4px;
}

.af-p-fontes .af-head .af-meta {
  font-size: 14px;
  color: var(--ui-muted, #64748b);
  margin: 0;
}

/* Botão "Como funciona" */
.af-act-ico {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 16px;
  border-radius: var(--ui-r-pill, 9999px);
  border: 1px solid var(--ui-border, #e2e8f0);
  background: var(--ui-bg-card, #ffffff);
  color: var(--ui-ink, #0f172a);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.af-act-ico:hover {
  background: var(--ui-fill-1, #f8fafc);
  border-color: var(--ui-ctl-line, #cbd5e1);
}

.af-act-ico svg {
  width: 16px;
  height: 16px;
  color: var(--ui-muted, #64748b);
  flex-shrink: 0;
}

/* Seção Hero de Fontes Vazias */
.af-fontes-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 32px 20px 40px;
  margin: 0 auto 32px;
  max-width: 640px;
}

.af-fontes-art {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.af-fontes-logos-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.af-fontes-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  margin-left: 8px;
}

.af-fontes-arrow svg {
  width: 18px;
  height: 18px;
}

/* Pílula "Ofertas com o seu link" */
.af-fontes-tag-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--ui-bg-card, #ffffff);
  border: 1px solid var(--ui-border, #e2e8f0);
  border-radius: 10px;
  padding: 5px 14px 5px 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.af-fontes-tag-badge {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: #fbf2eb;
  color: #a35628;
  flex-shrink: 0;
}

.af-fontes-tag-badge svg {
  width: 14px;
  height: 14px;
}

.af-fontes-tag-txt {
  font-size: 12px;
  font-weight: 500;
  color: var(--ui-ink, #1e293b);
  letter-spacing: -0.01em;
}

.af-fontes-hero-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--ui-ink, #0f172a);
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}

.af-fontes-hero-desc {
  font-size: 14px;
  line-height: 1.5;
  color: var(--ui-muted, #64748b);
  max-width: 480px;
  margin: 0 auto 24px;
}

.af-fontes-hero-act {
  display: flex;
  justify-content: center;
}

.af-fontes-btn-primary {
  background-color: #a35628;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: background-color 0.15s ease, transform 0.1s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.af-fontes-btn-primary:hover {
  background-color: #8c471e;
}

.af-fontes-btn-primary:active {
  transform: scale(0.98);
}

/* ── Seção de Lojas e Grade ── */
.af-fontes-stores-wrap {
  width: 100%;
  margin-top: 6px;
}

.af-fontes-stores-heading {
  font-size: 13px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
  margin-bottom: 12px;
}

.af-fontes-stores-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

/* Cartões das lojas */
.af-store-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 8px;
  padding: 18px 20px;
  min-height: 124px;
  background: var(--ui-bg-card, #ffffff);
  border: 1px solid var(--ui-border, #e2e8f0);
  border-radius: 12px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.af-store-card:hover {
  border-color: var(--ui-ctl-line, #cbd5e1);
  background: var(--ui-fill-1, #f8fafc);
}

.af-store-card:focus-visible {
  outline: 2px solid var(--ui-focus, #a35628);
  outline-offset: 2px;
}

.af-store-card.is-disabled {
  cursor: pointer;
}

.af-store-card.is-disabled .af-fontes-tile {
  opacity: 0.7;
}

.af-store-card-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
  line-height: 1.25;
  margin-top: 2px;
}

.af-store-card-desc {
  font-size: 13px;
  line-height: 1.4;
  color: var(--ui-muted, #64748b);
}

.af-store-card.is-disabled .af-store-card-desc {
  color: #94a3b8;
}

/* ── Tiles e Logotipos Oficiais ── */
.af-fontes-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  flex-shrink: 0;
  overflow: hidden;
  transition: transform 0.15s ease;
}

.af-fontes-logos-row .af-fontes-tile {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

.af-fontes-tile.is-ml {
  background-color: #FFE600;
}
.af-fontes-tile.is-shopee {
  background-color: #EE4D2D;
}
.af-fontes-tile.is-magalu {
  background-color: #0F6DFF;
}
.af-fontes-tile.is-amazon {
  background-color: #232F3E;
}
.af-fontes-tile.is-rakuten {
  background-color: #BF0000;
}
.af-fontes-tile.is-awin {
  background-color: #FFFFFF;
  border: 1px solid var(--ui-border, #E2E8F0);
}
.af-fontes-tile.is-group {
  background-color: #F1F5F9;
  border: 1px solid var(--ui-border, #E2E8F0);
  color: #64748B;
}

/* Máscaras com os SVGs oficiais para contraste e cores perfeitas */
.af-fontes-icon {
  display: block;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.af-fontes-icon.is-ml {
  width: 22px;
  height: 22px;
  background-color: #2D3277;
  -webkit-mask-image: url(/vendor/mercadolivre.svg);
  mask-image: url(/vendor/mercadolivre.svg);
}

.af-fontes-icon.is-shopee {
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  -webkit-mask-image: url(/vendor/shopee.svg);
  mask-image: url(/vendor/shopee.svg);
}

.af-fontes-icon.is-magalu {
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  -webkit-mask-image: url(/vendor/magalu-simbolo.svg);
  mask-image: url(/vendor/magalu-simbolo.svg);
}

.af-fontes-icon.is-amazon {
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  -webkit-mask-image: url(/vendor/amazon.svg);
  mask-image: url(/vendor/amazon.svg);
}

.af-fontes-icon.is-rakuten {
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  -webkit-mask-image: url(/vendor/rakuten.svg);
  mask-image: url(/vendor/rakuten.svg);
}

.af-fontes-icon.is-awin {
  width: 18px;
  height: 18px;
  background-color: #E85A00;
  -webkit-mask-image: url(/vendor/awin.svg);
  mask-image: url(/vendor/awin.svg);
}

/* Responsividade */
@media (max-width: 900px) {
  .af-fontes-stores-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .af-fontes-stores-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .af-fontes-hero {
    padding: 24px 12px 32px;
  }
}

/* Modo escuro */
[data-theme="dark"] .af-store-card {
  background: var(--ui-bg-card, #1c1917);
  border-color: var(--ui-border, #292524);
}
[data-theme="dark"] .af-store-card:hover {
  background: var(--ui-fill-1, #262320);
  border-color: var(--ui-ctl-line, #44403c);
}
[data-theme="dark"] .af-fontes-tag-pill {
  background: var(--ui-bg-card, #1c1917);
  border-color: var(--ui-border, #292524);
}
[data-theme="dark"] .af-fontes-tag-badge {
  background: rgba(228, 165, 122, 0.15);
  color: #e4a57a;
}
[data-theme="dark"] .af-fontes-tile.is-awin,
[data-theme="dark"] .af-fontes-tile.is-group {
  background-color: #262320;
  border-color: #44403c;
}

/* ════════════════════════════════════════════════════════════════════════════
   REGRAS - AFILIADOS AUTOMÁTICO (/client/afiliados/regras)
   Fidelidade visual estrita à captura de referência original
   ════════════════════════════════════════════════════════════════════════════ */

.af-p-regras {
  min-width: 0;
  max-width: 100%;
  padding-bottom: 90px;
}

.af-p-regras .af-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.af-p-regras .af-head .ui-page-title {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 4px;
}

.af-p-regras .af-head .af-meta {
  font-size: 14px;
  color: var(--ui-muted, #64748b);
  margin: 0;
}

/* Hero card central de regras */
.af-regras-hero {
  background: var(--ui-bg-card, #ffffff);
  border: 1px solid var(--ui-border, #e2e8f0);
  border-radius: 16px;
  padding: 56px 32px 52px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.af-regras-icon-box {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #fbf2eb;
  color: #a35628;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.af-regras-icon-box svg {
  width: 22px;
  height: 22px;
}

.af-regras-hero-title {
  font-size: 19px;
  font-weight: 700;
  color: var(--ui-ink, #0f172a);
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}

.af-regras-hero-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--ui-muted, #64748b);
  max-width: 480px;
  margin: 0 auto 28px;
}

.af-regras-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 32px;
}

.af-regras-step {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--ui-ink-soft, #475569);
}

.af-step-badge {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #f6ede8;
  color: #a35628;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.af-step-label {
  font-size: 13px;
  color: var(--ui-ink-soft, #475569);
}

.af-regras-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.af-regras-btn-link {
  background: none;
  border: none;
  color: var(--ui-ink-soft, #475569);
  font-size: 13.5px;
  font-weight: 500;
  padding: 10px 16px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.15s ease;
  display: inline-flex;
  align-items: center;
}

.af-regras-btn-link:hover {
  color: var(--ui-ink, #0f172a);
  text-decoration: underline;
}

.af-regras-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

@media (max-width: 600px) {
  .af-regras-hero {
    padding: 36px 16px 32px;
  }
  .af-regras-steps {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
  }
  .af-regras-actions {
    flex-direction: column;
    width: 100%;
  }
  .af-regras-actions .af-fontes-btn-primary {
    width: 100%;
  }
}

[data-theme="dark"] .af-regras-hero {
  background: var(--ui-bg-card, #1c1917);
  border-color: var(--ui-border, #292524);
}

[data-theme="dark"] .af-regras-icon-box {
  background: rgba(228, 165, 122, 0.15);
  color: #e4a57a;
}

[data-theme="dark"] .af-step-badge {
  background: rgba(228, 165, 122, 0.15);
  color: #e4a57a;
}

[data-theme="dark"] .af-regras-step,
[data-theme="dark"] .af-step-label {
  color: var(--ui-ink-soft, #94a3b8);
}

[data-theme="dark"] .af-regras-btn-link {
  color: var(--ui-ink-soft, #94a3b8);
}

[data-theme="dark"] .af-regras-btn-link:hover {
  color: #ffffff;
}

/* ════════════════════════════════════════════════════════════════════════════
   GERAR LINK - FERRAMENTAS (/client/afiliados/gerar-link)
   Fidelidade visual estrita à captura de referência original
   ════════════════════════════════════════════════════════════════════════════ */

.af-p-gerar-link {
  min-width: 0;
  max-width: 100%;
  padding-bottom: 90px;
}

.af-p-gerar-link .af-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.af-p-gerar-link .af-head .ui-page-title {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 4px;
}

.af-p-gerar-link .af-head .af-meta {
  font-size: 14px;
  color: var(--ui-muted, #64748b);
  margin: 0;
}

/* Hero card central de gerar link */
.af-gerar-link-hero {
  background: var(--ui-bg-card, #ffffff);
  border: 1px solid var(--ui-border, #e2e8f0);
  border-radius: 16px;
  padding: 56px 32px 48px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.af-gerar-link-icon-box {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #fbf2eb;
  color: #a35628;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.af-gerar-link-icon-box svg {
  width: 22px;
  height: 22px;
}

.af-gerar-link-title {
  font-size: 19px;
  font-weight: 700;
  color: var(--ui-ink, #0f172a);
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}

.af-gerar-link-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--ui-muted, #64748b);
  max-width: 480px;
  margin: 0 auto 24px;
}

.af-gerar-link-actions {
  display: flex;
  justify-content: center;
  margin-bottom: 28px;
}

.af-gerar-link-supported {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.af-gerar-link-supported-lbl {
  font-size: 12px;
  font-weight: 500;
  color: var(--ui-muted, #64748b);
}

.af-gerar-link-store-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.af-store-badge-mini {
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.af-store-badge-mini .af-fontes-icon {
  width: 15px !important;
  height: 15px !important;
}

.af-store-mini-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--ui-ink, #0f172a);
}

@media (max-width: 600px) {
  .af-gerar-link-hero {
    padding: 36px 16px 32px;
  }
}

[data-theme="dark"] .af-gerar-link-hero {
  background: var(--ui-bg-card, #1c1917);
  border-color: var(--ui-border, #292524);
}

[data-theme="dark"] .af-gerar-link-icon-box {
  background: rgba(228, 165, 122, 0.15);
  color: #e4a57a;
}

[data-theme="dark"] .af-store-mini-name {
  color: var(--ui-ink, #f1f5f9);
}

/* ════════════════════════════════════════════════════════════════════════════
   MARCA D'ÁGUA (/client/afiliados/marca-dagua)
   Fidelidade visual estrita à captura de referência original
   ════════════════════════════════════════════════════════════════════════════ */

.af-p-watermark {
  min-width: 0;
  max-width: 100%;
  padding-bottom: 80px;
}

.af-wm-head {
  margin-bottom: 24px;
}

.af-wm-head .ui-page-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 4px;
}

.af-wm-head .af-meta {
  font-size: 13px;
  color: var(--ui-muted, #64748b);
  margin: 0;
}

.af-wm-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 24px;
  align-items: start;
}

.af-wm-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.af-wm-card {
  background: var(--ui-bg-card, #ffffff);
  border: 1px solid var(--ui-border, #e5e7eb);
  border-radius: 16px;
  padding: 24px 28px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.af-wm-card-title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 4px;
}

.af-wm-card-sub {
  font-size: 12.5px;
  color: var(--ui-muted, #64748b);
  margin: 0 0 20px;
}

/* Row Upload: Checkered thumb + button */
.af-wm-brand-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}

.af-wm-checkered-thumb {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  border: 1px solid var(--ui-border, #e5e7eb);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  background-color: #ffffff;
  background-image: linear-gradient(45deg, #f3f4f6 25%, transparent 25%),
                    linear-gradient(-45deg, #f3f4f6 25%, transparent 25%),
                    linear-gradient(45deg, transparent 75%, #f3f4f6 75%),
                    linear-gradient(-45deg, transparent 75%, #f3f4f6 75%);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
}

.af-wm-empty-ic {
  color: #9ca3af;
  width: 20px;
  height: 20px;
}

.af-wm-thumb-lbl {
  font-size: 10px;
  color: #9ca3af;
  font-weight: 500;
  margin-top: 3px;
}

.af-wm-logo-img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

.af-wm-upload-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.af-wm-btn-upload {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #ffffff;
  border: 1px solid var(--ui-border, #d1d5db);
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--ui-ink, #1f2937);
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.af-wm-btn-upload:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}

.af-wm-btn-upload svg {
  flex-shrink: 0;
  stroke: currentColor;
}

.af-wm-brand-help {
  font-size: 12px;
  color: var(--ui-muted, #64748b);
  margin: 6px 0 0;
}

.af-wm-divider {
  height: 1px;
  background: var(--ui-border-subtle, #f1f5f9);
  margin: 22px 0 20px;
}

/* Toggle row */
.af-wm-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.af-wm-toggle-info {
  display: flex;
  flex-direction: column;
}

.af-wm-toggle-title {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ui-ink, #0f172a);
}

.af-wm-toggle-desc {
  font-size: 12px;
  color: var(--ui-muted, #64748b);
  margin-top: 2px;
}

/* iOS Toggle switch */
.af-wm-toggle-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
}

.af-wm-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.af-wm-toggle-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #d1d5db;
  border-radius: 24px;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.af-wm-toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.af-wm-toggle-switch input:checked + .af-wm-toggle-slider {
  background-color: #a44c27;
}

.af-wm-toggle-switch input:checked + .af-wm-toggle-slider:before {
  transform: translateX(20px);
}

.af-wm-toggle-switch input:disabled + .af-wm-toggle-slider {
  opacity: 0.55;
  cursor: not-allowed;
}

/* Card 2: Position and appearance */
.af-wm-pos-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 12px;
}

.af-wm-pos-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 28px;
}

.af-wm-pos-card {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid var(--ui-border, #e5e7eb);
  border-radius: 10px;
  background: var(--ui-bg-card, #ffffff);
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}

.af-wm-pos-card:hover {
  border-color: #cbd5e1;
}

.af-wm-pos-card.is-selected {
  border-color: #a44c27;
  background: var(--ui-bg-card, #ffffff);
}

.af-wm-pos-radio {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1.5px solid #d1d5db;
  border-radius: 50%;
  margin: 0 10px 0 0;
  display: grid;
  place-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.15s;
}

.af-wm-pos-card.is-selected .af-wm-pos-radio {
  border-color: #a44c27;
}

.af-wm-pos-card.is-selected .af-wm-pos-radio::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #a44c27;
}

.af-wm-pos-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--ui-ink, #0f172a);
  flex: 1;
}

.af-wm-diagram {
  width: 32px;
  height: 20px;
  flex-shrink: 0;
  color: #94a3b8;
  transition: color 0.15s;
}

.af-wm-diagram-rect {
  stroke: #d1d5db;
  stroke-width: 1.2;
  rx: 3;
  fill: none;
}

.af-wm-diagram-dot {
  fill: #94a3b8;
}

.af-wm-pos-card.is-selected .af-wm-diagram-dot {
  fill: #a44c27;
}

/* Sliders */
.af-wm-sliders {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.af-wm-slider-row {
  display: flex;
  flex-direction: column;
}

.af-wm-slider-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.af-wm-slider-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--ui-ink, #0f172a);
}

.af-wm-slider-val {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--ui-ink-2, #374151);
}

.af-wm-slider {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  height: 4px !important;
  min-height: 4px !important;
  max-height: 4px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 4px !important;
  background: #e5e7eb;
  outline: none !important;
  cursor: pointer;
  margin: 10px 0 8px !important;
  box-shadow: none !important;
}

.af-wm-slider::-webkit-slider-runnable-track {
  height: 4px !important;
  border-radius: 4px !important;
  border: none !important;
  background: transparent !important;
}

.af-wm-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #a44c27 !important;
  border: 2px solid #ffffff !important;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  margin-top: -5px !important;
  transition: transform 0.1s ease;
}

.af-wm-slider::-webkit-slider-thumb:hover {
  transform: scale(1.15);
}

.af-wm-slider::-moz-range-track {
  height: 4px !important;
  border-radius: 4px !important;
  border: none !important;
  background: transparent !important;
}

.af-wm-slider::-moz-range-thumb {
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #a44c27 !important;
  border: 2px solid #ffffff !important;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

.af-wm-slider-help {
  font-size: 12px;
  color: var(--ui-muted, #64748b);
  margin: 4px 0 0;
}

/* Right column: Preview */
.af-wm-aside {
  position: sticky;
  top: 24px;
}

.af-wm-preview-card {
  padding: 22px 20px 20px;
}

.af-wm-preview-box {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  background: #f2ece4;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
}

.af-wm-preview-placeholder {
  width: 68px;
  height: 68px;
  color: #c4bbb2;
}

.af-wm-preview-caption {
  text-align: center;
  font-size: 11px;
  color: var(--ui-muted, #64748b);
  line-height: 1.4;
  margin: 0;
}

.af-wm-live-preview {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.af-wm-sample-product-bg {
  width: 70%;
  height: 70%;
  object-fit: contain;
  opacity: 0.25;
}

.af-wm-overlay-logo {
  position: absolute;
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  pointer-events: none;
  transition: all 0.15s ease;
}

/* Dark mode */
[data-theme="dark"] .af-wm-card {
  background: var(--ui-bg-card, #1c1917);
  border-color: var(--ui-border, #292524);
}

[data-theme="dark"] .af-wm-checkered-thumb {
  background-color: #1c1917;
  border-color: #292524;
  background-image: linear-gradient(45deg, #262320 25%, transparent 25%),
                    linear-gradient(-45deg, #262320 25%, transparent 25%),
                    linear-gradient(45deg, transparent 75%, #262320 75%),
                    linear-gradient(-45deg, transparent 75%, #262320 75%);
}

[data-theme="dark"] .af-wm-btn-upload {
  background: #262320;
  border-color: #3f3933;
  color: #f1f5f9;
}

[data-theme="dark"] .af-wm-btn-upload:hover {
  background: #2d2925;
}

[data-theme="dark"] .af-wm-pos-card {
  background: var(--ui-bg-card, #1c1917);
  border-color: var(--ui-border, #292524);
}

[data-theme="dark"] .af-wm-pos-card:hover {
  border-color: #44403c;
}

[data-theme="dark"] .af-wm-pos-card.is-selected {
  border-color: #e4a57a;
  background: var(--ui-bg-card, #1c1917);
}

[data-theme="dark"] .af-wm-pos-card.is-selected .af-wm-pos-radio {
  border-color: #e4a57a;
}

[data-theme="dark"] .af-wm-pos-card.is-selected .af-wm-pos-radio::before {
  background-color: #e4a57a;
}

[data-theme="dark"] .af-wm-pos-card.is-selected .af-wm-diagram-dot {
  fill: #e4a57a;
}

[data-theme="dark"] .af-wm-toggle-switch input:checked + .af-wm-toggle-slider {
  background-color: #e4a57a;
}

[data-theme="dark"] .af-wm-slider {
  background: #332f2b;
}

[data-theme="dark"] .af-wm-slider::-webkit-slider-thumb {
  background: #e4a57a;
}

[data-theme="dark"] .af-wm-slider::-moz-range-thumb {
  background: #e4a57a;
}

[data-theme="dark"] .af-wm-preview-box {
  background: #24201d;
}

[data-theme="dark"] .af-wm-preview-placeholder {
  color: #4a433c;
}

/* Responsiveness */
@media (max-width: 900px) {
  .af-wm-layout {
    grid-template-columns: 1fr;
  }
  .af-wm-aside {
    position: static;
  }
}

@media (max-width: 600px) {
  .af-wm-pos-grid {
    grid-template-columns: 1fr;
  }
  .af-wm-card {
    padding: 18px 16px;
  }
}






.cls-shell:has(.af-p-watermark) > #guide-button {
  display: none !important;
}

#afWmFileInput {
  display: none !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   ARTE DA OFERTA (/client/afiliados/arte)
   Fidelidade visual estrita à captura de referência original
   ════════════════════════════════════════════════════════════════════════════ */

.af-p-arte {
  min-width: 0;
  max-width: 100%;
  padding-bottom: 80px;
}

.af-arte-head {
  margin-bottom: 24px;
}

.af-arte-head .ui-page-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 4px;
}

.af-arte-head .af-meta {
  font-size: 13px;
  color: var(--ui-muted, #64748b);
  margin: 0;
}

.af-arte-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 24px;
  align-items: start;
}

.af-arte-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.af-arte-card {
  background: var(--ui-bg-card, #ffffff);
  border: 1px solid var(--ui-border, #e5e7eb);
  border-radius: 16px;
  padding: 24px 28px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.af-arte-card-head {
  margin-bottom: 20px;
}

.af-arte-card-title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 4px;
}

.af-arte-card-sub {
  font-size: 12.5px;
  color: var(--ui-muted, #64748b);
  margin: 0;
  line-height: 1.45;
}

/* Empty state in "Onde usar" */
.af-arte-empty-body {
  padding: 28px 16px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.af-arte-empty-icon-wrap {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #f4f4f5;
  color: #71717a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.af-arte-empty-title {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 4px;
}

.af-arte-empty-desc {
  font-size: 12px;
  color: var(--ui-muted, #64748b);
  margin: 0 0 16px;
}

.af-arte-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 6px 16px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--ui-ink, #1e293b);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.15s ease;
}

.af-arte-btn-outline:hover {
  background: #f9fafb;
  border-color: #9ca3af;
  color: var(--ui-ink, #0f172a);
}

/* Estilo section */
.af-arte-section-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 12px;
}

.af-arte-scenarios-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.af-arte-scenario-card {
  position: relative;
  border: 1px solid var(--ui-border, #e5e7eb);
  border-radius: 12px;
  padding: 14px 16px;
  background: var(--ui-bg-card, #ffffff);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  user-select: none;
}

.af-arte-scenario-card:hover {
  border-color: #cbd5e1;
}

.af-arte-scenario-card.is-selected {
  border: 1.5px solid #a35628;
  background: #ffffff;
}

.af-arte-scenario-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.af-arte-radio-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #d1d5db;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #ffffff;
  transition: all 0.15s ease;
}

.is-selected .af-arte-radio-circle {
  border-color: #a35628;
  background: #ffffff;
}

.is-selected .af-arte-radio-circle::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #a35628;
}

.af-arte-scenario-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
}

.af-arte-scenario-desc {
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--ui-muted, #64748b);
  margin: 0;
}

/* Extra field */
.af-arte-extra-wrap {
  margin-top: 22px;
}

.af-arte-extra-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.af-arte-extra-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--ui-ink, #0f172a);
}

.af-arte-opt {
  font-weight: 400;
  color: var(--ui-muted, #64748b);
}

.af-arte-char-count {
  font-size: 12px;
  color: var(--ui-muted, #64748b);
}

.af-arte-input {
  width: 100%;
  height: 40px;
  border: 1px solid var(--ui-border, #d1d5db);
  border-radius: 8px;
  padding: 0 14px;
  font-size: 13px;
  color: var(--ui-ink, #0f172a);
  background: var(--ui-field-bg, #ffffff);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;
}

.af-arte-input:focus {
  border-color: #a35628;
  box-shadow: 0 0 0 2px rgba(163, 86, 40, 0.12);
}

.af-arte-input::placeholder {
  color: #9ca3af;
}

.af-arte-input-help {
  font-size: 12px;
  color: var(--ui-muted, #64748b);
  margin: 6px 0 0;
}

/* Qualidade */
.af-arte-quality-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.af-arte-quality-card {
  border: 1px solid var(--ui-border, #e5e7eb);
  border-radius: 12px;
  padding: 14px 16px;
  background: var(--ui-bg-card, #ffffff);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  user-select: none;
}

.af-arte-quality-card:hover {
  border-color: #cbd5e1;
}

.af-arte-quality-card.is-selected {
  border: 1.5px solid #a35628;
}

.af-arte-quality-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.af-arte-quality-name {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
}

.af-arte-quality-desc {
  font-size: 11.5px;
  color: var(--ui-muted, #64748b);
  margin: 0;
}

.af-arte-daily-info {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  font-size: 12px;
  color: var(--ui-muted, #64748b);
}

.af-arte-daily-info svg {
  flex-shrink: 0;
  color: #64748b;
}

/* Quem gera */
.af-arte-providers-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.af-arte-provider-card {
  border: 1px solid var(--ui-border, #e5e7eb);
  border-radius: 12px;
  padding: 14px 18px;
  background: var(--ui-bg-card, #ffffff);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease;
}

.af-arte-provider-card:hover {
  border-color: #cbd5e1;
}

.af-arte-provider-card.is-selected {
  border: 1.5px solid #a35628;
}

.af-arte-provider-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.af-arte-provider-title {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
}

.af-arte-pill-badge {
  background: #fbf5ee;
  color: #a35628;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
  margin-left: 4px;
}

.af-arte-provider-sub {
  font-size: 12px;
  color: var(--ui-muted, #64748b);
  margin: 0 0 6px 26px;
}

.af-arte-action-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--ui-ink, #0f172a);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  margin-left: 26px;
  transition: color 0.15s ease;
}

.af-arte-action-link:hover {
  color: #a35628;
}

.af-arte-action-link svg {
  flex-shrink: 0;
  color: currentColor;
}

.af-arte-divider {
  height: 1px;
  background: var(--ui-border-subtle, #f0f0f2);
  margin: 18px 0;
}

.af-arte-advanced-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.af-arte-advanced-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.af-arte-advanced-title {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
}

.af-arte-advanced-sub {
  font-size: 12px;
  color: var(--ui-muted, #64748b);
}

/* Switch toggle */
.af-arte-switch {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 22px;
  flex-shrink: 0;
}

.af-arte-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.af-arte-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cbd5e1;
  transition: 0.2s;
  border-radius: 999px;
}

.af-arte-slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.2s;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.af-arte-switch input:checked + .af-arte-slider {
  background-color: #a35628;
}

.af-arte-switch input:checked + .af-arte-slider::before {
  transform: translateX(16px);
}

.af-arte-advanced-panel {
  margin-top: 14px;
  padding: 14px;
  border-radius: 10px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
}

.af-arte-field-group label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--ui-ink, #0f172a);
}

.af-arte-field-group small {
  display: block;
  font-size: 11px;
  color: var(--ui-muted, #64748b);
  margin-top: 4px;
}

/* Aside - Prévia */
.af-arte-aside {
  position: sticky;
  top: 24px;
}

.af-arte-previa-card {
  padding: 24px;
}

.af-arte-previa-box {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 44px 18px 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #f1f2f5;
}

.af-arte-previa-icon-wrap {
  width: 38px;
  height: 38px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  margin-bottom: 16px;
}

.af-arte-previa-title {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
  line-height: 1.4;
  margin: 0 0 6px;
  max-width: 220px;
}

.af-arte-previa-sub {
  font-size: 12px;
  color: var(--ui-muted, #64748b);
  margin: 0 0 20px;
}

/* Dark mode adjustments */
[data-theme="dark"] .af-arte-card,
[data-theme="dark"] .af-arte-scenario-card,
[data-theme="dark"] .af-arte-quality-card,
[data-theme="dark"] .af-arte-provider-card {
  background: var(--ui-bg-card, #1c1917);
  border-color: var(--ui-border, #292524);
}

[data-theme="dark"] .af-arte-scenario-card.is-selected,
[data-theme="dark"] .af-arte-quality-card.is-selected,
[data-theme="dark"] .af-arte-provider-card.is-selected {
  border-color: #e4a57a;
  background: var(--ui-bg-card, #1c1917);
}

[data-theme="dark"] .is-selected .af-arte-radio-circle {
  border-color: #e4a57a;
}

[data-theme="dark"] .is-selected .af-arte-radio-circle::after {
  background: #e4a57a;
}

[data-theme="dark"] .af-arte-radio-circle {
  background: #24201d;
  border-color: #44403c;
}

[data-theme="dark"] .af-arte-empty-icon-wrap {
  background: #24201d;
  color: #a8a29e;
}

[data-theme="dark"] .af-arte-btn-outline {
  background: #24201d;
  border-color: #44403c;
  color: var(--ui-ink, #f1f5f9);
}

[data-theme="dark"] .af-arte-btn-outline:hover {
  background: #2d2824;
  border-color: #57534e;
}

[data-theme="dark"] .af-arte-pill-badge {
  background: rgba(228, 165, 122, 0.15);
  color: #e4a57a;
}

[data-theme="dark"] .af-arte-previa-box {
  background: #171513;
  border-color: #26221f;
}

[data-theme="dark"] .af-arte-previa-icon-wrap {
  background: #24201d;
  border-color: #38332e;
  color: #a8a29e;
}

[data-theme="dark"] .af-arte-advanced-panel {
  background: #24201d;
  border-color: #38332e;
}

[data-theme="dark"] .af-arte-divider {
  background: #292524;
}

/* Responsiveness */
@media (max-width: 900px) {
  .af-arte-layout {
    grid-template-columns: 1fr;
  }
  .af-arte-aside {
    position: static;
  }
  .af-arte-scenarios-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .af-arte-scenarios-grid {
    grid-template-columns: 1fr;
  }
  .af-arte-quality-grid {
    grid-template-columns: 1fr;
  }
  .af-arte-card {
    padding: 18px 16px;
  }
}

/* ════════════════════════════════════════════════════════════════════════════
   LINK PRÓPRIO (/client/afiliados/links)
   Fidelidade visual estrita à captura de referência original
   ════════════════════════════════════════════════════════════════════════════ */

.af-p-links {
  min-width: 0;
  max-width: 100%;
  padding-bottom: 80px;
}

.af-lp-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 16px;
  flex-wrap: wrap;
}

.af-lp-head .ui-page-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 6px;
}

.af-lp-head-desc {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.af-lp-badge-adicional {
  background: #f2f4f7;
  color: #475467;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.af-lp-head .af-meta {
  font-size: 13px;
  color: var(--ui-muted, #64748b);
  margin: 0;
}

.af-lp-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--ui-bg-card, #ffffff);
  border: 1px solid var(--ui-border, #d1d5db);
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--ui-ink, #1e293b);
  cursor: pointer;
  transition: all 0.15s ease;
}

.af-lp-btn-outline:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}

.af-lp-btn-outline svg {
  color: var(--ui-muted, #64748b);
  flex-shrink: 0;
}

/* Common Card */
.af-lp-card {
  background: var(--ui-bg-card, #ffffff);
  border: 1px solid var(--ui-border, #e5e7eb);
  border-radius: 16px;
  padding: 28px 32px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
  margin-bottom: 20px;
}

.af-lp-card-head {
  margin-bottom: 24px;
}

.af-lp-card-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ui-ink, #0f172a);
  margin: 0 0 4px;
}

.af-lp-card-sub {
  font-size: 12.5px;
  color: var(--ui-muted, #64748b);
  margin: 0;
}

/* SECTION 1: HERO */
.af-lp-hero-card {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, 1fr);
  gap: 40px;
  align-items: flex-start;
}

.af-lp-hero-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.af-lp-hero-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ui-ink, #0f172a);
  margin: 0;
}

.af-lp-hero-desc {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--ui-muted, #475467);
  margin: 0;
}

.af-lp-hero-desc code {
  font-family: inherit;
  font-weight: 500;
  color: var(--ui-ink, #0f172a);
}

.af-lp-domain-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

.af-lp-domain-label {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ui-ink, #0f172a);
}

.af-lp-opt {
  font-weight: 400;
  color: var(--ui-muted, #64748b);
}

.af-lp-domain-input-box {
  display: flex;
  align-items: center;
  border: 1px solid var(--ui-border, #d1d5db);
  border-radius: 8px;
  overflow: hidden;
  background: var(--ui-bg-card, #ffffff);
  max-width: 440px;
  height: 40px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.af-lp-domain-input-box:focus-within {
  border-color: #9c4918;
  box-shadow: 0 0 0 2px rgba(156, 73, 24, 0.12);
}

.af-lp-input-domain {
  border: 0;
  padding: 0 12px;
  font-size: 13px;
  flex: 1;
  min-width: 0;
  height: 100%;
  color: #475467;
  background: transparent;
  outline: none;
}

.af-lp-domain-suffix {
  background: #f9fafb;
  color: #667085;
  padding: 0 12px;
  font-size: 12.5px;
  height: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid var(--ui-border, #eaecf0);
  user-select: none;
  white-space: nowrap;
}

.af-lp-domain-help {
  font-size: 12px;
  color: #667085;
  margin: 0;
  line-height: 1.45;
}

.af-lp-hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 6px 0;
}

.af-lp-btn-primary {
  background: #9c4918 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 9px 20px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.af-lp-btn-primary:hover {
  background: #873e13 !important;
}

.af-lp-link-btn {
  background: transparent;
  border: 0;
  padding: 0;
  color: #9c4918;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.15s ease;
}

.af-lp-link-btn:hover {
  text-decoration: underline;
}

.af-lp-benefits-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.af-lp-benefit-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #344054;
  line-height: 1.45;
}

.af-lp-benefit-ico {
  color: #9c4918;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.af-lp-notice-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 12.5px;
  line-height: 1.5;
  color: #475467;
  margin-top: 4px;
}

.af-lp-notice-ico {
  color: #98a2b3;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.af-lp-notice-txt {
  flex: 1;
}

.af-lp-notice-link {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: inherit;
  font-weight: 700;
  color: #101828;
  cursor: pointer;
  text-decoration: underline;
}

.af-lp-notice-link:hover {
  color: #9c4918;
}

/* Phone Mockup Column */
.af-lp-hero-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.af-lp-phone-tabs {
  display: inline-flex;
  align-items: center;
  background: #f2f4f7;
  padding: 3px;
  border-radius: 999px;
  margin-bottom: 14px;
  border: 1px solid #e5e7eb;
}

.af-lp-phone-tab {
  background: transparent;
  border: 0;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--ui-muted, #64748b);
  cursor: pointer;
  transition: all 0.15s ease;
}

.af-lp-phone-tab.is-active {
  background: #ffffff;
  color: var(--ui-ink, #0f172a);
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.af-lp-phone-mockup {
  width: 228px;
  border-radius: 30px;
  background: #ffffff;
  border: 7px solid #f2f4f7;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.af-lp-phone-screen {
  background: #efeae2;
  min-height: 290px;
  display: flex;
  flex-direction: column;
}

.af-lp-wa-header {
  background: #005d4b;
  color: #ffffff;
  padding: 9px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.af-lp-wa-avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #2ba68e;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.af-lp-wa-header-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.af-lp-wa-title {
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.af-lp-wa-sub {
  font-size: 8.5px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.2;
}

.af-lp-wa-body {
  padding: 10px 8px 24px;
  flex: 1;
}

.af-lp-wa-bubble {
  background: #e7fed9;
  border-radius: 8px;
  border-top-left-radius: 2px;
  padding: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  font-size: 9.5px;
  line-height: 1.35;
  color: #111b21;
}

.af-lp-wa-bubble-img-wrap {
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  padding: 8px 4px;
}

.af-lp-wa-img {
  width: auto;
  max-width: 100%;
  height: 80px;
  object-fit: contain;
}

.af-lp-wa-prod-title {
  font-weight: 600;
  color: #111b21;
  margin-bottom: 1px;
}

.af-lp-wa-bubble-txt {
  margin-bottom: 2px;
}

.af-lp-wa-link {
  color: #027eb5;
  text-decoration: underline;
  word-break: break-all;
  font-size: 9px;
  display: inline-block;
  margin-top: 2px;
}

.af-lp-wa-bubble-foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
  font-size: 8px;
  color: #667781;
  margin-top: 2px;
}

.af-lp-phone-caption {
  font-size: 11px;
  color: var(--ui-muted, #98a2b3);
  margin-top: 10px;
}

/* SECTION 2: FEATURES LIST */
.af-lp-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 56px;
  row-gap: 24px;
}

.af-lp-features-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.af-lp-features-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.af-lp-group-heading {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #475467;
  margin: 0 0 2px;
  text-transform: uppercase;
}

.af-lp-item-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.af-lp-item-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.af-lp-item-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.af-lp-item-title-row strong {
  font-size: 13px;
  font-weight: 600;
  color: #101828;
}

.af-lp-help-ico {
  display: inline-flex;
  vertical-align: middle;
  color: #98a2b3;
  cursor: help;
}

.af-lp-help-ico-wrap {
  display: inline-flex;
  align-items: center;
}

.af-lp-item-info p {
  font-size: 12px;
  color: #475467;
  margin: 0;
  line-height: 1.4;
}

.af-lp-level-badge {
  background: #f2f4f7;
  color: #344054;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}

/* SECTION 3: FAQ */
.af-lp-faq-list {
  display: flex;
  flex-direction: column;
}

.af-lp-faq-item {
  border-bottom: 1px solid var(--ui-border-subtle, #f0f0f2);
}

.af-lp-faq-item:last-child {
  border-bottom: 0;
}

.af-lp-faq-summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  font-size: 13.5px;
  font-weight: 600;
  color: #101828;
  user-select: none;
  transition: color 0.15s ease;
}

.af-lp-faq-summary::-webkit-details-marker {
  display: none;
}

.af-lp-faq-summary:hover {
  color: #9c4918;
}

.af-lp-faq-chevron {
  color: #98a2b3;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.af-lp-faq-item[open] .af-lp-faq-chevron {
  transform: rotate(180deg);
}

.af-lp-faq-answer {
  padding: 0 0 16px;
  font-size: 13px;
  line-height: 1.6;
  color: #475467;
}

/* Dark Mode Adjustments */
[data-theme="dark"] .af-lp-card {
  background: var(--ui-bg-card, #1c1917);
  border-color: var(--ui-border, #292524);
}

[data-theme="dark"] .af-lp-badge-adicional,
[data-theme="dark"] .af-lp-level-badge {
  background: #27272a;
  color: #a1a1aa;
}

[data-theme="dark"] .af-lp-btn-outline {
  background: #24201d;
  border-color: #44403c;
  color: var(--ui-ink, #f1f5f9);
}

[data-theme="dark"] .af-lp-domain-input-box {
  background: #24201d;
  border-color: #38332e;
}

[data-theme="dark"] .af-lp-domain-suffix {
  background: #2d2824;
  border-color: #38332e;
  color: #94a3b8;
}

[data-theme="dark"] .af-lp-notice-banner {
  background: #24201d;
  border-color: #38332e;
}

[data-theme="dark"] .af-lp-phone-tabs {
  background: #27272a;
  border-color: #3f3f46;
}

[data-theme="dark"] .af-lp-phone-tab.is-active {
  background: #18181b;
  color: #f4f4f5;
}

[data-theme="dark"] .af-lp-phone-mockup {
  border-color: #3f3f46;
  background: #18181b;
}

[data-theme="dark"] .af-lp-phone-screen {
  background: #111b21;
}

[data-theme="dark"] .af-lp-wa-bubble {
  background: #005c4b;
  color: #e9edef;
}

[data-theme="dark"] .af-lp-wa-bubble-img-wrap {
  background: #202c33;
}

[data-theme="dark"] .af-lp-wa-link {
  color: #53bdeb;
}

[data-theme="dark"] .af-lp-faq-item {
  border-color: #292524;
}

/* Responsiveness */
@media (max-width: 900px) {
  .af-lp-hero-card {
    grid-template-columns: 1fr;
  }
  .af-lp-features-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 600px) {
  .af-lp-card {
    padding: 20px 16px;
  }
}



.local-group-details header{display:flex;align-items:center;gap:14px;margin-bottom:22px}.local-group-details h2{margin:0;font-size:20px;overflow-wrap:anywhere}.local-group-details header p{margin:5px 0;color:var(--ui-muted,#64748b)}.local-group-details dl{margin:0}.local-group-details dl>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--ui-border,#e5e7eb)}.local-group-details dt{color:var(--ui-muted,#64748b)}.local-group-details dd{margin:0;overflow-wrap:anywhere}.local-group-details h3{font-size:14px;margin-top:20px}.local-group-description{white-space:pre-wrap;overflow-wrap:anywhere}.local-group-details details{margin:22px 0}.local-group-details summary{cursor:pointer}.local-group-details code{display:block;overflow-wrap:anywhere;margin-bottom:12px}.local-group-details footer{margin-top:22px}.local-group-details .ui-avatar{flex-shrink:0}@media(max-width:480px){.local-group-details dl>div{grid-template-columns:1fr;gap:4px}}

.local-kanban h1{margin:0}.local-kb-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:24px 0 16px}.local-kb-filters label,.local-kb-card label{display:grid;gap:6px;font-size:12px;font-weight:600}.local-kb-filters input,.local-kb-filters select,.local-kb-card select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--ui-border,#e5e7eb);border-radius:8px;background:var(--ui-surface,#fff);color:inherit;font:inherit}.local-kb-board{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 20px;scroll-snap-type:x proximity;align-items:flex-start}.local-kb-column{flex:0 0 280px;scroll-snap-align:start;min-height:280px;background:var(--ui-surface,#fafafa);border:1px solid var(--ui-border,#e5e7eb);border-top:3px solid var(--kb-color);border-radius:12px;padding:12px}.local-kb-column>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.local-kb-column h2{font-size:14px;margin:0}.local-kb-column h2 span{font-size:12px;color:var(--ui-muted,#64748b);margin-left:8px}.local-kb-cards{display:grid;gap:12px;margin-top:12px}.local-kb-card{border:1px solid var(--ui-border,#e5e7eb);background:var(--ui-surface,#fff);border-radius:10px;padding:14px;box-shadow:0 2px 4px #00000004}.local-kb-card-title{font:inherit;font-weight:600;cursor:pointer;text-align:left;background:none;border:0;padding:0;color:inherit;overflow-wrap:anywhere}.local-kb-card p{font-size:12px;color:var(--ui-muted,#64748b);overflow-wrap:anywhere}.local-kb-card label{margin-top:12px}.local-kb-notes{white-space:pre-wrap;max-height:90px;overflow:auto}.local-kb-empty{text-align:center;color:var(--ui-muted,#64748b);font-size:13px;padding:30px 0}.local-kb-board:focus-visible{outline:2px solid #b85b20;outline-offset:4px}@media(max-width:640px){.local-kb-filters{grid-template-columns:1fr}.local-kb-column{flex-basis:85vw;max-width:320px}.local-kanban .p-page-head{flex-wrap:wrap;gap:16px}}

.local-kanban>.p-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0 0}.local-kanban>.p-page-head p{margin:6px 0 0;color:var(--ui-muted,#64748b)}

html[data-theme="dark"] .local-kb-column,html[data-theme="dark"] .local-kb-card{background:#171e29;border-color:var(--p-line,#2c3440)}html[data-theme="dark"] .local-kb-column{border-top-color:var(--kb-color)}html[data-theme="dark"] .local-group-details dt,html[data-theme="dark"] .local-group-details header p,html[data-theme="dark"] .local-kb-card p,html[data-theme="dark"] .local-kb-empty,html[data-theme="dark"] .local-kanban>.p-page-head p{color:var(--p-muted,#a1adbc)}html[data-theme="dark"] .local-group-details dl>div{border-color:var(--p-line,#2c3440)}

.cd-page .ui-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.cd-page .dsh-breadcrumb ol{display:flex;gap:18px;list-style:none;padding:0}.cd-delivery-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--ui-border,#e8e1d9);background:var(--ui-bg-card,#fff);border-radius:12px;padding:18px 20px;margin-bottom:24px}.cd-delivery-notice p{font-size:12px;color:var(--ui-muted,#716d68);margin:4px 0 0}.cd-delivery-notice.is-enabled{border-color:#6eaa84}.cd-filters{display:flex;align-items:end;gap:14px;margin:24px 0}.cd-filters label{display:grid;gap:6px;font-size:12px;font-weight:600}.cd-filters label:first-child{flex:1}.cd-filters input,.cd-filters select{min-height:42px;padding:8px 12px;border:1px solid var(--ui-border,#e8e1d9);border-radius:8px;background:var(--ui-bg-card,#fff);color:inherit}.cd-list{display:grid;gap:16px}.cd-card{border:1px solid var(--ui-border,#e8e1d9);border-radius:14px;background:var(--ui-bg-card,#fff);padding:22px}.cd-card>header{display:flex;align-items:start;justify-content:space-between;gap:16px}.cd-card h2{font-size:16px;margin:0 0 6px;overflow-wrap:anywhere}.cd-card header p,.cd-due{font-size:12px;color:var(--ui-muted,#716d68)}.cd-card-message{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}.cd-due.is-late{color:#a33f22}.cd-card footer{margin-top:18px}.cd-empty{text-align:center;padding:60px 24px;border:1px solid var(--ui-border,#e8e1d9);border-radius:16px;background:var(--ui-bg-card,#fff)}.cd-empty>span{display:inline-flex;padding:18px;background:#f6eee6;border-radius:16px;color:#a35225;margin-bottom:18px}.cd-empty h2{font-size:22px}.cd-empty p{max-width:500px;margin:12px auto 24px;color:var(--ui-muted,#716d68)}.cd-steps{display:flex;gap:10px;list-style:none;padding:0;margin:0 0 24px;font-size:12px;flex-wrap:wrap}.cd-steps li{padding:7px 10px;background:#f3f0ed;border-radius:8px}.cd-steps [aria-current]{background:#a35225;color:#fff}.cd-message-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#f4f1ec;border-radius:12px}.cd-review{display:grid;grid-template-columns:1fr 2fr;gap:12px}.cd-review dd{margin:0}.cd-review dt{color:var(--ui-muted,#716d68)}html[data-theme="dark"] .cd-card,html[data-theme="dark"] .cd-empty,html[data-theme="dark"] .cd-delivery-notice{background:#171e29;border-color:var(--p-line,#2c3440)}html[data-theme="dark"] .cd-message-preview,html[data-theme="dark"] .cd-steps li{background:#252e3b}html[data-theme="dark"] .cd-steps [aria-current]{background:#a35225}@media(max-width:640px){.cd-page .ui-page-head,.cd-delivery-notice,.cd-card>header{flex-direction:column;align-items:stretch}.cd-filters{flex-wrap:wrap}.cd-filters label:first-child{flex-basis:100%}.cd-card{padding:18px}.cd-empty{padding:40px 18px}.cd-review{grid-template-columns:1fr;gap:5px}.cd-review dd{margin-bottom:12px}}

.local-support{padding:12px 18px;border-bottom:1px solid var(--ui-border,#e8e1d9);background:var(--ui-bg-card,#fff);flex:0 0 auto;max-height:45vh;overflow:auto}.local-support summary{cursor:pointer;font-size:13px;font-weight:600}.local-support-form{padding-top:16px}.local-support-form label{display:block;font-size:12px;margin:10px 0 6px}.local-support-form input,.local-support-form select,.local-support-form textarea{width:100%;padding:8px;border:1px solid var(--ui-border,#e8e1d9);border-radius:8px}.local-support-form input[type=checkbox]{width:auto}.local-support-form .p-actions{margin-top:14px}html[data-theme="dark"] .local-support{background:#171e29;border-color:var(--p-line,#2c3440)}

.wf-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--ui-border,#e8e1d9)}.wf-toolbar .p-actions{margin-left:auto;flex-wrap:wrap}.wf-name-label{font-size:11px;display:grid;gap:4px}.wf-name-label input{border:0;background:transparent;font-size:18px;font-weight:600;max-width:240px;color:inherit}.wf-settings{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:18px 0}.wf-settings label{font-size:12px;display:grid;gap:6px}.wf-settings select,.wf-settings input{min-height:40px;border:1px solid var(--ui-border,#e8e1d9);border-radius:8px;padding:8px;background:var(--ui-bg-card,#fff);color:inherit}.wf-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 270px;gap:14px;align-items:start}.wf-palette,.wf-properties{background:var(--ui-bg-card,#fff);border:1px solid var(--ui-border,#e8e1d9);border-radius:12px;padding:16px}.wf-palette h2,.wf-properties h2{font-size:15px;margin:0 0 12px}.wf-palette>p{font-size:12px;color:var(--ui-muted,#716d68)}.wf-palette button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--ui-border,#e8e1d9);padding:11px 9px;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:12px;margin-bottom:8px;cursor:pointer}.wf-palette button:hover{background:#f5eee7}.wf-palette .p-icon{width:18px;height:18px}.wf-canvas{height:620px;overflow:auto;border:1px solid var(--ui-border,#e8e1d9);border-radius:12px;background-color:var(--ui-bg-card,#faf9f7);background-image:radial-gradient(#cfc8bf 1px,transparent 1px);background-size:20px 20px}.wf-space{position:relative;width:1600px;height:900px;transform-origin:top left}.wf-connections{position:absolute;left:0;top:0;pointer-events:none}.wf-node{position:absolute;width:220px;min-height:110px;border:1px solid #d8cabc;border-radius:12px;background:var(--ui-bg-card,#fff);padding:0 12px 12px;box-shadow:0 3px 8px #493b2d0a}.wf-node.is-selected{outline:2px solid #a35225;outline-offset:2px}.wf-node header{display:flex;align-items:center;gap:5px;padding:10px 0;border-bottom:1px solid var(--ui-border,#e8e1d9)}.wf-node header button{background:none;border:0;cursor:pointer;color:inherit;font:inherit;font-size:12px}.wf-node-select{display:flex;align-items:center;gap:7px;font-weight:600!important;text-align:left}.wf-node-select svg{width:16px;height:16px}.wf-drag{touch-action:none;cursor:grab!important;padding:4px}.wf-node p{font-size:12px;margin:10px 0;overflow-wrap:anywhere}.wf-node small{font-size:10px;color:var(--ui-muted,#716d68)}.wf-zoom{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px}.wf-properties label{display:block;margin:14px 0 6px;font-size:12px}.wf-properties input,.wf-properties textarea,.wf-properties select{width:100%;padding:8px;border:1px solid var(--ui-border,#e8e1d9);border-radius:8px;background:var(--ui-bg-card,#fff);color:inherit}.wf-properties .p-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wf-properties .p-form-foot{justify-content:stretch}.wf-properties .p-form-foot button{width:100%}.wf-properties>.ui-btn{margin-top:12px}html[data-theme="dark"] .wf-palette,html[data-theme="dark"] .wf-properties,html[data-theme="dark"] .wf-canvas,html[data-theme="dark"] .wf-node{background-color:#171e29;border-color:var(--p-line,#2c3440)}html[data-theme="dark"] .wf-palette button:hover{background:#252e3b}@media(max-width:1150px){.wf-layout{grid-template-columns:170px minmax(0,1fr)}.wf-properties{grid-column:1/-1}}@media(max-width:640px){.wf-layout{grid-template-columns:1fr}.wf-palette{display:grid;grid-template-columns:1fr 1fr;gap:6px}.wf-palette h2,.wf-palette>p{grid-column:1/-1}.wf-palette button{margin:0}.wf-canvas{height:440px}.wf-toolbar .p-actions{margin-left:0;gap:8px}.wf-settings label{width:100%}.wf-name-label input{max-width:190px}}

.wf-toolbar{padding:12px 0;gap:10px}.wf-toolbar .wf-name-label{margin:0;max-width:180px;min-width:140px}.wf-name-label input{height:36px;padding:4px 0;width:180px}.wf-toolbar .p-actions{gap:7px}.wf-toolbar .p-actions .ui-btn{padding-left:10px;padding-right:10px}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.team-form{display:grid;gap:14px}.team-form label{display:grid;gap:7px}.team-form .team-check{display:flex;align-items:center;gap:9px}.team-form .team-check input{width:18px;height:18px;flex-shrink:0}.team-form fieldset,.group-automation-form fieldset{border:1px solid var(--ui-border,#dfe3e8);border-radius:12px;padding:18px;margin-bottom:20px}.group-automation-form{margin-top:20px}.group-automation-form textarea{width:100%;min-height:90px}.team-grid .p-card{margin-top:20px}.team-grid h2{overflow-wrap:anywhere}

.telegram-connect{max-width:840px}.telegram-connect li{margin:12px 0;line-height:1.65}.telegram-connect form{margin:20px 0}.telegram-connect h3{margin-top:24px}

.store-links-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:20px}.store-links-grid .p-card{min-width:0}.store-links-grid li{margin:10px 0;line-height:1.6}.store-link-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--ui-border,#e3e6eb);padding:18px 0}.store-link-value{overflow-wrap:anywhere}.store-link-row>div{min-width:0}.store-link-row .p-actions{flex-shrink:0}@media(max-width:760px){.store-links-grid{grid-template-columns:1fr}.store-link-row{align-items:flex-start;flex-direction:column}}

.ai-steps{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.ai-steps span{border:1px solid var(--ui-border,#e0e4e9);border-radius:24px;padding:8px 14px;color:var(--ui-muted,#657180)}.ai-steps .active{background:#f3e9dd;border-color:#b96934;color:#76411d;font-weight:600}.ai-wizard{max-width:920px}.ai-wizard label{display:block;margin:18px 0 8px}.ai-wizard input:not([type=checkbox]),.ai-wizard select,.ai-wizard textarea{display:block;width:100%;margin-top:8px}.ai-wizard .p-check{display:flex;align-items:center;gap:10px}.ai-wizard .p-check input{flex-shrink:0}.ai-days{display:flex;flex-wrap:wrap;gap:18px}.ai-wizard-foot{border-top:1px solid var(--ui-border,#e0e4e9);padding-top:22px;margin-top:24px}.ai-test-result{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:var(--ui-bg,#f6f7f9);border-radius:12px;margin-top:18px}.ai-test-result:empty{display:none}

.local-group-details footer{display:flex;flex-wrap:wrap;gap:8px}.local-group-details [data-export-status]{overflow-wrap:anywhere}.local-group-details [data-export-status]:empty{display:none}

/* Keep the desktop navigation control outside the collapsible sidebar. */
.cls-header .p-sidebar-toggle{display:inline-flex;flex-shrink:0;width:40px;height:40px}
@media(min-width:992px){.cls-sidebar [data-cls-collapse]{display:none}}