/* DIREITA / UI v16 — acabamento de produto, responsivo e orientado a perfis. */
:root{--card:#fbfdfe;--card-ink:#103247;--card-muted:#4e7180;--card-border:#d4e4e7;--brand-yellow:#ffc34b;--brand-cyan:#35ddbc;--focus:#ffc34b}
html{scrollbar-width:thin;scrollbar-color:#376474 #071e31;scrollbar-gutter:stable}
body,main,aside,section,div,dialog{scrollbar-width:thin;scrollbar-color:#3b7582 transparent}
::-webkit-scrollbar{width:7px;height:7px}
::-webkit-scrollbar-track{background:#071e31}
::-webkit-scrollbar-thumb{background:#3d7180;border:1px solid #09253a;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#4db7ad}
*{scrollbar-width:thin}
.demo-banner,.feed-disclaimer,.feed-composer,.feed-aside,.info-footer,.sidebar-bottom,.side-founder-link,.example-label,.builder-stage-pill,.builder-intro,.builder-preview-note,.showcase-disclaimer{display:none!important}
.app-layout{min-height:100dvh!important}
.sidebar{top:0!important;height:100dvh!important;min-height:0!important;padding:19px 14px 24px!important;overflow-y:auto}
.sidebar-logo{height:72px!important;min-height:72px;margin-bottom:10px}
.side-section-label{margin:12px 11px 9px!important;letter-spacing:.065em;font-size:10px!important;color:#87adb9!important}
.side-nav{gap:5px!important}
.side-nav button{min-height:46px!important;padding:12px 13px!important;font-size:14px!important;font-weight:750!important;border-radius:10px!important}
.side-nav button.active{background:#0f5865!important;box-shadow:inset 3px 0 #37e5c0!important}
.app-content{max-width:1410px;padding:27px 27px 88px!important}
.screen-heading{margin:3px 0 21px!important;align-items:center!important;gap:12px}
.screen-heading h1{font-size:clamp(30px,3vw,40px)!important;line-height:1.09!important;margin:7px 0 7px!important;letter-spacing:-.025em!important;text-wrap:balance}
.screen-heading h1 em{text-transform:none!important;letter-spacing:-.025em!important}
.screen-heading p{font-size:14px!important;line-height:1.45!important;margin:0!important;max-width:660px;color:#a9cbd4!important}
.screen-heading .overline{font-size:11px!important;letter-spacing:.06em!important}
.screen-count{display:none!important}
.content-overline{letter-spacing:.06em!important}
.feed-layout{display:block!important}
.post-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px!important;max-width:none!important}
.saved-list{max-width:none!important}
.feed-filter{display:none!important}
.saved-toolbar{margin:5px 0 17px!important}
.app-main>.app-header{display:none!important}
.app-main>.directory-controls.desktop-filters-toolbar{position:sticky;top:0;z-index:30;margin:0 19px!important;padding:13px 18px 12px!important;background:#0c3045f2!important;border:1px solid #2d5b68!important;border-top:0!important;border-radius:0 0 17px 17px!important;box-shadow:0 12px 30px #02101e55!important;backdrop-filter:blur(18px);gap:10px!important}
.desktop-filters-toolbar .directory-search-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,205px) auto;gap:10px;align-items:center}
.directory-controls .directory-search-box,.directory-controls .location-filter-wrap{height:46px!important;min-height:46px!important;max-width:none!important;width:100%!important;background:#071e30!important;border:1px solid #386176!important;border-radius:10px!important;padding:0 13px!important}
.directory-controls .directory-search-box input{font-size:14px!important;color:#eff9f9!important;font-weight:500!important}
.directory-controls input::placeholder{color:#99bac5!important}
.directory-controls .location-filter-wrap select{font-size:13px!important;background:transparent!important;color:#e9fafa!important}
.directory-controls label svg{color:#57dabb!important}
.filter-create-profile{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;height:46px;min-height:46px;padding:0 18px;background:var(--brand-yellow);color:#082f45;font:800 14px/1 'League Spartan',sans-serif;white-space:nowrap;box-shadow:0 4px 14px #050e1833;transition:filter .18s,transform .18s}
.filter-create-profile:hover{filter:brightness(1.07);transform:translateY(-1px)}
.filter-create-profile:focus-visible{outline:3px solid #6cf4d3;outline-offset:2px}
.filter-create-profile>span{font-size:21px;line-height:.7}
.desktop-filters-toolbar .filter-row{display:flex;align-items:center;gap:7px!important;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:1px 0 3px}
.desktop-filters-toolbar .filter-row button{min-height:34px!important;padding:8px 12px!important;font:750 12px/1 'League Spartan',sans-serif!important;background:#133c50!important;color:#bad9e1!important;border:1px solid #31596b!important;border-radius:99px!important;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.desktop-filters-toolbar .filter-row button:hover{color:#fff!important;border-color:#4faeaa!important}
.desktop-filters-toolbar .filter-row button.active{background:#1bd0ae!important;color:#052b3c!important;border-color:#1bd0ae!important}
body:not([data-app-screen='explorar']):not([data-app-screen='feed']):not([data-app-screen='salvos']) .app-main>.directory-controls{display:none!important}
.profile-directory-card,.business-card{min-height:238px!important;display:grid!important;grid-template-columns:42% minmax(0,58%)!important;border:1px solid var(--card-border)!important;border-radius:16px!important;background:var(--card)!important;box-shadow:0 12px 27px #010e1d30!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.business-card:hover{transform:translateY(-3px);box-shadow:0 20px 32px #010e1d44!important}
.profile-directory-card .business-art,.business-card .business-art{position:relative;min-height:238px!important;height:100%!important;aspect-ratio:auto!important;overflow:hidden;padding:0!important}
.business-art:after{background:linear-gradient(90deg,transparent,#0e324a12)!important}
.business-art img{width:100%;height:100%;object-fit:cover}
.business-details,.profile-directory-card .business-details{background:var(--card)!important;padding:19px 19px 15px!important;display:flex;flex-direction:column;justify-content:flex-start;min-width:0}
.profile-directory-card .directory-identity{display:grid!important;grid-template-columns:44px minmax(0,1fr);align-items:center!important;gap:11px!important;min-height:48px}
.profile-directory-card .directory-identity>div{min-width:0;align-self:center;display:flex;flex-direction:column;justify-content:center;gap:4px}
.profile-directory-card .directory-avatar{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px!important;background:linear-gradient(145deg,#098fc6,#0bb99a)!important;color:#fff!important;font-size:14px!important;border:0;box-shadow:0 0 0 1px #cfe8e7}
.profile-directory-card .business-details h4{color:var(--card-ink)!important;font-size:clamp(16px,1.3vw,19px)!important;line-height:1.12!important;font-weight:850!important;margin:0!important;letter-spacing:-.025em!important;overflow-wrap:anywhere}
.profile-directory-card .directory-profile-type{color:#63808b!important;font-size:11px!important;line-height:1.25!important}
.profile-directory-card .directory-tags{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0 12px!important}
.profile-directory-card .directory-tags span,.showcase-tags>span{display:inline-flex;align-items:center;max-width:100%;background:#e8f2f4!important;border:1px solid #d0e0e4!important;border-radius:7px!important;padding:6px 9px!important;color:#36576b!important;font-size:11px!important;font-weight:800!important;line-height:1.15!important;white-space:normal}
.profile-directory-card .directory-tags .macro,.profile-showcase .showcase-tags .macro{background:var(--brand-yellow)!important;border-color:var(--brand-yellow)!important;color:#07314d!important;font-weight:900!important}
.profile-directory-card .business-details p{color:#476a78!important;font-size:13px!important;line-height:1.43!important;margin:0 0 10px!important;min-height:0!important;text-align:left!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.profile-directory-card .business-location{font-size:12px!important;font-weight:800;color:#146f83!important;margin:auto 0 10px!important}
.profile-directory-card .directory-card-actions{border-top:1px solid #d7e6e8!important;margin-top:0!important;padding-top:10px!important;gap:10px}
.profile-directory-card .directory-card-actions button{color:#0b5a70!important;background:transparent!important;padding:0!important;margin:0!important;min-height:27px!important;font-size:14px!important;font-weight:850!important}
.profile-directory-card .directory-card-actions a{color:#0c7774!important;font-size:12px!important}
.profile-directory-card .profile-rating{margin-top:3px}
.profile-showcase{display:flex;flex-direction:column;background:var(--card)!important;border:1px solid var(--card-border)!important;border-radius:16px!important;box-shadow:0 14px 28px #010e1d37!important;min-width:0}
.profile-showcase .showcase-cover{height:186px;flex:none}
.profile-showcase .showcase-cover:after{display:none}
.profile-showcase .showcase-content{padding:19px 21px 17px;display:flex;flex-direction:column;flex:1;min-width:0}
.profile-showcase .showcase-identity{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;align-items:center!important;column-gap:11px!important;min-height:49px}
.profile-showcase .showcase-avatar{width:48px!important;height:48px!important;flex:none!important;border-radius:12px!important;border:1px solid #c7e3df!important;box-shadow:none!important;font-size:16px!important;min-width:48px;padding:0}
.profile-showcase .showcase-names{display:flex!important;flex-direction:column;justify-content:center;gap:4px!important;min-width:0;align-self:center}
.profile-showcase .showcase-name{font:850 19px/1.11 'League Spartan',sans-serif!important;color:var(--card-ink)!important;text-align:left!important;letter-spacing:-.022em!important}
.profile-showcase .showcase-names>span{color:#63818d!important;font-size:11px!important;line-height:1.15!important}
.profile-showcase .showcase-save{min-width:39px;min-height:39px;border-color:#d4e5e7!important;border-radius:10px!important;padding:9px!important;white-space:nowrap}
.profile-showcase .showcase-tags{margin:15px 0 11px!important;display:flex;gap:6px}
.profile-showcase .showcase-tags>.profile-badge{background:#edf6fc!important;border-color:#cadfea!important;color:#1e5574!important}
.profile-showcase .showcase-description{font-size:14px!important;line-height:1.46!important;color:#456574!important;margin:0 0 14px!important}
.profile-showcase .showcase-details{color:#315e70!important;font-size:12px!important;font-weight:800!important;gap:8px 15px;margin-top:auto!important}
.profile-showcase .showcase-contact{margin:7px 0 10px!important;gap:8px}
.profile-showcase .showcase-contact button,.profile-showcase .showcase-contact a{min-height:39px!important;padding:9px 12px!important}
.profile-showcase .showcase-contact .showcase-primary{background:#104963!important;border-color:#104963!important;color:#fff!important}
.profile-showcase .showcase-reviews{margin-top:7px;padding:12px 0 0!important;border-top:1px solid #dce8eb!important;align-items:center!important;flex-direction:row!important}
.profile-showcase .showcase-reviews>div{gap:2px!important}
.profile-showcase .showcase-reviews strong{font-size:12px!important;color:#214b5a!important}
.profile-showcase .showcase-reviews small{font-size:11px!important;color:#718b97!important}
.profile-showcase .showcase-reviews button{min-height:35px!important;font-size:12px!important;color:#0b656e!important;background:#e8f6f4!important}
.profile-rating{margin:0 0 12px;color:#466676!important}
.profile-rating>span:first-child{color:#d89a1c!important}
.quick-grid button.quick-card{background:var(--card)!important;border-color:var(--card-border)!important;box-shadow:0 12px 24px #010e1d35!important}
.quick-grid button.quick-card .quick-content,.quick-grid button.quick-card:nth-child(2) .quick-content,.quick-grid button.quick-card:nth-child(3) .quick-content,.quick-grid button.quick-card:nth-child(4) .quick-content{background:var(--card)!important}
.quick-grid .quick-content strong{color:var(--card-ink)!important}
.quick-grid .quick-content small{color:#597786!important}
.quick-grid .quick-content>b{color:#057e76!important}
.community-band{background:var(--card)!important;border-color:var(--card-border)!important}
.community-band h3{color:var(--card-ink)!important}.community-band p{color:#536f7c!important}
.opportunity{background:var(--card)!important;border:1px solid var(--card-border)!important}
.opportunity h3{color:var(--card-ink)!important}.opportunity p{color:#536f7c!important}.opportunity .opp-bottom>span{color:#52717e!important}.opportunity .opp-bottom button{color:#047c70!important}
.event-feature{background:var(--card)!important;border-color:var(--card-border)!important}
.event-info{background:var(--card)!important}.event-info h2{color:var(--card-ink)!important}.event-info p{color:#587480!important}.event-facts{color:#2b6e70!important}
.demo-profile-main{background:var(--card)!important;border-color:var(--card-border)!important}
.demo-profile-heading{border-bottom-color:#dde9ed!important}.demo-profile-heading h1,.demo-profile-description h2,.demo-profile-main>h2{color:var(--card-ink)!important}
.demo-profile-heading p,.demo-profile-description p{color:#516f7f!important}
.demo-profile-posts article{background:#f0f7f8!important;border-color:#d5e5e9!important}.demo-profile-posts p{color:#406476!important}
.profile-review-access{background:#edf7f5!important;border:1px solid #c8e2df!important}.profile-review-access strong{color:#165363!important}.profile-review-access p{color:#507681!important}.profile-review-access button{background:#0b806d!important;color:#fff!important}
.profile-go-back{background:#164a5c!important;color:#e4fff6!important}
.builder-layout{gap:18px!important}
.builder-form{gap:14px!important}
.builder-panel{background:var(--card)!important;border-color:var(--card-border)!important;box-shadow:0 12px 24px #010e1d28!important;padding:22px!important;border-radius:16px!important}
.builder-panel{background:#fff!important;border-color:#c4dce2!important}
.builder-panel-heading{margin-bottom:15px!important;gap:11px!important}.builder-panel-heading h2{color:var(--card-ink)!important;font-size:24px!important}.builder-panel-heading p{color:#607c8a!important}
.builder-kicker{color:#0a8176!important}
.builder-step-number{width:39px!important;height:39px!important;font-size:19px!important}
.builder-field{margin-top:12px!important}.builder-field>label,.builder-modes legend{color:#173d51!important;font-size:13px!important}
.builder-field>label span,.builder-field>small,.builder-footnote{color:#607a88!important}
.builder-field input,.builder-field select,.builder-field textarea{background:#eaf3f6!important;color:#102e42!important;border:1.5px solid #95b9c4!important;border-radius:10px!important;color-scheme:light!important;box-shadow:inset 0 1px 3px #446c7a12!important;transition:border-color .15s,background-color .15s,box-shadow .15s}
.builder-field input::placeholder,.builder-field textarea::placeholder{color:#5f7d8a!important;font-weight:500!important;opacity:1}
.builder-field input:hover,.builder-field select:hover,.builder-field textarea:hover{border-color:#5d98a6!important;background:#e3f0f3!important}
.builder-field input:focus,.builder-field select:focus,.builder-field textarea:focus{background:#fff!important;border-color:#079c86!important;outline:2px solid #16c8a7!important;outline-offset:1px;box-shadow:0 0 0 4px #0aaf9321!important}
.builder-type,.builder-mode-grid label{background:#f1f7f7!important;border-color:#d3e3e6!important;color:#163b4f!important}
.builder-type small,.builder-mode-grid small{color:#597889!important}
.builder-type:has(input:checked),.builder-mode-grid label:has(input:checked){background:#e2f6f0!important;border-color:#0bb896!important;box-shadow:inset 0 0 0 1px #0bb896!important}
.builder-type-icon,.builder-mode-grid label>span{color:#0d9a83!important}
.builder-type input,.builder-mode-grid input{background:#fff!important;border-color:#7da9aa!important}.builder-type input:checked,.builder-mode-grid input:checked{background:#0cac91!important;border-color:#b5e6da!important}
.builder-status{background:#edf6f6!important;border-left:3px solid #87cbbd!important;color:#587681!important;padding:8px 10px!important}
.builder-status.is-success{background:#e4f7ee!important;border-color:#18af8f!important;color:#126a55!important}
.builder-status.is-error{background:#fff0ed!important;border-color:#d65d55!important;color:#a63a31!important}
.builder-character{color:#637f89!important}.builder-character output{color:#087d6c!important}
.builder-switch-line{background:#f0f7f7!important;border-color:#cddfe2!important}.builder-switch-line strong{color:#173d51!important}.builder-switch-line small{color:#657f8b!important}
.builder-secondary{background:#e6f3f3!important;color:#0d5c67!important;border-color:#c4dddc!important}.builder-danger{color:#b34850!important}
.builder-post-list article{background:#f3f8f9!important;border-color:#d6e5e8!important}.builder-post-list strong{color:#1b4657!important}.builder-post-list small{color:#667f8b!important}
.builder-post-footer{border-color:#d3e2e6!important;color:#4b6b79!important}.builder-post-footer strong{color:#a37315!important}
.builder-preview-card{background:var(--card)!important;border-color:var(--card-border)!important;box-shadow:0 16px 36px #010e1d38!important;border-radius:17px!important}
.builder-preview-body{padding:18px!important}.builder-preview-identity h3{color:var(--card-ink)!important}.builder-preview-identity p{color:#66818d!important}
.builder-preview-avatar{box-shadow:none!important;border:1px solid #cae4e0!important}
.builder-preview-badge{background:#eaf6f9!important;border-color:#d2e6eb!important;color:#18627c!important}.builder-preview-mode{background:#fef4da!important;border-color:#efdbb1!important;color:#7e5713!important}
.builder-preview-sector{display:inline-block;background:var(--brand-yellow)!important;color:#07314d!important;border-radius:7px;padding:7px 9px!important;font-size:11px!important}
.builder-preview-body h4{color:var(--card-ink)!important}.builder-preview-body>p{color:#4b6c7a!important}
.builder-preview-body h4[hidden]{display:none!important}
.builder-preview-body h4:not([hidden]){margin-top:13px!important;font-size:18px!important;line-height:1.2!important}
.builder-preview-identity{display:grid!important;grid-template-columns:52px minmax(0,1fr);align-items:center!important;gap:12px!important}
.builder-preview-identity>div{min-width:0}
.builder-preview-identity h3{font-size:20px!important}
.builder-preview-badges{margin-bottom:14px!important}
.builder-preview-sector{max-width:100%;line-height:1.25!important}
.builder-preview-contacts{margin-top:14px!important;padding-top:13px!important}
@media(min-width:1091px){
 .builder-preview-column{position:sticky!important;top:18px!important;align-self:start!important;max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#317988 transparent;padding:0 3px 8px 0}
 .builder-sticky{position:static!important;top:auto!important}
}
@media(max-width:1090px){.builder-preview-column{position:static!important;max-height:none!important;overflow:visible!important}}
.builder-preview-contacts{border-color:#d8e6e9!important}.builder-preview-contacts>span{color:#63818d!important}.builder-preview-contacts a{background:#edf7f6!important;border-color:#c8e2df!important;color:#0b706a!important}
.builder-preview-posts{background:var(--card)!important;border-color:var(--card-border)!important}.builder-preview-posts>div:first-child{color:#184b5b!important}.builder-preview-posts #builder-preview-post-list>p{color:#63818d!important}
.builder-instagram-preview{background:#f3f8f9!important;border-color:#d7e7e9!important;color:#1b5165!important}.builder-instagram-preview small{color:#6e8994!important}
.builder-profile-links a{background:#e4f6f0!important;border-color:#cbe6dd!important;color:#08675b!important}
.embedded-preview .app-main>.directory-controls,.embedded-preview .app-main>.app-header{display:none!important}
.embedded-preview .post-feed{grid-template-columns:1fr!important}
.embedded-preview .profile-showcase .showcase-cover{height:140px!important}
.embedded-preview .profile-showcase .showcase-content{padding:12px!important}
.embedded-preview .profile-showcase .showcase-identity{grid-template-columns:38px minmax(0,1fr) auto;gap:7px!important}
.embedded-preview .profile-showcase .showcase-avatar{width:38px!important;height:38px!important;min-width:38px!important}
.embedded-preview .profile-showcase .showcase-name{font-size:15px!important}
.embedded-preview .profile-showcase .showcase-tags{margin:10px 0 8px!important}
.embedded-preview .profile-showcase .showcase-tags>span{font-size:9px!important;padding:5px 7px!important}
.embedded-preview .profile-showcase .showcase-description{font-size:12px!important}
.embedded-preview .profile-showcase .showcase-reviews{display:none!important}
@media(max-width:1250px){.post-feed{grid-template-columns:1fr}.directory-grid,.business-grid{grid-template-columns:1fr!important}.profile-directory-card{max-width:920px}}
@media(min-width:1251px) and (max-width:1480px){.post-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .app-main>.app-header{display:flex!important;position:sticky;top:0;z-index:32;margin:0!important;border:0!important;border-bottom:1px solid #245366!important;border-radius:0!important;min-height:67px!important;height:67px!important;padding:0 17px!important;justify-content:space-between;background:#09273bfa!important}
 .app-header-brand{display:flex;align-items:center;margin:0!important}.app-header-brand img{max-width:155px!important;max-height:42px!important}
 .app-header .header-join{min-height:41px!important;border-radius:9px!important;padding:9px 12px!important;background:var(--brand-yellow)!important;color:#063044!important;font-size:13px!important}
 body[data-app-screen='explorar'] .app-header .header-join,body[data-app-screen='feed'] .app-header .header-join,body[data-app-screen='salvos'] .app-header .header-join{display:none!important}
 .app-main>.directory-controls.desktop-filters-toolbar{position:static!important;margin:0 11px 4px!important;border-radius:0 0 13px 13px!important;padding:11px!important}
 .desktop-filters-toolbar .directory-search-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .desktop-filters-toolbar .directory-search-box{grid-column:1/-1;height:43px!important;min-height:43px!important}
 .desktop-filters-toolbar .location-filter-wrap{height:42px!important;min-height:42px!important}
 .filter-create-profile{height:42px;min-height:42px;padding:0 13px;font-size:12px}
 .desktop-filters-toolbar .filter-row{padding:3px 0 2px;gap:6px!important}
 .desktop-filters-toolbar .filter-row button{min-height:33px!important;padding:8px 10px!important;font-size:11px!important}
 .app-content{padding:19px 17px calc(104px + env(safe-area-inset-bottom))!important}
 .post-feed{grid-template-columns:1fr!important}
 .screen-heading{margin:0 0 17px!important}.screen-heading h1{font-size:clamp(27px,5vw,33px)!important}
 .profile-directory-card,.business-card{grid-template-columns:42% 58%!important;min-height:218px!important}
 .profile-directory-card .business-art,.business-card .business-art{min-height:218px!important}
}
@media(max-width:700px){
 .app-content{padding:18px 14px calc(113px + env(safe-area-inset-bottom))!important}
 .profile-showcase .showcase-cover{height:178px!important}
 .profile-showcase .showcase-content{padding:15px 17px 14px!important}
 .profile-showcase .showcase-identity{grid-template-columns:44px minmax(0,1fr) auto;gap:9px!important}
 .profile-showcase .showcase-avatar{width:44px!important;height:44px!important;min-width:44px!important}
 .profile-showcase .showcase-name{font-size:18px!important}
 .profile-showcase .showcase-save span{display:none!important}
 .profile-showcase .showcase-description{font-size:14px!important}
 .profile-showcase .showcase-reviews{flex-direction:row!important;align-items:center!important}
 .builder-panel{padding:18px 15px!important}
 .builder-preview-posts{padding:13px!important}
}
@media(max-width:575px){
 .profile-directory-card,.business-card{grid-template-columns:1fr!important;min-height:0!important}
 .profile-directory-card .business-art,.business-card .business-art{height:170px!important;min-height:170px!important;aspect-ratio:auto!important}
 .profile-directory-card .business-details{padding:16px!important}
 .profile-directory-card .directory-identity{grid-template-columns:44px minmax(0,1fr)}
 .profile-directory-card .business-details p{-webkit-line-clamp:3}
 .profile-directory-card .business-location{margin:0 0 10px!important}
 .quick-grid{grid-template-columns:1fr!important}
 .quick-grid button.quick-card{grid-template-columns:42% 58%!important}
 .screen-heading p{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){.business-card,.quick-grid button.quick-card,.filter-create-profile{transition:none!important}}

/* V19 — cards em verde-claro, créditos responsivos e diretório real no mockup. */
:root{--card:#eef7f3;--card-border:#c9e0d7}
.builder-panel{background:var(--card)!important;border-color:#bfdbd0!important}
.builder-field input,.builder-field select,.builder-field textarea{background:#fff!important;border-color:#a8c8bd!important}
.builder-field input:hover,.builder-field select:hover,.builder-field textarea:hover{background:#fbfefd!important;border-color:#6aab9a!important}
.builder-field input:focus,.builder-field select:focus,.builder-field textarea:focus{background:#fff!important}
.builder-type,.builder-mode-grid label{background:#e5f0eb!important;border-color:#c7dfd5!important}
.builder-type:has(input:checked),.builder-mode-grid label:has(input:checked){background:#d5eee3!important}
.builder-preview-posts,.builder-instagram-preview,.demo-profile-posts article{background:var(--card)!important}
.embed-phone-topbar{display:none}
.sidebar-bottom{display:flex!important;flex-direction:column;margin-top:auto;padding-top:25px}
.sidebar-credential-card{display:grid;grid-template-columns:54px minmax(0,1fr) 13px;align-items:center;gap:10px;padding:12px 9px;background:linear-gradient(145deg,#14475b,#0b3948);border:1px solid #397a7a;border-radius:14px;color:#eafbf8;text-decoration:none;transition:border-color .18s,background .18s}
.sidebar-credential-card:hover{border-color:#47d8bc;background:linear-gradient(145deg,#18546a,#0e4753)}
.sidebar-credential-photo{height:54px;width:54px;display:block;overflow:hidden;border-radius:11px;border:1px solid #45a79c;background:#0e5863}
.sidebar-credential-photo img,.mobile-credential-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%;transform:scale(2.1);transform-origin:center 27%}
.sidebar-credential-body{display:flex;min-width:0;flex-direction:column;gap:4px}
.sidebar-credential-body small{font-size:9px;letter-spacing:.045em;color:#6bf0d0;font-weight:850}
.sidebar-credential-body strong{font-size:14px;line-height:1.05;letter-spacing:-.012em;font-weight:850}
.sidebar-credential-body em{font-style:normal;color:#b3d4da;font-size:10px;line-height:1.25}
.sidebar-credential-card>svg{width:14px;height:14px;stroke:#73e6d3;stroke-width:2;fill:none}
.sidebar-credential-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 8px 0;color:#a3cecf;font-size:11px;font-weight:800;text-decoration:none}
.sidebar-credential-link svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
.app-mobile-credentials{display:none}
@media(max-width:900px){
 .sidebar-bottom{display:none!important}
 .app-mobile-credentials{display:block;padding:0 15px calc(99px + env(safe-area-inset-bottom));max-width:680px;margin:0 auto;color:#d9f1eb}
 .app-mobile-credentials a{display:grid;grid-template-columns:54px minmax(0,1fr) 18px;gap:13px;align-items:center;text-decoration:none;color:inherit;background:#10394b;border:1px solid #306973;border-radius:15px;padding:12px 14px;box-shadow:0 10px 27px #0017262b}
 .mobile-credential-photo{width:54px;height:54px;display:block;overflow:hidden;background:#14616b;border:1px solid #55a99d;border-radius:11px}
 .mobile-credential-copy{display:flex;flex-direction:column;min-width:0;gap:3px}
 .mobile-credential-copy small{font-size:9px;font-weight:900;letter-spacing:.065em;color:#67e6c7}
 .mobile-credential-copy strong{font-size:15px;line-height:1.08;color:#fff}
 .mobile-credential-copy em{font-size:11px;line-height:1.27;font-style:normal;color:#c4dfe3}
 .app-mobile-credentials svg{height:17px;width:17px;stroke:#7ae8d4;stroke-width:2;fill:none}
}
/* A moldura da landing usa o catálogo, com busca e filtros verdadeiros. */
.embedded-preview .embed-phone-topbar{display:flex!important;position:sticky;top:0;z-index:35;align-items:center;justify-content:space-between;gap:8px;height:48px;padding:8px 13px;background:#0d3447;border-bottom:1px solid #315d6b}
.embedded-preview .embed-phone-topbar a{display:block;flex:none;width:127px;height:32px;overflow:hidden}
.embedded-preview .embed-phone-topbar img{width:127px;height:32px;object-fit:contain}
.embedded-preview .embed-phone-topbar strong{font-size:11px;white-space:nowrap;color:#b5efdf;font-weight:850}
.embedded-preview .app-mobile-credentials{display:none!important}

/* Conta do membro: sessão real, menus e acessibilidade. */
.member-footer{gap:9px!important;min-width:0}
.member-footer [hidden]{display:none!important}
.member-card{appearance:none;display:grid;grid-template-columns:43px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;min-height:69px;padding:10px;background:linear-gradient(140deg,rgba(18,90,102,.95),rgba(10,53,71,.98));border:1px solid rgba(84,216,196,.38);border-radius:15px;color:#ebfcf9;text-align:left;cursor:pointer;box-shadow:0 8px 26px rgba(0,16,30,.2);transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.member-card:hover,.member-card[aria-expanded="true"]{border-color:#52e3c5;background:linear-gradient(140deg,#176e76,#0d4356);box-shadow:0 9px 28px rgba(0,19,32,.35)}
.member-card:focus-visible,.member-menu :is(button,a):focus-visible{outline:2px solid #ffcb54;outline-offset:3px}
.member-avatar{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:12px;border:1px solid #55d9bb;background:linear-gradient(135deg,#23b5b5,#17618a);color:#f7fffc;font-size:15px;font-weight:900;letter-spacing:.02em}
.member-identity{display:flex;min-width:0;flex-direction:column;gap:4px}
.member-identity small{font-size:9px;letter-spacing:.075em;color:#81f2d5;font-weight:850}
.member-identity strong{font-size:13px;line-height:1.13;color:#fff;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-identity em{font-style:normal;font-size:10px;line-height:1.25;color:#b6d8da;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-chevron{font-size:17px;color:#8be4d5;transform:rotate(180deg);transition:transform .2s ease}
.member-card[aria-expanded="true"] .member-chevron{transform:rotate(0)}
.member-menu{display:grid;gap:2px;padding:7px;background:#0b2b3d;border:1px solid #32677a;border-radius:13px;box-shadow:0 12px 30px #00162355}
.member-menu :is(button,a){appearance:none;border:0;background:transparent;display:flex;align-items:center;width:100%;min-height:37px;padding:9px 11px;border-radius:8px;color:#daefee;text-decoration:none;font-family:inherit;font-size:12px;font-weight:750;text-align:left;cursor:pointer}
.member-menu :is(button,a):hover{background:#174b58;color:#fff}
.member-menu .member-signout{color:#ffb9b5;border-top:1px solid #34586b;border-radius:0;margin-top:4px;padding-top:12px}
@media(min-width:901px){
 html{scrollbar-color:#3d7480 #071e30;scrollbar-width:thin}
 .sidebar{scrollbar-color:rgba(73,171,178,.38) transparent!important;scrollbar-width:thin!important;scrollbar-gutter:stable}
 .sidebar::-webkit-scrollbar{width:5px!important}
 .sidebar::-webkit-scrollbar-track{background:transparent!important}
 .sidebar::-webkit-scrollbar-thumb{background:rgba(77,175,181,.38)!important;border:0!important;border-radius:99px}
 .sidebar:hover::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(86,218,197,.68)!important}
 .app-main::-webkit-scrollbar,.app-content::-webkit-scrollbar{width:6px}
 .app-main::-webkit-scrollbar-thumb,.app-content::-webkit-scrollbar-thumb{background:#3d7480;border:0;border-radius:99px}
}
@media(max-width:900px){
 .app-mobile-credentials.member-footer{display:flex!important;flex-direction:column;gap:9px;padding:0 15px calc(99px + env(safe-area-inset-bottom))}
 .app-mobile-credentials .member-card{min-height:70px;padding:11px 13px}
 .app-mobile-credentials .member-menu{width:100%;background:#10384b}
}
.embedded-preview .app-main>.directory-controls.desktop-filters-toolbar{display:flex!important;flex-direction:column;position:sticky!important;top:48px!important;z-index:32;margin:0!important;padding:9px 11px 7px!important;background:#0a2a40!important;border:0!important;border-bottom:1px solid #2f606b!important;border-radius:0!important;box-shadow:0 9px 13px #03172235!important;gap:6px!important}
.embedded-preview .desktop-filters-toolbar .directory-search-row{display:block!important}
.embedded-preview .desktop-filters-toolbar .directory-search-box{height:38px!important;min-height:38px!important;padding:0 10px!important;display:flex!important}
.embedded-preview .desktop-filters-toolbar .directory-search-box input{font-size:12px!important}
.embedded-preview .desktop-filters-toolbar .directory-search-box svg{width:16px;height:16px}
.embedded-preview .desktop-filters-toolbar .location-filter-wrap,.embedded-preview .desktop-filters-toolbar .filter-create-profile{display:none!important}
.embedded-preview .desktop-filters-toolbar .filter-row{display:flex!important;gap:5px!important;flex-wrap:nowrap!important;padding:2px 0!important;overflow-x:auto!important}
.embedded-preview .desktop-filters-toolbar .filter-row button{min-height:27px!important;padding:6px 9px!important;font-size:10px!important}
.embedded-preview .app-content{padding:12px 9px 75px!important}
.embedded-preview [data-screen='explorar']>.screen-heading{display:none!important}
.embedded-preview .directory-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
.embedded-preview .profile-directory-card{grid-template-columns:1fr!important;min-height:0!important;border-radius:12px!important}
.embedded-preview .profile-directory-card .business-art{height:128px!important;min-height:128px!important;aspect-ratio:auto!important}
.embedded-preview .profile-directory-card .business-details{padding:12px!important}
.embedded-preview .profile-directory-card .directory-identity{grid-template-columns:37px minmax(0,1fr)!important;gap:8px!important;min-height:38px}
.embedded-preview .profile-directory-card .directory-avatar{width:37px!important;height:37px!important;min-width:37px!important;flex-basis:37px!important;font-size:12px!important}
.embedded-preview .profile-directory-card .business-details h4{font-size:15px!important}
.embedded-preview .profile-directory-card .directory-profile-type{font-size:10px!important}
.embedded-preview .profile-directory-card .directory-tags{margin:8px 0!important;gap:5px!important}
.embedded-preview .profile-directory-card .directory-tags span{font-size:9px!important;padding:4px 6px!important}
.embedded-preview .profile-directory-card .business-details p{font-size:11px!important;line-height:1.35!important;margin-bottom:6px!important;-webkit-line-clamp:2}
.embedded-preview .profile-directory-card .business-location{font-size:10px!important;margin:0 0 5px!important}
.embedded-preview .profile-directory-card .directory-card-actions{padding-top:6px!important}
.embedded-preview .profile-directory-card .directory-card-actions button{font-size:12px!important;min-height:23px!important}
.embedded-preview .mobile-tabs{display:flex!important;height:54px!important;min-height:54px!important;padding-bottom:0!important}

/* V22 — scrollbars desktop da aplicação: finas, contínuas e sem trilho claro. */
@media(min-width:901px){
 html{scrollbar-gutter:auto!important;scrollbar-width:thin!important;scrollbar-color:#346e7d #071d30!important}
 body,.app-main,.app-content,.sidebar,.builder-preview-column,.directory-controls,.filter-row{scrollbar-width:thin!important;scrollbar-color:#356e7c transparent!important}
 html::-webkit-scrollbar,body::-webkit-scrollbar{width:7px!important;height:7px!important}
 html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#071d30!important}
 html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#346e7d!important;border:1px solid #071d30!important;border-radius:999px!important}
 .sidebar::-webkit-scrollbar,.app-main::-webkit-scrollbar,.app-content::-webkit-scrollbar,.builder-preview-column::-webkit-scrollbar,.filter-row::-webkit-scrollbar{width:6px!important;height:6px!important}
 .sidebar::-webkit-scrollbar-track,.app-main::-webkit-scrollbar-track,.app-content::-webkit-scrollbar-track,.builder-preview-column::-webkit-scrollbar-track,.filter-row::-webkit-scrollbar-track{background:transparent!important}
 .sidebar::-webkit-scrollbar-thumb,.app-main::-webkit-scrollbar-thumb,.app-content::-webkit-scrollbar-thumb,.builder-preview-column::-webkit-scrollbar-thumb,.filter-row::-webkit-scrollbar-thumb{background:#356e7c!important;border:0!important;border-radius:999px!important}
 .sidebar:hover::-webkit-scrollbar-thumb,.app-main::-webkit-scrollbar-thumb:hover,.app-content::-webkit-scrollbar-thumb:hover,.builder-preview-column::-webkit-scrollbar-thumb:hover,.filter-row::-webkit-scrollbar-thumb:hover{background:#55c9b9!important}
}